@cnamts/synapse 1.0.11 → 1.0.13

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 (200) hide show
  1. package/dist/{DateFilter-QEfKOz0P.js → DateFilter-_EFzsvvM.js} +1 -1
  2. package/dist/{NumberFilter-C0h7gVzp.js → NumberFilter-CUxEbKJh.js} +1 -1
  3. package/dist/{PeriodFilter-8dVrKjju.js → PeriodFilter-D5ueqtKy.js} +1 -1
  4. package/dist/{SelectFilter-BI3QGbqb.js → SelectFilter-BciBNydy.js} +1 -1
  5. package/dist/{TextFilter-UOp1hcPp.js → TextFilter-DMN_WAQB.js} +1 -1
  6. package/dist/components/Amelipro/AmeliproAccordion/AmeliproAccordion.d.ts +7 -3
  7. package/dist/components/Amelipro/AmeliproAccordion/AmeliproAccordionTemplate/AmeliproAccordionTemplate.d.ts +1 -1
  8. package/dist/components/Amelipro/AmeliproAccordionList/AmeliproAccordionList.d.ts +2 -0
  9. package/dist/components/Amelipro/AmeliproAccordionResult/AmeliproAccordionResult.d.ts +7 -3
  10. package/dist/components/Amelipro/AmeliproAccordionResult/AmeliproAccordionResultTemplate/AmeliproAccordionResultTemplate.d.ts +1 -1
  11. package/dist/components/Amelipro/AmeliproAutoCompleteField/AmeliproAutoCompleteField.d.ts +50 -68
  12. package/dist/components/Amelipro/AmeliproCard/AmeliproCard.d.ts +1 -1
  13. package/dist/components/Amelipro/AmeliproIcon/AmeliproIcon.d.ts +1 -1
  14. package/dist/components/Amelipro/AmeliproIconBtn/AmeliproIconBtn.d.ts +5 -5
  15. package/dist/components/Amelipro/AmeliproMultipleFoldingCard/AmeliproMultipleFoldingCard.d.ts +1 -1
  16. package/dist/components/Amelipro/AmeliproNumberedCard/AmeliproNumberedCard.d.ts +1 -1
  17. package/dist/components/Amelipro/AmeliproPostalAddressField/AmeliproPostalAddressCityRow/AmeliproPostalAddressCityRow.d.ts +24 -32
  18. package/dist/components/Amelipro/AmeliproPostalAddressField/AmeliproPostalAddressField.d.ts +36 -48
  19. package/dist/components/Amelipro/AmeliproSelect/AmeliproSelect.d.ts +50 -68
  20. package/dist/components/Amelipro/AmeliproTable/AmeliproTable.d.ts +4 -0
  21. package/dist/components/Amelipro/AmeliproTable/types.d.ts +11 -0
  22. package/dist/components/Amelipro/AmeliproTabs/AmeliproTabs.d.ts +50 -68
  23. package/dist/components/Amelipro/AmeliproTextArea/AmeliproTextArea.d.ts +0 -4
  24. package/dist/components/Amelipro/AmeliproTextField/AmeliproTextField.d.ts +12 -16
  25. package/dist/components/Captcha/Captcha.d.ts +68 -0
  26. package/dist/components/Captcha/CaptchaAlert.d.ts +13 -0
  27. package/dist/components/Captcha/CaptchaBase.d.ts +55 -0
  28. package/dist/components/Captcha/CaptchaBtn.d.ts +12 -0
  29. package/dist/components/Captcha/CaptchaForm.d.ts +16 -0
  30. package/dist/components/Captcha/CaptchaImg.d.ts +12 -0
  31. package/dist/components/Captcha/CaptchaInformation.d.ts +20 -0
  32. package/dist/components/Captcha/captchaApi.d.ts +41 -0
  33. package/dist/components/Captcha/icons/volumeUp.d.ts +2 -0
  34. package/dist/components/Captcha/locales.d.ts +35 -0
  35. package/dist/components/Captcha/types.d.ts +2 -0
  36. package/dist/components/ChipList/ChipList.d.ts +2 -2
  37. package/dist/components/CookiesSelection/CookiesInformation/CookiesInformation.d.ts +14 -14
  38. package/dist/components/Customs/Selects/SySelect/SySelect.d.ts +5 -5
  39. package/dist/components/Customs/SyForm/SyForm.d.ts +6 -3
  40. package/dist/components/Customs/SyTextField/SyTextField.d.ts +12 -16
  41. package/dist/components/DatePicker/CalendarMode/DatePicker.d.ts +96 -68
  42. package/dist/components/DatePicker/ComplexDatePicker/ComplexDatePicker.d.ts +63 -38
  43. package/dist/components/DatePicker/DateTextInput/DateTextInput.d.ts +23 -27
  44. package/dist/components/DatePicker/composables/useDatePickerViewMode.d.ts +2 -1
  45. package/dist/components/DatePicker/tests/setup.d.ts +816 -520
  46. package/dist/components/HeaderToolbar/HeaderToolbar.d.ts +10 -10
  47. package/dist/components/NirField/NirField.d.ts +31 -34
  48. package/dist/components/NirField/locales.d.ts +1 -3
  49. package/dist/components/PasswordField/PasswordField.d.ts +2 -0
  50. package/dist/components/PeriodField/PeriodField.d.ts +192 -128
  51. package/dist/components/PhoneField/PhoneField.d.ts +13 -17
  52. package/dist/components/SearchListField/SearchListField.d.ts +5 -5
  53. package/dist/components/SyTextArea/SyTextArea.d.ts +0 -4
  54. package/dist/components/Tables/SyServerTable/SyServerTable.d.ts +5 -8
  55. package/dist/components/Tables/SyTable/SyTable.d.ts +5 -8
  56. package/dist/components/Tables/common/SyTablePagination.d.ts +5 -5
  57. package/dist/components/Tables/common/types.d.ts +4 -0
  58. package/dist/components/Tables/common/usePagination.d.ts +3 -4
  59. package/dist/components/Tables/common/useTableCheckbox.d.ts +10 -6
  60. package/dist/components/index.d.ts +1 -0
  61. package/dist/composables/validation/useFormValidation.d.ts +10 -0
  62. package/dist/composables/validation/useValidatable.d.ts +10 -2
  63. package/dist/design-system-v3.js +126 -125
  64. package/dist/design-system-v3.umd.cjs +265 -265
  65. package/dist/main-DISHlqcd.js +34217 -0
  66. package/dist/style.css +1 -1
  67. package/package.json +1 -1
  68. package/src/assets/overrides/_forms.scss +2 -0
  69. package/src/components/Amelipro/AmeliproAccordion/AmeliproAccordion.stories.ts +7 -4
  70. package/src/components/Amelipro/AmeliproAccordion/AmeliproAccordion.vue +2 -0
  71. package/src/components/Amelipro/AmeliproAccordionFrieze/AmeliproAccordionFrieze.vue +1 -0
  72. package/src/components/Amelipro/AmeliproAccordionFrieze/__tests__/__snapshots__/AmeliproAccordionFrieze.spec.ts.snap +574 -112
  73. package/src/components/Amelipro/AmeliproAccordionList/AmeliproAccordionList.stories.ts +5 -2
  74. package/src/components/Amelipro/AmeliproAccordionList/AmeliproAccordionList.vue +2 -1
  75. package/src/components/Amelipro/AmeliproAccordionResult/AmeliproAccordionResult.stories.ts +6 -3
  76. package/src/components/Amelipro/AmeliproAccordionResult/AmeliproAccordionResult.vue +2 -0
  77. package/src/components/Amelipro/AmeliproAccordionResultList/AmeliproAccordionResultList.stories.ts +5 -2
  78. package/src/components/Amelipro/AmeliproAccordionResultList/AmeliproAccordionResultList.vue +2 -1
  79. package/src/components/Amelipro/AmeliproCheckbox/__tests__/AmeliproCheckbox.spec.ts +175 -0
  80. package/src/components/Amelipro/AmeliproCheckbox/__tests__/__snapshots__/AmeliproCheckbox.spec.ts.snap +88 -0
  81. package/src/components/Amelipro/AmeliproCheckboxGroup/__tests__/AmeliproCheckboxGroup.spec.ts +423 -0
  82. package/src/components/Amelipro/AmeliproCheckboxGroup/{tests → __tests__}/__snapshots__/AmeliproCheckboxGroup.spec.ts.snap +112 -78
  83. package/src/components/Amelipro/AmeliproChips/__tests__/AmeliproChips.spec.ts +92 -0
  84. package/src/components/Amelipro/AmeliproChips/__tests__/__snapshots__/AmeliproChips.spec.ts.snap +81 -0
  85. package/src/components/Amelipro/AmeliproDialog/__tests__/AmeliproDialog.spec.ts +257 -0
  86. package/src/components/Amelipro/AmeliproDialog/__tests__/__snapshots__/AmeliproDialog.spec.ts.snap +61 -0
  87. package/src/components/Amelipro/AmeliproDisclosure/__tests__/AmeliproDisclosure.spec.ts +79 -0
  88. package/src/components/Amelipro/AmeliproDisclosure/__tests__/__snapshots__/AmeliproDisclosure.spec.ts.snap +89 -0
  89. package/src/components/Amelipro/AmeliproFooter/AmeliproFooter.vue +6 -7
  90. package/src/components/Amelipro/AmeliproFooter/__tests__/AmeliproFooter.spec.ts +787 -0
  91. package/src/components/Amelipro/AmeliproFooter/__tests__/__snapshots__/AmeliproFooter.spec.ts.snap +318 -0
  92. package/src/components/Amelipro/AmeliproHeader/AmeliproHeaderBar/AmeliproHeaderBrandSection/__tests__/AmeliproHeaderBrandSection.spec.ts +167 -0
  93. package/src/components/Amelipro/AmeliproHeader/AmeliproHeaderBar/AmeliproHeaderBrandSection/__tests__/__snapshots__/AmeliproHeaderBrandSection.spec.ts.snap +100 -0
  94. package/src/components/Amelipro/AmeliproHeader/AmeliproHeaderBar/__tests__/AmeliproHeaderBar.spec.ts +312 -0
  95. package/src/components/Amelipro/AmeliproHeader/AmeliproHeaderBar/__tests__/__snapshots__/AmeliproHeaderBar.spec.ts.snap +98 -0
  96. package/src/components/Amelipro/AmeliproHeader/__tests__/AmeliproHeader.spec.ts +361 -0
  97. package/src/components/Amelipro/AmeliproHeader/__tests__/__snapshots__/AmeliproHeader.spec.ts.snap +22 -0
  98. package/src/components/Amelipro/AmeliproMenu/__tests__/AmeliproMenu.spec.ts +168 -0
  99. package/src/components/Amelipro/AmeliproMenu/__tests__/__snapshots__/AmeliproMenu.spec.ts.snap +295 -0
  100. package/src/components/Amelipro/AmeliproMessagingLayout/AmeliproDropdownMenu/AmeliproDropdownMenuBtn/__tests__/AmeliproDropdownMenuBtn.spec.ts +128 -0
  101. package/src/components/Amelipro/AmeliproMessagingLayout/AmeliproDropdownMenu/AmeliproDropdownMenuBtn/__tests__/__snapshots__/AmeliproDropdownMenuBtn.spec.ts.snap +67 -0
  102. package/src/components/Amelipro/AmeliproMessagingLayout/AmeliproDropdownMenu/__tests__/AmeliproDropdownMenu.spec.ts +266 -0
  103. package/src/components/Amelipro/AmeliproMessagingLayout/AmeliproDropdownMenu/__tests__/__snapshots__/AmeliproDropdownMenu.spec.ts.snap +134 -0
  104. package/src/components/Amelipro/AmeliproMessagingLayout/AmeliproMessagingMenuBtn/__tests__/AmeliproMessagingMenuBtn.spec.ts +72 -0
  105. package/src/components/Amelipro/AmeliproMessagingLayout/AmeliproMessagingMenuBtn/__tests__/__snapshots__/AmeliproMessagingMenuBtn.spec.ts.snap +71 -0
  106. package/src/components/Amelipro/AmeliproPageLayout/tests/__snapshots__/AmeliproPageLayout.spec.ts.snap +12 -0
  107. package/src/components/Amelipro/AmeliproTable/AmeliproTable.stories.ts +81 -9
  108. package/src/components/Amelipro/AmeliproTable/AmeliproTable.vue +139 -61
  109. package/src/components/Amelipro/AmeliproTable/__tests__/AmeliproTable.spec.ts +10 -0
  110. package/src/components/Amelipro/AmeliproTable/__tests__/__snapshots__/AmeliproTable.spec.ts.snap +361 -187
  111. package/src/components/Amelipro/AmeliproTable/types.d.ts +11 -0
  112. package/src/components/Captcha/Captcha.mdx +72 -0
  113. package/src/components/Captcha/Captcha.stories.ts +276 -0
  114. package/src/components/Captcha/Captcha.vue +325 -0
  115. package/src/components/Captcha/CaptchaAlert.vue +60 -0
  116. package/src/components/Captcha/CaptchaBase.vue +219 -0
  117. package/src/components/Captcha/CaptchaBtn.vue +35 -0
  118. package/src/components/Captcha/CaptchaForm.vue +58 -0
  119. package/src/components/Captcha/CaptchaImg.vue +41 -0
  120. package/src/components/Captcha/CaptchaInformation.vue +64 -0
  121. package/src/components/Captcha/captchaApi.ts +111 -0
  122. package/src/components/Captcha/icons/volumeUp.vue +11 -0
  123. package/src/components/Captcha/locales.ts +35 -0
  124. package/src/components/Captcha/readme.md +5 -0
  125. package/src/components/Captcha/tests/Captcha.spec.ts +298 -0
  126. package/src/components/Captcha/tests/__snapshots__/Captcha.spec.ts.snap +716 -0
  127. package/src/components/Captcha/types.ts +2 -0
  128. package/src/components/Customs/Selects/SySelect/SySelect.vue +2 -2
  129. package/src/components/Customs/SyCheckbox/SyCheckbox.vue +4 -0
  130. package/src/components/Customs/SyForm/SyForm.stories.ts +133 -23
  131. package/src/components/Customs/SyForm/SyForm.vue +17 -1
  132. package/src/components/Customs/SyTextField/SyTextField.vue +29 -7
  133. package/src/components/DatePicker/CalendarMode/DatePicker.vue +32 -9
  134. package/src/components/DatePicker/ComplexDatePicker/ComplexDatePicker.vue +154 -18
  135. package/src/components/DatePicker/ComplexDatePicker/tests/ComplexDatePicker.spec.ts +2 -2
  136. package/src/components/DatePicker/DateTextInput/DateTextInput.vue +35 -4
  137. package/src/components/DatePicker/composables/tests/useDatePickerViewMode.spec.ts +107 -72
  138. package/src/components/DatePicker/composables/tests/useMonthButtonCustomization.spec.ts +6 -6
  139. package/src/components/DatePicker/composables/useDatePickerViewMode.ts +57 -7
  140. package/src/components/DatePicker/composables/useMonthButtonCustomization.ts +14 -14
  141. package/src/components/DatePicker/tests/navigation.regression.spec.ts +74 -0
  142. package/src/components/DatePicker/tests/navigation.simple.spec.ts +137 -0
  143. package/src/components/NirField/NirField.stories.ts +85 -2
  144. package/src/components/NirField/NirField.vue +55 -18
  145. package/src/components/NirField/locales.ts +1 -3
  146. package/src/components/PasswordField/PasswordField.vue +39 -7
  147. package/src/components/PhoneField/PhoneField.vue +43 -10
  148. package/src/components/RangeField/tests/RangeField.spec.ts +0 -3
  149. package/src/components/Tables/SyServerTable/SyServerTable.mdx +15 -0
  150. package/src/components/Tables/SyServerTable/SyServerTable.stories.ts +309 -0
  151. package/src/components/Tables/SyServerTable/SyServerTable.vue +18 -3
  152. package/src/components/Tables/SyServerTable/tests/SyServerTable.spec.ts +67 -0
  153. package/src/components/Tables/SyTable/SyTable.mdx +15 -0
  154. package/src/components/Tables/SyTable/SyTable.stories.ts +228 -0
  155. package/src/components/Tables/SyTable/SyTable.vue +18 -3
  156. package/src/components/Tables/SyTable/tests/SyTable.spec.ts +63 -0
  157. package/src/components/Tables/common/SyTablePagination.vue +10 -8
  158. package/src/components/Tables/common/types.ts +4 -0
  159. package/src/components/Tables/common/usePagination.ts +11 -20
  160. package/src/components/Tables/common/useTableCheckbox.ts +23 -11
  161. package/src/components/index.ts +1 -0
  162. package/src/composables/validation/AvecVosComposants.mdx.old +1 -1
  163. package/src/composables/validation/FormValidation.stories.ts.old +5 -5
  164. package/src/composables/validation/useFormValidation.ts +46 -8
  165. package/src/composables/validation/useValidatable.ts +19 -8
  166. package/src/stories/Accessibilite/Introduction.mdx +1 -1
  167. package/src/stories/Demarrer/EnrichirLeDesignSystem.mdx +43 -0
  168. package/src/stories/Demarrer/EnrichirLeDesignSystem.stories.ts +239 -0
  169. package/src/stories/Demarrer/SignalerUneAnomalie.mdx +39 -0
  170. package/src/stories/Demarrer/SignalerUneAnomalie.stories.ts +261 -0
  171. package/dist/main-DyEOPqqn.js +0 -33329
  172. package/src/components/Amelipro/AmeliproCheckbox/tests/AmeliproCheckbox.spec.ts +0 -19
  173. package/src/components/Amelipro/AmeliproCheckbox/tests/__snapshots__/AmeliproCheckbox.spec.ts.snap +0 -40
  174. package/src/components/Amelipro/AmeliproCheckboxGroup/tests/AmeliproCheckboxGroup.spec.ts +0 -46
  175. package/src/components/Amelipro/AmeliproChips/tests/AmeliproChips.spec.ts +0 -16
  176. package/src/components/Amelipro/AmeliproChips/tests/__snapshots__/AmeliproChips.spec.ts.snap +0 -97
  177. package/src/components/Amelipro/AmeliproDialog/tests/AmeliproDialog.spec.ts +0 -24
  178. package/src/components/Amelipro/AmeliproDialog/tests/__snapshots__/AmeliproDialog.spec.ts.snap +0 -134
  179. package/src/components/Amelipro/AmeliproDisclosure/tests/AmeliproDisclosure.spec.ts +0 -19
  180. package/src/components/Amelipro/AmeliproDisclosure/tests/__snapshots__/AmeliproDisclosure.spec.ts.snap +0 -104
  181. package/src/components/Amelipro/AmeliproFooter/tests/AmeliproFooter.spec.ts +0 -15
  182. package/src/components/Amelipro/AmeliproFooter/tests/__snapshots__/AmeliproFooter.spec.ts.snap +0 -432
  183. package/src/components/Amelipro/AmeliproHeader/AmeliproHeaderBar/AmeliproHeaderBrandSection/tests/AmeliproHeaderBrandSection.spec.ts +0 -15
  184. package/src/components/Amelipro/AmeliproHeader/AmeliproHeaderBar/AmeliproHeaderBrandSection/tests/__snapshots__/AmeliproHeaderBrandSection.spec.ts.snap +0 -131
  185. package/src/components/Amelipro/AmeliproHeader/AmeliproHeaderBar/tests/AmeliproHeaderBar.spec.ts +0 -15
  186. package/src/components/Amelipro/AmeliproHeader/AmeliproHeaderBar/tests/__snapshots__/AmeliproHeaderBar.spec.ts.snap +0 -172
  187. package/src/components/Amelipro/AmeliproHeader/tests/AmeliproHeader.spec.ts +0 -159
  188. package/src/components/Amelipro/AmeliproHeader/tests/__snapshots__/AmeliproHeader.spec.ts.snap +0 -841
  189. package/src/components/Amelipro/AmeliproMenu/tests/AmeliproMenu.spec.ts +0 -85
  190. package/src/components/Amelipro/AmeliproMenu/tests/__snapshots__/AmeliproMenu.spec.ts.snap +0 -537
  191. package/src/components/Amelipro/AmeliproMessagingLayout/AmeliproDropdownMenu/AmeliproDropdownMenuBtn/tests/AmeliproDropdownMenuBtn.spec.ts +0 -16
  192. package/src/components/Amelipro/AmeliproMessagingLayout/AmeliproDropdownMenu/AmeliproDropdownMenuBtn/tests/__snapshots__/AmeliproDropdownMenuBtn.spec.ts.snap +0 -56
  193. package/src/components/Amelipro/AmeliproMessagingLayout/AmeliproDropdownMenu/tests/AmeliproDropdownMenu.spec.ts +0 -28
  194. package/src/components/Amelipro/AmeliproMessagingLayout/AmeliproDropdownMenu/tests/__snapshots__/AmeliproDropdownMenu.spec.ts.snap +0 -300
  195. package/src/components/Amelipro/AmeliproMessagingLayout/AmeliproMessagingMenuBtn/tests/AmeliproMessagingMenuBtn.spec.ts +0 -16
  196. package/src/components/Amelipro/AmeliproMessagingLayout/AmeliproMessagingMenuBtn/tests/__snapshots__/AmeliproMessagingMenuBtn.spec.ts.snap +0 -89
  197. package/src/components/BackBtn/tests/__snapshots__/BackBtn.spec.ts.snap +0 -45
  198. package/src/components/RangeField/tests/__snapshots__/RangeField.spec.ts.snap +0 -1270
  199. package/src/stories/Demarrer/CreerUneIssue.mdx +0 -67
  200. package/src/stories/Demarrer/components.stories.ts +0 -25
