@dropi/ui 0.1.20 → 0.1.21

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 (515) hide show
  1. package/dist/cjs/dropi-accordion-item.cjs.entry.js +54 -0
  2. package/dist/cjs/dropi-accordion.cjs.entry.js +5 -39
  3. package/dist/cjs/dropi-alert-legacy.cjs.entry.js +39 -0
  4. package/dist/cjs/dropi-alert-modal.cjs.entry.js +80 -24
  5. package/dist/cjs/dropi-alert.cjs.entry.js +20 -14
  6. package/dist/cjs/dropi-avatars.cjs.entry.js +2 -2
  7. package/dist/cjs/dropi-badge-legacy.cjs.entry.js +30 -0
  8. package/dist/cjs/dropi-badge.cjs.entry.js +4 -4
  9. package/dist/cjs/dropi-banner-external.cjs.entry.js +14 -8
  10. package/dist/cjs/dropi-breadcrumb.cjs.entry.js +1 -1
  11. package/dist/cjs/dropi-button.cjs.entry.js +11 -7
  12. package/dist/cjs/dropi-card-checkbox.cjs.entry.js +17 -14
  13. package/dist/cjs/dropi-card-product.cjs.entry.js +40 -23
  14. package/dist/cjs/dropi-card-section.cjs.entry.js +17 -17
  15. package/dist/cjs/dropi-carousel.cjs.entry.js +107 -42
  16. package/dist/cjs/dropi-checkbox-selection-list.cjs.entry.js +17 -15
  17. package/dist/cjs/dropi-checkbox.cjs.entry.js +6 -6
  18. package/dist/cjs/dropi-chips.cjs.entry.js +8 -8
  19. package/dist/cjs/dropi-city-selector.cjs.entry.js +20 -9
  20. package/dist/cjs/dropi-color-picker.cjs.entry.js +300 -50
  21. package/dist/cjs/dropi-country-flags.cjs.entry.js +4 -4
  22. package/dist/cjs/dropi-country-selector.cjs.entry.js +50 -17
  23. package/dist/cjs/dropi-date-picker-range.cjs.entry.js +8 -8
  24. package/dist/cjs/dropi-date-picker.cjs.entry.js +53 -35
  25. package/dist/cjs/dropi-drawer.cjs.entry.js +34 -8
  26. package/dist/cjs/dropi-dropdown.cjs.entry.js +22 -15
  27. package/dist/cjs/dropi-empty-state.cjs.entry.js +15 -18
  28. package/dist/cjs/dropi-favorite-button.cjs.entry.js +5 -5
  29. package/dist/cjs/dropi-file-upload-progress-bar.cjs.entry.js +55 -32
  30. package/dist/cjs/dropi-file-upload.cjs.entry.js +209 -57
  31. package/dist/cjs/dropi-icon.cjs.entry.js +2 -2
  32. package/dist/cjs/dropi-ilustration-icon.cjs.entry.js +3 -3
  33. package/dist/cjs/dropi-image-miniature.cjs.entry.js +2 -2
  34. package/dist/cjs/dropi-image-overlay.cjs.entry.js +2 -2
  35. package/dist/cjs/dropi-input_3.cjs.entry.js +390 -0
  36. package/dist/cjs/dropi-languages-selector.cjs.entry.js +5 -5
  37. package/dist/cjs/dropi-logo.cjs.entry.js +2 -2
  38. package/dist/cjs/dropi-lottie-loader.cjs.entry.js +5 -5
  39. package/dist/cjs/dropi-media-player.cjs.entry.js +126 -39
  40. package/dist/cjs/dropi-modal.cjs.entry.js +29 -10
  41. package/dist/cjs/dropi-navbar.cjs.entry.js +14 -12
  42. package/dist/cjs/dropi-otp-send-code.cjs.entry.js +9 -9
  43. package/dist/cjs/dropi-phone-input.cjs.entry.js +163 -50
  44. package/dist/cjs/dropi-radio-button.cjs.entry.js +7 -7
  45. package/dist/cjs/dropi-radio-selection-list.cjs.entry.js +17 -13
  46. package/dist/cjs/dropi-read-more.cjs.entry.js +8 -4
  47. package/dist/cjs/dropi-search.cjs.entry.js +52 -38
  48. package/dist/cjs/dropi-select.cjs.entry.js +98 -55
  49. package/dist/cjs/dropi-sidebar.cjs.entry.js +61 -50
  50. package/dist/cjs/dropi-simple-stepper.cjs.entry.js +8 -6
  51. package/dist/cjs/dropi-skeleton.cjs.entry.js +16 -6
  52. package/dist/cjs/dropi-steps.cjs.entry.js +6 -4
  53. package/dist/cjs/dropi-switch.cjs.entry.js +5 -5
  54. package/dist/cjs/dropi-table.cjs.entry.js +205 -37
  55. package/dist/cjs/dropi-tabs.cjs.entry.js +13 -11
  56. package/dist/cjs/dropi-tag-type-product.cjs.entry.js +3 -3
  57. package/dist/cjs/dropi-text-area.cjs.entry.js +45 -14
  58. package/dist/cjs/dropi-time-line.cjs.entry.js +3 -3
  59. package/dist/cjs/dropi-toast.cjs.entry.js +4 -4
  60. package/dist/cjs/dropi-tooltip-v2.cjs.entry.js +131 -0
  61. package/dist/cjs/dropi-tooltip.cjs.entry.js +5 -26
  62. package/dist/cjs/dropi-ui.cjs.js +2 -2
  63. package/dist/cjs/dropi-vertical-steps.cjs.entry.js +6 -6
  64. package/dist/cjs/dropi-youtube-lazy-video.cjs.entry.js +3 -3
  65. package/dist/cjs/{index-DcOH2ZjX.js → index-077kM98l.js} +3 -0
  66. package/dist/cjs/loader.cjs.js +2 -2
  67. package/dist/collection/collection-manifest.json +7 -3
  68. package/dist/collection/components/dropi-accordion/dropi-accordion-item.css +45 -0
  69. package/dist/collection/components/dropi-accordion/dropi-accordion-item.js +172 -0
  70. package/dist/collection/components/dropi-accordion/dropi-accordion.css +3 -3
  71. package/dist/collection/components/dropi-accordion/dropi-accordion.js +7 -129
  72. package/dist/collection/components/dropi-alert/dropi-alert.css +5 -5
  73. package/dist/collection/components/dropi-alert/dropi-alert.js +86 -20
  74. package/dist/collection/components/dropi-alert-legacy/dropi-alert-legacy.css +31 -0
  75. package/dist/collection/components/dropi-alert-legacy/dropi-alert-legacy.js +128 -0
  76. package/dist/collection/components/dropi-alert-modal/dropi-alert-modal.css +46 -23
  77. package/dist/collection/components/dropi-alert-modal/dropi-alert-modal.js +177 -46
  78. package/dist/collection/components/dropi-avatars/dropi-avatars.js +2 -2
  79. package/dist/collection/components/dropi-badge/dropi-badge.css +1 -1
  80. package/dist/collection/components/dropi-badge/dropi-badge.js +3 -4
  81. package/dist/collection/components/dropi-badge-legacy/dropi-badge-legacy.css +17 -0
  82. package/dist/collection/components/dropi-badge-legacy/dropi-badge-legacy.js +119 -0
  83. package/dist/collection/components/dropi-banner-external/dropi-banner-external.js +76 -12
  84. package/dist/collection/components/dropi-button/dropi-button.css +17 -17
  85. package/dist/collection/components/dropi-button/dropi-button.js +31 -7
  86. package/dist/collection/components/dropi-card-checkbox/dropi-card-checkbox.css +3 -1
  87. package/dist/collection/components/dropi-card-checkbox/dropi-card-checkbox.js +30 -27
  88. package/dist/collection/components/dropi-card-product/dropi-card-product.css +179 -102
  89. package/dist/collection/components/dropi-card-product/dropi-card-product.js +110 -79
  90. package/dist/collection/components/dropi-card-section/dropi-card-section.css +2 -2
  91. package/dist/collection/components/dropi-card-section/dropi-card-section.js +25 -25
  92. package/dist/collection/components/dropi-carousel/dropi-carousel.css +114 -69
  93. package/dist/collection/components/dropi-carousel/dropi-carousel.js +194 -97
  94. package/dist/collection/components/dropi-checkbox/dropi-checkbox.js +6 -6
  95. package/dist/collection/components/dropi-checkbox-selection-list/dropi-checkbox-selection-list.js +42 -20
  96. package/dist/collection/components/dropi-chips/dropi-chips.js +15 -15
  97. package/dist/collection/components/dropi-city-selector/dropi-city-selector.css +112 -50
  98. package/dist/collection/components/dropi-city-selector/dropi-city-selector.js +30 -9
  99. package/dist/collection/components/dropi-color-picker/dropi-color-picker.css +169 -142
  100. package/dist/collection/components/dropi-color-picker/dropi-color-picker.js +317 -159
  101. package/dist/collection/components/dropi-country-flags/dropi-country-flags.js +5 -5
  102. package/dist/collection/components/dropi-country-selector/dropi-country-selector.css +72 -25
  103. package/dist/collection/components/dropi-country-selector/dropi-country-selector.js +124 -22
  104. package/dist/collection/components/dropi-date-picker/dropi-date-picker.css +104 -39
  105. package/dist/collection/components/dropi-date-picker/dropi-date-picker.js +131 -49
  106. package/dist/collection/components/dropi-date-picker-range/dropi-date-picker-range.css +8 -8
  107. package/dist/collection/components/dropi-date-picker-range/dropi-date-picker-range.js +8 -8
  108. package/dist/collection/components/dropi-drawer/dropi-drawer.css +38 -16
  109. package/dist/collection/components/dropi-drawer/dropi-drawer.js +100 -14
  110. package/dist/collection/components/dropi-dropdown/dropi-dropdown.css +1 -1
  111. package/dist/collection/components/dropi-dropdown/dropi-dropdown.js +51 -26
  112. package/dist/collection/components/dropi-empty-state/dropi-empty-state.js +37 -54
  113. package/dist/collection/components/dropi-favorite-button/dropi-favorite-button.js +5 -5
  114. package/dist/collection/components/dropi-file-upload/dropi-file-upload.css +431 -33
  115. package/dist/collection/components/dropi-file-upload/dropi-file-upload.js +363 -104
  116. package/dist/collection/components/dropi-file-upload-progress-bar/dropi-file-upload-progress-bar.css +82 -78
  117. package/dist/collection/components/dropi-file-upload-progress-bar/dropi-file-upload-progress-bar.js +127 -69
  118. package/dist/collection/components/dropi-icon/dropi-icon.js +1 -1
  119. package/dist/collection/components/dropi-ilustration-icon/dropi-ilustration-icon.css +3 -3
  120. package/dist/collection/components/dropi-ilustration-icon/dropi-ilustration-icon.js +1 -1
  121. package/dist/collection/components/dropi-image-miniature/dropi-image-miniature.js +1 -1
  122. package/dist/collection/components/dropi-image-overlay/dropi-image-overlay.css +6 -2
  123. package/dist/collection/components/dropi-input/dropi-input.css +1 -1
  124. package/dist/collection/components/dropi-input/dropi-input.js +158 -87
  125. package/dist/collection/components/dropi-languages-selector/dropi-languages-selector.css +1 -1
  126. package/dist/collection/components/dropi-languages-selector/dropi-languages-selector.js +4 -4
  127. package/dist/collection/components/dropi-logo/dropi-logo.js +1 -1
  128. package/dist/collection/components/dropi-lottie-loader/dropi-lottie-loader.css +8 -2
  129. package/dist/collection/components/dropi-lottie-loader/dropi-lottie-loader.js +6 -6
  130. package/dist/collection/components/dropi-media-player/dropi-media-player.css +263 -70
  131. package/dist/collection/components/dropi-media-player/dropi-media-player.js +156 -59
  132. package/dist/collection/components/dropi-modal/dropi-modal.css +14 -4
  133. package/dist/collection/components/dropi-modal/dropi-modal.js +291 -12
  134. package/dist/collection/components/dropi-navbar/dropi-navbar.css +7 -7
  135. package/dist/collection/components/dropi-navbar/dropi-navbar.js +42 -26
  136. package/dist/collection/components/dropi-otp-send-code/dropi-otp-send-code.css +2 -2
  137. package/dist/collection/components/dropi-otp-send-code/dropi-otp-send-code.js +9 -9
  138. package/dist/collection/components/dropi-paginator/dropi-paginator.css +2 -2
  139. package/dist/collection/components/dropi-paginator/dropi-paginator.js +51 -99
  140. package/dist/collection/components/dropi-phone-input/dropi-phone-input.css +158 -101
  141. package/dist/collection/components/dropi-phone-input/dropi-phone-input.js +256 -86
  142. package/dist/collection/components/dropi-radio-button/dropi-radio-button.js +13 -20
  143. package/dist/collection/components/dropi-radio-selection-list/dropi-radio-selection-list.css +3 -3
  144. package/dist/collection/components/dropi-radio-selection-list/dropi-radio-selection-list.js +69 -19
  145. package/dist/collection/components/dropi-read-more/dropi-read-more.css +5 -8
  146. package/dist/collection/components/dropi-read-more/dropi-read-more.js +46 -2
  147. package/dist/collection/components/dropi-search/dropi-search.css +2 -2
  148. package/dist/collection/components/dropi-search/dropi-search.js +194 -60
  149. package/dist/collection/components/dropi-select/dropi-select.css +7 -7
  150. package/dist/collection/components/dropi-select/dropi-select.js +166 -84
  151. package/dist/collection/components/dropi-sidebar/dropi-sidebar.css +51 -92
  152. package/dist/collection/components/dropi-sidebar/dropi-sidebar.js +86 -176
  153. package/dist/collection/components/dropi-simple-stepper/dropi-simple-stepper.css +2 -2
  154. package/dist/collection/components/dropi-simple-stepper/dropi-simple-stepper.js +29 -7
  155. package/dist/collection/components/dropi-skeleton/dropi-skeleton.js +40 -10
  156. package/dist/collection/components/dropi-steps/dropi-steps.css +3 -3
  157. package/dist/collection/components/dropi-steps/dropi-steps.js +31 -3
  158. package/dist/collection/components/dropi-switch/dropi-switch.js +5 -5
  159. package/dist/collection/components/dropi-table/dropi-table.css +505 -45
  160. package/dist/collection/components/dropi-table/dropi-table.js +683 -50
  161. package/dist/collection/components/dropi-tabs/dropi-tabs.css +10 -5
  162. package/dist/collection/components/dropi-tabs/dropi-tabs.js +35 -13
  163. package/dist/collection/components/dropi-tag/dropi-tag.js +1 -1
  164. package/dist/collection/components/dropi-tag-type-product/dropi-tag-type-product.css +4 -4
  165. package/dist/collection/components/dropi-tag-type-product/dropi-tag-type-product.js +1 -1
  166. package/dist/collection/components/dropi-text-area/dropi-text-area.css +4 -1
  167. package/dist/collection/components/dropi-text-area/dropi-text-area.js +87 -32
  168. package/dist/collection/components/dropi-time-line/dropi-time-line.css +2 -2
  169. package/dist/collection/components/dropi-time-line/dropi-time-line.js +1 -1
  170. package/dist/collection/components/dropi-toast/dropi-toast.css +2 -2
  171. package/dist/collection/components/dropi-toast/dropi-toast.js +3 -3
  172. package/dist/collection/components/dropi-tooltip/dropi-tooltip.css +28 -63
  173. package/dist/collection/components/dropi-tooltip/dropi-tooltip.js +11 -88
  174. package/dist/collection/components/dropi-tooltip-v2/dropi-tooltip.css +67 -0
  175. package/dist/collection/components/dropi-tooltip-v2/dropi-tooltip.js +468 -0
  176. package/dist/collection/components/dropi-vertical-steps/dropi-vertical-steps.css +3 -3
  177. package/dist/collection/components/dropi-vertical-steps/dropi-vertical-steps.js +5 -5
  178. package/dist/collection/components/dropi-youtube-lazy-video/dropi-youtube-lazy-video.css +1 -1
  179. package/dist/collection/components/dropi-youtube-lazy-video/dropi-youtube-lazy-video.js +1 -1
  180. package/dist/components/dropi-accordion-item.d.ts +11 -0
  181. package/dist/components/dropi-accordion-item.js +1 -0
  182. package/dist/components/dropi-accordion.js +1 -1
  183. package/dist/components/dropi-alert-legacy.d.ts +11 -0
  184. package/dist/components/dropi-alert-legacy.js +1 -0
  185. package/dist/components/dropi-alert-modal.js +1 -1
  186. package/dist/components/dropi-alert.js +1 -1
  187. package/dist/components/dropi-avatars.js +1 -1
  188. package/dist/components/dropi-badge-legacy.d.ts +11 -0
  189. package/dist/components/dropi-badge-legacy.js +1 -0
  190. package/dist/components/dropi-badge.js +1 -1
  191. package/dist/components/dropi-banner-external.js +1 -1
  192. package/dist/components/dropi-breadcrumb.js +1 -1
  193. package/dist/components/dropi-button.js +1 -1
  194. package/dist/components/dropi-card-checkbox.js +1 -1
  195. package/dist/components/dropi-card-product.js +1 -1
  196. package/dist/components/dropi-card-section.js +1 -1
  197. package/dist/components/dropi-carousel.js +1 -1
  198. package/dist/components/dropi-checkbox-selection-list.js +1 -1
  199. package/dist/components/dropi-checkbox.js +1 -1
  200. package/dist/components/dropi-chips.js +1 -1
  201. package/dist/components/dropi-city-selector.js +1 -1
  202. package/dist/components/dropi-color-picker.js +1 -1
  203. package/dist/components/dropi-country-flags.js +1 -1
  204. package/dist/components/dropi-country-selector.js +1 -1
  205. package/dist/components/dropi-date-picker-range.js +1 -1
  206. package/dist/components/dropi-date-picker.js +1 -1
  207. package/dist/components/dropi-drawer.js +1 -1
  208. package/dist/components/dropi-dropdown.js +1 -1
  209. package/dist/components/dropi-empty-state.js +1 -1
  210. package/dist/components/dropi-favorite-button.js +1 -1
  211. package/dist/components/dropi-file-upload-progress-bar.js +1 -1
  212. package/dist/components/dropi-file-upload.js +1 -1
  213. package/dist/components/dropi-icon.js +1 -1
  214. package/dist/components/dropi-ilustration-icon.js +1 -1
  215. package/dist/components/dropi-image-miniature.js +1 -1
  216. package/dist/components/dropi-image-overlay.js +1 -1
  217. package/dist/components/dropi-input.js +1 -1
  218. package/dist/components/dropi-languages-selector.js +1 -1
  219. package/dist/components/dropi-logo.js +1 -1
  220. package/dist/components/dropi-lottie-loader.js +1 -1
  221. package/dist/components/dropi-media-player.js +1 -1
  222. package/dist/components/dropi-modal.js +1 -1
  223. package/dist/components/dropi-navbar.js +1 -1
  224. package/dist/components/dropi-otp-send-code.js +1 -1
  225. package/dist/components/dropi-paginator.js +1 -1
  226. package/dist/components/dropi-phone-input.js +1 -1
  227. package/dist/components/dropi-radio-button.js +1 -1
  228. package/dist/components/dropi-radio-selection-list.js +1 -1
  229. package/dist/components/dropi-read-more.js +1 -1
  230. package/dist/components/dropi-search.js +1 -1
  231. package/dist/components/dropi-select.js +1 -1
  232. package/dist/components/dropi-sidebar.js +1 -1
  233. package/dist/components/dropi-simple-stepper.js +1 -1
  234. package/dist/components/dropi-skeleton.js +1 -1
  235. package/dist/components/dropi-steps.js +1 -1
  236. package/dist/components/dropi-switch.js +1 -1
  237. package/dist/components/dropi-table.js +1 -1
  238. package/dist/components/dropi-tabs.js +1 -1
  239. package/dist/components/dropi-tag-type-product.js +1 -1
  240. package/dist/components/dropi-tag.js +1 -1
  241. package/dist/components/dropi-text-area.js +1 -1
  242. package/dist/components/dropi-time-line.js +1 -1
  243. package/dist/components/dropi-toast.js +1 -1
  244. package/dist/components/dropi-tooltip-v2.d.ts +11 -0
  245. package/dist/components/dropi-tooltip-v2.js +1 -0
  246. package/dist/components/dropi-tooltip.js +1 -1
  247. package/dist/components/dropi-vertical-steps.js +1 -1
  248. package/dist/components/dropi-youtube-lazy-video.js +1 -1
  249. package/dist/components/index.js +1 -1
  250. package/dist/components/p-9KLpSviZ.js +1 -0
  251. package/dist/components/p-BVekazGL.js +1 -0
  252. package/dist/components/p-BYRcOZS4.js +1 -0
  253. package/dist/components/p-BuDg1d0S.js +1 -0
  254. package/dist/components/p-C2paYEIp.js +1 -0
  255. package/dist/components/p-CDvkvedb.js +1 -0
  256. package/dist/components/{p-wO1yy0Zr.js → p-CnALA9z_.js} +1 -1
  257. package/dist/components/p-CtzCJQVR.js +1 -0
  258. package/dist/components/p-CzHupXu8.js +1 -0
  259. package/dist/components/p-DWzWYR5X.js +1 -0
  260. package/dist/components/p-D_Y7tuEH.js +1 -0
  261. package/dist/components/p-DjO9xpVc.js +1 -0
  262. package/dist/dropi-ui/dropi-ui.esm.js +1 -1
  263. package/dist/dropi-ui/p-0966c363.entry.js +1 -0
  264. package/dist/dropi-ui/p-0c541a53.entry.js +1 -0
  265. package/dist/dropi-ui/p-0cd1fb7a.entry.js +1 -0
  266. package/dist/dropi-ui/p-0f161461.entry.js +1 -0
  267. package/dist/dropi-ui/p-10e363a2.entry.js +1 -0
  268. package/dist/dropi-ui/p-1d4c5364.entry.js +1 -0
  269. package/dist/dropi-ui/p-2e0623ba.entry.js +1 -0
  270. package/dist/dropi-ui/p-2e4efb72.entry.js +1 -0
  271. package/dist/dropi-ui/p-36cdd4fc.entry.js +1 -0
  272. package/dist/dropi-ui/{p-4a8646e5.entry.js → p-37c86c74.entry.js} +1 -1
  273. package/dist/dropi-ui/p-392654b7.entry.js +1 -0
  274. package/dist/dropi-ui/p-39904430.entry.js +1 -0
  275. package/dist/dropi-ui/p-3a3b778f.entry.js +1 -0
  276. package/dist/dropi-ui/p-3cbe953f.entry.js +1 -0
  277. package/dist/dropi-ui/p-40b69ccd.entry.js +1 -0
  278. package/dist/dropi-ui/p-443ed5bd.entry.js +1 -0
  279. package/dist/dropi-ui/p-475a16f2.entry.js +1 -0
  280. package/dist/dropi-ui/p-4967b619.entry.js +1 -0
  281. package/dist/dropi-ui/p-4de83790.entry.js +1 -0
  282. package/dist/dropi-ui/p-59188dd5.entry.js +1 -0
  283. package/dist/dropi-ui/p-6178190b.entry.js +1 -0
  284. package/dist/dropi-ui/p-623759eb.entry.js +1 -0
  285. package/dist/dropi-ui/p-645da978.entry.js +1 -0
  286. package/dist/dropi-ui/p-6e727fb0.entry.js +1 -0
  287. package/dist/dropi-ui/p-7036c073.entry.js +1 -0
  288. package/dist/dropi-ui/p-710312bd.entry.js +1 -0
  289. package/dist/dropi-ui/p-74dfe8d1.entry.js +1 -0
  290. package/dist/dropi-ui/p-770afae3.entry.js +1 -0
  291. package/dist/dropi-ui/{p-b41c8a6c.entry.js → p-7c0bc6dd.entry.js} +1 -1
  292. package/dist/dropi-ui/p-7f8d3642.entry.js +1 -0
  293. package/dist/dropi-ui/p-7fc02d98.entry.js +1 -0
  294. package/dist/dropi-ui/p-8188cca4.entry.js +1 -0
  295. package/dist/dropi-ui/p-858bedcf.entry.js +1 -0
  296. package/dist/dropi-ui/p-87e9ba6d.entry.js +1 -0
  297. package/dist/dropi-ui/p-8b4d4d2d.entry.js +1 -0
  298. package/dist/dropi-ui/p-9062f0de.entry.js +1 -0
  299. package/dist/dropi-ui/p-925852b1.entry.js +1 -0
  300. package/dist/dropi-ui/{p-c9ebd31b.entry.js → p-99943b7d.entry.js} +1 -1
  301. package/dist/dropi-ui/{p-Tbza12Gt.js → p-TXz_09YZ.js} +1 -1
  302. package/dist/dropi-ui/p-a1f2383d.entry.js +1 -0
  303. package/dist/dropi-ui/p-a6939701.entry.js +1 -0
  304. package/dist/dropi-ui/p-aa8d2aec.entry.js +1 -0
  305. package/dist/dropi-ui/{p-8ce79c69.entry.js → p-aafaffa3.entry.js} +1 -1
  306. package/dist/dropi-ui/{p-80089042.entry.js → p-ac345a0e.entry.js} +1 -1
  307. package/dist/dropi-ui/p-acfa17ef.entry.js +1 -0
  308. package/dist/dropi-ui/p-af3691a0.entry.js +1 -0
  309. package/dist/dropi-ui/p-b207fc92.entry.js +1 -0
  310. package/dist/dropi-ui/p-ba3ad28e.entry.js +1 -0
  311. package/dist/dropi-ui/p-bd0ffb4a.entry.js +1 -0
  312. package/dist/dropi-ui/p-c2e96728.entry.js +1 -0
  313. package/dist/dropi-ui/{p-8e809670.entry.js → p-c664f99f.entry.js} +1 -1
  314. package/dist/dropi-ui/p-c7e3a5e0.entry.js +1 -0
  315. package/dist/dropi-ui/{p-c4d4396b.entry.js → p-cfc19ca0.entry.js} +1 -1
  316. package/dist/dropi-ui/p-d36a0c37.entry.js +1 -0
  317. package/dist/dropi-ui/p-dd4c6b40.entry.js +1 -0
  318. package/dist/dropi-ui/p-e0351b61.entry.js +1 -0
  319. package/dist/dropi-ui/p-e2361547.entry.js +1 -0
  320. package/dist/dropi-ui/p-e25b2680.entry.js +1 -0
  321. package/dist/dropi-ui/p-e6943d7c.entry.js +1 -0
  322. package/dist/dropi-ui/p-e7b59811.entry.js +1 -0
  323. package/dist/dropi-ui/p-eac7777f.entry.js +1 -0
  324. package/dist/dropi-ui/p-ed94b5fe.entry.js +1 -0
  325. package/dist/dropi-ui/p-f0ddf569.entry.js +1 -0
  326. package/dist/dropi-ui/p-f95c11f8.entry.js +1 -0
  327. package/dist/esm/dropi-accordion-item.entry.js +52 -0
  328. package/dist/esm/dropi-accordion.entry.js +5 -39
  329. package/dist/esm/dropi-alert-legacy.entry.js +37 -0
  330. package/dist/esm/dropi-alert-modal.entry.js +80 -24
  331. package/dist/esm/dropi-alert.entry.js +20 -14
  332. package/dist/esm/dropi-avatars.entry.js +2 -2
  333. package/dist/esm/dropi-badge-legacy.entry.js +28 -0
  334. package/dist/esm/dropi-badge.entry.js +4 -4
  335. package/dist/esm/dropi-banner-external.entry.js +14 -8
  336. package/dist/esm/dropi-breadcrumb.entry.js +1 -1
  337. package/dist/esm/dropi-button.entry.js +11 -7
  338. package/dist/esm/dropi-card-checkbox.entry.js +17 -14
  339. package/dist/esm/dropi-card-product.entry.js +40 -23
  340. package/dist/esm/dropi-card-section.entry.js +17 -17
  341. package/dist/esm/dropi-carousel.entry.js +107 -42
  342. package/dist/esm/dropi-checkbox-selection-list.entry.js +17 -15
  343. package/dist/esm/dropi-checkbox.entry.js +6 -6
  344. package/dist/esm/dropi-chips.entry.js +8 -8
  345. package/dist/esm/dropi-city-selector.entry.js +20 -9
  346. package/dist/esm/dropi-color-picker.entry.js +300 -50
  347. package/dist/esm/dropi-country-flags.entry.js +4 -4
  348. package/dist/esm/dropi-country-selector.entry.js +50 -17
  349. package/dist/esm/dropi-date-picker-range.entry.js +8 -8
  350. package/dist/esm/dropi-date-picker.entry.js +53 -35
  351. package/dist/esm/dropi-drawer.entry.js +34 -8
  352. package/dist/esm/dropi-dropdown.entry.js +22 -15
  353. package/dist/esm/dropi-empty-state.entry.js +15 -18
  354. package/dist/esm/dropi-favorite-button.entry.js +5 -5
  355. package/dist/esm/dropi-file-upload-progress-bar.entry.js +55 -32
  356. package/dist/esm/dropi-file-upload.entry.js +209 -57
  357. package/dist/esm/dropi-icon.entry.js +2 -2
  358. package/dist/esm/dropi-ilustration-icon.entry.js +3 -3
  359. package/dist/esm/dropi-image-miniature.entry.js +2 -2
  360. package/dist/esm/dropi-image-overlay.entry.js +2 -2
  361. package/dist/esm/dropi-input_3.entry.js +386 -0
  362. package/dist/esm/dropi-languages-selector.entry.js +5 -5
  363. package/dist/esm/dropi-logo.entry.js +2 -2
  364. package/dist/esm/dropi-lottie-loader.entry.js +5 -5
  365. package/dist/esm/dropi-media-player.entry.js +126 -39
  366. package/dist/esm/dropi-modal.entry.js +29 -10
  367. package/dist/esm/dropi-navbar.entry.js +14 -12
  368. package/dist/esm/dropi-otp-send-code.entry.js +9 -9
  369. package/dist/esm/dropi-phone-input.entry.js +163 -50
  370. package/dist/esm/dropi-radio-button.entry.js +7 -7
  371. package/dist/esm/dropi-radio-selection-list.entry.js +17 -13
  372. package/dist/esm/dropi-read-more.entry.js +8 -4
  373. package/dist/esm/dropi-search.entry.js +52 -38
  374. package/dist/esm/dropi-select.entry.js +98 -55
  375. package/dist/esm/dropi-sidebar.entry.js +61 -50
  376. package/dist/esm/dropi-simple-stepper.entry.js +8 -6
  377. package/dist/esm/dropi-skeleton.entry.js +16 -6
  378. package/dist/esm/dropi-steps.entry.js +6 -4
  379. package/dist/esm/dropi-switch.entry.js +5 -5
  380. package/dist/esm/dropi-table.entry.js +205 -37
  381. package/dist/esm/dropi-tabs.entry.js +13 -11
  382. package/dist/esm/dropi-tag-type-product.entry.js +3 -3
  383. package/dist/esm/dropi-text-area.entry.js +45 -14
  384. package/dist/esm/dropi-time-line.entry.js +3 -3
  385. package/dist/esm/dropi-toast.entry.js +4 -4
  386. package/dist/esm/dropi-tooltip-v2.entry.js +129 -0
  387. package/dist/esm/dropi-tooltip.entry.js +5 -26
  388. package/dist/esm/dropi-ui.js +3 -3
  389. package/dist/esm/dropi-vertical-steps.entry.js +6 -6
  390. package/dist/esm/dropi-youtube-lazy-video.entry.js +3 -3
  391. package/dist/esm/{index-Tbza12Gt.js → index-TXz_09YZ.js} +3 -0
  392. package/dist/esm/loader.js +3 -3
  393. package/dist/types/components/dropi-accordion/dropi-accordion-item.d.ts +24 -0
  394. package/dist/types/components/dropi-accordion/dropi-accordion.d.ts +3 -23
  395. package/dist/types/components/dropi-alert/dropi-alert.d.ts +9 -3
  396. package/dist/types/components/dropi-alert-legacy/dropi-alert-legacy.d.ts +18 -0
  397. package/dist/types/components/dropi-alert-modal/dropi-alert-modal.d.ts +25 -7
  398. package/dist/types/components/dropi-badge-legacy/dropi-badge-legacy.d.ts +15 -0
  399. package/dist/types/components/dropi-banner-external/dropi-banner-external.d.ts +9 -3
  400. package/dist/types/components/dropi-button/dropi-button.d.ts +4 -2
  401. package/dist/types/components/dropi-card-checkbox/dropi-card-checkbox.d.ts +8 -7
  402. package/dist/types/components/dropi-card-product/dropi-card-product.d.ts +19 -15
  403. package/dist/types/components/dropi-card-section/dropi-card-section.d.ts +5 -5
  404. package/dist/types/components/dropi-carousel/dropi-carousel.d.ts +31 -27
  405. package/dist/types/components/dropi-checkbox/dropi-checkbox.d.ts +1 -1
  406. package/dist/types/components/dropi-checkbox-selection-list/dropi-checkbox-selection-list.d.ts +7 -5
  407. package/dist/types/components/dropi-chips/dropi-chips.d.ts +4 -4
  408. package/dist/types/components/dropi-city-selector/dropi-city-selector.d.ts +3 -1
  409. package/dist/types/components/dropi-color-picker/dropi-color-picker.d.ts +51 -26
  410. package/dist/types/components/dropi-country-flags/dropi-country-flags.d.ts +1 -1
  411. package/dist/types/components/dropi-country-selector/dropi-country-selector.d.ts +16 -5
  412. package/dist/types/components/dropi-date-picker/dropi-date-picker.d.ts +16 -8
  413. package/dist/types/components/dropi-date-picker-range/dropi-date-picker-range.d.ts +2 -2
  414. package/dist/types/components/dropi-drawer/dropi-drawer.d.ts +11 -5
  415. package/dist/types/components/dropi-dropdown/dropi-dropdown.d.ts +12 -6
  416. package/dist/types/components/dropi-empty-state/dropi-empty-state.d.ts +12 -14
  417. package/dist/types/components/dropi-favorite-button/dropi-favorite-button.d.ts +1 -1
  418. package/dist/types/components/dropi-file-upload/dropi-file-upload.d.ts +65 -26
  419. package/dist/types/components/dropi-file-upload-progress-bar/dropi-file-upload-progress-bar.d.ts +24 -16
  420. package/dist/types/components/dropi-input/dropi-input.d.ts +28 -18
  421. package/dist/types/components/dropi-languages-selector/dropi-languages-selector.d.ts +1 -1
  422. package/dist/types/components/dropi-lottie-loader/dropi-lottie-loader.d.ts +1 -1
  423. package/dist/types/components/dropi-media-player/dropi-media-player.d.ts +26 -19
  424. package/dist/types/components/dropi-modal/dropi-modal.d.ts +22 -3
  425. package/dist/types/components/dropi-navbar/dropi-navbar.d.ts +7 -5
  426. package/dist/types/components/dropi-otp-send-code/dropi-otp-send-code.d.ts +1 -1
  427. package/dist/types/components/dropi-paginator/dropi-paginator.d.ts +10 -20
  428. package/dist/types/components/dropi-phone-input/dropi-phone-input.d.ts +35 -20
  429. package/dist/types/components/dropi-radio-button/dropi-radio-button.d.ts +2 -2
  430. package/dist/types/components/dropi-radio-selection-list/dropi-radio-selection-list.d.ts +11 -4
  431. package/dist/types/components/dropi-read-more/dropi-read-more.d.ts +4 -0
  432. package/dist/types/components/dropi-search/dropi-search.d.ts +24 -12
  433. package/dist/types/components/dropi-select/dropi-select.d.ts +26 -15
  434. package/dist/types/components/dropi-sidebar/dropi-sidebar.d.ts +32 -26
  435. package/dist/types/components/dropi-simple-stepper/dropi-simple-stepper.d.ts +2 -0
  436. package/dist/types/components/dropi-skeleton/dropi-skeleton.d.ts +4 -1
  437. package/dist/types/components/dropi-steps/dropi-steps.d.ts +3 -0
  438. package/dist/types/components/dropi-switch/dropi-switch.d.ts +1 -1
  439. package/dist/types/components/dropi-table/dropi-table.d.ts +88 -14
  440. package/dist/types/components/dropi-tabs/dropi-tabs.d.ts +5 -3
  441. package/dist/types/components/dropi-text-area/dropi-text-area.d.ts +27 -6
  442. package/dist/types/components/dropi-tooltip/dropi-tooltip.d.ts +3 -17
  443. package/dist/types/components/dropi-tooltip-v2/dropi-tooltip.d.ts +59 -0
  444. package/dist/types/components/dropi-vertical-steps/dropi-vertical-steps.d.ts +1 -1
  445. package/dist/types/components.d.ts +2180 -1178
  446. package/dist/types/index.d.ts +1 -0
  447. package/package.json +25 -3
  448. package/readme.md +56 -7
  449. package/scripts/setup.js +119 -23
  450. package/skills/install-dropi-ui/skill.md +15 -10
  451. package/dist/cjs/dropi-input.cjs.entry.js +0 -210
  452. package/dist/cjs/dropi-paginator.cjs.entry.js +0 -91
  453. package/dist/cjs/dropi-tag.cjs.entry.js +0 -68
  454. package/dist/components/p-BY_J-4Sm.js +0 -1
  455. package/dist/components/p-CYCV-5qV.js +0 -1
  456. package/dist/components/p-D0ZJcRZn.js +0 -1
  457. package/dist/components/p-DUPOnSiL.js +0 -1
  458. package/dist/components/p-DUX_WvqW.js +0 -1
  459. package/dist/dropi-ui/p-053ebb91.entry.js +0 -1
  460. package/dist/dropi-ui/p-0acd32e6.entry.js +0 -1
  461. package/dist/dropi-ui/p-0e88a543.entry.js +0 -1
  462. package/dist/dropi-ui/p-0f2f5f75.entry.js +0 -1
  463. package/dist/dropi-ui/p-131d87ac.entry.js +0 -1
  464. package/dist/dropi-ui/p-1af4719d.entry.js +0 -1
  465. package/dist/dropi-ui/p-1e8f6d4a.entry.js +0 -1
  466. package/dist/dropi-ui/p-22132b1a.entry.js +0 -1
  467. package/dist/dropi-ui/p-2c1aaf6f.entry.js +0 -1
  468. package/dist/dropi-ui/p-2e9b87a9.entry.js +0 -1
  469. package/dist/dropi-ui/p-3414a414.entry.js +0 -1
  470. package/dist/dropi-ui/p-34ad54a1.entry.js +0 -1
  471. package/dist/dropi-ui/p-3531378b.entry.js +0 -1
  472. package/dist/dropi-ui/p-3983a7aa.entry.js +0 -1
  473. package/dist/dropi-ui/p-40e91337.entry.js +0 -1
  474. package/dist/dropi-ui/p-4be64bf0.entry.js +0 -1
  475. package/dist/dropi-ui/p-4ec17510.entry.js +0 -1
  476. package/dist/dropi-ui/p-5023eef0.entry.js +0 -1
  477. package/dist/dropi-ui/p-51a97b1a.entry.js +0 -1
  478. package/dist/dropi-ui/p-52796d84.entry.js +0 -1
  479. package/dist/dropi-ui/p-53a5bd7b.entry.js +0 -1
  480. package/dist/dropi-ui/p-5425f941.entry.js +0 -1
  481. package/dist/dropi-ui/p-58d0bf7a.entry.js +0 -1
  482. package/dist/dropi-ui/p-59d3bd9b.entry.js +0 -1
  483. package/dist/dropi-ui/p-5e957631.entry.js +0 -1
  484. package/dist/dropi-ui/p-64cbf4ea.entry.js +0 -1
  485. package/dist/dropi-ui/p-68080534.entry.js +0 -1
  486. package/dist/dropi-ui/p-6da6b97e.entry.js +0 -1
  487. package/dist/dropi-ui/p-6df57f25.entry.js +0 -1
  488. package/dist/dropi-ui/p-7c916570.entry.js +0 -1
  489. package/dist/dropi-ui/p-7e95462a.entry.js +0 -1
  490. package/dist/dropi-ui/p-8768bb11.entry.js +0 -1
  491. package/dist/dropi-ui/p-896f2900.entry.js +0 -1
  492. package/dist/dropi-ui/p-89ac1ff2.entry.js +0 -1
  493. package/dist/dropi-ui/p-93b207b7.entry.js +0 -1
  494. package/dist/dropi-ui/p-983f72ad.entry.js +0 -1
  495. package/dist/dropi-ui/p-98babb78.entry.js +0 -1
  496. package/dist/dropi-ui/p-9fc53d50.entry.js +0 -1
  497. package/dist/dropi-ui/p-a20705fe.entry.js +0 -1
  498. package/dist/dropi-ui/p-a72da98f.entry.js +0 -1
  499. package/dist/dropi-ui/p-a876d57c.entry.js +0 -1
  500. package/dist/dropi-ui/p-b1b0f938.entry.js +0 -1
  501. package/dist/dropi-ui/p-b2e176b1.entry.js +0 -1
  502. package/dist/dropi-ui/p-b890fd5b.entry.js +0 -1
  503. package/dist/dropi-ui/p-bf5a53ef.entry.js +0 -1
  504. package/dist/dropi-ui/p-c0677661.entry.js +0 -1
  505. package/dist/dropi-ui/p-c2562a1c.entry.js +0 -1
  506. package/dist/dropi-ui/p-c2b5d0fb.entry.js +0 -1
  507. package/dist/dropi-ui/p-cecfb68e.entry.js +0 -1
  508. package/dist/dropi-ui/p-d0b47e2e.entry.js +0 -1
  509. package/dist/dropi-ui/p-dcefef51.entry.js +0 -1
  510. package/dist/dropi-ui/p-e4b7e15f.entry.js +0 -1
  511. package/dist/dropi-ui/p-e7f4ed25.entry.js +0 -1
  512. package/dist/dropi-ui/p-f1d69b15.entry.js +0 -1
  513. package/dist/esm/dropi-input.entry.js +0 -208
  514. package/dist/esm/dropi-paginator.entry.js +0 -89
  515. package/dist/esm/dropi-tag.entry.js +0 -66
