@paperless/core 2.0.1-beta.35 → 2.0.1-beta.37

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 (121) hide show
  1. package/CHANGELOG.md +143 -0
  2. package/dist/build/p-43992afc.js +2 -0
  3. package/dist/build/p-60f4b734.entry.js +2 -0
  4. package/dist/build/p-60f4b734.entry.js.map +1 -0
  5. package/dist/build/p-6db4ca89.entry.js +2 -0
  6. package/dist/build/p-6db4ca89.entry.js.map +1 -0
  7. package/dist/build/p-a9a85ce4.entry.js +2 -0
  8. package/dist/build/p-a9a85ce4.entry.js.map +1 -0
  9. package/dist/build/p-b3b50ed2.entry.js +2 -0
  10. package/dist/build/p-b3b50ed2.entry.js.map +1 -0
  11. package/dist/build/p-dc8258c0.entry.js +2 -0
  12. package/dist/build/p-dc8258c0.entry.js.map +1 -0
  13. package/dist/build/p-ff6356cb.entry.js +2 -0
  14. package/dist/build/p-ff6356cb.entry.js.map +1 -0
  15. package/dist/build/paperless.esm.js +1 -1
  16. package/dist/build/paperless.esm.js.map +1 -1
  17. package/dist/cjs/loader.cjs.js +1 -1
  18. package/dist/cjs/p-checkbox_2.cjs.entry.js +16 -11
  19. package/dist/cjs/p-checkbox_2.cjs.entry.js.map +1 -1
  20. package/dist/cjs/p-dropdown-menu-item_4.cjs.entry.js +1 -1
  21. package/dist/cjs/p-dropdown-menu-item_4.cjs.entry.js.map +1 -1
  22. package/dist/cjs/p-radio.cjs.entry.js +6 -15
  23. package/dist/cjs/p-radio.cjs.entry.js.map +1 -1
  24. package/dist/cjs/p-select.cjs.entry.js +35 -26
  25. package/dist/cjs/p-select.cjs.entry.js.map +1 -1
  26. package/dist/cjs/p-stepper.cjs.entry.js +1 -1
  27. package/dist/cjs/p-stepper.cjs.entry.js.map +1 -1
  28. package/dist/cjs/p-toggle.cjs.entry.js +8 -43
  29. package/dist/cjs/p-toggle.cjs.entry.js.map +1 -1
  30. package/dist/cjs/paperless.cjs.js +1 -1
  31. package/dist/collection/components/atoms/checkbox/checkbox.component.css +1 -1
  32. package/dist/collection/components/atoms/checkbox/checkbox.component.js +15 -30
  33. package/dist/collection/components/atoms/checkbox/checkbox.component.js.map +1 -1
  34. package/dist/collection/components/atoms/dropdown-menu-item/dropdown-menu-item.component.js +1 -1
  35. package/dist/collection/components/atoms/dropdown-menu-item/dropdown-menu-item.component.js.map +1 -1
  36. package/dist/collection/components/atoms/radio/radio.component.css +1 -1
  37. package/dist/collection/components/atoms/radio/radio.component.js +5 -34
  38. package/dist/collection/components/atoms/radio/radio.component.js.map +1 -1
  39. package/dist/collection/components/atoms/toggle/toggle.component.css +1 -1
  40. package/dist/collection/components/atoms/toggle/toggle.component.js +7 -62
  41. package/dist/collection/components/atoms/toggle/toggle.component.js.map +1 -1
  42. package/dist/collection/components/molecules/select/select.component.css +1 -1
  43. package/dist/collection/components/molecules/select/select.component.js +80 -25
  44. package/dist/collection/components/molecules/select/select.component.js.map +1 -1
  45. package/dist/collection/components/molecules/stepper/stepper.component.css +1 -1
  46. package/dist/components/checkbox.component.js +16 -12
  47. package/dist/components/checkbox.component.js.map +1 -1
  48. package/dist/components/dropdown-menu-item.component.js +1 -1
  49. package/dist/components/dropdown-menu-item.component.js.map +1 -1
  50. package/dist/components/p-radio.js +6 -16
  51. package/dist/components/p-radio.js.map +1 -1
  52. package/dist/components/p-select.js +37 -26
  53. package/dist/components/p-select.js.map +1 -1
  54. package/dist/components/p-stepper.js +1 -1
  55. package/dist/components/p-stepper.js.map +1 -1
  56. package/dist/components/p-toggle.js +8 -44
  57. package/dist/components/p-toggle.js.map +1 -1
  58. package/dist/esm/loader.js +1 -1
  59. package/dist/esm/p-checkbox_2.entry.js +16 -11
  60. package/dist/esm/p-checkbox_2.entry.js.map +1 -1
  61. package/dist/esm/p-dropdown-menu-item_4.entry.js +1 -1
  62. package/dist/esm/p-dropdown-menu-item_4.entry.js.map +1 -1
  63. package/dist/esm/p-radio.entry.js +6 -15
  64. package/dist/esm/p-radio.entry.js.map +1 -1
  65. package/dist/esm/p-select.entry.js +35 -26
  66. package/dist/esm/p-select.entry.js.map +1 -1
  67. package/dist/esm/p-stepper.entry.js +1 -1
  68. package/dist/esm/p-stepper.entry.js.map +1 -1
  69. package/dist/esm/p-toggle.entry.js +8 -43
  70. package/dist/esm/p-toggle.entry.js.map +1 -1
  71. package/dist/esm/paperless.js +1 -1
  72. package/dist/index.html +1 -1
  73. package/dist/paperless/p-60f4b734.entry.js +2 -0
  74. package/dist/paperless/p-60f4b734.entry.js.map +1 -0
  75. package/dist/paperless/p-6db4ca89.entry.js +2 -0
  76. package/dist/paperless/p-6db4ca89.entry.js.map +1 -0
  77. package/dist/paperless/p-a9a85ce4.entry.js +2 -0
  78. package/dist/paperless/p-a9a85ce4.entry.js.map +1 -0
  79. package/dist/paperless/p-b3b50ed2.entry.js +2 -0
  80. package/dist/paperless/p-b3b50ed2.entry.js.map +1 -0
  81. package/dist/paperless/p-dc8258c0.entry.js +2 -0
  82. package/dist/paperless/p-dc8258c0.entry.js.map +1 -0
  83. package/dist/paperless/p-ff6356cb.entry.js +2 -0
  84. package/dist/paperless/p-ff6356cb.entry.js.map +1 -0
  85. package/dist/paperless/paperless.esm.js +1 -1
  86. package/dist/paperless/paperless.esm.js.map +1 -1
  87. package/dist/sw.js +1 -1
  88. package/dist/sw.js.map +1 -1
  89. package/dist/types/components/atoms/checkbox/checkbox.component.d.ts +0 -4
  90. package/dist/types/components/atoms/radio/radio.component.d.ts +0 -4
  91. package/dist/types/components/atoms/toggle/toggle.component.d.ts +0 -4
  92. package/dist/types/components/molecules/select/select.component.d.ts +10 -0
  93. package/dist/types/components.d.ts +16 -24
  94. package/hydrate/index.js +69 -100
  95. package/hydrate/index.mjs +69 -100
  96. package/package.json +1 -1
  97. package/dist/build/p-2d43b7ce.entry.js +0 -2
  98. package/dist/build/p-2d43b7ce.entry.js.map +0 -1
  99. package/dist/build/p-489013c7.entry.js +0 -2
  100. package/dist/build/p-489013c7.entry.js.map +0 -1
  101. package/dist/build/p-8857d619.entry.js +0 -2
  102. package/dist/build/p-8857d619.entry.js.map +0 -1
  103. package/dist/build/p-99352ae4.entry.js +0 -2
  104. package/dist/build/p-99352ae4.entry.js.map +0 -1
  105. package/dist/build/p-cf0cc50e.js +0 -2
  106. package/dist/build/p-d2ddf504.entry.js +0 -2
  107. package/dist/build/p-d2ddf504.entry.js.map +0 -1
  108. package/dist/build/p-da44c5f3.entry.js +0 -2
  109. package/dist/build/p-da44c5f3.entry.js.map +0 -1
  110. package/dist/paperless/p-2d43b7ce.entry.js +0 -2
  111. package/dist/paperless/p-2d43b7ce.entry.js.map +0 -1
  112. package/dist/paperless/p-489013c7.entry.js +0 -2
  113. package/dist/paperless/p-489013c7.entry.js.map +0 -1
  114. package/dist/paperless/p-8857d619.entry.js +0 -2
  115. package/dist/paperless/p-8857d619.entry.js.map +0 -1
  116. package/dist/paperless/p-99352ae4.entry.js +0 -2
  117. package/dist/paperless/p-99352ae4.entry.js.map +0 -1
  118. package/dist/paperless/p-d2ddf504.entry.js +0 -2
  119. package/dist/paperless/p-d2ddf504.entry.js.map +0 -1
  120. package/dist/paperless/p-da44c5f3.entry.js +0 -2
  121. package/dist/paperless/p-da44c5f3.entry.js.map +0 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,101 @@
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
+ ## [2.0.1-beta.37](https://github.com/ionic-team/stencil-component-starter/compare/v2.0.1-beta.36...v2.0.1-beta.37) (2025-04-07)
7
+
8
+ **Note:** Version bump only for package @paperless/core
9
+
10
+
11
+
12
+
13
+
14
+ ## [2.0.1-beta.36](https://github.com/ionic-team/stencil-component-starter/compare/v1.68.1...v2.0.1-beta.36) (2025-04-04)
15
+
16
+
17
+ ### Bug Fixes
18
+
19
+ * add components.d.ts ([02685d7](https://github.com/ionic-team/stencil-component-starter/commit/02685d75844201e50d319d35d500210e6d1d4758))
20
+ * **atoms/avatar:** Always force a single letter ([d999c59](https://github.com/ionic-team/stencil-component-starter/commit/d999c59bef68d0cf6194919fba09be7fb16cf6d0))
21
+ * **atoms/avatar:** Apply ambit font ([ad05335](https://github.com/ionic-team/stencil-component-starter/commit/ad053351b4b644ee240f78b416b1908e7080f4fd))
22
+ * **atoms/avatar:** Fix centering letters ([e867f33](https://github.com/ionic-team/stencil-component-starter/commit/e867f33353cf3dfced7985e366fb01f84e7fd41a))
23
+ * **atoms/avatar:** Font weight & color ([55b8e4b](https://github.com/ionic-team/stencil-component-starter/commit/55b8e4b78a15eea0453810a015f5ab7ec7c932da))
24
+ * **atoms/avatar:** Set leading to the same as font size ([c21e416](https://github.com/ionic-team/stencil-component-starter/commit/c21e416032ba08851c9043dacbbd898c6691b526))
25
+ * **atoms/checkbox:** Add hover state for checked state ([016db0f](https://github.com/ionic-team/stencil-component-starter/commit/016db0f5d8356e4efce293f8390f64f6a7f5f7bf))
26
+ * **atoms/dropdown-menu/container:** Only apply w-auto when there is a max width ([8897751](https://github.com/ionic-team/stencil-component-starter/commit/8897751ab85e934858a78f9486a55ad286ffae0b))
27
+ * **atoms/helper:** Small change to accomendate for height changes ([edc49a4](https://github.com/ionic-team/stencil-component-starter/commit/edc49a4ab8f9cb2ca32a65f22efe4ecf07c5a3cd))
28
+ * **atoms/loader:** Don't access props before hydration ([7687ff3](https://github.com/ionic-team/stencil-component-starter/commit/7687ff3cd696d618211a942cfc6c723d489cb418))
29
+ * **atoms/radio:** Remove :after classes ([97157a1](https://github.com/ionic-team/stencil-component-starter/commit/97157a1f2d06a3b259205493724614fa8519bb87))
30
+ * **atoms/toggle:** Fix circle showing on unchecked & unchecked background. Added checked hover background fix ([7cba4fc](https://github.com/ionic-team/stencil-component-starter/commit/7cba4fc6537f0274d6bdb03c520cca30e30af503))
31
+ * **molecules/button & navigation-item:** Use class prop to determine active state ([87dfe99](https://github.com/ionic-team/stencil-component-starter/commit/87dfe99ee83394d8cc165c6b8b806235b819b561))
32
+ * **molecules/button:** Icon hover variants ([1bd3047](https://github.com/ionic-team/stencil-component-starter/commit/1bd30471575b512e08cc323ba13f8f69e542e520))
33
+ * **molecules/calendar:** Better handeling in the header ([5e97878](https://github.com/ionic-team/stencil-component-starter/commit/5e978788c234097a106530e475c2577a9fee49a2))
34
+ * **molecules/calendar:** Fix header centering on year select ([1e8e8e2](https://github.com/ionic-team/stencil-component-starter/commit/1e8e8e2a33cdb7c614f540cf2a4ffd1c511408a0))
35
+ * **molecules/datepicker:** Allow for clearing and set month/year correctly ([96cebf1](https://github.com/ionic-team/stencil-component-starter/commit/96cebf1f0a70eb6d319d69377de4f9536ed88c93))
36
+ * **molecules/datepicker:** Don't always set mobile as true ([86e0ad7](https://github.com/ionic-team/stencil-component-starter/commit/86e0ad7e7811972d3da68eb96eaccc39c4f515ab))
37
+ * **molecules/dropdown:** Small fix after rebase ([b995da9](https://github.com/ionic-team/stencil-component-starter/commit/b995da9f34e38cea8bcbdb2a9c40265e2b0e9333))
38
+ * **molecules/field:** Make sure textarea is visible and height adjustable ([20a0b1f](https://github.com/ionic-team/stencil-component-starter/commit/20a0b1fab6e4621a388825764a3aa36a27d35568))
39
+ * **molecules/field:** Set value prop on changes ([940f61c](https://github.com/ionic-team/stencil-component-starter/commit/940f61c0689c8b8579d4918be765ee8fcd533beb))
40
+ * **molecules/field:** Use correct type for slot ([8602c4c](https://github.com/ionic-team/stencil-component-starter/commit/8602c4c07029dc10c19222b98bbe4ee9c1ec0c95))
41
+ * **molecules/navigation-section:** Rename title to header ([0253a06](https://github.com/ionic-team/stencil-component-starter/commit/0253a06817e79eeb71753e3ac83ff2fe2543578e))
42
+ * **molecules/navigation/section:** Add correct gap between header & content ([ab51d14](https://github.com/ionic-team/stencil-component-starter/commit/ab51d143457d8fa4ea5277bf82e12804b9d8e4c7))
43
+ * **molecules/profile:** Align content to start ([815760e](https://github.com/ionic-team/stencil-component-starter/commit/815760e7b273354242a94d66f781d472726aa040))
44
+ * **molecules/profile:** Align text to the left ([a2ee35d](https://github.com/ionic-team/stencil-component-starter/commit/a2ee35d23ba997988e5eef4f433c9e6f93039bb7))
45
+ * **molecules/profile:** Correct width for profile children ([d3beeeb](https://github.com/ionic-team/stencil-component-starter/commit/d3beeeb9d42f878ad8b76aea6e665d6de2585995))
46
+ * **molecules/profile:** Don't apply padding to button ([b4c0bcd](https://github.com/ionic-team/stencil-component-starter/commit/b4c0bcd6d75baee860dd6276dc765c78011c9a16))
47
+ * **molecules/profile:** Fix stupid dropdown issue ([c527f1b](https://github.com/ionic-team/stencil-component-starter/commit/c527f1b9bb923f837f9b724026377c4ea42c6219))
48
+ * **molecules/profile:** Set title size to sm ([ce3da38](https://github.com/ionic-team/stencil-component-starter/commit/ce3da38b3a7e4f74bc1c476924e5a9b9ac03cfd9))
49
+ * **molecules/select:** Reintroduce class functions for after rebase ([cd3d269](https://github.com/ionic-team/stencil-component-starter/commit/cd3d269d436534da4db8688f5621f82ec639d8a3))
50
+ * **molecules/select:** Use correct event to apply autoComplete ([82478e5](https://github.com/ionic-team/stencil-component-starter/commit/82478e51816a06e07ab556cf570a7b4a001a7978))
51
+ * **molecules/stepper:** Use correct typings for timeout ([70b61de](https://github.com/ionic-team/stencil-component-starter/commit/70b61dea86519d625c60f8fa2d32eb11911b6019))
52
+ * **molecules:** Revert removal of input-group temporarily ([b8a524c](https://github.com/ionic-team/stencil-component-starter/commit/b8a524c655ad1ef838dfba4ac8bb5f153fd96c2c))
53
+ * **organisms/navbar:** Use correct icon for open/close & remove menu text ([eb11d43](https://github.com/ionic-team/stencil-component-starter/commit/eb11d433bfd3a645c42f9fcaeee5e54f254794b8))
54
+
55
+
56
+ ### Features
57
+
58
+ * **atmos:** Add navigation-title component ([2f7043e](https://github.com/ionic-team/stencil-component-starter/commit/2f7043e5ffd109c9e72d15da0e2257ff452bd2c3))
59
+ * **atoms/avatar:** New branding implementation ([2fc2e46](https://github.com/ionic-team/stencil-component-starter/commit/2fc2e461a69a872b423bf79597c983648abfe5fc))
60
+ * **atoms/backdrop:** New branding implementation ([8109501](https://github.com/ionic-team/stencil-component-starter/commit/810950169525106e79197b8904ae66c0062bddab))
61
+ * **atoms/dropdown-menu/container:** New branding implementation ([4e211c3](https://github.com/ionic-team/stencil-component-starter/commit/4e211c306452bc461fa6bb8c85530fc243446e77))
62
+ * **atoms/dropdown-menu/item:** Add negative variant ([50c286e](https://github.com/ionic-team/stencil-component-starter/commit/50c286eb88eb740d1b87f12afb1cee5686e3b680))
63
+ * **atoms/dropdown-menu/item:** New branding implementation ([74ea551](https://github.com/ionic-team/stencil-component-starter/commit/74ea5518bc94eccbc78c6921c4c63d0cde279d0f))
64
+ * **atoms/dropdown-menu/item:** Use p-checkbox instead of p-input ([2c9485a](https://github.com/ionic-team/stencil-component-starter/commit/2c9485ad96a399e2f8acc27673c49b121531454a))
65
+ * **atoms/dropdown/container & item:** Add dark teal variant ([aeb9d8f](https://github.com/ionic-team/stencil-component-starter/commit/aeb9d8ff1ac8d1ec785290c6902c364775877041))
66
+ * **atoms/field:** Add field container component ([7116c4d](https://github.com/ionic-team/stencil-component-starter/commit/7116c4d523a522e9d4edac0afbff9c5c315e4c43))
67
+ * **atoms/helper:** Add hover state ([0fc5813](https://github.com/ionic-team/stencil-component-starter/commit/0fc581348c144c78c03ac482b01492a9d23014c0))
68
+ * **atoms/icon:** New icons and marked old as deprecated ([902d738](https://github.com/ionic-team/stencil-component-starter/commit/902d73823789983a4bb79cf30e1e5ba3dd213086))
69
+ * **atoms/icons:** Add checkmark-thick icon ([943050a](https://github.com/ionic-team/stencil-component-starter/commit/943050ae22154b16a6438b261f9f65b77bf13add))
70
+ * **atoms:** Add badge component ([4319920](https://github.com/ionic-team/stencil-component-starter/commit/4319920d0df2b1a298a42e566e86c8978b0fbbf4))
71
+ * **atoms:** Add checkbox component ([f30acb6](https://github.com/ionic-team/stencil-component-starter/commit/f30acb6937837a84b837a16d64dd35c967b2f9da))
72
+ * **atoms:** Add field component ([46c6ac3](https://github.com/ionic-team/stencil-component-starter/commit/46c6ac33430e0ff48a89bf4f587bcd306820a559))
73
+ * **atoms:** Add radio component ([c72d8f6](https://github.com/ionic-team/stencil-component-starter/commit/c72d8f6e25b867346373db5b9044829c5ef487d2))
74
+ * **atoms:** Add toggle component ([0b8490e](https://github.com/ionic-team/stencil-component-starter/commit/0b8490ea6f7b507b3ff34551ae16822a5ee64e1c))
75
+ * **molecules/button:** Add dropdown variant ([cacc24a](https://github.com/ionic-team/stencil-component-starter/commit/cacc24a261afc2b154428bcb05ea66a66e57c81b))
76
+ * **molecules/button:** New rebranding implementation ([138d777](https://github.com/ionic-team/stencil-component-starter/commit/138d7774adc0a3cd62dfe14196fc906e170a56bc))
77
+ * **molecules/button:** Set active based on property or class ([e745a35](https://github.com/ionic-team/stencil-component-starter/commit/e745a3559723ed37d4275ea0d9e52c0117a6559d))
78
+ * **molecules/calendar:** Auto set correct view on value changes ([67a8840](https://github.com/ionic-team/stencil-component-starter/commit/67a8840c55958f64a1cf927e053acbc0bb1e0285))
79
+ * **molecules/calendar:** Rebranding implementation ([d1cb7b7](https://github.com/ionic-team/stencil-component-starter/commit/d1cb7b706efa572552d12b098250ec280f5f9db4))
80
+ * **molecules/datepicker:** Use native datepicker if available ([e8abdbf](https://github.com/ionic-team/stencil-component-starter/commit/e8abdbf4bbe7cea71fb9303ac63ab57ab3cc1a98))
81
+ * **molecules/dropdown:** New branding implementation ([95ae0a4](https://github.com/ionic-team/stencil-component-starter/commit/95ae0a4af64e7f8ef80fe6f01eabf4477b3d42a5))
82
+ * **molecules/dropdown:** Pass active to button if dropdown is shown ([1ddf272](https://github.com/ionic-team/stencil-component-starter/commit/1ddf272b85d0b980639d75aa3c5cfd91c548df2d))
83
+ * **molecules/field:** Add read variant ([cd71ae1](https://github.com/ionic-team/stencil-component-starter/commit/cd71ae11b297073d04d7d03a8a95f474591f163d))
84
+ * **molecules/field:** Allow for auto focus ([8252eb9](https://github.com/ionic-team/stencil-component-starter/commit/8252eb92090876cae80ef38efc44934e0f7ce164))
85
+ * **molecules/field:** Set value of this.value on prop ([4c40a38](https://github.com/ionic-team/stencil-component-starter/commit/4c40a38a58bd209d802aef8f43d17a381d8654ea))
86
+ * **molecules/label:** Move & apply rebranding to label component ([5f2102d](https://github.com/ionic-team/stencil-component-starter/commit/5f2102d683a8f1b5228c243ec863787b0cba8aba))
87
+ * **molecules/navigation-item:** New branding implementation ([9053d27](https://github.com/ionic-team/stencil-component-starter/commit/9053d277f37b140de71ce2767f4f3e722dce3d89))
88
+ * **molecules/navigation-item:** Set active by class ([b1697b9](https://github.com/ionic-team/stencil-component-starter/commit/b1697b929daa1fe6a396dee41fa60d2d03caa49f))
89
+ * **molecules/navigation/item:** Add loading property ([42ad2c8](https://github.com/ionic-team/stencil-component-starter/commit/42ad2c893525e57a563332f723c81596d825b396))
90
+ * **molecules/profile:** Try to rerender on slot changes ([46f596c](https://github.com/ionic-team/stencil-component-starter/commit/46f596c79b15b7d70995fb2afd8f31b44a4d8699))
91
+ * **molecules/profile:** Use button for profile when dropdown available ([df5c985](https://github.com/ionic-team/stencil-component-starter/commit/df5c98597cbd5dbad3173ac49cba8cfe7d824b2d))
92
+ * **molecules:** Add navigation section component ([1c44c9a](https://github.com/ionic-team/stencil-component-starter/commit/1c44c9a29ce769cfb60d37118dc18ee28844bf2d))
93
+ * New tailwindconfiguration ([13893b9](https://github.com/ionic-team/stencil-component-starter/commit/13893b93a151883a0e7df79d44a2fee3c5110d84))
94
+ * **organisms/navbar:** New branding implementation ([92ee4aa](https://github.com/ionic-team/stencil-component-starter/commit/92ee4aa1a9a80d603867036b14ca52cfa550498d))
95
+ * **utils:** Add is-mobile-browser utility for the future ([2ef7d1f](https://github.com/ionic-team/stencil-component-starter/commit/2ef7d1f8805048e0b8a6cb79fa34ba19e993cfa8))
96
+
97
+
98
+
99
+
100
+
6
101
  ## [2.0.1-beta.35](https://github.com/ionic-team/stencil-component-starter/compare/v2.0.1-beta.34...v2.0.1-beta.35) (2025-04-01)
7
102
 
8
103
 
@@ -601,6 +696,54 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
601
696
 
602
697
 
603
698
 
699
+ ## [1.68.1](https://github.com/ionic-team/stencil-component-starter/compare/v1.68.0...v1.68.1) (2025-04-04)
700
+
701
+
702
+ ### Bug Fixes
703
+
704
+ * **molecules/select:** Add type to autocomplete input so the style is applied ([2468842](https://github.com/ionic-team/stencil-component-starter/commit/2468842fe8669bf85cc9de30d515e5bd1d365f7b))
705
+
706
+
707
+ ### Features
708
+ * **molecules/select:** Add properties to pass portal & strategy to dropdown ([612f8a9](https://github.com/ionic-team/stencil-component-starter/commit/612f8a9127a959cc7b0bfe73b76b5d57fe399c21))
709
+
710
+
711
+
712
+
713
+
714
+ # [1.68.0](https://github.com/ionic-team/stencil-component-starter/compare/v1.67.11...v1.68.0) (2025-04-03)
715
+
716
+
717
+ ### Bug Fixes
718
+
719
+ * **molecules/stepper:** Don't apply `min-h-full` to vertical variant ([aaf756f](https://github.com/ionic-team/stencil-component-starter/commit/aaf756f0b4c1143a6156a78449ad70cd6815009a))
720
+
721
+
722
+
723
+
724
+
725
+ ## [1.67.11](https://github.com/ionic-team/stencil-component-starter/compare/v1.67.10...v1.67.11) (2025-04-03)
726
+
727
+
728
+ ### Bug Fixes
729
+
730
+ * **molecules/select:** apply pagination by default ([c929a6f](https://github.com/ionic-team/stencil-component-starter/commit/c929a6fa29507a7875ea595d3bba23838ea97f8f))
731
+
732
+
733
+
734
+
735
+
736
+ ## [1.67.10](https://github.com/ionic-team/stencil-component-starter/compare/v1.67.9...v1.67.10) (2025-04-03)
737
+
738
+
739
+ ### Bug Fixes
740
+
741
+ * **molecules/select:** Preselect item based off a non-filtered list ([fce7892](https://github.com/ionic-team/stencil-component-starter/commit/fce78925506c025b97724ba09fa618181dcc3a26))
742
+
743
+
744
+
745
+
746
+
604
747
  ## [1.67.9](https://github.com/ionic-team/stencil-component-starter/compare/v1.67.8...v1.67.9) (2025-03-31)
605
748
 
606
749
 
@@ -0,0 +1,2 @@
1
+ import{p as e,b as a}from"./p-45ded510.js";export{s as setNonce}from"./p-45ded510.js";import{g as o}from"./p-e1255160.js";var t=()=>{const a=import.meta.url;const o={};if(a!==""){o.resourcesUrl=new URL(".",a).href}return e(o)};t().then((async e=>{await o();return a(JSON.parse('[["p-f63feca1",[[4,"p-button",{"as":[1],"variant":[1],"active":[4],"underline":[4],"href":[1],"target":[1],"size":[1],"type":[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"],"buttonGroupPosition":[1,"button-group-position"],"class":[1]},[[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-469615ef",[[4,"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"],"rowSelectionLimit":[2,"row-selection-limit"],"enableRowClick":[4,"enable-row-click"],"selectedRows":[16],"enableFloatingMenu":[4,"enable-floating-menu"],"floatingMenuAmountSelectedTemplate":[16],"selectionKey":[1,"selection-key"],"canSelectKey":[1,"can-select-key"],"enableHeader":[4,"enable-header"],"quickFilters":[16],"activeQuickFilterIdentifier":[1,"active-quick-filter-identifier"],"enableSearch":[4,"enable-search"],"query":[1025],"enableFilter":[4,"enable-filter"],"enableFilterDesktop":[4,"enable-filter-desktop"],"selectedFiltersAmount":[2,"selected-filters-amount"],"filterButtonTemplate":[16],"enableAction":[4,"enable-action"],"actionButtonLoading":[4,"action-button-loading"],"actionButtonEnabled":[4,"action-button-enabled"],"actionButtonIcon":[1,"action-button-icon"],"actionButtonText":[1,"action-button-text"],"actionButtonTemplate":[16],"enableFooter":[4,"enable-footer"],"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],"enableEmptyStateAction":[4,"enable-empty-state-action"],"emptyStateFilteredHeader":[16],"emptyStateFilteredContent":[16],"shadow":[4],"_locales":[32],"_columns":[32],"_items":[32],"_enableRowSelection":[32],"_rowSelectionLimit":[32],"_rowActionsFloating":[32],"_rowActionsRow":[32]},[[16,"localeChanged","_setLocales"],[16,"tableDefinitionChanged","onTableDefinitionUpdated"],[4,"keydown","keyDown"],[4,"keyup","keyUp"],[4,"visibilitychange","visibilityChange"],[9,"resize","_setRowSelectionData"]],{"items":["_parseItems"],"enableRowSelection":["_setRowSelectionData"],"rowSelectionLimit":["_setRowSelectionData"],"selectedRows":["_setRowSelectionData"]}]]],["p-b3b50ed2",[[0,"p-select",{"items":[1],"multi":[516],"usePortal":[4,"use-portal"],"strategy":[1],"icon":[1],"query":[1],"placeholder":[1],"autocompletePlaceholder":[1,"autocomplete-placeholder"],"value":[8],"displayKey":[1,"display-key"],"dropdownDisplayKey":[1,"dropdown-display-key"],"selectionDisplayKey":[1,"selection-display-key"],"valueKey":[1,"value-key"],"avatarKey":[1,"avatar-key"],"iconKey":[1,"icon-key"],"showIconInSelectedItem":[1,"show-icon-in-selected-item"],"classKey":[1,"class-key"],"applyClassOnSelectedItem":[1,"apply-class-on-selected-item"],"avatarLettersKey":[1,"avatar-letters-key"],"identifierKey":[1,"identifier-key"],"queryKey":[1,"query-key"],"autoSelectFirst":[4,"auto-select-first"],"showChevron":[4,"show-chevron"],"maxDisplayedItems":[2,"max-displayed-items"],"enableAutocomplete":[4,"enable-autocomplete"],"asyncFilter":[4,"async-filter"],"loading":[4],"enableSelectAll":[4,"enable-select-all"],"selectAllText":[1,"select-all-text"],"selectAllIcon":[1,"select-all-icon"],"size":[1],"prefix":[1],"label":[1],"helper":[1],"required":[516],"error":[513],"disabled":[516],"showAddItem":[4,"show-add-item"],"addItemText":[1,"add-item-text"],"emptyStateText":[1,"empty-state-text"],"_showDropdown":[32],"_selectedItem":[32],"_allSelected":[32],"_amountHidden":[32]},[[6,"click","documentClickHandler"]],{"value":["_valueChange"],"items":["itemChanges"],"_showDropdown":["_showDropdownChanges"],"multi":["multiChanges"]}]]],["p-90ad3605",[[0,"p-datepicker",{"placeholder":[1],"value":[1],"preselectToday":[4,"preselect-today"],"enableNativePicker":[4,"enable-native-picker"],"disabledDates":[1,"disabled-dates"],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"disableWeekends":[4,"disable-weekends"],"mode":[1],"format":[1],"hideIconWhenFilled":[4,"hide-icon-when-filled"],"size":[1],"prefix":[1],"label":[1],"helper":[1],"required":[516],"error":[513],"disabled":[516],"strategy":[1],"placement":[513],"_showDropdown":[32],"_value":[32],"_minDate":[32],"_maxDate":[32],"_disabledDates":[32],"_isMobileBrowser":[32]},[[6,"click","documentClickHandler"]],{"value":["parseValue"],"minDate":["parseMinDate"],"maxDate":["parseMaxDate"],"disabledDates":["parseDisabledDates"]}]]],["p-d48ef748",[[0,"p-pagination",{"hideOnSinglePage":[4,"hide-on-single-page"],"enablePaginationSize":[4,"enable-pagination-size"],"enablePaginationPages":[4,"enable-pagination-pages"],"page":[1538],"total":[2],"pageSize":[2,"page-size"],"pageSizeOptions":[16],"_hasPaginationPages":[32]}]]],["p-d3878a79",[[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"],"padding":[4],"_closing":[32]},[[8,"closeModal","handleCloseModal"]]]]],["p-9a613c80",[[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]},[[8,"closeDrawer","handleCloseDrawer"],[8,"forceCloseDrawer","handleForceCloseDrawer"]]]]],["p-290d04b0",[[1,"p-attachment",{"mode":[1],"loading":[4],"error":[1],"downloading":[4]}]]],["p-eee199d1",[[4,"p-profile",{"dropdownLocation":[1,"dropdown-location"],"_dropdownOpen":[32],"_hasDropdownSlot":[32]},[[0,"slotchange","slotchange"]]]]],["p-333f614e",[[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],"forceShowTooltip":[516,"force-show-tooltip"],"focusMethod":[1,"focus-method"],"errorVariant":[1,"error-variant"],"_forceShowTooltip":[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]]]]],["p-d70fcbe8",[[1,"p-navbar",{"_show":[32]},[[8,"closeNavbar","handleCloseNavbar"],[8,"openNavbar","handleOpenNavbar"]]]]],["p-f9ffc928",[[4,"p-navigation-item",{"icon":[1],"active":[4],"loading":[4],"as":[1],"counter":[8],"href":[1],"target":[1],"class":[1]}]]],["p-f2f904e6",[[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-93198497",[[1,"p-accordion",{"header":[1],"open":[4],"closeable":[4],"openable":[4]}]]],["p-f13ad23e",[[4,"p-card-header",{"header":[1],"arrow":[4]}]]],["p-f4cdabb7",[[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-657c6b98",[[1,"p-cropper",{"variant":[513],"value":[8],"returnType":[1,"return-type"],"_loaded":[32],"_currentScale":[32]},[[9,"resize","onResize"]]]]],["p-e987ba3f",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["p-7ad7c0d1",[[1,"p-label",{"variant":[513],"iconOnly":[516,"icon-only"],"icon":[513],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"keepMobileContent":[516,"keep-mobile-content"]}]]],["p-28dbbce6",[[4,"p-navigation-section",{"header":[1]}]]],["p-58e6f012",[[4,"p-status",{"variant":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-6db4ca89",[[1,"p-stepper",{"activeStep":[2,"active-step"],"enableAutoStatus":[4,"enable-auto-status"],"direction":[513],"contentPosition":[513,"content-position"]},null,{"activeStep":["_onActiveStepChange"]}]]],["p-4364738a",[[1,"p-stepper-item",{"align":[513],"direction":[513],"contentPosition":[513,"content-position"],"finished":[516],"active":[516]}]]],["p-f1a6c8ff",[[1,"p-tab-group"]]],["p-4f947801",[[4,"p-avatar-group",{"extra":[2]}]]],["p-4553a1af",[[1,"p-button-group",{"size":[1]},[[0,"slotchange","slotchange"]]]]],["p-691c6f90",[[4,"p-card-body",{"inheritText":[516,"inherit-text"]}]]],["p-dbd97dff",[[1,"p-card-container",{"hoverable":[516],"shadow":[516]}]]],["p-db29f690",[[1,"p-counter",{"variant":[1],"size":[1]}]]],["p-8532d17f",[[1,"p-iban-icon",{"iban":[513],"variant":[513]}]]],["p-ef42fec9",[[0,"p-icon-deprecated",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]],["p-a133d5be",[[1,"p-layout",{"variant":[1]}]]],["p-ff6356cb",[[4,"p-radio",{"value":[1],"disabled":[516],"required":[516],"id":[513],"name":[513],"checked":[516],"_nonce":[32]}]]],["p-a42897e9",[[1,"p-tab-item",{"active":[4]}]]],["p-adcded4d",[[0,"p-table-column",{"path":[1537],"type":[1537],"name":[1537],"useSlot":[1540,"use-slot"],"hasCheckbox":[1540,"has-checkbox"],"align":[1537],"isLast":[1040],"parsedSizes":[1040],"sizes":[1032]}]]],["p-7aecc5f3",[[0,"p-table-row-action",{"type":[1537],"icon":[1],"iconOnly":[4,"icon-only"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"label":[1],"action":[16],"disabled":[4],"loading":[4],"showFunction":[16]}]]],["p-27fd3386",[[1,"p-toast-container",{"placement":[1]}]]],["p-60f4b734",[[4,"p-toggle",{"checked":[4],"indeterminate":[4],"disabled":[516],"required":[516],"id":[513],"name":[513],"_nonce":[32]}]]],["p-8c8128f9",[[0,"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]},null,{"value":["_parseValue"],"minDate":["_parseMinDate"],"maxDate":["_parseMaxDate"],"disabledDates":["_parseDisabledDates"]}]]],["p-dc536eb2",[[0,"p-avatar",{"size":[513],"defaultImage":[1,"default-image"],"src":[1],"letters":[1],"_src":[32],"_failed":[32]},null,{"src":["onSrchChange"]}]]],["p-8a4f08d0",[[1,"p-navigation-title"]]],["p-11fbeb45",[[1,"p-slider-indicator",{"active":[4]}]]],["p-7a83597a",[[1,"p-stepper-line",{"active":[516],"direction":[513]}]]],["p-59962e55",[[1,"p-input-error",{"error":[1],"forceShowTooltip":[4,"force-show-tooltip"],"_showTooltip":[32]}]]],["p-38c20959",[[1,"p-drawer-header",{"showClose":[4,"show-close"]}],[1,"p-drawer-body",{"variant":[1]}],[4,"p-drawer-container",{"closing":[4]}]]],["p-4443e4e5",[[4,"p-backdrop",{"variant":[1],"applyBlur":[4,"apply-blur"],"closing":[4],"scrollLock":[4,"scroll-lock"],"class":[1]},[[2,"click","handleClick"]]]]],["p-1a1c03c0",[[1,"p-modal-header",{"showClose":[4,"show-close"]}],[1,"p-modal-footer"],[1,"p-modal-body",{"variant":[1],"roundedBottom":[4,"rounded-bottom"],"roundedTop":[4,"rounded-top"],"padding":[4]}],[4,"p-modal-container",{"size":[1],"closing":[4]}]]],["p-3bd145fd",[[4,"p-segment-item",{"active":[4],"iconOnly":[4,"icon-only"],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}],[4,"p-segment-container"],[4,"p-badge"]]],["p-f233341a",[[1,"p-divider",{"variant":[513]}]]],["p-711bb72e",[[4,"p-dropdown-menu-container",{"variant":[1],"maxWidth":[4,"max-width"],"class":[1],"fullWidth":[4,"full-width"],"allowOverflow":[4,"allow-overflow"],"scrollable":[8]}]]],["p-28ee6cd6",[[4,"p-portal"]]],["p-549b2931",[[1,"p-field",{"variant":[1],"size":[1],"type":[1],"properties":[8],"prefix":[1],"suffix":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"iconPosition":[1,"icon-position"],"value":[1],"label":[1],"placeholder":[1],"helper":[1],"required":[516],"autofocus":[516],"error":[513],"errorPlacement":[1,"error-placement"],"disabled":[516],"focused":[516],"forceShowTooltip":[516,"force-show-tooltip"],"selectAllOnFocus":[516,"select-all-on-focus"],"focusMethod":[1,"focus-method"],"optionalTemplate":[16],"_focused":[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]]],[1,"p-field-container",{"label":[1],"variant":[1],"helper":[1],"required":[516],"error":[513],"errorPlacement":[1,"error-placement"],"forceShowTooltip":[516,"force-show-tooltip"],"optionalTemplate":[16],"_locales":[32]},[[16,"localeChanged","_setLocales"]]]]],["p-dc8258c0",[[4,"p-checkbox",{"checked":[4],"indeterminate":[4],"disabled":[516],"required":[516],"id":[513],"name":[513],"_nonce":[32]}],[4,"p-dropdown",{"variant":[1],"placement":[513],"offset":[2],"strategy":[1],"show":[4],"usePortal":[4,"use-portal"],"calculateWidth":[4,"calculate-width"],"applyMaxWidth":[4,"apply-max-width"],"applyFullWidth":[4,"apply-full-width"],"allowOverflow":[4,"allow-overflow"],"scrollable":[8],"insideClick":[4,"inside-click"],"disableTriggerClick":[4,"disable-trigger-click"],"applyChevron":[4,"apply-chevron"],"chevronPosition":[1,"chevron-position"],"chevronDirection":[1,"chevron-direction"]},[[6,"click","documentClickHandler"]],{"show":["onShowChange"]}]]],["p-a9a85ce4",[[1,"p-pagination-size",{"size":[1538],"sizeOptions":[16],"itemTemplate":[16],"hidden":[4],"dropdownIsOpen":[32],"_locales":[32]},[[16,"localeChanged","_setLocales"]]],[0,"p-pagination-pages",{"page":[1538],"pageSize":[2,"page-size"],"hideOnSinglePage":[4,"hide-on-single-page"],"total":[2]},null,{"page":["pageChangeHandler"],"pageSize":["pageChangeHandler"],"total":["pageChangeHandler"]}],[4,"p-pagination-pages-item",{"variant":[1],"active":[4],"hover":[4],"disabled":[4]}],[4,"p-dropdown-menu-item",{"active":[4],"checkbox":[4],"variant":[1],"enableHover":[4,"enable-hover"],"disabled":[4],"icon":[1],"useContainer":[4,"use-container"]}]]],["p-5e139fea",[[1,"p-helper",{"strategy":[1],"placement":[1]}],[1,"p-tooltip",{"variant":[1],"content":[8],"placement":[1],"offset":[2],"strategy":[1],"enableUserInput":[4,"enable-user-input"],"show":[4],"usePortal":[4,"use-portal"],"canManuallyClose":[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]],{"show":["onShowChange"]}]]],["p-c55ee8d6",[[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"],"enableFilterDesktop":[4,"enable-filter-desktop"],"selectedFiltersAmount":[2,"selected-filters-amount"],"filterButtonTemplate":[16],"enableAction":[4,"enable-action"],"actionLoading":[4,"action-loading"],"actionIcon":[1,"action-icon"],"actionText":[1,"action-text"],"canUseAction":[1028,"can-use-action"],"actionButtonTemplate":[16],"_locales":[32]},[[16,"localeChanged","_setLocales"]]],[1,"p-floating-menu-container",{"usedInTable":[4,"used-in-table"],"enableAmountSelected":[4,"enable-amount-selected"],"amount":[2],"enableClose":[4,"enable-close"],"amountSelectedTemplate":[16],"_locales":[32]},[[16,"localeChanged","_setLocales"]]],[4,"p-floating-menu-item",{"hover":[516],"disabled":[516],"loading":[4],"icon":[1],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}],[4,"p-table-cell",{"variant":[1],"index":[2],"rowIndex":[2,"row-index"],"definition":[16],"item":[8],"value":[8],"tableHasActions":[4,"table-has-actions"],"checkbox":[8],"template":[16]}],[1,"p-table-row",{"variant":[1],"enableHover":[4,"enable-hover"]}],[0,"p-illustration",{"variant":[1]}],[1,"p-table-container",{"shadow":[4]}]]]]'),e)}));
2
+ //# sourceMappingURL=paperless.esm.js.map
@@ -0,0 +1,2 @@
1
+ import{r as t,c as r,h as e,H as a}from"./p-45ded510.js";import{c as o}from"./p-8a5b8196.js";import{n as i}from"./p-c605a1c1.js";import"./p-8a1a6e56.js";const n="*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-\\[1px\\]{left:1px!important}.left-\\[2px\\]{left:2px!important}.top-1\\/2{top:50%!important}.m-0{margin:0!important}.flex{display:flex!important}.h-3{height:.75rem!important}.h-4{height:1rem!important}.h-\\[14px\\]{height:14px!important}.w-3{width:.75rem!important}.w-8{width:2rem!important}.w-\\[14px\\]{width:14px!important}.flex-shrink-0{flex-shrink:0!important}.-translate-y-1\\/2{--tw-translate-y:-50%!important}.-translate-y-1\\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.appearance-none{appearance:none!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-black-teal-50{--tw-border-opacity:1!important;border-color:rgb(230 234 233/var(--tw-border-opacity,1))!important}.bg-black-teal-100{--tw-bg-opacity:1!important;background-color:rgb(205 212 211/var(--tw-bg-opacity,1))!important}.bg-black-teal-50{--tw-bg-opacity:1!important;background-color:rgb(230 234 233/var(--tw-bg-opacity,1))!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-black-teal\\/10{--tw-ring-color:rgba(3,42,36,.1)!important}.transition-all{transition-duration:.15s!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.after\\:h-1:after{content:var(--tw-content)!important;height:.25rem!important}.after\\:w-1:after{content:var(--tw-content)!important;width:.25rem!important}.after\\:rounded-full:after{border-radius:9999px!important;content:var(--tw-content)!important}.after\\:bg-supportive-lilac-800:after{--tw-bg-opacity:1!important;background-color:rgb(189 140 255/var(--tw-bg-opacity,1))!important;content:var(--tw-content)!important}.after\\:transition-all:after{content:var(--tw-content)!important;transition-duration:.15s!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.after\\:content-\\[\\]:after{--tw-content:!important;content:var(--tw-content)!important}.checked\\:border-black-teal\\/20:checked{border-color:rgba(3,42,36,.2)!important}.checked\\:bg-supportive-lilac:checked{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.checked\\:ring-2:checked{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.checked\\:ring-supportive-lilac-100:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.hover\\:border-black-teal-100:hover{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.hover\\:bg-supportive-lilac-100:hover{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.checked\\:hover\\:border-black-teal\\/20:hover:checked{border-color:rgba(3,42,36,.2)!important}.checked\\:hover\\:bg-supportive-lilac-700:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.group:hover .group-hover\\:w-\\[18px\\]{width:18px!important}.group:hover .group-hover\\:after\\:w-2:after{content:var(--tw-content)!important;width:.5rem!important}.peer:checked~.peer-checked\\:left-full{left:100%!important}.peer:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+1px\\)\\]{--tw-translate-x:calc(-100% - 1px)!important}.peer:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+1px\\)\\],.peer:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+2px\\)\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.peer:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+2px\\)\\]{--tw-translate-x:calc(-100% - 2px)!important}.peer:checked~.peer-checked\\:bg-black-teal-200{--tw-bg-opacity:1!important;background-color:rgb(154 170 167/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:after\\:content-\\[\\'\\'\\]:after{--tw-content:\"\"!important;content:var(--tw-content)!important}";const c=n;const p=o(["peer appearance-none m-0 outline-none flex-shrink-0","border border-inset border-solid ","rounded-full w-8 h-4"],{variants:{disabled:{false:["cursor-pointer shadow-1","bg-black-teal-50 border-black-teal-100","hover:bg-supportive-lilac-100 hover:border-black-teal-100","checked:bg-supportive-lilac checked:border-black-teal/20","checked:ring-2 checked:ring-supportive-lilac-100","checked:hover:bg-supportive-lilac-700 checked:hover:border-black-teal/20"],true:"bg-white-600 border-black-teal-50 cursor-not-allowed "}}});const s=o(["flex items-center justify-center","rounded-full transition-all ","absolute top-1/2 peer-checked:left-full transform -translate-y-1/2 pointer-events-none"],{variants:{disabled:{false:["bg-white ring-1 ring-black-teal/10","left-[1px] peer-checked:-translate-x-[calc(100%+1px)]","after:content-[] peer-checked:after:content-[''] after:bg-supportive-lilac-800 after:rounded-full after:transition-all","w-[14px] h-[14px] group-hover:w-[18px]","after:w-1 after:h-1 group-hover:after:w-2"],true:["bg-black-teal-100 peer-checked:bg-black-teal-200","left-[2px] peer-checked:-translate-x-[calc(100%+2px)]","w-3 h-3"]}}});const l=class{constructor(e){t(this,e);this.checkedChange=r(this,"checkedChange",7);this.indeterminateChange=r(this,"indeterminateChange",7);this.checked=undefined;this.indeterminate=undefined;this.disabled=false;this.required=true;this.id=undefined;this.name=undefined;this._nonce=i(5)}checkedChange;indeterminateChange;render(){return e(a,{key:"af914441aaa48a4ae3b5b962cf85d47480ffad83",class:"p-checkbox"},e("label",{key:"83d44d8292c5f0d82b1f0a0561e8906ae057d74c",htmlFor:this.id??this._nonce,class:"flex items-center justify-start gap-2 text-black-teal"},e("div",{key:"a40171d14d2c82e2f0c04c27c0eb092850589bd1",class:"group relative flex flex-shrink-0 items-center"},e("input",{key:"b056cad8a4e5764bdbab0875a88bbf07c6ff3d09",class:p({disabled:this.disabled}),type:"checkbox",id:this.id??this._nonce,name:this.name,required:this.required,checked:!!this.checked,indeterminate:this.indeterminate,disabled:this.disabled,onChange:t=>this._onChange(t)}),e("div",{key:"9c0fd9118fdec489c4eaa1a202e26d4199ee9be7",class:s({disabled:this.disabled})})),e("slot",{key:"d2cdec166bbf1e2f4b8ec6dc06342cb8051933d1"})))}_onChange(t){if(this.disabled){t.preventDefault();return}const r=t.target.checked;const e=t.target.indeterminate;if(r!=this.checked){this.checked=r;this.checkedChange.emit(r)}if(e!=this.indeterminate){this.indeterminate=e;this.indeterminateChange.emit(e)}}};l.style=c;export{l as p_toggle};
2
+ //# sourceMappingURL=p-60f4b734.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["toggleComponentCss","PToggleStyle0","checkbox","cva","variants","disabled","false","true","circle","Toggle","nonce","checkedChange","indeterminateChange","render","h","Host","key","class","htmlFor","this","id","_nonce","type","name","required","checked","indeterminate","onChange","ev","_onChange","preventDefault","target","emit"],"sources":["src/components/atoms/toggle/toggle.component.css?tag=p-toggle","src/components/atoms/toggle/toggle.component.tsx"],"sourcesContent":[null,"import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tHost,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { nonce } from '../../../utils/nonce';\n\nconst checkbox = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'border border-inset border-solid ',\n\t\t'rounded-full w-8 h-4',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-black-teal-50 border-black-teal-100',\n\t\t\t\t\t'hover:bg-supportive-lilac-100 hover:border-black-teal-100',\n\t\t\t\t\t'checked:bg-supportive-lilac checked:border-black-teal/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-supportive-lilac-100',\n\t\t\t\t\t'checked:hover:bg-supportive-lilac-700 checked:hover:border-black-teal/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-black-teal-50 cursor-not-allowed ',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst circle = cva(\n\t[\n\t\t'flex items-center justify-center',\n\t\t'rounded-full transition-all ',\n\t\t'absolute top-1/2 peer-checked:left-full transform -translate-y-1/2 pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'bg-white ring-1 ring-black-teal/10',\n\t\t\t\t\t'left-[1px] peer-checked:-translate-x-[calc(100%+1px)]',\n\t\t\t\t\t\"after:content-[] peer-checked:after:content-[''] after:bg-supportive-lilac-800 after:rounded-full after:transition-all\",\n\t\t\t\t\t'w-[14px] h-[14px] group-hover:w-[18px]',\n\t\t\t\t\t'after:w-1 after:h-1 group-hover:after:w-2',\n\t\t\t\t],\n\t\t\t\ttrue: [\n\t\t\t\t\t'bg-black-teal-100 peer-checked:bg-black-teal-200',\n\t\t\t\t\t'left-[2px] peer-checked:-translate-x-[calc(100%+2px)]',\n\t\t\t\t\t'w-3 h-3',\n\t\t\t\t],\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-toggle',\n\tstyleUrl: 'toggle.component.css',\n})\nexport class Toggle {\n\t/**\n\t * Wether the checkbox is checked\n\t */\n\t@Prop() checked: boolean;\n\n\t/**\n\t * Wether the checkbox is in indeterminate state\n\t */\n\t@Prop() indeterminate: boolean;\n\n\t/**\n\t * Wether the checkbox is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the checkbox is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the checkbox button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the checkbox button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\t/**\n\t * Event whenever the indeterminate changes\n\t */\n\t@Event() indeterminateChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-checkbox'>\n\t\t\t\t<label\n\t\t\t\t\thtmlFor={this.id ?? this._nonce}\n\t\t\t\t\tclass='flex items-center justify-start gap-2 text-black-teal'\n\t\t\t\t>\n\t\t\t\t\t<div class='group relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclass={checkbox({\n\t\t\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\ttype='checkbox'\n\t\t\t\t\t\t\tid={this.id ?? this._nonce}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\tchecked={!!this.checked}\n\t\t\t\t\t\t\tindeterminate={this.indeterminate}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={circle({\n\t\t\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t></div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</label>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (this.disabled) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = (ev.target as HTMLInputElement).checked;\n\t\tconst indeterminate = (ev.target as HTMLInputElement).indeterminate;\n\n\t\tif (checked != this.checked) {\n\t\t\tthis.checked = checked;\n\t\t\tthis.checkedChange.emit(checked);\n\t\t}\n\n\t\tif (indeterminate != this.indeterminate) {\n\t\t\tthis.indeterminate = indeterminate;\n\t\t\tthis.indeterminateChange.emit(indeterminate);\n\t\t}\n\t}\n}\n"],"mappings":"yJAAA,MAAMA,EAAqB,4yLAC3B,MAAAC,EAAeD,ECWf,MAAME,EAAWC,EAChB,CACC,sDACA,oCACA,wBAED,CACCC,SAAU,CACTC,SAAU,CACTC,MAAO,CACN,0BACA,yCACA,4DACA,2DACA,mDACA,4EAEDC,KAAM,4DAMV,MAAMC,EAASL,EACd,CACC,mCACA,+BACA,4FAED,CACCC,SAAU,CACTC,SAAU,CACTC,MAAO,CACN,qCACA,wDACA,0HACA,yCACA,6CAEDC,KAAM,CACL,mDACA,wDACA,e,MAWQE,EAAM,M,iMAc2B,M,cAKA,K,kDAqBnBC,EAAM,E,CANvBC,cAIAC,oBAIT,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,cACXH,EAAA,SAAAE,IAAA,2CACCE,QAASC,KAAKC,IAAMD,KAAKE,OACzBJ,MAAM,yDAENH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,kDACVH,EAAA,SAAAE,IAAA,2CACCC,MAAOf,EAAS,CACfG,SAAUc,KAAKd,WAEhBiB,KAAK,WACLF,GAAID,KAAKC,IAAMD,KAAKE,OACpBE,KAAMJ,KAAKI,KACXC,SAAUL,KAAKK,SACfC,UAAWN,KAAKM,QAChBC,cAAeP,KAAKO,cACpBrB,SAAUc,KAAKd,SACfsB,SAAUC,GAAMT,KAAKU,UAAUD,KAEhCd,EAAA,OAAAE,IAAA,2CACCC,MAAOT,EAAO,CACbH,SAAUc,KAAKd,cAIlBS,EAAA,QAAAE,IAAA,8C,CAMI,SAAAa,CAAUD,GACjB,GAAIT,KAAKd,SAAU,CAClBuB,EAAGE,iBACH,M,CAGD,MAAML,EAAWG,EAAGG,OAA4BN,QAChD,MAAMC,EAAiBE,EAAGG,OAA4BL,cAEtD,GAAID,GAAWN,KAAKM,QAAS,CAC5BN,KAAKM,QAAUA,EACfN,KAAKR,cAAcqB,KAAKP,E,CAGzB,GAAIC,GAAiBP,KAAKO,cAAe,CACxCP,KAAKO,cAAgBA,EACrBP,KAAKP,oBAAoBoB,KAAKN,E","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as t,g as e,h as i,H as s}from"./p-45ded510.js";const r=".flex{display:flex!important}.h-auto{height:auto!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}*{box-sizing:border-box}:host{display:flex}:host([direction=horizontal]){align-items:flex-end;height:auto}:host([direction=vertical]){align-items:flex-start;flex-direction:column;flex-wrap:wrap;width:100%}:host([direction=vertical][content-position=start]){align-items:flex-end}.static{position:static!important}";const n=r;const o=class{constructor(e){t(this,e);this.activeStep=1;this.enableAutoStatus=true;this.direction="horizontal";this.contentPosition="end"}get _el(){return e(this)}_generateTimeout;_resizeObserver;_generateStepsOnce=()=>{if(this._generateTimeout){clearTimeout(this._generateTimeout);this._generateTimeout=null}this._generateTimeout=setTimeout((()=>this._generateSteps()),50)};_generateSteps=async()=>{if(!this._el){return}let t=this.activeStep-1||0;const e=this._el.querySelectorAll("p-stepper-item");let i=false;for(let s=0;s<e?.length;s++){const r=e.item(s);if(this.enableAutoStatus){r.active=s===t;r.finished=s<t}if(!this.activeStep||t<0){if(r.active){t=s}if(t<0&&r.finished){t=s+1}}if(r.direction!==this.direction&&!i){i=true}r.direction=this.direction;r.align=this.direction==="vertical"?"start":s===0?"start":s===e?.length-1?"end":"center";r.contentPosition=this.contentPosition}if(i){await new Promise((t=>setTimeout(t,200)))}for(let i=0;i<e?.length;i++){const s=e.item(i);if(i<e.length-1){let e=s.nextElementSibling;if(e&&e.tagName.toLowerCase()==="p-stepper-item"){const r=document.createElement("p-stepper-line");this._el.insertBefore(r,e);this._setStepperLineData(r,s,e,i,t);const n=r.previousElementSibling;if(n&&n.tagName.toLowerCase()==="p-stepper-line"){n.remove()}continue}if(e&&e.tagName.toLowerCase()==="p-stepper-line"){const r=e;e=e.nextElementSibling;if(e&&e.tagName.toLowerCase()==="p-stepper-item"){this._setStepperLineData(r,s,e,i,t)}}}if(i>0){const t=s.previousElementSibling;if(t&&t.tagName.toLowerCase()==="p-stepper-line"){t.direction=this.direction;t.active=s.active||s.finished}}}const s=this._el.querySelectorAll("p-stepper-line:not(:has(+ p-stepper-item)), p-stepper-line:first-child");for(let t=s.length-1;t>=0;t--){const e=s.item(t);e.remove()}};_setStepperLineData=(t,e,i,s,r)=>{const n=e.clientHeight/2;const o=i.clientHeight/2;t.direction=this.direction;t.active=s<r;if(n>0&&this.direction==="vertical"){t.style.marginTop=`-${n/16}rem`;t.style.marginBottom=`-${o/16}rem`;t.style.minHeight=`calc(1rem + ${(n+o)/16}rem)`}};componentDidLoad(){this._resizeObserver=new ResizeObserver((()=>this._generateStepsOnce()));this._resizeObserver.observe(this._el)}disconnectCallback(){if(this._resizeObserver){this._resizeObserver.disconnect()}}render(){return i(s,{key:"ea1674841729093f8c7c93a22362efcb9fe7a410",class:"p-stepper"},i("slot",{key:"bda39ed6b0ee781f9edd0ff5150521feb77bceb2",onSlotchange:()=>this._generateStepsOnce()}))}_onActiveStepChange(){this._generateStepsOnce()}static get watchers(){return{activeStep:["_onActiveStepChange"]}}};o.style=n;export{o as p_stepper};
2
+ //# sourceMappingURL=p-6db4ca89.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["stepperComponentCss","PStepperStyle0","Stepper","_generateTimeout","_resizeObserver","_generateStepsOnce","this","clearTimeout","setTimeout","_generateSteps","async","_el","activeStep","items","querySelectorAll","directionChanged","i","length","item","enableAutoStatus","active","finished","direction","align","contentPosition","Promise","resolve","nextItem","nextElementSibling","tagName","toLowerCase","stepperLine","document","createElement","insertBefore","_setStepperLineData","previous","previousElementSibling","remove","previousItem","lines","j","line","heightDiff","clientHeight","heightDiffNext","style","marginTop","marginBottom","minHeight","componentDidLoad","ResizeObserver","observe","disconnectCallback","disconnect","render","h","Host","key","class","onSlotchange","_onActiveStepChange"],"sources":["src/components/molecules/stepper/stepper.component.scss?tag=p-stepper&encapsulation=shadow","src/components/molecules/stepper/stepper.component.tsx"],"sourcesContent":[":host {\n\t@apply flex;\n}\n\n:host([direction='horizontal']) {\n\t@apply h-auto items-end;\n}\n\n:host([direction='vertical']) {\n\t@apply flex-col flex-wrap items-start;\n\t@apply w-full;\n}\n\n:host([direction='vertical'][content-position='start']) {\n\t@apply items-end;\n}\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core';\n\n@Component({\n\ttag: 'p-stepper',\n\tstyleUrl: 'stepper.component.scss',\n\tshadow: true,\n})\nexport class Stepper {\n\t/**\n\t * The currently active step\n\t */\n\t@Prop() activeStep: number = 1;\n\n\t/**\n\t * Wether to automatically apply active & finished to items\n\t */\n\t@Prop() enableAutoStatus: boolean = true;\n\n\t/**\n\t * The direction of the stepper\n\t */\n\t@Prop({ reflect: true }) direction: 'horizontal' | 'vertical' = 'horizontal';\n\n\t/**\n\t * The position of the content in case of vertical direction\n\t */\n\t@Prop({ reflect: true }) contentPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _generateTimeout: NodeJS.Timeout | undefined;\n\tprivate _resizeObserver: ResizeObserver;\n\n\tprivate _generateStepsOnce = () => {\n\t\tif (this._generateTimeout) {\n\t\t\tclearTimeout(this._generateTimeout);\n\t\t\tthis._generateTimeout = null;\n\t\t}\n\n\t\tthis._generateTimeout = setTimeout(() => this._generateSteps(), 50);\n\t};\n\n\tprivate _generateSteps = async () => {\n\t\tif (!this._el) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet activeStep = this.activeStep - 1 || 0;\n\t\tconst items = this._el.querySelectorAll('p-stepper-item');\n\n\t\tlet directionChanged = false;\n\t\tfor (let i = 0; i < items?.length; i++) {\n\t\t\tconst item = items.item(i) as any;\n\n\t\t\tif (this.enableAutoStatus) {\n\t\t\t\titem.active = i === activeStep;\n\t\t\t\titem.finished = i < activeStep;\n\t\t\t}\n\n\t\t\tif (!this.activeStep || activeStep < 0) {\n\t\t\t\tif (item.active) {\n\t\t\t\t\tactiveStep = i;\n\t\t\t\t}\n\n\t\t\t\tif (activeStep < 0 && item.finished) {\n\t\t\t\t\tactiveStep = i + 1;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (item.direction !== this.direction && !directionChanged) {\n\t\t\t\tdirectionChanged = true;\n\t\t\t}\n\n\t\t\titem.direction = this.direction;\n\t\t\titem.align =\n\t\t\t\tthis.direction === 'vertical'\n\t\t\t\t\t? 'start'\n\t\t\t\t\t: i === 0\n\t\t\t\t\t? 'start'\n\t\t\t\t\t: i === items?.length - 1\n\t\t\t\t\t? 'end'\n\t\t\t\t\t: 'center';\n\t\t\titem.contentPosition = this.contentPosition;\n\t\t}\n\n\t\tif (directionChanged) {\n\t\t\t// super hacky way to ensure all elements that have a direction changed are re-rendered\n\t\t\tawait new Promise(resolve => setTimeout(resolve, 200));\n\t\t}\n\n\t\tfor (let i = 0; i < items?.length; i++) {\n\t\t\tconst item = items.item(i) as any;\n\n\t\t\tif (i < items.length - 1) {\n\t\t\t\tlet nextItem = item.nextElementSibling;\n\n\t\t\t\tif (nextItem && nextItem.tagName.toLowerCase() === 'p-stepper-item') {\n\t\t\t\t\tconst stepperLine = document.createElement('p-stepper-line');\n\t\t\t\t\tthis._el.insertBefore(stepperLine, nextItem);\n\t\t\t\t\tthis._setStepperLineData(stepperLine, item, nextItem, i, activeStep);\n\n\t\t\t\t\tconst previous = stepperLine.previousElementSibling;\n\t\t\t\t\tif (previous && previous.tagName.toLowerCase() === 'p-stepper-line') {\n\t\t\t\t\t\tprevious.remove();\n\t\t\t\t\t}\n\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tif (nextItem && nextItem.tagName.toLowerCase() === 'p-stepper-line') {\n\t\t\t\t\tconst stepperLine = nextItem;\n\t\t\t\t\tnextItem = nextItem.nextElementSibling;\n\n\t\t\t\t\tif (nextItem && nextItem.tagName.toLowerCase() === 'p-stepper-item') {\n\t\t\t\t\t\tthis._setStepperLineData(\n\t\t\t\t\t\t\tstepperLine,\n\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\tnextItem,\n\t\t\t\t\t\t\ti,\n\t\t\t\t\t\t\tactiveStep\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (i > 0) {\n\t\t\t\tconst previousItem = item.previousElementSibling;\n\t\t\t\tif (\n\t\t\t\t\tpreviousItem &&\n\t\t\t\t\tpreviousItem.tagName.toLowerCase() === 'p-stepper-line'\n\t\t\t\t) {\n\t\t\t\t\tpreviousItem.direction = this.direction;\n\t\t\t\t\tpreviousItem.active = item.active || item.finished;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tconst lines = this._el.querySelectorAll(\n\t\t\t'p-stepper-line:not(:has(+ p-stepper-item)), p-stepper-line:first-child'\n\t\t);\n\t\tfor (let j = lines.length - 1; j >= 0; j--) {\n\t\t\tconst line = lines.item(j);\n\t\t\tline.remove();\n\t\t}\n\t};\n\n\tprivate _setStepperLineData = (\n\t\tstepperLine: HTMLPStepperLineElement,\n\t\titem: HTMLPStepperItemElement,\n\t\tnextItem: HTMLPStepperItemElement,\n\t\ti: number,\n\t\tactiveStep: number\n\t) => {\n\t\tconst heightDiff = item.clientHeight / 2;\n\t\tconst heightDiffNext = nextItem.clientHeight / 2;\n\n\t\tstepperLine.direction = this.direction;\n\t\tstepperLine.active = i < activeStep;\n\n\t\tif (heightDiff > 0 && this.direction === 'vertical') {\n\t\t\tstepperLine.style.marginTop = `-${heightDiff / 16}rem`;\n\t\t\tstepperLine.style.marginBottom = `-${heightDiffNext / 16}rem`;\n\t\t\tstepperLine.style.minHeight = `calc(1rem + ${\n\t\t\t\t(heightDiff + heightDiffNext) / 16\n\t\t\t}rem)`;\n\t\t}\n\t};\n\n\tcomponentDidLoad() {\n\t\tthis._resizeObserver = new ResizeObserver(() => this._generateStepsOnce());\n\t\tthis._resizeObserver.observe(this._el);\n\t}\n\n\tdisconnectCallback() {\n\t\tif (this._resizeObserver) {\n\t\t\tthis._resizeObserver.disconnect();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-stepper'>\n\t\t\t\t<slot onSlotchange={() => this._generateStepsOnce()} />\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Watch('activeStep')\n\tprotected _onActiveStepChange() {\n\t\tthis._generateStepsOnce();\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as t,h as e,H as a,c as i,g as r}from"./p-45ded510.js";import{c as o}from"./p-8a5b8196.js";import{f as n,g as s}from"./p-f26a3049.js";import{d as l,a as p}from"./p-83946184.js";import"./p-8a1a6e56.js";const c="*{box-sizing:border-box}.static{position:static!important}.block{display:block!important}.flex{display:flex!important}.h-8{height:2rem!important}.w-full{width:100%!important}.max-w-full{max-width:100%!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-lg{border-radius:.5rem!important}.bg-dark-teal-400{--tw-bg-opacity:1!important;background-color:rgb(51 116 109/var(--tw-bg-opacity,1))!important}.bg-negative-red-100{--tw-bg-opacity:1!important;background-color:rgb(255 221 221/var(--tw-bg-opacity,1))!important}.bg-negative-red-50{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-start{text-align:start!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-200{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-dark-teal-100{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}.text-negative-red{--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.text-negative-red-100{--tw-text-opacity:1!important;color:rgb(255 221 221/var(--tw-text-opacity,1))!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.opacity-40{opacity:.4!important}.hover\\:bg-dark-teal-400:hover{--tw-bg-opacity:1!important;background-color:rgb(51 116 109/var(--tw-bg-opacity,1))!important}.hover\\:bg-negative-red-50:hover{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.hover\\:bg-supportive-lilac-50:hover{--tw-bg-opacity:1!important;background-color:rgb(250 247 255/var(--tw-bg-opacity,1))!important}.group:hover .group-hover\\:text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";const d=c;const g=o(["p-dropdown-menu-item flex px-2 py-1 gap-2 text-sm font-medium group rounded-lg items-center h-8 max-w-full"],{variants:{variant:{default:null,"dark-teal":null,negative:null},active:{false:null,true:null},disabled:{false:"cursor-pointer",true:"cursor-not-allowed"},enableHover:{false:null,true:null}},compoundVariants:[{variant:"default",active:false,enableHover:true,disabled:false,class:"text-black-teal hover:bg-supportive-lilac-50"},{variant:"default",active:true,disabled:false,class:"bg-supportive-lilac-100"},{variant:"default",disabled:true,class:"text-black-teal-200"},{variant:"default",disabled:true,active:true,class:"bg-supportive-lilac-100"},{variant:"dark-teal",active:false,enableHover:true,class:"text-white"},{variant:"dark-teal",active:false,enableHover:true,disabled:false,class:"hover:bg-dark-teal-400"},{variant:"dark-teal",active:true,class:"text-white bg-dark-teal-400"},{variant:"dark-teal",disabled:true,class:"opacity-40"},{variant:"negative",active:false,enableHover:true,disabled:false,class:"text-negative-red hover:bg-negative-red-50"},{variant:"negative",active:true,disabled:false,class:"bg-negative-red-100 text-negative-red"},{variant:"negative",disabled:true,class:"text-negative-red-100"},{variant:"negative",disabled:true,active:true,class:"bg-negative-red-50"},{enableHover:true,disabled:false,class:"cursor-pointer"}]});const h=o(["text-base"],{variants:{variant:{default:null,"dark-teal":null,negative:null},active:{false:null,true:null},disabled:{false:null,true:"text-black-teal-100"}},compoundVariants:[{variant:"default",active:false,disabled:false,class:"text-black-teal-300 group-hover:text-black-teal"},{variant:"dark-teal",active:false,disabled:false,class:"text-dark-teal-100 group-hover:text-white"},{variant:"negative",active:false,disabled:false,class:"text-negative-red group-hover:text-negative-red-800"},{variant:"negative",active:true,disabled:false,class:"text-negative-red-800"}]});const b=class{constructor(e){t(this,e);this.active=false;this.checkbox=false;this.variant="default";this.enableHover=true;this.disabled=false;this.icon=undefined;this.useContainer=true}render(){return e(a,{key:"32964bd59857a3a902c7e27641dfe04040e71cf8",class:g({variant:this.variant,active:this.active,enableHover:this.enableHover,disabled:this.disabled})},this.icon&&e("p-icon",{key:"2dcd2db6b8bced38d21fe16cecc8d76b9298dec0",class:h({variant:this.variant,active:this.active,disabled:this.disabled}),variant:this.icon}),this.checkbox&&e("p-checkbox",{key:"83b9eb1dedd3f7bcaf9e064167832b1b9ec7dbd3",checked:this.active,disabled:this.disabled}),this.useContainer?e("div",{class:"block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start"},e("slot",null)):e("slot",null))}};b.style=d;const m="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}";const u=m;const f=o(["p-pagination","flex gap-2 items-center"],{variants:{hidden:{false:"flex",true:"hidden"}}});const v=class{constructor(e){t(this,e);this.pageChange=i(this,"pageChange",3);this.pagesChange=i(this,"pagesChange",7);this.page=1;this.pageSize=12;this.hideOnSinglePage=false;this.total=undefined}pageChange;pagesChange;_pages=[];_set=[];componentWillRender(){this._generate()}render(){return e(a,{key:"e0690bf05d27e87d7e85b24cd2944ed338296dbf",class:f({hidden:this.hideOnSinglePage&&this._set?.length===3})},this._set?.map((t=>{if(t.type==="previous"||t.type==="next"){return e("p-pagination-pages-item",{variant:"carousel",disabled:this._carouselDisabled(t.type),onClick:()=>t.type==="previous"?this._previousClick():this._nextClick()},t.value)}if(t.type==="ellipsis"){return e("p-pagination-pages-item",{hover:false},"...")}return e("p-pagination-pages-item",{active:t.value===this.page,onClick:()=>this._pageClick(t.value)},t.value)})))}pageChangeHandler(){this._generate()}_generate(){this._pages=this._generatePages();this._set=this._generateSet();if(this.page>this._pages?.length){this._changePage(this._pages.length)}}_changePage(t){if(!t){return}this.page=t;this.pageChange.emit(this.page)}_previousClick(){if(this._carouselDisabled("previous")){return}this._changePage(this.page-1)}_nextClick=()=>{if(this._carouselDisabled("next")){return}this._changePage(this.page+1)};_carouselDisabled=t=>{if(t==="next"){const t=this.page+1;if(t>this._pages[this._pages.length-1]){return true}}if(t==="previous"){const t=this.page-1;if(t<this._pages[0]){return true}}return false};_pageClick=t=>this._changePage(t);_generatePages(){if(!this.total||!this.pageSize){return[]}const t=Math.ceil(this.total/this.pageSize);this.pagesChange.emit(t);return new Array(t).fill(undefined).map(((t,e)=>e+1))}_generateSet=(t=1,a=true)=>{const i=this._pages.length;if(!i){return[]}let r=this.page-t;let o=this.page+t;if(o>i){o=i;r=i-t*2;r=r<1?1:r}if(r<=1){r=1;o=Math.min(t*2+1,i)}const n=[];const s={type:"previous",value:e("p-icon",{variant:"caret",size:"sm",rotate:90})};const l={type:"next",value:e("p-icon",{variant:"caret",size:"sm",rotate:-90})};if(t===null){const t=this._pages.map((t=>({type:"page",value:t})));return a?[s,...t,l]:t}if(a){n.push(s)}if(r<=3){for(let t=1;t<r;t++){n.push({type:"page",value:this._pages[t-1]})}}else{n.push({type:"page",value:1});n.push({type:"ellipsis",value:"ellipsis"})}for(let t=r;t<=o;t++){n.push({type:"page",value:this._pages[t-1]})}if(o>=i-2){for(let t=o+1;t<=i;t++){n.push({type:"page",value:this._pages[t-1]})}}else{n.push({type:"ellipsis"});n.push({type:"page",value:this._pages[this._pages.length-1]})}if(a){n.push(l)}return n};static get watchers(){return{page:["pageChangeHandler"],pageSize:["pageChangeHandler"],total:["pageChangeHandler"]}}};v.style=u;const x="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded{border-radius:.25rem!important}.rounded-full{border-radius:9999px!important}.bg-dark-teal-600{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.bg-off-white-700{--tw-bg-opacity:1!important;background-color:rgb(222 219 213/var(--tw-bg-opacity,1))!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-black-teal-500{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.opacity-20{opacity:.2!important}.hover\\:bg-dark-teal-700:hover{--tw-bg-opacity:1!important;background-color:rgb(0 56 50/var(--tw-bg-opacity,1))!important}.hover\\:bg-off-white-500:hover{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.focus\\:bg-dark-teal-800:focus{--tw-bg-opacity:1!important;background-color:rgb(1 37 33/var(--tw-bg-opacity,1))!important}";const w=x;const y=o(["p-pagination-item","text-sm ","h-6 w-6","flex items-center justify-center text-center"],{variants:{variant:{default:"rounded text-black-teal-500",carousel:"rounded-full text-white"},active:{false:null,true:null},hover:{false:null,true:null},disabled:{false:null,true:"cursor-not-allowed"}},compoundVariants:[{variant:"default",active:false,class:"bg-off-white-300"},{variant:"default",active:false,hover:true,class:"hover:bg-off-white-500 cursor-pointer"},{variant:"default",active:true,class:"bg-off-white-700 font-semibold"},{variant:"carousel",disabled:false,class:"bg-dark-teal-600"},{variant:"carousel",disabled:false,hover:true,class:"hover:bg-dark-teal-700 focus:bg-dark-teal-800 cursor-pointer"},{variant:"carousel",disabled:true,class:"bg-dark-teal-600 opacity-20"}]});const k=class{constructor(e){t(this,e);this.variant="default";this.active=false;this.hover=true;this.disabled=false}render(){return e(a,{key:"f3420e85e92135dff1fc18e3cdf3b394de06bcf4",class:y({variant:this.variant,active:this.active,hover:this.hover,disabled:this.disabled})},e("slot",{key:"154f74a83839bd6ffadd22e8df43a635bffe1f14"}))}};k.style=w;const _="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.text-nowrap{text-wrap:nowrap!important}.rounded-full{border-radius:9999px!important}.bg-dark-teal-600{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}.bg-dark-teal-800{--tw-bg-opacity:1!important;background-color:rgb(1 37 33/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.hover\\:bg-dark-teal-700:hover{--tw-bg-opacity:1!important;background-color:rgb(0 56 50/var(--tw-bg-opacity,1))!important}";const z=_;const C=o("p-pagination-size",{variants:{hidden:{false:null,true:"hidden"}}});const H=o(["flex items-center gap-2","px-2 h-6","text-sm text-white font-medium ","cursor-pointer rounded-full"],{variants:{active:{false:"bg-dark-teal-600 hover:bg-dark-teal-700",true:"bg-dark-teal-800"}}});const j=class{constructor(e){t(this,e);this.sizeChange=i(this,"sizeChange",3);this.size=l;this.sizeOptions=p;this.itemTemplate=this._defaultItemTemplate;this.hidden=false;this.dropdownIsOpen=false;this._locales={}}_defaultItemTemplate=t=>n(this._locales.item,{size:t});sizeChange;get _el(){return r(this)}componentWillLoad(){this._setLocales()}render(){return e(a,{key:"c6a8bdc78842d4eea1a88621dfea502146de809e",class:C({hidden:this.hidden})},e("p-dropdown",{key:"426f6a7215cf96574d6b541582730f486d99f603",variant:"dark-teal",placement:"top-start",chevronDirection:"down",calculateWidth:true,onIsOpen:({detail:t})=>this.dropdownIsOpen=t},e("div",{key:"1d0e91bbda0055e463d5240b58ddb5a1fa4f4ff5",class:H({active:this.dropdownIsOpen}),slot:"trigger"},e("p",{key:"22fd50f9438b897fd2e44ae1c7b36f2964c6b415",class:"min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap"},this.itemTemplate?this.itemTemplate(this.size):this._defaultItemTemplate(this.size)),e("p-icon",{key:"0d1b2ef85f9a19593e454923adc3c969c8c4351d",class:"flex-shrink-0",variant:"double-caret",size:"sm"})),e("slot",{key:"95bb00e64170b9df61ba489343e58fdf647051b3",slot:"items"},this.sizeOptions.map((t=>e("p-dropdown-menu-item",{active:t===this.size,onClick:()=>this._changeSize(t)},this.itemTemplate?this.itemTemplate(t):this._defaultItemTemplate(t)))))))}async _setLocales(){this._locales=await s(this._el)}_changeSize(t){if(!t){return}this.size=t;this.sizeChange.emit(this.size)}};j.style=z;export{b as p_dropdown_menu_item,v as p_pagination_pages,k as p_pagination_pages_item,j as p_pagination_size};
2
+ //# sourceMappingURL=p-a9a85ce4.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["dropdownMenuItemComponentCss","PDropdownMenuItemStyle0","dropdownMenuItem","cva","variants","variant","default","negative","active","false","true","disabled","enableHover","compoundVariants","class","dropdownMenuItemIcon","DropdownMenuItem","render","h","Host","key","this","icon","checkbox","checked","useContainer","paginationPagesComponentCss","PPaginationPagesStyle0","pagination","hidden","PaginationPages","pageChange","pagesChange","_pages","_set","componentWillRender","_generate","hideOnSinglePage","length","map","p","type","_carouselDisabled","onClick","_previousClick","_nextClick","value","hover","page","_pageClick","pageChangeHandler","_generatePages","_generateSet","_changePage","emit","nextPage","previousPage","total","pageSize","pages","Math","ceil","Array","fill","undefined","_","i","range","enableBoundaries","totalPages","start","end","min","set","previous","size","rotate","next","push","paginationPagesItemComponentCss","PPaginationPagesItemStyle0","item","carousel","PaginationPagesItem","paginationSizeComponentCss","PPaginationSizeStyle0","paginationSize","trigger","PaginationSize","defaultSize","defaultSizeOptions","_defaultItemTemplate","formatTranslation","_locales","sizeChange","componentWillLoad","_setLocales","placement","chevronDirection","calculateWidth","onIsOpen","detail","dropdownIsOpen","slot","itemTemplate","sizeOptions","option","_changeSize","getLocaleComponentStrings","_el","s"],"sources":["src/components/atoms/dropdown-menu-item/dropdown-menu-item.component.css?tag=p-dropdown-menu-item","src/components/atoms/dropdown-menu-item/dropdown-menu-item.component.tsx","src/components/molecules/pagination-pages/pagination-pages.component.css?tag=p-pagination-pages","src/components/molecules/pagination-pages/pagination-pages.component.tsx","src/components/atoms/pagination-pages-item/pagination-pages-item.component.css?tag=p-pagination-pages-item","src/components/atoms/pagination-pages-item/pagination-pages-item.component.tsx","src/components/molecules/pagination-size/pagination-size.component.css?tag=p-pagination-size&encapsulation=shadow","src/components/molecules/pagination-size/pagination-size.component.tsx"],"sourcesContent":[null,"import { Component, Host, Prop, h } from '@stencil/core';\nimport { IconVariant } from '../icon/icon.component';\nimport { cva } from 'class-variance-authority';\n\nconst dropdownMenuItem = cva(\n\t[\n\t\t'p-dropdown-menu-item flex px-2 py-1 gap-2 text-sm font-medium group rounded-lg items-center h-8 max-w-full',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: null,\n\t\t\t\t'dark-teal': null,\n\t\t\t\tnegative: null,\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: 'cursor-pointer',\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t},\n\t\t\tenableHover: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-black-teal hover:bg-supportive-lilac-50',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'bg-supportive-lilac-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-black-teal-200',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: true,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'bg-supportive-lilac-100',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'dark-teal',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tclass: 'text-white',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'dark-teal',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'hover:bg-dark-teal-400',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'dark-teal',\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'text-white bg-dark-teal-400',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'dark-teal',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'opacity-40',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-negative-red hover:bg-negative-red-50',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tactive: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'bg-negative-red-100 text-negative-red',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-negative-red-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tdisabled: true,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'bg-negative-red-50',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'cursor-pointer',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst dropdownMenuItemIcon = cva(['text-base'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: null,\n\t\t\t'dark-teal': null,\n\t\t\tnegative: null,\n\t\t},\n\t\tactive: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tdisabled: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'text-black-teal-100',\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tvariant: 'default',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: 'text-black-teal-300 group-hover:text-black-teal',\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'dark-teal',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: 'text-dark-teal-100 group-hover:text-white',\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'negative',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: 'text-negative-red group-hover:text-negative-red-800',\n\t\t},\n\t\t{\n\t\t\tvariant: 'negative',\n\t\t\tactive: true,\n\t\t\tdisabled: false,\n\t\t\tclass: 'text-negative-red-800',\n\t\t},\n\t],\n});\n\n@Component({\n\ttag: 'p-dropdown-menu-item',\n\tstyleUrl: 'dropdown-menu-item.component.css',\n})\nexport class DropdownMenuItem {\n\t/**\n\t * Wether the dropdown menu item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the dropdown menu item has a checkbox\n\t */\n\t@Prop() checkbox: boolean = false;\n\n\t/**\n\t * The variant of the item\n\t */\n\t@Prop() variant: 'default' | 'dark-teal' | 'negative' = 'default';\n\n\t/**\n\t * Wether to enable the hover state\n\t */\n\t@Prop() enableHover: boolean = true;\n\n\t/**\n\t * Wether the item is disabled\n\t */\n\t@Prop() disabled: boolean = false;\n\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * wether to use the container for text\n\t */\n\t@Prop() useContainer = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={dropdownMenuItem({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tactive: this.active,\n\t\t\t\t\tenableHover: this.enableHover,\n\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{/* class={`p-dropdown-menu-item ${this.active && 'active'} ${ */}\n\t\t\t\t{/* \tthis.enableHover && 'hover' */}\n\t\t\t\t{/* }`} */}\n\t\t\t\t{this.icon && (\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tclass={dropdownMenuItemIcon({\n\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\tactive: this.active,\n\t\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{this.checkbox && (\n\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\tchecked={this.active}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{this.useContainer ? (\n\t\t\t\t\t<div class='block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<slot />\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",null,"import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tProp,\n\tWatch,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\ntype PaginationSetItem = {\n\ttype: string;\n\tvalue?: number | Element | JSX.Element | string;\n};\n\nconst pagination = cva(['p-pagination', 'flex gap-2 items-center'], {\n\tvariants: {\n\t\thidden: {\n\t\t\tfalse: 'flex',\n\t\t\ttrue: 'hidden',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-pagination-pages',\n\tstyleUrl: 'pagination-pages.component.css',\n})\nexport class PaginationPages {\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) page: number = 1;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageChange: EventEmitter<number>;\n\n\t/**\n\t * The amount of items per page\n\t */\n\t@Prop() pageSize: number = 12;\n\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hideOnSinglePage: boolean = false;\n\n\t/**\n\t * The total amount of items\n\t */\n\t@Prop() total!: number;\n\n\t/**\n\t * The pages that were generated\n\t */\n\t@Event() pagesChange: EventEmitter<number>;\n\n\tprivate _pages: number[] = [];\n\tprivate _set: PaginationSetItem[] = [];\n\n\tcomponentWillRender() {\n\t\tthis._generate();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={pagination({\n\t\t\t\t\thidden: this.hideOnSinglePage && this._set?.length === 3,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this._set?.map(p => {\n\t\t\t\t\tif (p.type === 'previous' || p.type === 'next') {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<p-pagination-pages-item\n\t\t\t\t\t\t\t\tvariant='carousel'\n\t\t\t\t\t\t\t\tdisabled={this._carouselDisabled(p.type)}\n\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\tp.type === 'previous'\n\t\t\t\t\t\t\t\t\t\t? this._previousClick()\n\t\t\t\t\t\t\t\t\t\t: this._nextClick()\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{p.value}\n\t\t\t\t\t\t\t</p-pagination-pages-item>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (p.type === 'ellipsis') {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<p-pagination-pages-item hover={false}>\n\t\t\t\t\t\t\t\t...\n\t\t\t\t\t\t\t</p-pagination-pages-item>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<p-pagination-pages-item\n\t\t\t\t\t\t\tactive={p.value === this.page}\n\t\t\t\t\t\t\tonClick={() => this._pageClick(p.value as number)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{p.value}\n\t\t\t\t\t\t</p-pagination-pages-item>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Watch('page')\n\t@Watch('pageSize')\n\t@Watch('total')\n\tprotected pageChangeHandler() {\n\t\tthis._generate();\n\t}\n\n\tprivate _generate() {\n\t\tthis._pages = this._generatePages();\n\t\tthis._set = this._generateSet();\n\n\t\tif (this.page > this._pages?.length) {\n\t\t\tthis._changePage(this._pages.length);\n\t\t}\n\t}\n\n\tprivate _changePage(p?: number) {\n\t\tif (!p) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.page = p;\n\t\tthis.pageChange.emit(this.page);\n\t}\n\n\tprivate _previousClick() {\n\t\tif (this._carouselDisabled('previous')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._changePage(this.page - 1);\n\t}\n\n\tprivate _nextClick = () => {\n\t\tif (this._carouselDisabled('next')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._changePage(this.page + 1);\n\t};\n\n\tprivate _carouselDisabled = (type: 'previous' | 'next') => {\n\t\tif (type === 'next') {\n\t\t\tconst nextPage = this.page + 1;\n\t\t\tif (nextPage > this._pages[this._pages.length - 1]) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\tif (type === 'previous') {\n\t\t\tconst previousPage = this.page - 1;\n\t\t\tif (previousPage < this._pages[0]) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t};\n\n\tprivate _pageClick = (p?: number) => this._changePage(p);\n\n\tprivate _generatePages() {\n\t\tif (!this.total || !this.pageSize) {\n\t\t\treturn [];\n\t\t}\n\n\t\tconst pages = Math.ceil(this.total / this.pageSize);\n\t\tthis.pagesChange.emit(pages);\n\t\treturn new Array(pages).fill(undefined).map((_, i) => i + 1);\n\t}\n\n\tprivate _generateSet = (\n\t\trange: number = 1,\n\t\tenableBoundaries: boolean = true\n\t): PaginationSetItem[] => {\n\t\tconst totalPages = this._pages.length;\n\n\t\tif (!totalPages) {\n\t\t\treturn [];\n\t\t}\n\n\t\tlet start = this.page - range;\n\t\tlet end = this.page + range;\n\n\t\tif (end > totalPages) {\n\t\t\tend = totalPages;\n\t\t\tstart = totalPages - range * 2;\n\t\t\tstart = start < 1 ? 1 : start;\n\t\t}\n\n\t\tif (start <= 1) {\n\t\t\tstart = 1;\n\t\t\tend = Math.min(range * 2 + 1, totalPages);\n\t\t}\n\n\t\tconst set = [];\n\n\t\tconst previous = {\n\t\t\ttype: 'previous',\n\t\t\tvalue: (\n\t\t\t\t<p-icon\n\t\t\t\t\tvariant='caret'\n\t\t\t\t\tsize='sm'\n\t\t\t\t\trotate={90}\n\t\t\t\t/>\n\t\t\t),\n\t\t};\n\n\t\tconst next = {\n\t\t\ttype: 'next',\n\t\t\tvalue: (\n\t\t\t\t<p-icon\n\t\t\t\t\tvariant='caret'\n\t\t\t\t\tsize='sm'\n\t\t\t\t\trotate={-90}\n\t\t\t\t/>\n\t\t\t),\n\t\t};\n\n\t\t// Disable page range, display all the pages\n\t\tif (range === null) {\n\t\t\tconst p = this._pages.map(p => ({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: p,\n\t\t\t}));\n\n\t\t\treturn enableBoundaries ? [previous, ...p, next] : p;\n\t\t}\n\n\t\tif (enableBoundaries) {\n\t\t\tset.push(previous);\n\t\t}\n\n\t\tif (start <= 3) {\n\t\t\tfor (let i = 1; i < start; i++) {\n\t\t\t\tset.push({\n\t\t\t\t\ttype: 'page',\n\t\t\t\t\tvalue: this._pages[i - 1],\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tset.push({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: 1,\n\t\t\t});\n\n\t\t\tset.push({\n\t\t\t\ttype: 'ellipsis',\n\t\t\t\tvalue: 'ellipsis',\n\t\t\t});\n\t\t}\n\n\t\tfor (let i = start; i <= end; i++) {\n\t\t\tset.push({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: this._pages[i - 1],\n\t\t\t});\n\t\t}\n\n\t\tif (end >= totalPages - 2) {\n\t\t\tfor (let i = end + 1; i <= totalPages; i++) {\n\t\t\t\tset.push({\n\t\t\t\t\ttype: 'page',\n\t\t\t\t\tvalue: this._pages[i - 1],\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tset.push({\n\t\t\t\ttype: 'ellipsis',\n\t\t\t});\n\n\t\t\tset.push({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: this._pages[this._pages.length - 1],\n\t\t\t});\n\t\t}\n\n\t\tif (enableBoundaries) {\n\t\t\tset.push(next);\n\t\t}\n\n\t\treturn set;\n\t};\n}\n",null,"import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst item = cva(\n\t[\n\t\t'p-pagination-item',\n\t\t'text-sm ',\n\t\t'h-6 w-6',\n\t\t'flex items-center justify-center text-center',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'rounded text-black-teal-500',\n\t\t\t\tcarousel: 'rounded-full text-white',\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\thover: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: false,\n\t\t\t\tclass: 'bg-off-white-300',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: false,\n\t\t\t\thover: true,\n\t\t\t\tclass: 'hover:bg-off-white-500 cursor-pointer',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'bg-off-white-700 font-semibold',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'carousel',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'bg-dark-teal-600',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'carousel',\n\t\t\t\tdisabled: false,\n\t\t\t\thover: true,\n\t\t\t\tclass: 'hover:bg-dark-teal-700 focus:bg-dark-teal-800 cursor-pointer',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'carousel',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'bg-dark-teal-600 opacity-20',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-pagination-pages-item',\n\tstyleUrl: 'pagination-pages-item.component.css',\n})\nexport class PaginationPagesItem {\n\t/**\n\t * The variant of the item\n\t */\n\t@Prop() variant: 'default' | 'carousel' = 'default';\n\n\t/**\n\t * Wether the pagination item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the pagination item has hover\n\t */\n\t@Prop() hover: boolean = true;\n\n\t/**\n\t * Wether the pagination item is disabled\n\t */\n\t@Prop() disabled: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={item({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tactive: this.active,\n\t\t\t\t\thover: this.hover,\n\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",null,"import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport {\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../utils/localization';\nimport { defaultSize, defaultSizeOptions } from './constants';\nimport { cva } from 'class-variance-authority';\n\nexport type templateFunc = (value: number) => string;\n\nconst paginationSize = cva('p-pagination-size', {\n\tvariants: {\n\t\thidden: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'hidden',\n\t\t},\n\t},\n});\n\nconst trigger = cva(\n\t[\n\t\t'flex items-center gap-2',\n\t\t'px-2 h-6',\n\t\t'text-sm text-white font-medium ',\n\t\t'cursor-pointer rounded-full',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: 'bg-dark-teal-600 hover:bg-dark-teal-700',\n\t\t\t\ttrue: 'bg-dark-teal-800',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-pagination-size',\n\tstyleUrl: 'pagination-size.component.css',\n\tshadow: true,\n})\nexport class PaginationSize {\n\tprivate _defaultItemTemplate: templateFunc = size =>\n\t\tformatTranslation(this._locales.item, { size });\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) size: number = defaultSize;\n\n\t/**\n\t * The available sizes\n\t */\n\t@Prop() sizeOptions: number[] = defaultSizeOptions;\n\n\t/**\n\t * Event whenever the size changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tsizeChange: EventEmitter<number>;\n\n\t/**\n\t * The template for the data view\n\t */\n\t@Prop() itemTemplate: templateFunc = this._defaultItemTemplate;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hidden: boolean = false;\n\n\t/**\n\t * Wether the dropdown is open\n\t */\n\t@State() dropdownIsOpen = false;\n\n\t/**\n\t * Locales used for this component\n\t */\n\t@State() private _locales: any = {};\n\n\tcomponentWillLoad() {\n\t\tthis._setLocales();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={paginationSize({ hidden: this.hidden })}>\n\t\t\t\t<p-dropdown\n\t\t\t\t\tvariant='dark-teal'\n\t\t\t\t\tplacement='top-start'\n\t\t\t\t\tchevronDirection='down'\n\t\t\t\t\tcalculateWidth={true}\n\t\t\t\t\tonIsOpen={({ detail }) => (this.dropdownIsOpen = detail)}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={trigger({\n\t\t\t\t\t\t\tactive: this.dropdownIsOpen,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t>\n\t\t\t\t\t\t<p class='min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap'>\n\t\t\t\t\t\t\t{this.itemTemplate\n\t\t\t\t\t\t\t\t? this.itemTemplate(this.size)\n\t\t\t\t\t\t\t\t: this._defaultItemTemplate(this.size)}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass='flex-shrink-0'\n\t\t\t\t\t\t\tvariant='double-caret'\n\t\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot slot='items'>\n\t\t\t\t\t\t{this.sizeOptions.map(option => (\n\t\t\t\t\t\t\t<p-dropdown-menu-item\n\t\t\t\t\t\t\t\tactive={option === this.size}\n\t\t\t\t\t\t\t\tonClick={() => this._changeSize(option)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this.itemTemplate\n\t\t\t\t\t\t\t\t\t? this.itemTemplate(option)\n\t\t\t\t\t\t\t\t\t: this._defaultItemTemplate(option)}\n\t\t\t\t\t\t\t</p-dropdown-menu-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</slot>\n\t\t\t\t</p-dropdown>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('localeChanged', { target: 'body' })\n\tprivate async _setLocales(): Promise<void> {\n\t\tthis._locales = await getLocaleComponentStrings(this._el);\n\t}\n\n\tprivate _changeSize(s?: number) {\n\t\tif (!s) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.size = s;\n\t\tthis.sizeChange.emit(this.size);\n\t}\n}\n"],"mappings":"kNAAA,MAAMA,EAA+B,6jGACrC,MAAAC,EAAeD,ECGf,MAAME,EAAmBC,EACxB,CACC,8GAED,CACCC,SAAU,CACTC,QAAS,CACRC,QAAS,KACT,YAAa,KACbC,SAAU,MAEXC,OAAQ,CACPC,MAAO,KACPC,KAAM,MAEPC,SAAU,CACTF,MAAO,iBACPC,KAAM,sBAEPE,YAAa,CACZH,MAAO,KACPC,KAAM,OAGRG,iBAAkB,CACjB,CACCR,QAAS,UACTG,OAAQ,MACRI,YAAa,KACbD,SAAU,MACVG,MAAO,gDAER,CACCT,QAAS,UACTG,OAAQ,KACRG,SAAU,MACVG,MAAO,2BAER,CACCT,QAAS,UACTM,SAAU,KACVG,MAAO,uBAER,CACCT,QAAS,UACTM,SAAU,KACVH,OAAQ,KACRM,MAAO,2BAGR,CACCT,QAAS,YACTG,OAAQ,MACRI,YAAa,KACbE,MAAO,cAER,CACCT,QAAS,YACTG,OAAQ,MACRI,YAAa,KACbD,SAAU,MACVG,MAAO,0BAER,CACCT,QAAS,YACTG,OAAQ,KACRM,MAAO,+BAER,CACCT,QAAS,YACTM,SAAU,KACVG,MAAO,cAGR,CACCT,QAAS,WACTG,OAAQ,MACRI,YAAa,KACbD,SAAU,MACVG,MAAO,8CAER,CACCT,QAAS,WACTG,OAAQ,KACRG,SAAU,MACVG,MAAO,yCAER,CACCT,QAAS,WACTM,SAAU,KACVG,MAAO,yBAER,CACCT,QAAS,WACTM,SAAU,KACVH,OAAQ,KACRM,MAAO,sBAGR,CACCF,YAAa,KACbD,SAAU,MACVG,MAAO,qBAMX,MAAMC,EAAuBZ,EAAI,CAAC,aAAc,CAC/CC,SAAU,CACTC,QAAS,CACRC,QAAS,KACT,YAAa,KACbC,SAAU,MAEXC,OAAQ,CACPC,MAAO,KACPC,KAAM,MAEPC,SAAU,CACTF,MAAO,KACPC,KAAM,wBAGRG,iBAAkB,CACjB,CACCR,QAAS,UACTG,OAAQ,MACRG,SAAU,MACVG,MAAO,mDAGR,CACCT,QAAS,YACTG,OAAQ,MACRG,SAAU,MACVG,MAAO,6CAGR,CACCT,QAAS,WACTG,OAAQ,MACRG,SAAU,MACVG,MAAO,uDAER,CACCT,QAAS,WACTG,OAAQ,KACRG,SAAU,MACVG,MAAO,4B,MASGE,EAAgB,M,qCAIF,M,cAKE,M,aAK4B,U,iBAKzB,K,cAKH,M,sCAUL,I,CAEvB,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CACJN,MAAOZ,EAAiB,CACvBG,QAASgB,KAAKhB,QACdG,OAAQa,KAAKb,OACbI,YAAaS,KAAKT,YAClBD,SAAUU,KAAKV,YAMfU,KAAKC,MACLJ,EAAA,UAAAE,IAAA,2CACCN,MAAOC,EAAqB,CAC3BV,QAASgB,KAAKhB,QACdG,OAAQa,KAAKb,OACbG,SAAUU,KAAKV,WAEhBN,QAASgB,KAAKC,OAIfD,KAAKE,UACLL,EAAA,cAAAE,IAAA,2CACCI,QAASH,KAAKb,OACdG,SAAUU,KAAKV,WAIhBU,KAAKI,aACLP,EAAA,OAAKJ,MAAM,2EACVI,EAAA,cAGDA,EAAA,a,aC1OL,MAAMQ,EAA8B,+LACpC,MAAAC,EAAeD,ECef,MAAME,EAAazB,EAAI,CAAC,eAAgB,2BAA4B,CACnEC,SAAU,CACTyB,OAAQ,CACPpB,MAAO,OACPC,KAAM,a,MASIoB,EAAe,M,mHAI4B,E,cAa5B,G,sBAKS,M,qBAVpCC,WAoBSC,YAEDC,OAAmB,GACnBC,KAA4B,GAEpC,mBAAAC,GACCd,KAAKe,W,CAGN,MAAAnB,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CACJN,MAAOc,EAAW,CACjBC,OAAQR,KAAKgB,kBAAoBhB,KAAKa,MAAMI,SAAW,KAGvDjB,KAAKa,MAAMK,KAAIC,IACf,GAAIA,EAAEC,OAAS,YAAcD,EAAEC,OAAS,OAAQ,CAC/C,OACCvB,EAAA,2BACCb,QAAQ,WACRM,SAAUU,KAAKqB,kBAAkBF,EAAEC,MACnCE,QAAS,IACRH,EAAEC,OAAS,WACRpB,KAAKuB,iBACLvB,KAAKwB,cAGRL,EAAEM,M,CAKN,GAAIN,EAAEC,OAAS,WAAY,CAC1B,OACCvB,EAAA,2BAAyB6B,MAAO,OAAK,M,CAMvC,OACC7B,EAAA,2BACCV,OAAQgC,EAAEM,QAAUzB,KAAK2B,KACzBL,QAAS,IAAMtB,KAAK4B,WAAWT,EAAEM,QAEhCN,EAAEM,MACsB,I,CAUrB,iBAAAI,GACT7B,KAAKe,W,CAGE,SAAAA,GACPf,KAAKY,OAASZ,KAAK8B,iBACnB9B,KAAKa,KAAOb,KAAK+B,eAEjB,GAAI/B,KAAK2B,KAAO3B,KAAKY,QAAQK,OAAQ,CACpCjB,KAAKgC,YAAYhC,KAAKY,OAAOK,O,EAIvB,WAAAe,CAAYb,GACnB,IAAKA,EAAG,CACP,M,CAGDnB,KAAK2B,KAAOR,EACZnB,KAAKU,WAAWuB,KAAKjC,KAAK2B,K,CAGnB,cAAAJ,GACP,GAAIvB,KAAKqB,kBAAkB,YAAa,CACvC,M,CAGDrB,KAAKgC,YAAYhC,KAAK2B,KAAO,E,CAGtBH,WAAa,KACpB,GAAIxB,KAAKqB,kBAAkB,QAAS,CACnC,M,CAGDrB,KAAKgC,YAAYhC,KAAK2B,KAAO,EAAE,EAGxBN,kBAAqBD,IAC5B,GAAIA,IAAS,OAAQ,CACpB,MAAMc,EAAWlC,KAAK2B,KAAO,EAC7B,GAAIO,EAAWlC,KAAKY,OAAOZ,KAAKY,OAAOK,OAAS,GAAI,CACnD,OAAO,I,EAIT,GAAIG,IAAS,WAAY,CACxB,MAAMe,EAAenC,KAAK2B,KAAO,EACjC,GAAIQ,EAAenC,KAAKY,OAAO,GAAI,CAClC,OAAO,I,EAIT,OAAO,KAAK,EAGLgB,WAAcT,GAAenB,KAAKgC,YAAYb,GAE9C,cAAAW,GACP,IAAK9B,KAAKoC,QAAUpC,KAAKqC,SAAU,CAClC,MAAO,E,CAGR,MAAMC,EAAQC,KAAKC,KAAKxC,KAAKoC,MAAQpC,KAAKqC,UAC1CrC,KAAKW,YAAYsB,KAAKK,GACtB,OAAO,IAAIG,MAAMH,GAAOI,KAAKC,WAAWzB,KAAI,CAAC0B,EAAGC,IAAMA,EAAI,G,CAGnDd,aAAe,CACtBe,EAAgB,EAChBC,EAA4B,QAE5B,MAAMC,EAAahD,KAAKY,OAAOK,OAE/B,IAAK+B,EAAY,CAChB,MAAO,E,CAGR,IAAIC,EAAQjD,KAAK2B,KAAOmB,EACxB,IAAII,EAAMlD,KAAK2B,KAAOmB,EAEtB,GAAII,EAAMF,EAAY,CACrBE,EAAMF,EACNC,EAAQD,EAAaF,EAAQ,EAC7BG,EAAQA,EAAQ,EAAI,EAAIA,C,CAGzB,GAAIA,GAAS,EAAG,CACfA,EAAQ,EACRC,EAAMX,KAAKY,IAAIL,EAAQ,EAAI,EAAGE,E,CAG/B,MAAMI,EAAM,GAEZ,MAAMC,EAAW,CAChBjC,KAAM,WACNK,MACC5B,EAAA,UACCb,QAAQ,QACRsE,KAAK,KACLC,OAAQ,MAKX,MAAMC,EAAO,CACZpC,KAAM,OACNK,MACC5B,EAAA,UACCb,QAAQ,QACRsE,KAAK,KACLC,QAAS,MAMZ,GAAIT,IAAU,KAAM,CACnB,MAAM3B,EAAInB,KAAKY,OAAOM,KAAIC,IAAC,CAC1BC,KAAM,OACNK,MAAON,MAGR,OAAO4B,EAAmB,CAACM,KAAalC,EAAGqC,GAAQrC,C,CAGpD,GAAI4B,EAAkB,CACrBK,EAAIK,KAAKJ,E,CAGV,GAAIJ,GAAS,EAAG,CACf,IAAK,IAAIJ,EAAI,EAAGA,EAAII,EAAOJ,IAAK,CAC/BO,EAAIK,KAAK,CACRrC,KAAM,OACNK,MAAOzB,KAAKY,OAAOiC,EAAI,I,MAGnB,CACNO,EAAIK,KAAK,CACRrC,KAAM,OACNK,MAAO,IAGR2B,EAAIK,KAAK,CACRrC,KAAM,WACNK,MAAO,Y,CAIT,IAAK,IAAIoB,EAAII,EAAOJ,GAAKK,EAAKL,IAAK,CAClCO,EAAIK,KAAK,CACRrC,KAAM,OACNK,MAAOzB,KAAKY,OAAOiC,EAAI,I,CAIzB,GAAIK,GAAOF,EAAa,EAAG,CAC1B,IAAK,IAAIH,EAAIK,EAAM,EAAGL,GAAKG,EAAYH,IAAK,CAC3CO,EAAIK,KAAK,CACRrC,KAAM,OACNK,MAAOzB,KAAKY,OAAOiC,EAAI,I,MAGnB,CACNO,EAAIK,KAAK,CACRrC,KAAM,aAGPgC,EAAIK,KAAK,CACRrC,KAAM,OACNK,MAAOzB,KAAKY,OAAOZ,KAAKY,OAAOK,OAAS,I,CAI1C,GAAI8B,EAAkB,CACrBK,EAAIK,KAAKD,E,CAGV,OAAOJ,CAAG,E,gICxSZ,MAAMM,EAAkC,q+CACxC,MAAAC,EAAeD,ECEf,MAAME,EAAO9E,EACZ,CACC,oBACA,WACA,UACA,gDAED,CACCC,SAAU,CACTC,QAAS,CACRC,QAAS,8BACT4E,SAAU,2BAEX1E,OAAQ,CACPC,MAAO,KACPC,KAAM,MAEPqC,MAAO,CACNtC,MAAO,KACPC,KAAM,MAEPC,SAAU,CACTF,MAAO,KACPC,KAAM,uBAGRG,iBAAkB,CACjB,CACCR,QAAS,UACTG,OAAQ,MACRM,MAAO,oBAER,CACCT,QAAS,UACTG,OAAQ,MACRuC,MAAO,KACPjC,MAAO,yCAER,CACCT,QAAS,UACTG,OAAQ,KACRM,MAAO,kCAGR,CACCT,QAAS,WACTM,SAAU,MACVG,MAAO,oBAER,CACCT,QAAS,WACTM,SAAU,MACVoC,MAAO,KACPjC,MAAO,gEAER,CACCT,QAAS,WACTM,SAAU,KACVG,MAAO,kC,MAUEqE,EAAmB,M,sCAIW,U,YAKhB,M,WAKD,K,cAKG,K,CAE5B,MAAAlE,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CACJN,MAAOmE,EAAK,CACX5E,QAASgB,KAAKhB,QACdG,OAAQa,KAAKb,OACbuC,MAAO1B,KAAK0B,MACZpC,SAAUU,KAAKV,YAGhBO,EAAA,QAAAE,IAAA,6C,aCtGJ,MAAMgE,EAA6B,6nCACnC,MAAAC,EAAeD,ECmBf,MAAME,EAAiBnF,EAAI,oBAAqB,CAC/CC,SAAU,CACTyB,OAAQ,CACPpB,MAAO,KACPC,KAAM,aAKT,MAAM6E,EAAUpF,EACf,CACC,0BACA,WACA,kCACA,+BAED,CACCC,SAAU,CACTI,OAAQ,CACPC,MAAO,0CACPC,KAAM,uB,MAWG8E,EAAc,M,0EAM6BC,E,iBAKvBC,E,kBAaKrE,KAAKsE,qB,YAUhB,M,oBAKA,M,cAKO,E,CA3CzBA,qBAAqChB,GAC5CiB,EAAkBvE,KAAKwE,SAASZ,KAAM,CAAEN,SAiBzCmB,W,yBA2BA,iBAAAC,GACC1E,KAAK2E,a,CAGN,MAAA/E,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACN,MAAOwE,EAAe,CAAEzD,OAAQR,KAAKQ,UAC1CX,EAAA,cAAAE,IAAA,2CACCf,QAAQ,YACR4F,UAAU,YACVC,iBAAiB,OACjBC,eAAgB,KAChBC,SAAU,EAAGC,YAAchF,KAAKiF,eAAiBD,GAEjDnF,EAAA,OAAAE,IAAA,2CACCN,MAAOyE,EAAQ,CACd/E,OAAQa,KAAKiF,iBAEdC,KAAK,WAELrF,EAAA,KAAAE,IAAA,2CAAGN,MAAM,4DACPO,KAAKmF,aACHnF,KAAKmF,aAAanF,KAAKsD,MACvBtD,KAAKsE,qBAAqBtE,KAAKsD,OAEnCzD,EAAA,UAAAE,IAAA,2CACCN,MAAM,gBACNT,QAAQ,eACRsE,KAAK,QAGPzD,EAAA,QAAAE,IAAA,2CAAMmF,KAAK,SACTlF,KAAKoF,YAAYlE,KAAImE,GACrBxF,EAAA,wBACCV,OAAQkG,IAAWrF,KAAKsD,KACxBhC,QAAS,IAAMtB,KAAKsF,YAAYD,IAE/BrF,KAAKmF,aACHnF,KAAKmF,aAAaE,GAClBrF,KAAKsE,qBAAqBe,Q,CAU5B,iBAAMV,GACb3E,KAAKwE,eAAiBe,EAA0BvF,KAAKwF,I,CAG9C,WAAAF,CAAYG,GACnB,IAAKA,EAAG,CACP,M,CAGDzF,KAAKsD,KAAOmC,EACZzF,KAAKyE,WAAWxC,KAAKjC,KAAKsD,K","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as t,c as i,g as e,h as s,H as r}from"./p-45ded510.js";import{c as n}from"./p-3b8209bc.js";import{c as h}from"./p-8a5b8196.js";import"./p-8a1a6e56.js";const a="*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.sticky{position:sticky!important}.top-0{top:0!important}.mb-3{margin-bottom:.75rem!important}.block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-\\[1\\.625rem\\]{height:1.625rem!important}.h-full{height:100%!important}.w-6{width:1.5rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded{border-radius:.25rem!important}.rounded-lg{border-radius:.5rem!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.text-start{text-align:start!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-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/var(--tw-text-opacity,1))!important}.text-supportive-lilac{--tw-text-opacity:1!important;color:rgb(209 174 255/var(--tw-text-opacity,1))!important}.text-teal-800{--tw-text-opacity:1!important;color:rgb(2 102 92/var(--tw-text-opacity,1))!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}.group\\/item:hover .group-hover\\/item\\:text-supportive-lilac-800{--tw-text-opacity:1!important;color:rgb(189 140 255/var(--tw-text-opacity,1))!important}";const o=a;const l=h(["flex items-center gap-2","flex-1 min-w-0 h-full","pointer-events-none overflow-hidden"]);const p=h(["item group/item","pointer-events-auto cursor-pointer","flex h-[1.625rem] items-center gap-2","h-[1.625rem] px-2","text-sm font-semibold whitespace-nowrap","rounded-lg","bg-supportive-lilac-100"]);const c=h("block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start",{variants:{variant:{placeholder:"text-black-teal-400",default:null}}});const u=class{constructor(e){t(this,e);this.queryChange=i(this,"queryChange",3);this.valueChange=i(this,"valueChange",3);this.selectAllChange=i(this,"selectAllChange",3);this.dropdownShown=i(this,"dropdownShown",3);this.add=i(this,"add",3);this.items=undefined;this.multi=undefined;this.usePortal=false;this.strategy="absolute";this.icon=undefined;this.query=undefined;this.placeholder=undefined;this.autocompletePlaceholder="Search...";this.value=undefined;this.displayKey="text";this.dropdownDisplayKey=undefined;this.selectionDisplayKey=undefined;this.valueKey=undefined;this.avatarKey=undefined;this.iconKey=undefined;this.showIconInSelectedItem=undefined;this.classKey="class";this.applyClassOnSelectedItem=undefined;this.avatarLettersKey=undefined;this.identifierKey=undefined;this.queryKey=undefined;this.autoSelectFirst=true;this.showChevron=true;this.maxDisplayedItems=10;this.enableAutocomplete=true;this.asyncFilter=false;this.loading=false;this.enableSelectAll=false;this.selectAllText="Select all";this.selectAllIcon=undefined;this.size="base";this.prefix=undefined;this.label=undefined;this.helper=undefined;this.required=true;this.error=undefined;this.disabled=false;this.showAddItem=false;this.addItemText="Add item";this.emptyStateText="No items available";this._showDropdown=false;this._selectedItem=null;this._allSelected=false;this._amountHidden=0}queryChange;valueChange;selectAllChange;dropdownShown;add;get _el(){return e(this)}_inputRef;autocompleteInputRef;_multiContainerRef;_resizeObserver;_resizeDebounceTimer;_checkSelectedItemsTimeout;get _items(){return this._getParsedItems()}get _displayValue(){const t=s("div",{class:c({variant:"placeholder"})},this.placeholder);if(!this._selectedItem){return t}if(this.multi){if(this._selectedItem?.length===0){return t}return s("div",{class:l(),ref:t=>this._multiContainerRef=t},this._selectedItem.map((t=>s("div",{class:p(),onClick:()=>this._selectValue(t)},t[this.selectionDisplayKey??this.displayKey],s("p-icon",{class:"text-xs text-supportive-lilac group-hover/item:text-supportive-lilac-800",variant:"negative"})))),s("div",{class:"extra pointer-events-none hidden text-sm text-black-teal-100"},"+",this._amountHidden))}return this._getDisplay(this._selectedItem,true)}get _identifierKey(){return this.identifierKey??this.valueKey??"value"}componentDidLoad(){if(!this.valueKey&&!this.identifierKey){throw new Error("You must provide a valueKey or identifierKey")}if(this.multi){this._setMultiContainerMaxWidth();this._resizeObserver=new ResizeObserver((()=>{if(this._resizeDebounceTimer){clearTimeout(this._resizeDebounceTimer);this._resizeDebounceTimer=null}this._resizeDebounceTimer=setTimeout((()=>{this._setMultiContainerMaxWidth();this._setCheckSelectedItemsTimeout()}),200)}));this._resizeObserver.observe(this._el)}if(this.value){this._valueChange();return}this.itemChanges()}componentDidRender(){if(this.multi){this._setMultiContainerMaxWidth()}}disconnectedCallback(){if(this.multi){this._resizeObserver.disconnect()}}render(){return s(r,{key:"5fca82e69df3bcdbff0b946c4ae1335f7bee738a",class:"p-select"},s("p-dropdown",{key:"c5fab92fa37891c3bf00cd7d512a0c8484267e6b",disableTriggerClick:true,calculateWidth:true,insideClick:true,scrollable:this.enableAutocomplete?"large":true,show:this._showDropdown,onIsOpen:t=>this._onDropdownOpen(t),usePortal:this.usePortal,strategy:this.strategy},s("p-field-container",{key:"85d39bac84e07e015c8d643a2f2372dfc259e9b6",slot:"trigger",prefix:this.prefix,label:this.label,helper:this.helper,required:this.required,error:this.error,errorPlacement:"top-start",forceShowTooltip:this.error?.length&&this._showDropdown},s("p-button",{key:"62659969a3ea8c096af2f288b19a313cd3063254",class:"w-full",slot:"content",variant:"secondary",size:this.size,chevron:this.showChevron,disabled:this.disabled,active:this._showDropdown,icon:this.icon,onClick:t=>this._onClick(t)},s("div",{key:"8c1bb55bde3a7080f535c86709d010bd82a8c971",class:"relative flex-1",ref:t=>this._inputRef=t},this._displayValue))),this.loading?this._getLoadingItems():this._getItems(),this.showAddItem&&this._getAddItem()))}documentClickHandler({target:t}){if(!this._showDropdown||n(t,this._el)){return}this._showDropdown=false}_valueChange(){setTimeout((()=>{this._preselectItem();this._setCheckSelectedItemsTimeout()}))}itemChanges(){setTimeout((()=>this._preselectItem()))}_showDropdownChanges(){this.dropdownShown.emit({value:this._showDropdown,query:this.query})}multiChanges(){if(this._selectedItem&&!Array.isArray(this._selectedItem)){this._selectedItem=[]}}_preselectItem(){let t=typeof this.value==="string"&&this.multi?JSON.parse(this.value):this.value;if(this.multi){if(!Array.isArray(t)){this.value=[];this.valueChange.emit(this.value);return}this.value=t;if(!t.length){this._selectedItem=[];return}this._selectedItem=!!this.valueKey&&this.valueKey!=="false"?this._items.filter((i=>t.includes(i?.[this.valueKey]))):[...t];return}if(!this._selectedItem&&!t&&this.autoSelectFirst){t=this._items[0]}const i=typeof t==="object"&&t!==null?t[this._identifierKey]:t;const e=typeof i==="string"||typeof i==="number"?i:JSON.stringify(i);const s=this._selectedItem?this._selectedItem?.[this._identifierKey]:null;const r=typeof s==="string"||typeof s==="number"?s:JSON.stringify(s);if(this._selectedItem&&r===e){return}if(!this._items?.length&&t){this._selectValue(t,false);return}const n=this._getParsedItems(false);const h=n.find((t=>{const i=t?.[this._identifierKey];const s=typeof i==="string"||typeof i==="number"?i:JSON.stringify(i);return s===e}));this._selectValue(!!h?h:t,false)}_selectValue(t,i=true){let e=!!this.valueKey&&this.valueKey!=="false"&&t!==null?t?.[this.valueKey]:t;if(this.multi){if(!this._selectedItem||!Array.isArray(this._selectedItem)){this._selectedItem=[]}if(!this.value||!Array.isArray(this.value)){this.value=[]}const i=[...this._selectedItem];const s=[...this.value];const r=i.findIndex((i=>i[this._identifierKey]===t[this._identifierKey]));if(r===-1){i.push(t);s.push(e)}else{i.splice(r,1);s.splice(r,1)}this._selectedItem=i;this.value=s;this.valueChange.emit(s);return}this._selectedItem=t;this.value=e;this.valueChange.emit(e);this._onBlur(i)}_findOnClickTarget(t){if(t.nodeName.toLowerCase()==="p-button"){return true}if(t.classList.contains("item")){return false}return this._findOnClickTarget(t.parentElement)}_onClick(t){if(!this._findOnClickTarget(t.target)){return}this._showDropdown=!this._showDropdown}_onBlur(t=false){if(this.enableAutocomplete&&!t){return}this._showDropdown=false}_onAutoComplete(t){if(!this.enableAutocomplete){return}this._showDropdown=true;this.query=t.detail;this.queryChange.emit(t.detail)}_checkvalue(t,i){return i?.[t]?.toString()?.toLowerCase().indexOf(this.query?.toLowerCase())>=0}_getItems(){let t=this._items.map((t=>s("p-dropdown-menu-item",{useContainer:false,onClick:()=>this._selectValue(t),active:this.multi&&!!this._selectedItem&&Array.isArray(this._selectedItem)?this._selectedItem.findIndex((i=>i[this._identifierKey]===t[this._identifierKey]))>=0:t[this._identifierKey]===this._selectedItem?.[this._identifierKey],checkbox:this.multi?true:false,slot:"items"},this._getDisplay(t))));if(!this._items.length){t=[s("p",{class:"w-full p-2 text-center text-sm text-black-teal-400",slot:"items"},this.emptyStateText)]}if(this.enableSelectAll&&this._items.length){t.unshift(s("p-dropdown-menu-item",{slot:"items",useContainer:false,checkbox:true,onClick:()=>this._selectAllChange(),active:this._allSelected},this.selectAllIcon?.length?s("span",{class:"flex items-center gap-2"},s("div",{class:"flex w-6 justify-center text-lg"},s("p-icon",{variant:this.selectAllIcon}))," ",this.selectAllText):this.selectAllText))}if(this.enableAutocomplete){t.unshift(this._getAutoCompleteItem())}return t}_getAddItem(){return s("p-dropdown-menu-item",{onClick:()=>this.add.emit(),useContainer:false,slot:"items"},s("span",{class:"flex items-center gap-1 font-semibold text-teal-800"},this.addItemText,s("p-icon",{variant:"plus"})))}_getLoadingItems(){const t=[0,0,0].map((()=>s("p-dropdown-menu-item",{enableHover:false,slot:"items"},s("p-loader",{variant:"ghost",class:"h-6 w-full rounded"}))));if(this.enableAutocomplete){t.unshift(this._getAutoCompleteItem())}return t}_getAutoCompleteItem(){return s("div",{class:"sticky top-0 mb-3 h-8",slot:"items"},s("p-field",{class:"block",placeholder:this.autocompletePlaceholder,onValueChange:t=>this._onAutoComplete(t),onInputRefChange:t=>this.autocompleteInputRef=t.detail,value:this.query}))}_setMultiContainerMaxWidth(){if(!this._inputRef||!this._multiContainerRef){return}this._multiContainerRef.style.maxWidth=`${this._inputRef.clientWidth-16}px`}_setCheckSelectedItemsTimeout(){if(this._checkSelectedItemsTimeout){clearTimeout(this._checkSelectedItemsTimeout)}this._checkSelectedItemsTimeout=setTimeout((()=>this._checkSelectedItems()),50)}_checkSelectedItems(){if(!this._multiContainerRef){return}const t=this._multiContainerRef.getBoundingClientRect();const i=this._multiContainerRef.querySelectorAll(".item");let e=0;for(const s of i){s.classList.remove("hidden");s.classList.add("flex");const i=s.getBoundingClientRect();if(i.right>t.right){s.classList.remove("flex");s.classList.add("hidden");e++;continue}}this._amountHidden=e;const s=this._multiContainerRef.querySelector(".extra");if(!s){return}if(!s.classList.contains("hidden")){s.classList.add("hidden")}if(e>0){s.classList.remove("hidden")}}_onDropdownOpen(t){if(!t.detail||!this.autocompleteInputRef){return}this.autocompleteInputRef.focus()}_selectAllChange(){this._allSelected=!this._allSelected;this.selectAllChange.emit(this._allSelected)}_getDisplay(t,i=false){let e=s("div",{class:c({variant:"default"})},t[i?this.selectionDisplayKey??this.displayKey:this.displayKey]);if(this.avatarKey){e=s("span",{class:"flex items-center gap-2"},s("p-avatar",{size:"sm",src:t[this.avatarKey],letters:t[this.avatarLettersKey]}),s("div",{class:c({variant:"default"})},t[this.dropdownDisplayKey??this.displayKey]))}if(this.iconKey&&(!i||this.showIconInSelectedItem)){e=s("span",{class:"flex items-center gap-2"},s("p-icon",{variant:t[this.iconKey]}),s("div",{class:c({variant:"default"})},t[this.dropdownDisplayKey??this.displayKey]))}if((!i||this.applyClassOnSelectedItem)&&!!t?.class?.length){return s("div",{class:t.class},e)}return e}_getParsedItems(t=true){if(!this.items||this.loading){return[]}let i=typeof this.items==="string"?JSON.parse(this.items):this.items;if(typeof i?.[0]==="string"){this.displayKey="text";this.valueKey="value";i=i.map((t=>({value:t,text:t})))}if(this.query?.length&&!this.asyncFilter){i=i.filter((t=>{if(this.queryKey){return this._checkvalue(this.queryKey,t)}return this._checkvalue(this._identifierKey,t)||this._checkvalue(this.displayKey,t)}))}if(!t){return i}return i?.slice(0,this.maxDisplayedItems)}static get watchers(){return{value:["_valueChange"],items:["itemChanges"],_showDropdown:["_showDropdownChanges"],multi:["multiChanges"]}}};u.style=o;export{u as p_select};
2
+ //# sourceMappingURL=p-b3b50ed2.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["selectComponentCss","PSelectStyle0","multiContainer","cva","multiItem","textContainer","variants","variant","placeholder","default","Select","queryChange","valueChange","selectAllChange","dropdownShown","add","_inputRef","autocompleteInputRef","_multiContainerRef","_resizeObserver","_resizeDebounceTimer","_checkSelectedItemsTimeout","_items","this","_getParsedItems","_displayValue","h","class","_selectedItem","multi","length","ref","map","item","onClick","_selectValue","selectionDisplayKey","displayKey","_amountHidden","_getDisplay","_identifierKey","identifierKey","valueKey","componentDidLoad","Error","_setMultiContainerMaxWidth","ResizeObserver","clearTimeout","setTimeout","_setCheckSelectedItemsTimeout","observe","_el","value","_valueChange","itemChanges","componentDidRender","disconnectedCallback","disconnect","render","Host","key","disableTriggerClick","calculateWidth","insideClick","scrollable","enableAutocomplete","show","_showDropdown","onIsOpen","ev","_onDropdownOpen","usePortal","strategy","slot","prefix","label","helper","required","error","errorPlacement","forceShowTooltip","size","chevron","showChevron","disabled","active","icon","_onClick","loading","_getLoadingItems","_getItems","showAddItem","_getAddItem","documentClickHandler","target","childOf","_preselectItem","_showDropdownChanges","emit","query","multiChanges","Array","isArray","JSON","parse","filter","i","includes","autoSelectFirst","identifier","parsedValue","stringify","currentValue","currentParsedValue","items","find","itemIdentifier","parsedItemIdentifier","forceBlur","selectedItem","valueArray","includesIndex","findIndex","push","splice","_onBlur","_findOnClickTarget","nodeName","toLowerCase","classList","contains","parentElement","force","_onAutoComplete","detail","_checkvalue","toString","indexOf","useContainer","checkbox","emptyStateText","enableSelectAll","unshift","_selectAllChange","_allSelected","selectAllIcon","selectAllText","_getAutoCompleteItem","addItemText","enableHover","autocompletePlaceholder","onValueChange","onInputRefChange","style","maxWidth","clientWidth","_checkSelectedItems","containerRect","getBoundingClientRect","querySelectorAll","amountHidden","child","remove","childRect","right","extra","querySelector","focus","isSelection","content","avatarKey","src","letters","avatarLettersKey","dropdownDisplayKey","iconKey","showIconInSelectedItem","applyClassOnSelectedItem","applyPagination","str","text","asyncFilter","queryKey","slice","maxDisplayedItems"],"sources":["src/components/molecules/select/select.component.css?tag=p-select","src/components/molecules/select/select.component.tsx"],"sourcesContent":[null,"import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n\tWatch,\n} from '@stencil/core';\nimport { childOf } from '../../../utils';\nimport { IconVariant } from '../../atoms/icon/icon.component';\nimport { Strategy } from '@floating-ui/dom';\n\nimport { cva } from 'class-variance-authority';\n\nconst multiContainer = cva([\n\t'flex items-center gap-2',\n\t'flex-1 min-w-0 h-full',\n\t'pointer-events-none overflow-hidden',\n]);\n\nconst multiItem = cva([\n\t'item group/item',\n\t'pointer-events-auto cursor-pointer',\n\t'flex h-[1.625rem] items-center gap-2',\n\t'h-[1.625rem] px-2',\n\t'text-sm font-semibold whitespace-nowrap',\n\t'rounded-lg',\n\t'bg-supportive-lilac-100',\n]);\n\nconst textContainer = cva(\n\t'block w-full overflow-hidden text-ellipsis whitespace-nowrap text-start',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tplaceholder: 'text-black-teal-400',\n\t\t\t\tdefault: null,\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-select',\n\tstyleUrl: 'select.component.css',\n})\nexport class Select {\n\t/**\n\t * The items to show in the dropdown\n\t */\n\t@Prop() items: string | any[];\n\n\t/**\n\t * Wether to enable multi select\n\t */\n\t@Prop({ reflect: true }) multi: boolean;\n\n\t/**\n\t * Wether to use a portal for the dropdown container of the select\n\t */\n\t@Prop() usePortal: boolean = false;\n\n\t/**\n\t * The strategy to use for the dropdown placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Icon of the select box\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * The current query\n\t */\n\t@Prop() query: string;\n\n\t/**\n\t * The placeholder of the input\n\t */\n\t@Prop() placeholder: string;\n\n\t/**\n\t * The placeholder of the input used for auto complete\n\t */\n\t@Prop() autocompletePlaceholder: string = 'Search...';\n\n\t/**\n\t * The current value\n\t */\n\t@Prop() value: any;\n\n\t/**\n\t * The key of the object to display\n\t */\n\t@Prop() displayKey: string = 'text';\n\n\t/**\n\t * The key of the object to display in the dropdown (overwrites displayKey)\n\t */\n\t@Prop() dropdownDisplayKey: string | undefined;\n\n\t/**\n\t * The key of the object to display in the input (overwrites displayKey)\n\t */\n\t@Prop() selectionDisplayKey: string | undefined;\n\n\t/**\n\t * The key of the object to return\n\t */\n\t@Prop() valueKey: string;\n\n\t/**\n\t * The key of avatar within an item to show\n\t */\n\t@Prop() avatarKey: string;\n\n\t/**\n\t * The key of icon variant within an item to show\n\t */\n\t@Prop() iconKey: string;\n\n\t/**\n\t * Wether to show the icon also on the selected Item\n\t */\n\t@Prop() showIconInSelectedItem: string;\n\n\t/**\n\t * The key of a class in an item to apply\n\t */\n\t@Prop() classKey: string = 'class';\n\n\t/**\n\t * Wether to apply the item's class also on the selected item\n\t */\n\t@Prop() applyClassOnSelectedItem: string;\n\n\t/**\n\t * The key of avatar letters within an item to show when the avatar url doesn't work\n\t */\n\t@Prop() avatarLettersKey: string;\n\n\t/**\n\t * The key to identify an object\n\t */\n\t@Prop() identifierKey: string;\n\n\t/**\n\t * The key of the object to display\n\t */\n\t@Prop() queryKey?: string;\n\n\t/**\n\t * Wether to automatically select the first item\n\t */\n\t@Prop() autoSelectFirst: boolean = true;\n\n\t/**\n\t * Wether to show the chevron or not\n\t */\n\t@Prop() showChevron: boolean = true;\n\n\t/**\n\t * The maximum amount of items to display\n\t */\n\t@Prop() maxDisplayedItems: number = 10;\n\n\t/**\n\t * Wether to enable autocomplete\n\t */\n\t@Prop() enableAutocomplete: boolean = true;\n\n\t/**\n\t * Wether the input uses async filtering\n\t */\n\t@Prop() asyncFilter: boolean = false;\n\n\t/**\n\t * Wether to show loading items\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * Wether to show the select all item with multi select\n\t */\n\t@Prop() enableSelectAll: boolean = false;\n\n\t/**\n\t * The text of the select all item\n\t */\n\t@Prop() selectAllText: string = 'Select all';\n\n\t/**\n\t * The icon to prefix for select all\n\t */\n\t@Prop() selectAllIcon: IconVariant | undefined;\n\n\t/**\n\t * Event when the query of the autocomplete changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tqueryChange: EventEmitter<string>;\n\n\t/**\n\t * Event when the value changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tvalueChange: EventEmitter<any>;\n\n\t/**\n\t * Event when the select all item has been selected or not\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tselectAllChange: EventEmitter<any>;\n\n\t/**\n\t * Event when the dropdown shows\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tdropdownShown: EventEmitter<any>;\n\n\t/**\n\t * The size of the input group used by the select\n\t */\n\t@Prop() size: 'sm' | 'base' = 'base';\n\n\t/**\n\t * The prefix of the input group used by the select\n\t */\n\t@Prop() prefix: string;\n\n\t/**\n\t * The label of the input group used by the select\n\t */\n\t@Prop() label: string;\n\n\t/**\n\t * The helper of the input group used by the select\n\t */\n\t@Prop() helper: string;\n\n\t/**\n\t * Wether the field is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The helper of the input group used by the select\n\t */\n\t@Prop({ reflect: true }) error: string;\n\n\t/**\n\t * Wether the input group is disabled used by the select\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether to show a \"add\" item\n\t */\n\t@Prop() showAddItem: boolean = false;\n\n\t/**\n\t * The text to show when add item is being shown\n\t */\n\t@Prop() addItemText: string = 'Add item';\n\n\t/**\n\t * Event when the add item is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tadd: EventEmitter;\n\n\t/**\n\t * The text to show when items is empty\n\t */\n\t@Prop() emptyStateText: string = 'No items available';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _showDropdown: any = false;\n\t@State() private _selectedItem: any = null;\n\n\t@State() private _allSelected: boolean = false;\n\n\t@State() private _amountHidden = 0;\n\n\tprivate _inputRef: HTMLDivElement;\n\tprivate autocompleteInputRef: HTMLInputElement | HTMLTextAreaElement;\n\tprivate _multiContainerRef: HTMLElement;\n\n\tprivate _resizeObserver: ResizeObserver;\n\tprivate _resizeDebounceTimer: NodeJS.Timeout | undefined;\n\tprivate _checkSelectedItemsTimeout: NodeJS.Timeout | undefined;\n\n\tget _items() {\n\t\treturn this._getParsedItems();\n\t}\n\n\tget _displayValue() {\n\t\tconst placeholder = (\n\t\t\t<div class={textContainer({ variant: 'placeholder' })}>\n\t\t\t\t{this.placeholder}\n\t\t\t</div>\n\t\t);\n\n\t\tif (!this._selectedItem) {\n\t\t\treturn placeholder;\n\t\t}\n\n\t\tif (this.multi) {\n\t\t\tif (this._selectedItem?.length === 0) {\n\t\t\t\treturn placeholder;\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\tclass={multiContainer()}\n\t\t\t\t\tref={ref => (this._multiContainerRef = ref)}\n\t\t\t\t>\n\t\t\t\t\t{this._selectedItem.map(item => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={multiItem()}\n\t\t\t\t\t\t\tonClick={() => this._selectValue(item)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{item[this.selectionDisplayKey ?? this.displayKey]}\n\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\tclass='text-xs text-supportive-lilac group-hover/item:text-supportive-lilac-800'\n\t\t\t\t\t\t\t\tvariant='negative'\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\n\t\t\t\t\t<div class='extra pointer-events-none hidden text-sm text-black-teal-100'>\n\t\t\t\t\t\t+{this._amountHidden}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\n\t\treturn this._getDisplay(this._selectedItem, true);\n\t}\n\n\tget _identifierKey() {\n\t\treturn this.identifierKey ?? this.valueKey ?? 'value';\n\t}\n\n\tcomponentDidLoad() {\n\t\tif (!this.valueKey && !this.identifierKey) {\n\t\t\tthrow new Error('You must provide a valueKey or identifierKey');\n\t\t}\n\n\t\tif (this.multi) {\n\t\t\tthis._setMultiContainerMaxWidth();\n\n\t\t\tthis._resizeObserver = new ResizeObserver(() => {\n\t\t\t\tif (this._resizeDebounceTimer) {\n\t\t\t\t\tclearTimeout(this._resizeDebounceTimer);\n\t\t\t\t\tthis._resizeDebounceTimer = null;\n\t\t\t\t}\n\n\t\t\t\tthis._resizeDebounceTimer = setTimeout(() => {\n\t\t\t\t\tthis._setMultiContainerMaxWidth();\n\t\t\t\t\tthis._setCheckSelectedItemsTimeout();\n\t\t\t\t}, 200);\n\t\t\t});\n\t\t\tthis._resizeObserver.observe(this._el);\n\t\t}\n\n\t\tif (this.value) {\n\t\t\tthis._valueChange();\n\t\t\treturn;\n\t\t}\n\n\t\tthis.itemChanges();\n\t}\n\n\tcomponentDidRender() {\n\t\tif (this.multi) {\n\t\t\tthis._setMultiContainerMaxWidth();\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this.multi) {\n\t\t\tthis._resizeObserver.disconnect();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-select'>\n\t\t\t\t<p-dropdown\n\t\t\t\t\tdisableTriggerClick={true}\n\t\t\t\t\tcalculateWidth={true}\n\t\t\t\t\tinsideClick={true}\n\t\t\t\t\tscrollable={this.enableAutocomplete ? 'large' : true}\n\t\t\t\t\tshow={this._showDropdown}\n\t\t\t\t\tonIsOpen={ev => this._onDropdownOpen(ev)}\n\t\t\t\t\tusePortal={this.usePortal}\n\t\t\t\t\tstrategy={this.strategy}\n\t\t\t\t>\n\t\t\t\t\t<p-field-container\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\tprefix={this.prefix}\n\t\t\t\t\t\tlabel={this.label}\n\t\t\t\t\t\thelper={this.helper}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\terror={this.error}\n\t\t\t\t\t\terrorPlacement='top-start'\n\t\t\t\t\t\tforceShowTooltip={this.error?.length && this._showDropdown}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tclass='w-full'\n\t\t\t\t\t\t\tslot='content'\n\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\tchevron={this.showChevron}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tactive={this._showDropdown}\n\t\t\t\t\t\t\ticon={this.icon}\n\t\t\t\t\t\t\tonClick={ev => this._onClick(ev)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass='relative flex-1'\n\t\t\t\t\t\t\t\tref={ref => (this._inputRef = ref)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this._displayValue}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</p-button>\n\t\t\t\t\t</p-field-container>\n\t\t\t\t\t{this.loading ? this._getLoadingItems() : this._getItems()}\n\t\t\t\t\t{this.showAddItem && this._getAddItem()}\n\t\t\t\t</p-dropdown>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler({ target }) {\n\t\tif (!this._showDropdown || childOf(target, this._el)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._showDropdown = false;\n\t}\n\n\t@Watch('value')\n\tprivate _valueChange() {\n\t\tsetTimeout(() => {\n\t\t\tthis._preselectItem();\n\t\t\tthis._setCheckSelectedItemsTimeout();\n\t\t});\n\t}\n\n\t@Watch('items')\n\tpublic itemChanges() {\n\t\tsetTimeout(() => this._preselectItem());\n\t}\n\n\t@Watch('_showDropdown')\n\tpublic _showDropdownChanges() {\n\t\tthis.dropdownShown.emit({\n\t\t\tvalue: this._showDropdown,\n\t\t\tquery: this.query,\n\t\t});\n\t}\n\n\t@Watch('multi')\n\tpublic multiChanges() {\n\t\tif (this._selectedItem && !Array.isArray(this._selectedItem)) {\n\t\t\tthis._selectedItem = [];\n\t\t}\n\t}\n\n\tprivate _preselectItem() {\n\t\tlet value =\n\t\t\ttypeof this.value === 'string' && this.multi\n\t\t\t\t? JSON.parse(this.value)\n\t\t\t\t: this.value;\n\n\t\tif (this.multi) {\n\t\t\tif (!Array.isArray(value)) {\n\t\t\t\tthis.value = [];\n\t\t\t\tthis.valueChange.emit(this.value);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis.value = value;\n\t\t\tif (!value.length) {\n\t\t\t\tthis._selectedItem = [];\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis._selectedItem =\n\t\t\t\t!!this.valueKey && this.valueKey !== 'false'\n\t\t\t\t\t? this._items.filter(i => value.includes(i?.[this.valueKey]))\n\t\t\t\t\t: [...value];\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._selectedItem && !value && this.autoSelectFirst) {\n\t\t\tvalue = this._items[0];\n\t\t}\n\n\t\tconst identifier =\n\t\t\ttypeof value === 'object' && value !== null\n\t\t\t\t? value[this._identifierKey]\n\t\t\t\t: value;\n\t\tconst parsedValue =\n\t\t\ttypeof identifier === 'string' || typeof identifier === 'number'\n\t\t\t\t? identifier\n\t\t\t\t: JSON.stringify(identifier);\n\n\t\tconst currentValue = this._selectedItem\n\t\t\t? this._selectedItem?.[this._identifierKey]\n\t\t\t: null;\n\t\tconst currentParsedValue =\n\t\t\ttypeof currentValue === 'string' || typeof currentValue === 'number'\n\t\t\t\t? currentValue\n\t\t\t\t: JSON.stringify(currentValue);\n\n\t\tif (this._selectedItem && currentParsedValue === parsedValue) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._items?.length && value) {\n\t\t\tthis._selectValue(value, false);\n\t\t\treturn;\n\t\t}\n\n\t\tconst items = this._getParsedItems(false);\n\t\tconst item = items.find(i => {\n\t\t\tconst itemIdentifier = i?.[this._identifierKey];\n\t\t\tconst parsedItemIdentifier =\n\t\t\t\ttypeof itemIdentifier === 'string' || typeof itemIdentifier === 'number'\n\t\t\t\t\t? itemIdentifier\n\t\t\t\t\t: JSON.stringify(itemIdentifier);\n\n\t\t\treturn parsedItemIdentifier === parsedValue;\n\t\t});\n\n\t\tthis._selectValue(!!item ? item : value, false);\n\t}\n\n\tprivate _selectValue(item, forceBlur = true) {\n\t\tlet value =\n\t\t\t!!this.valueKey && this.valueKey !== 'false' && item !== null\n\t\t\t\t? item?.[this.valueKey]\n\t\t\t\t: item;\n\n\t\tif (this.multi) {\n\t\t\tif (!this._selectedItem || !Array.isArray(this._selectedItem)) {\n\t\t\t\tthis._selectedItem = [];\n\t\t\t}\n\n\t\t\tif (!this.value || !Array.isArray(this.value)) {\n\t\t\t\tthis.value = [];\n\t\t\t}\n\n\t\t\tconst selectedItem = [...this._selectedItem];\n\t\t\tconst valueArray = [...this.value];\n\n\t\t\tconst includesIndex = selectedItem.findIndex(\n\t\t\t\ti => i[this._identifierKey] === item[this._identifierKey]\n\t\t\t);\n\t\t\tif (includesIndex === -1) {\n\t\t\t\tselectedItem.push(item);\n\t\t\t\tvalueArray.push(value);\n\t\t\t} else {\n\t\t\t\tselectedItem.splice(includesIndex, 1);\n\t\t\t\tvalueArray.splice(includesIndex, 1);\n\t\t\t}\n\n\t\t\tthis._selectedItem = selectedItem;\n\t\t\tthis.value = valueArray;\n\t\t\tthis.valueChange.emit(valueArray);\n\t\t\treturn;\n\t\t}\n\n\t\tthis._selectedItem = item;\n\t\tthis.value = value;\n\t\tthis.valueChange.emit(value);\n\n\t\tthis._onBlur(forceBlur);\n\t}\n\n\tprivate _findOnClickTarget(target: HTMLElement) {\n\t\tif (target.nodeName.toLowerCase() === 'p-button') {\n\t\t\treturn true;\n\t\t}\n\n\t\tif (target.classList.contains('item')) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn this._findOnClickTarget(target.parentElement);\n\t}\n\n\tprivate _onClick(ev) {\n\t\tif (!this._findOnClickTarget(ev.target as HTMLElement)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._showDropdown = !this._showDropdown;\n\t}\n\n\tprivate _onBlur(force = false) {\n\t\tif (this.enableAutocomplete && !force) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._showDropdown = false;\n\t}\n\n\tprivate _onAutoComplete(ev) {\n\t\tif (!this.enableAutocomplete) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._showDropdown = true;\n\n\t\tthis.query = ev.detail;\n\t\tthis.queryChange.emit(ev.detail);\n\t}\n\n\tprivate _checkvalue(key, item) {\n\t\treturn (\n\t\t\titem?.[key]\n\t\t\t\t?.toString()\n\t\t\t\t?.toLowerCase()\n\t\t\t\t.indexOf(this.query?.toLowerCase()) >= 0\n\t\t);\n\t}\n\n\tprivate _getItems() {\n\t\tlet items = this._items.map(item => (\n\t\t\t<p-dropdown-menu-item\n\t\t\t\tuseContainer={false}\n\t\t\t\tonClick={() => this._selectValue(item)}\n\t\t\t\tactive={\n\t\t\t\t\tthis.multi &&\n\t\t\t\t\t!!this._selectedItem &&\n\t\t\t\t\tArray.isArray(this._selectedItem)\n\t\t\t\t\t\t? this._selectedItem.findIndex(\n\t\t\t\t\t\t\t\ti => i[this._identifierKey] === item[this._identifierKey]\n\t\t\t\t\t\t\t) >= 0\n\t\t\t\t\t\t: item[this._identifierKey] ===\n\t\t\t\t\t\t\tthis._selectedItem?.[this._identifierKey]\n\t\t\t\t}\n\t\t\t\tcheckbox={this.multi ? true : false}\n\t\t\t\tslot='items'\n\t\t\t>\n\t\t\t\t{this._getDisplay(item)}\n\t\t\t</p-dropdown-menu-item>\n\t\t));\n\n\t\tif (!this._items.length) {\n\t\t\titems = [\n\t\t\t\t<p\n\t\t\t\t\tclass='w-full p-2 text-center text-sm text-black-teal-400'\n\t\t\t\t\tslot='items'\n\t\t\t\t>\n\t\t\t\t\t{this.emptyStateText}\n\t\t\t\t</p>,\n\t\t\t];\n\t\t}\n\n\t\tif (this.enableSelectAll && this._items.length) {\n\t\t\titems.unshift(\n\t\t\t\t<p-dropdown-menu-item\n\t\t\t\t\tslot='items'\n\t\t\t\t\tuseContainer={false}\n\t\t\t\t\tcheckbox\n\t\t\t\t\tonClick={() => this._selectAllChange()}\n\t\t\t\t\tactive={this._allSelected}\n\t\t\t\t>\n\t\t\t\t\t{this.selectAllIcon?.length ? (\n\t\t\t\t\t\t<span class='flex items-center gap-2'>\n\t\t\t\t\t\t\t<div class='flex w-6 justify-center text-lg'>\n\t\t\t\t\t\t\t\t<p-icon variant={this.selectAllIcon} />\n\t\t\t\t\t\t\t</div>{' '}\n\t\t\t\t\t\t\t{this.selectAllText}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t) : (\n\t\t\t\t\t\tthis.selectAllText\n\t\t\t\t\t)}\n\t\t\t\t</p-dropdown-menu-item>\n\t\t\t);\n\t\t}\n\n\t\tif (this.enableAutocomplete) {\n\t\t\titems.unshift(this._getAutoCompleteItem());\n\t\t}\n\n\t\treturn items;\n\t}\n\n\tprivate _getAddItem() {\n\t\treturn (\n\t\t\t<p-dropdown-menu-item\n\t\t\t\tonClick={() => this.add.emit()}\n\t\t\t\tuseContainer={false}\n\t\t\t\tslot='items'\n\t\t\t>\n\t\t\t\t<span class='flex items-center gap-1 font-semibold text-teal-800'>\n\t\t\t\t\t{this.addItemText}\n\t\t\t\t\t<p-icon variant='plus' />\n\t\t\t\t</span>\n\t\t\t</p-dropdown-menu-item>\n\t\t);\n\t}\n\n\tprivate _getLoadingItems() {\n\t\tconst items = [0, 0, 0].map(() => (\n\t\t\t<p-dropdown-menu-item\n\t\t\t\tenableHover={false}\n\t\t\t\tslot='items'\n\t\t\t>\n\t\t\t\t<p-loader\n\t\t\t\t\tvariant='ghost'\n\t\t\t\t\tclass='h-6 w-full rounded'\n\t\t\t\t/>\n\t\t\t</p-dropdown-menu-item>\n\t\t));\n\n\t\tif (this.enableAutocomplete) {\n\t\t\titems.unshift(this._getAutoCompleteItem());\n\t\t}\n\n\t\treturn items;\n\t}\n\n\tprivate _getAutoCompleteItem() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass='sticky top-0 mb-3 h-8'\n\t\t\t\tslot='items'\n\t\t\t>\n\t\t\t\t<p-field\n\t\t\t\t\tclass='block'\n\t\t\t\t\tplaceholder={this.autocompletePlaceholder}\n\t\t\t\t\tonValueChange={ev => this._onAutoComplete(ev)}\n\t\t\t\t\tonInputRefChange={ev => (this.autocompleteInputRef = ev.detail)}\n\t\t\t\t\tvalue={this.query}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _setMultiContainerMaxWidth() {\n\t\tif (!this._inputRef || !this._multiContainerRef) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._multiContainerRef.style.maxWidth = `${\n\t\t\tthis._inputRef.clientWidth - 16\n\t\t}px`;\n\t}\n\n\tprivate _setCheckSelectedItemsTimeout() {\n\t\tif (this._checkSelectedItemsTimeout) {\n\t\t\tclearTimeout(this._checkSelectedItemsTimeout);\n\t\t}\n\n\t\tthis._checkSelectedItemsTimeout = setTimeout(\n\t\t\t() => this._checkSelectedItems(),\n\t\t\t50\n\t\t);\n\t}\n\n\tprivate _checkSelectedItems() {\n\t\tif (!this._multiContainerRef) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst containerRect = this._multiContainerRef.getBoundingClientRect();\n\t\tconst items = this._multiContainerRef.querySelectorAll('.item');\n\n\t\tlet amountHidden = 0;\n\n\t\tfor (const child of items) {\n\t\t\tchild.classList.remove('hidden');\n\t\t\tchild.classList.add('flex');\n\n\t\t\tconst childRect = child.getBoundingClientRect();\n\t\t\tif (childRect.right > containerRect.right) {\n\t\t\t\tchild.classList.remove('flex');\n\t\t\t\tchild.classList.add('hidden');\n\t\t\t\tamountHidden++;\n\n\t\t\t\tcontinue;\n\t\t\t}\n\t\t}\n\n\t\tthis._amountHidden = amountHidden;\n\t\tconst extra = this._multiContainerRef.querySelector('.extra');\n\t\tif (!extra) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!extra.classList.contains('hidden')) {\n\t\t\textra.classList.add('hidden');\n\t\t}\n\n\t\tif (amountHidden > 0) {\n\t\t\textra.classList.remove('hidden');\n\t\t}\n\t}\n\n\tprivate _onDropdownOpen(ev) {\n\t\tif (!ev.detail || !this.autocompleteInputRef) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.autocompleteInputRef.focus();\n\t}\n\n\tprivate _selectAllChange() {\n\t\tthis._allSelected = !this._allSelected;\n\t\tthis.selectAllChange.emit(this._allSelected);\n\t}\n\n\tprivate _getDisplay(item, isSelection = false) {\n\t\tlet content = (\n\t\t\t<div class={textContainer({ variant: 'default' })}>\n\t\t\t\t{\n\t\t\t\t\titem[\n\t\t\t\t\t\tisSelection\n\t\t\t\t\t\t\t? (this.selectionDisplayKey ?? this.displayKey)\n\t\t\t\t\t\t\t: this.displayKey\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t</div>\n\t\t);\n\n\t\tif (this.avatarKey) {\n\t\t\tcontent = (\n\t\t\t\t<span class='flex items-center gap-2'>\n\t\t\t\t\t<p-avatar\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\tsrc={item[this.avatarKey]}\n\t\t\t\t\t\tletters={item[this.avatarLettersKey]}\n\t\t\t\t\t></p-avatar>\n\t\t\t\t\t<div class={textContainer({ variant: 'default' })}>\n\t\t\t\t\t\t{item[this.dropdownDisplayKey ?? this.displayKey]}\n\t\t\t\t\t</div>\n\t\t\t\t</span>\n\t\t\t);\n\t\t}\n\n\t\tif (this.iconKey && (!isSelection || this.showIconInSelectedItem)) {\n\t\t\tcontent = (\n\t\t\t\t<span class='flex items-center gap-2'>\n\t\t\t\t\t<p-icon variant={item[this.iconKey] as IconVariant} />\n\t\t\t\t\t<div class={textContainer({ variant: 'default' })}>\n\t\t\t\t\t\t{item[this.dropdownDisplayKey ?? this.displayKey]}\n\t\t\t\t\t</div>\n\t\t\t\t</span>\n\t\t\t);\n\t\t}\n\n\t\tif (\n\t\t\t(!isSelection || this.applyClassOnSelectedItem) &&\n\t\t\t!!item?.class?.length\n\t\t) {\n\t\t\treturn <div class={item.class}>{content}</div>;\n\t\t}\n\n\t\treturn content;\n\t}\n\n\tprivate _getParsedItems(applyPagination = true) {\n\t\tif (!this.items || this.loading) {\n\t\t\treturn [];\n\t\t}\n\n\t\tlet items =\n\t\t\ttypeof this.items === 'string' ? JSON.parse(this.items) : this.items;\n\n\t\tif (typeof items?.[0] === 'string') {\n\t\t\tthis.displayKey = 'text';\n\t\t\tthis.valueKey = 'value';\n\n\t\t\titems = items.map(str => ({\n\t\t\t\tvalue: str,\n\t\t\t\ttext: str,\n\t\t\t}));\n\t\t}\n\n\t\tif (this.query?.length && !this.asyncFilter) {\n\t\t\titems = items.filter(item => {\n\t\t\t\tif (this.queryKey) {\n\t\t\t\t\treturn this._checkvalue(this.queryKey, item);\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\tthis._checkvalue(this._identifierKey, item) ||\n\t\t\t\t\tthis._checkvalue(this.displayKey, item)\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\n\t\tif (!applyPagination) {\n\t\t\treturn items;\n\t\t}\n\n\t\treturn items?.slice(0, this.maxDisplayedItems);\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as t,c as e,h as r,H as i,g as a}from"./p-45ded510.js";import{c as o}from"./p-8a5b8196.js";import{n as s}from"./p-c605a1c1.js";import{a as n,c,o as h,f as d,s as l}from"./p-170077a4.js";import{c as p}from"./p-3b8209bc.js";import"./p-8a1a6e56.js";const b="*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-1\\/2{left:50%!important}.top-1\\/2{top:50%!important}.m-0{margin:0!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.w-4{width:1rem!important}.flex-shrink-0{flex-shrink:0!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.-translate-y-1\\/2{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}.-translate-y-1\\/2{--tw-translate-y:-50%!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-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.appearance-none{appearance:none!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-black-teal-50{--tw-border-opacity:1!important;border-color:rgb(230 234 233/var(--tw-border-opacity,1))!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-200{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.drop-shadow-black-teal-10\\%{--tw-drop-shadow:drop-shadow(0px 1px 0px rgba(3,42,36,.1))!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.checked\\:border-black-teal\\/20:checked{border-color:rgba(3,42,36,.2)!important}.checked\\:bg-supportive-lilac:checked{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.checked\\:ring-2:checked{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.checked\\:ring-supportive-lilac-100:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.indeterminate\\:border-black-teal\\/20:indeterminate{border-color:rgba(3,42,36,.2)!important}.indeterminate\\:bg-supportive-lilac-700:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.indeterminate\\:ring-2:indeterminate{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.indeterminate\\:ring-supportive-lilac-100:indeterminate{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.hover\\:border-black-teal-100:hover{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.hover\\:bg-supportive-lilac-100:hover{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.checked\\:hover\\:border-black-teal\\/20:hover:checked{border-color:rgba(3,42,36,.2)!important}.checked\\:hover\\:bg-supportive-lilac-700:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.indeterminate\\:hover\\:border-black-teal\\/20:hover:indeterminate{border-color:rgba(3,42,36,.2)!important}.indeterminate\\:hover\\:bg-supportive-lilac:hover:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.group\\/p-checkbox:hover .group-hover\\/p-checkbox\\:text-sm{font-size:.875rem!important;line-height:1.25rem!important}.peer:checked~.peer-checked\\:flex{display:flex!important}.peer:indeterminate~.peer-indeterminate\\:flex{display:flex!important}";const m=b;const w=o(["peer appearance-none m-0 outline-none flex-shrink-0","border border-inset border-solid ","rounded w-4 h-4"],{variants:{disabled:{false:["cursor-pointer shadow-1","bg-white border-black-teal-100","hover:bg-supportive-lilac-100 hover:border-black-teal-100","checked:bg-supportive-lilac checked:border-black-teal/20","checked:ring-2 checked:ring-supportive-lilac-100","checked:hover:bg-supportive-lilac-700 checked:hover:border-black-teal/20","indeterminate:bg-supportive-lilac-700 indeterminate:border-black-teal/20","indeterminate:ring-2 indeterminate:ring-supportive-lilac-100","indeterminate:hover:bg-supportive-lilac indeterminate:hover:border-black-teal/20"],true:"bg-white-600 border-black-teal-50 cursor-not-allowed "}}});const f=o(["hidden peer-indeterminate:flex peer-checked:flex","absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none"],{variants:{disabled:{false:"text-white",true:"text-black-teal-200"}}});const g=o(["drop-shadow-black-teal-10% text-xs"],{variants:{disabled:{false:"group-hover/p-checkbox:text-sm",true:null}}});const v=class{constructor(r){t(this,r);this.checkedChange=e(this,"checkedChange",7);this.indeterminateChange=e(this,"indeterminateChange",7);this.checked=undefined;this.indeterminate=undefined;this.disabled=false;this.required=true;this.id=undefined;this.name=undefined;this._nonce=s(5)}checkedChange;indeterminateChange;render(){return r(i,{key:"3fc7254132b37579295b56aa49cd9d5313ca1b17",class:"p-checkbox"},r("label",{key:"bcb109993fb2219ed2575773976f5c312dd70999",htmlFor:this.id??this._nonce,class:"group/p-checkbox flex items-center justify-start gap-2 text-black-teal"},r("div",{key:"8a248d351a959bcc8095024d739c20243a69e797",class:"relative flex flex-shrink-0 items-center"},r("input",{key:"a297cea3c229c9d5241884732f6281cc4ae471a2",class:w({disabled:this.disabled}),type:"checkbox",id:this.id??this._nonce,name:this.name,required:this.required,checked:!!this.checked,indeterminate:this.indeterminate,disabled:this.disabled,onChange:t=>this._onChange(t)}),r("div",{key:"59733c1ee445272627bb3f11bf8f9a59798755fa",class:f({disabled:this.disabled})},r("p-icon",{key:"d31d40111ef2073daca07fdc4ec994a31350cc40",class:g({disabled:this.disabled}),size:"auto",variant:!!this.indeterminate?"minus":"checkmarkThick"}))),r("slot",{key:"d5bc07c185226d73f5823afdd437b4b1f208240d"})))}_onChange(t){if(this.disabled){t.preventDefault();return}const e=t.target.checked;const r=t.target.indeterminate;if(e!=this.checked){this.checked=e;this.checkedChange.emit(e)}if(r!=this.indeterminate){this.indeterminate=r;this.indeterminateChange.emit(r)}}};v.style=m;const u="*{box-sizing:border-box}.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.z-dropdown{z-index:200!important}.block{display:block!important}.hidden{display:none!important}";const k=u;const x=o(["z-dropdown hidden"],{variants:{strategy:{absolute:"absolute",fixed:"fixed"}}});const y=class{constructor(r){t(this,r);this.isOpen=e(this,"isOpen",3);this.variant="default";this.placement="bottom-start";this.offset=8;this.strategy="absolute";this.show=false;this.usePortal=false;this.calculateWidth=false;this.applyMaxWidth=true;this.applyFullWidth=true;this.allowOverflow=false;this.scrollable=false;this.insideClick=false;this.disableTriggerClick=false;this.applyChevron=true;this.chevronPosition="end";this.chevronDirection=undefined}get _el(){return a(this)}isOpen;_loaded=false;_trigger;_menu;_cleanup;componentShouldUpdate(){this._update()}componentDidLoad(){this._checkButtons()}disconnectedCallback(){if(this._cleanup){this._cleanup();this._cleanup=null}this._menu.remove()}componentDidRender(){this._checkButtons();this._checkItems()}render(){const t={class:x({strategy:this.strategy}),ref:t=>this._load(t),onClick:()=>this._containerClickHandler(),role:"popover","data-placement":this.placement,"data-strategy":this.strategy};let e;if(this.usePortal){e=r("p-portal",{key:"2ef190e2cd48e5bb2c11ebb14dee78a2f00a10e9",...t},r("p-dropdown-menu-container",{key:"32a25346708daf087c4f63c3f3f8d68e2a3320f9",variant:this.variant,maxWidth:!this.calculateWidth&&this.applyMaxWidth,fullWidth:this.applyFullWidth&&!this.applyMaxWidth,allowOverflow:this.allowOverflow,scrollable:this.scrollable},r("slot",{key:"165b0919ff2cae9b8f040d972b7fcae245341568",name:"items"})))}else{e=r("p-dropdown-menu-container",{key:"06169533cac303c1ad14f3eedd084120d0bc285d",variant:this.variant,maxWidth:!this.calculateWidth&&this.applyMaxWidth,fullWidth:this.applyFullWidth&&!this.applyMaxWidth,allowOverflow:this.allowOverflow,scrollable:this.scrollable,...t},r("slot",{key:"f5e194cb30b783e4eacab149508adff0ed3a298e",name:"items"}))}return r(i,{key:"a0a1de42bd08376b659cff117b25c43f417fd36e",class:"p-dropdown relative"},r("div",{key:"ed7e4461a36af81c2e3928c9f8b243444782c793",class:"trigger",ref:t=>this._trigger=t,onClick:()=>this._triggerClickHandler()},r("slot",{key:"26dd3a15c60b860c3cfe7dbac3c09976b62242c0",name:"trigger"})),e)}_checkButtons(t=false){if(!this.applyChevron){return}const e=this._el.querySelectorAll('p-button[slot="trigger"]');for(let r of[...e]){r.chevronPosition=this.chevronPosition;r.chevron=this.chevronDirection?this.chevronDirection:this.placement.indexOf("top")>=0?"up":"down";r.disabled=this.disableTriggerClick;r.active=t}}_checkItems(){const t=this._el.querySelectorAll("p-dropdown-menu-item");for(let e of[...t]){e.variant=this.variant}}onShowChange(t){if(!this._loaded){return}if(!t){this._hide();return}this._show()}documentClickHandler({target:t}){if(!this._menu.hasAttribute("data-show")||p(t,this._menu)){return}this._hide()}_containerClickHandler(){if(this.insideClick){return}if(this._menu.hasAttribute("data-show")){this._hide()}}_triggerClickHandler(){if(this.disableTriggerClick){return}if(this._menu.hasAttribute("data-show")){this._hide();return}this._show()}_load(t){this._menu=t;if(t){this._update();this._loaded=true;if(this.show){setTimeout((()=>this._show()),100)}}}_show(){if(!this._loaded){return}if(this.calculateWidth){this._menu.style.width=`${this._trigger.clientWidth}px`}this._cleanup=n(this._el,this._menu,(()=>this._update()));this._menu.setAttribute("data-show","");this._menu.classList.remove("hidden");this._menu.classList.add("block");this.isOpen.emit(true);this._checkButtons(true)}_hide(){if(!this._loaded||this.show){return}if(this._cleanup){this._cleanup();this._cleanup=null}this._menu.removeAttribute("data-show");this._menu.classList.remove("block");this._menu.classList.add("hidden");this.isOpen.emit(false);this._checkButtons(false)}_update(){if(!this._menu){return}c(this._el,this._menu,{placement:this.placement,strategy:this.strategy,middleware:[h(this.offset),d(),l()]}).then((({x:t,y:e,placement:r})=>{this._menu.dataset.placement=r;Object.assign(this._menu.style,{top:`${e}px`,left:`${t}px`})}))}static get watchers(){return{show:["onShowChange"]}}};y.style=k;export{v as p_checkbox,y as p_dropdown};
2
+ //# sourceMappingURL=p-dc8258c0.entry.js.map