@@ -1,85 +0,0 @@
1
- import { mount } from '@vue/test-utils'
2
- import { expect, describe, it } from 'vitest'
3
- import AmeliproMenu from '../AmeliproMenu.vue'
4
-
5
- describe('AmeliproMenu', () => {
6
- it('render correctly', async () => {
7
- const wrapper = mount(AmeliproMenu, {
8
- global: {
9
- stubs: {
10
- VNavigationDrawer: {
11
- template: '<div><slot></slot></div>',
12
- },
13
- },
14
- },
15
- props: {
16
- items: [
17
- { actif: false,
18
- children: [
19
- {
20
- actif: false,
21
- children: [
22
- {
23
- id: '111',
24
- name: 'SubSubMenu 1.1.1',
25
- to: '/test',
26
- },
27
- {
28
- id: '112',
29
- name: 'SubSubMenu 1.1.2',
30
- to: '/test2',
31
- },
32
- ],
33
- id: '11',
34
- name: 'SubMenu 1.1',
35
- },
36
- {
37
- actif: false,
38
- id: '12',
39
- name: 'SubMenu 1.2',
40
- to: '/test3',
41
- },
42
- ],
43
- id: '1',
44
- name: 'Menu 1',
45
- },
46
- {
47
- actif: false,
48
- children: [
49
- {
50
- id: '21',
51
- name: 'SubMenu 2.1',
52
- },
53
- {
54
- actif: false,
55
- children: [
56
- {
57
- children: [],
58
- id: '211',
59
- name: 'SubSubMenu 2.1.1',
60
- },
61
- {
62
- children: [],
63
- id: '212',
64
- name: 'SubSubMenu 2.1.2',
65
- },
66
- ],
67
- id: '22',
68
- name: 'SubMenu 2.2',
69
- },
70
- ],
71
- id: '2',
72
- name: 'Menu 2',
73
- },
74
- {
75
- id: '3',
76
- name: 'Menu 3',
77
- },
78
- ],
79
- uniqueId: 'amelipro-menu-id',
80
- },
81
- })
82
-
83
- expect(wrapper.html()).toMatchSnapshot()
84
- })
85
- })
@@ -1,537 +0,0 @@
1
- // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
-
3
- exports[`AmeliproMenu > render correctly 1`] = `
4
- <div
5
- class="
6
- amelipro-menu
7
- d-flex
8
- justify-center
9
- "
10
- id="amelipro-menu-id-container"
11
- >
12
- <button
13
- class="
14
- amelipro-menu__btn--open
15
- btn--icon
16
- elevation-0
17
- rounded-0
18
- v-btn
19
- v-btn--density-default
20
- v-btn--elevated
21
- v-btn--icon
22
- v-btn--size-default
23
- v-btn--variant-elevated
24
- v-theme--light
25
- "
26
- id="amelipro-menu-id-open-btn"
27
- plain=""
28
- style="
29
- height: auto;
30
- width: auto;
31
- "
32
- type="button"
33
- >
34
- <span class="v-btn__overlay"></span>
35
- <span class="v-btn__underlay"></span>
36
- <!---->
37
- <span
38
- class="v-btn__content"
39
- data-no-activator=""
40
- >
41
- <span
42
- class="d-sr-only"
43
- id="amelipro-menu-id-open-btn-btn-label"
44
- >
45
- Menu du service
46
- </span>
47
- <span
48
- class="
49
- amelipro-icon
50
- icon-custom
51
- "
52
- id="amelipro-menu-id-open-btn-icon"
53
- >
54
- <span
55
- aria-hidden="true"
56
- class="
57
- amelipro-custom-icon
58
- custom-color
59
- large
60
- "
61
- focusable="false"
62
- role="img"
63
- style="color: #FFFFFF;"
64
- >
65
- <span>
66
- <svg
67
- aria-hidden="true"
68
- style="enable-background:new 0 0 34 34;"
69
- viewBox="0 0 34 34"
70
- x="0px"
71
- xml:space="preserve"
72
- xmlns="http://www.w3.org/2000/svg"
73
- xmlns:xlink="http://www.w3.org/1999/xlink"
74
- y="0px"
75
- >
76
- <path
77
- class="circle-color"
78
- d="M32,34H2c-1.1,0-2-0.9-2-2V2c0-1.1,0.9-2,2-2h30c1.1,0,2,0.9,2,2v30C34,33.1,33.1,34,32,34z"
79
- />
80
- <g class="shape-color">
81
- <rect
82
- height="3.4"
83
- width="24.6"
84
- x="4.6"
85
- y="4.4"
86
- />
87
- <rect
88
- height="3.4"
89
- width="24.6"
90
- x="4.6"
91
- y="9.9"
92
- />
93
- <rect
94
- height="3.4"
95
- width="24.6"
96
- x="4.6"
97
- y="15.2"
98
- />
99
- <path d="M4.6,29.4v-6.3h1.9l1.2,4.3l1.2-4.3h2v6.3H9.6v-4.9l-1.3,4.9H7l-1.3-4.9v4.9H4.6z M12.1,29.4v-6.3h4.6v1h-3.4v1.5h3.1v1h-3.1v1.7h3.6v1H12.1z M17.9,29.4v-6.3h1.3l2.6,4.2v-4.2h1.3v6.3h-1.3l-2.5-4.1v4.1H17.9z M24.3,23.1h1.3v3.5c0,0.5,0,0.8,0,1c0.1,0.2,0.2,0.5,0.4,0.6c0.2,0.2,0.4,0.2,0.7,0.2c0.4,0,0.7-0.1,0.8-0.2c0.2-0.1,0.2-0.2,0.3-0.5c0-0.2,0-0.6,0-1v-3.6h1.3v3.4c0,0.7,0,1.3-0.1,1.6c-0.1,0.3-0.2,0.6-0.4,0.8c-0.2,0.2-0.4,0.3-0.7,0.5c-0.3,0.1-0.7,0.2-1.3,0.2c-0.6,0-1-0.1-1.4-0.2c-0.3-0.1-0.6-0.2-0.7-0.5c-0.2-0.2-0.2-0.4-0.3-0.7c0.1-0.3,0.1-0.9,0.1-1.7V23.1z" />
100
- </g>
101
- </svg>
102
- </span>
103
- </span>
104
- </span>
105
- </span>
106
- <!---->
107
- <!---->
108
- </button>
109
- <div
110
- aria-label="Menu du service"
111
- aria-modal="true"
112
- color="ap-blue-darken-2"
113
- hide-overlay=""
114
- id="amelipro-menu-id-drawer"
115
- model-value="false"
116
- role="dialog"
117
- temporary=""
118
- width="300"
119
- >
120
- <div
121
- class="
122
- align-center
123
- amelipro-menu__container
124
- d-flex
125
- justify-space-between
126
- "
127
- id="amelipro-menu-id-drawer-content"
128
- >
129
- <h2
130
- class="
131
- amelipro-menu__title
132
- mb-0
133
- pa-1
134
- text-ap-white
135
- text-uppercase
136
- "
137
- id="amelipro-menu-id-drawer-title"
138
- >
139
- Titre du service
140
- </h2>
141
- <button
142
- class="
143
- btn--icon
144
- elevation-0
145
- menu-btn-close
146
- rounded-0
147
- v-btn
148
- v-btn--density-default
149
- v-btn--elevated
150
- v-btn--icon
151
- v-btn--size-default
152
- v-btn--variant-elevated
153
- v-theme--light
154
- "
155
- id="amelipro-menu-id-close-menu-btn"
156
- plain=""
157
- style="
158
- height: auto;
159
- width: auto;
160
- "
161
- type="button"
162
- >
163
- <span class="v-btn__overlay"></span>
164
- <span class="v-btn__underlay"></span>
165
- <!---->
166
- <span
167
- class="v-btn__content"
168
- data-no-activator=""
169
- >
170
- <span
171
- class="d-sr-only"
172
- id="amelipro-menu-id-close-menu-btn-btn-label"
173
- >
174
- Fermer le menu
175
- </span>
176
- <span
177
- class="
178
- amelipro-icon
179
- icon-custom
180
- "
181
- id="amelipro-menu-id-close-menu-btn-icon"
182
- >
183
- <span
184
- class="amelipro-external-icon"
185
- style="
186
- background-color: transparent;
187
- border-radius: 50%;
188
- color: #FFFFFF;
189
- padding: 0px;
190
- "
191
- >
192
- <i
193
- aria-hidden="true"
194
- class="
195
- M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z
196
- mdi
197
- notranslate
198
- text-ap-white
199
- v-icon
200
- v-theme--light
201
- "
202
- style="
203
- font-size: 100%;
204
- height: 100%;
205
- width: 100%;
206
- display: block;
207
- "
208
- ></i>
209
- </span>
210
- </span>
211
- </span>
212
- <!---->
213
- <!---->
214
- </button>
215
- </div>
216
- <hr
217
- aria-orientation="horizontal"
218
- class="
219
- my-2
220
- text-ap-white
221
- v-divider
222
- v-theme--light
223
- "
224
- role="separator"
225
- style="
226
- border-top-width: 1px;
227
- opacity: 1 !important;
228
- "
229
- />
230
- <ul
231
- class="
232
- amelipro-menu__list
233
- list-style-none
234
- "
235
- id="amelipro-menu-id-list"
236
- >
237
- <li class="amelipro-menu__item">
238
- <div>
239
- <button
240
- aria-controls="amelipro-menu-id-niveau-2-0"
241
- aria-expanded="false"
242
- class="
243
- amelipro-btn
244
- amelipro-btn--style
245
- bg-ap-blue-darken-2
246
- d-flex
247
- elevation-0
248
- justify-space-between
249
- menu-btn
250
- rounded-0
251
- v-btn
252
- v-btn--density-default
253
- v-btn--flat
254
- v-btn--size-default
255
- v-btn--variant-flat
256
- v-theme--light
257
- w-100
258
- "
259
- id="menu-btn__1"
260
- style="
261
- height: auto;
262
- min-height: 2.5rem;
263
- color: #FFFFFF !important;
264
- "
265
- type="button"
266
- >
267
- <span class="v-btn__overlay"></span>
268
- <span class="v-btn__underlay"></span>
269
- <!---->
270
- <span
271
- class="v-btn__content"
272
- data-no-activator=""
273
- >
274
- <span class="
275
- align-center
276
- amelipro-custom-btn
277
- d-flex
278
- flex-row
279
- ">
280
- Menu 1
281
- <span
282
- class="
283
- amelipro-btn__icon--right
284
- amelipro-icon
285
- d-block
286
- "
287
- id="menu-btn__1-icon"
288
- >
289
- <span
290
- class="amelipro-external-icon"
291
- style="
292
- background-color: transparent;
293
- border-radius: 50%;
294
- color: #FFFFFF;
295
- padding: 0px;
296
- height: 1.5rem;
297
- width: 1.5rem;
298
- "
299
- >
300
- <i
301
- aria-hidden="true"
302
- class="
303
- M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z
304
- mdi
305
- notranslate
306
- text-ap-white
307
- v-icon
308
- v-theme--light
309
- "
310
- style="
311
- font-size: 100%;
312
- height: 100%;
313
- width: 100%;
314
- display: block;
315
- "
316
- ></i>
317
- </span>
318
- </span>
319
- <!-- v-if -->
320
- </span>
321
- </span>
322
- <!---->
323
- <!---->
324
- </button>
325
- <!-- v-if -->
326
- </div>
327
- </li>
328
- <li class="amelipro-menu__item">
329
- <div>
330
- <button
331
- aria-controls="amelipro-menu-id-niveau-2-1"
332
- aria-expanded="false"
333
- class="
334
- amelipro-btn
335
- amelipro-btn--style
336
- bg-ap-blue-darken-2
337
- d-flex
338
- elevation-0
339
- justify-space-between
340
- menu-btn
341
- rounded-0
342
- v-btn
343
- v-btn--density-default
344
- v-btn--flat
345
- v-btn--size-default
346
- v-btn--variant-flat
347
- v-theme--light
348
- w-100
349
- "
350
- id="menu-btn__2"
351
- style="
352
- height: auto;
353
- min-height: 2.5rem;
354
- color: #FFFFFF !important;
355
- "
356
- type="button"
357
- >
358
- <span class="v-btn__overlay"></span>
359
- <span class="v-btn__underlay"></span>
360
- <!---->
361
- <span
362
- class="v-btn__content"
363
- data-no-activator=""
364
- >
365
- <span class="
366
- align-center
367
- amelipro-custom-btn
368
- d-flex
369
- flex-row
370
- ">
371
- Menu 2
372
- <span
373
- class="
374
- amelipro-btn__icon--right
375
- amelipro-icon
376
- d-block
377
- "
378
- id="menu-btn__2-icon"
379
- >
380
- <span
381
- class="amelipro-external-icon"
382
- style="
383
- background-color: transparent;
384
- border-radius: 50%;
385
- color: #FFFFFF;
386
- padding: 0px;
387
- height: 1.5rem;
388
- width: 1.5rem;
389
- "
390
- >
391
- <i
392
- aria-hidden="true"
393
- class="
394
- M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z
395
- mdi
396
- notranslate
397
- text-ap-white
398
- v-icon
399
- v-theme--light
400
- "
401
- style="
402
- font-size: 100%;
403
- height: 100%;
404
- width: 100%;
405
- display: block;
406
- "
407
- ></i>
408
- </span>
409
- </span>
410
- <!-- v-if -->
411
- </span>
412
- </span>
413
- <!---->
414
- <!---->
415
- </button>
416
- <!-- v-if -->
417
- </div>
418
- </li>
419
- <li class="amelipro-menu__item">
420
- <div>
421
- <button
422
- class="
423
- amelipro-btn
424
- amelipro-btn--style
425
- bg-ap-blue-darken-2
426
- elevation-0
427
- menu-btn
428
- rounded-0
429
- v-btn
430
- v-btn--density-default
431
- v-btn--flat
432
- v-btn--size-default
433
- v-btn--variant-flat
434
- v-theme--light
435
- w-100
436
- "
437
- id="menu-btn__3"
438
- style="
439
- height: auto;
440
- min-height: 2.5rem;
441
- color: #FFFFFF !important;
442
- "
443
- type="button"
444
- >
445
- <span class="v-btn__overlay"></span>
446
- <span class="v-btn__underlay"></span>
447
- <!---->
448
- <span
449
- class="v-btn__content"
450
- data-no-activator=""
451
- >
452
- <span class="
453
- align-center
454
- amelipro-custom-btn
455
- d-flex
456
- flex-row
457
- ">
458
- Menu 3
459
- <!-- v-if -->
460
- <!-- v-if -->
461
- </span>
462
- </span>
463
- <!---->
464
- <!---->
465
- </button>
466
- </div>
467
- </li>
468
- </ul>
469
- <hr
470
- aria-orientation="horizontal"
471
- class="
472
- my-2
473
- text-ap-white
474
- v-divider
475
- v-theme--light
476
- "
477
- role="separator"
478
- style="
479
- border-top-width: 1px;
480
- opacity: 1 !important;
481
- "
482
- />
483
- <div>
484
- <button
485
- class="
486
- amelipro-btn
487
- amelipro-btn--style
488
- bg-ap-blue-darken-2
489
- elevation-0
490
- home-menu-btn
491
- pa-0
492
- rounded-0
493
- v-btn
494
- v-btn--density-default
495
- v-btn--flat
496
- v-btn--size-default
497
- v-btn--variant-flat
498
- v-theme--light
499
- w-100
500
- "
501
- id="amelipro-menu-id-return-home-menu-btn"
502
- style="
503
- height: auto;
504
- min-height: 2.5rem;
505
- color: #FFFFFF !important;
506
- "
507
- type="button"
508
- >
509
- <span class="v-btn__overlay"></span>
510
- <span class="v-btn__underlay"></span>
511
- <!---->
512
- <span
513
- class="v-btn__content"
514
- data-no-activator=""
515
- >
516
- <span class="
517
- align-center
518
- amelipro-custom-btn
519
- d-flex
520
- flex-row
521
- ">
522
- <img
523
- alt="Accueil Amelipro"
524
- class="home-menu-btn__img"
525
- src="/src/assets/amelipro/img/logo-menu.svg"
526
- />
527
- <!-- v-if -->
528
- <!-- v-if -->
529
- </span>
530
- </span>
531
- <!---->
532
- <!---->
533
- </button>
534
- </div>
535
- </div>
536
- </div>
537
- `;
@@ -1,16 +0,0 @@
1
- import { mount } from '@vue/test-utils'
2
- import { expect, describe, it } from 'vitest'
3
- import AmeliproDropdownMenuBtn from '../AmeliproDropdownMenuBtn.vue'
4
-
5
- describe('AmeliproDropdownMenuBtn', () => {
6
- it('render correctly', async () => {
7
- const wrapper = mount(AmeliproDropdownMenuBtn, {
8
- props: {
9
- label: 'label du bouton',
10
- uniqueId: 'my-btn-id',
11
- },
12
- })
13
-
14
- expect(wrapper.html()).toMatchSnapshot()
15
- })
16
- })
@@ -1,56 +0,0 @@
1
- // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
-
3
- exports[`AmeliproDropdownMenuBtn > render correctly 1`] = `
4
- <button
5
- class="
6
- amelipro-btn
7
- amelipro-btn--style
8
- bg-ap-white
9
- dropdown-menu__btn
10
- dropdown-menu__btn
11
- elevation-0
12
- text-left
13
- text-left
14
- text-none
15
- text-none
16
- v-btn
17
- v-btn--density-default
18
- v-btn--flat
19
- v-btn--size-default
20
- v-btn--variant-flat
21
- v-theme--light
22
- w-100
23
- w-100
24
- "
25
- id="my-btn-id"
26
- role="menuitem"
27
- style="
28
- height: auto;
29
- min-height: 2.5rem;
30
- color: #1A1B1B !important;
31
- "
32
- tabindex="-1"
33
- type="button"
34
- >
35
- <span class="v-btn__overlay"></span>
36
- <span class="v-btn__underlay"></span>
37
- <!---->
38
- <span
39
- class="v-btn__content"
40
- data-no-activator=""
41
- >
42
- <span class="
43
- align-center
44
- amelipro-custom-btn
45
- d-flex
46
- flex-row
47
- ">
48
- label du bouton
49
- <!-- v-if -->
50
- <!-- v-if -->
51
- </span>
52
- </span>
53
- <!---->
54
- <!---->
55
- </button>
56
- `;