npm - @cnamts/synapse - Versions diffs - 0.0.12-alpha → 0.0.14-alpha - Mend

@cnamts/synapse 0.0.12-alpha → 0.0.14-alpha

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (731) hide show

package/src/components/PaginatedTable/tests/__snapshots__/PaginatedTable.spec.ts.snap CHANGED Viewed

@@ -1,8 +1,21 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`PaginatedTable > render correctly in server mode 1`] = `
-"<div id="paginated-table">
-  <div class="v-table v-table--has-top v-table--has-bottom v-theme--light v-table--density-default v-data-table" itemslength="0">
+<div
+  class="sy-paginated-table"
+  id="paginated-table"
+>
+  <div
+    class="
+      v-data-table
+      v-table
+      v-table--density-default
+      v-table--has-bottom
+      v-table--has-top
+      v-theme--light
+    "
+    itemslength="0"
+  >
     <!---->
     <div class="v-table__wrapper">
       <table>
@@ -14,7 +27,9 @@ exports[`PaginatedTable > render correctly in server mode 1`] = `
         <tbody>
           <!---->
           <tr class="v-data-table-rows-no-data">
-            <td colspan="0">No data available</td>
+            <td colspan="0">
+              No data available
+            </td>
           </tr>
           <!---->
         </tbody>
@@ -22,44 +37,140 @@ exports[`PaginatedTable > render correctly in server mode 1`] = `
         <!---->
       </table>
     </div>
-    <hr class="v-divider v-theme--light" aria-orientation="horizontal" role="separator">
+    <hr
+      aria-orientation="horizontal"
+      class="
+        v-divider
+        v-theme--light
+      "
+      role="separator"
+    />
     <div class="v-data-table-footer">
       <!---->
-      <div class="v-data-table-footer__items-per-page"><span>Items per page:</span>
-        <div class="v-input v-input--horizontal v-input--center-affix v-input--density-compact v-theme--light v-locale--is-ltr v-input--dirty v-text-field v-select v-select--single v-select--selected">
+      <div class="v-data-table-footer__items-per-page">
+        <span>
+          Items per page:
+        </span>
+        <div class="
+          v-input
+          v-input--center-affix
+          v-input--density-compact
+          v-input--dirty
+          v-input--horizontal
+          v-locale--is-ltr
+          v-select
+          v-select--selected
+          v-select--single
+          v-text-field
+          v-theme--light
+        ">
           <!---->
           <div class="v-input__control">
-            <div class="v-field v-field--active v-field--appended v-field--center-affix v-field--dirty v-field--no-label v-field--variant-outlined v-theme--light v-locale--is-ltr" role="combobox">
+            <div
+              class="
+                v-field
+                v-field--active
+                v-field--appended
+                v-field--center-affix
+                v-field--dirty
+                v-field--no-label
+                v-field--variant-outlined
+                v-locale--is-ltr
+                v-theme--light
+              "
+              role="combobox"
+            >
               <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" style="opacity: NaN;"></div>
-                  <div class="v-progress-linear__buffer" style="opacity: NaN; width: 0%;"></div>
-                  <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
+                  <div
+                    class="v-progress-linear__background"
+                    style="opacity: NaN;"
+                  ></div>
+                  <div
+                    class="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"></div>
-                      <div class="v-progress-linear__indeterminate short"></div>
+                      <div class="
+                        long
+                        v-progress-linear__indeterminate
+                      "></div>
+                      <div class="
+                        short
+                        v-progress-linear__indeterminate
+                      "></div>
                     </div>
                   </transition-stub>
                   <!---->
                 </div>
               </div>
               <!---->
-              <div class="v-field__field" data-no-activator="">
+              <div
+                class="v-field__field"
+                data-no-activator=""
+              >
                 <!---->
                 <!---->
                 <!---->
-                <div class="v-field__input" data-no-activator="">
+                <div
+                  class="v-field__input"
+                  data-no-activator=""
+                >
                   <!---->
                   <!---->
-                  <div class="v-select__selection"><span class="v-select__selection-text">10<!----></span></div><input size="1" type="text" id="input-0" aria-describedby="input-0-messages" inputmode="none" aria-label="Open" title="Open" value="10">
+                  <div class="v-select__selection">
+                    <span class="v-select__selection-text">
+                      10
+                      <!---->
+                    </span>
+                  </div>
+                  <input
+                    aria-describedby="input-0-messages"
+                    aria-label="Open"
+                    id="input-0"
+                    inputmode="none"
+                    size="1"
+                    title="Open"
+                    type="text"
+                    value="10"
+                  />
                 </div>
                 <!---->
               </div>
               <!---->
               <div class="v-field__append-inner">
-                <!----><i class="mdi-menu-down mdi v-icon notranslate v-theme--light v-icon--size-default v-select__menu-icon" aria-hidden="true"></i>
+                <!---->
+                <i
+                  aria-hidden="true"
+                  class="
+                    mdi
+                    mdi-menu-down
+                    notranslate
+                    v-icon
+                    v-icon--size-default
+                    v-select__menu-icon
+                    v-theme--light
+                  "
+                ></i>
                 <!---->
               </div>
               <div class="v-field__outline">
@@ -75,60 +186,296 @@ exports[`PaginatedTable > render correctly in server mode 1`] = `
         </div>
       </div>
       <div class="v-data-table-footer__info">
