[deps] Autofill: Update prettier to v3.3.3 (#10228)

* [deps] Autofill: Update prettier to v3.3.3

* prettier formatting changes

* fix SyntaxError for literal @ inline html

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Jonathan Prusik <jprusik@classynemesis.com>

libs/components/src/chip-select/chip-select.component.html

@@ -5,7 +5,7 @@
     selectedOption
       ? 'tw-bg-text-muted tw-text-contrast tw-gap-1'
       : 'tw-bg-transparent tw-text-muted tw-gap-1.5',
-    focusVisibleWithin() ? 'tw-ring-2 tw-ring-primary-500 tw-ring-offset-1' : ''
+    focusVisibleWithin() ? 'tw-ring-2 tw-ring-primary-500 tw-ring-offset-1' : '',
   ]"
 >
   <!-- Primary button -->
@@ -13,7 +13,7 @@
     type="button"
     class="fvw-target tw-inline-flex tw-gap-1.5 tw-items-center tw-bg-transparent hover:tw-bg-transparent tw-border-none tw-outline-none tw-max-w-full tw-py-1 tw-pl-3 last:tw-pr-3 tw-truncate tw-text-[inherit]"
     [ngClass]="{
-      'tw-cursor-not-allowed': disabled
+      'tw-cursor-not-allowed': disabled,
     }"
     [bitMenuTriggerFor]="menu"
     [disabled]="disabled"
@@ -37,7 +37,7 @@
     [disabled]="disabled"
     class="tw-bg-transparent hover:tw-bg-transparent tw-outline-none tw-rounded-full tw-p-1 tw-my-1 tw-mr-1 tw-text-[inherit] tw-border-solid tw-border tw-border-text-muted hover:tw-border-text-contrast hover:disabled:tw-border-transparent tw-aspect-square tw-flex tw-items-center tw-justify-center tw-h-fit focus-visible:tw-ring-2 tw-ring-text-contrast focus-visible:hover:tw-border-transparent"
     [ngClass]="{
-      'tw-cursor-not-allowed': disabled
+      'tw-cursor-not-allowed': disabled,
     }"
     (click)="clear()"
   >

libs/components/src/dialog/dialog/dialog.component.html

@@ -38,7 +38,7 @@
         'tw-overflow-y-auto': !loading,
         'tw-invisible tw-overflow-y-hidden': loading,
         'tw-bg-background': background === 'default',
-        'tw-bg-background-alt': background === 'alt'
+        'tw-bg-background-alt': background === 'alt',
       }"
     >
       <ng-content select="[bitDialogContent]"></ng-content>

libs/components/src/layout/layout.component.html

@@ -25,7 +25,7 @@
     <!-- overlay backdrop for side-nav -->
     <div
       *ngIf="{
-        open: sideNavService.open$ | async
+        open: sideNavService.open$ | async,
       } as data"
       class="tw-pointer-events-none tw-fixed tw-inset-0 tw-z-10 tw-bg-black tw-bg-opacity-0 motion-safe:tw-transition-colors md:tw-hidden"
       [ngClass]="[data.open ? 'tw-bg-opacity-30 md:tw-bg-opacity-0' : 'tw-bg-opacity-0']"

libs/components/src/navigation/nav-item.component.html

@@ -1,6 +1,6 @@
 <ng-container
   *ngIf="{
-    open: sideNavService.open$ | async
+    open: sideNavService.open$ | async,
   } as data"
 >
   <div
@@ -10,12 +10,12 @@
       showActiveStyles
         ? 'tw-bg-background-alt4'
         : 'tw-bg-background-alt3 hover:tw-bg-primary-300/60',
-      fvwStyles$ | async
+      fvwStyles$ | async,
     ]"
   >
     <div
       [ngStyle]="{
-        'padding-left': data.open ? (variant === 'tree' ? 2.5 : 1) + treeDepth * 1.5 + 'rem' : '0'
+        'padding-left': data.open ? (variant === 'tree' ? 2.5 : 1) + treeDepth * 1.5 + 'rem' : '0',
       }"
       class="tw-relative tw-flex"
     >
@@ -30,7 +30,7 @@
         <div
           *ngIf="slotStart.childElementCount === 0"
           [ngClass]="{
-            'tw-w-0': variant !== 'tree'
+            'tw-w-0': variant !== 'tree',
           }"
         >
           <button
@@ -52,7 +52,7 @@
           class="tw-truncate"
           [ngClass]="[
             variant === 'tree' ? 'tw-py-1' : 'tw-py-2',
-            data.open ? 'tw-pr-4' : 'tw-text-center'
+            data.open ? 'tw-pr-4' : 'tw-text-center',
           ]"
         >
           <i
@@ -105,7 +105,7 @@
         class="tw-flex -tw-ml-3 tw-pr-4 tw-gap-1 [&>*:focus-visible::before]:!tw-ring-text-alt2 [&>*:hover]:!tw-border-text-alt2 [&>*]:tw-text-alt2"
         [ngClass]="[
           variant === 'tree' ? 'tw-py-1' : 'tw-py-2',
-          endSlot.childElementCount === 0 ? 'tw-hidden' : ''
+          endSlot.childElementCount === 0 ? 'tw-hidden' : '',
         ]"
       >
         <ng-content select="[slot=end]"></ng-content>

libs/components/src/navigation/side-nav.component.html

@@ -1,7 +1,7 @@
 <nav
   *ngIf="{
     open: sideNavService.open$ | async,
-    isOverlay: sideNavService.isOverlay$ | async
+    isOverlay: sideNavService.isOverlay$ | async,
   } as data"
   id="bit-side-nav"
   class="tw-fixed md:tw-sticky tw-inset-y-0 tw-left-0 tw-z-30 tw-flex tw-h-screen tw-flex-col tw-overscroll-none tw-overflow-auto tw-bg-background-alt3 tw-outline-none"
@@ -10,7 +10,7 @@
     variant === 'secondary' && {
       '--color-text-alt2': 'var(--color-text-main)',
       '--color-background-alt3': 'var(--color-secondary-100)',
-      '--color-background-alt4': 'var(--color-secondary-300)'
+      '--color-background-alt4': 'var(--color-secondary-300)',
     }
   "
   [cdkTrapFocus]="data.isOverlay"

libs/components/src/section/section.component.ts

@@ -9,7 +9,7 @@ import { Component, Input } from "@angular/core";
   template: `
     <section
       [ngClass]="{
-        'tw-mb-6 md:tw-mb-12': !disableMargin
+        'tw-mb-6 md:tw-mb-12': !disableMargin,
       }"
     >
       <ng-content></ng-content>