@paperless/core 0.1.0-alpha.450 → 0.1.0-alpha.451

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 (510) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/assets/icons/bread.svg +5 -12
  3. package/dist/assets/icons/car.svg +5 -12
  4. package/dist/assets/icons/search.svg +5 -12
  5. package/dist/build/p-07259c61.entry.js +2 -0
  6. package/dist/build/{p-f3207ec2.entry.js.map → p-07259c61.entry.js.map} +1 -1
  7. package/dist/build/p-13a6730f.entry.js +2 -0
  8. package/dist/build/{p-c0cae302.entry.js.map → p-13a6730f.entry.js.map} +1 -1
  9. package/dist/build/p-195632a8.entry.js +2 -0
  10. package/dist/build/p-26da620b.entry.js +2 -0
  11. package/dist/build/{p-49104ffe.entry.js.map → p-26da620b.entry.js.map} +1 -1
  12. package/dist/build/p-4c51a801.entry.js +2 -0
  13. package/dist/build/p-51408aca.entry.js +2 -0
  14. package/dist/build/{p-8569fa3c.entry.js.map → p-51408aca.entry.js.map} +1 -1
  15. package/dist/build/p-57a1b2c4.entry.js +2 -0
  16. package/dist/{paperless/p-f4c9724c.entry.js.map → build/p-57a1b2c4.entry.js.map} +1 -1
  17. package/dist/build/{p-4b99a4fe.entry.js → p-594b28a7.entry.js} +2 -2
  18. package/dist/build/{p-c6d9e720.entry.js.map → p-594b28a7.entry.js.map} +1 -1
  19. package/dist/build/p-5c7b20a3.entry.js +2 -0
  20. package/dist/build/{p-af92e53c.entry.js.map → p-5c7b20a3.entry.js.map} +1 -1
  21. package/dist/build/p-6124f388.entry.js +2 -0
  22. package/dist/build/{p-b10959aa.entry.js.map → p-6124f388.entry.js.map} +1 -1
  23. package/dist/build/p-69263e17.entry.js +2 -0
  24. package/dist/build/{p-d51ede49.entry.js.map → p-69263e17.entry.js.map} +1 -1
  25. package/dist/build/p-6d5aa646.entry.js +2 -0
  26. package/dist/build/{p-e8a815d7.entry.js.map → p-6d5aa646.entry.js.map} +1 -1
  27. package/dist/build/p-6f1352e0.entry.js +2 -0
  28. package/dist/{paperless/p-b5b591c7.entry.js.map → build/p-6f1352e0.entry.js.map} +1 -1
  29. package/dist/build/p-910bd6bc.entry.js +2 -0
  30. package/dist/build/{p-4b99a4fe.entry.js.map → p-910bd6bc.entry.js.map} +1 -1
  31. package/dist/build/p-91725831.entry.js +2 -0
  32. package/dist/build/p-9328003b.entry.js +2 -0
  33. package/dist/build/{p-32184c47.entry.js.map → p-9328003b.entry.js.map} +1 -1
  34. package/dist/build/p-955cdb0f.entry.js +2 -0
  35. package/dist/{paperless/p-886a1eda.entry.js.map → build/p-955cdb0f.entry.js.map} +1 -1
  36. package/dist/build/p-a1c1d95b.entry.js +2 -0
  37. package/dist/build/{p-a0790d7b.entry.js.map → p-a1c1d95b.entry.js.map} +1 -1
  38. package/dist/build/p-a23ea8fe.entry.js +2 -0
  39. package/dist/build/{p-3bd4c1c1.entry.js.map → p-a23ea8fe.entry.js.map} +1 -1
  40. package/dist/build/p-a25056f0.entry.js +2 -0
  41. package/dist/build/{p-365a4351.entry.js.map → p-a25056f0.entry.js.map} +1 -1
  42. package/dist/build/p-abcd80e9.entry.js +2 -0
  43. package/dist/build/{p-688264c9.entry.js.map → p-abcd80e9.entry.js.map} +1 -1
  44. package/dist/build/p-afb8771e.entry.js +2 -0
  45. package/dist/{paperless/p-05f190f9.entry.js.map → build/p-afb8771e.entry.js.map} +1 -1
  46. package/dist/{paperless/p-d1a0cdf5.entry.js → build/p-b88c3a4d.entry.js} +2 -2
  47. package/dist/build/{p-d1a0cdf5.entry.js.map → p-b88c3a4d.entry.js.map} +1 -1
  48. package/dist/build/p-b92dd098.entry.js +2 -0
  49. package/dist/build/{p-4939be3e.entry.js.map → p-b92dd098.entry.js.map} +1 -1
  50. package/dist/build/p-b9f742e0.entry.js +2 -0
  51. package/dist/build/{p-f215bf8c.entry.js.map → p-b9f742e0.entry.js.map} +1 -1
  52. package/dist/build/p-bf0eca4f.entry.js +2 -0
  53. package/dist/build/{p-f429073e.entry.js.map → p-bf0eca4f.entry.js.map} +1 -1
  54. package/dist/build/p-c7ce0eeb.entry.js +2 -0
  55. package/dist/build/{p-eb6cab7f.entry.js.map → p-c7ce0eeb.entry.js.map} +1 -1
  56. package/dist/build/p-cb2746e2.entry.js +2 -0
  57. package/dist/{paperless/p-23e4675c.entry.js.map → build/p-cb2746e2.entry.js.map} +1 -1
  58. package/dist/build/{p-f9aaa75c.entry.js → p-ce1abd74.entry.js} +2 -2
  59. package/dist/build/p-ce443f5b.entry.js +2 -0
  60. package/dist/build/p-d393493c.entry.js +2 -0
  61. package/dist/build/p-da6e5abd.entry.js +2 -0
  62. package/dist/build/{p-af38f227.entry.js.map → p-da6e5abd.entry.js.map} +1 -1
  63. package/dist/build/p-e17560e6.entry.js +2 -0
  64. package/dist/build/{p-1d6b036c.entry.js.map → p-e17560e6.entry.js.map} +1 -1
  65. package/dist/build/p-e1da7376.entry.js +2 -0
  66. package/dist/build/p-e86d60f1.entry.js +2 -0
  67. package/dist/build/{p-bc774c61.entry.js.map → p-e86d60f1.entry.js.map} +1 -1
  68. package/dist/build/p-e9a1b51e.entry.js +2 -0
  69. package/dist/build/{p-f59afce6.entry.js.map → p-e9a1b51e.entry.js.map} +1 -1
  70. package/dist/build/p-ec850aca.entry.js +2 -0
  71. package/dist/build/{p-3eab06e0.entry.js.map → p-ec850aca.entry.js.map} +1 -1
  72. package/dist/build/p-ed6edf0a.entry.js +2 -0
  73. package/dist/build/{p-f695dc3c.entry.js.map → p-ed6edf0a.entry.js.map} +1 -1
  74. package/dist/build/p-f7ad4cc7.entry.js +2 -0
  75. package/dist/{paperless/p-193d47ef.entry.js.map → build/p-f7ad4cc7.entry.js.map} +1 -1
  76. package/dist/build/paperless.esm.js +1 -1
  77. package/dist/cjs/p-accordion.cjs.entry.js +1 -1
  78. package/dist/cjs/p-accordion.cjs.entry.js.map +1 -1
  79. package/dist/cjs/p-attachment.cjs.entry.js +1 -1
  80. package/dist/cjs/p-attachment.cjs.entry.js.map +1 -1
  81. package/dist/cjs/p-avatar-group.cjs.entry.js +1 -1
  82. package/dist/cjs/p-avatar-group.cjs.entry.js.map +1 -1
  83. package/dist/cjs/p-avatar.cjs.entry.js +1 -1
  84. package/dist/cjs/p-backdrop.cjs.entry.js +1 -1
  85. package/dist/cjs/p-backdrop.cjs.entry.js.map +1 -1
  86. package/dist/cjs/p-button_3.cjs.entry.js +18 -39
  87. package/dist/cjs/p-button_3.cjs.entry.js.map +1 -1
  88. package/dist/cjs/p-calendar.cjs.entry.js +1 -1
  89. package/dist/cjs/p-calendar.cjs.entry.js.map +1 -1
  90. package/dist/cjs/p-card-body.cjs.entry.js +1 -1
  91. package/dist/cjs/p-card-container.cjs.entry.js +1 -1
  92. package/dist/cjs/p-card-container.cjs.entry.js.map +1 -1
  93. package/dist/cjs/p-card-header.cjs.entry.js +1 -1
  94. package/dist/cjs/p-card-header.cjs.entry.js.map +1 -1
  95. package/dist/cjs/p-content-slider.cjs.entry.js +1 -1
  96. package/dist/cjs/p-content-slider.cjs.entry.js.map +1 -1
  97. package/dist/cjs/p-counter.cjs.entry.js +1 -1
  98. package/dist/cjs/p-counter.cjs.entry.js.map +1 -1
  99. package/dist/cjs/p-datepicker.cjs.entry.js +1 -1
  100. package/dist/cjs/p-datepicker.cjs.entry.js.map +1 -1
  101. package/dist/cjs/p-divider.cjs.entry.js +1 -1
  102. package/dist/cjs/p-divider.cjs.entry.js.map +1 -1
  103. package/dist/cjs/p-drawer-body_3.cjs.entry.js +3 -3
  104. package/dist/cjs/p-drawer-body_3.cjs.entry.js.map +1 -1
  105. package/dist/cjs/p-drawer.cjs.entry.js +1 -1
  106. package/dist/cjs/p-drawer.cjs.entry.js.map +1 -1
  107. package/dist/cjs/p-dropdown-menu-container.cjs.entry.js +1 -1
  108. package/dist/cjs/p-dropdown-menu-container.cjs.entry.js.map +1 -1
  109. package/dist/cjs/p-dropdown_2.cjs.entry.js +2 -2
  110. package/dist/cjs/p-dropdown_2.cjs.entry.js.map +1 -1
  111. package/dist/cjs/p-helper_3.cjs.entry.js +2 -2
  112. package/dist/cjs/p-helper_3.cjs.entry.js.map +1 -1
  113. package/dist/cjs/p-illustration_6.cjs.entry.js +5 -5
  114. package/dist/cjs/p-illustration_6.cjs.entry.js.map +1 -1
  115. package/dist/cjs/p-info-panel.cjs.entry.js +1 -1
  116. package/dist/cjs/p-info-panel.cjs.entry.js.map +1 -1
  117. package/dist/cjs/p-label_3.cjs.entry.js +3 -3
  118. package/dist/cjs/p-label_3.cjs.entry.js.map +1 -1
  119. package/dist/cjs/p-layout.cjs.entry.js +1 -1
  120. package/dist/cjs/p-modal-body_4.cjs.entry.js +4 -4
  121. package/dist/cjs/p-modal-body_4.cjs.entry.js.map +1 -1
  122. package/dist/cjs/p-navbar.cjs.entry.js +1 -1
  123. package/dist/cjs/p-navbar.cjs.entry.js.map +1 -1
  124. package/dist/cjs/p-navigation-item.cjs.entry.js +1 -1
  125. package/dist/cjs/p-navigation-item.cjs.entry.js.map +1 -1
  126. package/dist/cjs/p-page-size-select_3.cjs.entry.js +2 -2
  127. package/dist/cjs/p-page-size-select_3.cjs.entry.js.map +1 -1
  128. package/dist/cjs/p-profile.cjs.entry.js +1 -1
  129. package/dist/cjs/p-profile.cjs.entry.js.map +1 -1
  130. package/dist/cjs/p-select.cjs.entry.js +1 -1
  131. package/dist/cjs/p-select.cjs.entry.js.map +1 -1
  132. package/dist/cjs/p-slider-indicator.cjs.entry.js +1 -1
  133. package/dist/cjs/p-status.cjs.entry.js +1 -1
  134. package/dist/cjs/p-status.cjs.entry.js.map +1 -1
  135. package/dist/cjs/p-stepper-item.cjs.entry.js +1 -1
  136. package/dist/cjs/p-stepper-item.cjs.entry.js.map +1 -1
  137. package/dist/cjs/p-stepper-line.cjs.entry.js +1 -1
  138. package/dist/cjs/p-stepper.cjs.entry.js +1 -1
  139. package/dist/cjs/p-tab-item.cjs.entry.js +1 -1
  140. package/dist/cjs/p-table.cjs.entry.js +1 -1
  141. package/dist/cjs/p-table.cjs.entry.js.map +1 -1
  142. package/dist/cjs/p-toast-container.cjs.entry.js +1 -1
  143. package/dist/cjs/p-toast-container.cjs.entry.js.map +1 -1
  144. package/dist/cjs/p-toast.cjs.entry.js +1 -1
  145. package/dist/cjs/p-toast.cjs.entry.js.map +1 -1
  146. package/dist/cjs/p-tooltip.cjs.entry.js +1 -1
  147. package/dist/cjs/p-tooltip.cjs.entry.js.map +1 -1
  148. package/dist/collection/assets/icons/bread.svg +5 -12
  149. package/dist/collection/assets/icons/car.svg +5 -12
  150. package/dist/collection/assets/icons/search.svg +5 -12
  151. package/dist/collection/components/atoms/button/button.component.css +1 -1
  152. package/dist/collection/components/atoms/divider/divider.component.css +1 -1
  153. package/dist/collection/components/atoms/dropdown-menu-container/dropdown-menu-container.component.css +1 -1
  154. package/dist/collection/components/atoms/dropdown-menu-item/dropdown-menu-item.component.css +1 -1
  155. package/dist/collection/components/atoms/helper/helper.component.css +1 -1
  156. package/dist/collection/components/atoms/icon/icon.component.css +1 -1
  157. package/dist/collection/components/atoms/label/label.component.css +1 -1
  158. package/dist/collection/components/atoms/loader/loader.component.css +1 -1
  159. package/dist/collection/components/atoms/pagination-item/pagination-item.component.css +1 -1
  160. package/dist/collection/components/atoms/segment-container/segment-container.component.css +1 -1
  161. package/dist/collection/components/atoms/segment-item/segment-item.component.css +1 -1
  162. package/dist/collection/components/atoms/table-container/table-container.component.css +1 -1
  163. package/dist/collection/components/atoms/tooltip/tooltip.component.css +1 -1
  164. package/dist/collection/components/molecules/attachment/attachment.component.css +1 -1
  165. package/dist/collection/components/molecules/dropdown/dropdown.component.css +1 -1
  166. package/dist/collection/components/molecules/input-group/input-group.component.css +1 -1
  167. package/dist/collection/components/molecules/pagination/pagination.component.css +1 -1
  168. package/dist/collection/components/molecules/select/select.component.css +1 -1
  169. package/dist/collection/components/molecules/table-cell/table-cell.component.css +1 -1
  170. package/dist/collection/components/molecules/table-footer/table-footer.component.css +1 -1
  171. package/dist/collection/components/molecules/table-header/table-header.component.css +1 -1
  172. package/dist/collection/components/molecules/table-row/table-row.component.css +1 -1
  173. package/dist/collection/components/organisms/table/table.component.css +1 -1
  174. package/dist/components/backdrop.component.js +1 -1
  175. package/dist/components/backdrop.component.js.map +1 -1
  176. package/dist/components/button.component.js +1 -1
  177. package/dist/components/button.component.js.map +1 -1
  178. package/dist/components/calendar.component.js +1 -1
  179. package/dist/components/calendar.component.js.map +1 -1
  180. package/dist/components/counter.component.js +1 -1
  181. package/dist/components/counter.component.js.map +1 -1
  182. package/dist/components/divider.component.js +1 -1
  183. package/dist/components/divider.component.js.map +1 -1
  184. package/dist/components/drawer-body.component.js +1 -1
  185. package/dist/components/drawer-body.component.js.map +1 -1
  186. package/dist/components/drawer-container.component.js +1 -1
  187. package/dist/components/drawer-container.component.js.map +1 -1
  188. package/dist/components/drawer-header.component.js +1 -1
  189. package/dist/components/drawer-header.component.js.map +1 -1
  190. package/dist/components/dropdown-menu-container.component.js +1 -1
  191. package/dist/components/dropdown-menu-container.component.js.map +1 -1
  192. package/dist/components/dropdown-menu-item.component.js +1 -1
  193. package/dist/components/dropdown-menu-item.component.js.map +1 -1
  194. package/dist/components/dropdown.component.js +1 -1
  195. package/dist/components/dropdown.component.js.map +1 -1
  196. package/dist/components/helper.component.js +1 -1
  197. package/dist/components/helper.component.js.map +1 -1
  198. package/dist/components/icon.component.js +16 -37
  199. package/dist/components/icon.component.js.map +1 -1
  200. package/dist/components/input-group.component.js +1 -1
  201. package/dist/components/input-group.component.js.map +1 -1
  202. package/dist/components/label.component.js +1 -1
  203. package/dist/components/label.component.js.map +1 -1
  204. package/dist/components/loader.component.js +1 -1
  205. package/dist/components/loader.component.js.map +1 -1
  206. package/dist/components/modal-body.component.js +1 -1
  207. package/dist/components/modal-body.component.js.map +1 -1
  208. package/dist/components/modal-container.component.js +1 -1
  209. package/dist/components/modal-container.component.js.map +1 -1
  210. package/dist/components/modal-footer.component.js +1 -1
  211. package/dist/components/modal-footer.component.js.map +1 -1
  212. package/dist/components/modal-header.component.js +1 -1
  213. package/dist/components/modal-header.component.js.map +1 -1
  214. package/dist/components/p-accordion.js +1 -1
  215. package/dist/components/p-accordion.js.map +1 -1
  216. package/dist/components/p-attachment.js +1 -1
  217. package/dist/components/p-attachment.js.map +1 -1
  218. package/dist/components/p-avatar-group.js +1 -1
  219. package/dist/components/p-avatar-group.js.map +1 -1
  220. package/dist/components/p-avatar.js +1 -1
  221. package/dist/components/p-card-body.js +1 -1
  222. package/dist/components/p-card-container.js +1 -1
  223. package/dist/components/p-card-container.js.map +1 -1
  224. package/dist/components/p-card-header.js +1 -1
  225. package/dist/components/p-card-header.js.map +1 -1
  226. package/dist/components/p-content-slider.js +1 -1
  227. package/dist/components/p-content-slider.js.map +1 -1
  228. package/dist/components/p-datepicker.js +1 -1
  229. package/dist/components/p-datepicker.js.map +1 -1
  230. package/dist/components/p-drawer.js +1 -1
  231. package/dist/components/p-drawer.js.map +1 -1
  232. package/dist/components/p-info-panel.js +1 -1
  233. package/dist/components/p-info-panel.js.map +1 -1
  234. package/dist/components/p-layout.js +1 -1
  235. package/dist/components/p-navbar.js +1 -1
  236. package/dist/components/p-navbar.js.map +1 -1
  237. package/dist/components/p-navigation-item.js +1 -1
  238. package/dist/components/p-navigation-item.js.map +1 -1
  239. package/dist/components/p-profile.js +1 -1
  240. package/dist/components/p-profile.js.map +1 -1
  241. package/dist/components/p-select.js +1 -1
  242. package/dist/components/p-select.js.map +1 -1
  243. package/dist/components/p-status.js +1 -1
  244. package/dist/components/p-status.js.map +1 -1
  245. package/dist/components/p-stepper-item.js +1 -1
  246. package/dist/components/p-stepper-item.js.map +1 -1
  247. package/dist/components/p-stepper.js +1 -1
  248. package/dist/components/p-tab-item.js +1 -1
  249. package/dist/components/p-table.js +1 -1
  250. package/dist/components/p-table.js.map +1 -1
  251. package/dist/components/p-toast-container.js +1 -1
  252. package/dist/components/p-toast-container.js.map +1 -1
  253. package/dist/components/p-toast.js +1 -1
  254. package/dist/components/p-toast.js.map +1 -1
  255. package/dist/components/pagination-item.component.js +1 -1
  256. package/dist/components/pagination-item.component.js.map +1 -1
  257. package/dist/components/pagination.component.js +1 -1
  258. package/dist/components/pagination.component.js.map +1 -1
  259. package/dist/components/segment-container.component.js +1 -1
  260. package/dist/components/segment-container.component.js.map +1 -1
  261. package/dist/components/segment-item.component.js +1 -1
  262. package/dist/components/segment-item.component.js.map +1 -1
  263. package/dist/components/slider-indicator.component.js +1 -1
  264. package/dist/components/stepper-line.component.js +1 -1
  265. package/dist/components/table-cell.component.js +1 -1
  266. package/dist/components/table-cell.component.js.map +1 -1
  267. package/dist/components/table-container.component.js +1 -1
  268. package/dist/components/table-container.component.js.map +1 -1
  269. package/dist/components/table-footer.component.js +1 -1
  270. package/dist/components/table-footer.component.js.map +1 -1
  271. package/dist/components/table-header.component.js +1 -1
  272. package/dist/components/table-header.component.js.map +1 -1
  273. package/dist/components/table-row.component.js +1 -1
  274. package/dist/components/table-row.component.js.map +1 -1
  275. package/dist/components/tooltip.component.js +1 -1
  276. package/dist/components/tooltip.component.js.map +1 -1
  277. package/dist/esm/p-accordion.entry.js +1 -1
  278. package/dist/esm/p-accordion.entry.js.map +1 -1
  279. package/dist/esm/p-attachment.entry.js +1 -1
  280. package/dist/esm/p-attachment.entry.js.map +1 -1
  281. package/dist/esm/p-avatar-group.entry.js +1 -1
  282. package/dist/esm/p-avatar-group.entry.js.map +1 -1
  283. package/dist/esm/p-avatar.entry.js +1 -1
  284. package/dist/esm/p-backdrop.entry.js +1 -1
  285. package/dist/esm/p-backdrop.entry.js.map +1 -1
  286. package/dist/esm/p-button_3.entry.js +18 -39
  287. package/dist/esm/p-button_3.entry.js.map +1 -1
  288. package/dist/esm/p-calendar.entry.js +1 -1
  289. package/dist/esm/p-calendar.entry.js.map +1 -1
  290. package/dist/esm/p-card-body.entry.js +1 -1
  291. package/dist/esm/p-card-container.entry.js +1 -1
  292. package/dist/esm/p-card-container.entry.js.map +1 -1
  293. package/dist/esm/p-card-header.entry.js +1 -1
  294. package/dist/esm/p-card-header.entry.js.map +1 -1
  295. package/dist/esm/p-content-slider.entry.js +1 -1
  296. package/dist/esm/p-content-slider.entry.js.map +1 -1
  297. package/dist/esm/p-counter.entry.js +1 -1
  298. package/dist/esm/p-counter.entry.js.map +1 -1
  299. package/dist/esm/p-datepicker.entry.js +1 -1
  300. package/dist/esm/p-datepicker.entry.js.map +1 -1
  301. package/dist/esm/p-divider.entry.js +1 -1
  302. package/dist/esm/p-divider.entry.js.map +1 -1
  303. package/dist/esm/p-drawer-body_3.entry.js +3 -3
  304. package/dist/esm/p-drawer-body_3.entry.js.map +1 -1
  305. package/dist/esm/p-drawer.entry.js +1 -1
  306. package/dist/esm/p-drawer.entry.js.map +1 -1
  307. package/dist/esm/p-dropdown-menu-container.entry.js +1 -1
  308. package/dist/esm/p-dropdown-menu-container.entry.js.map +1 -1
  309. package/dist/esm/p-dropdown_2.entry.js +2 -2
  310. package/dist/esm/p-dropdown_2.entry.js.map +1 -1
  311. package/dist/esm/p-helper_3.entry.js +2 -2
  312. package/dist/esm/p-helper_3.entry.js.map +1 -1
  313. package/dist/esm/p-illustration_6.entry.js +5 -5
  314. package/dist/esm/p-illustration_6.entry.js.map +1 -1
  315. package/dist/esm/p-info-panel.entry.js +1 -1
  316. package/dist/esm/p-info-panel.entry.js.map +1 -1
  317. package/dist/esm/p-label_3.entry.js +3 -3
  318. package/dist/esm/p-label_3.entry.js.map +1 -1
  319. package/dist/esm/p-layout.entry.js +1 -1
  320. package/dist/esm/p-modal-body_4.entry.js +4 -4
  321. package/dist/esm/p-modal-body_4.entry.js.map +1 -1
  322. package/dist/esm/p-navbar.entry.js +1 -1
  323. package/dist/esm/p-navbar.entry.js.map +1 -1
  324. package/dist/esm/p-navigation-item.entry.js +1 -1
  325. package/dist/esm/p-navigation-item.entry.js.map +1 -1
  326. package/dist/esm/p-page-size-select_3.entry.js +2 -2
  327. package/dist/esm/p-page-size-select_3.entry.js.map +1 -1
  328. package/dist/esm/p-profile.entry.js +1 -1
  329. package/dist/esm/p-profile.entry.js.map +1 -1
  330. package/dist/esm/p-select.entry.js +1 -1
  331. package/dist/esm/p-select.entry.js.map +1 -1
  332. package/dist/esm/p-slider-indicator.entry.js +1 -1
  333. package/dist/esm/p-status.entry.js +1 -1
  334. package/dist/esm/p-status.entry.js.map +1 -1
  335. package/dist/esm/p-stepper-item.entry.js +1 -1
  336. package/dist/esm/p-stepper-item.entry.js.map +1 -1
  337. package/dist/esm/p-stepper-line.entry.js +1 -1
  338. package/dist/esm/p-stepper.entry.js +1 -1
  339. package/dist/esm/p-tab-item.entry.js +1 -1
  340. package/dist/esm/p-table.entry.js +1 -1
  341. package/dist/esm/p-table.entry.js.map +1 -1
  342. package/dist/esm/p-toast-container.entry.js +1 -1
  343. package/dist/esm/p-toast-container.entry.js.map +1 -1
  344. package/dist/esm/p-toast.entry.js +1 -1
  345. package/dist/esm/p-toast.entry.js.map +1 -1
  346. package/dist/esm/p-tooltip.entry.js +1 -1
  347. package/dist/esm/p-tooltip.entry.js.map +1 -1
  348. package/dist/index.html +1 -1
  349. package/dist/paperless/p-07259c61.entry.js +2 -0
  350. package/dist/paperless/{p-f3207ec2.entry.js.map → p-07259c61.entry.js.map} +1 -1
  351. package/dist/paperless/p-13a6730f.entry.js +2 -0
  352. package/dist/paperless/{p-c0cae302.entry.js.map → p-13a6730f.entry.js.map} +1 -1
  353. package/dist/paperless/p-195632a8.entry.js +2 -0
  354. package/dist/paperless/p-26da620b.entry.js +2 -0
  355. package/dist/paperless/{p-49104ffe.entry.js.map → p-26da620b.entry.js.map} +1 -1
  356. package/dist/paperless/p-4c51a801.entry.js +2 -0
  357. package/dist/paperless/p-51408aca.entry.js +2 -0
  358. package/dist/paperless/{p-8569fa3c.entry.js.map → p-51408aca.entry.js.map} +1 -1
  359. package/dist/paperless/p-57a1b2c4.entry.js +2 -0
  360. package/dist/{build/p-f4c9724c.entry.js.map → paperless/p-57a1b2c4.entry.js.map} +1 -1
  361. package/dist/paperless/{p-4b99a4fe.entry.js → p-594b28a7.entry.js} +2 -2
  362. package/dist/paperless/{p-c6d9e720.entry.js.map → p-594b28a7.entry.js.map} +1 -1
  363. package/dist/paperless/p-5c7b20a3.entry.js +2 -0
  364. package/dist/paperless/{p-af92e53c.entry.js.map → p-5c7b20a3.entry.js.map} +1 -1
  365. package/dist/paperless/p-6124f388.entry.js +2 -0
  366. package/dist/paperless/{p-b10959aa.entry.js.map → p-6124f388.entry.js.map} +1 -1
  367. package/dist/paperless/p-69263e17.entry.js +2 -0
  368. package/dist/paperless/{p-d51ede49.entry.js.map → p-69263e17.entry.js.map} +1 -1
  369. package/dist/paperless/p-6d5aa646.entry.js +2 -0
  370. package/dist/paperless/{p-e8a815d7.entry.js.map → p-6d5aa646.entry.js.map} +1 -1
  371. package/dist/paperless/p-6f1352e0.entry.js +2 -0
  372. package/dist/{build/p-b5b591c7.entry.js.map → paperless/p-6f1352e0.entry.js.map} +1 -1
  373. package/dist/paperless/p-910bd6bc.entry.js +2 -0
  374. package/dist/paperless/{p-4b99a4fe.entry.js.map → p-910bd6bc.entry.js.map} +1 -1
  375. package/dist/paperless/p-91725831.entry.js +2 -0
  376. package/dist/paperless/p-9328003b.entry.js +2 -0
  377. package/dist/paperless/{p-32184c47.entry.js.map → p-9328003b.entry.js.map} +1 -1
  378. package/dist/paperless/p-955cdb0f.entry.js +2 -0
  379. package/dist/{build/p-886a1eda.entry.js.map → paperless/p-955cdb0f.entry.js.map} +1 -1
  380. package/dist/paperless/p-a1c1d95b.entry.js +2 -0
  381. package/dist/paperless/{p-a0790d7b.entry.js.map → p-a1c1d95b.entry.js.map} +1 -1
  382. package/dist/paperless/p-a23ea8fe.entry.js +2 -0
  383. package/dist/paperless/{p-3bd4c1c1.entry.js.map → p-a23ea8fe.entry.js.map} +1 -1
  384. package/dist/paperless/p-a25056f0.entry.js +2 -0
  385. package/dist/paperless/{p-365a4351.entry.js.map → p-a25056f0.entry.js.map} +1 -1
  386. package/dist/paperless/p-abcd80e9.entry.js +2 -0
  387. package/dist/paperless/{p-688264c9.entry.js.map → p-abcd80e9.entry.js.map} +1 -1
  388. package/dist/paperless/p-afb8771e.entry.js +2 -0
  389. package/dist/{build/p-05f190f9.entry.js.map → paperless/p-afb8771e.entry.js.map} +1 -1
  390. package/dist/{build/p-d1a0cdf5.entry.js → paperless/p-b88c3a4d.entry.js} +2 -2
  391. package/dist/paperless/{p-d1a0cdf5.entry.js.map → p-b88c3a4d.entry.js.map} +1 -1
  392. package/dist/paperless/p-b92dd098.entry.js +2 -0
  393. package/dist/paperless/{p-4939be3e.entry.js.map → p-b92dd098.entry.js.map} +1 -1
  394. package/dist/paperless/p-b9f742e0.entry.js +2 -0
  395. package/dist/paperless/{p-f215bf8c.entry.js.map → p-b9f742e0.entry.js.map} +1 -1
  396. package/dist/paperless/p-bf0eca4f.entry.js +2 -0
  397. package/dist/paperless/{p-f429073e.entry.js.map → p-bf0eca4f.entry.js.map} +1 -1
  398. package/dist/paperless/p-c7ce0eeb.entry.js +2 -0
  399. package/dist/paperless/{p-eb6cab7f.entry.js.map → p-c7ce0eeb.entry.js.map} +1 -1
  400. package/dist/paperless/p-cb2746e2.entry.js +2 -0
  401. package/dist/{build/p-23e4675c.entry.js.map → paperless/p-cb2746e2.entry.js.map} +1 -1
  402. package/dist/paperless/{p-f9aaa75c.entry.js → p-ce1abd74.entry.js} +2 -2
  403. package/dist/paperless/p-ce443f5b.entry.js +2 -0
  404. package/dist/paperless/p-d393493c.entry.js +2 -0
  405. package/dist/paperless/p-da6e5abd.entry.js +2 -0
  406. package/dist/paperless/{p-af38f227.entry.js.map → p-da6e5abd.entry.js.map} +1 -1
  407. package/dist/paperless/p-e17560e6.entry.js +2 -0
  408. package/dist/paperless/{p-1d6b036c.entry.js.map → p-e17560e6.entry.js.map} +1 -1
  409. package/dist/paperless/p-e1da7376.entry.js +2 -0
  410. package/dist/paperless/p-e86d60f1.entry.js +2 -0
  411. package/dist/paperless/{p-bc774c61.entry.js.map → p-e86d60f1.entry.js.map} +1 -1
  412. package/dist/paperless/p-e9a1b51e.entry.js +2 -0
  413. package/dist/paperless/{p-f59afce6.entry.js.map → p-e9a1b51e.entry.js.map} +1 -1
  414. package/dist/paperless/p-ec850aca.entry.js +2 -0
  415. package/dist/paperless/{p-3eab06e0.entry.js.map → p-ec850aca.entry.js.map} +1 -1
  416. package/dist/paperless/p-ed6edf0a.entry.js +2 -0
  417. package/dist/paperless/{p-f695dc3c.entry.js.map → p-ed6edf0a.entry.js.map} +1 -1
  418. package/dist/paperless/p-f7ad4cc7.entry.js +2 -0
  419. package/dist/{build/p-193d47ef.entry.js.map → paperless/p-f7ad4cc7.entry.js.map} +1 -1
  420. package/dist/paperless/paperless.esm.js +1 -1
  421. package/dist/sw.js +1 -1
  422. package/dist/sw.js.map +1 -1
  423. package/hydrate/index.js +70 -91
  424. package/package.json +3 -3
  425. package/dist/build/p-05f190f9.entry.js +0 -2
  426. package/dist/build/p-193d47ef.entry.js +0 -2
  427. package/dist/build/p-1d6b036c.entry.js +0 -2
  428. package/dist/build/p-23e4675c.entry.js +0 -2
  429. package/dist/build/p-32184c47.entry.js +0 -2
  430. package/dist/build/p-322be6d8.entry.js +0 -2
  431. package/dist/build/p-33b6520e.entry.js +0 -2
  432. package/dist/build/p-365a4351.entry.js +0 -2
  433. package/dist/build/p-3bd4c1c1.entry.js +0 -2
  434. package/dist/build/p-3eab06e0.entry.js +0 -2
  435. package/dist/build/p-49104ffe.entry.js +0 -2
  436. package/dist/build/p-4939be3e.entry.js +0 -2
  437. package/dist/build/p-688264c9.entry.js +0 -2
  438. package/dist/build/p-733a0d79.entry.js +0 -2
  439. package/dist/build/p-7e26a901.entry.js +0 -2
  440. package/dist/build/p-81a99f72.entry.js +0 -2
  441. package/dist/build/p-8569fa3c.entry.js +0 -2
  442. package/dist/build/p-886a1eda.entry.js +0 -2
  443. package/dist/build/p-8f453ef2.entry.js +0 -2
  444. package/dist/build/p-a0790d7b.entry.js +0 -2
  445. package/dist/build/p-af38f227.entry.js +0 -2
  446. package/dist/build/p-af92e53c.entry.js +0 -2
  447. package/dist/build/p-b10959aa.entry.js +0 -2
  448. package/dist/build/p-b5b591c7.entry.js +0 -2
  449. package/dist/build/p-bc774c61.entry.js +0 -2
  450. package/dist/build/p-c0cae302.entry.js +0 -2
  451. package/dist/build/p-c6d9e720.entry.js +0 -2
  452. package/dist/build/p-d51ede49.entry.js +0 -2
  453. package/dist/build/p-e8a815d7.entry.js +0 -2
  454. package/dist/build/p-eb6cab7f.entry.js +0 -2
  455. package/dist/build/p-f215bf8c.entry.js +0 -2
  456. package/dist/build/p-f3207ec2.entry.js +0 -2
  457. package/dist/build/p-f429073e.entry.js +0 -2
  458. package/dist/build/p-f4c9724c.entry.js +0 -2
  459. package/dist/build/p-f59afce6.entry.js +0 -2
  460. package/dist/build/p-f695dc3c.entry.js +0 -2
  461. package/dist/paperless/p-05f190f9.entry.js +0 -2
  462. package/dist/paperless/p-193d47ef.entry.js +0 -2
  463. package/dist/paperless/p-1d6b036c.entry.js +0 -2
  464. package/dist/paperless/p-23e4675c.entry.js +0 -2
  465. package/dist/paperless/p-32184c47.entry.js +0 -2
  466. package/dist/paperless/p-322be6d8.entry.js +0 -2
  467. package/dist/paperless/p-33b6520e.entry.js +0 -2
  468. package/dist/paperless/p-365a4351.entry.js +0 -2
  469. package/dist/paperless/p-3bd4c1c1.entry.js +0 -2
  470. package/dist/paperless/p-3eab06e0.entry.js +0 -2
  471. package/dist/paperless/p-49104ffe.entry.js +0 -2
  472. package/dist/paperless/p-4939be3e.entry.js +0 -2
  473. package/dist/paperless/p-688264c9.entry.js +0 -2
  474. package/dist/paperless/p-733a0d79.entry.js +0 -2
  475. package/dist/paperless/p-7e26a901.entry.js +0 -2
  476. package/dist/paperless/p-81a99f72.entry.js +0 -2
  477. package/dist/paperless/p-8569fa3c.entry.js +0 -2
  478. package/dist/paperless/p-886a1eda.entry.js +0 -2
  479. package/dist/paperless/p-8f453ef2.entry.js +0 -2
  480. package/dist/paperless/p-a0790d7b.entry.js +0 -2
  481. package/dist/paperless/p-af38f227.entry.js +0 -2
  482. package/dist/paperless/p-af92e53c.entry.js +0 -2
  483. package/dist/paperless/p-b10959aa.entry.js +0 -2
  484. package/dist/paperless/p-b5b591c7.entry.js +0 -2
  485. package/dist/paperless/p-bc774c61.entry.js +0 -2
  486. package/dist/paperless/p-c0cae302.entry.js +0 -2
  487. package/dist/paperless/p-c6d9e720.entry.js +0 -2
  488. package/dist/paperless/p-d51ede49.entry.js +0 -2
  489. package/dist/paperless/p-e8a815d7.entry.js +0 -2
  490. package/dist/paperless/p-eb6cab7f.entry.js +0 -2
  491. package/dist/paperless/p-f215bf8c.entry.js +0 -2
  492. package/dist/paperless/p-f3207ec2.entry.js +0 -2
  493. package/dist/paperless/p-f429073e.entry.js +0 -2
  494. package/dist/paperless/p-f4c9724c.entry.js +0 -2
  495. package/dist/paperless/p-f59afce6.entry.js +0 -2
  496. package/dist/paperless/p-f695dc3c.entry.js +0 -2
  497. /package/dist/build/{p-33b6520e.entry.js.map → p-195632a8.entry.js.map} +0 -0
  498. /package/dist/build/{p-8f453ef2.entry.js.map → p-4c51a801.entry.js.map} +0 -0
  499. /package/dist/build/{p-733a0d79.entry.js.map → p-91725831.entry.js.map} +0 -0
  500. /package/dist/build/{p-f9aaa75c.entry.js.map → p-ce1abd74.entry.js.map} +0 -0
  501. /package/dist/build/{p-7e26a901.entry.js.map → p-ce443f5b.entry.js.map} +0 -0
  502. /package/dist/build/{p-81a99f72.entry.js.map → p-d393493c.entry.js.map} +0 -0
  503. /package/dist/build/{p-322be6d8.entry.js.map → p-e1da7376.entry.js.map} +0 -0
  504. /package/dist/paperless/{p-33b6520e.entry.js.map → p-195632a8.entry.js.map} +0 -0
  505. /package/dist/paperless/{p-8f453ef2.entry.js.map → p-4c51a801.entry.js.map} +0 -0
  506. /package/dist/paperless/{p-733a0d79.entry.js.map → p-91725831.entry.js.map} +0 -0
  507. /package/dist/paperless/{p-f9aaa75c.entry.js.map → p-ce1abd74.entry.js.map} +0 -0
  508. /package/dist/paperless/{p-7e26a901.entry.js.map → p-ce443f5b.entry.js.map} +0 -0
  509. /package/dist/paperless/{p-81a99f72.entry.js.map → p-d393493c.entry.js.map} +0 -0
  510. /package/dist/paperless/{p-322be6d8.entry.js.map → p-e1da7376.entry.js.map} +0 -0
