@dropi/ui 0.1.42 → 0.1.44

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 (403) hide show
  1. package/dist/cjs/dropi-accordion-item.cjs.entry.js +1 -1
  2. package/dist/cjs/dropi-accordion.cjs.entry.js +1 -1
  3. package/dist/cjs/dropi-alert-legacy.cjs.entry.js +1 -1
  4. package/dist/cjs/dropi-alert-modal.cjs.entry.js +1 -1
  5. package/dist/cjs/dropi-alert.cjs.entry.js +1 -1
  6. package/dist/cjs/dropi-avatars.cjs.entry.js +1 -1
  7. package/dist/cjs/dropi-badge-legacy.cjs.entry.js +1 -1
  8. package/dist/cjs/dropi-badge.cjs.entry.js +1 -1
  9. package/dist/cjs/dropi-banner-external.cjs.entry.js +1 -1
  10. package/dist/cjs/dropi-breadcrumb.cjs.entry.js +1 -1
  11. package/dist/cjs/dropi-button.cjs.entry.js +20 -3
  12. package/dist/cjs/dropi-card-checkbox.cjs.entry.js +1 -1
  13. package/dist/cjs/dropi-card-product.cjs.entry.js +1 -1
  14. package/dist/cjs/dropi-card-section.cjs.entry.js +1 -1
  15. package/dist/cjs/dropi-carousel.cjs.entry.js +1 -1
  16. package/dist/cjs/dropi-checkbox-selection-list.cjs.entry.js +1 -1
  17. package/dist/cjs/dropi-checkbox.cjs.entry.js +24 -3
  18. package/dist/cjs/dropi-chips.cjs.entry.js +1 -1
  19. package/dist/cjs/dropi-city-selector.cjs.entry.js +2 -2
  20. package/dist/cjs/dropi-color-picker.cjs.entry.js +1 -1
  21. package/dist/cjs/dropi-country-flags.cjs.entry.js +1 -1
  22. package/dist/cjs/dropi-country-selector.cjs.entry.js +108 -7
  23. package/dist/cjs/dropi-date-picker-range.cjs.entry.js +1 -1
  24. package/dist/cjs/dropi-date-picker.cjs.entry.js +41 -5
  25. package/dist/cjs/dropi-drawer.cjs.entry.js +2 -2
  26. package/dist/cjs/dropi-dropdown.cjs.entry.js +1 -1
  27. package/dist/cjs/dropi-empty-state.cjs.entry.js +1 -1
  28. package/dist/cjs/dropi-favorite-button.cjs.entry.js +1 -1
  29. package/dist/cjs/dropi-file-upload-progress-bar.cjs.entry.js +1 -1
  30. package/dist/cjs/dropi-file-upload.cjs.entry.js +1 -1
  31. package/dist/cjs/dropi-icon.cjs.entry.js +1 -1
  32. package/dist/cjs/dropi-ilustration-icon.cjs.entry.js +1 -1
  33. package/dist/cjs/dropi-image-miniature.cjs.entry.js +1 -1
  34. package/dist/cjs/dropi-image-overlay.cjs.entry.js +1 -1
  35. package/dist/cjs/dropi-input_3.cjs.entry.js +4 -4
  36. package/dist/cjs/dropi-languages-selector.cjs.entry.js +1 -1
  37. package/dist/cjs/dropi-logo.cjs.entry.js +1 -1
  38. package/dist/cjs/dropi-lottie-loader.cjs.entry.js +1 -1
  39. package/dist/cjs/dropi-media-player.cjs.entry.js +1 -1
  40. package/dist/cjs/dropi-modal.cjs.entry.js +2 -2
  41. package/dist/cjs/dropi-navbar.cjs.entry.js +1 -1
  42. package/dist/cjs/dropi-otp-send-code.cjs.entry.js +23 -3
  43. package/dist/cjs/dropi-phone-input.cjs.entry.js +27 -4
  44. package/dist/cjs/dropi-progress-bar.cjs.entry.js +1 -1
  45. package/dist/cjs/dropi-radio-button.cjs.entry.js +19 -2
  46. package/dist/cjs/dropi-radio-selection-list.cjs.entry.js +1 -1
  47. package/dist/cjs/dropi-read-more.cjs.entry.js +1 -1
  48. package/dist/cjs/dropi-search.cjs.entry.js +1 -1
  49. package/dist/cjs/dropi-select.cjs.entry.js +3 -3
  50. package/dist/cjs/dropi-sidebar.cjs.entry.js +1 -1
  51. package/dist/cjs/dropi-simple-stepper.cjs.entry.js +1 -1
  52. package/dist/cjs/dropi-skeleton.cjs.entry.js +1 -1
  53. package/dist/cjs/dropi-steps.cjs.entry.js +1 -1
  54. package/dist/cjs/dropi-switch.cjs.entry.js +23 -2
  55. package/dist/cjs/dropi-table.cjs.entry.js +1 -1
  56. package/dist/cjs/dropi-tabs.cjs.entry.js +1 -1
  57. package/dist/cjs/dropi-tag-type-product.cjs.entry.js +1 -1
  58. package/dist/cjs/dropi-text-area.cjs.entry.js +4 -4
  59. package/dist/cjs/dropi-time-line.cjs.entry.js +1 -1
  60. package/dist/cjs/dropi-toast.cjs.entry.js +2 -2
  61. package/dist/cjs/dropi-tooltip-v2.cjs.entry.js +2 -2
  62. package/dist/cjs/dropi-tooltip.cjs.entry.js +2 -2
  63. package/dist/cjs/dropi-ui.cjs.js +2 -2
  64. package/dist/cjs/dropi-vertical-steps.cjs.entry.js +1 -1
  65. package/dist/cjs/dropi-youtube-lazy-video.cjs.entry.js +1 -1
  66. package/dist/cjs/index-DydfpGMc.js +2773 -0
  67. package/dist/cjs/loader.cjs.js +2 -2
  68. package/dist/collection/components/dropi-button/dropi-button.js +39 -2
  69. package/dist/collection/components/dropi-checkbox/dropi-checkbox.js +38 -2
  70. package/dist/collection/components/dropi-city-selector/dropi-city-selector.css +1 -1
  71. package/dist/collection/components/dropi-country-selector/dropi-country-selector.css +1 -1
  72. package/dist/collection/components/dropi-country-selector/dropi-country-selector.js +140 -5
  73. package/dist/collection/components/dropi-date-picker/dropi-date-picker.js +55 -4
  74. package/dist/collection/components/dropi-drawer/dropi-drawer.css +1 -1
  75. package/dist/collection/components/dropi-input/dropi-input.js +4 -4
  76. package/dist/collection/components/dropi-modal/dropi-modal.css +1 -1
  77. package/dist/collection/components/dropi-otp-send-code/dropi-otp-send-code.js +36 -2
  78. package/dist/collection/components/dropi-phone-input/dropi-phone-input.css +1 -1
  79. package/dist/collection/components/dropi-phone-input/dropi-phone-input.js +39 -2
  80. package/dist/collection/components/dropi-radio-button/dropi-radio-button.js +13 -2
  81. package/dist/collection/components/dropi-select/dropi-select.css +1 -1
  82. package/dist/collection/components/dropi-select/dropi-select.js +2 -2
  83. package/dist/collection/components/dropi-switch/dropi-switch.js +37 -1
  84. package/dist/collection/components/dropi-text-area/dropi-text-area.js +4 -4
  85. package/dist/collection/components/dropi-toast/dropi-toast.css +1 -1
  86. package/dist/collection/components/dropi-tooltip/dropi-tooltip.css +1 -1
  87. package/dist/collection/components/dropi-tooltip-v2/dropi-tooltip.css +1 -1
  88. package/dist/components/dropi-alert-modal.js +1 -1
  89. package/dist/components/dropi-button.js +1 -1
  90. package/dist/components/dropi-card-checkbox.js +1 -1
  91. package/dist/components/dropi-card-section.js +1 -1
  92. package/dist/components/dropi-checkbox-selection-list.js +1 -1
  93. package/dist/components/dropi-checkbox.js +1 -1
  94. package/dist/components/dropi-city-selector.js +1 -1
  95. package/dist/components/dropi-country-selector.js +1 -1
  96. package/dist/components/dropi-date-picker.js +1 -1
  97. package/dist/components/dropi-drawer.js +1 -1
  98. package/dist/components/dropi-dropdown.js +1 -1
  99. package/dist/components/dropi-empty-state.js +1 -1
  100. package/dist/components/dropi-file-upload.js +1 -1
  101. package/dist/components/dropi-input.js +1 -1
  102. package/dist/components/dropi-modal.js +1 -1
  103. package/dist/components/dropi-otp-send-code.js +1 -1
  104. package/dist/components/dropi-phone-input.js +1 -1
  105. package/dist/components/dropi-radio-button.js +1 -1
  106. package/dist/components/dropi-search.js +1 -1
  107. package/dist/components/dropi-select.js +1 -1
  108. package/dist/components/dropi-switch.js +1 -1
  109. package/dist/components/dropi-table.js +1 -1
  110. package/dist/components/dropi-text-area.js +1 -1
  111. package/dist/components/dropi-toast.js +1 -1
  112. package/dist/components/dropi-tooltip-v2.js +1 -1
  113. package/dist/components/dropi-tooltip.js +1 -1
  114. package/dist/components/index.js +1 -1
  115. package/dist/components/p-BGb7xtJN.js +1 -1
  116. package/dist/components/p-Bimspdte.js +1 -1
  117. package/dist/components/p-BmuWhHN-.js +1 -1
  118. package/dist/components/p-Bw8zPxUl.js +1 -0
  119. package/dist/components/p-C44-ijf2.js +1 -1
  120. package/dist/components/p-CCZ6rIo5.js +1 -0
  121. package/dist/components/p-CKflT57p.js +1 -1
  122. package/dist/components/p-DFNI0UID.js +1 -1
  123. package/dist/components/p-Dd1g1gjR.js +1 -0
  124. package/dist/components/p-Dnx3uXgo.js +1 -0
  125. package/dist/components/p-HCtk4_Dq.js +1 -1
  126. package/dist/components/p-Qrac2GRu.js +1 -0
  127. package/dist/components/p-emzVHCws.js +1 -1
  128. package/dist/dropi-ui/dropi-accordion-item.entry.js +1 -1
  129. package/dist/dropi-ui/dropi-accordion.entry.js +1 -1
  130. package/dist/dropi-ui/dropi-alert-legacy.entry.js +1 -1
  131. package/dist/dropi-ui/dropi-alert-modal.entry.js +1 -1
  132. package/dist/dropi-ui/dropi-alert.entry.js +1 -1
  133. package/dist/dropi-ui/dropi-avatars.entry.js +1 -1
  134. package/dist/dropi-ui/dropi-badge-legacy.entry.js +1 -1
  135. package/dist/dropi-ui/dropi-badge.entry.js +1 -1
  136. package/dist/dropi-ui/dropi-banner-external.entry.js +1 -1
  137. package/dist/dropi-ui/dropi-breadcrumb.entry.js +1 -1
  138. package/dist/dropi-ui/dropi-button.entry.js +20 -3
  139. package/dist/dropi-ui/dropi-button.entry.js.map +1 -1
  140. package/dist/dropi-ui/dropi-card-checkbox.entry.js +1 -1
  141. package/dist/dropi-ui/dropi-card-product.entry.js +1 -1
  142. package/dist/dropi-ui/dropi-card-section.entry.js +1 -1
  143. package/dist/dropi-ui/dropi-carousel.entry.js +1 -1
  144. package/dist/dropi-ui/dropi-checkbox-selection-list.entry.js +1 -1
  145. package/dist/dropi-ui/dropi-checkbox.entry.js +24 -3
  146. package/dist/dropi-ui/dropi-checkbox.entry.js.map +1 -1
  147. package/dist/dropi-ui/dropi-chips.entry.js +1 -1
  148. package/dist/dropi-ui/dropi-city-selector.entry.js +2 -2
  149. package/dist/dropi-ui/dropi-city-selector.entry.js.map +1 -1
  150. package/dist/dropi-ui/dropi-color-picker.entry.js +1 -1
  151. package/dist/dropi-ui/dropi-country-flags.entry.js +1 -1
  152. package/dist/dropi-ui/dropi-country-selector.entry.js +108 -7
  153. package/dist/dropi-ui/dropi-country-selector.entry.js.map +1 -1
  154. package/dist/dropi-ui/dropi-date-picker-range.entry.js +1 -1
  155. package/dist/dropi-ui/dropi-date-picker.entry.js +41 -5
  156. package/dist/dropi-ui/dropi-date-picker.entry.js.map +1 -1
  157. package/dist/dropi-ui/dropi-drawer.entry.js +2 -2
  158. package/dist/dropi-ui/dropi-drawer.entry.js.map +1 -1
  159. package/dist/dropi-ui/dropi-dropdown.entry.js +1 -1
  160. package/dist/dropi-ui/dropi-empty-state.entry.js +1 -1
  161. package/dist/dropi-ui/dropi-favorite-button.entry.js +1 -1
  162. package/dist/dropi-ui/dropi-file-upload-progress-bar.entry.js +1 -1
  163. package/dist/dropi-ui/dropi-file-upload.entry.js +1 -1
  164. package/dist/dropi-ui/dropi-icon.entry.js +1 -1
  165. package/dist/dropi-ui/dropi-ilustration-icon.entry.js +1 -1
  166. package/dist/dropi-ui/dropi-image-miniature.entry.js +1 -1
  167. package/dist/dropi-ui/dropi-image-overlay.entry.js +1 -1
  168. package/dist/dropi-ui/dropi-input.entry.js +4 -4
  169. package/dist/dropi-ui/dropi-input.entry.js.map +1 -1
  170. package/dist/dropi-ui/dropi-languages-selector.entry.js +1 -1
  171. package/dist/dropi-ui/dropi-logo.entry.js +1 -1
  172. package/dist/dropi-ui/dropi-lottie-loader.entry.js +1 -1
  173. package/dist/dropi-ui/dropi-media-player.entry.js +1 -1
  174. package/dist/dropi-ui/dropi-modal.entry.js +2 -2
  175. package/dist/dropi-ui/dropi-modal.entry.js.map +1 -1
  176. package/dist/dropi-ui/dropi-navbar.entry.js +1 -1
  177. package/dist/dropi-ui/dropi-otp-send-code.entry.js +23 -3
  178. package/dist/dropi-ui/dropi-otp-send-code.entry.js.map +1 -1
  179. package/dist/dropi-ui/dropi-paginator.entry.js +1 -1
  180. package/dist/dropi-ui/dropi-phone-input.entry.js +27 -4
  181. package/dist/dropi-ui/dropi-phone-input.entry.js.map +1 -1
  182. package/dist/dropi-ui/dropi-progress-bar.entry.js +1 -1
  183. package/dist/dropi-ui/dropi-radio-button.entry.js +19 -2
  184. package/dist/dropi-ui/dropi-radio-button.entry.js.map +1 -1
  185. package/dist/dropi-ui/dropi-radio-selection-list.entry.js +1 -1
  186. package/dist/dropi-ui/dropi-read-more.entry.js +1 -1
  187. package/dist/dropi-ui/dropi-search.entry.js +1 -1
  188. package/dist/dropi-ui/dropi-select.entry.js +3 -3
  189. package/dist/dropi-ui/dropi-select.entry.js.map +1 -1
  190. package/dist/dropi-ui/dropi-sidebar.entry.js +1 -1
  191. package/dist/dropi-ui/dropi-simple-stepper.entry.js +1 -1
  192. package/dist/dropi-ui/dropi-skeleton.entry.js +1 -1
  193. package/dist/dropi-ui/dropi-steps.entry.js +1 -1
  194. package/dist/dropi-ui/dropi-switch.entry.js +23 -2
  195. package/dist/dropi-ui/dropi-switch.entry.js.map +1 -1
  196. package/dist/dropi-ui/dropi-table.entry.js +1 -1
  197. package/dist/dropi-ui/dropi-tabs.entry.js +1 -1
  198. package/dist/dropi-ui/dropi-tag-type-product.entry.js +1 -1
  199. package/dist/dropi-ui/dropi-tag.entry.js +1 -1
  200. package/dist/dropi-ui/dropi-text-area.entry.js +4 -4
  201. package/dist/dropi-ui/dropi-text-area.entry.js.map +1 -1
  202. package/dist/dropi-ui/dropi-time-line.entry.js +1 -1
  203. package/dist/dropi-ui/dropi-toast.entry.js +2 -2
  204. package/dist/dropi-ui/dropi-toast.entry.js.map +1 -1
  205. package/dist/dropi-ui/dropi-tooltip-v2.entry.js +2 -2
  206. package/dist/dropi-ui/dropi-tooltip-v2.entry.js.map +1 -1
  207. package/dist/dropi-ui/dropi-tooltip.entry.js +2 -2
  208. package/dist/dropi-ui/dropi-tooltip.entry.js.map +1 -1
  209. package/dist/dropi-ui/dropi-ui.css +320 -1
  210. package/dist/dropi-ui/dropi-ui.esm.js +50 -1
  211. package/dist/dropi-ui/dropi-vertical-steps.entry.js +1 -1
  212. package/dist/dropi-ui/dropi-youtube-lazy-video.entry.js +1 -1
  213. package/dist/dropi-ui/index-D0Z06C2b.js +4585 -0
  214. package/dist/dropi-ui/index-D0Z06C2b.js.map +1 -0
  215. package/dist/dropi-ui/index.esm.js +4 -0
  216. package/dist/dropi-ui/p-06bdd006.entry.js +1 -1
  217. package/dist/dropi-ui/p-09462f7b.entry.js +1 -0
  218. package/dist/dropi-ui/p-0946a1f7.entry.js +1 -1
  219. package/dist/dropi-ui/p-09cf560a.entry.js +1 -0
  220. package/dist/dropi-ui/p-0d188f2c.entry.js +1 -1
  221. package/dist/dropi-ui/p-0f1b13e5.entry.js +1 -1
  222. package/dist/dropi-ui/p-19031bf8.entry.js +1 -0
  223. package/dist/dropi-ui/p-1a07b3a6.entry.js +1 -1
  224. package/dist/dropi-ui/p-1d3d6a32.entry.js +1 -1
  225. package/dist/dropi-ui/p-2ad8d3c1.entry.js +1 -0
  226. package/dist/dropi-ui/p-2b5ce062.entry.js +1 -0
  227. package/dist/dropi-ui/p-369a069e.entry.js +1 -0
  228. package/dist/dropi-ui/p-372a5023.entry.js +1 -0
  229. package/dist/dropi-ui/p-378b165b.entry.js +1 -0
  230. package/dist/dropi-ui/p-393867c2.entry.js +1 -1
  231. package/dist/dropi-ui/p-3ec6620c.entry.js +1 -0
  232. package/dist/dropi-ui/p-42a85ce5.entry.js +1 -0
  233. package/dist/dropi-ui/p-43e21ed8.entry.js +1 -0
  234. package/dist/dropi-ui/p-51028e22.entry.js +1 -0
  235. package/dist/dropi-ui/p-510ad065.entry.js +1 -0
  236. package/dist/dropi-ui/p-532136cc.entry.js +1 -0
  237. package/dist/dropi-ui/p-5e0da387.entry.js +1 -1
  238. package/dist/dropi-ui/p-5f5c0a5c.entry.js +1 -0
  239. package/dist/dropi-ui/p-60901aa7.entry.js +1 -0
  240. package/dist/dropi-ui/p-62847b6f.entry.js +1 -0
  241. package/dist/dropi-ui/p-647bab57.entry.js +1 -0
  242. package/dist/dropi-ui/p-650a7679.entry.js +1 -1
  243. package/dist/dropi-ui/p-68cae74b.entry.js +1 -0
  244. package/dist/dropi-ui/p-6a51f80c.entry.js +1 -0
  245. package/dist/dropi-ui/p-6c45c910.entry.js +1 -0
  246. package/dist/dropi-ui/p-6ef4affd.entry.js +1 -0
  247. package/dist/dropi-ui/p-721ef2b1.entry.js +1 -0
  248. package/dist/dropi-ui/p-72c6e0c4.entry.js +1 -0
  249. package/dist/dropi-ui/p-7664b8f9.entry.js +1 -0
  250. package/dist/dropi-ui/p-774aab1a.entry.js +1 -0
  251. package/dist/dropi-ui/p-7a25f595.entry.js +1 -1
  252. package/dist/dropi-ui/p-7bc18f39.entry.js +1 -0
  253. package/dist/dropi-ui/p-7c0f959f.entry.js +1 -1
  254. package/dist/dropi-ui/p-7c3aa4bc.entry.js +1 -0
  255. package/dist/dropi-ui/p-7e526178.entry.js +1 -0
  256. package/dist/dropi-ui/p-7e99d4c4.entry.js +1 -0
  257. package/dist/dropi-ui/p-7f0f828d.entry.js +1 -1
  258. package/dist/dropi-ui/p-7fc195ee.entry.js +1 -0
  259. package/dist/dropi-ui/p-80f0f6e6.entry.js +1 -1
  260. package/dist/dropi-ui/p-82909f07.entry.js +1 -0
  261. package/dist/dropi-ui/p-84c63ece.entry.js +1 -0
  262. package/dist/dropi-ui/p-850b92f0.entry.js +1 -0
  263. package/dist/dropi-ui/p-85ee6d6a.entry.js +1 -0
  264. package/dist/dropi-ui/p-8c0ff5e6.entry.js +1 -0
  265. package/dist/dropi-ui/p-8fc3dbcb.entry.js +1 -1
  266. package/dist/dropi-ui/p-95808559.entry.js +1 -0
  267. package/dist/dropi-ui/p-95b7abf3.entry.js +1 -0
  268. package/dist/dropi-ui/p-96f72e50.entry.js +1 -1
  269. package/dist/dropi-ui/p-9a569a4e.entry.js +1 -0
  270. package/dist/dropi-ui/p-9c734a8f.entry.js +1 -0
  271. package/dist/dropi-ui/p-9c7698ef.entry.js +1 -0
  272. package/dist/dropi-ui/p-9e62ff06.entry.js +1 -0
  273. package/dist/dropi-ui/p-B-h7fjQz.js +2 -0
  274. package/dist/dropi-ui/p-a3b729fe.entry.js +1 -1
  275. package/dist/dropi-ui/p-a3c3e479.entry.js +1 -0
  276. package/dist/dropi-ui/p-a470a24a.entry.js +1 -1
  277. package/dist/dropi-ui/p-aa48e5cb.entry.js +1 -0
  278. package/dist/dropi-ui/p-af1e778b.entry.js +1 -0
  279. package/dist/dropi-ui/p-b14f6889.entry.js +1 -0
  280. package/dist/dropi-ui/p-b2e8c0e2.entry.js +1 -0
  281. package/dist/dropi-ui/p-b320ca5a.entry.js +1 -0
  282. package/dist/dropi-ui/p-b605d3d9.entry.js +1 -1
  283. package/dist/dropi-ui/p-baac546d.entry.js +1 -0
  284. package/dist/dropi-ui/p-bb6a2bdd.entry.js +1 -0
  285. package/dist/dropi-ui/p-bbf374d6.entry.js +1 -0
  286. package/dist/dropi-ui/p-bc6bb893.entry.js +1 -0
  287. package/dist/dropi-ui/p-bd06eb80.entry.js +1 -0
  288. package/dist/dropi-ui/p-c08b8995.entry.js +1 -0
  289. package/dist/dropi-ui/p-c1d5d4ab.entry.js +1 -0
  290. package/dist/dropi-ui/p-c4e24d47.entry.js +1 -0
  291. package/dist/dropi-ui/p-c51fcf75.entry.js +1 -1
  292. package/dist/dropi-ui/p-c6926604.entry.js +1 -0
  293. package/dist/dropi-ui/p-c8d0727a.entry.js +1 -0
  294. package/dist/dropi-ui/p-ca90e108.entry.js +1 -1
  295. package/dist/dropi-ui/p-caa6ba65.entry.js +1 -0
  296. package/dist/dropi-ui/p-cb4ad8d2.entry.js +1 -0
  297. package/dist/dropi-ui/p-d1aeb373.entry.js +1 -1
  298. package/dist/dropi-ui/p-d384f4e9.entry.js +1 -0
  299. package/dist/dropi-ui/p-d3f3bb91.entry.js +1 -0
  300. package/dist/dropi-ui/p-d6b3784b.entry.js +1 -0
  301. package/dist/dropi-ui/p-d886b045.entry.js +1 -0
  302. package/dist/dropi-ui/p-db71d065.entry.js +1 -0
  303. package/dist/dropi-ui/p-e1b40bda.entry.js +1 -1
  304. package/dist/dropi-ui/p-e36d5e9f.entry.js +1 -0
  305. package/dist/dropi-ui/p-e40db21a.entry.js +1 -0
  306. package/dist/dropi-ui/p-e53b23dd.entry.js +1 -1
  307. package/dist/dropi-ui/p-e629fdc7.entry.js +1 -1
  308. package/dist/dropi-ui/p-e97d3704.entry.js +1 -1
  309. package/dist/dropi-ui/p-e9a64ecc.entry.js +1 -1
  310. package/dist/dropi-ui/p-eaa10fe8.entry.js +1 -0
  311. package/dist/dropi-ui/p-ebaa1574.entry.js +1 -0
  312. package/dist/dropi-ui/p-ebb81172.entry.js +1 -0
  313. package/dist/dropi-ui/p-edcf5623.entry.js +1 -1
  314. package/dist/dropi-ui/p-f1e08f03.entry.js +1 -0
  315. package/dist/dropi-ui/p-f3f27534.entry.js +1 -0
  316. package/dist/dropi-ui/p-f426e0fc.entry.js +1 -0
  317. package/dist/dropi-ui/p-f6ed3cbb.entry.js +1 -0
  318. package/dist/dropi-ui/p-f9888cea.entry.js +1 -1
  319. package/dist/dropi-ui/p-fb39dfdc.entry.js +1 -1
  320. package/dist/dropi-ui/p-fb4856ea.entry.js +1 -0
  321. package/dist/dropi-ui/p-fea1be78.entry.js +1 -0
  322. package/dist/dropi-ui/p-ff084c1c.entry.js +1 -0
  323. package/dist/esm/dropi-accordion-item.entry.js +1 -1
  324. package/dist/esm/dropi-accordion.entry.js +1 -1
  325. package/dist/esm/dropi-alert-legacy.entry.js +1 -1
  326. package/dist/esm/dropi-alert-modal.entry.js +1 -1
  327. package/dist/esm/dropi-alert.entry.js +1 -1
  328. package/dist/esm/dropi-avatars.entry.js +1 -1
  329. package/dist/esm/dropi-badge-legacy.entry.js +1 -1
  330. package/dist/esm/dropi-badge.entry.js +1 -1
  331. package/dist/esm/dropi-banner-external.entry.js +1 -1
  332. package/dist/esm/dropi-breadcrumb.entry.js +1 -1
  333. package/dist/esm/dropi-button.entry.js +20 -3
  334. package/dist/esm/dropi-card-checkbox.entry.js +1 -1
  335. package/dist/esm/dropi-card-product.entry.js +1 -1
  336. package/dist/esm/dropi-card-section.entry.js +1 -1
  337. package/dist/esm/dropi-carousel.entry.js +1 -1
  338. package/dist/esm/dropi-checkbox-selection-list.entry.js +1 -1
  339. package/dist/esm/dropi-checkbox.entry.js +24 -3
  340. package/dist/esm/dropi-chips.entry.js +1 -1
  341. package/dist/esm/dropi-city-selector.entry.js +2 -2
  342. package/dist/esm/dropi-color-picker.entry.js +1 -1
  343. package/dist/esm/dropi-country-flags.entry.js +1 -1
  344. package/dist/esm/dropi-country-selector.entry.js +108 -7
  345. package/dist/esm/dropi-date-picker-range.entry.js +1 -1
  346. package/dist/esm/dropi-date-picker.entry.js +41 -5
  347. package/dist/esm/dropi-drawer.entry.js +2 -2
  348. package/dist/esm/dropi-dropdown.entry.js +1 -1
  349. package/dist/esm/dropi-empty-state.entry.js +1 -1
  350. package/dist/esm/dropi-favorite-button.entry.js +1 -1
  351. package/dist/esm/dropi-file-upload-progress-bar.entry.js +1 -1
  352. package/dist/esm/dropi-file-upload.entry.js +1 -1
  353. package/dist/esm/dropi-icon.entry.js +1 -1
  354. package/dist/esm/dropi-ilustration-icon.entry.js +1 -1
  355. package/dist/esm/dropi-image-miniature.entry.js +1 -1
  356. package/dist/esm/dropi-image-overlay.entry.js +1 -1
  357. package/dist/esm/dropi-input_3.entry.js +4 -4
  358. package/dist/esm/dropi-languages-selector.entry.js +1 -1
  359. package/dist/esm/dropi-logo.entry.js +1 -1
  360. package/dist/esm/dropi-lottie-loader.entry.js +1 -1
  361. package/dist/esm/dropi-media-player.entry.js +1 -1
  362. package/dist/esm/dropi-modal.entry.js +2 -2
  363. package/dist/esm/dropi-navbar.entry.js +1 -1
  364. package/dist/esm/dropi-otp-send-code.entry.js +23 -3
  365. package/dist/esm/dropi-phone-input.entry.js +27 -4
  366. package/dist/esm/dropi-progress-bar.entry.js +1 -1
  367. package/dist/esm/dropi-radio-button.entry.js +19 -2
  368. package/dist/esm/dropi-radio-selection-list.entry.js +1 -1
  369. package/dist/esm/dropi-read-more.entry.js +1 -1
  370. package/dist/esm/dropi-search.entry.js +1 -1
  371. package/dist/esm/dropi-select.entry.js +3 -3
  372. package/dist/esm/dropi-sidebar.entry.js +1 -1
  373. package/dist/esm/dropi-simple-stepper.entry.js +1 -1
  374. package/dist/esm/dropi-skeleton.entry.js +1 -1
  375. package/dist/esm/dropi-steps.entry.js +1 -1
  376. package/dist/esm/dropi-switch.entry.js +23 -2
  377. package/dist/esm/dropi-table.entry.js +1 -1
  378. package/dist/esm/dropi-tabs.entry.js +1 -1
  379. package/dist/esm/dropi-tag-type-product.entry.js +1 -1
  380. package/dist/esm/dropi-text-area.entry.js +4 -4
  381. package/dist/esm/dropi-time-line.entry.js +1 -1
  382. package/dist/esm/dropi-toast.entry.js +2 -2
  383. package/dist/esm/dropi-tooltip-v2.entry.js +2 -2
  384. package/dist/esm/dropi-tooltip.entry.js +2 -2
  385. package/dist/esm/dropi-ui.js +3 -3
  386. package/dist/esm/dropi-vertical-steps.entry.js +1 -1
  387. package/dist/esm/dropi-youtube-lazy-video.entry.js +1 -1
  388. package/dist/esm/index-B-h7fjQz.js +2763 -0
  389. package/dist/esm/loader.js +3 -3
  390. package/dist/types/components/dropi-button/dropi-button.d.ts +4 -0
  391. package/dist/types/components/dropi-checkbox/dropi-checkbox.d.ts +5 -0
  392. package/dist/types/components/dropi-country-selector/dropi-country-selector.d.ts +13 -0
  393. package/dist/types/components/dropi-date-picker/dropi-date-picker.d.ts +6 -0
  394. package/dist/types/components/dropi-otp-send-code/dropi-otp-send-code.d.ts +3 -0
  395. package/dist/types/components/dropi-phone-input/dropi-phone-input.d.ts +5 -0
  396. package/dist/types/components/dropi-radio-button/dropi-radio-button.d.ts +3 -0
  397. package/dist/types/components/dropi-switch/dropi-switch.d.ts +5 -0
  398. package/dist/types/components.d.ts +120 -4
  399. package/hydrate/index.js +320 -56
  400. package/hydrate/index.mjs +320 -56
  401. package/package.json +3 -2
  402. package/readme.md +36 -0
  403. package/scripts/postinstall.js +1 -1