-        <div>0-0 of 0</div>
+        <div>
+          0-0 of 0
+        </div>
       </div>
       <div class="v-data-table-footer__pagination">
-        <nav class="v-pagination v-theme--light" role="navigation" aria-label="Pagination Navigation" data-test="v-pagination-root">
+        <nav
+          aria-label="Pagination Navigation"
+          class="
+            v-pagination
+            v-theme--light
+          "
+          role="navigation"
+        >
           <ul class="v-pagination__list">
-            <li class="v-pagination__first" data-test="v-pagination-first"><button type="button" class="v-btn v-btn--disabled v-btn--icon v-theme--light v-btn--density-comfortable v-btn--rounded v-btn--size-default v-btn--variant-plain" disabled="" aria-label="First page" aria-disabled="true"><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span>
-                <!----><span class="v-btn__content" data-no-activator=""><i class="mdi-page-first mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i></span>
-                <!---->
-                <!---->
-              </button></li>
-            <li class="v-pagination__prev" data-test="v-pagination-prev"><button type="button" class="v-btn v-btn--disabled v-btn--icon v-theme--light v-btn--density-comfortable v-btn--rounded v-btn--size-default v-btn--variant-plain" disabled="" aria-label="Previous page" aria-disabled="true"><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span>
-                <!----><span class="v-btn__content" data-no-activator=""><i class="mdi-chevron-left mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i></span>
-                <!---->
-                <!---->
-              </button></li>
-            <li class="v-pagination__next" data-test="v-pagination-next"><button type="button" class="v-btn v-btn--disabled v-btn--icon v-theme--light v-btn--density-comfortable v-btn--rounded v-btn--size-default v-btn--variant-plain" disabled="" aria-label="Next page" aria-disabled="true"><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span>
-                <!----><span class="v-btn__content" data-no-activator=""><i class="mdi-chevron-right mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i></span>
-                <!---->
-                <!---->
-              </button></li>
-            <li class="v-pagination__last" data-test="v-pagination-last"><button type="button" class="v-btn v-btn--disabled v-btn--icon v-theme--light v-btn--density-comfortable v-btn--rounded v-btn--size-default v-btn--variant-plain" disabled="" aria-label="Last page" aria-disabled="true"><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span>
-                <!----><span class="v-btn__content" data-no-activator=""><i class="mdi-page-last mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i></span>
-                <!---->
-                <!---->
-              </button></li>
+            <li class="v-pagination__first">
+              <button
+                aria-disabled="true"
+                aria-label="First page"
+                class="
+                  v-btn
+                  v-btn--density-comfortable
+                  v-btn--disabled
+                  v-btn--icon
+                  v-btn--rounded
+                  v-btn--size-default
+                  v-btn--variant-plain
+                  v-theme--light
+                "
+                disabled=""
+                type="button"
+              >
+                <span class="v-btn__overlay"></span>
+                <span class="v-btn__underlay"></span>
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  <i
+                    aria-hidden="true"
+                    class="
+                      mdi
+                      mdi-page-first
+                      notranslate
+                      v-icon
+                      v-icon--size-default
+                      v-theme--light
+                    "
+                  ></i>
+                </span>
+                <!---->
+                <!---->
+              </button>
+            </li>
+            <li class="v-pagination__prev">
+              <button
+                aria-disabled="true"
+                aria-label="Previous page"
+                class="
+                  v-btn
+                  v-btn--density-comfortable
+                  v-btn--disabled
+                  v-btn--icon
+                  v-btn--rounded
+                  v-btn--size-default
+                  v-btn--variant-plain
+                  v-theme--light
+                "
+                disabled=""
+                type="button"
+              >
+                <span class="v-btn__overlay"></span>
+                <span class="v-btn__underlay"></span>
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  <i
+                    aria-hidden="true"
+                    class="
+                      mdi
+                      mdi-chevron-left
+                      notranslate
+                      v-icon
+                      v-icon--size-default
+                      v-theme--light
+                    "
+                  ></i>
+                </span>
+                <!---->
+                <!---->
+              </button>
+            </li>
+            <li class="v-pagination__next">
+              <button
+                aria-disabled="true"
+                aria-label="Next page"
+                class="
+                  v-btn
+                  v-btn--density-comfortable
+                  v-btn--disabled
+                  v-btn--icon
+                  v-btn--rounded
+                  v-btn--size-default
+                  v-btn--variant-plain
+                  v-theme--light
+                "
+                disabled=""
+                type="button"
+              >
+                <span class="v-btn__overlay"></span>
+                <span class="v-btn__underlay"></span>
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  <i
+                    aria-hidden="true"
+                    class="
+                      mdi
+                      mdi-chevron-right
+                      notranslate
+                      v-icon
+                      v-icon--size-default
+                      v-theme--light
+                    "
+                  ></i>
+                </span>
+                <!---->
+                <!---->
+              </button>
+            </li>
+            <li class="v-pagination__last">
+              <button
+                aria-disabled="true"
+                aria-label="Last page"
+                class="
+                  v-btn
+                  v-btn--density-comfortable
+                  v-btn--disabled
+                  v-btn--icon
+                  v-btn--rounded
+                  v-btn--size-default
+                  v-btn--variant-plain
+                  v-theme--light
+                "
+                disabled=""
+                type="button"
+              >
+                <span class="v-btn__overlay"></span>
+                <span class="v-btn__underlay"></span>
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  <i
+                    aria-hidden="true"
+                    class="
+                      mdi
+                      mdi-page-last
+                      notranslate
+                      v-icon
+                      v-icon--size-default
+                      v-theme--light
+                    "
+                  ></i>
+                </span>
+                <!---->
+                <!---->
+              </button>
+            </li>
           </ul>
         </nav>
       </div>
     </div>
   </div>
