@cnamts/synapse 1.0.1 → 1.0.2

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 (217) hide show
  1. package/README.md +1 -1
  2. package/dist/{DateFilter-BmRuzQ9Z.js → DateFilter-YWOTbfeL.js} +1 -1
  3. package/dist/{NumberFilter-CnIPDHqx.js → NumberFilter-DMmMgALM.js} +1 -1
  4. package/dist/{PeriodFilter-CZwZ8CnQ.js → PeriodFilter-Bok5BHcn.js} +1 -1
  5. package/dist/SelectFilter-BKud2WhN.js +136 -0
  6. package/dist/{TextFilter-DTxZHJwX.js → TextFilter-DvMf2thH.js} +1 -1
  7. package/dist/components/Accordion/Accordion.d.ts +2 -1
  8. package/dist/components/Accordion/composables/useAccordionGroupCommunication.d.ts +5 -0
  9. package/dist/components/Accordion/composables/useAccordionKeyboardNavigation.d.ts +12 -0
  10. package/dist/components/Accordion/composables/useAccordionState.d.ts +13 -0
  11. package/dist/components/Customs/SyCheckbox/SyCheckbox.d.ts +85 -0
  12. package/dist/components/Customs/SyInputSelect/SyInputSelect.d.ts +2 -0
  13. package/dist/components/Customs/SySelect/SySelect.d.ts +33 -13
  14. package/dist/components/Customs/SyTextField/SyTextField.d.ts +2 -2
  15. package/dist/components/DatePicker/ComplexDatePicker/ComplexDatePicker.d.ts +1585 -1452
  16. package/dist/components/DatePicker/DatePicker/DatePicker.d.ts +16 -2
  17. package/dist/components/DatePicker/DateTextInput/DateTextInput.d.ts +3 -1
  18. package/dist/components/DatePicker/composables/index.d.ts +2 -0
  19. package/dist/components/DatePicker/composables/useAsteriskDisplay.d.ts +14 -0
  20. package/dist/components/DatePicker/composables/useDateAutoClamp.d.ts +16 -0
  21. package/dist/components/DatePicker/composables/useDateRangeInput.d.ts +1 -1
  22. package/dist/components/DatePicker/composables/useDisplayedDateString.d.ts +3 -0
  23. package/dist/components/DatePicker/composables/useInputBlurHandler.d.ts +1 -0
  24. package/dist/components/DatePicker/composables/useMonthButtonCustomization.d.ts +5 -2
  25. package/dist/components/NirField/NirField.d.ts +7 -3
  26. package/dist/components/NirField/nirValidation.d.ts +1 -1
  27. package/dist/components/PasswordField/PasswordField.d.ts +2 -0
  28. package/dist/components/PeriodField/PeriodField.d.ts +52 -8
  29. package/dist/components/PhoneField/PhoneField.d.ts +2 -2
  30. package/dist/components/RangeField/RangeField.d.ts +2 -0
  31. package/dist/components/SearchListField/SearchListField.d.ts +9 -0
  32. package/dist/components/SyTextArea/SyTextArea.d.ts +2 -0
  33. package/dist/components/Tables/SyServerTable/SyServerTable.d.ts +14 -9
  34. package/dist/components/Tables/SyTable/SyTable.d.ts +12 -7
  35. package/dist/components/Tables/common/SyTablePagination.d.ts +1636 -0
  36. package/dist/components/Tables/common/TableHeader.d.ts +2 -20
  37. package/dist/components/Tables/common/filters/SelectFilter.d.ts +5 -5
  38. package/dist/components/Tables/common/filters/getFilterComponent.d.ts +1 -0
  39. package/dist/components/Tables/common/filters/locales.d.ts +4 -0
  40. package/dist/components/Tables/common/filters/logics/date.d.ts +1 -0
  41. package/dist/components/Tables/common/filters/logics/number.d.ts +1 -0
  42. package/dist/components/Tables/common/filters/logics/period.d.ts +1 -0
  43. package/dist/components/Tables/common/filters/logics/select.d.ts +1 -0
  44. package/dist/components/Tables/common/filters/logics/text.d.ts +1 -0
  45. package/dist/components/Tables/common/locales.d.ts +21 -0
  46. package/dist/components/Tables/common/organizeColumns/OrganizeColumns.d.ts +267 -0
  47. package/dist/components/Tables/common/organizeColumns/sortHeaders.d.ts +2 -0
  48. package/dist/components/Tables/common/tableFilterUtils.d.ts +1 -0
  49. package/dist/components/Tables/common/tableStorageUtils.d.ts +41 -1
  50. package/dist/components/Tables/common/tableUtils.d.ts +42 -5
  51. package/dist/components/Tables/common/types.d.ts +19 -8
  52. package/dist/components/Tables/common/usePagination.d.ts +22 -0
  53. package/dist/components/Tables/common/useTableCheckbox.d.ts +20 -0
  54. package/dist/components/Tables/common/useTableHeaders.d.ts +76 -0
  55. package/dist/components/Tables/common/useTableItems.d.ts +24 -0
  56. package/dist/components/Tables/common/useTableOptions.d.ts +18 -0
  57. package/dist/components/ToolbarContainer/ToolbarContainer.d.ts +11 -0
  58. package/dist/components/UserMenuBtn/UserMenuBtn.d.ts +9 -2
  59. package/dist/components/index.d.ts +8 -6
  60. package/dist/design-system-v3.js +58 -56
  61. package/dist/design-system-v3.umd.cjs +22 -22
  62. package/dist/main-Cx8qG7YR.js +16344 -0
  63. package/dist/stories/Accessibilite/Vuetify/VuetifyItems.d.ts +14 -2
  64. package/dist/stories/DesignTokens/StylesTypographiques.stories.new.d.ts +8 -0
  65. package/dist/stories/DesignTokens/TypographyDisplay.d.ts +28 -0
  66. package/dist/stories/DesignTokens/vue-shims.d.ts +6 -0
  67. package/dist/style.css +1 -1
  68. package/package.json +1 -1
  69. package/src/common/imgs/accessibility-svgrepo-com.svg +4 -0
  70. package/src/components/Accordion/Accessibilite/AccessibilityGuide.mdx +249 -0
  71. package/src/components/Accordion/Accordion.vue +48 -76
  72. package/src/components/Accordion/composables/__tests__/useAccordionGroupCommunication.spec.ts +146 -0
  73. package/src/components/Accordion/composables/__tests__/useAccordionKeyboardNavigation.spec.ts +209 -0
  74. package/src/components/Accordion/composables/__tests__/useAccordionState.spec.ts +144 -0
  75. package/src/components/Accordion/composables/useAccordionGroupCommunication.ts +52 -0
  76. package/src/components/Accordion/composables/useAccordionKeyboardNavigation.ts +111 -0
  77. package/src/components/Accordion/composables/useAccordionState.ts +59 -0
  78. package/src/components/Accordion/tests/__snapshots__/accordion.spec.ts.snap +3 -0
  79. package/src/components/Customs/SyCheckbox/Accessibilite.mdx +303 -0
  80. package/src/components/Customs/SyCheckbox/SyCheckbox.mdx +50 -0
  81. package/src/components/Customs/SyCheckbox/SyCheckbox.stories.ts +630 -0
  82. package/src/components/Customs/SyCheckbox/SyCheckbox.vue +326 -0
  83. package/src/components/Customs/SyCheckbox/tests/SyCheckbox.spec.ts +201 -0
  84. package/src/components/Customs/SyInputSelect/SyInputSelect.stories.ts +1 -0
  85. package/src/components/Customs/SyInputSelect/SyInputSelect.vue +8 -1
  86. package/src/components/Customs/SySelect/SySelect.stories.ts +160 -0
  87. package/src/components/Customs/SySelect/SySelect.vue +291 -32
  88. package/src/components/Customs/SySelect/tests/SySelect.spec.ts +230 -0
  89. package/src/components/Customs/SyTextField/SyTextField.stories.ts +3 -2
  90. package/src/components/Customs/SyTextField/SyTextField.vue +19 -8
  91. package/src/components/DatePicker/ComplexDatePicker/ComplexDatePicker.stories.ts +241 -31
  92. package/src/components/DatePicker/ComplexDatePicker/ComplexDatePicker.vue +305 -57
  93. package/src/components/DatePicker/ComplexDatePicker/tests/ComplexDatePicker.events.spec.ts +161 -0
  94. package/src/components/DatePicker/ComplexDatePicker/tests/ComplexDatePicker.spec.ts +4 -2
  95. package/src/components/DatePicker/DatePicker/DatePicker.stories.ts +259 -137
  96. package/src/components/DatePicker/DatePicker/DatePicker.vue +153 -25
  97. package/src/components/DatePicker/DatePicker/tests/DatePicker.events.spec.ts +189 -0
  98. package/src/components/DatePicker/DatePicker/{DatePicker.spec.ts → tests/DatePicker.spec.ts} +1 -15
  99. package/src/components/DatePicker/DateTextInput/DateRange.stories.ts +24 -14
  100. package/src/components/DatePicker/DateTextInput/DateTextInput.events.spec.ts +148 -0
  101. package/src/components/DatePicker/DateTextInput/DateTextInput.spec.ts +3 -1
  102. package/src/components/DatePicker/DateTextInput/DateTextInput.vue +200 -5
  103. package/src/components/DatePicker/DateTextInput/NoCalendar.stories.ts +241 -31
  104. package/src/components/DatePicker/composables/index.ts +2 -0
  105. package/src/components/DatePicker/composables/tests/useDateAutoClamp.spec.ts +190 -0
  106. package/src/components/DatePicker/composables/tests/useInputBlurHandler.spec.ts +182 -4
  107. package/src/components/DatePicker/composables/tests/useMonthButtonCustomization.spec.ts +105 -80
  108. package/src/components/DatePicker/composables/useAsteriskDisplay.ts +31 -0
  109. package/src/components/DatePicker/composables/useDateAutoClamp.ts +136 -0
  110. package/src/components/DatePicker/composables/useDateRangeInput.ts +21 -18
  111. package/src/components/DatePicker/composables/useDisplayedDateString.ts +13 -1
  112. package/src/components/DatePicker/composables/useInputBlurHandler.ts +84 -20
  113. package/src/components/DatePicker/composables/useMonthButtonCustomization.ts +149 -51
  114. package/src/components/DiacriticPicker/DiacriticPicker.stories.ts +10 -0
  115. package/src/components/ErrorPage/Accessibilite.stories.ts +8 -0
  116. package/src/components/ErrorPage/ErrorPage.vue +12 -6
  117. package/src/components/ErrorPage/tests/__snapshots__/ErrorPage.spec.ts.snap +4 -4
  118. package/src/components/NirField/NirField.mdx +22 -9
  119. package/src/components/NirField/NirField.stories.ts +26 -2
  120. package/src/components/NirField/NirField.vue +209 -22
  121. package/src/components/NirField/nirValidation.ts +17 -3
  122. package/src/components/NirField/tests/NirField.spec.ts +2 -2
  123. package/src/components/NotFoundPage/Accessibilite.stories.ts +8 -0
  124. package/src/components/NotFoundPage/NotFoundPage.vue +2 -1
  125. package/src/components/NotFoundPage/tests/__snapshots__/NotFoundPage.spec.ts.snap +8 -6
  126. package/src/components/PaginatedTable/PaginatedTable.mdx +2 -0
  127. package/src/components/PasswordField/PasswordField.stories.ts +4 -0
  128. package/src/components/PasswordField/PasswordField.vue +3 -0
  129. package/src/components/PeriodField/PeriodField.vue +2 -0
  130. package/src/components/PhoneField/PhoneField.stories.ts +15 -15
  131. package/src/components/PhoneField/PhoneField.vue +1 -1
  132. package/src/components/RangeField/RangeField.stories.ts +9 -0
  133. package/src/components/RangeField/RangeField.vue +4 -0
  134. package/src/components/RangeField/tests/__snapshots__/RangeField.spec.ts.snap +12 -0
  135. package/src/components/SearchListField/SearchListField.vue +5 -0
  136. package/src/components/SyTextArea/SyTextArea.vue +3 -0
  137. package/src/components/SyTextArea/tests/SyTextArea.spec.ts +0 -1
  138. package/src/components/Tables/SyServerTable/FilterRules.stories.ts +632 -15
  139. package/src/components/Tables/SyServerTable/SyServerTable.mdx +15 -5
  140. package/src/components/Tables/SyServerTable/SyServerTable.stories.ts +2844 -1377
  141. package/src/components/Tables/SyServerTable/SyServerTable.vue +155 -66
  142. package/src/components/Tables/SyServerTable/tests/SyServerTable.spec.ts +256 -4
  143. package/src/components/Tables/SyTable/FilterRules.stories.ts +183 -0
  144. package/src/components/Tables/SyTable/SyTable.mdx +14 -4
  145. package/src/components/Tables/SyTable/SyTable.stories.ts +1265 -477
  146. package/src/components/Tables/SyTable/SyTable.vue +152 -72
  147. package/src/components/Tables/SyTable/tests/SyTable.spec.ts +366 -4
  148. package/src/components/Tables/common/SyTableFilter.vue +3 -56
  149. package/src/components/Tables/common/SyTablePagination.vue +375 -0
  150. package/src/components/Tables/common/TableHeader.vue +10 -26
  151. package/src/components/Tables/common/filters/SelectFilter.vue +131 -22
  152. package/src/components/Tables/common/filters/getFilterComponent.ts +54 -0
  153. package/src/components/Tables/common/filters/locales.ts +4 -0
  154. package/src/components/Tables/common/filters/logics/date.ts +12 -0
  155. package/src/components/Tables/common/filters/logics/number.ts +48 -0
  156. package/src/components/Tables/common/filters/logics/period.ts +25 -0
  157. package/src/components/Tables/common/filters/logics/select.ts +27 -0
  158. package/src/components/Tables/common/filters/logics/tests/TextFilterLogic.spec.ts +177 -0
  159. package/src/components/Tables/common/filters/logics/text.ts +62 -0
  160. package/src/components/Tables/common/filters/tests/TextFilter.spec.ts +11 -11
  161. package/src/components/Tables/common/locales.ts +24 -0
  162. package/src/components/Tables/common/organizeColumns/OrganizeColumns.vue +269 -0
  163. package/src/components/Tables/common/organizeColumns/sortHeaders.ts +9 -0
  164. package/src/components/Tables/common/tableFilterUtils.ts +43 -295
  165. package/src/components/Tables/common/tableStorageUtils.ts +27 -2
  166. package/src/components/Tables/common/tableStyles.scss +26 -0
  167. package/src/components/Tables/common/tableUtils.ts +3 -16
  168. package/src/components/Tables/common/tests/SyTablePagination.spec.ts +170 -0
  169. package/src/components/Tables/common/tests/filterByRange.spec.ts +215 -0
  170. package/src/components/Tables/common/tests/tableFilterUtils.spec.ts +0 -14
  171. package/src/components/Tables/common/tests/tableUtils.spec.ts +7 -51
  172. package/src/components/Tables/common/types.ts +17 -6
  173. package/src/components/Tables/common/usePagination.ts +83 -0
  174. package/src/components/Tables/common/useTableCheckbox.ts +58 -0
  175. package/src/components/Tables/common/useTableHeaders.ts +88 -0
  176. package/src/components/Tables/common/useTableItems.ts +87 -0
  177. package/src/components/Tables/common/useTableOptions.ts +93 -0
  178. package/src/components/ToolbarContainer/ToolbarContainer.mdx +16 -0
  179. package/src/components/ToolbarContainer/ToolbarContainer.stories.ts +675 -0
  180. package/src/components/ToolbarContainer/ToolbarContainer.vue +128 -0
  181. package/src/components/ToolbarContainer/tests/ToolbarContainer.spec.ts +156 -0
  182. package/src/components/UserMenuBtn/UserMenuBtn.stories.ts +74 -0
  183. package/src/components/UserMenuBtn/UserMenuBtn.vue +19 -17
  184. package/src/components/index.ts +8 -6
  185. package/src/stories/Accessibilite/Aculturation/AuditDesignSystem.mdx +293 -20
  186. package/src/stories/Accessibilite/Aculturation/SensibilisationAccessibilite.mdx +448 -54
  187. package/src/stories/Accessibilite/Audit/RGAA.mdx +231 -23
  188. package/src/stories/Accessibilite/Avancement/Avancement.mdx +591 -7
  189. package/src/stories/Accessibilite/Avancement/Avancement.stories.ts +139 -38
  190. package/src/stories/Accessibilite/Introduction.mdx +258 -18
  191. package/src/stories/Accessibilite/KitDePreAudit/Echantillonnage.mdx +221 -31
  192. package/src/stories/Accessibilite/KitDePreAudit/Introduction.mdx +204 -22
  193. package/src/stories/Accessibilite/KitDePreAudit/Outils/Introduction.mdx +537 -24
  194. package/src/stories/Accessibilite/KitDePreAudit/Outils/LecteursDEcran.mdx +577 -70
  195. package/src/stories/Accessibilite/KitDePreAudit/Outils/Tanaguru.mdx +382 -31
  196. package/src/stories/Accessibilite/KitDePreAudit/Preaudit.mdx +419 -81
  197. package/src/stories/Accessibilite/Vuetify/Vuetify.mdx +132 -6
  198. package/src/stories/Accessibilite/Vuetify/Vuetify.stories.ts +370 -146
  199. package/src/stories/Accessibilite/Vuetify/VuetifyItems.ts +35 -57
  200. package/src/stories/Demarrer/Accueil.stories.ts +20 -5
  201. package/src/stories/DesignTokens/StylesTypographiques.mdx +10 -9
  202. package/src/stories/DesignTokens/StylesTypographiques.stories.new.ts +397 -0
  203. package/src/stories/DesignTokens/StylesTypographiques.stories.ts +397 -0
  204. package/src/stories/DesignTokens/TypographyDisplay.vue +155 -0
  205. package/src/stories/DesignTokens/vue-shims.d.ts +6 -0
  206. package/src/stories/GuideDuDev/LesBreackingChanges.mdx +0 -2
  207. package/src/stories/GuideDuDev/MigrationDepuisBridge.mdx +1 -1
  208. package/src/stories/GuideDuDev/MigrationDepuisVue2.mdx +1 -1
  209. package/src/stories/GuideDuDev/PortailAgent.mdx +10 -0
  210. package/src/stories/GuideDuDev/PortailAgent.stories.ts +506 -0
  211. package/src/stories/GuideDuDev/Theme.mdx +41 -0
  212. package/dist/SelectFilter-Cj-GW2Cc.js +0 -97
  213. package/dist/main-WDqeoGM-.js +0 -14788
  214. package/src/components/PaginatedTable/tests/__snapshots__/PaginatedTable.spec.ts.snap +0 -886
  215. package/src/components/Tables/SyServerTable/tests/__snapshots__/SyServerTable.spec.ts.snap +0 -521
  216. package/src/components/Tables/SyTable/tests/__snapshots__/SyTable.spec.ts.snap +0 -521
  217. package/src/stories/DesignTokens/ThemePA.mdx +0 -35