@@ -1 +1 @@
1
- const e=":root{--Primary-Primary-50:#fef8f2;--Primary-Primary-100:#ffecda;--Primary-Primary-200:#fcddbd;--Primary-Primary-300:#f2bc85;--Primary-Primary-400:#f7b46f;--Primary-Primary-500:#f49a3d;--Primary-Primary-600:#e58017;--Primary-Primary-700:#99540f;--Primary-Primary-800:#66380a;--Primary-Primary-900:#331c05;--Secondary-Secondary-50:#f0fafc;--Secondary-Secondary-100:#cee8f2;--Secondary-Secondary-200:#95d0e5;--Secondary-Secondary-300:#62bad9;--Secondary-Secondary-400:#33a4cc;--Secondary-Secondary-500:#008dbf;--Secondary-Secondary-600:#007199;--Secondary-Secondary-700:#005573;--Secondary-Secondary-800:#00384d;--Secondary-Secondary-900:#001c26;--Neutral-White:#ffffff;--Neutral-Black:#000000;--Gray-Gray-50:#f7f8fa;--Gray-Gray-100:#e6eaf2;--Gray-Gray-200:#c3c9d9;--Gray-Gray-300:#a3abbf;--Gray-Gray-400:#858ea6;--Gray-Gray-500:#69738c;--Gray-Gray-600:#475066;--Gray-Gray-700:#32394d;--Gray-Gray-800:#1f2433;--Gray-Gray-900:#0e111a;--Success-Success-50:#e7f8f3;--Success-Success-100:#b3eada;--Success-Success-200:#8ee0c8;--Success-Success-300:#5bd1af;--Success-Success-400:#3bc99f;--Success-Success-500:#0abb87;--Success-Success-600:#09aa7b;--Success-Success-700:#078560;--Success-Success-800:#06674a;--Success-Success-900:#044f39;--Error-Error-50:#fef0f0;--Error-Error-100:#fcd1d1;--Error-Error-200:#fababb;--Error-Error-300:#f89b9c;--Error-Error-400:#f68889;--Error-Error-500:#f46a6b;--Error-Error-600:#de6061;--Error-Error-700:#ad4b4c;--Error-Error-800:#863a3b;--Error-Error-900:#662d2d;--Info-Info-50:#eef6fe;--Info-Info-100:#c9e3fb;--Info-Info-200:#afd6f9;--Info-Info-300:#8ac3f6;--Info-Info-400:#73b7f4;--Info-Info-500:#50a5f1;--Info-Info-600:#4996db;--Info-Info-700:#3975ab;--Info-Info-800:#2c5b85;--Info-Info-900:#224565;--Warning-Warning-50:#fef8ed;--Warning-Warning-100:#fbe8c8;--Warning-Warning-200:#f9ddad;--Warning-Warning-300:#f6cd87;--Warning-Warning-400:#f4c370;--Warning-Warning-500:#f1b44c;--Warning-Warning-600:#dba445;--Warning-Warning-700:#ab8036;--Warning-Warning-800:#85632a;--Warning-Warning-900:#654c20;--Orange-orange-50:#fef5ec;--Orange-orange-500:#f49a3d;--Size-1:4px;--Size-2:8px;--Size-3:12px;--Size-4:16px;--Size-5:24px;--Size-6:32px;--Size-7:40px;--Size-8:48px;--Size-9:56px;--Size-10:64px;--Border-1:4px;--Border-2:8px;--Border-3:12px;--Border-4:24px;--Border-5:32px;--Border-full:9999px;--font-size-xxxxl:36px;--font-size-xxxl:30px;--font-size-xxl:24px;--font-size-xl:20px;--font-size-l:18px;--font-size-m:16px;--font-size-s:14px;--font-size-xs:12px;--font-size-xxs:10px;--lineheight-simple:110%;--lineheight-large:150%;--font-weight-bold:700;--font-weight-semibold:600;--font-weight-medium:500;--font-weight-regular:400;--font-weight-light:300;--font-family-01:'Inter', sans-serif;--breakpoint-extra-small:576px;--breakpoint-small:600px;--breakpoint-medium:1000px;--breakpoint-large:1200px;--breakpoint-extra-large:1536px;--breakpoint-full-width:1920px;--Shadow-small:0px 0px 12px rgba(0, 0, 0, 0.04);--Shadow-medium:0.5px 4px 8px rgba(0, 0, 0, 0.08);--Shadow-large:0px 4px 16px rgba(0, 0, 0, 0.16);--Shadow-icon:0px 0px 4px rgba(0, 0, 0, 0.16);--Interrapidisimo:#383637;--Domina:#464ffe;--Coordinadora:#2686c5;--Servientrega:#1ba558;--99-minutos:#9cd453;--TCC:#f8dd49;--Veloces:#dc2e76;--Envia:#e7484e;--Restlogix:#90dd92;--Tiui:#0596a5;--Fedex:#4d148c;--Laarcourier:#faf063;--Gintracom:#ff3939;--Blue-express:#1542a3;--Lulu:#f03a3e;--Urbano:#e53237;--Tipsa:#1d3681}@media (max-width: 600px){:root{--font-size-xxxxl:32px;--font-size-xxxl:26px;--font-size-xxl:20px;--font-size-xl:18px;--font-size-l:16px;--font-size-m:16px;--font-size-s:14px;--font-size-xs:12px;--font-size-xxs:10px}}*{font-family:var(--font-family-01);box-sizing:border-box;text-align:left}h1{color:var(--Gray-Gray-700);font-size:var(--font-size-xxxxl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h2{color:var(--Gray-Gray-700);font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h3{color:var(--Gray-Gray-700);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h4{color:var(--Gray-Gray-700);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h5{color:var(--Gray-Gray-700);font-size:var(--font-size-l);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Body-L-Medium{color:var(--Gray-Gray-700);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);line-height:var(--lineheight-large)}.Body-L-Regular{color:var(--Gray-Gray-600);font-size:var(--font-size-m);font-weight:var(--font-weight-regular);line-height:var(--lineheight-large)}.Body-M-Medium{color:var(--Gray-Gray-700);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);line-height:var(--lineheight-large)}.Body-M-Regular{color:var(--Gray-Gray-600);font-size:var(--font-size-s);font-weight:var(--font-weight-regular);line-height:var(--lineheight-large)}.Body-S-Medium{color:var(--Gray-Gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--lineheight-large)}.Body-S-Regular{color:var(--Gray-Gray-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--lineheight-large)}.Caption-M{color:var(--Gray-Gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Caption-S{color:var(--Gray-Gray-700);font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Label-L{color:var(--Gray-Gray-700);font-size:var(--font-size-m);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Label-M{color:var(--Gray-Gray-700);font-size:var(--font-size-s);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Label-S{color:var(--Gray-Gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}body.dropi-modal-open{overflow:hidden !important}dropi-icon:not(:defined){display:inline-flex;width:24px;height:24px;overflow:hidden}";var t={isBrowser:!0},n=(e=>(e.Undefined="undefined",e.Null="null",e.String="string",e.Number="number",e.SpecialNumber="number",e.Boolean="boolean",e.BigInt="bigint",e))(n||{}),o=(e=>(e.Array="array",e.Date="date",e.Map="map",e.Object="object",e.RegularExpression="regexp",e.Set="set",e.Channel="channel",e.Symbol="symbol",e))(o||{}),r="type",i="value",l="serialized:";function s(e,t,n){const o="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;e&&e!==o;){const o=Object.getOwnPropertyDescriptor(e,t);if(o&&(!n||o.get))return o;e=Object.getPrototypeOf(e)}}var a,f=(e,t)=>{var n;Object.entries(null!=(n=t.o.t)?n:{}).map((([n,[o]])=>{if(31&o||32&o){const o=e[n],r=s(Object.getPrototypeOf(e),n,!0)||Object.getOwnPropertyDescriptor(e,n);r&&Object.defineProperty(e,n,{get(){return r.get.call(this)},set(e){r.set.call(this,e)},configurable:!0,enumerable:!0}),t.i.has(n)?e[n]=t.i.get(n):void 0!==o&&(e[n]=o)}}))},c=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},u=(e,t)=>t in e,d=(e,t)=>(0,console.error)(e,t),h=new Map,p="s-id",y="sty-id",g="c-id",v=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],m="undefined"!=typeof window?window:{},b=m.HTMLElement||class{},$={l:0,u:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,o)=>e.addEventListener(t,n,o),rel:(e,t,n,o)=>e.removeEventListener(t,n,o),ce:(e,t)=>new CustomEvent(e,t)},x=(()=>{try{return!!m.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(e){}return!1})(),w=!!x&&(()=>!!m.document&&Object.getOwnPropertyDescriptor(m.document.adoptedStyleSheets,"length").writable)(),S=!1,z=[],G=[],j=(e,t)=>n=>{e.push(n),S||(S=!0,t&&4&$.l?I(E):$.raf(E))},O=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){d(e)}e.length=0},E=()=>{O(z),O(G),(S=z.length>0)&&$.raf(E)},I=e=>Promise.resolve(void 0).then(e),k=j(G,!0),N=e=>{const t=new URL(e,$.u);return t.origin!==m.location.origin?t.href:t.pathname},P=e=>$.u=e;function W(){var t;const n=this.attachShadow({mode:"open"});if(void 0===a&&(a=null!=(t=function(e){if(!x)return;const t=new CSSStyleSheet;return t.replaceSync(e),t}(e))?t:null),a)w?n.adoptedStyleSheets.push(a):n.adoptedStyleSheets=[...n.adoptedStyleSheets,a];else if(!x){const t=document.createElement("style");t.innerHTML=e,n.prepend(t)}}var B=e=>{const t=_(e,"childNodes");e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&"SLOT-FB"!==e.tagName&&M(t,e.tagName).forEach((e=>{1===e.nodeType&&"SLOT-FB"===e.tagName&&(e.hidden=!!C(e,A(e),!1).length)}));let n=0;for(n=0;n<t.length;n++){const e=t[n];1===e.nodeType&&_(e,"childNodes").length&&B(e)}};function M(e,t,n){let o,r=0,i=[];for(;r<e.length;r++){if(o=e[r],o["s-sr"]&&(!t||o["s-hn"]===t)&&(void 0===n||A(o)===n)&&(i.push(o),void 0!==n))return i;i=[...i,...M(o.childNodes,t,n)]}return i}var C=(e,t,n=!0)=>{const o=[];(n&&e["s-sr"]||!e["s-sr"])&&o.push(e);let r=e;for(;r=r.nextSibling;)A(r)!==t||!n&&r["s-sr"]||o.push(r);return o},L=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,R=(e,t,n,o)=>{if(e["s-ol"]&&e["s-ol"].isConnected)return;const r=document.createTextNode("");if(r["s-nr"]=e,!t["s-cr"]||!t["s-cr"].parentNode)return;const i=t["s-cr"].parentNode,l=_(i,"appendChild");if(void 0!==o){r["s-oo"]=o;const e=_(i,"childNodes"),t=[r];e.forEach((e=>{e["s-nr"]&&t.push(e)})),t.sort(((e,t)=>!e["s-oo"]||e["s-oo"]<(t["s-oo"]||0)?-1:!t["s-oo"]||t["s-oo"]<e["s-oo"]?1:0)),t.forEach((e=>l.call(i,e)))}else l.call(i,r);e["s-ol"]=r,e["s-sh"]=t["s-hn"]},A=e=>"string"==typeof e["s-sn"]?e["s-sn"]:1===e.nodeType&&e.getAttribute("slot")||void 0;function T(e){if(e.assignedElements||e.assignedNodes||!e["s-sr"])return;const t=t=>function(e){const n=[],o=this["s-sn"];(null==e?void 0:e.flatten)&&console.error("\n Flattening is not supported for Stencil non-shadow slots.\n You can use `.childNodes` to nested slot fallback content.\n If you have a particular use case, please open an issue on the Stencil repo.\n ");const r=this["s-cr"].parentElement;return(r.__childNodes?r.childNodes:(e=>{const t=[];for(let n=0;n<e.length;n++){const o=e[n]["s-nr"]||void 0;o&&o.isConnected&&t.push(o)}return t})(r.childNodes)).forEach((e=>{o===A(e)&&n.push(e)})),t?n.filter((e=>1===e.nodeType)):n}.bind(e);e.assignedElements=t(!0),e.assignedNodes=t(!1)}function _(e,t){if("__"+t in e){const n=e["__"+t];return"function"!=typeof n?n:n.bind(e)}return"function"!=typeof e[t]?e[t]:e[t].bind(e)}var D=new WeakMap,F=(e,t,n)=>{let o=h.get(e);x&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=t:o.replaceSync(t)):o=t,h.set(e,o)},U=(e,t)=>{var n,o,r;const i=V(t),l=h.get(i);if(!m.document)return i;if(e=11===e.nodeType?e:m.document,l)if("string"==typeof l){let r,s=D.get(e=e.head||e);s||D.set(e,s=new Set);const a=e.querySelector(`[${y}="${i}"]`);if(a)a.textContent=l;else if(!s.has(i)){r=m.document.createElement("style"),r.textContent=l;const a=null!=(n=$.h)?n:function(){var e,t,n;return null!=(n=null==(t=null==(e=m.document.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:t.getAttribute("content"))?n:void 0}();if(null!=a&&r.setAttribute("nonce",a),!(1&t.l))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(r,(null==n?void 0:n.parentNode)===e?n:null)}else if("host"in e)if(x){const t=new(null!=(o=e.defaultView)?o:e.ownerDocument.defaultView).CSSStyleSheet;t.replaceSync(l),w?e.adoptedStyleSheets.unshift(t):e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.textContent=l+t.textContent:e.prepend(r)}else e.append(r);1&t.l&&e.insertBefore(r,null),4&t.l&&(r.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),s&&s.add(i)}}else{let t=D.get(e);if(t||D.set(e,t=new Set),!t.has(i)){const n=null!=(r=e.defaultView)?r:e.ownerDocument.defaultView;let o;if(l.constructor===n.CSSStyleSheet)o=l;else{o=new n.CSSStyleSheet;for(let e=0;e<l.cssRules.length;e++)o.insertRule(l.cssRules[e].cssText,e)}if(w?e.adoptedStyleSheets.push(o):e.adoptedStyleSheets=[...e.adoptedStyleSheets,o],t.add(i),"host"in e){const t=e.querySelector(`[${y}="${i}"]`);t&&k((()=>t.remove()))}}}return i},V=e=>"sc-"+e.p,H=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),q=e=>"object"==(e=typeof e)||"function"===e,Y=(e,t,...n)=>{let o=null,r=null,i=null,l=!1,s=!1;const a=[],f=t=>{for(let n=0;n<t.length;n++)o=t[n],Array.isArray(o)?f(o):null!=o&&"boolean"!=typeof o&&((l="function"!=typeof e&&!q(o))&&(o+=""),l&&s?a[a.length-1].v+=o:a.push(l?J(null,o):o),s=l)};if(f(n),t){t.key&&(r=t.key),t.name&&(i=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const c=J(e,null);return c.m=t,a.length>0&&(c.$=a),c.S=r,c.G=i,c},J=(e,t)=>({l:0,j:e,v:null!=t?t:null,O:null,$:null,m:null,S:null,G:null}),Z={},K=(e,t,n,o,r,i,l,s=[])=>{let a,f,c,u;if(1===i.nodeType){if(a=i.getAttribute(g),a&&(f=a.split("."),f[0]===l||"0"===f[0])){c=X({l:0,I:f[0],k:f[1],N:f[2],P:f[3],j:i.tagName.toLowerCase(),O:i,m:{class:i.className||""}}),t.push(c),i.removeAttribute(g),e.$||(e.$=[]);const r=c.O.getAttribute("s-sn");"string"==typeof r&&("slot-fb"===c.j&&ee(r,f[2],c,i,e,t,n,o,s),c.O["s-sn"]=r,c.O.removeAttribute("s-sn")),void 0!==c.P&&(e.$[c.P]=c),e=c,o&&"0"===c.N&&(o[c.P]=c.O)}if(i.shadowRoot)for(u=i.shadowRoot.childNodes.length-1;u>=0;u--)K(e,t,n,o,r,i.shadowRoot.childNodes[u],l,s);const d=i.__childNodes||i.childNodes;for(u=d.length-1;u>=0;u--)K(e,t,n,o,r,d[u],l,s)}else if(8===i.nodeType)f=i.nodeValue.split("."),(f[1]===l||"0"===f[1])&&(a=f[0],c=X({I:f[1],k:f[2],N:f[3],P:f[4]||"0",O:i,m:null,$:null,S:null,G:null,j:null,v:null}),"t"===a?(c.O=re(i,3),c.O&&3===c.O.nodeType&&(c.v=c.O.textContent,t.push(c),i.remove(),l===c.I&&(e.$||(e.$=[]),e.$[c.P]=c),o&&"0"===c.N&&(o[c.P]=c.O))):"c"===a?(c.O=re(i,8),c.O&&8===c.O.nodeType&&(t.push(c),i.remove())):c.I===l&&("s"===a?ee(i["s-sn"]=f[5]||"",f[2],c,i,e,t,n,o,s):"r"===a&&(o?i.remove():(r["s-cr"]=i,i["s-cn"]=!0))));else if(e&&"style"===e.j){const t=J(null,i.textContent);t.O=i,t.P="0",e.$=[t]}return e},Q=(e,t)=>{if(1===e.nodeType){const n=e[p]||e.getAttribute(p);n&&t.set(n,e);let o=0;if(e.shadowRoot)for(;o<e.shadowRoot.childNodes.length;o++)Q(e.shadowRoot.childNodes[o],t);const r=e.__childNodes||e.childNodes;for(o=0;o<r.length;o++)Q(r[o],t)}else if(8===e.nodeType){const n=e.nodeValue.split(".");"o"===n[0]&&(t.set(n[1]+"."+n[2],e),e.nodeValue="",e["s-en"]=n[3])}},X=e=>({l:0,I:null,k:null,N:null,P:"0",O:null,m:null,$:null,S:null,G:null,j:null,v:null,...e});function ee(e,t,n,o,r,i,l,s,a){o["s-sr"]=!0,n.G=e||null,n.j="slot";const f=(null==r?void 0:r.O)?r.O["s-id"]||r.O.getAttribute("s-id"):"";if(s&&m.document){const i=n.O=m.document.createElement(n.j);n.G&&n.O.setAttribute("name",e),r.O.shadowRoot&&f&&f!==n.I?_(r.O,"insertBefore")(i,_(r.O,"children")[0]):_(_(o,"parentNode"),"insertBefore")(i,o),oe(a,t,e,o,n.I),o.remove(),"0"===n.N&&(s[n.P]=n.O)}else{const i=n.O,l=f&&f!==n.I&&r.O.shadowRoot;oe(a,t,e,o,l?f:n.I),T(o),l&&r.O.insertBefore(i,r.O.children[0])}i.push(n),l.push(n),r.$||(r.$=[]),r.$[n.P]=n}var te,ne,oe=(e,t,n,o,r)=>{var i,l;let s=o.nextSibling;if(e[t]=e[t]||[],s&&!(null==(i=s.nodeValue)?void 0:i.startsWith("s.")))do{!s||(s.getAttribute&&s.getAttribute("slot")||s["s-sn"])!==n&&(""!==n||s["s-sn"]||s.getAttribute&&s.getAttribute("slot")||8!==s.nodeType&&3!==s.nodeType)||(s["s-sn"]=n,e[t].push({slot:o,node:s,hostId:r})),s=null==s?void 0:s.nextSibling}while(s&&!(null==(l=s.nodeValue)?void 0:l.startsWith("s.")))},re=(e,t)=>{let n=e;do{n=n.nextSibling}while(n&&(n.nodeType!==t||!n.nodeValue));return n},ie=class e{static fromLocalValue(t){const n=t[r],o=i in t?t[i]:void 0;switch(n){case"string":case"boolean":return o;case"bigint":return BigInt(o);case"undefined":return;case"null":return null;case"number":return"NaN"===o?NaN:"-0"===o?-0:"Infinity"===o?1/0:"-Infinity"===o?-1/0:o;case"array":return o.map((t=>e.fromLocalValue(t)));case"date":return new Date(o);case"map":const t=new Map;for(const[n,r]of o){const o="object"==typeof n&&null!==n?e.fromLocalValue(n):n,i=e.fromLocalValue(r);t.set(o,i)}return t;case"object":const r={};for(const[t,n]of o)r[t]=e.fromLocalValue(n);return r;case"regexp":const{pattern:i,flags:l}=o;return RegExp(i,l);case"set":const s=new Set;for(const t of o)s.add(e.fromLocalValue(t));return s;case"symbol":return Symbol(o);default:throw Error("Unsupported type: "+n)}}static fromLocalValueArray(t){return t.map((t=>e.fromLocalValue(t)))}static isLocalValueObject(e){if("object"!=typeof e||null===e)return!1;if(!e.hasOwnProperty(r))return!1;const t=e[r];return!!Object.values({...n,...o}).includes(t)&&("null"===t||"undefined"===t||e.hasOwnProperty(i))}},le=(e,t,n)=>"string"==typeof e&&e.startsWith(l)?e=function(e){return"string"==typeof e&&e.startsWith(l)?ie.fromLocalValue(JSON.parse(atob(e.slice(11)))):e}(e):null==e||q(e)?e:4&t?(n&&"string"==typeof e||"false"!==e)&&(""===e||!!e):2&t?"string"==typeof e?parseFloat(e):"number"==typeof e?e:NaN:1&t?e+"":e,se=(e,t)=>{const n=e;return{emit:e=>ae(n,t,{bubbles:!0,composed:!0,cancelable:!0,detail:e})}},ae=(e,t,n)=>{const o=$.ce(t,n);return e.dispatchEvent(o),o},fe=(e,t,n,o,r,i,l)=>{if(n===o)return;let s=u(e,t),a=t.toLowerCase();if("class"===t){const t=e.classList,r=ue(n);let i=ue(o);if((e["s-si"]||e["s-sc"])&&l){const n=e["s-sc"]||e["s-si"];i.push(n),r.forEach((e=>{e.startsWith(n)&&i.push(e)})),i=[...new Set(i)].filter((e=>e)),t.add(...i)}else t.remove(...r.filter((e=>e&&!i.includes(e)))),t.add(...i.filter((e=>e&&!r.includes(e))))}else if("style"===t){for(const t in n)o&&null!=o[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in o)n&&o[t]===n[t]||(t.includes("-")?e.style.setProperty(t,o[t]):e.style[t]=o[t])}else if("key"===t);else if("ref"===t)o&&We(o,e);else if(e.__lookupSetter__(t)||"o"!==t[0]||"n"!==t[1]){if("a"===t[0]&&t.startsWith("attr:")){const n=t.slice(5);let r;{const t=c(e);if(t&&t.o&&t.o.t){const e=t.o.t[n];e&&e[1]&&(r=e[1])}}return r||(r=n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==o||!1===o?!1===o&&""!==e.getAttribute(r)||e.removeAttribute(r):e.setAttribute(r,!0===o?"":o))}if("p"===t[0]&&t.startsWith("prop:")){const n=t.slice(5);try{e[n]=o}catch(e){}return}{const l=q(o);if((s||l&&null!==o)&&!r)try{if(e.tagName.includes("-"))e[t]!==o&&(e[t]=o);else{const r=null==o?"":o;"list"===t?s=!1:null!=n&&e[t]===r||("function"==typeof e.__lookupSetter__(t)?e[t]=r:e.setAttribute(t,r))}}catch(e){}null==o||!1===o?!1===o&&""!==e.getAttribute(t)||e.removeAttribute(t):(!s||4&i||r)&&!l&&1===e.nodeType&&e.setAttribute(t,o=!0===o?"":o)}}else if(t="-"===t[2]?t.slice(3):u(m,a)?a.slice(2):a[2]+t.slice(3),n||o){const r=t.endsWith(de);t=t.replace(he,""),n&&$.rel(e,t,n,r),o&&$.ael(e,t,o,r)}},ce=/\s/,ue=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(ce):[]),de="Capture",he=RegExp(de+"$"),pe=(e,t,n,o)=>{const r=11===t.O.nodeType&&t.O.host?t.O.host:t.O,i=e&&e.m||{},l=t.m||{};for(const e of ye(Object.keys(i)))e in l||fe(r,e,i[e],void 0,n,t.l,o);for(const e of ye(Object.keys(l)))fe(r,e,i[e],l[e],n,t.l,o)};function ye(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var ge=!1,ve=!1,me=!1,be=!1,$e=[],xe=[],we=(e,t,n)=>{var o;const r=t.$[n];let i,l,s,a=0;if(ge||(me=!0,"slot"===r.j&&(r.l|=r.$?2:1)),null!=r.v)i=r.O=m.document.createTextNode(r.v);else if(1&r.l)i=r.O=m.document.createTextNode(""),pe(null,r,be);else{if(be||(be="svg"===r.j),!m.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(i=r.O=m.document.createElementNS(be?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!ge&&2&r.l?"slot-fb":r.j),be&&"foreignObject"===r.j&&(be=!1),pe(null,r,be),r.$){const t="template"===r.j?i.content:i;for(a=0;a<r.$.length;++a)l=we(e,r,a),l&&t.appendChild(l)}"svg"===r.j?be=!1:"foreignObject"===i.tagName&&(be=!0)}return i["s-hn"]=ne,3&r.l&&(i["s-sr"]=!0,i["s-cr"]=te,i["s-sn"]=r.G||"",i["s-rf"]=null==(o=r.m)?void 0:o.ref,T(i),s=e&&e.$&&e.$[n],s&&s.j===r.j&&e.O&&Se(e.O)),i},Se=e=>{$.l|=1;const t=e.closest(ne.toLowerCase());if(null!=t){const n=Array.from(t.__childNodes||t.childNodes).find((e=>e["s-cr"])),o=Array.from(e.__childNodes||e.childNodes);for(const e of n?o.reverse():o)null!=e["s-sh"]&&(Be(t,e,null!=n?n:null),e["s-sh"]=void 0,me=!0)}$.l&=-2},ze=(e,t)=>{$.l|=1;const n=Array.from(e.__childNodes||e.childNodes);if(e["s-sr"]){let t=e;for(;t=t.nextSibling;)t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===ne&&n.push(t)}for(let e=n.length-1;e>=0;e--){const o=n[e];o["s-hn"]!==ne&&o["s-ol"]&&(Be(Ee(o).parentNode,o,Ee(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,me=!0),t&&ze(o,t)}$.l&=-2},Ge=(e,t,n,o,r,i)=>{let l,s=e["s-cr"]&&e["s-cr"].parentNode||e;for(s.shadowRoot&&s.tagName===ne&&(s=s.shadowRoot),"template"===n.j&&(s=s.content);r<=i;++r)o[r]&&(l=we(null,n,r),l&&(o[r].O=l,Be(s,l,Ee(t))))},je=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.O;Pe(t),e&&(ve=!0,e["s-ol"]?e["s-ol"].remove():ze(e,!0),e.remove())}}},Oe=(e,t,n=!1)=>e.j===t.j&&("slot"===e.j?e.G===t.G:n?(n&&!e.S&&t.S&&(e.S=t.S),!0):e.S===t.S),Ee=e=>e&&e["s-ol"]||e,Ie=(e,t,n=!1)=>{const o=t.O=e.O,r=e.$,i=t.$,l=t.j,s=t.v;let a;null==s?(be="svg"===l||"foreignObject"!==l&&be,"slot"!==l||ge||e.G!==t.G&&(t.O["s-sn"]=t.G||"",Se(t.O.parentElement)),pe(e,t,be,n),null!==r&&null!==i?((e,t,n,o,r=!1)=>{let i,l,s=0,a=0,f=0,c=0,u=t.length-1,d=t[0],h=t[u],p=o.length-1,y=o[0],g=o[p];const v="template"===n.j?e.content:e;for(;s<=u&&a<=p;)if(null==d)d=t[++s];else if(null==h)h=t[--u];else if(null==y)y=o[++a];else if(null==g)g=o[--p];else if(Oe(d,y,r))Ie(d,y,r),d=t[++s],y=o[++a];else if(Oe(h,g,r))Ie(h,g,r),h=t[--u],g=o[--p];else if(Oe(d,g,r))"slot"!==d.j&&"slot"!==g.j||ze(d.O.parentNode,!1),Ie(d,g,r),Be(v,d.O,h.O.nextSibling),d=t[++s],g=o[--p];else if(Oe(h,y,r))"slot"!==d.j&&"slot"!==g.j||ze(h.O.parentNode,!1),Ie(h,y,r),Be(v,h.O,d.O),h=t[--u],y=o[++a];else{for(f=-1,c=s;c<=u;++c)if(t[c]&&null!==t[c].S&&t[c].S===y.S){f=c;break}f>=0?(l=t[f],l.j!==y.j?i=we(t&&t[a],n,f):(Ie(l,y,r),t[f]=void 0,i=l.O),y=o[++a]):(i=we(t&&t[a],n,a),y=o[++a]),i&&Be(Ee(d.O).parentNode,i,Ee(d.O))}s>u?Ge(e,null==o[p+1]?null:o[p+1].O,n,o,a,p):a>p&&je(t,s,u)})(o,r,t,i,n):null!==i?(null!==e.v&&(o.textContent=""),Ge(o,null,t,i,0,i.length-1)):n||null===r?n&&null!==r&&null===i&&(t.$=r):je(r,0,r.length-1),be&&"svg"===l&&(be=!1)):(a=o["s-cr"])?a.parentNode.textContent=s:e.v!==s&&(o.data=s)},ke=[],Ne=e=>{let t,n,o;const r=e.__childNodes||e.childNodes;for(const e of r){if(e["s-sr"]&&(t=e["s-cr"])&&t.parentNode){n=t.parentNode.__childNodes||t.parentNode.childNodes;const r=e["s-sn"];for(o=n.length-1;o>=0;o--)if(t=n[o],!(t["s-cn"]||t["s-nr"]||t["s-hn"]===e["s-hn"]||t["s-sh"]&&t["s-sh"]===e["s-hn"]))if(L(t,r)){let n=ke.find((e=>e.W===t));ve=!0,t["s-sn"]=t["s-sn"]||r,n?(n.W["s-sh"]=e["s-hn"],n.B=e):(t["s-sh"]=e["s-hn"],ke.push({B:e,W:t})),t["s-sr"]&&ke.map((e=>{L(e.W,t["s-sn"])&&(n=ke.find((e=>e.W===t)),n&&!e.B&&(e.B=n.B))}))}else ke.some((e=>e.W===t))||ke.push({W:t})}1===e.nodeType&&Ne(e)}},Pe=e=>{e.m&&e.m.ref&&$e.push((()=>e.m.ref(null))),e.$&&e.$.map(Pe)},We=(e,t)=>{xe.push((()=>e(t)))},Be=(e,t,n,o)=>{if("string"==typeof t["s-sn"]){e.insertBefore(t,n);const{slotNode:r}=function(e,t){var n;if(!(t=t||(null==(n=e["s-ol"])?void 0:n.parentElement)))return{slotNode:null,slotName:""};const o=e["s-sn"]=A(e)||"";return{slotNode:M(_(t,"childNodes"),t.tagName,o)[0],slotName:o}}(t);return r&&!o&&function(e){e.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1}))}(r),t}return e.__insertBefore?e.__insertBefore(t,n):null==e?void 0:e.insertBefore(t,n)},Me=(e,t,n=!1)=>{var o,r,i,l,s;const a=e.$hostElement$,f=e.o,c=e.M||J(null,null),u=(e=>e&&e.j===Z)(t)?t:Y(null,null,t);if(ne=a.tagName,f.C&&(u.m=u.m||{},f.C.forEach((([e,t])=>{u.m[t]=a[e]}))),n&&u.m)for(const e of Object.keys(u.m))a.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(u.m[e]=a[e]);if(u.j=null,u.l|=4,e.M=u,u.O=c.O=a.shadowRoot||a,ge=!(!(1&f.l)||128&f.l),te=a["s-cr"],ve=!1,Ie(c,u,n),$.l|=1,me){Ne(u.O);for(const e of ke){const t=e.W;if(!t["s-ol"]&&m.document){const e=m.document.createTextNode("");e["s-nr"]=t,Be(t.parentNode,t["s-ol"]=e,t,n)}}for(const e of ke){const t=e.W,s=e.B;if(1===t.nodeType&&n&&(t["s-ih"]=null!=(o=t.hidden)&&o),s){const e=s.parentNode;let o=s.nextSibling;if(o&&1===o.nodeType){let n=null==(r=t["s-ol"])?void 0:r.previousSibling;for(;n;){let r=null!=(i=n["s-nr"])?i:null;if(r&&r["s-sn"]===t["s-sn"]&&e===(r.__parentNode||r.parentNode)){for(r=r.nextSibling;r===t||(null==r?void 0:r["s-sr"]);)r=null==r?void 0:r.nextSibling;if(!r||!r["s-nr"]){o=r;break}}n=n.previousSibling}}if((!o&&e!==(t.__parentNode||t.parentNode)||(t.__nextSibling||t.nextSibling)!==o)&&t!==o){if(Be(e,t,o,n),8===t.nodeType&&t.nodeValue.startsWith("s-nt-")){const e=m.document.createTextNode(t.nodeValue.replace(/^s-nt-/,""));e["s-hn"]=t["s-hn"],e["s-sn"]=t["s-sn"],e["s-sh"]=t["s-sh"],e["s-sr"]=t["s-sr"],e["s-ol"]=t["s-ol"],e["s-ol"]["s-nr"]=e,Be(t.parentNode,e,t,n),t.parentNode.removeChild(t)}1===t.nodeType&&"SLOT-FB"!==t.tagName&&(t.hidden=null!=(l=t["s-ih"])&&l)}t&&"function"==typeof s["s-rf"]&&s["s-rf"](s)}else 1===t.nodeType&&(t.hidden=!0)}}if(ve&&B(u.O),$.l&=-2,ke.length=0,!ge&&!(1&f.l)&&a["s-cr"]){const e=u.O.__childNodes||u.O.childNodes;for(const t of e)if(t["s-hn"]!==ne&&!t["s-sh"])if(n&&null==t["s-ih"]&&(t["s-ih"]=null!=(s=t.hidden)&&s),1===t.nodeType)t.hidden=!0;else if(3===t.nodeType&&t.nodeValue.trim()){const e=m.document.createComment("s-nt-"+t.nodeValue);e["s-sn"]=t["s-sn"],Be(t.parentNode,e,t,n),t.parentNode.removeChild(t)}}te=void 0,$e.forEach((e=>e())),$e.length=0,xe.forEach((e=>e())),xe.length=0},Ce=(e,t)=>{if(t&&!e.L&&t["s-p"]){const n=t["s-p"].push(new Promise((o=>e.L=()=>{t["s-p"].splice(n-1,1),o()})))}},Le=(e,t)=>{if(e.l|=16,4&e.l)return void(e.l|=512);Ce(e,e.R);const n=()=>Re(e,t);if(!t)return k(n);queueMicrotask((()=>{n()}))},Re=(e,t)=>{const n=e.$hostElement$,o=n;if(!o)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let r;return r=Ve(o,t?"componentWillLoad":"componentWillUpdate",void 0,n),r=Ae(r,(()=>Ve(o,"componentWillRender",void 0,n))),Ae(r,(()=>_e(e,o,t)))},Ae=(e,t)=>Te(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),Te=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,_e=async(e,t,n)=>{var o;const r=e.$hostElement$,i=r["s-rc"];n&&(e=>{const t=e.o,n=e.$hostElement$,o=t.l,r=U(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&o&&(n["s-sc"]=r,n.classList.add(r+"-h"))})(e);De(e,t,r,n),i&&(i.map((e=>e())),r["s-rc"]=void 0);{const t=null!=(o=r["s-p"])?o:[],n=()=>Fe(e);0===t.length?n():(Promise.all(t).then(n).catch(n),e.l|=4,t.length=0)}},De=(e,t,n,o)=>{try{t=t.render(),e.l&=-17,e.l|=2,Me(e,t,o)}catch(t){d(t,e.$hostElement$)}return null},Fe=e=>{const t=e.$hostElement$,n=t,o=e.R;Ve(n,"componentDidRender",void 0,t),64&e.l?Ve(n,"componentDidUpdate",void 0,t):(e.l|=64,He(t),Ve(n,"componentDidLoad",void 0,t),e.A(t),o||Ue()),e.L&&(e.L(),e.L=void 0),512&e.l&&I((()=>Le(e,!1))),e.l&=-517},Ue=()=>{var e;I((()=>ae(m,"appload",{detail:{namespace:"dropi-ui"}}))),(null==(e=$.T)?void 0:e.size)&&$.T.clear()},Ve=(e,t,n,o)=>{if(e&&e[t])try{return e[t](n)}catch(e){d(e,o)}},He=e=>e.classList.add("hydrated"),qe=(e,t,n,o)=>{const r=c(e);if(!r)return;const i=e,l=r.i.get(t),s=r.l,a=i;if(!((n=le(n,o.t[t][0],!!(64&o.l)))===l||Number.isNaN(l)&&Number.isNaN(n))){if(r.i.set(t,n),o._){const e=o._[t];e&&e.map((e=>{try{const[[o,i]]=Object.entries(e);(128&s||1&i)&&(a?a[o](n,l,t):r.D.push((()=>{r.F[o](n,l,t)})))}catch(e){d(e,i)}}))}if(2&s){if(a.componentShouldUpdate&&!1===a.componentShouldUpdate(n,l,t)&&!(16&s))return;16&s||Le(r,!1)}}},Ye=(e,t,n)=>{var o,r;const i=e.prototype;64&t.l&&1&n&&v.forEach((e=>{const t=i[e];Object.defineProperty(i,e,{value(...n){var o;const r=c(this),i=this;i?"function"==typeof t&&t.call(i,...n):null==(o=null==r?void 0:r.U)||o.then((t=>{const o=t[e];"function"==typeof o&&o.call(t,...n)}))}})}));{e.watchers&&!t._&&(t._=e.watchers),e.deserializers&&!t.V&&(t.V=e.deserializers),e.serializers&&!t.H&&(t.H=e.serializers);const n=Object.entries(null!=(o=t.t)?o:{});n.map((([e,[n]])=>{if(31&n||32&n){const{get:o,set:r}=s(i,e)||{};o&&(t.t[e][0]|=2048),r&&(t.t[e][0]|=4096),Object.defineProperty(i,e,{get(){return o?o.apply(this):((e,t)=>c(this).i.get(t))(0,e)},configurable:!0,enumerable:!0}),Object.defineProperty(i,e,{set(o){const i=c(this);if(i){if(r)return void 0===(32&n?this[e]:i.$hostElement$[e])&&i.i.get(e)&&(o=i.i.get(e)),r.call(this,le(o,n,!!(64&t.l))),void qe(this,e,o=32&n?this[e]:i.$hostElement$[e],t);qe(this,e,o,t)}}})}}));{const o=new Map;i.attributeChangedCallback=function(e,r,l){$.jmp((()=>{var s;const a=o.get(e),f=c(this);if(this.hasOwnProperty(a),i.hasOwnProperty(a)&&"number"==typeof this[a]&&this[a]==l)return;if(null==a){const n=null==f?void 0:f.l;if(f&&n&&!(8&n)&&l!==r){const o=this,i=null==(s=t._)?void 0:s[e];null==i||i.forEach((t=>{const[[i,s]]=Object.entries(t);null!=o[i]&&(128&n||1&s)&&o[i].call(o,l,r,e)}))}return}const u=n.find((([e])=>e===a));u&&4&u[1][0]&&(l=null!==l&&"false"!==l);const d=Object.getOwnPropertyDescriptor(i,a);l==this[a]||d.get&&!d.set||(this[a]=l)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(r=t._)?r:{}),...n.filter((([e,t])=>31&t[0])).map((([e,n])=>{var r;const i=n[1]||e;return o.set(i,e),512&n[0]&&(null==(r=t.C)||r.push([e,i])),i}))]))}}return e},Je=e=>{if(!m.document)return;const t=e["s-cr"]=m.document.createComment("");t["s-cn"]=!0,Be(e,t,e.firstChild)},Ze=(e,t)=>{const n={l:t[0],p:t[1]};try{n.t=t[2],n.q=t[3],n._=e._,n.V=e.V,n.H=e.H,n.C=[],(()=>{if(!m.document)return;const e=m.document.querySelectorAll(`[${y}]`);let t=0;for(;t<e.length;t++)F(e[t].getAttribute(y),H(e[t].innerHTML),!0)})();const o=e.prototype.connectedCallback,r=e.prototype.disconnectedCallback;return Object.assign(e.prototype,{__hasHostListenerAttached:!1,__registerHost(){((e,t)=>{const n={l:0,$hostElement$:e,o:t,i:new Map,Y:new Map};n.U=new Promise((e=>n.A=e)),e["s-p"]=[],e["s-rc"]=[];const o=n;e.__stencil__getHostRef=()=>o,512&t.l&&f(e,n)})(this,n)},connectedCallback(){if(!this.__hasHostListenerAttached){const e=c(this);if(!e)return;Ke(this,e,n.q),this.__hasHostListenerAttached=!0}(e=>{if(!(1&$.l)){const t=c(e);if(!t)return;const n=t.o,o=()=>{};if(1&t.l)Ke(e,t,n.q),(null==t?void 0:t.F)||(null==t?void 0:t.U)&&t.U.then((()=>{}));else{let o;if(t.l|=1,o=e.getAttribute(p),o){if(1&n.l){const t=U(e.shadowRoot,n);e.classList.remove(t+"-h",t+"-s")}((e,t,n,o)=>{var r,i,l,s;const a=e.shadowRoot,f=[],u=[],d=a?[]:null,h=J(t,null);h.O=e,!m.document||$.T&&$.T.size||Q(m.document.body,$.T=new Map),e[p]=n,e.removeAttribute(p),o.M=K(h,f,[],d,e,e,n,u);let y=0;const g=f.length;let v;for(;y<g;y++){v=f[y];const n=v.I+"."+v.k,o=$.T.get(n),i=v.O;if(a){if((null==(r=v.j)?void 0:(""+r).includes("-"))&&"slot-fb"!==v.j&&!v.O.shadowRoot){const e=c(v.O);if(e){const t=V(e.o),n=m.document.querySelector(`style[sty-id="${t}"]`);n&&d.unshift(n.cloneNode(!0))}}}else i["s-hn"]=t.toUpperCase(),"slot"===v.j&&(i["s-cr"]=e["s-cr"]);"slot"===v.j&&(v.G=v.O["s-sn"]||v.O.name||null,v.$?(v.l|=2,v.O.childNodes.length||v.$.forEach((e=>{v.O.appendChild(e.O)}))):v.l|=1),o&&o.isConnected&&(o.parentElement.shadowRoot&&""===o["s-en"]&&o.parentNode.insertBefore(i,o.nextSibling),o.parentNode.removeChild(o),a||(i["s-oo"]=parseInt(v.k))),o&&!o["s-id"]&&$.T.delete(n)}const b=[],x=u.length;let w,S,z,G,j=0,O=0;for(;j<x;j++)if(w=u[j],w&&w.length)for(z=w.length,S=0;S<z;S++){if(G=w[S],b[G.hostId]||(b[G.hostId]=$.T.get(G.hostId)),!b[G.hostId])continue;const e=b[G.hostId];e.shadowRoot&&G.node.parentElement!==e&&e.insertBefore(G.node,null==(l=null==(i=w[S-1])?void 0:i.node)?void 0:l.nextSibling),e.shadowRoot&&a||(G.slot["s-cr"]||(G.slot["s-cr"]=e["s-cr"],G.slot["s-cr"]=!G.slot["s-cr"]&&e.shadowRoot?e:(e.__childNodes||e.childNodes)[0]),R(G.node,G.slot,0,G.node["s-oo"]||O),(null==(s=G.node.parentElement)?void 0:s.shadowRoot)&&G.node.getAttribute&&G.node.getAttribute("slot")&&G.node.removeAttribute("slot")),O=(G.node["s-oo"]||O)+1}if(a&&!a.childNodes.length){let t=0;const n=d.length;if(n){for(;t<n;t++){const e=d[t];e&&a.appendChild(e)}Array.from(e.childNodes).forEach((e=>{"string"!=typeof e["s-en"]&&"string"!=typeof e["s-sn"]&&(1===e.nodeType&&e.slot&&e.hidden?e.removeAttribute("hidden"):8!==e.nodeType||e.nodeValue||e.parentNode.removeChild(e))}))}}o.$hostElement$=e})(e,n.p,o,t)}o||12&n.l&&Je(e);{let n=e;for(;n=n.parentNode||n.host;)if(1===n.nodeType&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){Ce(t,t.R=n);break}}n.t&&Object.entries(n.t).map((([t,[n]])=>{if(31&n&&Object.prototype.hasOwnProperty.call(e,t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let o;try{if(!(32&t.l)&&(t.l|=32,o=e.constructor,customElements.whenDefined(e.localName).then((()=>t.l|=128)),o&&o.style)){let e;"string"==typeof o.style&&(e=o.style);const t=V(n);if(!h.has(t)){const o=()=>{};F(t,e,!!(1&n.l)),o()}}const r=t.R,i=()=>Le(t,!0);r&&r["s-rc"]?r["s-rc"].push(i):i()}catch(n){d(n,e),t.L&&(t.L(),t.L=void 0),t.A&&t.A(e)}})(e,t,n)}o()}})(this),o&&o.call(this)},disconnectedCallback(){(async e=>{if(!(1&$.l)){const t=c(e);(null==t?void 0:t.J)&&(t.J.map((e=>e())),t.J=void 0)}D.has(e)&&D.delete(e),e.shadowRoot&&D.has(e.shadowRoot)&&D.delete(e.shadowRoot)})(this),r&&r.call(this)},__attachShadow(){if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${n.p}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else W.call(this,n)}}),Object.defineProperty(e,"is",{value:n.p,configurable:!0}),Ye(e,n,3)}catch(t){return d(t),e}},Ke=(e,t,n)=>{n&&m.document&&n.map((([n,o,r])=>{const i=Xe(m.document,e,n),l=Qe(t,r),s=et(n);$.ael(i,o,l,s),(t.J=t.J||[]).push((()=>$.rel(i,o,l,s)))}))},Qe=(e,t)=>n=>{try{e.$hostElement$[t](n)}catch(t){d(t,e.$hostElement$)}},Xe=(e,t,n)=>4&n?e:8&n?m:t,et=e=>({passive:!!(1&e),capture:!!(2&e)}),tt=e=>$.h=e,nt=e=>Object.assign($,e);function ot(e,t){Me({o:{l:0,p:t.tagName},$hostElement$:t},e)}function rt(e){return e}export{t as B,b as H,se as c,N as getAssetPath,Y as h,Ze as p,ot as render,P as setAssetPath,tt as setNonce,nt as setPlatformOptions,rt as t}
1
+ const e=":root{--Primary-Primary-50:#fef8f2;--Primary-Primary-100:#ffecda;--Primary-Primary-200:#fcddbd;--Primary-Primary-300:#f2bc85;--Primary-Primary-400:#f7b46f;--Primary-Primary-500:#f49a3d;--Primary-Primary-600:#e58017;--Primary-Primary-700:#99540f;--Primary-Primary-800:#66380a;--Primary-Primary-900:#331c05;--Secondary-Secondary-50:#f0fafc;--Secondary-Secondary-100:#cee8f2;--Secondary-Secondary-200:#95d0e5;--Secondary-Secondary-300:#62bad9;--Secondary-Secondary-400:#33a4cc;--Secondary-Secondary-500:#008dbf;--Secondary-Secondary-600:#007199;--Secondary-Secondary-700:#005573;--Secondary-Secondary-800:#00384d;--Secondary-Secondary-900:#001c26;--Neutral-White:#ffffff;--Neutral-Black:#000000;--Gray-Gray-50:#f7f8fa;--Gray-Gray-100:#e6eaf2;--Gray-Gray-200:#c3c9d9;--Gray-Gray-300:#a3abbf;--Gray-Gray-400:#858ea6;--Gray-Gray-500:#69738c;--Gray-Gray-600:#475066;--Gray-Gray-700:#32394d;--Gray-Gray-800:#1f2433;--Gray-Gray-900:#0e111a;--Success-Success-50:#e7f8f3;--Success-Success-100:#b3eada;--Success-Success-200:#8ee0c8;--Success-Success-300:#5bd1af;--Success-Success-400:#3bc99f;--Success-Success-500:#0abb87;--Success-Success-600:#09aa7b;--Success-Success-700:#078560;--Success-Success-800:#06674a;--Success-Success-900:#044f39;--Error-Error-50:#fef0f0;--Error-Error-100:#fcd1d1;--Error-Error-200:#fababb;--Error-Error-300:#f89b9c;--Error-Error-400:#f68889;--Error-Error-500:#f46a6b;--Error-Error-600:#de6061;--Error-Error-700:#ad4b4c;--Error-Error-800:#863a3b;--Error-Error-900:#662d2d;--Info-Info-50:#eef6fe;--Info-Info-100:#c9e3fb;--Info-Info-200:#afd6f9;--Info-Info-300:#8ac3f6;--Info-Info-400:#73b7f4;--Info-Info-500:#50a5f1;--Info-Info-600:#4996db;--Info-Info-700:#3975ab;--Info-Info-800:#2c5b85;--Info-Info-900:#224565;--Warning-Warning-50:#fef8ed;--Warning-Warning-100:#fbe8c8;--Warning-Warning-200:#f9ddad;--Warning-Warning-300:#f6cd87;--Warning-Warning-400:#f4c370;--Warning-Warning-500:#f1b44c;--Warning-Warning-600:#dba445;--Warning-Warning-700:#ab8036;--Warning-Warning-800:#85632a;--Warning-Warning-900:#654c20;--Orange-orange-50:#fef5ec;--Orange-orange-500:#f49a3d;--Size-1:4px;--Size-2:8px;--Size-3:12px;--Size-4:16px;--Size-5:24px;--Size-6:32px;--Size-7:40px;--Size-8:48px;--Size-9:56px;--Size-10:64px;--Border-1:4px;--Border-2:8px;--Border-3:12px;--Border-4:24px;--Border-5:32px;--Border-full:9999px;--font-size-xxxxl:36px;--font-size-xxxl:30px;--font-size-xxl:24px;--font-size-xl:20px;--font-size-l:18px;--font-size-m:16px;--font-size-s:14px;--font-size-xs:12px;--font-size-xxs:10px;--lineheight-simple:110%;--lineheight-large:150%;--font-weight-bold:700;--font-weight-semibold:600;--font-weight-medium:500;--font-weight-regular:400;--font-weight-light:300;--font-family-01:'Inter', sans-serif;--breakpoint-extra-small:576px;--breakpoint-small:600px;--breakpoint-medium:1000px;--breakpoint-large:1200px;--breakpoint-extra-large:1536px;--breakpoint-full-width:1920px;--Shadow-small:0px 0px 12px rgba(0, 0, 0, 0.04);--Shadow-medium:0.5px 4px 8px rgba(0, 0, 0, 0.08);--Shadow-large:0px 4px 16px rgba(0, 0, 0, 0.16);--Shadow-icon:0px 0px 4px rgba(0, 0, 0, 0.16);--Interrapidisimo:#383637;--Domina:#464ffe;--Coordinadora:#2686c5;--Servientrega:#1ba558;--99-minutos:#9cd453;--TCC:#f8dd49;--Veloces:#dc2e76;--Envia:#e7484e;--Restlogix:#90dd92;--Tiui:#0596a5;--Fedex:#4d148c;--Laarcourier:#faf063;--Gintracom:#ff3939;--Blue-express:#1542a3;--Lulu:#f03a3e;--Urbano:#e53237;--Tipsa:#1d3681;--dropi-z-index-base:0;--dropi-z-index-sticky:100;--dropi-z-index-navbar:1000;--dropi-z-index-modal:9999;--dropi-z-index-drawer:9999;--dropi-z-index-overlay:11000;--dropi-z-index-toast:12000}@media (max-width: 600px){:root{--font-size-xxxxl:32px;--font-size-xxxl:26px;--font-size-xxl:20px;--font-size-xl:18px;--font-size-l:16px;--font-size-m:16px;--font-size-s:14px;--font-size-xs:12px;--font-size-xxs:10px}}*{font-family:var(--font-family-01);box-sizing:border-box;text-align:left}h1{color:var(--Gray-Gray-700);font-size:var(--font-size-xxxxl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h2{color:var(--Gray-Gray-700);font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h3{color:var(--Gray-Gray-700);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h4{color:var(--Gray-Gray-700);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}h5{color:var(--Gray-Gray-700);font-size:var(--font-size-l);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Body-L-Medium{color:var(--Gray-Gray-700);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);line-height:var(--lineheight-large)}.Body-L-Regular{color:var(--Gray-Gray-600);font-size:var(--font-size-m);font-weight:var(--font-weight-regular);line-height:var(--lineheight-large)}.Body-M-Medium{color:var(--Gray-Gray-700);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);line-height:var(--lineheight-large)}.Body-M-Regular{color:var(--Gray-Gray-600);font-size:var(--font-size-s);font-weight:var(--font-weight-regular);line-height:var(--lineheight-large)}.Body-S-Medium{color:var(--Gray-Gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--lineheight-large)}.Body-S-Regular{color:var(--Gray-Gray-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--lineheight-large)}.Caption-M{color:var(--Gray-Gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Caption-S{color:var(--Gray-Gray-700);font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Label-L{color:var(--Gray-Gray-700);font-size:var(--font-size-m);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Label-M{color:var(--Gray-Gray-700);font-size:var(--font-size-s);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}.Label-S{color:var(--Gray-Gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple)}body.dropi-modal-open{overflow:hidden !important}dropi-icon:not(:defined){display:inline-flex;width:24px;height:24px;overflow:hidden}";var n={isBrowser:!0},t=(e=>(e.Undefined="undefined",e.Null="null",e.String="string",e.Number="number",e.SpecialNumber="number",e.Boolean="boolean",e.BigInt="bigint",e))(t||{}),o=(e=>(e.Array="array",e.Date="date",e.Map="map",e.Object="object",e.RegularExpression="regexp",e.Set="set",e.Channel="channel",e.Symbol="symbol",e))(o||{}),r="type",i="value",l="serialized:";function s(e,n,t){const o="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;e&&e!==o;){const o=Object.getOwnPropertyDescriptor(e,n);if(o&&(!t||o.get))return o;e=Object.getPrototypeOf(e)}}var a,f=(e,n)=>{var t;Object.entries(null!=(t=n.o.t)?t:{}).map((([t,[o]])=>{if(31&o||32&o){const o=e[t],r=s(Object.getPrototypeOf(e),t,!0)||Object.getOwnPropertyDescriptor(e,t);r&&Object.defineProperty(e,t,{get(){return r.get.call(this)},set(e){r.set.call(this,e)},configurable:!0,enumerable:!0}),n.i.has(t)?e[t]=n.i.get(t):void 0!==o&&(e[t]=o)}}))},c=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},u=(e,n)=>n in e,d=(e,n)=>(0,console.error)(e,n),h=new Map,p="s-id",y="sty-id",g="c-id",v=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],m="undefined"!=typeof window?window:{},b=m.HTMLElement||class{},x={l:0,u:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,n,t,o)=>e.addEventListener(n,t,o),rel:(e,n,t,o)=>e.removeEventListener(n,t,o),ce:(e,n)=>new CustomEvent(e,n)},$=(()=>{try{return!!m.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(e){}return!1})(),w=!!$&&(()=>!!m.document&&Object.getOwnPropertyDescriptor(m.document.adoptedStyleSheets,"length").writable)(),S=!1,z=[],G=[],j=(e,n)=>t=>{e.push(t),S||(S=!0,n&&4&x.l?I(E):x.raf(E))},O=e=>{for(let n=0;n<e.length;n++)try{e[n](performance.now())}catch(e){d(e)}e.length=0},E=()=>{O(z),O(G),(S=z.length>0)&&x.raf(E)},I=e=>Promise.resolve(void 0).then(e),k=j(G,!0),N=e=>{const n=new URL(e,x.u);return n.origin!==m.location.origin?n.href:n.pathname},P=e=>x.u=e;function W(){var n;const t=this.attachShadow({mode:"open"});if(void 0===a&&(a=null!=(n=function(e){if(!$)return;const n=new CSSStyleSheet;return n.replaceSync(e),n}(e))?n:null),a)w?t.adoptedStyleSheets.push(a):t.adoptedStyleSheets=[...t.adoptedStyleSheets,a];else if(!$){const n=document.createElement("style");n.innerHTML=e,t.prepend(n)}}var B=e=>{const n=_(e,"childNodes");e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&"SLOT-FB"!==e.tagName&&M(n,e.tagName).forEach((e=>{1===e.nodeType&&"SLOT-FB"===e.tagName&&(e.hidden=!!C(e,A(e),!1).length)}));let t=0;for(t=0;t<n.length;t++){const e=n[t];1===e.nodeType&&_(e,"childNodes").length&&B(e)}};function M(e,n,t){let o,r=0,i=[];for(;r<e.length;r++){if(o=e[r],o["s-sr"]&&(!n||o["s-hn"]===n)&&(void 0===t||A(o)===t)&&(i.push(o),void 0!==t))return i;i=[...i,...M(o.childNodes,n,t)]}return i}var C=(e,n,t=!0)=>{const o=[];(t&&e["s-sr"]||!e["s-sr"])&&o.push(e);let r=e;for(;r=r.nextSibling;)A(r)!==n||!t&&r["s-sr"]||o.push(r);return o},L=(e,n)=>1===e.nodeType?null===e.getAttribute("slot")&&""===n||e.getAttribute("slot")===n:e["s-sn"]===n||""===n,R=(e,n,t,o)=>{if(e["s-ol"]&&e["s-ol"].isConnected)return;const r=document.createTextNode("");if(r["s-nr"]=e,!n["s-cr"]||!n["s-cr"].parentNode)return;const i=n["s-cr"].parentNode,l=_(i,"appendChild");if(void 0!==o){r["s-oo"]=o;const e=_(i,"childNodes"),n=[r];e.forEach((e=>{e["s-nr"]&&n.push(e)})),n.sort(((e,n)=>!e["s-oo"]||e["s-oo"]<(n["s-oo"]||0)?-1:!n["s-oo"]||n["s-oo"]<e["s-oo"]?1:0)),n.forEach((e=>l.call(i,e)))}else l.call(i,r);e["s-ol"]=r,e["s-sh"]=n["s-hn"]},A=e=>"string"==typeof e["s-sn"]?e["s-sn"]:1===e.nodeType&&e.getAttribute("slot")||void 0;function T(e){if(e.assignedElements||e.assignedNodes||!e["s-sr"])return;const n=n=>function(e){const t=[],o=this["s-sn"];(null==e?void 0:e.flatten)&&console.error("\n Flattening is not supported for Stencil non-shadow slots.\n You can use `.childNodes` to nested slot fallback content.\n If you have a particular use case, please open an issue on the Stencil repo.\n ");const r=this["s-cr"].parentElement;return(r.__childNodes?r.childNodes:(e=>{const n=[];for(let t=0;t<e.length;t++){const o=e[t]["s-nr"]||void 0;o&&o.isConnected&&n.push(o)}return n})(r.childNodes)).forEach((e=>{o===A(e)&&t.push(e)})),n?t.filter((e=>1===e.nodeType)):t}.bind(e);e.assignedElements=n(!0),e.assignedNodes=n(!1)}function _(e,n){if("__"+n in e){const t=e["__"+n];return"function"!=typeof t?t:t.bind(e)}return"function"!=typeof e[n]?e[n]:e[n].bind(e)}var D=new WeakMap,F=(e,n,t)=>{let o=h.get(e);$&&t?(o=o||new CSSStyleSheet,"string"==typeof o?o=n:o.replaceSync(n)):o=n,h.set(e,o)},U=(e,n)=>{var t,o,r;const i=V(n),l=h.get(i);if(!m.document)return i;if(e=11===e.nodeType?e:m.document,l)if("string"==typeof l){let r,s=D.get(e=e.head||e);s||D.set(e,s=new Set);const a=e.querySelector(`[${y}="${i}"]`);if(a)a.textContent=l;else if(!s.has(i)){r=m.document.createElement("style"),r.textContent=l;const a=null!=(t=x.h)?t:function(){var e,n,t;return null!=(t=null==(n=null==(e=m.document.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?t:void 0}();if(null!=a&&r.setAttribute("nonce",a),!(1&n.l))if("HEAD"===e.nodeName){const n=e.querySelectorAll("link[rel=preconnect]"),t=n.length>0?n[n.length-1].nextSibling:e.querySelector("style");e.insertBefore(r,(null==t?void 0:t.parentNode)===e?t:null)}else if("host"in e)if($){const n=new(null!=(o=e.defaultView)?o:e.ownerDocument.defaultView).CSSStyleSheet;n.replaceSync(l),w?e.adoptedStyleSheets.unshift(n):e.adoptedStyleSheets=[n,...e.adoptedStyleSheets]}else{const n=e.querySelector("style");n?n.textContent=l+n.textContent:e.prepend(r)}else e.append(r);1&n.l&&e.insertBefore(r,null),4&n.l&&(r.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),s&&s.add(i)}}else{let n=D.get(e);if(n||D.set(e,n=new Set),!n.has(i)){const t=null!=(r=e.defaultView)?r:e.ownerDocument.defaultView;let o;if(l.constructor===t.CSSStyleSheet)o=l;else{o=new t.CSSStyleSheet;for(let e=0;e<l.cssRules.length;e++)o.insertRule(l.cssRules[e].cssText,e)}if(w?e.adoptedStyleSheets.push(o):e.adoptedStyleSheets=[...e.adoptedStyleSheets,o],n.add(i),"host"in e){const n=e.querySelector(`[${y}="${i}"]`);n&&k((()=>n.remove()))}}}return i},V=e=>"sc-"+e.p,H=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),q=e=>"object"==(e=typeof e)||"function"===e,Y=(e,n,...t)=>{let o=null,r=null,i=null,l=!1,s=!1;const a=[],f=n=>{for(let t=0;t<n.length;t++)o=n[t],Array.isArray(o)?f(o):null!=o&&"boolean"!=typeof o&&((l="function"!=typeof e&&!q(o))&&(o+=""),l&&s?a[a.length-1].v+=o:a.push(l?J(null,o):o),s=l)};if(f(t),n){n.key&&(r=n.key),n.name&&(i=n.name);{const e=n.className||n.class;e&&(n.class="object"!=typeof e?e:Object.keys(e).filter((n=>e[n])).join(" "))}}const c=J(e,null);return c.m=n,a.length>0&&(c.$=a),c.S=r,c.G=i,c},J=(e,n)=>({l:0,j:e,v:null!=n?n:null,O:null,$:null,m:null,S:null,G:null}),Z={},K=(e,n,t,o,r,i,l,s=[])=>{let a,f,c,u;if(1===i.nodeType){if(a=i.getAttribute(g),a&&(f=a.split("."),f[0]===l||"0"===f[0])){c=X({l:0,I:f[0],k:f[1],N:f[2],P:f[3],j:i.tagName.toLowerCase(),O:i,m:{class:i.className||""}}),n.push(c),i.removeAttribute(g),e.$||(e.$=[]);const r=c.O.getAttribute("s-sn");"string"==typeof r&&("slot-fb"===c.j&&ee(r,f[2],c,i,e,n,t,o,s),c.O["s-sn"]=r,c.O.removeAttribute("s-sn")),void 0!==c.P&&(e.$[c.P]=c),e=c,o&&"0"===c.N&&(o[c.P]=c.O)}if(i.shadowRoot)for(u=i.shadowRoot.childNodes.length-1;u>=0;u--)K(e,n,t,o,r,i.shadowRoot.childNodes[u],l,s);const d=i.__childNodes||i.childNodes;for(u=d.length-1;u>=0;u--)K(e,n,t,o,r,d[u],l,s)}else if(8===i.nodeType)f=i.nodeValue.split("."),(f[1]===l||"0"===f[1])&&(a=f[0],c=X({I:f[1],k:f[2],N:f[3],P:f[4]||"0",O:i,m:null,$:null,S:null,G:null,j:null,v:null}),"t"===a?(c.O=re(i,3),c.O&&3===c.O.nodeType&&(c.v=c.O.textContent,n.push(c),i.remove(),l===c.I&&(e.$||(e.$=[]),e.$[c.P]=c),o&&"0"===c.N&&(o[c.P]=c.O))):"c"===a?(c.O=re(i,8),c.O&&8===c.O.nodeType&&(n.push(c),i.remove())):c.I===l&&("s"===a?ee(i["s-sn"]=f[5]||"",f[2],c,i,e,n,t,o,s):"r"===a&&(o?i.remove():(r["s-cr"]=i,i["s-cn"]=!0))));else if(e&&"style"===e.j){const n=J(null,i.textContent);n.O=i,n.P="0",e.$=[n]}return e},Q=(e,n)=>{if(1===e.nodeType){const t=e[p]||e.getAttribute(p);t&&n.set(t,e);let o=0;if(e.shadowRoot)for(;o<e.shadowRoot.childNodes.length;o++)Q(e.shadowRoot.childNodes[o],n);const r=e.__childNodes||e.childNodes;for(o=0;o<r.length;o++)Q(r[o],n)}else if(8===e.nodeType){const t=e.nodeValue.split(".");"o"===t[0]&&(n.set(t[1]+"."+t[2],e),e.nodeValue="",e["s-en"]=t[3])}},X=e=>({l:0,I:null,k:null,N:null,P:"0",O:null,m:null,$:null,S:null,G:null,j:null,v:null,...e});function ee(e,n,t,o,r,i,l,s,a){o["s-sr"]=!0,t.G=e||null,t.j="slot";const f=(null==r?void 0:r.O)?r.O["s-id"]||r.O.getAttribute("s-id"):"";if(s&&m.document){const i=t.O=m.document.createElement(t.j);t.G&&t.O.setAttribute("name",e),r.O.shadowRoot&&f&&f!==t.I?_(r.O,"insertBefore")(i,_(r.O,"children")[0]):_(_(o,"parentNode"),"insertBefore")(i,o),oe(a,n,e,o,t.I),o.remove(),"0"===t.N&&(s[t.P]=t.O)}else{const i=t.O,l=f&&f!==t.I&&r.O.shadowRoot;oe(a,n,e,o,l?f:t.I),T(o),l&&r.O.insertBefore(i,r.O.children[0])}i.push(t),l.push(t),r.$||(r.$=[]),r.$[t.P]=t}var ne,te,oe=(e,n,t,o,r)=>{var i,l;let s=o.nextSibling;if(e[n]=e[n]||[],s&&!(null==(i=s.nodeValue)?void 0:i.startsWith("s.")))do{!s||(s.getAttribute&&s.getAttribute("slot")||s["s-sn"])!==t&&(""!==t||s["s-sn"]||s.getAttribute&&s.getAttribute("slot")||8!==s.nodeType&&3!==s.nodeType)||(s["s-sn"]=t,e[n].push({slot:o,node:s,hostId:r})),s=null==s?void 0:s.nextSibling}while(s&&!(null==(l=s.nodeValue)?void 0:l.startsWith("s.")))},re=(e,n)=>{let t=e;do{t=t.nextSibling}while(t&&(t.nodeType!==n||!t.nodeValue));return t},ie=class e{static fromLocalValue(n){const t=n[r],o=i in n?n[i]:void 0;switch(t){case"string":case"boolean":return o;case"bigint":return BigInt(o);case"undefined":return;case"null":return null;case"number":return"NaN"===o?NaN:"-0"===o?-0:"Infinity"===o?1/0:"-Infinity"===o?-1/0:o;case"array":return o.map((n=>e.fromLocalValue(n)));case"date":return new Date(o);case"map":const n=new Map;for(const[t,r]of o){const o="object"==typeof t&&null!==t?e.fromLocalValue(t):t,i=e.fromLocalValue(r);n.set(o,i)}return n;case"object":const r={};for(const[n,t]of o)r[n]=e.fromLocalValue(t);return r;case"regexp":const{pattern:i,flags:l}=o;return RegExp(i,l);case"set":const s=new Set;for(const n of o)s.add(e.fromLocalValue(n));return s;case"symbol":return Symbol(o);default:throw Error("Unsupported type: "+t)}}static fromLocalValueArray(n){return n.map((n=>e.fromLocalValue(n)))}static isLocalValueObject(e){if("object"!=typeof e||null===e)return!1;if(!e.hasOwnProperty(r))return!1;const n=e[r];return!!Object.values({...t,...o}).includes(n)&&("null"===n||"undefined"===n||e.hasOwnProperty(i))}},le=(e,n,t)=>"string"==typeof e&&e.startsWith(l)?e=function(e){return"string"==typeof e&&e.startsWith(l)?ie.fromLocalValue(JSON.parse(atob(e.slice(11)))):e}(e):null==e||q(e)?e:4&n?(t&&"string"==typeof e||"false"!==e)&&(""===e||!!e):2&n?"string"==typeof e?parseFloat(e):"number"==typeof e?e:NaN:1&n?e+"":e,se=(e,n)=>{const t=e;return{emit:e=>ae(t,n,{bubbles:!0,composed:!0,cancelable:!0,detail:e})}},ae=(e,n,t)=>{const o=x.ce(n,t);return e.dispatchEvent(o),o},fe=(e,n,t,o,r,i,l)=>{if(t===o)return;let s=u(e,n),a=n.toLowerCase();if("class"===n){const n=e.classList,r=ue(t);let i=ue(o);if((e["s-si"]||e["s-sc"])&&l){const t=e["s-sc"]||e["s-si"];i.push(t),r.forEach((e=>{e.startsWith(t)&&i.push(e)})),i=[...new Set(i)].filter((e=>e)),n.add(...i)}else n.remove(...r.filter((e=>e&&!i.includes(e)))),n.add(...i.filter((e=>e&&!r.includes(e))))}else if("style"===n){for(const n in t)o&&null!=o[n]||(n.includes("-")?e.style.removeProperty(n):e.style[n]="");for(const n in o)t&&o[n]===t[n]||(n.includes("-")?e.style.setProperty(n,o[n]):e.style[n]=o[n])}else if("key"===n);else if("ref"===n)o&&We(o,e);else if(e.__lookupSetter__(n)||"o"!==n[0]||"n"!==n[1]){if("a"===n[0]&&n.startsWith("attr:")){const t=n.slice(5);let r;{const n=c(e);if(n&&n.o&&n.o.t){const e=n.o.t[t];e&&e[1]&&(r=e[1])}}return r||(r=t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==o||!1===o?!1===o&&""!==e.getAttribute(r)||e.removeAttribute(r):e.setAttribute(r,!0===o?"":o))}if("p"===n[0]&&n.startsWith("prop:")){const t=n.slice(5);try{e[t]=o}catch(e){}return}{const l=q(o);if((s||l&&null!==o)&&!r)try{if(e.tagName.includes("-"))e[n]!==o&&(e[n]=o);else{const r=null==o?"":o;"list"===n?s=!1:null!=t&&e[n]===r||("function"==typeof e.__lookupSetter__(n)?e[n]=r:e.setAttribute(n,r))}}catch(e){}null==o||!1===o?!1===o&&""!==e.getAttribute(n)||e.removeAttribute(n):(!s||4&i||r)&&!l&&1===e.nodeType&&e.setAttribute(n,o=!0===o?"":o)}}else if(n="-"===n[2]?n.slice(3):u(m,a)?a.slice(2):a[2]+n.slice(3),t||o){const r=n.endsWith(de);n=n.replace(he,""),t&&x.rel(e,n,t,r),o&&x.ael(e,n,o,r)}},ce=/\s/,ue=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(ce):[]),de="Capture",he=RegExp(de+"$"),pe=(e,n,t,o)=>{const r=11===n.O.nodeType&&n.O.host?n.O.host:n.O,i=e&&e.m||{},l=n.m||{};for(const e of ye(Object.keys(i)))e in l||fe(r,e,i[e],void 0,t,n.l,o);for(const e of ye(Object.keys(l)))fe(r,e,i[e],l[e],t,n.l,o)};function ye(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var ge=!1,ve=!1,me=!1,be=!1,xe=[],$e=[],we=(e,n,t)=>{var o;const r=n.$[t];let i,l,s,a=0;if(ge||(me=!0,"slot"===r.j&&(r.l|=r.$?2:1)),null!=r.v)i=r.O=m.document.createTextNode(r.v);else if(1&r.l)i=r.O=m.document.createTextNode(""),pe(null,r,be);else{if(be||(be="svg"===r.j),!m.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(i=r.O=m.document.createElementNS(be?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!ge&&2&r.l?"slot-fb":r.j),be&&"foreignObject"===r.j&&(be=!1),pe(null,r,be),r.$){const n="template"===r.j?i.content:i;for(a=0;a<r.$.length;++a)l=we(e,r,a),l&&n.appendChild(l)}"svg"===r.j?be=!1:"foreignObject"===i.tagName&&(be=!0)}return i["s-hn"]=te,3&r.l&&(i["s-sr"]=!0,i["s-cr"]=ne,i["s-sn"]=r.G||"",i["s-rf"]=null==(o=r.m)?void 0:o.ref,T(i),s=e&&e.$&&e.$[t],s&&s.j===r.j&&e.O&&Se(e.O)),i},Se=e=>{x.l|=1;const n=e.closest(te.toLowerCase());if(null!=n){const t=Array.from(n.__childNodes||n.childNodes).find((e=>e["s-cr"])),o=Array.from(e.__childNodes||e.childNodes);for(const e of t?o.reverse():o)null!=e["s-sh"]&&(Be(n,e,null!=t?t:null),e["s-sh"]=void 0,me=!0)}x.l&=-2},ze=(e,n)=>{x.l|=1;const t=Array.from(e.__childNodes||e.childNodes);if(e["s-sr"]){let n=e;for(;n=n.nextSibling;)n&&n["s-sn"]===e["s-sn"]&&n["s-sh"]===te&&t.push(n)}for(let e=t.length-1;e>=0;e--){const o=t[e];o["s-hn"]!==te&&o["s-ol"]&&(Be(Ee(o).parentNode,o,Ee(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,me=!0),n&&ze(o,n)}x.l&=-2},Ge=(e,n,t,o,r,i)=>{let l,s=e["s-cr"]&&e["s-cr"].parentNode||e;for(s.shadowRoot&&s.tagName===te&&(s=s.shadowRoot),"template"===t.j&&(s=s.content);r<=i;++r)o[r]&&(l=we(null,t,r),l&&(o[r].O=l,Be(s,l,Ee(n))))},je=(e,n,t)=>{for(let o=n;o<=t;++o){const n=e[o];if(n){const e=n.O;Pe(n),e&&(ve=!0,e["s-ol"]?e["s-ol"].remove():ze(e,!0),e.remove())}}},Oe=(e,n,t=!1)=>e.j===n.j&&("slot"===e.j?e.G===n.G:t?(t&&!e.S&&n.S&&(e.S=n.S),!0):e.S===n.S),Ee=e=>e&&e["s-ol"]||e,Ie=(e,n,t=!1)=>{const o=n.O=e.O,r=e.$,i=n.$,l=n.j,s=n.v;let a;null==s?(be="svg"===l||"foreignObject"!==l&&be,"slot"!==l||ge||e.G!==n.G&&(n.O["s-sn"]=n.G||"",Se(n.O.parentElement)),pe(e,n,be,t),null!==r&&null!==i?((e,n,t,o,r=!1)=>{let i,l,s=0,a=0,f=0,c=0,u=n.length-1,d=n[0],h=n[u],p=o.length-1,y=o[0],g=o[p];const v="template"===t.j?e.content:e;for(;s<=u&&a<=p;)if(null==d)d=n[++s];else if(null==h)h=n[--u];else if(null==y)y=o[++a];else if(null==g)g=o[--p];else if(Oe(d,y,r))Ie(d,y,r),d=n[++s],y=o[++a];else if(Oe(h,g,r))Ie(h,g,r),h=n[--u],g=o[--p];else if(Oe(d,g,r))"slot"!==d.j&&"slot"!==g.j||ze(d.O.parentNode,!1),Ie(d,g,r),Be(v,d.O,h.O.nextSibling),d=n[++s],g=o[--p];else if(Oe(h,y,r))"slot"!==d.j&&"slot"!==g.j||ze(h.O.parentNode,!1),Ie(h,y,r),Be(v,h.O,d.O),h=n[--u],y=o[++a];else{for(f=-1,c=s;c<=u;++c)if(n[c]&&null!==n[c].S&&n[c].S===y.S){f=c;break}f>=0?(l=n[f],l.j!==y.j?i=we(n&&n[a],t,f):(Ie(l,y,r),n[f]=void 0,i=l.O),y=o[++a]):(i=we(n&&n[a],t,a),y=o[++a]),i&&Be(Ee(d.O).parentNode,i,Ee(d.O))}s>u?Ge(e,null==o[p+1]?null:o[p+1].O,t,o,a,p):a>p&&je(n,s,u)})(o,r,n,i,t):null!==i?(null!==e.v&&(o.textContent=""),Ge(o,null,n,i,0,i.length-1)):t||null===r?t&&null!==r&&null===i&&(n.$=r):je(r,0,r.length-1),be&&"svg"===l&&(be=!1)):(a=o["s-cr"])?a.parentNode.textContent=s:e.v!==s&&(o.data=s)},ke=[],Ne=e=>{let n,t,o;const r=e.__childNodes||e.childNodes;for(const e of r){if(e["s-sr"]&&(n=e["s-cr"])&&n.parentNode){t=n.parentNode.__childNodes||n.parentNode.childNodes;const r=e["s-sn"];for(o=t.length-1;o>=0;o--)if(n=t[o],!(n["s-cn"]||n["s-nr"]||n["s-hn"]===e["s-hn"]||n["s-sh"]&&n["s-sh"]===e["s-hn"]))if(L(n,r)){let t=ke.find((e=>e.W===n));ve=!0,n["s-sn"]=n["s-sn"]||r,t?(t.W["s-sh"]=e["s-hn"],t.B=e):(n["s-sh"]=e["s-hn"],ke.push({B:e,W:n})),n["s-sr"]&&ke.map((e=>{L(e.W,n["s-sn"])&&(t=ke.find((e=>e.W===n)),t&&!e.B&&(e.B=t.B))}))}else ke.some((e=>e.W===n))||ke.push({W:n})}1===e.nodeType&&Ne(e)}},Pe=e=>{e.m&&e.m.ref&&xe.push((()=>e.m.ref(null))),e.$&&e.$.map(Pe)},We=(e,n)=>{$e.push((()=>e(n)))},Be=(e,n,t,o)=>{if("string"==typeof n["s-sn"]){e.insertBefore(n,t);const{slotNode:r}=function(e,n){var t;if(!(n=n||(null==(t=e["s-ol"])?void 0:t.parentElement)))return{slotNode:null,slotName:""};const o=e["s-sn"]=A(e)||"";return{slotNode:M(_(n,"childNodes"),n.tagName,o)[0],slotName:o}}(n);return r&&!o&&function(e){e.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1}))}(r),n}return e.__insertBefore?e.__insertBefore(n,t):null==e?void 0:e.insertBefore(n,t)},Me=(e,n,t=!1)=>{var o,r,i,l,s;const a=e.$hostElement$,f=e.o,c=e.M||J(null,null),u=(e=>e&&e.j===Z)(n)?n:Y(null,null,n);if(te=a.tagName,f.C&&(u.m=u.m||{},f.C.forEach((([e,n])=>{u.m[n]=a[e]}))),t&&u.m)for(const e of Object.keys(u.m))a.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(u.m[e]=a[e]);if(u.j=null,u.l|=4,e.M=u,u.O=c.O=a.shadowRoot||a,ge=!(!(1&f.l)||128&f.l),ne=a["s-cr"],ve=!1,Ie(c,u,t),x.l|=1,me){Ne(u.O);for(const e of ke){const n=e.W;if(!n["s-ol"]&&m.document){const e=m.document.createTextNode("");e["s-nr"]=n,Be(n.parentNode,n["s-ol"]=e,n,t)}}for(const e of ke){const n=e.W,s=e.B;if(1===n.nodeType&&t&&(n["s-ih"]=null!=(o=n.hidden)&&o),s){const e=s.parentNode;let o=s.nextSibling;if(o&&1===o.nodeType){let t=null==(r=n["s-ol"])?void 0:r.previousSibling;for(;t;){let r=null!=(i=t["s-nr"])?i:null;if(r&&r["s-sn"]===n["s-sn"]&&e===(r.__parentNode||r.parentNode)){for(r=r.nextSibling;r===n||(null==r?void 0:r["s-sr"]);)r=null==r?void 0:r.nextSibling;if(!r||!r["s-nr"]){o=r;break}}t=t.previousSibling}}if((!o&&e!==(n.__parentNode||n.parentNode)||(n.__nextSibling||n.nextSibling)!==o)&&n!==o){if(Be(e,n,o,t),8===n.nodeType&&n.nodeValue.startsWith("s-nt-")){const e=m.document.createTextNode(n.nodeValue.replace(/^s-nt-/,""));e["s-hn"]=n["s-hn"],e["s-sn"]=n["s-sn"],e["s-sh"]=n["s-sh"],e["s-sr"]=n["s-sr"],e["s-ol"]=n["s-ol"],e["s-ol"]["s-nr"]=e,Be(n.parentNode,e,n,t),n.parentNode.removeChild(n)}1===n.nodeType&&"SLOT-FB"!==n.tagName&&(n.hidden=null!=(l=n["s-ih"])&&l)}n&&"function"==typeof s["s-rf"]&&s["s-rf"](s)}else 1===n.nodeType&&(n.hidden=!0)}}if(ve&&B(u.O),x.l&=-2,ke.length=0,!ge&&!(1&f.l)&&a["s-cr"]){const e=u.O.__childNodes||u.O.childNodes;for(const n of e)if(n["s-hn"]!==te&&!n["s-sh"])if(t&&null==n["s-ih"]&&(n["s-ih"]=null!=(s=n.hidden)&&s),1===n.nodeType)n.hidden=!0;else if(3===n.nodeType&&n.nodeValue.trim()){const e=m.document.createComment("s-nt-"+n.nodeValue);e["s-sn"]=n["s-sn"],Be(n.parentNode,e,n,t),n.parentNode.removeChild(n)}}ne=void 0,xe.forEach((e=>e())),xe.length=0,$e.forEach((e=>e())),$e.length=0},Ce=(e,n)=>{if(n&&!e.L&&n["s-p"]){const t=n["s-p"].push(new Promise((o=>e.L=()=>{n["s-p"].splice(t-1,1),o()})))}},Le=(e,n)=>{if(e.l|=16,4&e.l)return void(e.l|=512);Ce(e,e.R);const t=()=>Re(e,n);if(!n)return k(t);queueMicrotask((()=>{t()}))},Re=(e,n)=>{const t=e.$hostElement$,o=t;if(!o)throw Error(`Can't render component <${t.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let r;return r=Ve(o,n?"componentWillLoad":"componentWillUpdate",void 0,t),r=Ae(r,(()=>Ve(o,"componentWillRender",void 0,t))),Ae(r,(()=>_e(e,o,n)))},Ae=(e,n)=>Te(e)?e.then(n).catch((e=>{console.error(e),n()})):n(),Te=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,_e=async(e,n,t)=>{var o;const r=e.$hostElement$,i=r["s-rc"];t&&(e=>{const n=e.o,t=e.$hostElement$,o=n.l,r=U(t.shadowRoot?t.shadowRoot:t.getRootNode(),n);10&o&&(t["s-sc"]=r,t.classList.add(r+"-h"))})(e);De(e,n,r,t),i&&(i.map((e=>e())),r["s-rc"]=void 0);{const n=null!=(o=r["s-p"])?o:[],t=()=>Fe(e);0===n.length?t():(Promise.all(n).then(t).catch(t),e.l|=4,n.length=0)}},De=(e,n,t,o)=>{try{n=n.render(),e.l&=-17,e.l|=2,Me(e,n,o)}catch(n){d(n,e.$hostElement$)}return null},Fe=e=>{const n=e.$hostElement$,t=n,o=e.R;Ve(t,"componentDidRender",void 0,n),64&e.l?Ve(t,"componentDidUpdate",void 0,n):(e.l|=64,He(n),Ve(t,"componentDidLoad",void 0,n),e.A(n),o||Ue()),e.L&&(e.L(),e.L=void 0),512&e.l&&I((()=>Le(e,!1))),e.l&=-517},Ue=()=>{var e;I((()=>ae(m,"appload",{detail:{namespace:"dropi-ui"}}))),(null==(e=x.T)?void 0:e.size)&&x.T.clear()},Ve=(e,n,t,o)=>{if(e&&e[n])try{return e[n](t)}catch(e){d(e,o)}},He=e=>e.classList.add("hydrated"),qe=(e,n,t,o)=>{const r=c(e);if(!r)return;const i=e,l=r.i.get(n),s=r.l,a=i;if(!((t=le(t,o.t[n][0],!!(64&o.l)))===l||Number.isNaN(l)&&Number.isNaN(t))){if(r.i.set(n,t),o._){const e=o._[n];e&&e.map((e=>{try{const[[o,i]]=Object.entries(e);(128&s||1&i)&&(a?a[o](t,l,n):r.D.push((()=>{r.F[o](t,l,n)})))}catch(e){d(e,i)}}))}if(2&s){if(a.componentShouldUpdate&&!1===a.componentShouldUpdate(t,l,n)&&!(16&s))return;16&s||Le(r,!1)}}},Ye=(e,n,t)=>{var o,r;const i=e.prototype;64&n.l&&1&t&&v.forEach((e=>{const n=i[e];Object.defineProperty(i,e,{value(...t){var o;const r=c(this),i=this;i?"function"==typeof n&&n.call(i,...t):null==(o=null==r?void 0:r.U)||o.then((n=>{const o=n[e];"function"==typeof o&&o.call(n,...t)}))}})}));{e.watchers&&!n._&&(n._=e.watchers),e.deserializers&&!n.V&&(n.V=e.deserializers),e.serializers&&!n.H&&(n.H=e.serializers);const t=Object.entries(null!=(o=n.t)?o:{});t.map((([e,[t]])=>{if(31&t||32&t){const{get:o,set:r}=s(i,e)||{};o&&(n.t[e][0]|=2048),r&&(n.t[e][0]|=4096),Object.defineProperty(i,e,{get(){return o?o.apply(this):((e,n)=>c(this).i.get(n))(0,e)},configurable:!0,enumerable:!0}),Object.defineProperty(i,e,{set(o){const i=c(this);if(i){if(r)return void 0===(32&t?this[e]:i.$hostElement$[e])&&i.i.get(e)&&(o=i.i.get(e)),r.call(this,le(o,t,!!(64&n.l))),void qe(this,e,o=32&t?this[e]:i.$hostElement$[e],n);qe(this,e,o,n)}}})}}));{const o=new Map;i.attributeChangedCallback=function(e,r,l){x.jmp((()=>{var s;const a=o.get(e),f=c(this);if(this.hasOwnProperty(a),i.hasOwnProperty(a)&&"number"==typeof this[a]&&this[a]==l)return;if(null==a){const t=null==f?void 0:f.l;if(f&&t&&!(8&t)&&l!==r){const o=this,i=null==(s=n._)?void 0:s[e];null==i||i.forEach((n=>{const[[i,s]]=Object.entries(n);null!=o[i]&&(128&t||1&s)&&o[i].call(o,l,r,e)}))}return}const u=t.find((([e])=>e===a));u&&4&u[1][0]&&(l=null!==l&&"false"!==l);const d=Object.getOwnPropertyDescriptor(i,a);l==this[a]||d.get&&!d.set||(this[a]=l)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(r=n._)?r:{}),...t.filter((([e,n])=>31&n[0])).map((([e,t])=>{var r;const i=t[1]||e;return o.set(i,e),512&t[0]&&(null==(r=n.C)||r.push([e,i])),i}))]))}}return e},Je=e=>{if(!m.document)return;const n=e["s-cr"]=m.document.createComment("");n["s-cn"]=!0,Be(e,n,e.firstChild)},Ze=(e,n)=>{const t={l:n[0],p:n[1]};try{t.t=n[2],t.q=n[3],t._=e._,t.V=e.V,t.H=e.H,t.C=[],(()=>{if(!m.document)return;const e=m.document.querySelectorAll(`[${y}]`);let n=0;for(;n<e.length;n++)F(e[n].getAttribute(y),H(e[n].innerHTML),!0)})();const o=e.prototype.connectedCallback,r=e.prototype.disconnectedCallback;return Object.assign(e.prototype,{__hasHostListenerAttached:!1,__registerHost(){((e,n)=>{const t={l:0,$hostElement$:e,o:n,i:new Map,Y:new Map};t.U=new Promise((e=>t.A=e)),e["s-p"]=[],e["s-rc"]=[];const o=t;e.__stencil__getHostRef=()=>o,512&n.l&&f(e,t)})(this,t)},connectedCallback(){if(!this.__hasHostListenerAttached){const e=c(this);if(!e)return;Ke(this,e,t.q),this.__hasHostListenerAttached=!0}(e=>{if(!(1&x.l)){const n=c(e);if(!n)return;const t=n.o,o=()=>{};if(1&n.l)Ke(e,n,t.q),(null==n?void 0:n.F)||(null==n?void 0:n.U)&&n.U.then((()=>{}));else{let o;if(n.l|=1,o=e.getAttribute(p),o){if(1&t.l){const n=U(e.shadowRoot,t);e.classList.remove(n+"-h",n+"-s")}((e,n,t,o)=>{var r,i,l,s;const a=e.shadowRoot,f=[],u=[],d=a?[]:null,h=J(n,null);h.O=e,!m.document||x.T&&x.T.size||Q(m.document.body,x.T=new Map),e[p]=t,e.removeAttribute(p),o.M=K(h,f,[],d,e,e,t,u);let y=0;const g=f.length;let v;for(;y<g;y++){v=f[y];const t=v.I+"."+v.k,o=x.T.get(t),i=v.O;if(a){if((null==(r=v.j)?void 0:(""+r).includes("-"))&&"slot-fb"!==v.j&&!v.O.shadowRoot){const e=c(v.O);if(e){const n=V(e.o),t=m.document.querySelector(`style[sty-id="${n}"]`);t&&d.unshift(t.cloneNode(!0))}}}else i["s-hn"]=n.toUpperCase(),"slot"===v.j&&(i["s-cr"]=e["s-cr"]);"slot"===v.j&&(v.G=v.O["s-sn"]||v.O.name||null,v.$?(v.l|=2,v.O.childNodes.length||v.$.forEach((e=>{v.O.appendChild(e.O)}))):v.l|=1),o&&o.isConnected&&(o.parentElement.shadowRoot&&""===o["s-en"]&&o.parentNode.insertBefore(i,o.nextSibling),o.parentNode.removeChild(o),a||(i["s-oo"]=parseInt(v.k))),o&&!o["s-id"]&&x.T.delete(t)}const b=[],$=u.length;let w,S,z,G,j=0,O=0;for(;j<$;j++)if(w=u[j],w&&w.length)for(z=w.length,S=0;S<z;S++){if(G=w[S],b[G.hostId]||(b[G.hostId]=x.T.get(G.hostId)),!b[G.hostId])continue;const e=b[G.hostId];e.shadowRoot&&G.node.parentElement!==e&&e.insertBefore(G.node,null==(l=null==(i=w[S-1])?void 0:i.node)?void 0:l.nextSibling),e.shadowRoot&&a||(G.slot["s-cr"]||(G.slot["s-cr"]=e["s-cr"],G.slot["s-cr"]=!G.slot["s-cr"]&&e.shadowRoot?e:(e.__childNodes||e.childNodes)[0]),R(G.node,G.slot,0,G.node["s-oo"]||O),(null==(s=G.node.parentElement)?void 0:s.shadowRoot)&&G.node.getAttribute&&G.node.getAttribute("slot")&&G.node.removeAttribute("slot")),O=(G.node["s-oo"]||O)+1}if(a&&!a.childNodes.length){let n=0;const t=d.length;if(t){for(;n<t;n++){const e=d[n];e&&a.appendChild(e)}Array.from(e.childNodes).forEach((e=>{"string"!=typeof e["s-en"]&&"string"!=typeof e["s-sn"]&&(1===e.nodeType&&e.slot&&e.hidden?e.removeAttribute("hidden"):8!==e.nodeType||e.nodeValue||e.parentNode.removeChild(e))}))}}o.$hostElement$=e})(e,t.p,o,n)}o||12&t.l&&Je(e);{let t=e;for(;t=t.parentNode||t.host;)if(1===t.nodeType&&t.hasAttribute("s-id")&&t["s-p"]||t["s-p"]){Ce(n,n.R=t);break}}t.t&&Object.entries(t.t).map((([n,[t]])=>{if(31&t&&Object.prototype.hasOwnProperty.call(e,n)){const t=e[n];delete e[n],e[n]=t}})),(async(e,n,t)=>{let o;try{if(!(32&n.l)&&(n.l|=32,o=e.constructor,customElements.whenDefined(e.localName).then((()=>n.l|=128)),o&&o.style)){let e;"string"==typeof o.style&&(e=o.style);const n=V(t);if(!h.has(n)){const o=()=>{};F(n,e,!!(1&t.l)),o()}}const r=n.R,i=()=>Le(n,!0);r&&r["s-rc"]?r["s-rc"].push(i):i()}catch(t){d(t,e),n.L&&(n.L(),n.L=void 0),n.A&&n.A(e)}})(e,n,t)}o()}})(this),o&&o.call(this)},disconnectedCallback(){(async e=>{if(!(1&x.l)){const n=c(e);(null==n?void 0:n.J)&&(n.J.map((e=>e())),n.J=void 0)}D.has(e)&&D.delete(e),e.shadowRoot&&D.has(e.shadowRoot)&&D.delete(e.shadowRoot)})(this),r&&r.call(this)},__attachShadow(){if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${t.p}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else W.call(this,t)}}),Object.defineProperty(e,"is",{value:t.p,configurable:!0}),Ye(e,t,3)}catch(n){return d(n),e}},Ke=(e,n,t)=>{t&&m.document&&t.map((([t,o,r])=>{const i=Xe(m.document,e,t),l=Qe(n,r),s=en(t);x.ael(i,o,l,s),(n.J=n.J||[]).push((()=>x.rel(i,o,l,s)))}))},Qe=(e,n)=>t=>{try{e.$hostElement$[n](t)}catch(n){d(n,e.$hostElement$)}},Xe=(e,n,t)=>4&t?e:8&t?m:n,en=e=>({passive:!!(1&e),capture:!!(2&e)}),nn=e=>x.h=e,tn=e=>Object.assign(x,e);function on(e,n){Me({o:{l:0,p:n.tagName},$hostElement$:n},e)}function rn(e){return e}export{n as B,b as H,se as c,N as getAssetPath,Y as h,Ze as p,on as render,P as setAssetPath,nn as setNonce,tn as setPlatformOptions,rn as t}
@@ -1 +1 @@
1
- import{t as e,p as o,H as t,c as a,B as i,h as s}from"./index.js";const l=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiShow=a(this,"dropiShow",5),this.dropiHide=a(this,"dropiHide",5),this.dropiVisibleChange=a(this,"dropiVisibleChange",5)}visible=!1;header=null;showCloseIcon=!0;dismissable=!0;dismissableMask=!0;dismissible=!0;closeOnEscape=!0;modal=!0;closable=!0;blockScroll=!0;showHeader=!0;showFooter=!0;position="center";size="m";styleClass=null;maxWidth=null;autoZIndex=!0;baseZIndex=1100;transitionOptions="0.15s";enableBeforeClose=!1;isDraggable=!1;resizable=!1;dropiShow;dropiHide;dropiVisibleChange;isOpen=!1;isClosing=!1;mounted=!1;closeTimer=null;keyHandler=null;canDismiss=!1;visibleChanged(e,o){const t=!!e;t!==!!o&&(console.log("[DropiModal] visibleChanged:",t),t?this.openModal():this.mounted&&this.startClose())}componentDidLoad(){this.visible&&this.openModal()}disconnectedCallback(){this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),"undefined"!=typeof document&&document.body.classList.remove("dropi-modal-open")}async dismiss(){this.dropiVisibleChange.emit(!1),this.startClose()}async openModalExternally(){this.dropiVisibleChange.emit(!0),this.openModal()}openModal(){this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.mounted=!0,this.isClosing=!1,this.isOpen=!1,requestAnimationFrame((()=>requestAnimationFrame((()=>{this.isOpen=!0,this.dropiShow.emit()})))),this.addKeyHandler(),this.canDismiss=!1,setTimeout((()=>{this.canDismiss=!0}),300),(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.add("dropi-modal-open")}startClose(){this.isClosing||(this.isClosing=!0,this.isOpen=!1,this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.mounted=!1,this.isClosing=!1,this.closeTimer=null,(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.remove("dropi-modal-open"),this.dropiHide.emit()}),200))}addKeyHandler(){this.closeOnEscape&&(this.keyHandler=e=>{"Escape"===e.key&&this.visible&&this.dismissable&&this.canDismiss&&this.dismiss()},document.addEventListener("keydown",this.keyHandler))}removeKeyHandler(){this.keyHandler&&(document.removeEventListener("keydown",this.keyHandler),this.keyHandler=null)}render(){return s("div",{key:"2597cdfffdc82847ce0f711eb402f5afa1e4e3a0",class:`modal-root modal-root--${this.position}${this.isOpen?" modal-root--open":""}${this.isClosing?" modal-root--closing":""}`},(this.modal??!0)&&s("div",{key:"ff3c62dc1c18b77361eeeab0b865b27c55c5d2c2",class:"modal-mask",onClick:()=>this.canDismiss&&this.dismissable&&this.dismiss()}),s("div",{key:"1f87002bd8a35857682a00d4f06ea9089deeca9c",class:`modal-panel size-${this.size||"m"}`,role:"dialog","aria-modal":"true"},this.showHeader&&s("div",{key:"dfb17584e54a7ed069be54d6a38d991435ea7b01",class:"modal-header"},this.header&&s("span",{key:"67dbac2764f4e499d9d6ae78d28cdadab3479a10",class:"modal-title"},this.header),s("slot",{key:"34337f4fcc78fec3303be4461ca0489823c6e834",name:"header"}),this.showCloseIcon&&s("button",{key:"0aa6584822ed70231dab0273fb50c74ca01779de",class:"modal-close",onClick:()=>this.dismiss(),"aria-label":"Cerrar"},"×")),s("div",{key:"c5359aeff1e19831e322a0df1af6664479035aef",class:"modal-content"},s("slot",{key:"0fcb04848607d90194bb1b01dae690a689c2e4f8"})),this.showFooter&&s("div",{key:"fb7aa604bd7f71fdb1397b03fc84b99dabca5ecb",class:"modal-footer"},s("slot",{key:"89fbf048fbb4b16d950d83d949d53267c232b354",name:"footer"}))))}static get watchers(){return{visible:[{visibleChanged:0}]}}static get style(){return":host{display:contents}*,*::before,*::after{box-sizing:border-box}.modal-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 0.18s ease;z-index:9999;visibility:hidden}.modal-root--open{opacity:1;pointer-events:auto;visibility:visible}.modal-root--closing{opacity:1;pointer-events:none;visibility:visible}.modal-mask{position:absolute;inset:0;background:rgba(6,11,16,0.66);pointer-events:auto;opacity:0;transition:opacity 0.18s ease}.modal-root--open .modal-mask{opacity:1}.modal-root--closing .modal-mask{opacity:0}.modal-panel{position:relative;pointer-events:auto;display:flex;flex-direction:column;border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);box-shadow:0 0 60px rgba(0,0,0,0.06);overflow:hidden;padding:var(--Size-6, 32px);gap:var(--Size-5, 24px);max-height:calc(100vh - 60px);opacity:0;transform:translateY(16px) scale(0.92);transition:opacity 0.18s ease, transform 0.18s ease}.modal-root--open .modal-panel{opacity:1;transform:none}.modal-root--closing .modal-panel{opacity:0;transform:translateY(-12px) scale(1.06)}.modal-header{display:flex;align-items:center;gap:4px}.modal-title{color:var(--Gray-Gray-700,#32394d);font-size:var(--Size-5, 24px);font-weight:var(--font-weight-bold);flex:1;text-align:left}.modal-close{margin-left:auto;border:0;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-xxl);line-height:1;color:var(--Gray-Gray-400)}.modal-close:hover{opacity:0.7}.modal-content{padding-right:8px;overflow:auto;flex:1;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--Gray-Gray-300,#a3abbf) var(--Gray-Gray-50,#f7f8fa)}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:var(--Gray-Gray-50,#f7f8fa);border-radius:16px}.modal-content::-webkit-scrollbar-thumb{background:var(--Gray-Gray-300,#a3abbf);border-radius:16px}.modal-footer{display:flex;justify-content:flex-end;align-items:flex-start;gap:var(--Size-1, 4px);width:100%;margin-top:auto;flex-shrink:0}.modal-footer:empty{display:none}::slotted(.button-container){display:grid;grid-template-columns:1fr 1fr;gap:var(--Size-4, 16px);min-width:470px;width:100%}::slotted(.button-container)>*{width:100%}::slotted(.button-container) dropi-button{width:100%}.modal-panel.size-m .modal-footer,.modal-panel.size-s .modal-footer{justify-content:center}.modal-panel.size-m .modal-footer ::slotted(.button-container),.modal-panel.size-s .modal-footer ::slotted(.button-container){min-width:unset !important;width:100%}.modal-panel.size-drawer-s .modal-footer ::slotted(.button-container){min-width:unset;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}.modal-panel.size-full{width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-panel.size-xxl{width:calc(100% - 60px);max-width:1520px;height:calc(100vh - 120px);max-height:900px}.modal-panel.size-l{width:1137px;max-width:1137px;max-height:754px}.modal-panel.size-m{max-width:550px;width:550px}.modal-panel.size-s{width:454px}.modal-root--right{align-items:stretch;justify-content:flex-end}.modal-root--right .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--right .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--right .modal-panel{transform:translateX(100%)}.modal-root--right .modal-panel.size-drawer-s{width:351px;padding:20px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-m{width:550px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-l{width:1137px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-xxl{width:1214px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-sidebar-half{width:50vw;min-width:600px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}@media (max-width: 768px){.modal-root--right .modal-panel.size-drawer-s,.modal-root--right .modal-panel.size-drawer-m,.modal-root--right .modal-panel.size-drawer-l,.modal-root--right .modal-panel.size-drawer-xxl,.modal-root--right .modal-panel.size-sidebar-half{width:100vw;min-width:unset}}.modal-root--left{align-items:stretch;justify-content:flex-start}.modal-root--left .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(-100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--left .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--left .modal-panel{transform:translateX(-100%)}.modal-root--top{align-items:flex-start}.modal-root--bottom{align-items:flex-end}@media (max-width: 599px){.modal-panel{padding:20px;width:100% !important}.modal-panel:not(.size-s){border-radius:0 !important;height:100% !important;max-height:unset !important}.modal-root--right .modal-panel{width:100vw !important;min-width:unset !important}.modal-footer{justify-content:center}.modal-footer ::slotted(.button-container){width:100%;min-width:unset !important;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}}@media (prefers-reduced-motion: reduce){.modal-root,.modal-mask,.modal-panel{transition:none !important}}"}},[769,"dropi-modal",{visible:[1540],header:[1],showCloseIcon:[4,"show-close-icon"],dismissable:[4],dismissableMask:[4,"dismissable-mask"],dismissible:[4],closeOnEscape:[4,"close-on-escape"],modal:[4],closable:[4],blockScroll:[4,"block-scroll"],showHeader:[4,"show-header"],showFooter:[4,"show-footer"],position:[1],size:[1],styleClass:[1,"style-class"],maxWidth:[1,"max-width"],autoZIndex:[4,"auto-z-index"],baseZIndex:[2,"base-z-index"],transitionOptions:[1,"transition-options"],enableBeforeClose:[4,"enable-before-close"],isDraggable:[4,"is-draggable"],resizable:[4],isOpen:[32],isClosing:[32],mounted:[32],dismiss:[64],openModalExternally:[64]},void 0,{visible:[{visibleChanged:0}]}]);function r(){"undefined"!=typeof customElements&&["dropi-modal"].forEach((o=>{"dropi-modal"===o&&(customElements.get(e(o))||customElements.define(e(o),l))}))}r();export{l as D,r as d}
1
+ import{t as e,p as o,H as t,c as a,B as i,h as s}from"./index.js";const l=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiShow=a(this,"dropiShow",5),this.dropiHide=a(this,"dropiHide",5),this.dropiVisibleChange=a(this,"dropiVisibleChange",5)}visible=!1;header=null;showCloseIcon=!0;dismissable=!0;dismissableMask=!0;dismissible=!0;closeOnEscape=!0;modal=!0;closable=!0;blockScroll=!0;showHeader=!0;showFooter=!0;position="center";size="m";styleClass=null;maxWidth=null;autoZIndex=!0;baseZIndex=1100;transitionOptions="0.15s";enableBeforeClose=!1;isDraggable=!1;resizable=!1;dropiShow;dropiHide;dropiVisibleChange;isOpen=!1;isClosing=!1;mounted=!1;closeTimer=null;keyHandler=null;canDismiss=!1;visibleChanged(e,o){const t=!!e;t!==!!o&&(console.log("[DropiModal] visibleChanged:",t),t?this.openModal():this.mounted&&this.startClose())}componentDidLoad(){this.visible&&this.openModal()}disconnectedCallback(){this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),"undefined"!=typeof document&&document.body.classList.remove("dropi-modal-open")}async dismiss(){this.dropiVisibleChange.emit(!1),this.startClose()}async openModalExternally(){this.dropiVisibleChange.emit(!0),this.openModal()}openModal(){this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.mounted=!0,this.isClosing=!1,this.isOpen=!1,requestAnimationFrame((()=>requestAnimationFrame((()=>{this.isOpen=!0,this.dropiShow.emit()})))),this.addKeyHandler(),this.canDismiss=!1,setTimeout((()=>{this.canDismiss=!0}),300),(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.add("dropi-modal-open")}startClose(){this.isClosing||(this.isClosing=!0,this.isOpen=!1,this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.mounted=!1,this.isClosing=!1,this.closeTimer=null,(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.remove("dropi-modal-open"),this.dropiHide.emit()}),200))}addKeyHandler(){this.closeOnEscape&&(this.keyHandler=e=>{"Escape"===e.key&&this.visible&&this.dismissable&&this.canDismiss&&this.dismiss()},document.addEventListener("keydown",this.keyHandler))}removeKeyHandler(){this.keyHandler&&(document.removeEventListener("keydown",this.keyHandler),this.keyHandler=null)}render(){return s("div",{key:"2597cdfffdc82847ce0f711eb402f5afa1e4e3a0",class:`modal-root modal-root--${this.position}${this.isOpen?" modal-root--open":""}${this.isClosing?" modal-root--closing":""}`},(this.modal??!0)&&s("div",{key:"ff3c62dc1c18b77361eeeab0b865b27c55c5d2c2",class:"modal-mask",onClick:()=>this.canDismiss&&this.dismissable&&this.dismiss()}),s("div",{key:"1f87002bd8a35857682a00d4f06ea9089deeca9c",class:`modal-panel size-${this.size||"m"}`,role:"dialog","aria-modal":"true"},this.showHeader&&s("div",{key:"dfb17584e54a7ed069be54d6a38d991435ea7b01",class:"modal-header"},this.header&&s("span",{key:"67dbac2764f4e499d9d6ae78d28cdadab3479a10",class:"modal-title"},this.header),s("slot",{key:"34337f4fcc78fec3303be4461ca0489823c6e834",name:"header"}),this.showCloseIcon&&s("button",{key:"0aa6584822ed70231dab0273fb50c74ca01779de",class:"modal-close",onClick:()=>this.dismiss(),"aria-label":"Cerrar"},"×")),s("div",{key:"c5359aeff1e19831e322a0df1af6664479035aef",class:"modal-content"},s("slot",{key:"0fcb04848607d90194bb1b01dae690a689c2e4f8"})),this.showFooter&&s("div",{key:"fb7aa604bd7f71fdb1397b03fc84b99dabca5ecb",class:"modal-footer"},s("slot",{key:"89fbf048fbb4b16d950d83d949d53267c232b354",name:"footer"}))))}static get watchers(){return{visible:[{visibleChanged:0}]}}static get style(){return":host{display:contents}*,*::before,*::after{box-sizing:border-box}.modal-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 0.18s ease;z-index:11000;visibility:hidden}.modal-root--open{opacity:1;pointer-events:auto;visibility:visible}.modal-root--closing{opacity:1;pointer-events:none;visibility:visible}.modal-mask{position:absolute;inset:0;background:rgba(6,11,16,0.66);pointer-events:auto;opacity:0;transition:opacity 0.18s ease}.modal-root--open .modal-mask{opacity:1}.modal-root--closing .modal-mask{opacity:0}.modal-panel{position:relative;pointer-events:auto;display:flex;flex-direction:column;border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);box-shadow:0 0 60px rgba(0,0,0,0.06);overflow:hidden;padding:var(--Size-6, 32px);gap:var(--Size-5, 24px);max-height:calc(100vh - 60px);opacity:0;transform:translateY(16px) scale(0.92);transition:opacity 0.18s ease, transform 0.18s ease}.modal-root--open .modal-panel{opacity:1;transform:none}.modal-root--closing .modal-panel{opacity:0;transform:translateY(-12px) scale(1.06)}.modal-header{display:flex;align-items:center;gap:4px}.modal-title{color:var(--Gray-Gray-700,#32394d);font-size:var(--Size-5, 24px);font-weight:var(--font-weight-bold);flex:1;text-align:left}.modal-close{margin-left:auto;border:0;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-xxl);line-height:1;color:var(--Gray-Gray-400)}.modal-close:hover{opacity:0.7}.modal-content{padding-right:8px;overflow:auto;flex:1;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--Gray-Gray-300,#a3abbf) var(--Gray-Gray-50,#f7f8fa)}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:var(--Gray-Gray-50,#f7f8fa);border-radius:16px}.modal-content::-webkit-scrollbar-thumb{background:var(--Gray-Gray-300,#a3abbf);border-radius:16px}.modal-footer{display:flex;justify-content:flex-end;align-items:flex-start;gap:var(--Size-1, 4px);width:100%;margin-top:auto;flex-shrink:0}.modal-footer:empty{display:none}::slotted(.button-container){display:grid;grid-template-columns:1fr 1fr;gap:var(--Size-4, 16px);min-width:470px;width:100%}::slotted(.button-container)>*{width:100%}::slotted(.button-container) dropi-button{width:100%}.modal-panel.size-m .modal-footer,.modal-panel.size-s .modal-footer{justify-content:center}.modal-panel.size-m .modal-footer ::slotted(.button-container),.modal-panel.size-s .modal-footer ::slotted(.button-container){min-width:unset !important;width:100%}.modal-panel.size-drawer-s .modal-footer ::slotted(.button-container){min-width:unset;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}.modal-panel.size-full{width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-panel.size-xxl{width:calc(100% - 60px);max-width:1520px;height:calc(100vh - 120px);max-height:900px}.modal-panel.size-l{width:1137px;max-width:1137px;max-height:754px}.modal-panel.size-m{max-width:550px;width:550px}.modal-panel.size-s{width:454px}.modal-root--right{align-items:stretch;justify-content:flex-end}.modal-root--right .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--right .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--right .modal-panel{transform:translateX(100%)}.modal-root--right .modal-panel.size-drawer-s{width:351px;padding:20px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-m{width:550px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-l{width:1137px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-xxl{width:1214px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-sidebar-half{width:50vw;min-width:600px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}@media (max-width: 768px){.modal-root--right .modal-panel.size-drawer-s,.modal-root--right .modal-panel.size-drawer-m,.modal-root--right .modal-panel.size-drawer-l,.modal-root--right .modal-panel.size-drawer-xxl,.modal-root--right .modal-panel.size-sidebar-half{width:100vw;min-width:unset}}.modal-root--left{align-items:stretch;justify-content:flex-start}.modal-root--left .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(-100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--left .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--left .modal-panel{transform:translateX(-100%)}.modal-root--top{align-items:flex-start}.modal-root--bottom{align-items:flex-end}@media (max-width: 599px){.modal-panel{padding:20px;width:100% !important}.modal-panel:not(.size-s){border-radius:0 !important;height:100% !important;max-height:unset !important}.modal-root--right .modal-panel{width:100vw !important;min-width:unset !important}.modal-footer{justify-content:center}.modal-footer ::slotted(.button-container){width:100%;min-width:unset !important;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}}@media (prefers-reduced-motion: reduce){.modal-root,.modal-mask,.modal-panel{transition:none !important}}"}},[769,"dropi-modal",{visible:[1540],header:[1],showCloseIcon:[4,"show-close-icon"],dismissable:[4],dismissableMask:[4,"dismissable-mask"],dismissible:[4],closeOnEscape:[4,"close-on-escape"],modal:[4],closable:[4],blockScroll:[4,"block-scroll"],showHeader:[4,"show-header"],showFooter:[4,"show-footer"],position:[1],size:[1],styleClass:[1,"style-class"],maxWidth:[1,"max-width"],autoZIndex:[4,"auto-z-index"],baseZIndex:[2,"base-z-index"],transitionOptions:[1,"transition-options"],enableBeforeClose:[4,"enable-before-close"],isDraggable:[4,"is-draggable"],resizable:[4],isOpen:[32],isClosing:[32],mounted:[32],dismiss:[64],openModalExternally:[64]},void 0,{visible:[{visibleChanged:0}]}]);function r(){"undefined"!=typeof customElements&&["dropi-modal"].forEach((o=>{"dropi-modal"===o&&(customElements.get(e(o))||customElements.define(e(o),l))}))}r();export{l as D,r as d}
@@ -1 +1 @@
1
- import{t as e,p as o,H as t,c as a,B as i,h as s}from"./index.js";const l=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiShow=a(this,"dropiShow"),this.dropiHide=a(this,"dropiHide"),this.dropiVisibleChange=a(this,"dropiVisibleChange")}visible=!1;header=null;showCloseIcon=!0;dismissable=!0;dismissableMask=!0;dismissible=!0;closeOnEscape=!0;modal=!0;closable=!0;blockScroll=!0;showHeader=!0;showFooter=!0;position="center";size="m";styleClass=null;maxWidth=null;autoZIndex=!0;baseZIndex=1100;transitionOptions="0.15s";enableBeforeClose=!1;isDraggable=!1;resizable=!1;dropiShow;dropiHide;dropiVisibleChange;isOpen=!1;isClosing=!1;mounted=!1;closeTimer=null;keyHandler=null;canDismiss=!1;visibleChanged(e){console.log("[DropiModal] visibleChanged:",e),e?this.openModal():this.startClose()}componentDidLoad(){this.visible&&this.openModal()}disconnectedCallback(){this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),"undefined"!=typeof document&&document.body.classList.remove("dropi-modal-open")}async dismiss(){this.visible?(this.visible=!1,this.dropiVisibleChange.emit(!1)):this.startClose()}async openModalExternally(){this.visible=!0,this.dropiVisibleChange.emit(!0)}openModal(){console.log("[DropiModal] Opening Modal..."),this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.isClosing=!1,this.mounted=!0,requestAnimationFrame((()=>requestAnimationFrame((()=>{this.isOpen=!0,this.dropiShow.emit()})))),this.addKeyHandler(),this.canDismiss=!1,setTimeout((()=>{this.canDismiss=!0}),300),(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.add("dropi-modal-open")}startClose(){console.log("[DropiModal] Starting close sequence..."),!this.isClosing&&this.mounted&&(this.isClosing=!0,this.isOpen=!1,this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.mounted=!1,this.isClosing=!1,this.closeTimer=null,(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.remove("dropi-modal-open"),console.log("[DropiModal] Emitting dropiHide"),this.dropiHide.emit()}),200))}addKeyHandler(){this.closeOnEscape&&(this.keyHandler=e=>{"Escape"===e.key&&this.visible&&this.dismissable&&this.canDismiss&&this.dismiss()},document.addEventListener("keydown",this.keyHandler))}removeKeyHandler(){this.keyHandler&&(document.removeEventListener("keydown",this.keyHandler),this.keyHandler=null)}render(){return s("div",{key:"ce402e441341e99c2e068c1a0320f2de9adbab5b",class:`modal-root modal-root--${this.position}${this.isOpen?" modal-root--open":""}${this.isClosing?" modal-root--closing":""}`},(this.modal??!0)&&s("div",{key:"76c12463f0f8d1161d52b05766d82954f0c8a541",class:"modal-mask",onClick:()=>this.canDismiss&&this.dismissable&&this.dismiss()}),s("div",{key:"e2c4125e41eb16e32c47ff1c98da4b2bb4bebdd2",class:`modal-panel size-${this.size||"m"}`,role:"dialog","aria-modal":"true"},this.showHeader&&s("div",{key:"d0355ebeb4e21991987682376899fdbe7f50b7ec",class:"modal-header"},this.header&&s("span",{key:"96653cde16d872004a83e261385434b4b40308ad",class:"modal-title"},this.header),s("slot",{key:"fcf6ecb320597ae6e9fc6e877f9fcc30e4fea8f0",name:"header"}),this.showCloseIcon&&s("button",{key:"aae7a35d76a2220481fa1faff9a3a66317577d56",class:"modal-close",onClick:()=>this.dismiss(),"aria-label":"Cerrar"},"×")),s("div",{key:"c58b7db393ccf1a5f854692de8255847087d7ea2",class:"modal-content"},s("slot",{key:"50a03151908756d7615791f7ba665c01c21db4b6"})),this.showFooter&&s("div",{key:"add00765e26d84b1a38551598f2d6985a1e52b6d",class:"modal-footer"},s("slot",{key:"50291ebfee03f980ae05da6cd503ec7304fca580",name:"footer"}))))}static get watchers(){return{visible:[{visibleChanged:0}]}}static get style(){return":host{display:contents}*,*::before,*::after{box-sizing:border-box}.modal-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 0.18s ease;z-index:9999;visibility:hidden}.modal-root--open{opacity:1;pointer-events:auto;visibility:visible}.modal-root--closing{opacity:1;pointer-events:none;visibility:visible}.modal-mask{position:absolute;inset:0;background:rgba(6,11,16,0.66);pointer-events:auto;opacity:0;transition:opacity 0.18s ease}.modal-root--open .modal-mask{opacity:1}.modal-root--closing .modal-mask{opacity:0}.modal-panel{position:relative;pointer-events:auto;display:flex;flex-direction:column;border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);box-shadow:0 0 60px rgba(0,0,0,0.06);overflow:hidden;padding:var(--Size-6, 32px);gap:var(--Size-5, 24px);max-height:calc(100vh - 60px);opacity:0;transform:translateY(16px) scale(0.92);transition:opacity 0.18s ease, transform 0.18s ease}.modal-root--open .modal-panel{opacity:1;transform:none}.modal-root--closing .modal-panel{opacity:0;transform:translateY(-12px) scale(1.06)}.modal-header{display:flex;align-items:center;gap:4px}.modal-title{color:var(--Gray-Gray-700,#32394d);font-size:var(--Size-5, 24px);font-weight:var(--font-weight-bold);flex:1;text-align:left}.modal-close{margin-left:auto;border:0;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-xxl);line-height:1;color:var(--Gray-Gray-400)}.modal-close:hover{opacity:0.7}.modal-content{padding-right:8px;overflow:auto;flex:1;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--Gray-Gray-300,#a3abbf) var(--Gray-Gray-50,#f7f8fa)}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:var(--Gray-Gray-50,#f7f8fa);border-radius:16px}.modal-content::-webkit-scrollbar-thumb{background:var(--Gray-Gray-300,#a3abbf);border-radius:16px}.modal-footer{display:flex;justify-content:flex-end;align-items:flex-start;gap:var(--Size-1, 4px);width:100%;margin-top:auto;flex-shrink:0}.modal-footer:empty{display:none}::slotted(.button-container){display:grid;grid-template-columns:1fr 1fr;gap:var(--Size-4, 16px);min-width:470px;width:100%}::slotted(.button-container)>*{width:100%}::slotted(.button-container) dropi-button{width:100%}.modal-panel.size-m .modal-footer,.modal-panel.size-s .modal-footer{justify-content:center}.modal-panel.size-m .modal-footer ::slotted(.button-container),.modal-panel.size-s .modal-footer ::slotted(.button-container){min-width:unset !important;width:100%}.modal-panel.size-drawer-s .modal-footer ::slotted(.button-container){min-width:unset;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}.modal-panel.size-full{width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-panel.size-xxl{width:calc(100% - 60px);max-width:1520px;height:calc(100vh - 120px);max-height:900px}.modal-panel.size-l{width:1137px;max-width:1137px;max-height:754px}.modal-panel.size-m{max-width:550px;width:550px}.modal-panel.size-s{width:454px}.modal-root--right{align-items:stretch;justify-content:flex-end}.modal-root--right .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--right .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--right .modal-panel{transform:translateX(100%)}.modal-root--right .modal-panel.size-drawer-s{width:351px;padding:20px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-m{width:550px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-l{width:1137px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-xxl{width:1214px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-sidebar-half{width:50vw;min-width:600px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}@media (max-width: 768px){.modal-root--right .modal-panel.size-drawer-s,.modal-root--right .modal-panel.size-drawer-m,.modal-root--right .modal-panel.size-drawer-l,.modal-root--right .modal-panel.size-drawer-xxl,.modal-root--right .modal-panel.size-sidebar-half{width:100vw;min-width:unset}}.modal-root--left{align-items:stretch;justify-content:flex-start}.modal-root--left .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(-100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--left .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--left .modal-panel{transform:translateX(-100%)}.modal-root--top{align-items:flex-start}.modal-root--bottom{align-items:flex-end}@media (max-width: 599px){.modal-panel{padding:20px;width:100% !important}.modal-panel:not(.size-s){border-radius:0 !important;height:100% !important;max-height:unset !important}.modal-root--right .modal-panel{width:100vw !important;min-width:unset !important}.modal-footer{justify-content:center}.modal-footer ::slotted(.button-container){width:100%;min-width:unset !important;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}}@media (prefers-reduced-motion: reduce){.modal-root,.modal-mask,.modal-panel{transition:none !important}}"}},[769,"dropi-modal",{visible:[1540],header:[1],showCloseIcon:[4,"show-close-icon"],dismissable:[4],dismissableMask:[4,"dismissable-mask"],dismissible:[4],closeOnEscape:[4,"close-on-escape"],modal:[4],closable:[4],blockScroll:[4,"block-scroll"],showHeader:[4,"show-header"],showFooter:[4,"show-footer"],position:[1],size:[1],styleClass:[1,"style-class"],maxWidth:[1,"max-width"],autoZIndex:[4,"auto-z-index"],baseZIndex:[2,"base-z-index"],transitionOptions:[1,"transition-options"],enableBeforeClose:[4,"enable-before-close"],isDraggable:[4,"is-draggable"],resizable:[4],isOpen:[32],isClosing:[32],mounted:[32],dismiss:[64],openModalExternally:[64]},void 0,{visible:[{visibleChanged:0}]}]);function r(){"undefined"!=typeof customElements&&["dropi-modal"].forEach((o=>{"dropi-modal"===o&&(customElements.get(e(o))||customElements.define(e(o),l))}))}r();export{l as D,r as d}
1
+ import{t as e,p as o,H as t,c as a,B as i,h as s}from"./index.js";const l=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiShow=a(this,"dropiShow"),this.dropiHide=a(this,"dropiHide"),this.dropiVisibleChange=a(this,"dropiVisibleChange")}visible=!1;header=null;showCloseIcon=!0;dismissable=!0;dismissableMask=!0;dismissible=!0;closeOnEscape=!0;modal=!0;closable=!0;blockScroll=!0;showHeader=!0;showFooter=!0;position="center";size="m";styleClass=null;maxWidth=null;autoZIndex=!0;baseZIndex=1100;transitionOptions="0.15s";enableBeforeClose=!1;isDraggable=!1;resizable=!1;dropiShow;dropiHide;dropiVisibleChange;isOpen=!1;isClosing=!1;mounted=!1;closeTimer=null;keyHandler=null;canDismiss=!1;visibleChanged(e){console.log("[DropiModal] visibleChanged:",e),e?this.openModal():this.startClose()}componentDidLoad(){this.visible&&this.openModal()}disconnectedCallback(){this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),"undefined"!=typeof document&&document.body.classList.remove("dropi-modal-open")}async dismiss(){this.visible?(this.visible=!1,this.dropiVisibleChange.emit(!1)):this.startClose()}async openModalExternally(){this.visible=!0,this.dropiVisibleChange.emit(!0)}openModal(){console.log("[DropiModal] Opening Modal..."),this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.isClosing=!1,this.mounted=!0,requestAnimationFrame((()=>requestAnimationFrame((()=>{this.isOpen=!0,this.dropiShow.emit()})))),this.addKeyHandler(),this.canDismiss=!1,setTimeout((()=>{this.canDismiss=!0}),300),(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.add("dropi-modal-open")}startClose(){console.log("[DropiModal] Starting close sequence..."),!this.isClosing&&this.mounted&&(this.isClosing=!0,this.isOpen=!1,this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.mounted=!1,this.isClosing=!1,this.closeTimer=null,(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.remove("dropi-modal-open"),console.log("[DropiModal] Emitting dropiHide"),this.dropiHide.emit()}),200))}addKeyHandler(){this.closeOnEscape&&(this.keyHandler=e=>{"Escape"===e.key&&this.visible&&this.dismissable&&this.canDismiss&&this.dismiss()},document.addEventListener("keydown",this.keyHandler))}removeKeyHandler(){this.keyHandler&&(document.removeEventListener("keydown",this.keyHandler),this.keyHandler=null)}render(){return s("div",{key:"ce402e441341e99c2e068c1a0320f2de9adbab5b",class:`modal-root modal-root--${this.position}${this.isOpen?" modal-root--open":""}${this.isClosing?" modal-root--closing":""}`},(this.modal??!0)&&s("div",{key:"76c12463f0f8d1161d52b05766d82954f0c8a541",class:"modal-mask",onClick:()=>this.canDismiss&&this.dismissable&&this.dismiss()}),s("div",{key:"e2c4125e41eb16e32c47ff1c98da4b2bb4bebdd2",class:`modal-panel size-${this.size||"m"}`,role:"dialog","aria-modal":"true"},this.showHeader&&s("div",{key:"d0355ebeb4e21991987682376899fdbe7f50b7ec",class:"modal-header"},this.header&&s("span",{key:"96653cde16d872004a83e261385434b4b40308ad",class:"modal-title"},this.header),s("slot",{key:"fcf6ecb320597ae6e9fc6e877f9fcc30e4fea8f0",name:"header"}),this.showCloseIcon&&s("button",{key:"aae7a35d76a2220481fa1faff9a3a66317577d56",class:"modal-close",onClick:()=>this.dismiss(),"aria-label":"Cerrar"},"×")),s("div",{key:"c58b7db393ccf1a5f854692de8255847087d7ea2",class:"modal-content"},s("slot",{key:"50a03151908756d7615791f7ba665c01c21db4b6"})),this.showFooter&&s("div",{key:"add00765e26d84b1a38551598f2d6985a1e52b6d",class:"modal-footer"},s("slot",{key:"50291ebfee03f980ae05da6cd503ec7304fca580",name:"footer"}))))}static get watchers(){return{visible:[{visibleChanged:0}]}}static get style(){return":host{display:contents}*,*::before,*::after{box-sizing:border-box}.modal-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 0.18s ease;z-index:11000;visibility:hidden}.modal-root--open{opacity:1;pointer-events:auto;visibility:visible}.modal-root--closing{opacity:1;pointer-events:none;visibility:visible}.modal-mask{position:absolute;inset:0;background:rgba(6,11,16,0.66);pointer-events:auto;opacity:0;transition:opacity 0.18s ease}.modal-root--open .modal-mask{opacity:1}.modal-root--closing .modal-mask{opacity:0}.modal-panel{position:relative;pointer-events:auto;display:flex;flex-direction:column;border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);box-shadow:0 0 60px rgba(0,0,0,0.06);overflow:hidden;padding:var(--Size-6, 32px);gap:var(--Size-5, 24px);max-height:calc(100vh - 60px);opacity:0;transform:translateY(16px) scale(0.92);transition:opacity 0.18s ease, transform 0.18s ease}.modal-root--open .modal-panel{opacity:1;transform:none}.modal-root--closing .modal-panel{opacity:0;transform:translateY(-12px) scale(1.06)}.modal-header{display:flex;align-items:center;gap:4px}.modal-title{color:var(--Gray-Gray-700,#32394d);font-size:var(--Size-5, 24px);font-weight:var(--font-weight-bold);flex:1;text-align:left}.modal-close{margin-left:auto;border:0;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-xxl);line-height:1;color:var(--Gray-Gray-400)}.modal-close:hover{opacity:0.7}.modal-content{padding-right:8px;overflow:auto;flex:1;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--Gray-Gray-300,#a3abbf) var(--Gray-Gray-50,#f7f8fa)}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:var(--Gray-Gray-50,#f7f8fa);border-radius:16px}.modal-content::-webkit-scrollbar-thumb{background:var(--Gray-Gray-300,#a3abbf);border-radius:16px}.modal-footer{display:flex;justify-content:flex-end;align-items:flex-start;gap:var(--Size-1, 4px);width:100%;margin-top:auto;flex-shrink:0}.modal-footer:empty{display:none}::slotted(.button-container){display:grid;grid-template-columns:1fr 1fr;gap:var(--Size-4, 16px);min-width:470px;width:100%}::slotted(.button-container)>*{width:100%}::slotted(.button-container) dropi-button{width:100%}.modal-panel.size-m .modal-footer,.modal-panel.size-s .modal-footer{justify-content:center}.modal-panel.size-m .modal-footer ::slotted(.button-container),.modal-panel.size-s .modal-footer ::slotted(.button-container){min-width:unset !important;width:100%}.modal-panel.size-drawer-s .modal-footer ::slotted(.button-container){min-width:unset;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}.modal-panel.size-full{width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-panel.size-xxl{width:calc(100% - 60px);max-width:1520px;height:calc(100vh - 120px);max-height:900px}.modal-panel.size-l{width:1137px;max-width:1137px;max-height:754px}.modal-panel.size-m{max-width:550px;width:550px}.modal-panel.size-s{width:454px}.modal-root--right{align-items:stretch;justify-content:flex-end}.modal-root--right .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--right .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--right .modal-panel{transform:translateX(100%)}.modal-root--right .modal-panel.size-drawer-s{width:351px;padding:20px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-m{width:550px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-l{width:1137px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-xxl{width:1214px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-sidebar-half{width:50vw;min-width:600px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}@media (max-width: 768px){.modal-root--right .modal-panel.size-drawer-s,.modal-root--right .modal-panel.size-drawer-m,.modal-root--right .modal-panel.size-drawer-l,.modal-root--right .modal-panel.size-drawer-xxl,.modal-root--right .modal-panel.size-sidebar-half{width:100vw;min-width:unset}}.modal-root--left{align-items:stretch;justify-content:flex-start}.modal-root--left .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(-100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--left .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--left .modal-panel{transform:translateX(-100%)}.modal-root--top{align-items:flex-start}.modal-root--bottom{align-items:flex-end}@media (max-width: 599px){.modal-panel{padding:20px;width:100% !important}.modal-panel:not(.size-s){border-radius:0 !important;height:100% !important;max-height:unset !important}.modal-root--right .modal-panel{width:100vw !important;min-width:unset !important}.modal-footer{justify-content:center}.modal-footer ::slotted(.button-container){width:100%;min-width:unset !important;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}}@media (prefers-reduced-motion: reduce){.modal-root,.modal-mask,.modal-panel{transition:none !important}}"}},[769,"dropi-modal",{visible:[1540],header:[1],showCloseIcon:[4,"show-close-icon"],dismissable:[4],dismissableMask:[4,"dismissable-mask"],dismissible:[4],closeOnEscape:[4,"close-on-escape"],modal:[4],closable:[4],blockScroll:[4,"block-scroll"],showHeader:[4,"show-header"],showFooter:[4,"show-footer"],position:[1],size:[1],styleClass:[1,"style-class"],maxWidth:[1,"max-width"],autoZIndex:[4,"auto-z-index"],baseZIndex:[2,"base-z-index"],transitionOptions:[1,"transition-options"],enableBeforeClose:[4,"enable-before-close"],isDraggable:[4,"is-draggable"],resizable:[4],isOpen:[32],isClosing:[32],mounted:[32],dismiss:[64],openModalExternally:[64]},void 0,{visible:[{visibleChanged:0}]}]);function r(){"undefined"!=typeof customElements&&["dropi-modal"].forEach((o=>{"dropi-modal"===o&&(customElements.get(e(o))||customElements.define(e(o),l))}))}r();export{l as D,r as d}
@@ -1 +1 @@
1
- import{t as e,p as o,H as t,c as a,B as i,h as s}from"./index.js";const l=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiShow=a(this,"dropiShow"),this.dropiHide=a(this,"dropiHide"),this.dropiVisibleChange=a(this,"dropiVisibleChange")}visible=!1;header=null;showCloseIcon=!0;dismissable=!0;dismissableMask=!0;dismissible=!0;closeOnEscape=!0;modal=!0;closable=!0;blockScroll=!0;showHeader=!0;showFooter=!0;position="center";size="m";styleClass=null;maxWidth=null;autoZIndex=!0;baseZIndex=1100;transitionOptions="0.15s";enableBeforeClose=!1;isDraggable=!1;resizable=!1;dropiShow;dropiHide;dropiVisibleChange;isOpen=!1;isClosing=!1;mounted=!1;closeTimer=null;keyHandler=null;canDismiss=!1;visibleChanged(e){e?this.openModal():this.startClose()}componentDidLoad(){this.visible&&this.openModal()}disconnectedCallback(){this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),"undefined"!=typeof document&&document.body.classList.remove("dropi-modal-open")}async dismiss(){this.visible?(this.visible=!1,this.dropiVisibleChange.emit(!1)):this.startClose()}async openModalExternally(){this.visible=!0,this.dropiVisibleChange.emit(!0)}openModal(){this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.isClosing=!1,this.mounted=!0,requestAnimationFrame((()=>requestAnimationFrame((()=>{this.isOpen=!0,this.dropiShow.emit()})))),this.addKeyHandler(),this.canDismiss=!1,setTimeout((()=>{this.canDismiss=!0}),300),(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.add("dropi-modal-open")}startClose(){!this.isClosing&&this.mounted&&(this.isClosing=!0,this.isOpen=!1,this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.mounted=!1,this.isClosing=!1,this.closeTimer=null,(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.remove("dropi-modal-open"),this.dropiHide.emit()}),200))}addKeyHandler(){this.closeOnEscape&&(this.keyHandler=e=>{"Escape"===e.key&&this.visible&&this.dismissable&&this.canDismiss&&this.dismiss()},document.addEventListener("keydown",this.keyHandler))}removeKeyHandler(){this.keyHandler&&(document.removeEventListener("keydown",this.keyHandler),this.keyHandler=null)}render(){return s("div",{key:"95847ba48baae69b93888cb59ecaa9d2130ae17a",class:`modal-root modal-root--${this.position}${this.isOpen?" modal-root--open":""}${this.isClosing?" modal-root--closing":""}`},(this.modal??!0)&&s("div",{key:"78acc3c2f1b7327b6fc1770a9536cdf0c2c57f99",class:"modal-mask",onClick:()=>this.canDismiss&&this.dismissable&&this.dismiss()}),s("div",{key:"63906a7ed0432879c3256a659ddd9773099244bc",class:`modal-panel size-${this.size||"m"}`,role:"dialog","aria-modal":"true",style:this.maxWidth?{maxWidth:this.maxWidth,width:"100%"}:{}},this.showHeader&&s("div",{key:"7d960505ea8fd7804ac67ceb88b9195e6ad1998d",class:"modal-header"},this.header&&s("span",{key:"fed4b8a2e6c89fca39a8766d0e843db7c184be59",class:"modal-title"},this.header),s("slot",{key:"b2c6c5cc1f019229c3ad5028e42b1fd887494abd",name:"header"}),this.showCloseIcon&&s("button",{key:"24fc8ff422ea5c7e6a8c0737acbb29c1d7467f40",class:"modal-close",onClick:()=>this.dismiss(),"aria-label":"Cerrar"},"×")),s("div",{key:"472a7dfe704b0b8d129b00bc88204602ead66403",class:"modal-content"},s("slot",{key:"6b3e6fdefca0c6510d4fdbbccce53a5efa52e4c8"})),this.showFooter&&s("div",{key:"5bd3c15d4d1fb2ebffad79c9314d03d1d72dae29",class:"modal-footer"},s("slot",{key:"1980d019b142e2a00f55a3a755e9e08d0393c5e5",name:"footer"}))))}static get watchers(){return{visible:[{visibleChanged:0}]}}static get style(){return":host{display:contents}*,*::before,*::after{box-sizing:border-box}.modal-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 0.18s ease;z-index:9999;visibility:hidden}.modal-root--open{opacity:1;pointer-events:auto;visibility:visible}.modal-root--closing{opacity:1;pointer-events:none;visibility:visible}.modal-mask{position:absolute;inset:0;background:rgba(6,11,16,0.66);pointer-events:auto;opacity:0;transition:opacity 0.18s ease}.modal-root--open .modal-mask{opacity:1}.modal-root--closing .modal-mask{opacity:0}.modal-panel{position:relative;pointer-events:auto;display:flex;flex-direction:column;border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);box-shadow:0 0 60px rgba(0,0,0,0.06);overflow:hidden;padding:var(--Size-6, 32px);gap:var(--Size-5, 24px);max-height:calc(100vh - 60px);opacity:0;transform:translateY(16px) scale(0.92);transition:opacity 0.18s ease, transform 0.18s ease}.modal-root--open .modal-panel{opacity:1;transform:none}.modal-root--closing .modal-panel{opacity:0;transform:translateY(-12px) scale(1.06)}.modal-header{display:flex;align-items:center;gap:4px}.modal-title{color:var(--Gray-Gray-700,#32394d);font-size:var(--Size-5, 24px);font-weight:var(--font-weight-bold);flex:1;text-align:left}.modal-close{margin-left:auto;border:0;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-xxl);line-height:1;color:var(--Gray-Gray-400)}.modal-close:hover{opacity:0.7}.modal-content{padding-right:8px;overflow:auto;flex:1;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--Gray-Gray-300,#a3abbf) var(--Gray-Gray-50,#f7f8fa)}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:var(--Gray-Gray-50,#f7f8fa);border-radius:16px}.modal-content::-webkit-scrollbar-thumb{background:var(--Gray-Gray-300,#a3abbf);border-radius:16px}.modal-footer{display:flex;justify-content:flex-end;align-items:flex-start;gap:var(--Size-1, 4px);width:100%;margin-top:auto;flex-shrink:0}.modal-footer:empty{display:none}::slotted(.button-container){display:grid;grid-template-columns:1fr 1fr;gap:var(--Size-4, 16px);min-width:470px;width:100%}::slotted(.button-container)>*{width:100%}::slotted(.button-container) dropi-button{width:100%}.modal-panel.size-m .modal-footer,.modal-panel.size-s .modal-footer,.modal-panel.size-xs .modal-footer{justify-content:flex-end}.modal-panel.size-m .modal-footer ::slotted(.button-container),.modal-panel.size-s .modal-footer ::slotted(.button-container),.modal-panel.size-xs .modal-footer ::slotted(.button-container){min-width:unset !important;width:100%}.modal-panel.size-drawer-s .modal-footer ::slotted(.button-container){min-width:unset;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}.modal-panel.size-full{width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-panel.size-xxl{width:calc(100% - 60px);max-width:1520px;height:calc(100vh - 120px);max-height:900px}.modal-panel.size-l{width:1137px;max-width:1137px;max-height:754px}.modal-panel.size-m{max-width:550px;width:550px}.modal-panel.size-s{width:454px}.modal-panel.size-xs{width:320px;padding:24px;gap:16px}.modal-root--right{align-items:stretch;justify-content:flex-end}.modal-root--right .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--right .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--right .modal-panel{transform:translateX(100%)}.modal-root--right .modal-panel.size-drawer-s{width:351px;padding:20px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-m{width:550px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-l{width:1137px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-xxl{width:1214px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-sidebar-half{width:50vw;min-width:600px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}@media (max-width: 768px){.modal-root--right .modal-panel.size-drawer-s,.modal-root--right .modal-panel.size-drawer-m,.modal-root--right .modal-panel.size-drawer-l,.modal-root--right .modal-panel.size-drawer-xxl,.modal-root--right .modal-panel.size-sidebar-half{width:100vw;min-width:unset}}.modal-root--left{align-items:stretch;justify-content:flex-start}.modal-root--left .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(-100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--left .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--left .modal-panel{transform:translateX(-100%)}.modal-root--top{align-items:flex-start}.modal-root--bottom{align-items:flex-end}@media (max-width: 599px){.modal-panel{padding:20px;width:100% !important}.modal-panel:not(.size-s){border-radius:0 !important;height:100% !important;max-height:unset !important}.modal-root--right .modal-panel{width:100vw !important;min-width:unset !important}.modal-footer{justify-content:center}.modal-footer ::slotted(.button-container){width:100%;min-width:unset !important;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}}@media (prefers-reduced-motion: reduce){.modal-root,.modal-mask,.modal-panel{transition:none !important}}"}},[769,"dropi-modal",{visible:[1540],header:[1],showCloseIcon:[4,"show-close-icon"],dismissable:[4],dismissableMask:[4,"dismissable-mask"],dismissible:[4],closeOnEscape:[4,"close-on-escape"],modal:[4],closable:[4],blockScroll:[4,"block-scroll"],showHeader:[4,"show-header"],showFooter:[4,"show-footer"],position:[1],size:[1],styleClass:[1,"style-class"],maxWidth:[1,"max-width"],autoZIndex:[4,"auto-z-index"],baseZIndex:[2,"base-z-index"],transitionOptions:[1,"transition-options"],enableBeforeClose:[4,"enable-before-close"],isDraggable:[4,"is-draggable"],resizable:[4],isOpen:[32],isClosing:[32],mounted:[32],dismiss:[64],openModalExternally:[64]},void 0,{visible:[{visibleChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["dropi-modal"].forEach((o=>{"dropi-modal"===o&&(customElements.get(e(o))||customElements.define(e(o),l))}))}d();export{l as D,d}
1
+ import{t as e,p as o,H as t,c as a,B as i,h as s}from"./index.js";const l=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiShow=a(this,"dropiShow"),this.dropiHide=a(this,"dropiHide"),this.dropiVisibleChange=a(this,"dropiVisibleChange")}visible=!1;header=null;showCloseIcon=!0;dismissable=!0;dismissableMask=!0;dismissible=!0;closeOnEscape=!0;modal=!0;closable=!0;blockScroll=!0;showHeader=!0;showFooter=!0;position="center";size="m";styleClass=null;maxWidth=null;autoZIndex=!0;baseZIndex=1100;transitionOptions="0.15s";enableBeforeClose=!1;isDraggable=!1;resizable=!1;dropiShow;dropiHide;dropiVisibleChange;isOpen=!1;isClosing=!1;mounted=!1;closeTimer=null;keyHandler=null;canDismiss=!1;visibleChanged(e){e?this.openModal():this.startClose()}componentDidLoad(){this.visible&&this.openModal()}disconnectedCallback(){this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),"undefined"!=typeof document&&document.body.classList.remove("dropi-modal-open")}async dismiss(){this.visible?(this.visible=!1,this.dropiVisibleChange.emit(!1)):this.startClose()}async openModalExternally(){this.visible=!0,this.dropiVisibleChange.emit(!0)}openModal(){this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.isClosing=!1,this.mounted=!0,requestAnimationFrame((()=>requestAnimationFrame((()=>{this.isOpen=!0,this.dropiShow.emit()})))),this.addKeyHandler(),this.canDismiss=!1,setTimeout((()=>{this.canDismiss=!0}),300),(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.add("dropi-modal-open")}startClose(){!this.isClosing&&this.mounted&&(this.isClosing=!0,this.isOpen=!1,this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.mounted=!1,this.isClosing=!1,this.closeTimer=null,(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.remove("dropi-modal-open"),this.dropiHide.emit()}),200))}addKeyHandler(){this.closeOnEscape&&(this.keyHandler=e=>{"Escape"===e.key&&this.visible&&this.dismissable&&this.canDismiss&&this.dismiss()},document.addEventListener("keydown",this.keyHandler))}removeKeyHandler(){this.keyHandler&&(document.removeEventListener("keydown",this.keyHandler),this.keyHandler=null)}render(){return s("div",{key:"95847ba48baae69b93888cb59ecaa9d2130ae17a",class:`modal-root modal-root--${this.position}${this.isOpen?" modal-root--open":""}${this.isClosing?" modal-root--closing":""}`},(this.modal??!0)&&s("div",{key:"78acc3c2f1b7327b6fc1770a9536cdf0c2c57f99",class:"modal-mask",onClick:()=>this.canDismiss&&this.dismissable&&this.dismiss()}),s("div",{key:"63906a7ed0432879c3256a659ddd9773099244bc",class:`modal-panel size-${this.size||"m"}`,role:"dialog","aria-modal":"true",style:this.maxWidth?{maxWidth:this.maxWidth,width:"100%"}:{}},this.showHeader&&s("div",{key:"7d960505ea8fd7804ac67ceb88b9195e6ad1998d",class:"modal-header"},this.header&&s("span",{key:"fed4b8a2e6c89fca39a8766d0e843db7c184be59",class:"modal-title"},this.header),s("slot",{key:"b2c6c5cc1f019229c3ad5028e42b1fd887494abd",name:"header"}),this.showCloseIcon&&s("button",{key:"24fc8ff422ea5c7e6a8c0737acbb29c1d7467f40",class:"modal-close",onClick:()=>this.dismiss(),"aria-label":"Cerrar"},"×")),s("div",{key:"472a7dfe704b0b8d129b00bc88204602ead66403",class:"modal-content"},s("slot",{key:"6b3e6fdefca0c6510d4fdbbccce53a5efa52e4c8"})),this.showFooter&&s("div",{key:"5bd3c15d4d1fb2ebffad79c9314d03d1d72dae29",class:"modal-footer"},s("slot",{key:"1980d019b142e2a00f55a3a755e9e08d0393c5e5",name:"footer"}))))}static get watchers(){return{visible:[{visibleChanged:0}]}}static get style(){return":host{display:contents}*,*::before,*::after{box-sizing:border-box}.modal-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 0.18s ease;z-index:11000;visibility:hidden}.modal-root--open{opacity:1;pointer-events:auto;visibility:visible}.modal-root--closing{opacity:1;pointer-events:none;visibility:visible}.modal-mask{position:absolute;inset:0;background:rgba(6,11,16,0.66);pointer-events:auto;opacity:0;transition:opacity 0.18s ease}.modal-root--open .modal-mask{opacity:1}.modal-root--closing .modal-mask{opacity:0}.modal-panel{position:relative;pointer-events:auto;display:flex;flex-direction:column;border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);box-shadow:0 0 60px rgba(0,0,0,0.06);overflow:hidden;padding:var(--Size-6, 32px);gap:var(--Size-5, 24px);max-height:calc(100vh - 60px);opacity:0;transform:translateY(16px) scale(0.92);transition:opacity 0.18s ease, transform 0.18s ease}.modal-root--open .modal-panel{opacity:1;transform:none}.modal-root--closing .modal-panel{opacity:0;transform:translateY(-12px) scale(1.06)}.modal-header{display:flex;align-items:center;gap:4px}.modal-title{color:var(--Gray-Gray-700,#32394d);font-size:var(--Size-5, 24px);font-weight:var(--font-weight-bold);flex:1;text-align:left}.modal-close{margin-left:auto;border:0;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-xxl);line-height:1;color:var(--Gray-Gray-400)}.modal-close:hover{opacity:0.7}.modal-content{padding-right:8px;overflow:auto;flex:1;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--Gray-Gray-300,#a3abbf) var(--Gray-Gray-50,#f7f8fa)}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:var(--Gray-Gray-50,#f7f8fa);border-radius:16px}.modal-content::-webkit-scrollbar-thumb{background:var(--Gray-Gray-300,#a3abbf);border-radius:16px}.modal-footer{display:flex;justify-content:flex-end;align-items:flex-start;gap:var(--Size-1, 4px);width:100%;margin-top:auto;flex-shrink:0}.modal-footer:empty{display:none}::slotted(.button-container){display:grid;grid-template-columns:1fr 1fr;gap:var(--Size-4, 16px);min-width:470px;width:100%}::slotted(.button-container)>*{width:100%}::slotted(.button-container) dropi-button{width:100%}.modal-panel.size-m .modal-footer,.modal-panel.size-s .modal-footer,.modal-panel.size-xs .modal-footer{justify-content:flex-end}.modal-panel.size-m .modal-footer ::slotted(.button-container),.modal-panel.size-s .modal-footer ::slotted(.button-container),.modal-panel.size-xs .modal-footer ::slotted(.button-container){min-width:unset !important;width:100%}.modal-panel.size-drawer-s .modal-footer ::slotted(.button-container){min-width:unset;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}.modal-panel.size-full{width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-panel.size-xxl{width:calc(100% - 60px);max-width:1520px;height:calc(100vh - 120px);max-height:900px}.modal-panel.size-l{width:1137px;max-width:1137px;max-height:754px}.modal-panel.size-m{max-width:550px;width:550px}.modal-panel.size-s{width:454px}.modal-panel.size-xs{width:320px;padding:24px;gap:16px}.modal-root--right{align-items:stretch;justify-content:flex-end}.modal-root--right .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--right .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--right .modal-panel{transform:translateX(100%)}.modal-root--right .modal-panel.size-drawer-s{width:351px;padding:20px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-m{width:550px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-l{width:1137px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-xxl{width:1214px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-sidebar-half{width:50vw;min-width:600px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}@media (max-width: 768px){.modal-root--right .modal-panel.size-drawer-s,.modal-root--right .modal-panel.size-drawer-m,.modal-root--right .modal-panel.size-drawer-l,.modal-root--right .modal-panel.size-drawer-xxl,.modal-root--right .modal-panel.size-sidebar-half{width:100vw;min-width:unset}}.modal-root--left{align-items:stretch;justify-content:flex-start}.modal-root--left .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(-100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--left .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--left .modal-panel{transform:translateX(-100%)}.modal-root--top{align-items:flex-start}.modal-root--bottom{align-items:flex-end}@media (max-width: 599px){.modal-panel{padding:20px;width:100% !important}.modal-panel:not(.size-s){border-radius:0 !important;height:100% !important;max-height:unset !important}.modal-root--right .modal-panel{width:100vw !important;min-width:unset !important}.modal-footer{justify-content:center}.modal-footer ::slotted(.button-container){width:100%;min-width:unset !important;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}}@media (prefers-reduced-motion: reduce){.modal-root,.modal-mask,.modal-panel{transition:none !important}}"}},[769,"dropi-modal",{visible:[1540],header:[1],showCloseIcon:[4,"show-close-icon"],dismissable:[4],dismissableMask:[4,"dismissable-mask"],dismissible:[4],closeOnEscape:[4,"close-on-escape"],modal:[4],closable:[4],blockScroll:[4,"block-scroll"],showHeader:[4,"show-header"],showFooter:[4,"show-footer"],position:[1],size:[1],styleClass:[1,"style-class"],maxWidth:[1,"max-width"],autoZIndex:[4,"auto-z-index"],baseZIndex:[2,"base-z-index"],transitionOptions:[1,"transition-options"],enableBeforeClose:[4,"enable-before-close"],isDraggable:[4,"is-draggable"],resizable:[4],isOpen:[32],isClosing:[32],mounted:[32],dismiss:[64],openModalExternally:[64]},void 0,{visible:[{visibleChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["dropi-modal"].forEach((o=>{"dropi-modal"===o&&(customElements.get(e(o))||customElements.define(e(o),l))}))}d();export{l as D,d}
@@ -0,0 +1 @@
1
+ import{t as e,p as o,H as t,c as a,B as i,h as s}from"./index.js";const l=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiShow=a(this,"dropiShow"),this.dropiHide=a(this,"dropiHide"),this.dropiVisibleChange=a(this,"dropiVisibleChange")}visible=!1;header=null;showCloseIcon=!0;dismissable=!0;dismissableMask=!0;dismissible=!0;closeOnEscape=!0;modal=!0;closable=!0;blockScroll=!0;showHeader=!0;showFooter=!0;position="center";size="m";styleClass=null;maxWidth=null;autoZIndex=!0;baseZIndex=1100;transitionOptions="0.15s";enableBeforeClose=!1;isDraggable=!1;resizable=!1;dropiShow;dropiHide;dropiVisibleChange;isOpen=!1;isClosing=!1;mounted=!1;closeTimer=null;keyHandler=null;canDismiss=!1;visibleChanged(e){e?this.openModal():this.startClose()}componentDidLoad(){this.visible&&this.openModal()}disconnectedCallback(){this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),"undefined"!=typeof document&&document.body.classList.remove("dropi-modal-open")}async dismiss(){this.visible?(this.visible=!1,this.dropiVisibleChange.emit(!1)):this.startClose()}async openModalExternally(){this.visible=!0,this.dropiVisibleChange.emit(!0)}openModal(){this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.isClosing=!1,this.mounted=!0,requestAnimationFrame((()=>requestAnimationFrame((()=>{this.isOpen=!0,this.dropiShow.emit()})))),this.addKeyHandler(),this.canDismiss=!1,setTimeout((()=>{this.canDismiss=!0}),300),(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.add("dropi-modal-open")}startClose(){!this.isClosing&&this.mounted&&(this.isClosing=!0,this.isOpen=!1,this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.mounted=!1,this.isClosing=!1,this.closeTimer=null,(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.remove("dropi-modal-open"),this.dropiHide.emit()}),200))}addKeyHandler(){this.closeOnEscape&&(this.keyHandler=e=>{"Escape"===e.key&&this.visible&&this.dismissable&&this.canDismiss&&this.dismiss()},document.addEventListener("keydown",this.keyHandler))}removeKeyHandler(){this.keyHandler&&(document.removeEventListener("keydown",this.keyHandler),this.keyHandler=null)}render(){return s("div",{key:"95847ba48baae69b93888cb59ecaa9d2130ae17a",class:`modal-root modal-root--${this.position}${this.isOpen?" modal-root--open":""}${this.isClosing?" modal-root--closing":""}`},(this.modal??!0)&&s("div",{key:"78acc3c2f1b7327b6fc1770a9536cdf0c2c57f99",class:"modal-mask",onClick:()=>this.canDismiss&&this.dismissable&&this.dismiss()}),s("div",{key:"63906a7ed0432879c3256a659ddd9773099244bc",class:`modal-panel size-${this.size||"m"}`,role:"dialog","aria-modal":"true",style:this.maxWidth?{maxWidth:this.maxWidth,width:"100%"}:{}},this.showHeader&&s("div",{key:"7d960505ea8fd7804ac67ceb88b9195e6ad1998d",class:"modal-header"},this.header&&s("span",{key:"fed4b8a2e6c89fca39a8766d0e843db7c184be59",class:"modal-title"},this.header),s("slot",{key:"b2c6c5cc1f019229c3ad5028e42b1fd887494abd",name:"header"}),this.showCloseIcon&&s("button",{key:"24fc8ff422ea5c7e6a8c0737acbb29c1d7467f40",class:"modal-close",onClick:()=>this.dismiss(),"aria-label":"Cerrar"},"×")),s("div",{key:"472a7dfe704b0b8d129b00bc88204602ead66403",class:"modal-content"},s("slot",{key:"6b3e6fdefca0c6510d4fdbbccce53a5efa52e4c8"})),this.showFooter&&s("div",{key:"5bd3c15d4d1fb2ebffad79c9314d03d1d72dae29",class:"modal-footer"},s("slot",{key:"1980d019b142e2a00f55a3a755e9e08d0393c5e5",name:"footer"}))))}static get watchers(){return{visible:[{visibleChanged:0}]}}static get style(){return":host{display:contents}*,*::before,*::after{box-sizing:border-box}.modal-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 0.18s ease;z-index:var(--dropi-z-index-modal, 9999);visibility:hidden}.modal-root--open{opacity:1;pointer-events:auto;visibility:visible}.modal-root--closing{opacity:1;pointer-events:none;visibility:visible}.modal-mask{position:absolute;inset:0;background:rgba(6,11,16,0.66);pointer-events:auto;opacity:0;transition:opacity 0.18s ease}.modal-root--open .modal-mask{opacity:1}.modal-root--closing .modal-mask{opacity:0}.modal-panel{position:relative;pointer-events:auto;display:flex;flex-direction:column;border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);box-shadow:0 0 60px rgba(0,0,0,0.06);overflow:hidden;padding:var(--Size-6, 32px);gap:var(--Size-5, 24px);max-height:calc(100vh - 60px);opacity:0;transform:translateY(16px) scale(0.92);transition:opacity 0.18s ease, transform 0.18s ease}.modal-root--open .modal-panel{opacity:1;transform:none}.modal-root--closing .modal-panel{opacity:0;transform:translateY(-12px) scale(1.06)}.modal-header{display:flex;align-items:center;gap:4px}.modal-title{color:var(--Gray-Gray-700,#32394d);font-size:var(--Size-5, 24px);font-weight:var(--font-weight-bold);flex:1;text-align:left}.modal-close{margin-left:auto;border:0;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-xxl);line-height:1;color:var(--Gray-Gray-400)}.modal-close:hover{opacity:0.7}.modal-content{padding-right:8px;overflow:auto;flex:1;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--Gray-Gray-300,#a3abbf) var(--Gray-Gray-50,#f7f8fa)}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:var(--Gray-Gray-50,#f7f8fa);border-radius:16px}.modal-content::-webkit-scrollbar-thumb{background:var(--Gray-Gray-300,#a3abbf);border-radius:16px}.modal-footer{display:flex;justify-content:flex-end;align-items:flex-start;gap:var(--Size-1, 4px);width:100%;margin-top:auto;flex-shrink:0}.modal-footer:empty{display:none}::slotted(.button-container){display:grid;grid-template-columns:1fr 1fr;gap:var(--Size-4, 16px);min-width:470px;width:100%}::slotted(.button-container)>*{width:100%}::slotted(.button-container) dropi-button{width:100%}.modal-panel.size-m .modal-footer,.modal-panel.size-s .modal-footer,.modal-panel.size-xs .modal-footer{justify-content:flex-end}.modal-panel.size-m .modal-footer ::slotted(.button-container),.modal-panel.size-s .modal-footer ::slotted(.button-container),.modal-panel.size-xs .modal-footer ::slotted(.button-container){min-width:unset !important;width:100%}.modal-panel.size-drawer-s .modal-footer ::slotted(.button-container){min-width:unset;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}.modal-panel.size-full{width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-panel.size-xxl{width:calc(100% - 60px);max-width:1520px;height:calc(100vh - 120px);max-height:900px}.modal-panel.size-l{width:1137px;max-width:1137px;max-height:754px}.modal-panel.size-m{max-width:550px;width:550px}.modal-panel.size-s{width:454px}.modal-panel.size-xs{width:320px;padding:24px;gap:16px}.modal-root--right{align-items:stretch;justify-content:flex-end}.modal-root--right .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--right .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--right .modal-panel{transform:translateX(100%)}.modal-root--right .modal-panel.size-drawer-s{width:351px;padding:20px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-m{width:550px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-l{width:1137px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-xxl{width:1214px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-sidebar-half{width:50vw;min-width:600px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}@media (max-width: 768px){.modal-root--right .modal-panel.size-drawer-s,.modal-root--right .modal-panel.size-drawer-m,.modal-root--right .modal-panel.size-drawer-l,.modal-root--right .modal-panel.size-drawer-xxl,.modal-root--right .modal-panel.size-sidebar-half{width:100vw;min-width:unset}}.modal-root--left{align-items:stretch;justify-content:flex-start}.modal-root--left .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(-100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--left .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--left .modal-panel{transform:translateX(-100%)}.modal-root--top{align-items:flex-start}.modal-root--bottom{align-items:flex-end}@media (max-width: 599px){.modal-panel{padding:20px;width:100% !important}.modal-panel:not(.size-s){border-radius:0 !important;height:100% !important;max-height:unset !important}.modal-root--right .modal-panel{width:100vw !important;min-width:unset !important}.modal-footer{justify-content:center}.modal-footer ::slotted(.button-container){width:100%;min-width:unset !important;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}}@media (prefers-reduced-motion: reduce){.modal-root,.modal-mask,.modal-panel{transition:none !important}}"}},[769,"dropi-modal",{visible:[1540],header:[1],showCloseIcon:[4,"show-close-icon"],dismissable:[4],dismissableMask:[4,"dismissable-mask"],dismissible:[4],closeOnEscape:[4,"close-on-escape"],modal:[4],closable:[4],blockScroll:[4,"block-scroll"],showHeader:[4,"show-header"],showFooter:[4,"show-footer"],position:[1],size:[1],styleClass:[1,"style-class"],maxWidth:[1,"max-width"],autoZIndex:[4,"auto-z-index"],baseZIndex:[2,"base-z-index"],transitionOptions:[1,"transition-options"],enableBeforeClose:[4,"enable-before-close"],isDraggable:[4,"is-draggable"],resizable:[4],isOpen:[32],isClosing:[32],mounted:[32],dismiss:[64],openModalExternally:[64]},void 0,{visible:[{visibleChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["dropi-modal"].forEach((o=>{"dropi-modal"===o&&(customElements.get(e(o))||customElements.define(e(o),l))}))}d();export{l as D,d}
@@ -1 +1 @@
1
- import{t as e,p as o,H as t,c as a,B as i,h as s}from"./index.js";const l=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiShow=a(this,"dropiShow",5),this.dropiHide=a(this,"dropiHide",5),this.dropiVisibleChange=a(this,"dropiVisibleChange",5)}visible=!1;header=null;showCloseIcon=!0;dismissable=!0;dismissableMask=!0;dismissible=!0;closeOnEscape=!0;modal=!0;closable=!0;blockScroll=!0;showHeader=!0;showFooter=!0;position="center";size="m";styleClass=null;maxWidth=null;autoZIndex=!0;baseZIndex=1100;transitionOptions="0.15s";enableBeforeClose=!1;isDraggable=!1;resizable=!1;dropiShow;dropiHide;dropiVisibleChange;isOpen=!1;isClosing=!1;mounted=!1;closeTimer=null;keyHandler=null;canDismiss=!1;visibleChanged(e){console.log("[DropiModal] visibleChanged:",e),e?this.openModal():this.startClose()}componentDidLoad(){this.visible&&this.openModal()}disconnectedCallback(){this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),"undefined"!=typeof document&&document.body.classList.remove("dropi-modal-open")}async dismiss(){this.visible?(this.visible=!1,this.dropiVisibleChange.emit(!1)):this.startClose()}async openModalExternally(){this.visible=!0,this.dropiVisibleChange.emit(!0)}openModal(){console.log("[DropiModal] Opening Modal..."),this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.isClosing=!1,this.mounted=!0,requestAnimationFrame((()=>requestAnimationFrame((()=>{this.isOpen=!0,this.dropiShow.emit()})))),this.addKeyHandler(),this.canDismiss=!1,setTimeout((()=>{this.canDismiss=!0}),300),(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.add("dropi-modal-open")}startClose(){console.log("[DropiModal] Starting close sequence..."),!this.isClosing&&this.mounted&&(this.isClosing=!0,this.isOpen=!1,this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.mounted=!1,this.isClosing=!1,this.closeTimer=null,(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.remove("dropi-modal-open"),console.log("[DropiModal] Emitting dropiHide"),this.dropiHide.emit()}),200))}addKeyHandler(){this.closeOnEscape&&(this.keyHandler=e=>{"Escape"===e.key&&this.visible&&this.dismissable&&this.canDismiss&&this.dismiss()},document.addEventListener("keydown",this.keyHandler))}removeKeyHandler(){this.keyHandler&&(document.removeEventListener("keydown",this.keyHandler),this.keyHandler=null)}render(){return s("div",{key:"7fa6bcd669e1c552e621bf2ec93313e5327612f5",class:`modal-root modal-root--${this.position}${this.isOpen?" modal-root--open":""}${this.isClosing?" modal-root--closing":""}`},(this.modal??!0)&&s("div",{key:"ff3363bee96747cd96871a889c596a4e1c9d97cc",class:"modal-mask",onClick:()=>this.canDismiss&&this.dismissable&&this.dismiss()}),s("div",{key:"9ac2ebbc8d18e6c8f3b0c27a5abf3d19f0c357f9",class:`modal-panel size-${this.size||"m"}`,role:"dialog","aria-modal":"true"},this.showHeader&&s("div",{key:"e9e9c5b1e2d96fa47f407667afe07b8cb69e1935",class:"modal-header"},this.header&&s("span",{key:"340172eda7d569f6af8050f49244112acbc89b39",class:"modal-title"},this.header),s("slot",{key:"b4d72d2c6252a50f71e6d77e525025e53ac1489e",name:"header"}),this.showCloseIcon&&s("button",{key:"f6bc921522c10074342bd54c618df9288b53a8e3",class:"modal-close",onClick:()=>this.dismiss(),"aria-label":"Cerrar"},"×")),s("div",{key:"8a1d1782852ff912f7be4aa4c347ec85826e858f",class:"modal-content"},s("slot",{key:"c24b1f9306519c18e04a7d3e40ff68b9171f2158"})),this.showFooter&&s("div",{key:"47e7a0595a66819fae4c95974bf64b90d4831ceb",class:"modal-footer"},s("slot",{key:"c32a4599dcdc9051560bd2a3ef63ded4e3e49de1",name:"footer"}))))}static get watchers(){return{visible:[{visibleChanged:0}]}}static get style(){return":host{display:contents}*,*::before,*::after{box-sizing:border-box}.modal-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 0.18s ease;z-index:9999;visibility:hidden}.modal-root--open{opacity:1;pointer-events:auto;visibility:visible}.modal-root--closing{opacity:1;pointer-events:none;visibility:visible}.modal-mask{position:absolute;inset:0;background:rgba(6,11,16,0.66);pointer-events:auto;opacity:0;transition:opacity 0.18s ease}.modal-root--open .modal-mask{opacity:1}.modal-root--closing .modal-mask{opacity:0}.modal-panel{position:relative;pointer-events:auto;display:flex;flex-direction:column;border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);box-shadow:0 0 60px rgba(0,0,0,0.06);overflow:hidden;padding:var(--Size-6, 32px);gap:var(--Size-5, 24px);max-height:calc(100vh - 60px);opacity:0;transform:translateY(16px) scale(0.92);transition:opacity 0.18s ease, transform 0.18s ease}.modal-root--open .modal-panel{opacity:1;transform:none}.modal-root--closing .modal-panel{opacity:0;transform:translateY(-12px) scale(1.06)}.modal-header{display:flex;align-items:center;gap:4px}.modal-title{color:var(--Gray-Gray-700,#32394d);font-size:var(--Size-5, 24px);font-weight:var(--font-weight-bold);flex:1;text-align:left}.modal-close{margin-left:auto;border:0;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-xxl);line-height:1;color:var(--Gray-Gray-400)}.modal-close:hover{opacity:0.7}.modal-content{padding-right:8px;overflow:auto;flex:1;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--Gray-Gray-300,#a3abbf) var(--Gray-Gray-50,#f7f8fa)}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:var(--Gray-Gray-50,#f7f8fa);border-radius:16px}.modal-content::-webkit-scrollbar-thumb{background:var(--Gray-Gray-300,#a3abbf);border-radius:16px}.modal-footer{display:flex;justify-content:flex-end;align-items:flex-start;gap:var(--Size-1, 4px);width:100%;margin-top:auto;flex-shrink:0}.modal-footer:empty{display:none}::slotted(.button-container){display:grid;grid-template-columns:1fr 1fr;gap:var(--Size-4, 16px);min-width:470px;width:100%}::slotted(.button-container)>*{width:100%}::slotted(.button-container) dropi-button{width:100%}.modal-panel.size-m .modal-footer,.modal-panel.size-s .modal-footer{justify-content:center}.modal-panel.size-m .modal-footer ::slotted(.button-container),.modal-panel.size-s .modal-footer ::slotted(.button-container){min-width:unset !important;width:100%}.modal-panel.size-drawer-s .modal-footer ::slotted(.button-container){min-width:unset;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}.modal-panel.size-full{width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-panel.size-xxl{width:calc(100% - 60px);max-width:1520px;height:calc(100vh - 120px);max-height:900px}.modal-panel.size-l{width:1137px;max-width:1137px;max-height:754px}.modal-panel.size-m{max-width:550px;width:550px}.modal-panel.size-s{width:454px}.modal-root--right{align-items:stretch;justify-content:flex-end}.modal-root--right .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--right .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--right .modal-panel{transform:translateX(100%)}.modal-root--right .modal-panel.size-drawer-s{width:351px;padding:20px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-m{width:550px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-l{width:1137px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-xxl{width:1214px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-sidebar-half{width:50vw;min-width:600px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}@media (max-width: 768px){.modal-root--right .modal-panel.size-drawer-s,.modal-root--right .modal-panel.size-drawer-m,.modal-root--right .modal-panel.size-drawer-l,.modal-root--right .modal-panel.size-drawer-xxl,.modal-root--right .modal-panel.size-sidebar-half{width:100vw;min-width:unset}}.modal-root--left{align-items:stretch;justify-content:flex-start}.modal-root--left .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(-100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--left .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--left .modal-panel{transform:translateX(-100%)}.modal-root--top{align-items:flex-start}.modal-root--bottom{align-items:flex-end}@media (max-width: 599px){.modal-panel{padding:20px;width:100% !important}.modal-panel:not(.size-s){border-radius:0 !important;height:100% !important;max-height:unset !important}.modal-root--right .modal-panel{width:100vw !important;min-width:unset !important}.modal-footer{justify-content:center}.modal-footer ::slotted(.button-container){width:100%;min-width:unset !important;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}}@media (prefers-reduced-motion: reduce){.modal-root,.modal-mask,.modal-panel{transition:none !important}}"}},[769,"dropi-modal",{visible:[1540],header:[1],showCloseIcon:[4,"show-close-icon"],dismissable:[4],dismissableMask:[4,"dismissable-mask"],dismissible:[4],closeOnEscape:[4,"close-on-escape"],modal:[4],closable:[4],blockScroll:[4,"block-scroll"],showHeader:[4,"show-header"],showFooter:[4,"show-footer"],position:[1],size:[1],styleClass:[1,"style-class"],maxWidth:[1,"max-width"],autoZIndex:[4,"auto-z-index"],baseZIndex:[2,"base-z-index"],transitionOptions:[1,"transition-options"],enableBeforeClose:[4,"enable-before-close"],isDraggable:[4,"is-draggable"],resizable:[4],isOpen:[32],isClosing:[32],mounted:[32],dismiss:[64],openModalExternally:[64]},void 0,{visible:[{visibleChanged:0}]}]);function r(){"undefined"!=typeof customElements&&["dropi-modal"].forEach((o=>{"dropi-modal"===o&&(customElements.get(e(o))||customElements.define(e(o),l))}))}r();export{l as D,r as d}
1
+ import{t as e,p as o,H as t,c as a,B as i,h as s}from"./index.js";const l=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiShow=a(this,"dropiShow",5),this.dropiHide=a(this,"dropiHide",5),this.dropiVisibleChange=a(this,"dropiVisibleChange",5)}visible=!1;header=null;showCloseIcon=!0;dismissable=!0;dismissableMask=!0;dismissible=!0;closeOnEscape=!0;modal=!0;closable=!0;blockScroll=!0;showHeader=!0;showFooter=!0;position="center";size="m";styleClass=null;maxWidth=null;autoZIndex=!0;baseZIndex=1100;transitionOptions="0.15s";enableBeforeClose=!1;isDraggable=!1;resizable=!1;dropiShow;dropiHide;dropiVisibleChange;isOpen=!1;isClosing=!1;mounted=!1;closeTimer=null;keyHandler=null;canDismiss=!1;visibleChanged(e){console.log("[DropiModal] visibleChanged:",e),e?this.openModal():this.startClose()}componentDidLoad(){this.visible&&this.openModal()}disconnectedCallback(){this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),"undefined"!=typeof document&&document.body.classList.remove("dropi-modal-open")}async dismiss(){this.visible?(this.visible=!1,this.dropiVisibleChange.emit(!1)):this.startClose()}async openModalExternally(){this.visible=!0,this.dropiVisibleChange.emit(!0)}openModal(){console.log("[DropiModal] Opening Modal..."),this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.isClosing=!1,this.mounted=!0,requestAnimationFrame((()=>requestAnimationFrame((()=>{this.isOpen=!0,this.dropiShow.emit()})))),this.addKeyHandler(),this.canDismiss=!1,setTimeout((()=>{this.canDismiss=!0}),300),(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.add("dropi-modal-open")}startClose(){console.log("[DropiModal] Starting close sequence..."),!this.isClosing&&this.mounted&&(this.isClosing=!0,this.isOpen=!1,this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.mounted=!1,this.isClosing=!1,this.closeTimer=null,(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.remove("dropi-modal-open"),console.log("[DropiModal] Emitting dropiHide"),this.dropiHide.emit()}),200))}addKeyHandler(){this.closeOnEscape&&(this.keyHandler=e=>{"Escape"===e.key&&this.visible&&this.dismissable&&this.canDismiss&&this.dismiss()},document.addEventListener("keydown",this.keyHandler))}removeKeyHandler(){this.keyHandler&&(document.removeEventListener("keydown",this.keyHandler),this.keyHandler=null)}render(){return s("div",{key:"7fa6bcd669e1c552e621bf2ec93313e5327612f5",class:`modal-root modal-root--${this.position}${this.isOpen?" modal-root--open":""}${this.isClosing?" modal-root--closing":""}`},(this.modal??!0)&&s("div",{key:"ff3363bee96747cd96871a889c596a4e1c9d97cc",class:"modal-mask",onClick:()=>this.canDismiss&&this.dismissable&&this.dismiss()}),s("div",{key:"9ac2ebbc8d18e6c8f3b0c27a5abf3d19f0c357f9",class:`modal-panel size-${this.size||"m"}`,role:"dialog","aria-modal":"true"},this.showHeader&&s("div",{key:"e9e9c5b1e2d96fa47f407667afe07b8cb69e1935",class:"modal-header"},this.header&&s("span",{key:"340172eda7d569f6af8050f49244112acbc89b39",class:"modal-title"},this.header),s("slot",{key:"b4d72d2c6252a50f71e6d77e525025e53ac1489e",name:"header"}),this.showCloseIcon&&s("button",{key:"f6bc921522c10074342bd54c618df9288b53a8e3",class:"modal-close",onClick:()=>this.dismiss(),"aria-label":"Cerrar"},"×")),s("div",{key:"8a1d1782852ff912f7be4aa4c347ec85826e858f",class:"modal-content"},s("slot",{key:"c24b1f9306519c18e04a7d3e40ff68b9171f2158"})),this.showFooter&&s("div",{key:"47e7a0595a66819fae4c95974bf64b90d4831ceb",class:"modal-footer"},s("slot",{key:"c32a4599dcdc9051560bd2a3ef63ded4e3e49de1",name:"footer"}))))}static get watchers(){return{visible:[{visibleChanged:0}]}}static get style(){return":host{display:contents}*,*::before,*::after{box-sizing:border-box}.modal-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 0.18s ease;z-index:11000;visibility:hidden}.modal-root--open{opacity:1;pointer-events:auto;visibility:visible}.modal-root--closing{opacity:1;pointer-events:none;visibility:visible}.modal-mask{position:absolute;inset:0;background:rgba(6,11,16,0.66);pointer-events:auto;opacity:0;transition:opacity 0.18s ease}.modal-root--open .modal-mask{opacity:1}.modal-root--closing .modal-mask{opacity:0}.modal-panel{position:relative;pointer-events:auto;display:flex;flex-direction:column;border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);box-shadow:0 0 60px rgba(0,0,0,0.06);overflow:hidden;padding:var(--Size-6, 32px);gap:var(--Size-5, 24px);max-height:calc(100vh - 60px);opacity:0;transform:translateY(16px) scale(0.92);transition:opacity 0.18s ease, transform 0.18s ease}.modal-root--open .modal-panel{opacity:1;transform:none}.modal-root--closing .modal-panel{opacity:0;transform:translateY(-12px) scale(1.06)}.modal-header{display:flex;align-items:center;gap:4px}.modal-title{color:var(--Gray-Gray-700,#32394d);font-size:var(--Size-5, 24px);font-weight:var(--font-weight-bold);flex:1;text-align:left}.modal-close{margin-left:auto;border:0;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-xxl);line-height:1;color:var(--Gray-Gray-400)}.modal-close:hover{opacity:0.7}.modal-content{padding-right:8px;overflow:auto;flex:1;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--Gray-Gray-300,#a3abbf) var(--Gray-Gray-50,#f7f8fa)}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:var(--Gray-Gray-50,#f7f8fa);border-radius:16px}.modal-content::-webkit-scrollbar-thumb{background:var(--Gray-Gray-300,#a3abbf);border-radius:16px}.modal-footer{display:flex;justify-content:flex-end;align-items:flex-start;gap:var(--Size-1, 4px);width:100%;margin-top:auto;flex-shrink:0}.modal-footer:empty{display:none}::slotted(.button-container){display:grid;grid-template-columns:1fr 1fr;gap:var(--Size-4, 16px);min-width:470px;width:100%}::slotted(.button-container)>*{width:100%}::slotted(.button-container) dropi-button{width:100%}.modal-panel.size-m .modal-footer,.modal-panel.size-s .modal-footer{justify-content:center}.modal-panel.size-m .modal-footer ::slotted(.button-container),.modal-panel.size-s .modal-footer ::slotted(.button-container){min-width:unset !important;width:100%}.modal-panel.size-drawer-s .modal-footer ::slotted(.button-container){min-width:unset;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}.modal-panel.size-full{width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-panel.size-xxl{width:calc(100% - 60px);max-width:1520px;height:calc(100vh - 120px);max-height:900px}.modal-panel.size-l{width:1137px;max-width:1137px;max-height:754px}.modal-panel.size-m{max-width:550px;width:550px}.modal-panel.size-s{width:454px}.modal-root--right{align-items:stretch;justify-content:flex-end}.modal-root--right .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--right .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--right .modal-panel{transform:translateX(100%)}.modal-root--right .modal-panel.size-drawer-s{width:351px;padding:20px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-m{width:550px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-l{width:1137px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-xxl{width:1214px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-sidebar-half{width:50vw;min-width:600px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}@media (max-width: 768px){.modal-root--right .modal-panel.size-drawer-s,.modal-root--right .modal-panel.size-drawer-m,.modal-root--right .modal-panel.size-drawer-l,.modal-root--right .modal-panel.size-drawer-xxl,.modal-root--right .modal-panel.size-sidebar-half{width:100vw;min-width:unset}}.modal-root--left{align-items:stretch;justify-content:flex-start}.modal-root--left .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(-100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--left .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--left .modal-panel{transform:translateX(-100%)}.modal-root--top{align-items:flex-start}.modal-root--bottom{align-items:flex-end}@media (max-width: 599px){.modal-panel{padding:20px;width:100% !important}.modal-panel:not(.size-s){border-radius:0 !important;height:100% !important;max-height:unset !important}.modal-root--right .modal-panel{width:100vw !important;min-width:unset !important}.modal-footer{justify-content:center}.modal-footer ::slotted(.button-container){width:100%;min-width:unset !important;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}}@media (prefers-reduced-motion: reduce){.modal-root,.modal-mask,.modal-panel{transition:none !important}}"}},[769,"dropi-modal",{visible:[1540],header:[1],showCloseIcon:[4,"show-close-icon"],dismissable:[4],dismissableMask:[4,"dismissable-mask"],dismissible:[4],closeOnEscape:[4,"close-on-escape"],modal:[4],closable:[4],blockScroll:[4,"block-scroll"],showHeader:[4,"show-header"],showFooter:[4,"show-footer"],position:[1],size:[1],styleClass:[1,"style-class"],maxWidth:[1,"max-width"],autoZIndex:[4,"auto-z-index"],baseZIndex:[2,"base-z-index"],transitionOptions:[1,"transition-options"],enableBeforeClose:[4,"enable-before-close"],isDraggable:[4,"is-draggable"],resizable:[4],isOpen:[32],isClosing:[32],mounted:[32],dismiss:[64],openModalExternally:[64]},void 0,{visible:[{visibleChanged:0}]}]);function r(){"undefined"!=typeof customElements&&["dropi-modal"].forEach((o=>{"dropi-modal"===o&&(customElements.get(e(o))||customElements.define(e(o),l))}))}r();export{l as D,r as d}
@@ -0,0 +1 @@
1
+ import{t,p as e,H as i,c as o,h as r}from"./index.js";import{d as s}from"./p-B9rJd-Rf.js";const a=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dropiInput=o(this,"dropiInput"),this.dropiChange=o(this,"dropiChange"),this.dropiFocus=o(this,"dropiFocus"),this.dropiBlur=o(this,"dropiBlur"),this.internals=this.attachInternals()}internals;inputId="";name="";label="";placeholder=" ";value="";maxLength;disabled=!1;required=!1;showObligatoryAsterisk=!0;fixedLabel=!1;inputMode="text";passwordInput=!1;isMoneyInput=!1;isThousandSeparator=!1;isNumericInput=!1;allowDecimals=!1;isLettersOnly=!1;icon="";iconColor="Gray-Gray-400";hasError=!1;textHelper="";showHelperOnlyOnError=!1;inputProperties=null;showPassword=!1;touched=!1;dropiInput;dropiChange;dropiFocus;dropiBlur;inputPropertiesChanged(t){t&&(void 0!==t.id&&(this.inputId=t.id),void 0!==t.inputId&&(this.inputId=t.inputId),void 0!==t.label&&(this.label=t.label),void 0!==t.placeholder&&(this.placeholder=t.placeholder),void 0!==t.maxLength&&(this.maxLength=t.maxLength),void 0!==t.textHelper&&(this.textHelper=t.textHelper),void 0!==t.passwordInput&&(this.passwordInput=t.passwordInput),void 0!==t.isPasswordInput&&(this.passwordInput=t.isPasswordInput),void 0!==t.icon&&(this.icon=t.icon),void 0!==t.iconColor&&(this.iconColor=t.iconColor),void 0!==t.isMoneyInput&&(this.isMoneyInput=t.isMoneyInput),void 0!==t.showObligatoryAsterisk&&(this.showObligatoryAsterisk=t.showObligatoryAsterisk),void 0!==t.isNumericInput&&(this.isNumericInput=t.isNumericInput),void 0!==t.allowDecimals&&(this.allowDecimals=t.allowDecimals),void 0!==t.isThousandSeparator&&(this.isThousandSeparator=t.isThousandSeparator),void 0!==t.showHelperOnlyOnError&&(this.showHelperOnlyOnError=t.showHelperOnlyOnError),void 0!==t.isLettersOnly&&(this.isLettersOnly=t.isLettersOnly),void 0!==t.inputMode&&(this.inputMode=t.inputMode))}valueChanged(t){this.internals.setFormValue(t)}disabledChanged(t){this.internals.setValidity(t?{customError:!0}:{},t?"Field is disabled":"")}componentWillLoad(){this.internals.setFormValue(this.value??""),this.inputProperties&&this.inputPropertiesChanged(this.inputProperties)}handleInput(t){let e=t.target.value;this.isNumericInput&&(e=this.filterNumbers(e)),this.isLettersOnly&&(e=this.filterLetters(e)),(this.isMoneyInput||this.isThousandSeparator)&&(e=this.formatThousands(e,this.isMoneyInput)),this.value=e,this.internals.setFormValue(e),this.dropiInput.emit(e),this.dropiChange.emit(e)}handleKeyDown(t){(this.isNumericInput||this.isMoneyInput||this.isThousandSeparator)&&!this.isAllowedNumberKey(t)&&t.preventDefault(),this.isLettersOnly&&!this.isAllowedLetterKey(t)&&t.preventDefault()}handleFocus(){this.dropiFocus.emit()}handleBlur(){this.touched=!0,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,e){const i=t.replace(/[^0-9.]/g,""),[o,r]=i.split("."),s=o.replace(/\B(?=(\d{3})+(?!\d))/g,","),a=void 0!==r?`${s}.${r}`:s;return e?`$${a}`:a}get resolvedId(){return this.inputId||this.label}get inputType(){return this.passwordInput?this.showPassword?"text":"password":"text"}get showHelper(){return!!this.textHelper&&(!this.showHelperOnlyOnError||this.hasError&&this.touched)}get isInvalid(){return this.hasError&&this.touched}render(){const t=this.required&&this.showObligatoryAsterisk&&!this.disabled,e=!!this.icon;return r("div",{key:"6af757e1d86bfe96d471e9cbed258a50727ae190",class:{"fixed-label-container":this.fixedLabel}},this.fixedLabel&&r("div",{key:"e88bf81fd2b79933e386c2e5fa38f57d85cfe836",class:"input-label Body-S-Regular"},this.label,t&&r("span",{key:"be8ec1b0d3ef624ca22e58ae072917ad2ecc79fb",class:"asterisk"}," *")),r("div",{key:"4806c0d250f00bb08788d9d6aa935ca15f2aa826",class:"form-group"},r("div",{key:"b9fa243d299bcd165458947d6695fcc845764276",class:{"input-container":!0,"input-container--has-icon":e}},e&&r("dropi-icon",{key:"92b3cf11803745784f13e908ea88992f76c74473",class:"icon-input",name:this.icon,color:this.iconColor,iconWidth:"20px",iconHeight:"20px",style:{width:"20px",height:"20px"}}),this.passwordInput&&r("dropi-icon",{key:"c7dc725d577a6d4afb7f87c8b53b16c621de9e86",class:"icon-input-password",name:this.showPassword?"Eye":"Eye-crossed",iconWidth:"20px",iconHeight:"20px",style:{width:"20px",height:"20px"},color:"Gray-Gray-500",onClick:()=>this.togglePassword()}),r("input",{key:"8146ae1794cbe1f200bb681358c7319f10faab3c",id:this.resolvedId,class:{"form-control":!0,"form-control-valid":!this.isInvalid&&this.touched&&!!this.value,"form-control-invalid":this.isInvalid,"padding-icon":e,"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&&r("label",{key:"005d15af6b50b2cb2d47ac8381a722794eb273e5",class:"Body-S-Regular label-bottom",htmlFor:this.resolvedId},this.label,t&&r("span",{key:"ad56df877cff3df8a801cdfcb607d9af02f7465a",class:"asterisk"}," *")),this.showHelper&&r("div",{key:"76e858c13a798f69b2d20ee9908f17531568dad1",class:"form-control-helper"},this.isInvalid&&r("dropi-icon",{key:"3e42ffb4db7444ebfb49cc9c6720d5a9d02b2860",name:"Warning-circle",iconWidth:"12px",iconHeight:"12px",color:"Error-Error-500"}),r("span",{key:"5e970903eb51ca6b72a43bef0edf6ef149443247",class:{"disabled-helper":this.disabled,"invalid-color":this.isInvalid}},this.textHelper)))))}static get formAssociated(){return!0}static get watchers(){return{inputProperties:[{inputPropertiesChanged:0}],value:[{valueChanged:0}],disabled:[{disabledChanged:0}]}}static get style(){return":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:50%;left:12px;transform:translateY(-50%);z-index:1;display:flex;align-items:center;justify-content:center}.icon-input-password{position:absolute;top:50%;right:13px;transform:translateY(-50%);cursor:pointer;z-index:1;display:flex;align-items:center;justify-content:center}.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, #ffffff);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:40px}.input-container--has-icon label.label-bottom{left:40px}.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}"}},[577,"dropi-input",{inputId:[1025,"input-id"],name:[513],label:[1025],placeholder:[1025],value:[1025],maxLength:[1026,"max-length"],disabled:[516],required:[516],showObligatoryAsterisk:[1028,"show-obligatory-asterisk"],fixedLabel:[4,"fixed-label"],inputMode:[1025,"input-mode"],passwordInput:[1028,"password-input"],isMoneyInput:[1028,"is-money-input"],isThousandSeparator:[1028,"is-thousand-separator"],isNumericInput:[1028,"is-numeric-input"],allowDecimals:[1028,"allow-decimals"],isLettersOnly:[1028,"is-letters-only"],icon:[1025],iconColor:[1025,"icon-color"],hasError:[1028,"has-error"],textHelper:[1025,"text-helper"],showHelperOnlyOnError:[1028,"show-helper-only-on-error"],inputProperties:[8,"input-properties"],showPassword:[32],touched:[32]},void 0,{inputProperties:[{inputPropertiesChanged:0}],value:[{valueChanged:0}],disabled:[{disabledChanged:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-input","dropi-icon"].forEach((e=>{switch(e){case"dropi-input":customElements.get(t(e))||customElements.define(t(e),a);break;case"dropi-icon":customElements.get(t(e))||s()}}))}n();export{a as D,n as d}
@@ -1 +1 @@
1
- import{t as o,p as e,H as t,c as a,B as i,h as s}from"./index.js";const l=e(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dropiShow=a(this,"dropiShow",5),this.dropiHide=a(this,"dropiHide",5),this.dropiVisibleChange=a(this,"dropiVisibleChange",5)}visible=!1;header=null;showCloseIcon=!0;dismissable=!0;dismissableMask=!0;dismissible=!0;closeOnEscape=!0;modal=!0;closable=!0;blockScroll=!0;showHeader=!0;showFooter=!0;position="center";size="m";styleClass=null;maxWidth=null;autoZIndex=!0;baseZIndex=1100;transitionOptions="0.15s";enableBeforeClose=!1;isDraggable=!1;resizable=!1;dropiShow;dropiHide;dropiVisibleChange;isOpen=!1;isClosing=!1;mounted=!1;closeTimer=null;keyHandler=null;canDismiss=!1;visibleChanged(o){o?this.openModal():this.startClose()}componentDidLoad(){this.visible&&this.openModal()}disconnectedCallback(){this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),"undefined"!=typeof document&&document.body.classList.remove("dropi-modal-open")}async dismiss(){this.visible?(this.visible=!1,this.dropiVisibleChange.emit(!1)):this.startClose()}async openModalExternally(){this.visible=!0,this.dropiVisibleChange.emit(!0)}openModal(){this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.isClosing=!1,this.mounted=!0,requestAnimationFrame((()=>requestAnimationFrame((()=>{this.isOpen=!0,this.dropiShow.emit()})))),this.addKeyHandler(),this.canDismiss=!1,setTimeout((()=>{this.canDismiss=!0}),300),(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.add("dropi-modal-open")}startClose(){!this.isClosing&&this.mounted&&(this.isClosing=!0,this.isOpen=!1,this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.mounted=!1,this.isClosing=!1,this.closeTimer=null,(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.remove("dropi-modal-open"),this.dropiHide.emit()}),200))}addKeyHandler(){this.closeOnEscape&&(this.keyHandler=o=>{"Escape"===o.key&&this.visible&&this.dismissable&&this.canDismiss&&this.dismiss()},document.addEventListener("keydown",this.keyHandler))}removeKeyHandler(){this.keyHandler&&(document.removeEventListener("keydown",this.keyHandler),this.keyHandler=null)}render(){return s("div",{key:"084a3feecc511d3d33f15a70cbe0ca35971b7cec",class:`modal-root modal-root--${this.position}${this.isOpen?" modal-root--open":""}${this.isClosing?" modal-root--closing":""}`},(this.modal??!0)&&s("div",{key:"15140f5a43b39677ac59992ed62ce184e9fe9471",class:"modal-mask",onClick:()=>this.canDismiss&&this.dismissable&&this.dismiss()}),s("div",{key:"7ac1084378a4357ba738b505c58dea4044f0b89e",class:`modal-panel size-${this.size||"m"}`,role:"dialog","aria-modal":"true"},this.showHeader&&s("div",{key:"a39703362f56a38571c8ddb3b28f3ffd7351999c",class:"modal-header"},this.header&&s("span",{key:"001e7afbf3f3d4d3b269440d931689141555d501",class:"modal-title"},this.header),s("slot",{key:"783d6fd3bc56fe268f313647d35bbd9d425a7124",name:"header"}),this.showCloseIcon&&s("button",{key:"72d8f925bd0dce00f050058b240d9a3bc0684d7d",class:"modal-close",onClick:()=>this.dismiss(),"aria-label":"Cerrar"},"×")),s("div",{key:"73f322ca07b5c2898a22a58d9387e253451634d9",class:"modal-content"},s("slot",{key:"149ab610f362b85a21ef36b0c37e0c5f74aa824a"})),this.showFooter&&s("div",{key:"5d8a0e86f24351a55a2f78056b4ea17fc14b05b4",class:"modal-footer"},s("slot",{key:"e24df27b8c5056969e0ff62dba91b085f9f689aa",name:"footer"}))))}static get watchers(){return{visible:[{visibleChanged:0}]}}static get style(){return":host{display:contents}*,*::before,*::after{box-sizing:border-box}.modal-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 0.18s ease;z-index:9999;visibility:hidden}.modal-root--open{opacity:1;pointer-events:auto;visibility:visible}.modal-root--closing{opacity:1;pointer-events:none;visibility:visible}.modal-mask{position:absolute;inset:0;background:rgba(6,11,16,0.66);pointer-events:auto;opacity:0;transition:opacity 0.18s ease}.modal-root--open .modal-mask{opacity:1}.modal-root--closing .modal-mask{opacity:0}.modal-panel{position:relative;pointer-events:auto;display:flex;flex-direction:column;border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);box-shadow:0 0 60px rgba(0,0,0,0.06);overflow:hidden;padding:var(--Size-6, 32px);gap:var(--Size-5, 24px);max-height:calc(100vh - 60px);opacity:0;transform:translateY(16px) scale(0.92);transition:opacity 0.18s ease, transform 0.18s ease}.modal-root--open .modal-panel{opacity:1;transform:none}.modal-root--closing .modal-panel{opacity:0;transform:translateY(-12px) scale(1.06)}.modal-header{display:flex;align-items:center;gap:4px}.modal-title{color:var(--Gray-Gray-700,#32394d);font-size:var(--Size-5, 24px);font-weight:var(--font-weight-bold);flex:1;text-align:left}.modal-close{margin-left:auto;border:0;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-xxl);line-height:1;color:var(--Gray-Gray-400)}.modal-close:hover{opacity:0.7}.modal-content{padding-right:8px;overflow:auto;flex:1;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--Gray-Gray-300,#a3abbf) var(--Gray-Gray-50,#f7f8fa)}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:var(--Gray-Gray-50,#f7f8fa);border-radius:16px}.modal-content::-webkit-scrollbar-thumb{background:var(--Gray-Gray-300,#a3abbf);border-radius:16px}.modal-footer{display:flex;justify-content:flex-end;align-items:flex-start;gap:var(--Size-1, 4px);width:100%;margin-top:auto;flex-shrink:0}.modal-footer:empty{display:none}::slotted(.button-container){display:grid;grid-template-columns:1fr 1fr;gap:var(--Size-4, 16px);min-width:470px;width:100%}::slotted(.button-container)>*{width:100%}::slotted(.button-container) dropi-button{width:100%}.modal-panel.size-m .modal-footer,.modal-panel.size-s .modal-footer{justify-content:center}.modal-panel.size-m .modal-footer ::slotted(.button-container),.modal-panel.size-s .modal-footer ::slotted(.button-container){min-width:unset !important;width:100%}.modal-panel.size-drawer-s .modal-footer ::slotted(.button-container){min-width:unset;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}.modal-panel.size-full{width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-panel.size-xxl{width:calc(100% - 60px);max-width:1520px;height:calc(100vh - 120px);max-height:900px}.modal-panel.size-l{width:1137px;max-width:1137px;max-height:754px}.modal-panel.size-m{max-width:550px;width:550px}.modal-panel.size-s{width:454px}.modal-root--right{align-items:stretch;justify-content:flex-end}.modal-root--right .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--right .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--right .modal-panel{transform:translateX(100%)}.modal-root--right .modal-panel.size-drawer-s{width:351px;padding:20px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-m{width:550px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-l{width:1137px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-xxl{width:1214px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-sidebar-half{width:50vw;min-width:600px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}@media (max-width: 768px){.modal-root--right .modal-panel.size-drawer-s,.modal-root--right .modal-panel.size-drawer-m,.modal-root--right .modal-panel.size-drawer-l,.modal-root--right .modal-panel.size-drawer-xxl,.modal-root--right .modal-panel.size-sidebar-half{width:100vw;min-width:unset}}.modal-root--left{align-items:stretch;justify-content:flex-start}.modal-root--left .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(-100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--left .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--left .modal-panel{transform:translateX(-100%)}.modal-root--top{align-items:flex-start}.modal-root--bottom{align-items:flex-end}@media (max-width: 599px){.modal-panel{padding:20px;width:100% !important}.modal-panel:not(.size-s){border-radius:0 !important;height:100% !important;max-height:unset !important}.modal-root--right .modal-panel{width:100vw !important;min-width:unset !important}.modal-footer{justify-content:center}.modal-footer ::slotted(.button-container){width:100%;min-width:unset !important;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}}@media (prefers-reduced-motion: reduce){.modal-root,.modal-mask,.modal-panel{transition:none !important}}"}},[769,"dropi-modal",{visible:[1540],header:[1],showCloseIcon:[4,"show-close-icon"],dismissable:[4],dismissableMask:[4,"dismissable-mask"],dismissible:[4],closeOnEscape:[4,"close-on-escape"],modal:[4],closable:[4],blockScroll:[4,"block-scroll"],showHeader:[4,"show-header"],showFooter:[4,"show-footer"],position:[1],size:[1],styleClass:[1,"style-class"],maxWidth:[1,"max-width"],autoZIndex:[4,"auto-z-index"],baseZIndex:[2,"base-z-index"],transitionOptions:[1,"transition-options"],enableBeforeClose:[4,"enable-before-close"],isDraggable:[4,"is-draggable"],resizable:[4],isOpen:[32],isClosing:[32],mounted:[32],dismiss:[64],openModalExternally:[64]},void 0,{visible:[{visibleChanged:0}]}]);function r(){"undefined"!=typeof customElements&&["dropi-modal"].forEach((e=>{"dropi-modal"===e&&(customElements.get(o(e))||customElements.define(o(e),l))}))}r();export{l as D,r as d}
1
+ import{t as o,p as e,H as t,c as a,B as i,h as s}from"./index.js";const l=e(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dropiShow=a(this,"dropiShow",5),this.dropiHide=a(this,"dropiHide",5),this.dropiVisibleChange=a(this,"dropiVisibleChange",5)}visible=!1;header=null;showCloseIcon=!0;dismissable=!0;dismissableMask=!0;dismissible=!0;closeOnEscape=!0;modal=!0;closable=!0;blockScroll=!0;showHeader=!0;showFooter=!0;position="center";size="m";styleClass=null;maxWidth=null;autoZIndex=!0;baseZIndex=1100;transitionOptions="0.15s";enableBeforeClose=!1;isDraggable=!1;resizable=!1;dropiShow;dropiHide;dropiVisibleChange;isOpen=!1;isClosing=!1;mounted=!1;closeTimer=null;keyHandler=null;canDismiss=!1;visibleChanged(o){o?this.openModal():this.startClose()}componentDidLoad(){this.visible&&this.openModal()}disconnectedCallback(){this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),"undefined"!=typeof document&&document.body.classList.remove("dropi-modal-open")}async dismiss(){this.visible?(this.visible=!1,this.dropiVisibleChange.emit(!1)):this.startClose()}async openModalExternally(){this.visible=!0,this.dropiVisibleChange.emit(!0)}openModal(){this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.isClosing=!1,this.mounted=!0,requestAnimationFrame((()=>requestAnimationFrame((()=>{this.isOpen=!0,this.dropiShow.emit()})))),this.addKeyHandler(),this.canDismiss=!1,setTimeout((()=>{this.canDismiss=!0}),300),(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.add("dropi-modal-open")}startClose(){!this.isClosing&&this.mounted&&(this.isClosing=!0,this.isOpen=!1,this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.mounted=!1,this.isClosing=!1,this.closeTimer=null,(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.remove("dropi-modal-open"),this.dropiHide.emit()}),200))}addKeyHandler(){this.closeOnEscape&&(this.keyHandler=o=>{"Escape"===o.key&&this.visible&&this.dismissable&&this.canDismiss&&this.dismiss()},document.addEventListener("keydown",this.keyHandler))}removeKeyHandler(){this.keyHandler&&(document.removeEventListener("keydown",this.keyHandler),this.keyHandler=null)}render(){return s("div",{key:"084a3feecc511d3d33f15a70cbe0ca35971b7cec",class:`modal-root modal-root--${this.position}${this.isOpen?" modal-root--open":""}${this.isClosing?" modal-root--closing":""}`},(this.modal??!0)&&s("div",{key:"15140f5a43b39677ac59992ed62ce184e9fe9471",class:"modal-mask",onClick:()=>this.canDismiss&&this.dismissable&&this.dismiss()}),s("div",{key:"7ac1084378a4357ba738b505c58dea4044f0b89e",class:`modal-panel size-${this.size||"m"}`,role:"dialog","aria-modal":"true"},this.showHeader&&s("div",{key:"a39703362f56a38571c8ddb3b28f3ffd7351999c",class:"modal-header"},this.header&&s("span",{key:"001e7afbf3f3d4d3b269440d931689141555d501",class:"modal-title"},this.header),s("slot",{key:"783d6fd3bc56fe268f313647d35bbd9d425a7124",name:"header"}),this.showCloseIcon&&s("button",{key:"72d8f925bd0dce00f050058b240d9a3bc0684d7d",class:"modal-close",onClick:()=>this.dismiss(),"aria-label":"Cerrar"},"×")),s("div",{key:"73f322ca07b5c2898a22a58d9387e253451634d9",class:"modal-content"},s("slot",{key:"149ab610f362b85a21ef36b0c37e0c5f74aa824a"})),this.showFooter&&s("div",{key:"5d8a0e86f24351a55a2f78056b4ea17fc14b05b4",class:"modal-footer"},s("slot",{key:"e24df27b8c5056969e0ff62dba91b085f9f689aa",name:"footer"}))))}static get watchers(){return{visible:[{visibleChanged:0}]}}static get style(){return":host{display:contents}*,*::before,*::after{box-sizing:border-box}.modal-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 0.18s ease;z-index:11000;visibility:hidden}.modal-root--open{opacity:1;pointer-events:auto;visibility:visible}.modal-root--closing{opacity:1;pointer-events:none;visibility:visible}.modal-mask{position:absolute;inset:0;background:rgba(6,11,16,0.66);pointer-events:auto;opacity:0;transition:opacity 0.18s ease}.modal-root--open .modal-mask{opacity:1}.modal-root--closing .modal-mask{opacity:0}.modal-panel{position:relative;pointer-events:auto;display:flex;flex-direction:column;border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);box-shadow:0 0 60px rgba(0,0,0,0.06);overflow:hidden;padding:var(--Size-6, 32px);gap:var(--Size-5, 24px);max-height:calc(100vh - 60px);opacity:0;transform:translateY(16px) scale(0.92);transition:opacity 0.18s ease, transform 0.18s ease}.modal-root--open .modal-panel{opacity:1;transform:none}.modal-root--closing .modal-panel{opacity:0;transform:translateY(-12px) scale(1.06)}.modal-header{display:flex;align-items:center;gap:4px}.modal-title{color:var(--Gray-Gray-700,#32394d);font-size:var(--Size-5, 24px);font-weight:var(--font-weight-bold);flex:1;text-align:left}.modal-close{margin-left:auto;border:0;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-xxl);line-height:1;color:var(--Gray-Gray-400)}.modal-close:hover{opacity:0.7}.modal-content{padding-right:8px;overflow:auto;flex:1;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--Gray-Gray-300,#a3abbf) var(--Gray-Gray-50,#f7f8fa)}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:var(--Gray-Gray-50,#f7f8fa);border-radius:16px}.modal-content::-webkit-scrollbar-thumb{background:var(--Gray-Gray-300,#a3abbf);border-radius:16px}.modal-footer{display:flex;justify-content:flex-end;align-items:flex-start;gap:var(--Size-1, 4px);width:100%;margin-top:auto;flex-shrink:0}.modal-footer:empty{display:none}::slotted(.button-container){display:grid;grid-template-columns:1fr 1fr;gap:var(--Size-4, 16px);min-width:470px;width:100%}::slotted(.button-container)>*{width:100%}::slotted(.button-container) dropi-button{width:100%}.modal-panel.size-m .modal-footer,.modal-panel.size-s .modal-footer{justify-content:center}.modal-panel.size-m .modal-footer ::slotted(.button-container),.modal-panel.size-s .modal-footer ::slotted(.button-container){min-width:unset !important;width:100%}.modal-panel.size-drawer-s .modal-footer ::slotted(.button-container){min-width:unset;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}.modal-panel.size-full{width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-panel.size-xxl{width:calc(100% - 60px);max-width:1520px;height:calc(100vh - 120px);max-height:900px}.modal-panel.size-l{width:1137px;max-width:1137px;max-height:754px}.modal-panel.size-m{max-width:550px;width:550px}.modal-panel.size-s{width:454px}.modal-root--right{align-items:stretch;justify-content:flex-end}.modal-root--right .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--right .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--right .modal-panel{transform:translateX(100%)}.modal-root--right .modal-panel.size-drawer-s{width:351px;padding:20px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-m{width:550px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-l{width:1137px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-xxl{width:1214px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-sidebar-half{width:50vw;min-width:600px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}@media (max-width: 768px){.modal-root--right .modal-panel.size-drawer-s,.modal-root--right .modal-panel.size-drawer-m,.modal-root--right .modal-panel.size-drawer-l,.modal-root--right .modal-panel.size-drawer-xxl,.modal-root--right .modal-panel.size-sidebar-half{width:100vw;min-width:unset}}.modal-root--left{align-items:stretch;justify-content:flex-start}.modal-root--left .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(-100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--left .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--left .modal-panel{transform:translateX(-100%)}.modal-root--top{align-items:flex-start}.modal-root--bottom{align-items:flex-end}@media (max-width: 599px){.modal-panel{padding:20px;width:100% !important}.modal-panel:not(.size-s){border-radius:0 !important;height:100% !important;max-height:unset !important}.modal-root--right .modal-panel{width:100vw !important;min-width:unset !important}.modal-footer{justify-content:center}.modal-footer ::slotted(.button-container){width:100%;min-width:unset !important;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}}@media (prefers-reduced-motion: reduce){.modal-root,.modal-mask,.modal-panel{transition:none !important}}"}},[769,"dropi-modal",{visible:[1540],header:[1],showCloseIcon:[4,"show-close-icon"],dismissable:[4],dismissableMask:[4,"dismissable-mask"],dismissible:[4],closeOnEscape:[4,"close-on-escape"],modal:[4],closable:[4],blockScroll:[4,"block-scroll"],showHeader:[4,"show-header"],showFooter:[4,"show-footer"],position:[1],size:[1],styleClass:[1,"style-class"],maxWidth:[1,"max-width"],autoZIndex:[4,"auto-z-index"],baseZIndex:[2,"base-z-index"],transitionOptions:[1,"transition-options"],enableBeforeClose:[4,"enable-before-close"],isDraggable:[4,"is-draggable"],resizable:[4],isOpen:[32],isClosing:[32],mounted:[32],dismiss:[64],openModalExternally:[64]},void 0,{visible:[{visibleChanged:0}]}]);function r(){"undefined"!=typeof customElements&&["dropi-modal"].forEach((e=>{"dropi-modal"===e&&(customElements.get(o(e))||customElements.define(o(e),l))}))}r();export{l as D,r as d}
@@ -1 +1 @@
1
- import{t as e,p as o,H as t,c as a,B as i,h as s}from"./index.js";const l=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiShow=a(this,"dropiShow"),this.dropiHide=a(this,"dropiHide"),this.dropiVisibleChange=a(this,"dropiVisibleChange")}visible=!1;header=null;showCloseIcon=!0;dismissable=!0;dismissableMask=!0;dismissible=!0;closeOnEscape=!0;modal=!0;closable=!0;blockScroll=!0;showHeader=!0;showFooter=!0;position="center";size="m";styleClass=null;maxWidth=null;autoZIndex=!0;baseZIndex=1100;transitionOptions="0.15s";enableBeforeClose=!1;isDraggable=!1;resizable=!1;dropiShow;dropiHide;dropiVisibleChange;isOpen=!1;isClosing=!1;mounted=!1;closeTimer=null;keyHandler=null;canDismiss=!1;visibleChanged(e){e?this.openModal():this.startClose()}componentDidLoad(){this.visible&&this.openModal()}disconnectedCallback(){this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),"undefined"!=typeof document&&document.body.classList.remove("dropi-modal-open")}async dismiss(){this.visible?(this.visible=!1,this.dropiVisibleChange.emit(!1)):this.startClose()}async openModalExternally(){this.visible=!0,this.dropiVisibleChange.emit(!0)}openModal(){this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.isClosing=!1,this.mounted=!0,requestAnimationFrame((()=>requestAnimationFrame((()=>{this.isOpen=!0,this.dropiShow.emit()})))),this.addKeyHandler(),this.canDismiss=!1,setTimeout((()=>{this.canDismiss=!0}),300),(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.add("dropi-modal-open")}startClose(){!this.isClosing&&this.mounted&&(this.isClosing=!0,this.isOpen=!1,this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.mounted=!1,this.isClosing=!1,this.closeTimer=null,(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.remove("dropi-modal-open"),this.dropiHide.emit()}),200))}addKeyHandler(){this.closeOnEscape&&(this.keyHandler=e=>{"Escape"===e.key&&this.visible&&this.dismissable&&this.canDismiss&&this.dismiss()},document.addEventListener("keydown",this.keyHandler))}removeKeyHandler(){this.keyHandler&&(document.removeEventListener("keydown",this.keyHandler),this.keyHandler=null)}render(){return s("div",{key:"afa5e48e56be5263ee7730fe532c1cf25d178b73",class:`modal-root modal-root--${this.position}${this.isOpen?" modal-root--open":""}${this.isClosing?" modal-root--closing":""}`},(this.modal??!0)&&s("div",{key:"2f469b86ec4294e0e73aa6a853eb2186e8f8d142",class:"modal-mask",onClick:()=>this.canDismiss&&this.dismissable&&this.dismiss()}),s("div",{key:"019271295ea8bd221dd33f3c643ba5ba290a2b6d",class:`modal-panel size-${this.size||"m"}`,role:"dialog","aria-modal":"true"},this.showHeader&&s("div",{key:"52d22a6d389a874c52de0640c2102356ec01f00e",class:"modal-header"},this.header&&s("span",{key:"8bc171fc24b191535b49f21c235ac78b9e0da828",class:"modal-title"},this.header),s("slot",{key:"bad3234aed329d12882148f1493152cf361cb2e6",name:"header"}),this.showCloseIcon&&s("button",{key:"ca2e6373a96e02363228139138304bafb6abd5c9",class:"modal-close",onClick:()=>this.dismiss(),"aria-label":"Cerrar"},"×")),s("div",{key:"d725c7ea9fbf08b442be136c917e7a5d29a19697",class:"modal-content"},s("slot",{key:"5a80fa52be41009b519ee826f32d4fa22ab9e56d"})),this.showFooter&&s("div",{key:"b5eea1fa4e0de034ea511616b918f85575e69b54",class:"modal-footer"},s("slot",{key:"29aff99f75c5a32d02ab941f27d4c9f2ada614a8",name:"footer"}))))}static get watchers(){return{visible:[{visibleChanged:0}]}}static get style(){return":host{display:contents}*,*::before,*::after{box-sizing:border-box}.modal-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 0.18s ease;z-index:9999;visibility:hidden}.modal-root--open{opacity:1;pointer-events:auto;visibility:visible}.modal-root--closing{opacity:1;pointer-events:none;visibility:visible}.modal-mask{position:absolute;inset:0;background:rgba(6,11,16,0.66);pointer-events:auto;opacity:0;transition:opacity 0.18s ease}.modal-root--open .modal-mask{opacity:1}.modal-root--closing .modal-mask{opacity:0}.modal-panel{position:relative;pointer-events:auto;display:flex;flex-direction:column;border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);box-shadow:0 0 60px rgba(0,0,0,0.06);overflow:hidden;padding:var(--Size-6, 32px);gap:var(--Size-5, 24px);max-height:calc(100vh - 60px);opacity:0;transform:translateY(16px) scale(0.92);transition:opacity 0.18s ease, transform 0.18s ease}.modal-root--open .modal-panel{opacity:1;transform:none}.modal-root--closing .modal-panel{opacity:0;transform:translateY(-12px) scale(1.06)}.modal-header{display:flex;align-items:center;gap:4px}.modal-title{color:var(--Gray-Gray-700,#32394d);font-size:var(--Size-5, 24px);font-weight:var(--font-weight-bold);flex:1;text-align:left}.modal-close{margin-left:auto;border:0;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-xxl);line-height:1;color:var(--Gray-Gray-400)}.modal-close:hover{opacity:0.7}.modal-content{padding-right:8px;overflow:auto;flex:1;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--Gray-Gray-300,#a3abbf) var(--Gray-Gray-50,#f7f8fa)}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:var(--Gray-Gray-50,#f7f8fa);border-radius:16px}.modal-content::-webkit-scrollbar-thumb{background:var(--Gray-Gray-300,#a3abbf);border-radius:16px}.modal-footer{display:flex;justify-content:flex-end;align-items:flex-start;gap:var(--Size-1, 4px);width:100%;margin-top:auto;flex-shrink:0}.modal-footer:empty{display:none}::slotted(.button-container){display:grid;grid-template-columns:1fr 1fr;gap:var(--Size-4, 16px);min-width:470px;width:100%}::slotted(.button-container)>*{width:100%}::slotted(.button-container) dropi-button{width:100%}.modal-panel.size-m .modal-footer,.modal-panel.size-s .modal-footer{justify-content:center}.modal-panel.size-m .modal-footer ::slotted(.button-container),.modal-panel.size-s .modal-footer ::slotted(.button-container){min-width:unset !important;width:100%}.modal-panel.size-drawer-s .modal-footer ::slotted(.button-container){min-width:unset;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}.modal-panel.size-full{width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-panel.size-xxl{width:calc(100% - 60px);max-width:1520px;height:calc(100vh - 120px);max-height:900px}.modal-panel.size-l{width:1137px;max-width:1137px;max-height:754px}.modal-panel.size-m{max-width:550px;width:550px}.modal-panel.size-s{width:454px}.modal-root--right{align-items:stretch;justify-content:flex-end}.modal-root--right .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--right .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--right .modal-panel{transform:translateX(100%)}.modal-root--right .modal-panel.size-drawer-s{width:351px;padding:20px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-m{width:550px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-l{width:1137px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-xxl{width:1214px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-sidebar-half{width:50vw;min-width:600px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}@media (max-width: 768px){.modal-root--right .modal-panel.size-drawer-s,.modal-root--right .modal-panel.size-drawer-m,.modal-root--right .modal-panel.size-drawer-l,.modal-root--right .modal-panel.size-drawer-xxl,.modal-root--right .modal-panel.size-sidebar-half{width:100vw;min-width:unset}}.modal-root--left{align-items:stretch;justify-content:flex-start}.modal-root--left .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(-100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--left .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--left .modal-panel{transform:translateX(-100%)}.modal-root--top{align-items:flex-start}.modal-root--bottom{align-items:flex-end}@media (max-width: 599px){.modal-panel{padding:20px;width:100% !important}.modal-panel:not(.size-s){border-radius:0 !important;height:100% !important;max-height:unset !important}.modal-root--right .modal-panel{width:100vw !important;min-width:unset !important}.modal-footer{justify-content:center}.modal-footer ::slotted(.button-container){width:100%;min-width:unset !important;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}}@media (prefers-reduced-motion: reduce){.modal-root,.modal-mask,.modal-panel{transition:none !important}}"}},[769,"dropi-modal",{visible:[1540],header:[1],showCloseIcon:[4,"show-close-icon"],dismissable:[4],dismissableMask:[4,"dismissable-mask"],dismissible:[4],closeOnEscape:[4,"close-on-escape"],modal:[4],closable:[4],blockScroll:[4,"block-scroll"],showHeader:[4,"show-header"],showFooter:[4,"show-footer"],position:[1],size:[1],styleClass:[1,"style-class"],maxWidth:[1,"max-width"],autoZIndex:[4,"auto-z-index"],baseZIndex:[2,"base-z-index"],transitionOptions:[1,"transition-options"],enableBeforeClose:[4,"enable-before-close"],isDraggable:[4,"is-draggable"],resizable:[4],isOpen:[32],isClosing:[32],mounted:[32],dismiss:[64],openModalExternally:[64]},void 0,{visible:[{visibleChanged:0}]}]);function r(){"undefined"!=typeof customElements&&["dropi-modal"].forEach((o=>{"dropi-modal"===o&&(customElements.get(e(o))||customElements.define(e(o),l))}))}r();export{l as D,r as d}
1
+ import{t as e,p as o,H as t,c as a,B as i,h as s}from"./index.js";const l=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiShow=a(this,"dropiShow"),this.dropiHide=a(this,"dropiHide"),this.dropiVisibleChange=a(this,"dropiVisibleChange")}visible=!1;header=null;showCloseIcon=!0;dismissable=!0;dismissableMask=!0;dismissible=!0;closeOnEscape=!0;modal=!0;closable=!0;blockScroll=!0;showHeader=!0;showFooter=!0;position="center";size="m";styleClass=null;maxWidth=null;autoZIndex=!0;baseZIndex=1100;transitionOptions="0.15s";enableBeforeClose=!1;isDraggable=!1;resizable=!1;dropiShow;dropiHide;dropiVisibleChange;isOpen=!1;isClosing=!1;mounted=!1;closeTimer=null;keyHandler=null;canDismiss=!1;visibleChanged(e){e?this.openModal():this.startClose()}componentDidLoad(){this.visible&&this.openModal()}disconnectedCallback(){this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),"undefined"!=typeof document&&document.body.classList.remove("dropi-modal-open")}async dismiss(){this.visible?(this.visible=!1,this.dropiVisibleChange.emit(!1)):this.startClose()}async openModalExternally(){this.visible=!0,this.dropiVisibleChange.emit(!0)}openModal(){this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.isClosing=!1,this.mounted=!0,requestAnimationFrame((()=>requestAnimationFrame((()=>{this.isOpen=!0,this.dropiShow.emit()})))),this.addKeyHandler(),this.canDismiss=!1,setTimeout((()=>{this.canDismiss=!0}),300),(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.add("dropi-modal-open")}startClose(){!this.isClosing&&this.mounted&&(this.isClosing=!0,this.isOpen=!1,this.removeKeyHandler(),this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.mounted=!1,this.isClosing=!1,this.closeTimer=null,(this.modal??1)&&i.isBrowser&&document.body&&document.body.classList.remove("dropi-modal-open"),this.dropiHide.emit()}),200))}addKeyHandler(){this.closeOnEscape&&(this.keyHandler=e=>{"Escape"===e.key&&this.visible&&this.dismissable&&this.canDismiss&&this.dismiss()},document.addEventListener("keydown",this.keyHandler))}removeKeyHandler(){this.keyHandler&&(document.removeEventListener("keydown",this.keyHandler),this.keyHandler=null)}render(){return s("div",{key:"afa5e48e56be5263ee7730fe532c1cf25d178b73",class:`modal-root modal-root--${this.position}${this.isOpen?" modal-root--open":""}${this.isClosing?" modal-root--closing":""}`},(this.modal??!0)&&s("div",{key:"2f469b86ec4294e0e73aa6a853eb2186e8f8d142",class:"modal-mask",onClick:()=>this.canDismiss&&this.dismissable&&this.dismiss()}),s("div",{key:"019271295ea8bd221dd33f3c643ba5ba290a2b6d",class:`modal-panel size-${this.size||"m"}`,role:"dialog","aria-modal":"true"},this.showHeader&&s("div",{key:"52d22a6d389a874c52de0640c2102356ec01f00e",class:"modal-header"},this.header&&s("span",{key:"8bc171fc24b191535b49f21c235ac78b9e0da828",class:"modal-title"},this.header),s("slot",{key:"bad3234aed329d12882148f1493152cf361cb2e6",name:"header"}),this.showCloseIcon&&s("button",{key:"ca2e6373a96e02363228139138304bafb6abd5c9",class:"modal-close",onClick:()=>this.dismiss(),"aria-label":"Cerrar"},"×")),s("div",{key:"d725c7ea9fbf08b442be136c917e7a5d29a19697",class:"modal-content"},s("slot",{key:"5a80fa52be41009b519ee826f32d4fa22ab9e56d"})),this.showFooter&&s("div",{key:"b5eea1fa4e0de034ea511616b918f85575e69b54",class:"modal-footer"},s("slot",{key:"29aff99f75c5a32d02ab941f27d4c9f2ada614a8",name:"footer"}))))}static get watchers(){return{visible:[{visibleChanged:0}]}}static get style(){return":host{display:contents}*,*::before,*::after{box-sizing:border-box}.modal-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 0.18s ease;z-index:11000;visibility:hidden}.modal-root--open{opacity:1;pointer-events:auto;visibility:visible}.modal-root--closing{opacity:1;pointer-events:none;visibility:visible}.modal-mask{position:absolute;inset:0;background:rgba(6,11,16,0.66);pointer-events:auto;opacity:0;transition:opacity 0.18s ease}.modal-root--open .modal-mask{opacity:1}.modal-root--closing .modal-mask{opacity:0}.modal-panel{position:relative;pointer-events:auto;display:flex;flex-direction:column;border-radius:var(--Border-2, 8px);background:var(--Neutral-White, #ffffff);box-shadow:0 0 60px rgba(0,0,0,0.06);overflow:hidden;padding:var(--Size-6, 32px);gap:var(--Size-5, 24px);max-height:calc(100vh - 60px);opacity:0;transform:translateY(16px) scale(0.92);transition:opacity 0.18s ease, transform 0.18s ease}.modal-root--open .modal-panel{opacity:1;transform:none}.modal-root--closing .modal-panel{opacity:0;transform:translateY(-12px) scale(1.06)}.modal-header{display:flex;align-items:center;gap:4px}.modal-title{color:var(--Gray-Gray-700,#32394d);font-size:var(--Size-5, 24px);font-weight:var(--font-weight-bold);flex:1;text-align:left}.modal-close{margin-left:auto;border:0;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-xxl);line-height:1;color:var(--Gray-Gray-400)}.modal-close:hover{opacity:0.7}.modal-content{padding-right:8px;overflow:auto;flex:1;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--Gray-Gray-300,#a3abbf) var(--Gray-Gray-50,#f7f8fa)}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:var(--Gray-Gray-50,#f7f8fa);border-radius:16px}.modal-content::-webkit-scrollbar-thumb{background:var(--Gray-Gray-300,#a3abbf);border-radius:16px}.modal-footer{display:flex;justify-content:flex-end;align-items:flex-start;gap:var(--Size-1, 4px);width:100%;margin-top:auto;flex-shrink:0}.modal-footer:empty{display:none}::slotted(.button-container){display:grid;grid-template-columns:1fr 1fr;gap:var(--Size-4, 16px);min-width:470px;width:100%}::slotted(.button-container)>*{width:100%}::slotted(.button-container) dropi-button{width:100%}.modal-panel.size-m .modal-footer,.modal-panel.size-s .modal-footer{justify-content:center}.modal-panel.size-m .modal-footer ::slotted(.button-container),.modal-panel.size-s .modal-footer ::slotted(.button-container){min-width:unset !important;width:100%}.modal-panel.size-drawer-s .modal-footer ::slotted(.button-container){min-width:unset;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}.modal-panel.size-full{width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-panel.size-xxl{width:calc(100% - 60px);max-width:1520px;height:calc(100vh - 120px);max-height:900px}.modal-panel.size-l{width:1137px;max-width:1137px;max-height:754px}.modal-panel.size-m{max-width:550px;width:550px}.modal-panel.size-s{width:454px}.modal-root--right{align-items:stretch;justify-content:flex-end}.modal-root--right .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--right .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--right .modal-panel{transform:translateX(100%)}.modal-root--right .modal-panel.size-drawer-s{width:351px;padding:20px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-m{width:550px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-l{width:1137px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-drawer-xxl{width:1214px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}.modal-root--right .modal-panel.size-sidebar-half{width:50vw;min-width:600px;box-shadow:0 8px 40px rgba(0,0,0,0.16)}@media (max-width: 768px){.modal-root--right .modal-panel.size-drawer-s,.modal-root--right .modal-panel.size-drawer-m,.modal-root--right .modal-panel.size-drawer-l,.modal-root--right .modal-panel.size-drawer-xxl,.modal-root--right .modal-panel.size-sidebar-half{width:100vw;min-width:unset}}.modal-root--left{align-items:stretch;justify-content:flex-start}.modal-root--left .modal-panel{height:100vh;max-height:100vh;border-radius:0;gap:0;opacity:1;transform:translateX(-100%);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1)}.modal-root--open.modal-root--left .modal-panel{transform:translateX(0)}.modal-root--closing.modal-root--left .modal-panel{transform:translateX(-100%)}.modal-root--top{align-items:flex-start}.modal-root--bottom{align-items:flex-end}@media (max-width: 599px){.modal-panel{padding:20px;width:100% !important}.modal-panel:not(.size-s){border-radius:0 !important;height:100% !important;max-height:unset !important}.modal-root--right .modal-panel{width:100vw !important;min-width:unset !important}.modal-footer{justify-content:center}.modal-footer ::slotted(.button-container){width:100%;min-width:unset !important;display:flex;flex-direction:column-reverse;gap:var(--Size-4, 16px)}}@media (prefers-reduced-motion: reduce){.modal-root,.modal-mask,.modal-panel{transition:none !important}}"}},[769,"dropi-modal",{visible:[1540],header:[1],showCloseIcon:[4,"show-close-icon"],dismissable:[4],dismissableMask:[4,"dismissable-mask"],dismissible:[4],closeOnEscape:[4,"close-on-escape"],modal:[4],closable:[4],blockScroll:[4,"block-scroll"],showHeader:[4,"show-header"],showFooter:[4,"show-footer"],position:[1],size:[1],styleClass:[1,"style-class"],maxWidth:[1,"max-width"],autoZIndex:[4,"auto-z-index"],baseZIndex:[2,"base-z-index"],transitionOptions:[1,"transition-options"],enableBeforeClose:[4,"enable-before-close"],isDraggable:[4,"is-draggable"],resizable:[4],isOpen:[32],isClosing:[32],mounted:[32],dismiss:[64],openModalExternally:[64]},void 0,{visible:[{visibleChanged:0}]}]);function r(){"undefined"!=typeof customElements&&["dropi-modal"].forEach((o=>{"dropi-modal"===o&&(customElements.get(e(o))||customElements.define(e(o),l))}))}r();export{l as D,r as d}
@@ -0,0 +1 @@
1
+ import{t as e,p as t,H as i,c as s,h as o}from"./index.js";const r=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiChange=s(this,"dropiChange"),this.internals=this.attachInternals()}internals;name="";isChecked=!1;disabled=!1;dropiChange;checkedChanged(e){this.internals.setFormValue(e?"on":null)}componentWillLoad(){this.internals.setFormValue(this.isChecked?"on":null)}onToggleChange(e){this.isChecked=e.target.checked,this.dropiChange.emit(this.isChecked)}render(){return o("label",{key:"b3321fd96a1487210a920f5494708dc2eb05f10c",class:"toggle-switch"},o("input",{key:"ee7cfecf443a1c839ce145ade18cc3ff15924816",type:"checkbox",checked:this.isChecked,disabled:this.disabled,onChange:e=>this.onToggleChange(e)}),o("span",{key:"c0800bd9a7f52cf666b3e475265da223b852be9a",class:"slider"}))}static get formAssociated(){return!0}static get watchers(){return{isChecked:[{checkedChanged:0}]}}static get style(){return":host{display:inline-block}*,*::before,*::after{box-sizing:border-box}.toggle-switch{position:relative;display:inline-block;width:40px;height:21px;margin-bottom:0;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--Gray-Gray-200, #c3c9d9);transition:0.4s;border-radius:34px}.slider::before{position:absolute;content:'';height:17px;width:17px;left:3px;bottom:2px;background-color:var(--Neutral-White, #ffffff);transition:0.4s;border-radius:50%}input:checked+.slider{background-color:var(--Primary-Primary-500, #f49a3d)}input:checked+.slider::before{transform:translateX(17px)}:host([disabled]) .toggle-switch{cursor:not-allowed;opacity:0.5}"}},[577,"dropi-switch",{name:[513],isChecked:[1540,"is-checked"],disabled:[516]},void 0,{isChecked:[{checkedChanged:0}]}]);function c(){"undefined"!=typeof customElements&&["dropi-switch"].forEach((t=>{"dropi-switch"===t&&(customElements.get(e(t))||customElements.define(e(t),r))}))}c();export{r as D,c as d}