@cnamts/synapse 0.0.13-alpha → 0.0.14-alpha

package/src/components/TableToolbar/tests/__snapshots__/TableToolbar.spec.ts.snap

@@ -1,45 +1,196 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`TableToolbar > renders correctly when all the item are displayed 1`] = `
-"<header data-v-91e2c1b3="" class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr sy-table-toolbar px-4 py-2 d-flex flex-wrap align-center justify-space-between" style="background-color: #FFFFFF; color: #000; caret-color: #000;" minheight="56px">
+<header
+  class="
+    align-center
+    d-flex
+    flex-wrap
+    justify-space-between
+    px-4
+    py-2
+    sy-table-toolbar
+    v-locale--is-ltr
+    v-theme--light
+    v-toolbar
+    v-toolbar--density-default
+    v-toolbar--flat
+  "
+  minheight="56px"
+  style="background-color: #FFFFFF; color: #000; caret-color: #000;"
+>
   <!---->
   <div class="v-toolbar__content">
     <!---->
     <!---->
-    <p data-v-91e2c1b3="" class="mb-0 font-weight-bold mr-4 my-3" data-test-id="nb-rows">5/5 lignes</p>
-    <div data-v-91e2c1b3="" class="sy-table-toolbar__search">
-      <div data-v-91e2c1b3="" class="v-input v-input--horizontal v-input--density-compact v-theme--light v-locale--is-ltr v-text-field v-input--plain-underlined sy-form-input flex-grow-1" data-test-id="search-input">
+    <p class="
+      font-weight-bold
+      mb-0
+      mr-4
+      my-3
+    ">
+      5/5 lignes
+    </p>
+    <div class="sy-table-toolbar__search">
+      <div class="
+        flex-grow-1
+        sy-form-input
+        v-input
+        v-input--density-compact
+        v-input--horizontal
+        v-input--plain-underlined
+        v-locale--is-ltr
+        v-text-field
+        v-theme--light
+      ">
         <!---->
         <div class="v-input__control">
-          <div class="v-field v-field--appended v-field--single-line v-field--variant-underlined v-theme--light v-locale--is-ltr">
+          <div class="
+            v-field
+            v-field--appended
+            v-field--single-line
+            v-field--variant-underlined
+            v-locale--is-ltr
+            v-theme--light
+          ">
             <div class="v-field__overlay"></div>
             <div class="v-field__loader">
-              <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
+              <div
+                aria-hidden="true"
+                aria-valuemax="100"
+                aria-valuemin="0"
+                class="
+                  v-locale--is-ltr
+                  v-progress-linear
+                  v-theme--light
+                "
+                role="progressbar"
+                style="top: 0px; height: 0px; --v-progress-linear-height: 2px;"
+              >
                 <!---->
-                <div class="v-progress-linear__background bg-primary" style="opacity: NaN;"></div>
-                <div class="v-progress-linear__buffer bg-primary" style="opacity: NaN; width: 0%;"></div>
-                <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
+                <div
+                  class="
+                    bg-primary
+                    v-progress-linear__background
+                  "
+                  style="opacity: NaN;"
+                ></div>
+                <div
+                  class="
+                    bg-primary
+                    v-progress-linear__buffer
+                  "
+                  style="opacity: NaN; width: 0%;"
+                ></div>
+                <transition-stub
+                  appear="false"
+                  css="true"
+                  name="fade-transition"
+                  persisted="false"
+                >
                   <div class="v-progress-linear__indeterminate">
-                    <div class="v-progress-linear__indeterminate long bg-primary"></div>
-                    <div class="v-progress-linear__indeterminate short bg-primary"></div>
+                    <div class="
+                      bg-primary
+                      long
+                      v-progress-linear__indeterminate
+                    "></div>
+                    <div class="
+                      bg-primary
+                      short
+                      v-progress-linear__indeterminate
+                    "></div>
                   </div>
                 </transition-stub>
                 <!---->
               </div>
             </div>
             <!---->
-            <div class="v-field__field" data-no-activator="">
-              <!----><label class="v-label v-field-label" for="input-0">
-                <!---->Rechercher
+            <div
+              class="v-field__field"
+              data-no-activator=""
+            >
+              <!---->
+              <label
+                class="
+                  v-field-label
+                  v-label
+                "
+                for="input-0"
+              >
+                <!---->
+                Rechercher
               </label>
-              <!----><input size="1" type="text" id="input-0" aria-describedby="input-0-messages" class="v-field__input">
+              <!---->
+              <input
+                aria-describedby="input-0-messages"
+                class="v-field__input"
+                id="input-0"
+                size="1"
+                type="text"
+              />
               <!---->
             </div>
-            <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true">
-              <div class="v-field__clearable" style="display: none;"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="0" aria-label="Clear Rechercher"></i></div>
+            <transition-stub
+              appear="false"
+              css="true"
+              name="expand-x-transition"
+              persisted="false"
+            >
+              <div
+                class="v-field__clearable"
+                style="display: none;"
+              >
+                <i
+                  aria-hidden="false"
+                  aria-label="Clear Rechercher"
+                  class="
+                    mdi
+                    mdi-close-circle
+                    notranslate
+                    v-icon
+                    v-icon--clickable
+                    v-icon--size-default
+                    v-theme--light
+                  "
+                  role="button"
+                  tabindex="0"
+                ></i>
+              </div>
             </transition-stub>
             <div class="v-field__append-inner">
-              <!----><i class="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i>
+              <!---->
+              <i
+                aria-hidden="true"
+                class="
+                  0
+                  0
+                  0
+                  0,1
+                  0,1
+                  0,1
+                  11.11,16
+                  12,5
+                  14,12
+                  14,9.5C14,7
+                  14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41
+                  15.41,12.59
+                  16,9.5C16,11.11
+                  3,9.5A6.5,6.5
+                  5,7
+                  5,9.5C5,12
+                  7,14
+                  9.5,14C12,14
+                  9.5,16A6.5,6.5
+                  9.5,3M9.5,5C7,5
+                  9.5,5Z
+                  M9.5,3A6.5,6.5
+                  mdi
+                  notranslate
+                  v-icon
+                  v-icon--size-default
+                  v-theme--light
+                "
+              ></i>
             </div>
             <div class="v-field__outline">
               <!---->
@@ -50,54 +201,190 @@ exports[`TableToolbar > renders correctly when all the item are displayed 1`] =
         <!---->
         <!---->
       </div>
-      <!--v-if-->
+      <!-- v-if -->
     </div>
     <!---->
   </div>
-  <transition-stub name="expand-transition" appear="false" persisted="false" css="true">
+  <transition-stub
+    appear="false"
+    css="true"
+    name="expand-transition"
+    persisted="false"
+  >
     <!---->
   </transition-stub>
-</header>"
+</header>
 `;
 
 exports[`TableToolbar > renders correctly when loading 1`] = `
-"<header data-v-91e2c1b3="" class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr sy-table-toolbar px-4 py-2 d-flex flex-wrap align-center justify-space-between" style="background-color: #FFFFFF; color: #000; caret-color: #000;" minheight="56px">
+<header
+  class="
+    align-center
+    d-flex
+    flex-wrap
+    justify-space-between
+    px-4
+    py-2
+    sy-table-toolbar
+    v-locale--is-ltr
+    v-theme--light
+    v-toolbar
+    v-toolbar--density-default
+    v-toolbar--flat
+  "
+  minheight="56px"
+  style="background-color: #FFFFFF; color: #000; caret-color: #000;"
+>
   <!---->
   <div class="v-toolbar__content">
     <!---->
     <!---->
-    <p data-v-91e2c1b3="" class="mb-0 font-weight-bold mr-4 my-3" data-test-id="nb-rows">1 ligne</p>
-    <div data-v-91e2c1b3="" class="sy-table-toolbar__search">
-      <div data-v-91e2c1b3="" class="v-input v-input--horizontal v-input--density-compact v-theme--light v-locale--is-ltr v-input--disabled v-text-field v-input--plain-underlined sy-form-input flex-grow-1 loading" data-test-id="search-input">
+    <p class="
+      font-weight-bold
+      mb-0
+      mr-4
+      my-3
+    ">
+      1 ligne
+    </p>
+    <div class="sy-table-toolbar__search">
+      <div class="
+        flex-grow-1
+        loading
+        sy-form-input
+        v-input
+        v-input--density-compact
+        v-input--disabled
+        v-input--horizontal
+        v-input--plain-underlined
+        v-locale--is-ltr
+        v-text-field
+        v-theme--light
+      ">
         <!---->
         <div class="v-input__control">
-          <div class="v-field v-field--appended v-field--disabled v-field--single-line v-field--variant-underlined v-theme--light v-locale--is-ltr">
+          <div class="
+            v-field
+            v-field--appended
+            v-field--disabled
+            v-field--single-line
+            v-field--variant-underlined
+            v-locale--is-ltr
+            v-theme--light
+          ">
             <div class="v-field__overlay"></div>
             <div class="v-field__loader">
-              <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
+              <div
+                aria-hidden="true"
+                aria-valuemax="100"
+                aria-valuemin="0"
+                class="
+                  v-locale--is-ltr
+                  v-progress-linear
+                  v-theme--light
+                "
+                role="progressbar"
+                style="top: 0px; height: 0px; --v-progress-linear-height: 2px;"
+              >
                 <!---->
-                <div class="v-progress-linear__background bg-primary" style="opacity: NaN;"></div>
-                <div class="v-progress-linear__buffer bg-primary" style="opacity: NaN; width: 0%;"></div>
-                <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
+                <div
+                  class="
+                    bg-primary
+                    v-progress-linear__background
+                  "
+                  style="opacity: NaN;"
+                ></div>
+                <div
+                  class="
+                    bg-primary
+                    v-progress-linear__buffer
+                  "
+                  style="opacity: NaN; width: 0%;"
+                ></div>
+                <transition-stub
+                  appear="false"
+                  css="true"
+                  name="fade-transition"
+                  persisted="false"
+                >
                   <div class="v-progress-linear__indeterminate">
-                    <div class="v-progress-linear__indeterminate long bg-primary"></div>
-                    <div class="v-progress-linear__indeterminate short bg-primary"></div>
+                    <div class="
+                      bg-primary
+                      long
+                      v-progress-linear__indeterminate
+                    "></div>
+                    <div class="
+                      bg-primary
+                      short
+                      v-progress-linear__indeterminate
+                    "></div>
                   </div>
                 </transition-stub>
                 <!---->
               </div>
             </div>
             <!---->
-            <div class="v-field__field" data-no-activator="">
-              <!----><label class="v-label v-field-label" for="input-0">
-                <!---->Rechercher
+            <div
+              class="v-field__field"
+              data-no-activator=""
+            >
+              <!---->
+              <label
+                class="
+                  v-field-label
+                  v-label
+                "
+                for="input-0"
+              >
+                <!---->
+                Rechercher
               </label>
-              <!----><input disabled="" size="1" type="text" id="input-0" aria-describedby="input-0-messages" class="v-field__input">
+              <!---->
+              <input
+                aria-describedby="input-0-messages"
+                class="v-field__input"
+                disabled=""
+                id="input-0"
+                size="1"
+                type="text"
+              />
               <!---->
             </div>
             <!---->
             <div class="v-field__append-inner">
-              <!----><i class="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i>
+              <!---->
+              <i
+                aria-hidden="true"
+                class="
+                  0
+                  0
+                  0
+                  0,1
+                  0,1
+                  0,1
+                  11.11,16
+                  12,5
+                  14,12
+                  14,9.5C14,7
+                  14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41
+                  15.41,12.59
+                  16,9.5C16,11.11
+                  3,9.5A6.5,6.5
+                  5,7
+                  5,9.5C5,12
+                  7,14
+                  9.5,14C12,14
+                  9.5,16A6.5,6.5
+                  9.5,3M9.5,5C7,5
+                  9.5,5Z
+                  M9.5,3A6.5,6.5
+                  mdi
+                  notranslate
+                  v-icon
+                  v-icon--size-default
+                  v-theme--light
+                "
+              ></i>
             </div>
             <div class="v-field__outline">
               <!---->
@@ -108,56 +395,212 @@ exports[`TableToolbar > renders correctly when loading 1`] = `
         <!---->
         <!---->
       </div>
