@paperless/core 1.51.3 → 1.52.0

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 (174) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/assets/icons/review.svg +8 -0
  3. package/dist/{paperless/p-d1aead35.entry.js → build/p-2cd5062f.entry.js} +2 -2
  4. package/dist/build/{p-d1aead35.entry.js.map → p-2cd5062f.entry.js.map} +1 -1
  5. package/dist/build/{p-45c13d9c.entry.js → p-329ebeb7.entry.js} +2 -2
  6. package/dist/build/p-329ebeb7.entry.js.map +1 -0
  7. package/dist/{paperless/p-44bb12fb.entry.js → build/p-606ad811.entry.js} +2 -2
  8. package/dist/{paperless/p-44bb12fb.entry.js.map → build/p-606ad811.entry.js.map} +1 -1
  9. package/dist/{paperless/p-826bc0fd.entry.js → build/p-8414aef5.entry.js} +2 -2
  10. package/dist/build/p-8414aef5.entry.js.map +1 -0
  11. package/dist/build/{p-ca61c0f2.entry.js → p-a2b552f9.entry.js} +2 -2
  12. package/dist/build/{p-ca61c0f2.entry.js.map → p-a2b552f9.entry.js.map} +1 -1
  13. package/dist/build/{p-dd8532ab.entry.js → p-af6b813e.entry.js} +2 -2
  14. package/dist/build/{p-dd8532ab.entry.js.map → p-af6b813e.entry.js.map} +1 -1
  15. package/dist/build/{p-9c00e548.entry.js → p-b848c222.entry.js} +2 -2
  16. package/dist/build/{p-9c00e548.entry.js.map → p-b848c222.entry.js.map} +1 -1
  17. package/dist/build/p-bf1ffb6a.entry.js +2 -0
  18. package/dist/build/{p-4607d9db.entry.js.map → p-bf1ffb6a.entry.js.map} +1 -1
  19. package/dist/build/{p-e2197f1c.entry.js → p-d408194b.entry.js} +2 -2
  20. package/dist/build/{p-e2197f1c.entry.js.map → p-d408194b.entry.js.map} +1 -1
  21. package/dist/build/{p-cab67dea.entry.js → p-d8641c29.entry.js} +2 -2
  22. package/dist/build/{p-cab67dea.entry.js.map → p-d8641c29.entry.js.map} +1 -1
  23. package/dist/build/{p-06e1bf69.entry.js → p-ec15ee73.entry.js} +2 -2
  24. package/dist/{paperless/p-06e1bf69.entry.js.map → build/p-ec15ee73.entry.js.map} +1 -1
  25. package/dist/build/{p-b7ba24f7.entry.js → p-ef0bfa6c.entry.js} +2 -2
  26. package/dist/build/{p-b7ba24f7.entry.js.map → p-ef0bfa6c.entry.js.map} +1 -1
  27. package/dist/build/paperless.esm.js +1 -1
  28. package/dist/cjs/p-avatar-group.cjs.entry.js +1 -1
  29. package/dist/cjs/p-avatar-group.cjs.entry.js.map +1 -1
  30. package/dist/cjs/p-backdrop.cjs.entry.js +1 -1
  31. package/dist/cjs/p-backdrop.cjs.entry.js.map +1 -1
  32. package/dist/cjs/p-button_3.cjs.entry.js +11 -0
  33. package/dist/cjs/p-button_3.cjs.entry.js.map +1 -1
  34. package/dist/cjs/p-divider.cjs.entry.js +1 -1
  35. package/dist/cjs/p-divider.cjs.entry.js.map +1 -1
  36. package/dist/cjs/p-dropdown-menu-container.cjs.entry.js +1 -1
  37. package/dist/cjs/p-dropdown-menu-container.cjs.entry.js.map +1 -1
  38. package/dist/cjs/p-floating-menu-container_8.cjs.entry.js +5 -6
  39. package/dist/cjs/p-floating-menu-container_8.cjs.entry.js.map +1 -1
  40. package/dist/cjs/p-label_3.cjs.entry.js +2 -2
  41. package/dist/cjs/p-label_3.cjs.entry.js.map +1 -1
  42. package/dist/cjs/p-modal-body_4.cjs.entry.js +2 -2
  43. package/dist/cjs/p-modal-body_4.cjs.entry.js.map +1 -1
  44. package/dist/cjs/p-slider-indicator.cjs.entry.js +1 -1
  45. package/dist/cjs/p-slider-indicator.cjs.entry.js.map +1 -1
  46. package/dist/cjs/p-stepper-line.cjs.entry.js +1 -1
  47. package/dist/cjs/p-stepper-line.cjs.entry.js.map +1 -1
  48. package/dist/cjs/p-toast-container.cjs.entry.js +1 -1
  49. package/dist/cjs/p-toast-container.cjs.entry.js.map +1 -1
  50. package/dist/cjs/p-tooltip.cjs.entry.js +1 -1
  51. package/dist/cjs/p-tooltip.cjs.entry.js.map +1 -1
  52. package/dist/collection/assets/icons/review.svg +8 -0
  53. package/dist/collection/components/atoms/avatar-group/avatar-group.component.css +1 -1
  54. package/dist/collection/components/atoms/backdrop/backdrop.component.css +1 -1
  55. package/dist/collection/components/atoms/button/button.component.js +1 -1
  56. package/dist/collection/components/atoms/divider/divider.component.css +1 -1
  57. package/dist/collection/components/atoms/dropdown-menu-container/dropdown-menu-container.component.css +1 -1
  58. package/dist/collection/components/atoms/dropdown-menu-item/dropdown-menu-item.component.js +1 -1
  59. package/dist/collection/components/atoms/icon/icon.component.js +1 -1
  60. package/dist/collection/components/atoms/label/label.component.css +1 -1
  61. package/dist/collection/components/atoms/label/label.component.js +1 -1
  62. package/dist/collection/components/atoms/modal-body/modal-body.component.css +1 -1
  63. package/dist/collection/components/atoms/modal-footer/modal-footer.component.css +1 -1
  64. package/dist/collection/components/atoms/segment-container/segment-container.component.css +1 -1
  65. package/dist/collection/components/atoms/segment-item/segment-item.component.js +1 -1
  66. package/dist/collection/components/atoms/slider-indicator/slider-indicator.component.css +1 -1
  67. package/dist/collection/components/atoms/status/status.component.js +1 -1
  68. package/dist/collection/components/atoms/stepper-line/stepper-line.component.css +1 -1
  69. package/dist/collection/components/atoms/toast-container/toast-container.component.css +1 -1
  70. package/dist/collection/components/atoms/tooltip/tooltip.component.css +1 -1
  71. package/dist/collection/components/helpers/table-row-action/table-row-action.component.js +1 -1
  72. package/dist/collection/components/molecules/input-group/input-group.component.js +1 -1
  73. package/dist/collection/components/molecules/navigation-item/navigation-item.component.js +1 -1
  74. package/dist/collection/components/molecules/select/select.component.js +2 -2
  75. package/dist/collection/components/molecules/table-header/table-header.component.css +1 -1
  76. package/dist/collection/components/molecules/table-header/table-header.component.js +4 -5
  77. package/dist/collection/components/molecules/table-header/table-header.component.js.map +1 -1
  78. package/dist/collection/components/molecules/table-row/table-row.component.css +1 -1
  79. package/dist/collection/components/molecules/toast/toast.component.js +1 -1
  80. package/dist/collection/components/organisms/table/table.component.js +1 -1
  81. package/dist/collection/utils/icons.js +2 -0
  82. package/dist/collection/utils/icons.js.map +1 -1
  83. package/dist/components/backdrop.component.js +1 -1
  84. package/dist/components/backdrop.component.js.map +1 -1
  85. package/dist/components/divider.component.js +1 -1
  86. package/dist/components/divider.component.js.map +1 -1
  87. package/dist/components/dropdown-menu-container.component.js +1 -1
  88. package/dist/components/dropdown-menu-container.component.js.map +1 -1
  89. package/dist/components/icon.component.js +11 -0
  90. package/dist/components/icon.component.js.map +1 -1
  91. package/dist/components/label.component.js +1 -1
  92. package/dist/components/label.component.js.map +1 -1
  93. package/dist/components/modal-body.component.js +1 -1
  94. package/dist/components/modal-body.component.js.map +1 -1
  95. package/dist/components/modal-footer.component.js +1 -1
  96. package/dist/components/modal-footer.component.js.map +1 -1
  97. package/dist/components/p-avatar-group.js +1 -1
  98. package/dist/components/p-avatar-group.js.map +1 -1
  99. package/dist/components/p-toast-container.js +1 -1
  100. package/dist/components/p-toast-container.js.map +1 -1
  101. package/dist/components/segment-container.component.js +1 -1
  102. package/dist/components/segment-container.component.js.map +1 -1
  103. package/dist/components/slider-indicator.component.js +1 -1
  104. package/dist/components/slider-indicator.component.js.map +1 -1
  105. package/dist/components/stepper-line.component.js +1 -1
  106. package/dist/components/stepper-line.component.js.map +1 -1
  107. package/dist/components/table-header.component.js +4 -5
  108. package/dist/components/table-header.component.js.map +1 -1
  109. package/dist/components/table-row.component.js +1 -1
  110. package/dist/components/table-row.component.js.map +1 -1
  111. package/dist/components/tooltip.component.js +1 -1
  112. package/dist/components/tooltip.component.js.map +1 -1
  113. package/dist/esm/p-avatar-group.entry.js +1 -1
  114. package/dist/esm/p-avatar-group.entry.js.map +1 -1
  115. package/dist/esm/p-backdrop.entry.js +1 -1
  116. package/dist/esm/p-backdrop.entry.js.map +1 -1
  117. package/dist/esm/p-button_3.entry.js +11 -0
  118. package/dist/esm/p-button_3.entry.js.map +1 -1
  119. package/dist/esm/p-divider.entry.js +1 -1
  120. package/dist/esm/p-divider.entry.js.map +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-floating-menu-container_8.entry.js +5 -6
  124. package/dist/esm/p-floating-menu-container_8.entry.js.map +1 -1
  125. package/dist/esm/p-label_3.entry.js +2 -2
  126. package/dist/esm/p-label_3.entry.js.map +1 -1
  127. package/dist/esm/p-modal-body_4.entry.js +2 -2
  128. package/dist/esm/p-modal-body_4.entry.js.map +1 -1
  129. package/dist/esm/p-slider-indicator.entry.js +1 -1
  130. package/dist/esm/p-slider-indicator.entry.js.map +1 -1
  131. package/dist/esm/p-stepper-line.entry.js +1 -1
  132. package/dist/esm/p-stepper-line.entry.js.map +1 -1
  133. package/dist/esm/p-toast-container.entry.js +1 -1
  134. package/dist/esm/p-toast-container.entry.js.map +1 -1
  135. package/dist/esm/p-tooltip.entry.js +1 -1
  136. package/dist/esm/p-tooltip.entry.js.map +1 -1
  137. package/dist/index.html +1 -1
  138. package/dist/{build/p-d1aead35.entry.js → paperless/p-2cd5062f.entry.js} +2 -2
  139. package/dist/paperless/{p-d1aead35.entry.js.map → p-2cd5062f.entry.js.map} +1 -1
  140. package/dist/paperless/{p-45c13d9c.entry.js → p-329ebeb7.entry.js} +2 -2
  141. package/dist/paperless/p-329ebeb7.entry.js.map +1 -0
  142. package/dist/{build/p-44bb12fb.entry.js → paperless/p-606ad811.entry.js} +2 -2
  143. package/dist/{build/p-44bb12fb.entry.js.map → paperless/p-606ad811.entry.js.map} +1 -1
  144. package/dist/{build/p-826bc0fd.entry.js → paperless/p-8414aef5.entry.js} +2 -2
  145. package/dist/paperless/p-8414aef5.entry.js.map +1 -0
  146. package/dist/paperless/{p-ca61c0f2.entry.js → p-a2b552f9.entry.js} +2 -2
  147. package/dist/paperless/{p-ca61c0f2.entry.js.map → p-a2b552f9.entry.js.map} +1 -1
  148. package/dist/paperless/{p-dd8532ab.entry.js → p-af6b813e.entry.js} +2 -2
  149. package/dist/paperless/{p-dd8532ab.entry.js.map → p-af6b813e.entry.js.map} +1 -1
  150. package/dist/paperless/{p-9c00e548.entry.js → p-b848c222.entry.js} +2 -2
  151. package/dist/paperless/{p-9c00e548.entry.js.map → p-b848c222.entry.js.map} +1 -1
  152. package/dist/paperless/p-bf1ffb6a.entry.js +2 -0
  153. package/dist/paperless/{p-4607d9db.entry.js.map → p-bf1ffb6a.entry.js.map} +1 -1
  154. package/dist/paperless/{p-e2197f1c.entry.js → p-d408194b.entry.js} +2 -2
  155. package/dist/paperless/{p-e2197f1c.entry.js.map → p-d408194b.entry.js.map} +1 -1
  156. package/dist/paperless/{p-cab67dea.entry.js → p-d8641c29.entry.js} +2 -2
  157. package/dist/paperless/{p-cab67dea.entry.js.map → p-d8641c29.entry.js.map} +1 -1
  158. package/dist/paperless/{p-06e1bf69.entry.js → p-ec15ee73.entry.js} +2 -2
  159. package/dist/{build/p-06e1bf69.entry.js.map → paperless/p-ec15ee73.entry.js.map} +1 -1
  160. package/dist/paperless/{p-b7ba24f7.entry.js → p-ef0bfa6c.entry.js} +2 -2
  161. package/dist/paperless/{p-b7ba24f7.entry.js.map → p-ef0bfa6c.entry.js.map} +1 -1
  162. package/dist/paperless/paperless.esm.js +1 -1
  163. package/dist/sw.js +1 -1
  164. package/dist/sw.js.map +1 -1
  165. package/dist/types/components/molecules/table-header/table-header.component.d.ts +0 -1
  166. package/dist/types/utils/icons.d.ts +1 -0
  167. package/hydrate/index.js +28 -18
  168. package/package.json +1 -1
  169. package/dist/build/p-45c13d9c.entry.js.map +0 -1
  170. package/dist/build/p-4607d9db.entry.js +0 -2
  171. package/dist/build/p-826bc0fd.entry.js.map +0 -1
  172. package/dist/paperless/p-45c13d9c.entry.js.map +0 -1
  173. package/dist/paperless/p-4607d9db.entry.js +0 -2
  174. package/dist/paperless/p-826bc0fd.entry.js.map +0 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,28 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [1.52.0](https://github.com/ionic-team/stencil-component-starter/compare/v1.51.4...v1.52.0) (2024-09-20)
7
+
8
+
9
+ ### Features
10
+
11
+ * **atoms/icon:** Add review icon ([303d6c3](https://github.com/ionic-team/stencil-component-starter/commit/303d6c3ba3d2001b9568de9dc442858c0d3ffb44))
12
+
13
+
14
+
15
+
16
+
17
+ ## [1.51.4](https://github.com/ionic-team/stencil-component-starter/compare/v1.51.3...v1.51.4) (2024-09-16)
18
+
19
+
20
+ ### Bug Fixes
21
+
22
+ * **molecules/table/header:** Make sure we check on custom-slots on render and not on load ([8a869dd](https://github.com/ionic-team/stencil-component-starter/commit/8a869dd44ec88606326121fe193c49cde59d660c))
23
+
24
+
25
+
26
+
27
+
6
28
  ## [1.51.3](https://github.com/ionic-team/stencil-component-starter/compare/v1.51.2...v1.51.3) (2024-09-11)
7
29
 
8
30
  **Note:** Version bump only for package @paperless/core
@@ -0,0 +1,8 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <title>⚛️ Atoms/icons/review</title>
4
+ <g id="⚛️-Atoms/icons/review" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
+ <rect id="Bounding-box" x="0" y="0" width="16" height="16"></rect>
6
+ <path d="M7,0 C10.8659932,0 14,3.13400675 14,7 C14,8.57458683 13.4801106,10.027747 12.6026223,11.1971899 L15.7059384,14.2920105 C16.0971069,14.6818895 16.0958174,15.3173885 15.7059384,15.708557 C15.3160594,16.0997255 14.6852301,16.098436 14.2940616,15.708557 L11.1872134,12.6100944 C10.0194871,13.4830611 8.5701123,14 7,14 C3.13400675,14 0,10.8659932 0,7 C0,3.13400675 3.13400675,0 7,0 Z M7,2 C9.76142375,2 12,4.23857625 12,7 C12,9.76142375 9.76142375,12 7,12 C4.23857625,12 2,9.76142375 2,7 C2,4.23857625 4.23857625,2 7,2 Z M10.0297263,4.14747068 C9.56129566,3.85491093 8.94439109,3.99748244 8.65183134,4.46591306 L6.818,7.40063934 L5.70601831,6.29180642 C5.31489379,5.90188327 4.68172956,5.90285718 4.29180642,6.29398169 C3.90188327,6.68510621 3.90285718,7.31827044 4.29398169,7.70819358 L6.29576969,9.70383292 C6.75084443,10.1575099 7.50956237,10.0703863 7.84995666,9.52536561 L10.3481687,5.52536561 C10.6407284,5.056935 10.4981569,4.44003042 10.0297263,4.14747068 Z" id="Search" fill="currentColor"></path>
7
+ </g>
8
+ </svg>
@@ -1,2 +1,2 @@
1
- import{r as t,h as i,H as o,g as e}from"./p-e4d5e7a7.js";const r=".block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.h-\\[0\\.625rem\\]{height:.625rem!important}.h-\\[1\\.625rem\\]{height:1.625rem!important}.w-\\[0\\.625rem\\]{width:.625rem!important}.w-\\[1\\.625rem\\]{width:1.625rem!important}.min-w-\\[1rem\\]{min-width:1rem!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded{border-radius:.25rem!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-\\[1px\\]{padding-bottom:1px!important;padding-top:1px!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}*{box-sizing:border-box}:host{align-items:center;border-radius:.25rem;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:1.625rem;justify-content:center;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem}@media (min-width:64rem){:host{padding-left:.75rem;padding-right:.75rem}}:host .content{align-items:center;display:none}@media (min-width:64rem){:host .content{display:flex}}:host .circle{border-radius:100%;display:none;height:.625rem;width:.625rem}:host p-icon{display:none!important;font-size:.75rem!important;line-height:1rem!important}:host([variant=neutral]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity));color:rgb(152 154 183/var(--tw-text-opacity))}:host([variant=neutral]) .circle{--tw-bg-opacity:1;background-color:rgb(152 154 183/var(--tw-bg-opacity))}:host([variant=special]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(44 75 169/var(--tw-text-opacity))}:host([variant=special]) .circle{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity))}:host([variant=info]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(245 254 255/var(--tw-bg-opacity));color:rgb(30 218 227/var(--tw-text-opacity))}:host([variant=info]) .circle{--tw-bg-opacity:1;background-color:rgb(30 218 227/var(--tw-bg-opacity))}:host([variant=positive]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity));color:rgb(40 209 124/var(--tw-text-opacity))}:host([variant=positive]) .circle{--tw-bg-opacity:1;background-color:rgb(40 209 124/var(--tw-bg-opacity))}:host([variant=unbiased]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity));color:rgb(255 199 45/var(--tw-text-opacity))}:host([variant=unbiased]) .circle{--tw-bg-opacity:1;background-color:rgb(255 199 45/var(--tw-bg-opacity))}:host([variant=negative]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity));color:rgb(185 30 40/var(--tw-text-opacity))}:host([variant=negative]) .circle{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity))}:host([size=small]){font-size:.75rem;height:1rem;justify-content:center;line-height:.75rem;min-width:1rem;padding:1px .25rem}:host([behavior=circle]) .circle{display:block}@media (min-width:64rem){:host([behavior=circle]) .circle{display:block}}:host([behavior=icon]) p-icon{display:flex!important}@media (min-width:64rem){:host([behavior=icon]) p-icon{display:flex!important}}:host([behavior=text]) p-icon{display:none!important}@media (min-width:64rem){:host([behavior=text]) p-icon{display:none!important}}:host([behavior=text]) .circle{display:none}@media (min-width:64rem){:host([behavior=text]) .circle{display:none}}:host([behavior=text]) .content{display:flex}@media (min-width:64rem){:host([behavior=text]) .content{display:flex}}:host([behavior=combination]){padding-left:0;padding-right:0;width:1.625rem}@media (min-width:64rem){:host([behavior=combination]){padding-left:.75rem;padding-right:.75rem;width:auto}}:host([behavior=combination]) .circle{display:none}@media (min-width:64rem){:host([behavior=combination]) .circle{display:block}}:host([behavior=combination]) p-icon{display:flex!important}@media (min-width:64rem){:host([behavior=combination]) p-icon{display:none!important}}:host([behavior=icon-only]){padding-left:0;padding-right:0;width:1.625rem}@media (min-width:64rem){:host([behavior=icon-only]){padding-left:0;padding-right:0}}:host([behavior=icon-only]) .content{display:none}@media (min-width:64rem){:host([behavior=icon-only]) .content{display:none}}:host([behavior=icon-only]) p-icon{display:flex!important}@media (min-width:64rem){:host([behavior=icon-only]) p-icon{display:flex!important}}:host([behavior=icon-only][size=small]){height:1rem;width:1rem}:host([keep-mobile-content=true]) .content,:host([keep-mobile-content]) .content{display:flex}@media (min-width:64rem){:host([keep-mobile-content=true]) .content,:host([keep-mobile-content]) .content{display:flex}.desktop-xs\\:block{display:block!important}.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}}";const a=class{constructor(i){t(this,i);this.variant="neutral";this.behavior="circle";this.iconPosition="start";this.icon=undefined;this.iconFlip=undefined;this.iconRotate=undefined;this.size="default";this.keepMobileContent=false}render(){return i(o,{class:"p-label"},this.icon&&this.iconPosition==="start"&&i("p-icon",{variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate}),(this.behavior==="circle"||this.behavior==="combination")&&i("div",{class:"circle"}),i("div",{class:"content"},i("slot",null)),this.icon&&this.iconPosition==="end"&&i("p-icon",{variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate}))}};a.style=r;const n=".flex{display:flex!important}.items-center{align-items:center!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}*{box-sizing:border-box}p-segment-container{--tw-bg-opacity:1;--tw-border-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity));border-radius:.375rem;border-style:solid;border-width:1px;display:flex;gap:.25rem;padding:.25rem}";const c=class{constructor(i){t(this,i)}render(){return i(o,{class:"p-segment-container"},i("slot",null))}};c.style=n;const s=".-mt-2{margin-top:-.5rem!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.h-auto{height:auto!important}.w-6{width:1.5rem!important}.max-w-\\[9rem\\]{max-width:9rem!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.whitespace-normal{white-space:normal!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-large{border-radius:.375rem!important}.bg-indigo-light{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xxs{font-size:.6875rem!important}.font-normal{font-weight:400!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-radius:.375rem;color:rgb(81 83 107/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:1.5rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}:host([size=big]){flex-direction:column;height:auto;max-width:9rem;padding:1rem;text-align:center;white-space:normal}:host([size=big]) .description{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity));font-size:.6875rem;font-weight:400;margin-top:-.5rem}:host(.variant-icon){justify-content:center;padding-left:0;padding-right:0;width:1.5rem}:host(:hover){--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity))}:host(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(82 138 250/var(--tw-text-opacity))}:host(.active) .description{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.static{position:static!important}";const p=class{constructor(i){t(this,i);this._hasDescriptionSlot=false;this.active=false;this.iconOnly=false;this.size="small";this.icon=undefined;this.iconFlip=undefined;this.iconRotate=undefined}componentWillLoad(){this._hasDescriptionSlot=!!this._el.querySelector(':scope > [slot="description"]')}render(){return i(o,{class:`p-segment-item variant-${this.iconOnly?"icon":"default"} ${this.active&&"active"}`},this.icon&&this._getIcon(),i("slot",null),this.size==="big"&&this._hasDescriptionSlot&&i("span",{class:"description"},i("slot",{name:"description"})))}_getIcon(){if(!this.icon){return}return i("p-icon",{class:"flex",variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate})}get _el(){return e(this)}};p.style=s;export{a as p_label,c as p_segment_container,p as p_segment_item};
2
- //# sourceMappingURL=p-d1aead35.entry.js.map
1
+ import{r as t,h as i,H as o,g as e}from"./p-e4d5e7a7.js";const r=".block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.h-\\[0\\.625rem\\]{height:.625rem!important}.h-\\[1\\.625rem\\]{height:1.625rem!important}.w-\\[0\\.625rem\\]{width:.625rem!important}.w-\\[1\\.625rem\\]{width:1.625rem!important}.min-w-\\[1rem\\]{min-width:1rem!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded{border-radius:.25rem!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-\\[1px\\]{padding-bottom:1px!important;padding-top:1px!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}*{box-sizing:border-box}:host{align-items:center;border-radius:.25rem;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:1.625rem;justify-content:center;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem}@media (min-width:64rem){:host{padding-left:.75rem;padding-right:.75rem}}:host .content{align-items:center;display:none}@media (min-width:64rem){:host .content{display:flex}}:host .circle{border-radius:100%;display:none;height:.625rem;width:.625rem}:host p-icon{display:none!important;font-size:.75rem!important;line-height:1rem!important}:host([variant=neutral]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity));color:rgb(152 154 183/var(--tw-text-opacity))}:host([variant=neutral]) .circle{--tw-bg-opacity:1;background-color:rgb(152 154 183/var(--tw-bg-opacity))}:host([variant=special]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(44 75 169/var(--tw-text-opacity))}:host([variant=special]) .circle{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity))}:host([variant=info]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(245 254 255/var(--tw-bg-opacity));color:rgb(30 218 227/var(--tw-text-opacity))}:host([variant=info]) .circle{--tw-bg-opacity:1;background-color:rgb(30 218 227/var(--tw-bg-opacity))}:host([variant=positive]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity));color:rgb(40 209 124/var(--tw-text-opacity))}:host([variant=positive]) .circle{--tw-bg-opacity:1;background-color:rgb(40 209 124/var(--tw-bg-opacity))}:host([variant=unbiased]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity));color:rgb(255 199 45/var(--tw-text-opacity))}:host([variant=unbiased]) .circle{--tw-bg-opacity:1;background-color:rgb(255 199 45/var(--tw-bg-opacity))}:host([variant=negative]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity));color:rgb(185 30 40/var(--tw-text-opacity))}:host([variant=negative]) .circle{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity))}:host([size=small]){font-size:.75rem;height:1rem;justify-content:center;line-height:.75rem;min-width:1rem;padding:1px .25rem}:host([behavior=circle]) .circle{display:block}@media (min-width:64rem){:host([behavior=circle]) .circle{display:block}}:host([behavior=icon]) p-icon{display:flex!important}@media (min-width:64rem){:host([behavior=icon]) p-icon{display:flex!important}}:host([behavior=text]) p-icon{display:none!important}@media (min-width:64rem){:host([behavior=text]) p-icon{display:none!important}}:host([behavior=text]) .circle{display:none}@media (min-width:64rem){:host([behavior=text]) .circle{display:none}}:host([behavior=text]) .content{display:flex}@media (min-width:64rem){:host([behavior=text]) .content{display:flex}}:host([behavior=combination]){padding-left:0;padding-right:0;width:1.625rem}@media (min-width:64rem){:host([behavior=combination]){padding-left:.75rem;padding-right:.75rem;width:auto}}:host([behavior=combination]) .circle{display:none}@media (min-width:64rem){:host([behavior=combination]) .circle{display:block}}:host([behavior=combination]) p-icon{display:flex!important}@media (min-width:64rem){:host([behavior=combination]) p-icon{display:none!important}}:host([behavior=icon-only]){padding-left:0;padding-right:0;width:1.625rem}@media (min-width:64rem){:host([behavior=icon-only]){padding-left:0;padding-right:0}}:host([behavior=icon-only]) .content{display:none}@media (min-width:64rem){:host([behavior=icon-only]) .content{display:none}}:host([behavior=icon-only]) p-icon{display:flex!important}@media (min-width:64rem){:host([behavior=icon-only]) p-icon{display:flex!important}}:host([behavior=icon-only][size=small]){height:1rem;width:1rem}:host([keep-mobile-content=true]) .content,:host([keep-mobile-content]) .content{display:flex}@media (min-width:64rem){:host([keep-mobile-content=true]) .content,:host([keep-mobile-content]) .content{display:flex}.desktop-xs\\:block{display:block!important}.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}}.static{position:static!important}";const a=class{constructor(i){t(this,i);this.variant="neutral";this.behavior="circle";this.iconPosition="start";this.icon=undefined;this.iconFlip=undefined;this.iconRotate=undefined;this.size="default";this.keepMobileContent=false}render(){return i(o,{class:"p-label"},this.icon&&this.iconPosition==="start"&&i("p-icon",{variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate}),(this.behavior==="circle"||this.behavior==="combination")&&i("div",{class:"circle"}),i("div",{class:"content"},i("slot",null)),this.icon&&this.iconPosition==="end"&&i("p-icon",{variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate}))}};a.style=r;const n=".flex{display:flex!important}.items-center{align-items:center!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}*{box-sizing:border-box}p-segment-container{--tw-bg-opacity:1;--tw-border-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity));border-radius:.375rem;border-style:solid;border-width:1px;display:flex;gap:.25rem;padding:.25rem}.static{position:static!important}";const s=class{constructor(i){t(this,i)}render(){return i(o,{class:"p-segment-container"},i("slot",null))}};s.style=n;const c=".-mt-2{margin-top:-.5rem!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.h-auto{height:auto!important}.w-6{width:1.5rem!important}.max-w-\\[9rem\\]{max-width:9rem!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.whitespace-normal{white-space:normal!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-large{border-radius:.375rem!important}.bg-indigo-light{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xxs{font-size:.6875rem!important}.font-normal{font-weight:400!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-radius:.375rem;color:rgb(81 83 107/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:1.5rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}:host([size=big]){flex-direction:column;height:auto;max-width:9rem;padding:1rem;text-align:center;white-space:normal}:host([size=big]) .description{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity));font-size:.6875rem;font-weight:400;margin-top:-.5rem}:host(.variant-icon){justify-content:center;padding-left:0;padding-right:0;width:1.5rem}:host(:hover){--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity))}:host(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(82 138 250/var(--tw-text-opacity))}:host(.active) .description{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.static{position:static!important}";const p=class{constructor(i){t(this,i);this._hasDescriptionSlot=false;this.active=false;this.iconOnly=false;this.size="small";this.icon=undefined;this.iconFlip=undefined;this.iconRotate=undefined}componentWillLoad(){this._hasDescriptionSlot=!!this._el.querySelector(':scope > [slot="description"]')}render(){return i(o,{class:`p-segment-item variant-${this.iconOnly?"icon":"default"} ${this.active&&"active"}`},this.icon&&this._getIcon(),i("slot",null),this.size==="big"&&this._hasDescriptionSlot&&i("span",{class:"description"},i("slot",{name:"description"})))}_getIcon(){if(!this.icon){return}return i("p-icon",{class:"flex",variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate})}get _el(){return e(this)}};p.style=c;export{a as p_label,s as p_segment_container,p as p_segment_item};
2
+ //# sourceMappingURL=p-2cd5062f.entry.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["labelComponentCss","Label","render","h","Host","class","this","icon","iconPosition","variant","flip","iconFlip","rotate","iconRotate","behavior","segmentContainerComponentCss","SegmentContainer","segmentItemComponentCss","SegmentItem","_hasDescriptionSlot","componentWillLoad","_el","querySelector","iconOnly","active","_getIcon","size","name"],"sources":["src/components/atoms/label/label.component.scss?tag=p-label&encapsulation=shadow","src/components/atoms/label/label.component.tsx","src/components/atoms/segment-container/segment-container.component.scss?tag=p-segment-container","src/components/atoms/segment-container/segment-container.component.tsx","src/components/atoms/segment-item/segment-item.component.scss?tag=p-segment-item&encapsulation=shadow","src/components/atoms/segment-item/segment-item.component.tsx"],"sourcesContent":[":host {\n\t@apply flex items-center justify-center gap-2 rounded px-2 desktop-xs:px-3;\n\t@apply h-[1.625rem];\n\t@apply text-sm font-semibold;\n\n\t.content {\n\t\t@apply hidden items-center desktop-xs:flex;\n\t}\n\n\t.circle {\n\t\t@apply hidden h-[0.625rem] w-[0.625rem] rounded-round;\n\t}\n\n\tp-icon {\n\t\t@apply hidden text-xs #{!important};\n\t}\n}\n\n:host([variant='neutral']) {\n\t@apply bg-mystic;\n\t@apply text-storm-vague;\n\n\t.circle {\n\t\t@apply bg-storm-vague;\n\t}\n}\n\n:host([variant='special']) {\n\t@apply bg-indigo-light;\n\t@apply text-indigo-dark;\n\n\t.circle {\n\t\t@apply bg-indigo;\n\t}\n}\n\n:host([variant='info']) {\n\t@apply bg-sky-light;\n\t@apply text-sky;\n\n\t.circle {\n\t\t@apply bg-sky;\n\t}\n}\n\n:host([variant='positive']) {\n\t@apply bg-positive-light;\n\t@apply text-positive;\n\n\t.circle {\n\t\t@apply bg-positive;\n\t}\n}\n\n:host([variant='unbiased']) {\n\t@apply bg-unbiased-light;\n\t@apply text-unbiased;\n\n\t.circle {\n\t\t@apply bg-unbiased;\n\t}\n}\n\n:host([variant='negative']) {\n\t@apply bg-negative-light;\n\t@apply text-negative;\n\n\t.circle {\n\t\t@apply bg-negative;\n\t}\n}\n\n:host([size='small']) {\n\t@apply h-4 min-w-[1rem] px-1 py-[1px];\n\t@apply justify-center text-xs;\n\t@apply leading-3;\n}\n\n:host([behavior='circle']) {\n\t.circle {\n\t\t@apply block desktop-xs:block;\n\t}\n}\n\n:host([behavior='icon']) {\n\tp-icon {\n\t\t@apply flex desktop-xs:flex #{!important};\n\t}\n}\n\n:host([behavior='text']) {\n\tp-icon {\n\t\t@apply hidden desktop-xs:hidden #{!important};\n\t}\n\n\t.circle {\n\t\t@apply hidden desktop-xs:hidden;\n\t}\n\n\t.content {\n\t\t@apply flex desktop-xs:flex;\n\t}\n}\n\n:host([behavior='combination']) {\n\t@apply px-0 desktop-xs:px-3;\n\t@apply w-[1.625rem] desktop-xs:w-auto;\n\n\t.circle {\n\t\t@apply hidden desktop-xs:block;\n\t}\n\n\tp-icon {\n\t\t@apply flex desktop-xs:hidden #{!important};\n\t}\n}\n\n:host([behavior='icon-only']) {\n\t@apply px-0 desktop-xs:px-0;\n\t@apply w-[1.625rem];\n\n\t.content {\n\t\t@apply hidden desktop-xs:hidden;\n\t}\n\n\tp-icon {\n\t\t@apply flex desktop-xs:flex #{!important};\n\t}\n}\n\n:host([behavior='icon-only'][size='small']) {\n\t@apply h-4 w-4;\n}\n\n:host([keep-mobile-content]),\n:host([keep-mobile-content='true']) {\n\t.content {\n\t\t@apply flex desktop-xs:flex;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../types';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n\ttag: 'p-label',\n\tstyleUrl: 'label.component.scss',\n\tshadow: true,\n})\nexport class Label {\n\t/**\n\t * Variant of the label\n\t */\n\t@Prop({ reflect: true }) variant:\n\t\t| 'neutral'\n\t\t| 'positive'\n\t\t| 'unbiased'\n\t\t| 'negative'\n\t\t| 'special'\n\t\t| 'info' = 'neutral';\n\n\t/**\n\t * Define the behavior of the label\n\t */\n\t@Prop({ reflect: true }) behavior:\n\t\t| 'icon'\n\t\t| 'circle'\n\t\t| 'combination'\n\t\t| 'text'\n\t\t| 'icon-only' = 'circle';\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition: 'start' | 'end' = 'start';\n\n\t/**\n\t * Icon to show on the label\n\t */\n\t@Prop({ reflect: true }) icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * The size of the label\n\t */\n\t@Prop({ reflect: true }) size: 'small' | 'default' = 'default';\n\n\t/**\n\t * Wether to keep the content on mobile\n\t */\n\t@Prop({ reflect: true }) keepMobileContent: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-label\">\n\t\t\t\t{this.icon && this.iconPosition === 'start' && (\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{(this.behavior === 'circle' ||\n\t\t\t\t\tthis.behavior === 'combination') && (\n\t\t\t\t\t<div class=\"circle\"></div>\n\t\t\t\t)}\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t\t{this.icon && this.iconPosition === 'end' && (\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n","p-segment-container {\n\t@apply flex items-center gap-1;\n\t@apply bg-white rounded-large;\n\t@apply p-1;\n\t@apply border border-solid border-mystic-dark;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-segment-container',\n\tstyleUrl: 'segment-container.component.scss',\n})\nexport class SegmentContainer {\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-segment-container\">\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",":host {\n\t@apply flex h-6 items-center gap-2 rounded-large px-2;\n\t@apply whitespace-nowrap text-sm font-semibold text-storm;\n\t@apply cursor-pointer;\n}\n\n:host([size='big']) {\n\t@apply h-auto max-w-[9rem] flex-col whitespace-normal p-4 text-center;\n\n\t.description {\n\t\t@apply -mt-2 text-xxs font-normal text-storm-medium;\n\t}\n}\n\n:host(.variant-icon) {\n\t@apply w-6 justify-center px-0;\n}\n\n:host(:hover) {\n\t@apply bg-indigo-light;\n}\n\n:host(.active) {\n\t@apply bg-indigo-light text-indigo;\n\n\t.description {\n\t\t@apply text-indigo;\n\t}\n}\n","import { Component, h, Host, Prop, Element } from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n\ttag: 'p-segment-item',\n\tstyleUrl: 'segment-item.component.scss',\n\tshadow: true,\n})\nexport class SegmentItem {\n\t/**\n\t * Wether the segment item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the segment item is icon only\n\t */\n\t@Prop() iconOnly: boolean = false;\n\n\t/**\n\t * Size of the segment item\n\t */\n\t@Prop({ reflect: true }) size: 'small' | 'big' = 'small';\n\n\t/**\n\t * Icon to show on the segment item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasDescriptionSlot = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasDescriptionSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"description\"]'\n\t\t);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-segment-item variant-${\n\t\t\t\t\tthis.iconOnly ? 'icon' : 'default'\n\t\t\t\t} ${this.active && 'active'}`}\n\t\t\t>\n\t\t\t\t{this.icon && this._getIcon()}\n\t\t\t\t<slot />\n\t\t\t\t{this.size === 'big' && this._hasDescriptionSlot && (\n\t\t\t\t\t<span class=\"description\">\n\t\t\t\t\t\t<slot name=\"description\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _getIcon() {\n\t\tif (!this.icon) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn (\n\t\t\t<p-icon\n\t\t\t\tclass=\"flex\"\n\t\t\t\tvariant={this.icon}\n\t\t\t\tflip={this.iconFlip}\n\t\t\t\trotate={this.iconRotate}\n\t\t\t/>\n\t\t);\n\t}\n}\n"],"mappings":"yDAAA,MAAMA,EAAoB,s+J,MCSbC,EAAK,M,sCAUL,U,cAUK,S,kBAKuB,Q,gFAoBa,U,uBAKC,K,CAEtD,MAAAC,GACC,OACCC,EAACC,EAAI,CAACC,MAAM,WACVC,KAAKC,MAAQD,KAAKE,eAAiB,SACnCL,EAAA,UACCM,QAASH,KAAKC,KACdG,KAAMJ,KAAKK,SACXC,OAAQN,KAAKO,cAGbP,KAAKQ,WAAa,UACnBR,KAAKQ,WAAa,gBAClBX,EAAA,OAAKE,MAAM,WAEZF,EAAA,OAAKE,MAAM,WACVF,EAAA,cAEAG,KAAKC,MAAQD,KAAKE,eAAiB,OACnCL,EAAA,UACCM,QAASH,KAAKC,KACdG,KAAMJ,KAAKK,SACXC,OAAQN,KAAKO,a,aClFnB,MAAME,EAA+B,sjB,MCMxBC,EAAgB,M,yBAC5B,MAAAd,GACC,OACCC,EAACC,EAAI,CAACC,MAAM,uBACXF,EAAA,a,aCVJ,MAAMc,EAA0B,szD,MCSnBC,EAAW,M,yBAoCfZ,KAAAa,oBAAsB,M,YAhCJ,M,cAKE,M,UAKqB,Q,sEAwBjD,iBAAAC,GACCd,KAAKa,sBAAwBb,KAAKe,IAAIC,cACrC,gC,CAIF,MAAApB,GACC,OACCC,EAACC,EAAI,CACJC,MAAO,0BACNC,KAAKiB,SAAW,OAAS,aACtBjB,KAAKkB,QAAU,YAElBlB,KAAKC,MAAQD,KAAKmB,WACnBtB,EAAA,aACCG,KAAKoB,OAAS,OAASpB,KAAKa,qBAC5BhB,EAAA,QAAME,MAAM,eACXF,EAAA,QAAMwB,KAAK,iB,CAOR,QAAAF,GACP,IAAKnB,KAAKC,KAAM,CACf,M,CAGD,OACCJ,EAAA,UACCE,MAAM,OACNI,QAASH,KAAKC,KACdG,KAAMJ,KAAKK,SACXC,OAAQN,KAAKO,Y"}
1
+ {"version":3,"names":["labelComponentCss","Label","render","h","Host","class","this","icon","iconPosition","variant","flip","iconFlip","rotate","iconRotate","behavior","segmentContainerComponentCss","SegmentContainer","segmentItemComponentCss","SegmentItem","_hasDescriptionSlot","componentWillLoad","_el","querySelector","iconOnly","active","_getIcon","size","name"],"sources":["src/components/atoms/label/label.component.scss?tag=p-label&encapsulation=shadow","src/components/atoms/label/label.component.tsx","src/components/atoms/segment-container/segment-container.component.scss?tag=p-segment-container","src/components/atoms/segment-container/segment-container.component.tsx","src/components/atoms/segment-item/segment-item.component.scss?tag=p-segment-item&encapsulation=shadow","src/components/atoms/segment-item/segment-item.component.tsx"],"sourcesContent":[":host {\n\t@apply flex items-center justify-center gap-2 rounded px-2 desktop-xs:px-3;\n\t@apply h-[1.625rem];\n\t@apply text-sm font-semibold;\n\n\t.content {\n\t\t@apply hidden items-center desktop-xs:flex;\n\t}\n\n\t.circle {\n\t\t@apply hidden h-[0.625rem] w-[0.625rem] rounded-round;\n\t}\n\n\tp-icon {\n\t\t@apply hidden text-xs #{!important};\n\t}\n}\n\n:host([variant='neutral']) {\n\t@apply bg-mystic;\n\t@apply text-storm-vague;\n\n\t.circle {\n\t\t@apply bg-storm-vague;\n\t}\n}\n\n:host([variant='special']) {\n\t@apply bg-indigo-light;\n\t@apply text-indigo-dark;\n\n\t.circle {\n\t\t@apply bg-indigo;\n\t}\n}\n\n:host([variant='info']) {\n\t@apply bg-sky-light;\n\t@apply text-sky;\n\n\t.circle {\n\t\t@apply bg-sky;\n\t}\n}\n\n:host([variant='positive']) {\n\t@apply bg-positive-light;\n\t@apply text-positive;\n\n\t.circle {\n\t\t@apply bg-positive;\n\t}\n}\n\n:host([variant='unbiased']) {\n\t@apply bg-unbiased-light;\n\t@apply text-unbiased;\n\n\t.circle {\n\t\t@apply bg-unbiased;\n\t}\n}\n\n:host([variant='negative']) {\n\t@apply bg-negative-light;\n\t@apply text-negative;\n\n\t.circle {\n\t\t@apply bg-negative;\n\t}\n}\n\n:host([size='small']) {\n\t@apply h-4 min-w-[1rem] px-1 py-[1px];\n\t@apply justify-center text-xs;\n\t@apply leading-3;\n}\n\n:host([behavior='circle']) {\n\t.circle {\n\t\t@apply block desktop-xs:block;\n\t}\n}\n\n:host([behavior='icon']) {\n\tp-icon {\n\t\t@apply flex desktop-xs:flex #{!important};\n\t}\n}\n\n:host([behavior='text']) {\n\tp-icon {\n\t\t@apply hidden desktop-xs:hidden #{!important};\n\t}\n\n\t.circle {\n\t\t@apply hidden desktop-xs:hidden;\n\t}\n\n\t.content {\n\t\t@apply flex desktop-xs:flex;\n\t}\n}\n\n:host([behavior='combination']) {\n\t@apply px-0 desktop-xs:px-3;\n\t@apply w-[1.625rem] desktop-xs:w-auto;\n\n\t.circle {\n\t\t@apply hidden desktop-xs:block;\n\t}\n\n\tp-icon {\n\t\t@apply flex desktop-xs:hidden #{!important};\n\t}\n}\n\n:host([behavior='icon-only']) {\n\t@apply px-0 desktop-xs:px-0;\n\t@apply w-[1.625rem];\n\n\t.content {\n\t\t@apply hidden desktop-xs:hidden;\n\t}\n\n\tp-icon {\n\t\t@apply flex desktop-xs:flex #{!important};\n\t}\n}\n\n:host([behavior='icon-only'][size='small']) {\n\t@apply h-4 w-4;\n}\n\n:host([keep-mobile-content]),\n:host([keep-mobile-content='true']) {\n\t.content {\n\t\t@apply flex desktop-xs:flex;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../types';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n\ttag: 'p-label',\n\tstyleUrl: 'label.component.scss',\n\tshadow: true,\n})\nexport class Label {\n\t/**\n\t * Variant of the label\n\t */\n\t@Prop({ reflect: true }) variant:\n\t\t| 'neutral'\n\t\t| 'positive'\n\t\t| 'unbiased'\n\t\t| 'negative'\n\t\t| 'special'\n\t\t| 'info' = 'neutral';\n\n\t/**\n\t * Define the behavior of the label\n\t */\n\t@Prop({ reflect: true }) behavior:\n\t\t| 'icon'\n\t\t| 'circle'\n\t\t| 'combination'\n\t\t| 'text'\n\t\t| 'icon-only' = 'circle';\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition: 'start' | 'end' = 'start';\n\n\t/**\n\t * Icon to show on the label\n\t */\n\t@Prop({ reflect: true }) icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * The size of the label\n\t */\n\t@Prop({ reflect: true }) size: 'small' | 'default' = 'default';\n\n\t/**\n\t * Wether to keep the content on mobile\n\t */\n\t@Prop({ reflect: true }) keepMobileContent: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-label\">\n\t\t\t\t{this.icon && this.iconPosition === 'start' && (\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{(this.behavior === 'circle' ||\n\t\t\t\t\tthis.behavior === 'combination') && (\n\t\t\t\t\t<div class=\"circle\"></div>\n\t\t\t\t)}\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t\t{this.icon && this.iconPosition === 'end' && (\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n","p-segment-container {\n\t@apply flex items-center gap-1;\n\t@apply bg-white rounded-large;\n\t@apply p-1;\n\t@apply border border-solid border-mystic-dark;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-segment-container',\n\tstyleUrl: 'segment-container.component.scss',\n})\nexport class SegmentContainer {\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-segment-container\">\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",":host {\n\t@apply flex h-6 items-center gap-2 rounded-large px-2;\n\t@apply whitespace-nowrap text-sm font-semibold text-storm;\n\t@apply cursor-pointer;\n}\n\n:host([size='big']) {\n\t@apply h-auto max-w-[9rem] flex-col whitespace-normal p-4 text-center;\n\n\t.description {\n\t\t@apply -mt-2 text-xxs font-normal text-storm-medium;\n\t}\n}\n\n:host(.variant-icon) {\n\t@apply w-6 justify-center px-0;\n}\n\n:host(:hover) {\n\t@apply bg-indigo-light;\n}\n\n:host(.active) {\n\t@apply bg-indigo-light text-indigo;\n\n\t.description {\n\t\t@apply text-indigo;\n\t}\n}\n","import { Component, h, Host, Prop, Element } from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n\ttag: 'p-segment-item',\n\tstyleUrl: 'segment-item.component.scss',\n\tshadow: true,\n})\nexport class SegmentItem {\n\t/**\n\t * Wether the segment item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the segment item is icon only\n\t */\n\t@Prop() iconOnly: boolean = false;\n\n\t/**\n\t * Size of the segment item\n\t */\n\t@Prop({ reflect: true }) size: 'small' | 'big' = 'small';\n\n\t/**\n\t * Icon to show on the segment item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasDescriptionSlot = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasDescriptionSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"description\"]'\n\t\t);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-segment-item variant-${\n\t\t\t\t\tthis.iconOnly ? 'icon' : 'default'\n\t\t\t\t} ${this.active && 'active'}`}\n\t\t\t>\n\t\t\t\t{this.icon && this._getIcon()}\n\t\t\t\t<slot />\n\t\t\t\t{this.size === 'big' && this._hasDescriptionSlot && (\n\t\t\t\t\t<span class=\"description\">\n\t\t\t\t\t\t<slot name=\"description\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _getIcon() {\n\t\tif (!this.icon) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn (\n\t\t\t<p-icon\n\t\t\t\tclass=\"flex\"\n\t\t\t\tvariant={this.icon}\n\t\t\t\tflip={this.iconFlip}\n\t\t\t\trotate={this.iconRotate}\n\t\t\t/>\n\t\t);\n\t}\n}\n"],"mappings":"yDAAA,MAAMA,EAAoB,wgK,MCSbC,EAAK,M,sCAUL,U,cAUK,S,kBAKuB,Q,gFAoBa,U,uBAKC,K,CAEtD,MAAAC,GACC,OACCC,EAACC,EAAI,CAACC,MAAM,WACVC,KAAKC,MAAQD,KAAKE,eAAiB,SACnCL,EAAA,UACCM,QAASH,KAAKC,KACdG,KAAMJ,KAAKK,SACXC,OAAQN,KAAKO,cAGbP,KAAKQ,WAAa,UACnBR,KAAKQ,WAAa,gBAClBX,EAAA,OAAKE,MAAM,WAEZF,EAAA,OAAKE,MAAM,WACVF,EAAA,cAEAG,KAAKC,MAAQD,KAAKE,eAAiB,OACnCL,EAAA,UACCM,QAASH,KAAKC,KACdG,KAAMJ,KAAKK,SACXC,OAAQN,KAAKO,a,aClFnB,MAAME,EAA+B,wlB,MCMxBC,EAAgB,M,yBAC5B,MAAAd,GACC,OACCC,EAACC,EAAI,CAACC,MAAM,uBACXF,EAAA,a,aCVJ,MAAMc,EAA0B,szD,MCSnBC,EAAW,M,yBAoCfZ,KAAAa,oBAAsB,M,YAhCJ,M,cAKE,M,UAKqB,Q,sEAwBjD,iBAAAC,GACCd,KAAKa,sBAAwBb,KAAKe,IAAIC,cACrC,gC,CAIF,MAAApB,GACC,OACCC,EAACC,EAAI,CACJC,MAAO,0BACNC,KAAKiB,SAAW,OAAS,aACtBjB,KAAKkB,QAAU,YAElBlB,KAAKC,MAAQD,KAAKmB,WACnBtB,EAAA,aACCG,KAAKoB,OAAS,OAASpB,KAAKa,qBAC5BhB,EAAA,QAAME,MAAM,eACXF,EAAA,QAAMwB,KAAK,iB,CAOR,QAAAF,GACP,IAAKnB,KAAKC,KAAM,CACf,M,CAGD,OACCJ,EAAA,UACCE,MAAM,OACNI,QAASH,KAAKC,KACdG,KAAMJ,KAAKK,SACXC,OAAQN,KAAKO,Y"}