-</div>"
+</div>
 `;
 exports[`PaginatedTable > renders correctly in local mode 1`] = `
-"<div id="paginated-table" items="[object Object],[object Object],[object Object]" headers="[object Object],[object Object],[object Object]">
-  <div class="v-table v-table--has-top v-table--has-bottom v-theme--light v-table--density-default v-data-table" itemslength="0">
+<div
+  class="sy-paginated-table"
+  headers="[object Object],[object Object],[object Object]"
+  id="paginated-table"
+  items="[object Object],[object Object],[object Object]"
+>
+  <div
+    class="
+      v-data-table
+      v-table
+      v-table--density-default
+      v-table--has-bottom
+      v-table--has-top
+      v-theme--light
+    "
+    itemslength="0"
+  >
     <!---->
     <div class="v-table__wrapper">
       <table>
         <!---->
         <thead>
           <tr>
-            <th class="v-data-table__td v-data-table-column--align-start v-data-table__th--sortable v-data-table__th" colspan="1" rowspan="1">
-              <div class="v-data-table-header__content"><span>ID</span><i class="mdi-arrow-up mdi v-icon notranslate v-theme--light v-icon--size-default v-data-table-header__sort-icon" aria-hidden="true"></i>
+            <th
+              class="
+                v-data-table-column--align-start
+                v-data-table__td
+                v-data-table__th
+                v-data-table__th--sortable
+              "
+              colspan="1"
+              rowspan="1"
+            >
+              <div class="v-data-table-header__content">
+                <span>
+                  ID
+                </span>
+                <i
+                  aria-hidden="true"
+                  class="
+                    mdi
+                    mdi-arrow-up
+                    notranslate
+                    v-data-table-header__sort-icon
+                    v-icon
+                    v-icon--size-default
+                    v-theme--light
+                  "
+                ></i>
                 <!---->
               </div>
             </th>
