@paperless/core 0.1.0-alpha.336 → 0.1.0-alpha.337

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 (173) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/build/p-08483032.entry.js +2 -0
  3. package/dist/{paperless/p-ab08ea2e.entry.js.map → build/p-08483032.entry.js.map} +1 -1
  4. package/dist/build/{p-7f40fbbf.entry.js → p-0df2e4ba.entry.js} +2 -2
  5. package/dist/build/{p-7f40fbbf.entry.js.map → p-0df2e4ba.entry.js.map} +1 -1
  6. package/dist/{paperless/p-ca7644aa.entry.js → build/p-14012dc0.entry.js} +2 -2
  7. package/dist/build/{p-ca7644aa.entry.js.map → p-14012dc0.entry.js.map} +1 -1
  8. package/dist/build/{p-dec019cb.entry.js → p-1bec22c6.entry.js} +2 -2
  9. package/dist/build/{p-dec019cb.entry.js.map → p-1bec22c6.entry.js.map} +0 -0
  10. package/dist/{paperless/p-61cc1cd9.entry.js → build/p-2e81ae6a.entry.js} +2 -2
  11. package/dist/build/{p-61cc1cd9.entry.js.map → p-2e81ae6a.entry.js.map} +1 -1
  12. package/dist/build/p-53569897.entry.js +2 -0
  13. package/dist/build/{p-004d55ea.entry.js.map → p-53569897.entry.js.map} +1 -1
  14. package/dist/build/{p-34e4e210.entry.js → p-5dfab26d.entry.js} +2 -2
  15. package/dist/build/{p-34e4e210.entry.js.map → p-5dfab26d.entry.js.map} +1 -1
  16. package/dist/build/{p-165b2597.entry.js → p-beb1c18f.entry.js} +2 -2
  17. package/dist/build/{p-165b2597.entry.js.map → p-beb1c18f.entry.js.map} +1 -1
  18. package/dist/build/p-bff2caf8.entry.js +2 -0
  19. package/dist/{paperless/p-150f371d.entry.js.map → build/p-bff2caf8.entry.js.map} +1 -1
  20. package/dist/{paperless/p-7584e581.entry.js → build/p-e35b3886.entry.js} +2 -2
  21. package/dist/build/{p-7584e581.entry.js.map → p-e35b3886.entry.js.map} +0 -0
  22. package/dist/build/p-e6227583.entry.js +2 -0
  23. package/dist/build/{p-a4e7ec85.entry.js.map → p-e6227583.entry.js.map} +1 -1
  24. package/dist/build/paperless.esm.js +1 -1
  25. package/dist/cjs/p-backdrop.cjs.entry.js +1 -1
  26. package/dist/cjs/p-backdrop.cjs.entry.js.map +1 -1
  27. package/dist/cjs/p-button_3.cjs.entry.js +3 -3
  28. package/dist/cjs/p-button_3.cjs.entry.js.map +1 -1
  29. package/dist/cjs/p-divider.cjs.entry.js +1 -1
  30. package/dist/cjs/p-dropdown-menu-container.cjs.entry.js +1 -1
  31. package/dist/cjs/p-dropdown-menu-container.cjs.entry.js.map +1 -1
  32. package/dist/cjs/p-dropdown_2.cjs.entry.js +2 -2
  33. package/dist/cjs/p-dropdown_2.cjs.entry.js.map +1 -1
  34. package/dist/cjs/p-helper_3.cjs.entry.js +3 -3
  35. package/dist/cjs/p-illustration_6.cjs.entry.js +5 -5
  36. package/dist/cjs/p-illustration_6.cjs.entry.js.map +1 -1
  37. package/dist/cjs/p-label_3.cjs.entry.js +3 -3
  38. package/dist/cjs/p-label_3.cjs.entry.js.map +1 -1
  39. package/dist/cjs/p-modal-body_4.cjs.entry.js +4 -4
  40. package/dist/cjs/p-modal-body_4.cjs.entry.js.map +1 -1
  41. package/dist/cjs/p-page-size-select_3.cjs.entry.js +2 -2
  42. package/dist/cjs/p-page-size-select_3.cjs.entry.js.map +1 -1
  43. package/dist/cjs/p-table.cjs.entry.js +1 -1
  44. package/dist/cjs/p-table.cjs.entry.js.map +1 -1
  45. package/dist/collection/components/atoms/backdrop/backdrop.component.css +1 -1
  46. package/dist/collection/components/atoms/button/button.component.css +1 -1
  47. package/dist/collection/components/atoms/divider/divider.component.css +1 -1
  48. package/dist/collection/components/atoms/dropdown-menu-container/dropdown-menu-container.component.css +1 -1
  49. package/dist/collection/components/atoms/dropdown-menu-item/dropdown-menu-item.component.css +1 -1
  50. package/dist/collection/components/atoms/helper/helper.component.css +1 -1
  51. package/dist/collection/components/atoms/icon/icon.component.css +1 -1
  52. package/dist/collection/components/atoms/label/label.component.css +1 -1
  53. package/dist/collection/components/atoms/loader/loader.component.css +1 -1
  54. package/dist/collection/components/atoms/modal-body/modal-body.component.css +1 -1
  55. package/dist/collection/components/atoms/modal-container/modal-container.component.css +1 -1
  56. package/dist/collection/components/atoms/modal-footer/modal-footer.component.css +1 -1
  57. package/dist/collection/components/atoms/modal-header/modal-header.component.css +1 -1
  58. package/dist/collection/components/atoms/pagination-item/pagination-item.component.css +1 -1
  59. package/dist/collection/components/atoms/segment-container/segment-container.component.css +1 -1
  60. package/dist/collection/components/atoms/segment-item/segment-item.component.css +1 -1
  61. package/dist/collection/components/atoms/table-container/table-container.component.css +1 -1
  62. package/dist/collection/components/atoms/tooltip/tooltip.component.css +1 -1
  63. package/dist/collection/components/molecules/dropdown/dropdown.component.css +1 -1
  64. package/dist/collection/components/molecules/input-group/input-group.component.css +1 -1
  65. package/dist/collection/components/molecules/pagination/pagination.component.css +1 -1
  66. package/dist/collection/components/molecules/table-cell/table-cell.component.css +1 -1
  67. package/dist/collection/components/molecules/table-footer/table-footer.component.css +1 -1
  68. package/dist/collection/components/molecules/table-header/table-header.component.css +1 -1
  69. package/dist/collection/components/molecules/table-row/table-row.component.css +1 -1
  70. package/dist/collection/components/organisms/table/table.component.css +1 -1
  71. package/dist/components/backdrop.component.js +1 -1
  72. package/dist/components/backdrop.component.js.map +1 -1
  73. package/dist/components/button.component.js +1 -1
  74. package/dist/components/button.component.js.map +1 -1
  75. package/dist/components/divider.component.js +1 -1
  76. package/dist/components/dropdown-menu-container.component.js +1 -1
  77. package/dist/components/dropdown-menu-container.component.js.map +1 -1
  78. package/dist/components/dropdown-menu-item.component.js +1 -1
  79. package/dist/components/dropdown-menu-item.component.js.map +1 -1
  80. package/dist/components/dropdown.component.js +1 -1
  81. package/dist/components/dropdown.component.js.map +1 -1
  82. package/dist/components/helper.component.js +1 -1
  83. package/dist/components/icon.component.js +1 -1
  84. package/dist/components/icon.component.js.map +1 -1
  85. package/dist/components/input-group.component.js +1 -1
  86. package/dist/components/label.component.js +1 -1
  87. package/dist/components/loader.component.js +1 -1
  88. package/dist/components/loader.component.js.map +1 -1
  89. package/dist/components/modal-body.component.js +1 -1
  90. package/dist/components/modal-body.component.js.map +1 -1
  91. package/dist/components/modal-container.component.js +1 -1
  92. package/dist/components/modal-container.component.js.map +1 -1
  93. package/dist/components/modal-footer.component.js +1 -1
  94. package/dist/components/modal-header.component.js +1 -1
  95. package/dist/components/modal-header.component.js.map +1 -1
  96. package/dist/components/p-table.js +1 -1
  97. package/dist/components/p-table.js.map +1 -1
  98. package/dist/components/pagination-item.component.js +1 -1
  99. package/dist/components/pagination-item.component.js.map +1 -1
  100. package/dist/components/pagination.component.js +1 -1
  101. package/dist/components/pagination.component.js.map +1 -1
  102. package/dist/components/segment-container.component.js +1 -1
  103. package/dist/components/segment-container.component.js.map +1 -1
  104. package/dist/components/segment-item.component.js +1 -1
  105. package/dist/components/table-cell.component.js +1 -1
  106. package/dist/components/table-cell.component.js.map +1 -1
  107. package/dist/components/table-container.component.js +1 -1
  108. package/dist/components/table-container.component.js.map +1 -1
  109. package/dist/components/table-footer.component.js +1 -1
  110. package/dist/components/table-footer.component.js.map +1 -1
  111. package/dist/components/table-header.component.js +1 -1
  112. package/dist/components/table-header.component.js.map +1 -1
  113. package/dist/components/table-row.component.js +1 -1
  114. package/dist/components/table-row.component.js.map +1 -1
  115. package/dist/components/tooltip.component.js +1 -1
  116. package/dist/esm/p-backdrop.entry.js +1 -1
  117. package/dist/esm/p-backdrop.entry.js.map +1 -1
  118. package/dist/esm/p-button_3.entry.js +3 -3
  119. package/dist/esm/p-button_3.entry.js.map +1 -1
  120. package/dist/esm/p-divider.entry.js +1 -1
  121. package/dist/esm/p-dropdown-menu-container.entry.js +1 -1
  122. package/dist/esm/p-dropdown-menu-container.entry.js.map +1 -1
  123. package/dist/esm/p-dropdown_2.entry.js +2 -2
  124. package/dist/esm/p-dropdown_2.entry.js.map +1 -1
  125. package/dist/esm/p-helper_3.entry.js +3 -3
  126. package/dist/esm/p-illustration_6.entry.js +5 -5
  127. package/dist/esm/p-illustration_6.entry.js.map +1 -1
  128. package/dist/esm/p-label_3.entry.js +3 -3
  129. package/dist/esm/p-label_3.entry.js.map +1 -1
  130. package/dist/esm/p-modal-body_4.entry.js +4 -4
  131. package/dist/esm/p-modal-body_4.entry.js.map +1 -1
  132. package/dist/esm/p-page-size-select_3.entry.js +2 -2
  133. package/dist/esm/p-page-size-select_3.entry.js.map +1 -1
  134. package/dist/esm/p-table.entry.js +1 -1
  135. package/dist/esm/p-table.entry.js.map +1 -1
  136. package/dist/index.html +1 -1
  137. package/dist/paperless/p-08483032.entry.js +2 -0
  138. package/dist/{build/p-ab08ea2e.entry.js.map → paperless/p-08483032.entry.js.map} +1 -1
  139. package/dist/paperless/{p-7f40fbbf.entry.js → p-0df2e4ba.entry.js} +2 -2
  140. package/dist/paperless/{p-7f40fbbf.entry.js.map → p-0df2e4ba.entry.js.map} +1 -1
  141. package/dist/{build/p-ca7644aa.entry.js → paperless/p-14012dc0.entry.js} +2 -2
  142. package/dist/paperless/{p-ca7644aa.entry.js.map → p-14012dc0.entry.js.map} +1 -1
  143. package/dist/paperless/{p-dec019cb.entry.js → p-1bec22c6.entry.js} +2 -2
  144. package/dist/paperless/{p-dec019cb.entry.js.map → p-1bec22c6.entry.js.map} +0 -0
  145. package/dist/{build/p-61cc1cd9.entry.js → paperless/p-2e81ae6a.entry.js} +2 -2
  146. package/dist/paperless/{p-61cc1cd9.entry.js.map → p-2e81ae6a.entry.js.map} +1 -1
  147. package/dist/paperless/p-53569897.entry.js +2 -0
  148. package/dist/paperless/{p-004d55ea.entry.js.map → p-53569897.entry.js.map} +1 -1
  149. package/dist/paperless/{p-34e4e210.entry.js → p-5dfab26d.entry.js} +2 -2
  150. package/dist/paperless/{p-34e4e210.entry.js.map → p-5dfab26d.entry.js.map} +1 -1
  151. package/dist/paperless/{p-165b2597.entry.js → p-beb1c18f.entry.js} +2 -2
  152. package/dist/paperless/{p-165b2597.entry.js.map → p-beb1c18f.entry.js.map} +1 -1
  153. package/dist/paperless/p-bff2caf8.entry.js +2 -0
  154. package/dist/{build/p-150f371d.entry.js.map → paperless/p-bff2caf8.entry.js.map} +1 -1
  155. package/dist/{build/p-7584e581.entry.js → paperless/p-e35b3886.entry.js} +2 -2
  156. package/dist/paperless/{p-7584e581.entry.js.map → p-e35b3886.entry.js.map} +0 -0
  157. package/dist/paperless/p-e6227583.entry.js +2 -0
  158. package/dist/paperless/{p-a4e7ec85.entry.js.map → p-e6227583.entry.js.map} +1 -1
  159. package/dist/paperless/paperless.esm.js +1 -1
  160. package/dist/sw.js +1 -1
  161. package/dist/sw.js.map +1 -1
  162. package/hydrate/index.d.ts +218 -0
  163. package/hydrate/index.js +22443 -0
  164. package/hydrate/package.json +6 -0
  165. package/package.json +3 -2
  166. package/dist/build/p-004d55ea.entry.js +0 -2
  167. package/dist/build/p-150f371d.entry.js +0 -2
  168. package/dist/build/p-a4e7ec85.entry.js +0 -2
  169. package/dist/build/p-ab08ea2e.entry.js +0 -2
  170. package/dist/paperless/p-004d55ea.entry.js +0 -2
  171. package/dist/paperless/p-150f371d.entry.js +0 -2
  172. package/dist/paperless/p-a4e7ec85.entry.js +0 -2
  173. package/dist/paperless/p-ab08ea2e.entry.js +0 -2
