Merge branch 'repo-cleanup' of https://github.com/IgniteUI/igniteui-angular-samples into repo-cleanup

kdinev · kdinev · commit 6e5d4ed0ee07 · 2023-03-07T12:13:24.000+02:00
diff --git a/README.html b/README.html
@@ -13,7 +13,7 @@
     <article>
       <h1>Thank you for downloading
         <br>Ignite UI for Angular</h1>
-      <p>In the package you just downloaded, you get a complete set of samples, including source code for each of them. You’ll
+      <p>In the package you just downloaded, you get a complete set of samples, including source code for each of them. You'll
         see the full array of capabilities in Ignite UI for Angular, all the different features for the controls, how they
         are implemented.
       </p>
@@ -43,7 +43,7 @@ <h2>Prerequisites to using Ignite UI for Angular</h2>
         app, including Ignite UI for Angular, and to build Ignite UI for Angular apps.
         <br>
         <br>To get started, you must install both NodeJS and Visual Studio Code on your machine. Modern web development with
-        Angular requires NodeJS, it’s sort of like an ASP.NET app running in the browser requires ASP.NET runtime deployed
+        Angular requires NodeJS, it's sort of like an ASP.NET app running in the browser requires ASP.NET runtime deployed
         on the server. For development, there is nothing better than Visual Studio Code to build Angular apps. Getting started
         is easy, just download and install both Node.js and Visual Studio Code.</p>
       <div class="callouts">
@@ -69,7 +69,7 @@ <h2>Running the Ignite UI for Angular Samples</h2>
       <h3>Step-by-Step</h3>
       <ol>
         <li>Unzip the package to your hard drive. </li>
-        <li>Open the project by right-clicking anywhere in the folder that you’ve just unzipped and selecting “Open with Code”
+        <li>Open the project by right-clicking anywhere in the folder that you've just unzipped and selecting “Open with Code”
           from the context menu. If you do not have a right-click option to Open in Code, or you are running a Mac, simply
           open Visual Studio Code and from the File menu select Open Folder and select the folder you just unzipped. </li>
         <li>Once Visual Studio Code is open, you should see the samples folders in the Explorer pane. </li>
@@ -85,13 +85,13 @@ <h3>Step-by-Step</h3>
   <section class="cli">
     <article>
       <h2>Building your first Ignite UI for Angular app</h2>
-      <p>After you’ve looked at the Ignite UI for Angular samples and explored the online docs, it’s time to get started building
-        your first Ignite UI for Angular app. Using the Ignite UI for Angular CLI (Command Line Interface), it’s super-easy
+      <p>After you've looked at the Ignite UI for Angular samples and explored the online docs, it's time to get started building
+        your first Ignite UI for Angular app. Using the Ignite UI for Angular CLI (Command Line Interface), it's super-easy
         to get started building full-featured Angular apps. Our CLI gives you the ability to initialize, develop, scaffold,
         and maintain applications in Angular with Ignite UI, all with pre-set navigation, templates for each control and
         full screen views that can help you kick off any type of Angular app development.
         <br>
-        <br>We’ve included 2 videos that will help you install the pre-requisites and walk you through using the Ignite UI for
+        <br>We've included 2 videos that will help you install the pre-requisites and walk you through using the Ignite UI for
         Angular CLI to build your first Ignite UI for Angular app.</p>
       <div class="callouts">
         <div class="callout">
@@ -137,4 +137,4 @@ <h2>Building your first Ignite UI for Angular app</h2>
   </footer>
 </body>
 
-</html>
+</html>
diff --git a/projects/app-lob/src/app/grid-dynamic-chart-data/grid-dynamic-chart-data-routes-data.ts b/projects/app-lob/src/app/grid-dynamic-chart-data/grid-dynamic-chart-data-routes-data.ts
@@ -1,7 +1,7 @@
 /* eslint-disable max-len */
 
 export const gridDynamicChartRoutesData = {
-    'data-analysis': { displayName: 'Grid Dynamic Chart Data', parentName: 'Grid', title: 'Angular grid for data virtualization and performance', description: 'Seamlessly scroll through unlimited rows and columns in your Angular grid, with the data grid’s column and row level virtualization.' },
+    'data-analysis': { displayName: 'Grid Dynamic Chart Data', parentName: 'Grid', title: 'Angular grid for data virtualization and performance', description: 'Seamlessly scroll through unlimited rows and columns in your Angular grid, with the data grid\'s column and row level virtualization.' },
     'data-analysis-dock-manager': { displayName: 'Data Analysis with Dock Manager', parentName: 'Grid', title: 'Angular grid with Real-Time Data Analysis and Dashboards', description: 'Data Analysis with dock manager - provide a complete windowing experience, splitting complex layouts into smaller, easier-to-manage panes.' }
 
 };
