Fix formatting errors

packages/components/src/components/@deprecated/input/controller-icon.ts

@@ -55,7 +55,7 @@ export class InputIconController extends InputController implements Watches {
 						beforePatch: beforePatchIcons,
 					},
 					required: true,
-				},
+				}
 			);
 		});
 	}

packages/components/src/components/abbr/test/html.mock.ts

@@ -10,7 +10,7 @@ export const getAbbrHtml = (props: AbbrProps): string => {
 			_label: '', // ⚠ required
 			_tooltipAlign: 'top',
 		},
-		props,
+		props
 	);
 	return `
 <kol-abbr  class="kol-abbr">

packages/components/src/components/abbr/test/snapshot.spec.tsx

@@ -25,5 +25,5 @@ executeTests<AbbrProps>(
 	getAbbrHtml,
 	{
 		execMode: 'default', // ready
-	},
+	}
 );

packages/components/src/components/accordion/test/html.mock.ts

@@ -10,14 +10,14 @@ export const getAccordionHtml = (
 	slots: {
 		default?: string;
 		footer?: string;
-	} = {},
+	} = {}
 ): string => {
 	props = mixMembers(
 		{
 			_label: '', // ⚠ required
 			_level: 1,
 		},
-		props,
+		props
 	);
 	return `<kol-accordion${props._open ? ' _open' : ''} class="kol-accordion">
   <mock:shadow-root>
@@ -37,10 +37,10 @@ export const getAccordionHtml = (
 							_label: props._label,
 						},
 						undefined,
-						' class="accordion-button kol-button-wc" slot="expert"',
+						' class="accordion-button kol-button-wc" slot="expert"'
 					)}`,
 				},
-				` class="accordion-heading kol-heading-wc"`,
+				` class="accordion-heading kol-heading-wc"`
 			)}
 			<div class="wrapper">
 				<div class="animation-wrapper">

packages/components/src/components/accordion/test/snapshot.spec.tsx

@@ -27,5 +27,5 @@ executeTests<AccordionProps>(
 	getAccordionHtml,
 	{
 		execMode: 'default', // ready
-	},
+	}
 );

packages/components/src/components/alert/component.tsx

@@ -187,7 +187,7 @@ export class KolAlertWc implements AlertAPI {
 				'_on',
 				{
 					onClose: (value as KoliBriAlertEventCallbacks).onClose,
-				},
+				}
 				// {
 				// 	afterPatch: (value: unknown) => {
 				// 		this._hasCloser = this.validateOnValue(value);
@@ -210,7 +210,7 @@ export class KolAlertWc implements AlertAPI {
 			'_type',
 			(value?) => typeof value === 'string' && alertTypeOptions.includes(value),
 			new Set(`String {${alertTypeOptions.join(', ')}`),
-			value,
+			value
 		);
 	}
 
@@ -221,7 +221,7 @@ export class KolAlertWc implements AlertAPI {
 			'_variant',
 			(value?) => typeof value === 'string' && alertVariantOptions.includes(value),
 			new Set(`AlertVariant {${alertVariantOptions.join(', ')}`),
-			value,
+			value
 		);
 	}
 

packages/components/src/components/alert/test/html.mock.ts

@@ -11,7 +11,7 @@ export const getAlertHtml = (props: AlertProps, innerHTML = '', additionalHTML =
 		{
 			_level: 1,
 		},
-		props,
+		props
 	);
 	const type: string = props._type !== undefined ? props._type : 'default';
 	props._type = props._type || 'default';
@@ -26,26 +26,26 @@ export const getAlertHtml = (props: AlertProps, innerHTML = '', additionalHTML =
 							props._label !== undefined
 								? ''
 								: props._type === 'success'
-									? 'kol-success'
-									: props._type === 'error'
-										? 'kol-error'
-										: props._type === 'warning'
-											? 'kol-warning'
-											: props._type === 'info'
-												? 'kol-info'
-												: 'kol-message',
+								? 'kol-success'
+								: props._type === 'error'
+								? 'kol-error'
+								: props._type === 'warning'
+								? 'kol-warning'
+								: props._type === 'info'
+								? 'kol-info'
+								: 'kol-message',
 						_icons:
 							props._type === 'success'
 								? 'codicon codicon-pass'
 								: props._type === 'error'
-									? 'codicon codicon-error'
-									: props._type === 'warning'
-										? 'codicon codicon-warning'
-										: props._type === 'info'
-											? 'codicon codicon-info'
-											: 'codicon codicon-comment',
+								? 'codicon codicon-error'
+								: props._type === 'warning'
+								? 'codicon codicon-warning'
+								: props._type === 'info'
+								? 'codicon codicon-info'
+								: 'codicon codicon-comment',
 					},
-					` class="heading-icon kol-icon"`,
+					` class="heading-icon kol-icon"`
 				)}
 				<div class="heading-content">
 					${
@@ -58,8 +58,8 @@ export const getAlertHtml = (props: AlertProps, innerHTML = '', additionalHTML =
 									{
 										expert: props._label,
 									},
-									` class="kol-heading-wc"`,
-								)
+									` class="kol-heading-wc"`
+							  )
 							: ''
 					}
 					${
@@ -84,8 +84,8 @@ export const getAlertHtml = (props: AlertProps, innerHTML = '', additionalHTML =
 									_tooltipAlign: 'left',
 								},
 								{},
-								` class="close"`,
-							)
+								` class="close"`
+						  )
 						: ''
 				}
 			</div>${

packages/components/src/components/alert/test/snapshot.spec.tsx

@@ -27,5 +27,5 @@ executeTests<AlertProps>(
 	getAlertHtml,
 	{
 		needTimers: true,
-	},
+	}
 );

packages/components/src/components/avatar/test/html.mock.ts

@@ -10,7 +10,7 @@ export const getAvatarHtml = (props: AvatarProps): string => {
 			_src: '',
 			_label: '', // ⚠ required
 		},
-		props,
+		props
 	);
 
 	return `

packages/components/src/components/avatar/test/snapshot.spec.tsx

@@ -22,5 +22,5 @@ executeTests<AvatarProps>(
 		_label: ['Erika Maria Mustermann', `Erika`],
 		_src: [`/example-image.jpg`],
 	},
-	getAvatarHtml,
+	getAvatarHtml
 );

packages/components/src/components/badge/test/html.mock.ts

@@ -15,7 +15,7 @@ export const getBadgeHtml = (props: BadgeProps, options?: SpanOptions): string =
 				foregroundColor: '#fff',
 			},
 		},