@@ -1,2 +1,2 @@
1
- import{r as t,h as a,H as r,g as e}from"./p-69d43b9d.js";const o='.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.m-0{margin:0!important}.my-2{margin-bottom:.5rem!important;margin-top:.5rem!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}.mt-0{margin-top:0!important}.mt-6{margin-top:1.5rem!important}.block{display: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-6{height:1.5rem!important}.h-8{height:2rem!important}.h-px{height:1px!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}.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-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-3{gap:.75rem!important}.gap-4{gap:1rem!important}.self-center{align-self:center!important}.justify-self-end{justify-self:end!important}.whitespace-nowrap{white-space:nowrap!important}.rounded{border-radius:.25rem!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}.bg-mystic-medium{background-color:rgb(227 236 243/var(--tw-bg-opacity))!important}.bg-mystic-medium,.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}.py-24{padding-bottom:6rem!important;padding-top:6rem!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}.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}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}.blur{--tw-blur:blur(8px)!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}*{box-sizing:border-box}:host{display:block;margin-bottom:.5rem;margin-top:.5rem;width:100%}:host .content{align-items:center;display:flex;width:100%}:host .content:after,:host .content:before{--tw-bg-opacity:1;background-color:rgb(227 236 243/var(--tw-bg-opacity));content:"";flex:1 1 0%;height:1px}.-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:64rem){.desktop-xs\\:flex{display:flex!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}}.max-w-\\[20rem\\]{max-width:20rem!important}.w-3\\/4{width:75%!important}@media (min-width:64rem){.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:flex-row{flex-direction:row!important}}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!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}}.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}';const i=class{constructor(a){t(this,a)}render(){var t;const e=!!((t=this._el.innerHTML)===null||t===void 0?void 0:t.length);return a(r,{class:"p-divider"},a("div",{class:"content"},a("div",{class:`flex items-center ${e&&"px-2"}`},a("slot",null))))}get _el(){return e(this)}};i.style=o;export{i as p_divider};
2
- //# sourceMappingURL=p-7584e581.entry.js.map
1
+ import{r as t,h as a,H as r,g as e}from"./p-69d43b9d.js";const o='.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.m-0{margin:0!important}.my-2{margin-bottom:.5rem!important;margin-top:.5rem!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}.mt-0{margin-top:0!important}.mt-6{margin-top:1.5rem!important}.block{display: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-6{height:1.5rem!important}.h-8{height:2rem!important}.h-px{height:1px!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}.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-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-3{gap:.75rem!important}.gap-4{gap:1rem!important}.self-center{align-self:center!important}.justify-self-end{justify-self:end!important}.whitespace-nowrap{white-space:nowrap!important}.rounded{border-radius:.25rem!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}.bg-mystic-medium{background-color:rgb(227 236 243/var(--tw-bg-opacity))!important}.bg-mystic-medium,.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}.py-24{padding-bottom:6rem!important;padding-top:6rem!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}.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}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}.blur{--tw-blur:blur(8px)!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}*{box-sizing:border-box}:host{display:block;margin-bottom:.5rem;margin-top:.5rem;width:100%}:host .content{align-items:center;display:flex;width:100%}:host .content:after,:host .content:before{--tw-bg-opacity:1;background-color:rgb(227 236 243/var(--tw-bg-opacity));content:"";flex:1 1 0%;height:1px}.-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}}.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}}.w-3\\/4{width:75%!important}@media (min-width:64rem){.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:flex-row{flex-direction:row!important}}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!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}';const i=class{constructor(a){t(this,a)}render(){var t;const e=!!((t=this._el.innerHTML)===null||t===void 0?void 0:t.length);return a(r,{class:"p-divider"},a("div",{class:"content"},a("div",{class:`flex items-center ${e&&"px-2"}`},a("slot",null))))}get _el(){return e(this)}};i.style=o;export{i as p_divider};
2
+ //# sourceMappingURL=p-e35b3886.entry.js.map
@@ -0,0 +1,2 @@
1
+ import{r as t,c as e,h as i,H as r,g as a}from"./p-69d43b9d.js";import{f as o,g as s}from"./p-4e650fe4.js";import{d as n,a as l}from"./p-6c60fd3d.js";const w=".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.bottom-0{bottom:0!important}.left-0{left:0!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{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-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}.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-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-4{gap:1rem!important}.self-center{align-self:center!important}.justify-self-end{justify-self:end!important}.rounded{border-radius:.25rem!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}.bg-white{--tw-bg-opacity:1!important;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}.py-24{padding-bottom:6rem!important;padding-top:6rem!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-semibold{font-weight:600!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}.blur{--tw-blur:blur(8px)!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}*{box-sizing:border-box}p-table{display:flex;flex-direction:column}.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-auto{width:auto!important}.desktop-xs\\:flex-row{flex-direction:row!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}.text-lg,.text-xl{line-height:1.75rem!important}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!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}";const h=class{constructor(i){t(this,i);this.selectedRowsChange=e(this,"selectedRowsChange",7);this.rowClick=e(this,"rowClick",7);this.rowSelected=e(this,"rowSelected",7);this.rowDeselected=e(this,"rowDeselected",7);this.hasRendered=e(this,"hasRendered",7);this.quickFilter=e(this,"quickFilter",7);this.queryChange=e(this,"queryChange",7);this.filter=e(this,"filter",7);this.edit=e(this,"edit",7);this.pageChange=e(this,"pageChange",7);this.pageSizeChange=e(this,"pageSizeChange",7);this.export=e(this,"export",7);this.emptyStateActionClick=e(this,"emptyStateActionClick",7);this._ctrlDown=false;this.items=undefined;this.loading=false;this.headerLoading=false;this.footerLoading=false;this.amountOfLoadingRows=6;this.enableRowSelection=true;this.enableRowClick=true;this.selectedRows=[];this.selectionKey=undefined;this.canSelectKey=undefined;this.quickFilters=[];this.activeQuickFilterIdentifier=undefined;this.enableSearch=true;this.query=undefined;this.enableFilter=true;this.selectedFiltersAmount=undefined;this.filterButtonTemplate=undefined;this.enableEdit=true;this.editButtonTemplate=undefined;this.enablePageSize=true;this.enablePagination=true;this.enableExport=true;this.page=1;this.total=undefined;this.pageSize=n;this.pageSizeOptions=l;this.hideOnSinglePage=true;this.emptyStateHeader=()=>{var t;return o((t=this._locales.empty_state)===null||t===void 0?void 0:t.no_filter.header)};this.emptyStateContent=()=>{var t;return o((t=this._locales.empty_state)===null||t===void 0?void 0:t.no_filter.content)};this.emptyStateAction=()=>{var t;return o((t=this._locales.empty_state)===null||t===void 0?void 0:t.no_filter.action)};this.emptyStateFilteredHeader=()=>o(this._locales.empty_state.filtered.header);this.emptyStateFilteredContent=()=>o(this._locales.empty_state.filtered.content);this._locales={};this._columns=[];this._items=[]}componentWillLoad(){this._setLocales();this._parseItems(this.items);this._generateColumns()}componentDidRender(){this.hasRendered.emit()}render(){var t,e;return i(r,{class:"p-table"},i("p-table-container",null,i("p-table-header",{quickFilters:this.quickFilters,activeQuickFilterIdentifier:this.activeQuickFilterIdentifier,onQuickFilter:({detail:t})=>this.quickFilter.emit(t),enableSearch:this.enableSearch,query:this.query,onQueryChange:({detail:t})=>this.queryChange.emit(t),enableFilter:this.enableFilter,selectedFiltersAmount:this.selectedFiltersAmount,filterButtonTemplate:this.filterButtonTemplate,onFilter:()=>this.filter.emit(),enableEdit:this.enableEdit,canEdit:!!((t=this.selectedRows)===null||t===void 0?void 0:t.length),editButtonTemplate:this.editButtonTemplate,onEdit:()=>this.edit.emit(),itemsSelectedAmount:(e=this.selectedRows)===null||e===void 0?void 0:e.length,loading:this.headerLoading}),this._getHeader(),i("div",{class:"flex flex-col"},this._getRows()),i("p-table-footer",{hideOnSinglePage:this.hideOnSinglePage,enablePageSize:this.enablePageSize,pageSize:this.pageSize,pageSizeOptions:this.pageSizeOptions,onPageSizeChange:({detail:t})=>this.pageSizeChange.emit(t),enablePagination:this.enablePagination,page:this.page,total:this.total,onPageChange:({detail:t})=>this.pageChange.emit(t),enableExport:this.enableExport,onExport:()=>this.export.emit(),loading:this.footerLoading})))}async _setLocales(){this._locales=await s(this._el)}onTableDefinitionUpdated(){this._generateColumns()}keyDown({key:t}){if(t!=="Control"||this._ctrlDown===true){return}this._ctrlDown=true}keyUp({key:t}){if(t!=="Control"||this._ctrlDown===false){return}this._ctrlDown=false}visibilityChange(){if(document.visibilityState!=="hidden"||this._ctrlDown===false){return}this._ctrlDown=false}_parseItems(t){if(!t){this._items=[];return}if(Array.isArray(t)){this._items=t;return}this._items=JSON.parse(t)}_generateColumns(){const t=this._el.querySelectorAll("p-table-column");this._columns=Array.from(t)}_getHeader(){return i("p-table-row",{variant:"header"},this._columns.map(((t,e)=>i("p-table-cell",{definition:t,value:t.name,variant:"header",checkbox:this._getCheckbox(e,null,"header"),index:e}))))}_getRows(){if(this.loading){return Array.from({length:this.amountOfLoadingRows},((t,e)=>i("p-table-row",{enableHover:this.enableRowSelection||this.enableRowClick},this._getLoadingColumns(e))))}if(!this._items.length){return this._getEmptyState()}return this._items.map(((t,e)=>i("p-table-row",{enableHover:this.enableRowSelection||this.enableRowClick,onClick:t=>this._rowClick(t,e)},this._getRowColumns(t,e))))}_getRowColumns(t,e){return this._columns.map(((r,a)=>i("p-table-cell",{definition:r,item:t,checkbox:this._getCheckbox(a,e),index:a,rowIndex:e})))}_getLoadingColumns(t){return this._columns.map(((e,r)=>i("p-table-cell",{definition:e,variant:"loading",checkbox:this._getCheckbox(r,t,"loading"),index:r,rowIndex:t})))}_getCheckbox(t,e,r="default"){if(!this.enableRowSelection||!this.selectionKey||t!==0){return}if(r==="loading"){return i("p-loader",{variant:"ghost",class:"rounded w-6 h-6"})}if(r==="header"){return i("input",{class:"p-input",type:"checkbox",onChange:t=>this._selectAllChange(t),checked:this._selectionContainsAll(),indeterminate:this._selectionIndeterminate()})}const a=this._items[e];return i("input",{class:"p-input",type:"checkbox",onChange:t=>this._checkboxChange(t===null||t===void 0?void 0:t.target,e),disabled:this.canSelectKey&&!a[this.canSelectKey],checked:this._selectionContains(a,e)})}_getEmptyState(){var t;if(((t=this.query)===null||t===void 0?void 0:t.length)||this.selectedFiltersAmount){return i("div",{class:"flex flex-col items-center text-center py-24 max-w-[20rem] self-center"},i("p-illustration",{variant:"empty-state-search",class:"mb-6"}),i("p",{class:"font-semibold text-storm-default"},this.emptyStateFilteredHeader()),i("p",{class:"text-sm text-storm-medium mb-14"},this.emptyStateFilteredContent()))}return i("div",{class:"flex flex-col items-center text-center py-24 max-w-[20rem] self-center"},i("p-illustration",{variant:"empty-state-overview",class:"cursor-pointer mb-6",onClick:()=>this.emptyStateActionClick.emit(null)}),i("p",{class:"font-semibold text-storm-default"},this.emptyStateHeader()),i("p",{class:"text-sm text-storm-medium mb-6"},this.emptyStateContent()),i("p-button",{variant:"secondary",icon:"plus",size:"small",onClick:()=>this.emptyStateActionClick.emit(null)},this.emptyStateAction()))}_selectAllChange(t){if(!this.enableRowSelection){return}const e=this._getCheckedValue(t.target);if(e){const t=[];for(let e=0;e<this._items.length;e++){const i=this._items[e];if(this.canSelectKey&&!i[this.canSelectKey]){continue}if(this._selectionContains(i,e)){continue}t.push(i);this.rowSelected.emit(i)}this.selectedRows=[...this.selectedRows,...t];this.selectedRowsChange.emit(this.selectedRows);return}for(let t=0;t<this.selectedRows.length;t++){const e=this.selectedRows[t];const i=this._items.find((i=>this._getSelectionValue(i,t)===this._getSelectionValue(e,t)));if(!i){continue}this.rowDeselected.emit(i)}this.selectedRows=[];this.selectedRowsChange.emit(this.selectedRows)}_checkboxChange(t,e){if(!this.enableRowSelection){return}const i=this._items[e];if(this.canSelectKey&&!i[this.canSelectKey]){t.checked=false;return}const r=this._getCheckedValue(t);if(r){this.selectedRows=[...this.selectedRows,i];this.selectedRowsChange.emit(this.selectedRows);this.rowSelected.emit(i);return}const a=this._selectionContains(i,e,true);const o=[...this.selectedRows];o.splice(a,1);this.selectedRows=o;this.selectedRowsChange.emit(this.selectedRows);this.rowDeselected.emit(i)}_getCheckedValue(t){return t===null||t===void 0?void 0:t.checked}_getSelectionValue(t,e){return this.selectionKey?(t===null||t===void 0?void 0:t[this.selectionKey])||e:e}_selectionContains(t,e,i=false){const r=this.selectedRows.findIndex((i=>this._getSelectionValue(t,e)===this._getSelectionValue(i,e)));return!i?r>=0:r}_selectionContainsAll(){var t,e;let i=true;if(!((t=this._items)===null||t===void 0?void 0:t.length)){return false}for(let t=0;t<((e=this._items)===null||e===void 0?void 0:e.length);t++){const e=this._items[t];const r=this._selectionContains(e,t);if(!r){i=false;break}}return i}_selectionIndeterminate(){var t,e,i;if(!((t=this._items)===null||t===void 0?void 0:t.length)||!((e=this.selectedRows)===null||e===void 0?void 0:e.length)){return false}let r=0;for(let t=0;t<((i=this._items)===null||i===void 0?void 0:i.length);t++){const e=this._items[t];const i=this._selectionContains(e,t);if(i){r++}}return r>0&&r!==this._items.length}_rowClick(t,e){const i=t.target;if(i.tagName.toLowerCase()==="input"||i.type==="checkbox"){return}const r=this._findRow(t.target);if(this.enableRowClick){const i=this._findRowAction(t.target);if(i){return}const r=this._items[e];this.rowClick.emit({item:r,ctrlDown:this._ctrlDown});return}if(!this.enableRowSelection){return}const a=r===null||r===void 0?void 0:r.querySelector('input[type="checkbox"]');if(!a){return}a.checked=!a.checked;this._checkboxChange(a,e)}_findRow(t){var e;if(!t){return t}if(((e=t===null||t===void 0?void 0:t.tagName)===null||e===void 0?void 0:e.toLowerCase())==="p-table-row"){return t}return this._findRow(t===null||t===void 0?void 0:t.parentElement)}_findRowAction(t){var e;if(!t){return null}if(t.getAttribute("data-is-action")!==null&&t.getAttribute("data-is-action")!=="false"){return t}if(((e=t===null||t===void 0?void 0:t.tagName)===null||e===void 0?void 0:e.toLowerCase())==="p-table-row"){return null}return this._findRowAction(t===null||t===void 0?void 0:t.parentElement)}get _el(){return a(this)}static get watchers(){return{items:["_parseItems"]}}};h.style=w;export{h as p_table};
2
+ //# sourceMappingURL=p-e6227583.entry.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["tableComponentCss","Table","this","_ctrlDown","defaultSize","defaultSizeOptions","_a","formatTranslation","_locales","empty_state","no_filter","header","content","action","filtered","componentWillLoad","_setLocales","_parseItems","items","_generateColumns","componentDidRender","hasRendered","emit","render","h","Host","class","quickFilters","activeQuickFilterIdentifier","onQuickFilter","detail","quickFilter","enableSearch","query","onQueryChange","queryChange","enableFilter","selectedFiltersAmount","filterButtonTemplate","onFilter","filter","enableEdit","canEdit","selectedRows","length","editButtonTemplate","onEdit","edit","itemsSelectedAmount","_b","loading","headerLoading","_getHeader","_getRows","hideOnSinglePage","enablePageSize","pageSize","pageSizeOptions","onPageSizeChange","pageSizeChange","enablePagination","page","total","onPageChange","pageChange","enableExport","onExport","export","footerLoading","async","getLocaleComponentStrings","_el","onTableDefinitionUpdated","keyDown","key","keyUp","visibilityChange","document","visibilityState","_items","Array","isArray","JSON","parse","definitions","querySelectorAll","_columns","from","variant","map","col","index","definition","value","name","checkbox","_getCheckbox","amountOfLoadingRows","_","i","enableHover","enableRowSelection","enableRowClick","_getLoadingColumns","_getEmptyState","item","onClick","ev","_rowClick","_getRowColumns","colIndex","rowIndex","selectionKey","type","onChange","_selectAllChange","checked","_selectionContainsAll","indeterminate","_selectionIndeterminate","_checkboxChange","target","disabled","canSelectKey","_selectionContains","emptyStateFilteredHeader","emptyStateFilteredContent","emptyStateActionClick","emptyStateHeader","emptyStateContent","icon","size","emptyStateAction","$event","_getCheckedValue","toAdd","row","push","rowSelected","selectedRowsChange","find","d","_getSelectionValue","rowDeselected","indexOfToRemove","selection","splice","returnIndex","returnValue","findIndex","contains","containsCount","_c","tagName","toLowerCase","_findRow","_findRowAction","rowClick","ctrlDown","querySelector","el","parentElement","getAttribute"],"sources":["./src/components/organisms/table/table.component.scss?tag=p-table","./src/components/organisms/table/table.component.tsx"],"sourcesContent":["p-table {\n @apply flex flex-col;\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport { QuickFilter, RowClickEvent } from '../../../types/table';\nimport { formatTranslation, getLocaleComponentStrings } from '../../../utils';\nimport { TableColumn } from '../../helpers/table-column/table-column.component';\nimport {\n defaultSize,\n defaultSizeOptions,\n} from '../../molecules/page-size-select/constants';\nimport { buttonTemplateFunc } from '../../molecules/table-header/table-header.component';\n\nexport type templateFunc = () => string;\n\n@Component({\n tag: 'p-table',\n styleUrl: 'table.component.scss',\n})\nexport class Table {\n /**\n * The items to be fed to the table\n */\n @Prop() items: string;\n\n /**\n * Wether data is loading\n */\n @Prop() loading: boolean = false;\n\n /**\n * Wether the header should show loading state\n */\n @Prop() headerLoading: boolean = false;\n\n /**\n * Wether the footer should show loading state\n */\n @Prop() footerLoading: boolean = false;\n\n /**\n * The amount of loading rows to show\n */\n @Prop() amountOfLoadingRows: number = 6;\n\n /**\n * Wether to enable selection\n */\n @Prop() enableRowSelection: boolean = true;\n\n /**\n * Wether to enable row clicking\n */\n @Prop() enableRowClick: boolean = true;\n\n /**\n * The current selection of items\n */\n @Prop() selectedRows: any[] = [];\n\n /**\n * Event whenever the current selection changes\n */\n @Event() selectedRowsChange: EventEmitter<any>;\n\n /**\n * The key to determine if a row is selected\n */\n @Prop() selectionKey: string;\n\n /**\n * A key to determine if a row can be selected\n */\n @Prop() canSelectKey: string;\n\n /**\n * Event whenever a row is clicked\n */\n @Event() rowClick: EventEmitter<RowClickEvent>;\n\n /**\n * Event whenever a row is selected\n */\n @Event() rowSelected: EventEmitter<any>;\n\n /**\n * Event whenever a row is deselected\n */\n @Event() rowDeselected: EventEmitter<any>;\n\n /**\n * Event when the table has rendered\n */\n @Event() hasRendered: EventEmitter<number>;\n\n /** START HEADER */\n /**\n * Quick filters to show\n */\n @Prop() quickFilters: QuickFilter[] = [];\n\n /**\n * Active quick filter identifier\n */\n @Prop() activeQuickFilterIdentifier: string;\n\n /**\n * Wether to show the search input\n */\n @Prop() enableSearch: boolean = true;\n\n /**\n * The query to show in the search bar\n */\n @Prop({ mutable: true }) query: string;\n\n /**\n * Wether to show the filter button\n */\n @Prop() enableFilter: boolean = true;\n\n /**\n * The amount of filters being selected\n */\n @Prop() selectedFiltersAmount: number;\n\n /**\n * The template for the filter button text\n */\n @Prop() filterButtonTemplate: templateFunc;\n\n /**\n * Wether to show the edit button\n */\n @Prop() enableEdit: boolean = true;\n\n /**\n * The template for the edit button text\n */\n @Prop() editButtonTemplate: buttonTemplateFunc;\n\n /**\n * Event when one of the quick filters is clicked\n */\n @Event() quickFilter: EventEmitter<QuickFilter>;\n\n /**\n * Event when the query changes\n */\n @Event() queryChange: EventEmitter<string>;\n\n /**\n * Event when the filter button is clicked\n */\n @Event() filter: EventEmitter<null>;\n\n /**\n * Event when the edit button is clicked\n */\n @Event() edit: EventEmitter<null>;\n\n /** START FOOTER */\n\n /**\n * Wether to enable page size select\n */\n @Prop() enablePageSize: boolean = true;\n\n /**\n * Wether to enable pagination\n */\n @Prop() enablePagination: boolean = true;\n\n /**\n * Wether to enable export\n */\n @Prop() enableExport: boolean = true;\n\n /**\n * The current page\n */\n @Prop({ mutable: true, reflect: true }) page: number = 1;\n\n /**\n * The total amount of items\n */\n @Prop() total!: number;\n\n /**\n * Event whenever the page changes\n */\n @Event() pageChange: EventEmitter<number>;\n\n /**\n * The amount of items per page\n */\n @Prop() pageSize: number = defaultSize;\n\n /**\n * The options for the page size\n */\n @Prop() pageSizeOptions: number[] = defaultSizeOptions;\n\n /**\n * Event whenever the page changes\n */\n @Event() pageSizeChange: EventEmitter<number>;\n\n /**\n * Event whenever the page changes\n */\n @Event() export: EventEmitter<number>;\n\n /**\n * Wether to hide when there is only 1 page available\n */\n @Prop() hideOnSinglePage: boolean = true;\n\n /* Empty state start */\n\n @Prop() emptyStateHeader: templateFunc = () =>\n formatTranslation(this._locales.empty_state?.no_filter.header);\n @Prop() emptyStateContent: templateFunc = () =>\n formatTranslation(this._locales.empty_state?.no_filter.content);\n @Prop() emptyStateAction: templateFunc = () =>\n formatTranslation(this._locales.empty_state?.no_filter.action);\n\n @Prop() emptyStateFilteredHeader: templateFunc = () =>\n formatTranslation(this._locales.empty_state.filtered.header);\n @Prop() emptyStateFilteredContent: templateFunc = () =>\n formatTranslation(this._locales.empty_state.filtered.content);\n\n /**\n * Event whenever the empty state is clicked\n */\n @Event() emptyStateActionClick: EventEmitter<null>;\n\n /* Empty state end */\n\n /**\n * The host element\n */\n @Element() private _el: HTMLElement;\n\n /**\n * Locales used for this component\n */\n @State() private _locales: any = {};\n\n @State() private _columns: any[] = [];\n @State() private _items: any[] = [];\n\n private _ctrlDown = false;\n\n componentWillLoad() {\n this._setLocales();\n this._parseItems(this.items);\n this._generateColumns();\n }\n\n componentDidRender() {\n this.hasRendered.emit();\n }\n\n render() {\n return (\n <Host class=\"p-table\">\n <p-table-container>\n <p-table-header\n // quick filters\n quickFilters={this.quickFilters}\n activeQuickFilterIdentifier={\n this.activeQuickFilterIdentifier\n }\n onQuickFilter={({ detail }) =>\n this.quickFilter.emit(detail)\n }\n // search\n enableSearch={this.enableSearch}\n query={this.query}\n onQueryChange={({ detail }) =>\n this.queryChange.emit(detail)\n }\n // filter button\n enableFilter={this.enableFilter}\n selectedFiltersAmount={this.selectedFiltersAmount}\n filterButtonTemplate={this.filterButtonTemplate}\n onFilter={() => this.filter.emit()}\n // edit button\n enableEdit={this.enableEdit}\n canEdit={!!this.selectedRows?.length}\n editButtonTemplate={this.editButtonTemplate}\n onEdit={() => this.edit.emit()}\n itemsSelectedAmount={this.selectedRows?.length}\n //loading\n loading={this.headerLoading}\n ></p-table-header>\n\n {this._getHeader()}\n <div class=\"flex flex-col\">{this._getRows()}</div>\n\n <p-table-footer\n // overall\n hideOnSinglePage={this.hideOnSinglePage}\n // page size select\n enablePageSize={this.enablePageSize}\n pageSize={this.pageSize}\n pageSizeOptions={this.pageSizeOptions}\n onPageSizeChange={({ detail }) =>\n this.pageSizeChange.emit(detail)\n }\n // pagination\n enablePagination={this.enablePagination}\n page={this.page}\n total={this.total}\n onPageChange={({ detail }) =>\n this.pageChange.emit(detail)\n }\n // export\n enableExport={this.enableExport}\n onExport={() => this.export.emit()}\n //loading\n loading={this.footerLoading}\n ></p-table-footer>\n </p-table-container>\n </Host>\n );\n }\n\n @Listen('localeChanged', { target: 'body' })\n private async _setLocales(): Promise<void> {\n this._locales = await getLocaleComponentStrings(this._el);\n }\n\n @Listen('tableDefinitionChanged', { target: 'body' })\n onTableDefinitionUpdated() {\n this._generateColumns();\n }\n\n @Listen('keydown', { target: 'document' })\n keyDown({ key }) {\n if (key !== 'Control' || this._ctrlDown === true) {\n return;\n }\n\n this._ctrlDown = true;\n }\n\n @Listen('keyup', { target: 'document' })\n keyUp({ key }) {\n if (key !== 'Control' || this._ctrlDown === false) {\n return;\n }\n\n this._ctrlDown = false;\n }\n\n @Listen('visibilitychange', { target: 'document' })\n visibilityChange() {\n if (document.visibilityState !== 'hidden' || this._ctrlDown === false) {\n return;\n }\n\n this._ctrlDown = false;\n }\n\n @Watch('items')\n private _parseItems(items: string) {\n if (!items) {\n this._items = [];\n return;\n }\n\n if (Array.isArray(items)) {\n this._items = items;\n return;\n }\n\n this._items = JSON.parse(items);\n }\n\n private _generateColumns() {\n const definitions = this._el.querySelectorAll('p-table-column');\n this._columns = Array.from(definitions);\n }\n\n private _getHeader() {\n return (\n <p-table-row variant=\"header\">\n {this._columns.map((col: TableColumn, index) => (\n <p-table-cell\n definition={col}\n value={col.name}\n variant=\"header\"\n checkbox={this._getCheckbox(index, null, 'header')}\n index={index}\n ></p-table-cell>\n ))}\n </p-table-row>\n );\n }\n\n private _getRows() {\n if (this.loading) {\n return Array.from(\n {\n length: this.amountOfLoadingRows,\n },\n (_, i) => (\n <p-table-row\n enableHover={\n this.enableRowSelection || this.enableRowClick\n }\n >\n {this._getLoadingColumns(i)}\n </p-table-row>\n )\n );\n }\n\n if (!this._items.length) {\n return this._getEmptyState();\n }\n\n return this._items.map((item, index) => (\n <p-table-row\n enableHover={this.enableRowSelection || this.enableRowClick}\n onClick={(ev) => this._rowClick(ev, index)}\n >\n {this._getRowColumns(item, index)}\n </p-table-row>\n ));\n }\n\n private _getRowColumns(item, index) {\n return this._columns.map((col: TableColumn, colIndex) => {\n return (\n <p-table-cell\n definition={col}\n item={item}\n checkbox={this._getCheckbox(colIndex, index)}\n index={colIndex}\n rowIndex={index}\n ></p-table-cell>\n );\n });\n }\n\n private _getLoadingColumns(index) {\n return this._columns.map((col: TableColumn, colIndex) => {\n return (\n <p-table-cell\n definition={col}\n variant=\"loading\"\n checkbox={this._getCheckbox(colIndex, index, 'loading')}\n index={colIndex}\n rowIndex={index}\n ></p-table-cell>\n );\n });\n }\n\n private _getCheckbox(\n index,\n rowIndex,\n variant: 'header' | 'default' | 'loading' = 'default'\n ) {\n if (!this.enableRowSelection || !this.selectionKey || index !== 0) {\n return;\n }\n\n if (variant === 'loading') {\n return <p-loader variant=\"ghost\" class=\"rounded w-6 h-6\" />;\n }\n\n if (variant === 'header') {\n return (\n <input\n class=\"p-input\"\n type=\"checkbox\"\n onChange={(ev) => this._selectAllChange(ev)}\n checked={this._selectionContainsAll()}\n indeterminate={this._selectionIndeterminate()}\n />\n );\n }\n\n const item = this._items[rowIndex];\n\n return (\n <input\n class=\"p-input\"\n type=\"checkbox\"\n onChange={(ev) => this._checkboxChange(ev?.target, rowIndex)}\n disabled={this.canSelectKey && !item[this.canSelectKey]}\n checked={this._selectionContains(item, rowIndex)}\n />\n );\n }\n\n private _getEmptyState() {\n if (this.query?.length || this.selectedFiltersAmount) {\n return (\n <div class=\"flex flex-col items-center text-center py-24 max-w-[20rem] self-center\">\n <p-illustration variant=\"empty-state-search\" class=\"mb-6\" />\n <p class=\"font-semibold text-storm-default\">\n {this.emptyStateFilteredHeader()}\n </p>\n <p class=\"text-sm text-storm-medium mb-14\">\n {this.emptyStateFilteredContent()}\n </p>\n </div>\n );\n }\n\n return (\n <div class=\"flex flex-col items-center text-center py-24 max-w-[20rem] self-center\">\n <p-illustration\n variant=\"empty-state-overview\"\n class=\"cursor-pointer mb-6\"\n onClick={() => this.emptyStateActionClick.emit(null)}\n />\n <p class=\"font-semibold text-storm-default\">\n {this.emptyStateHeader()}\n </p>\n <p class=\"text-sm text-storm-medium mb-6\">\n {this.emptyStateContent()}\n </p>\n <p-button\n variant=\"secondary\"\n icon=\"plus\"\n size=\"small\"\n onClick={() => this.emptyStateActionClick.emit(null)}\n >\n {this.emptyStateAction()}\n </p-button>\n </div>\n );\n }\n\n private _selectAllChange($event: any) {\n if (!this.enableRowSelection) {\n return;\n }\n\n const value = this._getCheckedValue($event.target);\n if (value) {\n const toAdd = [];\n for (let i = 0; i < this._items.length; i++) {\n const row = this._items[i];\n if (this.canSelectKey && !row[this.canSelectKey]) {\n continue;\n }\n\n if (this._selectionContains(row, i)) {\n continue;\n }\n\n toAdd.push(row);\n this.rowSelected.emit(row);\n }\n\n this.selectedRows = [...this.selectedRows, ...toAdd];\n this.selectedRowsChange.emit(this.selectedRows);\n return;\n }\n\n for (let i = 0; i < this.selectedRows.length; i++) {\n const value = this.selectedRows[i];\n const row = this._items.find(\n (d) =>\n this._getSelectionValue(d, i) ===\n this._getSelectionValue(value, i)\n );\n\n if (!row) {\n continue;\n }\n\n this.rowDeselected.emit(row);\n }\n\n this.selectedRows = [];\n this.selectedRowsChange.emit(this.selectedRows);\n }\n\n private _checkboxChange(target: any, index: number) {\n if (!this.enableRowSelection) {\n return;\n }\n\n const row = this._items[index];\n\n if (this.canSelectKey && !row[this.canSelectKey]) {\n target.checked = false;\n return;\n }\n\n const value = this._getCheckedValue(target);\n if (value) {\n this.selectedRows = [...this.selectedRows, row];\n this.selectedRowsChange.emit(this.selectedRows);\n this.rowSelected.emit(row);\n return;\n }\n\n const indexOfToRemove = this._selectionContains(row, index, true);\n\n // we need to do this, because splice does not trigger the selection setter.\n const selection = [...this.selectedRows];\n selection.splice(indexOfToRemove, 1);\n this.selectedRows = selection;\n this.selectedRowsChange.emit(this.selectedRows);\n this.rowDeselected.emit(row);\n }\n\n private _getCheckedValue(target: any) {\n return target?.checked;\n }\n\n private _getSelectionValue(row: any, index: number) {\n return this.selectionKey ? row?.[this.selectionKey] || index : index;\n }\n\n private _selectionContains(row, index, returnIndex = false): any {\n const returnValue = this.selectedRows.findIndex(\n (item) =>\n this._getSelectionValue(row, index) ===\n this._getSelectionValue(item, index)\n );\n return !returnIndex ? returnValue >= 0 : returnValue;\n }\n\n private _selectionContainsAll() {\n let returnValue = true;\n if (!this._items?.length) {\n return false;\n }\n\n for (let i = 0; i < this._items?.length; i++) {\n const item = this._items[i];\n const contains = this._selectionContains(item, i);\n\n if (!contains) {\n returnValue = false;\n break;\n }\n }\n\n return returnValue;\n }\n\n private _selectionIndeterminate() {\n if (!this._items?.length || !this.selectedRows?.length) {\n return false;\n }\n\n let containsCount = 0;\n for (let i = 0; i < this._items?.length; i++) {\n const item = this._items[i];\n const contains = this._selectionContains(item, i);\n\n if (contains) {\n containsCount++;\n }\n }\n\n return containsCount > 0 && containsCount !== this._items.length;\n }\n\n private _rowClick($event, index) {\n const target = $event.target;\n\n if (\n target.tagName.toLowerCase() === 'input' ||\n target.type === 'checkbox'\n ) {\n return;\n }\n\n const row = this._findRow($event.target);\n\n if (this.enableRowClick) {\n const action = this._findRowAction($event.target);\n\n if (action) {\n return;\n }\n\n const item = this._items[index];\n this.rowClick.emit({\n item,\n ctrlDown: this._ctrlDown,\n });\n return;\n }\n\n if (!this.enableRowSelection) {\n return;\n }\n\n const checkbox = row?.querySelector('input[type=\"checkbox\"]');\n\n if (!checkbox) {\n return;\n }\n\n checkbox.checked = !checkbox.checked;\n this._checkboxChange(checkbox, index);\n }\n\n private _findRow(el: HTMLElement) {\n if (!el) {\n return el;\n }\n\n if (el?.tagName?.toLowerCase() === 'p-table-row') {\n return el;\n }\n\n return this._findRow(el?.parentElement);\n }\n\n private _findRowAction(el: HTMLElement) {\n if (!el) {\n return null;\n }\n\n if (\n el.getAttribute('data-is-action') !== null &&\n el.getAttribute('data-is-action') !== 'false'\n ) {\n return el;\n }\n\n if (el?.tagName?.toLowerCase() === 'p-table-row') {\n return null;\n }\n\n return this._findRowAction(el?.parentElement);\n }\n}\n"],"mappings":"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"}
1
+ {"version":3,"names":["tableComponentCss","Table","this","_ctrlDown","defaultSize","defaultSizeOptions","_a","formatTranslation","_locales","empty_state","no_filter","header","content","action","filtered","componentWillLoad","_setLocales","_parseItems","items","_generateColumns","componentDidRender","hasRendered","emit","render","h","Host","class","quickFilters","activeQuickFilterIdentifier","onQuickFilter","detail","quickFilter","enableSearch","query","onQueryChange","queryChange","enableFilter","selectedFiltersAmount","filterButtonTemplate","onFilter","filter","enableEdit","canEdit","selectedRows","length","editButtonTemplate","onEdit","edit","itemsSelectedAmount","_b","loading","headerLoading","_getHeader","_getRows","hideOnSinglePage","enablePageSize","pageSize","pageSizeOptions","onPageSizeChange","pageSizeChange","enablePagination","page","total","onPageChange","pageChange","enableExport","onExport","export","footerLoading","async","getLocaleComponentStrings","_el","onTableDefinitionUpdated","keyDown","key","keyUp","visibilityChange","document","visibilityState","_items","Array","isArray","JSON","parse","definitions","querySelectorAll","_columns","from","variant","map","col","index","definition","value","name","checkbox","_getCheckbox","amountOfLoadingRows","_","i","enableHover","enableRowSelection","enableRowClick","_getLoadingColumns","_getEmptyState","item","onClick","ev","_rowClick","_getRowColumns","colIndex","rowIndex","selectionKey","type","onChange","_selectAllChange","checked","_selectionContainsAll","indeterminate","_selectionIndeterminate","_checkboxChange","target","disabled","canSelectKey","_selectionContains","emptyStateFilteredHeader","emptyStateFilteredContent","emptyStateActionClick","emptyStateHeader","emptyStateContent","icon","size","emptyStateAction","$event","_getCheckedValue","toAdd","row","push","rowSelected","selectedRowsChange","find","d","_getSelectionValue","rowDeselected","indexOfToRemove","selection","splice","returnIndex","returnValue","findIndex","contains","containsCount","_c","tagName","toLowerCase","_findRow","_findRowAction","rowClick","ctrlDown","querySelector","el","parentElement","getAttribute"],"sources":["./src/components/organisms/table/table.component.scss?tag=p-table","./src/components/organisms/table/table.component.tsx"],"sourcesContent":["p-table {\n @apply flex flex-col;\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport { QuickFilter, RowClickEvent } from '../../../types/table';\nimport { formatTranslation, getLocaleComponentStrings } from '../../../utils';\nimport { TableColumn } from '../../helpers/table-column/table-column.component';\nimport {\n defaultSize,\n defaultSizeOptions,\n} from '../../molecules/page-size-select/constants';\nimport { buttonTemplateFunc } from '../../molecules/table-header/table-header.component';\n\nexport type templateFunc = () => string;\n\n@Component({\n tag: 'p-table',\n styleUrl: 'table.component.scss',\n})\nexport class Table {\n /**\n * The items to be fed to the table\n */\n @Prop() items: string;\n\n /**\n * Wether data is loading\n */\n @Prop() loading: boolean = false;\n\n /**\n * Wether the header should show loading state\n */\n @Prop() headerLoading: boolean = false;\n\n /**\n * Wether the footer should show loading state\n */\n @Prop() footerLoading: boolean = false;\n\n /**\n * The amount of loading rows to show\n */\n @Prop() amountOfLoadingRows: number = 6;\n\n /**\n * Wether to enable selection\n */\n @Prop() enableRowSelection: boolean = true;\n\n /**\n * Wether to enable row clicking\n */\n @Prop() enableRowClick: boolean = true;\n\n /**\n * The current selection of items\n */\n @Prop() selectedRows: any[] = [];\n\n /**\n * Event whenever the current selection changes\n */\n @Event() selectedRowsChange: EventEmitter<any>;\n\n /**\n * The key to determine if a row is selected\n */\n @Prop() selectionKey: string;\n\n /**\n * A key to determine if a row can be selected\n */\n @Prop() canSelectKey: string;\n\n /**\n * Event whenever a row is clicked\n */\n @Event() rowClick: EventEmitter<RowClickEvent>;\n\n /**\n * Event whenever a row is selected\n */\n @Event() rowSelected: EventEmitter<any>;\n\n /**\n * Event whenever a row is deselected\n */\n @Event() rowDeselected: EventEmitter<any>;\n\n /**\n * Event when the table has rendered\n */\n @Event() hasRendered: EventEmitter<number>;\n\n /** START HEADER */\n /**\n * Quick filters to show\n */\n @Prop() quickFilters: QuickFilter[] = [];\n\n /**\n * Active quick filter identifier\n */\n @Prop() activeQuickFilterIdentifier: string;\n\n /**\n * Wether to show the search input\n */\n @Prop() enableSearch: boolean = true;\n\n /**\n * The query to show in the search bar\n */\n @Prop({ mutable: true }) query: string;\n\n /**\n * Wether to show the filter button\n */\n @Prop() enableFilter: boolean = true;\n\n /**\n * The amount of filters being selected\n */\n @Prop() selectedFiltersAmount: number;\n\n /**\n * The template for the filter button text\n */\n @Prop() filterButtonTemplate: templateFunc;\n\n /**\n * Wether to show the edit button\n */\n @Prop() enableEdit: boolean = true;\n\n /**\n * The template for the edit button text\n */\n @Prop() editButtonTemplate: buttonTemplateFunc;\n\n /**\n * Event when one of the quick filters is clicked\n */\n @Event() quickFilter: EventEmitter<QuickFilter>;\n\n /**\n * Event when the query changes\n */\n @Event() queryChange: EventEmitter<string>;\n\n /**\n * Event when the filter button is clicked\n */\n @Event() filter: EventEmitter<null>;\n\n /**\n * Event when the edit button is clicked\n */\n @Event() edit: EventEmitter<null>;\n\n /** START FOOTER */\n\n /**\n * Wether to enable page size select\n */\n @Prop() enablePageSize: boolean = true;\n\n /**\n * Wether to enable pagination\n */\n @Prop() enablePagination: boolean = true;\n\n /**\n * Wether to enable export\n */\n @Prop() enableExport: boolean = true;\n\n /**\n * The current page\n */\n @Prop({ mutable: true, reflect: true }) page: number = 1;\n\n /**\n * The total amount of items\n */\n @Prop() total!: number;\n\n /**\n * Event whenever the page changes\n */\n @Event() pageChange: EventEmitter<number>;\n\n /**\n * The amount of items per page\n */\n @Prop() pageSize: number = defaultSize;\n\n /**\n * The options for the page size\n */\n @Prop() pageSizeOptions: number[] = defaultSizeOptions;\n\n /**\n * Event whenever the page changes\n */\n @Event() pageSizeChange: EventEmitter<number>;\n\n /**\n * Event whenever the page changes\n */\n @Event() export: EventEmitter<number>;\n\n /**\n * Wether to hide when there is only 1 page available\n */\n @Prop() hideOnSinglePage: boolean = true;\n\n /* Empty state start */\n\n @Prop() emptyStateHeader: templateFunc = () =>\n formatTranslation(this._locales.empty_state?.no_filter.header);\n @Prop() emptyStateContent: templateFunc = () =>\n formatTranslation(this._locales.empty_state?.no_filter.content);\n @Prop() emptyStateAction: templateFunc = () =>\n formatTranslation(this._locales.empty_state?.no_filter.action);\n\n @Prop() emptyStateFilteredHeader: templateFunc = () =>\n formatTranslation(this._locales.empty_state.filtered.header);\n @Prop() emptyStateFilteredContent: templateFunc = () =>\n formatTranslation(this._locales.empty_state.filtered.content);\n\n /**\n * Event whenever the empty state is clicked\n */\n @Event() emptyStateActionClick: EventEmitter<null>;\n\n /* Empty state end */\n\n /**\n * The host element\n */\n @Element() private _el: HTMLElement;\n\n /**\n * Locales used for this component\n */\n @State() private _locales: any = {};\n\n @State() private _columns: any[] = [];\n @State() private _items: any[] = [];\n\n private _ctrlDown = false;\n\n componentWillLoad() {\n this._setLocales();\n this._parseItems(this.items);\n this._generateColumns();\n }\n\n componentDidRender() {\n this.hasRendered.emit();\n }\n\n render() {\n return (\n <Host class=\"p-table\">\n <p-table-container>\n <p-table-header\n // quick filters\n quickFilters={this.quickFilters}\n activeQuickFilterIdentifier={\n this.activeQuickFilterIdentifier\n }\n onQuickFilter={({ detail }) =>\n this.quickFilter.emit(detail)\n }\n // search\n enableSearch={this.enableSearch}\n query={this.query}\n onQueryChange={({ detail }) =>\n this.queryChange.emit(detail)\n }\n // filter button\n enableFilter={this.enableFilter}\n selectedFiltersAmount={this.selectedFiltersAmount}\n filterButtonTemplate={this.filterButtonTemplate}\n onFilter={() => this.filter.emit()}\n // edit button\n enableEdit={this.enableEdit}\n canEdit={!!this.selectedRows?.length}\n editButtonTemplate={this.editButtonTemplate}\n onEdit={() => this.edit.emit()}\n itemsSelectedAmount={this.selectedRows?.length}\n //loading\n loading={this.headerLoading}\n ></p-table-header>\n\n {this._getHeader()}\n <div class=\"flex flex-col\">{this._getRows()}</div>\n\n <p-table-footer\n // overall\n hideOnSinglePage={this.hideOnSinglePage}\n // page size select\n enablePageSize={this.enablePageSize}\n pageSize={this.pageSize}\n pageSizeOptions={this.pageSizeOptions}\n onPageSizeChange={({ detail }) =>\n this.pageSizeChange.emit(detail)\n }\n // pagination\n enablePagination={this.enablePagination}\n page={this.page}\n total={this.total}\n onPageChange={({ detail }) =>\n this.pageChange.emit(detail)\n }\n // export\n enableExport={this.enableExport}\n onExport={() => this.export.emit()}\n //loading\n loading={this.footerLoading}\n ></p-table-footer>\n </p-table-container>\n </Host>\n );\n }\n\n @Listen('localeChanged', { target: 'body' })\n private async _setLocales(): Promise<void> {\n this._locales = await getLocaleComponentStrings(this._el);\n }\n\n @Listen('tableDefinitionChanged', { target: 'body' })\n onTableDefinitionUpdated() {\n this._generateColumns();\n }\n\n @Listen('keydown', { target: 'document' })\n keyDown({ key }) {\n if (key !== 'Control' || this._ctrlDown === true) {\n return;\n }\n\n this._ctrlDown = true;\n }\n\n @Listen('keyup', { target: 'document' })\n keyUp({ key }) {\n if (key !== 'Control' || this._ctrlDown === false) {\n return;\n }\n\n this._ctrlDown = false;\n }\n\n @Listen('visibilitychange', { target: 'document' })\n visibilityChange() {\n if (document.visibilityState !== 'hidden' || this._ctrlDown === false) {\n return;\n }\n\n this._ctrlDown = false;\n }\n\n @Watch('items')\n private _parseItems(items: string) {\n if (!items) {\n this._items = [];\n return;\n }\n\n if (Array.isArray(items)) {\n this._items = items;\n return;\n }\n\n this._items = JSON.parse(items);\n }\n\n private _generateColumns() {\n const definitions = this._el.querySelectorAll('p-table-column');\n this._columns = Array.from(definitions);\n }\n\n private _getHeader() {\n return (\n <p-table-row variant=\"header\">\n {this._columns.map((col: TableColumn, index) => (\n <p-table-cell\n definition={col}\n value={col.name}\n variant=\"header\"\n checkbox={this._getCheckbox(index, null, 'header')}\n index={index}\n ></p-table-cell>\n ))}\n </p-table-row>\n );\n }\n\n private _getRows() {\n if (this.loading) {\n return Array.from(\n {\n length: this.amountOfLoadingRows,\n },\n (_, i) => (\n <p-table-row\n enableHover={\n this.enableRowSelection || this.enableRowClick\n }\n >\n {this._getLoadingColumns(i)}\n </p-table-row>\n )\n );\n }\n\n if (!this._items.length) {\n return this._getEmptyState();\n }\n\n return this._items.map((item, index) => (\n <p-table-row\n enableHover={this.enableRowSelection || this.enableRowClick}\n onClick={(ev) => this._rowClick(ev, index)}\n >\n {this._getRowColumns(item, index)}\n </p-table-row>\n ));\n }\n\n private _getRowColumns(item, index) {\n return this._columns.map((col: TableColumn, colIndex) => {\n return (\n <p-table-cell\n definition={col}\n item={item}\n checkbox={this._getCheckbox(colIndex, index)}\n index={colIndex}\n rowIndex={index}\n ></p-table-cell>\n );\n });\n }\n\n private _getLoadingColumns(index) {\n return this._columns.map((col: TableColumn, colIndex) => {\n return (\n <p-table-cell\n definition={col}\n variant=\"loading\"\n checkbox={this._getCheckbox(colIndex, index, 'loading')}\n index={colIndex}\n rowIndex={index}\n ></p-table-cell>\n );\n });\n }\n\n private _getCheckbox(\n index,\n rowIndex,\n variant: 'header' | 'default' | 'loading' = 'default'\n ) {\n if (!this.enableRowSelection || !this.selectionKey || index !== 0) {\n return;\n }\n\n if (variant === 'loading') {\n return <p-loader variant=\"ghost\" class=\"rounded w-6 h-6\" />;\n }\n\n if (variant === 'header') {\n return (\n <input\n class=\"p-input\"\n type=\"checkbox\"\n onChange={(ev) => this._selectAllChange(ev)}\n checked={this._selectionContainsAll()}\n indeterminate={this._selectionIndeterminate()}\n />\n );\n }\n\n const item = this._items[rowIndex];\n\n return (\n <input\n class=\"p-input\"\n type=\"checkbox\"\n onChange={(ev) => this._checkboxChange(ev?.target, rowIndex)}\n disabled={this.canSelectKey && !item[this.canSelectKey]}\n checked={this._selectionContains(item, rowIndex)}\n />\n );\n }\n\n private _getEmptyState() {\n if (this.query?.length || this.selectedFiltersAmount) {\n return (\n <div class=\"flex flex-col items-center text-center py-24 max-w-[20rem] self-center\">\n <p-illustration variant=\"empty-state-search\" class=\"mb-6\" />\n <p class=\"font-semibold text-storm-default\">\n {this.emptyStateFilteredHeader()}\n </p>\n <p class=\"text-sm text-storm-medium mb-14\">\n {this.emptyStateFilteredContent()}\n </p>\n </div>\n );\n }\n\n return (\n <div class=\"flex flex-col items-center text-center py-24 max-w-[20rem] self-center\">\n <p-illustration\n variant=\"empty-state-overview\"\n class=\"cursor-pointer mb-6\"\n onClick={() => this.emptyStateActionClick.emit(null)}\n />\n <p class=\"font-semibold text-storm-default\">\n {this.emptyStateHeader()}\n </p>\n <p class=\"text-sm text-storm-medium mb-6\">\n {this.emptyStateContent()}\n </p>\n <p-button\n variant=\"secondary\"\n icon=\"plus\"\n size=\"small\"\n onClick={() => this.emptyStateActionClick.emit(null)}\n >\n {this.emptyStateAction()}\n </p-button>\n </div>\n );\n }\n\n private _selectAllChange($event: any) {\n if (!this.enableRowSelection) {\n return;\n }\n\n const value = this._getCheckedValue($event.target);\n if (value) {\n const toAdd = [];\n for (let i = 0; i < this._items.length; i++) {\n const row = this._items[i];\n if (this.canSelectKey && !row[this.canSelectKey]) {\n continue;\n }\n\n if (this._selectionContains(row, i)) {\n continue;\n }\n\n toAdd.push(row);\n this.rowSelected.emit(row);\n }\n\n this.selectedRows = [...this.selectedRows, ...toAdd];\n this.selectedRowsChange.emit(this.selectedRows);\n return;\n }\n\n for (let i = 0; i < this.selectedRows.length; i++) {\n const value = this.selectedRows[i];\n const row = this._items.find(\n (d) =>\n this._getSelectionValue(d, i) ===\n this._getSelectionValue(value, i)\n );\n\n if (!row) {\n continue;\n }\n\n this.rowDeselected.emit(row);\n }\n\n this.selectedRows = [];\n this.selectedRowsChange.emit(this.selectedRows);\n }\n\n private _checkboxChange(target: any, index: number) {\n if (!this.enableRowSelection) {\n return;\n }\n\n const row = this._items[index];\n\n if (this.canSelectKey && !row[this.canSelectKey]) {\n target.checked = false;\n return;\n }\n\n const value = this._getCheckedValue(target);\n if (value) {\n this.selectedRows = [...this.selectedRows, row];\n this.selectedRowsChange.emit(this.selectedRows);\n this.rowSelected.emit(row);\n return;\n }\n\n const indexOfToRemove = this._selectionContains(row, index, true);\n\n // we need to do this, because splice does not trigger the selection setter.\n const selection = [...this.selectedRows];\n selection.splice(indexOfToRemove, 1);\n this.selectedRows = selection;\n this.selectedRowsChange.emit(this.selectedRows);\n this.rowDeselected.emit(row);\n }\n\n private _getCheckedValue(target: any) {\n return target?.checked;\n }\n\n private _getSelectionValue(row: any, index: number) {\n return this.selectionKey ? row?.[this.selectionKey] || index : index;\n }\n\n private _selectionContains(row, index, returnIndex = false): any {\n const returnValue = this.selectedRows.findIndex(\n (item) =>\n this._getSelectionValue(row, index) ===\n this._getSelectionValue(item, index)\n );\n return !returnIndex ? returnValue >= 0 : returnValue;\n }\n\n private _selectionContainsAll() {\n let returnValue = true;\n if (!this._items?.length) {\n return false;\n }\n\n for (let i = 0; i < this._items?.length; i++) {\n const item = this._items[i];\n const contains = this._selectionContains(item, i);\n\n if (!contains) {\n returnValue = false;\n break;\n }\n }\n\n return returnValue;\n }\n\n private _selectionIndeterminate() {\n if (!this._items?.length || !this.selectedRows?.length) {\n return false;\n }\n\n let containsCount = 0;\n for (let i = 0; i < this._items?.length; i++) {\n const item = this._items[i];\n const contains = this._selectionContains(item, i);\n\n if (contains) {\n containsCount++;\n }\n }\n\n return containsCount > 0 && containsCount !== this._items.length;\n }\n\n private _rowClick($event, index) {\n const target = $event.target;\n\n if (\n target.tagName.toLowerCase() === 'input' ||\n target.type === 'checkbox'\n ) {\n return;\n }\n\n const row = this._findRow($event.target);\n\n if (this.enableRowClick) {\n const action = this._findRowAction($event.target);\n\n if (action) {\n return;\n }\n\n const item = this._items[index];\n this.rowClick.emit({\n item,\n ctrlDown: this._ctrlDown,\n });\n return;\n }\n\n if (!this.enableRowSelection) {\n return;\n }\n\n const checkbox = row?.querySelector('input[type=\"checkbox\"]');\n\n if (!checkbox) {\n return;\n }\n\n checkbox.checked = !checkbox.checked;\n this._checkboxChange(checkbox, index);\n }\n\n private _findRow(el: HTMLElement) {\n if (!el) {\n return el;\n }\n\n if (el?.tagName?.toLowerCase() === 'p-table-row') {\n return el;\n }\n\n return this._findRow(el?.parentElement);\n }\n\n private _findRowAction(el: HTMLElement) {\n if (!el) {\n return null;\n }\n\n if (\n el.getAttribute('data-is-action') !== null &&\n el.getAttribute('data-is-action') !== 'false'\n ) {\n return el;\n }\n\n if (el?.tagName?.toLowerCase() === 'p-table-row') {\n return null;\n }\n\n return this._findRowAction(el?.parentElement);\n }\n}\n"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- import{p as e,b as a}from"./p-69d43b9d.js";export{s as setNonce}from"./p-69d43b9d.js";const i=()=>{const a=import.meta.url;const i={};if(a!==""){i.resourcesUrl=new URL(".",a).href}return e(i)};i().then((e=>a([["p-61cc1cd9",[[4,"p-button",{variant:[1],href:[1],target:[1],size:[1],loading:[4],chevron:[8],chevronPosition:[1,"chevron-position"],disabled:[4],icon:[1],iconOnly:[4,"icon-only"],iconPosition:[1,"icon-position"],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"],inheritText:[4,"inherit-text"]},[[2,"click","handleClick"]]],[1,"p-loader",{show:[4],variant:[1],color:[1],modalTitle:[1,"modal-title"],modalDescription:[1,"modal-description"]}],[0,"p-icon",{variant:[1],size:[1],rotate:[2],flip:[1]}]]],["p-a4e7ec85",[[0,"p-table",{items:[1],loading:[4],headerLoading:[4,"header-loading"],footerLoading:[4,"footer-loading"],amountOfLoadingRows:[2,"amount-of-loading-rows"],enableRowSelection:[4,"enable-row-selection"],enableRowClick:[4,"enable-row-click"],selectedRows:[16],selectionKey:[1,"selection-key"],canSelectKey:[1,"can-select-key"],quickFilters:[16],activeQuickFilterIdentifier:[1,"active-quick-filter-identifier"],enableSearch:[4,"enable-search"],query:[1025],enableFilter:[4,"enable-filter"],selectedFiltersAmount:[2,"selected-filters-amount"],filterButtonTemplate:[16],enableEdit:[4,"enable-edit"],editButtonTemplate:[16],enablePageSize:[4,"enable-page-size"],enablePagination:[4,"enable-pagination"],enableExport:[4,"enable-export"],page:[1538],total:[2],pageSize:[2,"page-size"],pageSizeOptions:[16],hideOnSinglePage:[4,"hide-on-single-page"],emptyStateHeader:[16],emptyStateContent:[16],emptyStateAction:[16],emptyStateFilteredHeader:[16],emptyStateFilteredContent:[16],_locales:[32],_columns:[32],_items:[32]},[[16,"localeChanged","_setLocales"],[16,"tableDefinitionChanged","onTableDefinitionUpdated"],[4,"keydown","keyDown"],[4,"keyup","keyUp"],[4,"visibilitychange","visibilityChange"]]]]],["p-19c08855",[[1,"p-modal",{size:[1],variant:[1],header:[1],show:[4],applyBlur:[4,"apply-blur"],showClose:[4,"show-close"],showMobileFooter:[4,"show-mobile-footer"],backdropClickClose:[4,"backdrop-click-close"],scrollLock:[4,"scroll-lock"],_closing:[32]}]]],["p-a6313ca8",[[0,"p-select",{items:[1],query:[1],placeholder:[1],autocompletePlaceholder:[1,"autocomplete-placeholder"],value:[8],displayKey:[1,"display-key"],valueKey:[1,"value-key"],queryKey:[1,"query-key"],autoSelectFirst:[4,"auto-select-first"],maxDisplayedItems:[2,"max-displayed-items"],enableAutocomplete:[4,"enable-autocomplete"],asyncFilter:[4,"async-filter"],loading:[4],size:[1],prefix:[1],label:[1],helper:[1],error:[513],disabled:[516],_showDropdown:[32],_selectedItem:[32]},[[6,"click","documentClickHandler"]]]]],["p-d3485dca",[[0,"p-datepicker",{placeholder:[1],value:[8],preselectToday:[4,"preselect-today"],disabledDates:[1,"disabled-dates"],minDate:[1,"min-date"],maxDate:[1,"max-date"],disableWeekends:[4,"disable-weekends"],mode:[1],format:[1],size:[1],prefix:[1],label:[1],helper:[1],error:[513],disabled:[516],_showDropdown:[32],_value:[32],_minDate:[32],_maxDate:[32],_disabledDates:[32]},[[6,"click","documentClickHandler"]]]]],["p-8120c40f",[[1,"p-drawer",{header:[1],show:[4],applyBlur:[4,"apply-blur"],showClose:[4,"show-close"],backdropClickClose:[4,"backdrop-click-close"],canClose:[4,"can-close"],scrollLock:[4,"scroll-lock"],_closing:[32]}]]],["p-594d1cf6",[[1,"p-navbar",{closeText:[1,"close-text"],menuText:[1,"menu-text"],_showMenu:[32]},[[8,"closeNavbar","handleCloseNavbar"],[8,"openNavbar","handleOpenNavbar"]]]]],["p-bd13aa1f",[[1,"p-profile",{variant:[1],size:[513],_dropdownOpen:[32]}]]],["p-a134db32",[[1,"p-stepper",{activeStep:[2,"active-step"],direction:[513],contentPosition:[513,"content-position"]}]]],["p-0f3bd28b",[[1,"p-toast",{variant:[1],header:[1],content:[1],enableAction:[4,"enable-action"],actionIcon:[1,"action-icon"],actionIconFlip:[1,"action-icon-flip"],actionIconRotate:[2,"action-icon-rotate"]}]]],["p-0b9838ca",[[1,"p-accordion",{header:[1],open:[4],closeable:[4],openable:[4]}]]],["p-b2af2dd2",[[1,"p-navigation-item",{active:[4],icon:[1],counter:[8],href:[1],target:[1]}]]],["p-3e858d20",[[4,"p-card-header",{header:[1],arrow:[4]}]]],["p-268227ff",[[1,"p-content-slider",{hideMobileIndicator:[4,"hide-mobile-indicator"],disableDrag:[4,"disable-drag"],disableAutoCenter:[4,"disable-auto-center"],disableIndicatorClick:[4,"disable-indicator-click"],_visibleIndex:[32],_outerHeight:[32],_totalWidth:[32],_dragging:[32]},[[9,"mouseup","mouseUpHandler"],[9,"touchend","mouseUpHandler"],[9,"resize","resizeHandler"]]]]],["p-b131d8d5",[[1,"p-info-panel",{variant:[1],header:[1],content:[1],closeable:[4]}]]],["p-a0d40482",[[4,"p-status",{variant:[1],icon:[1],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"]}]]],["p-5ab56199",[[1,"p-tab-group"]]],["p-4c3d6a7f",[[0,"p-avatar",{variant:[513],size:[513],defaultImage:[1,"default-image"],src:[1],_src:[32]}]]],["p-966917a1",[[4,"p-avatar-group",{extra:[2]}]]],["p-6966b84f",[[4,"p-card-body",{inheritText:[516,"inherit-text"]}]]],["p-71b442d7",[[1,"p-card-container",{hoverable:[516],shadow:[516]}]]],["p-a46af8b4",[[1,"p-layout",{variant:[1]}]]],["p-a0a27d24",[[1,"p-tab-item",{active:[4]}]]],["p-6645532b",[[0,"p-table-column",{path:[1537],type:[1537],name:[1537],useSlot:[1540,"use-slot"],align:[1537],sizes:[1032]}]]],["p-6a5f5cc4",[[1,"p-toast-container",{placement:[1]}]]],["p-f518e8b6",[[1,"p-calendar",{variant:[1],value:[1],preselectToday:[4,"preselect-today"],disabledDates:[1,"disabled-dates"],minDate:[1,"min-date"],maxDate:[1,"max-date"],disableWeekends:[4,"disable-weekends"],mode:[1],_view:[32],_viewDate:[32],_value:[32],_minDate:[32],_maxDate:[32],_disabledDates:[32]}]]],["p-004340ec",[[1,"p-counter",{variant:[1],size:[1]}]]],["p-25ac3f10",[[1,"p-slider-indicator",{active:[4]}]]],["p-1c2cc466",[[1,"p-stepper-item",{align:[513],direction:[513],contentPosition:[513,"content-position"],finished:[516],active:[516]}],[1,"p-stepper-line",{active:[516],direction:[513]}]]],["p-11929d70",[[1,"p-drawer-header",{showClose:[4,"show-close"]}],[1,"p-drawer-body",{variant:[1]}],[4,"p-drawer-container",{closing:[4]}]]],["p-34e4e210",[[1,"p-backdrop",{variant:[1],applyBlur:[4,"apply-blur"],closing:[4],scrollLock:[4,"scroll-lock"]},[[2,"click","handleClick"]]]]],["p-7584e581",[[1,"p-divider"]]],["p-150f371d",[[1,"p-modal-header",{showClose:[4,"show-close"]}],[1,"p-modal-footer"],[1,"p-modal-body",{variant:[1],rounded:[4]}],[4,"p-modal-container",{size:[1],closing:[4]}]]],["p-ca7644aa",[[1,"p-label",{variant:[513],behavior:[513],icon:[513],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"],size:[513],keepMobileContent:[516,"keep-mobile-content"]}],[1,"p-segment-item",{active:[4],icon:[1],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"]}],[4,"p-segment-container"]]],["p-7f40fbbf",[[4,"p-dropdown-menu-container",{maxWidth:[4,"max-width"],fullWidth:[4,"full-width"]}]]],["p-ab08ea2e",[[1,"p-dropdown-menu-item",{active:[4],enableHover:[4,"enable-hover"],icon:[1]}],[1,"p-dropdown",{placement:[513],strategy:[1],show:[4],calculateWidth:[4,"calculate-width"],applyMaxWidth:[4,"apply-max-width"],applyFullWidth:[4,"apply-full-width"],insideClick:[4,"inside-click"],disableTriggerClick:[4,"disable-trigger-click"],chevronPosition:[1,"chevron-position"],chevronDirection:[1,"chevron-direction"]},[[6,"click","documentClickHandler"]]]]],["p-004d55ea",[[1,"p-page-size-select",{size:[1538],sizeOptions:[16],chevronPosition:[1,"chevron-position"],buttonSize:[1,"button-size"],buttonTemplate:[16],itemTemplate:[16],hidden:[4],_locales:[32]},[[16,"localeChanged","_setLocales"]]],[0,"p-pagination",{page:[1538],pageSize:[2,"page-size"],hideOnSinglePage:[4,"hide-on-single-page"],total:[2]}],[1,"p-pagination-item",{active:[4]}]]],["p-dec019cb",[[1,"p-input-group",{size:[1],prefix:[1],suffix:[1],icon:[1],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"],iconPosition:[1,"icon-position"],label:[1],helper:[1],required:[516],error:[513],disabled:[516],focused:[516],_showTooltip:[32],_forceShowTooltip:[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]]],[1,"p-helper",{placement:[1]}],[1,"p-tooltip",{variant:[1],popover:[8],placement:[1],strategy:[1],show:[4],canManuallyClose:[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-165b2597",[[1,"p-table-footer",{enablePageSize:[4,"enable-page-size"],enablePagination:[4,"enable-pagination"],enableExport:[4,"enable-export"],loading:[4],page:[1538],total:[2],pageSize:[2,"page-size"],pageSizeOptions:[16],hideOnSinglePage:[4,"hide-on-single-page"],_locales:[32]},[[16,"localeChanged","_setLocales"]]],[1,"p-table-header",{quickFilters:[16],activeQuickFilterIdentifier:[1,"active-quick-filter-identifier"],loading:[4],enableSearch:[4,"enable-search"],itemsSelectedAmount:[2,"items-selected-amount"],query:[1025],enableFilter:[4,"enable-filter"],selectedFiltersAmount:[2,"selected-filters-amount"],filterButtonTemplate:[16],enableEdit:[4,"enable-edit"],canEdit:[1028,"can-edit"],editButtonTemplate:[16],_locales:[32]},[[16,"localeChanged","_setLocales"]]],[4,"p-table-cell",{variant:[1],index:[2],rowIndex:[2,"row-index"],definition:[16],item:[8],value:[8],checkbox:[8],template:[16]}],[1,"p-table-row",{variant:[1],enableHover:[4,"enable-hover"]}],[0,"p-illustration",{variant:[1]}],[1,"p-table-container"]]]],e)));
1
+ import{p as e,b as a}from"./p-69d43b9d.js";export{s as setNonce}from"./p-69d43b9d.js";const i=()=>{const a=import.meta.url;const i={};if(a!==""){i.resourcesUrl=new URL(".",a).href}return e(i)};i().then((e=>a([["p-2e81ae6a",[[4,"p-button",{variant:[1],href:[1],target:[1],size:[1],loading:[4],chevron:[8],chevronPosition:[1,"chevron-position"],disabled:[4],icon:[1],iconOnly:[4,"icon-only"],iconPosition:[1,"icon-position"],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"],inheritText:[4,"inherit-text"]},[[2,"click","handleClick"]]],[1,"p-loader",{show:[4],variant:[1],color:[1],modalTitle:[1,"modal-title"],modalDescription:[1,"modal-description"]}],[0,"p-icon",{variant:[1],size:[1],rotate:[2],flip:[1]}]]],["p-e6227583",[[0,"p-table",{items:[1],loading:[4],headerLoading:[4,"header-loading"],footerLoading:[4,"footer-loading"],amountOfLoadingRows:[2,"amount-of-loading-rows"],enableRowSelection:[4,"enable-row-selection"],enableRowClick:[4,"enable-row-click"],selectedRows:[16],selectionKey:[1,"selection-key"],canSelectKey:[1,"can-select-key"],quickFilters:[16],activeQuickFilterIdentifier:[1,"active-quick-filter-identifier"],enableSearch:[4,"enable-search"],query:[1025],enableFilter:[4,"enable-filter"],selectedFiltersAmount:[2,"selected-filters-amount"],filterButtonTemplate:[16],enableEdit:[4,"enable-edit"],editButtonTemplate:[16],enablePageSize:[4,"enable-page-size"],enablePagination:[4,"enable-pagination"],enableExport:[4,"enable-export"],page:[1538],total:[2],pageSize:[2,"page-size"],pageSizeOptions:[16],hideOnSinglePage:[4,"hide-on-single-page"],emptyStateHeader:[16],emptyStateContent:[16],emptyStateAction:[16],emptyStateFilteredHeader:[16],emptyStateFilteredContent:[16],_locales:[32],_columns:[32],_items:[32]},[[16,"localeChanged","_setLocales"],[16,"tableDefinitionChanged","onTableDefinitionUpdated"],[4,"keydown","keyDown"],[4,"keyup","keyUp"],[4,"visibilitychange","visibilityChange"]]]]],["p-19c08855",[[1,"p-modal",{size:[1],variant:[1],header:[1],show:[4],applyBlur:[4,"apply-blur"],showClose:[4,"show-close"],showMobileFooter:[4,"show-mobile-footer"],backdropClickClose:[4,"backdrop-click-close"],scrollLock:[4,"scroll-lock"],_closing:[32]}]]],["p-a6313ca8",[[0,"p-select",{items:[1],query:[1],placeholder:[1],autocompletePlaceholder:[1,"autocomplete-placeholder"],value:[8],displayKey:[1,"display-key"],valueKey:[1,"value-key"],queryKey:[1,"query-key"],autoSelectFirst:[4,"auto-select-first"],maxDisplayedItems:[2,"max-displayed-items"],enableAutocomplete:[4,"enable-autocomplete"],asyncFilter:[4,"async-filter"],loading:[4],size:[1],prefix:[1],label:[1],helper:[1],error:[513],disabled:[516],_showDropdown:[32],_selectedItem:[32]},[[6,"click","documentClickHandler"]]]]],["p-d3485dca",[[0,"p-datepicker",{placeholder:[1],value:[8],preselectToday:[4,"preselect-today"],disabledDates:[1,"disabled-dates"],minDate:[1,"min-date"],maxDate:[1,"max-date"],disableWeekends:[4,"disable-weekends"],mode:[1],format:[1],size:[1],prefix:[1],label:[1],helper:[1],error:[513],disabled:[516],_showDropdown:[32],_value:[32],_minDate:[32],_maxDate:[32],_disabledDates:[32]},[[6,"click","documentClickHandler"]]]]],["p-8120c40f",[[1,"p-drawer",{header:[1],show:[4],applyBlur:[4,"apply-blur"],showClose:[4,"show-close"],backdropClickClose:[4,"backdrop-click-close"],canClose:[4,"can-close"],scrollLock:[4,"scroll-lock"],_closing:[32]}]]],["p-594d1cf6",[[1,"p-navbar",{closeText:[1,"close-text"],menuText:[1,"menu-text"],_showMenu:[32]},[[8,"closeNavbar","handleCloseNavbar"],[8,"openNavbar","handleOpenNavbar"]]]]],["p-bd13aa1f",[[1,"p-profile",{variant:[1],size:[513],_dropdownOpen:[32]}]]],["p-a134db32",[[1,"p-stepper",{activeStep:[2,"active-step"],direction:[513],contentPosition:[513,"content-position"]}]]],["p-0f3bd28b",[[1,"p-toast",{variant:[1],header:[1],content:[1],enableAction:[4,"enable-action"],actionIcon:[1,"action-icon"],actionIconFlip:[1,"action-icon-flip"],actionIconRotate:[2,"action-icon-rotate"]}]]],["p-0b9838ca",[[1,"p-accordion",{header:[1],open:[4],closeable:[4],openable:[4]}]]],["p-b2af2dd2",[[1,"p-navigation-item",{active:[4],icon:[1],counter:[8],href:[1],target:[1]}]]],["p-3e858d20",[[4,"p-card-header",{header:[1],arrow:[4]}]]],["p-268227ff",[[1,"p-content-slider",{hideMobileIndicator:[4,"hide-mobile-indicator"],disableDrag:[4,"disable-drag"],disableAutoCenter:[4,"disable-auto-center"],disableIndicatorClick:[4,"disable-indicator-click"],_visibleIndex:[32],_outerHeight:[32],_totalWidth:[32],_dragging:[32]},[[9,"mouseup","mouseUpHandler"],[9,"touchend","mouseUpHandler"],[9,"resize","resizeHandler"]]]]],["p-b131d8d5",[[1,"p-info-panel",{variant:[1],header:[1],content:[1],closeable:[4]}]]],["p-a0d40482",[[4,"p-status",{variant:[1],icon:[1],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"]}]]],["p-5ab56199",[[1,"p-tab-group"]]],["p-4c3d6a7f",[[0,"p-avatar",{variant:[513],size:[513],defaultImage:[1,"default-image"],src:[1],_src:[32]}]]],["p-966917a1",[[4,"p-avatar-group",{extra:[2]}]]],["p-6966b84f",[[4,"p-card-body",{inheritText:[516,"inherit-text"]}]]],["p-71b442d7",[[1,"p-card-container",{hoverable:[516],shadow:[516]}]]],["p-a46af8b4",[[1,"p-layout",{variant:[1]}]]],["p-a0a27d24",[[1,"p-tab-item",{active:[4]}]]],["p-6645532b",[[0,"p-table-column",{path:[1537],type:[1537],name:[1537],useSlot:[1540,"use-slot"],align:[1537],sizes:[1032]}]]],["p-6a5f5cc4",[[1,"p-toast-container",{placement:[1]}]]],["p-f518e8b6",[[1,"p-calendar",{variant:[1],value:[1],preselectToday:[4,"preselect-today"],disabledDates:[1,"disabled-dates"],minDate:[1,"min-date"],maxDate:[1,"max-date"],disableWeekends:[4,"disable-weekends"],mode:[1],_view:[32],_viewDate:[32],_value:[32],_minDate:[32],_maxDate:[32],_disabledDates:[32]}]]],["p-004340ec",[[1,"p-counter",{variant:[1],size:[1]}]]],["p-25ac3f10",[[1,"p-slider-indicator",{active:[4]}]]],["p-1c2cc466",[[1,"p-stepper-item",{align:[513],direction:[513],contentPosition:[513,"content-position"],finished:[516],active:[516]}],[1,"p-stepper-line",{active:[516],direction:[513]}]]],["p-11929d70",[[1,"p-drawer-header",{showClose:[4,"show-close"]}],[1,"p-drawer-body",{variant:[1]}],[4,"p-drawer-container",{closing:[4]}]]],["p-5dfab26d",[[1,"p-backdrop",{variant:[1],applyBlur:[4,"apply-blur"],closing:[4],scrollLock:[4,"scroll-lock"]},[[2,"click","handleClick"]]]]],["p-e35b3886",[[1,"p-divider"]]],["p-bff2caf8",[[1,"p-modal-header",{showClose:[4,"show-close"]}],[1,"p-modal-footer"],[1,"p-modal-body",{variant:[1],rounded:[4]}],[4,"p-modal-container",{size:[1],closing:[4]}]]],["p-14012dc0",[[1,"p-label",{variant:[513],behavior:[513],icon:[513],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"],size:[513],keepMobileContent:[516,"keep-mobile-content"]}],[1,"p-segment-item",{active:[4],icon:[1],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"]}],[4,"p-segment-container"]]],["p-0df2e4ba",[[4,"p-dropdown-menu-container",{maxWidth:[4,"max-width"],fullWidth:[4,"full-width"]}]]],["p-08483032",[[1,"p-dropdown-menu-item",{active:[4],enableHover:[4,"enable-hover"],icon:[1]}],[1,"p-dropdown",{placement:[513],strategy:[1],show:[4],calculateWidth:[4,"calculate-width"],applyMaxWidth:[4,"apply-max-width"],applyFullWidth:[4,"apply-full-width"],insideClick:[4,"inside-click"],disableTriggerClick:[4,"disable-trigger-click"],chevronPosition:[1,"chevron-position"],chevronDirection:[1,"chevron-direction"]},[[6,"click","documentClickHandler"]]]]],["p-53569897",[[1,"p-page-size-select",{size:[1538],sizeOptions:[16],chevronPosition:[1,"chevron-position"],buttonSize:[1,"button-size"],buttonTemplate:[16],itemTemplate:[16],hidden:[4],_locales:[32]},[[16,"localeChanged","_setLocales"]]],[0,"p-pagination",{page:[1538],pageSize:[2,"page-size"],hideOnSinglePage:[4,"hide-on-single-page"],total:[2]}],[1,"p-pagination-item",{active:[4]}]]],["p-1bec22c6",[[1,"p-input-group",{size:[1],prefix:[1],suffix:[1],icon:[1],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"],iconPosition:[1,"icon-position"],label:[1],helper:[1],required:[516],error:[513],disabled:[516],focused:[516],_showTooltip:[32],_forceShowTooltip:[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]]],[1,"p-helper",{placement:[1]}],[1,"p-tooltip",{variant:[1],popover:[8],placement:[1],strategy:[1],show:[4],canManuallyClose:[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-beb1c18f",[[1,"p-table-footer",{enablePageSize:[4,"enable-page-size"],enablePagination:[4,"enable-pagination"],enableExport:[4,"enable-export"],loading:[4],page:[1538],total:[2],pageSize:[2,"page-size"],pageSizeOptions:[16],hideOnSinglePage:[4,"hide-on-single-page"],_locales:[32]},[[16,"localeChanged","_setLocales"]]],[1,"p-table-header",{quickFilters:[16],activeQuickFilterIdentifier:[1,"active-quick-filter-identifier"],loading:[4],enableSearch:[4,"enable-search"],itemsSelectedAmount:[2,"items-selected-amount"],query:[1025],enableFilter:[4,"enable-filter"],selectedFiltersAmount:[2,"selected-filters-amount"],filterButtonTemplate:[16],enableEdit:[4,"enable-edit"],canEdit:[1028,"can-edit"],editButtonTemplate:[16],_locales:[32]},[[16,"localeChanged","_setLocales"]]],[4,"p-table-cell",{variant:[1],index:[2],rowIndex:[2,"row-index"],definition:[16],item:[8],value:[8],checkbox:[8],template:[16]}],[1,"p-table-row",{variant:[1],enableHover:[4,"enable-hover"]}],[0,"p-illustration",{variant:[1]}],[1,"p-table-container"]]]],e)));
2
2
  //# sourceMappingURL=paperless.esm.js.map
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-19716b9c.js');
6
6
 
7
- 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}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.rounded{border-radius:.25rem!important}.bg-storm-dark{--tw-bg-opacity:1!important;background-color:rgb(39 40 56/var(--tw-bg-opacity))!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}.bg-storm-dark\\/50{background-color:rgba(39,40,56,.5)!important}: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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}: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:64rem){.desktop-xs\\:flex{display:flex!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\\:hidden{display:none!important}}";
7
+ 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}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.rounded{border-radius:.25rem!important}.bg-storm-dark{--tw-bg-opacity:1!important;background-color:rgb(39 40 56/var(--tw-bg-opacity))!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}.bg-storm-dark\\/50{background-color:rgba(39,40,56,.5)!important}: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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}: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}}";
8
8
 