diff --git a/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.html b/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.html
@@ -1,4 +1,4 @@
-<igc-dockmanager #dock class="dock-m-position igx-scrollbar" [layout]="docLayout">
+<igc-dockmanager #dock class="dock-m-position ig-scrollbar" [layout]="docLayout">
     <div class="actionPane" slot="actionPane" style="height: 100%; padding: 20px;">
         <div class="actionItem">
             Change theme: <br/> <igx-switch [(ngModel)]="isDarkTheme">Dark Mode</igx-switch>
diff --git a/projects/app-lob/src/app/grid-finjs/main.component.html b/projects/app-lob/src/app/grid-finjs/main.component.html
@@ -1,4 +1,4 @@
-<div class="main__wrapper igx-scrollbar" [class.fin-dark-theme]="darkTheme">
+<div class="main__wrapper ig-scrollbar" [class.fin-dark-theme]="darkTheme">
     <app-finjs-controllers #controllers
         (switchChanged)="onSwitchChanged($event)"
         (volumeChanged)="onVolumeChanged($event)"
diff --git a/projects/app-lob/src/app/home/home.component.html b/projects/app-lob/src/app/home/home.component.html
@@ -4,7 +4,7 @@ <h2 class="title">
             Samples with Charts!
         </h2>
         <p class="description">
-            Browse the left menu to see the complete set of samples for each control. You’ll see the full array of capabilities in Ignite
+            Browse the left menu to see the complete set of samples for each control. You'll see the full array of capabilities in Ignite
             UI for Angular, all the different features for the controls and how they are implemented.
         </p>
     </section>
@@ -13,14 +13,14 @@ <h3 class="contentTitle">
             Building your first Ignite UI for Angular app
         </h3>
         <p class="contentText">
-            After you’ve looked at the Ignite UI for Angular samples and explored the online docs, it’s time to get started building
-            your first Ignite UI for Angular app. Using the Ignite UI for Angular CLI (Command Line Interface), it’s super-easy
+            After you've looked at the Ignite UI for Angular samples and explored the online docs, it's time to get started building
+            your first Ignite UI for Angular app. Using the Ignite UI for Angular CLI (Command Line Interface), it's super-easy
             to get started building full-featured Angular apps. Our CLI gives you the ability to initialize, develop, scaffold,
             and maintain applications in Angular with Ignite UI, all with pre-set navigation, templates for each control
             and full screen views that can help you kick off any type of Angular app development.
         </p>
         <p class="contentText">
-            We’ve included 2 videos that will help you install the pre-requisites and walk you through using the Ignite UI for Angular
+            We've included 2 videos that will help you install the pre-requisites and walk you through using the Ignite UI for Angular
             CLI to build your first Ignite UI for Angular app.
         </p>
         <div class="videos">
@@ -42,7 +42,7 @@ <h3 class="contentTitle">
                 If you are already familiar with node.js and using a CLI, you can skip the videos and type:
             </p>
             <span class="code-snippet">
-                npm install igniteui-cli –g
+                npm install igniteui-cli -g
             </span>
             <p>
                 in Terminal, PowerShell or Bash to install our CLI. We include an alias, so just type:
diff --git a/projects/app-lob/src/app/treegrid-finjs/tree-grid-finjs-sample.component.html b/projects/app-lob/src/app/treegrid-finjs/tree-grid-finjs-sample.component.html
@@ -1,4 +1,4 @@
-<div class="grid__wrapper igx-scrollbar">
+<div class="grid__wrapper ig-scrollbar">
     <div class="controls-wrapper">
     </div>
     <div class="controls-holder">
@@ -31,8 +31,8 @@
         [height]="'calc(100% - 76px)'"
         width="100%"
         [moving]="true"
-        [autoGenerate]='false'
-        displayDensity='compact'
+        [autoGenerate]="false"
+        displayDensity="compact"
         hiddenColumnsText="Hidden"
         [isLoading]="isLoading"
         [allowFiltering]="true"
diff --git a/readmeStyle.css b/readmeStyle.css
@@ -26,7 +26,7 @@ h3 {
 }
 
 .code-snippet {
-  font-family: ‘Courier New’, monospace;
+  font-family: 'Courier New', monospace;
   background: rgba(94, 110, 122, 0.12);
   padding: 4px;
 }