-      <!--v-if-->
+      <!-- v-if -->
     </div>
     <!---->
   </div>
-  <transition-stub name="expand-transition" appear="false" persisted="false" css="true">
+  <transition-stub
+    appear="false"
+    css="true"
+    name="expand-transition"
+    persisted="false"
+  >
     <!---->
   </transition-stub>
-</header>"
+</header>
 `;
 
 exports[`TableToolbar > renders correctly when the screen width <= 600px 1`] = `
-"<header data-v-91e2c1b3="" class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr sy-table-toolbar px-4 py-2 d-flex flex-wrap align-center justify-space-between" style="background-color: #FFFFFF; color: #000; caret-color: #000;" minheight="56px">
+<header
+  class="
+    align-center
+    d-flex
+    flex-wrap
+    justify-space-between
+    px-4
+    py-2
+    sy-table-toolbar
+    v-locale--is-ltr
+    v-theme--light
+    v-toolbar
+    v-toolbar--density-default
+    v-toolbar--flat
+  "
+  minheight="56px"
+  style="background-color: #FFFFFF; color: #000; caret-color: #000;"
+>
   <!---->
   <div class="v-toolbar__content">
     <!---->
     <!---->
-    <p data-v-91e2c1b3="" class="mb-0 font-weight-bold mr-4 my-3" data-test-id="nb-rows">1 ligne</p>
-    <div data-v-91e2c1b3="" class="sy-table-toolbar__search">
-      <div data-v-91e2c1b3="" class="v-input v-input--horizontal v-input--density-compact v-theme--light v-locale--is-ltr v-text-field v-input--plain-underlined sy-form-input flex-grow-1" data-test-id="search-input">
+    <p class="
+      font-weight-bold
+      mb-0
+      mr-4
+      my-3
+    ">
+      1 ligne
+    </p>
+    <div class="sy-table-toolbar__search">
+      <div class="
+        flex-grow-1
+        sy-form-input
+        v-input
+        v-input--density-compact
+        v-input--horizontal
+        v-input--plain-underlined
+        v-locale--is-ltr
+        v-text-field
+        v-theme--light
+      ">
         <!---->
         <div class="v-input__control">
