chore: prettier on all files

Author: iOvergaard

packages/uui-action-bar/lib/uui-action-bar.story.ts

@@ -49,7 +49,7 @@ export const AAAOverview: StoryFn = props => html`
             look="${props.look}"
             color="${props.color}">
             <uui-icon name="${el}"></uui-icon>
-          </uui-button>`,
+          </uui-button>`
       )}
     </uui-action-bar>
   </uui-icon-registry-essential>
@@ -71,7 +71,7 @@ export const Single = () => {
                 <uui-icon name="delete"></uui-icon>
               </uui-button>
             </uui-action-bar>
-          </div> `,
+          </div> `
       )}
     </uui-icon-registry-essential>
   `;
@@ -97,12 +97,12 @@ export const LooksAndColors = () => {
                         .look="${look as any}"
                         .color="${color as any}">
                         <uui-icon name="${el}"></uui-icon>
-                      </uui-button>`,
+                      </uui-button>`
                   )}
                 </uui-action-bar>
-              `,
+              `
             )}
-          </div> `,
+          </div> `
       )}
     </uui-icon-registry-essential>
   `;

packages/uui-avatar-group/lib/uui-avatar-group.test.ts

@@ -55,7 +55,7 @@ describe('UuiAvatarGroup Limit', async () => {
         <uui-avatar name="First Last"></uui-avatar>
         <uui-avatar name="First Last"></uui-avatar>
         <uui-avatar name="First Last"></uui-avatar>
-      </uui-avatar-group>`,
+      </uui-avatar-group>`
     );
   });
 
@@ -76,7 +76,7 @@ describe('UuiAvatarGroup Limit', async () => {
       html` <uui-avatar-group>
         <uui-avatar name="First Last"></uui-avatar>
         <uui-avatar name="First Last"></uui-avatar>
-      </uui-avatar-group>`,
+      </uui-avatar-group>`
     );
 
     const small = avatarGroup.shadowRoot!.querySelector('small');

packages/uui-avatar/lib/uui-avatar.test.ts