diff --git a/src/app/data-entries/radio/radio-sample-2/radio-sample-2.component.html b/src/app/data-entries/radio/radio-sample-2/radio-sample-2.component.html
@@ -6,7 +6,7 @@
     <div>
         <h5>New York City</h5>
         New York City comprises 5 boroughs sitting where the Hudson River meets the Atlantic Ocean. At its core is
-        Manhattan, a densely populated borough that’s among the world’s major commercial, financial and cultural
+        Manhattan, a densely populated borough that's among the world's major commercial, financial and cultural
         centers.
     </div>
 </div>
diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
@@ -4,7 +4,7 @@ <h2 class="title">
             Welcome to Ignite UI for Angular!
         </h2>
         <p class="description">
-            Browse the left menu to see the complete set of samples for each control. You’ll see the full array of capabilities in Ignite
+            Browse the left menu to see the complete set of samples for each control. You'll see the full array of capabilities in Ignite
             UI for Angular, all the different features for the controls and how they are implemented.
         </p>
     </section>
@@ -13,14 +13,14 @@ <h3 class="contentTitle">
             Building your first Ignite UI for Angular app
         </h3>
         <p class="contentText">
-            After you’ve looked at the Ignite UI for Angular samples and explored the online docs, it’s time to get started building
-            your first Ignite UI for Angular app. Using the Ignite UI for Angular CLI (Command Line Interface), it’s super-easy
+            After you've looked at the Ignite UI for Angular samples and explored the online docs, it's time to get started building
+            your first Ignite UI for Angular app. Using the Ignite UI for Angular CLI (Command Line Interface), it's super-easy
             to get started building full-featured Angular apps. Our CLI gives you the ability to initialize, develop, scaffold,
             and maintain applications in Angular with Ignite UI, all with pre-set navigation, templates for each control
             and full screen views that can help you kick off any type of Angular app development.
         </p>
         <p class="contentText">
-            We’ve included 2 videos that will help you install the pre-requisites and walk you through using the Ignite UI for Angular
+            We've included 2 videos that will help you install the pre-requisites and walk you through using the Ignite UI for Angular
             CLI to build your first Ignite UI for Angular app.
         </p>
         <div class="videos">
diff --git a/src/app/interactions/ripple/ripple-sample-2/ripple-sample-2.component.html b/src/app/interactions/ripple/ripple-sample-2/ripple-sample-2.component.html
@@ -1,7 +1,7 @@
 <div class="parent" igxRipple="white" igxRippleTarget=".child" [igxRippleCentered]="true">
     <div>
         <h5>New York City</h5>
-        New York City comprises 5 boroughs sitting where the Hudson River meets the Atlantic Ocean. At its core is Manhattan, a densely populated borough that’s among the world’s major commercial, financial and cultural centers.
+        New York City comprises 5 boroughs sitting where the Hudson River meets the Atlantic Ocean. At its core is Manhattan, a densely populated borough that's among the world's major commercial, financial and cultural centers.
         <button class="sample-button child" igxButton="raised">Read More</button>
     </div>
 </div>
diff --git a/src/app/layouts/accordion/accordion-sample-1/accordion-sample-1.component.html b/src/app/layouts/accordion/accordion-sample-1/accordion-sample-1.component.html
@@ -63,7 +63,7 @@
         </igx-expansion-panel>
         <igx-expansion-panel>
             <igx-expansion-panel-header>
-                <igx-expansion-panel-title>What happens if I don’t renew my subscription?</igx-expansion-panel-title>
+                <igx-expansion-panel-title>What happens if I don't renew my subscription?</igx-expansion-panel-title>
             </igx-expansion-panel-header>
             <igx-expansion-panel-body>
                 Any unlicensed or trial versions of Ignite UI for Angular, React and Web Components will now include
@@ -72,7 +72,7 @@
         </igx-expansion-panel>
         <igx-expansion-panel>
             <igx-expansion-panel-header>
-                <igx-expansion-panel-title>If I don’t renew my subscription will 
+                <igx-expansion-panel-title>If I don't renew my subscription will
                     I still have access to previous versions of Infragistics products?
                 </igx-expansion-panel-title>
             </igx-expansion-panel-header>
diff --git a/src/app/layouts/accordion/accordion-sample-2/accordion-sample-2.component.html b/src/app/layouts/accordion/accordion-sample-2/accordion-sample-2.component.html
@@ -72,7 +72,7 @@
                     <igx-expansion-panel>
                         <igx-expansion-panel-header>
                             <igx-expansion-panel-title>
-                                What happens if I don’t renew my subscription?
+                                What happens if I don't renew my subscription?
                             </igx-expansion-panel-title>
                         </igx-expansion-panel-header>
                         <igx-expansion-panel-body>
