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

playwright/snapshots/static.spec.ts-snapshots/si-about--si-about-text-api.yaml

@@ -17,7 +17,7 @@
   - /url: http://www.examples.org
 - link "More information about stuff":
   - /url: http://www.examples.org
-- text: License Provide a disclaimer here about the thrid-party software licenses provided in the component list below. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+- text: License 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 eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
 - button "OS"
 - region "OS"
 - button "Application"

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' },