-          <div class="v-field v-field--appended v-field--single-line v-field--variant-underlined v-theme--light v-locale--is-ltr">
+          <div class="
+            v-field
+            v-field--appended
+            v-field--single-line
+            v-field--variant-underlined
+            v-locale--is-ltr
+            v-theme--light
+          ">
             <div class="v-field__overlay"></div>
             <div class="v-field__loader">
-              <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
+              <div
+                aria-hidden="true"
+                aria-valuemax="100"
+                aria-valuemin="0"
+                class="
+                  v-locale--is-ltr
+                  v-progress-linear
+                  v-theme--light
+                "
+                role="progressbar"
+                style="top: 0px; height: 0px; --v-progress-linear-height: 2px;"
+              >
                 <!---->
-                <div class="v-progress-linear__background bg-primary" style="opacity: NaN;"></div>
-                <div class="v-progress-linear__buffer bg-primary" style="opacity: NaN; width: 0%;"></div>
-                <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
+                <div
+                  class="
+                    bg-primary
+                    v-progress-linear__background
+                  "
+                  style="opacity: NaN;"
+                ></div>
+                <div
+                  class="
+                    bg-primary
+                    v-progress-linear__buffer
+                  "
+                  style="opacity: NaN; width: 0%;"
+                ></div>
+                <transition-stub
+                  appear="false"
+                  css="true"
+                  name="fade-transition"
+                  persisted="false"
+                >
                   <div class="v-progress-linear__indeterminate">