package/src/components/PaginatedTable/tests/__snapshots__/PaginatedTable.spec.ts.snap DELETED
@@ -1,886 +0,0 @@
1
- // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
-
3
- exports[`PaginatedTable > render correctly in server mode 1`] = `
4
- <div
5
- class="sy-paginated-table"
6
- id="paginated-table"
7
- >
8
- <div
9
- class="
10
- v-data-table
11
- v-table
12
- v-table--density-default
13
- v-table--has-bottom
14
- v-table--has-top
15
- v-theme--light
16
- "
17
- itemslength="0"
18
- >
19
- <!---->
20
- <div class="v-table__wrapper">
21
- <table>
22
- <!---->
23
- <thead>
24
- <!---->
25
- </thead>
26
- <!---->
27
- <tbody>
28
- <!---->
29
- <tr class="v-data-table-rows-no-data">
30
- <td colspan="0">
31
- No data available
32
- </td>
33
- </tr>
34
- <!---->
35
- </tbody>
36
- <!---->
37
- <!---->
38
- </table>
39
- </div>
40
- <hr
41
- aria-orientation="horizontal"
42
- class="
43
- v-divider
44
- v-theme--light
45
- "
46
- role="separator"
47
- />
48
- <div class="v-data-table-footer">
49
- <!---->
50
- <div class="v-data-table-footer__items-per-page">
51
- <span>
52
- Items per page:
53
- </span>
54
- <div class="
55
- v-input
56
- v-input--center-affix
57
- v-input--density-compact
58
- v-input--dirty
59
- v-input--horizontal
60
- v-locale--is-ltr
61
- v-select
62
- v-select--selected
63
- v-select--single
64
- v-text-field
65
- v-theme--light
66
- ">
67
- <!---->
68
- <div class="v-input__control">
69
- <div
70
- class="
71
- v-field
72
- v-field--active
73
- v-field--appended
74
- v-field--center-affix
75
- v-field--dirty
76
- v-field--no-label
77
- v-field--variant-outlined
78
- v-locale--is-ltr
79
- v-theme--light
80
- "
81
- role="combobox"
82
- >
83
- <div class="v-field__overlay"></div>
84
- <div class="v-field__loader">
85
- <div
86
- aria-hidden="true"
87
- aria-valuemax="100"
88
- aria-valuemin="0"
89
- class="
90
- v-locale--is-ltr
91
- v-progress-linear
92
- v-theme--light
93
- "
94
- role="progressbar"
95
- style="top: 0px; height: 0px; --v-progress-linear-height: 2px;"
96
- >
97
- <!---->
98
- <div
99
- class="v-progress-linear__background"
100
- style="opacity: NaN;"
101
- ></div>
102
- <div
103
- class="v-progress-linear__buffer"
104
- style="opacity: NaN; width: 0%;"
105
- ></div>
106
- <transition-stub
107
- appear="false"
108
- css="true"
109
- name="fade-transition"
110
- persisted="false"
111
- >
112
- <div class="v-progress-linear__indeterminate">
113
- <div class="
114
- long
115
- v-progress-linear__indeterminate
116
- "></div>
117
- <div class="
118
- short
119
- v-progress-linear__indeterminate
120
- "></div>
121
- </div>
122
- </transition-stub>
123
- <!---->
124
- </div>
125
- </div>
126
- <!---->
127
- <div
128
- class="v-field__field"
129
- data-no-activator=""
130
- >
131
- <!---->
132
- <!---->
133
- <!---->
134
- <div
135
- class="v-field__input"
136
- data-no-activator=""
137
- >
138
- <!---->
139
- <!---->
140
- <div class="v-select__selection">
141
- <span class="v-select__selection-text">
142
- 10
143
- <!---->
144
- </span>
145
- </div>
146
- <input
147
- aria-describedby="input-0-messages"
148
- aria-label="Open"
149
- id="input-0"
150
- inputmode="none"
151
- size="1"
152
- title="Open"
153
- type="text"
154
- value="10"
155
- />
156
- </div>
157
- <!---->
158
- </div>
159
- <!---->
160
- <div class="v-field__append-inner">
161
- <!---->
162
- <i
163
- aria-hidden="true"
164
- class="
165
- mdi
166
- mdi-menu-down
167
- notranslate
168
- v-icon
169
- v-icon--size-default
170
- v-select__menu-icon
171
- v-theme--light
172
- "
173
- ></i>
174
- <!---->
175
- </div>
176
- <div class="v-field__outline">
177
- <div class="v-field__outline__start"></div>
178
- <!---->
179
- <div class="v-field__outline__end"></div>
180
- <!---->
181
- </div>
182
- </div>
183
- </div>
184
- <!---->
185
- <!---->
186
- </div>
187
- </div>
188
- <div class="v-data-table-footer__info">
189
- <div>
190
- 0-0 of 0
191
- </div>
192
- </div>
193
- <div class="v-data-table-footer__pagination">
194
- <nav
195
- aria-label="Pagination Navigation"
196
- class="
197
- v-pagination
198
- v-theme--light
199
- "
200
- role="navigation"
201
- >
202
- <ul class="v-pagination__list">
203
- <li class="v-pagination__first">
204
- <button
205
- aria-disabled="true"
206
- aria-label="First page"
207
- class="
208
- v-btn
209
- v-btn--density-comfortable
210
- v-btn--disabled
211
- v-btn--icon
212
- v-btn--rounded
213
- v-btn--size-default
214
- v-btn--variant-plain
215
- v-theme--light
216
- "
217
- disabled=""
218
- type="button"
219
- >
220
- <span class="v-btn__overlay"></span>
221
- <span class="v-btn__underlay"></span>
222
- <!---->
223
- <span
224
- class="v-btn__content"
225
- data-no-activator=""
226
- >
227
- <i
228
- aria-hidden="true"
229
- class="
230
- mdi
231
- mdi-page-first
232
- notranslate
233
- v-icon
234
- v-icon--size-default
235
- v-theme--light
236
- "
237
- ></i>
238
- </span>
239
- <!---->
240
- <!---->
241
- </button>
242
- </li>
243
- <li class="v-pagination__prev">
244
- <button
245
- aria-disabled="true"
246
- aria-label="Previous page"
247
- class="
248
- v-btn
249
- v-btn--density-comfortable
250
- v-btn--disabled
251
- v-btn--icon
252
- v-btn--rounded
253
- v-btn--size-default
254
- v-btn--variant-plain
255
- v-theme--light
256
- "
257
- disabled=""
258
- type="button"
259
- >
260
- <span class="v-btn__overlay"></span>
261
- <span class="v-btn__underlay"></span>
262
- <!---->
263
- <span
264
- class="v-btn__content"
265
- data-no-activator=""
266
- >
267
- <i
268
- aria-hidden="true"
269
- class="
270
- mdi
271
- mdi-chevron-left
272
- notranslate
273
- v-icon
274
- v-icon--size-default
275
- v-theme--light
276
- "
277
- ></i>
278
- </span>
279
- <!---->
280
- <!---->
281
- </button>
282
- </li>
283
- <li class="v-pagination__next">
284
- <button
285
- aria-disabled="true"
286
- aria-label="Next page"
287
- class="
288
- v-btn
289
- v-btn--density-comfortable
290
- v-btn--disabled
291
- v-btn--icon
292
- v-btn--rounded
293
- v-btn--size-default
294
- v-btn--variant-plain
295
- v-theme--light
296
- "
297
- disabled=""
298
- type="button"
299
- >
300
- <span class="v-btn__overlay"></span>
301
- <span class="v-btn__underlay"></span>
302
- <!---->
303
- <span
304
- class="v-btn__content"
305
- data-no-activator=""
306
- >
307
- <i
308
- aria-hidden="true"
309
- class="
310
- mdi
311
- mdi-chevron-right
312
- notranslate
313
- v-icon
314
- v-icon--size-default
315
- v-theme--light
316
- "
317
- ></i>
318
- </span>
319
- <!---->
320
- <!---->
321
- </button>
322
- </li>
323
- <li class="v-pagination__last">
324
- <button
325
- aria-disabled="true"
326
- aria-label="Last page"
327
- class="
328
- v-btn
329
- v-btn--density-comfortable
330
- v-btn--disabled
331
- v-btn--icon
332
- v-btn--rounded
333
- v-btn--size-default
334
- v-btn--variant-plain
335
- v-theme--light
336
- "
337
- disabled=""
338
- type="button"
339
- >
340
- <span class="v-btn__overlay"></span>
341
- <span class="v-btn__underlay"></span>
342
- <!---->
343
- <span
344
- class="v-btn__content"
345
- data-no-activator=""
346
- >
347
- <i
348
- aria-hidden="true"
349
- class="
350
- mdi
351
- mdi-page-last
352
- notranslate
353
- v-icon
354
- v-icon--size-default
355
- v-theme--light
356
- "
357
- ></i>
358
- </span>
359
- <!---->
360
- <!---->
361
- </button>
362
- </li>
363
- </ul>
364
- </nav>
365
- </div>
366
- </div>
367
- </div>
368
- </div>
369
- `;
370
-
371
- exports[`PaginatedTable > renders correctly in local mode 1`] = `
372
- <div
373
- class="sy-paginated-table"
374
- headers="[object Object],[object Object],[object Object]"
375
- id="paginated-table"
376
- items="[object Object],[object Object],[object Object]"
377
- >
378
- <div
379
- class="
380
- v-data-table
381
- v-table
382
- v-table--density-default
383
- v-table--has-bottom
384
- v-table--has-top
385
- v-theme--light
386
- "
387
- itemslength="0"
388
- >
389
- <!---->
390
- <div class="v-table__wrapper">
391
- <table>
392
- <!---->
393
- <thead>
394
- <tr>
395
- <th
396
- class="
397
- v-data-table-column--align-start
398
- v-data-table__td
399
- v-data-table__th
400
- v-data-table__th--sortable
401
- "
402
- colspan="1"
403
- rowspan="1"
404
- >
405
- <div class="v-data-table-header__content">
406
- <span>
407
- ID
408
- </span>
409
- <i
410
- aria-hidden="true"
411
- class="
412
- mdi
413
- mdi-arrow-up
414
- notranslate
415
- v-data-table-header__sort-icon
416
- v-icon
417
- v-icon--size-default
418
- v-theme--light
419
- "
420
- ></i>
421
- <!---->
422
- </div>
423
- </th>
424
- <th
425
- class="
426
- v-data-table-column--align-start
427
- v-data-table__td
428
- v-data-table__th
429
- v-data-table__th--sortable
430
- "
431
- colspan="1"
432
- rowspan="1"
433
- >
434
- <div class="v-data-table-header__content">
435
- <span>
436
- Name
437
- </span>
438
- <i
439
- aria-hidden="true"
440
- class="
441
- mdi
442
- mdi-arrow-up
443
- notranslate
444
- v-data-table-header__sort-icon
445
- v-icon
446
- v-icon--size-default
447
- v-theme--light
448
- "
449
- ></i>
450
- <!---->
451
- </div>
452
- </th>
453
- <th
454
- class="
455
- v-data-table-column--align-start
456
- v-data-table__td
457
- v-data-table__th
458
- v-data-table__th--sortable
459
- "
460
- colspan="1"
461
- rowspan="1"
462
- >
463
- <div class="v-data-table-header__content">
464
- <span>
465
- Age
466
- </span>
467
- <i
468
- aria-hidden="true"
469
- class="
470
- mdi
471
- mdi-arrow-up
472
- notranslate
473
- v-data-table-header__sort-icon
474
- v-icon
475
- v-icon--size-default
476
- v-theme--light
477
- "
478
- ></i>
479
- <!---->
480
- </div>
481
- </th>
482
- </tr>
483
- <!---->
484
- </thead>
485
- <!---->
486
- <tbody>
487
- <!---->
488
- <tr class="v-data-table__tr">
489
- <td class="
490
- v-data-table-column--align-start
491
- v-data-table__td
492
- ">
493
- 1
494
- </td>
495
- <td class="
496
- v-data-table-column--align-start
497
- v-data-table__td
498
- ">
499
- John Doe
500
- </td>
501
- <td class="
502
- v-data-table-column--align-start
503
- v-data-table__td
504
- ">
505
- 25
506
- </td>
507
- </tr>
508
- <!---->
509
- <tr class="v-data-table__tr">
510
- <td class="
511
- v-data-table-column--align-start
512
- v-data-table__td
513
- ">
514
- 2
515
- </td>
516
- <td class="
517
- v-data-table-column--align-start
518
- v-data-table__td
519
- ">
520
- Jane Doe
521
- </td>
522
- <td class="
523
- v-data-table-column--align-start
524
- v-data-table__td
525
- ">
526
- 30
527
- </td>
528
- </tr>
529
- <!---->
530
- <tr class="v-data-table__tr">
531
- <td class="
532
- v-data-table-column--align-start
533
- v-data-table__td
534
- ">
535
- 3
536
- </td>
537
- <td class="
538
- v-data-table-column--align-start
539
- v-data-table__td
540
- ">
541
- John Smith
542
- </td>
543
- <td class="
544
- v-data-table-column--align-start
545
- v-data-table__td
546
- ">
547
- 35
548
- </td>
549
- </tr>
550
- <!---->
551
- <!---->
552
- </tbody>
553
- <!---->
554
- <!---->
555
- </table>
556
- </div>
557
- <hr
558
- aria-orientation="horizontal"
559
- class="
560
- v-divider
561
- v-theme--light
562
- "
563
- role="separator"
564
- />
565
- <div class="v-data-table-footer">
566
- <!---->
567
- <div class="v-data-table-footer__items-per-page">
568
- <span>
569
- Items per page:
570
- </span>
571
- <div class="
572
- v-input
573
- v-input--center-affix
574
- v-input--density-compact
575
- v-input--dirty
576
- v-input--horizontal
577
- v-locale--is-ltr
578
- v-select
579
- v-select--selected
580
- v-select--single
581
- v-text-field
582
- v-theme--light
583
- ">
584
- <!---->
585
- <div class="v-input__control">
586
- <div
587
- class="
588
- v-field
589
- v-field--active
590
- v-field--appended
591
- v-field--center-affix
592
- v-field--dirty
593
- v-field--no-label
594
- v-field--variant-outlined
595
- v-locale--is-ltr
596
- v-theme--light
597
- "
598
- role="combobox"
599
- >
600
- <div class="v-field__overlay"></div>
601
- <div class="v-field__loader">
602
- <div
603
- aria-hidden="true"
604
- aria-valuemax="100"
605
- aria-valuemin="0"
606
- class="
607
- v-locale--is-ltr
608
- v-progress-linear
609
- v-theme--light
610
- "
611
- role="progressbar"
612
- style="top: 0px; height: 0px; --v-progress-linear-height: 2px;"
613
- >
614
- <!---->
615
- <div
616
- class="v-progress-linear__background"
617
- style="opacity: NaN;"
618
- ></div>
619
- <div
620
- class="v-progress-linear__buffer"
621
- style="opacity: NaN; width: 0%;"
622
- ></div>
623
- <transition-stub
624
- appear="false"
625
- css="true"
626
- name="fade-transition"
627
- persisted="false"
628
- >
629
- <div class="v-progress-linear__indeterminate">
630
- <div class="
631
- long
632
- v-progress-linear__indeterminate
633
- "></div>
634
- <div class="
635
- short
636
- v-progress-linear__indeterminate
637
- "></div>
638
- </div>
639
- </transition-stub>
640
- <!---->
641
- </div>
642
- </div>
643
- <!---->
644
- <div
645
- class="v-field__field"
646
- data-no-activator=""
647
- >
648
- <!---->
649
- <!---->
650
- <!---->
651
- <div
652
- class="v-field__input"
653
- data-no-activator=""
654
- >
655
- <!---->
656
- <!---->
657
- <div class="v-select__selection">
658
- <span class="v-select__selection-text">
659
- 10
660
- <!---->
661
- </span>
662
- </div>
663
- <input
664
- aria-describedby="input-0-messages"
665
- aria-label="Open"
666
- id="input-0"
667
- inputmode="none"
668
- size="1"
669
- title="Open"
670
- type="text"
671
- value="10"
672
- />
673
- </div>
674
- <!---->
675
- </div>
676
- <!---->
677
- <div class="v-field__append-inner">
678
- <!---->
679
- <i
680
- aria-hidden="true"
681
- class="
682
- mdi
683
- mdi-menu-down
684
- notranslate
685
- v-icon
686
- v-icon--size-default
687
- v-select__menu-icon
688
- v-theme--light
689
- "
690
- ></i>
691
- <!---->
692
- </div>
693
- <div class="v-field__outline">
694
- <div class="v-field__outline__start"></div>
695
- <!---->
696
- <div class="v-field__outline__end"></div>
697
- <!---->
698
- </div>
699
- </div>
700
- </div>
701
- <!---->
702
- <!---->
703
- </div>
704
- </div>
705
- <div class="v-data-table-footer__info">
706
- <div>
707
- 1-3 of 3
708
- </div>
709
- </div>
710
- <div class="v-data-table-footer__pagination">
711
- <nav
712
- aria-label="Pagination Navigation"
713
- class="
714
- v-pagination
715
- v-theme--light
716
- "
717
- role="navigation"
718
- >
719
- <ul class="v-pagination__list">
720
- <li class="v-pagination__first">
721
- <button
722
- aria-disabled="true"
723
- aria-label="First page"
724
- class="
725
- v-btn
726
- v-btn--density-comfortable
727
- v-btn--disabled
728
- v-btn--icon
729
- v-btn--rounded
730
- v-btn--size-default
731
- v-btn--variant-plain
732
- v-theme--light
733
- "
734
- disabled=""
735
- type="button"
736
- >
737
- <span class="v-btn__overlay"></span>
738
- <span class="v-btn__underlay"></span>
739
- <!---->
740
- <span
741
- class="v-btn__content"
742
- data-no-activator=""
743
- >
744
- <i
745
- aria-hidden="true"
746
- class="
747
- mdi
748
- mdi-page-first
749
- notranslate
750
- v-icon
751
- v-icon--size-default
752
- v-theme--light
753
- "
754
- ></i>
755
- </span>
756
- <!---->
757
- <!---->
758
- </button>
759
- </li>
760
- <li class="v-pagination__prev">
761
- <button
762
- aria-disabled="true"
763
- aria-label="Previous page"
764
- class="
765
- v-btn
766
- v-btn--density-comfortable
767
- v-btn--disabled
768
- v-btn--icon
769
- v-btn--rounded
770
- v-btn--size-default
771
- v-btn--variant-plain
772
- v-theme--light
773
- "
774
- disabled=""
775
- type="button"
776
- >
777
- <span class="v-btn__overlay"></span>
778
- <span class="v-btn__underlay"></span>
779
- <!---->
780
- <span
781
- class="v-btn__content"
782
- data-no-activator=""
783
- >
784
- <i
785
- aria-hidden="true"
786
- class="
787
- mdi
788
- mdi-chevron-left
789
- notranslate
790
- v-icon
791
- v-icon--size-default
792
- v-theme--light
793
- "
794
- ></i>
795
- </span>
796
- <!---->
797
- <!---->
798
- </button>
799
- </li>
800
- <li class="v-pagination__next">
801
- <button
802
- aria-disabled="true"
803
- aria-label="Next page"
804
- class="
805
- v-btn
806
- v-btn--density-comfortable
807
- v-btn--disabled
808
- v-btn--icon
809
- v-btn--rounded
810
- v-btn--size-default
811
- v-btn--variant-plain
812
- v-theme--light
813
- "
814
- disabled=""
815
- type="button"
816
- >
817
- <span class="v-btn__overlay"></span>
818
- <span class="v-btn__underlay"></span>
819
- <!---->
820
- <span
821
- class="v-btn__content"
822
- data-no-activator=""
823
- >
824
- <i
825
- aria-hidden="true"
826
- class="
827
- mdi
828
- mdi-chevron-right
829
- notranslate
830
- v-icon
831
- v-icon--size-default
832
- v-theme--light
833
- "
834
- ></i>
835
- </span>
836
- <!---->
837
- <!---->
838
- </button>
839
- </li>
840
- <li class="v-pagination__last">
841
- <button
842
- aria-disabled="true"
843
- aria-label="Last page"
844
- class="
845
- v-btn
846
- v-btn--density-comfortable
847
- v-btn--disabled
848
- v-btn--icon
849
- v-btn--rounded
850
- v-btn--size-default
851
- v-btn--variant-plain
852
- v-theme--light
853
- "
854
- disabled=""
855
- type="button"
856
- >
857
- <span class="v-btn__overlay"></span>
858
- <span class="v-btn__underlay"></span>
859
- <!---->
860
- <span
861
- class="v-btn__content"
862
- data-no-activator=""
863
- >
864
- <i
865
- aria-hidden="true"
866
- class="
867
- mdi
868
- mdi-page-last
869
- notranslate
870
- v-icon
871
- v-icon--size-default
872
- v-theme--light
873
- "
874
- ></i>
875
- </span>
876
- <!---->
877
- <!---->
878
- </button>
879
- </li>
880
- </ul>
881
- </nav>
882
- </div>
883
- </div>
884
- </div>
885
- </div>
886
- `;