@@ -84,7 +84,7 @@
                     <igx-expansion-panel>
                         <igx-expansion-panel-header>
                             <igx-expansion-panel-title>
-                                If I don’t renew my subscription will I still have access to previous versions of
+                                If I don't renew my subscription will I still have access to previous versions of
                                 Infragistics products?
                             </igx-expansion-panel-title>
                         </igx-expansion-panel-header>
@@ -108,7 +108,7 @@
                             Subscription
                             renewal can be canceled, at any time, before the next automatic renewal date. Subscriptions
                             purchased
-                            directly from Infragistics or Infragistics’ partners are subject to the renewal terms that
+                            directly from Infragistics or Infragistics' partners are subject to the renewal terms that
                             were agreed
                             upon as part of that purchase.
                         </igx-expansion-panel-body>
@@ -123,7 +123,7 @@
                 </igx-expansion-panel-title>
             </igx-expansion-panel-header>
             <igx-expansion-panel-body>
-                The Infragistics Ultimate license is tied to the user, and not the computer. That means you’re welcome
+                The Infragistics Ultimate license is tied to the user, and not the computer. That means you're welcome
                 to install and use Ignite UI, Infragistics Professional, and Infragistics Ultimate on any computer you
                 use. However, if we notice a large number of activations using the same license, we may contact you to
                 verify this behavior.
diff --git a/src/app/layouts/card/card-sample-2/card-sample-2.component.ts b/src/app/layouts/card/card-sample-2/card-sample-2.component.ts
@@ -8,7 +8,7 @@ import { Card } from '../card.blueprint';
 })
 export class CardSample2Component {
     public card = new Card({
-        content: `As I have always said: I write what’s real and what’s true,
+        content: `As I have always said: I write what's real and what's true,
         even if it means throwing myself under the bus.`,
         icons: ['skip_previous', 'play_arrow', 'skip_next'],
         imageUrl: 'assets/images/card/media/ROZES-Under-the-Grave.jpg',
diff --git a/src/app/layouts/card/card.component.ts b/src/app/layouts/card/card.component.ts
@@ -11,7 +11,7 @@ export class CardComponent {
         buttons: ['read more'],
         content: `New York City comprises 5 boroughs sitting where the
                   Hudson River meets the Atlantic Ocean. At its core is Manhattan,
-                  a densely populated borough that’s among the world’s major commercial,
+                  a densely populated borough that's among the world's major commercial,
                   financial and cultural centers.`,
         icons: ['favorite', 'share'],
         imageUrl: 'assets/images/card/media/ny.jpg',
diff --git a/src/app/theming/animations/animations-sample-2/animations-sample-2.component.html b/src/app/theming/animations/animations-sample-2/animations-sample-2.component.html
@@ -12,7 +12,7 @@ <h5 class="igx-card-header__subtitle">Under the Grave (2016)</h5>
             </igx-card-header>
 
             <igx-card-content>
-                <p class="igx-card-content__text">As I have always said: I write what’s real and what’s true,
+                <p class="igx-card-content__text">As I have always said: I write what's real and what's true,
                     even if it means throwing myself under the bus.</p>
             </igx-card-content>
         </div>

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-<igc-dockmanager #dock class="dock-m-position igx-scrollbar" [layout]="docLayout">`
	`1`	`+<igc-dockmanager #dock class="dock-m-position ig-scrollbar" [layout]="docLayout">`
`2`	`2`	`<div class="actionPane" slot="actionPane" style="height: 100%; padding: 20px;">`
`3`	`3`	`<div class="actionItem">`
`4`	`4`	`Change theme: <br/> <igx-switch [(ngModel)]="isDarkTheme">Dark Mode</igx-switch>`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-<div class="main__wrapper igx-scrollbar" [class.fin-dark-theme]="darkTheme">`
	`1`	`+<div class="main__wrapper ig-scrollbar" [class.fin-dark-theme]="darkTheme">`
`2`	`2`	`<app-finjs-controllers #controllers`
`3`	`3`	`(switchChanged)="onSwitchChanged($event)"`
`4`	`4`	`(volumeChanged)="onVolumeChanged($event)"`
Original file line number	Diff line number	Diff line change
`@@ -26,7 +26,7 @@ h3 {`
`26`	`26`	`}`
`27`	`27`
`28`	`28`	`.code-snippet {`
`29`		`- font-family: ‘Courier New’, monospace;`
	`29`	`+ font-family: 'Courier New', monospace;`
`30`	`30`	`background: rgba(94, 110, 122, 0.12);`
`31`	`31`	`padding: 4px;`
`32`	`32`	`}`