-            <th class="v-data-table__td v-data-table-column--align-start v-data-table__th--sortable v-data-table__th" colspan="1" rowspan="1">
-              <div class="v-data-table-header__content"><span>Name</span><i class="mdi-arrow-up mdi v-icon notranslate v-theme--light v-icon--size-default v-data-table-header__sort-icon" aria-hidden="true"></i>
+            <th
+              class="
+                v-data-table-column--align-start
+                v-data-table__td
+                v-data-table__th
+                v-data-table__th--sortable
+              "
+              colspan="1"
+              rowspan="1"
+            >
+              <div class="v-data-table-header__content">
+                <span>
+                  Name
+                </span>
+                <i
+                  aria-hidden="true"
+                  class="
+                    mdi
+                    mdi-arrow-up
+                    notranslate
+                    v-data-table-header__sort-icon
+                    v-icon
+                    v-icon--size-default
+                    v-theme--light
+                  "
+                ></i>
                 <!---->
               </div>
             </th>
-            <th class="v-data-table__td v-data-table-column--align-start v-data-table__th--sortable v-data-table__th" colspan="1" rowspan="1">
-              <div class="v-data-table-header__content"><span>Age</span><i class="mdi-arrow-up mdi v-icon notranslate v-theme--light v-icon--size-default v-data-table-header__sort-icon" aria-hidden="true"></i>
+            <th
+              class="
+                v-data-table-column--align-start
+                v-data-table__td
+                v-data-table__th
+                v-data-table__th--sortable
+              "
+              colspan="1"
+              rowspan="1"
+            >
+              <div class="v-data-table-header__content">
+                <span>
+                  Age
+                </span>
+                <i
+                  aria-hidden="true"
+                  class="
+                    mdi
+                    mdi-arrow-up
+                    notranslate
+                    v-data-table-header__sort-icon
+                    v-icon
+                    v-icon--size-default
+                    v-theme--light
+                  "
+                ></i>
                 <!---->
               </div>
             </th>