-		props,
+		props
 	);
 
 	state._color = handleColorChange(props._color || '#000');

packages/components/src/components/badge/test/snapshot.spec.tsx

@@ -26,5 +26,5 @@ executeTests<BadgeProps>(
 	(props) => getBadgeHtml(props),
 	{
 		execMode: 'default', // ready
-	},
+	}
 );

packages/components/src/components/breadcrumb/test/html.mock.ts

@@ -11,7 +11,7 @@ export const getBreadcrumbHtml = (props: BreadcrumbProps): string => {
 			_label: '', // ⚠ required
 			_links: [],
 		},
-		props,
+		props
 	);
 
 	const lastIndex = state._links.length - 1;
@@ -24,7 +24,7 @@ export const getBreadcrumbHtml = (props: BreadcrumbProps): string => {
 						? getIconHtml({
 								_label: '',
 								_icons: 'codicon codicon-chevron-right',
-							})
+						  })
 						: ''
 				}
 					${
@@ -34,9 +34,9 @@ export const getBreadcrumbHtml = (props: BreadcrumbProps): string => {
 										? getIconHtml({
 												_label: link._label,
 												_icons: link._icons as AnyIconFontClass,
-											})
+										  })
 										: link._label
-								}</span>`
+							  }</span>`
 							: getLinkHtml(link)
 					}
 				</li>
@@ -53,7 +53,7 @@ export const getBreadcrumbHtml = (props: BreadcrumbProps): string => {
 						? `<li>${getIconHtml({
 								_label: '',
 								_icons: 'codicon codicon-home',
-							})}…</li>`
+						  })}…</li>`
 						: ''
 				}
 				${list}

packages/components/src/components/breadcrumb/test/snapshot.spec.tsx

@@ -25,5 +25,5 @@ executeTests<BreadcrumbProps>(
 	getBreadcrumbHtml,
 	{
 		execMode: 'default', // ready
-	},
+	}
 );

packages/components/src/components/button-group/test/snapshot.spec.tsx

@@ -21,5 +21,5 @@ executeTests<ButtonGroupProps>(
 	getButtonGroupHtml,
 	{
 		execMode: 'default',
-	},
+	}
 );

packages/components/src/components/button-link/test/html.mock.ts

@@ -13,7 +13,7 @@ export const getButtonLinkHtml = (props: ButtonLinkProps): string => {
 			_type: 'button',
 			_variant: 'normal',
 		},
-		props,
+		props
 	);
 
 	return `<kol-button-link class="kol-button-link">

