@paperless/core 2.0.1-beta.36 → 2.0.1-beta.38

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 (378) hide show
  1. package/CHANGELOG.md +109 -0
  2. package/dist/assets/icons/duplicate.svg +9 -0
  3. package/dist/build/{p-f1a6c8ff.entry.js → p-025624f6.entry.js} +2 -2
  4. package/dist/{paperless/p-657c6b98.entry.js → build/p-0dc44bc0.entry.js} +2 -2
  5. package/dist/build/{p-4553a1af.entry.js → p-12262429.entry.js} +2 -2
  6. package/dist/build/p-17d2ac87.entry.js +2 -0
  7. package/dist/build/p-17d2ac87.entry.js.map +1 -0
  8. package/dist/build/{p-11fbeb45.entry.js → p-184afd44.entry.js} +2 -2
  9. package/dist/build/p-1d336c69.entry.js +2 -0
  10. package/dist/build/p-2236add8.entry.js +2 -0
  11. package/dist/build/p-2236add8.entry.js.map +1 -0
  12. package/dist/build/{p-f63feca1.entry.js → p-2e482a47.entry.js} +2 -2
  13. package/dist/build/p-387ddb95.entry.js +2 -0
  14. package/dist/build/p-3b42a234.entry.js +2 -0
  15. package/dist/build/p-3b42a234.entry.js.map +1 -0
  16. package/dist/{paperless/p-f4cdabb7.entry.js → build/p-3cde5f71.entry.js} +2 -2
  17. package/dist/build/p-462a2f03.entry.js +2 -0
  18. package/dist/{paperless/p-5e139fea.entry.js.map → build/p-462a2f03.entry.js.map} +1 -1
  19. package/dist/{paperless/p-90ad3605.entry.js → build/p-485ae49a.entry.js} +2 -2
  20. package/dist/{paperless/p-4364738a.entry.js → build/p-55b58b85.entry.js} +2 -2
  21. package/dist/build/p-5d2d92ec.js +2 -0
  22. package/dist/build/{p-f2f904e6.entry.js → p-5eda67b1.entry.js} +2 -2
  23. package/dist/{paperless/p-d70fcbe8.entry.js → build/p-6cd52774.entry.js} +2 -2
  24. package/dist/{paperless/p-549b2931.entry.js → build/p-6ec48ec6.entry.js} +2 -2
  25. package/dist/build/{p-333f614e.entry.js → p-76e05fbf.entry.js} +2 -2
  26. package/dist/{paperless/p-b3b50ed2.entry.js → build/p-7df156a4.entry.js} +2 -2
  27. package/dist/build/{p-c55ee8d6.entry.js → p-80bdc264.entry.js} +2 -2
  28. package/dist/build/p-836ece67.entry.js +2 -0
  29. package/dist/build/p-836ece67.entry.js.map +1 -0
  30. package/dist/build/{p-a42897e9.entry.js → p-8b1f5d30.entry.js} +2 -2
  31. package/dist/build/{p-f9ffc928.entry.js → p-8bfd2e4c.entry.js} +2 -2
  32. package/dist/{paperless/p-d48ef748.entry.js → build/p-8f235c34.entry.js} +2 -2
  33. package/dist/{paperless/p-7ad7c0d1.entry.js → build/p-916af5c4.entry.js} +2 -2
  34. package/dist/{paperless/p-27fd3386.entry.js → build/p-a0337437.entry.js} +2 -2
  35. package/dist/build/{p-6db4ca89.entry.js → p-b040b0ef.entry.js} +2 -2
  36. package/dist/build/{p-7a83597a.entry.js → p-ccd419a0.entry.js} +2 -2
  37. package/dist/{paperless/p-93198497.entry.js → build/p-d9d5bc98.entry.js} +2 -2
  38. package/dist/build/{p-eee199d1.entry.js → p-e1703baf.entry.js} +2 -2
  39. package/dist/build/p-ef2983f6.entry.js +2 -0
  40. package/dist/build/p-ef2983f6.entry.js.map +1 -0
  41. package/dist/{paperless/p-8c8128f9.entry.js → build/p-f667ab81.entry.js} +2 -2
  42. package/dist/build/{p-290d04b0.entry.js → p-fa27b5a7.entry.js} +2 -2
  43. package/dist/build/{p-58e6f012.entry.js → p-fb384da3.entry.js} +2 -2
  44. package/dist/build/p-ff6356cb.entry.js +2 -0
  45. package/dist/build/p-ff6356cb.entry.js.map +1 -0
  46. package/dist/build/paperless.esm.js +1 -1
  47. package/dist/build/paperless.esm.js.map +1 -1
  48. package/dist/cjs/loader.cjs.js +1 -1
  49. package/dist/cjs/p-accordion.cjs.entry.js +1 -1
  50. package/dist/cjs/p-attachment.cjs.entry.js +4 -4
  51. package/dist/cjs/p-backdrop.cjs.entry.js +8 -9
  52. package/dist/cjs/p-backdrop.cjs.entry.js.map +1 -1
  53. package/dist/cjs/p-badge_3.cjs.entry.js +14 -6
  54. package/dist/cjs/p-badge_3.cjs.entry.js.map +1 -1
  55. package/dist/cjs/p-button-group.cjs.entry.js +1 -1
  56. package/dist/cjs/p-button_3.cjs.entry.js +4 -4
  57. package/dist/cjs/p-calendar.cjs.entry.js +1 -1
  58. package/dist/cjs/p-checkbox_2.cjs.entry.js +19 -14
  59. package/dist/cjs/p-checkbox_2.cjs.entry.js.map +1 -1
  60. package/dist/cjs/p-content-slider.cjs.entry.js +2 -2
  61. package/dist/cjs/p-cropper.cjs.entry.js +2 -2
  62. package/dist/cjs/p-datepicker.cjs.entry.js +2 -2
  63. package/dist/cjs/p-dropdown-menu-item_4.cjs.entry.js +2 -2
  64. package/dist/cjs/p-dropdown-menu-item_4.cjs.entry.js.map +1 -1
  65. package/dist/cjs/p-field_2.cjs.entry.js +3 -3
  66. package/dist/cjs/p-floating-menu-container_8.cjs.entry.js +5 -5
  67. package/dist/cjs/p-helper_2.cjs.entry.js +4 -4
  68. package/dist/cjs/p-input-error.cjs.entry.js +1 -1
  69. package/dist/cjs/p-input-group.cjs.entry.js +3 -3
  70. package/dist/cjs/p-label.cjs.entry.js +3 -3
  71. package/dist/cjs/p-navbar.cjs.entry.js +1 -1
  72. package/dist/cjs/p-navigation-item.cjs.entry.js +2 -2
  73. package/dist/cjs/p-navigation-section.cjs.entry.js +1 -1
  74. package/dist/cjs/p-pagination.cjs.entry.js +3 -3
  75. package/dist/cjs/p-profile.cjs.entry.js +1 -1
  76. package/dist/cjs/p-radio.cjs.entry.js +6 -15
  77. package/dist/cjs/p-radio.cjs.entry.js.map +1 -1
  78. package/dist/cjs/p-select.cjs.entry.js +1 -1
  79. package/dist/cjs/p-slider-indicator.cjs.entry.js +1 -1
  80. package/dist/cjs/p-status.cjs.entry.js +2 -2
  81. package/dist/cjs/p-stepper-item.cjs.entry.js +1 -1
  82. package/dist/cjs/p-stepper-line.cjs.entry.js +1 -1
  83. package/dist/cjs/p-stepper.cjs.entry.js +1 -1
  84. package/dist/cjs/p-tab-group.cjs.entry.js +1 -1
  85. package/dist/cjs/p-tab-item.cjs.entry.js +1 -1
  86. package/dist/cjs/p-toast-container.cjs.entry.js +1 -1
  87. package/dist/cjs/p-toast.cjs.entry.js +1 -1
  88. package/dist/cjs/p-toggle.cjs.entry.js +8 -43
  89. package/dist/cjs/p-toggle.cjs.entry.js.map +1 -1
  90. package/dist/cjs/paperless.cjs.js +1 -1
  91. package/dist/collection/assets/icons/duplicate.svg +9 -0
  92. package/dist/collection/components/atoms/backdrop/backdrop.component.css +1 -1
  93. package/dist/collection/components/atoms/backdrop/backdrop.component.js +7 -8
  94. package/dist/collection/components/atoms/backdrop/backdrop.component.js.map +1 -1
  95. package/dist/collection/components/atoms/checkbox/checkbox.component.css +1 -1
  96. package/dist/collection/components/atoms/checkbox/checkbox.component.js +15 -30
  97. package/dist/collection/components/atoms/checkbox/checkbox.component.js.map +1 -1
  98. package/dist/collection/components/atoms/dropdown-menu-item/dropdown-menu-item.component.js +1 -1
  99. package/dist/collection/components/atoms/dropdown-menu-item/dropdown-menu-item.component.js.map +1 -1
  100. package/dist/collection/components/atoms/radio/radio.component.css +1 -1
  101. package/dist/collection/components/atoms/radio/radio.component.js +5 -34
  102. package/dist/collection/components/atoms/radio/radio.component.js.map +1 -1
  103. package/dist/collection/components/atoms/segment-container/segment-container.component.css +1 -1
  104. package/dist/collection/components/atoms/segment-container/segment-container.component.js +1 -1
  105. package/dist/collection/components/atoms/segment-container/segment-container.component.js.map +1 -1
  106. package/dist/collection/components/atoms/segment-item/segment-item.component.css +1 -1
  107. package/dist/collection/components/atoms/segment-item/segment-item.component.js +31 -3
  108. package/dist/collection/components/atoms/segment-item/segment-item.component.js.map +1 -1
  109. package/dist/collection/components/atoms/slider-indicator/slider-indicator.component.js +1 -1
  110. package/dist/collection/components/atoms/status/status.component.js +2 -2
  111. package/dist/collection/components/atoms/stepper-item/stepper-item.component.js +1 -1
  112. package/dist/collection/components/atoms/stepper-line/stepper-line.component.js +1 -1
  113. package/dist/collection/components/atoms/tab-group/tab-group.component.js +1 -1
  114. package/dist/collection/components/atoms/tab-item/tab-item.component.js +1 -1
  115. package/dist/collection/components/atoms/table-container/table-container.component.js +1 -1
  116. package/dist/collection/components/atoms/toast-container/toast-container.component.js +1 -1
  117. package/dist/collection/components/atoms/toggle/toggle.component.css +1 -1
  118. package/dist/collection/components/atoms/toggle/toggle.component.js +7 -62
  119. package/dist/collection/components/atoms/toggle/toggle.component.js.map +1 -1
  120. package/dist/collection/components/atoms/tooltip/tooltip.component.js +4 -4
  121. package/dist/collection/components/molecules/accordion/accordion.component.js +1 -1
  122. package/dist/collection/components/molecules/attachment/attachment.component.js +4 -4
  123. package/dist/collection/components/molecules/button/button.component.js +4 -4
  124. package/dist/collection/components/molecules/button-group/button-group.component.js +1 -1
  125. package/dist/collection/components/molecules/calendar/calendar.component.js +1 -1
  126. package/dist/collection/components/molecules/content-slider/content-slider.component.js +2 -2
  127. package/dist/collection/components/molecules/cropper/cropper.component.js +2 -2
  128. package/dist/collection/components/molecules/datepicker/datepicker.component.js +2 -2
  129. package/dist/collection/components/molecules/dropdown/dropdown.component.js +3 -3
  130. package/dist/collection/components/molecules/field/field.component.js +3 -3
  131. package/dist/collection/components/molecules/input-error/input-error.component.js +1 -1
  132. package/dist/collection/components/molecules/input-group/input-group.component.js +3 -3
  133. package/dist/collection/components/molecules/label/label.component.js +3 -3
  134. package/dist/collection/components/molecules/navigation-item/navigation-item.component.js +2 -2
  135. package/dist/collection/components/molecules/navigation-section/navigation-section.component.js +1 -1
  136. package/dist/collection/components/molecules/pagination/pagination.component.js +3 -3
  137. package/dist/collection/components/molecules/pagination-pages/pagination-pages.component.js +1 -1
  138. package/dist/collection/components/molecules/profile/profile.component.js +1 -1
  139. package/dist/collection/components/molecules/select/select.component.js +1 -1
  140. package/dist/collection/components/molecules/stepper/stepper.component.js +1 -1
  141. package/dist/collection/components/molecules/table-cell/table-cell.component.js +1 -1
  142. package/dist/collection/components/molecules/table-footer/table-footer.component.js +1 -1
  143. package/dist/collection/components/molecules/table-row/table-row.component.js +2 -2
  144. package/dist/collection/components/molecules/toast/toast.component.js +1 -1
  145. package/dist/collection/components/organisms/navbar/navbar.component.js +1 -1
  146. package/dist/components/backdrop.component.js +8 -9
  147. package/dist/components/backdrop.component.js.map +1 -1
  148. package/dist/components/button.component.js +4 -4
  149. package/dist/components/calendar.component.js +1 -1
  150. package/dist/components/checkbox.component.js +16 -12
  151. package/dist/components/checkbox.component.js.map +1 -1
  152. package/dist/components/dropdown-menu-item.component.js +1 -1
  153. package/dist/components/dropdown-menu-item.component.js.map +1 -1
  154. package/dist/components/dropdown.component.js +3 -3
  155. package/dist/components/field.component.js +3 -3
  156. package/dist/components/input-error.component.js +1 -1
  157. package/dist/components/p-accordion.js +1 -1
  158. package/dist/components/p-attachment.js +4 -4
  159. package/dist/components/p-button-group.js +1 -1
  160. package/dist/components/p-content-slider.js +2 -2
  161. package/dist/components/p-cropper.js +2 -2
  162. package/dist/components/p-datepicker.js +2 -2
  163. package/dist/components/p-input-group.js +3 -3
  164. package/dist/components/p-label.js +3 -3
  165. package/dist/components/p-navbar.js +1 -1
  166. package/dist/components/p-navigation-item.js +2 -2
  167. package/dist/components/p-navigation-section.js +1 -1
  168. package/dist/components/p-pagination.js +3 -3
  169. package/dist/components/p-profile.js +1 -1
  170. package/dist/components/p-radio.js +6 -16
  171. package/dist/components/p-radio.js.map +1 -1
  172. package/dist/components/p-select.js +1 -1
  173. package/dist/components/p-status.js +2 -2
  174. package/dist/components/p-stepper-item.js +1 -1
  175. package/dist/components/p-stepper.js +1 -1
  176. package/dist/components/p-tab-group.js +1 -1
  177. package/dist/components/p-tab-item.js +1 -1
  178. package/dist/components/p-toast-container.js +1 -1
  179. package/dist/components/p-toast.js +1 -1
  180. package/dist/components/p-toggle.js +8 -44
  181. package/dist/components/p-toggle.js.map +1 -1
  182. package/dist/components/pagination-pages.component.js +1 -1
  183. package/dist/components/segment-container.component.js +2 -2
  184. package/dist/components/segment-container.component.js.map +1 -1
  185. package/dist/components/segment-item.component.js +13 -4
  186. package/dist/components/segment-item.component.js.map +1 -1
  187. package/dist/components/slider-indicator.component.js +1 -1
  188. package/dist/components/stepper-line.component.js +1 -1
  189. package/dist/components/table-cell.component.js +1 -1
  190. package/dist/components/table-container.component.js +1 -1
  191. package/dist/components/table-footer.component.js +1 -1
  192. package/dist/components/table-row.component.js +2 -2
  193. package/dist/components/tooltip.component.js +4 -4
  194. package/dist/esm/loader.js +1 -1
  195. package/dist/esm/p-accordion.entry.js +1 -1
  196. package/dist/esm/p-attachment.entry.js +4 -4
  197. package/dist/esm/p-backdrop.entry.js +8 -9
  198. package/dist/esm/p-backdrop.entry.js.map +1 -1
  199. package/dist/esm/p-badge_3.entry.js +14 -6
  200. package/dist/esm/p-badge_3.entry.js.map +1 -1
  201. package/dist/esm/p-button-group.entry.js +1 -1
  202. package/dist/esm/p-button_3.entry.js +4 -4
  203. package/dist/esm/p-calendar.entry.js +1 -1
  204. package/dist/esm/p-checkbox_2.entry.js +19 -14
  205. package/dist/esm/p-checkbox_2.entry.js.map +1 -1
  206. package/dist/esm/p-content-slider.entry.js +2 -2
  207. package/dist/esm/p-cropper.entry.js +2 -2
  208. package/dist/esm/p-datepicker.entry.js +2 -2
  209. package/dist/esm/p-dropdown-menu-item_4.entry.js +2 -2
  210. package/dist/esm/p-dropdown-menu-item_4.entry.js.map +1 -1
  211. package/dist/esm/p-field_2.entry.js +3 -3
  212. package/dist/esm/p-floating-menu-container_8.entry.js +5 -5
  213. package/dist/esm/p-helper_2.entry.js +4 -4
  214. package/dist/esm/p-input-error.entry.js +1 -1
  215. package/dist/esm/p-input-group.entry.js +3 -3
  216. package/dist/esm/p-label.entry.js +3 -3
  217. package/dist/esm/p-navbar.entry.js +1 -1
  218. package/dist/esm/p-navigation-item.entry.js +2 -2
  219. package/dist/esm/p-navigation-section.entry.js +1 -1
  220. package/dist/esm/p-pagination.entry.js +3 -3
  221. package/dist/esm/p-profile.entry.js +1 -1
  222. package/dist/esm/p-radio.entry.js +6 -15
  223. package/dist/esm/p-radio.entry.js.map +1 -1
  224. package/dist/esm/p-select.entry.js +1 -1
  225. package/dist/esm/p-slider-indicator.entry.js +1 -1
  226. package/dist/esm/p-status.entry.js +2 -2
  227. package/dist/esm/p-stepper-item.entry.js +1 -1
  228. package/dist/esm/p-stepper-line.entry.js +1 -1
  229. package/dist/esm/p-stepper.entry.js +1 -1
  230. package/dist/esm/p-tab-group.entry.js +1 -1
  231. package/dist/esm/p-tab-item.entry.js +1 -1
  232. package/dist/esm/p-toast-container.entry.js +1 -1
  233. package/dist/esm/p-toast.entry.js +1 -1
  234. package/dist/esm/p-toggle.entry.js +8 -43
  235. package/dist/esm/p-toggle.entry.js.map +1 -1
  236. package/dist/esm/paperless.js +1 -1
  237. package/dist/index.html +1 -1
  238. package/dist/paperless/{p-f1a6c8ff.entry.js → p-025624f6.entry.js} +2 -2
  239. package/dist/{build/p-657c6b98.entry.js → paperless/p-0dc44bc0.entry.js} +2 -2
  240. package/dist/paperless/{p-4553a1af.entry.js → p-12262429.entry.js} +2 -2
  241. package/dist/paperless/p-17d2ac87.entry.js +2 -0
  242. package/dist/paperless/p-17d2ac87.entry.js.map +1 -0
  243. package/dist/paperless/{p-11fbeb45.entry.js → p-184afd44.entry.js} +2 -2
  244. package/dist/paperless/p-1d336c69.entry.js +2 -0
  245. package/dist/paperless/p-2236add8.entry.js +2 -0
  246. package/dist/paperless/p-2236add8.entry.js.map +1 -0
  247. package/dist/paperless/{p-f63feca1.entry.js → p-2e482a47.entry.js} +2 -2
  248. package/dist/paperless/p-387ddb95.entry.js +2 -0
  249. package/dist/paperless/p-3b42a234.entry.js +2 -0
  250. package/dist/paperless/p-3b42a234.entry.js.map +1 -0
  251. package/dist/{build/p-f4cdabb7.entry.js → paperless/p-3cde5f71.entry.js} +2 -2
  252. package/dist/paperless/p-462a2f03.entry.js +2 -0
  253. package/dist/{build/p-5e139fea.entry.js.map → paperless/p-462a2f03.entry.js.map} +1 -1
  254. package/dist/{build/p-90ad3605.entry.js → paperless/p-485ae49a.entry.js} +2 -2
  255. package/dist/{build/p-4364738a.entry.js → paperless/p-55b58b85.entry.js} +2 -2
  256. package/dist/paperless/{p-f2f904e6.entry.js → p-5eda67b1.entry.js} +2 -2
  257. package/dist/{build/p-d70fcbe8.entry.js → paperless/p-6cd52774.entry.js} +2 -2
  258. package/dist/{build/p-549b2931.entry.js → paperless/p-6ec48ec6.entry.js} +2 -2
  259. package/dist/paperless/{p-333f614e.entry.js → p-76e05fbf.entry.js} +2 -2
  260. package/dist/{build/p-b3b50ed2.entry.js → paperless/p-7df156a4.entry.js} +2 -2
  261. package/dist/paperless/{p-c55ee8d6.entry.js → p-80bdc264.entry.js} +2 -2
  262. package/dist/paperless/p-836ece67.entry.js +2 -0
  263. package/dist/paperless/p-836ece67.entry.js.map +1 -0
  264. package/dist/paperless/{p-a42897e9.entry.js → p-8b1f5d30.entry.js} +2 -2
  265. package/dist/paperless/{p-f9ffc928.entry.js → p-8bfd2e4c.entry.js} +2 -2
  266. package/dist/{build/p-d48ef748.entry.js → paperless/p-8f235c34.entry.js} +2 -2
  267. package/dist/{build/p-7ad7c0d1.entry.js → paperless/p-916af5c4.entry.js} +2 -2
  268. package/dist/{build/p-27fd3386.entry.js → paperless/p-a0337437.entry.js} +2 -2
  269. package/dist/paperless/{p-6db4ca89.entry.js → p-b040b0ef.entry.js} +2 -2
  270. package/dist/paperless/{p-7a83597a.entry.js → p-ccd419a0.entry.js} +2 -2
  271. package/dist/{build/p-93198497.entry.js → paperless/p-d9d5bc98.entry.js} +2 -2
  272. package/dist/paperless/{p-eee199d1.entry.js → p-e1703baf.entry.js} +2 -2
  273. package/dist/paperless/p-ef2983f6.entry.js +2 -0
  274. package/dist/paperless/p-ef2983f6.entry.js.map +1 -0
  275. package/dist/{build/p-8c8128f9.entry.js → paperless/p-f667ab81.entry.js} +2 -2
  276. package/dist/paperless/{p-290d04b0.entry.js → p-fa27b5a7.entry.js} +2 -2
  277. package/dist/paperless/{p-58e6f012.entry.js → p-fb384da3.entry.js} +2 -2
  278. package/dist/paperless/p-ff6356cb.entry.js +2 -0
  279. package/dist/paperless/p-ff6356cb.entry.js.map +1 -0
  280. package/dist/paperless/paperless.esm.js +1 -1
  281. package/dist/paperless/paperless.esm.js.map +1 -1
  282. package/dist/sw.js +1 -1
  283. package/dist/sw.js.map +1 -1
  284. package/dist/types/components/atoms/checkbox/checkbox.component.d.ts +0 -4
  285. package/dist/types/components/atoms/radio/radio.component.d.ts +0 -4
  286. package/dist/types/components/atoms/segment-item/segment-item.component.d.ts +4 -0
  287. package/dist/types/components/atoms/toggle/toggle.component.d.ts +0 -4
  288. package/dist/types/components.d.ts +8 -24
  289. package/hydrate/index.js +113 -147
  290. package/hydrate/index.mjs +113 -147
  291. package/package.json +1 -1
  292. package/dist/build/p-28dbbce6.entry.js +0 -2
  293. package/dist/build/p-3bd145fd.entry.js +0 -2
  294. package/dist/build/p-3bd145fd.entry.js.map +0 -1
  295. package/dist/build/p-4443e4e5.entry.js +0 -2
  296. package/dist/build/p-4443e4e5.entry.js.map +0 -1
  297. package/dist/build/p-489013c7.entry.js +0 -2
  298. package/dist/build/p-489013c7.entry.js.map +0 -1
  299. package/dist/build/p-59962e55.entry.js +0 -2
  300. package/dist/build/p-5e139fea.entry.js +0 -2
  301. package/dist/build/p-75d49d43.js +0 -2
  302. package/dist/build/p-8857d619.entry.js +0 -2
  303. package/dist/build/p-8857d619.entry.js.map +0 -1
  304. package/dist/build/p-99352ae4.entry.js +0 -2
  305. package/dist/build/p-99352ae4.entry.js.map +0 -1
  306. package/dist/build/p-d2ddf504.entry.js +0 -2
  307. package/dist/build/p-d2ddf504.entry.js.map +0 -1
  308. package/dist/paperless/p-28dbbce6.entry.js +0 -2
  309. package/dist/paperless/p-3bd145fd.entry.js +0 -2
  310. package/dist/paperless/p-3bd145fd.entry.js.map +0 -1
  311. package/dist/paperless/p-4443e4e5.entry.js +0 -2
  312. package/dist/paperless/p-4443e4e5.entry.js.map +0 -1
  313. package/dist/paperless/p-489013c7.entry.js +0 -2
  314. package/dist/paperless/p-489013c7.entry.js.map +0 -1
  315. package/dist/paperless/p-59962e55.entry.js +0 -2
  316. package/dist/paperless/p-5e139fea.entry.js +0 -2
  317. package/dist/paperless/p-8857d619.entry.js +0 -2
  318. package/dist/paperless/p-8857d619.entry.js.map +0 -1
  319. package/dist/paperless/p-99352ae4.entry.js +0 -2
  320. package/dist/paperless/p-99352ae4.entry.js.map +0 -1
  321. package/dist/paperless/p-d2ddf504.entry.js +0 -2
  322. package/dist/paperless/p-d2ddf504.entry.js.map +0 -1
  323. /package/dist/build/{p-f1a6c8ff.entry.js.map → p-025624f6.entry.js.map} +0 -0
  324. /package/dist/build/{p-657c6b98.entry.js.map → p-0dc44bc0.entry.js.map} +0 -0
  325. /package/dist/build/{p-4553a1af.entry.js.map → p-12262429.entry.js.map} +0 -0
  326. /package/dist/build/{p-11fbeb45.entry.js.map → p-184afd44.entry.js.map} +0 -0
  327. /package/dist/build/{p-59962e55.entry.js.map → p-1d336c69.entry.js.map} +0 -0
  328. /package/dist/build/{p-f63feca1.entry.js.map → p-2e482a47.entry.js.map} +0 -0
  329. /package/dist/build/{p-28dbbce6.entry.js.map → p-387ddb95.entry.js.map} +0 -0
  330. /package/dist/build/{p-f4cdabb7.entry.js.map → p-3cde5f71.entry.js.map} +0 -0
  331. /package/dist/build/{p-90ad3605.entry.js.map → p-485ae49a.entry.js.map} +0 -0
  332. /package/dist/build/{p-4364738a.entry.js.map → p-55b58b85.entry.js.map} +0 -0
  333. /package/dist/build/{p-f2f904e6.entry.js.map → p-5eda67b1.entry.js.map} +0 -0
  334. /package/dist/build/{p-d70fcbe8.entry.js.map → p-6cd52774.entry.js.map} +0 -0
  335. /package/dist/build/{p-549b2931.entry.js.map → p-6ec48ec6.entry.js.map} +0 -0
  336. /package/dist/build/{p-333f614e.entry.js.map → p-76e05fbf.entry.js.map} +0 -0
  337. /package/dist/build/{p-b3b50ed2.entry.js.map → p-7df156a4.entry.js.map} +0 -0
  338. /package/dist/build/{p-c55ee8d6.entry.js.map → p-80bdc264.entry.js.map} +0 -0
  339. /package/dist/build/{p-a42897e9.entry.js.map → p-8b1f5d30.entry.js.map} +0 -0
  340. /package/dist/build/{p-f9ffc928.entry.js.map → p-8bfd2e4c.entry.js.map} +0 -0
  341. /package/dist/build/{p-d48ef748.entry.js.map → p-8f235c34.entry.js.map} +0 -0
  342. /package/dist/build/{p-7ad7c0d1.entry.js.map → p-916af5c4.entry.js.map} +0 -0
  343. /package/dist/build/{p-27fd3386.entry.js.map → p-a0337437.entry.js.map} +0 -0
  344. /package/dist/build/{p-6db4ca89.entry.js.map → p-b040b0ef.entry.js.map} +0 -0
  345. /package/dist/build/{p-7a83597a.entry.js.map → p-ccd419a0.entry.js.map} +0 -0
  346. /package/dist/build/{p-93198497.entry.js.map → p-d9d5bc98.entry.js.map} +0 -0
  347. /package/dist/build/{p-eee199d1.entry.js.map → p-e1703baf.entry.js.map} +0 -0
  348. /package/dist/build/{p-8c8128f9.entry.js.map → p-f667ab81.entry.js.map} +0 -0
  349. /package/dist/build/{p-290d04b0.entry.js.map → p-fa27b5a7.entry.js.map} +0 -0
  350. /package/dist/build/{p-58e6f012.entry.js.map → p-fb384da3.entry.js.map} +0 -0
  351. /package/dist/paperless/{p-f1a6c8ff.entry.js.map → p-025624f6.entry.js.map} +0 -0
  352. /package/dist/paperless/{p-657c6b98.entry.js.map → p-0dc44bc0.entry.js.map} +0 -0
  353. /package/dist/paperless/{p-4553a1af.entry.js.map → p-12262429.entry.js.map} +0 -0
  354. /package/dist/paperless/{p-11fbeb45.entry.js.map → p-184afd44.entry.js.map} +0 -0
  355. /package/dist/paperless/{p-59962e55.entry.js.map → p-1d336c69.entry.js.map} +0 -0
  356. /package/dist/paperless/{p-f63feca1.entry.js.map → p-2e482a47.entry.js.map} +0 -0
  357. /package/dist/paperless/{p-28dbbce6.entry.js.map → p-387ddb95.entry.js.map} +0 -0
  358. /package/dist/paperless/{p-f4cdabb7.entry.js.map → p-3cde5f71.entry.js.map} +0 -0
  359. /package/dist/paperless/{p-90ad3605.entry.js.map → p-485ae49a.entry.js.map} +0 -0
  360. /package/dist/paperless/{p-4364738a.entry.js.map → p-55b58b85.entry.js.map} +0 -0
  361. /package/dist/paperless/{p-f2f904e6.entry.js.map → p-5eda67b1.entry.js.map} +0 -0
  362. /package/dist/paperless/{p-d70fcbe8.entry.js.map → p-6cd52774.entry.js.map} +0 -0
  363. /package/dist/paperless/{p-549b2931.entry.js.map → p-6ec48ec6.entry.js.map} +0 -0
  364. /package/dist/paperless/{p-333f614e.entry.js.map → p-76e05fbf.entry.js.map} +0 -0
  365. /package/dist/paperless/{p-b3b50ed2.entry.js.map → p-7df156a4.entry.js.map} +0 -0
  366. /package/dist/paperless/{p-c55ee8d6.entry.js.map → p-80bdc264.entry.js.map} +0 -0
  367. /package/dist/paperless/{p-a42897e9.entry.js.map → p-8b1f5d30.entry.js.map} +0 -0
  368. /package/dist/paperless/{p-f9ffc928.entry.js.map → p-8bfd2e4c.entry.js.map} +0 -0
  369. /package/dist/paperless/{p-d48ef748.entry.js.map → p-8f235c34.entry.js.map} +0 -0
  370. /package/dist/paperless/{p-7ad7c0d1.entry.js.map → p-916af5c4.entry.js.map} +0 -0
  371. /package/dist/paperless/{p-27fd3386.entry.js.map → p-a0337437.entry.js.map} +0 -0
  372. /package/dist/paperless/{p-6db4ca89.entry.js.map → p-b040b0ef.entry.js.map} +0 -0
  373. /package/dist/paperless/{p-7a83597a.entry.js.map → p-ccd419a0.entry.js.map} +0 -0
  374. /package/dist/paperless/{p-93198497.entry.js.map → p-d9d5bc98.entry.js.map} +0 -0
  375. /package/dist/paperless/{p-eee199d1.entry.js.map → p-e1703baf.entry.js.map} +0 -0
  376. /package/dist/paperless/{p-8c8128f9.entry.js.map → p-f667ab81.entry.js.map} +0 -0
  377. /package/dist/paperless/{p-290d04b0.entry.js.map → p-fa27b5a7.entry.js.map} +0 -0
  378. /package/dist/paperless/{p-58e6f012.entry.js.map → p-fb384da3.entry.js.map} +0 -0