9
9
  const Backdrop = class {
10
10
  constructor(hostRef) {
@@ -1 +1 @@
1
- {"file":"p-backdrop.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,oBAAoB,GAAG,qgPAAqgP;;MCgBrhP,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,QACIA,QAACC,UAAI,IACD,KAAK,EAAE,sBAAsB,IAAI,CAAC,OAAO,IACrC,IAAI,CAAC,SAAS,IAAI,SACtB,IAAI,IAAI,CAAC,OAAO,IAAI,SAAS,EAAE,IAE/BD,iBAAK,KAAK,EAAC,mBAAmB,IAC1BA,qBAAQ,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":["h","Host"],"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 top-0 left-0 z-backdrop;\n @apply h-full w-full max-h-screen max-w-screen;\n @apply overflow-hidden;\n @apply bg-storm-dark/50 animate-fade-in;\n\n .content-container {\n @apply overflow-y-auto overflow-x-hidden w-full h-full max-h-screen max-w-screen;\n @apply tablet:px-16 desktop-xs:p-16;\n @apply flex justify-center items-end desktop-xs:items-center;\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 justify-end items-start;\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.cjs.js","mappings":";;;;;;AAAA,MAAM,oBAAoB,GAAG,2+OAA2+O;;MCgB3/O,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,QACIA,QAACC,UAAI,IACD,KAAK,EAAE,sBAAsB,IAAI,CAAC,OAAO,IACrC,IAAI,CAAC,SAAS,IAAI,SACtB,IAAI,IAAI,CAAC,OAAO,IAAI,SAAS,EAAE,IAE/BD,iBAAK,KAAK,EAAC,mBAAmB,IAC1BA,qBAAQ,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":["h","Host"],"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 top-0 left-0 z-backdrop;\n @apply h-full w-full max-h-screen max-w-screen;\n @apply overflow-hidden;\n @apply bg-storm-dark/50 animate-fade-in;\n\n .content-container {\n @apply overflow-y-auto overflow-x-hidden w-full h-full max-h-screen max-w-screen;\n @apply tablet:px-16 desktop-xs:p-16;\n @apply flex justify-center items-end desktop-xs:items-center;\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 justify-end items-start;\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}