@@ -1 +0,0 @@
1
- import{r as e,h as r}from"./p-Tbza12Gt.js";const t=class{constructor(r){e(this,r)}text="";maxWords=20;showSeeLess=!0;expanded=!1;get words(){return(this.text||"").split(/\s+/).filter(Boolean)}get needsTruncation(){return this.words.length>this.maxWords}get displayText(){return!this.needsTruncation||this.expanded?this.text:this.words.slice(0,this.maxWords).join(" ")+"…"}render(){const e=this.needsTruncation&&(!this.expanded||this.showSeeLess);return r("div",{key:"82c3554cc4488391be3b70c5e3bbb5a38a957ec8",class:"read-more"},r("p",{key:"48287caef84486c77d8e8f36080c59c32c90cd00",class:"read-more__text"},this.displayText),e&&r("button",{key:"b808d8cf10d65381e16cdda460db8ceb4d8467c0",class:"read-more__toggle",onClick:()=>this.expanded=!this.expanded},this.expanded?"Ver menos":"Ver más"))}};t.style=":host{display:block}.read-more__text{margin:0 0 4px;font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-800, #1a2033);line-height:1.5}.read-more__toggle{background:none;border:none;padding:0;margin:0;font-size:var(--font-size-s, 12px);font-family:inherit;font-weight:var(--font-weight-bold, 700);color:var(--Primary-Primary-500, #f49a3d);cursor:pointer;text-decoration:underline}.read-more__toggle:hover{color:var(--Primary-Primary-600, #d4872e)}";export{t as dropi_read_more}
@@ -1 +0,0 @@
1
- import{r as e,h as t}from"./p-Tbza12Gt.js";const a=class{constructor(t){e(this,t)}state="pending";stateText={pending:"Pendiente",active:"Activo",canceled:"Cancelado",frozen:"Congelado"};renderIcon(){return"active"===this.state?t("svg",{width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M11.5444 5.87067L12.5389 6.88004L8.43554 10.9225C8.16142 11.1966 7.80087 11.3333 7.43892 11.3333C7.07696 11.3333 6.71287 11.1952 6.43592 10.919L4.46533 9.00929L5.45204 7.99142L7.43042 9.90887L11.5444 5.87067ZM17 8.5C17 13.187 13.187 17 8.5 17C3.81296 17 0 13.187 0 8.5C0 3.81296 3.81296 0 8.5 0C13.187 0 17 3.81296 17 8.5ZM15.5833 8.5C15.5833 4.59425 12.4057 1.41667 8.5 1.41667C4.59425 1.41667 1.41667 4.59425 1.41667 8.5C1.41667 12.4057 4.59425 15.5833 8.5 15.5833C12.4057 15.5833 15.5833 12.4057 15.5833 8.5Z",fill:"currentColor"})):"pending"===this.state?t("svg",{width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M8.5 17C3.81296 17 0 13.187 0 8.5C0 3.81296 3.81296 0 8.5 0C13.187 0 17 3.81296 17 8.5C17 13.187 13.187 17 8.5 17ZM8.5 1.41667C4.59425 1.41667 1.41667 4.59425 1.41667 8.5C1.41667 12.4057 4.59425 15.5833 8.5 15.5833C12.4057 15.5833 15.5833 12.4057 15.5833 8.5C15.5833 4.59425 12.4057 1.41667 8.5 1.41667ZM9.20833 8.5V4.25C9.20833 3.859 8.891 3.54167 8.5 3.54167C8.109 3.54167 7.79167 3.859 7.79167 4.25V7.79167H5.66667C5.27567 7.79167 4.95833 8.109 4.95833 8.5C4.95833 8.891 5.27567 9.20833 5.66667 9.20833H8.5C8.891 9.20833 9.20833 8.891 9.20833 8.5Z",fill:"currentColor"})):"canceled"===this.state?t("svg",{width:"12",height:"14",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.5497 4.86859V5.76046C12.1075 6.00391 12.5823 6.40464 12.916 6.91364C13.2497 7.42264 13.4279 8.01785 13.4287 8.62648V12.3844C13.4277 13.2146 13.0974 14.0106 12.5103 14.5976C11.9233 15.1847 11.1273 15.515 10.2971 15.516H4.03392C3.20368 15.515 2.40773 15.1847 1.82066 14.5976C1.23359 14.0106 0.903338 13.2146 0.902344 12.3844V8.62648C0.903144 8.01785 1.08129 7.42264 1.41498 6.91364C1.74868 6.40464 2.22347 6.00391 2.78129 5.76046V4.86859C2.78129 3.70582 3.2432 2.59068 4.0654 1.76848C4.8876 0.946282 6.00274 0.484375 7.1655 0.484375C8.32827 0.484375 9.44341 0.946282 10.2656 1.76848C11.0878 2.59068 11.5497 3.70582 11.5497 4.86859ZM4.95114 2.65422C4.36386 3.24151 4.03392 4.03804 4.03392 4.86859V5.4949H10.2971V4.86859C10.2971 4.03804 9.96715 3.24151 9.37986 2.65422C8.79258 2.06694 7.99605 1.73701 7.1655 1.73701C6.33496 1.73701 5.53843 2.06694 4.95114 2.65422ZM11.6257 13.713C11.9781 13.3606 12.176 12.8827 12.176 12.3844V8.62648C12.176 8.12815 11.9781 7.65023 11.6257 7.29786C11.2733 6.94549 10.7954 6.74753 10.2971 6.74753H4.03392C3.53559 6.74753 3.05768 6.94549 2.70531 7.29786C2.35294 7.65023 2.15498 8.12815 2.15498 8.62648V12.3844C2.15498 12.8827 2.35294 13.3606 2.70531 13.713C3.05768 14.0654 3.53559 14.2633 4.03392 14.2633H10.2971C10.7954 14.2633 11.2733 14.0654 11.6257 13.713ZM6.72263 9.43615C6.84009 9.31869 6.99939 9.25271 7.1655 9.25271C7.33161 9.25271 7.49092 9.31869 7.60837 9.43615C7.72583 9.55361 7.79182 9.71291 7.79182 9.87902V11.1317C7.79182 11.2978 7.72583 11.4571 7.60837 11.5745C7.49092 11.692 7.33161 11.758 7.1655 11.758C6.99939 11.758 6.84009 11.692 6.72263 11.5745C6.60517 11.4571 6.53919 11.2978 6.53919 11.1317V9.87902C6.53919 9.71291 6.60517 9.55361 6.72263 9.43615Z",fill:"currentColor"})):null}render(){return t("div",{key:"5fe86b98326a2bc1b6916421ff51204fe307e7b7",class:`tag-state ${this.state}`},this.renderIcon(),t("p",{key:"887a979f44c1128a3e78f01be2f20750aab9b276"},this.stateText[this.state]))}};a.style=":host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.tag-state{border-radius:12px;padding:2px 10px;display:flex;align-items:center;gap:4px}.tag-state svg{width:13px}.tag-state p{font-size:13px;font-weight:500;line-height:20px;margin:0;padding:0}.tag-state.active{background:var(--Success-Success-50, #e7f8f3);color:var(--Success-Success-500, #0abb87)}.tag-state.pending{color:var(--Orange-orange-500, #f49a3d);background:var(--Orange-orange-50, #fef5ec)}.tag-state.canceled,.tag-state.frozen{color:var(--Gray-Gray-500, #69738c);background:var(--Gray-Gray-50, #f7f8fa)}";export{a as dropi_badge}
@@ -1 +0,0 @@
1
- import{r,c as a,h as t}from"./p-Tbza12Gt.js";const o=class{constructor(t){r(this,t),this.dropiInput=a(this,"dropiInput",7),this.dropiChange=a(this,"dropiChange",7),this.dropiFocus=a(this,"dropiFocus",7),this.dropiBlur=a(this,"dropiBlur",7),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals)}internals;inputId="";name="";label="";placeholder="";value="";maxlength;minlength=0;rows=4;resize="vertical";disabled=!1;required=!1;showAsterisk=!1;helperText="";invalid=!1;touched=!1;dropiInput;dropiChange;dropiFocus;dropiBlur;valueChanged(r){this.internals.setFormValue(r)}componentWillLoad(){this.internals.setFormValue(this.value??"")}handleInput(r){const a=r.target.value;this.value=a,this.internals.setFormValue(a),this.dropiInput.emit(a)}handleBlur(){this.touched=!0,this.dropiChange.emit(this.value),this.dropiBlur.emit()}get resolvedId(){return this.inputId||this.label}get isInvalid(){return this.invalid&&this.touched}get charCount(){return this.value?.length??0}render(){const r=this.helperText||this.isInvalid;return t("div",{key:"ea3be8cb6a7316f6c7e7b41b51e14db24654db7a",class:"textarea-wrapper"},this.label&&t("label",{key:"d6b48ca844611e26ac378070863334a481179cd5",htmlFor:this.resolvedId,style:{color:this.disabled?"var(--Gray-Gray-400)":"var(--Gray-Gray-600)"}},this.label,this.required&&this.showAsterisk&&!this.disabled&&t("span",{key:"a3f28346716188fd46ae411e54a64242856c9ec1",class:"asterisk"}," *")),t("div",{key:"c0532ad518a267ff14884c687e49b005ff39c381",class:"textarea-container"},t("textarea",{key:"3bdd909fb0b1710bba23d348fe46058414a0f244",id:this.resolvedId,class:{"form-control":!0,"Body-M-Regular":!0,"form-control-valid":!this.isInvalid&&this.touched&&!!this.value,"form-control-invalid":this.isInvalid},rows:this.rows,placeholder:this.placeholder,maxLength:this.maxlength,minLength:this.minlength,disabled:this.disabled,required:this.required,style:{resize:this.resize},onInput:r=>this.handleInput(r),onFocus:()=>this.dropiFocus.emit(),onBlur:()=>this.handleBlur()},this.value),this.maxlength>0&&t("div",{key:"7c4f136b776dd9d5d930d690401d422d856139d1",class:"char-counter"},this.charCount,"/",this.maxlength)),r&&t("div",{key:"e72f689564b1c58cb706b5ad607044ec7cc267e7",class:"form-control-helper"},this.isInvalid&&t("dropi-icon",{key:"93308a1c97c96da20dd246ecc23c10ed6fd656a8",name:"Warning-circle",width:"12px",height:"12px",color:"Error-Error-500"}),t("span",{key:"18df68d1cb37302d3bfeb5742432bf89806e0d98",class:{"invalid-color":this.isInvalid},style:{color:this.disabled?"var(--Gray-Gray-400)":void 0}},this.helperText)))}static get formAssociated(){return!0}static get watchers(){return{value:[{valueChanged:0}]}}};o.style=":host{display:flex;flex-direction:column;width:100%}*,*::before,*::after{box-sizing:border-box}.textarea-wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:4px}.textarea-wrapper label{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-600, #475066)}.asterisk{color:var(--Error-Error-500, #f46a6b)}.textarea-container{position:relative}textarea.form-control{box-sizing:border-box;width:100%;overflow:auto;padding:var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:var(--Neutral-White, #fff);transition:border-color 0.3s ease-in-out;outline:none;appearance:none}textarea.form-control:focus{border-color:var(--Info-Info-500, #50a5f1)}textarea.form-control:focus::placeholder{color:var(--Gray-Gray-400, #858ea6)}textarea.form-control-valid{border-color:var(--Gray-Gray-400, #858ea6) !important;color:var(--Gray-Gray-600, #475066)}textarea.form-control-invalid{border-color:var(--Error-Error-500, #f46a6b) !important;color:var(--Gray-Gray-600, #475066)}textarea.form-control:disabled{border-color:var(--Gray-Gray-200, #c3c9d9) !important;color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed}.char-counter{position:absolute;bottom:10px;right:16px;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c);pointer-events:none}.form-control-helper{display:flex;gap:4px;align-items:center}.form-control-helper span{display:block;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px)}.invalid-color{color:var(--Error-Error-500, #f46a6b) !important}";export{o as dropi_text_area}
@@ -1 +0,0 @@
1
- import{r as e,c as o,h as r}from"./p-Tbza12Gt.js";const a=[{name:"Colombia",code:"CO",dial:"+57",maxLength:10},{name:"Ecuador",code:"EC",dial:"+593",maxLength:9},{name:"México",code:"MX",dial:"+52",maxLength:10},{name:"Perú",code:"PE",dial:"+51",maxLength:9},{name:"Chile",code:"CL",dial:"+56",maxLength:9},{name:"Argentina",code:"AR",dial:"+54",maxLength:10},{name:"Venezuela",code:"VE",dial:"+58",maxLength:10},{name:"Brasil",code:"BR",dial:"+55",maxLength:11},{name:"Estados Unidos",code:"US",dial:"+1",maxLength:10},{name:"España",code:"ES",dial:"+34",maxLength:9}],n=class{constructor(r){e(this,r),this.dropiCodeChange=o(this,"dropiCodeChange",7),this.dropiPhoneChange=o(this,"dropiPhoneChange",7)}codArea="+57";value="";placeholder="Número de teléfono";disabled=!1;isValid=!0;errorMessage="Número inválido";label="";open=!1;search="";dropiCodeChange;dropiPhoneChange;codAreaChanged(){this.value=""}get selectedCountry(){return a.find((e=>e.dial===this.codArea))??a[0]}get filtered(){if(!this.search)return a;const e=this.search.toLowerCase();return a.filter((o=>o.name.toLowerCase().includes(e)||o.dial.includes(e)))}selectCountry(e){this.codArea=e.dial,this.open=!1,this.search="",this.dropiCodeChange.emit(e.dial)}handleInput(e){const o=e.target.value.replace(/\D/g,"");this.value=o.slice(0,this.selectedCountry.maxLength),e.target.value=this.value,this.dropiPhoneChange.emit(this.value)}render(){const e=this.selectedCountry;return r("div",{key:"8a22ead8fdf5d8916dd6d5376600ded1528f23e3",class:"phone-wrap"},this.label&&r("label",{key:"5d531f606de5691eeb608a3a32b71bd1b7925ae1",class:"phone-label"},this.label),r("div",{key:"97d858e4dd57114e63bb460970ea5e0a22e3a4a7",class:{"phone-row":!0,"phone-row--error":!this.isValid,"phone-row--disabled":this.disabled}},r("button",{key:"2f18bc35a7698d9c5f24dad68458ff27161c1b9d",type:"button",class:"phone-selector",disabled:this.disabled,onClick:()=>{this.disabled||(this.open=!this.open)},"aria-haspopup":"listbox","aria-expanded":this.open},r("span",{key:"e0e5c9c22eab18335ce75ba273bf98934ad2fec0",class:"phone-selector__flag"},e.code),r("span",{key:"9494233c07ed5f5fe6f6ad71f1f9d4c2b94be249",class:"phone-selector__dial"},e.dial),r("dropi-icon",{key:"721e47d92b5dc9f973a5ce08b383a87371fdb736",name:"Arrow-Down-2",width:"12px",height:"12px",color:"Gray-Gray-400"})),r("div",{key:"93183e161f42b12cd42daa488c49318b2c378351",class:"phone-divider"}),r("input",{key:"d9b4254f760cf967b2e0ca27946968d2cfc0ca86",class:"phone-input",type:"tel",inputmode:"numeric",placeholder:this.placeholder,value:this.value,disabled:this.disabled,maxLength:e.maxLength,onInput:e=>this.handleInput(e)})),!this.isValid&&r("p",{key:"62a89722bdab5c9b3a67c444543679acfc91f4e9",class:"phone-error"},this.errorMessage),this.open&&r("div",{key:"d51d4d3a43eb6d823dd9039d534f97e6a456b343",class:"phone-dropdown"},r("div",{key:"d3f5912e02d62fdbec2b8a859b49c80b94047a2c",class:"phone-dropdown__search-wrap"},r("input",{key:"2349669feca48b0760277a4288420f2680eb41c4",class:"phone-dropdown__search",type:"text",placeholder:"Buscar país...",value:this.search,onInput:e=>this.search=e.target.value})),0===this.filtered.length?r("div",{class:"phone-dropdown__empty"},"Sin resultados"):this.filtered.map((e=>r("div",{class:{"phone-dropdown__item":!0,"phone-dropdown__item--active":e.dial===this.codArea},onMouseDown:o=>{o.preventDefault(),this.selectCountry(e)}},r("span",{class:"phone-dropdown__code"},e.code),r("span",{class:"phone-dropdown__name"},e.name),r("span",{class:"phone-dropdown__dial"},e.dial))))))}static get watchers(){return{codArea:[{codAreaChanged:0}]}}};n.style=":host{display:block;width:100%;position:relative}*,*::before,*::after{box-sizing:border-box}.phone-label{display:block;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);margin-bottom:4px}.phone-row{display:flex;align-items:center;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff);height:40px;overflow:hidden;transition:border-color 0.2s}.phone-row:focus-within{border-color:var(--Info-Info-500, #50a5f1)}.phone-row--error{border-color:var(--Error-Error-500, #f46a6b)}.phone-row--disabled{background:var(--Gray-Gray-50, #f7f8fa);opacity:0.6;pointer-events:none}.phone-selector{display:flex;align-items:center;gap:4px;padding:0 var(--Size-2, 8px);background:none;border:none;cursor:pointer;height:100%;flex-shrink:0}.phone-selector:disabled{cursor:default}.phone-selector__flag{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1a2033);letter-spacing:0.5px}.phone-selector__dial{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066)}.phone-divider{width:1px;height:20px;background:var(--Gray-Gray-200, #c3c9d9);flex-shrink:0}.phone-input{flex:1;height:100%;padding:0 var(--Size-2, 8px);border:none;outline:none;font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:transparent}.phone-input::placeholder{color:var(--Gray-Gray-400, #858ea6)}.phone-error{margin:4px 0 0;font-size:var(--font-size-xs, 10px);color:var(--Error-Error-500, #f46a6b)}.phone-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--Neutral-White, #fff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);box-shadow:0 4px 16px rgba(0,0,0,0.08);z-index:200;max-height:240px;overflow-y:auto}.phone-dropdown__search-wrap{padding:var(--Size-2, 8px);border-bottom:1px solid var(--Gray-Gray-100, #eceef4);position:sticky;top:0;background:var(--Neutral-White, #fff)}.phone-dropdown__search{width:100%;height:32px;padding:0 var(--Size-2, 8px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-1, 4px);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);outline:none}.phone-dropdown__search:focus{border-color:var(--Info-Info-500, #50a5f1)}.phone-dropdown__item{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-2, 8px) var(--Size-3, 12px);cursor:pointer;transition:background 0.15s;user-select:none}.phone-dropdown__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.phone-dropdown__item--active{background:var(--Primary-Primary-50, #fff5eb)}.phone-dropdown__code{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1a2033);width:28px;flex-shrink:0}.phone-dropdown__name{flex:1;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-dropdown__dial{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-400, #858ea6);flex-shrink:0}.phone-dropdown__empty{padding:var(--Size-3, 12px);font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-400, #858ea6);text-align:center}";export{n as dropi_phone_input}
@@ -1 +0,0 @@
1
- import{r as e,c as r,h as t}from"./p-Tbza12Gt.js";const i=class{constructor(t){e(this,t),this.dropiStepClick=r(this,"dropiStepClick",7)}steps=[];currentStep=1;clickable=!1;showCheckIcon=!0;dropiStepClick;get parsedSteps(){if("string"==typeof this.steps)try{return JSON.parse(this.steps)}catch{return[]}return this.steps||[]}resolveState(e,r){if(r.state)return r.state;const t=e+1;return t<this.currentStep?"completed":t===this.currentStep?"current":"pending"}render(){const e=this.parsedSteps;return t("div",{key:"ec06949df14eae6937921d930e37cf7638454263",class:"vertical-steps"},e.map(((r,i)=>{const s=this.resolveState(i,r),a=i===e.length-1,c=this.clickable&&"completed"===s;return t("div",{class:{"v-step":!0,"v-step--clickable":c},key:i,onClick:()=>c&&this.dropiStepClick.emit(i+1)},t("div",{class:"v-step__indicator"},t("div",{class:{"v-step__circle":!0,[`v-step__circle--${s}`]:!0}},"completed"===s&&this.showCheckIcon?t("dropi-icon",{name:"Check",width:"12px",height:"12px",color:"Neutral-White"}):t("span",{class:"v-step__number"},i+1)),!a&&t("div",{class:{"v-step__line":!0,"v-step__line--done":"completed"===s}})),t("span",{class:{"v-step__label":!0,[`v-step__label--${s}`]:!0}},r.label))})))}};i.style=":host{display:block}*,*::before,*::after{box-sizing:border-box}.vertical-steps{display:flex;flex-direction:column}.v-step{display:flex;align-items:flex-start;gap:var(--Size-3, 12px)}.v-step--clickable{cursor:pointer}.v-step__indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.v-step__circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.2s, border-color 0.2s}.v-step__circle--pending{background:var(--Neutral-White, #fff);border:2px solid var(--Gray-Gray-200, #c3c9d9)}.v-step__circle--current{background:var(--Neutral-White, #fff);border:2px solid var(--Primary-Primary-500, #f49a3d)}.v-step__circle--completed{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d)}.v-step__number{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-500, #69738c)}.v-step__circle--current .v-step__number{color:var(--Primary-Primary-500, #f49a3d)}.v-step__line{flex:1;width:2px;min-height:24px;background:var(--Gray-Gray-200, #c3c9d9);margin:4px 0;transition:background 0.2s}.v-step__line--done{background:var(--Primary-Primary-500, #f49a3d)}.v-step__label{padding-top:4px;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066);line-height:1.4}.v-step__label--current{color:var(--Gray-Gray-800, #1a2033);font-weight:var(--font-weight-bold, 700)}.v-step__label--completed{color:var(--Gray-Gray-500, #69738c)}";export{i as dropi_vertical_steps}
@@ -1 +0,0 @@
1
- import{r,c as e,h as a}from"./p-Tbza12Gt.js";const i=class{constructor(a){r(this,a),this.dropiCityChange=e(this,"dropiCityChange",7)}options=[];selectedCities=[];placeholder="Selecciona ciudades";disabled=!1;dropiCityChange;isOpen=!1;selected=[];parsedOptions=[];searchTerm="";optionsChanged(r){this.parsedOptions="string"==typeof r?JSON.parse(r):r}selectedChanged(r){this.selected="string"==typeof r?JSON.parse(r):[...r]}componentWillLoad(){this.optionsChanged(this.options),this.selectedChanged(this.selectedCities)}get filtered(){if(!this.searchTerm)return this.parsedOptions;const r=this.searchTerm.toLowerCase();return this.parsedOptions.map((e=>({...e,items:e.items.filter((e=>e.label.toLowerCase().includes(r)))}))).filter((r=>r.items.length>0))}toggle(){this.disabled||(this.isOpen=!this.isOpen)}toggleCity(r){this.selected=this.selected.includes(r)?this.selected.filter((e=>e!==r)):[...this.selected,r],this.dropiCityChange.emit([...this.selected])}removeCity(r,e){e.stopPropagation(),this.selected=this.selected.filter((e=>e!==r)),this.dropiCityChange.emit([...this.selected])}getLabel(r){for(const e of this.parsedOptions){const a=e.items.find((e=>e.value==r));if(a)return a.label}return String(r)}render(){return a("div",{key:"53650ed7717099d343115c539d6ee7de6fd7a415",class:"city-selector"+(this.disabled?" disabled":"")},a("div",{key:"03bdc026a711321c6719745521e5fabad900c1dc",class:"selector-trigger",onClick:()=>this.toggle()},a("div",{key:"e59a7625b10181bf92c5680b86119b91d0d497ae",class:"chips-area"},0===this.selected.length&&a("span",{key:"a7521c4285660c2ef5ac9d4df19466a3322b0873",class:"placeholder"},this.placeholder),this.selected.map((r=>a("span",{class:"chip",key:String(r)},this.getLabel(r),a("button",{class:"chip-remove","aria-label":"Quitar",onClick:e=>this.removeCity(r,e)},"×"))))),a("dropi-icon",{key:"1ee96f23ca167c420d1ad24b6d6cbd27e331f378",name:this.isOpen?"Dropdown-up":"Dropdown-down",width:"16px",height:"16px",color:"Gray-Gray-500"})),this.isOpen&&a("div",{key:"cb6ab864645c9dea1d9b2b5eedcafe22596c623d",class:"dropdown"},a("div",{key:"8cdfc3b52a59f5e6501cf577444cad6272056bf6",class:"search-wrap"},a("input",{key:"33e96a874c4ef2b257ae934e5eeb66f128e6a21d",class:"search-input",type:"text",placeholder:"Buscar ciudad...",value:this.searchTerm,onInput:r=>{this.searchTerm=r.target.value}})),a("div",{key:"e163afcf9a1d5ad61527828ed935b840cf4b04ef",class:"options-list"},0===this.filtered.length&&a("div",{key:"c4b35559a86cc0f36563c74824afe9f2ad8df781",class:"no-results"},"Sin resultados"),this.filtered.map((r=>a("div",{key:r.value,class:"group"},a("div",{class:"group-label"},r.label),r.items.map((r=>a("div",{key:String(r.value),class:"city-option"+(this.selected.includes(r.value)?" selected":""),onClick:()=>this.toggleCity(r.value)},a("span",{class:"check-mark"},this.selected.includes(r.value)?"✓":""),r.label)))))))))}static get watchers(){return{options:[{optionsChanged:0}],selectedCities:[{selectedChanged:0}]}}};i.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.city-selector{position:relative;width:100%}.city-selector.disabled .selector-trigger{background:var(--Gray-Gray-50, #f7f8fa);border-color:var(--Gray-Gray-100, #e6eaf2);cursor:not-allowed}.selector-trigger{min-height:40px;padding:6px 10px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff);display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;transition:border-color 0.15s ease}.selector-trigger:hover:not(.disabled *){border-color:var(--Gray-Gray-300, #a3abbf)}.chips-area{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-height:24px;align-items:center}.placeholder{color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-s, 12px)}.chip{display:inline-flex;align-items:center;gap:4px;background:var(--Primary-Primary-50, #fff8f0);border:1px solid var(--Primary-Primary-200, #fcd5a8);border-radius:4px;padding:2px 6px;font-size:var(--font-size-xs, 11px);color:var(--Primary-Primary-700, #b85c00)}.chip-remove{background:none;border:none;cursor:pointer;font-size:14px;line-height:1;padding:0;color:var(--Primary-Primary-500, #f49a3d);display:flex;align-items:center}.dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--Neutral-White, #fff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);z-index:200;overflow:hidden}.search-wrap{padding:8px;border-bottom:1px solid var(--Gray-Gray-100, #e6eaf2)}.search-input{width:100%;padding:6px 10px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-1, 4px);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-600, #475066);outline:none}.search-input:focus{border-color:var(--Primary-Primary-500, #f49a3d)}.options-list{max-height:240px;overflow-y:auto}.group-label{padding:6px 12px 2px;font-size:var(--font-size-xs, 11px);font-weight:var(--font-weight-semibold, 600);color:var(--Gray-Gray-400, #858ea6);text-transform:uppercase;letter-spacing:0.5px;background:var(--Gray-Gray-50, #f7f8fa);border-top:1px solid var(--Gray-Gray-100, #e6eaf2)}.city-option{padding:8px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066);transition:background 0.1s ease}.city-option:hover{background:var(--Gray-Gray-50, #f7f8fa)}.city-option.selected{color:var(--Primary-Primary-600, #d97c1a);background:var(--Primary-Primary-50, #fff8f0)}.check-mark{width:16px;font-size:12px;color:var(--Primary-Primary-500, #f49a3d);font-weight:bold}.no-results{padding:16px;text-align:center;color:var(--Gray-Gray-400, #858ea6);font-size:var(--font-size-s, 12px)}";export{i as dropi_city_selector}
@@ -1 +0,0 @@
1
- import{r as e,c as r,h as a}from"./p-Tbza12Gt.js";const o=class{constructor(a){e(this,a),this.dropiClose=r(this,"dropiClose",7)}open=!1;position="right";drawerTitle="";width="400px";height="50vh";closeOnBackdrop=!0;dropiClose;openChanged(e){"undefined"!=typeof document&&(document.body.style.overflow=e?"hidden":"")}close(){this.open=!1,this.dropiClose.emit()}render(){const e="left"===this.position||"right"===this.position;return a("div",{key:"49b9f893c2c05018301b67234142d4ad2e38a511",class:{"drawer-host":!0,"drawer-host--open":this.open}},a("div",{key:"4a2263c0ffe74bdb53e1ff4992d3b04f39a55856",class:"drawer-backdrop",onClick:()=>{this.closeOnBackdrop&&this.close()}}),a("div",{key:"d2cf49005f3b8a970361fdd725d9903b212abd37",class:`drawer-panel drawer-panel--${this.position}`,style:e?{width:this.width}:{height:this.height},role:"dialog","aria-modal":"true"},a("div",{key:"4f04806b747df0e079e01a27ba307f1625679a08",class:"drawer-header"},a("span",{key:"211b77262547ac3b45e97966e6cc6b18dbf92b39",class:"drawer-header__title"},this.drawerTitle),a("button",{key:"1a18631b15de75687cab1e21869c8948461716d7",class:"drawer-header__close",onClick:()=>this.close(),"aria-label":"Cerrar"},a("dropi-icon",{key:"94c49ce2bc26e65be60d0bb7fb0d05c3e4d260e6",name:"Close-small",width:"20px",height:"20px",color:"Gray-Gray-600"}))),a("div",{key:"900cafee62e4dd5b4e6dd89aec680bd19bb44bd8",class:"drawer-body"},a("slot",{key:"ef7d81f315b0aaea94bd68048d133a8026685a66"})),a("div",{key:"d4e6058b84c1fe015b66c540bb1951666bafb35e",class:"drawer-footer"},a("slot",{key:"e66380715a41bc41310ff4b3241e868c5e2609b1",name:"footer"}))))}static get watchers(){return{open:[{openChanged:0}]}}};o.style=":host{display:contents}*,*::before,*::after{box-sizing:border-box}.drawer-host{position:fixed;inset:0;z-index:1000;pointer-events:none;visibility:hidden}.drawer-host--open{pointer-events:all;visibility:visible}.drawer-backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.5);opacity:0;transition:opacity 0.25s}.drawer-host--open .drawer-backdrop{opacity:1}.drawer-panel{position:absolute;background:var(--Neutral-White, #fff);display:flex;flex-direction:column;transition:transform 0.25s ease;overflow:hidden}.drawer-panel--right{top:0;right:0;bottom:0;transform:translateX(100%);box-shadow:-4px 0 24px rgba(0,0,0,0.12)}.drawer-host--open .drawer-panel--right{transform:translateX(0)}.drawer-panel--left{top:0;left:0;bottom:0;transform:translateX(-100%);box-shadow:4px 0 24px rgba(0,0,0,0.12)}.drawer-host--open .drawer-panel--left{transform:translateX(0)}.drawer-panel--bottom{bottom:0;left:0;right:0;transform:translateY(100%);border-radius:var(--Border-2, 8px) var(--Border-2, 8px) 0 0;box-shadow:0 -4px 24px rgba(0,0,0,0.12)}.drawer-host--open .drawer-panel--bottom{transform:translateY(0)}.drawer-panel--top{top:0;left:0;right:0;transform:translateY(-100%);border-radius:0 0 var(--Border-2, 8px) var(--Border-2, 8px);box-shadow:0 4px 24px rgba(0,0,0,0.12)}.drawer-host--open .drawer-panel--top{transform:translateY(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--Size-4, 16px) var(--Size-4, 16px) var(--Size-3, 12px);border-bottom:1px solid var(--Gray-Gray-100, #eceef4);flex-shrink:0}.drawer-header__title{font-size:var(--font-size-m, 14px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1a2033)}.drawer-header__close{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;border-radius:var(--Border-1, 4px);transition:background 0.15s}.drawer-header__close:hover{background:var(--Gray-Gray-50, #f7f8fa)}.drawer-body{flex:1;overflow-y:auto;padding:var(--Size-4, 16px)}.drawer-footer{flex-shrink:0;padding:var(--Size-3, 12px) var(--Size-4, 16px);border-top:1px solid var(--Gray-Gray-100, #eceef4)}.drawer-footer:empty{display:none}";export{o as dropi_drawer}
@@ -1 +0,0 @@
1
- import{r as i,h as a}from"./p-Tbza12Gt.js";const t=class{constructor(a){i(this,a)}type="dropi";state="default";stateInsignia="verified";tagProduct=!1;insigniaIcons={verified:"assets/icons/ilustration/verified-new.svg",premium:"assets/icons/ilustration/premium-new.svg",exclusive:"assets/icons/ilustration/exclusive.svg"};getIconName(i){return{success:"Check-circle",error:"Cross-circle",info:"Info",warning:"Info"}[i]||"Info"}render(){return a("div",{key:"1acaca4fb04f69aa08d582f77912daf20bc810a0",class:"dropi-ilustration"},"dropi"===this.type&&a("figure",{key:"926b2097628ed235167c996440cf1324ad915f10",class:"dropi-ilustration__image"},a("img",{key:"ca44d2ac9abf55255554d0f332f93e5663125307",src:`assets/icons/ilustration/${this.state}.svg`,alt:this.state,onError:i=>{i.target.src="assets/icons/ilustration/default.svg"}})),"mb"===this.type&&a("figure",{key:"f47a3b50f13c75d9637482120df85c8a7654a0d5",class:`dropi-ilustration__image-mb ${this.state}`},["success","error","info","warning"].includes(this.state)&&a("dropi-icon",{key:"ccd33ef7664a7474333e3af1bfe8b4718d714268",name:this.getIconName(this.state),width:"24px",height:"24px",color:"Neutral-White"})),"insignia"===this.type&&a("figure",{key:"24d7552d743a7fc5abbb1fc85e37c46025cd6860",class:this.tagProduct?"dropi-ilustration-insignia-tag":"dropi-ilustration-insignia"},a("img",{key:"bbc80f0b9ae663dc0f01600d338ad5297ab3f6ce",src:this.insigniaIcons[this.stateInsignia],alt:this.stateInsignia}),this.tagProduct&&a("p",{key:"b5efd7dc951609a478524e0861f26a0dd6780d7c",class:`tag tag--${this.stateInsignia}`},a("span",{key:"09dbe7100e081804eff89f7e45cd4770be434d7b",class:"Caption-S"},this.stateInsignia.charAt(0).toUpperCase()+this.stateInsignia.slice(1)))))}};t.style=":host{display:inline-flex}.dropi-ilustration{display:inline-flex;align-items:center;justify-content:center}.dropi-ilustration__image,.dropi-ilustration-insignia{margin:0;display:flex;align-items:center;justify-content:center}.dropi-ilustration__image img{max-width:100%;height:auto}.dropi-ilustration__image-mb{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:0}.dropi-ilustration__image-mb.success{background:var(--Success-Success-500, #22c55e)}.dropi-ilustration__image-mb.error{background:var(--Error-Error-500, #ef4444)}.dropi-ilustration__image-mb.info{background:var(--Info-Info-500, #3b82f6)}.dropi-ilustration__image-mb.warning{background:url('assets/icons/ilustration/bg-warning.svg') no-repeat center;background-size:contain;border-radius:0}.dropi-ilustration-insignia-tag{display:flex;align-items:center;margin:0}.dropi-ilustration-insignia-tag img{position:relative;z-index:2;height:32px;width:auto}.tag{border-radius:32px;color:var(--Neutral-White, #fff);text-transform:capitalize;margin:0 0 0 -20px;display:flex;align-items:center;justify-content:flex-start}.tag span{color:var(--Neutral-White, #fff);padding:4px 8px 4px 18px;font-size:10px}.tag--verified{background:linear-gradient(90deg, #ffc10d 41.3%, #ff6102 112.32%)}.tag--premium{background:linear-gradient(90deg, #ff6102 56.52%, #ffc10d 107.25%)}.tag--exclusive{background:linear-gradient(90deg, var(--Gray-900, #0e111a) 26.09%, #ff6102 116.67%)}";export{t as dropi_ilustration_icon}
@@ -1 +0,0 @@
1
- import{r as e,h as t}from"./p-Tbza12Gt.js";const i=class{constructor(t){e(this,t)}videoId="";thumbnailSrc="";videoTitle="";isPlaying=!1;get thumbnail(){return this.thumbnailSrc?`/assets/images/${this.thumbnailSrc}.png`:`https://img.youtube.com/vi/${this.videoId}/hqdefault.jpg`}get videoUrl(){return`https://www.youtube.com/embed/${this.videoId}?autoplay=1&rel=0&modestbranding=1`}render(){return t("div",{key:"df20b4b0098b3283f266b012d56d3a0377a46420",class:"video-wrapper"+(this.isPlaying?" playing":"")},!this.isPlaying&&t("div",{key:"43b76b1e6d85da93b97ec0441331b82d567d2abe",class:"thumbnail",onClick:()=>{this.isPlaying=!0}},t("img",{key:"3719d3c151b9242f32b313047ccee4fc9b83f990",src:this.thumbnail,alt:`Video thumbnail ${this.videoId}`}),t("button",{key:"81c578b338b65168920cf38fb4dbc4ef82e6a1a7",class:"play-button","aria-label":"Reproducir video"},t("dropi-icon",{key:"ce505abe0eae58cf7d24eda6527168267e3412ea",name:"Play",width:"17px",height:"21px",color:"Neutral-White"}))),this.isPlaying&&t("iframe",{key:"bf25278bda2376f3de5776057223a139e8112d33",src:this.videoUrl,title:this.videoTitle,frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,loading:"lazy"}))}};i.style=":host{display:block;width:100%}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%;background:#000;overflow:hidden;border-radius:12px}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}.thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.thumbnail:hover img{transform:scale(1.05)}.play-button{position:absolute;color:white;border:none;border-radius:50%;width:70px;height:70px;cursor:pointer;transition:background 0.3s ease;background:rgba(14, 17, 26, 0.6);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center}.play-button:hover{background:rgba(0, 0, 0, 0.8)}@media screen and (max-width: 768px){.play-button{width:40px;height:40px}}";export{i as dropi_youtube_lazy_video}
@@ -1 +0,0 @@
1
- import{r as i,c as e,h as r}from"./p-Tbza12Gt.js";const a=class{constructor(r){i(this,r),this.dropiClose=e(this,"dropiClose",7)}chipStyle="filters";type="text";urlImg="";showIcon=!0;icon="";dropiClose;render(){return r("div",{key:"44be034581ddeffb27fb90fec61dd6275dc5998a",class:{chip:!0,[`chip--${this.chipStyle}`]:!0}},"avatar"===this.type&&this.urlImg&&r("img",{key:"3312f3d54aab3d6546ddde9820569251eb1faaa3",class:"chip__avatar",src:this.urlImg,alt:""}),"icon"===this.type&&this.icon&&r("dropi-icon",{key:"bf035db87cbe2b8ba9639d3c72b6b9dd706138e9",class:"chip__pre-icon",name:this.icon,width:"14px",height:"14px",color:"currentColor"}),r("span",{key:"cf634d59c25b1ad5590bf2bc19f55cdc50b67a66",class:"chip__text"},r("slot",{key:"5534b85253e0f2d91c2b901b97c1e90b5c5c4b32"})),this.showIcon&&r("button",{key:"70723641a9ef1c8b9e412fc7442156d604fcc6d0",class:"chip__close",onClick:()=>this.dropiClose.emit(),"aria-label":"Eliminar"},r("dropi-icon",{key:"beeefbb7aaec6af0762c1f4611d3fb88e6ef8bd1",name:"Close-small",width:"14px",height:"14px",color:"currentColor"})))}};a.style=":host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.chip{display:inline-flex;align-items:center;justify-content:center;gap:var(--Size-1, 4px);height:24px;padding:0 var(--Size-2, 8px);border-radius:var(--Border-2, 8px);font-size:var(--font-size-xs, 10px);font-family:inherit;width:fit-content;max-width:200px}.chip--filters{background:var(--Primary-Primary-50, #fff5eb);border:1px solid var(--Primary-Primary-200, #fbd4a3);color:var(--Primary-Primary-600, #d4872e)}.chip--fill{background:var(--Gray-Gray-100, #e6eaf2);border:1px solid transparent;color:var(--Gray-Gray-700, #32394d)}.chip__avatar{width:16px;height:16px;border-radius:50%;object-fit:cover;flex-shrink:0}.chip__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.chip__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:none;border:none;padding:0;cursor:pointer;color:inherit;opacity:0.7;transition:opacity 0.15s}.chip__close:hover{opacity:1}";export{a as dropi_chips}
@@ -1 +0,0 @@
1
- import{r as i,c as t,h as e}from"./p-Tbza12Gt.js";const r=class{constructor(e){i(this,e),this.dropiChange=t(this,"dropiChange",7),this.dropiClick=t(this,"dropiClick",7)}sectionTitle="";description="";typeElement="switch";type="medium";isChecked=!1;dropiChange;dropiClick;render(){return e("div",{key:"f2653804e3d325fb6859d5cc096c893c8fb08ed8",class:"card-section"},e("div",{key:"25fb5e34a9abcdc6a2761adf7053256cb431304d",class:"card-section__text"},"important"===this.type?e("h5",{class:"card-section__title card-section__title--important"},this.sectionTitle):e("h6",{class:"card-section__title"},this.sectionTitle),this.description&&e("p",{key:"fbfb5509a685f39053aa787b57df7c9f2ba1b6eb",class:"card-section__desc"},this.description)),e("div",{key:"f5e6a3d27b08cd6d8be791d9d8bb007c2859d9d2",class:"card-section__control"},"switch"===this.typeElement?e("dropi-switch",{isChecked:this.isChecked,onDropiChange:i=>{this.isChecked=i.detail,this.dropiChange.emit(i.detail)}}):e("button",{class:"card-section__dropdown-btn",onClick:()=>this.dropiClick.emit(),"aria-label":"Expandir"},e("dropi-icon",{name:"Dropdown-down",width:"20px",height:"20px",color:"Gray-Gray-500"}))))}};r.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.card-section{display:flex;align-items:center;justify-content:space-between;gap:var(--Size-4, 16px);padding:var(--Size-3, 12px) var(--Size-4, 16px);background:var(--Neutral-White, #fff);border:1px solid var(--Gray-Gray-100, #e6eaf2);border-radius:var(--Border-2, 8px)}.card-section__text{flex:1}.card-section__title{margin:0 0 4px;font-family:inherit;font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1a2033)}h5.card-section__title{font-size:var(--font-size-m, 14px)}h6.card-section__title{font-size:var(--font-size-s, 12px)}.card-section__desc{margin:0;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c)}.card-section__control{flex-shrink:0}.card-section__dropdown-btn{display:flex;align-items:center;background:none;border:none;padding:0;cursor:pointer}";export{r as dropi_card_section}
@@ -1 +0,0 @@
1
- import{r as a,c as r,h as e}from"./p-Tbza12Gt.js";const o=class{constructor(e){a(this,e),this.dropiFilesSelected=r(this,"dropiFilesSelected",7),this.dropiFileError=r(this,"dropiFileError",7)}accept="";multiple=!1;maxSizeMb=10;disabled=!1;label="";helperText="Arrastra o haz clic para subir un archivo";dragging=!1;errors=[];inputRef;dropiFilesSelected;dropiFileError;async readFiles(a){const r=[],e=[];for(let o=0;o<a.length;o++){const i=a[o];if(this.maxSizeMb&&i.size>1024*this.maxSizeMb*1024){const a=`"${i.name}" supera el tamaño máximo de ${this.maxSizeMb} MB`;r.push(a),this.dropiFileError.emit(a);continue}const d=await new Promise((a=>{const r=new FileReader;r.onload=()=>a(r.result),r.readAsDataURL(i)}));e.push({name:i.name,size:i.size,type:i.type,dataUrl:d})}this.errors=r,e.length&&this.dropiFilesSelected.emit(e)}handleDrop(a){a.preventDefault(),this.dragging=!1,!this.disabled&&a.dataTransfer?.files.length&&this.readFiles(a.dataTransfer.files)}handleInputChange(a){const r=a.target;r.files?.length&&this.readFiles(r.files),r.value=""}render(){return e("div",{key:"5498c6aa5d81a5265bf4e954e7674f4db8c5c538",class:"upload-wrap"},this.label&&e("label",{key:"94cd8bcaf7dba51e9d7861412d6a509841518367",class:"upload-label"},this.label),e("div",{key:"c3b5417103abab569b8a883967d567a4ec6ab483",class:{"upload-zone":!0,"upload-zone--dragging":this.dragging,"upload-zone--disabled":this.disabled},onClick:()=>{this.disabled||this.inputRef.click()},onDragOver:a=>{a.preventDefault(),this.disabled||(this.dragging=!0)},onDragLeave:()=>this.dragging=!1,onDrop:a=>this.handleDrop(a)},e("dropi-icon",{key:"436802ec23dc677807ecac36947cd58f9d253e4d",name:"Upload",width:"32px",height:"32px",color:"Primary-Primary-500"}),e("p",{key:"c80ed3536466ae22dcd96fabf353a736515e5bab",class:"upload-zone__text"},this.helperText),this.maxSizeMb&&e("p",{key:"26defe6cece9a9ba6e9d7e2a1913a65607a20036",class:"upload-zone__hint"},"Tamaño máximo: ",this.maxSizeMb," MB"),e("input",{key:"00f7657bfc1646f01dfbc0339df6ed9f04a71ab0",ref:a=>this.inputRef=a,type:"file",accept:this.accept,multiple:this.multiple,class:"upload-hidden",onChange:a=>this.handleInputChange(a)})),this.errors.map((a=>e("p",{class:"upload-error"},a))))}};o.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.upload-wrap{display:flex;flex-direction:column;gap:var(--Size-1, 4px)}.upload-label{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066)}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--Size-2, 8px);padding:var(--Size-6, 32px) var(--Size-4, 16px);border:2px dashed var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff);cursor:pointer;transition:border-color 0.2s, background 0.2s;text-align:center}.upload-zone:hover:not(.upload-zone--disabled){border-color:var(--Primary-Primary-500, #f49a3d);background:var(--Primary-Primary-50, #fff5eb)}.upload-zone--dragging{border-color:var(--Primary-Primary-500, #f49a3d);background:var(--Primary-Primary-50, #fff5eb)}.upload-zone--disabled{background:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed;opacity:0.6}.upload-zone__text{margin:0;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d)}.upload-zone__hint{margin:0;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-400, #858ea6)}.upload-hidden{display:none}.upload-error{margin:0;font-size:var(--font-size-xs, 10px);color:var(--Error-Error-500, #f46a6b)}";export{o as dropi_file_upload}
@@ -1 +0,0 @@
1
- import{r as e,c as r,h as i}from"./p-Tbza12Gt.js";const t=class{constructor(i){e(this,i),this.dropiChange=r(this,"dropiChange",7)}label="";name="radio";inputId="radioButton";checked=!1;resetTrigger=!1;dropiChange;onResetTrigger(e){e&&(this.checked=!1)}handleChange(e){this.checked=e.target.checked,this.dropiChange.emit(e)}render(){return i("div",{key:"50ae300b1dc5972c7c8979f7711edd5f59109653",class:"dropi-radio-button"},i("label",{key:"c91a4ee63c63fe9ae437f344fa1b249db227a4cb",htmlFor:this.inputId},i("input",{key:"ad993a1748315909539f512c09176713693a99d9",id:this.inputId,type:"radio",name:this.name,checked:this.checked,onChange:e=>this.handleChange(e)}),this.label))}static get formAssociated(){return!0}static get watchers(){return{resetTrigger:[{onResetTrigger:0}]}}};t.style=":host{display:inline-block}*,*::before,*::after{box-sizing:border-box}.dropi-radio-button{display:flex;align-items:center;justify-content:flex-start;gap:20px}label{display:flex;flex-direction:row;align-items:center;gap:8px;cursor:pointer;color:var(--Gray-Gray-700, #32394d);font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-regular, 400);line-height:1.5}input[type='radio']{appearance:none;-webkit-appearance:none;width:20px;height:20px;min-width:20px;border:2px solid var(--Gray-Gray-200, #c3c9d9);border-radius:50%;background-color:transparent;position:relative;cursor:pointer;outline:none;flex-shrink:0;align-self:center;vertical-align:middle;margin:0}input[type='radio']::before{content:'';position:absolute;top:3px;left:3px;width:10px;height:10px;background-color:var(--Primary-Primary-400, #f7b46f);border-radius:50%;display:none}input[type='radio']:checked{border:2px solid var(--Primary-Primary-500, #f49a3d)}input[type='radio']:checked::before{display:block}";export{t as dropi_radio_button}
@@ -1 +0,0 @@
1
- import{r as a,c as e,h as t}from"./p-Tbza12Gt.js";const i=class{constructor(t){a(this,t),this.dropiPageChange=e(this,"dropiPageChange",7)}total=0;pageSize=10;page=1;maxPages=5;noLabels=!1;showPageSizeSelector=!1;pageSizeOptions=[10,25,50,100];dropiPageChange;parsedOptions=[10,25,50,100];optionsChanged(a){this.parsedOptions="string"==typeof a?JSON.parse(a):a}componentWillLoad(){this.optionsChanged(this.pageSizeOptions)}get totalPages(){return Math.max(1,Math.ceil(this.total/this.pageSize))}get pageNumbers(){const a=this.totalPages,e=this.page,t=this.maxPages;if(a<=t)return Array.from({length:a},((a,e)=>e+1));const i=Math.floor(t/2);let r=Math.max(1,e-i),o=Math.min(a,r+t-1);o-r<t-1&&(r=Math.max(1,o-t+1));const n=[];r>1&&(n.push(1),r>2&&n.push("..."));for(let a=r;a<=o;a++)n.push(a);return o<a&&(o<a-1&&n.push("..."),n.push(a)),n}goTo(a){a<1||a>this.totalPages||a===this.page||(this.page=a,this.dropiPageChange.emit({page:this.page,pageSize:this.pageSize}))}onPageSizeChange(a){this.pageSize=Number(a.target.value),this.page=1,this.dropiPageChange.emit({page:this.page,pageSize:this.pageSize})}render(){const a=this.pageNumbers,e=this.page<=1,i=this.page>=this.totalPages;return t("div",{key:"23b6e4c63f01a484e61cea9fb6188382848cf675",class:"paginator"},this.showPageSizeSelector&&t("div",{key:"0cfb3aea09339b51e65b2314b1da9915b384c92a",class:"paginator-size"},t("span",{key:"bef7700fdd17d4aaa5d800ad117f90b34e56381a",class:"paginator-size-label"},"Por página:"),t("select",{key:"c25162f2ce42bbc00125a28d707e72fc214b4864",class:"paginator-size-select",onChange:a=>this.onPageSizeChange(a)},this.parsedOptions.map((a=>t("option",{value:a,selected:a===this.pageSize},a))))),t("div",{key:"f8fd71442442725779786ea3f2334cccf82d237f",class:"paginator-pages"},!e&&!this.noLabels&&t("button",{key:"899e629c0922baa0b71646912e4eed6e6c44536b",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(1),"aria-label":"Primera página"},t("dropi-icon",{key:"0e847019e80d9e6c8d448b904691518a87a3afff",name:"Arrow-double-small-left",width:"16px",height:"16px",color:"Gray-Gray-600"})),!e&&t("button",{key:"606e96d5e1495c17ac86d66d560116574f2aa962",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.page-1),"aria-label":"Anterior"},t("dropi-icon",{key:"695bbfc36e42040c530b4338c9118d9b1da4c1ea",name:"Dropdown-left",width:"16px",height:"16px",color:"Gray-Gray-600"}),!this.noLabels&&t("span",{key:"c3bc6d3c292f07b782aba6672715163d50907d93",class:"paginator-label"},"Anterior")),a.map(((a,e)=>"..."===a?t("span",{class:"paginator-ellipsis",key:`e${e}`},"…"):t("button",{key:a,class:{"paginator-btn":!0,"paginator-btn--active":a===this.page},onClick:()=>this.goTo(a),"aria-current":a===this.page?"page":void 0},a))),!i&&t("button",{key:"83b89c14ca3fc63679839a4bcb3b416412ebcb01",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.page+1),"aria-label":"Siguiente"},!this.noLabels&&t("span",{key:"e896eb8dd2bbabd932014a100a138af89fdfd2f4",class:"paginator-label"},"Siguiente"),t("dropi-icon",{key:"2f9ba001d0ca94f8330b910a6dd952d940c622c8",name:"Dropdown-Right",width:"16px",height:"16px",color:"Gray-Gray-600"})),!i&&!this.noLabels&&t("button",{key:"6531b71b3767ae872464605bad8ce8e1a5d609d1",class:{"paginator-btn":!0,"paginator-btn--arrow":!0},onClick:()=>this.goTo(this.totalPages),"aria-label":"Última página"},t("dropi-icon",{key:"9411fdbec9291cf3a3418152efc6ce951e6c4006",name:"Arrow-double-small-right",width:"16px",height:"16px",color:"Gray-Gray-600"}))))}static get watchers(){return{pageSizeOptions:[{optionsChanged:0}]}}};i.style=":host{display:block}*,*::before,*::after{box-sizing:border-box}.paginator{display:flex;align-items:center;justify-content:flex-end;gap:var(--Size-4, 16px);flex-wrap:wrap}.paginator-pages{display:flex;align-items:center;gap:var(--Size-1, 4px)}.paginator-btn{width:32px;height:32px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-s, 12px);font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.15s ease}.paginator-btn:hover:not(:disabled){background:var(--Gray-Gray-50, #f7f8fa)}.paginator-btn:disabled{opacity:0.4;cursor:not-allowed}.paginator-btn--active{background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #fff);font-weight:var(--font-weight-bold, 700)}.paginator-btn--active:hover{background:var(--Primary-Primary-500, #f49a3d)}.paginator-btn--arrow{width:auto;padding:0 var(--Size-2, 8px);border-radius:var(--Border-1, 4px);gap:4px}.paginator-btn--arrow:hover:not(:disabled){background:var(--Gray-Gray-50, #f7f8fa)}.paginator-label{font-size:var(--font-size-s, 12px);color:inherit}.paginator-ellipsis{color:var(--Gray-Gray-400, #858ea6);padding:0 4px;font-size:var(--font-size-s, 12px);display:flex;align-items:center}.paginator-size{display:flex;align-items:center;gap:var(--Size-2, 8px)}.paginator-size-label{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-500, #69738c)}.paginator-size-select{height:32px;padding:0 var(--Size-2, 8px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-1, 4px);background:var(--Neutral-White, #fff);color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-s, 12px);font-family:inherit;cursor:pointer;outline:none}";export{i as dropi_paginator}
@@ -1 +0,0 @@
1
- import{r as e,c as o,h as a}from"./p-Tbza12Gt.js";const n=[{name:"Afghanistan",code:"AF",codePhone:"93"},{name:"Albania",code:"AL",codePhone:"355"},{name:"Algeria",code:"DZ",codePhone:"213"},{name:"Argentina",code:"AR",codePhone:"54"},{name:"Australia",code:"AU",codePhone:"61"},{name:"Austria",code:"AT",codePhone:"43"},{name:"Azerbaijan",code:"AZ",codePhone:"994"},{name:"Bahamas",code:"BS",codePhone:"1242"},{name:"Bahrain",code:"BH",codePhone:"973"},{name:"Bangladesh",code:"BD",codePhone:"880"},{name:"Belgium",code:"BE",codePhone:"32"},{name:"Bolivia",code:"BO",codePhone:"591"},{name:"Brazil",code:"BR",codePhone:"55"},{name:"Cambodia",code:"KH",codePhone:"855"},{name:"Canada",code:"CA",codePhone:"1"},{name:"Chile",code:"CL",codePhone:"56"},{name:"China",code:"CN",codePhone:"86"},{name:"Colombia",code:"CO",codePhone:"57"},{name:"Costa Rica",code:"CR",codePhone:"506"},{name:"Cuba",code:"CU",codePhone:"53"},{name:"Czech Republic",code:"CZ",codePhone:"420"},{name:"Denmark",code:"DK",codePhone:"45"},{name:"Dominican Republic",code:"DO",codePhone:"1"},{name:"Ecuador",code:"EC",codePhone:"593"},{name:"Egypt",code:"EG",codePhone:"20"},{name:"El Salvador",code:"SV",codePhone:"503"},{name:"Estonia",code:"EE",codePhone:"372"},{name:"Ethiopia",code:"ET",codePhone:"251"},{name:"Finland",code:"FI",codePhone:"358"},{name:"France",code:"FR",codePhone:"33"},{name:"Germany",code:"DE",codePhone:"49"},{name:"Ghana",code:"GH",codePhone:"233"},{name:"Greece",code:"GR",codePhone:"30"},{name:"Guatemala",code:"GT",codePhone:"502"},{name:"Honduras",code:"HN",codePhone:"504"},{name:"Hong Kong",code:"HK",codePhone:"852"},{name:"Hungary",code:"HU",codePhone:"36"},{name:"India",code:"IN",codePhone:"91"},{name:"Indonesia",code:"ID",codePhone:"62"},{name:"Iran, Islamic Republic Of",code:"IR",codePhone:"98"},{name:"Iraq",code:"IQ",codePhone:"964"},{name:"Ireland",code:"IE",codePhone:"353"},{name:"Israel",code:"IL",codePhone:"972"},{name:"Italy",code:"IT",codePhone:"39"},{name:"Jamaica",code:"JM",codePhone:"1876"},{name:"Japan",code:"JP",codePhone:"81"},{name:"Jordan",code:"JO",codePhone:"962"},{name:"Kazakhstan",code:"KZ",codePhone:"7"},{name:"Kenya",code:"KE",codePhone:"254"},{name:"Kuwait",code:"KW",codePhone:"965"},{name:"Lebanon",code:"LB",codePhone:"961"},{name:"Malaysia",code:"MY",codePhone:"60"},{name:"Mexico",code:"MX",codePhone:"52"},{name:"Morocco",code:"MA",codePhone:"212"},{name:"Netherlands",code:"NL",codePhone:"31"},{name:"New Zealand",code:"NZ",codePhone:"64"},{name:"Nicaragua",code:"NI",codePhone:"505"},{name:"Nigeria",code:"NG",codePhone:"234"},{name:"Norway",code:"NO",codePhone:"47"},{name:"Pakistan",code:"PK",codePhone:"92"},{name:"Panama",code:"PA",codePhone:"507"},{name:"Paraguay",code:"PY",codePhone:"595"},{name:"Peru",code:"PE",codePhone:"51"},{name:"Philippines",code:"PH",codePhone:"63"},{name:"Poland",code:"PL",codePhone:"48"},{name:"Portugal",code:"PT",codePhone:"351"},{name:"Qatar",code:"QA",codePhone:"974"},{name:"Romania",code:"RO",codePhone:"40"},{name:"Russian Federation",code:"RU",codePhone:"7"},{name:"Saudi Arabia",code:"SA",codePhone:"966"},{name:"Singapore",code:"SG",codePhone:"65"},{name:"South Africa",code:"ZA",codePhone:"27"},{name:"Spain",code:"ES",codePhone:"34"},{name:"Sri Lanka",code:"LK",codePhone:"94"},{name:"Sweden",code:"SE",codePhone:"46"},{name:"Switzerland",code:"CH",codePhone:"41"},{name:"Taiwan, Province of China",code:"TW",codePhone:"886"},{name:"Thailand",code:"TH",codePhone:"66"},{name:"Tunisia",code:"TN",codePhone:"216"},{name:"Turkey",code:"TR",codePhone:"90"},{name:"Uganda",code:"UG",codePhone:"256"},{name:"Ukraine",code:"UA",codePhone:"380"},{name:"United Arab Emirates",code:"AE",codePhone:"971"},{name:"United Kingdom",code:"GB",codePhone:"44"},{name:"United States",code:"US",codePhone:"1"},{name:"Uruguay",code:"UY",codePhone:"598"},{name:"Venezuela",code:"VE",codePhone:"58"},{name:"Viet Nam",code:"VN",codePhone:"84"},{name:"Zimbabwe",code:"ZW",codePhone:"263"}],c=class{constructor(a){e(this,a),this.dropiCountryChange=o(this,"dropiCountryChange",7)}label="";placeholder="Selecciona un país";value="";disabled=!1;showObligatory=!1;invalid=!1;dropiCountryChange;isOpen=!1;selected=null;searchTerm="";searchInputRef;valueChanged(e){this.selected=n.find((o=>o.code===e))||null}componentWillLoad(){this.value&&this.valueChanged(this.value)}get filtered(){if(!this.searchTerm)return n;const e=this.searchTerm.toLowerCase();return n.filter((o=>o.name.toLowerCase().includes(e)))}open(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&setTimeout((()=>this.searchInputRef?.focus()),50))}select(e){this.selected=e,this.isOpen=!1,this.searchTerm="",this.value=e.code,this.dropiCountryChange.emit(e)}render(){return a("div",{key:"95320129f76f5d802d62cb282172af97607ed15b",class:"custom-select"},this.label&&a("label",{key:"7310600a9ac9a4482240ae6452db11ea2f083ea5"},this.label,this.showObligatory&&a("span",{key:"8ff5f89823f308366fa9f9ab680d7716e136eec5",class:"required"},"*")),a("button",{key:"cf73602134c204051e196a2fdce9192377e6c1dc",type:"button",class:{"select-button":!0,"select-completed":!!this.selected,"select-invalid":this.invalid},disabled:this.disabled,onClick:()=>this.open()},a("div",{key:"29afa9af6fd5b314e38f75c496e3f6f529a795b2",class:"selected-content"},this.selected?a("span",{class:"selected-option"},a("img",{class:"flag-img",src:`https://flagsapi.com/${this.selected.code}/shiny/24.png`,alt:this.selected.name}),this.selected.name):a("span",{class:"placeholder-text"},this.placeholder)),a("dropi-icon",{key:"722dcee79149526a9879e339279128aa23f513cc",name:this.isOpen?"Dropdown-up":"Dropdown-down",width:"20px",height:"20px",color:"Gray-Gray-500"})),a("ul",{key:"64a93caa1189e212c83aa711d8fec2df97baba1b",class:"select-dropdown"+(this.isOpen?" expanded":" collapsed")},a("li",{key:"28f0924f7edac815645c0ee51963b8ac688312a6",class:"search-li"},a("input",{key:"b69a4b4a9238fe4dbc0932f8f4078989d867a224",ref:e=>{this.searchInputRef=e},type:"text",class:"country-search",placeholder:"Buscar país...",value:this.searchTerm,onInput:e=>{this.searchTerm=e.target.value}})),this.filtered.map((e=>a("li",{key:e.code},a("button",{class:"option",type:"button",onClick:()=>this.select(e)},a("img",{class:"flag-img",src:`https://flagsapi.com/${e.code}/shiny/24.png`,alt:e.name}),e.name))))))}static get watchers(){return{value:[{valueChanged:0}]}}};c.style=":host{display:block;width:100%;text-align:left}*,*::before,*::after{box-sizing:border-box}.custom-select{position:relative;width:100%}label{display:block;font-size:var(--font-size-xs, 11px);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-600, #475066);margin-bottom:6px}.required{color:var(--Error-Error-500, #ef4444);margin-left:2px}.select-button{width:100%;height:40px;padding:0 10px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff);color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-s, 12px);font-family:inherit;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer;transition:border-color 0.15s ease}.select-button:focus{outline:none;border-color:var(--Info-Info-500, #3b82f6)}.select-button:disabled{border-color:var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-400, #858ea6);background:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed}.select-button.select-completed{border-color:var(--Gray-Gray-400, #858ea6);color:var(--Gray-Gray-600, #475066)}.select-button.select-invalid{border-color:var(--Error-Error-500, #ef4444)}.selected-content{display:flex;align-items:center;gap:8px;overflow:hidden}.selected-option{display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placeholder-text{color:var(--Gray-Gray-400, #858ea6)}.flag-img{border-radius:16px;width:24px;height:24px;object-fit:cover;flex-shrink:0}.select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--Neutral-White, #fff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);overflow-y:auto;z-index:200;list-style:none;padding:0;margin:0;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);transition:max-height 0.2s ease, opacity 0.2s ease}.select-dropdown.expanded{max-height:260px;opacity:1}.select-dropdown.collapsed{max-height:0;opacity:0;pointer-events:none;border-color:transparent;box-shadow:none}.search-li{padding:0;position:sticky;top:0;background:var(--Neutral-White, #fff);z-index:1}.country-search{width:100%;padding:8px 12px;border:none;border-bottom:1px solid var(--Gray-Gray-100, #e6eaf2);outline:none;font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-600, #475066);background:transparent}.option{width:100%;min-height:40px;border-radius:0;padding:8px 12px;border:none;background:transparent;text-align:left;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-s, 12px);font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background 0.1s ease}.option:hover{background:var(--Gray-Gray-50, #f7f8fa)}";export{c as dropi_country_selector}
@@ -1 +0,0 @@
1
- import{r as i,c as e,h as o}from"./p-Tbza12Gt.js";const t=class{constructor(o){i(this,o),this.dropiLanguageChange=e(this,"dropiLanguageChange",7)}languages=[];selectedLang=null;dropiLanguageChange;isOpen=!1;parsedLanguages=[];currentLang=null;languagesChanged(i){this.parsedLanguages="string"==typeof i?JSON.parse(i):i,!this.currentLang&&this.parsedLanguages.length>0&&(this.currentLang=this.parsedLanguages[0])}selectedLangChanged(i){i&&(this.currentLang="string"==typeof i?JSON.parse(i):i)}componentWillLoad(){this.languagesChanged(this.languages),this.selectedLang&&this.selectedLangChanged(this.selectedLang)}select(i){this.currentLang=i,this.isOpen=!1,this.dropiLanguageChange.emit(i)}render(){return this.currentLang?o("div",{class:"custom-dropdown"+(this.isOpen?" open":"")},o("div",{class:"selected-option",onClick:()=>{this.isOpen=!this.isOpen}},o("dropi-country-flags",{country:this.currentLang.flag,"flag-style":"rectangle",width:"20",height:"15"}),o("span",{class:"Body-S-Regular"},this.currentLang.label),o("dropi-icon",{name:"Caret-down",width:"16px",height:"16px",color:"Gray-Gray-500"})),o("ul",{class:"dropdown-options"+(this.isOpen?" dropdown-open":"")},this.parsedLanguages.map((i=>o("li",{key:i.code,class:i.code===this.currentLang?.code?"active":"",onClick:()=>this.select(i)},o("dropi-country-flags",{country:i.flag,"flag-style":"rectangle",width:"20",height:"15"}),o("span",{class:"Body-S-Regular"},i.label)))))):null}static get watchers(){return{languages:[{languagesChanged:0}],selectedLang:[{selectedLangChanged:0}]}}};t.style=":host{display:inline-block;position:relative}*,*::before,*::after{box-sizing:border-box}.custom-dropdown{position:relative;cursor:pointer;user-select:none}.custom-dropdown.open dropi-icon{transform:rotate(180deg)}.selected-option{display:flex;height:38px;padding:var(--Size-2, 8px) var(--Size-3, 12px);align-items:center;gap:var(--Size-2, 8px);border-radius:4px;border:1px solid var(--Gray-Gray-200, #c3c9d9);background:var(--Neutral-White, #fff);font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066)}.dropdown-options{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:6px;margin-top:4px;z-index:1000;overflow-y:auto;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);padding:0;list-style:none;height:0;opacity:0;visibility:hidden;transition:height 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;max-height:0}.dropdown-options.dropdown-open{max-height:300px;height:auto;opacity:1;visibility:visible}.dropdown-options li{padding:8px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066)}.dropdown-options li:hover,.dropdown-options li.active{background:var(--Gray-Gray-50, #f7f8fa)}@media screen and (max-width: 720px){.selected-option span,.dropdown-options li span{display:none}}";export{t as dropi_languages_selector}
@@ -1 +0,0 @@
1
- import{r as e,c as a,h as r}from"./p-Tbza12Gt.js";const c=["#f46a6b","#f49a3d","#f4d03d","#34c55a","#50a5f1","#7c6bea","#1a2033","#475066","#858ea6","#c3c9d9","#eceef4","#ffffff"],i=class{constructor(r){e(this,r),this.dropiColorChange=a(this,"dropiColorChange",7),this.dropiOpacityChange=a(this,"dropiOpacityChange",7)}value="#f49a3d";showOpacity=!1;opacity=100;label="";disabled=!1;showPresets=!0;open=!1;hexInput="";dropiColorChange;dropiOpacityChange;componentWillLoad(){this.hexInput=this.value}selectColor(e){this.value=e,this.hexInput=e,this.dropiColorChange.emit(e)}handleHexInput(e){const a=e.target.value;this.hexInput=a,/^#[0-9a-fA-F]{6}$/.test(a)&&(this.value=a,this.dropiColorChange.emit(a))}handleOpacity(e){const a=Number(e.target.value);this.opacity=a,this.dropiOpacityChange.emit(a)}handleNativeColor(e){this.selectColor(e.target.value)}render(){return r("div",{key:"945a6065e2b3a74223a461a26685292edcd78c35",class:"cp-wrap"},this.label&&r("label",{key:"f55fc2254ee0c2c301e9e32811dea37b6b8eff5d",class:"cp-label"},this.label),r("button",{key:"021c23bc249bc3a3053176834808732c58441018",class:{"cp-trigger":!0,"cp-trigger--disabled":this.disabled},disabled:this.disabled,onClick:()=>{this.disabled||(this.open=!this.open)},type:"button"},r("span",{key:"be49ed05577c5c585d1509bdc1b5055e0e394383",class:"cp-trigger__swatch",style:{background:this.value}}),r("span",{key:"402a7005da1daf2b3a2e12b086b41f79552aa061",class:"cp-trigger__value"},this.value),r("dropi-icon",{key:"da5d7aa322ad7649e90832c54c6ecba445c5e64b",name:"Arrow-Down-2",width:"12px",height:"12px",color:"Gray-Gray-400"})),this.open&&r("div",{key:"5e14ace3d21ce605ecc8131acf6c1cb382ee33fa",class:"cp-popup"},r("div",{key:"4408dff1ab4a6ab9a9765eb93502f88fe0946ac0",class:"cp-spectrum-wrap"},r("input",{key:"8d3a7e7b38f528e8dfe14eb668da2af1d861cfe8",type:"color",class:"cp-native",value:this.value,onChange:e=>this.handleNativeColor(e)}),r("div",{key:"4c37fc46fb692afde5574f681b02159f1a84d06b",class:"cp-spectrum-label"},"Selecciona un color")),r("div",{key:"a968e35abe0fc39806002d49f5ca46dece28c0a6",class:"cp-hex-row"},r("span",{key:"0cb30134befff62ced36803c6ed0d5c96b41c680",class:"cp-hex-label"},"HEX"),r("input",{key:"ff6e209fcfeb2ec2d55354806aaba41c041492c5",class:"cp-hex-input",type:"text",value:this.hexInput,maxLength:7,onInput:e=>this.handleHexInput(e),placeholder:"#000000"}),r("div",{key:"6b744fc086dbbc9b5dc148f224673085c7a28704",class:"cp-hex-preview",style:{background:this.value}})),this.showOpacity&&r("div",{key:"5250878b5392e1b00c2e677db727f56c2db91c11",class:"cp-opacity-row"},r("span",{key:"58b49f3749d8a33edcfc580b0e11517087bc25b4",class:"cp-opacity-label"},"Opacidad"),r("input",{key:"48f060900c5d7184e5d2ab93c0abd1641cc755e7",class:"cp-opacity-slider",type:"range",min:0,max:100,value:this.opacity,onInput:e=>this.handleOpacity(e)}),r("span",{key:"7da0ec0a86c1472bd1836a8bb0ca616091dde695",class:"cp-opacity-value"},this.opacity,"%")),this.showPresets&&r("div",{key:"96434d1c7bdfe187f04f613494b79e28acef7750",class:"cp-presets"},c.map((e=>r("button",{class:{"cp-swatch":!0,"cp-swatch--active":e===this.value},style:{background:e},onClick:()=>this.selectColor(e),type:"button",title:e})))),r("button",{key:"e5ad3d16b888c8eb0a4444ae3a6fbab9c83689c5",class:"cp-close",onClick:()=>this.open=!1,type:"button"},"Cerrar")))}};i.style=":host{display:block;position:relative}*,*::before,*::after{box-sizing:border-box}.cp-label{display:block;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);margin-bottom:4px}.cp-trigger{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:0 var(--Size-3, 12px);height:40px;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff);cursor:pointer;font-family:inherit;transition:border-color 0.2s;width:100%}.cp-trigger:hover:not(:disabled){border-color:var(--Info-Info-500, #50a5f1)}.cp-trigger--disabled{opacity:0.6;cursor:not-allowed}.cp-trigger__swatch{width:20px;height:20px;border-radius:var(--Border-1, 4px);border:1px solid rgba(0,0,0,0.1);flex-shrink:0}.cp-trigger__value{flex:1;text-align:left;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);font-family:monospace}.cp-popup{position:absolute;top:calc(100% + 4px);left:0;width:220px;background:var(--Neutral-White, #fff);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);box-shadow:0 4px 24px rgba(0,0,0,0.12);z-index:300;padding:var(--Size-3, 12px);display:flex;flex-direction:column;gap:var(--Size-3, 12px)}.cp-spectrum-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--Size-1, 4px)}.cp-native{width:100%;height:80px;border:none;border-radius:var(--Border-1, 4px);cursor:pointer;padding:0;background:none}.cp-native::-webkit-color-swatch-wrapper{padding:0}.cp-native::-webkit-color-swatch{border:none;border-radius:var(--Border-1, 4px)}.cp-spectrum-label{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-400, #858ea6)}.cp-hex-row{display:flex;align-items:center;gap:var(--Size-2, 8px)}.cp-hex-label{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-500, #68738f);width:24px;flex-shrink:0}.cp-hex-input{flex:1;height:32px;padding:0 var(--Size-2, 8px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-1, 4px);font-size:var(--font-size-xs, 10px);font-family:monospace;color:var(--Gray-Gray-700, #32394d);outline:none}.cp-hex-input:focus{border-color:var(--Info-Info-500, #50a5f1)}.cp-hex-preview{width:24px;height:24px;border-radius:var(--Border-1, 4px);border:1px solid rgba(0,0,0,0.1);flex-shrink:0}.cp-opacity-row{display:flex;align-items:center;gap:var(--Size-2, 8px)}.cp-opacity-label{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #68738f);white-space:nowrap}.cp-opacity-slider{flex:1;height:4px;cursor:pointer;accent-color:var(--Primary-Primary-500, #f49a3d)}.cp-opacity-value{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #68738f);width:28px;text-align:right;flex-shrink:0}.cp-presets{display:grid;grid-template-columns:repeat(6, 1fr);gap:var(--Size-1, 4px)}.cp-swatch{width:24px;height:24px;border-radius:var(--Border-1, 4px);border:2px solid transparent;cursor:pointer;transition:transform 0.15s, border-color 0.15s;padding:0}.cp-swatch:hover{transform:scale(1.15)}.cp-swatch--active{border-color:var(--Gray-Gray-800, #1a2033)}.cp-close{background:none;border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-1, 4px);padding:4px 12px;font-size:var(--font-size-xs, 10px);font-family:inherit;color:var(--Gray-Gray-600, #475066);cursor:pointer;align-self:flex-end;transition:background 0.15s}.cp-close:hover{background:var(--Gray-Gray-50, #f7f8fa)}";export{i as dropi_color_picker}
@@ -1 +0,0 @@
1
- import{r as e,c as a,h as i}from"./p-Tbza12Gt.js";const r=class{constructor(i){e(this,i),this.dropiChange=a(this,"dropiChange",7)}type="default";checked=!1;cardTitle="";description="";extraInfo="";extraInfoDescription="";disabled=!1;dropiChange;handleClick(){this.disabled||(this.checked=!this.checked,this.dropiChange.emit(this.checked))}render(){return i("div",{key:"9c647faab478d2817593315051b1f02d0334756d",class:{"container-card-check":!0,"default-card":"default"===this.type,"is-checked":this.checked&&"with-card"===this.type,disabled:this.disabled},onClick:()=>this.handleClick()},i("dropi-checkbox",{key:"31db5cd31da290692d6aa77e0129b7e4361c23aa",checked:this.checked,disabled:this.disabled}),i("div",{key:"4b5c8eeadd255a79344d634d84e3ff93fafa34b4",class:"container-text"},i("div",{key:"30a03f764294e0b4ca8a2bf4fd1badc08d0dc7e9",class:"title-check"},this.cardTitle),this.description&&i("div",{key:"751b4fac066b17c903e56a0aa5ef16b0d4151944",class:"description-text"},this.description)),(this.extraInfo||this.extraInfoDescription)&&i("div",{key:"6b7eec457d42169ac87d1042b65b1bebdd436a5e",class:"extra-info"},this.extraInfo&&i("div",{key:"07e1cfa079668255343570498e0ad0dc0351effb"},this.extraInfo),this.extraInfoDescription&&i("h4",{key:"3a8277e2749b9cbdaf7d5d11086c7f2ac11dc39c"},this.extraInfoDescription)))}};r.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.container-card-check{padding:var(--Size-4, 16px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Size-2, 8px);width:100%;display:flex;align-items:center;gap:var(--Size-3, 12px);cursor:pointer;height:66px;overflow:hidden;transition:background 0.15s ease, border-color 0.15s ease}.container-card-check.disabled{border-radius:var(--Border-2, 8px);border:1px solid var(--Gray-Gray-100, #e6eaf2);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:default}.container-card-check.disabled .title-check,.container-card-check.disabled .description-text,.container-card-check.disabled .extra-info{color:var(--Gray-Gray-400, #858ea6)}.container-text{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:start;overflow:hidden}.title-check{color:var(--Gray-Gray-700, #32394d);font-size:var(--font-size-m, 14px);font-weight:var(--font-weight-regular, 400);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.description-text{color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-s, 12px);margin-top:var(--Size-1, 4px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.extra-info{display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:4px;flex-shrink:0;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066)}.extra-info h4{margin:0;font-size:var(--font-size-s, 12px)}.default-card{border:none}.is-checked{background:var(--Primary-Primary-50, #fff8f0);border:1px solid var(--Primary-Primary-500, #f49a3d)}";export{r as dropi_card_checkbox}
@@ -1 +0,0 @@
1
- import{r as t,c as i,h as e}from"./p-Tbza12Gt.js";const s=class{constructor(e){t(this,e),this.dropiPrimary=i(this,"dropiPrimary",7),this.dropiSecondary=i(this,"dropiSecondary",7),this.dropiHide=i(this,"dropiHide",7)}visible=!1;type="question";alertTitle="";message="";primaryButton="Aceptar";secondaryButton="";loading=!1;closable=!1;displayButtons=!0;loadingTitle="Cargando";loadingMessage="Por favor espera un momento";dropiPrimary;dropiSecondary;dropiHide;lottieMap={question:"/assets/lottie-files/question.json",warning:"/assets/lottie-files/warning.json",success:"/assets/lottie-files/success.json",error:"/assets/lottie-files/failure.json",loading:"/assets/lottie-files/loading.json"};async show(){this.visible=!0}async hide(){this.visible=!1}handlePrimary(){this.dropiPrimary.emit(),this.visible=!1}handleSecondary(){this.dropiSecondary.emit(),this.visible=!1}onModalHide(){this.visible=!1,this.dropiHide.emit()}render(){const t=this.loading?"loading":this.type,i=this.loading?"300px":"120px";return console.log("[DropiAlertModal] type:",this.type,"lottieKey:",t,"src:",this.lottieMap[t]),e("dropi-modal",{key:"4038a17b3572d834f6eb015ad1ece188735d5f74",visible:this.visible,showHeader:this.closable,showCloseIcon:this.closable,dismissable:!1,closeOnEscape:!1,size:"s",onDropiHide:()=>this.onModalHide()},e("div",{key:"89a8709256c27102bde8ac25a387dc90f3f61ed4",class:"body-alert"+(this.loading?" is-loading":"")},this.lottieMap[t]&&e("div",{key:"5bf98eb48cd930bfa8fe4b94077753031830de6b",class:"lottie-img"+(this.loading?" lottie-img--loading":"")},e("dotlottie-player",{key:t,src:this.lottieMap[t],background:"transparent",speed:"1",style:{width:i,height:"auto"},loop:!0,autoplay:!0})),e("div",{key:"a2c9cd8f737ea3584a6706b0e92270893b592870",class:"content-alert"},e("h2",{key:"2cd2e5567910995c62eeb64e60c13ed40fdd14a1"},this.loading?this.loadingTitle:this.alertTitle),e("p",{key:"c6baa31f8f6bbbeb2b1f514e3584d61a50616096"},this.loading?this.loadingMessage:this.message)),!this.loading&&this.displayButtons&&e("div",{key:"7bc16afdb60ea6549fa5dff250a0146141a5715d",class:"actions"},this.secondaryButton&&e("dropi-button",{key:"8b289d9bf39622340ad2cae9ab21457a948c4843",text:this.secondaryButton,severity:"secondary",onDropiClick:()=>this.handleSecondary(),fullWidth:!0}),e("dropi-button",{key:"f87a1a80be2e72b26ddeac81d5f7638f40ddd8f7",text:this.primaryButton,severity:"primary",onDropiClick:()=>this.handlePrimary(),fullWidth:!0}))))}};s.style=":host{display:contents}.body-alert{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--Size-3, 12px);padding:0;overflow:hidden;width:100%;text-align:center !important}.lottie-img{display:flex;align-items:center;justify-content:center;min-height:100px;width:120px;margin-top:-8px;margin-bottom:var(--Size-2, 8px)}.lottie-img--loading{min-height:160px;width:100%}.content-alert{text-align:center;width:100%}.content-alert h2{color:var(--Gray-Gray-700, #32394d);font-size:var(--Size-5, 24px);font-weight:700;margin:0 0 var(--Size-2, 8px);text-align:center !important}.content-alert p{color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-s, 14px);margin:0;text-align:center !important;overflow-wrap:anywhere;max-height:100px;overflow:auto}.actions{display:flex;gap:12px;width:100%;margin-top:var(--Size-4, 16px)}.actions dropi-button{flex:1;display:flex}@media (max-width: 768px){.actions{flex-direction:column}}";export{s as dropi_alert_modal}
@@ -1 +0,0 @@
1
- import{r as t,h as o}from"./p-Tbza12Gt.js";const r=class{constructor(o){t(this,o)}text="";position="top";maxWidth="280px";showDelay=0;visible=!1;showTimer=null;show=()=>{this.showDelay>0?this.showTimer=setTimeout((()=>{this.visible=!0}),this.showDelay):this.visible=!0};hide=()=>{this.showTimer&&(clearTimeout(this.showTimer),this.showTimer=null),this.visible=!1};render(){return o("div",{key:"9f328904e1954d08cf18d51ca765f07ec8b9d3c1",class:"tooltip-wrapper",onMouseEnter:this.show,onMouseLeave:this.hide,onFocusin:this.show,onFocusout:this.hide},o("slot",{key:"697ebc090a9b3d7db25666b6ae8726bc9c389d3c"}),this.text&&o("div",{key:"f82c4ad44cd13b3eb7fd3bbfa54bb598166fba1c",class:{"tooltip-bubble":!0,[`tooltip-bubble--${this.position}`]:!0,"tooltip-bubble--visible":this.visible},style:{maxWidth:this.maxWidth},role:"tooltip"},this.text,o("span",{key:"f850e6f1b5a66a686e9741b3d5e9df3bd5b81e95",class:`tooltip-arrow tooltip-arrow--${this.position}`})))}};r.style=":host{display:inline-block}*,*::before,*::after{box-sizing:border-box}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.tooltip-bubble{position:absolute;z-index:9999;background:#1f2433;color:var(--Neutral-White,#fff);font-size:var(--font-size-s,14px);line-height:1.5;padding:8px 12px;border-radius:8px;white-space:normal;pointer-events:none;opacity:0;transition:opacity 0.15s ease, transform 0.15s ease;word-break:break-word;box-shadow:var(--Shadow-medium);text-align:left;width:max-content}.tooltip-bubble--visible{opacity:1}.tooltip-bubble--top{bottom:calc(100% + 12px);left:50%;transform:translateX(-50%)}.tooltip-bubble--bottom{top:calc(100% + 12px);left:50%;transform:translateX(-50%)}.tooltip-bubble--left{right:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tooltip-bubble--right{left:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tooltip-arrow{position:absolute;width:12px;height:6px}.tooltip-arrow::before{content:'';position:absolute;width:0;height:0}.tooltip-arrow--top{top:100%;left:50%;transform:translateX(-50%)}.tooltip-arrow--top::before{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #1f2433}.tooltip-arrow--bottom{bottom:100%;left:50%;transform:translateX(-50%)}.tooltip-arrow--bottom::before{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #1f2433}.tooltip-arrow--left{left:100%;top:50%;transform:translateY(-50%)}.tooltip-arrow--left::before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #1f2433}.tooltip-arrow--right{right:100%;top:50%;transform:translateY(-50%)}.tooltip-arrow--right::before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #1f2433}";export{r as dropi_tooltip}
@@ -1 +0,0 @@
1
- import{r as t,h as e}from"./p-Tbza12Gt.js";const r=class{constructor(e){t(this,e)}steps=[];get parsedSteps(){if("string"==typeof this.steps)try{return JSON.parse(this.steps)}catch{return[]}return this.steps||[]}render(){const t=this.parsedSteps;return e("div",{key:"b8a4dee055ec85242e2a62a497a6b13fcea29bbc",class:"timeline"},t.map(((r,a)=>{const i=a===t.length-1;return e("div",{class:{"tl-step":!0,[`tl-step--${r.status}`]:!0},key:r.id||a},e("div",{class:"tl-step__marker"},e("div",{class:"tl-step__icon"},r.icon?e("dropi-icon",{name:r.icon,width:"16px",height:"16px",color:"done"===r.status?"Neutral-White":"active"===r.status?"Primary-Primary-500":"Gray-Gray-400"}):e("span",{class:"tl-step__dot"})),!i&&e("div",{class:"tl-step__line"})),e("div",{class:"tl-step__content"},e("span",{class:"tl-step__label"},r.label),r.subtitle&&e("span",{class:"tl-step__subtitle"},r.subtitle)))})))}};r.style=":host{display:block}*,*::before,*::after{box-sizing:border-box}.timeline{display:flex;flex-direction:column}.tl-step{display:flex;align-items:flex-start;gap:var(--Size-3, 12px)}.tl-step__marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.tl-step__icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background 0.2s, border-color 0.2s}.tl-step--pending .tl-step__icon{background:var(--Gray-Gray-100, #e6eaf2);border:2px solid var(--Gray-Gray-200, #c3c9d9)}.tl-step--active .tl-step__icon{background:var(--Neutral-White, #fff);border:2px solid var(--Primary-Primary-500, #f49a3d);box-shadow:0 0 0 4px var(--Primary-Primary-100, #fde9d0)}.tl-step--done .tl-step__icon{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d)}.tl-step__dot{width:8px;height:8px;border-radius:50%;display:block}.tl-step--pending .tl-step__dot{background:var(--Gray-Gray-300, #a3abbf)}.tl-step--active .tl-step__dot{background:var(--Primary-Primary-500, #f49a3d)}.tl-step--done .tl-step__dot{background:var(--Neutral-White, #fff)}.tl-step__line{flex:1;width:2px;min-height:24px;margin:4px 0;background:var(--Gray-Gray-200, #c3c9d9)}.tl-step--done+.tl-step .tl-step__line,.tl-step--done .tl-step__line{background:var(--Primary-Primary-500, #f49a3d)}.tl-step__content{display:flex;flex-direction:column;gap:2px;padding-top:6px;padding-bottom:var(--Size-4, 16px)}.tl-step__label{font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d)}.tl-step--pending .tl-step__label{color:var(--Gray-Gray-400, #858ea6);font-weight:var(--font-weight-regular, 400)}.tl-step__subtitle{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c)}";export{r as dropi_time_line}
@@ -1 +0,0 @@
1
- import{r as t,c as r,h as o}from"./p-Tbza12Gt.js";const e=class{constructor(o){t(this,o),this.dropiInput=r(this,"dropiInput",7),this.dropiChange=r(this,"dropiChange",7),this.dropiFocus=r(this,"dropiFocus",7),this.dropiBlur=r(this,"dropiBlur",7),o.$hostElement$["s-ei"]?this.internals=o.$hostElement$["s-ei"]:(this.internals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.internals)}internals;inputId="";name="";label="";placeholder=" ";value="";maxlength;disabled=!1;required=!1;showAsterisk=!0;fixedLabel=!1;inputMode="text";passwordInput=!1;moneyFormat=!1;thousandSeparator=!1;onlyNumbers=!1;allowDecimals=!1;onlyLetters=!1;icon="";iconColor="Gray-Gray-400";invalid=!1;helperText="";showHelperOnlyOnError=!1;showPassword=!1;touched=!1;dropiInput;dropiChange;dropiFocus;dropiBlur;valueChanged(t){this.internals.setFormValue(t)}disabledChanged(t){this.internals.setValidity(t?{customError:!0}:{},t?"Field is disabled":"")}componentWillLoad(){this.internals.setFormValue(this.value??"")}handleInput(t){let r=t.target.value;this.onlyNumbers&&(r=this.filterNumbers(r)),this.onlyLetters&&(r=this.filterLetters(r)),(this.moneyFormat||this.thousandSeparator)&&(r=this.formatThousands(r,this.moneyFormat)),this.value=r,this.internals.setFormValue(r),this.dropiInput.emit(r)}handleKeyDown(t){(this.onlyNumbers||this.moneyFormat||this.thousandSeparator)&&!this.isAllowedNumberKey(t)&&t.preventDefault(),this.onlyLetters&&!this.isAllowedLetterKey(t)&&t.preventDefault()}handleFocus(){this.dropiFocus.emit()}handleBlur(){this.touched=!0,this.dropiChange.emit(this.value),this.dropiBlur.emit()}togglePassword(){this.disabled||(this.showPassword=!this.showPassword)}filterNumbers(t){return t.replace(this.allowDecimals?/[^0-9.]/g:/[^0-9]/g,"")}filterLetters(t){return t.replace(/[^a-zA-ZáéíóúÁÉÍÓÚñÑüÜ\s]/g,"")}isAllowedNumberKey(t){return!!(["Backspace","Delete","ArrowLeft","ArrowRight","Tab","Enter","Home","End"].includes(t.key)||t.ctrlKey||t.metaKey||/^[0-9]$/.test(t.key)||this.allowDecimals&&"."===t.key)}isAllowedLetterKey(t){return!!["Backspace","Delete","ArrowLeft","ArrowRight","Tab","Enter","Home","End"," "].includes(t.key)||!(!t.ctrlKey&&!t.metaKey)||/^[a-zA-ZáéíóúÁÉÍÓÚñÑüÜ]$/.test(t.key)}formatThousands(t,r){const o=t.replace(/[^0-9.]/g,""),[e,a]=o.split("."),i=e.replace(/\B(?=(\d{3})+(?!\d))/g,","),s=void 0!==a?`${i}.${a}`:i;return r?`$${s}`:s}get resolvedId(){return this.inputId||this.label}get inputType(){return this.passwordInput?this.showPassword?"text":"password":"text"}get showHelper(){return!!this.helperText&&(!this.showHelperOnlyOnError||this.invalid&&this.touched)}get isInvalid(){return this.invalid&&this.touched}render(){const t=this.required&&this.showAsterisk&&!this.disabled,r=!!this.icon;return o("div",{key:"49a1b6d02f59e1c67a70a219a7f7d0fbbd2a460d",class:{"fixed-label-container":this.fixedLabel}},this.fixedLabel&&o("div",{key:"326d90a0361fe5ab90adee1479439aab34c99951",class:"input-label Body-S-Regular"},this.label,t&&o("span",{key:"cf5677966af627addc69a2735803845b54f41a9f",class:"asterisk"}," *")),o("div",{key:"1f7b7c614dc424ad4b1aa1819d05573fd08b30a1",class:"form-group"},o("div",{key:"c2f88e7f7f2f0da585e8ac20c6373b451290dfdd",class:{"input-container":!0,"input-container--has-icon":r}},r&&o("dropi-icon",{key:"c6f7cc14c56452768e4e49092a2be7968951255b",class:"icon-input",name:this.icon,color:this.iconColor,width:"20px",height:"20px"}),this.passwordInput&&o("dropi-icon",{key:"5ddbd5e176b61dc46d817fa6a32d3d3c0e2cc589",class:"icon-input-password",name:this.showPassword?"Eye":"Eye-crossed",width:"20px",height:"20px",color:"Gray-Gray-500",onClick:()=>this.togglePassword()}),o("input",{key:"51a17c36e9ed49fef0d2f0ea97d4aca10e4722d6",id:this.resolvedId,class:{"form-control":!0,"form-control-valid":!this.isInvalid&&this.touched&&!!this.value,"form-control-invalid":this.isInvalid,"padding-icon":r,"text-password":this.passwordInput&&!this.showPassword,"fixed-label-input":this.fixedLabel},type:this.inputType,value:this.value,placeholder:this.fixedLabel?this.placeholder:" ",disabled:this.disabled,required:this.required,maxLength:this.maxlength,inputMode:this.inputMode,"data-cy":void 0,onInput:t=>this.handleInput(t),onKeyDown:t=>this.handleKeyDown(t),onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur()}),!this.fixedLabel&&o("label",{key:"9fa96019e84dd543e3e74a15e8f0681ea7bb7823",class:"Body-S-Regular label-bottom",htmlFor:this.resolvedId},this.label,t&&o("span",{key:"740936c43be963fc7383e3ae6eb21c9d02ffde03",class:"asterisk"}," *")),this.showHelper&&o("div",{key:"9381fc81799162f20df8d2df914adc4ebee5e8ed",class:"form-control-helper"},this.isInvalid&&o("dropi-icon",{key:"fea3d178b9b00f87d2a266cb665fca2774ec963a",name:"Warning-circle",width:"12px",height:"12px",color:"Error-Error-500"}),o("span",{key:"390caaa2dfdfb673b8d1fdd8fada2d7c2f6ba764",class:{"disabled-helper":this.disabled,"invalid-color":this.isInvalid}},this.helperText)))))}static get formAssociated(){return!0}static get watchers(){return{value:[{valueChanged:0}],disabled:[{disabledChanged:0}]}}};e.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.fixed-label-container{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:8px}.input-label{color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);text-align:left}.asterisk{color:var(--Error-Error-500, #f46a6b)}.form-group{position:relative;width:100%}.input-container{position:relative}.icon-input{position:absolute;top:10px;left:5px;z-index:1}.icon-input-password{position:absolute;top:10px;right:13px;cursor:pointer;z-index:1}.form-control{box-sizing:border-box;width:100%;padding:var(--Size-2, 8px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);transition:border-color 0.3s ease-in-out;height:40px;outline:none;appearance:none;text-align:left}.form-control::placeholder{color:transparent;transition:color 0.2s ease-in-out}.form-control:focus::placeholder,.fixed-label-input::placeholder{color:var(--Gray-Gray-400, #858ea6)}.form-control:focus{border-color:var(--Info-Info-500, #50a5f1)}.form-control-valid{border-color:var(--Gray-Gray-400, #858ea6) !important;color:var(--Gray-Gray-600, #475066)}.form-control-invalid{border-color:var(--Error-Error-500, #f46a6b) !important;color:var(--Gray-Gray-600, #475066)}.form-control:disabled{border-color:var(--Gray-Gray-200, #c3c9d9) !important;color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed}.padding-icon{padding-left:28px}.input-container--has-icon label.label-bottom{left:28px}.input-container--has-icon .form-control:focus+label.label-bottom,.input-container--has-icon .form-control:not(:placeholder-shown)+label.label-bottom{left:0}.text-password{-webkit-text-security:disc;text-security:disc}label.label-bottom{position:absolute;font-weight:var(--font-weight-regular, 400);top:10px;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-500, #69738c);left:10px;transition:all 0.2s ease-in-out;pointer-events:none;overflow:hidden;width:90%;white-space:nowrap}.form-control:focus+label.label-bottom,.form-control:not(:placeholder-shown)+label.label-bottom{top:-22px;left:0;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);width:unset}.form-control:disabled+label.label-bottom{color:var(--Gray-Gray-400, #858ea6)}.form-control-helper{display:flex;position:absolute;top:100%;left:0;gap:4px;align-items:center;margin-top:4px}.form-control-helper span{display:block;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px)}.invalid-color{color:var(--Error-Error-500, #f46a6b) !important}.disabled-helper{color:var(--Gray-Gray-400, #858ea6) !important}.disabled-helper{color:var(--Gray-Gray-400, #858ea6) !important}";export{e as dropi_input}
@@ -1 +0,0 @@
1
- import{r as t,c as e,h as i}from"./p-Tbza12Gt.js";const a=class{constructor(i){t(this,i),this.dropiAction=e(this,"dropiAction",7),this.dropiSecondaryAction=e(this,"dropiSecondaryAction",7)}header="";description="";imageUrl="";imageAlt="Sin resultados";actionLabel="";iconState="default";secondaryLabel="";actionSeverity="tertiary";dropiAction;dropiSecondaryAction;render(){return i("div",{key:"a4aec0618cd8a0900c4d5e82528a86d30c027669",class:"empty-state"},i("div",{key:"80565c251e85146d824c640cbce4602d509311bb",class:"empty-state-visual"},i("img",this.imageUrl?{class:"empty-state-img",src:this.imageUrl,alt:this.imageAlt}:{class:"empty-state-img",src:`assets/icons/ilustration/${this.iconState}.svg`,alt:this.imageAlt,onError:t=>t.target.src="assets/icons/ilustration/default.svg"})),this.header&&i("h3",{key:"9cd0fc5aac1aeb089f1ef4c46291c9ad5d630d9c",class:"empty-state-title"},this.header),this.description&&i("p",{key:"4f2fd55693d6376a7d782a8df5d71c33fa8ea523",class:"empty-state-description"},this.description),i("slot",{key:"a48aa738f9f9a3a2c1f62d86e36010f2eb6c9b06"}),(this.actionLabel||this.secondaryLabel)&&i("div",{key:"dd2978b2422d1382461eaba5c92eba37817ddb61",class:"empty-state-actions"},this.secondaryLabel&&i("dropi-button",{key:"b2d76dd6da170d8af85384ffbe800a4789ea96d9",text:this.secondaryLabel,severity:"secondary",onDropiClick:()=>this.dropiSecondaryAction.emit()}),this.actionLabel&&i("dropi-button",{key:"68efcbb4c4069302839501c74affc6d43f7d4c6b",text:this.actionLabel,severity:this.actionSeverity,onDropiClick:()=>this.dropiAction.emit()})))}};a.style=":host{display:block}*,*::before,*::after{box-sizing:border-box}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--Size-3, 12px);padding:var(--Size-6, 32px) var(--Size-5, 20px);text-align:center}.empty-state-img{max-width:200px;width:100%;height:auto;object-fit:contain;filter:brightness(0) saturate(100%) invert(73%) sepia(9%) saturate(503%) hue-rotate(187deg) brightness(91%) contrast(88%)}.empty-state-svg{width:80px;height:80px}.empty-state-placeholder{display:flex;align-items:center;justify-content:center}.empty-state-title{margin:0;font-size:var(--font-size-l, 18px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d);line-height:1.3}.empty-state-description{margin:0;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-500, #69738c);line-height:1.6;max-width:400px}.empty-state-actions{display:flex;align-items:center;gap:var(--Size-3, 12px);flex-wrap:wrap;justify-content:center;margin-top:var(--Size-2, 8px)}";export{a as dropi_empty_state}
@@ -1 +0,0 @@
1
- import{r as a,c as r,h as e}from"./p-Tbza12Gt.js";const i=class{constructor(e){a(this,e),this.dropiNavItemClick=r(this,"dropiNavItemClick",7),this.dropiNotificationsClick=r(this,"dropiNotificationsClick",7),this.dropiUserClick=r(this,"dropiUserClick",7),this.dropiMenuToggle=r(this,"dropiMenuToggle",7)}logoUrl="";logoAlt="Logo";items=[];activeId="";userName="";userAvatar="";notifications=0;showMenuToggle=!0;dropiNavItemClick;dropiNotificationsClick;dropiUserClick;dropiMenuToggle;get parsedItems(){const a=this.items;return"string"==typeof a?JSON.parse(a):a||[]}render(){const a=this.parsedItems;return e("nav",{key:"014281e03d0d6d2619add2319c3df90a5b6246a5",class:"navbar"},e("div",{key:"4c1ac832042995edbe98e03d9ffd722879d7667c",class:"navbar__left"},this.showMenuToggle&&e("button",{key:"b244829263b1fa8f10365be75f8e6a86780b23bb",class:"navbar__menu-btn",onClick:()=>this.dropiMenuToggle.emit(),"aria-label":"Menú"},e("dropi-icon",{key:"082a2ec0c22c31d0e50c6c4268deb91db91a4a0a",name:"Menu",width:"20px",height:"20px",color:"Gray-Gray-700"})),this.logoUrl&&e("img",{key:"bb999a5b53a2e667715b8b8152e68f567bf6735d",class:"navbar__logo",src:this.logoUrl,alt:this.logoAlt})),a.length>0&&e("ul",{key:"0d8fc800d7e8eb42ba7971c323dcd7366c564c6f",class:"navbar__items"},a.map((a=>e("li",null,e("button",{class:{navbar__item:!0,"navbar__item--active":a.id===this.activeId},onClick:()=>this.dropiNavItemClick.emit(a.id),type:"button"},a.icon&&e("dropi-icon",{name:a.icon,width:"16px",height:"16px",color:a.id===this.activeId?"Primary-Primary-500":"Gray-Gray-600"}),e("span",null,a.label),null!=a.badge&&"0"!==String(a.badge)&&e("span",{class:"navbar__badge"},a.badge)))))),e("div",{key:"ce34e9989a27f875880cc674f68cd1348ba830ea",class:"navbar__right"},e("button",{key:"8786409d275d115e363d4675d51d33a004881287",class:"navbar__icon-btn",onClick:()=>this.dropiNotificationsClick.emit(),"aria-label":"Notificaciones"},e("dropi-icon",{key:"6d8475c54109cf3535464029d906779a1ef5613d",name:"Bell",width:"20px",height:"20px",color:"Gray-Gray-600"}),this.notifications>0&&e("span",{key:"f38458c5cf0e805cf7bc20ca6d9c2f59570c2813",class:"navbar__notif-badge"},this.notifications>99?"99+":this.notifications)),e("button",{key:"aa82799088ef91868967988a48b51d5426175733",class:"navbar__user-btn",onClick:()=>this.dropiUserClick.emit(),type:"button"},this.userAvatar?e("img",{class:"navbar__avatar",src:this.userAvatar,alt:this.userName}):e("div",{class:"navbar__avatar-placeholder"},this.userName?this.userName[0].toUpperCase():"?"),this.userName&&e("span",{key:"512bb7945572d2a2c117d8fa27d82d1d53b78120",class:"navbar__user-name"},this.userName),e("dropi-icon",{key:"feac223f33239f1b1d2add2139aef3408a73de44",name:"Arrow-Down-2",width:"12px",height:"12px",color:"Gray-Gray-400"}))))}};i.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.navbar{display:flex;align-items:center;height:56px;padding:0 var(--Size-4, 16px);background:var(--Neutral-White, #fff);border-bottom:1px solid var(--Gray-Gray-100, #eceef4);gap:var(--Size-4, 16px);position:relative}.navbar__left{display:flex;align-items:center;gap:var(--Size-2, 8px);flex-shrink:0}.navbar__menu-btn{background:none;border:none;padding:6px;cursor:pointer;border-radius:var(--Border-1, 4px);display:flex;align-items:center;transition:background 0.15s}.navbar__menu-btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.navbar__logo{height:28px;object-fit:contain}.navbar__items{flex:1;list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:var(--Size-1, 4px)}.navbar__item{display:flex;align-items:center;gap:var(--Size-1, 4px);padding:6px var(--Size-3, 12px);background:none;border:none;border-radius:var(--Border-1, 4px);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-600, #475066);cursor:pointer;transition:background 0.15s, color 0.15s;white-space:nowrap}.navbar__item:hover{background:var(--Gray-Gray-50, #f7f8fa)}.navbar__item--active{background:var(--Primary-Primary-50, #fff5eb);color:var(--Primary-Primary-500, #f49a3d);font-weight:var(--font-weight-bold, 700)}.navbar__badge{background:var(--Error-Error-500, #f46a6b);color:var(--Neutral-White, #fff);font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:100px;display:flex;align-items:center;justify-content:center;padding:0 4px}.navbar__right{display:flex;align-items:center;gap:var(--Size-2, 8px);flex-shrink:0}.navbar__icon-btn{position:relative;background:none;border:none;padding:6px;cursor:pointer;border-radius:var(--Border-1, 4px);display:flex;align-items:center;transition:background 0.15s}.navbar__icon-btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.navbar__notif-badge{position:absolute;top:2px;right:2px;background:var(--Error-Error-500, #f46a6b);color:var(--Neutral-White, #fff);font-size:9px;font-weight:700;min-width:14px;height:14px;border-radius:100px;display:flex;align-items:center;justify-content:center;padding:0 3px}.navbar__user-btn{display:flex;align-items:center;gap:var(--Size-1, 4px);background:none;border:none;padding:4px 8px;border-radius:var(--Border-1, 4px);cursor:pointer;transition:background 0.15s;font-family:inherit}.navbar__user-btn:hover{background:var(--Gray-Gray-50, #f7f8fa)}.navbar__avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.navbar__avatar-placeholder{width:28px;height:28px;border-radius:50%;background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #fff);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700)}.navbar__user-name{font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-700, #32394d);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";export{i as dropi_navbar}
@@ -1 +0,0 @@
1
- import{r,c as a,h as o}from"./p-Tbza12Gt.js";const e=class{constructor(o){r(this,o),this.dropiClick=a(this,"dropiClick",7)}type="default";severity="primary";size="normal";state="default";fullWidth=!1;preIcon="";postIcon="";text="";dropiClick;colorMap={default:"Primary-Primary-",success:"Success-Success-",error:"Error-Error-",info:"Info-Info-",legacy:"Secondary-Secondary-",warning:"Warning-Warning-",dropdown:"Gray-Gray-"};get iconSize(){return"large"===this.size?"24px":"small"===this.size?"16px":"18px"}get color(){return(this.colorMap[this.type]??"Primary-Primary-")+("disabled"===this.state?"300":"500")}get fontColor(){return"tertiary"===this.severity?"default"===this.type||"legacy"===this.type?"Gray-Gray-500":this.color:"secondary"===this.severity?this.color:"Neutral-White"}handleClick(r){"disabled"!==this.state&&"loading"!==this.state&&this.dropiClick.emit(r)}renderLoadingSpinner(){return o("svg",{class:"spin",width:this.iconSize,height:this.iconSize,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{d:"M22.8 12C23.4627 12 24.0062 11.4614 23.9401 10.802C23.8232 9.6371 23.5362 8.49339 23.0866 7.4078C22.4835 5.95189 21.5996 4.62902 20.4853 3.51472C19.371 2.40042 18.0481 1.5165 16.5922 0.913445C15.5066 0.463778 14.3629 0.17683 13.198 0.0599502C12.5386 -0.00621439 12 0.537258 12 1.2C12 1.86274 12.5393 2.39227 13.1969 2.4749C14.0463 2.58164 14.8795 2.80176 15.6738 3.13076C16.8385 3.6132 17.8968 4.32033 18.7882 5.21177C19.6797 6.10322 20.3868 7.16151 20.8692 8.32624C21.1982 9.12051 21.4184 9.95367 21.5251 10.8031C21.6077 11.4607 22.1373 12 22.8 12Z",fill:`var(--${this.fontColor})`}))}render(){const r="disabled"===this.state||"loading"===this.state,a=""!==this.text,e=""!==this.postIcon||"dropdown"===this.type,n="dropdown"===this.type?"Dropdown-down":this.postIcon;return o("button",{key:"e924f56cb86a87ee8a314cfc5c278042a4d0a87d",class:{btn:!0,"without-text":!a,[this.severity]:!0,[this.type]:!0,[this.size]:!0,[this.state]:!0},disabled:r,onClick:r=>this.handleClick(r)},this.preIcon&&o("dropi-icon",{key:"6d42026da19f7bf2fc6186659b8afc48748544f1",name:this.preIcon,width:this.iconSize,height:this.iconSize,color:this.fontColor}),a&&o("span",{key:"c71ee430fec84cd24d261dc12973ad0b472cc71c",class:"text"},this.text),e&&o("dropi-icon",{key:"ff3890de446e5b48c88a980f01cce4e7b9764b24",name:n,width:this.iconSize,height:this.iconSize,color:this.fontColor}),"loading"===this.state&&this.renderLoadingSpinner(),o("slot",{key:"3ee6aacd17a004664ad4bcf89219a8e2dc865343"}))}};e.style=":host{display:inline-block}:host([full-width]){display:flex;width:100%}:host([full-width]) .btn{width:100%}*,*::before,*::after{box-sizing:border-box}.btn{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--Size-1, 4px);border-radius:var(--Border-2, 8px);font-weight:700;min-width:33px;line-height:110%;cursor:pointer;white-space:nowrap;transition:background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease}.btn:active{transition:transform 0.01s ease-out;transform:scale(0.98)}.btn:hover:not(:active){transform:scale(1.01)}.btn.without-text{gap:0}.btn.large{padding:var(--Size-4, 16px);font-size:var(--Size-4, 16px);height:48px}.btn.normal{padding:var(--Size-3, 12px);font-size:var(--font-size-s, 12px);height:40px}.btn.small{padding:var(--Size-2, 8px);font-size:var(--Size-3, 12px);height:29px}.btn.disabled,.btn.loading{cursor:not-allowed;pointer-events:none}.btn.primary.default{background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #fff)}.btn.primary.default:hover{background:var(--Primary-Primary-600, #e58017)}.btn.primary.success{background:var(--Success-Success-500, #0abb87);color:var(--Neutral-White, #fff)}.btn.primary.success:hover{background:var(--Success-Success-600, #09aa7b)}.btn.primary.info{background:var(--Info-Info-500, #50a5f1);color:var(--Neutral-White, #fff)}.btn.primary.info:hover{background:var(--Info-Info-600, #4996db)}.btn.primary.error{background:var(--Error-Error-500, #f46a6b);color:var(--Neutral-White, #fff)}.btn.primary.error:hover{background:var(--Error-Error-600, #de6061)}.btn.primary.warning{background:var(--Warning-Warning-500, #f1b44c);color:var(--Neutral-White, #fff)}.btn.primary.warning:hover{background:var(--Warning-Warning-600, #dba445)}.btn.primary.legacy{background:var(--Secondary-Secondary-500, #008dbf);color:var(--Neutral-White, #fff)}.btn.primary.legacy:hover{background:var(--Secondary-Secondary-600, #007199)}.btn.primary.disabled.default{background:var(--Primary-Primary-300, #f2bc85);color:var(--Neutral-White, #fff)}.btn.primary.disabled.success{background:var(--Success-Success-300, #5bd1af);color:var(--Neutral-White, #fff)}.btn.primary.disabled.info{background:var(--Info-Info-300, #8ac3f6);color:var(--Neutral-White, #fff)}.btn.primary.disabled.error{background:var(--Error-Error-300, #f89b9c);color:var(--Neutral-White, #fff)}.btn.primary.disabled.warning{background:var(--Warning-Warning-300, #f6cd87);color:var(--Neutral-White, #fff)}.btn.primary.disabled.legacy{background:var(--Secondary-Secondary-300, #62bad9);color:var(--Neutral-White, #fff)}.btn.secondary{background:var(--Neutral-White, #fff);border:1px solid}.btn.secondary.default{border-color:var(--Primary-Primary-500, #f49a3d);color:var(--Primary-Primary-500, #f49a3d)}.btn.secondary.default:hover{color:var(--Primary-Primary-600, #e58017);border-color:var(--Primary-Primary-600, #e58017)}.btn.secondary.success{border-color:var(--Success-Success-500, #0abb87);color:var(--Success-Success-500, #0abb87)}.btn.secondary.success:hover{color:var(--Success-Success-600, #09aa7b);border-color:var(--Success-Success-600, #09aa7b)}.btn.secondary.info{border-color:var(--Info-Info-500, #50a5f1);color:var(--Info-Info-500, #50a5f1)}.btn.secondary.info:hover{color:var(--Info-Info-600, #4996db);border-color:var(--Info-Info-600, #4996db)}.btn.secondary.error{border-color:var(--Error-Error-500, #f46a6b);color:var(--Error-Error-500, #f46a6b)}.btn.secondary.error:hover{color:var(--Error-Error-600, #de6061);border-color:var(--Error-Error-600, #de6061)}.btn.secondary.warning{border-color:var(--Warning-Warning-500, #f1b44c);color:var(--Warning-Warning-500, #f1b44c)}.btn.secondary.warning:hover{color:var(--Warning-Warning-600, #dba445);border-color:var(--Warning-Warning-600, #dba445)}.btn.secondary.legacy{border-color:var(--Secondary-Secondary-500, #008dbf);color:var(--Secondary-Secondary-500, #008dbf)}.btn.secondary.legacy:hover{color:var(--Secondary-Secondary-600, #007199);border-color:var(--Secondary-Secondary-600, #007199)}.btn.secondary.disabled.default{border-color:var(--Primary-Primary-300, #f2bc85);color:var(--Primary-Primary-300, #f2bc85)}.btn.secondary.disabled.success{border-color:var(--Success-Success-300, #5bd1af);color:var(--Success-Success-300, #5bd1af)}.btn.secondary.disabled.info{border-color:var(--Info-Info-300, #8ac3f6);color:var(--Info-Info-300, #8ac3f6)}.btn.secondary.disabled.error{border-color:var(--Error-Error-300, #f89b9c);color:var(--Error-Error-300, #f89b9c)}.btn.secondary.disabled.warning{border-color:var(--Warning-Warning-300, #f6cd87);color:var(--Warning-Warning-300, #f6cd87)}.btn.secondary.disabled.legacy{border-color:var(--Secondary-Secondary-300, #62bad9);color:var(--Secondary-Secondary-300, #62bad9)}.btn.tertiary{background:none;border:none}.btn.tertiary.default,.btn.tertiary.legacy{border:1px solid var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-500, #69738c)}.btn.tertiary.default:hover,.btn.tertiary.legacy:hover{border-color:var(--Gray-Gray-400, #858ea6);color:var(--Gray-Gray-600, #475066)}.btn.tertiary.success{color:var(--Success-Success-500, #0abb87)}.btn.tertiary.success:hover{background:var(--Success-Success-50, #e7f8f3)}.btn.tertiary.info{color:var(--Info-Info-500, #50a5f1)}.btn.tertiary.info:hover{background:var(--Info-Info-50, #eef6fe)}.btn.tertiary.error{color:var(--Error-Error-500, #f46a6b)}.btn.tertiary.error:hover{background:var(--Error-Error-50, #fef0f0)}.btn.tertiary.warning{color:var(--Warning-Warning-500, #f1b44c)}.btn.tertiary.warning:hover{background:var(--Warning-Warning-50, #fef8ed)}.btn.tertiary.dropdown{color:var(--Gray-Gray-500, #69738c);font-weight:400;font-size:14px;background:transparent}.btn.tertiary.disabled.default,.btn.tertiary.disabled.legacy{border:1px solid var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-400, #858ea6)}.btn.tertiary.disabled.success{color:var(--Success-Success-300, #5bd1af)}.btn.tertiary.disabled.info{color:var(--Info-Info-300, #8ac3f6)}.btn.tertiary.disabled.error{color:var(--Error-Error-300, #f89b9c)}.btn.tertiary.disabled.warning{color:var(--Warning-Warning-300, #f6cd87)}.spin{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}";export{e as dropi_button}
@@ -1 +0,0 @@
1
- import{r as a,c as t,h as e}from"./p-Tbza12Gt.js";const r=class{constructor(e){a(this,e),this.dropiTabChange=t(this,"dropiTabChange",7)}tabs=[];activeTab=0;showIcon=!1;dropiTabChange;parsedTabs=[];tabsChanged(a){this.parsedTabs="string"==typeof a?JSON.parse(a):a??[]}componentWillLoad(){this.tabsChanged(this.tabs)}handleClick(a){a.disabled||(this.activeTab=a.id,this.dropiTabChange.emit(a))}render(){return e("div",{key:"9db1e2f4fdd15fc4ea4407d83fe33c562270acec",class:"tabs-container",role:"tablist"},this.parsedTabs.map((a=>{const t=a.id===this.activeTab;return e("div",{role:"tab","aria-selected":String(t),class:{"tab-item":!0,"tab-item--active":t&&!a.disabled,"tab-item--disabled":!!a.disabled},onClick:()=>this.handleClick(a)},e("span",{class:"tab-label-row"},e("span",{class:"tab-label"},a.label),null!=a.counter&&e("span",{class:{"tab-counter":!0,"tab-counter--active":t}},a.counter)),this.showIcon&&(a.completed?e("dropi-icon",{name:"Check-circle",width:"12px",height:"12px",color:"Success-Success-500"}):e("span",{class:"tab-status-dot"})))})))}static get watchers(){return{tabs:[{tabsChanged:0}]}}};r.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.tabs-container{display:flex;flex-wrap:nowrap;overflow-x:auto;width:100%;height:52px;scrollbar-width:none}.tabs-container::-webkit-scrollbar{width:0;height:0}.tab-item{padding:var(--Size-4,16px) var(--Size-5,20px);background:var(--Neutral-White,#fff);border-bottom:2px solid var(--Gray-Gray-100,#e6eaf2);cursor:pointer;display:flex;gap:16px;align-items:center;white-space:nowrap;flex-shrink:0;transition:border-color 0.15s ease;user-select:none}.tab-item:hover:not(.tab-item--disabled):not(.tab-item--active){border-color:var(--Gray-Gray-300,#a3abbf)}.tab-item--active{border-bottom:2px solid var(--Primary-Primary-500,#f49a3d)}.tab-item--disabled{background:rgba(223,228,237,0.22);cursor:not-allowed;opacity:0.7;pointer-events:none}.tab-label-row{display:flex;align-items:center;gap:8px}.tab-label{font-size:var(--font-size-m,14px);font-weight:var(--font-weight-bold,700);color:var(--Gray-Gray-400,#858ea6);line-height:20px}.tab-item--active .tab-label{color:var(--Gray-Gray-600,#475066)}.tab-item--disabled .tab-label{font-weight:300;color:var(--Gray-Gray-300,#a3abbf)}.tab-counter{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:20px;font-size:var(--font-size-xs,10px);font-weight:var(--font-weight-medium,500);background:var(--Gray-Gray-100,#e6eaf2);color:var(--Gray-Gray-500,#69738c)}.tab-counter--active{background:var(--Primary-Primary-100,#fde8d0);color:var(--Primary-Primary-500,#f49a3d)}.tab-status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:var(--Primary-Primary-500, #f49a3d);flex-shrink:0}";export{r as dropi_tabs}
@@ -1 +0,0 @@
1
- import{r as e,h as i}from"./p-Tbza12Gt.js";const s=class{constructor(i){e(this,i)}variant="text";width="100%";height="16px";borderRadius="";lines=1;getRadius(){return this.borderRadius?this.borderRadius:"circle"===this.variant?"50%":"text"===this.variant?"4px":"var(--Border-1, 4px)"}render(){return"text"===this.variant&&this.lines>1?i("div",{class:"skeleton-lines"},Array.from({length:this.lines}).map(((e,s)=>i("div",{class:"skeleton",style:{width:s===this.lines-1?"70%":this.width,height:this.height,borderRadius:this.getRadius()}})))):i("div",{class:"skeleton",style:{width:this.width,height:this.height,borderRadius:this.getRadius()}})}};s.style=":host{display:block}*,*::before,*::after{box-sizing:border-box}.skeleton-lines{display:flex;flex-direction:column;gap:8px}.skeleton{background:linear-gradient( 90deg, var(--Gray-Gray-100, #e6eaf2) 25%, var(--Gray-Gray-50, #f7f8fa) 50%, var(--Gray-Gray-100, #e6eaf2) 75% );background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}";export{s as dropi_skeleton}
@@ -1 +0,0 @@
1
- import{r,c as a,h as e}from"./p-Tbza12Gt.js";const t={success:"Check-circle",error:"Warning-circle",warning:"Warning-triangle",info:"Info"},i={success:"Success-Success-500",error:"Error-Error-500",warning:"Warning-Warning-500",info:"Info-Info-500"},o=class{constructor(e){r(this,e),this.dropiClose=a(this,"dropiClose",7),this.dropiButtonClick=a(this,"dropiButtonClick",7),this.dropiLinkClick=a(this,"dropiLinkClick",7)}message="";type="default";state="info";dismissable=!1;showButton=!1;buttonText="";anchorText="";anchorUrl="";showAlert=!0;dropiClose;dropiButtonClick;dropiLinkClick;render(){return this.showAlert?e("div",{class:{alert:!0,[`alert--${this.type}`]:!0,[`alert--${this.state}`]:!0}},"flag"!==this.type&&e("div",{class:"alert__icon"},e("dropi-icon",{name:t[this.state],width:"18px",height:"18px",color:i[this.state]})),e("div",{class:"alert__body"},e("span",{class:"alert__message"},this.message),this.anchorText&&e("a",{class:"alert__link",href:this.anchorUrl||"#",onClick:r=>{r.preventDefault(),this.dropiLinkClick.emit()}},this.anchorText)),e("div",{class:"alert__actions"},this.showButton&&this.buttonText&&"flag"!==this.type&&e("button",{class:"alert__btn",onClick:()=>this.dropiButtonClick.emit()},this.buttonText),this.dismissable&&e("button",{class:"alert__close",onClick:()=>{this.showAlert=!1,this.dropiClose.emit()},"aria-label":"Cerrar"},e("dropi-icon",{name:"Close-small",width:"18px",height:"18px",color:"Gray-Gray-500"})))):null}};o.style=":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.alert{display:flex;align-items:center;gap:var(--Size-2, 8px);padding:var(--Size-3, 12px);border-radius:var(--Border-2, 8px);border:1px solid transparent;width:100%;animation:fadeIn 0.3s ease-in-out}@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.alert--success{background:var(--Success-Success-50, #e7f8f3);border-color:var(--Success-Success-500, #0abb87)}.alert--error{background:var(--Error-Error-50, #fef0f0);border-color:var(--Error-Error-500, #f46a6b)}.alert--warning{background:var(--Warning-Warning-50, #fef8ed);border-color:var(--Warning-Warning-500, #f1b44c)}.alert--info{background:var(--Info-Info-50, #eef6fe);border-color:var(--Info-Info-500, #50a5f1)}.alert--flag{padding:var(--Size-1, 4px) var(--Size-2, 8px);border-radius:var(--Border-1, 4px);border:none !important;justify-content:center}.alert--flag .alert__body{justify-content:center;text-align:center}.alert--flag .alert__message{font-size:12px;font-weight:400}.alert__icon{display:flex;align-items:center;flex-shrink:0;padding-top:1px}.alert__body{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--Size-1, 4px)}.alert__message{font-size:14px;color:var(--Gray-600, #475066);font-weight:500;line-height:1.5}.alert__link{font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Primary-Primary-500, #f49a3d);text-decoration:underline;cursor:pointer}.alert__actions{display:flex;align-items:center;gap:var(--Size-2, 8px);flex-shrink:0}.alert__btn{height:28px;padding:0 var(--Size-3, 12px);border-radius:var(--Border-2, 8px);border:1px solid var(--Primary-Primary-500, #f49a3d);background:transparent;color:var(--Primary-Primary-500, #f49a3d);font-size:var(--font-size-xs, 10px);font-family:inherit;font-weight:var(--font-weight-bold, 700);cursor:pointer;transition:background 0.15s, color 0.15s}.alert__btn:hover{background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #fff)}.alert__close{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;opacity:0.6;transition:opacity 0.15s}.alert__close:hover{opacity:1}";export{o as dropi_alert}
@@ -1,208 +0,0 @@
1
- import { r as registerInstance, c as createEvent, h } from './index-Tbza12Gt.js';
2
-
3
- const dropiInputCss = () => `:host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.fixed-label-container{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:8px}.input-label{color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);text-align:left}.asterisk{color:var(--Error-Error-500, #f46a6b)}.form-group{position:relative;width:100%}.input-container{position:relative}.icon-input{position:absolute;top:10px;left:5px;z-index:1}.icon-input-password{position:absolute;top:10px;right:13px;cursor:pointer;z-index:1}.form-control{box-sizing:border-box;width:100%;padding:var(--Size-2, 8px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #fff);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);transition:border-color 0.3s ease-in-out;height:40px;outline:none;appearance:none;text-align:left}.form-control::placeholder{color:transparent;transition:color 0.2s ease-in-out}.form-control:focus::placeholder,.fixed-label-input::placeholder{color:var(--Gray-Gray-400, #858ea6)}.form-control:focus{border-color:var(--Info-Info-500, #50a5f1)}.form-control-valid{border-color:var(--Gray-Gray-400, #858ea6) !important;color:var(--Gray-Gray-600, #475066)}.form-control-invalid{border-color:var(--Error-Error-500, #f46a6b) !important;color:var(--Gray-Gray-600, #475066)}.form-control:disabled{border-color:var(--Gray-Gray-200, #c3c9d9) !important;color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed}.padding-icon{padding-left:28px}.input-container--has-icon label.label-bottom{left:28px}.input-container--has-icon .form-control:focus+label.label-bottom,.input-container--has-icon .form-control:not(:placeholder-shown)+label.label-bottom{left:0}.text-password{-webkit-text-security:disc;text-security:disc}label.label-bottom{position:absolute;font-weight:var(--font-weight-regular, 400);top:10px;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-500, #69738c);left:10px;transition:all 0.2s ease-in-out;pointer-events:none;overflow:hidden;width:90%;white-space:nowrap}.form-control:focus+label.label-bottom,.form-control:not(:placeholder-shown)+label.label-bottom{top:-22px;left:0;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);width:unset}.form-control:disabled+label.label-bottom{color:var(--Gray-Gray-400, #858ea6)}.form-control-helper{display:flex;position:absolute;top:100%;left:0;gap:4px;align-items:center;margin-top:4px}.form-control-helper span{display:block;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px)}.invalid-color{color:var(--Error-Error-500, #f46a6b) !important}.disabled-helper{color:var(--Gray-Gray-400, #858ea6) !important}.disabled-helper{color:var(--Gray-Gray-400, #858ea6) !important}`;
4
-
5
- const DropiInput = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- this.dropiInput = createEvent(this, "dropiInput", 7);
9
- this.dropiChange = createEvent(this, "dropiChange", 7);
10
- this.dropiFocus = createEvent(this, "dropiFocus", 7);
11
- this.dropiBlur = createEvent(this, "dropiBlur", 7);
12
- if (hostRef.$hostElement$["s-ei"]) {
13
- this.internals = hostRef.$hostElement$["s-ei"];
14
- }
15
- else {
16
- this.internals = hostRef.$hostElement$.attachInternals();
17
- hostRef.$hostElement$["s-ei"] = this.internals;
18
- }
19
- }
20
- internals;
21
- // ── Identification ──────────────────────────────────────────
22
- /** Input id. Defaults to label value. */
23
- inputId = '';
24
- /** Name attribute for native form submission */
25
- name = '';
26
- // ── Content ─────────────────────────────────────────────────
27
- /** Floating or fixed label text */
28
- label = '';
29
- /** Placeholder text (visible in fixedLabel mode or on focus) */
30
- placeholder = ' ';
31
- /** Current value (controlled) */
32
- value = '';
33
- /** Max character length */
34
- maxlength;
35
- // ── Behavior ────────────────────────────────────────────────
36
- /** Disable the input */
37
- disabled = false;
38
- /** Mark as required (shows asterisk when showAsterisk is true) */
39
- required = false;
40
- /** Show the required asterisk on the label */
41
- showAsterisk = true;
42
- /** Show label above the input (fixed), instead of floating inside */
43
- fixedLabel = false;
44
- /** Keyboard input mode hint */
45
- inputMode = 'text';
46
- // ── Input type modifiers ────────────────────────────────────
47
- /** Show password visibility toggle (renders as password field) */
48
- passwordInput = false;
49
- /** Apply thousand separator formatting (e.g. 1,000,000) */
50
- moneyFormat = false;
51
- /** Apply thousand separator without currency symbol */
52
- thousandSeparator = false;
53
- /** Only allow numeric characters */
54
- onlyNumbers = false;
55
- /** Allow decimal point when onlyNumbers is true */
56
- allowDecimals = false;
57
- /** Only allow letter characters */
58
- onlyLetters = false;
59
- // ── Icon ────────────────────────────────────────────────────
60
- /** Icon name shown inside the input (only visible when value is not empty) */
61
- icon = '';
62
- /** Color token for the icon */
63
- iconColor = 'Gray-Gray-400';
64
- // ── Validation ──────────────────────────────────────────────
65
- /** Mark the field as invalid (consumer-controlled) */
66
- invalid = false;
67
- /** Helper / error text shown below the field */
68
- helperText = '';
69
- /** Only show helperText when the field is invalid */
70
- showHelperOnlyOnError = false;
71
- // ── Internal state ──────────────────────────────────────────
72
- showPassword = false;
73
- touched = false;
74
- // ── Events ──────────────────────────────────────────────────
75
- /** Emitted on every keystroke with the current value */
76
- dropiInput;
77
- /** Emitted on blur with the final value */
78
- dropiChange;
79
- /** Emitted on focus */
80
- dropiFocus;
81
- /** Emitted on blur */
82
- dropiBlur;
83
- valueChanged(val) {
84
- this.internals.setFormValue(val);
85
- }
86
- disabledChanged(val) {
87
- this.internals.setValidity(val ? { customError: true } : {}, val ? 'Field is disabled' : '');
88
- }
89
- componentWillLoad() {
90
- this.internals.setFormValue(this.value ?? '');
91
- }
92
- // ── Handlers ────────────────────────────────────────────────
93
- handleInput(e) {
94
- let val = e.target.value;
95
- if (this.onlyNumbers)
96
- val = this.filterNumbers(val);
97
- if (this.onlyLetters)
98
- val = this.filterLetters(val);
99
- if (this.moneyFormat || this.thousandSeparator)
100
- val = this.formatThousands(val, this.moneyFormat);
101
- this.value = val;
102
- this.internals.setFormValue(val);
103
- this.dropiInput.emit(val);
104
- }
105
- handleKeyDown(e) {
106
- if ((this.onlyNumbers || this.moneyFormat || this.thousandSeparator) && !this.isAllowedNumberKey(e)) {
107
- e.preventDefault();
108
- }
109
- if (this.onlyLetters && !this.isAllowedLetterKey(e)) {
110
- e.preventDefault();
111
- }
112
- }
113
- handleFocus() {
114
- this.dropiFocus.emit();
115
- }
116
- handleBlur() {
117
- this.touched = true;
118
- this.dropiChange.emit(this.value);
119
- this.dropiBlur.emit();
120
- }
121
- togglePassword() {
122
- if (this.disabled)
123
- return;
124
- this.showPassword = !this.showPassword;
125
- }
126
- // ── Helpers ─────────────────────────────────────────────────
127
- filterNumbers(val) {
128
- const pattern = this.allowDecimals ? /[^0-9.]/g : /[^0-9]/g;
129
- return val.replace(pattern, '');
130
- }
131
- filterLetters(val) {
132
- return val.replace(/[^a-zA-ZáéíóúÁÉÍÓÚñÑüÜ\s]/g, '');
133
- }
134
- isAllowedNumberKey(e) {
135
- const allowed = ['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'Tab', 'Enter', 'Home', 'End'];
136
- if (allowed.includes(e.key))
137
- return true;
138
- if (e.ctrlKey || e.metaKey)
139
- return true; // copy/paste/select-all
140
- if (/^[0-9]$/.test(e.key))
141
- return true;
142
- if (this.allowDecimals && e.key === '.')
143
- return true;
144
- return false;
145
- }
146
- isAllowedLetterKey(e) {
147
- const allowed = ['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'Tab', 'Enter', 'Home', 'End', ' '];
148
- if (allowed.includes(e.key))
149
- return true;
150
- if (e.ctrlKey || e.metaKey)
151
- return true;
152
- return /^[a-zA-ZáéíóúÁÉÍÓÚñÑüÜ]$/.test(e.key);
153
- }
154
- formatThousands(val, withCurrency) {
155
- const raw = val.replace(/[^0-9.]/g, '');
156
- const [integer, decimal] = raw.split('.');
157
- const formatted = integer.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
158
- const result = decimal !== undefined ? `${formatted}.${decimal}` : formatted;
159
- return withCurrency ? `$${result}` : result;
160
- }
161
- // ── Computed ─────────────────────────────────────────────────
162
- get resolvedId() {
163
- return this.inputId || this.label;
164
- }
165
- get inputType() {
166
- if (this.passwordInput)
167
- return this.showPassword ? 'text' : 'password';
168
- return 'text';
169
- }
170
- get showHelper() {
171
- if (!this.helperText)
172
- return false;
173
- if (this.showHelperOnlyOnError)
174
- return this.invalid && this.touched;
175
- return true;
176
- }
177
- get isInvalid() {
178
- return this.invalid && this.touched;
179
- }
180
- // ── Render ───────────────────────────────────────────────────
181
- render() {
182
- const showAsterisk = this.required && this.showAsterisk && !this.disabled;
183
- const showIconInline = !!this.icon;
184
- return (h("div", { key: '49a1b6d02f59e1c67a70a219a7f7d0fbbd2a460d', class: { 'fixed-label-container': this.fixedLabel } }, this.fixedLabel && (h("div", { key: '326d90a0361fe5ab90adee1479439aab34c99951', class: "input-label Body-S-Regular" }, this.label, showAsterisk && h("span", { key: 'cf5677966af627addc69a2735803845b54f41a9f', class: "asterisk" }, " *"))), h("div", { key: '1f7b7c614dc424ad4b1aa1819d05573fd08b30a1', class: "form-group" }, h("div", { key: 'c2f88e7f7f2f0da585e8ac20c6373b451290dfdd', class: { 'input-container': true, 'input-container--has-icon': showIconInline } }, showIconInline && (h("dropi-icon", { key: 'c6f7cc14c56452768e4e49092a2be7968951255b', class: "icon-input", name: this.icon, color: this.iconColor, width: "20px", height: "20px" })), this.passwordInput && (h("dropi-icon", { key: '5ddbd5e176b61dc46d817fa6a32d3d3c0e2cc589', class: "icon-input-password", name: this.showPassword ? 'Eye' : 'Eye-crossed', width: "20px", height: "20px", color: "Gray-Gray-500", onClick: () => this.togglePassword() })), h("input", { key: '51a17c36e9ed49fef0d2f0ea97d4aca10e4722d6', id: this.resolvedId, class: {
185
- 'form-control': true,
186
- 'form-control-valid': !this.isInvalid && this.touched && !!this.value,
187
- 'form-control-invalid': this.isInvalid,
188
- 'padding-icon': showIconInline,
189
- 'text-password': this.passwordInput && !this.showPassword,
190
- 'fixed-label-input': this.fixedLabel,
191
- }, type: this.inputType, value: this.value, placeholder: this.fixedLabel ? this.placeholder : ' ', disabled: this.disabled, required: this.required, maxLength: this.maxlength, inputMode: this.inputMode, "data-cy": undefined, onInput: (e) => this.handleInput(e), onKeyDown: (e) => this.handleKeyDown(e), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur() }), !this.fixedLabel && (h("label", { key: '9fa96019e84dd543e3e74a15e8f0681ea7bb7823', class: "Body-S-Regular label-bottom", htmlFor: this.resolvedId }, this.label, showAsterisk && h("span", { key: '740936c43be963fc7383e3ae6eb21c9d02ffde03', class: "asterisk" }, " *"))), this.showHelper && (h("div", { key: '9381fc81799162f20df8d2df914adc4ebee5e8ed', class: "form-control-helper" }, this.isInvalid && (h("dropi-icon", { key: 'fea3d178b9b00f87d2a266cb665fca2774ec963a', name: "Warning-circle", width: "12px", height: "12px", color: "Error-Error-500" })), h("span", { key: '390caaa2dfdfb673b8d1fdd8fada2d7c2f6ba764', class: {
192
- 'disabled-helper': this.disabled,
193
- 'invalid-color': this.isInvalid,
194
- } }, this.helperText)))))));
195
- }
196
- static get formAssociated() { return true; }
197
- static get watchers() { return {
198
- "value": [{
199
- "valueChanged": 0
200
- }],
201
- "disabled": [{
202
- "disabledChanged": 0
203
- }]
204
- }; }
205
- };
206
- DropiInput.style = dropiInputCss();
207
-
208
- export { DropiInput as dropi_input };