packages/components/src/components/button-link/test/snapshot.spec.tsx

@@ -20,5 +20,5 @@ executeTests<ButtonLinkProps>(
 	{
 		_label: [`Beschreibung`],
 	},
-	getButtonLinkHtml,
+	getButtonLinkHtml
 );

packages/components/src/components/button/test/html.mock.ts

@@ -17,7 +17,7 @@ export const getButtonWcHtml = (
 	slots: Slots = {
 		expert: undefined,
 	},
-	additionalAttrs = '',
+	additionalAttrs = ''
 ): string => {
 	const state = mixMembers<ButtonProps, ButtonStates>(
 		{
@@ -27,7 +27,7 @@ export const getButtonWcHtml = (
 			_type: 'button',
 			_variant: 'normal',
 		},
-		props,
+		props
 	);
 	const ariaControls = typeof state._ariaControls === 'string' ? state._ariaControls : undefined;
 	const ariaExpanded = typeof state._ariaExpanded === 'boolean' ? state._ariaExpanded : undefined;
@@ -56,15 +56,15 @@ export const getButtonWcHtml = (
 				_label: state._label,
 			},
 			slots,
-			{ additionalClassNames: ['button-inner', 'kol-span-wc'] },
+			{ additionalClassNames: ['button-inner', 'kol-span-wc'] }
 		)}
 	</button>
 	${getTooltipHtml(
 		{
 			_align: state._tooltipAlign,
 			_label: state._label,
 		},
-		` aria-hidden="true"${hasExpertSlot || !state._hideLabel ? ' hidden' : ''}`,
+		` aria-hidden="true"${hasExpertSlot || !state._hideLabel ? ' hidden' : ''}`
 	)}
 </kol-button-wc>`;
 };
@@ -77,7 +77,7 @@ export const getButtonHtml = (props: ButtonProps): string => {
 			_type: 'button',
 			_variant: 'normal',
 		},
-		props,
+		props
 	);
 	return `<kol-button class="kol-button">
   <mock:shadow-root>
@@ -86,7 +86,7 @@ export const getButtonHtml = (props: ButtonProps): string => {
 			{
 				expert: `<slot name="expert" slot="expert"></slot>`,
 			},
-			` class="kol-button-wc button ${state._variant}"`,
+			` class="kol-button-wc button ${state._variant}"`
 		)}
   </mock:shadow-root>
 </kol-button>`;

packages/components/src/components/button/test/snapshot.spec.tsx

@@ -23,5 +23,5 @@ executeTests<ButtonProps>(
 		_label: ['Label'],
 		_variant: ['primary', 'secondary', 'normal', 'danger', 'ghost'],
 	},
-	getButtonHtml,
+	getButtonHtml
 );

packages/components/src/components/card/test/html.mock.ts

@@ -10,7 +10,7 @@ export const getCardHtml = (props: CardProps): string => {
 		{
 			_label: '', // ⚠ required
 		},
-		props,
+		props
 	);
 	return `<kol-card class="kol-card">
 	<mock:shadow-root>
@@ -24,7 +24,7 @@ export const getCardHtml = (props: CardProps): string => {
 					{
 						expert: '',
 					},
-					` class="kol-heading-wc"`,
+					` class="kol-heading-wc"`
 				)}
 			</div>
 			<div class="content">
@@ -44,8 +44,8 @@ export const getCardHtml = (props: CardProps): string => {
 								_tooltipAlign: 'left',
 							},
 							undefined,
-							' class=" kol-button-wc close"',
-						)
+							' class=" kol-button-wc close"'
+					  )
 					: ``
 			}
 		</div>

packages/components/src/components/card/test/snapshot.spec.tsx

@@ -26,5 +26,5 @@ executeTests<CardProps>(
 	getCardHtml,
 	{
 		execMode: 'default', // ready
-	},
+	}
 );