-                    <div class="v-progress-linear__indeterminate long bg-primary"></div>
-                    <div class="v-progress-linear__indeterminate short bg-primary"></div>
+                    <div class="
+                      bg-primary
+                      long
+                      v-progress-linear__indeterminate
+                    "></div>
+                    <div class="
+                      bg-primary
+                      short
+                      v-progress-linear__indeterminate
+                    "></div>
                   </div>
                 </transition-stub>
                 <!---->
               </div>
             </div>
             <!---->
-            <div class="v-field__field" data-no-activator="">
-              <!----><label class="v-label v-field-label" for="input-0">
-                <!---->Rechercher
+            <div
+              class="v-field__field"
+              data-no-activator=""
+            >
+              <!---->
+              <label
+                class="
+                  v-field-label
+                  v-label
+                "
+                for="input-0"
+              >
+                <!---->
+                Rechercher
               </label>
-              <!----><input size="1" type="text" id="input-0" aria-describedby="input-0-messages" class="v-field__input">
+              <!---->
+              <input
+                aria-describedby="input-0-messages"
+                class="v-field__input"
+                id="input-0"
+                size="1"
+                type="text"
+              />
               <!---->
             </div>
-            <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true">
-              <div class="v-field__clearable" style="display: none;"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="0" aria-label="Clear Rechercher"></i></div>
+            <transition-stub
+              appear="false"
+              css="true"
+              name="expand-x-transition"
+              persisted="false"
+            >
+              <div
+                class="v-field__clearable"
+                style="display: none;"
+              >
+                <i
+                  aria-hidden="false"
+                  aria-label="Clear Rechercher"
+                  class="
+                    mdi
+                    mdi-close-circle
+                    notranslate
+                    v-icon
+                    v-icon--clickable
+                    v-icon--size-default
+                    v-theme--light
+                  "
+                  role="button"
+                  tabindex="0"
+                ></i>
+              </div>
             </transition-stub>
             <div class="v-field__append-inner">
-              <!----><i class="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i>
+              <!---->
+              <i
+                aria-hidden="true"
+                class="
+                  0
+                  0
+                  0
+                  0,1
+                  0,1
+                  0,1
+                  11.11,16
+                  12,5
+                  14,12
+                  14,9.5C14,7
+                  14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41
+                  15.41,12.59
+                  16,9.5C16,11.11
+                  3,9.5A6.5,6.5
+                  5,7
+                  5,9.5C5,12
+                  7,14
+                  9.5,14C12,14
+                  9.5,16A6.5,6.5
+                  9.5,3M9.5,5C7,5
+                  9.5,5Z
+                  M9.5,3A6.5,6.5
+                  mdi
+                  notranslate
+                  v-icon
+                  v-icon--size-default
+                  v-theme--light
+                "
+              ></i>
             </div>
             <div class="v-field__outline">
               <!---->