@@ -43,19 +43,19 @@ describe('UuiAvatar', () => {
 
   it('renders an image when imgSrc is set', async () => {
     const avatar = await fixture(
-      html`<uui-avatar img-src="${avatarSrc}" name="My Avatar"></uui-avatar>`,
+      html`<uui-avatar img-src="${avatarSrc}" name="My Avatar"></uui-avatar>`
     );
     expect(avatar).shadowDom.to.equal(
-      `<img alt="MA" src="${avatarSrc}" srcset="" title="My Avatar" /><slot></<slot>`,
+      `<img alt="MA" src="${avatarSrc}" srcset="" title="My Avatar" /><slot></<slot>`
     );
   });
 
   it('renders an image with alt text when imgSrc and text is set', async () => {
     const avatar = await fixture(
-      html`<uui-avatar img-src="${avatarSrc}" name="alt text"></uui-avatar>`,
+      html`<uui-avatar img-src="${avatarSrc}" name="alt text"></uui-avatar>`
     );
     expect(avatar).shadowDom.to.equal(
-      `<img alt="AT" src="${avatarSrc}" srcset="" title="alt text" /><slot></<slot>`,
+      `<img alt="AT" src="${avatarSrc}" srcset="" title="alt text" /><slot></<slot>`
     );
   });
 
@@ -66,7 +66,7 @@ describe('UuiAvatar', () => {
 
   it('shows the first and last initial when text is used and there is no image', async () => {
     const avatar = await fixture(
-      html`<uui-avatar name="First Second Last"></uui-avatar>`,
+      html`<uui-avatar name="First Second Last"></uui-avatar>`
     );
     expect(avatar).shadowDom.to.equal('FL<slot></<slot>');
   });

packages/uui-badge/lib/uui-badge.story.ts

@@ -174,9 +174,9 @@ export const LooksAndColors: Story = () => html`
                 >${uppercaseFirstLetter(look)}</uui-badge
               >
             </div>
-          `,
+          `
         )}
       </div>
-    `,
+    `
   )}
 `;

packages/uui-base/lib/animations/uui-pulse.ts

@@ -23,5 +23,5 @@ export const UUIHorizontalPulseKeyframes = css`
 `;
 
 export const UUIHorizontalPulseAnimationValue = unsafeCSS(
-  'pulse 0.8s ease-in-out infinite both',
+  'pulse 0.8s ease-in-out infinite both'
 );

packages/uui-base/lib/animations/uui-shake.ts

@@ -28,5 +28,5 @@ export const UUIHorizontalShakeKeyframes = css`
 `;
 
 export const UUIHorizontalShakeAnimationValue = unsafeCSS(
-  'uui-horizontal-shake 600ms ease backwards',
+  'uui-horizontal-shake 600ms ease backwards'
 );

packages/uui-base/lib/events/UUIEvent.ts

@@ -4,7 +4,7 @@
 
 export class UUIEvent<
   DetailType extends Record<string, any> = Record<string, any>,
-  EventTargetType extends EventTarget | null = EventTarget | null,
+  EventTargetType extends EventTarget | null = EventTarget | null
 > extends Event {
   readonly detail: DetailType;
   readonly target!: EventTargetType;

packages/uui-base/lib/mixins/ActiveMixin.ts

@@ -14,7 +14,7 @@ export declare class ActiveMixinInterface {
  * @mixin
  */
 export const ActiveMixin = <T extends Constructor<LitElement>>(
-  superClass: T,
+  superClass: T
 ) => {
   class ActiveMixinClass extends superClass {
     /**

packages/uui-base/lib/mixins/FormControlMixin.ts

@@ -25,7 +25,7 @@ export declare abstract class FormControlMixinInterface extends LitElement {
   protected addValidator: (
     flagKey: FlagTypes,
     getMessageMethod: () => String,
-    checkMethod: () => boolean,
+    checkMethod: () => boolean
   ) => void;
   protected addFormControlElement(element: NativeFormControlElement): void;
   pristine: boolean;
@@ -66,7 +66,7 @@ interface Validator {
  * @mixin
  */
 export const FormControlMixin = <T extends Constructor<LitElement>>(
-  superClass: T,
+  superClass: T
 ) => {
   abstract class FormControlMixinClass extends superClass {
     /**
@@ -163,12 +163,12 @@ export const FormControlMixin = <T extends Constructor<LitElement>>(
       this.addValidator(
         'valueMissing',
         () => this.requiredMessage,
-        () => this.hasAttribute('required') && this.hasValue() === false,
+        () => this.hasAttribute('required') && this.hasValue() === false
       );
       this.addValidator(
         'customError',
         () => this.errorMessage,
-        () => this.error,
+        () => this.error
       );
 
       this.addEventListener('blur', () => {
@@ -222,7 +222,7 @@ export const FormControlMixin = <T extends Constructor<LitElement>>(
     protected addValidator(
       flagKey: FlagTypes,
       getMessageMethod: () => String,
-      checkMethod: () => boolean,
+      checkMethod: () => boolean
     ): Validator {
       const obj = {
         flagKey: flagKey,
@@ -266,7 +266,7 @@ export const FormControlMixin = <T extends Constructor<LitElement>>(
         this._customValidityObject = this.addValidator(
           'customError',
           (): string => message,
-          () => true,
+          () => true
         );
       }
 
@@ -284,7 +284,7 @@ export const FormControlMixin = <T extends Constructor<LitElement>>(
             this._internals.setValidity(
               (this as any)._validityState,
               formCtrlEl.validationMessage,
-              formCtrlEl,
+              formCtrlEl
             );
           }
         }
@@ -297,7 +297,7 @@ export const FormControlMixin = <T extends Constructor<LitElement>>(
           this._internals.setValidity(
             this._validityState,
             validator.getMessageMethod(),
-            this.getFormElement(),
+            this.getFormElement()
           );
         }
       });
@@ -309,7 +309,7 @@ export const FormControlMixin = <T extends Constructor<LitElement>>(
 
       if (hasError) {
         this.dispatchEvent(
-          new UUIFormControlEvent(UUIFormControlEvent.INVALID),
+          new UUIFormControlEvent(UUIFormControlEvent.INVALID)
         );
       } else {
         this._internals.setValidity({});

packages/uui-base/lib/mixins/LabelMixin.ts

@@ -23,7 +23,7 @@ export declare class LabelMixinInterface {
  */
 export const LabelMixin = <T extends Constructor<LitElement>>(
   labelSlotName: string | null,
-  superClass: T,
+  superClass: T
 ) => {
   /**
    * Label mixin class containing the label functionality.