chore: remove unnecessary whitespace around text in component templates

This odd formatting was likely introduced by `prettier`. This is backport of ab3d8b7.
jerone · Jun 9, 2022 · 81a9030 · 81a9030
1 parent 050f4a3
commit 81a9030
Show file tree

Hide file tree

Showing 89 changed files with 344 additions and 344 deletions.
diff --git a/projects/angular/src/button/button-group/button.spec.ts b/projects/angular/src/button/button-group/button.spec.ts
@@ -16,9 +16,9 @@ import { ClrButtonGroupModule } from './button-group.module';
 
 @Component({
   template: `
-    <clr-button #button1 type="button" name="button1" id="button1" (click)="toggleClick()">Button 1 </clr-button>
-    <clr-button #button2 [clrInMenu]="button2InMenu" class="btn btn-primary">Button 2 </clr-button>
-    <clr-button #button3 disabled class="test">Button 3 </clr-button>
+    <clr-button #button1 type="button" name="button1" id="button1" (click)="toggleClick()">Button 1</clr-button>
+    <clr-button #button2 [clrInMenu]="button2InMenu" class="btn btn-primary">Button 2</clr-button>
+    <clr-button #button3 disabled class="test">Button 3</clr-button>
   `,
 })
 class TestButtonComponent {
@@ -36,9 +36,9 @@ class TestButtonComponent {
 
 @Component({
   template: `
-    <clr-button #button1 [clrLoading]="load">Test Button 1 </clr-button>
-    <clr-button disabled class="btn btn-primary" #button2>Test Button 2 </clr-button>
-    <clr-button class="test" type="button" name="button3" id="button3" #button3>Test Button 3 </clr-button>
+    <clr-button #button1 [clrLoading]="load">Test Button 1</clr-button>
+    <clr-button disabled class="btn btn-primary" #button2>Test Button 2</clr-button>
+    <clr-button class="test" type="button" name="button3" id="button3" #button3>Test Button 3</clr-button>
     <div id="portal">
       <ng-template [ngTemplateOutlet]="button1.templateRef"></ng-template>
       <ng-template [ngTemplateOutlet]="button2.templateRef"></ng-template>

diff --git a/projects/angular/src/data/datagrid/datagrid-cell.spec.ts b/projects/angular/src/data/datagrid/datagrid-cell.spec.ts
@@ -55,7 +55,7 @@ export default function (): void {
     <clr-dg-cell>
       Hello world
       <clr-signpost *ngIf="signpostTest">
-        <clr-signpost-content *clrIfOpen> The user is strong. </clr-signpost-content>
+        <clr-signpost-content *clrIfOpen>The user is strong.</clr-signpost-content>
       </clr-signpost>
     </clr-dg-cell>
   `,

diff --git a/projects/angular/src/data/datagrid/datagrid-column.spec.ts b/projects/angular/src/data/datagrid/datagrid-column.spec.ts
@@ -541,7 +541,7 @@ class SimpleTest {
   template: `
     <clr-dg-column [clrDgField]="field">
       Column title
-      <clr-dg-filter class="my-filter" [clrDgFilter]="filter"> Filter content </clr-dg-filter>
+      <clr-dg-filter class="my-filter" [clrDgFilter]="filter">Filter content</clr-dg-filter>
     </clr-dg-column>
   `,
 })
@@ -567,7 +567,7 @@ class StringFilterTest {
 }
 
 @Component({
-  template: `<clr-dg-column [(clrFilterValue)]="filterValue" [clrDgField]="field"> Column Title </clr-dg-column>`,
+  template: `<clr-dg-column [(clrFilterValue)]="filterValue" [clrDgField]="field">Column Title</clr-dg-column>`,
 })
 class PreFilterTest {
   field: string;
@@ -593,7 +593,7 @@ class UnregisterTest {
 }
 
 @Component({
-  template: `<clr-dg-column [clrDgField]="field" [clrDgColType]="type"> Column Title </clr-dg-column>`,
+  template: `<clr-dg-column [clrDgField]="field" [clrDgColType]="type">Column Title</clr-dg-column>`,
 })
 class ColTypeTest {
   field: string;

diff --git a/projects/angular/src/data/datagrid/datagrid-hideable-column.spec.ts b/projects/angular/src/data/datagrid/datagrid-hideable-column.spec.ts
@@ -166,17 +166,17 @@ export default function (): void {
 }
 
 @Component({
-  template: `<ng-container *clrDgHideableColumn> Why am I not inside a datagrid column? </ng-container>`,
+  template: `<ng-container *clrDgHideableColumn>Why am I not inside a datagrid column?</ng-container>`,
 })
 class HideableNotInsideColumnTest {}
 
 @Component({
   template: `
     <clr-dg-column>
-      <ng-container *clrDgHideableColumn="{ hidden: hideFirst }"> Date </ng-container>
+      <ng-container *clrDgHideableColumn="{ hidden: hideFirst }">Date</ng-container>
     </clr-dg-column>
     <clr-dg-column>
-      <ng-container *clrDgHideableColumn> Name </ng-container>
+      <ng-container *clrDgHideableColumn>Name</ng-container>
     </clr-dg-column>
     <clr-dg-column></clr-dg-column>
   `,
@@ -188,11 +188,11 @@ class HideableSugaredTest {
 @Component({
   template: `
     <clr-dg-column>
-      <ng-template clrDgHideableColumn> Date </ng-template>
+      <ng-template clrDgHideableColumn>Date</ng-template>
     </clr-dg-column>
     <clr-dg-column>
       <!-- sugar syntax does not support @Output on structural directives, see https://github.com/angular/angular/issues/12121 -->
-      <ng-template clrDgHideableColumn [(clrDgHidden)]="hideSecond"> Name </ng-template>
+      <ng-template clrDgHideableColumn [(clrDgHidden)]="hideSecond">Name</ng-template>
     </clr-dg-column>
   `,
 })

diff --git a/projects/angular/src/data/datagrid/datagrid-row.spec.ts b/projects/angular/src/data/datagrid/datagrid-row.spec.ts
@@ -518,7 +518,7 @@ class FullTest {
     >
       <clr-dg-cell>Hello world</clr-dg-cell>
       <ng-container ngProjectAs="clr-dg-row-detail" *ngIf="!removeRowDetail">
-        <clr-dg-row-detail *clrIfExpanded> Detail </clr-dg-row-detail>
+        <clr-dg-row-detail *clrIfExpanded>Detail</clr-dg-row-detail>
       </ng-container>
     </clr-dg-row>
   `,

diff --git a/projects/angular/src/data/datagrid/datagrid.spec.ts b/projects/angular/src/data/datagrid/datagrid.spec.ts
@@ -340,7 +340,7 @@ class TestStringFilter implements ClrDatagridStringFilterInterface<number> {
   template: `
     <clr-datagrid>
       <clr-dg-column>
-        <ng-container *clrDgHideableColumn="{ hidden: true }"> First </ng-container>
+        <ng-container *clrDgHideableColumn="{ hidden: true }">First</ng-container>
       </clr-dg-column>
       <clr-dg-column>Second</clr-dg-column>
 
@@ -376,7 +376,7 @@ class ProjectionTest {
   template: `
     <clr-datagrid>
       <clr-dg-column>
-        <ng-container *clrDgHideableColumn="{ hidden: true }"> First </ng-container>
+        <ng-container *clrDgHideableColumn="{ hidden: true }">First</ng-container>
       </clr-dg-column>
       <clr-dg-column>Second</clr-dg-column>
 

diff --git a/projects/angular/src/data/datagrid/providers/datagrid-detail-registerer.spec.ts b/projects/angular/src/data/datagrid/providers/datagrid-detail-registerer.spec.ts
@@ -44,7 +44,7 @@ export default function (): void {
       <clr-dg-row>
         <clr-dg-cell>A</clr-dg-cell>
         <clr-dg-cell>B</clr-dg-cell>
-        <clr-dg-row-detail *clrIfExpanded> Lorem ipsum...{{ user | json }} </clr-dg-row-detail>
+        <clr-dg-row-detail *clrIfExpanded>Lorem ipsum...{{ user | json }}</clr-dg-row-detail>
       </clr-dg-row>
 
       <clr-dg-detail *clrIfDetail="let detail">

diff --git a/projects/angular/src/data/tree-view/tree-node.html b/projects/angular/src/data/tree-view/tree-node.html
@@ -49,8 +49,8 @@
   <div class="clr-treenode-content" (mousedown)="focusTreeNode()">
     <ng-content></ng-content>
     <div class="clr-sr-only" *ngIf="featuresService.selectable">
-      <span *ngIf="ariaSelected"> selected </span>
-      <span *ngIf="!ariaSelected"> unselected </span>
+      <span *ngIf="ariaSelected">selected</span>
+      <span *ngIf="!ariaSelected">unselected</span>
     </div>
   </div>
 </div>

diff --git a/projects/angular/src/emphasis/alert/alerts.spec.ts b/projects/angular/src/emphasis/alert/alerts.spec.ts
@@ -246,7 +246,7 @@ export default function () {
         [clrAlertAppLevel]="true"
       >
         <clr-alert-item>
-          <span class="alert-text"> This is the first alert! </span>
+          <span class="alert-text">This is the first alert!</span>
         </clr-alert-item>
       </clr-alert>
       <clr-alert
@@ -256,7 +256,7 @@ export default function () {
         [clrAlertAppLevel]="true"
       >
         <clr-alert-item>
-          <span class="alert-text"> This is the second alert! </span>
+          <span class="alert-text">This is the second alert!</span>
         </clr-alert-item>
       </clr-alert>
     </clr-alerts>
@@ -279,7 +279,7 @@ class TestComponent {
         [clrAlertAppLevel]="true"
       >
         <clr-alert-item>
-          <span class="alert-text"> This is the first alert! </span>
+          <span class="alert-text">This is the first alert!</span>
         </clr-alert-item>
       </clr-alert>
       <clr-alert
@@ -289,7 +289,7 @@ class TestComponent {
         [clrAlertAppLevel]="true"
       >
         <clr-alert-item>
-          <span class="alert-text"> This is the second alert! </span>
+          <span class="alert-text">This is the second alert!</span>
         </clr-alert-item>
       </clr-alert>
     </clr-alerts>

diff --git a/projects/angular/src/forms/combobox/combobox-with-option.integration.spec.ts b/projects/angular/src/forms/combobox/combobox-with-option.integration.spec.ts
@@ -14,8 +14,8 @@ import { ClrCombobox } from './combobox';
 @Component({
   template: `
     <clr-combobox>
-      <clr-option [clrValue]="'Option 1'"> Option 1 </clr-option>
-      <clr-option [clrValue]="'Option 2'"> Option 2 </clr-option>
+      <clr-option [clrValue]="'Option 1'">Option 1</clr-option>
+      <clr-option [clrValue]="'Option 2'">Option 2</clr-option>
     </clr-combobox>
   `,
 })

diff --git a/projects/angular/src/forms/combobox/combobox-with-options-menu.integration.spec.ts b/projects/angular/src/forms/combobox/combobox-with-options-menu.integration.spec.ts
@@ -13,7 +13,7 @@ import { ClrCombobox } from './combobox';
 @Component({
   template: `
     <clr-combobox>
-      <clr-options class="test"> Test </clr-options>
+      <clr-options class="test">Test</clr-options>
     </clr-combobox>
   `,
 })

diff --git a/projects/angular/src/forms/combobox/option.spec.ts b/projects/angular/src/forms/combobox/option.spec.ts
@@ -17,7 +17,7 @@ import { ComboboxFocusHandler } from './providers/combobox-focus-handler.service
 import { OptionSelectionService } from './providers/option-selection.service';
 
 @Component({
-  template: `<clr-option [clrValue]="value" [id]="id" #option> Test </clr-option>`,
+  template: `<clr-option [clrValue]="value" [id]="id" #option>Test</clr-option>`,
   providers: [
     ClrPopoverToggleService,
     { provide: POPOVER_HOST_ANCHOR, useExisting: ElementRef },

diff --git a/projects/angular/src/forms/combobox/option.ts b/projects/angular/src/forms/combobox/option.ts
@@ -14,7 +14,7 @@ import { OptionSelectionService } from './providers/option-selection.service';
   selector: 'clr-option',
   template: `
     <ng-content></ng-content>
-    <span *ngIf="selected" class="clr-sr-only"> {{ commonStrings.keys.comboboxSelected }} </span>
+    <span *ngIf="selected" class="clr-sr-only">{{ commonStrings.keys.comboboxSelected }}</span>
   `,
   providers: [UNIQUE_ID_PROVIDER],
   host: {

diff --git a/projects/angular/src/forms/combobox/options.spec.ts b/projects/angular/src/forms/combobox/options.spec.ts
@@ -31,7 +31,7 @@ const OPTION_PROVIDERS = [
 ];
 
 @Component({
-  template: `<clr-options> Test </clr-options>`,
+  template: `<clr-options>Test</clr-options>`,
   providers: [...OPTION_PROVIDERS, { provide: POPOVER_HOST_ANCHOR, useExisting: ElementRef }],
 })
 class TestComponent {}
@@ -49,7 +49,7 @@ class TestComponentWithChild {
 }
 
 @Component({
-  template: `<clr-options> Test </clr-options>`,
+  template: `<clr-options>Test</clr-options>`,
   providers: OPTION_PROVIDERS,
 })
 class TestComponentWithError {}

diff --git a/projects/angular/src/forms/styles/containers.spec.ts b/projects/angular/src/forms/styles/containers.spec.ts
@@ -51,7 +51,7 @@ import { ClrIconModule } from '../../icon/icon.module';
               placeholder="Enter value here"
               class="clr-checkbox"
             />
-            <label for="{{ layout }}-checkbox1" class="clr-control-label"> option 1 </label>
+            <label for="{{ layout }}-checkbox1" class="clr-control-label">option 1</label>
           </div>
           <div class="clr-checkbox-wrapper">
             <input
@@ -61,7 +61,7 @@ import { ClrIconModule } from '../../icon/icon.module';
               placeholder="Enter value here"
               class="clr-checkbox"
             />
-            <label for="{{ layout }}-checkbox2" class="clr-control-label"> option 2 </label>
+            <label for="{{ layout }}-checkbox2" class="clr-control-label">option 2</label>
           </div>
           <div class="clr-checkbox-wrapper">
             <input
@@ -71,7 +71,7 @@ import { ClrIconModule } from '../../icon/icon.module';
               placeholder="Enter value here"
               class="clr-checkbox"
             />
-            <label for="{{ layout }}-checkbox3" class="clr-control-label"> option 3 </label>
+            <label for="{{ layout }}-checkbox3" class="clr-control-label">option 3</label>
           </div>
           <div class="clr-subtext-wrapper">
             <cds-icon class="clr-validate-icon" shape="exclamation-circle"></cds-icon>
@@ -99,7 +99,7 @@ import { ClrIconModule } from '../../icon/icon.module';
               placeholder="Enter value here"
               class="clr-checkbox"
             />
-            <label for="{{ layout }}-checkbox7" class="clr-control-label"> option 1 </label>
+            <label for="{{ layout }}-checkbox7" class="clr-control-label">option 1</label>
           </div>
           <div class="clr-checkbox-wrapper">
             <input
@@ -109,7 +109,7 @@ import { ClrIconModule } from '../../icon/icon.module';
               placeholder="Enter value here"
               class="clr-checkbox"
             />
-            <label for="{{ layout }}-checkbox8" class="clr-control-label"> option 2 </label>
+            <label for="{{ layout }}-checkbox8" class="clr-control-label">option 2</label>
           </div>
           <div class="clr-checkbox-wrapper">
             <input
@@ -119,7 +119,7 @@ import { ClrIconModule } from '../../icon/icon.module';
               placeholder="Enter value here"
               class="clr-checkbox"
             />
-            <label for="{{ layout }}-checkbox9" class="clr-control-label"> option 3 </label>
+            <label for="{{ layout }}-checkbox9" class="clr-control-label">option 3</label>
           </div>
           <div class="clr-subtext-wrapper">
             <cds-icon class="clr-validate-icon" shape="exclamation-circle"></cds-icon>
@@ -147,7 +147,7 @@ import { ClrIconModule } from '../../icon/icon.module';
               placeholder="Enter value here"
               class="clr-checkbox"
             />
-            <label for="{{ layout }}-toggle1" class="clr-control-label"> option 1 </label>
+            <label for="{{ layout }}-toggle1" class="clr-control-label">option 1</label>
           </div>
           <div class="clr-toggle-wrapper">
             <input
@@ -157,7 +157,7 @@ import { ClrIconModule } from '../../icon/icon.module';
               placeholder="Enter value here"
               class="clr-checkbox"
             />
-            <label for="{{ layout }}-toggle2" class="clr-control-label"> option 2 </label>
+            <label for="{{ layout }}-toggle2" class="clr-control-label">option 2</label>
           </div>
           <div class="clr-toggle-wrapper">
             <input
@@ -167,7 +167,7 @@ import { ClrIconModule } from '../../icon/icon.module';
               placeholder="Enter value here"
               class="clr-checkbox"
             />
-            <label for="{{ layout }}-toggle3" class="clr-control-label"> option 3 </label>
+            <label for="{{ layout }}-toggle3" class="clr-control-label">option 3</label>
           </div>
           <div class="clr-subtext-wrapper">
             <cds-icon class="clr-validate-icon" shape="exclamation-circle"></cds-icon>
@@ -195,7 +195,7 @@ import { ClrIconModule } from '../../icon/icon.module';
               placeholder="Enter value here"
               class="clr-checkbox"
             />
-            <label for="{{ layout }}-toggle7" class="clr-control-label"> option 1 </label>
+            <label for="{{ layout }}-toggle7" class="clr-control-label">option 1</label>
           </div>
           <div class="clr-toggle-wrapper">
             <input
@@ -205,7 +205,7 @@ import { ClrIconModule } from '../../icon/icon.module';
               placeholder="Enter value here"
               class="clr-checkbox"
             />
-            <label for="{{ layout }}-toggle8" class="clr-control-label"> option 2 </label>
+            <label for="{{ layout }}-toggle8" class="clr-control-label">option 2</label>
           </div>
           <div class="clr-toggle-wrapper">
             <input
@@ -215,7 +215,7 @@ import { ClrIconModule } from '../../icon/icon.module';
               placeholder="Enter value here"
               class="clr-checkbox"
             />
-            <label for="{{ layout }}-toggle9" class="clr-control-label"> option 3 </label>
+            <label for="{{ layout }}-toggle9" class="clr-control-label">option 3</label>
           </div>
           <div class="clr-subtext-wrapper">
             <cds-icon class="clr-validate-icon" shape="exclamation-circle"></cds-icon>

diff --git a/projects/angular/src/layout/main-container/main-container.spec.ts b/projects/angular/src/layout/main-container/main-container.spec.ts
@@ -14,7 +14,7 @@ import { ClrMainContainer } from './main-container';
 import { ClrMainContainerModule } from './main-container.module';
 
 @Component({
-  template: `<clr-main-container> Test </clr-main-container>`,
+  template: `<clr-main-container>Test</clr-main-container>`,
 })
 class TestComponent {
   @ViewChild(ClrMainContainer) mainContainerInstance: ClrMainContainer;

diff --git a/projects/angular/src/layout/tabs/tab-overflow-content.spec.ts b/projects/angular/src/layout/tabs/tab-overflow-content.spec.ts
@@ -11,7 +11,7 @@ import { ClrPopoverToggleService } from '../../utils/popover/providers/popover-t
 import { ClrTabOverflowContent } from './tab-overflow-content';
 
 @Component({
-  template: `<clr-tab-overflow-content> Hello world </clr-tab-overflow-content>`,
+  template: `<clr-tab-overflow-content>Hello world</clr-tab-overflow-content>`,
 })
 class TestComponent {}
 

diff --git a/projects/angular/src/layout/vertical-nav/vertical-nav-group.spec.ts b/projects/angular/src/layout/vertical-nav/vertical-nav-group.spec.ts
@@ -273,7 +273,7 @@ export default function (): void {
     <clr-vertical-nav-group #group>
       Group
       <clr-vertical-nav-group-children>
-        <a href="#" clrVerticalNavLink> Link </a>
+        <a href="#" clrVerticalNavLink>Link</a>
       </clr-vertical-nav-group-children>
     </clr-vertical-nav-group>
   `,
@@ -288,7 +288,7 @@ class GroupInternalsTestComponent {
       Group
       <ng-template clrIfExpanded>
         <clr-vertical-nav-group-children>
-          <a href="#" clrVerticalNavLink> Link </a>
+          <a href="#" clrVerticalNavLink>Link</a>
         </clr-vertical-nav-group-children>
       </ng-template>
     </clr-vertical-nav-group>
@@ -307,7 +307,7 @@ class IfExpandedTestComponent {
     >
       Group
       <clr-vertical-nav-group-children>
-        <a href="#" clrVerticalNavLink> Link </a>
+        <a href="#" clrVerticalNavLink>Link</a>
       </clr-vertical-nav-group-children>
     </clr-vertical-nav-group>
   `,