@@ -168,56 +611,212 @@ exports[`TableToolbar > renders correctly when the screen width <= 600px 1`] = `
         <!---->
         <!---->
       </div>
-      <!--v-if-->
+      <!-- v-if -->
     </div>
     <!---->
   </div>
-  <transition-stub name="expand-transition" appear="false" persisted="false" css="true">
+  <transition-stub
+    appear="false"
+    css="true"
+    name="expand-transition"
+    persisted="false"
+  >
     <!---->
   </transition-stub>
-</header>"
+</header>
 `;
 
 exports[`TableToolbar > renders correctly with content slot 1`] = `
-"<header data-v-91e2c1b3="" class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr sy-table-toolbar px-4 py-2 d-flex flex-wrap align-center justify-space-between" style="background-color: #FFFFFF; color: #000; caret-color: #000;" minheight="56px">
+<header
+  class="
+    align-center
+    d-flex
+    flex-wrap
+    justify-space-between
+    px-4
+    py-2
+    sy-table-toolbar
+    v-locale--is-ltr
+    v-theme--light
+    v-toolbar
+    v-toolbar--density-default
+    v-toolbar--flat
+  "
+  minheight="56px"
+  style="background-color: #FFFFFF; color: #000; caret-color: #000;"
+>
   <!---->
   <div class="v-toolbar__content">
     <!---->
     <!---->
-    <p data-v-91e2c1b3="" class="mb-0 font-weight-bold mr-4 my-3" data-test-id="nb-rows">1 ligne</p>
-    <div data-v-91e2c1b3="" class="sy-table-toolbar__search">
-      <div data-v-91e2c1b3="" class="v-input v-input--horizontal v-input--density-compact v-theme--light v-locale--is-ltr v-text-field v-input--plain-underlined sy-form-input flex-grow-1" data-test-id="search-input">
+    <p class="
+      font-weight-bold
+      mb-0
+      mr-4
+      my-3
+    ">
+      1 ligne
+    </p>
+    <div class="sy-table-toolbar__search">
+      <div class="
+        flex-grow-1
+        sy-form-input
+        v-input
+        v-input--density-compact
+        v-input--horizontal
+        v-input--plain-underlined
+        v-locale--is-ltr
+        v-text-field
+        v-theme--light
+      ">
         <!---->
         <div class="v-input__control">
-          <div class="v-field v-field--appended v-field--single-line v-field--variant-underlined v-theme--light v-locale--is-ltr">
+          <div class="
+            v-field
+            v-field--appended
+            v-field--single-line
+            v-field--variant-underlined
+            v-locale--is-ltr
+            v-theme--light
+          ">
             <div class="v-field__overlay"></div>
             <div class="v-field__loader">
-              <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
+              <div
+                aria-hidden="true"
+                aria-valuemax="100"
+                aria-valuemin="0"
+                class="
+                  v-locale--is-ltr
+                  v-progress-linear
+                  v-theme--light
+                "
+                role="progressbar"
+                style="top: 0px; height: 0px; --v-progress-linear-height: 2px;"
+              >
                 <!---->
-                <div class="v-progress-linear__background bg-primary" style="opacity: NaN;"></div>
-                <div class="v-progress-linear__buffer bg-primary" style="opacity: NaN; width: 0%;"></div>
-                <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
+                <div
+                  class="
+                    bg-primary
+                    v-progress-linear__background
+                  "
+                  style="opacity: NaN;"
+                ></div>
+                <div
+                  class="
+                    bg-primary
+                    v-progress-linear__buffer
+                  "
+                  style="opacity: NaN; width: 0%;"
+                ></div>
+                <transition-stub
+                  appear="false"
+                  css="true"
+                  name="fade-transition"
+                  persisted="false"
+                >
                   <div class="v-progress-linear__indeterminate">
-                    <div class="v-progress-linear__indeterminate long bg-primary"></div>
-                    <div class="v-progress-linear__indeterminate short bg-primary"></div>
+                    <div class="
+                      bg-primary
+                      long
+                      v-progress-linear__indeterminate
+                    "></div>
+                    <div class="
+                      bg-primary
+                      short
+                      v-progress-linear__indeterminate
+                    "></div>
                   </div>
                 </transition-stub>
                 <!---->
               </div>
             </div>
             <!---->
-            <div class="v-field__field" data-no-activator="">
-              <!----><label class="v-label v-field-label" for="input-0">
-                <!---->Rechercher
+            <div
+              class="v-field__field"
+              data-no-activator=""
+            >
+              <!---->
+              <label
+                class="
+                  v-field-label
+                  v-label
+                "
+                for="input-0"
+              >
+                <!---->
+                Rechercher
               </label>
-              <!----><input size="1" type="text" id="input-0" aria-describedby="input-0-messages" class="v-field__input">
+              <!---->
+              <input
+                aria-describedby="input-0-messages"
+                class="v-field__input"
+                id="input-0"
+                size="1"
+                type="text"
+              />
               <!---->
             </div>
-            <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true">
-              <div class="v-field__clearable" style="display: none;"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="0" aria-label="Clear Rechercher"></i></div>
+            <transition-stub
+              appear="false"
+              css="true"
+              name="expand-x-transition"
+              persisted="false"
+            >
+              <div
+                class="v-field__clearable"
+                style="display: none;"
+              >
+                <i
+                  aria-hidden="false"
+                  aria-label="Clear Rechercher"
+                  class="
+                    mdi
+                    mdi-close-circle
+                    notranslate
+                    v-icon
+                    v-icon--clickable
+                    v-icon--size-default
+                    v-theme--light
+                  "
+                  role="button"
+                  tabindex="0"
+                ></i>
+              </div>
             </transition-stub>
             <div class="v-field__append-inner">
-              <!----><i class="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i>
+              <!---->
+              <i
+                aria-hidden="true"
+                class="
+                  0
+                  0
+                  0
+                  0,1
+                  0,1
+                  0,1
+                  11.11,16
+                  12,5
+                  14,12
+                  14,9.5C14,7
+                  14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41
+                  15.41,12.59
+                  16,9.5C16,11.11
+                  3,9.5A6.5,6.5
+                  5,7
+                  5,9.5C5,12
+                  7,14
+                  9.5,14C12,14
+                  9.5,16A6.5,6.5
+                  9.5,3M9.5,5C7,5
+                  9.5,5Z
+                  M9.5,3A6.5,6.5
+                  mdi
+                  notranslate
+                  v-icon
+                  v-icon--size-default
+                  v-theme--light
+                "
+              ></i>
             </div>
             <div class="v-field__outline">
               <!---->
@@ -228,56 +827,205 @@ exports[`TableToolbar > renders correctly with content slot 1`] = `
         <!---->
         <!---->
       </div>