package/dist/collection/components/atoms/toggle/toggle.component.css CHANGED
@@ -1 +1 @@
1
- *{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-\[1px\]{left:1px!important}.left-\[2px\]{left:2px!important}.top-1\/2{top:50%!important}.m-0{margin:0!important}.flex{display:flex!important}.h-3{height:.75rem!important}.h-4{height:1rem!important}.h-6{height:1.5rem!important}.h-\[14px\]{height:14px!important}.h-\[20px\]{height:20px!important}.h-\[22px\]{height:22px!important}.w-10{width:2.5rem!important}.w-3{width:.75rem!important}.w-8{width:2rem!important}.w-\[14px\]{width:14px!important}.w-\[20px\]{width:20px!important}.w-\[22px\]{width:22px!important}.flex-shrink-0{flex-shrink:0!important}.-translate-y-1\/2{--tw-translate-y:-50%!important}.-translate-y-1\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.appearance-none{appearance:none!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-black-teal-50{--tw-border-opacity:1!important;border-color:rgb(230 234 233/var(--tw-border-opacity,1))!important}.bg-black-teal-100{--tw-bg-opacity:1!important;background-color:rgb(205 212 211/var(--tw-bg-opacity,1))!important}.bg-black-teal-50{--tw-bg-opacity:1!important;background-color:rgb(230 234 233/var(--tw-bg-opacity,1))!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-black-teal\/10{--tw-ring-color:rgba(3,42,36,.1)!important}.transition-all{transition-duration:.15s!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.after\:h-1:after{content:var(--tw-content)!important;height:.25rem!important}.after\:h-2:after{content:var(--tw-content)!important;height:.5rem!important}.after\:w-1:after{content:var(--tw-content)!important;width:.25rem!important}.after\:w-2:after{content:var(--tw-content)!important;width:.5rem!important}.after\:rounded-full:after{border-radius:9999px!important;content:var(--tw-content)!important}.after\:bg-supportive-lilac-800:after{--tw-bg-opacity:1!important;background-color:rgb(189 140 255/var(--tw-bg-opacity,1))!important;content:var(--tw-content)!important}.after\:transition-all:after{content:var(--tw-content)!important;transition-duration:.15s!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.after\:content-\[\]:after{--tw-content: !important;content:var(--tw-content)!important}.checked\:border-black-teal\/20:checked{border-color:rgba(3,42,36,.2)!important}.checked\:bg-supportive-lilac:checked{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.checked\:ring-2:checked{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.checked\:ring-supportive-lilac-100:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.hover\:border-black-teal-100:hover{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.hover\:bg-supportive-lilac-100:hover{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.checked\:hover\:border-black-teal\/20:hover:checked{border-color:rgba(3,42,36,.2)!important}.checked\:hover\:bg-supportive-lilac-700:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.group:hover .group-hover\:w-\[18px\]{width:18px!important}.group:hover .group-hover\:w-\[26px\]{width:26px!important}.group:hover .group-hover\:after\:w-2:after{content:var(--tw-content)!important;width:.5rem!important}.group:hover .group-hover\:after\:w-3:after{content:var(--tw-content)!important;width:.75rem!important}.peer:checked~.peer-checked\:left-full{left:100%!important}.peer:checked~.peer-checked\:-translate-x-\[calc\(100\%\+1px\)\]{--tw-translate-x:calc(-100% - 1px)!important}.peer:checked~.peer-checked\:-translate-x-\[calc\(100\%\+1px\)\],.peer:checked~.peer-checked\:-translate-x-\[calc\(100\%\+2px\)\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.peer:checked~.peer-checked\:-translate-x-\[calc\(100\%\+2px\)\]{--tw-translate-x:calc(-100% - 2px)!important}.peer:checked~.peer-checked\:bg-black-teal-200{--tw-bg-opacity:1!important;background-color:rgb(154 170 167/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\:after\:content-\[\'\'\]:after{--tw-content:""!important;content:var(--tw-content)!important}
1
+ *{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-\[1px\]{left:1px!important}.left-\[2px\]{left:2px!important}.top-1\/2{top:50%!important}.m-0{margin:0!important}.flex{display:flex!important}.h-3{height:.75rem!important}.h-4{height:1rem!important}.h-\[14px\]{height:14px!important}.w-3{width:.75rem!important}.w-8{width:2rem!important}.w-\[14px\]{width:14px!important}.flex-shrink-0{flex-shrink:0!important}.-translate-y-1\/2{--tw-translate-y:-50%!important}.-translate-y-1\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.appearance-none{appearance:none!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-black-teal-50{--tw-border-opacity:1!important;border-color:rgb(230 234 233/var(--tw-border-opacity,1))!important}.bg-black-teal-100{--tw-bg-opacity:1!important;background-color:rgb(205 212 211/var(--tw-bg-opacity,1))!important}.bg-black-teal-50{--tw-bg-opacity:1!important;background-color:rgb(230 234 233/var(--tw-bg-opacity,1))!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-black-teal\/10{--tw-ring-color:rgba(3,42,36,.1)!important}.transition-all{transition-duration:.15s!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.after\:h-1:after{content:var(--tw-content)!important;height:.25rem!important}.after\:w-1:after{content:var(--tw-content)!important;width:.25rem!important}.after\:rounded-full:after{border-radius:9999px!important;content:var(--tw-content)!important}.after\:bg-supportive-lilac-800:after{--tw-bg-opacity:1!important;background-color:rgb(189 140 255/var(--tw-bg-opacity,1))!important;content:var(--tw-content)!important}.after\:transition-all:after{content:var(--tw-content)!important;transition-duration:.15s!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.after\:content-\[\]:after{--tw-content: !important;content:var(--tw-content)!important}.checked\:border-black-teal\/20:checked{border-color:rgba(3,42,36,.2)!important}.checked\:bg-supportive-lilac:checked{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.checked\:ring-2:checked{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.checked\:ring-supportive-lilac-100:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.hover\:border-black-teal-100:hover{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.hover\:bg-supportive-lilac-100:hover{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.checked\:hover\:border-black-teal\/20:hover:checked{border-color:rgba(3,42,36,.2)!important}.checked\:hover\:bg-supportive-lilac-700:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.group:hover .group-hover\:w-\[18px\]{width:18px!important}.group:hover .group-hover\:after\:w-2:after{content:var(--tw-content)!important;width:.5rem!important}.peer:checked~.peer-checked\:left-full{left:100%!important}.peer:checked~.peer-checked\:-translate-x-\[calc\(100\%\+1px\)\]{--tw-translate-x:calc(-100% - 1px)!important}.peer:checked~.peer-checked\:-translate-x-\[calc\(100\%\+1px\)\],.peer:checked~.peer-checked\:-translate-x-\[calc\(100\%\+2px\)\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.peer:checked~.peer-checked\:-translate-x-\[calc\(100\%\+2px\)\]{--tw-translate-x:calc(-100% - 2px)!important}.peer:checked~.peer-checked\:bg-black-teal-200{--tw-bg-opacity:1!important;background-color:rgb(154 170 167/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\:after\:content-\[\'\'\]:after{--tw-content:""!important;content:var(--tw-content)!important}
package/dist/collection/components/atoms/toggle/toggle.component.js CHANGED
@@ -4,12 +4,9 @@ import { nonce } from "../../../utils/nonce";
4
4
  const checkbox = cva([
5
5
  'peer appearance-none m-0 outline-none flex-shrink-0',
6
6
  'border border-inset border-solid ',
7
+ 'rounded-full w-8 h-4',
7
8
  ], {
8
9
  variants: {
9
- size: {
10
- sm: 'rounded-full w-8 h-4',
11
- base: 'rounded-full w-10 h-6',
12
- },
13
10
  disabled: {
14
11
  false: [
15
12
  'cursor-pointer shadow-1',
@@ -29,56 +26,26 @@ const circle = cva([
29
26
  'absolute top-1/2 peer-checked:left-full transform -translate-y-1/2 pointer-events-none',
30
27
  ], {
31
28
  variants: {
32
- size: {
33
- sm: null,
34
- base: null,
35
- },
36
29
  disabled: {
37
30
  false: [
38
31
  'bg-white ring-1 ring-black-teal/10',
39
32
  'left-[1px] peer-checked:-translate-x-[calc(100%+1px)]',
40
33
  "after:content-[] peer-checked:after:content-[''] after:bg-supportive-lilac-800 after:rounded-full after:transition-all",
34
+ 'w-[14px] h-[14px] group-hover:w-[18px]',
35
+ 'after:w-1 after:h-1 group-hover:after:w-2',
41
36
  ],
42
37
  true: [
43
38
  'bg-black-teal-100 peer-checked:bg-black-teal-200',
44
39
  'left-[2px] peer-checked:-translate-x-[calc(100%+2px)]',
40
+ 'w-3 h-3',
45
41
  ],
46
42
  },
47
43
  },
48
- compoundVariants: [
49
- {
50
- size: 'sm',
51
- disabled: false,
52
- class: [
53
- 'w-[14px] h-[14px] group-hover:w-[18px]',
54
- 'after:w-1 after:h-1 group-hover:after:w-2',
55
- ],
56
- },
57
- {
58
- size: 'base',
59
- disabled: false,
60
- class: [
61
- 'w-[22px] h-[22px] group-hover:w-[26px]',
62
- 'after:w-2 after:h-2 group-hover:after:w-3',
63
- ],
64
- },
65
- {
66
- size: 'sm',
67
- disabled: true,
68
- class: 'w-3 h-3',
69
- },
70
- {
71
- size: 'base',
72
- disabled: true,
73
- class: 'w-[20px] h-[20px]',
74
- },
75
- ],
76
44
  });
77
45
  export class Toggle {
78
46
  constructor() {
79
47
  this.checked = undefined;
80
48
  this.indeterminate = undefined;
81
- this.size = 'base';
82
49
  this.disabled = false;
83
50
  this.required = true;
84
51
  this.id = undefined;
@@ -94,13 +61,11 @@ export class Toggle {
94
61
  */
95
62
  indeterminateChange;
96
63
  render() {
97
- return (h(Host, { key: '40efaf95a6ccc2c3d1207e1c2aee5aa42928847f', class: 'p-checkbox' }, h("label", { key: 'd0b47d2414464689189c04fd1087fa4e2670471b', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: 'bea89d82418991b598ca015d8916f31fb3240be4', class: 'group relative flex flex-shrink-0 items-center' }, h("input", { key: '69830e728c7093fd2b269e341678bf95caa2705d', class: checkbox({
98
- size: this.size,
64
+ return (h(Host, { key: '343a2f15e00552e1c98099187d517ee5382a8212', class: 'p-checkbox' }, h("label", { key: 'a49806ad26fa79f7305c2b0409b4f34682df9da6', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: 'c83e7b20bae3ce7253109250e3241aed337e8a6a', class: 'group relative flex flex-shrink-0 items-center' }, h("input", { key: '1d4a8f295d844486020be169f4dd241564c2f9b4', class: checkbox({
99
65
  disabled: this.disabled,
100
- }), type: 'checkbox', id: this.id ?? this._nonce, name: this.name, required: this.required, checked: !!this.checked, indeterminate: this.indeterminate, disabled: this.disabled, onChange: ev => this._onChange(ev) }), h("div", { key: '89f8610d0e9ccb0daafeb325fdf89fafdf8afd00', class: circle({
101
- size: this.size,
66
+ }), type: 'checkbox', id: this.id ?? this._nonce, name: this.name, required: this.required, checked: !!this.checked, indeterminate: this.indeterminate, disabled: this.disabled, onChange: ev => this._onChange(ev) }), h("div", { key: '81fd3e19d2b08cd58000a9a6b8bda688591c7cfd', class: circle({
102
67
  disabled: this.disabled,
103
- }) })), h("slot", { key: '5d202099b2fd82d6174bb31fa9ce7ba95b8a355a' }))));
68
+ }) })), h("slot", { key: 'f620848c4a6576f9e573d0fad4433525e7153291' }))));
104
69
  }
105
70
  _onChange(ev) {
106
71
  if (this.disabled) {
@@ -169,26 +134,6 @@ export class Toggle {
169
134
  "attribute": "indeterminate",
170
135
  "reflect": false
171
136
  },
172
- "size": {
173
- "type": "string",
174
- "mutable": false,
175
- "complexType": {
176
- "original": "'sm' | 'base'",
177
- "resolved": "\"base\" | \"sm\"",
178
- "references": {}
179
- },
180
- "required": false,
181
- "optional": false,
182
- "docs": {
183
- "tags": [],
184
- "text": "The size of the checkbox"
185
- },
186
- "getter": false,
187
- "setter": false,
188
- "attribute": "size",
189
- "reflect": false,
190
- "defaultValue": "'base'"
191
- },
192
137
  "disabled": {
193
138
  "type": "boolean",
194
139
  "mutable": false,
package/dist/collection/components/atoms/toggle/toggle.component.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"toggle.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/toggle/toggle.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tHost,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { nonce } from '../../../utils/nonce';\n\nconst checkbox = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'border border-inset border-solid ',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\tsm: 'rounded-full w-8 h-4',\n\t\t\t\tbase: 'rounded-full w-10 h-6',\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-black-teal-50 border-black-teal-100',\n\t\t\t\t\t'hover:bg-supportive-lilac-100 hover:border-black-teal-100',\n\t\t\t\t\t'checked:bg-supportive-lilac checked:border-black-teal/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-supportive-lilac-100',\n\t\t\t\t\t'checked:hover:bg-supportive-lilac-700 checked:hover:border-black-teal/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-black-teal-50 cursor-not-allowed ',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst circle = cva(\n\t[\n\t\t'flex items-center justify-center',\n\t\t'rounded-full transition-all ',\n\t\t'absolute top-1/2 peer-checked:left-full transform -translate-y-1/2 pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\tsm: null,\n\t\t\t\tbase: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'bg-white ring-1 ring-black-teal/10',\n\t\t\t\t\t'left-[1px] peer-checked:-translate-x-[calc(100%+1px)]',\n\t\t\t\t\t\"after:content-[] peer-checked:after:content-[''] after:bg-supportive-lilac-800 after:rounded-full after:transition-all\",\n\t\t\t\t],\n\t\t\t\ttrue: [\n\t\t\t\t\t'bg-black-teal-100 peer-checked:bg-black-teal-200',\n\t\t\t\t\t'left-[2px] peer-checked:-translate-x-[calc(100%+2px)]',\n\t\t\t\t],\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tsize: 'sm',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: [\n\t\t\t\t\t'w-[14px] h-[14px] group-hover:w-[18px]',\n\t\t\t\t\t'after:w-1 after:h-1 group-hover:after:w-2',\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\tsize: 'base',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: [\n\t\t\t\t\t'w-[22px] h-[22px] group-hover:w-[26px]',\n\t\t\t\t\t'after:w-2 after:h-2 group-hover:after:w-3',\n\t\t\t\t],\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tsize: 'sm',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'w-3 h-3',\n\t\t\t},\n\t\t\t{\n\t\t\t\tsize: 'base',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'w-[20px] h-[20px]',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-toggle',\n\tstyleUrl: 'toggle.component.css',\n})\nexport class Toggle {\n\t/**\n\t * Wether the checkbox is checked\n\t */\n\t@Prop() checked: boolean;\n\n\t/**\n\t * Wether the checkbox is in indeterminate state\n\t */\n\t@Prop() indeterminate: boolean;\n\n\t/**\n\t * The size of the checkbox\n\t */\n\t@Prop() size: 'sm' | 'base' = 'base';\n\n\t/**\n\t * Wether the checkbox is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the checkbox is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the checkbox button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the checkbox button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\t/**\n\t * Event whenever the indeterminate changes\n\t */\n\t@Event() indeterminateChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-checkbox'>\n\t\t\t\t<label\n\t\t\t\t\thtmlFor={this.id ?? this._nonce}\n\t\t\t\t\tclass='flex items-center justify-start gap-2 text-black-teal'\n\t\t\t\t>\n\t\t\t\t\t<div class='group relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclass={checkbox({\n\t\t\t\t\t\t\t\tsize: this.size,\n\t\t\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\ttype='checkbox'\n\t\t\t\t\t\t\tid={this.id ?? this._nonce}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\tchecked={!!this.checked}\n\t\t\t\t\t\t\tindeterminate={this.indeterminate}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={circle({\n\t\t\t\t\t\t\t\tsize: this.size,\n\t\t\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t></div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</label>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (this.disabled) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = (ev.target as HTMLInputElement).checked;\n\t\tconst indeterminate = (ev.target as HTMLInputElement).indeterminate;\n\n\t\tif (checked != this.checked) {\n\t\t\tthis.checked = checked;\n\t\t\tthis.checkedChange.emit(checked);\n\t\t}\n\n\t\tif (indeterminate != this.indeterminate) {\n\t\t\tthis.indeterminate = indeterminate;\n\t\t\tthis.indeterminateChange.emit(indeterminate);\n\t\t}\n\t}\n}\n"]}
1
+ {"version":3,"file":"toggle.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/toggle/toggle.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tHost,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { nonce } from '../../../utils/nonce';\n\nconst checkbox = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'border border-inset border-solid ',\n\t\t'rounded-full w-8 h-4',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-black-teal-50 border-black-teal-100',\n\t\t\t\t\t'hover:bg-supportive-lilac-100 hover:border-black-teal-100',\n\t\t\t\t\t'checked:bg-supportive-lilac checked:border-black-teal/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-supportive-lilac-100',\n\t\t\t\t\t'checked:hover:bg-supportive-lilac-700 checked:hover:border-black-teal/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-black-teal-50 cursor-not-allowed ',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst circle = cva(\n\t[\n\t\t'flex items-center justify-center',\n\t\t'rounded-full transition-all ',\n\t\t'absolute top-1/2 peer-checked:left-full transform -translate-y-1/2 pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'bg-white ring-1 ring-black-teal/10',\n\t\t\t\t\t'left-[1px] peer-checked:-translate-x-[calc(100%+1px)]',\n\t\t\t\t\t\"after:content-[] peer-checked:after:content-[''] after:bg-supportive-lilac-800 after:rounded-full after:transition-all\",\n\t\t\t\t\t'w-[14px] h-[14px] group-hover:w-[18px]',\n\t\t\t\t\t'after:w-1 after:h-1 group-hover:after:w-2',\n\t\t\t\t],\n\t\t\t\ttrue: [\n\t\t\t\t\t'bg-black-teal-100 peer-checked:bg-black-teal-200',\n\t\t\t\t\t'left-[2px] peer-checked:-translate-x-[calc(100%+2px)]',\n\t\t\t\t\t'w-3 h-3',\n\t\t\t\t],\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-toggle',\n\tstyleUrl: 'toggle.component.css',\n})\nexport class Toggle {\n\t/**\n\t * Wether the checkbox is checked\n\t */\n\t@Prop() checked: boolean;\n\n\t/**\n\t * Wether the checkbox is in indeterminate state\n\t */\n\t@Prop() indeterminate: boolean;\n\n\t/**\n\t * Wether the checkbox is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the checkbox is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the checkbox button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the checkbox button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\t/**\n\t * Event whenever the indeterminate changes\n\t */\n\t@Event() indeterminateChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-checkbox'>\n\t\t\t\t<label\n\t\t\t\t\thtmlFor={this.id ?? this._nonce}\n\t\t\t\t\tclass='flex items-center justify-start gap-2 text-black-teal'\n\t\t\t\t>\n\t\t\t\t\t<div class='group relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclass={checkbox({\n\t\t\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\ttype='checkbox'\n\t\t\t\t\t\t\tid={this.id ?? this._nonce}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\tchecked={!!this.checked}\n\t\t\t\t\t\t\tindeterminate={this.indeterminate}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={circle({\n\t\t\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t></div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</label>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (this.disabled) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = (ev.target as HTMLInputElement).checked;\n\t\tconst indeterminate = (ev.target as HTMLInputElement).indeterminate;\n\n\t\tif (checked != this.checked) {\n\t\t\tthis.checked = checked;\n\t\t\tthis.checkedChange.emit(checked);\n\t\t}\n\n\t\tif (indeterminate != this.indeterminate) {\n\t\t\tthis.indeterminate = indeterminate;\n\t\t\tthis.indeterminateChange.emit(indeterminate);\n\t\t}\n\t}\n}\n"]}
package/dist/collection/components/atoms/tooltip/tooltip.component.js CHANGED
@@ -83,19 +83,19 @@ export class Tooltip {
83
83
  ref: el => this._load(el),
84
84
  };
85
85
  let tooltip;
86
- const tooltipElement = (h("div", { key: '6f9c3f17c03fd05f38542ae9c7c0bcbd974a5bbb', class: popover({
86
+ const tooltipElement = (h("div", { key: 'cdbd3581045fcc75697729ef130a3889678548e8', class: popover({
87
87
  variant: this.variant,
88
88
  strategy: this.usePortal ? 'none' : this.strategy,
89
- }), ...(this.usePortal ? {} : tooltipProps) }, h("div", { key: '24a0b7be9128f683c5b97b025c127ccc099a350d', class: 'flex gap-2' }, this.variant === 'error' && (h("div", { key: 'bdef4cbe31d0642f4db9134e8b1dac420476f662', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : h("slot", { name: 'content' }))));
89
+ }), ...(this.usePortal ? {} : tooltipProps) }, h("div", { key: '1f63d8147a4e72c11bfab46ee5024a8375062a9f', class: 'flex gap-2' }, this.variant === 'error' && (h("div", { key: '7058fe70c44b493597311c7c1411c7c4df841674', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : h("slot", { name: 'content' }))));
90
90
  if (this.usePortal) {
91
- tooltip = (h("p-portal", { key: '261fa01590875e3b7b89e1071340a28e1a9c0026', class: portal({
91
+ tooltip = (h("p-portal", { key: '96739f0e7e664da33491259e2f15e894ff69920f', class: portal({
92
92
  strategy: this.strategy,
93
93
  }), ...tooltipProps }, tooltipElement));
94
94
  }
95
95
  else {
96
96
  tooltip = tooltipElement;
97
97
  }
98
- return (h(Host, { key: '5bc62f68bb9f49ce77f5e50f3713ad8a9b68e350', class: 'p-popover flex cursor-pointer' }, h("div", { key: '3792040756275f17dde8dad661af0cec0c40192b', class: 'relative h-inherit w-inherit' }, h("slot", { key: '7426bd33a80902bd576168c6dff9cfcfc70c128f', name: 'trigger' }), tooltip)));
98
+ return (h(Host, { key: 'ebe04491e3fea086bc1930399482a3ed78e985d2', class: 'p-popover flex cursor-pointer' }, h("div", { key: '38ecf980c282fb9b2ba83d08b0b53bfd16c87482', class: 'relative h-inherit w-inherit' }, h("slot", { key: '56f04f37ee6cbdb038718090c82d4ea1b2e382f3', name: 'trigger' }), tooltip)));
99
99
  }
100
100
  clickHandler() {
101
101
  if (this.variant === 'hover' || !this.enableUserInput) {
package/dist/collection/components/molecules/accordion/accordion.component.js CHANGED
@@ -11,7 +11,7 @@ export class Accordion {
11
11
  */
12
12
  isOpen;
13
13
  render() {
14
- return (h(Host, { key: '6b30beeb39140eef55eda07436aba6d094478d8e', class: 'p-accordion' }, h("div", { key: '90d90727c847283d23de3475a3a573fc28efd8f2', class: 'flex cursor-pointer items-center gap-3 text-storm-vague', onClick: () => this._onClick() }, h("p-icon", { key: '20159b0bfe718c63b7167854830a72aa17912309', class: 'flex', variant: 'caret', rotate: this.open ? 0 : -90 }), h("p", { key: 'a7f261c699a41fa1df17476415afda93bafb5a43', class: 'm-0 whitespace-nowrap text-lg font-medium' }, this.header), h("p-divider", { key: '336839c9e8f18f7179c9d43d1907a67c246d8c32' })), this.open && (h("div", { key: '1530c39de3496b7bb88318f78aa945690717e037', class: 'mt-6' }, h("slot", { key: 'de231dd491494a9b49ff6fca97fb805e9b91427b' })))));
14
+ return (h(Host, { key: '7ad723f9d462475bbde3b153d9933ae8aa486087', class: 'p-accordion' }, h("div", { key: 'd84095e73c10d45be714b9dc5be39f8cb46eae07', class: 'flex cursor-pointer items-center gap-3 text-storm-vague', onClick: () => this._onClick() }, h("p-icon", { key: '91b832f408a54a7c157de9da7e5eeceb2e40c22c', class: 'flex', variant: 'caret', rotate: this.open ? 0 : -90 }), h("p", { key: 'ecee19be59e16078a4b451674ed44d73114e523d', class: 'm-0 whitespace-nowrap text-lg font-medium' }, this.header), h("p-divider", { key: '99dc087bff6db71f175f66ca150fe81eb1b77bc0' })), this.open && (h("div", { key: 'cd20ff3a60c59c2b7f14ee7d4082fc9afe4064c8', class: 'mt-6' }, h("slot", { key: '4b293f8ddc3dd60d1e2dae75f4707eb5b78e7183' })))));
15
15
  }
16
16
  _onClick() {
17
17
  if (!this.closeable && this.open) {
package/dist/collection/components/molecules/attachment/attachment.component.js CHANGED
@@ -15,14 +15,14 @@ export class Attachment {
15
15
  */
16
16
  delete;
17
17
  render() {
18
- let prefix = h("p-icon", { key: 'c09bb42c3b2468e6f9641b049143ba33bcf227ed', variant: 'attachment' });
18
+ let prefix = h("p-icon", { key: 'e23ed6e11a562258c720881549f28a7abb584f3d', variant: 'attachment' });
19
19
  if (this.loading) {
20
- prefix = h("p-loader", { key: '4a47c764c8634c41a006cbcef0819ac495383d45' });
20
+ prefix = h("p-loader", { key: 'f97752af8256bbdae224e3567d96004df480ce0b' });
21
21
  }
22
22
  if (this.error) {
23
- prefix = (h("p-icon", { key: 'b68414ca0c360344b803cb503bc97375c145cf26', variant: 'warning', class: 'text-negative' }));
23
+ prefix = (h("p-icon", { key: '0a9913dded62bb2b899aebef67e612cf6decd4f8', variant: 'warning', class: 'text-negative' }));
24
24
  }
25
- return (h(Host, { key: '7c2fb4622615da771f0542b46137376f353d3324', class: 'p-attachment flex items-start gap-4' }, h("div", { key: 'c26642043d15b3a16d689974f9f572f5fbd01f04', class: `flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-lg bg-mystic px-2 ${this.error?.length ? 'text-negative' : 'text-storm-medium'}` }, prefix, h("span", { key: '7200149af956d76267b0c85d0ab9f00baae900ce', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap' }, h("slot", { key: '7d8c8e660f0c1ee9ffc8bbd446a3c1a0e709858b' })), this.error?.length && h("p-input-error", { key: '9f1d61eaa43ddf2bf31413e9b87c4be05479fcfe', error: this.error })), h("p-button", { key: 'c74fc5e26a2864ba561a9d0ece1bbbf4f10fa465', variant: 'secondary', iconOnly: true, icon: this.mode === 'read' ? 'download' : 'trash', disabled: this.loading, loading: this.mode === 'read' && this.downloading, size: 'sm', onOnClick: () => (this.mode === 'read' ? this.download : this.delete).emit() })));
25
+ return (h(Host, { key: '9d4d8572b25dc995f2b1fc078cc6066124331ea1', class: 'p-attachment flex items-start gap-4' }, h("div", { key: 'be153b4d1970343f7bb0ea67eac8b1fa246f9bb5', class: `flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-lg bg-mystic px-2 ${this.error?.length ? 'text-negative' : 'text-storm-medium'}` }, prefix, h("span", { key: '80d5a254322f25126ccfdd375bfd089c70513237', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap' }, h("slot", { key: '667ab94cb746606eb4f6466570b550c07aa97cfa' })), this.error?.length && h("p-input-error", { key: '6edb2fdb1734929bf6288c1d3670678eef7f8c60', error: this.error })), h("p-button", { key: '3d616711ff6c9f351410fe6b613edd04eee363c9', variant: 'secondary', iconOnly: true, icon: this.mode === 'read' ? 'download' : 'trash', disabled: this.loading, loading: this.mode === 'read' && this.downloading, size: 'sm', onOnClick: () => (this.mode === 'read' ? this.download : this.delete).emit() })));
26
26
  }
27
27
  static get is() { return "p-attachment"; }
28
28
  static get encapsulation() { return "shadow"; }
package/dist/collection/components/molecules/button/button.component.js CHANGED
@@ -289,7 +289,7 @@ export class Button {
289
289
  ? 'a'
290
290
  : 'button';
291
291
  const active = this.active || this.class?.includes('active');
292
- return (h(Host, { key: 'bd323911aa83659e1ceacc78f7383498ac49ee3f', class: 'p-button block' }, h(VariableTag, { key: '24836397d30809a719796ba3488a2b59a0e7fcd7', disabled: this.disabled, href: this.href, type: this.variant !== 'text' ? this.type : undefined, target: this.target, class: button({
292
+ return (h(Host, { key: '251179ea78d507fa286630b54a5f6428197b145d', class: 'p-button block' }, h(VariableTag, { key: '092b9ca97a306740c172e7ed0219fa97a3df6141', disabled: this.disabled, href: this.href, type: this.variant !== 'text' ? this.type : undefined, target: this.target, class: button({
293
293
  variant: this.variant,
294
294
  size: this.size,
295
295
  underline: this.underline,
@@ -298,14 +298,14 @@ export class Button {
298
298
  buttonGroupPosition: this.buttonGroupPosition,
299
299
  iconOnly: this.iconOnly,
300
300
  active,
301
- }) }, this.chevron && this.chevronPosition === 'start' && (h("p-icon", { key: '1d2c9857b333ce860e88cedd867a2d4e921202bd', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
301
+ }) }, this.chevron && this.chevronPosition === 'start' && (h("p-icon", { key: '58c2c59f55ad78836ff6f2fca8682f9e6765116d', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
302
302
  this.iconPosition === 'start' &&
303
303
  !(this.iconOnly && this.loading) &&
304
- this._getIcon(), h("slot", { key: 'f0406ef28f558774f9952e942cefb11b75ee8f5f' }), this.icon &&
304
+ this._getIcon(), h("slot", { key: '33802c3da8a69fe76fdc3bfe04d3e631a49ddf5d' }), this.icon &&
305
305
  this.iconPosition === 'end' &&
306
306
  !this.loading &&
307
307
  !this.chevron &&
308
- this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (h("p-icon", { key: 'd3ccba3bad624c75b28562b0503d5804dad462b0', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.loading && h("p-loader", { key: '2de6facd444171e293fea2bc6aa3888b13bd079f', color: loaderColor }))));
308
+ this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (h("p-icon", { key: 'aeaca35833821ed80b487989421d3cae3fda143f', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.loading && h("p-loader", { key: '9cb1ca66aca004cda537a9e2b53a468b47714691', color: loaderColor }))));
309
309
  }
310
310
  handleClick(ev) {
311
311
  if (this.loading || this.disabled) {
package/dist/collection/components/molecules/button-group/button-group.component.js CHANGED
@@ -11,7 +11,7 @@ export class ButtonGroup {
11
11
  this._checkButtons();
12
12
  }
13
13
  render() {
14
- return (h(Host, { key: '0647722609a39d03bb20c84b52a9ddd35d96f582', class: 'p-button-group flex items-center' }, h("slot", { key: 'b29b73fc742655442576b7f85d0de2ec37af8c1d' })));
14
+ return (h(Host, { key: 'e6f8f11913c961bcd9eb60dbe3701d4d6b0ddda8', class: 'p-button-group flex items-center' }, h("slot", { key: '0fc6046183416abb64e79afd71d388c02e88e13d' })));
15
15
  }
16
16
  slotchange() {
17
17
  this._checkButtons();
package/dist/collection/components/molecules/calendar/calendar.component.js CHANGED
@@ -135,7 +135,7 @@ export class Calendar {
135
135
  .filter(date => isValid(date));
136
136
  }
137
137
  render() {
138
- return (h(Host, { key: 'fe8fe4bdd71db351a46b4ee502a5b99d5cc9998b', class: calendar({ variant: this.variant }) }, this._getView()));
138
+ return (h(Host, { key: '46faa32e58b38b7d391ab869ee87321605543a2a', class: calendar({ variant: this.variant }) }, this._getView()));
139
139
  }
140
140
  _getView() {
141
141
  if (this._view === 'year') {
package/dist/collection/components/molecules/content-slider/content-slider.component.js CHANGED
@@ -39,9 +39,9 @@ export class ContentSlider {
39
39
  }
40
40
  }
41
41
  render() {
42
- return (h(Host, { key: '8eb11bf3cc0a423f409e4be422bc6317da9781d3', class: "p-content-slider" }, h("div", { key: 'f8f2b83337877d30e99288c5dfe39fdd3c0d4836', class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, style: {
42
+ return (h(Host, { key: 'd6b4692cc1d43891354a500329fff9580ed44740', class: "p-content-slider" }, h("div", { key: 'e8cc6a05ce6dc25b78965d668e3bace718f16a6a', class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, style: {
43
43
  height: `${this._outerHeight}px`,
44
- }, ref: (el) => (this._sliderRef = el), onMouseDown: (e) => this._mouseDownHandler(e), onTouchStart: (e) => this._mouseDownHandler(e), onMouseMove: (e) => this._mouseMoveHandler(e), onTouchMove: (e) => this._mouseMoveHandler(e) }, h("div", { key: 'a59469a94a13cca80542a65bed22c404b99b3ecb', class: "inner-slider", ref: (ref) => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: '5e00f801555b5df3b9246854d59ed1876286ebe5' }))), h("div", { key: '01cf555792aca6f36bec72acf123b0e398901cd6', class: `indicator ${this.hideMobileIndicator && 'hidden'}` }, this._items.map((_, i) => (h("div", { onClick: () => this._scrollTo(i, true), class: `item ${!this.disableIndicatorClick && 'cursor-pointer'}` }, h("p-slider-indicator", { active: i === this._visibleIndex })))))));
44
+ }, ref: (el) => (this._sliderRef = el), onMouseDown: (e) => this._mouseDownHandler(e), onTouchStart: (e) => this._mouseDownHandler(e), onMouseMove: (e) => this._mouseMoveHandler(e), onTouchMove: (e) => this._mouseMoveHandler(e) }, h("div", { key: '6168400b01a4f4effa2793fd39c1a1da08177944', class: "inner-slider", ref: (ref) => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: '09562df788a6cf274356c8abd72939dfe3007d2b' }))), h("div", { key: 'e1cab5a4ab8d6c8b580c484daf61ab5f7bb81c8c', class: `indicator ${this.hideMobileIndicator && 'hidden'}` }, this._items.map((_, i) => (h("div", { onClick: () => this._scrollTo(i, true), class: `item ${!this.disableIndicatorClick && 'cursor-pointer'}` }, h("p-slider-indicator", { active: i === this._visibleIndex })))))));
45
45
  }
46
46
  _mouseDownHandler(e) {
47
47
  if (this.disableDrag || this._dragging) {
package/dist/collection/components/molecules/cropper/cropper.component.js CHANGED
@@ -34,10 +34,10 @@ export class Cropper {
34
34
  }, 200);
35
35
  }
36
36
  render() {
37
- return (h(Host, { key: 'c7ca3f48d21b7925b17f42ef5efeb66ceb814884', class: 'p-cropper' }, this._loaded && (h("cropper-canvas", { key: 'adf2a4302c2c7170924c5b433b8841964360f3ea', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-mystic-medium bg-white', onAction: () => this._onAction() }, h("cropper-image", { key: 'd74a8a67b80699f6ffc16bb69ff55728bada0528', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, crossorigin: 'anonymous' }), h("cropper-shade", { key: '6a5b34376058b7e086e3061c5473da98f7ef64e9', class: clsx({
37
+ return (h(Host, { key: 'b2e007b713b03eb78e4be7089d12c98b340de901', class: 'p-cropper' }, this._loaded && (h("cropper-canvas", { key: 'ebf28d49ad1946d5d436875dc9dc8339f926210d', class: 'h-[17.5rem] w-full border-0 border-b border-solid border-mystic-medium bg-white', onAction: () => this._onAction() }, h("cropper-image", { key: 'd6b6b2a3943c503aa0d2082be017c50563d0dfd9', src: this.value, alt: 'Picture', ref: ref => this._setImageRef(ref), scalable: true, crossorigin: 'anonymous' }), h("cropper-shade", { key: 'bad24efa774726cf6030d45657380a61149dce1f', class: clsx({
38
38
  'rounded-round': this.variant === 'user',
39
39
  rounded: this.variant === 'company',
40
- }), "theme-color": 'rgba(255, 255, 255, 0.5)', hidden: true }), h("cropper-selection", { key: '0f9d377be79c0077dfa219f129cc063d9ab50356', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: 'a58b78d26eb5ef59af523d9a656b96353d35011d', action: 'move', plain: true }))), h("div", { key: 'b3875252e85fa6c03f3b37b506a2671d08716046', class: 'flex w-full items-center gap-2 px-14 text-storm-vague tablet:max-w-xs tablet:px-1' }, h("p-icon", { key: 'ee09baf9f32e2740e7edab92b52a36c7d1ea34a3', variant: 'minus' }), h("input", { key: 'f02aeb58fec43835d116750c919bc320d5c55bbf', class: 'p-input w-full', type: 'range', min: '0', max: '100', value: this._currentScale, onInput: ev => this._onInput(ev.target.value), step: '0.5' }), h("p-icon", { key: '653559c8eaeaa0ae0a677d1c3756b1439e45fcd9', variant: 'plus' }))));
40
+ }), "theme-color": 'rgba(255, 255, 255, 0.5)', hidden: true }), h("cropper-selection", { key: 'fa46a342c0cb0a42eb2ece0ab624bd9e5c086f3e', "initial-coverage": '0.7', "aspect-ratio": '1', ref: ref => (this._selectionRef = ref) }), h("cropper-handle", { key: '5c6ab0d8b01095170e08717b37982f420c8de6f3', action: 'move', plain: true }))), h("div", { key: '3d23297da018576b20048beaeff88158e311b726', class: 'flex w-full items-center gap-2 px-14 text-storm-vague tablet:max-w-xs tablet:px-1' }, h("p-icon", { key: '8571b7630258792e532caee07f277d88ef111a6c', variant: 'minus' }), h("input", { key: 'e3440014fafc4b7dd4f38684c7565ec807c897cb', class: 'p-input w-full', type: 'range', min: '0', max: '100', value: this._currentScale, onInput: ev => this._onInput(ev.target.value), step: '0.5' }), h("p-icon", { key: '047adaf1e384ae862200760220adc8d3027dc66c', variant: 'plus' }))));
41
41
  }
42
42
  _setImageRef(ref) {
43
43
  if (this._imageRef) {
package/dist/collection/components/molecules/datepicker/datepicker.component.js CHANGED
@@ -116,9 +116,9 @@ export class Datepicker {
116
116
  this.parseValue(this.value);
117
117
  }
118
118
  render() {
119
- return (h(Host, { key: '53cefbcd435b31a304c14bcdf254981992f0300a', class: 'p-datepicker' }, h("p-dropdown", { key: 'd76542b017edc53f22a438d5258d7af31f58554a', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("p-field", { key: '610e312ff7b0cfe15b9181e10cb4e6e1eedb0020', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, disabled: this.disabled, focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (h("input", { key: '13223eded6fa5a099413ce69c12b2a5e6bc18b76', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'h-0 overflow-hidden' // we use h-0 here so location dependent pickers can correctly place itself
119
+ return (h(Host, { key: '859b876921f336859ff7e95b5c78517c74d795f7', class: 'p-datepicker' }, h("p-dropdown", { key: '4f89918eee02180a5a5e75618c01949c37259a01', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("p-field", { key: '70bac67fc5253c58b8a9ea85458decc98680c789', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, disabled: this.disabled, focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (h("input", { key: 'fbb07a9c49a08e16c741839eab8020ab7b520d7d', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'h-0 overflow-hidden' // we use h-0 here so location dependent pickers can correctly place itself
120
120
  ,
121
- onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value && format(this._value, 'yyyy-MM-dd'), min: this.minDate && format(new Date(this.minDate), 'yyyy-MM-dd'), max: this.maxDate && format(new Date(this.maxDate), 'yyyy-MM-dd') })), h("div", { key: 'e9e200360461dc61f401c4bea89714a70964b6a5', slot: 'items' }, h("p-calendar", { key: '47460a7acb1369d29b325bb92f9d464f2504905e', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, mode: this.mode })))));
121
+ onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value && format(this._value, 'yyyy-MM-dd'), min: this.minDate && format(new Date(this.minDate), 'yyyy-MM-dd'), max: this.maxDate && format(new Date(this.maxDate), 'yyyy-MM-dd') })), h("div", { key: '932e4d12ff014bd5c87fcf4eabf2f4a8ca8d7855', slot: 'items' }, h("p-calendar", { key: '54e2aecf8ec972795cbba708075e26561b7b4ea5', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, mode: this.mode })))));
122
122
  }
123
123
  documentClickHandler({ target }) {
124
124
  if (!this._showDropdown || childOf(target, this._el)) {
package/dist/collection/components/molecules/dropdown/dropdown.component.js CHANGED
@@ -71,12 +71,12 @@ export class Dropdown {
71
71
  };
72
72
  let dropdownContainer;
73
73
  if (this.usePortal) {
74
- dropdownContainer = (h("p-portal", { key: '2ef190e2cd48e5bb2c11ebb14dee78a2f00a10e9', ...dropdownContainerProps }, h("p-dropdown-menu-container", { key: '32a25346708daf087c4f63c3f3f8d68e2a3320f9', variant: this.variant, maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable }, h("slot", { key: '165b0919ff2cae9b8f040d972b7fcae245341568', name: 'items' }))));
74
+ dropdownContainer = (h("p-portal", { key: '188521ef2a7d7bc4717fd3661b015bc67c8f15c5', ...dropdownContainerProps }, h("p-dropdown-menu-container", { key: 'f2eba007ccc859a0b4be038d32591f9baa763d44', variant: this.variant, maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable }, h("slot", { key: 'f35f9a5de0cace36910a23bcc997013a68dd2bdc', name: 'items' }))));
75
75
  }
76
76
  else {
77
- dropdownContainer = (h("p-dropdown-menu-container", { key: '06169533cac303c1ad14f3eedd084120d0bc285d', variant: this.variant, maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, ...dropdownContainerProps }, h("slot", { key: 'f5e194cb30b783e4eacab149508adff0ed3a298e', name: 'items' })));
77
+ dropdownContainer = (h("p-dropdown-menu-container", { key: '9f8d9139afc893f4254fffe6fc51ea1886f4626a', variant: this.variant, maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, ...dropdownContainerProps }, h("slot", { key: '71a1a3b86796beb146db387981e6f433357aec6f', name: 'items' })));
78
78
  }
79
- return (h(Host, { key: 'a0a1de42bd08376b659cff117b25c43f417fd36e', class: 'p-dropdown relative' }, h("div", { key: 'ed7e4461a36af81c2e3928c9f8b243444782c793', class: 'trigger', ref: ref => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, h("slot", { key: '26dd3a15c60b860c3cfe7dbac3c09976b62242c0', name: 'trigger' })), dropdownContainer));
79
+ return (h(Host, { key: '6ae014439828ff99141a49489420a59132ab8f41', class: 'p-dropdown relative' }, h("div", { key: '30b1fb302a160457356906ba9922155af3b572d6', class: 'trigger', ref: ref => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, h("slot", { key: '6144e09dd66466030d46d80a3264c1851923c398', name: 'trigger' })), dropdownContainer));
80
80
  }
81
81
  _checkButtons(active = false) {
82
82
  if (!this.applyChevron) {
package/dist/collection/components/molecules/field/field.component.js CHANGED
@@ -178,19 +178,19 @@ export class Field {
178
178
  }
179
179
  render() {
180
180
  const { prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
181
- return (h(Host, { key: 'b75ada5f4769d2610912357d33da0b8529ab4984', class: 'p-field' }, h("p-field-container", { key: '235ae8fa186ad4db8d5a13661775bb555393c6d6', forceShowTooltip: this.forceShowTooltip || this._focused, label: this.label, helper: this.helper, error: this.error, required: this.required, variant: this.variant }, hasLabelSlot && (h("slot", { key: '2963450a44ff975755ad5dede7c69273cd10d808', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: 'af15180e5992ad98bbdd11b05b4abab9490a67a1', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: '62be6518228a811d52868b1e1da84c3a70664bee', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: '1979049bf6af97884f7b9a87e5e9cc683027efcd', name: 'error', slot: 'error' })), h("div", { key: 'c4f9c673f441ab73bcfb7266d5f817dd89c09630', class: field({
181
+ return (h(Host, { key: '49dcacd21d253634876b8fa53a963e0b6b3d7394', class: 'p-field' }, h("p-field-container", { key: '3adc3178b001b559168f72bf7d14b23c9d5e9e1f', forceShowTooltip: this.forceShowTooltip || this._focused, label: this.label, helper: this.helper, error: this.error, required: this.required, variant: this.variant }, hasLabelSlot && (h("slot", { key: '0e420edddd376cff9217eebe9aafebfee2b2de92', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: 'c7bba177220338bdbfc8d3e9c85d383677bde275', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: '723f03014cad13533bfc4eb05544230b512bd8ac', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: '95c1ffa450269b538c645375f9590ef2f60a9d60', name: 'error', slot: 'error' })), h("div", { key: 'f745633c4dbb9dcf0bfea02a9482ac754ccf9fa7', class: field({
182
182
  error: !!this.error?.length,
183
183
  disabled: this.disabled,
184
184
  focused: this.focused || this._focused,
185
185
  size: this.size,
186
186
  variant: this.variant,
187
187
  isTextarea: this.type === 'textarea',
188
- }), slot: 'content' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: 'a4e4b4cb9b9714036887783abea534760e191abc', class: prefixAndSuffix({
188
+ }), slot: 'content' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: 'ec9a003ef3ad3d57ec40bcce4e8e3850f553fceb', class: prefixAndSuffix({
189
189
  error: !!this.error?.length,
190
190
  disabled: this.disabled,
191
191
  focused: this.focused || this._focused,
192
192
  isText: typeof suffix === 'string',
193
- }), onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getContent(hasValueSlot), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: 'c7814f67e1e466ba4c746e03ad3ac036fef817e0', class: prefixAndSuffix({
193
+ }), onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getContent(hasValueSlot), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: '62644a9bb5160bddeae4e75dc0ebfd95eb6c8205', class: prefixAndSuffix({
194
194
  error: !!this.error?.length,
195
195
  disabled: this.disabled,
196
196
  focused: this.focused || this._focused,
package/dist/collection/components/molecules/input-error/input-error.component.js CHANGED
@@ -6,7 +6,7 @@ export class InputError {
6
6
  this._showTooltip = false;
7
7
  }
8
8
  render() {
9
- return (h(Host, { key: '460e73ad12c19bbc3b68910d4cde77ca3a137255', class: 'p-input-error' }, h("p-tooltip", { key: '56237ea74bfb49a18d55f074ce1e3dcad8966315', variant: 'error', content: this.error, show: this.forceShowTooltip, onIsOpen: ev => (this._showTooltip = ev.detail) }, h("p-icon", { key: '9c5216370a29e37ac03b99d3039d458aa88f3629', class: `${this._showTooltip ? 'text-negative' : 'text-negative-light'} hover:text-negative`, slot: 'trigger', variant: 'question-circle' }))));
9
+ return (h(Host, { key: '9f868355d1054591b9a6ea4d74ed35d7ce403cc4', class: 'p-input-error' }, h("p-tooltip", { key: '966da7a65c5a52d343e39e1d47fd2836c9abf78c', variant: 'error', content: this.error, show: this.forceShowTooltip, onIsOpen: ev => (this._showTooltip = ev.detail) }, h("p-icon", { key: '50e741bf36f05c5162c3e1ea51074d1c74717584', class: `${this._showTooltip ? 'text-negative' : 'text-negative-light'} hover:text-negative`, slot: 'trigger', variant: 'question-circle' }))));
10
10
  }
11
11
  static get is() { return "p-input-error"; }
12
12
  static get encapsulation() { return "shadow"; }
package/dist/collection/components/molecules/input-group/input-group.component.js CHANGED
@@ -32,11 +32,11 @@ export class InputGroup {
32
32
  }
33
33
  render() {
34
34
  const { hasHeaderSlot, helper, label, prefix, suffix, errorAndErrorIsNotBoolean, errorVariant, } = this._getSlotInfo();
35
- return (h(Host, { key: 'e1db8ece4db4fbd573e24523d8c9f2e9f61a606e', class: `p-input-group ${this.error?.length && 'error'} ${this.disabled && 'disabled'} ${this.focused && 'focused'} size-${this.size}` }, h("div", { key: '3eb10740350c62abab9757a28e2c437bcb9b4ceb', class: 'flex items-end justify-between' }, label && (h("div", { key: 'adc870ba2c4cf9ad0a435a840d16558e1d516864', class: 'input-label', onClick: () => this._focusInput() }, label, this.required && h("span", { key: '01825a70124dcdf25a3bebd865478a35e4c6b740', class: 'ml-1 text-negative' }, "*"))), (helper || hasHeaderSlot) && (h("div", { key: 'fd665be178c2c41b72a552bdaa717edd79c61f2c', class: 'input-header' }, hasHeaderSlot && h("slot", { key: '22828aea8b76809870ddbf69b8beeee1529283b7', name: 'header' }), helper && (h("p-helper", { key: '818b5827687e1002dd6090b33445d3e97fce4292', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))), h("p-tooltip", { key: '01172dcd5be0ee0bae29b5fb340d40372ab1a141', class: 'w-full', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean &&
35
+ return (h(Host, { key: '3b64813ba6c1b60adfc2d00b992c3f6b031444b8', class: `p-input-group ${this.error?.length && 'error'} ${this.disabled && 'disabled'} ${this.focused && 'focused'} size-${this.size}` }, h("div", { key: '4ce62abdb4c16aa68b8d28197a852c47108f21ad', class: 'flex items-end justify-between' }, label && (h("div", { key: 'b655dd1ef55d37287c3b17a579497139f169f84b', class: 'input-label', onClick: () => this._focusInput() }, label, this.required && h("span", { key: '7d79cabfba9cd13ab5adaf04a8bd2665974f9a1e', class: 'ml-1 text-negative' }, "*"))), (helper || hasHeaderSlot) && (h("div", { key: 'e4e8edc368c460d6caa122e7c2555298968f693a', class: 'input-header' }, hasHeaderSlot && h("slot", { key: 'b192742c644473dd5a47009c59d6341294b5b68c', name: 'header' }), helper && (h("p-helper", { key: '793bb03d5d343b9cb13e85ca5427e4af2aa0aa6d', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))), h("p-tooltip", { key: 'e608346e57da2bfee29e1d23c4f9cc78f8dcc4e9', class: 'w-full', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean &&
36
36
  errorVariant === 'element' &&
37
- (this.forceShowTooltip || this._forceShowTooltip), enableUserInput: false }, h("div", { key: '47452ca6883a16b292f37a5d1e9f3389a9864537', class: 'content', slot: 'trigger' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: 'cb4511181318173ec678112195ae601dbd924e50', class: `prefix size-${this.size}`, onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), (suffix ||
37
+ (this.forceShowTooltip || this._forceShowTooltip), enableUserInput: false }, h("div", { key: 'e56a794eec36a1dd6ff37998882206ca48b0ca0f', class: 'content', slot: 'trigger' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: 'f7b2eb5147f395ccbcb6672a620dcd8d7310e9f1', class: `prefix size-${this.size}`, onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), (suffix ||
38
38
  (errorAndErrorIsNotBoolean && errorVariant === 'icon') ||
39
- (this.icon && this.iconPosition === 'end')) && (h("div", { key: 'b3ee48219bb9a50cdf9385607fcd5b764746db07', class: `suffix size-${this.size}`, onClick: () => this._focusInput() }, errorAndErrorIsNotBoolean && errorVariant === 'icon' ? (h("p-input-error", { error: this.error, forceShowTooltip: this.forceShowTooltip || this._forceShowTooltip })) : this.icon && this.iconPosition === 'end' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (suffix))), h("slot", { key: 'e41a06801fc11044122862e066f0691f611743f0', name: 'input' })))));
39
+ (this.icon && this.iconPosition === 'end')) && (h("div", { key: '3f47b919dfbbb65f77a4480d2d7e6ff92f01f205', class: `suffix size-${this.size}`, onClick: () => this._focusInput() }, errorAndErrorIsNotBoolean && errorVariant === 'icon' ? (h("p-input-error", { error: this.error, forceShowTooltip: this.forceShowTooltip || this._forceShowTooltip })) : this.icon && this.iconPosition === 'end' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (suffix))), h("slot", { key: 'bb147b856fa160f2266eb80fb373150bb58e67a1', name: 'input' })))));
40
40
  }
41
41
  handleFocusIn() {
42
42
  this._forceShowTooltip = true;
package/dist/collection/components/molecules/label/label.component.js CHANGED
@@ -37,14 +37,14 @@ export class Label {
37
37
  this.keepMobileContent = false;
38
38
  }
39
39
  render() {
40
- return (h(Host, { key: 'f1dbab04a321adb28cd47e777cc47ef3e6e7f770', class: 'p-label' }, h("div", { key: 'b1bb0deb6c4fd2055450f30b30e85bba3edd8acc', class: label({
40
+ return (h(Host, { key: '34bf8bc0e6ca29fbd6a889895d888fd179e21c34', class: 'p-label' }, h("div", { key: '2ca6b618c3ef74001086fca0cf09ffaed8dc94be', class: label({
41
41
  variant: this.variant,
42
42
  iconOnly: this.iconOnly,
43
43
  keepMobileContent: this.keepMobileContent,
44
- }) }, this.icon && (h("p-icon", { key: '8bc53a171591d529cf9f2608192749c9c6d7c48d', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: 'cace3296ad188e08576a9bf145663a9b457901bd', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
44
+ }) }, this.icon && (h("p-icon", { key: '2e779cfb8f28ddb063448ebe70bbdfdece4471ec', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: '9ad259144a80cd32caf510f17d0741ac5a71ca12', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
45
45
  hidden: !this.keepMobileContent,
46
46
  'desktop-xs:block': !this.keepMobileContent,
47
- }) }, h("slot", { key: 'a449801a77365afd4ecf916434b3a889dea315ee' }))))));
47
+ }) }, h("slot", { key: 'b53d67664231536f212587fd02e1bbc2fc25050f' }))))));
48
48
  }
49
49
  static get is() { return "p-label"; }
50
50
  static get encapsulation() { return "shadow"; }
package/dist/collection/components/molecules/navigation-item/navigation-item.component.js CHANGED
@@ -43,10 +43,10 @@ export class NavigationItem {
43
43
  render() {
44
44
  const TagType = this.as;
45
45
  const active = this.active || this.class?.includes('active');
46
- return (h(Host, { key: '988a4b84ab9146aa06de915a06092894e9cf0a68', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: '8cade7e9dc59ae1adc5fb6325d6c008e8f0a207f', class: navigationItem({
46
+ return (h(Host, { key: 'dacf0b77def805153d8bb3d3c3b20a409852d1a7', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: '8043fa7ede6155359324766529915b23764086f1', class: navigationItem({
47
47
  icon: !!this.icon,
48
48
  active,
49
- }), href: this.href, target: this.target }, h("div", { key: '5f6cc2d0065d91bf7f5d943b2c62d28c0282a553', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: '727250f6b3a18be24f2e8071cd2e8a0ba42c0ee5', variant: this.icon })), h("span", { key: 'c8d4814d0144a79305fc07ac5707a530a88a6628', class: this.counter && 'has-counter' }, h("slot", { key: '03b08d43b3185ddcff581f2704037ff3268cc7f0' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: '8d3e54e2dd4d9e6c37c6fa7f9a29b09f743c6cc6' }, this.counter)), !!this.loading && h("p-loader", { key: '7f1fc5d2e891a3ae79bb56497823017d264843cd', class: 'ml-auto' }))));
49
+ }), href: this.href, target: this.target }, h("div", { key: '7c6b27e1c9a7ff8e34dd7ae85b164c7453ca2fea', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: '0b6b9ea5681cc2f6f928167273118809e122b7b0', variant: this.icon })), h("span", { key: '0177c3985d3b6c0534396747e3ea7cbb1d1d836e', class: this.counter && 'has-counter' }, h("slot", { key: '758c961b2a30e1c56cfea749f37855a4709a1e02' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: '30573f9f22772d0e337c8fddb996e446e0aa1fbc' }, this.counter)), !!this.loading && h("p-loader", { key: '6c8b9c7b4d62c85000b862ac7f63c6190ad8cdd4', class: 'ml-auto' }))));
50
50
  }
51
51
  static get is() { return "p-navigation-item"; }
52
52
  static get originalStyleUrls() {
package/dist/collection/components/molecules/navigation-section/navigation-section.component.js CHANGED
@@ -4,7 +4,7 @@ export class NavigationSection {
4
4
  this.header = undefined;
5
5
  }
6
6
  render() {
7
- return (h(Host, { key: '6cddd1e00b61b3f1a3567a69d2de1c1117822fa3', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '084887a5d8fc5d0c45c2faac96aead364bf93fa8' }, this.header)), h("div", { key: '1b8b27d6fbeee63a2262bfe2e4d72a4eb0ebd5a5', class: 'flex flex-col' }, h("slot", { key: '1bbd452c7ecd6bee4d79678b849e02164c828f9f' }))));
7
+ return (h(Host, { key: '12a7ddc1fc8a0510a789a82cd223c721f299821c', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '4f1687e4ccfb515e931806367a80ab18f96cb0ec' }, this.header)), h("div", { key: '4f1b482d6c3b6767822936d538b0b1525471a63b', class: 'flex flex-col' }, h("slot", { key: '880099723344f9c62559df0aa237bed57a51f23c' }))));
8
8
  }
9
9
  static get is() { return "p-navigation-section"; }
10
10
  static get originalStyleUrls() {
package/dist/collection/components/molecules/pagination/pagination.component.js CHANGED
@@ -36,12 +36,12 @@ export class Pagination {
36
36
  pageSizeChange;
37
37
  render() {
38
38
  const hidePageSizeSelect = this.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];
39
- return (h(Host, { key: '90a23cd6c05cf683d848afc24ee03b95426e791e', class: pagination({
39
+ return (h(Host, { key: 'a1a066729ca049c6b4ec615a216241404c9ba545', class: pagination({
40
40
  hidden: (hidePageSizeSelect && !this.enablePaginationSize) ||
41
41
  (!this.enablePaginationSize && !this.enablePaginationPages),
42
- }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: 'c7f8ec9ddbf7a3e40ab466e5d356901df2ea6f3f' }, h("p-pagination-size", { key: 'f98822e9feab28e4a9bcec27229096f28e462158', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
42
+ }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: '826dd028fe33cb8de4b5e692264f74963acdd60d' }, h("p-pagination-size", { key: '505283b962f1d515073d62bd46cbd12b2bd522a2', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
43
43
  this.hideOnSinglePage &&
44
- this._hasPaginationPages && (h("p-divider", { key: '1f32c4da7c21822e2c4392c6f1e56e8048aa3f2f', variant: 'vertical', class: 'mx-0 h-4 text-human-beige-700' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: '2bab7184cf3a49073cd26c68662532e00c5ffda2', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) }))));
44
+ this._hasPaginationPages && (h("p-divider", { key: '28879c1698226575969d43bc1c15eb45368a29a5', variant: 'vertical', class: 'mx-0 h-4 text-human-beige-700' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: 'f88347164b140591930de78e9599760c2c787c86', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) }))));
45
45
  }
46
46
  _changePageSize(s) {
47
47
  if (!s) {
package/dist/collection/components/molecules/pagination-pages/pagination-pages.component.js CHANGED
@@ -29,7 +29,7 @@ export class PaginationPages {
29
29
  this._generate();
30
30
  }
31
31
  render() {
32
- return (h(Host, { key: 'e0690bf05d27e87d7e85b24cd2944ed338296dbf', class: pagination({
32
+ return (h(Host, { key: '3a62206e22addc7b51dadd6d01e26a9117099fa0', class: pagination({
33
33
  hidden: this.hideOnSinglePage && this._set?.length === 3,
34
34
  }) }, this._set?.map(p => {
35
35
  if (p.type === 'previous' || p.type === 'next') {
package/dist/collection/components/molecules/profile/profile.component.js CHANGED
@@ -26,7 +26,7 @@ export class Profile {
26
26
  }
27
27
  render() {
28
28
  const content = this._getContent();
29
- return (h(Host, { key: 'c0fbe8fa2fbbcae04a370f132ce02091039a4007', class: 'p-profile inline-block w-inherit' }, this._hasDropdownSlot ? (h("p-dropdown", { class: 'block', strategy: 'absolute', placement: this.dropdownLocation, applyFullWidth: true, applyMaxWidth: false, onIsOpen: ev => (this._dropdownOpen = ev.detail) }, h("p-button", { variant: 'dropdown', chevron: this._dropdownOpen ? 'up' : 'down', active: this._dropdownOpen, slot: 'trigger', size: 'lg', class: 'w-full' }, content), h("div", { slot: 'items' }, h("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
29
+ return (h(Host, { key: '26bc2fd668fdf024d9221d00655fb9838b08f2c7', class: 'p-profile inline-block w-inherit' }, this._hasDropdownSlot ? (h("p-dropdown", { class: 'block', strategy: 'absolute', placement: this.dropdownLocation, applyFullWidth: true, applyMaxWidth: false, onIsOpen: ev => (this._dropdownOpen = ev.detail) }, h("p-button", { variant: 'dropdown', chevron: this._dropdownOpen ? 'up' : 'down', active: this._dropdownOpen, slot: 'trigger', size: 'lg', class: 'w-full' }, content), h("div", { slot: 'items' }, h("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
30
30
  }
31
31
  slotchange() {
32
32
  this._checkDropdownSlot();
package/dist/collection/components/molecules/select/select.component.js CHANGED
@@ -154,7 +154,7 @@ export class Select {
154
154
  }
155
155
  }
156
156
  render() {
157
- return (h(Host, { key: '5fca82e69df3bcdbff0b946c4ae1335f7bee738a', class: 'p-select' }, h("p-dropdown", { key: 'c5fab92fa37891c3bf00cd7d512a0c8484267e6b', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev), usePortal: this.usePortal, strategy: this.strategy }, h("p-field-container", { key: '85d39bac84e07e015c8d643a2f2372dfc259e9b6', slot: 'trigger', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, errorPlacement: 'top-start', forceShowTooltip: this.error?.length && this._showDropdown }, h("p-button", { key: '62659969a3ea8c096af2f288b19a313cd3063254', class: 'w-full', slot: 'content', variant: 'secondary', size: this.size, chevron: this.showChevron, disabled: this.disabled, active: this._showDropdown, icon: this.icon, onClick: ev => this._onClick(ev) }, h("div", { key: '8c1bb55bde3a7080f535c86709d010bd82a8c971', class: 'relative flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue))), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem())));
157
+ return (h(Host, { key: 'db98edf55c36424552813113641795ff7b307a8f', class: 'p-select' }, h("p-dropdown", { key: '1ac5cdc93f991f2fdf2c2e270466392b4aa9ac8a', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev), usePortal: this.usePortal, strategy: this.strategy }, h("p-field-container", { key: '3ca712583d0404aee7ad05b64f24f80fa28529ea', slot: 'trigger', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, errorPlacement: 'top-start', forceShowTooltip: this.error?.length && this._showDropdown }, h("p-button", { key: '0364ec672857ece310947f1b5685505cc69b9cc3', class: 'w-full', slot: 'content', variant: 'secondary', size: this.size, chevron: this.showChevron, disabled: this.disabled, active: this._showDropdown, icon: this.icon, onClick: ev => this._onClick(ev) }, h("div", { key: '1fdadddd49a027ec44c95b703ddfb18eb5112ab4', class: 'relative flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue))), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem())));
158
158
  }
159
159
  documentClickHandler({ target }) {
160
160
  if (!this._showDropdown || childOf(target, this._el)) {
package/dist/collection/components/molecules/stepper/stepper.component.js CHANGED
@@ -116,7 +116,7 @@ export class Stepper {
116
116
  }
117
117
  }
118
118
  render() {
119
- return (h(Host, { key: 'ea1674841729093f8c7c93a22362efcb9fe7a410', class: 'p-stepper' }, h("slot", { key: 'bda39ed6b0ee781f9edd0ff5150521feb77bceb2', onSlotchange: () => this._generateStepsOnce() })));
119
+ return (h(Host, { key: '82953a962d2152945a8f29ef45e1c5d7a686988d', class: 'p-stepper' }, h("slot", { key: 'aa8408d3d675c47ce5ee617900a0ac1605f80ddb', onSlotchange: () => this._generateStepsOnce() })));
120
120
  }
121
121
  _onActiveStepChange() {
122
122
  this._generateStepsOnce();
package/dist/collection/components/molecules/table-cell/table-cell.component.js CHANGED
@@ -83,7 +83,7 @@ export class TableCell {
83
83
  };
84
84
  }
85
85
  render() {
86
- return (h(Host, { key: '5ea2d685b03dbab341e3dc4707a2fec3b1959e2c', class: {
86
+ return (h(Host, { key: '3ee5dc1b38a97dd051e92244510ee788da353f86', class: {
87
87
  'p-table-cell': true,
88
88
  [`variant-${this.variant}`]: true,
89
89
  ...this._getColumnClasses(),