fixup(element): correct typos in comments and strings across multiple files

projects/element-ng/datepicker/date-time-helper.ts

@@ -86,7 +86,7 @@ export const getDayStrings = (
 ): string[] => {
   const dateFormatter = new Intl.DateTimeFormat(locale, { weekday: format, timeZone: 'utc' });
   const days = [];
-  // Get local specific day strings from sunday (0) .. saturady (6)
+  // Get local specific day strings from sunday (0) .. saturday (6)
   for (let index = 1; index <= 7; index++) {
     const day = new Date(Date.UTC(2023, 0, index));
     days.push(dateFormatter.format(day));

projects/element-ng/formly/fields/text/si-formly-text-display.component.ts

@@ -22,7 +22,7 @@ export class SiFormlyTextDisplayComponent extends FieldType<FieldTypeConfig> {
 
     let sourceModel = this.model;
     if (Array.isArray(this.model)) {
-      // The model is the arry itself when using this field as item into an array type...
+      // The model is the array itself when using this field as item into an array type...
       sourceModel = this.formControl.value;
     }
     if (this.props.key.indexOf('.') === -1) {

projects/element-ng/list-details/si-list-details.component.ts

@@ -194,7 +194,7 @@ export class SiListDetailsComponent implements OnInit, OnChanges, OnDestroy {
     }
   }
 
-  // Transfer focus onto child panes if they would be inaccesible.
+  // Transfer focus onto child panes if they would be inaccessible.
 
   private transferFocus(): void {
     // Check if dimensions have even been evaluated.

projects/element-ng/system-banner/system-banner.component.spec.ts

@@ -21,7 +21,7 @@ describe('SiSystemBannerComponent', () => {
     expect(component).toBeTruthy();
   });
 
-  it('should display meesage', () => {
+  it('should display message', () => {
     expect(fixture.nativeElement.textContent.trim()).toBe('Test');
   });
 

projects/element-ng/tabs-legacy/si-tabset/si-tabset-legacy.component.spec.ts

@@ -47,7 +47,7 @@ class TestComponent {
 
   readonly tabSet = viewChild.required(SiTabsetLegacyComponent);
 
-  closeTriggered(tab: { heading: string; hidde?: boolean }): void {
+  closeTriggered(tab: { heading: string; hide?: boolean }): void {
     this.tabsObject = this.tabsObject.filter(t => t !== tab);
   }
 }

projects/element-ng/tabs/si-tabset.component.spec.ts

@@ -307,7 +307,7 @@ describe('SiTabset', () => {
     expect(await (await tabsetHarness.getTabItemButtonAt(1)).isFocused()).toBe(true);
   });
 
-  it('should bring tab into visibile area if not visible on selection from menu', async () => {
+  it('should bring tab into visible area if not visible on selection from menu', async () => {
     testComponent.tabs = ['1', '2', '3', '4', '5'];
     testComponent.wrapperWidth.set(200);
     detectSizeChange();

projects/element-ng/theme/si-theme-store.spec.ts

@@ -93,7 +93,7 @@ describe('SiDefaultThemeStore', () => {
       expect(storage2.activeTheme).toBe('test');
     });
 
-    it('should deactive existing theme', async () => {
+    it('should deactivate existing theme', async () => {
       const storage: ThemeStorage = {
         activeTheme: 'test',
         themes: { 'test': { name: 'test', schemes: {} } }

projects/element-ng/theme/si-theme.service.spec.ts

@@ -200,7 +200,7 @@ describe('SiThemeService', () => {
       }
     });
 
-    it('setActiveTheme with element should call deactive theme on storage', async () => {
+    it('setActiveTheme with element should call deactivate theme on storage', async () => {
       store.deactivateTheme.and.callFake(() => of(true));
       setupTestBed(false, store);
       const result = await firstValueFrom(service.setActiveTheme(ELEMENT_THEME_NAME));

projects/element-ng/threshold/si-threshold.component.spec.ts

@@ -86,7 +86,7 @@ describe('SiThresholdComponent', () => {
   let element: HTMLInputElement;
   let loader: HarnessLoader;
 
-  const getThreshodColors = (): string[] => {
+  const getThresholdColors = (): string[] => {
     const calculatedColors: string[] = [];
     element.querySelectorAll('.ths-option .line').forEach(item => {
       calculatedColors.push(item.classList.value.replace('line', '').trim());
@@ -176,7 +176,7 @@ describe('SiThresholdComponent', () => {
 
   it('should calculate color of steps', () => {
     fixture.detectChanges();
-    const calculatedColors: string[] = getThreshodColors();
+    const calculatedColors: string[] = getThresholdColors();
     expect(calculatedColors).toEqual([
       'status-danger',
       'status-warning',
@@ -194,7 +194,7 @@ describe('SiThresholdComponent', () => {
     ).getHarness(SiSelectHarness);
     await selectHarness.clickItemsByText('Good');
 
-    const calculatedColors: string[] = getThreshodColors();
+    const calculatedColors: string[] = getThresholdColors();
     expect(calculatedColors).toEqual([
       'status-danger',
       'status-success',

src/app/examples/si-about/si-about-text-api.ts

@@ -12,7 +12,7 @@ import { SiAboutComponent } from '@siemens/element-ng/about';
   changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class SampleComponent {
-  licenseIntro = `Provide a disclaimer here about the thrid-party software
+  licenseIntro = `Provide a disclaimer here about the third-party software
 licenses provided in the component list below.
 
 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy

src/app/examples/si-tour/si-tour.ts

@@ -78,7 +78,7 @@ export class SampleComponent implements AfterViewInit, OnDestroy {
     {
       name: 'Operations',
       iconClass: 'element-plant',
-      href: './oprtations-app',
+      href: './operations-app',
       active: true
     },
     { name: 'App Portal', iconClass: 'element-security', href: './app-portal' },