-      <!--v-if-->
+      <!-- v-if -->
     </div>
     <!---->
   </div>
-  <transition-stub name="expand-transition" appear="false" persisted="false" css="true">
+  <transition-stub
+    appear="false"
+    css="true"
+    name="expand-transition"
+    persisted="false"
+  >
     <!---->
   </transition-stub>
-</header>"
+</header>
 `;
 
 exports[`TableToolbar > renders correctly with no items 1`] = `
-"<header data-v-91e2c1b3="" class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr sy-table-toolbar px-4 py-2 d-flex flex-wrap align-center justify-space-between" style="background-color: #FFFFFF; color: #000; caret-color: #000;" minheight="56px">
+<header
+  class="
+    align-center
+    d-flex
+    flex-wrap
+    justify-space-between
+    px-4
+    py-2
+    sy-table-toolbar
+    v-locale--is-ltr
+    v-theme--light
+    v-toolbar
+    v-toolbar--density-default
+    v-toolbar--flat
+  "
+  minheight="56px"
+  style="background-color: #FFFFFF; color: #000; caret-color: #000;"
+>
   <!---->
   <div class="v-toolbar__content">
     <!---->
     <!---->
-    <!--v-if-->
-    <div data-v-91e2c1b3="" class="sy-table-toolbar__search">
-      <div data-v-91e2c1b3="" class="v-input v-input--horizontal v-input--density-compact v-theme--light v-locale--is-ltr v-text-field v-input--plain-underlined sy-form-input flex-grow-1" data-test-id="search-input">
+    <!-- v-if -->
+    <div class="sy-table-toolbar__search">
+      <div class="
+        flex-grow-1
+        sy-form-input
+        v-input
+        v-input--density-compact
+        v-input--horizontal
+        v-input--plain-underlined
+        v-locale--is-ltr
+        v-text-field
+        v-theme--light
+      ">
         <!---->
         <div class="v-input__control">
-          <div class="v-field v-field--appended v-field--single-line v-field--variant-underlined v-theme--light v-locale--is-ltr">
+          <div class="
+            v-field
+            v-field--appended
+            v-field--single-line
+            v-field--variant-underlined
+            v-locale--is-ltr
+            v-theme--light
+          ">
             <div class="v-field__overlay"></div>
             <div class="v-field__loader">
-              <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
+              <div
+                aria-hidden="true"
+                aria-valuemax="100"
+                aria-valuemin="0"
+                class="
+                  v-locale--is-ltr
+                  v-progress-linear
+                  v-theme--light
+                "
+                role="progressbar"
+                style="top: 0px; height: 0px; --v-progress-linear-height: 2px;"
+              >
                 <!---->
-                <div class="v-progress-linear__background bg-primary" style="opacity: NaN;"></div>
-                <div class="v-progress-linear__buffer bg-primary" style="opacity: NaN; width: 0%;"></div>
-                <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
+                <div
+                  class="
+                    bg-primary
+                    v-progress-linear__background
+                  "
+                  style="opacity: NaN;"
+                ></div>
+                <div
+                  class="
+                    bg-primary
+                    v-progress-linear__buffer
+                  "
+                  style="opacity: NaN; width: 0%;"
+                ></div>
+                <transition-stub
+                  appear="false"
+                  css="true"
+                  name="fade-transition"
+                  persisted="false"
+                >
                   <div class="v-progress-linear__indeterminate">