@@ -139,21 +486,66 @@ exports[`PaginatedTable > renders correctly in local mode 1`] = `
         <tbody>
           <!---->
           <tr class="v-data-table__tr">
-            <td class="v-data-table__td v-data-table-column--align-start">1</td>
-            <td class="v-data-table__td v-data-table-column--align-start">John Doe</td>
-            <td class="v-data-table__td v-data-table-column--align-start">25</td>
+            <td class="
+              v-data-table-column--align-start
+              v-data-table__td
+            ">
+              1
+            </td>
+            <td class="
+              v-data-table-column--align-start
+              v-data-table__td
+            ">
+              John Doe
+            </td>
+            <td class="
+              v-data-table-column--align-start
+              v-data-table__td
+            ">
+              25
+            </td>
           </tr>
           <!---->
           <tr class="v-data-table__tr">
-            <td class="v-data-table__td v-data-table-column--align-start">2</td>
-            <td class="v-data-table__td v-data-table-column--align-start">Jane Doe</td>
-            <td class="v-data-table__td v-data-table-column--align-start">30</td>
+            <td class="
+              v-data-table-column--align-start
+              v-data-table__td
+            ">
+              2
+            </td>
+            <td class="
+              v-data-table-column--align-start
+              v-data-table__td
+            ">
+              Jane Doe
+            </td>
+            <td class="
+              v-data-table-column--align-start
+              v-data-table__td
+            ">
+              30
+            </td>
           </tr>
           <!---->
           <tr class="v-data-table__tr">
-            <td class="v-data-table__td v-data-table-column--align-start">3</td>
-            <td class="v-data-table__td v-data-table-column--align-start">John Smith</td>
-            <td class="v-data-table__td v-data-table-column--align-start">35</td>
+            <td class="
+              v-data-table-column--align-start
+              v-data-table__td
+            ">
+              3
+            </td>
+            <td class="
+              v-data-table-column--align-start
+              v-data-table__td
+            ">
+              John Smith
+            </td>
+            <td class="
+              v-data-table-column--align-start
+              v-data-table__td
+            ">
+              35
+            </td>
           </tr>
           <!---->
           <!---->
@@ -162,44 +554,140 @@ exports[`PaginatedTable > renders correctly in local mode 1`] = `
         <!---->
       </table>
     </div>
-    <hr class="v-divider v-theme--light" aria-orientation="horizontal" role="separator">
+    <hr
+      aria-orientation="horizontal"
+      class="
+        v-divider
+        v-theme--light
+      "
+      role="separator"
+    />
     <div class="v-data-table-footer">
       <!---->
-      <div class="v-data-table-footer__items-per-page"><span>Items per page:</span>
-        <div class="v-input v-input--horizontal v-input--center-affix v-input--density-compact v-theme--light v-locale--is-ltr v-input--dirty v-text-field v-select v-select--single v-select--selected">
+      <div class="v-data-table-footer__items-per-page">
+        <span>
+          Items per page:
+        </span>
+        <div class="
+          v-input
+          v-input--center-affix
+          v-input--density-compact
+          v-input--dirty
+          v-input--horizontal
+          v-locale--is-ltr
+          v-select
+          v-select--selected
+          v-select--single
+          v-text-field
+          v-theme--light
+        ">
           <!---->
           <div class="v-input__control">
-            <div class="v-field v-field--active v-field--appended v-field--center-affix v-field--dirty v-field--no-label v-field--variant-outlined v-theme--light v-locale--is-ltr" role="combobox">
+            <div
+              class="
+                v-field
+                v-field--active
+                v-field--appended
+                v-field--center-affix
+                v-field--dirty
+                v-field--no-label
+                v-field--variant-outlined
+                v-locale--is-ltr
+                v-theme--light
+              "
+              role="combobox"
+            >
               <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" style="opacity: NaN;"></div>
-                  <div class="v-progress-linear__buffer" style="opacity: NaN; width: 0%;"></div>
-                  <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
+                  <div
+                    class="v-progress-linear__background"
+                    style="opacity: NaN;"
+                  ></div>
+                  <div
+                    class="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"></div>
-                      <div class="v-progress-linear__indeterminate short"></div>
+                      <div class="
+                        long
+                        v-progress-linear__indeterminate
+                      "></div>
+                      <div class="
+                        short
+                        v-progress-linear__indeterminate
+                      "></div>
                     </div>
                   </transition-stub>
                   <!---->
                 </div>
               </div>
               <!---->
