@prolibu-suite/cobalt-core 0.11.12 → 0.11.13

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 (439) hide show
  1. package/custom-elements.json +36 -109
  2. package/dist/cjs/co-accordion.cjs.entry.js +5 -5
  3. package/dist/cjs/co-action-bar.cjs.entry.js +1 -1
  4. package/dist/cjs/co-app-shell.cjs.entry.js +1 -1
  5. package/dist/cjs/co-audio-player.cjs.entry.js +1 -1
  6. package/dist/cjs/co-autocomplete.cjs.entry.js +2 -2
  7. package/dist/cjs/co-avatar-group.cjs.entry.js +1 -1
  8. package/dist/cjs/co-avatar.cjs.entry.js +1 -1
  9. package/dist/cjs/co-badge.cjs.entry.js +1 -1
  10. package/dist/cjs/co-bottom-sheet.cjs.entry.js +1 -1
  11. package/dist/cjs/co-breadcrumb-item.cjs.entry.js +1 -1
  12. package/dist/cjs/co-breadcrumb.cjs.entry.js +1 -1
  13. package/dist/cjs/co-button-group.cjs.entry.js +1 -1
  14. package/dist/cjs/co-button.cjs.entry.js +1 -1
  15. package/dist/cjs/co-calendar-month_2.cjs.entry.js +2 -2
  16. package/dist/cjs/co-calendar_3.cjs.entry.js +2 -2
  17. package/dist/cjs/co-card.cjs.entry.js +1 -1
  18. package/dist/cjs/co-carousel-item.cjs.entry.js +1 -1
  19. package/dist/cjs/co-carousel.cjs.entry.js +2 -2
  20. package/dist/cjs/co-checkbox-group.cjs.entry.js +2 -2
  21. package/dist/cjs/co-checkbox.cjs.entry.js +2 -2
  22. package/dist/cjs/co-chip_2.cjs.entry.js +6 -6
  23. package/dist/cjs/co-color-area.cjs.entry.js +1 -1
  24. package/dist/cjs/co-color-picker.cjs.entry.js +3 -3
  25. package/dist/cjs/co-color-slider.cjs.entry.js +1 -1
  26. package/dist/cjs/co-column-picker.cjs.entry.js +2 -2
  27. package/dist/cjs/co-combobox.cjs.entry.js +2 -2
  28. package/dist/cjs/co-command-search.cjs.entry.js +2 -2
  29. package/dist/cjs/co-data-table-pagination.cjs.entry.js +2 -2
  30. package/dist/cjs/co-data-table.cjs.entry.js +2 -2
  31. package/dist/cjs/co-date-picker.cjs.entry.js +2 -2
  32. package/dist/cjs/co-date-range-picker.cjs.entry.js +2 -2
  33. package/dist/cjs/co-date-range.cjs.entry.js +1 -1
  34. package/dist/cjs/co-date-time-picker.cjs.entry.js +2 -2
  35. package/dist/cjs/co-document-editor.cjs.entry.js +2 -2
  36. package/dist/cjs/co-drive-card.cjs.entry.js +1 -1
  37. package/dist/cjs/co-drop-zone.cjs.entry.js +1 -1
  38. package/dist/cjs/co-emoji-picker.cjs.entry.js +2 -2
  39. package/dist/cjs/co-empty-state.cjs.entry.js +2 -2
  40. package/dist/cjs/co-event-calendar.cjs.entry.js +1 -1
  41. package/dist/cjs/co-event-popover.cjs.entry.js +1 -1
  42. package/dist/cjs/co-fab.cjs.entry.js +1 -1
  43. package/dist/cjs/co-file-field.cjs.entry.js +3 -3
  44. package/dist/cjs/co-file-type-tile.cjs.entry.js +1 -1
  45. package/dist/cjs/co-gradient-bar.cjs.entry.js +1 -1
  46. package/dist/cjs/co-helper-text.cjs.entry.js +1 -1
  47. package/dist/cjs/co-icon-button.cjs.entry.js +2 -2
  48. package/dist/cjs/co-icon.cjs.entry.js +1 -1
  49. package/dist/cjs/co-input.cjs.entry.js +2 -2
  50. package/dist/cjs/co-json-field.cjs.entry.js +2 -2
  51. package/dist/cjs/co-kbd_2.cjs.entry.js +1 -1
  52. package/dist/cjs/co-lightbox.cjs.entry.js +1 -1
  53. package/dist/cjs/co-list-footer.cjs.entry.js +1 -1
  54. package/dist/cjs/co-list-item.cjs.entry.js +2 -2
  55. package/dist/cjs/co-loader.cjs.entry.js +1 -1
  56. package/dist/cjs/co-media-thumb.cjs.entry.js +1 -1
  57. package/dist/cjs/co-menu-divider.cjs.entry.js +1 -1
  58. package/dist/cjs/co-menu-item.cjs.entry.js +7 -40
  59. package/dist/cjs/co-menu.cjs.entry.js +2 -2
  60. package/dist/cjs/co-modal.cjs.entry.js +2 -2
  61. package/dist/cjs/co-navbar.cjs.entry.js +1 -1
  62. package/dist/cjs/co-number-field.cjs.entry.js +2 -2
  63. package/dist/cjs/co-overlay.cjs.entry.js +1 -1
  64. package/dist/cjs/co-page-header.cjs.entry.js +1 -1
  65. package/dist/cjs/co-phone-field.cjs.entry.js +4 -4
  66. package/dist/cjs/co-popover.cjs.entry.js +1 -1
  67. package/dist/cjs/co-progress-bar.cjs.entry.js +1 -1
  68. package/dist/cjs/co-progress-circle.cjs.entry.js +2 -2
  69. package/dist/cjs/co-provider-logo_2.cjs.entry.js +2 -2
  70. package/dist/cjs/co-radio-group.cjs.entry.js +1 -1
  71. package/dist/cjs/co-radio.cjs.entry.js +2 -2
  72. package/dist/cjs/co-rating.cjs.entry.js +2 -2
  73. package/dist/cjs/co-ref-field.cjs.entry.js +3 -3
  74. package/dist/cjs/co-rich-text-editor.cjs.entry.js +2 -2
  75. package/dist/cjs/co-rich-text-toolbar.cjs.entry.js +1 -1
  76. package/dist/cjs/co-rich-text-viewer.cjs.entry.js +1 -1
  77. package/dist/cjs/co-row.cjs.entry.js +1 -1
  78. package/dist/cjs/co-segmented-bar.cjs.entry.js +1 -1
  79. package/dist/cjs/co-select.cjs.entry.js +27 -14
  80. package/dist/cjs/co-separator.cjs.entry.js +1 -1
  81. package/dist/cjs/co-sidebar-nav.cjs.entry.js +1 -1
  82. package/dist/cjs/co-sidebar.cjs.entry.js +1 -1
  83. package/dist/cjs/co-slider.cjs.entry.js +2 -2
  84. package/dist/cjs/co-swatch-grid.cjs.entry.js +1 -1
  85. package/dist/cjs/co-switch.cjs.entry.js +3 -3
  86. package/dist/cjs/co-tab-group.cjs.entry.js +2 -2
  87. package/dist/cjs/co-tab.cjs.entry.js +2 -2
  88. package/dist/cjs/co-tags-field.cjs.entry.js +4 -4
  89. package/dist/cjs/co-textarea.cjs.entry.js +2 -2
  90. package/dist/cjs/co-tile.cjs.entry.js +1 -1
  91. package/dist/cjs/co-time-field.cjs.entry.js +1 -1
  92. package/dist/cjs/co-toast.cjs.entry.js +1 -1
  93. package/dist/cjs/co-toggle-button-group.cjs.entry.js +1 -1
  94. package/dist/cjs/co-toggle-button.cjs.entry.js +2 -2
  95. package/dist/cjs/co-transfer-list.cjs.entry.js +2 -2
  96. package/dist/cjs/co-tree-item.cjs.entry.js +2 -2
  97. package/dist/cjs/co-video.cjs.entry.js +2 -2
  98. package/dist/cjs/cobalt.cjs.js +2 -2
  99. package/dist/cjs/{fieldChip-D-x9bJ-W.js → fieldChip-DbYMfylq.js} +1 -1
  100. package/dist/cjs/{index-CuskTAyj.js → index-bHoidDwv.js} +1 -1
  101. package/dist/cjs/loader.cjs.js +2 -2
  102. package/dist/cjs/{requiredMark-ooEZAZbC.js → requiredMark-21yHvvZS.js} +1 -1
  103. package/dist/cobalt/cobalt.css +1 -1
  104. package/dist/cobalt/cobalt.esm.js +1 -1
  105. package/dist/cobalt/{p-6d12e825.entry.js → p-019eed8e.entry.js} +1 -1
  106. package/dist/cobalt/p-01b54d81.entry.js +1 -0
  107. package/dist/cobalt/{p-b3994c94.entry.js → p-02133c95.entry.js} +1 -1
  108. package/dist/cobalt/{p-d0129851.entry.js → p-04e3e1f6.entry.js} +1 -1
  109. package/dist/cobalt/{p-fa4a59e8.entry.js → p-0bbaaf4f.entry.js} +1 -1
  110. package/dist/cobalt/p-0e13b7d0.entry.js +1 -0
  111. package/dist/cobalt/{p-8b2432b2.entry.js → p-0f3a3232.entry.js} +1 -1
  112. package/dist/cobalt/{p-6a270d5d.entry.js → p-12fc5119.entry.js} +1 -1
  113. package/dist/cobalt/{p-134331e6.entry.js → p-15d995b4.entry.js} +1 -1
  114. package/dist/cobalt/{p-f3975988.entry.js → p-19f0f534.entry.js} +1 -1
  115. package/dist/cobalt/{p-4ee87962.entry.js → p-1c9253a2.entry.js} +1 -1
  116. package/dist/cobalt/p-21b4a830.entry.js +1 -0
  117. package/dist/cobalt/p-256ca457.entry.js +1 -0
  118. package/dist/cobalt/{p-8bf0975d.entry.js → p-299c2425.entry.js} +1 -1
  119. package/dist/cobalt/{p-ac1565df.entry.js → p-2ff8f591.entry.js} +1 -1
  120. package/dist/cobalt/{p-038cc50a.entry.js → p-33840969.entry.js} +1 -1
  121. package/dist/cobalt/{p-24456175.entry.js → p-353ff9ed.entry.js} +1 -1
  122. package/dist/cobalt/{p-3842ac1a.entry.js → p-37f9ec35.entry.js} +1 -1
  123. package/dist/cobalt/{p-9c00499b.entry.js → p-3878f174.entry.js} +1 -1
  124. package/dist/cobalt/{p-741c14af.entry.js → p-3890d22f.entry.js} +1 -1
  125. package/dist/cobalt/{p-19544796.entry.js → p-3b5024ce.entry.js} +1 -1
  126. package/dist/cobalt/{p-a6516907.entry.js → p-3b7e90c8.entry.js} +1 -1
  127. package/dist/cobalt/{p-ac963082.entry.js → p-3bff827a.entry.js} +1 -1
  128. package/dist/cobalt/{p-15e29500.entry.js → p-3e532a11.entry.js} +1 -1
  129. package/dist/cobalt/{p-ec11b337.entry.js → p-3e864e7d.entry.js} +1 -1
  130. package/dist/cobalt/{p-af8cc16e.entry.js → p-438cc876.entry.js} +1 -1
  131. package/dist/cobalt/{p-c4bbb701.entry.js → p-4a7fd0b4.entry.js} +1 -1
  132. package/dist/cobalt/{p-4e1ba090.entry.js → p-4ae6fe0e.entry.js} +1 -1
  133. package/dist/cobalt/{p-c5978c46.entry.js → p-4cdfcd9c.entry.js} +1 -1
  134. package/dist/cobalt/{p-67fac886.entry.js → p-4e81e580.entry.js} +1 -1
  135. package/dist/cobalt/{p-ae66e746.entry.js → p-50ab6b9b.entry.js} +1 -1
  136. package/dist/cobalt/{p-be860577.entry.js → p-53a251ca.entry.js} +1 -1
  137. package/dist/cobalt/{p-45460f75.entry.js → p-59a71695.entry.js} +1 -1
  138. package/dist/cobalt/{p-0d163b25.entry.js → p-5a32b9a2.entry.js} +1 -1
  139. package/dist/cobalt/{p-66a07095.entry.js → p-5d41b58b.entry.js} +1 -1
  140. package/dist/cobalt/{p-9a307b64.entry.js → p-5e14f676.entry.js} +1 -1
  141. package/dist/cobalt/{p-bf8212cf.entry.js → p-5e39cf70.entry.js} +1 -1
  142. package/dist/cobalt/{p-5aaaa257.entry.js → p-600d0cab.entry.js} +1 -1
  143. package/dist/cobalt/{p-e120435e.entry.js → p-63f888a1.entry.js} +1 -1
  144. package/dist/cobalt/{p-7be0f85b.entry.js → p-6eca1c7c.entry.js} +1 -1
  145. package/dist/cobalt/{p-1cc15af6.entry.js → p-71ee36a8.entry.js} +1 -1
  146. package/dist/cobalt/{p-669ad1c6.entry.js → p-74804c79.entry.js} +1 -1
  147. package/dist/cobalt/{p-7550fc02.entry.js → p-76ea3f34.entry.js} +1 -1
  148. package/dist/cobalt/{p-76244cca.entry.js → p-7737354e.entry.js} +1 -1
  149. package/dist/cobalt/p-7e444408.entry.js +1 -0
  150. package/dist/cobalt/{p-f9937237.entry.js → p-7e678cbd.entry.js} +1 -1
  151. package/dist/cobalt/p-7e72720a.entry.js +1 -0
  152. package/dist/cobalt/{p-ce9a3708.entry.js → p-82bcd062.entry.js} +1 -1
  153. package/dist/cobalt/{p-5b098a4c.entry.js → p-83691cfb.entry.js} +1 -1
  154. package/dist/cobalt/p-84ad0227.entry.js +1 -0
  155. package/dist/cobalt/{p-6bb9964f.entry.js → p-89328cd8.entry.js} +1 -1
  156. package/dist/cobalt/{p-c71b736c.entry.js → p-8a26f3cc.entry.js} +1 -1
  157. package/dist/cobalt/{p-e0b542ad.entry.js → p-8e7ad2fe.entry.js} +1 -1
  158. package/dist/cobalt/{p-6fe227e0.entry.js → p-9125252a.entry.js} +1 -1
  159. package/dist/cobalt/p-947b8e35.entry.js +1 -0
  160. package/dist/cobalt/{p-0ea06cee.entry.js → p-94b871fb.entry.js} +1 -1
  161. package/dist/cobalt/{p-6c35584c.entry.js → p-9af26af0.entry.js} +1 -1
  162. package/dist/cobalt/{p-88edf7d0.entry.js → p-9ce57385.entry.js} +1 -1
  163. package/dist/cobalt/p-CSLjZ3WO.js +1 -0
  164. package/dist/cobalt/p-CYN5B3IQ.js +1 -0
  165. package/dist/cobalt/{p-YRicbXh3.js → p-DJkaRtbb.js} +2 -2
  166. package/dist/cobalt/{p-1288867e.entry.js → p-a18c01eb.entry.js} +1 -1
  167. package/dist/cobalt/{p-1ef7bbbc.entry.js → p-a27013e6.entry.js} +1 -1
  168. package/dist/cobalt/{p-a9242183.entry.js → p-a33a277a.entry.js} +1 -1
  169. package/dist/cobalt/{p-811f1dd7.entry.js → p-a4154bcf.entry.js} +1 -1
  170. package/dist/cobalt/{p-e71f6186.entry.js → p-a4264bde.entry.js} +1 -1
  171. package/dist/cobalt/{p-eca12c29.entry.js → p-a6c9a0c5.entry.js} +1 -1
  172. package/dist/cobalt/{p-20651254.entry.js → p-b402665a.entry.js} +1 -1
  173. package/dist/cobalt/{p-71f9fa68.entry.js → p-b6463d35.entry.js} +1 -1
  174. package/dist/cobalt/{p-a671facd.entry.js → p-b723aa47.entry.js} +1 -1
  175. package/dist/cobalt/{p-05f0feca.entry.js → p-bbf3d859.entry.js} +1 -1
  176. package/dist/cobalt/{p-79b62ce3.entry.js → p-be520bd5.entry.js} +1 -1
  177. package/dist/cobalt/p-bee52042.entry.js +1 -0
  178. package/dist/cobalt/{p-09ff5302.entry.js → p-c004fde5.entry.js} +1 -1
  179. package/dist/cobalt/{p-ebcdc0b2.entry.js → p-c026968c.entry.js} +1 -1
  180. package/dist/cobalt/{p-be9f69e4.entry.js → p-c220362c.entry.js} +1 -1
  181. package/dist/cobalt/{p-894f59ce.entry.js → p-c23630ab.entry.js} +1 -1
  182. package/dist/cobalt/p-c93be2d5.entry.js +1 -0
  183. package/dist/cobalt/{p-c01454be.entry.js → p-cb1013e6.entry.js} +1 -1
  184. package/dist/cobalt/{p-0d2deeaa.entry.js → p-cea21e08.entry.js} +1 -1
  185. package/dist/cobalt/{p-d525aec4.entry.js → p-d1595580.entry.js} +1 -1
  186. package/dist/cobalt/{p-2d76fafb.entry.js → p-d1e83525.entry.js} +1 -1
  187. package/dist/cobalt/{p-0bd8e079.entry.js → p-d26dc681.entry.js} +1 -1
  188. package/dist/cobalt/{p-052289b3.entry.js → p-d375c84e.entry.js} +1 -1
  189. package/dist/cobalt/{p-5009ad0a.entry.js → p-d7775109.entry.js} +1 -1
  190. package/dist/cobalt/{p-011fd3ca.entry.js → p-d9b4594b.entry.js} +1 -1
  191. package/dist/cobalt/{p-2f44a37b.entry.js → p-dabcbba7.entry.js} +1 -1
  192. package/dist/cobalt/{p-a679c368.entry.js → p-e4646a0e.entry.js} +1 -1
  193. package/dist/cobalt/{p-66375026.entry.js → p-e5350eeb.entry.js} +1 -1
  194. package/dist/cobalt/{p-c0f579d9.entry.js → p-eab59be5.entry.js} +1 -1
  195. package/dist/cobalt/{p-63c588e1.entry.js → p-efb3cbb0.entry.js} +1 -1
  196. package/dist/cobalt/{p-5d17b6e9.entry.js → p-f1da1df1.entry.js} +1 -1
  197. package/dist/cobalt/{p-fd15353a.entry.js → p-f23f52ed.entry.js} +1 -1
  198. package/dist/cobalt/{p-63e5d7fe.entry.js → p-f562bd96.entry.js} +1 -1
  199. package/dist/cobalt/{p-5e04cecc.entry.js → p-f6f273f7.entry.js} +1 -1
  200. package/dist/cobalt/{p-65e0176c.entry.js → p-fb6671e0.entry.js} +1 -1
  201. package/dist/cobalt/p-fb731600.entry.js +1 -0
  202. package/dist/cobalt/{p-16eb0771.entry.js → p-feec49a4.entry.js} +1 -1
  203. package/dist/cobalt/{p-ea2cc20e.entry.js → p-ff218d09.entry.js} +1 -1
  204. package/dist/collection/components/co-accordion/co-accordion.css +1 -1
  205. package/dist/collection/components/co-accordion/co-accordion.js +3 -3
  206. package/dist/collection/components/co-autocomplete/co-autocomplete.js +1 -1
  207. package/dist/collection/components/co-avatar-group/co-avatar-group.js +1 -1
  208. package/dist/collection/components/co-calendar-month/co-calendar-month.css +4 -9
  209. package/dist/collection/components/co-carousel/co-carousel.css +5 -7
  210. package/dist/collection/components/co-checkbox/co-checkbox.css +17 -12
  211. package/dist/collection/components/co-checkbox-group/co-checkbox-group.css +2 -4
  212. package/dist/collection/components/co-checkbox-group/co-checkbox-group.js +1 -1
  213. package/dist/collection/components/co-chip/co-chip.css +1 -14
  214. package/dist/collection/components/co-color-area/co-color-area.js +2 -2
  215. package/dist/collection/components/co-color-picker/co-color-picker.css +4 -4
  216. package/dist/collection/components/co-color-slider/co-color-slider.js +1 -1
  217. package/dist/collection/components/co-column-picker/co-column-picker.css +2 -12
  218. package/dist/collection/components/co-combobox/co-combobox.js +1 -1
  219. package/dist/collection/components/co-command-search/co-command-search.css +1 -1
  220. package/dist/collection/components/co-command-search/co-command-search.js +1 -1
  221. package/dist/collection/components/co-data-table/co-data-table.css +10 -20
  222. package/dist/collection/components/co-data-table/co-data-table.js +1 -1
  223. package/dist/collection/components/co-data-table-pagination/co-data-table-pagination.css +3 -11
  224. package/dist/collection/components/co-date-range-picker/co-date-range-picker.js +2 -2
  225. package/dist/collection/components/co-document-editor/co-document-editor.css +7 -10
  226. package/dist/collection/components/co-document-editor/co-document-editor.js +5 -5
  227. package/dist/collection/components/co-emoji-picker/co-emoji-picker.css +3 -3
  228. package/dist/collection/components/co-empty-state/co-empty-state.css +4 -7
  229. package/dist/collection/components/co-file-field/co-file-field.css +1 -3
  230. package/dist/collection/components/co-icon-button/co-icon-button.css +1 -1
  231. package/dist/collection/components/co-list-item/co-list-item.css +0 -6
  232. package/dist/collection/components/co-menu/co-menu.css +2 -4
  233. package/dist/collection/components/co-menu-item/co-menu-item.css +5 -14
  234. package/dist/collection/components/co-menu-item/co-menu-item.js +7 -80
  235. package/dist/collection/components/co-option-list/co-option-list.css +4 -12
  236. package/dist/collection/components/co-option-list/co-option-list.js +3 -3
  237. package/dist/collection/components/co-phone-field/co-phone-field.css +3 -12
  238. package/dist/collection/components/co-phone-field/co-phone-field.js +1 -1
  239. package/dist/collection/components/co-popover/co-popover.js +1 -1
  240. package/dist/collection/components/co-progress-circle/co-progress-circle.css +1 -3
  241. package/dist/collection/components/co-radio/co-radio.css +1 -10
  242. package/dist/collection/components/co-radio-group/co-radio-group.js +1 -1
  243. package/dist/collection/components/co-rating/co-rating.css +1 -3
  244. package/dist/collection/components/co-ref-field/co-ref-field.js +4 -4
  245. package/dist/collection/components/co-segmented-bar/co-segmented-bar.js +1 -1
  246. package/dist/collection/components/co-select/co-select.css +47 -1
  247. package/dist/collection/components/co-select/co-select.js +26 -13
  248. package/dist/collection/components/co-sidebar-nav/co-sidebar-nav.js +1 -1
  249. package/dist/collection/components/co-skeleton/co-skeleton.css +3 -6
  250. package/dist/collection/components/co-slider/co-slider.css +1 -21
  251. package/dist/collection/components/co-switch/co-switch.css +4 -10
  252. package/dist/collection/components/co-tab/co-tab.css +8 -14
  253. package/dist/collection/components/co-tab-group/co-tab-group.css +9 -15
  254. package/dist/collection/components/co-tags-field/co-tags-field.css +2 -3
  255. package/dist/collection/components/co-toast/co-toast.js +2 -2
  256. package/dist/collection/components/co-toggle-button/co-toggle-button.css +4 -10
  257. package/dist/collection/components/co-transfer-list/co-transfer-list.css +2 -4
  258. package/dist/collection/components/co-transfer-list/co-transfer-list.js +1 -1
  259. package/dist/collection/components/co-tree-item/co-tree-item.css +1 -1
  260. package/dist/collection/components/co-tree-item/co-tree-item.js +2 -2
  261. package/dist/collection/components/co-video/co-video.css +3 -5
  262. package/dist/collection/utils/dragMove.js +1 -1
  263. package/dist/components/co-accordion.js +1 -1
  264. package/dist/components/co-action-bar.js +1 -1
  265. package/dist/components/co-autocomplete.js +1 -1
  266. package/dist/components/co-calendar-month.js +1 -1
  267. package/dist/components/co-calendar-timegrid.js +1 -1
  268. package/dist/components/co-carousel.js +1 -1
  269. package/dist/components/co-checkbox-group.js +1 -1
  270. package/dist/components/co-checkbox.js +1 -1
  271. package/dist/components/co-chip.js +1 -1
  272. package/dist/components/co-color-picker.js +1 -1
  273. package/dist/components/co-column-picker.js +1 -1
  274. package/dist/components/co-combobox.js +1 -1
  275. package/dist/components/co-command-search.js +1 -1
  276. package/dist/components/co-data-table-pagination.js +1 -1
  277. package/dist/components/co-data-table.js +1 -1
  278. package/dist/components/co-document-editor.js +1 -1
  279. package/dist/components/co-emoji-picker.js +1 -1
  280. package/dist/components/co-empty-state.js +1 -1
  281. package/dist/components/co-event-calendar.js +1 -1
  282. package/dist/components/co-file-field.js +1 -1
  283. package/dist/components/co-icon-button.js +1 -1
  284. package/dist/components/co-lightbox.js +1 -1
  285. package/dist/components/co-list-item.js +1 -1
  286. package/dist/components/co-menu-item.js +1 -1
  287. package/dist/components/co-menu.js +1 -1
  288. package/dist/components/co-modal.js +1 -1
  289. package/dist/components/co-option-list.js +1 -1
  290. package/dist/components/co-phone-field.js +1 -1
  291. package/dist/components/co-progress-circle.js +1 -1
  292. package/dist/components/co-radio.js +1 -1
  293. package/dist/components/co-rating.js +1 -1
  294. package/dist/components/co-ref-field.js +1 -1
  295. package/dist/components/co-select.js +1 -1
  296. package/dist/components/co-skeleton.js +1 -1
  297. package/dist/components/co-slider.js +1 -1
  298. package/dist/components/co-switch.js +1 -1
  299. package/dist/components/co-tab-group.js +1 -1
  300. package/dist/components/co-tab.js +1 -1
  301. package/dist/components/co-tags-field.js +1 -1
  302. package/dist/components/co-toggle-button.js +1 -1
  303. package/dist/components/co-transfer-list.js +1 -1
  304. package/dist/components/co-tree-item.js +1 -1
  305. package/dist/components/co-video.js +1 -1
  306. package/dist/components/index.js +1 -1
  307. package/dist/components/p-B70R6xWE.js +1 -0
  308. package/dist/components/p-BGNXvnDr.js +1 -0
  309. package/dist/components/{p-y-UE-CLu.js → p-BMyWdiVO.js} +1 -1
  310. package/dist/components/p-BSt2t5Fy.js +1 -0
  311. package/dist/components/p-BfDYq7JS.js +1 -0
  312. package/dist/components/{p-4nVctQq9.js → p-COCcx0DN.js} +1 -1
  313. package/dist/components/p-CwRoHnzq.js +1 -0
  314. package/dist/components/{p-Ct4MpUdn.js → p-DMW9TJ7Z.js} +1 -1
  315. package/dist/components/{p-CxXO0llX.js → p-R1W48hzW.js} +1 -1
  316. package/dist/components/{p-C1WNmtGN.js → p-rfvTj6cP.js} +1 -1
  317. package/dist/esm/co-accordion.entry.js +5 -5
  318. package/dist/esm/co-action-bar.entry.js +1 -1
  319. package/dist/esm/co-app-shell.entry.js +1 -1
  320. package/dist/esm/co-audio-player.entry.js +1 -1
  321. package/dist/esm/co-autocomplete.entry.js +2 -2
  322. package/dist/esm/co-avatar-group.entry.js +1 -1
  323. package/dist/esm/co-avatar.entry.js +1 -1
  324. package/dist/esm/co-badge.entry.js +1 -1
  325. package/dist/esm/co-bottom-sheet.entry.js +1 -1
  326. package/dist/esm/co-breadcrumb-item.entry.js +1 -1
  327. package/dist/esm/co-breadcrumb.entry.js +1 -1
  328. package/dist/esm/co-button-group.entry.js +1 -1
  329. package/dist/esm/co-button.entry.js +1 -1
  330. package/dist/esm/co-calendar-month_2.entry.js +2 -2
  331. package/dist/esm/co-calendar_3.entry.js +2 -2
  332. package/dist/esm/co-card.entry.js +1 -1
  333. package/dist/esm/co-carousel-item.entry.js +1 -1
  334. package/dist/esm/co-carousel.entry.js +2 -2
  335. package/dist/esm/co-checkbox-group.entry.js +2 -2
  336. package/dist/esm/co-checkbox.entry.js +2 -2
  337. package/dist/esm/co-chip_2.entry.js +6 -6
  338. package/dist/esm/co-color-area.entry.js +1 -1
  339. package/dist/esm/co-color-picker.entry.js +3 -3
  340. package/dist/esm/co-color-slider.entry.js +1 -1
  341. package/dist/esm/co-column-picker.entry.js +2 -2
  342. package/dist/esm/co-combobox.entry.js +2 -2
  343. package/dist/esm/co-command-search.entry.js +2 -2
  344. package/dist/esm/co-data-table-pagination.entry.js +2 -2
  345. package/dist/esm/co-data-table.entry.js +2 -2
  346. package/dist/esm/co-date-picker.entry.js +2 -2
  347. package/dist/esm/co-date-range-picker.entry.js +2 -2
  348. package/dist/esm/co-date-range.entry.js +1 -1
  349. package/dist/esm/co-date-time-picker.entry.js +2 -2
  350. package/dist/esm/co-document-editor.entry.js +2 -2
  351. package/dist/esm/co-drive-card.entry.js +1 -1
  352. package/dist/esm/co-drop-zone.entry.js +1 -1
  353. package/dist/esm/co-emoji-picker.entry.js +2 -2
  354. package/dist/esm/co-empty-state.entry.js +2 -2
  355. package/dist/esm/co-event-calendar.entry.js +1 -1
  356. package/dist/esm/co-event-popover.entry.js +1 -1
  357. package/dist/esm/co-fab.entry.js +1 -1
  358. package/dist/esm/co-file-field.entry.js +3 -3
  359. package/dist/esm/co-file-type-tile.entry.js +1 -1
  360. package/dist/esm/co-gradient-bar.entry.js +1 -1
  361. package/dist/esm/co-helper-text.entry.js +1 -1
  362. package/dist/esm/co-icon-button.entry.js +2 -2
  363. package/dist/esm/co-icon.entry.js +1 -1
  364. package/dist/esm/co-input.entry.js +2 -2
  365. package/dist/esm/co-json-field.entry.js +2 -2
  366. package/dist/esm/co-kbd_2.entry.js +1 -1
  367. package/dist/esm/co-lightbox.entry.js +1 -1
  368. package/dist/esm/co-list-footer.entry.js +1 -1
  369. package/dist/esm/co-list-item.entry.js +2 -2
  370. package/dist/esm/co-loader.entry.js +1 -1
  371. package/dist/esm/co-media-thumb.entry.js +1 -1
  372. package/dist/esm/co-menu-divider.entry.js +1 -1
  373. package/dist/esm/co-menu-item.entry.js +7 -40
  374. package/dist/esm/co-menu.entry.js +2 -2
  375. package/dist/esm/co-modal.entry.js +2 -2
  376. package/dist/esm/co-navbar.entry.js +1 -1
  377. package/dist/esm/co-number-field.entry.js +2 -2
  378. package/dist/esm/co-overlay.entry.js +1 -1
  379. package/dist/esm/co-page-header.entry.js +1 -1
  380. package/dist/esm/co-phone-field.entry.js +4 -4
  381. package/dist/esm/co-popover.entry.js +1 -1
  382. package/dist/esm/co-progress-bar.entry.js +1 -1
  383. package/dist/esm/co-progress-circle.entry.js +2 -2
  384. package/dist/esm/co-provider-logo_2.entry.js +2 -2
  385. package/dist/esm/co-radio-group.entry.js +1 -1
  386. package/dist/esm/co-radio.entry.js +2 -2
  387. package/dist/esm/co-rating.entry.js +2 -2
  388. package/dist/esm/co-ref-field.entry.js +3 -3
  389. package/dist/esm/co-rich-text-editor.entry.js +2 -2
  390. package/dist/esm/co-rich-text-toolbar.entry.js +1 -1
  391. package/dist/esm/co-rich-text-viewer.entry.js +1 -1
  392. package/dist/esm/co-row.entry.js +1 -1
  393. package/dist/esm/co-segmented-bar.entry.js +1 -1
  394. package/dist/esm/co-select.entry.js +27 -14
  395. package/dist/esm/co-separator.entry.js +1 -1
  396. package/dist/esm/co-sidebar-nav.entry.js +1 -1
  397. package/dist/esm/co-sidebar.entry.js +1 -1
  398. package/dist/esm/co-slider.entry.js +2 -2
  399. package/dist/esm/co-swatch-grid.entry.js +1 -1
  400. package/dist/esm/co-switch.entry.js +3 -3
  401. package/dist/esm/co-tab-group.entry.js +2 -2
  402. package/dist/esm/co-tab.entry.js +2 -2
  403. package/dist/esm/co-tags-field.entry.js +4 -4
  404. package/dist/esm/co-textarea.entry.js +2 -2
  405. package/dist/esm/co-tile.entry.js +1 -1
  406. package/dist/esm/co-time-field.entry.js +1 -1
  407. package/dist/esm/co-toast.entry.js +1 -1
  408. package/dist/esm/co-toggle-button-group.entry.js +1 -1
  409. package/dist/esm/co-toggle-button.entry.js +2 -2
  410. package/dist/esm/co-transfer-list.entry.js +2 -2
  411. package/dist/esm/co-tree-item.entry.js +2 -2
  412. package/dist/esm/co-video.entry.js +2 -2
  413. package/dist/esm/cobalt.js +3 -3
  414. package/dist/esm/{fieldChip-DFpKjAN_.js → fieldChip-B0N8z5W-.js} +1 -1
  415. package/dist/esm/{index-YRicbXh3.js → index-DJkaRtbb.js} +1 -1
  416. package/dist/esm/loader.js +3 -3
  417. package/dist/esm/{requiredMark-BNC0WBDk.js → requiredMark-D5C5NzOE.js} +1 -1
  418. package/dist/types/components/co-menu-item/co-menu-item.d.ts +4 -30
  419. package/dist/types/components/co-select/co-select.d.ts +14 -4
  420. package/dist/types/components.d.ts +6 -28
  421. package/package.json +4 -4
  422. package/dist/cobalt/p-05f90173.entry.js +0 -1
  423. package/dist/cobalt/p-1318c5b9.entry.js +0 -1
  424. package/dist/cobalt/p-1361f386.entry.js +0 -1
  425. package/dist/cobalt/p-388f5a71.entry.js +0 -1
  426. package/dist/cobalt/p-5259c731.entry.js +0 -1
  427. package/dist/cobalt/p-71a289f9.entry.js +0 -1
  428. package/dist/cobalt/p-90823b79.entry.js +0 -1
  429. package/dist/cobalt/p-9a3e631e.entry.js +0 -1
  430. package/dist/cobalt/p-C_xES1w3.js +0 -1
  431. package/dist/cobalt/p-d127a7c4.entry.js +0 -1
  432. package/dist/cobalt/p-d1293695.entry.js +0 -1
  433. package/dist/cobalt/p-ddf6083f.entry.js +0 -1
  434. package/dist/cobalt/p-pl89alJ1.js +0 -1
  435. package/dist/components/p-BDk4ffI3.js +0 -1
  436. package/dist/components/p-BXDvRVSp.js +0 -1
  437. package/dist/components/p-CV7I0t8n.js +0 -1
  438. package/dist/components/p-CpwIdVV5.js +0 -1
  439. package/dist/components/p-DpnlSVX3.js +0 -1