-                    <div class="v-progress-linear__indeterminate long bg-primary"></div>
-                    <div class="v-progress-linear__indeterminate short bg-primary"></div>
+                    <div class="
+                      bg-primary
+                      long
+                      v-progress-linear__indeterminate
+                    "></div>
+                    <div class="
+                      bg-primary
+                      short
+                      v-progress-linear__indeterminate
+                    "></div>
                   </div>
                 </transition-stub>
                 <!---->
               </div>
             </div>
             <!---->
-            <div class="v-field__field" data-no-activator="">
-              <!----><label class="v-label v-field-label" for="input-0">
-                <!---->Rechercher
+            <div
+              class="v-field__field"
+              data-no-activator=""
+            >
+              <!---->
+              <label
+                class="
+                  v-field-label
+                  v-label
+                "
+                for="input-0"
+              >
+                <!---->
+                Rechercher
               </label>
-              <!----><input size="1" type="text" id="input-0" aria-describedby="input-0-messages" class="v-field__input">
+              <!---->
+              <input
+                aria-describedby="input-0-messages"
+                class="v-field__input"
+                id="input-0"
+                size="1"
+                type="text"
+              />
               <!---->
             </div>
-            <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true">
-              <div class="v-field__clearable" style="display: none;"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="0" aria-label="Clear Rechercher"></i></div>
+            <transition-stub
+              appear="false"
+              css="true"
+              name="expand-x-transition"
+              persisted="false"
+            >
+              <div
+                class="v-field__clearable"
+                style="display: none;"
+              >
+                <i
+                  aria-hidden="false"
+                  aria-label="Clear Rechercher"
+                  class="
+                    mdi
+                    mdi-close-circle
+                    notranslate
+                    v-icon
+                    v-icon--clickable
+                    v-icon--size-default
+                    v-theme--light
+                  "
+                  role="button"
+                  tabindex="0"
+                ></i>
+              </div>
             </transition-stub>
             <div class="v-field__append-inner">
-              <!----><i class="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i>
+              <!---->
+              <i
+                aria-hidden="true"
+                class="
+                  0
+                  0
+                  0
+                  0,1
+                  0,1
+                  0,1
+                  11.11,16
+                  12,5
+                  14,12
+                  14,9.5C14,7
+                  14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41
+                  15.41,12.59
+                  16,9.5C16,11.11
+                  3,9.5A6.5,6.5
+                  5,7
+                  5,9.5C5,12
+                  7,14
+                  9.5,14C12,14
+                  9.5,16A6.5,6.5
+                  9.5,3M9.5,5C7,5
+                  9.5,5Z
+                  M9.5,3A6.5,6.5
+                  mdi
+                  notranslate
+                  v-icon
+                  v-icon--size-default
+                  v-theme--light
+                "
+              ></i>
             </div>
             <div class="v-field__outline">
               <!---->