-              <div class="v-field__field" data-no-activator="">
+              <div
+                class="v-field__field"
+                data-no-activator=""
+              >
                 <!---->
                 <!---->
                 <!---->
-                <div class="v-field__input" data-no-activator="">
+                <div
+                  class="v-field__input"
+                  data-no-activator=""
+                >
                   <!---->
                   <!---->
-                  <div class="v-select__selection"><span class="v-select__selection-text">10<!----></span></div><input size="1" type="text" id="input-0" aria-describedby="input-0-messages" inputmode="none" aria-label="Open" title="Open" value="10">
+                  <div class="v-select__selection">
+                    <span class="v-select__selection-text">
+                      10
+                      <!---->
+                    </span>
+                  </div>
+                  <input
+                    aria-describedby="input-0-messages"
+                    aria-label="Open"
+                    id="input-0"
+                    inputmode="none"
+                    size="1"
+                    title="Open"
+                    type="text"
+                    value="10"
+                  />
                 </div>
                 <!---->
               </div>
               <!---->
               <div class="v-field__append-inner">
-                <!----><i class="mdi-menu-down mdi v-icon notranslate v-theme--light v-icon--size-default v-select__menu-icon" aria-hidden="true"></i>
+                <!---->
+                <i
+                  aria-hidden="true"
+                  class="
+                    mdi
+                    mdi-menu-down
+                    notranslate
+                    v-icon
+                    v-icon--size-default
+                    v-select__menu-icon
+                    v-theme--light
+                  "
+                ></i>
                 <!---->
               </div>
               <div class="v-field__outline">