@@ -1 +1 @@
1
- import{r,c as o,h as e,a}from"./p-YRicbXh3.js";import{i as s}from"./p-DqyWGweA.js";import"./p-ox7HzCZn.js";const t=class{constructor(e){r(this,e),this.coChange=o(this,"coChange",7),this.leftTitle="Available",this.rightTitle="Selected",this.options="[]",this.value="[]",this.disabled=!1,this.status="default",this.leftChecked=new Set,this.rightChecked=new Set,this.osInstances=[],this.toggleLeftCheck=r=>{const o=new Set(this.leftChecked);o.has(r)?o.delete(r):o.add(r),this.leftChecked=o},this.toggleRightCheck=r=>{const o=new Set(this.rightChecked);o.has(r)?o.delete(r):o.add(r),this.rightChecked=o},this.moveRight=()=>{if(0===this.leftChecked.size)return;const r=[...this.selectedValues,...this.leftChecked];this.value=JSON.stringify(r),this.leftChecked=new Set,this.coChange.emit(r)},this.moveLeft=()=>{if(0===this.rightChecked.size)return;const r=this.selectedValues.filter((r=>!this.rightChecked.has(r)));this.value=JSON.stringify(r),this.rightChecked=new Set,this.coChange.emit(r)},this.moveAllRight=()=>{const r=this.parsedOptions.filter((r=>!r.disabled)).map((r=>r.value));this.value=JSON.stringify(r),this.leftChecked=new Set,this.coChange.emit(r)},this.moveAllLeft=()=>{this.value="[]",this.rightChecked=new Set,this.coChange.emit([])}}get parsedOptions(){let r=this.options;if("string"==typeof r)try{r=JSON.parse(r)}catch(r){return[]}return Array.isArray(r)?r.map((r=>"string"==typeof r?{label:r,value:r}:r)):[]}get selectedValues(){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(r){return[]}return this.value}get leftItems(){const r=new Set(this.selectedValues);return this.parsedOptions.filter((o=>!r.has(o.value)))}get rightItems(){return this.selectedValues.map((r=>this.parsedOptions.find((o=>o.value===r)))).filter(Boolean)}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}renderList(r,o,a,s){return e("div",{class:"co-transfer-list__panel"},e("div",{class:"co-transfer-list__panel-header"},e("span",{class:"co-transfer-list__panel-title"},s),e("span",{class:"co-transfer-list__panel-count"},r.length)),e("div",{class:"co-transfer-list__panel-body"},e("div",{class:"co-transfer-list__panel-scroll"},0===r.length?e("div",{class:"co-transfer-list__empty"},"No items"):r.map((r=>e("div",{class:{"co-transfer-list__item":!0,"co-transfer-list__item--checked":o.has(r.value),"co-transfer-list__item--disabled":!!r.disabled},onClick:()=>!r.disabled&&a(r.value)},e("span",{class:{"co-transfer-list__checkbox":!0,"co-transfer-list__checkbox--checked":o.has(r.value)}},o.has(r.value)&&e("co-icon",{name:"check",size:12})),e("span",{class:"co-transfer-list__item-label"},r.label)))))))}componentDidLoad(){var r;const o=null===(r=this.el.shadowRoot)||void 0===r?void 0:r.querySelectorAll(".co-transfer-list__panel-body");null==o||o.forEach((r=>this.osInstances.push(s(r))))}disconnectedCallback(){this.osInstances.forEach((r=>r.destroy())),this.osInstances=[]}render(){return e("div",{key:"31890d6f8b8201b20c286448098ba96b84313192",class:{"co-transfer-list":!0,"co-transfer-list--disabled":this.disabled,[`co-transfer-list--${this.status}`]:"default"!==this.status}},this.label&&e("label",{key:"03682912da82bb6590d6c3cd4a070dc8d4214744",class:"co-transfer-list__label"},this.label),e("div",{key:"33562c5fc6372f8cbee86751f593959f0b851466",class:"co-transfer-list__body"},this.renderList(this.leftItems,this.leftChecked,this.toggleLeftCheck,this.leftTitle),e("div",{key:"1f4125394ac963351e08f7722dc7f73fa86ccfc9",class:"co-transfer-list__actions"},e("button",{key:"b070ea660c6997f2281a3a3dcdf15764665408ee",class:"co-transfer-list__btn",disabled:this.disabled,onClick:this.moveAllRight,"aria-label":"Move all right"},e("co-icon",{key:"a46764f1308c49ff1cfcaeeab8b60434c4347b72",name:"caret-double-right",size:16})),e("button",{key:"f57ef7e0a56e1f257277407d7eb47d28830d60fb",class:"co-transfer-list__btn",disabled:this.disabled||0===this.leftChecked.size,onClick:this.moveRight,"aria-label":"Move selected right"},e("co-icon",{key:"3dc5c8df4936dd79c9c7947f1f669cf12c2d785e",name:"caret-right",size:16})),e("button",{key:"76ffe11208d14d89683a558d2004fb831fdc3ebf",class:"co-transfer-list__btn",disabled:this.disabled||0===this.rightChecked.size,onClick:this.moveLeft,"aria-label":"Move selected left"},e("co-icon",{key:"31565d71c489ccbe4b58edd89c867210a7077870",name:"caret-left",size:16})),e("button",{key:"af464a61aa1a553b5e8218d14fdd62b5618e4d0e",class:"co-transfer-list__btn",disabled:this.disabled,onClick:this.moveAllLeft,"aria-label":"Move all left"},e("co-icon",{key:"86ebbd7639f1d56c4073e55792a397213ed7b426",name:"caret-double-left",size:16}))),this.renderList(this.rightItems,this.rightChecked,this.toggleRightCheck,this.rightTitle)),this.helperText&&e("div",{key:"769fc2d953ad3c24a1fbaaafd2054376e8c452b3",class:`co-transfer-list__helper co-transfer-list__helper--${this.status}`},this.statusIcon&&e("co-icon",{key:"62d8663352ece7628a569a9b6808d4e9f921649d",name:this.statusIcon,size:14,weight:"fill",class:"co-transfer-list__helper-icon"}),e("span",{key:"9480ee4c4fdc4c9ee62836ad33e555fe550650b6",class:"co-transfer-list__helper-text"},this.helperText)))}get el(){return a(this)}};t.style='.os-size-observer,.os-size-observer-listener{scroll-behavior:auto !important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(0.1)}.os-size-observer::before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(calc(1 / 0.1))}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty::before{content:"";width:100%;height:100%}.os-size-observer-listener:empty::before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{from{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{overflow:visible;margin:0}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch !important;flex-direction:row !important;flex-wrap:nowrap !important;scroll-behavior:auto !important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;position:relative;flex:auto;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw:0;--os-vah:0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden !important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible !important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x:hidden;--os-viewport-overflow-y:hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x:visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x:hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x:scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y:visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y:hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y:scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x) !important;overflow-y:var(--os-viewport-overflow-y) !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0 !important;line-height:0 !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*:not(#osFakeId){display:none !important;position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto !important;scroll-snap-type:none !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden !important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto !important;width:auto !important}@property --os-scroll-percent{syntax:"<number>";inherits:true;initial-value:0}@property --os-viewport-percent{syntax:"<number>";inherits:true;initial-value:0}.os-scrollbar{--os-viewport-percent:0;--os-scroll-percent:0;--os-scroll-direction:0;--os-scroll-percent-directional:calc( var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction) )}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none !important}.os-scrollbar-track{position:relative;padding:0 !important;border:none !important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none !important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0 !important;transition:none !important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translateX(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type: size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{left:auto;transform:translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-vertical .os-scrollbar-handle{top:auto;transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{right:auto;left:0}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none !important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px}.os-theme-dark{--os-handle-bg:rgba(0, 0, 0, 0.44);--os-handle-bg-hover:rgba(0, 0, 0, 0.55);--os-handle-bg-active:rgba(0, 0, 0, 0.66)}.os-theme-light{--os-handle-bg:rgba(255, 255, 255, 0.44);--os-handle-bg-hover:rgba(255, 255, 255, 0.55);--os-handle-bg-active:rgba(255, 255, 255, 0.66)}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{-webkit-appearance:none !important;appearance:none !important;display:none !important;width:0 !important;height:0 !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}:host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);line-height:1}.co-transfer-list{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-transfer-list__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;cursor:default;padding:0 var(--co-spacing-xs)}.co-transfer-list--disabled .co-transfer-list__label{color:var(--co-semantic-text-disabled)}.co-transfer-list__body{display:flex;align-items:stretch;gap:var(--co-spacing-sm2)}.co-transfer-list__panel{flex:1;min-width:0;border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);background:var(--co-semantic-surface-secondary);display:flex;flex-direction:column;overflow:hidden}.co-transfer-list__panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--co-spacing-sm2) var(--co-spacing-md);border-bottom:1px solid var(--co-semantic-border-subtle);background:var(--co-semantic-surface-muted)}.co-transfer-list__panel-title{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);font-weight:500}.co-transfer-list__panel-count{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-12)}.co-transfer-list__panel-body{flex:1;overflow-y:auto;max-height:240px;padding:var(--co-spacing-xs)}.os-scrollbar.os-theme-co{--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-bg:transparent;--os-handle-border-radius:var(--co-border-radius-full);--os-handle-bg:var(--co-semantic-border-default);--os-handle-bg-hover:var(--co-semantic-border-field);--os-handle-bg-active:var(--co-semantic-border-strong);--os-handle-min-size:24px}.co-transfer-list__item{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-sm2);border-radius:var(--co-border-radius-xxs, 4px);cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-transfer-list__item:hover{background:var(--co-semantic-surface-hover)}.co-transfer-list__item--checked{background:var(--co-semantic-surface-muted)}.co-transfer-list__item--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-transfer-list__checkbox{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:var(--co-border-radius-xxs, 4px);border:1px solid var(--co-semantic-border-field);background:transparent;flex-shrink:0;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), border-color var(--co-motion-duration-fast) var(--co-motion-ease-out);color:var(--co-semantic-on-primary)}.co-transfer-list__checkbox--checked{background:var(--co-semantic-surface-primary);border-color:var(--co-semantic-surface-primary)}.co-transfer-list__item-label{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);line-height:1}.co-transfer-list__empty{display:flex;align-items:center;justify-content:center;padding:var(--co-spacing-lg);color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14)}.co-transfer-list__actions{display:flex;flex-direction:column;justify-content:center;gap:var(--co-spacing-xs)}.co-transfer-list__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);background:var(--co-semantic-surface-secondary);color:var(--co-semantic-text-default);cursor:pointer;padding:0;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-transfer-list__btn:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-transfer-list__btn:disabled{opacity:0.3;cursor:not-allowed}.co-transfer-list__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-transfer-list__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-transfer-list__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-transfer-list__helper--error .co-transfer-list__helper-icon,.co-transfer-list__helper--error .co-transfer-list__helper-text{color:var(--co-semantic-text-error, var(--co-semantic-status-error))}.co-transfer-list__helper--success .co-transfer-list__helper-icon,.co-transfer-list__helper--success .co-transfer-list__helper-text{color:var(--co-semantic-text-success, var(--co-semantic-status-success))}.co-transfer-list__helper--warning .co-transfer-list__helper-icon,.co-transfer-list__helper--warning .co-transfer-list__helper-text{color:var(--co-semantic-text-warning, var(--co-color-status-review))}.co-transfer-list__helper--info .co-transfer-list__helper-icon,.co-transfer-list__helper--info .co-transfer-list__helper-text{color:var(--co-semantic-text-info, var(--co-semantic-status-info))}.co-transfer-list--disabled .co-transfer-list__panel{opacity:0.5;pointer-events:none}.co-transfer-list--disabled .co-transfer-list__actions{pointer-events:none}.co-transfer-list--error .co-transfer-list__panel{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error))}.co-transfer-list--success .co-transfer-list__panel{border-color:var(--co-semantic-status-success)}.co-transfer-list--warning .co-transfer-list__panel{border-color:var(--co-color-status-review)}.co-transfer-list--info .co-transfer-list__panel{border-color:var(--co-semantic-status-info)}';export{t as co_transfer_list}
1
+ import{r,c as o,h as e,a}from"./p-DJkaRtbb.js";import{i as s}from"./p-DqyWGweA.js";import"./p-ox7HzCZn.js";const t=class{constructor(e){r(this,e),this.coChange=o(this,"coChange",7),this.leftTitle="Available",this.rightTitle="Selected",this.options="[]",this.value="[]",this.disabled=!1,this.status="default",this.leftChecked=new Set,this.rightChecked=new Set,this.osInstances=[],this.toggleLeftCheck=r=>{const o=new Set(this.leftChecked);o.has(r)?o.delete(r):o.add(r),this.leftChecked=o},this.toggleRightCheck=r=>{const o=new Set(this.rightChecked);o.has(r)?o.delete(r):o.add(r),this.rightChecked=o},this.moveRight=()=>{if(0===this.leftChecked.size)return;const r=[...this.selectedValues,...this.leftChecked];this.value=JSON.stringify(r),this.leftChecked=new Set,this.coChange.emit(r)},this.moveLeft=()=>{if(0===this.rightChecked.size)return;const r=this.selectedValues.filter((r=>!this.rightChecked.has(r)));this.value=JSON.stringify(r),this.rightChecked=new Set,this.coChange.emit(r)},this.moveAllRight=()=>{const r=this.parsedOptions.filter((r=>!r.disabled)).map((r=>r.value));this.value=JSON.stringify(r),this.leftChecked=new Set,this.coChange.emit(r)},this.moveAllLeft=()=>{this.value="[]",this.rightChecked=new Set,this.coChange.emit([])}}get parsedOptions(){let r=this.options;if("string"==typeof r)try{r=JSON.parse(r)}catch(r){return[]}return Array.isArray(r)?r.map((r=>"string"==typeof r?{label:r,value:r}:r)):[]}get selectedValues(){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(r){return[]}return this.value}get leftItems(){const r=new Set(this.selectedValues);return this.parsedOptions.filter((o=>!r.has(o.value)))}get rightItems(){return this.selectedValues.map((r=>this.parsedOptions.find((o=>o.value===r)))).filter(Boolean)}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}renderList(r,o,a,s){return e("div",{class:"co-transfer-list__panel"},e("div",{class:"co-transfer-list__panel-header"},e("span",{class:"co-transfer-list__panel-title"},s),e("span",{class:"co-transfer-list__panel-count"},r.length)),e("div",{class:"co-transfer-list__panel-body"},e("div",{class:"co-transfer-list__panel-scroll"},0===r.length?e("div",{class:"co-transfer-list__empty"},"No items"):r.map((r=>e("div",{class:{"co-transfer-list__item":!0,"co-transfer-list__item--checked":o.has(r.value),"co-transfer-list__item--disabled":!!r.disabled},onClick:()=>!r.disabled&&a(r.value)},e("span",{class:{"co-transfer-list__checkbox":!0,"co-transfer-list__checkbox--checked":o.has(r.value)}},o.has(r.value)&&e("co-icon",{name:"check",size:12})),e("span",{class:"co-transfer-list__item-label"},r.label)))))))}componentDidLoad(){var r;const o=null===(r=this.el.shadowRoot)||void 0===r?void 0:r.querySelectorAll(".co-transfer-list__panel-body");null==o||o.forEach((r=>this.osInstances.push(s(r))))}disconnectedCallback(){this.osInstances.forEach((r=>r.destroy())),this.osInstances=[]}render(){return e("div",{key:"31890d6f8b8201b20c286448098ba96b84313192",class:{"co-transfer-list":!0,"co-transfer-list--disabled":this.disabled,[`co-transfer-list--${this.status}`]:"default"!==this.status}},this.label&&e("label",{key:"03682912da82bb6590d6c3cd4a070dc8d4214744",class:"co-transfer-list__label"},this.label),e("div",{key:"33562c5fc6372f8cbee86751f593959f0b851466",class:"co-transfer-list__body"},this.renderList(this.leftItems,this.leftChecked,this.toggleLeftCheck,this.leftTitle),e("div",{key:"1f4125394ac963351e08f7722dc7f73fa86ccfc9",class:"co-transfer-list__actions"},e("button",{key:"b070ea660c6997f2281a3a3dcdf15764665408ee",class:"co-transfer-list__btn",disabled:this.disabled,onClick:this.moveAllRight,"aria-label":"Move all right"},e("co-icon",{key:"a46764f1308c49ff1cfcaeeab8b60434c4347b72",name:"caret-double-right",size:16})),e("button",{key:"f57ef7e0a56e1f257277407d7eb47d28830d60fb",class:"co-transfer-list__btn",disabled:this.disabled||0===this.leftChecked.size,onClick:this.moveRight,"aria-label":"Move selected right"},e("co-icon",{key:"3dc5c8df4936dd79c9c7947f1f669cf12c2d785e",name:"caret-right",size:16})),e("button",{key:"76ffe11208d14d89683a558d2004fb831fdc3ebf",class:"co-transfer-list__btn",disabled:this.disabled||0===this.rightChecked.size,onClick:this.moveLeft,"aria-label":"Move selected left"},e("co-icon",{key:"31565d71c489ccbe4b58edd89c867210a7077870",name:"caret-left",size:16})),e("button",{key:"af464a61aa1a553b5e8218d14fdd62b5618e4d0e",class:"co-transfer-list__btn",disabled:this.disabled,onClick:this.moveAllLeft,"aria-label":"Move all left"},e("co-icon",{key:"86ebbd7639f1d56c4073e55792a397213ed7b426",name:"caret-double-left",size:16}))),this.renderList(this.rightItems,this.rightChecked,this.toggleRightCheck,this.rightTitle)),this.helperText&&e("div",{key:"769fc2d953ad3c24a1fbaaafd2054376e8c452b3",class:`co-transfer-list__helper co-transfer-list__helper--${this.status}`},this.statusIcon&&e("co-icon",{key:"62d8663352ece7628a569a9b6808d4e9f921649d",name:this.statusIcon,size:14,weight:"fill",class:"co-transfer-list__helper-icon"}),e("span",{key:"9480ee4c4fdc4c9ee62836ad33e555fe550650b6",class:"co-transfer-list__helper-text"},this.helperText)))}get el(){return a(this)}};t.style='.os-size-observer,.os-size-observer-listener{scroll-behavior:auto !important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(0.1)}.os-size-observer::before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(calc(1 / 0.1))}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty::before{content:"";width:100%;height:100%}.os-size-observer-listener:empty::before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{from{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{overflow:visible;margin:0}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch !important;flex-direction:row !important;flex-wrap:nowrap !important;scroll-behavior:auto !important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;position:relative;flex:auto;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw:0;--os-vah:0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden !important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible !important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x:hidden;--os-viewport-overflow-y:hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x:visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x:hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x:scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y:visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y:hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y:scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x) !important;overflow-y:var(--os-viewport-overflow-y) !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0 !important;line-height:0 !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*:not(#osFakeId){display:none !important;position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto !important;scroll-snap-type:none !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden !important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto !important;width:auto !important}@property --os-scroll-percent{syntax:"<number>";inherits:true;initial-value:0}@property --os-viewport-percent{syntax:"<number>";inherits:true;initial-value:0}.os-scrollbar{--os-viewport-percent:0;--os-scroll-percent:0;--os-scroll-direction:0;--os-scroll-percent-directional:calc( var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction) )}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none !important}.os-scrollbar-track{position:relative;padding:0 !important;border:none !important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none !important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0 !important;transition:none !important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translateX(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type: size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{left:auto;transform:translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-vertical .os-scrollbar-handle{top:auto;transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{right:auto;left:0}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none !important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px}.os-theme-dark{--os-handle-bg:rgba(0, 0, 0, 0.44);--os-handle-bg-hover:rgba(0, 0, 0, 0.55);--os-handle-bg-active:rgba(0, 0, 0, 0.66)}.os-theme-light{--os-handle-bg:rgba(255, 255, 255, 0.44);--os-handle-bg-hover:rgba(255, 255, 255, 0.55);--os-handle-bg-active:rgba(255, 255, 255, 0.66)}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{-webkit-appearance:none !important;appearance:none !important;display:none !important;width:0 !important;height:0 !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}:host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);line-height:1}.co-transfer-list{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-transfer-list__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;cursor:default;padding:0 var(--co-spacing-xs)}.co-transfer-list--disabled .co-transfer-list__label{color:var(--co-semantic-text-disabled)}.co-transfer-list__body{display:flex;align-items:stretch;gap:var(--co-spacing-sm2)}.co-transfer-list__panel{flex:1;min-width:0;border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);background:var(--co-semantic-surface-secondary);display:flex;flex-direction:column;overflow:hidden}.co-transfer-list__panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--co-spacing-sm2) var(--co-spacing-md);border-bottom:1px solid var(--co-semantic-border-subtle);background:var(--co-semantic-surface-muted)}.co-transfer-list__panel-title{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);font-weight:500}.co-transfer-list__panel-count{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12)}.co-transfer-list__panel-body{flex:1;overflow-y:auto;max-height:240px;padding:var(--co-spacing-xs)}.os-scrollbar.os-theme-co{--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-bg:transparent;--os-handle-border-radius:var(--co-border-radius-full);--os-handle-bg:var(--co-semantic-border-default);--os-handle-bg-hover:var(--co-semantic-border-field);--os-handle-bg-active:var(--co-semantic-border-strong);--os-handle-min-size:24px}.co-transfer-list__item{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-sm2);border-radius:var(--co-border-radius-xxs, 4px);cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-transfer-list__item:hover{background:var(--co-semantic-surface-hover)}.co-transfer-list__item--checked{background:var(--co-semantic-surface-muted)}.co-transfer-list__item--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-transfer-list__checkbox{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:var(--co-border-radius-xxs, 4px);border:1px solid var(--co-semantic-border-default);background:transparent;flex-shrink:0;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), border-color var(--co-motion-duration-fast) var(--co-motion-ease-out);color:var(--co-semantic-on-primary)}.co-transfer-list__checkbox--checked{background:var(--co-semantic-surface-primary);border-color:var(--co-semantic-surface-primary)}.co-transfer-list__item-label{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);line-height:1}.co-transfer-list__empty{display:flex;align-items:center;justify-content:center;padding:var(--co-spacing-lg);color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14)}.co-transfer-list__actions{display:flex;flex-direction:column;justify-content:center;gap:var(--co-spacing-xs)}.co-transfer-list__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);background:var(--co-semantic-surface-secondary);color:var(--co-semantic-text-default);cursor:pointer;padding:0;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-transfer-list__btn:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-transfer-list__btn:disabled{opacity:0.3;cursor:not-allowed}.co-transfer-list__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-transfer-list__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-transfer-list__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-transfer-list__helper--error .co-transfer-list__helper-icon,.co-transfer-list__helper--error .co-transfer-list__helper-text{color:var(--co-semantic-text-error, var(--co-semantic-status-error))}.co-transfer-list__helper--success .co-transfer-list__helper-icon,.co-transfer-list__helper--success .co-transfer-list__helper-text{color:var(--co-semantic-text-success, var(--co-semantic-status-success))}.co-transfer-list__helper--warning .co-transfer-list__helper-icon,.co-transfer-list__helper--warning .co-transfer-list__helper-text{color:var(--co-semantic-text-warning, var(--co-color-status-review))}.co-transfer-list__helper--info .co-transfer-list__helper-icon,.co-transfer-list__helper--info .co-transfer-list__helper-text{color:var(--co-semantic-text-info, var(--co-semantic-status-info))}.co-transfer-list--disabled .co-transfer-list__panel{opacity:0.5;pointer-events:none}.co-transfer-list--disabled .co-transfer-list__actions{pointer-events:none}.co-transfer-list--error .co-transfer-list__panel{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error))}.co-transfer-list--success .co-transfer-list__panel{border-color:var(--co-semantic-status-success)}.co-transfer-list--warning .co-transfer-list__panel{border-color:var(--co-color-status-review)}.co-transfer-list--info .co-transfer-list__panel{border-color:var(--co-semantic-status-info)}';export{t as co_transfer_list}
@@ -1 +1 @@
1
- import{r as o,c as r,h as e}from"./p-YRicbXh3.js";const i=class{constructor(e){o(this,e),this.coChange=r(this,"coChange",7),this.layout="vertical",this.status="default",this.options=[],this.direction="column",this.size="small",this.disabled=!1,this.handleSelect=o=>{this.disabled||(this.value=o,this.coChange.emit(o))}}onValueChange(){}get parsedOptions(){let o=this.options;if("string"==typeof o)try{o=JSON.parse(o)}catch(o){return[]}return Array.isArray(o)?o.map((o=>"string"==typeof o?{label:o,value:o}:o)):[]}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}render(){const o=this.label||this.secondaryLabel,r=this.helperText,i=this.parsedOptions;return e("div",{key:"b1c5880c1f9faca27b89189de5d64e36569d5b4f",class:{"co-radio-group":!0,"co-radio-group--disabled":this.disabled,[`co-radio-group--${this.status}`]:"default"!==this.status},role:"radiogroup","aria-label":this.label||""},o&&e("div",{key:"0e6088377e3cd361749b9aa98f2e6485a76fb577",class:"co-radio-group__labels"},this.label&&e("span",{key:"411bf1ec096311df2b25fac0b39c402d01365e5c",class:"co-radio-group__label"},this.label),this.secondaryLabel&&e("span",{key:"917cc0dd87362d7add21d407869872a14378a0b9",class:"co-radio-group__secondary-label"},this.secondaryLabel)),e("div",{key:"6459fee05efb04d402c0c98dfcbad83fc7da7f06",class:{"co-radio-group__options":!0,[`co-radio-group__options--${this.direction}`]:!0}},i.map((o=>{const r=this.disabled||!!o.disabled,i=this.value===o.value;return e("div",{class:{"co-radio-group__item":!0,"co-radio-group__item--disabled":r},onClick:()=>!r&&this.handleSelect(o.value)},e("span",{class:{"co-radio-group__circle":!0,[`co-radio-group__circle--${this.size}`]:!0,"co-radio-group__circle--checked":i,"co-radio-group__circle--disabled":r},role:"radio","aria-checked":String(i),"aria-label":o.label}),e("span",{class:"co-radio-group__option-label"},o.label))}))),r&&e("div",{key:"9cec80138190321eafb700039b2d33d24e420e30",class:`co-radio-group__helper co-radio-group__helper--${this.status}`},this.statusIcon&&e("co-icon",{key:"8be3d15ffa7d528927f907b4c9523b7f2a6cdb94",name:this.statusIcon,size:14,weight:"fill",class:"co-radio-group__helper-icon"}),e("span",{key:"6ccf0cfeea7f6e00047b2849edff9fd988eb36a6",class:"co-radio-group__helper-text"},this.helperText)))}static get watchers(){return{value:[{onValueChange:0}]}}};i.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-radio-group{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-radio-group__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-radio-group__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;cursor:default}.co-radio-group__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-radio-group--disabled .co-radio-group__label,.co-radio-group--disabled .co-radio-group__secondary-label{color:var(--co-semantic-text-disabled)}.co-radio-group__options{display:flex;gap:var(--co-spacing-md)}.co-radio-group__options--column{flex-direction:column;gap:var(--co-spacing-sm2)}.co-radio-group__options--row{flex-direction:row;flex-wrap:wrap;gap:var(--co-spacing-md)}.co-radio-group__item{display:flex;align-items:center;gap:var(--co-spacing-sm2);cursor:pointer;user-select:none}.co-radio-group__item--disabled{cursor:not-allowed}.co-radio-group__option-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap}.co-radio-group__item--disabled .co-radio-group__option-label{color:var(--co-semantic-text-disabled)}.co-radio-group__circle{position:relative;display:inline-flex;align-items:center;justify-content:center;border-style:solid;border-width:1.5px;border-radius:var(--co-border-radius-full);background:transparent;flex-shrink:0;box-sizing:border-box;transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out);overflow:hidden}.co-radio-group__circle--small{width:16px;height:16px}.co-radio-group__circle--large{width:24px;height:24px}.co-radio-group__circle:not(.co-radio-group__circle--checked){border-color:var(--co-semantic-border-default)}.co-radio-group__circle--checked{border-color:var(--co-semantic-border-strong)}.co-radio-group__circle--checked::after{content:'';display:block;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-primary)}.co-radio-group__circle--small.co-radio-group__circle--checked::after{width:8px;height:8px}.co-radio-group__circle--large.co-radio-group__circle--checked::after{width:14px;height:14px}.co-radio-group__circle--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-radio-group--error .co-radio-group__circle{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error))}.co-radio-group__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-radio-group__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-radio-group__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-radio-group__helper--error .co-radio-group__helper-icon,.co-radio-group__helper--error .co-radio-group__helper-text{color:var(--co-semantic-text-error, var(--co-semantic-status-error))}.co-radio-group__helper--success .co-radio-group__helper-icon,.co-radio-group__helper--success .co-radio-group__helper-text{color:var(--co-semantic-text-success, var(--co-semantic-status-success))}.co-radio-group__helper--warning .co-radio-group__helper-icon,.co-radio-group__helper--warning .co-radio-group__helper-text{color:var(--co-semantic-text-warning, var(--co-color-status-review))}.co-radio-group__helper--info .co-radio-group__helper-icon,.co-radio-group__helper--info .co-radio-group__helper-text{color:var(--co-semantic-text-info, var(--co-semantic-status-info))}:host([layout='horizontal']) .co-radio-group{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-radio-group__labels{grid-column:1;grid-row:1;padding-top:0;min-width:0}:host([layout='horizontal']) .co-radio-group__label{white-space:normal}:host([layout='horizontal']) .co-radio-group>:not(.co-radio-group__labels){grid-column:2;min-width:0}";export{i as co_radio_group}
1
+ import{r as o,c as r,h as e}from"./p-DJkaRtbb.js";const i=class{constructor(e){o(this,e),this.coChange=r(this,"coChange",7),this.layout="vertical",this.status="default",this.options=[],this.direction="column",this.size="small",this.disabled=!1,this.handleSelect=o=>{this.disabled||(this.value=o,this.coChange.emit(o))}}onValueChange(){}get parsedOptions(){let o=this.options;if("string"==typeof o)try{o=JSON.parse(o)}catch(o){return[]}return Array.isArray(o)?o.map((o=>"string"==typeof o?{label:o,value:o}:o)):[]}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}render(){const o=this.label||this.secondaryLabel,r=this.helperText,i=this.parsedOptions;return e("div",{key:"b1c5880c1f9faca27b89189de5d64e36569d5b4f",class:{"co-radio-group":!0,"co-radio-group--disabled":this.disabled,[`co-radio-group--${this.status}`]:"default"!==this.status},role:"radiogroup","aria-label":this.label||""},o&&e("div",{key:"0e6088377e3cd361749b9aa98f2e6485a76fb577",class:"co-radio-group__labels"},this.label&&e("span",{key:"411bf1ec096311df2b25fac0b39c402d01365e5c",class:"co-radio-group__label"},this.label),this.secondaryLabel&&e("span",{key:"917cc0dd87362d7add21d407869872a14378a0b9",class:"co-radio-group__secondary-label"},this.secondaryLabel)),e("div",{key:"6459fee05efb04d402c0c98dfcbad83fc7da7f06",class:{"co-radio-group__options":!0,[`co-radio-group__options--${this.direction}`]:!0}},i.map((o=>{const r=this.disabled||!!o.disabled,i=this.value===o.value;return e("div",{class:{"co-radio-group__item":!0,"co-radio-group__item--disabled":r},onClick:()=>!r&&this.handleSelect(o.value)},e("span",{class:{"co-radio-group__circle":!0,[`co-radio-group__circle--${this.size}`]:!0,"co-radio-group__circle--checked":i,"co-radio-group__circle--disabled":r},role:"radio","aria-checked":String(i),"aria-label":o.label}),e("span",{class:"co-radio-group__option-label"},o.label))}))),r&&e("div",{key:"9cec80138190321eafb700039b2d33d24e420e30",class:`co-radio-group__helper co-radio-group__helper--${this.status}`},this.statusIcon&&e("co-icon",{key:"8be3d15ffa7d528927f907b4c9523b7f2a6cdb94",name:this.statusIcon,size:14,weight:"fill",class:"co-radio-group__helper-icon"}),e("span",{key:"6ccf0cfeea7f6e00047b2849edff9fd988eb36a6",class:"co-radio-group__helper-text"},this.helperText)))}static get watchers(){return{value:[{onValueChange:0}]}}};i.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-radio-group{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-radio-group__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-radio-group__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;cursor:default}.co-radio-group__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-radio-group--disabled .co-radio-group__label,.co-radio-group--disabled .co-radio-group__secondary-label{color:var(--co-semantic-text-disabled)}.co-radio-group__options{display:flex;gap:var(--co-spacing-md)}.co-radio-group__options--column{flex-direction:column;gap:var(--co-spacing-sm2)}.co-radio-group__options--row{flex-direction:row;flex-wrap:wrap;gap:var(--co-spacing-md)}.co-radio-group__item{display:flex;align-items:center;gap:var(--co-spacing-sm2);cursor:pointer;user-select:none}.co-radio-group__item--disabled{cursor:not-allowed}.co-radio-group__option-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap}.co-radio-group__item--disabled .co-radio-group__option-label{color:var(--co-semantic-text-disabled)}.co-radio-group__circle{position:relative;display:inline-flex;align-items:center;justify-content:center;border-style:solid;border-width:1.5px;border-radius:var(--co-border-radius-full);background:transparent;flex-shrink:0;box-sizing:border-box;transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out);overflow:hidden}.co-radio-group__circle--small{width:16px;height:16px}.co-radio-group__circle--large{width:24px;height:24px}.co-radio-group__circle:not(.co-radio-group__circle--checked){border-color:var(--co-semantic-border-default)}.co-radio-group__circle--checked{border-color:var(--co-semantic-border-strong)}.co-radio-group__circle--checked::after{content:'';display:block;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-primary)}.co-radio-group__circle--small.co-radio-group__circle--checked::after{width:8px;height:8px}.co-radio-group__circle--large.co-radio-group__circle--checked::after{width:14px;height:14px}.co-radio-group__circle--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-radio-group--error .co-radio-group__circle{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error))}.co-radio-group__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-radio-group__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-radio-group__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-radio-group__helper--error .co-radio-group__helper-icon,.co-radio-group__helper--error .co-radio-group__helper-text{color:var(--co-semantic-text-error, var(--co-semantic-status-error))}.co-radio-group__helper--success .co-radio-group__helper-icon,.co-radio-group__helper--success .co-radio-group__helper-text{color:var(--co-semantic-text-success, var(--co-semantic-status-success))}.co-radio-group__helper--warning .co-radio-group__helper-icon,.co-radio-group__helper--warning .co-radio-group__helper-text{color:var(--co-semantic-text-warning, var(--co-color-status-review))}.co-radio-group__helper--info .co-radio-group__helper-icon,.co-radio-group__helper--info .co-radio-group__helper-text{color:var(--co-semantic-text-info, var(--co-semantic-status-info))}:host([layout='horizontal']) .co-radio-group{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-radio-group__labels{grid-column:1;grid-row:1;padding-top:0;min-width:0}:host([layout='horizontal']) .co-radio-group__label{white-space:normal}:host([layout='horizontal']) .co-radio-group>:not(.co-radio-group__labels){grid-column:2;min-width:0}";export{i as co_radio_group}
@@ -1 +1 @@
1
- import{r as e,c as a,h as o,a as i}from"./p-YRicbXh3.js";import{R as n}from"./p-pl89alJ1.js";import{r as d,h as s}from"./p-Ba_v-MzM.js";const l=[{iso2:"AF",dialCode:"+93",name:"Afghanistan"},{iso2:"AL",dialCode:"+355",name:"Albania"},{iso2:"DZ",dialCode:"+213",name:"Algeria"},{iso2:"AD",dialCode:"+376",name:"Andorra"},{iso2:"AO",dialCode:"+244",name:"Angola"},{iso2:"AG",dialCode:"+1268",name:"Antigua and Barbuda"},{iso2:"AR",dialCode:"+54",name:"Argentina"},{iso2:"AM",dialCode:"+374",name:"Armenia"},{iso2:"AU",dialCode:"+61",name:"Australia"},{iso2:"AT",dialCode:"+43",name:"Austria"},{iso2:"AZ",dialCode:"+994",name:"Azerbaijan"},{iso2:"BS",dialCode:"+1242",name:"Bahamas"},{iso2:"BH",dialCode:"+973",name:"Bahrain"},{iso2:"BD",dialCode:"+880",name:"Bangladesh"},{iso2:"BB",dialCode:"+1246",name:"Barbados"},{iso2:"BY",dialCode:"+375",name:"Belarus"},{iso2:"BE",dialCode:"+32",name:"Belgium"},{iso2:"BZ",dialCode:"+501",name:"Belize"},{iso2:"BJ",dialCode:"+229",name:"Benin"},{iso2:"BT",dialCode:"+975",name:"Bhutan"},{iso2:"BO",dialCode:"+591",name:"Bolivia"},{iso2:"BA",dialCode:"+387",name:"Bosnia and Herzegovina"},{iso2:"BW",dialCode:"+267",name:"Botswana"},{iso2:"BR",dialCode:"+55",name:"Brazil"},{iso2:"BN",dialCode:"+673",name:"Brunei"},{iso2:"BG",dialCode:"+359",name:"Bulgaria"},{iso2:"BF",dialCode:"+226",name:"Burkina Faso"},{iso2:"BI",dialCode:"+257",name:"Burundi"},{iso2:"KH",dialCode:"+855",name:"Cambodia"},{iso2:"CM",dialCode:"+237",name:"Cameroon"},{iso2:"CA",dialCode:"+1",name:"Canada"},{iso2:"CV",dialCode:"+238",name:"Cape Verde"},{iso2:"CF",dialCode:"+236",name:"Central African Republic"},{iso2:"TD",dialCode:"+235",name:"Chad"},{iso2:"CL",dialCode:"+56",name:"Chile"},{iso2:"CN",dialCode:"+86",name:"China"},{iso2:"CO",dialCode:"+57",name:"Colombia"},{iso2:"KM",dialCode:"+269",name:"Comoros"},{iso2:"CD",dialCode:"+243",name:"Congo (DRC)"},{iso2:"CG",dialCode:"+242",name:"Congo (Republic)"},{iso2:"CR",dialCode:"+506",name:"Costa Rica"},{iso2:"CI",dialCode:"+225",name:"Côte d'Ivoire"},{iso2:"HR",dialCode:"+385",name:"Croatia"},{iso2:"CU",dialCode:"+53",name:"Cuba"},{iso2:"CY",dialCode:"+357",name:"Cyprus"},{iso2:"CZ",dialCode:"+420",name:"Czech Republic"},{iso2:"DK",dialCode:"+45",name:"Denmark"},{iso2:"DJ",dialCode:"+253",name:"Djibouti"},{iso2:"DM",dialCode:"+1767",name:"Dominica"},{iso2:"DO",dialCode:"+1809",name:"Dominican Republic"},{iso2:"EC",dialCode:"+593",name:"Ecuador"},{iso2:"EG",dialCode:"+20",name:"Egypt"},{iso2:"SV",dialCode:"+503",name:"El Salvador"},{iso2:"GQ",dialCode:"+240",name:"Equatorial Guinea"},{iso2:"ER",dialCode:"+291",name:"Eritrea"},{iso2:"EE",dialCode:"+372",name:"Estonia"},{iso2:"SZ",dialCode:"+268",name:"Eswatini"},{iso2:"ET",dialCode:"+251",name:"Ethiopia"},{iso2:"FJ",dialCode:"+679",name:"Fiji"},{iso2:"FI",dialCode:"+358",name:"Finland"},{iso2:"FR",dialCode:"+33",name:"France"},{iso2:"GA",dialCode:"+241",name:"Gabon"},{iso2:"GM",dialCode:"+220",name:"Gambia"},{iso2:"GE",dialCode:"+995",name:"Georgia"},{iso2:"DE",dialCode:"+49",name:"Germany"},{iso2:"GH",dialCode:"+233",name:"Ghana"},{iso2:"GR",dialCode:"+30",name:"Greece"},{iso2:"GD",dialCode:"+1473",name:"Grenada"},{iso2:"GT",dialCode:"+502",name:"Guatemala"},{iso2:"GN",dialCode:"+224",name:"Guinea"},{iso2:"GW",dialCode:"+245",name:"Guinea-Bissau"},{iso2:"GY",dialCode:"+592",name:"Guyana"},{iso2:"HT",dialCode:"+509",name:"Haiti"},{iso2:"HN",dialCode:"+504",name:"Honduras"},{iso2:"HU",dialCode:"+36",name:"Hungary"},{iso2:"IS",dialCode:"+354",name:"Iceland"},{iso2:"IN",dialCode:"+91",name:"India"},{iso2:"ID",dialCode:"+62",name:"Indonesia"},{iso2:"IR",dialCode:"+98",name:"Iran"},{iso2:"IQ",dialCode:"+964",name:"Iraq"},{iso2:"IE",dialCode:"+353",name:"Ireland"},{iso2:"IL",dialCode:"+972",name:"Israel"},{iso2:"IT",dialCode:"+39",name:"Italy"},{iso2:"JM",dialCode:"+1876",name:"Jamaica"},{iso2:"JP",dialCode:"+81",name:"Japan"},{iso2:"JO",dialCode:"+962",name:"Jordan"},{iso2:"KZ",dialCode:"+7",name:"Kazakhstan"},{iso2:"KE",dialCode:"+254",name:"Kenya"},{iso2:"KI",dialCode:"+686",name:"Kiribati"},{iso2:"KW",dialCode:"+965",name:"Kuwait"},{iso2:"KG",dialCode:"+996",name:"Kyrgyzstan"},{iso2:"LA",dialCode:"+856",name:"Laos"},{iso2:"LV",dialCode:"+371",name:"Latvia"},{iso2:"LB",dialCode:"+961",name:"Lebanon"},{iso2:"LS",dialCode:"+266",name:"Lesotho"},{iso2:"LR",dialCode:"+231",name:"Liberia"},{iso2:"LY",dialCode:"+218",name:"Libya"},{iso2:"LI",dialCode:"+423",name:"Liechtenstein"},{iso2:"LT",dialCode:"+370",name:"Lithuania"},{iso2:"LU",dialCode:"+352",name:"Luxembourg"},{iso2:"MG",dialCode:"+261",name:"Madagascar"},{iso2:"MW",dialCode:"+265",name:"Malawi"},{iso2:"MY",dialCode:"+60",name:"Malaysia"},{iso2:"MV",dialCode:"+960",name:"Maldives"},{iso2:"ML",dialCode:"+223",name:"Mali"},{iso2:"MT",dialCode:"+356",name:"Malta"},{iso2:"MH",dialCode:"+692",name:"Marshall Islands"},{iso2:"MR",dialCode:"+222",name:"Mauritania"},{iso2:"MU",dialCode:"+230",name:"Mauritius"},{iso2:"MX",dialCode:"+52",name:"Mexico"},{iso2:"FM",dialCode:"+691",name:"Micronesia"},{iso2:"MD",dialCode:"+373",name:"Moldova"},{iso2:"MC",dialCode:"+377",name:"Monaco"},{iso2:"MN",dialCode:"+976",name:"Mongolia"},{iso2:"ME",dialCode:"+382",name:"Montenegro"},{iso2:"MA",dialCode:"+212",name:"Morocco"},{iso2:"MZ",dialCode:"+258",name:"Mozambique"},{iso2:"MM",dialCode:"+95",name:"Myanmar"},{iso2:"NA",dialCode:"+264",name:"Namibia"},{iso2:"NR",dialCode:"+674",name:"Nauru"},{iso2:"NP",dialCode:"+977",name:"Nepal"},{iso2:"NL",dialCode:"+31",name:"Netherlands"},{iso2:"NZ",dialCode:"+64",name:"New Zealand"},{iso2:"NI",dialCode:"+505",name:"Nicaragua"},{iso2:"NE",dialCode:"+227",name:"Niger"},{iso2:"NG",dialCode:"+234",name:"Nigeria"},{iso2:"KP",dialCode:"+850",name:"North Korea"},{iso2:"MK",dialCode:"+389",name:"North Macedonia"},{iso2:"NO",dialCode:"+47",name:"Norway"},{iso2:"OM",dialCode:"+968",name:"Oman"},{iso2:"PK",dialCode:"+92",name:"Pakistan"},{iso2:"PW",dialCode:"+680",name:"Palau"},{iso2:"PS",dialCode:"+970",name:"Palestine"},{iso2:"PA",dialCode:"+507",name:"Panama"},{iso2:"PG",dialCode:"+675",name:"Papua New Guinea"},{iso2:"PY",dialCode:"+595",name:"Paraguay"},{iso2:"PE",dialCode:"+51",name:"Peru"},{iso2:"PH",dialCode:"+63",name:"Philippines"},{iso2:"PL",dialCode:"+48",name:"Poland"},{iso2:"PT",dialCode:"+351",name:"Portugal"},{iso2:"QA",dialCode:"+974",name:"Qatar"},{iso2:"RO",dialCode:"+40",name:"Romania"},{iso2:"RU",dialCode:"+7",name:"Russia"},{iso2:"RW",dialCode:"+250",name:"Rwanda"},{iso2:"KN",dialCode:"+1869",name:"Saint Kitts and Nevis"},{iso2:"LC",dialCode:"+1758",name:"Saint Lucia"},{iso2:"VC",dialCode:"+1784",name:"Saint Vincent and the Grenadines"},{iso2:"WS",dialCode:"+685",name:"Samoa"},{iso2:"SM",dialCode:"+378",name:"San Marino"},{iso2:"ST",dialCode:"+239",name:"São Tomé and Príncipe"},{iso2:"SA",dialCode:"+966",name:"Saudi Arabia"},{iso2:"SN",dialCode:"+221",name:"Senegal"},{iso2:"RS",dialCode:"+381",name:"Serbia"},{iso2:"SC",dialCode:"+248",name:"Seychelles"},{iso2:"SL",dialCode:"+232",name:"Sierra Leone"},{iso2:"SG",dialCode:"+65",name:"Singapore"},{iso2:"SK",dialCode:"+421",name:"Slovakia"},{iso2:"SI",dialCode:"+386",name:"Slovenia"},{iso2:"SB",dialCode:"+677",name:"Solomon Islands"},{iso2:"SO",dialCode:"+252",name:"Somalia"},{iso2:"ZA",dialCode:"+27",name:"South Africa"},{iso2:"KR",dialCode:"+82",name:"South Korea"},{iso2:"SS",dialCode:"+211",name:"South Sudan"},{iso2:"ES",dialCode:"+34",name:"Spain"},{iso2:"LK",dialCode:"+94",name:"Sri Lanka"},{iso2:"SD",dialCode:"+249",name:"Sudan"},{iso2:"SR",dialCode:"+597",name:"Suriname"},{iso2:"SE",dialCode:"+46",name:"Sweden"},{iso2:"CH",dialCode:"+41",name:"Switzerland"},{iso2:"SY",dialCode:"+963",name:"Syria"},{iso2:"TW",dialCode:"+886",name:"Taiwan"},{iso2:"TJ",dialCode:"+992",name:"Tajikistan"},{iso2:"TZ",dialCode:"+255",name:"Tanzania"},{iso2:"TH",dialCode:"+66",name:"Thailand"},{iso2:"TL",dialCode:"+670",name:"Timor-Leste"},{iso2:"TG",dialCode:"+228",name:"Togo"},{iso2:"TO",dialCode:"+676",name:"Tonga"},{iso2:"TT",dialCode:"+1868",name:"Trinidad and Tobago"},{iso2:"TN",dialCode:"+216",name:"Tunisia"},{iso2:"TR",dialCode:"+90",name:"Turkey"},{iso2:"TM",dialCode:"+993",name:"Turkmenistan"},{iso2:"TV",dialCode:"+688",name:"Tuvalu"},{iso2:"UG",dialCode:"+256",name:"Uganda"},{iso2:"UA",dialCode:"+380",name:"Ukraine"},{iso2:"AE",dialCode:"+971",name:"United Arab Emirates"},{iso2:"GB",dialCode:"+44",name:"United Kingdom"},{iso2:"US",dialCode:"+1",name:"United States"},{iso2:"UY",dialCode:"+598",name:"Uruguay"},{iso2:"UZ",dialCode:"+998",name:"Uzbekistan"},{iso2:"VU",dialCode:"+678",name:"Vanuatu"},{iso2:"VA",dialCode:"+379",name:"Vatican City"},{iso2:"VE",dialCode:"+58",name:"Venezuela"},{iso2:"VN",dialCode:"+84",name:"Vietnam"},{iso2:"YE",dialCode:"+967",name:"Yemen"},{iso2:"ZM",dialCode:"+260",name:"Zambia"},{iso2:"ZW",dialCode:"+263",name:"Zimbabwe"}],t=Object.fromEntries(l.map((e=>[e.iso2,e]))),r={es:{searchPlaceholder:"Buscar país…",selectCountry:"Seleccionar país"},en:{searchPlaceholder:"Search country…",selectCountry:"Select country"},pt:{searchPlaceholder:"Buscar país…",selectCountry:"Selecionar país"}},c=class{constructor(o){e(this,o),this.coChange=a(this,"coChange",7),this.placeholder="",this.value="",this.disabled=!1,this.required=!1,this.status="default",this.layout="vertical",this.size="md",this.defaultCountry="",this.selectedIso2="",this.numberPart="",this.isOpen=!1,this.searchQuery="",this.hideBrokenFlag=e=>{const a=e.target;a&&(a.style.visibility="hidden")},this.handleOutsideClick=e=>{if(!this.isOpen)return;const a=e.composedPath(),o=this.host.shadowRoot;if(!o)return;const i=o.querySelector(".co-phone-field__dropdown"),n=o.querySelector(".co-phone-field__selector");i&&a.includes(i)||n&&a.includes(n)||(this.isOpen=!1,this.searchQuery="")}}get selectedEntry(){var e;return this.selectedIso2&&null!==(e=t[this.selectedIso2])&&void 0!==e?e:null}get filteredCountries(){return this.searchQuery.trim()?d(l,this.searchQuery,(e=>[e.name,e.dialCode,e.iso2])):l}renderName(e){const a=this.searchQuery.trim()?s(e,this.searchQuery):null;return a?a.map((e=>e.match?o("span",{class:"co-phone-field__match"},e.text):e.text)):e}onValueChange(e){if(!e)return void(this.numberPart="");const a=this.findDialCodeInValue(e);a?(this.selectedIso2=a.iso2,this.numberPart=e.slice(a.dialCode.length).trim()):this.numberPart=e}onDefaultCountryChange(e){t[e]&&!this.value&&(this.selectedIso2=e)}componentWillLoad(){this.defaultCountry&&t[this.defaultCountry]&&(this.selectedIso2=this.defaultCountry),this.value&&this.onValueChange(this.value)}get hasCountry(){return!!this.selectedIso2&&!!this.selectedEntry}get strings(){return r[function(e){const a=(e||"").toLowerCase();return a.startsWith("es")?"es":a.startsWith("pt")?"pt":"en"}(this.locale)]}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}findDialCodeInValue(e){if(!e.startsWith("+"))return null;for(let a=5;a>=1;a--){const o=e.slice(0,a+1),i=l.find((e=>e.dialCode===o));if(i)return i}return null}emitValue(){var e,a;const o=null!==(a=null===(e=this.selectedEntry)||void 0===e?void 0:e.dialCode)&&void 0!==a?a:"",i=this.numberPart?`${o}${this.numberPart}`:"";this.value=i,this.coChange.emit(i)}handleCountrySelect(e){this.selectedIso2=e.iso2,this.isOpen=!1,this.searchQuery="",this.emitValue()}handleNumberInput(e){this.numberPart=e.target.value,this.emitValue()}handleToggleDropdown(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen||(this.searchQuery=""))}handleSearchInput(e){this.searchQuery=e.target.value}connectedCallback(){document.addEventListener("click",this.handleOutsideClick,!0)}disconnectedCallback(){document.removeEventListener("click",this.handleOutsideClick,!0)}render(){const e=this.selectedEntry;return o("div",{key:"8c960a1db186c84921d1062f3a81dac55d36be90",class:`co-phone-field co-phone-field--${this.size} ${"default"!==this.status?`co-phone-field--${this.status}`:""} ${this.disabled?"co-phone-field--disabled":""}`},this.label&&o("label",{key:"c19628c6057b6314a7dca1aeac5c8e201d2c20c0",class:"co-phone-field__label"},this.label,o(n,{key:"e070c5a69e9064d61ca6fb6fd1d5fca6944f8a36",required:this.required})),o("div",{key:"69e52a3489ddc693271a2eff7b63e7a3f6ffee9b",class:"co-phone-field__container"},o("button",{key:"1b0998e28fb0f0aa0ab64443adceea96355483e5",type:"button",class:"co-phone-field__selector",disabled:this.disabled,onClick:()=>this.handleToggleDropdown(),"aria-expanded":String(this.isOpen),"aria-haspopup":"listbox","aria-label":e?`${this.strings.selectCountry}: ${e.name} ${e.dialCode}`:this.strings.selectCountry},e?o("img",{class:"co-phone-field__flag",src:`https://flagcdn.com/w40/${e.iso2.toLowerCase()}.png`,alt:"",decoding:"async",onError:this.hideBrokenFlag}):o("co-icon",{name:"phone",size:16}),o("span",{key:"5f2f173697b6e659b729547eb44372efbdebf0de",class:"co-phone-field__dial-code"},e?e.dialCode:""),o("span",{key:"d0ad9d09fd06c9ab4385b6b10fd335429d2b2782",class:"co-phone-field__chevron"},o("co-icon",{key:"6ef136322e4fcada10e924d25beff2ff3699a0d9",name:"caret-down",size:14}))),o("input",{key:"b5d77691bbd9638a3868e82a243c1106e3167384",class:"co-phone-field__input",type:"tel",placeholder:this.placeholder,value:this.numberPart,disabled:this.disabled,onInput:e=>this.handleNumberInput(e)})),this.isOpen&&o("div",{key:"c9310ebc76fb76f4ad7b3f460199131e89238129",class:"co-phone-field__dropdown",role:"listbox"},o("div",{key:"2b103381c88331f86dd0cd941b5d7dc102d60cfa",class:"co-phone-field__search"},o("input",{key:"3152d3842b4db1f2f75b36c8c16933a115af75b5",class:"co-phone-field__search-input",type:"text",placeholder:this.strings.searchPlaceholder,value:this.searchQuery,onInput:e=>this.handleSearchInput(e),autoFocus:!0})),o("div",{key:"0b5fdd035243c03563e956b7c6e8b189e3fac976",class:"co-phone-field__options"},this.filteredCountries.map((e=>o("button",{type:"button",key:e.iso2,class:"co-phone-field__option "+(e.iso2===this.selectedIso2?"co-phone-field__option--selected":""),role:"option","aria-selected":e.iso2===this.selectedIso2?"true":"false",onClick:()=>this.handleCountrySelect(e)},o("img",{class:"co-phone-field__option-flag",src:`https://flagcdn.com/w40/${e.iso2.toLowerCase()}.png`,alt:"",loading:"lazy",decoding:"async",onError:this.hideBrokenFlag}),o("span",{class:"co-phone-field__option-name"},this.renderName(e.name)),o("span",{class:"co-phone-field__option-code"},e.dialCode),e.iso2===this.selectedIso2&&o("co-icon",{name:"check",size:16,class:"co-phone-field__option-check","aria-hidden":"true"})))))),this.helperText&&o("div",{key:"686669982abbcb8f1c2c5d045a3a04546a0a0e46",class:"co-phone-field__helper"},this.statusIcon&&o("co-icon",{key:"030b2538e516b2a6aaa583e4581638b3772f7a8a",name:this.statusIcon,size:14,weight:"fill",class:"co-phone-field__helper-icon"}),o("span",{key:"649c30fdf2f2b6a1cd43687b972bd727eba6bcc9",class:"co-phone-field__helper-text"},this.helperText)))}get host(){return i(this)}static get watchers(){return{value:[{onValueChange:0}],defaultCountry:[{onDefaultCountryChange:0}]}}};c.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1;position:relative}.co-phone-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2);position:relative;font-family:var(--co-font-family-primary)}.co-phone-field--disabled{opacity:0.5;pointer-events:none}.co-phone-field__label{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-secondary);padding:0 var(--co-spacing-xs)}.co-field-required{margin-left:2px;color:var(--co-semantic-text-error, var(--co-color-status-error))}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-phone-field__container{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out);min-height:40px;box-sizing:border-box}.co-phone-field--s .co-phone-field__container{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-phone-field--sm .co-phone-field__container{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-phone-field--lg .co-phone-field__container{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-phone-field--error .co-phone-field__container{border-color:var(--co-semantic-border-error, var(--co-color-status-error))}.co-phone-field__container:focus-within{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-phone-field__selector{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0;background:none;border:none;border-right:1px solid var(--co-semantic-border-subtle);padding-right:var(--co-spacing-sm);margin-right:var(--co-spacing-sm);cursor:pointer;font-size:inherit;font-family:inherit;color:var(--co-semantic-text-default);white-space:nowrap}.co-phone-field__selector:hover{opacity:0.8}.co-phone-field__flag{width:20px;height:15px;border-radius:2px;object-fit:cover}.co-phone-field__dial-code{font-size:inherit;color:var(--co-semantic-text-secondary);font-weight:500}.co-phone-field__chevron{display:flex;align-items:center;color:var(--co-semantic-text-muted)}.co-phone-field__input{flex:1;min-width:0;padding:0;border:none;outline:none;font-size:inherit;font-family:inherit;font-weight:400;letter-spacing:inherit;color:var(--co-semantic-text-default);background:transparent;line-height:1}.co-phone-field__input::placeholder{color:var(--co-semantic-text-muted)}.co-phone-field__dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:var(--co-spacing-xs);background:var(--co-semantic-surface-page, #fff);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);max-height:280px;display:flex;flex-direction:column;overflow:hidden}.co-phone-field__search{padding:var(--co-spacing-sm);border-bottom:1px solid var(--co-semantic-border-subtle)}.co-phone-field__search-input{width:100%;padding:var(--co-spacing-xs) var(--co-spacing-sm);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xxs);font-size:var(--co-font-size-14);font-family:var(--co-font-family-primary);outline:none;background:var(--co-semantic-surface-secondary);color:var(--co-semantic-text-default);box-sizing:border-box}.co-phone-field__search-input:focus{border-color:var(--co-semantic-border-focus)}.co-phone-field__options{overflow-y:auto;flex:1}.co-phone-field__option{display:flex;align-items:center;gap:var(--co-spacing-sm);width:100%;padding:var(--co-spacing-sm) var(--co-spacing-md);border:none;background:none;cursor:pointer;font-size:var(--co-font-size-14);font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);text-align:left}.co-phone-field__option:hover{background:color-mix(in srgb, var(--co-semantic-text-default) 6%, transparent)}.co-phone-field__option--selected{font-weight:600}.co-phone-field__option-check{flex-shrink:0;color:var(--co-semantic-text-default)}.co-phone-field__option-flag{width:20px;height:15px;border-radius:2px;object-fit:cover;flex-shrink:0}.co-phone-field__match{font-weight:700}.co-phone-field__option-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-phone-field__option-code{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);white-space:nowrap}.co-phone-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs);font-size:var(--co-font-size-14);color:var(--co-semantic-text-muted)}.co-phone-field__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-phone-field--error .co-phone-field__helper{color:var(--co-semantic-text-error, var(--co-semantic-status-error))}:host([layout='horizontal']) .co-phone-field{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-phone-field__label{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-phone-field__label{white-space:normal}:host([layout='horizontal']) .co-phone-field>:not(.co-phone-field__label){grid-column:2;min-width:0}";export{c as co_phone_field}
1
+ import{r as e,c as a,h as o,a as i}from"./p-DJkaRtbb.js";import{R as n}from"./p-CYN5B3IQ.js";import{r as d,h as s}from"./p-Ba_v-MzM.js";const l=[{iso2:"AF",dialCode:"+93",name:"Afghanistan"},{iso2:"AL",dialCode:"+355",name:"Albania"},{iso2:"DZ",dialCode:"+213",name:"Algeria"},{iso2:"AD",dialCode:"+376",name:"Andorra"},{iso2:"AO",dialCode:"+244",name:"Angola"},{iso2:"AG",dialCode:"+1268",name:"Antigua and Barbuda"},{iso2:"AR",dialCode:"+54",name:"Argentina"},{iso2:"AM",dialCode:"+374",name:"Armenia"},{iso2:"AU",dialCode:"+61",name:"Australia"},{iso2:"AT",dialCode:"+43",name:"Austria"},{iso2:"AZ",dialCode:"+994",name:"Azerbaijan"},{iso2:"BS",dialCode:"+1242",name:"Bahamas"},{iso2:"BH",dialCode:"+973",name:"Bahrain"},{iso2:"BD",dialCode:"+880",name:"Bangladesh"},{iso2:"BB",dialCode:"+1246",name:"Barbados"},{iso2:"BY",dialCode:"+375",name:"Belarus"},{iso2:"BE",dialCode:"+32",name:"Belgium"},{iso2:"BZ",dialCode:"+501",name:"Belize"},{iso2:"BJ",dialCode:"+229",name:"Benin"},{iso2:"BT",dialCode:"+975",name:"Bhutan"},{iso2:"BO",dialCode:"+591",name:"Bolivia"},{iso2:"BA",dialCode:"+387",name:"Bosnia and Herzegovina"},{iso2:"BW",dialCode:"+267",name:"Botswana"},{iso2:"BR",dialCode:"+55",name:"Brazil"},{iso2:"BN",dialCode:"+673",name:"Brunei"},{iso2:"BG",dialCode:"+359",name:"Bulgaria"},{iso2:"BF",dialCode:"+226",name:"Burkina Faso"},{iso2:"BI",dialCode:"+257",name:"Burundi"},{iso2:"KH",dialCode:"+855",name:"Cambodia"},{iso2:"CM",dialCode:"+237",name:"Cameroon"},{iso2:"CA",dialCode:"+1",name:"Canada"},{iso2:"CV",dialCode:"+238",name:"Cape Verde"},{iso2:"CF",dialCode:"+236",name:"Central African Republic"},{iso2:"TD",dialCode:"+235",name:"Chad"},{iso2:"CL",dialCode:"+56",name:"Chile"},{iso2:"CN",dialCode:"+86",name:"China"},{iso2:"CO",dialCode:"+57",name:"Colombia"},{iso2:"KM",dialCode:"+269",name:"Comoros"},{iso2:"CD",dialCode:"+243",name:"Congo (DRC)"},{iso2:"CG",dialCode:"+242",name:"Congo (Republic)"},{iso2:"CR",dialCode:"+506",name:"Costa Rica"},{iso2:"CI",dialCode:"+225",name:"Côte d'Ivoire"},{iso2:"HR",dialCode:"+385",name:"Croatia"},{iso2:"CU",dialCode:"+53",name:"Cuba"},{iso2:"CY",dialCode:"+357",name:"Cyprus"},{iso2:"CZ",dialCode:"+420",name:"Czech Republic"},{iso2:"DK",dialCode:"+45",name:"Denmark"},{iso2:"DJ",dialCode:"+253",name:"Djibouti"},{iso2:"DM",dialCode:"+1767",name:"Dominica"},{iso2:"DO",dialCode:"+1809",name:"Dominican Republic"},{iso2:"EC",dialCode:"+593",name:"Ecuador"},{iso2:"EG",dialCode:"+20",name:"Egypt"},{iso2:"SV",dialCode:"+503",name:"El Salvador"},{iso2:"GQ",dialCode:"+240",name:"Equatorial Guinea"},{iso2:"ER",dialCode:"+291",name:"Eritrea"},{iso2:"EE",dialCode:"+372",name:"Estonia"},{iso2:"SZ",dialCode:"+268",name:"Eswatini"},{iso2:"ET",dialCode:"+251",name:"Ethiopia"},{iso2:"FJ",dialCode:"+679",name:"Fiji"},{iso2:"FI",dialCode:"+358",name:"Finland"},{iso2:"FR",dialCode:"+33",name:"France"},{iso2:"GA",dialCode:"+241",name:"Gabon"},{iso2:"GM",dialCode:"+220",name:"Gambia"},{iso2:"GE",dialCode:"+995",name:"Georgia"},{iso2:"DE",dialCode:"+49",name:"Germany"},{iso2:"GH",dialCode:"+233",name:"Ghana"},{iso2:"GR",dialCode:"+30",name:"Greece"},{iso2:"GD",dialCode:"+1473",name:"Grenada"},{iso2:"GT",dialCode:"+502",name:"Guatemala"},{iso2:"GN",dialCode:"+224",name:"Guinea"},{iso2:"GW",dialCode:"+245",name:"Guinea-Bissau"},{iso2:"GY",dialCode:"+592",name:"Guyana"},{iso2:"HT",dialCode:"+509",name:"Haiti"},{iso2:"HN",dialCode:"+504",name:"Honduras"},{iso2:"HU",dialCode:"+36",name:"Hungary"},{iso2:"IS",dialCode:"+354",name:"Iceland"},{iso2:"IN",dialCode:"+91",name:"India"},{iso2:"ID",dialCode:"+62",name:"Indonesia"},{iso2:"IR",dialCode:"+98",name:"Iran"},{iso2:"IQ",dialCode:"+964",name:"Iraq"},{iso2:"IE",dialCode:"+353",name:"Ireland"},{iso2:"IL",dialCode:"+972",name:"Israel"},{iso2:"IT",dialCode:"+39",name:"Italy"},{iso2:"JM",dialCode:"+1876",name:"Jamaica"},{iso2:"JP",dialCode:"+81",name:"Japan"},{iso2:"JO",dialCode:"+962",name:"Jordan"},{iso2:"KZ",dialCode:"+7",name:"Kazakhstan"},{iso2:"KE",dialCode:"+254",name:"Kenya"},{iso2:"KI",dialCode:"+686",name:"Kiribati"},{iso2:"KW",dialCode:"+965",name:"Kuwait"},{iso2:"KG",dialCode:"+996",name:"Kyrgyzstan"},{iso2:"LA",dialCode:"+856",name:"Laos"},{iso2:"LV",dialCode:"+371",name:"Latvia"},{iso2:"LB",dialCode:"+961",name:"Lebanon"},{iso2:"LS",dialCode:"+266",name:"Lesotho"},{iso2:"LR",dialCode:"+231",name:"Liberia"},{iso2:"LY",dialCode:"+218",name:"Libya"},{iso2:"LI",dialCode:"+423",name:"Liechtenstein"},{iso2:"LT",dialCode:"+370",name:"Lithuania"},{iso2:"LU",dialCode:"+352",name:"Luxembourg"},{iso2:"MG",dialCode:"+261",name:"Madagascar"},{iso2:"MW",dialCode:"+265",name:"Malawi"},{iso2:"MY",dialCode:"+60",name:"Malaysia"},{iso2:"MV",dialCode:"+960",name:"Maldives"},{iso2:"ML",dialCode:"+223",name:"Mali"},{iso2:"MT",dialCode:"+356",name:"Malta"},{iso2:"MH",dialCode:"+692",name:"Marshall Islands"},{iso2:"MR",dialCode:"+222",name:"Mauritania"},{iso2:"MU",dialCode:"+230",name:"Mauritius"},{iso2:"MX",dialCode:"+52",name:"Mexico"},{iso2:"FM",dialCode:"+691",name:"Micronesia"},{iso2:"MD",dialCode:"+373",name:"Moldova"},{iso2:"MC",dialCode:"+377",name:"Monaco"},{iso2:"MN",dialCode:"+976",name:"Mongolia"},{iso2:"ME",dialCode:"+382",name:"Montenegro"},{iso2:"MA",dialCode:"+212",name:"Morocco"},{iso2:"MZ",dialCode:"+258",name:"Mozambique"},{iso2:"MM",dialCode:"+95",name:"Myanmar"},{iso2:"NA",dialCode:"+264",name:"Namibia"},{iso2:"NR",dialCode:"+674",name:"Nauru"},{iso2:"NP",dialCode:"+977",name:"Nepal"},{iso2:"NL",dialCode:"+31",name:"Netherlands"},{iso2:"NZ",dialCode:"+64",name:"New Zealand"},{iso2:"NI",dialCode:"+505",name:"Nicaragua"},{iso2:"NE",dialCode:"+227",name:"Niger"},{iso2:"NG",dialCode:"+234",name:"Nigeria"},{iso2:"KP",dialCode:"+850",name:"North Korea"},{iso2:"MK",dialCode:"+389",name:"North Macedonia"},{iso2:"NO",dialCode:"+47",name:"Norway"},{iso2:"OM",dialCode:"+968",name:"Oman"},{iso2:"PK",dialCode:"+92",name:"Pakistan"},{iso2:"PW",dialCode:"+680",name:"Palau"},{iso2:"PS",dialCode:"+970",name:"Palestine"},{iso2:"PA",dialCode:"+507",name:"Panama"},{iso2:"PG",dialCode:"+675",name:"Papua New Guinea"},{iso2:"PY",dialCode:"+595",name:"Paraguay"},{iso2:"PE",dialCode:"+51",name:"Peru"},{iso2:"PH",dialCode:"+63",name:"Philippines"},{iso2:"PL",dialCode:"+48",name:"Poland"},{iso2:"PT",dialCode:"+351",name:"Portugal"},{iso2:"QA",dialCode:"+974",name:"Qatar"},{iso2:"RO",dialCode:"+40",name:"Romania"},{iso2:"RU",dialCode:"+7",name:"Russia"},{iso2:"RW",dialCode:"+250",name:"Rwanda"},{iso2:"KN",dialCode:"+1869",name:"Saint Kitts and Nevis"},{iso2:"LC",dialCode:"+1758",name:"Saint Lucia"},{iso2:"VC",dialCode:"+1784",name:"Saint Vincent and the Grenadines"},{iso2:"WS",dialCode:"+685",name:"Samoa"},{iso2:"SM",dialCode:"+378",name:"San Marino"},{iso2:"ST",dialCode:"+239",name:"São Tomé and Príncipe"},{iso2:"SA",dialCode:"+966",name:"Saudi Arabia"},{iso2:"SN",dialCode:"+221",name:"Senegal"},{iso2:"RS",dialCode:"+381",name:"Serbia"},{iso2:"SC",dialCode:"+248",name:"Seychelles"},{iso2:"SL",dialCode:"+232",name:"Sierra Leone"},{iso2:"SG",dialCode:"+65",name:"Singapore"},{iso2:"SK",dialCode:"+421",name:"Slovakia"},{iso2:"SI",dialCode:"+386",name:"Slovenia"},{iso2:"SB",dialCode:"+677",name:"Solomon Islands"},{iso2:"SO",dialCode:"+252",name:"Somalia"},{iso2:"ZA",dialCode:"+27",name:"South Africa"},{iso2:"KR",dialCode:"+82",name:"South Korea"},{iso2:"SS",dialCode:"+211",name:"South Sudan"},{iso2:"ES",dialCode:"+34",name:"Spain"},{iso2:"LK",dialCode:"+94",name:"Sri Lanka"},{iso2:"SD",dialCode:"+249",name:"Sudan"},{iso2:"SR",dialCode:"+597",name:"Suriname"},{iso2:"SE",dialCode:"+46",name:"Sweden"},{iso2:"CH",dialCode:"+41",name:"Switzerland"},{iso2:"SY",dialCode:"+963",name:"Syria"},{iso2:"TW",dialCode:"+886",name:"Taiwan"},{iso2:"TJ",dialCode:"+992",name:"Tajikistan"},{iso2:"TZ",dialCode:"+255",name:"Tanzania"},{iso2:"TH",dialCode:"+66",name:"Thailand"},{iso2:"TL",dialCode:"+670",name:"Timor-Leste"},{iso2:"TG",dialCode:"+228",name:"Togo"},{iso2:"TO",dialCode:"+676",name:"Tonga"},{iso2:"TT",dialCode:"+1868",name:"Trinidad and Tobago"},{iso2:"TN",dialCode:"+216",name:"Tunisia"},{iso2:"TR",dialCode:"+90",name:"Turkey"},{iso2:"TM",dialCode:"+993",name:"Turkmenistan"},{iso2:"TV",dialCode:"+688",name:"Tuvalu"},{iso2:"UG",dialCode:"+256",name:"Uganda"},{iso2:"UA",dialCode:"+380",name:"Ukraine"},{iso2:"AE",dialCode:"+971",name:"United Arab Emirates"},{iso2:"GB",dialCode:"+44",name:"United Kingdom"},{iso2:"US",dialCode:"+1",name:"United States"},{iso2:"UY",dialCode:"+598",name:"Uruguay"},{iso2:"UZ",dialCode:"+998",name:"Uzbekistan"},{iso2:"VU",dialCode:"+678",name:"Vanuatu"},{iso2:"VA",dialCode:"+379",name:"Vatican City"},{iso2:"VE",dialCode:"+58",name:"Venezuela"},{iso2:"VN",dialCode:"+84",name:"Vietnam"},{iso2:"YE",dialCode:"+967",name:"Yemen"},{iso2:"ZM",dialCode:"+260",name:"Zambia"},{iso2:"ZW",dialCode:"+263",name:"Zimbabwe"}],t=Object.fromEntries(l.map((e=>[e.iso2,e]))),r={es:{searchPlaceholder:"Buscar país…",selectCountry:"Seleccionar país"},en:{searchPlaceholder:"Search country…",selectCountry:"Select country"},pt:{searchPlaceholder:"Buscar país…",selectCountry:"Selecionar país"}},c=class{constructor(o){e(this,o),this.coChange=a(this,"coChange",7),this.placeholder="",this.value="",this.disabled=!1,this.required=!1,this.status="default",this.layout="vertical",this.size="md",this.defaultCountry="",this.selectedIso2="",this.numberPart="",this.isOpen=!1,this.searchQuery="",this.hideBrokenFlag=e=>{const a=e.target;a&&(a.style.visibility="hidden")},this.handleOutsideClick=e=>{if(!this.isOpen)return;const a=e.composedPath(),o=this.host.shadowRoot;if(!o)return;const i=o.querySelector(".co-phone-field__dropdown"),n=o.querySelector(".co-phone-field__selector");i&&a.includes(i)||n&&a.includes(n)||(this.isOpen=!1,this.searchQuery="")}}get selectedEntry(){var e;return this.selectedIso2&&null!==(e=t[this.selectedIso2])&&void 0!==e?e:null}get filteredCountries(){return this.searchQuery.trim()?d(l,this.searchQuery,(e=>[e.name,e.dialCode,e.iso2])):l}renderName(e){const a=this.searchQuery.trim()?s(e,this.searchQuery):null;return a?a.map((e=>e.match?o("span",{class:"co-phone-field__match"},e.text):e.text)):e}onValueChange(e){if(!e)return void(this.numberPart="");const a=this.findDialCodeInValue(e);a?(this.selectedIso2=a.iso2,this.numberPart=e.slice(a.dialCode.length).trim()):this.numberPart=e}onDefaultCountryChange(e){t[e]&&!this.value&&(this.selectedIso2=e)}componentWillLoad(){this.defaultCountry&&t[this.defaultCountry]&&(this.selectedIso2=this.defaultCountry),this.value&&this.onValueChange(this.value)}get hasCountry(){return!!this.selectedIso2&&!!this.selectedEntry}get strings(){return r[function(e){const a=(e||"").toLowerCase();return a.startsWith("es")?"es":a.startsWith("pt")?"pt":"en"}(this.locale)]}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}findDialCodeInValue(e){if(!e.startsWith("+"))return null;for(let a=5;a>=1;a--){const o=e.slice(0,a+1),i=l.find((e=>e.dialCode===o));if(i)return i}return null}emitValue(){var e,a;const o=null!==(a=null===(e=this.selectedEntry)||void 0===e?void 0:e.dialCode)&&void 0!==a?a:"",i=this.numberPart?`${o}${this.numberPart}`:"";this.value=i,this.coChange.emit(i)}handleCountrySelect(e){this.selectedIso2=e.iso2,this.isOpen=!1,this.searchQuery="",this.emitValue()}handleNumberInput(e){this.numberPart=e.target.value,this.emitValue()}handleToggleDropdown(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen||(this.searchQuery=""))}handleSearchInput(e){this.searchQuery=e.target.value}connectedCallback(){document.addEventListener("click",this.handleOutsideClick,!0)}disconnectedCallback(){document.removeEventListener("click",this.handleOutsideClick,!0)}render(){const e=this.selectedEntry;return o("div",{key:"8c960a1db186c84921d1062f3a81dac55d36be90",class:`co-phone-field co-phone-field--${this.size} ${"default"!==this.status?`co-phone-field--${this.status}`:""} ${this.disabled?"co-phone-field--disabled":""}`},this.label&&o("label",{key:"c19628c6057b6314a7dca1aeac5c8e201d2c20c0",class:"co-phone-field__label"},this.label,o(n,{key:"e070c5a69e9064d61ca6fb6fd1d5fca6944f8a36",required:this.required})),o("div",{key:"69e52a3489ddc693271a2eff7b63e7a3f6ffee9b",class:"co-phone-field__container"},o("button",{key:"1b0998e28fb0f0aa0ab64443adceea96355483e5",type:"button",class:"co-phone-field__selector",disabled:this.disabled,onClick:()=>this.handleToggleDropdown(),"aria-expanded":String(this.isOpen),"aria-haspopup":"listbox","aria-label":e?`${this.strings.selectCountry}: ${e.name} ${e.dialCode}`:this.strings.selectCountry},e?o("img",{class:"co-phone-field__flag",src:`https://flagcdn.com/w40/${e.iso2.toLowerCase()}.png`,alt:"",decoding:"async",onError:this.hideBrokenFlag}):o("co-icon",{name:"phone",size:16}),o("span",{key:"5f2f173697b6e659b729547eb44372efbdebf0de",class:"co-phone-field__dial-code"},e?e.dialCode:""),o("span",{key:"d0ad9d09fd06c9ab4385b6b10fd335429d2b2782",class:"co-phone-field__chevron"},o("co-icon",{key:"6ef136322e4fcada10e924d25beff2ff3699a0d9",name:"caret-down",size:14}))),o("input",{key:"b5d77691bbd9638a3868e82a243c1106e3167384",class:"co-phone-field__input",type:"tel",placeholder:this.placeholder,value:this.numberPart,disabled:this.disabled,onInput:e=>this.handleNumberInput(e)})),this.isOpen&&o("div",{key:"c9310ebc76fb76f4ad7b3f460199131e89238129",class:"co-phone-field__dropdown",role:"listbox"},o("div",{key:"2b103381c88331f86dd0cd941b5d7dc102d60cfa",class:"co-phone-field__search"},o("input",{key:"3152d3842b4db1f2f75b36c8c16933a115af75b5",class:"co-phone-field__search-input",type:"text",placeholder:this.strings.searchPlaceholder,value:this.searchQuery,onInput:e=>this.handleSearchInput(e),autoFocus:!0})),o("div",{key:"0b5fdd035243c03563e956b7c6e8b189e3fac976",class:"co-phone-field__options"},this.filteredCountries.map((e=>o("button",{type:"button",key:e.iso2,class:"co-phone-field__option "+(e.iso2===this.selectedIso2?"co-phone-field__option--selected":""),role:"option","aria-selected":e.iso2===this.selectedIso2?"true":"false",onClick:()=>this.handleCountrySelect(e)},o("img",{class:"co-phone-field__option-flag",src:`https://flagcdn.com/w40/${e.iso2.toLowerCase()}.png`,alt:"",loading:"lazy",decoding:"async",onError:this.hideBrokenFlag}),o("span",{class:"co-phone-field__option-name"},this.renderName(e.name)),o("span",{class:"co-phone-field__option-code"},e.dialCode)))))),this.helperText&&o("div",{key:"49841fcec083d7d619c699cdc5a236dcdf5cb214",class:"co-phone-field__helper"},this.statusIcon&&o("co-icon",{key:"c0e2d6641adcd3bea675e1b78a6d982f75ef56df",name:this.statusIcon,size:14,weight:"fill",class:"co-phone-field__helper-icon"}),o("span",{key:"305562aeba6e0169b0f1b23f504c5f686413cb79",class:"co-phone-field__helper-text"},this.helperText)))}get host(){return i(this)}static get watchers(){return{value:[{onValueChange:0}],defaultCountry:[{onDefaultCountryChange:0}]}}};c.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1;position:relative}.co-phone-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2);position:relative;font-family:var(--co-font-family-primary)}.co-phone-field--disabled{opacity:0.5;pointer-events:none}.co-phone-field__label{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-secondary);padding:0 var(--co-spacing-xs)}.co-field-required{margin-left:2px;color:var(--co-semantic-text-error, var(--co-color-status-error))}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-phone-field__container{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out);min-height:40px;box-sizing:border-box}.co-phone-field--s .co-phone-field__container{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-phone-field--sm .co-phone-field__container{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-phone-field--lg .co-phone-field__container{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-phone-field--error .co-phone-field__container{border-color:var(--co-semantic-border-error, var(--co-color-status-error))}.co-phone-field__container:focus-within{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-phone-field__selector{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0;background:none;border:none;border-right:1px solid var(--co-semantic-border-subtle);padding-right:var(--co-spacing-sm);margin-right:var(--co-spacing-sm);cursor:pointer;font-size:inherit;font-family:inherit;color:var(--co-semantic-text-default);white-space:nowrap}.co-phone-field__selector:hover{opacity:0.8}.co-phone-field__flag{width:20px;height:15px;border-radius:2px;object-fit:cover}.co-phone-field__dial-code{font-size:inherit;color:var(--co-semantic-text-secondary);font-weight:500}.co-phone-field__chevron{display:flex;align-items:center;color:var(--co-semantic-text-muted)}.co-phone-field__input{flex:1;min-width:0;padding:0;border:none;outline:none;font-size:inherit;font-family:inherit;font-weight:400;letter-spacing:inherit;color:var(--co-semantic-text-default);background:transparent;line-height:1}.co-phone-field__input::placeholder{color:var(--co-semantic-text-muted)}.co-phone-field__dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:var(--co-spacing-xs);background:var(--co-semantic-surface-page, #fff);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);max-height:280px;display:flex;flex-direction:column;overflow:hidden}.co-phone-field__search{padding:var(--co-spacing-sm);border-bottom:1px solid var(--co-semantic-border-subtle)}.co-phone-field__search-input{width:100%;padding:var(--co-spacing-xs) var(--co-spacing-sm);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xxs);font-size:var(--co-font-size-14);font-family:var(--co-font-family-primary);outline:none;background:var(--co-semantic-surface-secondary);color:var(--co-semantic-text-default);box-sizing:border-box}.co-phone-field__search-input:focus{border-color:var(--co-semantic-border-focus)}.co-phone-field__options{overflow-y:auto;flex:1}.co-phone-field__option{display:flex;align-items:center;gap:var(--co-spacing-sm);width:100%;padding:var(--co-spacing-sm) var(--co-spacing-md);border:none;background:none;cursor:pointer;font-size:var(--co-font-size-14);font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);text-align:left}.co-phone-field__option:hover{background:var(--co-semantic-surface-hover)}.co-phone-field__option--selected{background:color-mix(in srgb, var(--co-semantic-border-focus) 8%, transparent);font-weight:500}.co-phone-field__option-flag{width:20px;height:15px;border-radius:2px;object-fit:cover;flex-shrink:0}.co-phone-field__match{font-weight:700}.co-phone-field__option-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-phone-field__option-code{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);white-space:nowrap}.co-phone-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs);font-size:var(--co-font-size-14);color:var(--co-semantic-text-muted)}.co-phone-field__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-phone-field--error .co-phone-field__helper{color:var(--co-semantic-text-error, var(--co-semantic-status-error))}:host([layout='horizontal']) .co-phone-field{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-phone-field__label{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-phone-field__label{white-space:normal}:host([layout='horizontal']) .co-phone-field>:not(.co-phone-field__label){grid-column:2;min-width:0}";export{c as co_phone_field}
@@ -1 +1 @@
1
- import{r as e,c,h as a,H as i,a as r}from"./p-YRicbXh3.js";const t=class{constructor(a){e(this,a),this.coSelect=c(this,"coSelect",7),this.current=!1,this.separator="caret-right",this.emit=()=>{this.coSelect.emit(this.value||this.label||"")},this.handleClick=()=>this.emit(),this.handleKeydown=e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.emit())}}render(){return a(i,{key:"e751e769b86efb5c9f929f818c6a7a020beeace6",part:"breadcrumb-item",class:{"co-breadcrumb-item":!0,"co-breadcrumb-item--current":this.current}},a("span",{key:"65c70c55e16037e97c35c3ad65548b8e15d1e07d",class:"co-breadcrumb-item__sep","aria-hidden":"true"},a("co-icon",{key:"8e70db08814fa611cacd2e78bb96ece6a2d5e9db",name:this.separator,size:13})),a("span",{key:"acc0e0a8a5b6e18aac7af27f4b5971bb4f5ed054",class:"co-breadcrumb-item__content",part:"content",role:"link",tabindex:"0","aria-current":this.current?"page":void 0,onClick:this.handleClick,onKeyDown:this.handleKeydown},this.icon&&a("span",{key:"4f22d7482c0a70b3973c2a66d1ba84db4c07445d",class:"co-breadcrumb-item__icon"},a("co-icon",{key:"b16cbcbe67336c57230929f45985262ebb6ae093",name:this.icon,size:16})),a("span",{key:"4dd03fea8de55ace99325fa57afdcb47c9b36e54",class:"co-breadcrumb-item__label"},this.label,a("slot",{key:"ec8a0a40d2e1ccbabde80b724eb5a473e123ac7d"}))))}get el(){return r(this)}};t.style=":host{display:inline-flex;align-items:center;min-width:0}.co-breadcrumb-item__sep{display:inline-flex;align-items:center;flex-shrink:0;margin-right:var(--co-spacing-xs, 4px);color:var(--co-color-gray-400, #a0a0a0)}:host(:first-child) .co-breadcrumb-item__sep{display:none}.co-breadcrumb-item__content{display:inline-flex;align-items:center;gap:7px;min-width:0;padding:0;border:0;background:transparent;cursor:pointer;white-space:nowrap;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body, -0.03em);color:var(--co-color-gray-500, #888888)}.co-breadcrumb-item__content:focus-visible{outline:2px solid var(--co-semantic-border-focus, var(--co-color-primary-azul, #2563eb));outline-offset:2px;border-radius:2px}.co-breadcrumb-item--current .co-breadcrumb-item__content{font-weight:500;color:var(--co-color-base-negro, #1f1c1b)}.co-breadcrumb-item__icon{display:inline-flex;align-items:center;flex-shrink:0;}.co-breadcrumb-item__label{min-width:0;overflow:hidden;text-overflow:ellipsis}";export{t as co_breadcrumb_item}
1
+ import{r as e,c,h as a,H as i,a as r}from"./p-DJkaRtbb.js";const t=class{constructor(a){e(this,a),this.coSelect=c(this,"coSelect",7),this.current=!1,this.separator="caret-right",this.emit=()=>{this.coSelect.emit(this.value||this.label||"")},this.handleClick=()=>this.emit(),this.handleKeydown=e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.emit())}}render(){return a(i,{key:"e751e769b86efb5c9f929f818c6a7a020beeace6",part:"breadcrumb-item",class:{"co-breadcrumb-item":!0,"co-breadcrumb-item--current":this.current}},a("span",{key:"65c70c55e16037e97c35c3ad65548b8e15d1e07d",class:"co-breadcrumb-item__sep","aria-hidden":"true"},a("co-icon",{key:"8e70db08814fa611cacd2e78bb96ece6a2d5e9db",name:this.separator,size:13})),a("span",{key:"acc0e0a8a5b6e18aac7af27f4b5971bb4f5ed054",class:"co-breadcrumb-item__content",part:"content",role:"link",tabindex:"0","aria-current":this.current?"page":void 0,onClick:this.handleClick,onKeyDown:this.handleKeydown},this.icon&&a("span",{key:"4f22d7482c0a70b3973c2a66d1ba84db4c07445d",class:"co-breadcrumb-item__icon"},a("co-icon",{key:"b16cbcbe67336c57230929f45985262ebb6ae093",name:this.icon,size:16})),a("span",{key:"4dd03fea8de55ace99325fa57afdcb47c9b36e54",class:"co-breadcrumb-item__label"},this.label,a("slot",{key:"ec8a0a40d2e1ccbabde80b724eb5a473e123ac7d"}))))}get el(){return r(this)}};t.style=":host{display:inline-flex;align-items:center;min-width:0}.co-breadcrumb-item__sep{display:inline-flex;align-items:center;flex-shrink:0;margin-right:var(--co-spacing-xs, 4px);color:var(--co-color-gray-400, #a0a0a0)}:host(:first-child) .co-breadcrumb-item__sep{display:none}.co-breadcrumb-item__content{display:inline-flex;align-items:center;gap:7px;min-width:0;padding:0;border:0;background:transparent;cursor:pointer;white-space:nowrap;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body, -0.03em);color:var(--co-color-gray-500, #888888)}.co-breadcrumb-item__content:focus-visible{outline:2px solid var(--co-semantic-border-focus, var(--co-color-primary-azul, #2563eb));outline-offset:2px;border-radius:2px}.co-breadcrumb-item--current .co-breadcrumb-item__content{font-weight:500;color:var(--co-color-base-negro, #1f1c1b)}.co-breadcrumb-item__icon{display:inline-flex;align-items:center;flex-shrink:0;}.co-breadcrumb-item__label{min-width:0;overflow:hidden;text-overflow:ellipsis}";export{t as co_breadcrumb_item}
@@ -1 +1 @@
1
- import{r as o,c as r,h as i}from"./p-YRicbXh3.js";const e=class{constructor(i){o(this,i),this.coChange=r(this,"coChange",7),this.checked=!1,this.size="small",this.disabled=!1,this.value="",this.handleClick=()=>{this.disabled||this.checked||(this.checked=!0,this.coChange.emit(this.value))}}render(){return i("div",{key:"daeb8835509b680044c4bb85e3b290d8315c509d",class:{"co-radio-row":!0,"co-radio-row--disabled":this.disabled},onClick:this.handleClick},i("button",{key:"e1f8d09f867cb18404315048951e4bf05a68307c",role:"radio","aria-checked":String(this.checked),"aria-label":this.label||"",class:{"co-radio":!0,[`co-radio--${this.size}`]:!0,"co-radio--checked":this.checked,"co-radio--disabled":this.disabled},disabled:this.disabled,part:"circle"}),this.label&&i("span",{key:"59360a6bd719d62872fb33de176eb43a0507d756",class:"co-radio__label",part:"label"},this.label))}};e.style=":host{display:inline-flex;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-radio-row{display:flex;align-items:center;gap:var(--co-spacing-sm2);cursor:pointer}.co-radio-row--disabled{cursor:not-allowed}.co-radio__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;user-select:none}.co-radio-row--disabled .co-radio__label{color:var(--co-semantic-text-disabled)}.co-radio{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-style:solid;border-width:1.5px;border-radius:var(--co-border-radius-full);outline:none;padding:0;background:transparent;flex-shrink:0;box-sizing:border-box;transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out);overflow:hidden}.co-radio:focus-visible{box-shadow:0 0 0 2px var(--co-semantic-border-focus)}.co-radio--small{width:16px;height:16px}.co-radio--large{width:24px;height:24px}.co-radio:not(.co-radio--checked){border-color:var(--co-semantic-border-field)}.co-radio--checked{border-color:var(--co-semantic-border-strong)}.co-radio--checked::after{content:'';display:block;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-primary)}.co-radio--small.co-radio--checked::after{width:8px;height:8px}.co-radio--large.co-radio--checked::after{width:14px;height:14px}.co-radio--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}";export{e as co_radio}
1
+ import{r as o,c as r,h as i}from"./p-DJkaRtbb.js";const e=class{constructor(i){o(this,i),this.coChange=r(this,"coChange",7),this.checked=!1,this.size="small",this.disabled=!1,this.value="",this.handleClick=()=>{this.disabled||this.checked||(this.checked=!0,this.coChange.emit(this.value))}}render(){return i("div",{key:"daeb8835509b680044c4bb85e3b290d8315c509d",class:{"co-radio-row":!0,"co-radio-row--disabled":this.disabled},onClick:this.handleClick},i("button",{key:"e1f8d09f867cb18404315048951e4bf05a68307c",role:"radio","aria-checked":String(this.checked),"aria-label":this.label||"",class:{"co-radio":!0,[`co-radio--${this.size}`]:!0,"co-radio--checked":this.checked,"co-radio--disabled":this.disabled},disabled:this.disabled,part:"circle"}),this.label&&i("span",{key:"59360a6bd719d62872fb33de176eb43a0507d756",class:"co-radio__label",part:"label"},this.label))}};e.style=":host{display:inline-flex;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-radio-row{display:flex;align-items:center;gap:var(--co-spacing-sm2);cursor:pointer}.co-radio-row--disabled{cursor:not-allowed}.co-radio__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;user-select:none}.co-radio-row--disabled .co-radio__label{color:var(--co-semantic-text-disabled)}.co-radio{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-style:solid;border-width:1.5px;border-radius:var(--co-border-radius-full);outline:none;padding:0;background:transparent;flex-shrink:0;box-sizing:border-box;transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out);overflow:hidden}.co-radio--small{width:16px;height:16px}.co-radio--large{width:24px;height:24px}.co-radio:not(.co-radio--checked){border-color:var(--co-semantic-border-default)}.co-radio--checked{border-color:var(--co-semantic-border-strong)}.co-radio--checked::after{content:'';display:block;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-primary)}.co-radio--small.co-radio--checked::after{width:8px;height:8px}.co-radio--large.co-radio--checked::after{width:14px;height:14px}.co-radio--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}";export{e as co_radio}
@@ -1 +1 @@
1
- import{r,h as o}from"./p-YRicbXh3.js";const e=class{constructor(o){r(this,o)}render(){return o("hr",{key:"dda726a648ff2ee1158dcdd11cc0b27048fb2350",class:"co-menu-divider",role:"separator"})}};e.style=":host{display:block}.co-menu-divider{border:0;border-top:1px solid var(--co-semantic-border-subtle, rgba(31, 28, 27, 0.08));margin:var(--co-spacing-xs, 4px) 0}.co-menu-divider{border-top-color:var(--co-menu-divider-color, var(--co-semantic-border-subtle, rgba(31, 28, 27, 0.08)));margin:var(--co-menu-divider-margin, var(--co-spacing-xs, 4px) 0)}";export{e as co_menu_divider}
1
+ import{r,h as o}from"./p-DJkaRtbb.js";const e=class{constructor(o){r(this,o)}render(){return o("hr",{key:"dda726a648ff2ee1158dcdd11cc0b27048fb2350",class:"co-menu-divider",role:"separator"})}};e.style=":host{display:block}.co-menu-divider{border:0;border-top:1px solid var(--co-semantic-border-subtle, rgba(31, 28, 27, 0.08));margin:var(--co-spacing-xs, 4px) 0}.co-menu-divider{border-top-color:var(--co-menu-divider-color, var(--co-semantic-border-subtle, rgba(31, 28, 27, 0.08)));margin:var(--co-menu-divider-margin, var(--co-spacing-xs, 4px) 0)}";export{e as co_menu_divider}
@@ -1 +1 @@
1
- import{r as t,h as o,a as i}from"./p-YRicbXh3.js";import{c as s,g as e,f as a}from"./p-BtliEQAT.js";import{i as r}from"./p-Dp1JT0dm.js";const n={es:{ctrl:"Ctrl",shift:"Shift",alt:"Alt",win:"Win"},en:{ctrl:"Ctrl",shift:"Shift",alt:"Alt",win:"Win"},pt:{ctrl:"Ctrl",shift:"Shift",alt:"Alt",win:"Win"}},c={mod:"command",cmd:"command",shift:"arrow-fat-up",alt:"option",ctrl:"control"};function l(t){return"mod"===t||"cmd"===t||"shift"===t||"alt"===t||"ctrl"===t}function h(t,o,i){if("mac"===o)switch(t){case"mod":case"cmd":return"Cmd";case"shift":return"Shift";case"alt":return"Option";case"ctrl":return"Control"}switch(t){case"mod":case"ctrl":return i.ctrl;case"cmd":return i.win;case"shift":return i.shift;case"alt":return i.alt}}const p=class{constructor(o){t(this,o),this.keys="",this.platform="auto",this.surface="light",this.size="sm",this.chord=!1}resolvePlatform(){return"mac"===this.platform?"mac":"win"===this.platform?"win":function(){if("undefined"==typeof navigator)return!1;const t=navigator.platform||"",o=navigator.userAgent||"";return/Mac/i.test(t)||/Mac/i.test(o)}()?"mac":"win"}render(){const t=this.keys.split("+").map((t=>t.trim().toLowerCase())).filter(Boolean),i=this.resolvePlatform(),s=n[function(t){const o=(t||"").toLowerCase();return o.startsWith("es")?"es":o.startsWith("pt")?"pt":"en"}(this.locale)],e="sm"===this.size?12:10,a=t.map((t=>l(t)?h(t,i,s):t.toUpperCase())).join(" + "),r=t=>l(t)&&"mac"===i,p=(t,e)=>r(t)?o("co-icon",{name:c[t],size:e}):l(t)?h(t,i,s):t.toUpperCase(),d=[];return this.chord?d.push(o("kbd",{class:"co-kbd__key co-kbd__key--chord",part:"key",key:"chord"},t.map(((t,i)=>o("span",{class:{"co-kbd__cell":!0,"co-kbd__cell--icon":r(t),"co-kbd__cell--text":!r(t)},part:"cell",key:`cell-${i}`},p(t,12)))))):t.forEach(((t,i)=>{i>0&&d.push(o("span",{class:"co-kbd__sep",part:"sep",key:`sep-${i}`},"+")),d.push(o("kbd",{class:"co-kbd__key",part:"key",key:`key-${i}`},p(t,e)))})),o("span",{key:"539eee42201f514049f1a879f1cab901af375b79",class:{"co-kbd":!0,[`co-kbd--${this.size}`]:!0,[`co-kbd--${this.surface}`]:!0,"co-kbd--chord":this.chord},role:"group","aria-label":a,part:"group"},d)}};p.style=":host{display:inline-flex}.co-kbd{display:inline-flex;align-items:center;gap:var(--co-spacing-xxs, 2px)}.co-kbd__sep{font-family:var(--co-font-family-primary, 'Geist', sans-serif);font-size:var(--co-font-size-10, 10px);line-height:1;opacity:0.6}.co-kbd__key{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-family:var(--co-font-family-primary, 'Geist', sans-serif);font-style:normal;font-weight:var(--co-font-weight-medium, 500);font-size:var(--co-font-size-10, 10px);line-height:1;text-transform:uppercase;border-radius:var(--co-border-radius-xxs, 4px)}.co-kbd--sm .co-kbd__key{min-width:30px;height:18px;padding:0 3px}.co-kbd--xs .co-kbd__key{width:16px;height:16px;padding:0}.co-kbd__cell{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:12px;height:12px;flex-shrink:0;white-space:nowrap}.co-kbd__cell--icon{width:12px}.co-kbd__cell--text{width:auto;padding:0 1px}.co-kbd--xs .co-kbd__key--chord{width:auto;min-width:16px;height:16px;padding:0 2px}.co-kbd--light .co-kbd__key{background:var(--co-semantic-surface-control, #f6f6f6);color:var(--co-semantic-text-default, #1f1c1b)}.co-kbd--light .co-kbd__sep{color:var(--co-semantic-text-default, #1f1c1b)}.co-kbd--dark .co-kbd__key{background:var(--co-color-opacity-blanco-16, rgba(255, 255, 255, 0.16));color:var(--co-color-base-blanco, #fff)}.co-kbd--dark .co-kbd__sep{color:var(--co-color-base-blanco, #fff)}";const d=class{constructor(o){t(this,o),this.content="",this.placement="top",this.offset=8,this.showDelay=80,this.hideDelay=100,this.disabled=!1,this.arrow=!0,this.flip=!0,this.maxWidth="280px",this.block=!1,this.variant="default",this.tone="default",this.visible=!1,this.actualPlacement="top",this.closing=!1,this.suppressed=!1,this.scrollParents=[],this.cachedOffsetAncestor=null,this.offsetAncestorComputed=!1,this.scheduleShow=()=>{this.disabled||!this.content||this.suppressed||(this.clearHideTimeout(),this.visible||(this.showTimeout=setTimeout((()=>{this.visible=!0}),this.showDelay)))},this.scheduleHide=()=>{this.clearShowTimeout(),this.visible&&(this.hideTimeout=setTimeout((()=>{this.visible=!1}),this.hideDelay))},this.hideImmediate=()=>{this.clearTimers(),this.visible=!1},this.finishClose=()=>{clearTimeout(this.closeFallbackTimer),this.visible||(this.closing=!1,this.panelEl=void 0)},this.handlePanelTransitionEnd=t=>{!this.visible&&this.closing&&t.target===this.panelEl&&"opacity"===t.propertyName&&this.finishClose()},this.handleMouseEnter=()=>{this.scheduleShow()},this.handleMouseLeave=()=>{this.suppressed=!1,this.scheduleHide()},this.handlePointerDown=()=>{this.suppressed=!0,this.hideImmediate()},this.handleFocusIn=()=>{this.scheduleShow()},this.handleFocusOut=()=>{this.suppressed=!1,this.scheduleHide()},this.handleKeyDown=t=>{"Escape"===t.key&&this.visible&&this.hideImmediate()},this.updatePosition=()=>{if(!this.visible||!this.triggerEl||!this.panelEl)return;const t=this.triggerEl.getBoundingClientRect(),o=this.panelEl.getBoundingClientRect();if(0===o.width&&0===o.height)return;const{top:i,left:a,actualPlacement:n}=s(t,o,{placement:this.placement,offset:this.offset,flip:this.flip});this.actualPlacement=n;let c=i,l=a;if(!r(this.panelEl)&&(this.offsetAncestorComputed||(this.cachedOffsetAncestor=e(this.panelEl),(this.cachedOffsetAncestor||this.panelEl.isConnected)&&(this.offsetAncestorComputed=!0)),this.cachedOffsetAncestor)){const t=this.cachedOffsetAncestor.getBoundingClientRect();c-=t.top,l-=t.left}this.panelEl&&(this.panelEl.style.top=`${c}px`,this.panelEl.style.left=`${l}px`,this.panelEl.classList.add("co-tooltip__panel--positioned"))},this.scheduleUpdate=()=>{this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame(this.updatePosition)}}disconnectedCallback(){this.clearTimers(),this.cleanupListeners(),clearTimeout(this.closeFallbackTimer),this.closing=!1}onVisibleChange(t){t?(this.closing=!1,clearTimeout(this.closeFallbackTimer),this.scheduleUpdate(),requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.updatePosition()}))})),this.addScrollListeners()):(this.cleanupListeners(),this.cachedOffsetAncestor=null,this.offsetAncestorComputed=!1,this.closing=!0,clearTimeout(this.closeFallbackTimer),this.closeFallbackTimer=setTimeout((()=>this.finishClose()),250))}onDisabledChange(t){t&&this.visible&&(this.visible=!1,this.clearTimers())}clearShowTimeout(){this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=void 0)}clearHideTimeout(){this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=void 0)}clearTimers(){this.clearShowTimeout(),this.clearHideTimeout()}promotePanel(){const t=this.panelEl;if(t&&"function"==typeof t.showPopover)try{r(t)||t.showPopover()}catch(t){}}addScrollListeners(){window.addEventListener("resize",this.scheduleUpdate,{passive:!0}),window.addEventListener("scroll",this.scheduleUpdate,{passive:!0,capture:!0}),this.scrollParents=a(this.el);for(const t of this.scrollParents)t.addEventListener("scroll",this.scheduleUpdate,{passive:!0})}cleanupListeners(){this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=void 0),window.removeEventListener("resize",this.scheduleUpdate),window.removeEventListener("scroll",this.scheduleUpdate,{capture:!0});for(const t of this.scrollParents)t.removeEventListener("scroll",this.scheduleUpdate);this.scrollParents=[]}render(){const t=this.actualPlacement.split("-")[0];return o("div",{key:"2254aedec8e6f6f5d2a5eb8421474d367bf88618",class:"co-tooltip"},o("div",{key:"8e165c1e70c2147924f125b48c893a92ec23e6c7",class:"co-tooltip__trigger",ref:t=>this.triggerEl=t,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onPointerDown:this.handlePointerDown,onFocusin:this.handleFocusIn,onFocusout:this.handleFocusOut,onKeyDown:this.handleKeyDown,"aria-describedby":this.visible?"tooltip-panel":void 0},o("slot",{key:"c5cf8e75b1be170ed3cd7193677779e426b2eb90"})),(this.visible||this.closing)&&this.content&&o("div",{key:"181da8ed7444cbeefecf4282e267737593c8be0b",id:"tooltip-panel",class:{"co-tooltip__panel":!0,[`co-tooltip__panel--${t}`]:!0,"co-tooltip__panel--closing":this.closing,"co-tooltip__panel--label":"label"===this.variant,"co-tooltip__panel--tone-error":"error"===this.tone,"co-tooltip__panel--with-shortcut":!!this.shortcut},role:"tooltip",popover:"manual",part:"panel",onTransitionEnd:this.handlePanelTransitionEnd,ref:t=>{t&&t!==this.panelEl&&(this.panelEl=t,this.promotePanel(),this.scheduleUpdate())},style:{maxWidth:this.maxWidth}},this.arrow&&o("div",{key:"526fbe6d0317d185491a5e564739c5f2e793688a",class:`co-tooltip__arrow co-tooltip__arrow--${t}`}),o("span",{key:"0a09d46f957d3231ee1584565acc815501ab1fbc",class:"co-tooltip__content"},this.content),this.shortcut&&o("co-kbd",{key:"15a382aa3e6d5547f8450389faa5360e2ee5ecac",keys:this.shortcut,surface:"dark",size:"xs"})))}get el(){return i(this)}static get watchers(){return{visible:[{onVisibleChange:0}],disabled:[{onDisabledChange:0}]}}};d.style=":host{display:inline-block;position:relative}.co-tooltip{display:inline-block}.co-tooltip__trigger{display:inline-block}:host([block]){display:block;width:100%;min-width:0}:host([block]) .co-tooltip,:host([block]) .co-tooltip__trigger{display:block;width:100%;min-width:0}.co-tooltip__panel{position:fixed;inset:auto;top:0;left:0;margin:0;border:0;max-height:none;overflow:visible;z-index:10000;visibility:hidden;opacity:0;pointer-events:none;--co-tooltip-surface:var(--co-color-base-negro, #1f1c1b);background:var(--co-tooltip-surface);color:var(--co-color-base-blanco, #fff);font-family:var(--co-font-family-primary, 'Geist', sans-serif);font-size:var(--co-font-size-12, 12px);line-height:1.4;font-weight:400;text-transform:none;letter-spacing:var(--co-font-letter-spacing-body, normal);padding:var(--co-spacing-xs, 4px) var(--co-spacing-sm, 8px);border-radius:var(--co-border-radius-xxs, 4px);box-shadow:0 4px 12px rgba(31, 28, 27, 0.12);white-space:normal;word-wrap:break-word;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-tooltip__panel--positioned{visibility:visible;opacity:1}.co-tooltip__panel--closing{visibility:visible;opacity:0;transition:opacity var(--co-motion-duration-instant) var(--co-motion-ease-in), transform var(--co-motion-duration-instant) var(--co-motion-ease-in)}.co-tooltip__panel--top{transform:translateY(4px)}.co-tooltip__panel--top.co-tooltip__panel--positioned{transform:translateY(0)}.co-tooltip__panel--bottom{transform:translateY(-4px)}.co-tooltip__panel--bottom.co-tooltip__panel--positioned{transform:translateY(0)}.co-tooltip__panel--left{transform:translateX(4px)}.co-tooltip__panel--left.co-tooltip__panel--positioned{transform:translateX(0)}.co-tooltip__panel--right{transform:translateX(-4px)}.co-tooltip__panel--right.co-tooltip__panel--positioned{transform:translateX(0)}.co-tooltip__arrow{position:absolute;width:0;height:0;border:5px solid transparent}.co-tooltip__arrow--top{bottom:-10px;left:50%;transform:translateX(-50%);border-top-color:var(--co-tooltip-surface);border-bottom:none}.co-tooltip__arrow--bottom{top:-5px;left:50%;transform:translateX(-50%);border-bottom-color:var(--co-tooltip-surface);border-top:none}.co-tooltip__arrow--left{right:-10px;top:50%;transform:translateY(-50%);border-left-color:var(--co-tooltip-surface);border-right:none}.co-tooltip__arrow--right{left:-5px;top:50%;transform:translateY(-50%);border-right-color:var(--co-tooltip-surface);border-left:none}.co-tooltip__panel--tone-error{--co-tooltip-surface:var(--co-semantic-status-error, #aa2e1b)}.co-tooltip__content{display:block}.co-tooltip__panel--label{padding:4px 8px;border-radius:var(--co-border-radius-xs, 8px);font-weight:var(--co-font-weight-medium, 500);line-height:1;box-shadow:none}.co-tooltip__panel--label .co-tooltip__arrow{display:none}.co-tooltip__panel--with-shortcut{display:flex;align-items:center;gap:6px}.co-tooltip__panel--with-shortcut:not(.co-tooltip__panel--label){padding-right:10px;}.co-tooltip__panel--label.co-tooltip__panel--with-shortcut{padding-right:4px}";export{p as co_kbd,d as co_tooltip}
1
+ import{r as t,h as o,a as i}from"./p-DJkaRtbb.js";import{c as s,g as e,f as a}from"./p-BtliEQAT.js";import{i as r}from"./p-Dp1JT0dm.js";const n={es:{ctrl:"Ctrl",shift:"Shift",alt:"Alt",win:"Win"},en:{ctrl:"Ctrl",shift:"Shift",alt:"Alt",win:"Win"},pt:{ctrl:"Ctrl",shift:"Shift",alt:"Alt",win:"Win"}},c={mod:"command",cmd:"command",shift:"arrow-fat-up",alt:"option",ctrl:"control"};function l(t){return"mod"===t||"cmd"===t||"shift"===t||"alt"===t||"ctrl"===t}function h(t,o,i){if("mac"===o)switch(t){case"mod":case"cmd":return"Cmd";case"shift":return"Shift";case"alt":return"Option";case"ctrl":return"Control"}switch(t){case"mod":case"ctrl":return i.ctrl;case"cmd":return i.win;case"shift":return i.shift;case"alt":return i.alt}}const p=class{constructor(o){t(this,o),this.keys="",this.platform="auto",this.surface="light",this.size="sm",this.chord=!1}resolvePlatform(){return"mac"===this.platform?"mac":"win"===this.platform?"win":function(){if("undefined"==typeof navigator)return!1;const t=navigator.platform||"",o=navigator.userAgent||"";return/Mac/i.test(t)||/Mac/i.test(o)}()?"mac":"win"}render(){const t=this.keys.split("+").map((t=>t.trim().toLowerCase())).filter(Boolean),i=this.resolvePlatform(),s=n[function(t){const o=(t||"").toLowerCase();return o.startsWith("es")?"es":o.startsWith("pt")?"pt":"en"}(this.locale)],e="sm"===this.size?12:10,a=t.map((t=>l(t)?h(t,i,s):t.toUpperCase())).join(" + "),r=t=>l(t)&&"mac"===i,p=(t,e)=>r(t)?o("co-icon",{name:c[t],size:e}):l(t)?h(t,i,s):t.toUpperCase(),d=[];return this.chord?d.push(o("kbd",{class:"co-kbd__key co-kbd__key--chord",part:"key",key:"chord"},t.map(((t,i)=>o("span",{class:{"co-kbd__cell":!0,"co-kbd__cell--icon":r(t),"co-kbd__cell--text":!r(t)},part:"cell",key:`cell-${i}`},p(t,12)))))):t.forEach(((t,i)=>{i>0&&d.push(o("span",{class:"co-kbd__sep",part:"sep",key:`sep-${i}`},"+")),d.push(o("kbd",{class:"co-kbd__key",part:"key",key:`key-${i}`},p(t,e)))})),o("span",{key:"539eee42201f514049f1a879f1cab901af375b79",class:{"co-kbd":!0,[`co-kbd--${this.size}`]:!0,[`co-kbd--${this.surface}`]:!0,"co-kbd--chord":this.chord},role:"group","aria-label":a,part:"group"},d)}};p.style=":host{display:inline-flex}.co-kbd{display:inline-flex;align-items:center;gap:var(--co-spacing-xxs, 2px)}.co-kbd__sep{font-family:var(--co-font-family-primary, 'Geist', sans-serif);font-size:var(--co-font-size-10, 10px);line-height:1;opacity:0.6}.co-kbd__key{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-family:var(--co-font-family-primary, 'Geist', sans-serif);font-style:normal;font-weight:var(--co-font-weight-medium, 500);font-size:var(--co-font-size-10, 10px);line-height:1;text-transform:uppercase;border-radius:var(--co-border-radius-xxs, 4px)}.co-kbd--sm .co-kbd__key{min-width:30px;height:18px;padding:0 3px}.co-kbd--xs .co-kbd__key{width:16px;height:16px;padding:0}.co-kbd__cell{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:12px;height:12px;flex-shrink:0;white-space:nowrap}.co-kbd__cell--icon{width:12px}.co-kbd__cell--text{width:auto;padding:0 1px}.co-kbd--xs .co-kbd__key--chord{width:auto;min-width:16px;height:16px;padding:0 2px}.co-kbd--light .co-kbd__key{background:var(--co-semantic-surface-control, #f6f6f6);color:var(--co-semantic-text-default, #1f1c1b)}.co-kbd--light .co-kbd__sep{color:var(--co-semantic-text-default, #1f1c1b)}.co-kbd--dark .co-kbd__key{background:var(--co-color-opacity-blanco-16, rgba(255, 255, 255, 0.16));color:var(--co-color-base-blanco, #fff)}.co-kbd--dark .co-kbd__sep{color:var(--co-color-base-blanco, #fff)}";const d=class{constructor(o){t(this,o),this.content="",this.placement="top",this.offset=8,this.showDelay=80,this.hideDelay=100,this.disabled=!1,this.arrow=!0,this.flip=!0,this.maxWidth="280px",this.block=!1,this.variant="default",this.tone="default",this.visible=!1,this.actualPlacement="top",this.closing=!1,this.suppressed=!1,this.scrollParents=[],this.cachedOffsetAncestor=null,this.offsetAncestorComputed=!1,this.scheduleShow=()=>{this.disabled||!this.content||this.suppressed||(this.clearHideTimeout(),this.visible||(this.showTimeout=setTimeout((()=>{this.visible=!0}),this.showDelay)))},this.scheduleHide=()=>{this.clearShowTimeout(),this.visible&&(this.hideTimeout=setTimeout((()=>{this.visible=!1}),this.hideDelay))},this.hideImmediate=()=>{this.clearTimers(),this.visible=!1},this.finishClose=()=>{clearTimeout(this.closeFallbackTimer),this.visible||(this.closing=!1,this.panelEl=void 0)},this.handlePanelTransitionEnd=t=>{!this.visible&&this.closing&&t.target===this.panelEl&&"opacity"===t.propertyName&&this.finishClose()},this.handleMouseEnter=()=>{this.scheduleShow()},this.handleMouseLeave=()=>{this.suppressed=!1,this.scheduleHide()},this.handlePointerDown=()=>{this.suppressed=!0,this.hideImmediate()},this.handleFocusIn=()=>{this.scheduleShow()},this.handleFocusOut=()=>{this.suppressed=!1,this.scheduleHide()},this.handleKeyDown=t=>{"Escape"===t.key&&this.visible&&this.hideImmediate()},this.updatePosition=()=>{if(!this.visible||!this.triggerEl||!this.panelEl)return;const t=this.triggerEl.getBoundingClientRect(),o=this.panelEl.getBoundingClientRect();if(0===o.width&&0===o.height)return;const{top:i,left:a,actualPlacement:n}=s(t,o,{placement:this.placement,offset:this.offset,flip:this.flip});this.actualPlacement=n;let c=i,l=a;if(!r(this.panelEl)&&(this.offsetAncestorComputed||(this.cachedOffsetAncestor=e(this.panelEl),(this.cachedOffsetAncestor||this.panelEl.isConnected)&&(this.offsetAncestorComputed=!0)),this.cachedOffsetAncestor)){const t=this.cachedOffsetAncestor.getBoundingClientRect();c-=t.top,l-=t.left}this.panelEl&&(this.panelEl.style.top=`${c}px`,this.panelEl.style.left=`${l}px`,this.panelEl.classList.add("co-tooltip__panel--positioned"))},this.scheduleUpdate=()=>{this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame(this.updatePosition)}}disconnectedCallback(){this.clearTimers(),this.cleanupListeners(),clearTimeout(this.closeFallbackTimer),this.closing=!1}onVisibleChange(t){t?(this.closing=!1,clearTimeout(this.closeFallbackTimer),this.scheduleUpdate(),requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.updatePosition()}))})),this.addScrollListeners()):(this.cleanupListeners(),this.cachedOffsetAncestor=null,this.offsetAncestorComputed=!1,this.closing=!0,clearTimeout(this.closeFallbackTimer),this.closeFallbackTimer=setTimeout((()=>this.finishClose()),250))}onDisabledChange(t){t&&this.visible&&(this.visible=!1,this.clearTimers())}clearShowTimeout(){this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=void 0)}clearHideTimeout(){this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=void 0)}clearTimers(){this.clearShowTimeout(),this.clearHideTimeout()}promotePanel(){const t=this.panelEl;if(t&&"function"==typeof t.showPopover)try{r(t)||t.showPopover()}catch(t){}}addScrollListeners(){window.addEventListener("resize",this.scheduleUpdate,{passive:!0}),window.addEventListener("scroll",this.scheduleUpdate,{passive:!0,capture:!0}),this.scrollParents=a(this.el);for(const t of this.scrollParents)t.addEventListener("scroll",this.scheduleUpdate,{passive:!0})}cleanupListeners(){this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=void 0),window.removeEventListener("resize",this.scheduleUpdate),window.removeEventListener("scroll",this.scheduleUpdate,{capture:!0});for(const t of this.scrollParents)t.removeEventListener("scroll",this.scheduleUpdate);this.scrollParents=[]}render(){const t=this.actualPlacement.split("-")[0];return o("div",{key:"2254aedec8e6f6f5d2a5eb8421474d367bf88618",class:"co-tooltip"},o("div",{key:"8e165c1e70c2147924f125b48c893a92ec23e6c7",class:"co-tooltip__trigger",ref:t=>this.triggerEl=t,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onPointerDown:this.handlePointerDown,onFocusin:this.handleFocusIn,onFocusout:this.handleFocusOut,onKeyDown:this.handleKeyDown,"aria-describedby":this.visible?"tooltip-panel":void 0},o("slot",{key:"c5cf8e75b1be170ed3cd7193677779e426b2eb90"})),(this.visible||this.closing)&&this.content&&o("div",{key:"181da8ed7444cbeefecf4282e267737593c8be0b",id:"tooltip-panel",class:{"co-tooltip__panel":!0,[`co-tooltip__panel--${t}`]:!0,"co-tooltip__panel--closing":this.closing,"co-tooltip__panel--label":"label"===this.variant,"co-tooltip__panel--tone-error":"error"===this.tone,"co-tooltip__panel--with-shortcut":!!this.shortcut},role:"tooltip",popover:"manual",part:"panel",onTransitionEnd:this.handlePanelTransitionEnd,ref:t=>{t&&t!==this.panelEl&&(this.panelEl=t,this.promotePanel(),this.scheduleUpdate())},style:{maxWidth:this.maxWidth}},this.arrow&&o("div",{key:"526fbe6d0317d185491a5e564739c5f2e793688a",class:`co-tooltip__arrow co-tooltip__arrow--${t}`}),o("span",{key:"0a09d46f957d3231ee1584565acc815501ab1fbc",class:"co-tooltip__content"},this.content),this.shortcut&&o("co-kbd",{key:"15a382aa3e6d5547f8450389faa5360e2ee5ecac",keys:this.shortcut,surface:"dark",size:"xs"})))}get el(){return i(this)}static get watchers(){return{visible:[{onVisibleChange:0}],disabled:[{onDisabledChange:0}]}}};d.style=":host{display:inline-block;position:relative}.co-tooltip{display:inline-block}.co-tooltip__trigger{display:inline-block}:host([block]){display:block;width:100%;min-width:0}:host([block]) .co-tooltip,:host([block]) .co-tooltip__trigger{display:block;width:100%;min-width:0}.co-tooltip__panel{position:fixed;inset:auto;top:0;left:0;margin:0;border:0;max-height:none;overflow:visible;z-index:10000;visibility:hidden;opacity:0;pointer-events:none;--co-tooltip-surface:var(--co-color-base-negro, #1f1c1b);background:var(--co-tooltip-surface);color:var(--co-color-base-blanco, #fff);font-family:var(--co-font-family-primary, 'Geist', sans-serif);font-size:var(--co-font-size-12, 12px);line-height:1.4;font-weight:400;text-transform:none;letter-spacing:var(--co-font-letter-spacing-body, normal);padding:var(--co-spacing-xs, 4px) var(--co-spacing-sm, 8px);border-radius:var(--co-border-radius-xxs, 4px);box-shadow:0 4px 12px rgba(31, 28, 27, 0.12);white-space:normal;word-wrap:break-word;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-tooltip__panel--positioned{visibility:visible;opacity:1}.co-tooltip__panel--closing{visibility:visible;opacity:0;transition:opacity var(--co-motion-duration-instant) var(--co-motion-ease-in), transform var(--co-motion-duration-instant) var(--co-motion-ease-in)}.co-tooltip__panel--top{transform:translateY(4px)}.co-tooltip__panel--top.co-tooltip__panel--positioned{transform:translateY(0)}.co-tooltip__panel--bottom{transform:translateY(-4px)}.co-tooltip__panel--bottom.co-tooltip__panel--positioned{transform:translateY(0)}.co-tooltip__panel--left{transform:translateX(4px)}.co-tooltip__panel--left.co-tooltip__panel--positioned{transform:translateX(0)}.co-tooltip__panel--right{transform:translateX(-4px)}.co-tooltip__panel--right.co-tooltip__panel--positioned{transform:translateX(0)}.co-tooltip__arrow{position:absolute;width:0;height:0;border:5px solid transparent}.co-tooltip__arrow--top{bottom:-10px;left:50%;transform:translateX(-50%);border-top-color:var(--co-tooltip-surface);border-bottom:none}.co-tooltip__arrow--bottom{top:-5px;left:50%;transform:translateX(-50%);border-bottom-color:var(--co-tooltip-surface);border-top:none}.co-tooltip__arrow--left{right:-10px;top:50%;transform:translateY(-50%);border-left-color:var(--co-tooltip-surface);border-right:none}.co-tooltip__arrow--right{left:-5px;top:50%;transform:translateY(-50%);border-right-color:var(--co-tooltip-surface);border-left:none}.co-tooltip__panel--tone-error{--co-tooltip-surface:var(--co-semantic-status-error, #aa2e1b)}.co-tooltip__content{display:block}.co-tooltip__panel--label{padding:4px 8px;border-radius:var(--co-border-radius-xs, 8px);font-weight:var(--co-font-weight-medium, 500);line-height:1;box-shadow:none}.co-tooltip__panel--label .co-tooltip__arrow{display:none}.co-tooltip__panel--with-shortcut{display:flex;align-items:center;gap:6px}.co-tooltip__panel--with-shortcut:not(.co-tooltip__panel--label){padding-right:10px;}.co-tooltip__panel--label.co-tooltip__panel--with-shortcut{padding-right:4px}";export{p as co_kbd,d as co_tooltip}
@@ -1 +1 @@
1
- import{r as t,h as r,H as a,a as e}from"./p-YRicbXh3.js";const s=class{constructor(r){t(this,r),this.separator="caret-right",this.handleSlotChange=()=>this.propagateSeparator()}watchSeparator(){this.propagateSeparator()}componentDidLoad(){this.propagateSeparator()}propagateSeparator(){this.el.querySelectorAll("co-breadcrumb-item").forEach((t=>{t.separator=this.separator}))}parseItems(){if(!this.items)return null;try{const t=JSON.parse(this.items);return Array.isArray(t)?t:null}catch(t){return null}}render(){const t=this.parseItems();return r(a,{key:"e368c6a9c2842ee88e66d72d33164653b623616b",part:"breadcrumb",role:"navigation","aria-label":"Breadcrumb"},t?t.map(((a,e)=>r("co-breadcrumb-item",{key:e,label:a.label,value:a.value,icon:a.icon,separator:this.separator,current:e===t.length-1}))):r("slot",{onSlotchange:this.handleSlotChange}))}get el(){return e(this)}static get watchers(){return{separator:[{watchSeparator:0}]}}};s.style=":host{display:flex;align-items:center;gap:var(--co-spacing-xs, 4px);min-width:0}";export{s as co_breadcrumb}
1
+ import{r as t,h as r,H as a,a as e}from"./p-DJkaRtbb.js";const s=class{constructor(r){t(this,r),this.separator="caret-right",this.handleSlotChange=()=>this.propagateSeparator()}watchSeparator(){this.propagateSeparator()}componentDidLoad(){this.propagateSeparator()}propagateSeparator(){this.el.querySelectorAll("co-breadcrumb-item").forEach((t=>{t.separator=this.separator}))}parseItems(){if(!this.items)return null;try{const t=JSON.parse(this.items);return Array.isArray(t)?t:null}catch(t){return null}}render(){const t=this.parseItems();return r(a,{key:"e368c6a9c2842ee88e66d72d33164653b623616b",part:"breadcrumb",role:"navigation","aria-label":"Breadcrumb"},t?t.map(((a,e)=>r("co-breadcrumb-item",{key:e,label:a.label,value:a.value,icon:a.icon,separator:this.separator,current:e===t.length-1}))):r("slot",{onSlotchange:this.handleSlotChange}))}get el(){return e(this)}static get watchers(){return{separator:[{watchSeparator:0}]}}};s.style=":host{display:flex;align-items:center;gap:var(--co-spacing-xs, 4px);min-width:0}";export{s as co_breadcrumb}
@@ -1 +1 @@
1
- import{r as o,c as t,h as r,a as e}from"./p-YRicbXh3.js";const a=new Set(["l","m","s","xs"]),c=class{constructor(r){o(this,r),this.coToggle=t(this,"coToggle",7),this.selected=!1,this.value="",this.size="m",this.disabled=!1,this.variant="connected",this.handleClick=()=>{this.disabled||(this.selected=!this.selected,this.coToggle.emit({value:this.value,selected:this.selected}))}}componentWillLoad(){this.adoptGroupSize()}adoptGroupSize(){var o,t;if(this.el.hasAttribute("size")||null!=this.size&&"m"!==this.size)return;const r=this.el.closest("co-toggle-button-group");if(!r)return;const e=null!==(o=r.variant)&&void 0!==o?o:r.getAttribute("variant"),c=null!==(t=r.size)&&void 0!==t?t:r.getAttribute("size");((o,t)=>a.has(null!=t?t:"")&&("soft"===o||"track"===o&&"xs"===t))(e,c)&&(this.size=c)}render(){const o="track"===this.variant?"xs"===this.size?14:18:"l"===this.size?20:"xs"===this.size?14:16,t=this.selected&&this.selectedIconWeight?this.selectedIconWeight:void 0;return r("button",{key:"8294ac8c49a0c36c9b88192db084bacbce1b7a15",part:"button",class:{"co-toggle-button":!0,"co-toggle-button--selected":this.selected,[`co-toggle-button--${this.size}`]:!0,"co-toggle-button--disabled":this.disabled,"co-toggle-button--icon-only":!(this.label||!this.iconLeft&&!this.iconRight)},type:"button",disabled:this.disabled,"aria-pressed":String(this.selected),onClick:this.handleClick},r("slot",{key:"9430df624ac0477d9942f321676360e5fd0cf697",name:"leading"}),this.iconLeft&&r("co-icon",{key:"78c8f2c1abcbbcae86e13712eeb8da7587ce7dd3",name:this.iconLeft,size:o,weight:t}),this.label&&r("span",{key:"8d2c2281ff3afe0b7a998c128718f3b9b3d700fe",class:"co-toggle-button__label"},this.label),this.iconRight&&r("co-icon",{key:"9219240493081a502ccaca2f8b3f252f652872ef",name:this.iconRight,size:o,weight:t}))}get el(){return e(this)}};c.style=":host{display:inline-flex;--co-toggle-button-radius:var(--co-border-radius-sm)}:host([size='l']){--co-toggle-button-radius:var(--co-border-radius-lg)}:host([size='m']){--co-toggle-button-radius:var(--co-border-radius-sm)}:host([size='s']){--co-toggle-button-radius:var(--co-border-radius-xs)}:host([size='xs']){--co-toggle-button-radius:var(--co-border-radius-xs)}.co-toggle-button{display:inline-flex;width:var(--co-toggle-button-width, auto);align-items:center;justify-content:center;gap:var(--co-spacing-sm2);border:1px solid var(--co-semantic-border-subtle);border-top-left-radius:var(--co-tbr-tl, var(--co-toggle-button-radius));border-top-right-radius:var(--co-tbr-tr, var(--co-toggle-button-radius));border-bottom-right-radius:var(--co-tbr-br, var(--co-toggle-button-radius));border-bottom-left-radius:var(--co-tbr-bl, var(--co-toggle-button-radius));background:color-mix(in srgb, var(--co-semantic-surface-secondary) 35%, transparent);-webkit-backdrop-filter:var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)));backdrop-filter:var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)));color:var(--co-toggle-button-color, var(--co-semantic-text-default));font-family:var(--co-font-family-primary);font-weight:500;cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out);white-space:nowrap;box-sizing:border-box;line-height:1}.co-toggle-button--l{height:48px;padding:0 var(--co-spacing-lg);font-size:var(--co-toggle-button-font-size, var(--co-font-size-16))}.co-toggle-button--m{height:40px;padding:0 var(--co-spacing-md);font-size:var(--co-toggle-button-font-size, var(--co-font-size-14))}.co-toggle-button--s{height:32px;padding:0 var(--co-spacing-sm2);font-size:var(--co-toggle-button-font-size, var(--co-font-size-14))}.co-toggle-button--xs{height:24px;padding:0 var(--co-spacing-sm);font-size:var(--co-toggle-button-font-size, var(--co-font-size-12))}.co-toggle-button--icon-only.co-toggle-button--l{width:48px;padding:0}.co-toggle-button--icon-only.co-toggle-button--m{width:40px;padding:0}.co-toggle-button--icon-only.co-toggle-button--s{width:32px;padding:0}.co-toggle-button--icon-only.co-toggle-button--xs{width:24px;padding:0}.co-toggle-button:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-toggle-button--selected{background:var(--co-color-base-negro, #1f1c1b);color:var(--co-toggle-button-color-selected, var(--co-color-base-blanco, #fff));border-color:var(--co-color-base-negro, #1f1c1b)}.co-toggle-button--selected:hover:not(:disabled){background:var(--co-color-gray-800, #0a0a0a);border-color:var(--co-color-gray-800, #0a0a0a)}.co-toggle-button--disabled{opacity:0.4;cursor:not-allowed}.co-toggle-button:focus-visible{outline:2px solid var(--co-semantic-text-default);outline-offset:-3px}.co-toggle-button--selected:focus-visible{outline-color:currentColor}.co-toggle-button__label{line-height:1}@supports not (background: color-mix(in srgb, red, transparent)){.co-toggle-button{background:var(--co-semantic-surface-secondary)}}:host([variant='track']) .co-toggle-button{height:var(--co-toggle-pill-height, 30px);border-radius:var(--co-toggle-pill-radius, 8px);border-color:transparent;background:transparent;color:var(--co-toggle-button-color, var(--co-semantic-text-secondary));box-shadow:none;padding:0 12px;-webkit-backdrop-filter:none;backdrop-filter:none}:host([variant='track']) .co-toggle-button.co-toggle-button--icon-only{width:34px;padding:0}:host([variant='track']) .co-toggle-button:hover:not(:disabled){background:var(--co-semantic-surface-hover);color:var(--co-toggle-button-color-hover, var(--co-semantic-text-default))}:host([variant='track']) .co-toggle-button--selected{background:var(--co-semantic-surface-page);color:var(--co-toggle-button-color-selected, var(--co-semantic-text-default));border-color:var(--co-toggle-pill-border, var(--co-semantic-border-default));box-shadow:var(--co-toggle-pill-shadow, var(--co-shadow-sm, 0 1px 2px 0 rgba(26, 26, 26, 0.04)))}:host([variant='track']) .co-toggle-button--selected:hover:not(:disabled){background:var(--co-semantic-surface-page);color:var(--co-toggle-button-color-selected, var(--co-semantic-text-default));border-color:var(--co-toggle-pill-border, var(--co-semantic-border-default))}:host([variant='track'][size='xs']) .co-toggle-button{height:var(--co-toggle-pill-height, 20px);border-radius:var(--co-toggle-pill-radius, var(--co-border-radius-xxs))}:host([variant='track'][size='xs']) .co-toggle-button:not(.co-toggle-button--selected){color:var(--co-toggle-button-color, var(--co-semantic-text-default))}:host([variant='track'][size='xs']) .co-toggle-button:not(.co-toggle-button--selected):hover:not(:disabled){color:var(--co-toggle-button-color-hover, var(--co-semantic-text-default))}:host([variant='track'][size='xs']) .co-toggle-button.co-toggle-button--icon-only{width:20px}:host([variant='track'][size='xs']) .co-toggle-button--selected{box-shadow:var(--co-toggle-pill-shadow, none)}:host([variant='soft']) .co-toggle-button{height:24px;border-radius:var(--co-border-radius-xxs);border-color:transparent;background:var(--co-semantic-surface-control, #f6f6f6);color:var(--co-toggle-button-color, var(--co-semantic-text-default));font-size:var(--co-font-size-12);font-weight:var(--co-font-weight-regular);padding:0 calc(var(--co-spacing-sm2) - 1px);gap:var(--co-spacing-sm2);-webkit-backdrop-filter:none;backdrop-filter:none}:host([variant='soft']) .co-toggle-button:hover:not(:disabled){background:var(--co-semantic-surface-control, #f6f6f6)}:host([variant='soft']) .co-toggle-button--selected{background:var(--co-color-celeste-100);color:var(--co-toggle-button-color-selected, var(--co-color-primary-azul));border-color:transparent}:host([variant='soft']) .co-toggle-button--selected:hover:not(:disabled){background:var(--co-color-celeste-100)}:host([variant='pill']) .co-toggle-button{height:40px;padding:0 var(--co-spacing-lg);border-radius:var(--co-border-radius-full);border-color:var(--co-semantic-border-default);background:transparent;color:var(--co-toggle-button-color, var(--co-semantic-text-default));font-size:var(--co-toggle-button-font-size, var(--co-font-size-14));font-weight:var(--co-font-weight-regular);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}:host([variant='pill']) .co-toggle-button:hover:not(:disabled){background:color-mix(in srgb, var(--co-semantic-text-default) 4%, transparent)}:host([variant='pill']) .co-toggle-button--selected{border-color:transparent;background:var(--co-semantic-surface-primary);color:var(--co-toggle-button-color-selected, var(--co-semantic-on-primary))}:host([variant='pill']) .co-toggle-button--selected:hover:not(:disabled){background:var(--co-semantic-surface-primary);color:var(--co-toggle-button-color-selected, var(--co-semantic-on-primary))}@supports (color: light-dark(white, black)){:host([variant='soft']) .co-toggle-button--selected{color:var(--co-toggle-button-color-selected, var(--co-semantic-text-link, var(--co-color-primary-azul)))}:host([variant='soft']) .co-toggle-button--selected,:host([variant='soft']) .co-toggle-button--selected:hover:not(:disabled){background:light-dark(var(--co-color-celeste-100), color-mix(in srgb, var(--co-semantic-text-link, var(--co-color-primary-azul)) 18%, var(--co-semantic-surface-page)))}}";export{c as co_toggle_button}
1
+ import{r as o,c as t,h as e,a as r}from"./p-DJkaRtbb.js";const a=new Set(["l","m","s","xs"]),c=class{constructor(e){o(this,e),this.coToggle=t(this,"coToggle",7),this.selected=!1,this.value="",this.size="m",this.disabled=!1,this.variant="connected",this.handleClick=()=>{this.disabled||(this.selected=!this.selected,this.coToggle.emit({value:this.value,selected:this.selected}))}}componentWillLoad(){this.adoptGroupSize()}adoptGroupSize(){var o,t;if(this.el.hasAttribute("size")||null!=this.size&&"m"!==this.size)return;const e=this.el.closest("co-toggle-button-group");if(!e)return;const r=null!==(o=e.variant)&&void 0!==o?o:e.getAttribute("variant"),c=null!==(t=e.size)&&void 0!==t?t:e.getAttribute("size");((o,t)=>a.has(null!=t?t:"")&&("soft"===o||"track"===o&&"xs"===t))(r,c)&&(this.size=c)}render(){const o="track"===this.variant?"xs"===this.size?14:18:"l"===this.size?20:"xs"===this.size?14:16,t=this.selected&&this.selectedIconWeight?this.selectedIconWeight:void 0;return e("button",{key:"8294ac8c49a0c36c9b88192db084bacbce1b7a15",part:"button",class:{"co-toggle-button":!0,"co-toggle-button--selected":this.selected,[`co-toggle-button--${this.size}`]:!0,"co-toggle-button--disabled":this.disabled,"co-toggle-button--icon-only":!(this.label||!this.iconLeft&&!this.iconRight)},type:"button",disabled:this.disabled,"aria-pressed":String(this.selected),onClick:this.handleClick},e("slot",{key:"9430df624ac0477d9942f321676360e5fd0cf697",name:"leading"}),this.iconLeft&&e("co-icon",{key:"78c8f2c1abcbbcae86e13712eeb8da7587ce7dd3",name:this.iconLeft,size:o,weight:t}),this.label&&e("span",{key:"8d2c2281ff3afe0b7a998c128718f3b9b3d700fe",class:"co-toggle-button__label"},this.label),this.iconRight&&e("co-icon",{key:"9219240493081a502ccaca2f8b3f252f652872ef",name:this.iconRight,size:o,weight:t}))}get el(){return r(this)}};c.style=":host{display:inline-flex;--co-toggle-button-radius:var(--co-border-radius-sm)}:host([size='l']){--co-toggle-button-radius:var(--co-border-radius-lg)}:host([size='m']){--co-toggle-button-radius:var(--co-border-radius-sm)}:host([size='s']){--co-toggle-button-radius:var(--co-border-radius-xs)}:host([size='xs']){--co-toggle-button-radius:var(--co-border-radius-xs)}.co-toggle-button{display:inline-flex;width:var(--co-toggle-button-width, auto);align-items:center;justify-content:center;gap:var(--co-spacing-sm2);border:1px solid var(--co-semantic-border-subtle);border-top-left-radius:var(--co-tbr-tl, var(--co-toggle-button-radius));border-top-right-radius:var(--co-tbr-tr, var(--co-toggle-button-radius));border-bottom-right-radius:var(--co-tbr-br, var(--co-toggle-button-radius));border-bottom-left-radius:var(--co-tbr-bl, var(--co-toggle-button-radius));background:color-mix(in srgb, var(--co-semantic-surface-secondary) 35%, transparent);-webkit-backdrop-filter:var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)));backdrop-filter:var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)));color:var(--co-toggle-button-color, var(--co-semantic-text-default));font-family:var(--co-font-family-primary);font-weight:500;cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out);white-space:nowrap;box-sizing:border-box;line-height:1}.co-toggle-button--l{height:48px;padding:0 var(--co-spacing-lg);font-size:var(--co-toggle-button-font-size, var(--co-font-size-16))}.co-toggle-button--m{height:40px;padding:0 var(--co-spacing-md);font-size:var(--co-toggle-button-font-size, var(--co-font-size-14))}.co-toggle-button--s{height:32px;padding:0 var(--co-spacing-sm2);font-size:var(--co-toggle-button-font-size, var(--co-font-size-14))}.co-toggle-button--xs{height:24px;padding:0 var(--co-spacing-sm);font-size:var(--co-toggle-button-font-size, var(--co-font-size-12))}.co-toggle-button--icon-only.co-toggle-button--l{width:48px;padding:0}.co-toggle-button--icon-only.co-toggle-button--m{width:40px;padding:0}.co-toggle-button--icon-only.co-toggle-button--s{width:32px;padding:0}.co-toggle-button--icon-only.co-toggle-button--xs{width:24px;padding:0}.co-toggle-button:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-toggle-button--selected{background:var(--co-color-base-negro, #1f1c1b);color:var(--co-toggle-button-color-selected, var(--co-color-base-blanco, #fff));border-color:var(--co-color-base-negro, #1f1c1b)}.co-toggle-button--selected:hover:not(:disabled){background:var(--co-color-gray-800, #0a0a0a);border-color:var(--co-color-gray-800, #0a0a0a)}.co-toggle-button--disabled{opacity:0.4;cursor:not-allowed}.co-toggle-button:focus-visible{outline:2px solid var(--co-semantic-text-default);outline-offset:-3px}.co-toggle-button--selected:focus-visible{outline-color:currentColor}.co-toggle-button__label{line-height:1}@supports not (background: color-mix(in srgb, red, transparent)){.co-toggle-button{background:var(--co-semantic-surface-secondary)}}:host([variant='track']) .co-toggle-button{height:var(--co-toggle-pill-height, 30px);border-radius:var(--co-toggle-pill-radius, 8px);border-color:transparent;background:transparent;color:var(--co-toggle-button-color, var(--co-semantic-text-secondary));box-shadow:none;padding:0 12px;-webkit-backdrop-filter:none;backdrop-filter:none}:host([variant='track']) .co-toggle-button.co-toggle-button--icon-only{width:34px;padding:0}:host([variant='track']) .co-toggle-button:hover:not(:disabled){background:var(--co-semantic-surface-hover);color:var(--co-toggle-button-color-hover, var(--co-semantic-text-default))}:host([variant='track']) .co-toggle-button--selected{background:var(--co-semantic-surface-page);color:var(--co-toggle-button-color-selected, var(--co-semantic-text-default));border-color:var(--co-toggle-pill-border, var(--co-semantic-border-default));box-shadow:var(--co-toggle-pill-shadow, var(--co-shadow-sm, 0 1px 2px 0 rgba(26, 26, 26, 0.04)))}:host([variant='track']) .co-toggle-button--selected:hover:not(:disabled){background:var(--co-semantic-surface-page);color:var(--co-toggle-button-color-selected, var(--co-semantic-text-default));border-color:var(--co-toggle-pill-border, var(--co-semantic-border-default))}:host([variant='track'][size='xs']) .co-toggle-button{height:var(--co-toggle-pill-height, 20px);border-radius:var(--co-toggle-pill-radius, var(--co-border-radius-xxs))}:host([variant='track'][size='xs']) .co-toggle-button:not(.co-toggle-button--selected){color:var(--co-toggle-button-color, var(--co-semantic-text-default))}:host([variant='track'][size='xs']) .co-toggle-button:not(.co-toggle-button--selected):hover:not(:disabled){color:var(--co-toggle-button-color-hover, var(--co-semantic-text-default))}:host([variant='track'][size='xs']) .co-toggle-button.co-toggle-button--icon-only{width:20px}:host([variant='track'][size='xs']) .co-toggle-button--selected{box-shadow:var(--co-toggle-pill-shadow, none)}:host([variant='soft']) .co-toggle-button{height:24px;border-radius:var(--co-border-radius-xxs);border-color:transparent;background:var(--co-semantic-surface-control, #f6f6f6);color:var(--co-toggle-button-color, var(--co-semantic-text-default));font-size:var(--co-font-size-12);font-weight:var(--co-font-weight-regular);padding:0 calc(var(--co-spacing-sm2) - 1px);gap:var(--co-spacing-sm2);-webkit-backdrop-filter:none;backdrop-filter:none}:host([variant='soft']) .co-toggle-button:hover:not(:disabled){background:var(--co-semantic-surface-control, #f6f6f6)}:host([variant='soft']) .co-toggle-button--selected{background:var(--co-color-celeste-100);color:var(--co-toggle-button-color-selected, var(--co-color-primary-azul));border-color:transparent}:host([variant='soft']) .co-toggle-button--selected:hover:not(:disabled){background:var(--co-color-celeste-100)}:host([variant='pill']) .co-toggle-button{height:40px;padding:0 var(--co-spacing-lg);border-radius:var(--co-border-radius-full);border-color:transparent;background:var(--co-semantic-surface-control);color:var(--co-toggle-button-color, var(--co-semantic-text-default));font-size:var(--co-toggle-button-font-size, var(--co-font-size-14));font-weight:var(--co-font-weight-regular);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}:host([variant='pill']) .co-toggle-button:hover:not(:disabled){background:var(--co-semantic-surface-hover)}:host([variant='pill']) .co-toggle-button--selected{background:var(--co-semantic-surface-primary);color:var(--co-toggle-button-color-selected, var(--co-semantic-on-primary))}:host([variant='pill']) .co-toggle-button--selected:hover:not(:disabled){background:var(--co-semantic-surface-primary);color:var(--co-toggle-button-color-selected, var(--co-semantic-on-primary))}@supports (color: light-dark(white, black)){:host([variant='soft']) .co-toggle-button--selected{color:var(--co-toggle-button-color-selected, var(--co-semantic-text-link, var(--co-color-primary-azul)))}:host([variant='soft']) .co-toggle-button--selected,:host([variant='soft']) .co-toggle-button--selected:hover:not(:disabled){background:light-dark(var(--co-color-celeste-100), color-mix(in srgb, var(--co-semantic-text-link, var(--co-color-primary-azul)) 18%, var(--co-semantic-surface-page)))}}";export{c as co_toggle_button}
@@ -1 +1 @@
1
- import{r as i,c as e,h as t,a}from"./p-YRicbXh3.js";import{R as s}from"./p-pl89alJ1.js";import{F as o}from"./p-C_xES1w3.js";const r=class{constructor(t){i(this,t),this.coChange=e(this,"coChange",7),this.coInput=e(this,"coInput",7),this.coClear=e(this,"coClear",7),this.coFocus=e(this,"coFocus",7),this.coBlur=e(this,"coBlur",7),this.value="[]",this.placeholder="",this.required=!1,this.disabled=!1,this.readonly=!1,this.clearable=!0,this.allowDuplicates=!1,this.invalid=!1,this.layout="vertical",this.size="md",this.draft="",this.editingIndex=null,this.editingDraft="",this.hasFocus=!1,this.handleClearAll=()=>{var i;this.hasValue&&(this.commit([]),this.coClear.emit(),null===(i=this.inputEl)||void 0===i||i.focus())},this.handleInput=i=>{this.draft=i.target.value,this.coInput.emit(this.draft)},this.handleKeyDown=i=>{"Enter"!==i.key&&"Tab"!==i.key&&","!==i.key?"Backspace"===i.key&&""===this.draft&&this.hasValue&&(i.preventDefault(),this.removeTag(this.tags.length-1)):this.draft.trim()&&(i.preventDefault(),this.addTag())},this.handleFocus=()=>{this.hasFocus=!0,this.coFocus.emit()},this.handleBlur=()=>{this.draft.trim()&&this.addTag(),this.hasFocus=!1,this.coBlur.emit()},this.handleEditKeyDown=i=>{"Enter"===i.key?(i.preventDefault(),this.saveEdit()):"Escape"===i.key&&(i.preventDefault(),this.cancelEdit())},this.handleFieldClick=()=>{var i;this.disabled||this.readonly||null===this.editingIndex&&(null===(i=this.inputEl)||void 0===i||i.focus())}}onEditingIndexChange(i){null!==i&&requestAnimationFrame((()=>{var i;return null===(i=this.editEl)||void 0===i?void 0:i.focus()}))}get tags(){if(Array.isArray(this.value))return this.value.map((i=>String(i)));if("string"==typeof this.value&&this.value.trim())try{const i=JSON.parse(this.value);if(Array.isArray(i))return i.map((i=>String(i)))}catch(i){}return[]}get hasValue(){return this.tags.length>0}get isInvalid(){return this.invalid}get atCapacity(){return"number"==typeof this.maxTags&&this.tags.length>=this.maxTags}commit(i){this.value=JSON.stringify(i),this.coChange.emit(i)}addTag(){const i=this.draft.trim();if(this.draft="",!i||this.atCapacity)return;const e=this.tags;!this.allowDuplicates&&e.includes(i)||this.commit([...e,i])}removeTag(i){const e=this.tags.filter(((e,t)=>t!==i));this.commit(e)}startEdit(i){var e;this.disabled||this.readonly||(this.editingIndex=i,this.editingDraft=null!==(e=this.tags[i])&&void 0!==e?e:"")}saveEdit(){if(null===this.editingIndex)return;const i=this.editingIndex,e=this.editingDraft.trim(),t=this.tags;if(this.editingIndex=null,this.editingDraft="",!e)return void this.commit(t.filter(((e,t)=>t!==i)));if(!this.allowDuplicates&&t.some(((t,a)=>a!==i&&t===e)))return void this.commit(t.filter(((e,t)=>t!==i)));const a=[...t];a[i]=e,this.commit(a)}cancelEdit(){this.editingIndex=null,this.editingDraft=""}render(){const i=this.tags,e=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly,a=this.isInvalid?this.errorMessage:this.helperText,r=!this.readonly&&!this.atCapacity;return t("div",{key:"fd91a99e457cbf54c88d423be8af54c566f3066c",class:{"co-tags-field":!0,"co-tags-field--disabled":this.disabled,"co-tags-field--focused":this.hasFocus,"co-tags-field--filled":this.hasValue,"co-tags-field--invalid":this.isInvalid,[`co-tags-field--${this.size}`]:!0},part:"wrapper"},this.label&&t("div",{key:"49bfcb174303ee8660e5acc4f98217aaf66f40ac",class:"co-tags-field__labels"},t("label",{key:"79762edec0be8829ccaca058eba30a3bde927254",class:"co-tags-field__label",part:"label"},this.label,t(s,{key:"c70bec9252eb1921c481ecd61d8b6fe63a3d6c10",required:this.required}))),t("div",{key:"32a0647964bd4acc982a2a790647c93a40801c36",class:"co-tags-field__field-row"},t("div",{key:"4e8368806c1f672c72eb02331f113669db4cf8d1",class:"co-tags-field__field",part:"field",onClick:this.handleFieldClick},t("div",{key:"4ad6a373fd8c05ee5aac5bff758ce2fbe4312dc8",class:"co-tags-field__input-wrapper"},i.map(((i,e)=>this.editingIndex===e?t("input",{key:`edit-${e}`,ref:i=>this.editEl=i,class:"co-tags-field__edit",type:"text",value:this.editingDraft,onInput:i=>this.editingDraft=i.target.value,onKeyDown:this.handleEditKeyDown,onBlur:()=>this.saveEdit()}):t(o,{key:`chip-${e}-${i}`,baseClass:"co-tags-field__chip",label:i,title:i,onChipDblClick:()=>this.startEdit(e),onRemove:this.disabled||this.readonly?void 0:i=>{i.stopPropagation(),this.removeTag(e)}}))),r&&t("input",{key:"f225a29c660941323b3e83344cf4b5524bbd72a2",ref:i=>this.inputEl=i,class:"co-tags-field__native",type:"text",autocomplete:"off",value:this.draft,placeholder:0===i.length?this.placeholder:"",disabled:this.disabled,required:this.required&&0===i.length,"aria-invalid":this.isInvalid?"true":"false","aria-label":this.label?void 0:"Tags",onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,part:"input"})),this.clearable&&t("button",{key:"37317b91ff4f58ca30ae13d7d639fcc79efaeb3b",class:{"co-tags-field__clear":!0,"co-tags-field__clear--hidden":!e},type:"button",tabIndex:-1,onMouseDown:i=>i.preventDefault(),onClick:this.handleClearAll,"aria-label":"Clear all",part:"clear"},t("co-icon",{key:"f29e8727db13e9ce6b6fc72e38786aeb619a51b1",name:"x-circle",size:16,weight:"fill"})))),this.name&&t("input",{key:"592bcd5ecd3f552ac6c8adb87fbd9dab04ec0e40",type:"hidden",name:this.name,value:JSON.stringify(i)}),a&&t("div",{key:"7402a33a90484fdce495df229b7325d6e6527991",class:{"co-tags-field__helper":!0,"co-tags-field__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&t("co-icon",{key:"8b9116529e02f275ef957e23ad98adb8d726b375",name:"warning-circle",size:14,class:"co-tags-field__helper-icon"}),t("span",{key:"5f952c6feb9b82b46552bb8e8faeb5aaeb4abc29",class:"co-tags-field__helper-text"},a)))}get el(){return a(this)}static get watchers(){return{editingIndex:[{onEditingIndexChange:0}]}}};r.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-tags-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-tags-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-tags-field__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-field-required{margin-left:2px;color:var(--co-semantic-text-error, var(--co-color-status-error))}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-tags-field__field-row{display:flex;align-items:stretch}.co-tags-field__field{display:flex;align-items:flex-start;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out);min-height:40px;box-sizing:border-box;flex:1;min-width:0;cursor:text}.co-tags-field__input-wrapper{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--co-spacing-sm);min-width:0;min-height:22px;padding:0}.co-tags-field--s .co-tags-field__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-tags-field--sm .co-tags-field__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-tags-field--lg .co-tags-field__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-tags-field__chip{display:inline-flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm) var(--co-spacing-sm2);background:var(--co-semantic-surface-hover);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-14);line-height:1;max-width:240px;cursor:pointer;user-select:none}.co-tags-field__chip-label{color:var(--co-semantic-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-tags-field__chip-remove{display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out);flex-shrink:0}.co-tags-field__chip-remove:hover{color:var(--co-semantic-text-default)}.co-tags-field__native{flex:1;min-width:80px;border:none;outline:none;background:transparent;font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:1;color:var(--co-semantic-text-default);padding:0;margin:0}.co-tags-field__native::placeholder{color:var(--co-semantic-text-muted)}.co-tags-field__edit{border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xxs);outline:none;background:var(--co-semantic-surface-page);font-family:inherit;font-size:var(--co-font-size-12);line-height:1;color:var(--co-semantic-text-default);padding:var(--co-spacing-xxs) var(--co-spacing-xs);margin:0;min-width:60px}.co-tags-field__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;padding:0;margin:var(--co-spacing-xxs) 0 0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-tags-field__clear--hidden{visibility:hidden;pointer-events:none}.co-tags-field__clear:hover{color:var(--co-semantic-text-default)}.co-tags-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-tags-field__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-tags-field__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body)}.co-tags-field--focused .co-tags-field__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-tags-field--disabled{opacity:0.6;pointer-events:none}.co-tags-field--disabled .co-tags-field__labels .co-tags-field__label{color:var(--co-semantic-text-disabled)}.co-tags-field--disabled .co-tags-field__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-tags-field--invalid .co-tags-field__field{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error))}.co-tags-field--invalid.co-tags-field--focused .co-tags-field__field{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error));box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-error, var(--co-semantic-status-error)) 12%, transparent)}.co-tags-field__helper--error .co-tags-field__helper-icon,.co-tags-field__helper--error .co-tags-field__helper-text{color:var(--co-semantic-text-error, var(--co-semantic-status-error))}:host([layout='horizontal']) .co-tags-field{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-tags-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-tags-field__label{white-space:normal}:host([layout='horizontal']) .co-tags-field>:not(.co-tags-field__labels){grid-column:2;min-width:0}";export{r as co_tags_field}
1
+ import{r as e,c as i,h as t,a}from"./p-DJkaRtbb.js";import{R as s}from"./p-CYN5B3IQ.js";import{F as o}from"./p-CSLjZ3WO.js";const r=class{constructor(t){e(this,t),this.coChange=i(this,"coChange",7),this.coInput=i(this,"coInput",7),this.coClear=i(this,"coClear",7),this.coFocus=i(this,"coFocus",7),this.coBlur=i(this,"coBlur",7),this.value="[]",this.placeholder="",this.required=!1,this.disabled=!1,this.readonly=!1,this.clearable=!0,this.allowDuplicates=!1,this.invalid=!1,this.layout="vertical",this.size="md",this.draft="",this.editingIndex=null,this.editingDraft="",this.hasFocus=!1,this.handleClearAll=()=>{var e;this.hasValue&&(this.commit([]),this.coClear.emit(),null===(e=this.inputEl)||void 0===e||e.focus())},this.handleInput=e=>{this.draft=e.target.value,this.coInput.emit(this.draft)},this.handleKeyDown=e=>{"Enter"!==e.key&&"Tab"!==e.key&&","!==e.key?"Backspace"===e.key&&""===this.draft&&this.hasValue&&(e.preventDefault(),this.removeTag(this.tags.length-1)):this.draft.trim()&&(e.preventDefault(),this.addTag())},this.handleFocus=()=>{this.hasFocus=!0,this.coFocus.emit()},this.handleBlur=()=>{this.draft.trim()&&this.addTag(),this.hasFocus=!1,this.coBlur.emit()},this.handleEditKeyDown=e=>{"Enter"===e.key?(e.preventDefault(),this.saveEdit()):"Escape"===e.key&&(e.preventDefault(),this.cancelEdit())},this.handleFieldClick=()=>{var e;this.disabled||this.readonly||null===this.editingIndex&&(null===(e=this.inputEl)||void 0===e||e.focus())}}onEditingIndexChange(e){null!==e&&requestAnimationFrame((()=>{var e;return null===(e=this.editEl)||void 0===e?void 0:e.focus()}))}get tags(){if(Array.isArray(this.value))return this.value.map((e=>String(e)));if("string"==typeof this.value&&this.value.trim())try{const e=JSON.parse(this.value);if(Array.isArray(e))return e.map((e=>String(e)))}catch(e){}return[]}get hasValue(){return this.tags.length>0}get isInvalid(){return this.invalid}get atCapacity(){return"number"==typeof this.maxTags&&this.tags.length>=this.maxTags}commit(e){this.value=JSON.stringify(e),this.coChange.emit(e)}addTag(){const e=this.draft.trim();if(this.draft="",!e||this.atCapacity)return;const i=this.tags;!this.allowDuplicates&&i.includes(e)||this.commit([...i,e])}removeTag(e){const i=this.tags.filter(((i,t)=>t!==e));this.commit(i)}startEdit(e){var i;this.disabled||this.readonly||(this.editingIndex=e,this.editingDraft=null!==(i=this.tags[e])&&void 0!==i?i:"")}saveEdit(){if(null===this.editingIndex)return;const e=this.editingIndex,i=this.editingDraft.trim(),t=this.tags;if(this.editingIndex=null,this.editingDraft="",!i)return void this.commit(t.filter(((i,t)=>t!==e)));if(!this.allowDuplicates&&t.some(((t,a)=>a!==e&&t===i)))return void this.commit(t.filter(((i,t)=>t!==e)));const a=[...t];a[e]=i,this.commit(a)}cancelEdit(){this.editingIndex=null,this.editingDraft=""}render(){const e=this.tags,i=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly,a=this.isInvalid?this.errorMessage:this.helperText,r=!this.readonly&&!this.atCapacity;return t("div",{key:"fd91a99e457cbf54c88d423be8af54c566f3066c",class:{"co-tags-field":!0,"co-tags-field--disabled":this.disabled,"co-tags-field--focused":this.hasFocus,"co-tags-field--filled":this.hasValue,"co-tags-field--invalid":this.isInvalid,[`co-tags-field--${this.size}`]:!0},part:"wrapper"},this.label&&t("div",{key:"49bfcb174303ee8660e5acc4f98217aaf66f40ac",class:"co-tags-field__labels"},t("label",{key:"79762edec0be8829ccaca058eba30a3bde927254",class:"co-tags-field__label",part:"label"},this.label,t(s,{key:"c70bec9252eb1921c481ecd61d8b6fe63a3d6c10",required:this.required}))),t("div",{key:"32a0647964bd4acc982a2a790647c93a40801c36",class:"co-tags-field__field-row"},t("div",{key:"4e8368806c1f672c72eb02331f113669db4cf8d1",class:"co-tags-field__field",part:"field",onClick:this.handleFieldClick},t("div",{key:"4ad6a373fd8c05ee5aac5bff758ce2fbe4312dc8",class:"co-tags-field__input-wrapper"},e.map(((e,i)=>this.editingIndex===i?t("input",{key:`edit-${i}`,ref:e=>this.editEl=e,class:"co-tags-field__edit",type:"text",value:this.editingDraft,onInput:e=>this.editingDraft=e.target.value,onKeyDown:this.handleEditKeyDown,onBlur:()=>this.saveEdit()}):t(o,{key:`chip-${i}-${e}`,baseClass:"co-tags-field__chip",label:e,title:e,onChipDblClick:()=>this.startEdit(i),onRemove:this.disabled||this.readonly?void 0:e=>{e.stopPropagation(),this.removeTag(i)}}))),r&&t("input",{key:"f225a29c660941323b3e83344cf4b5524bbd72a2",ref:e=>this.inputEl=e,class:"co-tags-field__native",type:"text",autocomplete:"off",value:this.draft,placeholder:0===e.length?this.placeholder:"",disabled:this.disabled,required:this.required&&0===e.length,"aria-invalid":this.isInvalid?"true":"false","aria-label":this.label?void 0:"Tags",onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,part:"input"})),this.clearable&&t("button",{key:"37317b91ff4f58ca30ae13d7d639fcc79efaeb3b",class:{"co-tags-field__clear":!0,"co-tags-field__clear--hidden":!i},type:"button",tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:this.handleClearAll,"aria-label":"Clear all",part:"clear"},t("co-icon",{key:"f29e8727db13e9ce6b6fc72e38786aeb619a51b1",name:"x-circle",size:16,weight:"fill"})))),this.name&&t("input",{key:"592bcd5ecd3f552ac6c8adb87fbd9dab04ec0e40",type:"hidden",name:this.name,value:JSON.stringify(e)}),a&&t("div",{key:"7402a33a90484fdce495df229b7325d6e6527991",class:{"co-tags-field__helper":!0,"co-tags-field__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&t("co-icon",{key:"8b9116529e02f275ef957e23ad98adb8d726b375",name:"warning-circle",size:14,class:"co-tags-field__helper-icon"}),t("span",{key:"5f952c6feb9b82b46552bb8e8faeb5aaeb4abc29",class:"co-tags-field__helper-text"},a)))}get el(){return a(this)}static get watchers(){return{editingIndex:[{onEditingIndexChange:0}]}}};r.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-tags-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-tags-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-tags-field__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-field-required{margin-left:2px;color:var(--co-semantic-text-error, var(--co-color-status-error))}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-tags-field__field-row{display:flex;align-items:stretch}.co-tags-field__field{display:flex;align-items:flex-start;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out);min-height:40px;box-sizing:border-box;flex:1;min-width:0;cursor:text}.co-tags-field__input-wrapper{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--co-spacing-sm);min-width:0;min-height:22px;padding:0}.co-tags-field--s .co-tags-field__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-tags-field--sm .co-tags-field__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-tags-field--lg .co-tags-field__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-tags-field__chip{display:inline-flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm) var(--co-spacing-sm2);background:var(--co-semantic-surface-hover);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-14);line-height:1;max-width:240px;cursor:pointer;user-select:none}.co-tags-field__chip-label{color:var(--co-semantic-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-tags-field__chip-remove{display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out);flex-shrink:0}.co-tags-field__chip-remove:hover{color:var(--co-semantic-text-default)}.co-tags-field__native{flex:1;min-width:80px;border:none;outline:none;background:transparent;font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:1;color:var(--co-semantic-text-default);padding:0;margin:0}.co-tags-field__native::placeholder{color:var(--co-semantic-text-muted)}.co-tags-field__edit{border:1px solid var(--co-semantic-border-focus);border-radius:var(--co-border-radius-xxs);outline:none;background:var(--co-semantic-surface-page);font-family:inherit;font-size:var(--co-font-size-12);line-height:1;color:var(--co-semantic-text-default);padding:var(--co-spacing-xxs) var(--co-spacing-xs);margin:0;min-width:60px}.co-tags-field__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;padding:0;margin:var(--co-spacing-xxs) 0 0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-tags-field__clear--hidden{visibility:hidden;pointer-events:none}.co-tags-field__clear:hover{color:var(--co-semantic-text-default)}.co-tags-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-tags-field__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-tags-field__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body)}.co-tags-field--focused .co-tags-field__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-tags-field--disabled{opacity:0.6;pointer-events:none}.co-tags-field--disabled .co-tags-field__labels .co-tags-field__label{color:var(--co-semantic-text-disabled)}.co-tags-field--disabled .co-tags-field__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-tags-field--invalid .co-tags-field__field{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error))}.co-tags-field--invalid.co-tags-field--focused .co-tags-field__field{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error));box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-error, var(--co-semantic-status-error)) 12%, transparent)}.co-tags-field__helper--error .co-tags-field__helper-icon,.co-tags-field__helper--error .co-tags-field__helper-text{color:var(--co-semantic-text-error, var(--co-semantic-status-error))}:host([layout='horizontal']) .co-tags-field{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-tags-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-tags-field__label{white-space:normal}:host([layout='horizontal']) .co-tags-field>:not(.co-tags-field__labels){grid-column:2;min-width:0}";export{r as co_tags_field}