@@ -288,56 +1036,213 @@ exports[`TableToolbar > renders correctly with no items 1`] = `
         <!---->
         <!---->
       </div>
-      <!--v-if-->
+      <!-- v-if -->
     </div>
     <!---->
   </div>
-  <transition-stub name="expand-transition" appear="false" persisted="false" css="true">
+  <transition-stub
+    appear="false"
+    css="true"
+    name="expand-transition"
+    persisted="false"
+  >
     <!---->
   </transition-stub>
-</header>"
+</header>
 `;
 
 exports[`TableToolbar > should render 1`] = `
-"<header data-v-91e2c1b3="" class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr sy-table-toolbar px-4 py-2 d-flex flex-wrap align-center justify-space-between" style="background-color: #FFFFFF; color: #000; caret-color: #000;" minheight="56px" showaddbtn="true">
+<header
+  class="
+    align-center
+    d-flex
+    flex-wrap
+    justify-space-between
+    px-4
+    py-2
+    sy-table-toolbar
+    v-locale--is-ltr
+    v-theme--light
+    v-toolbar
+    v-toolbar--density-default
+    v-toolbar--flat
+  "
+  minheight="56px"
+  showaddbtn="true"
+  style="background-color: #FFFFFF; color: #000; caret-color: #000;"
+>
   <!---->
   <div class="v-toolbar__content">
     <!---->
     <!---->
-    <p data-v-91e2c1b3="" class="mb-0 font-weight-bold mr-4 my-3" data-test-id="nb-rows">1/2 lignes</p>
-    <div data-v-91e2c1b3="" class="sy-table-toolbar__search">
-      <div data-v-91e2c1b3="" class="v-input v-input--horizontal v-input--density-compact v-theme--light v-locale--is-ltr v-text-field v-input--plain-underlined sy-form-input flex-grow-1" data-test-id="search-input">
+    <p class="
+      font-weight-bold
+      mb-0
+      mr-4
+      my-3
+    ">
+      1/2 lignes
+    </p>
+    <div class="sy-table-toolbar__search">
+      <div class="
+        flex-grow-1
+        sy-form-input
+        v-input
+        v-input--density-compact
+        v-input--horizontal
+        v-input--plain-underlined
+        v-locale--is-ltr
+        v-text-field
+        v-theme--light
+      ">
         <!---->
         <div class="v-input__control">
-          <div class="v-field v-field--appended v-field--single-line v-field--variant-underlined v-theme--light v-locale--is-ltr">
+          <div class="
+            v-field
+            v-field--appended
+            v-field--single-line
+            v-field--variant-underlined
+            v-locale--is-ltr
+            v-theme--light
+          ">
             <div class="v-field__overlay"></div>
             <div class="v-field__loader">
-              <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
+              <div
+                aria-hidden="true"
+                aria-valuemax="100"
+                aria-valuemin="0"
+                class="
+                  v-locale--is-ltr
+                  v-progress-linear
+                  v-theme--light
+                "
+                role="progressbar"
+                style="top: 0px; height: 0px; --v-progress-linear-height: 2px;"
+              >
                 <!---->
-                <div class="v-progress-linear__background bg-primary" style="opacity: NaN;"></div>
-                <div class="v-progress-linear__buffer bg-primary" style="opacity: NaN; width: 0%;"></div>
-                <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
+                <div
+                  class="
+                    bg-primary
+                    v-progress-linear__background
+                  "
+                  style="opacity: NaN;"
+                ></div>
+                <div
+                  class="
+                    bg-primary
+                    v-progress-linear__buffer
+                  "
+                  style="opacity: NaN; width: 0%;"
+                ></div>
+                <transition-stub
+                  appear="false"
+                  css="true"
+                  name="fade-transition"
+                  persisted="false"
+                >
                   <div class="v-progress-linear__indeterminate">
-                    <div class="v-progress-linear__indeterminate long bg-primary"></div>
-                    <div class="v-progress-linear__indeterminate short bg-primary"></div>
+                    <div class="
+                      bg-primary
+                      long
+                      v-progress-linear__indeterminate
+                    "></div>
+                    <div class="
+                      bg-primary
+                      short
+                      v-progress-linear__indeterminate
+                    "></div>
                   </div>
                 </transition-stub>
                 <!---->
               </div>
             </div>
             <!---->
-            <div class="v-field__field" data-no-activator="">
-              <!----><label class="v-label v-field-label" for="input-0">
-                <!---->Rechercher
+            <div
+              class="v-field__field"
+              data-no-activator=""
+            >
+              <!---->
+              <label
+                class="
+                  v-field-label
+                  v-label
+                "
+                for="input-0"
+              >
+                <!---->
+                Rechercher
               </label>
-              <!----><input size="1" type="text" id="input-0" aria-describedby="input-0-messages" class="v-field__input">
+              <!---->
+              <input
+                aria-describedby="input-0-messages"
+                class="v-field__input"
+                id="input-0"
+                size="1"
+                type="text"
+              />
               <!---->
             </div>
-            <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true">
-              <div class="v-field__clearable" style="display: none;"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="0" aria-label="Clear Rechercher"></i></div>
+            <transition-stub
+              appear="false"
+              css="true"
+              name="expand-x-transition"
+              persisted="false"
+            >
+              <div
+                class="v-field__clearable"
+                style="display: none;"
+              >
+                <i
+                  aria-hidden="false"
+                  aria-label="Clear Rechercher"
+                  class="
+                    mdi
+                    mdi-close-circle
+                    notranslate
+                    v-icon
+                    v-icon--clickable
+                    v-icon--size-default
+                    v-theme--light
+                  "
+                  role="button"
+                  tabindex="0"
+                ></i>
+              </div>
             </transition-stub>
             <div class="v-field__append-inner">
-              <!----><i class="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i>
+              <!---->
+              <i
+                aria-hidden="true"
+                class="
+                  0
+                  0
+                  0
+                  0,1
+                  0,1
+                  0,1
+                  11.11,16
+                  12,5
+                  14,12
+                  14,9.5C14,7
+                  14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41
+                  15.41,12.59
+                  16,9.5C16,11.11
+                  3,9.5A6.5,6.5
+                  5,7
+                  5,9.5C5,12
+                  7,14
+                  9.5,14C12,14
+                  9.5,16A6.5,6.5
+                  9.5,3M9.5,5C7,5
+                  9.5,5Z
+                  M9.5,3A6.5,6.5
+                  mdi
+                  notranslate
+                  v-icon
+                  v-icon--size-default
+                  v-theme--light
+                "
+              ></i>
             </div>
             <div class="v-field__outline">
               <!---->
@@ -348,12 +1253,17 @@ exports[`TableToolbar > should render 1`] = `
         <!---->
         <!---->
       </div>
-      <!--v-if-->
+      <!-- v-if -->
     </div>
     <!---->
   </div>
-  <transition-stub name="expand-transition" appear="false" persisted="false" css="true">
+  <transition-stub
+    appear="false"
+    css="true"
+    name="expand-transition"
+    persisted="false"
+  >
     <!---->
   </transition-stub>
-</header>"
+</header>
 `;