@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
package/src/components/RangeField/tests/__snapshots__/RangeField.spec.ts.snap DELETED
@@ -1,1270 +0,0 @@
1
- // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
-
3
- exports[`RangeField > render correctly when the modelValue is not defined 1`] = `
4
- <div class="sy-range-field">
5
- <!-- v-if -->
6
- <div class="
7
- mb-2
8
- mt-10
9
- mx-3
10
- ">
11
- <div class="
12
- mb-2
13
- mt-8
14
- wrapper
15
- ">
16
- <div class="track">
17
- <div
18
- aria-label="Minimum"
19
- aria-orientation="horizontal"
20
- aria-valuemax="100"
21
- aria-valuemin="0"
22
- aria-valuenow="0"
23
- class="thumb-min"
24
- role="slider"
25
- style="left: 0%;"
26
- tabindex="0"
27
- title="Minimum"
28
- >
29
- <div
30
- aria-hidden="true"
31
- class="thumb-outline"
32
- ></div>
33
- <div class="tooltip-wrapper">
34
- <div
35
- class="tooltip"
36
- style="
37
- transform: translateX(calc(-50% + 0px));
38
- transition: transform 0.1s;
39
- "
40
- >
41
- 0
42
- </div>
43
- </div>
44
- <span class="inner-thumb"></span>
45
- </div>
46
- <div
47
- aria-label="Maximum"
48
- aria-orientation="horizontal"
49
- aria-valuemax="100"
50
- aria-valuemin="0"
51
- aria-valuenow="100"
52
- class="thumb-max"
53
- role="slider"
54
- style="left: 100%;"
55
- tabindex="0"
56
- title="Maximum"
57
- >
58
- <div
59
- aria-hidden="true"
60
- class="thumb-outline"
61
- ></div>
62
- <div class="tooltip-wrapper">
63
- <div
64
- class="tooltip"
65
- style="
66
- transform: translateX(calc(-50% + 0px));
67
- transition: transform 0.1s;
68
- "
69
- >
70
- 100
71
- </div>
72
- </div>
73
- <span class="inner-thumb"></span>
74
- </div>
75
- <div
76
- aria-hidden="true"
77
- class="
78
- fake-thumb
79
- thumb-min
80
- "
81
- style="left: 0%;"
82
- >
83
- <div class="tooltip-wrapper">
84
- <div
85
- class="tooltip"
86
- style="transform: translateX(calc(-50% + 0px));"
87
- >
88
- 0
89
- </div>
90
- </div>
91
- </div>
92
- <div
93
- aria-hidden="true"
94
- class="
95
- fake-thumb
96
- thumb-max
97
- "
98
- style="left: 100%;"
99
- >
100
- <div class="tooltip-wrapper">
101
- <div
102
- class="tooltip"
103
- style="transform: translateX(calc(-50% + 0px));"
104
- >
105
- 100
106
- </div>
107
- </div>
108
- </div>
109
- <div
110
- class="filled-track"
111
- style="
112
- left: 0%;
113
- width: 100%;
114
- "
115
- ></div>
116
- </div>
117
- </div>
118
- </div>
119
- <div class="
120
- d-flex
121
- flex-wrap
122
- max-width-none
123
- ">
124
- <div class="
125
- basic-field
126
- ma-3
127
- v-input
128
- v-input--center-affix
129
- v-input--density-default
130
- v-input--dirty
131
- v-input--horizontal
132
- v-locale--is-ltr
133
- v-text-field
134
- v-theme--light
135
- ">
136
- <!---->
137
- <div class="v-input__control">
138
- <div class="
139
- bg-white
140
- v-field
141
- v-field--active
142
- v-field--appended
143
- v-field--center-affix
144
- v-field--dirty
145
- v-field--has-background
146
- v-field--prepended
147
- v-field--variant-outlined
148
- v-locale--is-ltr
149
- v-theme--light
150
- ">
151
- <div class="v-field__overlay"></div>
152
- <div class="v-field__loader">
153
- <div
154
- aria-hidden="true"
155
- aria-valuemax="100"
156
- aria-valuemin="0"
157
- class="
158
- v-locale--is-ltr
159
- v-progress-linear
160
- v-theme--light
161
- "
162
- role="progressbar"
163
- style="
164
- top: 0px;
165
- height: 0px;
166
- --v-progress-linear-height: 2px;
167
- "
168
- >
169
- <!---->
170
- <div
171
- class="
172
- bg-primary
173
- v-progress-linear__background
174
- "
175
- style="opacity: NaN;"
176
- ></div>
177
- <div
178
- class="
179
- bg-primary
180
- v-progress-linear__buffer
181
- "
182
- style="
183
- opacity: NaN;
184
- width: 0%;
185
- "
186
- ></div>
187
- <transition-stub
188
- appear="false"
189
- css="true"
190
- name="fade-transition"
191
- persisted="false"
192
- >
193
- <div class="v-progress-linear__indeterminate">
194
- <div class="
195
- bg-primary
196
- long
197
- v-progress-linear__indeterminate
198
- "></div>
199
- <div class="
200
- bg-primary
201
- short
202
- v-progress-linear__indeterminate
203
- "></div>
204
- </div>
205
- </transition-stub>
206
- <!---->
207
- </div>
208
- </div>
209
- <div class="v-field__prepend-inner">
210
- <!---->
211
- <!-- v-if -->
212
- <!-- v-if -->
213
- </div>
214
- <div
215
- class="v-field__field"
216
- data-no-activator=""
217
- >
218
- <!---->
219
- <label
220
- class="
221
- v-field-label
222
- v-label
223
- "
224
- for="input-v-1"
225
- >
226
- <!---->
227
- Valeur min
228
- </label>
229
- <!---->
230
- <input
231
- aria-label="Valeur min"
232
- autocomplete="off"
233
- class="v-field__input"
234
- id="input-v-1"
235
- inputmode="numeric"
236
- size="1"
237
- title="Valeur min"
238
- type="text"
239
- value="0"
240
- />
241
- <!---->
242
- </div>
243
- <!---->
244
- <div class="v-field__append-inner">
245
- <!-- v-if -->
246
- <!-- v-if -->
247
- <!---->
248
- </div>
249
- <div class="v-field__outline">
250
- <div class="v-field__outline__start"></div>
251
- <div class="v-field__outline__notch">
252
- <label
253
- aria-hidden="false"
254
- class="
255
- v-field-label
256
- v-field-label--floating
257
- v-label
258
- "
259
- for="input-v-1"
260
- >
261
- <!---->
262
- Valeur min
263
- </label>
264
- </div>
265
- <div class="v-field__outline__end"></div>
266
- <!---->
267
- </div>
268
- </div>
269
- </div>
270
- <!---->
271
- <!---->
272
- </div>
273
- <div class="
274
- basic-field
275
- ma-3
276
- v-input
277
- v-input--center-affix
278
- v-input--density-default
279
- v-input--dirty
280
- v-input--horizontal
281
- v-locale--is-ltr
282
- v-text-field
283
- v-theme--light
284
- ">
285
- <!---->
286
- <div class="v-input__control">
287
- <div class="
288
- bg-white
289
- v-field
290
- v-field--active
291
- v-field--appended
292
- v-field--center-affix
293
- v-field--dirty
294
- v-field--has-background
295
- v-field--prepended
296
- v-field--variant-outlined
297
- v-locale--is-ltr
298
- v-theme--light
299
- ">
300
- <div class="v-field__overlay"></div>
301
- <div class="v-field__loader">
302
- <div
303
- aria-hidden="true"
304
- aria-valuemax="100"
305
- aria-valuemin="0"
306
- class="
307
- v-locale--is-ltr
308
- v-progress-linear
309
- v-theme--light
310
- "
311
- role="progressbar"
312
- style="
313
- top: 0px;
314
- height: 0px;
315
- --v-progress-linear-height: 2px;
316
- "
317
- >
318
- <!---->
319
- <div
320
- class="
321
- bg-primary
322
- v-progress-linear__background
323
- "
324
- style="opacity: NaN;"
325
- ></div>
326
- <div
327
- class="
328
- bg-primary
329
- v-progress-linear__buffer
330
- "
331
- style="
332
- opacity: NaN;
333
- width: 0%;
334
- "
335
- ></div>
336
- <transition-stub
337
- appear="false"
338
- css="true"
339
- name="fade-transition"
340
- persisted="false"
341
- >
342
- <div class="v-progress-linear__indeterminate">
343
- <div class="
344
- bg-primary
345
- long
346
- v-progress-linear__indeterminate
347
- "></div>
348
- <div class="
349
- bg-primary
350
- short
351
- v-progress-linear__indeterminate
352
- "></div>
353
- </div>
354
- </transition-stub>
355
- <!---->
356
- </div>
357
- </div>
358
- <div class="v-field__prepend-inner">
359
- <!---->
360
- <!-- v-if -->
361
- <!-- v-if -->
362
- </div>
363
- <div
364
- class="v-field__field"
365
- data-no-activator=""
366
- >
367
- <!---->
368
- <label
369
- class="
370
- v-field-label
371
- v-label
372
- "
373
- for="input-v-4"
374
- >
375
- <!---->
376
- Valeur max
377
- </label>
378
- <!---->
379
- <input
380
- aria-label="Valeur max"
381
- autocomplete="off"
382
- class="v-field__input"
383
- id="input-v-4"
384
- inputmode="numeric"
385
- size="1"
386
- title="Valeur max"
387
- type="text"
388
- value="100"
389
- />
390
- <!---->
391
- </div>
392
- <!---->
393
- <div class="v-field__append-inner">
394
- <!-- v-if -->
395
- <!-- v-if -->
396
- <!---->
397
- </div>
398
- <div class="v-field__outline">
399
- <div class="v-field__outline__start"></div>
400
- <div class="v-field__outline__notch">
401
- <label
402
- aria-hidden="false"
403
- class="
404
- v-field-label
405
- v-field-label--floating
406
- v-label
407
- "
408
- for="input-v-4"
409
- >
410
- <!---->
411
- Valeur max
412
- </label>
413
- </div>
414
- <div class="v-field__outline__end"></div>
415
- <!---->
416
- </div>
417
- </div>
418
- </div>
419
- <!---->
420
- <!---->
421
- </div>
422
- </div>
423
- </div>
424
- `;
425
-
426
- exports[`RangeField > renders correctly 1`] = `
427
- <div class="sy-range-field">
428
- <!-- v-if -->
429
- <div class="
430
- mb-2
431
- mt-10
432
- mx-3
433
- ">
434
- <div class="
435
- mb-2
436
- mt-8
437
- wrapper
438
- ">
439
- <div class="track">
440
- <div
441
- aria-label="Minimum"
442
- aria-orientation="horizontal"
443
- aria-valuemax="80"
444
- aria-valuemin="0"
445
- aria-valuenow="50"
446
- class="thumb-min"
447
- role="slider"
448
- style="left: 50%;"
449
- tabindex="0"
450
- title="Minimum"
451
- >
452
- <div
453
- aria-hidden="true"
454
- class="thumb-outline"
455
- ></div>
456
- <div class="tooltip-wrapper">
457
- <div
458
- class="tooltip"
459
- style="
460
- transform: translateX(calc(-50% + 0px));
461
- transition: transform 0.1s;
462
- "
463
- >
464
- 50
465
- </div>
466
- </div>
467
- <span class="inner-thumb"></span>
468
- </div>
469
- <div
470
- aria-label="Maximum"
471
- aria-orientation="horizontal"
472
- aria-valuemax="100"
473
- aria-valuemin="50"
474
- aria-valuenow="80"
475
- class="thumb-max"
476
- role="slider"
477
- style="left: 80%;"
478
- tabindex="0"
479
- title="Maximum"
480
- >
481
- <div
482
- aria-hidden="true"
483
- class="thumb-outline"
484
- ></div>
485
- <div class="tooltip-wrapper">
486
- <div
487
- class="tooltip"
488
- style="
489
- transform: translateX(calc(-50% + 0px));
490
- transition: transform 0.1s;
491
- "
492
- >
493
- 80
494
- </div>
495
- </div>
496
- <span class="inner-thumb"></span>
497
- </div>
498
- <div
499
- aria-hidden="true"
500
- class="
501
- fake-thumb
502
- thumb-min
503
- "
504
- style="left: 50%;"
505
- >
506
- <div class="tooltip-wrapper">
507
- <div
508
- class="tooltip"
509
- style="transform: translateX(calc(-50% + 0px));"
510
- >
511
- 50
512
- </div>
513
- </div>
514
- </div>
515
- <div
516
- aria-hidden="true"
517
- class="
518
- fake-thumb
519
- thumb-max
520
- "
521
- style="left: 80%;"
522
- >
523
- <div class="tooltip-wrapper">
524
- <div
525
- class="tooltip"
526
- style="transform: translateX(calc(-50% + 0px));"
527
- >
528
- 80
529
- </div>
530
- </div>
531
- </div>
532
- <div
533
- class="filled-track"
534
- style="
535
- left: 50%;
536
- width: 30%;
537
- "
538
- ></div>
539
- </div>
540
- </div>
541
- </div>
542
- <div class="
543
- d-flex
544
- flex-wrap
545
- max-width-none
546
- ">
547
- <div class="
548
- basic-field
549
- ma-3
550
- v-input
551
- v-input--center-affix
552
- v-input--density-default
553
- v-input--dirty
554
- v-input--horizontal
555
- v-locale--is-ltr
556
- v-text-field
557
- v-theme--light
558
- ">
559
- <!---->
560
- <div class="v-input__control">
561
- <div class="
562
- bg-white
563
- v-field
564
- v-field--active
565
- v-field--appended
566
- v-field--center-affix
567
- v-field--dirty
568
- v-field--has-background
569
- v-field--prepended
570
- v-field--variant-outlined
571
- v-locale--is-ltr
572
- v-theme--light
573
- ">
574
- <div class="v-field__overlay"></div>
575
- <div class="v-field__loader">
576
- <div
577
- aria-hidden="true"
578
- aria-valuemax="100"
579
- aria-valuemin="0"
580
- class="
581
- v-locale--is-ltr
582
- v-progress-linear
583
- v-theme--light
584
- "
585
- role="progressbar"
586
- style="
587
- top: 0px;
588
- height: 0px;
589
- --v-progress-linear-height: 2px;
590
- "
591
- >
592
- <!---->
593
- <div
594
- class="
595
- bg-primary
596
- v-progress-linear__background
597
- "
598
- style="opacity: NaN;"
599
- ></div>
600
- <div
601
- class="
602
- bg-primary
603
- v-progress-linear__buffer
604
- "
605
- style="
606
- opacity: NaN;
607
- width: 0%;
608
- "
609
- ></div>
610
- <transition-stub
611
- appear="false"
612
- css="true"
613
- name="fade-transition"
614
- persisted="false"
615
- >
616
- <div class="v-progress-linear__indeterminate">
617
- <div class="
618
- bg-primary
619
- long
620
- v-progress-linear__indeterminate
621
- "></div>
622
- <div class="
623
- bg-primary
624
- short
625
- v-progress-linear__indeterminate
626
- "></div>
627
- </div>
628
- </transition-stub>
629
- <!---->
630
- </div>
631
- </div>
632
- <div class="v-field__prepend-inner">
633
- <!---->
634
- <!-- v-if -->
635
- <!-- v-if -->
636
- </div>
637
- <div
638
- class="v-field__field"
639
- data-no-activator=""
640
- >
641
- <!---->
642
- <label
643
- class="
644
- v-field-label
645
- v-label
646
- "
647
- for="input-v-1"
648
- >
649
- <!---->
650
- Valeur min
651
- </label>
652
- <!---->
653
- <input
654
- aria-label="Valeur min"
655
- autocomplete="off"
656
- class="v-field__input"
657
- id="input-v-1"
658
- inputmode="numeric"
659
- size="1"
660
- title="Valeur min"
661
- type="text"
662
- value="50"
663
- />
664
- <!---->
665
- </div>
666
- <!---->
667
- <div class="v-field__append-inner">
668
- <!-- v-if -->
669
- <!-- v-if -->
670
- <!---->
671
- </div>
672
- <div class="v-field__outline">
673
- <div class="v-field__outline__start"></div>
674
- <div class="v-field__outline__notch">
675
- <label
676
- aria-hidden="false"
677
- class="
678
- v-field-label
679
- v-field-label--floating
680
- v-label
681
- "
682
- for="input-v-1"
683
- >
684
- <!---->
685
- Valeur min
686
- </label>
687
- </div>
688
- <div class="v-field__outline__end"></div>
689
- <!---->
690
- </div>
691
- </div>
692
- </div>
693
- <!---->
694
- <!---->
695
- </div>
696
- <div class="
697
- basic-field
698
- ma-3
699
- v-input
700
- v-input--center-affix
701
- v-input--density-default
702
- v-input--dirty
703
- v-input--horizontal
704
- v-locale--is-ltr
705
- v-text-field
706
- v-theme--light
707
- ">
708
- <!---->
709
- <div class="v-input__control">
710
- <div class="
711
- bg-white
712
- v-field
713
- v-field--active
714
- v-field--appended
715
- v-field--center-affix
716
- v-field--dirty
717
- v-field--has-background
718
- v-field--prepended
719
- v-field--variant-outlined
720
- v-locale--is-ltr
721
- v-theme--light
722
- ">
723
- <div class="v-field__overlay"></div>
724
- <div class="v-field__loader">
725
- <div
726
- aria-hidden="true"
727
- aria-valuemax="100"
728
- aria-valuemin="0"
729
- class="
730
- v-locale--is-ltr
731
- v-progress-linear
732
- v-theme--light
733
- "
734
- role="progressbar"
735
- style="
736
- top: 0px;
737
- height: 0px;
738
- --v-progress-linear-height: 2px;
739
- "
740
- >
741
- <!---->
742
- <div
743
- class="
744
- bg-primary
745
- v-progress-linear__background
746
- "
747
- style="opacity: NaN;"
748
- ></div>
749
- <div
750
- class="
751
- bg-primary
752
- v-progress-linear__buffer
753
- "
754
- style="
755
- opacity: NaN;
756
- width: 0%;
757
- "
758
- ></div>
759
- <transition-stub
760
- appear="false"
761
- css="true"
762
- name="fade-transition"
763
- persisted="false"
764
- >
765
- <div class="v-progress-linear__indeterminate">
766
- <div class="
767
- bg-primary
768
- long
769
- v-progress-linear__indeterminate
770
- "></div>
771
- <div class="
772
- bg-primary
773
- short
774
- v-progress-linear__indeterminate
775
- "></div>
776
- </div>
777
- </transition-stub>
778
- <!---->
779
- </div>
780
- </div>
781
- <div class="v-field__prepend-inner">
782
- <!---->
783
- <!-- v-if -->
784
- <!-- v-if -->
785
- </div>
786
- <div
787
- class="v-field__field"
788
- data-no-activator=""
789
- >
790
- <!---->
791
- <label
792
- class="
793
- v-field-label
794
- v-label
795
- "
796
- for="input-v-4"
797
- >
798
- <!---->
799
- Valeur max
800
- </label>
801
- <!---->
802
- <input
803
- aria-label="Valeur max"
804
- autocomplete="off"
805
- class="v-field__input"
806
- id="input-v-4"
807
- inputmode="numeric"
808
- size="1"
809
- title="Valeur max"
810
- type="text"
811
- value="80"
812
- />
813
- <!---->
814
- </div>
815
- <!---->
816
- <div class="v-field__append-inner">
817
- <!-- v-if -->
818
- <!-- v-if -->
819
- <!---->
820
- </div>
821
- <div class="v-field__outline">
822
- <div class="v-field__outline__start"></div>
823
- <div class="v-field__outline__notch">
824
- <label
825
- aria-hidden="false"
826
- class="
827
- v-field-label
828
- v-field-label--floating
829
- v-label
830
- "
831
- for="input-v-4"
832
- >
833
- <!---->
834
- Valeur max
835
- </label>
836
- </div>
837
- <div class="v-field__outline__end"></div>
838
- <!---->
839
- </div>
840
- </div>
841
- </div>
842
- <!---->
843
- <!---->
844
- </div>
845
- </div>
846
- </div>
847
- `;
848
-
849
- exports[`RangeField > renders correctly with value NaN 1`] = `
850
- <div class="sy-range-field">
851
- <!-- v-if -->
852
- <div class="
853
- mb-2
854
- mt-10
855
- mx-3
856
- ">
857
- <div class="
858
- mb-2
859
- mt-8
860
- wrapper
861
- ">
862
- <div class="track">
863
- <div
864
- aria-label="Minimum"
865
- aria-orientation="horizontal"
866
- aria-valuemax="0"
867
- aria-valuemin="0"
868
- aria-valuenow="0"
869
- class="thumb-min"
870
- role="slider"
871
- style="left: 0%;"
872
- tabindex="0"
873
- title="Minimum"
874
- >
875
- <div
876
- aria-hidden="true"
877
- class="thumb-outline"
878
- ></div>
879
- <div class="tooltip-wrapper">
880
- <div
881
- class="tooltip"
882
- style="
883
- transform: translateX(calc(-50% + 0px));
884
- transition: transform 0.1s;
885
- "
886
- >
887
- 0
888
- </div>
889
- </div>
890
- <span class="inner-thumb"></span>
891
- </div>
892
- <div
893
- aria-label="Maximum"
894
- aria-orientation="horizontal"
895
- aria-valuemax="100"
896
- aria-valuemin="0"
897
- aria-valuenow="0"
898
- class="thumb-max"
899
- role="slider"
900
- style="left: 0%;"
901
- tabindex="0"
902
- title="Maximum"
903
- >
904
- <div
905
- aria-hidden="true"
906
- class="thumb-outline"
907
- ></div>
908
- <div class="tooltip-wrapper">
909
- <div
910
- class="tooltip"
911
- style="
912
- transform: translateX(calc(-50% + 0px));
913
- transition: transform 0.1s;
914
- "
915
- >
916
- 0
917
- </div>
918
- </div>
919
- <span class="inner-thumb"></span>
920
- </div>
921
- <div
922
- aria-hidden="true"
923
- class="
924
- fake-thumb
925
- thumb-min
926
- "
927
- style="left: 0%;"
928
- >
929
- <div class="tooltip-wrapper">
930
- <div
931
- class="tooltip"
932
- style="transform: translateX(calc(-50% + 0px));"
933
- >
934
- 0
935
- </div>
936
- </div>
937
- </div>
938
- <div
939
- aria-hidden="true"
940
- class="
941
- fake-thumb
942
- thumb-max
943
- "
944
- style="left: 0%;"
945
- >
946
- <div class="tooltip-wrapper">
947
- <div
948
- class="tooltip"
949
- style="transform: translateX(calc(-50% + 0px));"
950
- >
951
- 0
952
- </div>
953
- </div>
954
- </div>
955
- <div
956
- class="filled-track"
957
- style="
958
- left: 0%;
959
- width: 0%;
960
- "
961
- ></div>
962
- </div>
963
- </div>
964
- </div>
965
- <div class="
966
- d-flex
967
- flex-wrap
968
- max-width-none
969
- ">
970
- <div class="
971
- basic-field
972
- ma-3
973
- v-input
974
- v-input--center-affix
975
- v-input--density-default
976
- v-input--dirty
977
- v-input--horizontal
978
- v-locale--is-ltr
979
- v-text-field
980
- v-theme--light
981
- ">
982
- <!---->
983
- <div class="v-input__control">
984
- <div class="
985
- bg-white
986
- v-field
987
- v-field--active
988
- v-field--appended
989
- v-field--center-affix
990
- v-field--dirty
991
- v-field--has-background
992
- v-field--prepended
993
- v-field--variant-outlined
994
- v-locale--is-ltr
995
- v-theme--light
996
- ">
997
- <div class="v-field__overlay"></div>
998
- <div class="v-field__loader">
999
- <div
1000
- aria-hidden="true"
1001
- aria-valuemax="100"
1002
- aria-valuemin="0"
1003
- class="
1004
- v-locale--is-ltr
1005
- v-progress-linear
1006
- v-theme--light
1007
- "
1008
- role="progressbar"
1009
- style="
1010
- top: 0px;
1011
- height: 0px;
1012
- --v-progress-linear-height: 2px;
1013
- "
1014
- >
1015
- <!---->
1016
- <div
1017
- class="
1018
- bg-primary
1019
- v-progress-linear__background
1020
- "
1021
- style="opacity: NaN;"
1022
- ></div>
1023
- <div
1024
- class="
1025
- bg-primary
1026
- v-progress-linear__buffer
1027
- "
1028
- style="
1029
- opacity: NaN;
1030
- width: 0%;
1031
- "
1032
- ></div>
1033
- <transition-stub
1034
- appear="false"
1035
- css="true"
1036
- name="fade-transition"
1037
- persisted="false"
1038
- >
1039
- <div class="v-progress-linear__indeterminate">
1040
- <div class="
1041
- bg-primary
1042
- long
1043
- v-progress-linear__indeterminate
1044
- "></div>
1045
- <div class="
1046
- bg-primary
1047
- short
1048
- v-progress-linear__indeterminate
1049
- "></div>
1050
- </div>
1051
- </transition-stub>
1052
- <!---->
1053
- </div>
1054
- </div>
1055
- <div class="v-field__prepend-inner">
1056
- <!---->
1057
- <!-- v-if -->
1058
- <!-- v-if -->
1059
- </div>
1060
- <div
1061
- class="v-field__field"
1062
- data-no-activator=""
1063
- >
1064
- <!---->
1065
- <label
1066
- class="
1067
- v-field-label
1068
- v-label
1069
- "
1070
- for="input-v-1"
1071
- >
1072
- <!---->
1073
- Valeur min
1074
- </label>
1075
- <!---->
1076
- <input
1077
- aria-label="Valeur min"
1078
- autocomplete="off"
1079
- class="v-field__input"
1080
- id="input-v-1"
1081
- inputmode="numeric"
1082
- size="1"
1083
- title="Valeur min"
1084
- type="text"
1085
- value="0"
1086
- />
1087
- <!---->
1088
- </div>
1089
- <!---->
1090
- <div class="v-field__append-inner">
1091
- <!-- v-if -->
1092
- <!-- v-if -->
1093
- <!---->
1094
- </div>
1095
- <div class="v-field__outline">
1096
- <div class="v-field__outline__start"></div>
1097
- <div class="v-field__outline__notch">
1098
- <label
1099
- aria-hidden="false"
1100
- class="
1101
- v-field-label
1102
- v-field-label--floating
1103
- v-label
1104
- "
1105
- for="input-v-1"
1106
- >
1107
- <!---->
1108
- Valeur min
1109
- </label>
1110
- </div>
1111
- <div class="v-field__outline__end"></div>
1112
- <!---->
1113
- </div>
1114
- </div>
1115
- </div>
1116
- <!---->
1117
- <!---->
1118
- </div>
1119
- <div class="
1120
- basic-field
1121
- ma-3
1122
- v-input
1123
- v-input--center-affix
1124
- v-input--density-default
1125
- v-input--dirty
1126
- v-input--horizontal
1127
- v-locale--is-ltr
1128
- v-text-field
1129
- v-theme--light
1130
- ">
1131
- <!---->
1132
- <div class="v-input__control">
1133
- <div class="
1134
- bg-white
1135
- v-field
1136
- v-field--active
1137
- v-field--appended
1138
- v-field--center-affix
1139
- v-field--dirty
1140
- v-field--has-background
1141
- v-field--prepended
1142
- v-field--variant-outlined
1143
- v-locale--is-ltr
1144
- v-theme--light
1145
- ">
1146
- <div class="v-field__overlay"></div>
1147
- <div class="v-field__loader">
1148
- <div
1149
- aria-hidden="true"
1150
- aria-valuemax="100"
1151
- aria-valuemin="0"
1152
- class="
1153
- v-locale--is-ltr
1154
- v-progress-linear
1155
- v-theme--light
1156
- "
1157
- role="progressbar"
1158
- style="
1159
- top: 0px;
1160
- height: 0px;
1161
- --v-progress-linear-height: 2px;
1162
- "
1163
- >
1164
- <!---->
1165
- <div
1166
- class="
1167
- bg-primary
1168
- v-progress-linear__background
1169
- "
1170
- style="opacity: NaN;"
1171
- ></div>
1172
- <div
1173
- class="
1174
- bg-primary
1175
- v-progress-linear__buffer
1176
- "
1177
- style="
1178
- opacity: NaN;
1179
- width: 0%;
1180
- "
1181
- ></div>
1182
- <transition-stub
1183
- appear="false"
1184
- css="true"
1185
- name="fade-transition"
1186
- persisted="false"
1187
- >
1188
- <div class="v-progress-linear__indeterminate">
1189
- <div class="
1190
- bg-primary
1191
- long
1192
- v-progress-linear__indeterminate
1193
- "></div>
1194
- <div class="
1195
- bg-primary
1196
- short
1197
- v-progress-linear__indeterminate
1198
- "></div>
1199
- </div>
1200
- </transition-stub>
1201
- <!---->
1202
- </div>
1203
- </div>
1204
- <div class="v-field__prepend-inner">
1205
- <!---->
1206
- <!-- v-if -->
1207
- <!-- v-if -->
1208
- </div>
1209
- <div
1210
- class="v-field__field"
1211
- data-no-activator=""
1212
- >
1213
- <!---->
1214
- <label
1215
- class="
1216
- v-field-label
1217
- v-label
1218
- "
1219
- for="input-v-4"
1220
- >
1221
- <!---->
1222
- Valeur max
1223
- </label>
1224
- <!---->
1225
- <input
1226
- aria-label="Valeur max"
1227
- autocomplete="off"
1228
- class="v-field__input"
1229
- id="input-v-4"
1230
- inputmode="numeric"
1231
- size="1"
1232
- title="Valeur max"
1233
- type="text"
1234
- value="0"
1235
- />
1236
- <!---->
1237
- </div>
1238
- <!---->
1239
- <div class="v-field__append-inner">
1240
- <!-- v-if -->
1241
- <!-- v-if -->
1242
- <!---->
1243
- </div>
1244
- <div class="v-field__outline">
1245
- <div class="v-field__outline__start"></div>
1246
- <div class="v-field__outline__notch">
1247
- <label
1248
- aria-hidden="false"
1249
- class="
1250
- v-field-label
1251
- v-field-label--floating
1252
- v-label
1253
- "
1254
- for="input-v-4"
1255
- >
1256
- <!---->
1257
- Valeur max
1258
- </label>
1259
- </div>
1260
- <div class="v-field__outline__end"></div>
1261
- <!---->
1262
- </div>
1263
- </div>
1264
- </div>
1265
- <!---->
1266
- <!---->
1267
- </div>
1268
- </div>
1269
- </div>
1270
- `;