@@ -215,35 +703,184 @@ exports[`PaginatedTable > renders correctly in local mode 1`] = `
         </div>
       </div>
       <div class="v-data-table-footer__info">
-        <div>1-3 of 3</div>
+        <div>
+          1-3 of 3
+        </div>
       </div>
       <div class="v-data-table-footer__pagination">
-        <nav class="v-pagination v-theme--light" role="navigation" aria-label="Pagination Navigation" data-test="v-pagination-root">
+        <nav
+          aria-label="Pagination Navigation"
+          class="
+            v-pagination
+            v-theme--light
+          "
+          role="navigation"
+        >
           <ul class="v-pagination__list">
-            <li class="v-pagination__first" data-test="v-pagination-first"><button type="button" class="v-btn v-btn--disabled v-btn--icon v-theme--light v-btn--density-comfortable v-btn--rounded v-btn--size-default v-btn--variant-plain" disabled="" aria-label="First page" aria-disabled="true"><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span>
-                <!----><span class="v-btn__content" data-no-activator=""><i class="mdi-page-first mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i></span>
-                <!---->
-                <!---->
-              </button></li>
-            <li class="v-pagination__prev" data-test="v-pagination-prev"><button type="button" class="v-btn v-btn--disabled v-btn--icon v-theme--light v-btn--density-comfortable v-btn--rounded v-btn--size-default v-btn--variant-plain" disabled="" aria-label="Previous page" aria-disabled="true"><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span>
-                <!----><span class="v-btn__content" data-no-activator=""><i class="mdi-chevron-left mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i></span>
-                <!---->
-                <!---->
-              </button></li>
-            <li class="v-pagination__next" data-test="v-pagination-next"><button type="button" class="v-btn v-btn--disabled v-btn--icon v-theme--light v-btn--density-comfortable v-btn--rounded v-btn--size-default v-btn--variant-plain" disabled="" aria-label="Next page" aria-disabled="true"><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span>
-                <!----><span class="v-btn__content" data-no-activator=""><i class="mdi-chevron-right mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i></span>
-                <!---->
-                <!---->
-              </button></li>
-            <li class="v-pagination__last" data-test="v-pagination-last"><button type="button" class="v-btn v-btn--disabled v-btn--icon v-theme--light v-btn--density-comfortable v-btn--rounded v-btn--size-default v-btn--variant-plain" disabled="" aria-label="Last page" aria-disabled="true"><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span>
-                <!----><span class="v-btn__content" data-no-activator=""><i class="mdi-page-last mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i></span>
-                <!---->
-                <!---->
-              </button></li>
+            <li class="v-pagination__first">
+              <button
+                aria-disabled="true"
+                aria-label="First page"
+                class="
+                  v-btn
+                  v-btn--density-comfortable
+                  v-btn--disabled
+                  v-btn--icon
+                  v-btn--rounded
+                  v-btn--size-default
+                  v-btn--variant-plain
+                  v-theme--light
+                "
+                disabled=""
+                type="button"
+              >
+                <span class="v-btn__overlay"></span>
+                <span class="v-btn__underlay"></span>
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  <i
+                    aria-hidden="true"
+                    class="
+                      mdi
+                      mdi-page-first
+                      notranslate
+                      v-icon
+                      v-icon--size-default
+                      v-theme--light
+                    "
+                  ></i>
+                </span>
+                <!---->
+                <!---->
+              </button>
+            </li>
+            <li class="v-pagination__prev">
+              <button
+                aria-disabled="true"
+                aria-label="Previous page"
+                class="
+                  v-btn
+                  v-btn--density-comfortable
+                  v-btn--disabled
+                  v-btn--icon
+                  v-btn--rounded
+                  v-btn--size-default
+                  v-btn--variant-plain
+                  v-theme--light
+                "
+                disabled=""
+                type="button"
+              >
+                <span class="v-btn__overlay"></span>
+                <span class="v-btn__underlay"></span>
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  <i
+                    aria-hidden="true"
+                    class="
+                      mdi
+                      mdi-chevron-left
+                      notranslate
+                      v-icon
+                      v-icon--size-default
+                      v-theme--light
+                    "
+                  ></i>
+                </span>
+                <!---->
+                <!---->
+              </button>
+            </li>
+            <li class="v-pagination__next">
+              <button
+                aria-disabled="true"
+                aria-label="Next page"
+                class="
+                  v-btn
+                  v-btn--density-comfortable
+                  v-btn--disabled
+                  v-btn--icon
+                  v-btn--rounded
+                  v-btn--size-default
+                  v-btn--variant-plain
+                  v-theme--light
+                "
+                disabled=""
+                type="button"
+              >
+                <span class="v-btn__overlay"></span>
+                <span class="v-btn__underlay"></span>
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  <i
+                    aria-hidden="true"
+                    class="
+                      mdi
+                      mdi-chevron-right
+                      notranslate
+                      v-icon
+                      v-icon--size-default
+                      v-theme--light
+                    "
+                  ></i>
+                </span>
+                <!---->
+                <!---->
+              </button>
+            </li>
+            <li class="v-pagination__last">
+              <button
+                aria-disabled="true"
+                aria-label="Last page"
+                class="
+                  v-btn
+                  v-btn--density-comfortable
+                  v-btn--disabled
+                  v-btn--icon
+                  v-btn--rounded
+                  v-btn--size-default
+                  v-btn--variant-plain
+                  v-theme--light
+                "
+                disabled=""
+                type="button"
+              >
+                <span class="v-btn__overlay"></span>
+                <span class="v-btn__underlay"></span>
+                <!---->
+                <span
+                  class="v-btn__content"
+                  data-no-activator=""
+                >
+                  <i
+                    aria-hidden="true"
+                    class="
+                      mdi
+                      mdi-page-last
+                      notranslate
+                      v-icon
+                      v-icon--size-default
+                      v-theme--light
+                    "
+                  ></i>
+                </span>
+                <!---->
+                <!---->
+              </button>
+            </li>
           </ul>
         </nav>
       </div>
     </div>
   </div>
-</div>"
+</div>
 `;