package/dist/components/tooltip.component.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
2
2
  import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom.esm.js';
3
3
 
4
- const tooltipComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.top-0{top:0!important}.z-tooltip{z-index:601!important}.col-start-1{grid-column-start:1!important}.col-start-2{grid-column-start:2!important}.col-start-3{grid-column-start:3!important}.col-start-4{grid-column-start:4!important}.col-start-5{grid-column-start:5!important}.col-start-6{grid-column-start:6!important}.col-start-7{grid-column-start:7!important}.m-0{margin:0!important}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.block{display:block!important}.inline-block{display:inline-block!important}.inline{display:inline!important}.flex{display:flex!important}.table{display:table!important}.table-cell{display:table-cell!important}.table-row{display:table-row!important}.hidden{display:none!important}.h-0{height:0!important}.h-2{height:.5rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-1{width:.25rem!important}.w-10{width:2.5rem!important}.w-11{width:2.75rem!important}.w-2{width:.5rem!important}.w-3{width:.75rem!important}.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}.w-7{width:1.75rem!important}.w-8{width:2rem!important}.w-9{width:2.25rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{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}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{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}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{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}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{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}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{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}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{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}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{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}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{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}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{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}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{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}.scale-y-flip{--tw-scale-y:-1!important}.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-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.self-center{align-self:center!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded{border-radius:.25rem!important}.rounded-large{border-radius:.375rem!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-tr-none{border-top-right-radius:0!important}.border{border-width:1px!important}.border-l-0{border-left-width:0!important}.border-r-0{border-right-width:0!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-mystic{background-color:rgb(247 250 252/var(--tw-bg-opacity))!important}.bg-mystic,.bg-negative{--tw-bg-opacity:1!important}.bg-negative{background-color:rgb(185 30 40/var(--tw-bg-opacity))!important}.bg-storm{background-color:rgb(81 83 107/var(--tw-bg-opacity))!important}.bg-storm,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.pr-4{padding-right:1rem!important}.text-center{text-align:center!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}.text-negative{color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative,.text-negative-light{--tw-text-opacity:1!important}.text-negative-light{color:rgb(255 204 211/var(--tw-text-opacity))!important}.text-storm-dark{color:rgb(39 40 56/var(--tw-text-opacity))!important}.text-storm-dark,.text-storm-medium{--tw-text-opacity:1!important}.text-storm-medium{color:rgb(128 130 158/var(--tw-text-opacity))!important}.opacity-0{opacity:0!important}.blur{--tw-blur:blur(8px)!important}.blur,.drop-shadow-4{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.drop-shadow-4{--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13))!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}*{box-sizing:border-box}.rotate-45,.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}.bg-negative,.bg-storm{--tw-bg-opacity:1!important}:host{cursor:pointer;display:flex}:host .popover-container{height:0;position:relative;width:0}:host .popover-container .popover{--tw-bg-opacity:1;--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13));background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.25rem;display:inline-block;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);font-size:.75rem;font-weight:500;left:0;line-height:1rem;max-width:14.5rem;opacity:0;padding:.5rem .75rem;top:0;transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:-moz-max-content;width:max-content;z-index:601}:host .popover-container .popover.variant-error,:host .popover-container .popover.variant-error-element,:host .popover-container .popover.variant-hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(81 83 107/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity));padding-bottom:.25rem;padding-top:.25rem}:host .popover-container .popover.variant-error,:host .popover-container .popover.variant-error-element{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity));letter-spacing:.05em;text-transform:uppercase}:host .popover-container .popover[data-show]{opacity:1}:host .popover-container .popover .arrow,:host .popover-container .popover .arrow:before{background:inherit;height:.5rem;position:absolute;width:.5rem}:host .popover-container .popover .arrow{visibility:hidden}:host .popover-container .popover .arrow:before{--tw-rotate:45deg;content:\"\";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));visibility:visible}:host .popover-container .popover[data-strategy=fixed]{position:fixed}:host .popover-container .popover[data-strategy=absolute]{position:absolute}:host .popover-container .popover[data-placement^=top]>.arrow{bottom:-.25rem}:host .popover-container .popover[data-placement^=bottom]>.arrow{top:-.25rem}:host .popover-container .popover[data-placement^=left]>.arrow{right:-.25rem}:host .popover-container .popover[data-placement^=right]>.arrow{left:-.25rem}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{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}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.max-w-\\[20rem\\]{max-width:20rem!important}.w-1\\/12{width:8.333333%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}}.w-3\\/4{width:75%!important}@media (min-width:64rem){.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-48{width:12rem!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:flex-row{flex-direction:row!important}}";
4
+ const tooltipComponentCss = ".visible{visibility:visible!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-0{left:0!important}.top-0{top:0!important}.z-tooltip{z-index:601!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.hidden{display:none!important}.h-0{height:0!important}.h-2{height:.5rem!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.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}.rounded{border-radius:.25rem!important}.bg-negative{background-color:rgb(185 30 40/var(--tw-bg-opacity))!important}.bg-negative,.bg-storm{--tw-bg-opacity:1!important}.bg-storm{background-color:rgb(81 83 107/var(--tw-bg-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.uppercase{text-transform:uppercase!important}.opacity-0{opacity:0!important}.drop-shadow-4{--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13))!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}*{box-sizing:border-box}:host{cursor:pointer;display:flex}:host .popover-container{height:0;position:relative;width:0}:host .popover-container .popover{--tw-bg-opacity:1;--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13));background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.25rem;display:inline-block;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);font-size:.75rem;font-weight:500;left:0;line-height:1rem;max-width:14.5rem;opacity:0;padding:.5rem .75rem;top:0;transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:-moz-max-content;width:max-content;z-index:601}:host .popover-container .popover.variant-error,:host .popover-container .popover.variant-error-element,:host .popover-container .popover.variant-hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(81 83 107/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity));padding-bottom:.25rem;padding-top:.25rem}:host .popover-container .popover.variant-error,:host .popover-container .popover.variant-error-element{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity));letter-spacing:.05em;text-transform:uppercase}:host .popover-container .popover[data-show]{opacity:1}:host .popover-container .popover .arrow,:host .popover-container .popover .arrow:before{background:inherit;height:.5rem;position:absolute;width:.5rem}:host .popover-container .popover .arrow{visibility:hidden}:host .popover-container .popover .arrow:before{--tw-rotate:45deg;content:\"\";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));visibility:visible}:host .popover-container .popover[data-strategy=fixed]{position:fixed}:host .popover-container .popover[data-strategy=absolute]{position:absolute}:host .popover-container .popover[data-placement^=top]>.arrow{bottom:-.25rem}:host .popover-container .popover[data-placement^=bottom]>.arrow{top:-.25rem}:host .popover-container .popover[data-placement^=left]>.arrow{right:-.25rem}:host .popover-container .popover[data-placement^=right]>.arrow{left:-.25rem}.static{position:static!important}.h-8{height:2rem!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-large{border-radius:.375rem!important}.bg-mystic{--tw-bg-opacity:1!important;background-color:rgb(247 250 252/var(--tw-bg-opacity))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-negative{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.blur{--tw-blur:blur(8px)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{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}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{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}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{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}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{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}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{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}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{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}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{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}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{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}.rotate-315{--tw-rotate:315deg!important}.rotate-45,.rotate-90{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}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{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}.scale-y-flip{--tw-scale-y:-1!important}.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}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xxs{font-size:.6875rem!important}.text-negative-light{--tw-text-opacity:1!important;color:rgb(255 204 211/var(--tw-text-opacity))!important}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.inline{display:inline!important}.w-full{width:100%!important}.justify-center{justify-content:center!important}.cursor-pointer{cursor:pointer!important}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.items-end{align-items:flex-end!important}.justify-between{justify-content:space-between!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-tr-none{border-top-right-radius:0!important}.border-l-0{border-left-width:0!important}.border-r-0{border-right-width:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.col-start-1{grid-column-start:1!important}.col-start-2{grid-column-start:2!important}.col-start-3{grid-column-start:3!important}.col-start-4{grid-column-start:4!important}.col-start-5{grid-column-start:5!important}.col-start-6{grid-column-start:6!important}.col-start-7{grid-column-start:7!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.h-6{height:1.5rem!important}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.table{display:table!important}.w-6{width:1.5rem!important}.max-w-\\[20rem\\]{max-width:20rem!important}.flex-col{flex-direction:column!important}.self-center{align-self:center!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.font-semibold{font-weight:600!important}.table-cell{display:table-cell!important}.w-1\\/12{width:8.333333%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}.w-auto{width:auto!important}.justify-end{justify-content:flex-end!important}.pr-4{padding-right:1rem!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}}.bottom-0{bottom:0!important}.block{display:block!important}.w-3\\/4{width:75%!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.p-4{padding:1rem!important}@media (min-width:64rem){.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-48{width:12rem!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:flex-row{flex-direction:row!important}}.m-0{margin:0!important}.table-row{display:table-row!important}";
5
5
 
6
6
  const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends HTMLElement {
7
7
  constructor() {
package/dist/components/tooltip.component.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"tooltip.component.js","mappings":"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","names":[],"sources":["./src/components/atoms/tooltip/tooltip.component.scss?tag=p-tooltip&encapsulation=shadow","./src/components/atoms/tooltip/tooltip.component.tsx"],"sourcesContent":[":host {\n @apply flex cursor-pointer;\n\n .popover-container {\n @apply relative h-0 w-0;\n .popover {\n @apply left-0 top-0 z-tooltip inline-block rounded bg-white px-3 py-2 text-xs font-medium opacity-0 drop-shadow-4 transition-opacity;\n width: max-content;\n max-width: 14.5rem;\n\n &.variant-hover,\n &.variant-error,\n &.variant-error-element {\n @apply bg-storm py-1 text-white;\n }\n\n &.variant-error, &.variant-error-element {\n @apply bg-negative uppercase tracking-wider;\n }\n\n &[data-show] {\n @apply opacity-100;\n }\n\n .arrow,\n .arrow::before {\n background: inherit;\n @apply absolute h-2 w-2;\n }\n\n .arrow {\n visibility: hidden;\n\n &::before {\n @apply visible rotate-45 transform;\n content: '';\n }\n }\n\n &[data-strategy='fixed'] {\n @apply fixed;\n }\n\n &[data-strategy='absolute'] {\n @apply absolute;\n }\n\n &[data-placement^='top'] > .arrow {\n @apply -bottom-1;\n }\n\n &[data-placement^='bottom'] > .arrow {\n @apply -top-1;\n }\n\n &[data-placement^='left'] > .arrow {\n @apply -right-1;\n }\n\n &[data-placement^='right'] > .arrow {\n @apply -left-1;\n }\n }\n }\n}\n","import {\n arrow,\n autoUpdate,\n computePosition,\n flip,\n offset,\n Placement,\n shift,\n Strategy,\n} from '@floating-ui/dom';\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n} from '@stencil/core';\n\n@Component({\n tag: 'p-tooltip',\n styleUrl: 'tooltip.component.scss',\n shadow: true,\n})\nexport class Tooltip {\n /**\n * The variant of the popover\n */\n @Prop() variant: 'hover' | 'click' | 'error' | 'error-element' = 'hover';\n\n /**\n * The content of the popover\n */\n @Prop() popover: any = null;\n\n /**\n * The placement of the popover\n */\n @Prop() placement: Placement = 'top';\n\n /**\n * The strategy of the popover placement\n */\n @Prop() strategy: Strategy = 'absolute';\n\n /**\n * Wether the tooltip can be shown by user input\n */\n @Prop() enableUserInput: boolean = true;\n\n /**\n * Wether to show the popover\n */\n @Prop() show: boolean = false;\n\n /**\n * Wether to someone can manually close the popover\n */\n @Prop() canManuallyClose: boolean = true;\n\n /**\n * Open change event\n */\n @Event() isOpen: EventEmitter<boolean>;\n\n /**\n * The host element\n */\n @Element() private _el: HTMLElement;\n\n private _loaded = false;\n private _popover: HTMLElement;\n private _cleanup: () => void;\n\n componentShouldUpdate() {\n this._update();\n }\n\n disconnectedCallback() {\n if (this._cleanup) {\n this._cleanup();\n this._cleanup = null;\n }\n }\n\n render() {\n return (\n <Host class=\"p-popover\">\n <slot name=\"content\" />\n <div class=\"popover-container\">\n <div\n class={`popover variant-${this.variant}`}\n role=\"popover\"\n data-placement={this.placement}\n data-strategy={this.strategy}\n ref={(el) => this._load(el)}\n >\n {this.popover ? this.popover : <slot name=\"popover\" />}\n <div class=\"arrow\"></div>\n </div>\n </div>\n </Host>\n );\n }\n\n @Listen('click', { capture: true })\n protected clickHandler() {\n if (this.variant === 'hover' || !this.enableUserInput) {\n return;\n }\n\n if (this._popover.hasAttribute('data-show')) {\n return;\n }\n\n this._show();\n }\n\n @Listen('click', { target: 'document', capture: true })\n protected documentClickHandler() {\n if (this.variant === 'hover' || !this.canManuallyClose || this.show) {\n return;\n }\n\n if (!this._popover.hasAttribute('data-show')) {\n return;\n }\n\n this._hide();\n }\n\n @Listen('mouseenter')\n @Listen('focus')\n protected mouseEnterHandler() {\n if (this.variant !== 'hover' || !this.enableUserInput) {\n return;\n }\n\n this._show();\n }\n\n @Listen('mouseleave')\n @Listen('blur')\n protected mouseLeaveHandler() {\n if (this.show || this.variant !== 'hover' || !this.enableUserInput) {\n return;\n }\n\n this._hide();\n }\n\n private _show() {\n if (!this._loaded) {\n return;\n }\n\n this._cleanup = autoUpdate(this._el, this._popover, () =>\n this._update()\n );\n // Make the popover visible\n this._popover.setAttribute('data-show', '');\n\n // Update its position\n this.isOpen.emit(true);\n }\n\n private _hide() {\n if (!this._loaded) {\n return;\n }\n\n if (this._cleanup) {\n this._cleanup();\n this._cleanup = null;\n }\n\n // Hide the popover\n this._popover.removeAttribute('data-show');\n this.isOpen.emit(false);\n }\n\n private _load(popover: HTMLElement) {\n this._popover = popover;\n if (popover) {\n this._update();\n this._loaded = true;\n\n if (this.show) {\n setTimeout(() => this._show(), 100);\n }\n }\n }\n\n private _update() {\n if (!this._popover) {\n return;\n }\n\n const arrowEl = this._popover.querySelector('.arrow') as HTMLElement;\n if (!arrowEl) {\n return;\n }\n\n computePosition(this._el, this._popover, {\n placement: this.variant === 'error' || this.variant === 'error-element' ? 'top-end' : this.placement,\n strategy: this.strategy,\n\n middleware: [\n offset(this.variant === 'error' ? 14 : 8),\n flip(),\n shift(),\n arrow({ element: arrowEl, padding: 8 }),\n ],\n }).then(({ x, y, placement, middlewareData }) => {\n this._popover.dataset.placement = placement;\n Object.assign(this._popover.style, {\n top: `${y}px`,\n left: `${x}px`,\n });\n\n if (middlewareData.arrow) {\n const { x, y } = middlewareData.arrow;\n\n Object.assign(arrowEl.style, {\n left:\n this.variant === 'error' || this.variant === 'error-element'\n ? placement.indexOf('start') >= 0\n ? '1rem'\n : 'calc(100% - 1rem)'\n : x != null\n ? `${x}px`\n : '',\n top: y != null ? `${y}px` : '',\n });\n }\n });\n }\n}\n"],"version":3}
1
+ {"file":"tooltip.component.js","mappings":"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","names":[],"sources":["./src/components/atoms/tooltip/tooltip.component.scss?tag=p-tooltip&encapsulation=shadow","./src/components/atoms/tooltip/tooltip.component.tsx"],"sourcesContent":[":host {\n @apply flex cursor-pointer;\n\n .popover-container {\n @apply relative h-0 w-0;\n .popover {\n @apply left-0 top-0 z-tooltip inline-block rounded bg-white px-3 py-2 text-xs font-medium opacity-0 drop-shadow-4 transition-opacity;\n width: max-content;\n max-width: 14.5rem;\n\n &.variant-hover,\n &.variant-error,\n &.variant-error-element {\n @apply bg-storm py-1 text-white;\n }\n\n &.variant-error, &.variant-error-element {\n @apply bg-negative uppercase tracking-wider;\n }\n\n &[data-show] {\n @apply opacity-100;\n }\n\n .arrow,\n .arrow::before {\n background: inherit;\n @apply absolute h-2 w-2;\n }\n\n .arrow {\n visibility: hidden;\n\n &::before {\n @apply visible rotate-45 transform;\n content: '';\n }\n }\n\n &[data-strategy='fixed'] {\n @apply fixed;\n }\n\n &[data-strategy='absolute'] {\n @apply absolute;\n }\n\n &[data-placement^='top'] > .arrow {\n @apply -bottom-1;\n }\n\n &[data-placement^='bottom'] > .arrow {\n @apply -top-1;\n }\n\n &[data-placement^='left'] > .arrow {\n @apply -right-1;\n }\n\n &[data-placement^='right'] > .arrow {\n @apply -left-1;\n }\n }\n }\n}\n","import {\n arrow,\n autoUpdate,\n computePosition,\n flip,\n offset,\n Placement,\n shift,\n Strategy,\n} from '@floating-ui/dom';\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n} from '@stencil/core';\n\n@Component({\n tag: 'p-tooltip',\n styleUrl: 'tooltip.component.scss',\n shadow: true,\n})\nexport class Tooltip {\n /**\n * The variant of the popover\n */\n @Prop() variant: 'hover' | 'click' | 'error' | 'error-element' = 'hover';\n\n /**\n * The content of the popover\n */\n @Prop() popover: any = null;\n\n /**\n * The placement of the popover\n */\n @Prop() placement: Placement = 'top';\n\n /**\n * The strategy of the popover placement\n */\n @Prop() strategy: Strategy = 'absolute';\n\n /**\n * Wether the tooltip can be shown by user input\n */\n @Prop() enableUserInput: boolean = true;\n\n /**\n * Wether to show the popover\n */\n @Prop() show: boolean = false;\n\n /**\n * Wether to someone can manually close the popover\n */\n @Prop() canManuallyClose: boolean = true;\n\n /**\n * Open change event\n */\n @Event() isOpen: EventEmitter<boolean>;\n\n /**\n * The host element\n */\n @Element() private _el: HTMLElement;\n\n private _loaded = false;\n private _popover: HTMLElement;\n private _cleanup: () => void;\n\n componentShouldUpdate() {\n this._update();\n }\n\n disconnectedCallback() {\n if (this._cleanup) {\n this._cleanup();\n this._cleanup = null;\n }\n }\n\n render() {\n return (\n <Host class=\"p-popover\">\n <slot name=\"content\" />\n <div class=\"popover-container\">\n <div\n class={`popover variant-${this.variant}`}\n role=\"popover\"\n data-placement={this.placement}\n data-strategy={this.strategy}\n ref={(el) => this._load(el)}\n >\n {this.popover ? this.popover : <slot name=\"popover\" />}\n <div class=\"arrow\"></div>\n </div>\n </div>\n </Host>\n );\n }\n\n @Listen('click', { capture: true })\n protected clickHandler() {\n if (this.variant === 'hover' || !this.enableUserInput) {\n return;\n }\n\n if (this._popover.hasAttribute('data-show')) {\n return;\n }\n\n this._show();\n }\n\n @Listen('click', { target: 'document', capture: true })\n protected documentClickHandler() {\n if (this.variant === 'hover' || !this.canManuallyClose || this.show) {\n return;\n }\n\n if (!this._popover.hasAttribute('data-show')) {\n return;\n }\n\n this._hide();\n }\n\n @Listen('mouseenter')\n @Listen('focus')\n protected mouseEnterHandler() {\n if (this.variant !== 'hover' || !this.enableUserInput) {\n return;\n }\n\n this._show();\n }\n\n @Listen('mouseleave')\n @Listen('blur')\n protected mouseLeaveHandler() {\n if (this.show || this.variant !== 'hover' || !this.enableUserInput) {\n return;\n }\n\n this._hide();\n }\n\n private _show() {\n if (!this._loaded) {\n return;\n }\n\n this._cleanup = autoUpdate(this._el, this._popover, () =>\n this._update()\n );\n // Make the popover visible\n this._popover.setAttribute('data-show', '');\n\n // Update its position\n this.isOpen.emit(true);\n }\n\n private _hide() {\n if (!this._loaded) {\n return;\n }\n\n if (this._cleanup) {\n this._cleanup();\n this._cleanup = null;\n }\n\n // Hide the popover\n this._popover.removeAttribute('data-show');\n this.isOpen.emit(false);\n }\n\n private _load(popover: HTMLElement) {\n this._popover = popover;\n if (popover) {\n this._update();\n this._loaded = true;\n\n if (this.show) {\n setTimeout(() => this._show(), 100);\n }\n }\n }\n\n private _update() {\n if (!this._popover) {\n return;\n }\n\n const arrowEl = this._popover.querySelector('.arrow') as HTMLElement;\n if (!arrowEl) {\n return;\n }\n\n computePosition(this._el, this._popover, {\n placement: this.variant === 'error' || this.variant === 'error-element' ? 'top-end' : this.placement,\n strategy: this.strategy,\n\n middleware: [\n offset(this.variant === 'error' ? 14 : 8),\n flip(),\n shift(),\n arrow({ element: arrowEl, padding: 8 }),\n ],\n }).then(({ x, y, placement, middlewareData }) => {\n this._popover.dataset.placement = placement;\n Object.assign(this._popover.style, {\n top: `${y}px`,\n left: `${x}px`,\n });\n\n if (middlewareData.arrow) {\n const { x, y } = middlewareData.arrow;\n\n Object.assign(arrowEl.style, {\n left:\n this.variant === 'error' || this.variant === 'error-element'\n ? placement.indexOf('start') >= 0\n ? '1rem'\n : 'calc(100% - 1rem)'\n : x != null\n ? `${x}px`\n : '',\n top: y != null ? `${y}px` : '',\n });\n }\n });\n }\n}\n"],"version":3}
package/dist/esm/p-accordion.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host } from './index-2c1bdb40.js';
2
2
 
3
- const accordionComponentCss = ".static{position:static!important}.m-0{margin:0!important}.mt-6{margin-top:1.5rem!important}.block{display:block!important}.flex{display:flex!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{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}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{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}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{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}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{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}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{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}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{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}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{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}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{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}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{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}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{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}.scale-y-flip{--tw-scale-y:-1!important}.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-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.whitespace-nowrap{white-space:nowrap!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.font-medium{font-weight:500!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{display:block;margin-bottom:1.5rem}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{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}";
3
+ const accordionComponentCss = ".block{display:block!important}*{box-sizing:border-box}:host{display:block;margin-bottom:1.5rem}.static{position:static!important}.m-0{margin:0!important}.mt-6{margin-top:1.5rem!important}.flex{display:flex!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.whitespace-nowrap{white-space:nowrap!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.font-medium{font-weight:500!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{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}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{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}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{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}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{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}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{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}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{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}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{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}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{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}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{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}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{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}.scale-y-flip{--tw-scale-y:-1!important}.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}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}";
4
4
 
5
5
  const Accordion = class {
6
6
  constructor(hostRef) {
package/dist/esm/p-accordion.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"p-accordion.entry.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,03JAA03J;;MCO34J,SAAS;;;;;gBASM,KAAK;qBAKA,IAAI;oBAKL,IAAI;;EAOhC,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,aAAa,IACrB,WACI,KAAK,EAAC,yDAAyD,EAC/D,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE,IAE9B,cACI,KAAK,EAAC,MAAM,EACZ,OAAO,EAAC,SAAS,EACjB,MAAM,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE,GAC7B,EACF,SAAG,KAAK,EAAC,2CAA2C,IAC/C,IAAI,CAAC,MAAM,CACZ,EACJ,oBAAa,CACX,EACL,IAAI,CAAC,IAAI,KACN,WAAK,KAAK,EAAC,MAAM,IACb,eAAQ,CACN,CACT,CACE,EACT;GACL;EAEO,QAAQ;IACZ,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,EAAE;MAC9B,OAAO;KACV;IAED,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MAC9B,OAAO;KACV;IAED,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;IACvB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;GAC/B;;;;;;","names":[],"sources":["./src/components/molecules/accordion/accordion.component.scss?tag=p-accordion&encapsulation=shadow","./src/components/molecules/accordion/accordion.component.tsx"],"sourcesContent":[":host {\n @apply block mb-6;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-accordion',\n styleUrl: 'accordion.component.scss',\n shadow: true,\n})\nexport class Accordion {\n /**\n * Header of the accordion\n */\n @Prop() header!: string;\n\n /**\n * Wether the accordion is open\n */\n @Prop() open: boolean = false;\n\n /**\n * Wether the accordion can be closed\n */\n @Prop() closeable: boolean = true;\n\n /**\n * Wether the accordion can be opened\n */\n @Prop() openable: boolean = true;\n\n /**\n * Open change event\n */\n @Event() isOpen: EventEmitter<boolean>;\n\n render() {\n return (\n <Host class=\"p-accordion\">\n <div\n class=\"flex items-center gap-3 text-storm-vague cursor-pointer\"\n onClick={() => this._onClick()}\n >\n <p-icon\n class=\"flex\"\n variant=\"chevron\"\n rotate={this.open ? 0 : -90}\n />\n <p class=\"m-0 font-medium text-lg whitespace-nowrap\">\n {this.header}\n </p>\n <p-divider />\n </div>\n {this.open && (\n <div class=\"mt-6\">\n <slot />\n </div>\n )}\n </Host>\n );\n }\n\n private _onClick() {\n if (!this.closeable && this.open) {\n return;\n }\n\n if (!this.openable && !this.open) {\n return;\n }\n\n this.open = !this.open;\n this.isOpen.emit(this.open);\n }\n}\n"],"version":3}
1
+ {"file":"p-accordion.entry.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,+7IAA+7I;;MCOh9I,SAAS;;;;;gBASM,KAAK;qBAKA,IAAI;oBAKL,IAAI;;EAOhC,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,aAAa,IACrB,WACI,KAAK,EAAC,yDAAyD,EAC/D,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE,IAE9B,cACI,KAAK,EAAC,MAAM,EACZ,OAAO,EAAC,SAAS,EACjB,MAAM,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE,GAC7B,EACF,SAAG,KAAK,EAAC,2CAA2C,IAC/C,IAAI,CAAC,MAAM,CACZ,EACJ,oBAAa,CACX,EACL,IAAI,CAAC,IAAI,KACN,WAAK,KAAK,EAAC,MAAM,IACb,eAAQ,CACN,CACT,CACE,EACT;GACL;EAEO,QAAQ;IACZ,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,EAAE;MAC9B,OAAO;KACV;IAED,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MAC9B,OAAO;KACV;IAED,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;IACvB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;GAC/B;;;;;;","names":[],"sources":["./src/components/molecules/accordion/accordion.component.scss?tag=p-accordion&encapsulation=shadow","./src/components/molecules/accordion/accordion.component.tsx"],"sourcesContent":[":host {\n @apply block mb-6;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-accordion',\n styleUrl: 'accordion.component.scss',\n shadow: true,\n})\nexport class Accordion {\n /**\n * Header of the accordion\n */\n @Prop() header!: string;\n\n /**\n * Wether the accordion is open\n */\n @Prop() open: boolean = false;\n\n /**\n * Wether the accordion can be closed\n */\n @Prop() closeable: boolean = true;\n\n /**\n * Wether the accordion can be opened\n */\n @Prop() openable: boolean = true;\n\n /**\n * Open change event\n */\n @Event() isOpen: EventEmitter<boolean>;\n\n render() {\n return (\n <Host class=\"p-accordion\">\n <div\n class=\"flex items-center gap-3 text-storm-vague cursor-pointer\"\n onClick={() => this._onClick()}\n >\n <p-icon\n class=\"flex\"\n variant=\"chevron\"\n rotate={this.open ? 0 : -90}\n />\n <p class=\"m-0 font-medium text-lg whitespace-nowrap\">\n {this.header}\n </p>\n <p-divider />\n </div>\n {this.open && (\n <div class=\"mt-6\">\n <slot />\n </div>\n )}\n </Host>\n );\n }\n\n private _onClick() {\n if (!this.closeable && this.open) {\n return;\n }\n\n if (!this.openable && !this.open) {\n return;\n }\n\n this.open = !this.open;\n this.isOpen.emit(this.open);\n }\n}\n"],"version":3}
package/dist/esm/p-attachment.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host } from './index-2c1bdb40.js';
2
2
 
3
- const attachmentComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.absolute{position:absolute!important}.block{display:block!important}.inline{display:inline!important}.flex{display:flex!important}.h-8{height:2rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{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}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{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}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{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}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{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}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{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}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{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}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{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}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{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}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{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}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{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}.scale-y-flip{--tw-scale-y:-1!important}.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}.items-start{align-items:flex-start!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}.gap-4{gap:1rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-large{border-radius:.375rem!important}.bg-mystic{--tw-bg-opacity:1!important;background-color:rgb(247 250 252/var(--tw-bg-opacity))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.text-negative{color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative,.text-negative-light{--tw-text-opacity:1!important}.text-negative-light{color:rgb(255 204 211/var(--tw-text-opacity))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.blur{--tw-blur:blur(8px)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}*{box-sizing:border-box}:host{display:block;width:100%}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{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}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}";
3
+ const attachmentComponentCss = ".block{display:block!important}*{box-sizing:border-box}:host{display:block;width:100%}.static{position:static!important}.flex{display:flex!important}.h-8{height:2rem!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-large{border-radius:.375rem!important}.bg-mystic{--tw-bg-opacity:1!important;background-color:rgb(247 250 252/var(--tw-bg-opacity))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-negative{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.visible{visibility:visible!important}.absolute{position:absolute!important}.blur{--tw-blur:blur(8px)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{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}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{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}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{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}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{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}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{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}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{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}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{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}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{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}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{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}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{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}.scale-y-flip{--tw-scale-y:-1!important}.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}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.text-negative-light{--tw-text-opacity:1!important;color:rgb(255 204 211/var(--tw-text-opacity))!important}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.inline{display:inline!important}.w-full{width:100%!important}.justify-center{justify-content:center!important}";
4
4
 
5
5
  const Attachment = class {
6
6
  constructor(hostRef) {
package/dist/esm/p-attachment.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"p-attachment.entry.js","mappings":";;AAAA,MAAM,sBAAsB,GAAG,24LAA24L;;MCO75L,UAAU;;;;;gBAIc,MAAM;mBAKrB,KAAK;;uBAeD,KAAK;;EAO3B,MAAM;;IACF,IAAI,MAAM,GAAG,cAAQ,OAAO,EAAC,YAAY,GAAG,CAAC;IAE7C,IAAI,IAAI,CAAC,OAAO,EAAE;MACd,MAAM,GAAG,mBAAY,CAAC;KACzB;IAED,IAAI,IAAI,CAAC,KAAK,EAAE;MACZ,MAAM,GAAG,cAAQ,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,eAAe,GAAG,CAAC;KAC/D;IAED,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,qCAAqC,IAC7C,WACI,KAAK,EAAE,yFACH,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM;UACZ,eAAe;UACf,mBACV,EAAE,IAED,MAAM,EAEP,YAAM,KAAK,EAAC,gEAAgE,IACxE,eAAQ,CACL,EAEN,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,KAAI,qBAAe,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,CACzD,EAEN,gBACI,OAAO,EAAC,WAAW,EACnB,QAAQ,EAAE,IAAI,EACd,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM,GAAG,UAAU,GAAG,OAAO,EACjD,QAAQ,EAAE,IAAI,CAAC,OAAO,EACtB,OAAO,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,WAAW,EACjD,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,MACP,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM;UACf,IAAI,CAAC,QAAQ;UACb,IAAI,CAAC,MAAM,EACf,IAAI,EAAE,GAEd,CACC,EACT;GACL;;;;;;","names":[],"sources":["./src/components/molecules/attachment/attachment.component.scss?tag=p-attachment&encapsulation=shadow","./src/components/molecules/attachment/attachment.component.tsx"],"sourcesContent":[":host {\n @apply block w-full;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-attachment',\n styleUrl: 'attachment.component.scss',\n shadow: true,\n})\nexport class Attachment {\n /**\n * The variant of the button\n */\n @Prop() mode: 'read' | 'write' = 'read';\n\n /**\n * Wether the attachment is uploading/loading\n */\n @Prop() loading = false;\n\n /**\n * The error to show\n */\n @Prop() error: string;\n\n /**\n * Event when download is pressed\n */\n @Event() download: EventEmitter<any>;\n\n /**\n * Wether the attachment is downloading\n */\n @Prop() downloading = false;\n\n /**\n * Event when delete is pressed\n */\n @Event() delete: EventEmitter<any>;\n\n render() {\n let prefix = <p-icon variant=\"attachment\" />;\n\n if (this.loading) {\n prefix = <p-loader />;\n }\n\n if (this.error) {\n prefix = <p-icon variant=\"warning\" class=\"text-negative\" />;\n }\n\n return (\n <Host class=\"p-attachment flex items-start gap-4\">\n <div\n class={`flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-large bg-mystic px-2 ${\n this.error?.length\n ? 'text-negative'\n : 'text-storm-medium'\n }`}\n >\n {prefix}\n\n <span class=\"min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap\">\n <slot />\n </span>\n\n {this.error?.length && <p-input-error error={this.error} />}\n </div>\n\n <p-button\n variant=\"secondary\"\n iconOnly={true}\n icon={this.mode === 'read' ? 'download' : 'trash'}\n disabled={this.loading}\n loading={this.mode === 'read' && this.downloading}\n size=\"small\"\n onOnClick={() =>\n (this.mode === 'read'\n ? this.download\n : this.delete\n ).emit()\n }\n />\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"p-attachment.entry.js","mappings":";;AAAA,MAAM,sBAAsB,GAAG,08KAA08K;;MCO59K,UAAU;;;;;gBAIc,MAAM;mBAKrB,KAAK;;uBAeD,KAAK;;EAO3B,MAAM;;IACF,IAAI,MAAM,GAAG,cAAQ,OAAO,EAAC,YAAY,GAAG,CAAC;IAE7C,IAAI,IAAI,CAAC,OAAO,EAAE;MACd,MAAM,GAAG,mBAAY,CAAC;KACzB;IAED,IAAI,IAAI,CAAC,KAAK,EAAE;MACZ,MAAM,GAAG,cAAQ,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,eAAe,GAAG,CAAC;KAC/D;IAED,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,qCAAqC,IAC7C,WACI,KAAK,EAAE,yFACH,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM;UACZ,eAAe;UACf,mBACV,EAAE,IAED,MAAM,EAEP,YAAM,KAAK,EAAC,gEAAgE,IACxE,eAAQ,CACL,EAEN,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,KAAI,qBAAe,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,CACzD,EAEN,gBACI,OAAO,EAAC,WAAW,EACnB,QAAQ,EAAE,IAAI,EACd,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM,GAAG,UAAU,GAAG,OAAO,EACjD,QAAQ,EAAE,IAAI,CAAC,OAAO,EACtB,OAAO,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,WAAW,EACjD,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,MACP,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM;UACf,IAAI,CAAC,QAAQ;UACb,IAAI,CAAC,MAAM,EACf,IAAI,EAAE,GAEd,CACC,EACT;GACL;;;;;;","names":[],"sources":["./src/components/molecules/attachment/attachment.component.scss?tag=p-attachment&encapsulation=shadow","./src/components/molecules/attachment/attachment.component.tsx"],"sourcesContent":[":host {\n @apply block w-full;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-attachment',\n styleUrl: 'attachment.component.scss',\n shadow: true,\n})\nexport class Attachment {\n /**\n * The variant of the button\n */\n @Prop() mode: 'read' | 'write' = 'read';\n\n /**\n * Wether the attachment is uploading/loading\n */\n @Prop() loading = false;\n\n /**\n * The error to show\n */\n @Prop() error: string;\n\n /**\n * Event when download is pressed\n */\n @Event() download: EventEmitter<any>;\n\n /**\n * Wether the attachment is downloading\n */\n @Prop() downloading = false;\n\n /**\n * Event when delete is pressed\n */\n @Event() delete: EventEmitter<any>;\n\n render() {\n let prefix = <p-icon variant=\"attachment\" />;\n\n if (this.loading) {\n prefix = <p-loader />;\n }\n\n if (this.error) {\n prefix = <p-icon variant=\"warning\" class=\"text-negative\" />;\n }\n\n return (\n <Host class=\"p-attachment flex items-start gap-4\">\n <div\n class={`flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-large bg-mystic px-2 ${\n this.error?.length\n ? 'text-negative'\n : 'text-storm-medium'\n }`}\n >\n {prefix}\n\n <span class=\"min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap\">\n <slot />\n </span>\n\n {this.error?.length && <p-input-error error={this.error} />}\n </div>\n\n <p-button\n variant=\"secondary\"\n iconOnly={true}\n icon={this.mode === 'read' ? 'download' : 'trash'}\n disabled={this.loading}\n loading={this.mode === 'read' && this.downloading}\n size=\"small\"\n onOnClick={() =>\n (this.mode === 'read'\n ? this.download\n : this.delete\n ).emit()\n }\n />\n </Host>\n );\n }\n}\n"],"version":3}
package/dist/esm/p-avatar-group.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h, H as Host } from './index-2c1bdb40.js';
2
2
 
3
- const avatarGroupComponentCss = ".static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(-.25rem*var(--tw-space-x-reverse))!important}.overflow-hidden{overflow:hidden!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}.ring-2{--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}*{box-sizing:border-box}p-avatar-group{align-items:center;display:flex;overflow:hidden}p-avatar-group>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(-.25rem*var(--tw-space-x-reverse))}p-avatar-group p-avatar>img{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}p-avatar-group p-avatar:first-child{z-index:3}p-avatar-group p-avatar:nth-child(2){z-index:2}p-avatar-group p-avatar:nth-child(3){z-index:1}p-avatar-group .extra{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;padding-left:1rem}";
3
+ const avatarGroupComponentCss = ".flex{display:flex!important}.-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(-.25rem*var(--tw-space-x-reverse))!important}.overflow-hidden{overflow:hidden!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}.ring-2{--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}*{box-sizing:border-box}p-avatar-group{align-items:center;display:flex;overflow:hidden}p-avatar-group>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(-.25rem*var(--tw-space-x-reverse))}p-avatar-group p-avatar>img{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}p-avatar-group p-avatar:first-child{z-index:3}p-avatar-group p-avatar:nth-child(2){z-index:2}p-avatar-group p-avatar:nth-child(3){z-index:1}p-avatar-group .extra{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;padding-left:1rem}.static{position:static!important}";
4
4
 
5
5
  const AvatarGroup = class {
6
6
  constructor(hostRef) {
package/dist/esm/p-avatar-group.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"p-avatar-group.entry.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,kxDAAkxD;;MCOryD,WAAW;;;;;EAMpB,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,gBAAgB,IACxB,eAAQ,EAEP,IAAI,CAAC,KAAK,IAAI,YAAM,KAAK,EAAC,OAAO,SAAG,IAAI,CAAC,KAAK,CAAQ,CACpD,EACT;GACL;;;;;;","names":[],"sources":["./src/components/atoms/avatar-group/avatar-group.component.scss?tag=p-avatar-group","./src/components/atoms/avatar-group/avatar-group.component.tsx"],"sourcesContent":["p-avatar-group {\n @apply flex -space-x-1 overflow-hidden items-center;\n\n p-avatar > img {\n @apply ring-2 ring-white;\n }\n\n p-avatar:nth-child(1) {\n z-index: 3;\n }\n\n p-avatar:nth-child(2) {\n z-index: 2;\n }\n\n p-avatar:nth-child(3) {\n z-index: 1;\n }\n\n .extra {\n @apply text-sm text-storm-vague pl-4;\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-avatar-group',\n styleUrl: 'avatar-group.component.scss',\n // shadow: true,\n})\nexport class AvatarGroup {\n /**\n * The amount to show after the avatars\n */\n @Prop() extra: number;\n\n render() {\n return (\n <Host class=\"p-avatar-group\">\n <slot />\n\n {this.extra && <span class=\"extra\">+{this.extra}</span>}\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"p-avatar-group.entry.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,mvDAAmvD;;MCOtwD,WAAW;;;;;EAMpB,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,gBAAgB,IACxB,eAAQ,EAEP,IAAI,CAAC,KAAK,IAAI,YAAM,KAAK,EAAC,OAAO,SAAG,IAAI,CAAC,KAAK,CAAQ,CACpD,EACT;GACL;;;;;;","names":[],"sources":["./src/components/atoms/avatar-group/avatar-group.component.scss?tag=p-avatar-group","./src/components/atoms/avatar-group/avatar-group.component.tsx"],"sourcesContent":["p-avatar-group {\n @apply flex -space-x-1 overflow-hidden items-center;\n\n p-avatar > img {\n @apply ring-2 ring-white;\n }\n\n p-avatar:nth-child(1) {\n z-index: 3;\n }\n\n p-avatar:nth-child(2) {\n z-index: 2;\n }\n\n p-avatar:nth-child(3) {\n z-index: 1;\n }\n\n .extra {\n @apply text-sm text-storm-vague pl-4;\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-avatar-group',\n styleUrl: 'avatar-group.component.scss',\n // shadow: true,\n})\nexport class AvatarGroup {\n /**\n * The amount to show after the avatars\n */\n @Prop() extra: number;\n\n render() {\n return (\n <Host class=\"p-avatar-group\">\n <slot />\n\n {this.extra && <span class=\"extra\">+{this.extra}</span>}\n </Host>\n );\n }\n}\n"],"version":3}
package/dist/esm/p-avatar.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h, H as Host } from './index-2c1bdb40.js';
2
2
 
3
- const avatarComponentCss = ".static{position:static!important}.inline-block{display:inline-block!important}.w-16{width:4rem!important}.w-8{width:2rem!important}.rounded{border-radius:.25rem!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}*{box-sizing:border-box}.h-\\[3\\.125rem\\]{height:3.125rem!important}.h-\\[6\\.5rem\\]{height:6.5rem!important}.w-\\[3\\.125rem\\]{width:3.125rem!important}.w-\\[6\\.5rem\\]{width:6.5rem!important}p-avatar{display:inline-block;flex-shrink:0}p-avatar>img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}p-avatar[size=small]>img{height:2rem;width:2rem}p-avatar[size=medium]>img{height:3.125rem;width:3.125rem}p-avatar[size=large]>img{height:4rem;width:4rem}p-avatar[size=xlarge]>img{height:6.5rem;width:6.5rem}p-avatar[variant=company]>img{border-radius:.25rem}p-avatar[variant=company][size=large]>img,p-avatar[variant=company][size=medium]>img{border-radius:.375rem}p-avatar[variant=user]>img{border-radius:100%}";
3
+ const avatarComponentCss = ".inline-block{display:inline-block!important}.h-\\[3\\.125rem\\]{height:3.125rem!important}.h-\\[6\\.5rem\\]{height:6.5rem!important}.w-16{width:4rem!important}.w-8{width:2rem!important}.w-\\[3\\.125rem\\]{width:3.125rem!important}.w-\\[6\\.5rem\\]{width:6.5rem!important}.rounded{border-radius:.25rem!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}*{box-sizing:border-box}p-avatar{display:inline-block;flex-shrink:0}p-avatar>img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}p-avatar[size=small]>img{height:2rem;width:2rem}p-avatar[size=medium]>img{height:3.125rem;width:3.125rem}p-avatar[size=large]>img{height:4rem;width:4rem}p-avatar[size=xlarge]>img{height:6.5rem;width:6.5rem}p-avatar[variant=company]>img{border-radius:.25rem}p-avatar[variant=company][size=large]>img,p-avatar[variant=company][size=medium]>img{border-radius:.375rem}p-avatar[variant=user]>img{border-radius:100%}.static{position:static!important}";
4
4
 
5
5
  const Avatar = class {
6
6
  constructor(hostRef) {
package/dist/esm/p-backdrop.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2c1bdb40.js';
2
2
 
3
- const backdropComponentCss = ".static{position:static!important}.fixed{position:fixed!important}.left-0{left:0!important}.top-0{top:0!important}.z-navbar-backdrop{z-index:290!important}.m-0{margin:0!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.inline{display:inline!important}.flex{display:flex!important}.hidden{display:none!important}.h-full{height:100%!important}.max-h-screen{max-height:100vh!important}.w-full{width:100%!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{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}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{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}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{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}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{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}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{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}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{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}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{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}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{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}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{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}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{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}.scale-y-flip{--tw-scale-y:-1!important}.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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .2s ease forwards!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.overflow-y-auto{overflow-y:auto!important}.rounded{border-radius:.25rem!important}.p-0{padding:0!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.font-semibold{font-weight:600!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{animation:fadeIn .2s ease forwards;background-color:rgba(39,40,56,.5);display:flex;height:100%;left:0;max-height:100vh;max-width:100vw;overflow:hidden;position:fixed;top:0;width:100%;z-index:490}:host .content-container{align-items:flex-end;display:flex;height:100%;justify-content:center;max-height:100vh;max-width:100vw;overflow-x:hidden;overflow-y:auto;width:100%}@media (min-width:40rem){:host .content-container{padding-left:4rem;padding-right:4rem}}@media (min-width:64rem){:host .content-container{align-items:center;padding:4rem}}:host(.blurred){--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}:host(.closing){animation:fadeOut .2s ease forwards}:host(.closing) .content-container{overflow:hidden}:host(.variant-drawer) .content-container{align-items:flex-start;justify-content:flex-end;padding:0}@media (min-width:40rem){:host(.variant-drawer) .content-container{padding:0}}@media (min-width:64rem){:host(.variant-drawer) .content-container{padding:0}}@media (min-width:40rem){.tablet\\:p-0{padding:0!important}.tablet\\:px-16{padding-left:4rem!important;padding-right:4rem!important}}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{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}@media (min-width:40rem){.tablet\\:w-80{width:20rem!important}.tablet\\:w-\\[33\\.5rem\\]{width:33.5rem!important}.tablet\\:w-\\[38rem\\]{width:38rem!important}.tablet\\:w-\\[47\\.5rem\\]{width:47.5rem!important}.tablet\\:w-\\[57\\.5rem\\]{width:57.5rem!important}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}}";
3
+ const backdropComponentCss = ".fixed{position:fixed!important}.left-0{left:0!important}.top-0{top:0!important}.flex{display:flex!important}.h-full{height:100%!important}.max-h-screen{max-height:100vh!important}.w-full{width:100%!important}.animate-fade-in{animation:fadeIn .2s ease forwards!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.justify-center{justify-content:center!important}.overflow-y-auto{overflow-y:auto!important}.p-0{padding:0!important}*{box-sizing:border-box}:host{animation:fadeIn .2s ease forwards;background-color:rgba(39,40,56,.5);display:flex;height:100%;left:0;max-height:100vh;max-width:100vw;overflow:hidden;position:fixed;top:0;width:100%;z-index:490}:host .content-container{align-items:flex-end;display:flex;height:100%;justify-content:center;max-height:100vh;max-width:100vw;overflow-x:hidden;overflow-y:auto;width:100%}@media (min-width:40rem){:host .content-container{padding-left:4rem;padding-right:4rem}}@media (min-width:64rem){:host .content-container{align-items:center;padding:4rem}}:host(.blurred){--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}:host(.closing){animation:fadeOut .2s ease forwards}:host(.closing) .content-container{overflow:hidden}:host(.variant-drawer) .content-container{align-items:flex-start;justify-content:flex-end;padding:0}@media (min-width:40rem){:host(.variant-drawer) .content-container{padding:0}}@media (min-width:64rem){:host(.variant-drawer) .content-container{padding:0}}@media (min-width:40rem){.tablet\\:p-0{padding:0!important}.tablet\\:px-16{padding-left:4rem!important;padding-right:4rem!important}}.static{position:static!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{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}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{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}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{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}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{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}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{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}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{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}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{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}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{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}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{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}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{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}.scale-y-flip{--tw-scale-y:-1!important}.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}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.inline{display:inline!important}.rounded{border-radius:.25rem!important}@media (min-width:40rem){.tablet\\:w-80{width:20rem!important}.tablet\\:w-\\[33\\.5rem\\]{width:33.5rem!important}.tablet\\:w-\\[38rem\\]{width:38rem!important}.tablet\\:w-\\[47\\.5rem\\]{width:47.5rem!important}.tablet\\:w-\\[57\\.5rem\\]{width:57.5rem!important}}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.hidden{display:none!important}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}}.items-center{align-items:center!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.z-navbar-backdrop{z-index:290!important}.m-0{margin:0!important}.font-semibold{font-weight:600!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}@media (min-width:64rem){.desktop-xs\\:hidden{display:none!important}}";
4
4
 
5
5
  const Backdrop = class {
6
6
  constructor(hostRef) {
package/dist/esm/p-backdrop.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"p-backdrop.entry.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,80OAA80O;;MCgB91O,QAAQ;;;;mBAIqB,OAAO;qBAKhB,KAAK;mBAKP,KAAK;sBAKF,IAAI;;EAYlC,iBAAiB;IACb,IAAI,IAAI,CAAC,UAAU,EAAE;MACjB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;KAChE;GACJ;EAED,oBAAoB;IAChB,IAAI,IAAI,CAAC,UAAU,EAAE;MACjB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;KACnE;GACJ;EAED,MAAM;IACF,QACI,EAAC,IAAI,IACD,KAAK,EAAE,sBAAsB,IAAI,CAAC,OAAO,IACrC,IAAI,CAAC,SAAS,IAAI,SACtB,IAAI,IAAI,CAAC,OAAO,IAAI,SAAS,EAAE,IAE/B,WAAK,KAAK,EAAC,mBAAmB,IAC1B,eAAQ,CACN,CACH,EACT;GACL;EAGD,WAAW,CAAC,EAAc;IACtB,IAAI,EAAE,CAAC,MAAM,KAAK,IAAI,CAAC,GAAG,EAAE;MACxB,OAAO;KACV;IAED,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;GACzB;;;;;;;","names":[],"sources":["./src/components/atoms/backdrop/backdrop.component.scss?tag=p-backdrop&encapsulation=shadow","./src/components/atoms/backdrop/backdrop.component.tsx"],"sourcesContent":[":host {\n @apply flex;\n @apply fixed left-0 top-0 z-backdrop;\n @apply h-full w-full;\n @apply overflow-hidden;\n @apply animate-fade-in bg-storm-dark/50;\n @apply max-h-screen max-w-screen;\n\n .content-container {\n @apply h-full w-full overflow-y-auto overflow-x-hidden;\n @apply tablet:px-16 desktop-xs:p-16;\n @apply flex items-end justify-center desktop-xs:items-center;\n @apply max-h-screen max-w-screen;\n }\n}\n\n:host(.blurred) {\n @apply backdrop-blur-xs;\n}\n\n:host(.closing) {\n @apply animate-fade-out;\n\n .content-container {\n @apply overflow-hidden;\n }\n}\n\n:host(.variant-drawer) {\n .content-container {\n @apply items-start justify-end;\n @apply p-0 tablet:p-0 desktop-xs:p-0;\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n} from '@stencil/core';\n\n@Component({\n tag: 'p-backdrop',\n styleUrl: 'backdrop.component.scss',\n shadow: true,\n})\nexport class Backdrop {\n /**\n * The variant of the backdrop\n */\n @Prop() variant: 'modal' | 'drawer' = 'modal';\n\n /**\n * Wether to apply blur on the background of the backdrop\n */\n @Prop() applyBlur: boolean = false;\n\n /**\n * Wether the backdrop is closing\n */\n @Prop() closing: boolean = false;\n\n /**\n * Wether we should scroll lock the body\n */\n @Prop() scrollLock: boolean = true;\n\n /**\n * When the backdrop is clicked\n */\n @Event() clicked: EventEmitter<MouseEvent>;\n\n /**\n * The host element\n */\n @Element() private _el: HTMLElement;\n\n componentWillLoad() {\n if (this.scrollLock) {\n document.querySelector(':root').classList.add('scroll-lock');\n }\n }\n\n disconnectedCallback() {\n if (this.scrollLock) {\n document.querySelector(':root').classList.remove('scroll-lock');\n }\n }\n\n render() {\n return (\n <Host\n class={`p-backdrop variant-${this.variant} ${\n this.applyBlur && 'blurred'\n } ${this.closing && 'closing'}`}\n >\n <div class=\"content-container\">\n <slot />\n </div>\n </Host>\n );\n }\n\n @Listen('click', { capture: true })\n handleClick(ev: MouseEvent) {\n if (ev.target !== this._el) {\n return;\n }\n\n this.clicked.emit(ev);\n }\n}\n"],"version":3}
1
+ {"file":"p-backdrop.entry.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,g4NAAg4N;;MCgBh5N,QAAQ;;;;mBAIqB,OAAO;qBAKhB,KAAK;mBAKP,KAAK;sBAKF,IAAI;;EAYlC,iBAAiB;IACb,IAAI,IAAI,CAAC,UAAU,EAAE;MACjB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;KAChE;GACJ;EAED,oBAAoB;IAChB,IAAI,IAAI,CAAC,UAAU,EAAE;MACjB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;KACnE;GACJ;EAED,MAAM;IACF,QACI,EAAC,IAAI,IACD,KAAK,EAAE,sBAAsB,IAAI,CAAC,OAAO,IACrC,IAAI,CAAC,SAAS,IAAI,SACtB,IAAI,IAAI,CAAC,OAAO,IAAI,SAAS,EAAE,IAE/B,WAAK,KAAK,EAAC,mBAAmB,IAC1B,eAAQ,CACN,CACH,EACT;GACL;EAGD,WAAW,CAAC,EAAc;IACtB,IAAI,EAAE,CAAC,MAAM,KAAK,IAAI,CAAC,GAAG,EAAE;MACxB,OAAO;KACV;IAED,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;GACzB;;;;;;;","names":[],"sources":["./src/components/atoms/backdrop/backdrop.component.scss?tag=p-backdrop&encapsulation=shadow","./src/components/atoms/backdrop/backdrop.component.tsx"],"sourcesContent":[":host {\n @apply flex;\n @apply fixed left-0 top-0 z-backdrop;\n @apply h-full w-full;\n @apply overflow-hidden;\n @apply animate-fade-in bg-storm-dark/50;\n @apply max-h-screen max-w-screen;\n\n .content-container {\n @apply h-full w-full overflow-y-auto overflow-x-hidden;\n @apply tablet:px-16 desktop-xs:p-16;\n @apply flex items-end justify-center desktop-xs:items-center;\n @apply max-h-screen max-w-screen;\n }\n}\n\n:host(.blurred) {\n @apply backdrop-blur-xs;\n}\n\n:host(.closing) {\n @apply animate-fade-out;\n\n .content-container {\n @apply overflow-hidden;\n }\n}\n\n:host(.variant-drawer) {\n .content-container {\n @apply items-start justify-end;\n @apply p-0 tablet:p-0 desktop-xs:p-0;\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n} from '@stencil/core';\n\n@Component({\n tag: 'p-backdrop',\n styleUrl: 'backdrop.component.scss',\n shadow: true,\n})\nexport class Backdrop {\n /**\n * The variant of the backdrop\n */\n @Prop() variant: 'modal' | 'drawer' = 'modal';\n\n /**\n * Wether to apply blur on the background of the backdrop\n */\n @Prop() applyBlur: boolean = false;\n\n /**\n * Wether the backdrop is closing\n */\n @Prop() closing: boolean = false;\n\n /**\n * Wether we should scroll lock the body\n */\n @Prop() scrollLock: boolean = true;\n\n /**\n * When the backdrop is clicked\n */\n @Event() clicked: EventEmitter<MouseEvent>;\n\n /**\n * The host element\n */\n @Element() private _el: HTMLElement;\n\n componentWillLoad() {\n if (this.scrollLock) {\n document.querySelector(':root').classList.add('scroll-lock');\n }\n }\n\n disconnectedCallback() {\n if (this.scrollLock) {\n document.querySelector(':root').classList.remove('scroll-lock');\n }\n }\n\n render() {\n return (\n <Host\n class={`p-backdrop variant-${this.variant} ${\n this.applyBlur && 'blurred'\n } ${this.closing && 'closing'}`}\n >\n <div class=\"content-container\">\n <slot />\n </div>\n </Host>\n );\n }\n\n @Listen('click', { capture: true })\n handleClick(ev: MouseEvent) {\n if (ev.target !== this._el) {\n return;\n }\n\n this.clicked.emit(ev);\n }\n}\n"],"version":3}