@prolibu-suite/cobalt-core 0.3.0 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (580) hide show
  1. package/README.md +3 -3
  2. package/custom-elements.json +6887 -3484
  3. package/dist/cjs/co-accordion.cjs.entry.js +4 -4
  4. package/dist/cjs/co-app-shell.cjs.entry.js +3 -3
  5. package/dist/cjs/co-autocomplete.cjs.entry.js +38 -73
  6. package/dist/cjs/co-avatar-group.cjs.entry.js +3 -3
  7. package/dist/cjs/co-avatar.cjs.entry.js +9 -4
  8. package/dist/cjs/co-badge.cjs.entry.js +2 -2
  9. package/dist/cjs/co-bottom-sheet.cjs.entry.js +4 -4
  10. package/dist/cjs/co-breadcrumb-item.cjs.entry.js +37 -0
  11. package/dist/cjs/co-breadcrumb.cjs.entry.js +55 -0
  12. package/dist/cjs/co-button-group.cjs.entry.js +3 -3
  13. package/dist/cjs/co-button.cjs.entry.js +10 -4
  14. package/dist/cjs/co-calendar-month.cjs.entry.js +2 -2
  15. package/dist/cjs/co-calendar_3.cjs.entry.js +50 -15
  16. package/dist/cjs/co-card.cjs.entry.js +3 -3
  17. package/dist/cjs/co-checkbox-group.cjs.entry.js +4 -4
  18. package/dist/cjs/co-checkbox.cjs.entry.js +18 -6
  19. package/dist/cjs/co-chip_2.cjs.entry.js +485 -0
  20. package/dist/cjs/co-color-picker.cjs.entry.js +4 -4
  21. package/dist/cjs/co-column-picker.cjs.entry.js +3 -3
  22. package/dist/cjs/co-combobox.cjs.entry.js +51 -82
  23. package/dist/cjs/co-command-search.cjs.entry.js +20 -59
  24. package/dist/cjs/co-data-table-pagination.cjs.entry.js +5 -5
  25. package/dist/cjs/co-data-table.cjs.entry.js +73 -17
  26. package/dist/cjs/co-date-picker.cjs.entry.js +2 -2
  27. package/dist/cjs/co-date-range-picker.cjs.entry.js +3 -3
  28. package/dist/cjs/co-date-range.cjs.entry.js +2 -2
  29. package/dist/cjs/co-drive-card.cjs.entry.js +81 -0
  30. package/dist/cjs/co-drop-zone.cjs.entry.js +63 -0
  31. package/dist/cjs/co-empty-state.cjs.entry.js +13 -3
  32. package/dist/cjs/co-event-calendar.cjs.entry.js +3 -3
  33. package/dist/cjs/co-fab.cjs.entry.js +5 -5
  34. package/dist/cjs/co-file-field.cjs.entry.js +7 -7
  35. package/dist/cjs/co-file-type-tile.cjs.entry.js +78 -0
  36. package/dist/cjs/co-helper-text.cjs.entry.js +3 -3
  37. package/dist/cjs/co-icon-button.cjs.entry.js +23 -7
  38. package/dist/cjs/co-icon.cjs.entry.js +3 -3
  39. package/dist/cjs/co-input.cjs.entry.js +36 -7
  40. package/dist/cjs/co-json-field.cjs.entry.js +5 -5
  41. package/dist/cjs/co-lightbox.cjs.entry.js +6 -6
  42. package/dist/cjs/co-list-footer.cjs.entry.js +2 -2
  43. package/dist/cjs/co-list-item.cjs.entry.js +5 -5
  44. package/dist/cjs/co-loader.cjs.entry.js +34 -0
  45. package/dist/cjs/co-media-thumb.cjs.entry.js +36 -0
  46. package/dist/cjs/co-menu-divider.cjs.entry.js +2 -2
  47. package/dist/cjs/co-menu-item.cjs.entry.js +11 -3
  48. package/dist/cjs/co-menu.cjs.entry.js +3 -3
  49. package/dist/cjs/co-modal.cjs.entry.js +29 -5
  50. package/dist/cjs/co-navbar.cjs.entry.js +3 -3
  51. package/dist/cjs/co-number-field.cjs.entry.js +5 -5
  52. package/dist/cjs/{co-loader_2.cjs.entry.js → co-overlay.cjs.entry.js} +2 -32
  53. package/dist/cjs/co-page-header.cjs.entry.js +2 -2
  54. package/dist/cjs/co-phone-field.cjs.entry.js +4 -4
  55. package/dist/cjs/co-popover.cjs.entry.js +12 -3
  56. package/dist/cjs/co-progress-bar.cjs.entry.js +4 -4
  57. package/dist/cjs/co-progress-circle.cjs.entry.js +3 -3
  58. package/dist/cjs/co-radio-group.cjs.entry.js +4 -4
  59. package/dist/cjs/co-radio.cjs.entry.js +4 -4
  60. package/dist/cjs/co-rating.cjs.entry.js +4 -4
  61. package/dist/cjs/co-ref-field.cjs.entry.js +31 -135
  62. package/dist/cjs/co-rich-text-editor.cjs.entry.js +5 -5
  63. package/dist/cjs/co-rich-text-toolbar.cjs.entry.js +1 -1
  64. package/dist/cjs/co-rich-text-viewer.cjs.entry.js +2 -2
  65. package/dist/cjs/co-row.cjs.entry.js +3 -3
  66. package/dist/cjs/co-segmented-bar.cjs.entry.js +58 -0
  67. package/dist/cjs/co-select.cjs.entry.js +7 -7
  68. package/dist/cjs/co-separator.cjs.entry.js +2 -2
  69. package/dist/cjs/co-sidebar-nav.cjs.entry.js +10 -8
  70. package/dist/cjs/co-sidebar.cjs.entry.js +3 -3
  71. package/dist/cjs/co-skeleton.cjs.entry.js +2 -2
  72. package/dist/cjs/co-slider.cjs.entry.js +3 -3
  73. package/dist/cjs/co-switch.cjs.entry.js +6 -6
  74. package/dist/cjs/co-tab-group.cjs.entry.js +21 -3
  75. package/dist/cjs/co-tab.cjs.entry.js +8 -5
  76. package/dist/cjs/co-tags-field.cjs.entry.js +8 -8
  77. package/dist/cjs/co-textarea.cjs.entry.js +6 -6
  78. package/dist/cjs/co-toast.cjs.entry.js +10 -4
  79. package/dist/cjs/co-toggle-button-group.cjs.entry.js +16 -4
  80. package/dist/cjs/co-toggle-button.cjs.entry.js +9 -5
  81. package/dist/cjs/co-tooltip.cjs.entry.js +3 -3
  82. package/dist/cjs/co-transfer-list.cjs.entry.js +3 -3
  83. package/dist/cjs/co-video.cjs.entry.js +4 -4
  84. package/dist/cjs/cobalt.cjs.js +2 -2
  85. package/dist/cjs/{fieldChip-CDIMz_Y6.js → fieldChip-D8YJCyQF.js} +1 -1
  86. package/dist/cjs/{index-5NdsiFjZ.js → index-4y1Dm145.js} +64 -11
  87. package/dist/cjs/{index-BumlM92r.js → index-DxEFsH_t.js} +69 -13
  88. package/dist/cjs/loader.cjs.js +2 -2
  89. package/dist/cjs/{requiredMark-CqMGt1H1.js → requiredMark-B3pKyqYI.js} +1 -1
  90. package/dist/cobalt/cobalt.css +1 -1
  91. package/dist/cobalt/cobalt.esm.js +1 -1
  92. package/dist/cobalt/p-002e5beb.entry.js +1 -0
  93. package/dist/cobalt/{p-ba90e871.entry.js → p-02c5a9a9.entry.js} +1 -1
  94. package/dist/cobalt/p-075eed3d.entry.js +1 -0
  95. package/dist/cobalt/p-0c0621a7.entry.js +1 -0
  96. package/dist/cobalt/{p-ef7d4ae3.entry.js → p-0d6a562d.entry.js} +1 -1
  97. package/dist/cobalt/p-0d7536a8.entry.js +1 -0
  98. package/dist/cobalt/{p-6d1217c3.entry.js → p-13fc9c8a.entry.js} +1 -1
  99. package/dist/cobalt/{p-afb7e19e.entry.js → p-14d4c5c7.entry.js} +1 -1
  100. package/dist/cobalt/{p-31ab9a46.entry.js → p-1681ce1d.entry.js} +1 -1
  101. package/dist/cobalt/{p-93046365.entry.js → p-1726ce07.entry.js} +1 -1
  102. package/dist/cobalt/p-20ba59a2.entry.js +1 -0
  103. package/dist/cobalt/p-2d1cbd7f.entry.js +1 -0
  104. package/dist/cobalt/{p-4871690e.entry.js → p-373cd08e.entry.js} +1 -1
  105. package/dist/cobalt/{p-37595103.entry.js → p-3f06d373.entry.js} +1 -1
  106. package/dist/cobalt/p-3f68fd2e.entry.js +1 -0
  107. package/dist/cobalt/p-47a2dd67.entry.js +1 -0
  108. package/dist/cobalt/p-495c9b99.entry.js +1 -0
  109. package/dist/cobalt/p-4a075257.entry.js +1 -0
  110. package/dist/cobalt/{p-52de17da.entry.js → p-5647ca9d.entry.js} +1 -1
  111. package/dist/cobalt/{p-1a07c23c.entry.js → p-5b31d45b.entry.js} +1 -1
  112. package/dist/cobalt/{p-929e647f.entry.js → p-5c3101b5.entry.js} +1 -1
  113. package/dist/cobalt/{p-8d59f5ad.entry.js → p-5c43d30e.entry.js} +1 -1
  114. package/dist/cobalt/{p-4504f7b0.entry.js → p-5e9a9caf.entry.js} +1 -1
  115. package/dist/cobalt/p-5edd0d3f.entry.js +1 -0
  116. package/dist/cobalt/{p-12e2c2c4.entry.js → p-627d2d1a.entry.js} +1 -1
  117. package/dist/cobalt/p-6911a034.entry.js +1 -0
  118. package/dist/cobalt/{p-e53861e4.entry.js → p-6ad1625a.entry.js} +1 -1
  119. package/dist/cobalt/{p-f4063c41.entry.js → p-70f70e02.entry.js} +1 -1
  120. package/dist/cobalt/p-73b30ebb.entry.js +1 -0
  121. package/dist/cobalt/p-771bc8fe.entry.js +1 -0
  122. package/dist/cobalt/p-7780ddb5.entry.js +1 -0
  123. package/dist/cobalt/p-77d01b39.entry.js +1 -0
  124. package/dist/cobalt/p-7FZXeBK4.js +1 -0
  125. package/dist/cobalt/p-7a3fb93b.entry.js +1 -0
  126. package/dist/cobalt/{p-0bb55163.entry.js → p-809015dd.entry.js} +1 -1
  127. package/dist/cobalt/p-8128e84a.entry.js +1 -0
  128. package/dist/cobalt/p-81cfd951.entry.js +1 -0
  129. package/dist/cobalt/p-82ce1178.entry.js +1 -0
  130. package/dist/cobalt/p-85eed52c.entry.js +1 -0
  131. package/dist/cobalt/p-86d4e016.entry.js +1 -0
  132. package/dist/cobalt/{p-cb235aa7.entry.js → p-86e60cfa.entry.js} +1 -1
  133. package/dist/cobalt/p-8a9ed2da.entry.js +1 -0
  134. package/dist/cobalt/{p-8e1dc062.entry.js → p-8dfb6886.entry.js} +1 -1
  135. package/dist/cobalt/{p-2f86e1e0.entry.js → p-8e823c15.entry.js} +1 -1
  136. package/dist/cobalt/p-9a587867.entry.js +1 -0
  137. package/dist/cobalt/p-9c6ca902.entry.js +1 -0
  138. package/dist/cobalt/{p-279bf91c.entry.js → p-9c873a6a.entry.js} +1 -1
  139. package/dist/cobalt/{p-BZJ7NCm5.js → p-BAA4ln31.js} +1 -1
  140. package/dist/cobalt/{p-CegCk7FL.js → p-Bgxofdfb.js} +1 -1
  141. package/dist/cobalt/p-a6900010.entry.js +1 -0
  142. package/dist/cobalt/p-a9afbaa6.entry.js +1 -0
  143. package/dist/cobalt/{p-c10697e1.entry.js → p-aa20ffca.entry.js} +1 -1
  144. package/dist/cobalt/{p-3863ea91.entry.js → p-ac5df270.entry.js} +1 -1
  145. package/dist/cobalt/{p-b6f20268.entry.js → p-af4cb263.entry.js} +1 -1
  146. package/dist/cobalt/p-b1197c08.entry.js +1 -0
  147. package/dist/cobalt/{p-4c01d984.entry.js → p-b4bed98b.entry.js} +1 -1
  148. package/dist/cobalt/{p-58a53421.entry.js → p-b8ec0cc1.entry.js} +1 -1
  149. package/dist/cobalt/p-ba66584f.entry.js +1 -0
  150. package/dist/cobalt/p-bb534985.entry.js +1 -0
  151. package/dist/cobalt/{p-1531d3c9.entry.js → p-c0f39ddd.entry.js} +1 -1
  152. package/dist/cobalt/{p-51a53177.entry.js → p-c1e53e4c.entry.js} +1 -1
  153. package/dist/cobalt/p-c2e2eee9.entry.js +1 -0
  154. package/dist/cobalt/p-c3462def.entry.js +1 -0
  155. package/dist/cobalt/p-c6fedc59.entry.js +1 -0
  156. package/dist/cobalt/{p-6e808b3a.entry.js → p-c750b2d2.entry.js} +1 -1
  157. package/dist/cobalt/{p-70b14b05.entry.js → p-cc0a4617.entry.js} +1 -1
  158. package/dist/cobalt/{p-29be61a9.entry.js → p-cc8e2f16.entry.js} +1 -1
  159. package/dist/cobalt/{p-790d384e.entry.js → p-d9608046.entry.js} +1 -1
  160. package/dist/cobalt/{p-cfb36943.entry.js → p-e1957078.entry.js} +1 -1
  161. package/dist/cobalt/{p-8d7fdb9d.entry.js → p-e2762263.entry.js} +1 -1
  162. package/dist/cobalt/p-e33853fa.entry.js +1 -0
  163. package/dist/cobalt/p-e420d5c9.entry.js +1 -0
  164. package/dist/cobalt/{p-377c2ccc.entry.js → p-e4a539da.entry.js} +1 -1
  165. package/dist/cobalt/{p-d809bd44.entry.js → p-e7085f08.entry.js} +1 -1
  166. package/dist/cobalt/p-e710b9ea.entry.js +1 -0
  167. package/dist/cobalt/{p-eb18fdbf.entry.js → p-e9aaeaf7.entry.js} +1 -1
  168. package/dist/cobalt/{p-65af5017.entry.js → p-f073b467.entry.js} +1 -1
  169. package/dist/cobalt/p-f0de4415.entry.js +1 -0
  170. package/dist/cobalt/p-f36e461f.entry.js +1 -0
  171. package/dist/cobalt/p-f6ac5301.entry.js +1 -0
  172. package/dist/cobalt/{p-9a04ca90.entry.js → p-f6b0c4a0.entry.js} +1 -1
  173. package/dist/cobalt/p-f86ccb38.entry.js +1 -0
  174. package/dist/cobalt/{p-1f747e45.entry.js → p-fb251497.entry.js} +1 -1
  175. package/dist/cobalt/p-fd27c2bd.entry.js +1 -0
  176. package/dist/cobalt/p-tT-aZV0-.js +2 -0
  177. package/dist/collection/collection-manifest.json +9 -1
  178. package/dist/collection/components/co-accordion/co-accordion.css +20 -8
  179. package/dist/collection/components/co-accordion/co-accordion.js +5 -2
  180. package/dist/collection/components/co-app-shell/co-app-shell.js +2 -2
  181. package/dist/collection/components/co-autocomplete/co-autocomplete.css +4 -751
  182. package/dist/collection/components/co-autocomplete/co-autocomplete.js +41 -76
  183. package/dist/collection/components/co-avatar/co-avatar.js +27 -3
  184. package/dist/collection/components/co-avatar-group/co-avatar-group.js +2 -2
  185. package/dist/collection/components/co-badge/co-badge.js +1 -1
  186. package/dist/collection/components/co-bottom-sheet/co-bottom-sheet.js +3 -3
  187. package/dist/collection/components/co-breadcrumb/co-breadcrumb.css +6 -0
  188. package/dist/collection/components/co-breadcrumb/co-breadcrumb.js +111 -0
  189. package/dist/collection/components/co-breadcrumb-item/co-breadcrumb-item.css +66 -0
  190. package/dist/collection/components/co-breadcrumb-item/co-breadcrumb-item.js +169 -0
  191. package/dist/collection/components/co-button/co-button.css +23 -0
  192. package/dist/collection/components/co-button/co-button.js +48 -2
  193. package/dist/collection/components/co-button-group/co-button-group.js +2 -2
  194. package/dist/collection/components/co-calendar/co-calendar.css +12 -12
  195. package/dist/collection/components/co-calendar/co-calendar.js +1 -1
  196. package/dist/collection/components/co-calendar-month/co-calendar-month.js +1 -1
  197. package/dist/collection/components/co-card/co-card.js +2 -2
  198. package/dist/collection/components/co-checkbox/co-checkbox.css +63 -0
  199. package/dist/collection/components/co-checkbox/co-checkbox.js +58 -7
  200. package/dist/collection/components/co-checkbox-group/co-checkbox-group.js +3 -3
  201. package/dist/collection/components/co-chip/co-chip.css +56 -1
  202. package/dist/collection/components/co-chip/co-chip.js +52 -9
  203. package/dist/collection/components/co-color-picker/co-color-picker.js +2 -2
  204. package/dist/collection/components/co-column-picker/co-column-picker.js +2 -2
  205. package/dist/collection/components/co-combobox/co-combobox.css +6 -830
  206. package/dist/collection/components/co-combobox/co-combobox.js +73 -84
  207. package/dist/collection/components/co-command-search/co-command-search.css +2 -60
  208. package/dist/collection/components/co-command-search/co-command-search.js +23 -48
  209. package/dist/collection/components/co-data-table/co-data-table.css +47 -8
  210. package/dist/collection/components/co-data-table/co-data-table.js +199 -15
  211. package/dist/collection/components/co-data-table-pagination/co-data-table-pagination.js +4 -4
  212. package/dist/collection/components/co-date-field/co-date-field.css +4 -7
  213. package/dist/collection/components/co-date-field/co-date-field.js +4 -4
  214. package/dist/collection/components/co-date-range/co-date-range.js +1 -1
  215. package/dist/collection/components/co-date-range-picker/co-date-range-picker.css +9 -9
  216. package/dist/collection/components/co-drawer/co-drawer.css +63 -10
  217. package/dist/collection/components/co-drawer/co-drawer.js +60 -5
  218. package/dist/collection/components/co-drive-card/co-drive-card.css +285 -0
  219. package/dist/collection/components/co-drive-card/co-drive-card.js +329 -0
  220. package/dist/collection/components/co-drop-zone/co-drop-zone.css +49 -0
  221. package/dist/collection/components/co-drop-zone/co-drop-zone.js +197 -0
  222. package/dist/collection/components/co-empty-state/co-empty-state.css +39 -1
  223. package/dist/collection/components/co-empty-state/co-empty-state.js +72 -1
  224. package/dist/collection/components/co-event-calendar/co-event-calendar.js +2 -2
  225. package/dist/collection/components/co-fab/co-fab.css +8 -1
  226. package/dist/collection/components/co-fab/co-fab.js +24 -5
  227. package/dist/collection/components/co-file-field/co-file-field.js +5 -5
  228. package/dist/collection/components/co-file-type-tile/co-file-type-tile.css +14 -0
  229. package/dist/collection/components/co-file-type-tile/co-file-type-tile.js +164 -0
  230. package/dist/collection/components/co-helper-text/co-helper-text.js +2 -2
  231. package/dist/collection/components/co-icon/co-icon.js +2 -2
  232. package/dist/collection/components/co-icon-button/co-icon-button.css +11 -4
  233. package/dist/collection/components/co-icon-button/co-icon-button.js +80 -25
  234. package/dist/collection/components/co-input/co-input.css +67 -6
  235. package/dist/collection/components/co-input/co-input.js +54 -5
  236. package/dist/collection/components/co-json-field/co-json-field.js +3 -3
  237. package/dist/collection/components/co-lightbox/co-lightbox.css +2 -2
  238. package/dist/collection/components/co-lightbox/co-lightbox.js +4 -4
  239. package/dist/collection/components/co-list-footer/co-list-footer.js +1 -1
  240. package/dist/collection/components/co-list-item/co-list-item.js +4 -4
  241. package/dist/collection/components/co-media-thumb/co-media-thumb.css +43 -0
  242. package/dist/collection/components/co-media-thumb/co-media-thumb.js +148 -0
  243. package/dist/collection/components/co-menu/co-menu.css +6 -4
  244. package/dist/collection/components/co-menu/co-menu.js +20 -1
  245. package/dist/collection/components/co-menu-divider/co-menu-divider.js +1 -1
  246. package/dist/collection/components/co-menu-item/co-menu-item.css +27 -9
  247. package/dist/collection/components/co-menu-item/co-menu-item.js +69 -2
  248. package/dist/collection/components/co-modal/co-modal.css +17 -0
  249. package/dist/collection/components/co-modal/co-modal.js +59 -6
  250. package/dist/collection/components/co-navbar/co-navbar.js +2 -2
  251. package/dist/collection/components/co-number-field/co-number-field.css +10 -11
  252. package/dist/collection/components/co-number-field/co-number-field.js +2 -2
  253. package/dist/collection/components/co-option-list/co-option-list.css +966 -0
  254. package/dist/collection/components/co-option-list/co-option-list.js +899 -0
  255. package/dist/collection/components/co-option-list/optionListLogic.js +100 -0
  256. package/dist/collection/components/co-overlay/co-overlay.js +1 -1
  257. package/dist/collection/components/co-page-header/co-page-header.js +1 -1
  258. package/dist/collection/components/co-phone-field/co-phone-field.css +4 -7
  259. package/dist/collection/components/co-phone-field/co-phone-field.js +1 -1
  260. package/dist/collection/components/co-popover/co-popover.js +11 -2
  261. package/dist/collection/components/co-progress-bar/co-progress-bar.css +1 -1
  262. package/dist/collection/components/co-progress-bar/co-progress-bar.js +2 -2
  263. package/dist/collection/components/co-progress-circle/co-progress-circle.js +2 -2
  264. package/dist/collection/components/co-radio/co-radio.js +3 -3
  265. package/dist/collection/components/co-radio-group/co-radio-group.js +3 -3
  266. package/dist/collection/components/co-rating/co-rating.js +3 -3
  267. package/dist/collection/components/co-ref-field/co-ref-field.css +6 -897
  268. package/dist/collection/components/co-ref-field/co-ref-field.js +0 -0
  269. package/dist/collection/components/co-rich-text-editor/co-rich-text-editor.css +1 -1
  270. package/dist/collection/components/co-rich-text-editor/co-rich-text-editor.js +2 -2
  271. package/dist/collection/components/co-row/co-row.js +2 -2
  272. package/dist/collection/components/co-segmented-bar/co-segmented-bar.css +36 -0
  273. package/dist/collection/components/co-segmented-bar/co-segmented-bar.js +176 -0
  274. package/dist/collection/components/co-select/co-select.css +4 -7
  275. package/dist/collection/components/co-select/co-select.js +4 -4
  276. package/dist/collection/components/co-separator/co-separator.js +1 -1
  277. package/dist/collection/components/co-sidebar/co-sidebar.js +2 -2
  278. package/dist/collection/components/co-sidebar-nav/co-sidebar-nav.css +8 -6
  279. package/dist/collection/components/co-sidebar-nav/co-sidebar-nav.js +8 -6
  280. package/dist/collection/components/co-skeleton/co-skeleton.js +1 -1
  281. package/dist/collection/components/co-slider/co-slider.js +2 -2
  282. package/dist/collection/components/co-switch/co-switch.css +3 -1
  283. package/dist/collection/components/co-switch/co-switch.js +3 -3
  284. package/dist/collection/components/co-tab/co-tab.css +93 -7
  285. package/dist/collection/components/co-tab/co-tab.js +45 -3
  286. package/dist/collection/components/co-tab-group/co-tab-group.css +19 -0
  287. package/dist/collection/components/co-tab-group/co-tab-group.js +41 -1
  288. package/dist/collection/components/co-tags-field/co-tags-field.js +5 -5
  289. package/dist/collection/components/co-textarea/co-textarea.js +4 -4
  290. package/dist/collection/components/co-toast/co-toast.css +56 -2
  291. package/dist/collection/components/co-toast/co-toast.js +27 -2
  292. package/dist/collection/components/co-toggle-button/co-toggle-button.css +38 -0
  293. package/dist/collection/components/co-toggle-button/co-toggle-button.js +46 -3
  294. package/dist/collection/components/co-toggle-button-group/co-toggle-button-group.css +16 -0
  295. package/dist/collection/components/co-toggle-button-group/co-toggle-button-group.js +34 -2
  296. package/dist/collection/components/co-tooltip/co-tooltip.js +2 -2
  297. package/dist/collection/components/co-transfer-list/co-transfer-list.js +2 -2
  298. package/dist/collection/components/co-video/co-video.css +2 -2
  299. package/dist/collection/components/co-video/co-video.js +2 -2
  300. package/dist/components/co-accordion.js +1 -1
  301. package/dist/components/co-app-shell.js +1 -1
  302. package/dist/components/co-autocomplete.js +1 -1
  303. package/dist/components/co-avatar-group.js +1 -1
  304. package/dist/components/co-avatar.js +1 -1
  305. package/dist/components/co-badge.js +1 -1
  306. package/dist/components/co-bottom-sheet.js +1 -1
  307. package/dist/components/co-breadcrumb-item.d.ts +11 -0
  308. package/dist/components/co-breadcrumb-item.js +1 -0
  309. package/dist/components/co-breadcrumb.d.ts +11 -0
  310. package/dist/components/co-breadcrumb.js +1 -0
  311. package/dist/components/co-button-group.js +1 -1
  312. package/dist/components/co-button.js +1 -1
  313. package/dist/components/co-calendar-month.js +1 -1
  314. package/dist/components/co-calendar.js +1 -1
  315. package/dist/components/co-card.js +1 -1
  316. package/dist/components/co-checkbox-group.js +1 -1
  317. package/dist/components/co-checkbox.js +1 -1
  318. package/dist/components/co-chip.js +1 -1
  319. package/dist/components/co-color-picker.js +1 -1
  320. package/dist/components/co-column-picker.js +1 -1
  321. package/dist/components/co-combobox.js +1 -1
  322. package/dist/components/co-command-search.js +1 -1
  323. package/dist/components/co-data-table-pagination.js +1 -1
  324. package/dist/components/co-data-table.js +1 -1
  325. package/dist/components/co-date-field.js +1 -1
  326. package/dist/components/co-date-picker.js +1 -1
  327. package/dist/components/co-date-range-picker.js +1 -1
  328. package/dist/components/co-date-range.js +1 -1
  329. package/dist/components/co-drawer.js +1 -1
  330. package/dist/components/co-drive-card.d.ts +11 -0
  331. package/dist/components/co-drive-card.js +1 -0
  332. package/dist/components/co-drop-zone.d.ts +11 -0
  333. package/dist/components/co-drop-zone.js +1 -0
  334. package/dist/components/co-empty-state.js +1 -1
  335. package/dist/components/co-event-calendar.js +1 -1
  336. package/dist/components/co-fab.js +1 -1
  337. package/dist/components/co-file-field.js +1 -1
  338. package/dist/components/co-file-type-tile.d.ts +11 -0
  339. package/dist/components/co-file-type-tile.js +1 -0
  340. package/dist/components/co-helper-text.js +1 -1
  341. package/dist/components/co-icon-button.js +1 -1
  342. package/dist/components/co-icon.js +1 -1
  343. package/dist/components/co-input.js +1 -1
  344. package/dist/components/co-json-field.js +1 -1
  345. package/dist/components/co-lightbox.js +1 -1
  346. package/dist/components/co-list-footer.js +1 -1
  347. package/dist/components/co-list-item.js +1 -1
  348. package/dist/components/co-media-thumb.d.ts +11 -0
  349. package/dist/components/co-media-thumb.js +1 -0
  350. package/dist/components/co-menu-divider.js +1 -1
  351. package/dist/components/co-menu-item.js +1 -1
  352. package/dist/components/co-menu.js +1 -1
  353. package/dist/components/co-modal.js +1 -1
  354. package/dist/components/co-navbar.js +1 -1
  355. package/dist/components/co-number-field.js +1 -1
  356. package/dist/components/co-option-list.d.ts +11 -0
  357. package/dist/components/co-option-list.js +1 -0
  358. package/dist/components/co-overlay.js +1 -1
  359. package/dist/components/co-page-header.js +1 -1
  360. package/dist/components/co-phone-field.js +1 -1
  361. package/dist/components/co-popover.js +1 -1
  362. package/dist/components/co-progress-bar.js +1 -1
  363. package/dist/components/co-progress-circle.js +1 -1
  364. package/dist/components/co-radio-group.js +1 -1
  365. package/dist/components/co-radio.js +1 -1
  366. package/dist/components/co-rating.js +1 -1
  367. package/dist/components/co-ref-field.js +1 -1
  368. package/dist/components/co-rich-text-editor.js +1 -1
  369. package/dist/components/co-rich-text-toolbar.js +1 -1
  370. package/dist/components/co-rich-text-viewer.js +1 -1
  371. package/dist/components/co-row.js +1 -1
  372. package/dist/components/co-segmented-bar.d.ts +11 -0
  373. package/dist/components/co-segmented-bar.js +1 -0
  374. package/dist/components/co-select.js +1 -1
  375. package/dist/components/co-separator.js +1 -1
  376. package/dist/components/co-sidebar-nav.js +1 -1
  377. package/dist/components/co-sidebar.js +1 -1
  378. package/dist/components/co-skeleton.js +1 -1
  379. package/dist/components/co-slider.js +1 -1
  380. package/dist/components/co-switch.js +1 -1
  381. package/dist/components/co-tab-group.js +1 -1
  382. package/dist/components/co-tab.js +1 -1
  383. package/dist/components/co-tags-field.js +1 -1
  384. package/dist/components/co-textarea.js +1 -1
  385. package/dist/components/co-toast.js +1 -1
  386. package/dist/components/co-toggle-button-group.js +1 -1
  387. package/dist/components/co-toggle-button.js +1 -1
  388. package/dist/components/co-tooltip.js +1 -1
  389. package/dist/components/co-transfer-list.js +1 -1
  390. package/dist/components/co-video.js +1 -1
  391. package/dist/components/index.js +1 -1
  392. package/dist/components/p-BHqdcGDh.js +1 -0
  393. package/dist/components/{p-D3Y_ti3Q.js → p-BJTMFYax.js} +1 -1
  394. package/dist/components/p-Ba5lW0pA.js +1 -0
  395. package/dist/components/{p-CegCk7FL.js → p-Bgxofdfb.js} +1 -1
  396. package/dist/components/{p-BB2OaYKF.js → p-CNIs9j-h.js} +1 -1
  397. package/dist/components/{p-DeZxp9vb.js → p-COb8X_fE.js} +1 -1
  398. package/dist/components/{p-BFeE_fiq.js → p-Cam92sWP.js} +1 -1
  399. package/dist/components/p-CmCsm4L-.js +1 -0
  400. package/dist/components/p-D3ts7oo9.js +1 -0
  401. package/dist/components/{p-BNKz39GA.js → p-D4SOCy8I.js} +1 -1
  402. package/dist/components/{p-DKh8ZK4U.js → p-Dh-h40mY.js} +1 -1
  403. package/dist/components/p-DrQh1Cb8.js +1 -0
  404. package/dist/components/p-DvL2TcDG.js +1 -0
  405. package/dist/components/{p-C_ULDaks.js → p-OKwHt2i9.js} +1 -1
  406. package/dist/components/p-QWi9AmnD.js +1 -0
  407. package/dist/components/p-Xwo2HQmt.js +1 -0
  408. package/dist/components/p-_k-j03K-.js +1 -0
  409. package/dist/components/{p-B7vGYFbO.js → p-eSq2ze8W.js} +1 -1
  410. package/dist/components/p-ivjj-BP8.js +1 -0
  411. package/dist/components/{p-DxCFMMfY.js → p-lus32JrB.js} +1 -1
  412. package/dist/esm/co-accordion.entry.js +4 -4
  413. package/dist/esm/co-app-shell.entry.js +3 -3
  414. package/dist/esm/co-autocomplete.entry.js +38 -73
  415. package/dist/esm/co-avatar-group.entry.js +3 -3
  416. package/dist/esm/co-avatar.entry.js +9 -4
  417. package/dist/esm/co-badge.entry.js +2 -2
  418. package/dist/esm/co-bottom-sheet.entry.js +4 -4
  419. package/dist/esm/co-breadcrumb-item.entry.js +35 -0
  420. package/dist/esm/co-breadcrumb.entry.js +53 -0
  421. package/dist/esm/co-button-group.entry.js +3 -3
  422. package/dist/esm/co-button.entry.js +10 -4
  423. package/dist/esm/co-calendar-month.entry.js +2 -2
  424. package/dist/esm/co-calendar_3.entry.js +50 -15
  425. package/dist/esm/co-card.entry.js +3 -3
  426. package/dist/esm/co-checkbox-group.entry.js +4 -4
  427. package/dist/esm/co-checkbox.entry.js +18 -6
  428. package/dist/esm/co-chip_2.entry.js +482 -0
  429. package/dist/esm/co-color-picker.entry.js +4 -4
  430. package/dist/esm/co-column-picker.entry.js +3 -3
  431. package/dist/esm/co-combobox.entry.js +52 -83
  432. package/dist/esm/co-command-search.entry.js +21 -60
  433. package/dist/esm/co-data-table-pagination.entry.js +5 -5
  434. package/dist/esm/co-data-table.entry.js +73 -17
  435. package/dist/esm/co-date-picker.entry.js +2 -2
  436. package/dist/esm/co-date-range-picker.entry.js +3 -3
  437. package/dist/esm/co-date-range.entry.js +2 -2
  438. package/dist/esm/co-drive-card.entry.js +79 -0
  439. package/dist/esm/co-drop-zone.entry.js +61 -0
  440. package/dist/esm/co-empty-state.entry.js +13 -3
  441. package/dist/esm/co-event-calendar.entry.js +3 -3
  442. package/dist/esm/co-fab.entry.js +5 -5
  443. package/dist/esm/co-file-field.entry.js +7 -7
  444. package/dist/esm/co-file-type-tile.entry.js +76 -0
  445. package/dist/esm/co-helper-text.entry.js +3 -3
  446. package/dist/esm/co-icon-button.entry.js +23 -7
  447. package/dist/esm/co-icon.entry.js +3 -3
  448. package/dist/esm/co-input.entry.js +36 -7
  449. package/dist/esm/co-json-field.entry.js +5 -5
  450. package/dist/esm/co-lightbox.entry.js +6 -6
  451. package/dist/esm/co-list-footer.entry.js +2 -2
  452. package/dist/esm/co-list-item.entry.js +5 -5
  453. package/dist/esm/co-loader.entry.js +32 -0
  454. package/dist/esm/co-media-thumb.entry.js +34 -0
  455. package/dist/esm/co-menu-divider.entry.js +2 -2
  456. package/dist/esm/co-menu-item.entry.js +11 -3
  457. package/dist/esm/co-menu.entry.js +3 -3
  458. package/dist/esm/co-modal.entry.js +29 -5
  459. package/dist/esm/co-navbar.entry.js +3 -3
  460. package/dist/esm/co-number-field.entry.js +5 -5
  461. package/dist/esm/{co-loader_2.entry.js → co-overlay.entry.js} +3 -32
  462. package/dist/esm/co-page-header.entry.js +2 -2
  463. package/dist/esm/co-phone-field.entry.js +4 -4
  464. package/dist/esm/co-popover.entry.js +12 -3
  465. package/dist/esm/co-progress-bar.entry.js +4 -4
  466. package/dist/esm/co-progress-circle.entry.js +3 -3
  467. package/dist/esm/co-radio-group.entry.js +4 -4
  468. package/dist/esm/co-radio.entry.js +4 -4
  469. package/dist/esm/co-rating.entry.js +4 -4
  470. package/dist/esm/co-ref-field.entry.js +31 -135
  471. package/dist/esm/co-rich-text-editor.entry.js +5 -5
  472. package/dist/esm/co-rich-text-toolbar.entry.js +1 -1
  473. package/dist/esm/co-rich-text-viewer.entry.js +2 -2
  474. package/dist/esm/co-row.entry.js +3 -3
  475. package/dist/esm/co-segmented-bar.entry.js +56 -0
  476. package/dist/esm/co-select.entry.js +7 -7
  477. package/dist/esm/co-separator.entry.js +2 -2
  478. package/dist/esm/co-sidebar-nav.entry.js +10 -8
  479. package/dist/esm/co-sidebar.entry.js +3 -3
  480. package/dist/esm/co-skeleton.entry.js +2 -2
  481. package/dist/esm/co-slider.entry.js +3 -3
  482. package/dist/esm/co-switch.entry.js +6 -6
  483. package/dist/esm/co-tab-group.entry.js +21 -3
  484. package/dist/esm/co-tab.entry.js +8 -5
  485. package/dist/esm/co-tags-field.entry.js +8 -8
  486. package/dist/esm/co-textarea.entry.js +6 -6
  487. package/dist/esm/co-toast.entry.js +10 -4
  488. package/dist/esm/co-toggle-button-group.entry.js +16 -4
  489. package/dist/esm/co-toggle-button.entry.js +9 -5
  490. package/dist/esm/co-tooltip.entry.js +3 -3
  491. package/dist/esm/co-transfer-list.entry.js +3 -3
  492. package/dist/esm/co-video.entry.js +4 -4
  493. package/dist/esm/cobalt.js +3 -3
  494. package/dist/esm/{fieldChip-GPikjpYw.js → fieldChip-ChXW__C5.js} +1 -1
  495. package/dist/esm/{index-w_Wxgclf.js → index-Cyrxk8Qq.js} +64 -11
  496. package/dist/esm/{index-CYsftTKf.js → index-tT-aZV0-.js} +69 -13
  497. package/dist/esm/loader.js +3 -3
  498. package/dist/esm/{requiredMark-CEbXKHcU.js → requiredMark-C7-_2UhB.js} +1 -1
  499. package/dist/types/components/co-accordion/co-accordion.d.ts +3 -0
  500. package/dist/types/components/co-autocomplete/co-autocomplete.d.ts +12 -14
  501. package/dist/types/components/co-avatar/co-avatar.d.ts +2 -0
  502. package/dist/types/components/co-breadcrumb/co-breadcrumb.d.ts +27 -0
  503. package/dist/types/components/co-breadcrumb-item/co-breadcrumb-item.d.ts +33 -0
  504. package/dist/types/components/co-button/co-button.d.ts +4 -0
  505. package/dist/types/components/co-checkbox/co-checkbox.d.ts +10 -2
  506. package/dist/types/components/co-chip/co-chip.d.ts +15 -3
  507. package/dist/types/components/co-combobox/co-combobox.d.ts +29 -15
  508. package/dist/types/components/co-command-search/co-command-search.d.ts +13 -5
  509. package/dist/types/components/co-command-search/commandSearchLogic.d.ts +1 -1
  510. package/dist/types/components/co-data-table/co-data-table.d.ts +35 -1
  511. package/dist/types/components/co-drawer/co-drawer.d.ts +12 -0
  512. package/dist/types/components/co-drive-card/co-drive-card.d.ts +52 -0
  513. package/dist/types/components/co-drop-zone/co-drop-zone.d.ts +38 -0
  514. package/dist/types/components/co-empty-state/co-empty-state.d.ts +6 -0
  515. package/dist/types/components/co-fab/co-fab.d.ts +3 -1
  516. package/dist/types/components/co-file-type-tile/co-file-type-tile.d.ts +11 -0
  517. package/dist/types/components/co-icon-button/co-icon-button.d.ts +18 -3
  518. package/dist/types/components/co-input/co-input.d.ts +13 -1
  519. package/dist/types/components/co-media-thumb/co-media-thumb.d.ts +21 -0
  520. package/dist/types/components/co-menu/co-menu.d.ts +4 -0
  521. package/dist/types/components/co-menu-item/co-menu-item.d.ts +10 -1
  522. package/dist/types/components/co-modal/co-modal.d.ts +20 -2
  523. package/dist/types/components/co-option-list/co-option-list.d.ts +105 -0
  524. package/dist/types/components/co-option-list/optionListLogic.d.ts +69 -0
  525. package/dist/types/components/co-popover/co-popover.d.ts +1 -0
  526. package/dist/types/components/co-ref-field/co-ref-field.d.ts +8 -30
  527. package/dist/types/components/co-segmented-bar/co-segmented-bar.d.ts +32 -0
  528. package/dist/types/components/co-sidebar-nav/co-sidebar-nav.d.ts +2 -0
  529. package/dist/types/components/co-tab/co-tab.d.ts +4 -0
  530. package/dist/types/components/co-tab-group/co-tab-group.d.ts +7 -0
  531. package/dist/types/components/co-toast/co-toast.d.ts +7 -0
  532. package/dist/types/components/co-toggle-button/co-toggle-button.d.ts +6 -0
  533. package/dist/types/components/co-toggle-button-group/co-toggle-button-group.d.ts +5 -0
  534. package/dist/types/components.d.ts +1451 -82
  535. package/package.json +3 -3
  536. package/dist/cjs/co-chip.cjs.entry.js +0 -86
  537. package/dist/cobalt/p-0a506c9d.entry.js +0 -1
  538. package/dist/cobalt/p-0e8c0d87.entry.js +0 -1
  539. package/dist/cobalt/p-136ad468.entry.js +0 -1
  540. package/dist/cobalt/p-14b59277.entry.js +0 -1
  541. package/dist/cobalt/p-1774d211.entry.js +0 -1
  542. package/dist/cobalt/p-180e1106.entry.js +0 -1
  543. package/dist/cobalt/p-1dc9c49e.entry.js +0 -1
  544. package/dist/cobalt/p-201eaf35.entry.js +0 -1
  545. package/dist/cobalt/p-260101ab.entry.js +0 -1
  546. package/dist/cobalt/p-2d2ce434.entry.js +0 -1
  547. package/dist/cobalt/p-3a257cb0.entry.js +0 -1
  548. package/dist/cobalt/p-3e187456.entry.js +0 -1
  549. package/dist/cobalt/p-4431faac.entry.js +0 -1
  550. package/dist/cobalt/p-456fa86f.entry.js +0 -1
  551. package/dist/cobalt/p-5890e4d1.entry.js +0 -1
  552. package/dist/cobalt/p-62274eba.entry.js +0 -1
  553. package/dist/cobalt/p-635b03d5.entry.js +0 -1
  554. package/dist/cobalt/p-64ddee92.entry.js +0 -1
  555. package/dist/cobalt/p-69d4c0c8.entry.js +0 -1
  556. package/dist/cobalt/p-6c480916.entry.js +0 -1
  557. package/dist/cobalt/p-8012e152.entry.js +0 -1
  558. package/dist/cobalt/p-80b27203.entry.js +0 -1
  559. package/dist/cobalt/p-867c1465.entry.js +0 -1
  560. package/dist/cobalt/p-86a143d7.entry.js +0 -1
  561. package/dist/cobalt/p-8dc1dab8.entry.js +0 -1
  562. package/dist/cobalt/p-92bd9b29.entry.js +0 -1
  563. package/dist/cobalt/p-98ab5f3f.entry.js +0 -1
  564. package/dist/cobalt/p-9a088515.entry.js +0 -1
  565. package/dist/cobalt/p-9abbd436.entry.js +0 -1
  566. package/dist/cobalt/p-9d69c067.entry.js +0 -1
  567. package/dist/cobalt/p-CYsftTKf.js +0 -2
  568. package/dist/cobalt/p-c4f59532.entry.js +0 -1
  569. package/dist/cobalt/p-e54dd404.entry.js +0 -1
  570. package/dist/cobalt/p-eb73052a.entry.js +0 -1
  571. package/dist/cobalt/p-oImf-7fN.js +0 -1
  572. package/dist/collection/components/co-command-search/commandSearchGroup.js +0 -17
  573. package/dist/components/p-Ba4v1NXo.js +0 -1
  574. package/dist/components/p-EPZfLt5l.js +0 -1
  575. package/dist/components/p-FMnqPWcM.js +0 -1
  576. package/dist/components/p-Hzh9U2cM.js +0 -1
  577. package/dist/components/p-WZ06pT2Y.js +0 -1
  578. package/dist/components/p-tloAgDin.js +0 -1
  579. package/dist/esm/co-chip.entry.js +0 -84
  580. package/dist/types/components/co-command-search/commandSearchGroup.d.ts +0 -20
@@ -1 +1 @@
1
- import{r as e,c as i,h as t,a as s}from"./p-CYsftTKf.js";import{R as a}from"./p-oImf-7fN.js";import{F as o}from"./p-BZJ7NCm5.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,s)=>s!==e&&t===i)))return void this.commit(t.filter(((i,t)=>t!==e)));const s=[...t];s[e]=i,this.commit(s)}cancelEdit(){this.editingIndex=null,this.editingDraft=""}render(){const e=this.tags,i=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly,s=this.isInvalid?this.errorMessage:this.helperText,r=!this.readonly&&!this.atCapacity;return t("div",{key:"1cef49a116560d7dbb9bf8d188fdc96361a57eb2",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:"a4b799bdb15d8a64d86e9b3f367da4eb080a513a",class:"co-tags-field__labels"},t("label",{key:"09b17b8888f9ab34ae6e52d6149f2234bab29cad",class:"co-tags-field__label",part:"label"},this.label,t(a,{key:"2e629eb73a4b76d7484f506edf26de88b13082b3",required:this.required}))),t("div",{key:"d0f285b57c0d0dec34f5c62889c09eeb1b85d7f0",class:"co-tags-field__field-row"},t("div",{key:"244270d7af8d9a615fa4e294d52986e470c71882",class:"co-tags-field__field",part:"field",onClick:this.handleFieldClick},t("div",{key:"434c8fe594082e57a1bc84c83467041f9070cc8b",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:"2b425cbf2761cac6eb63bd9e6b27e5dcc082dc69",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:"a972a27e6b26d585e66a1d400e8af1da4571d12d",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:"7d7286ed2c13129e40dd18e205626615d0b94022",name:"x-circle",size:16,weight:"fill"})))),this.name&&t("input",{key:"d1538321cd3e330a54978424ec165fe8b9a533e4",type:"hidden",name:this.name,value:JSON.stringify(e)}),s&&t("div",{key:"e74d2fcbe0c8355cb66becbe526d974f524acdfa",class:{"co-tags-field__helper":!0,"co-tags-field__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&t("co-icon",{key:"17642154cb83071f07819f98dccd866066d0eae1",name:"warning-circle",size:14,class:"co-tags-field__helper-icon"}),t("span",{key:"1cf60e4b7f9eed91aacdb0ab4044b20a2971d57d",class:"co-tags-field__helper-text"},s)))}get el(){return s(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-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-xs) var(--co-spacing-md);background:color-mix(in srgb, var(--co-semantic-surface-secondary) 55%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);transition:border-color 0.15s ease, box-shadow 0.15s ease;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:28px;padding:var(--co-spacing-xxs) 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--s .co-tags-field__input-wrapper,.co-tags-field--sm .co-tags-field__input-wrapper{min-height:0;padding:0}.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 0.1s ease;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-primary);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 0.15s ease}.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-status-error)}.co-tags-field--invalid.co-tags-field--focused .co-tags-field__field{border-color:var(--co-semantic-status-error);box-shadow:0 0 0 2px rgba(170, 46, 27, 0.12)}.co-tags-field__helper--error .co-tags-field__helper-icon,.co-tags-field__helper--error .co-tags-field__helper-text{color: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}@supports not (background: color-mix(in srgb, red, transparent)){.co-tags-field__field{background:var(--co-semantic-surface-secondary)}}";export{r as co_tags_field}
1
+ import{r as e,c as i,h as t,a as s}from"./p-tT-aZV0-.js";import{R as a}from"./p-7FZXeBK4.js";import{F as o}from"./p-BAA4ln31.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,s)=>s!==e&&t===i)))return void this.commit(t.filter(((i,t)=>t!==e)));const s=[...t];s[e]=i,this.commit(s)}cancelEdit(){this.editingIndex=null,this.editingDraft=""}render(){const e=this.tags,i=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly,s=this.isInvalid?this.errorMessage:this.helperText,r=!this.readonly&&!this.atCapacity;return t("div",{key:"45bafe056e1e22295fca85e4117688b3689f6531",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:"74f22995661cc3617ec781c002e9dd0d14be1d08",class:"co-tags-field__labels"},t("label",{key:"90d1e9356d0e2e308b74be32fc508dcfd0d1049c",class:"co-tags-field__label",part:"label"},this.label,t(a,{key:"0cdef38368b8770ccf6f202f947a9b8797a0de2d",required:this.required}))),t("div",{key:"9be586d54135a42590ccd1114aa0024fb0a4cb89",class:"co-tags-field__field-row"},t("div",{key:"61024e618e9140aa6e8ca14dc9b0d26dcf0192ed",class:"co-tags-field__field",part:"field",onClick:this.handleFieldClick},t("div",{key:"bcac0080c15699779e844632f52969ed3b97e669",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:"a72e551df5531ccbc08db60c9f2c87dfd4d4b554",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:"c18186dba9f0f07db60885885734fb924c8deeb5",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:"6831ec45b34a29da992291838bcd21bec82f9bc3",name:"x-circle",size:16,weight:"fill"})))),this.name&&t("input",{key:"ec43dc82ad02fe07a7dde183355c824275d64c7e",type:"hidden",name:this.name,value:JSON.stringify(e)}),s&&t("div",{key:"8d1a219b0536746e0d57a31b9124f203872e9360",class:{"co-tags-field__helper":!0,"co-tags-field__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&t("co-icon",{key:"ceb06b309d8614eefaa81fd92a028e6fb69c8302",name:"warning-circle",size:14,class:"co-tags-field__helper-icon"}),t("span",{key:"96134b037eb376bc20aab31b627b8cf579f76f8f",class:"co-tags-field__helper-text"},s)))}get el(){return s(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-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-xs) var(--co-spacing-md);background:color-mix(in srgb, var(--co-semantic-surface-secondary) 55%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);transition:border-color 0.15s ease, box-shadow 0.15s ease;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:28px;padding:var(--co-spacing-xxs) 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--s .co-tags-field__input-wrapper,.co-tags-field--sm .co-tags-field__input-wrapper{min-height:0;padding:0}.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 0.1s ease;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-primary);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 0.15s ease}.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-status-error)}.co-tags-field--invalid.co-tags-field--focused .co-tags-field__field{border-color:var(--co-semantic-status-error);box-shadow:0 0 0 2px rgba(170, 46, 27, 0.12)}.co-tags-field__helper--error .co-tags-field__helper-icon,.co-tags-field__helper--error .co-tags-field__helper-text{color: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}@supports not (background: color-mix(in srgb, red, transparent)){.co-tags-field__field{background:var(--co-semantic-surface-secondary)}}";export{r as co_tags_field}
@@ -1 +1 @@
1
- import{r as o,c as r,h as e,a as c}from"./p-CYsftTKf.js";import{R as a}from"./p-oImf-7fN.js";const i=[{name:"Green",value:"#02A270"},{name:"Yellow",value:"#FDBF00"},{name:"Blue",value:"#2563EB"},{name:"Pink",value:"#F32A73"},{name:"Red",value:"#EB1E1E"},{name:"Orange",value:"#F0821E"},{name:"Teal",value:"#00AFAF"},{name:"Light blue",value:"#00BEE6"},{name:"Electric blue",value:"#000AFF"},{name:"Violet",value:"#5F4BD7"},{name:"Burgundy",value:"#811137"},{name:"Olive",value:"#AAB43C"}],t=class{constructor(e){o(this,e),this.coChange=r(this,"coChange",7),this.value="",this.placeholder="Select color",this.disabled=!1,this.required=!1,this.status="default",this.layout="vertical",this.size="md",this.presets="",this.isOpen=!1,this.copied=!1,this.handlePopoverOpen=()=>{this.isOpen=!0},this.handlePopoverClose=()=>{this.isOpen=!1}}get parsedPresets(){if(Array.isArray(this.presets))return this.presets.map((o=>"string"==typeof o?{name:o,value:o}:o));if("string"==typeof this.presets&&this.presets.trim())try{const o=JSON.parse(this.presets);if(Array.isArray(o))return o.map((o=>"string"==typeof o?{name:o,value:o}:o))}catch(o){}return i}handleSwatchClick(o){this.value=o,this.coChange.emit(o),this.isOpen=!1}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning"}[this.status]||null}async handleCopy(){if(this.value)try{await navigator.clipboard.writeText(this.value),this.copied=!0,setTimeout((()=>{this.copied=!1}),1500)}catch(o){}}render(){const o=this.parsedPresets,r=!!this.value;return e("div",{key:"5685ea2ba18f9f2bf1529cfcad5aee9dce529a76",class:`co-color-picker co-color-picker--${this.size} ${"default"!==this.status?`co-color-picker--${this.status}`:""} ${this.isOpen?"co-color-picker--open":""} ${this.disabled?"co-color-picker--disabled":""}`},this.label&&e("label",{key:"22c1c3fae1990c3375772d520efb752b13b841c8",class:"co-color-picker__label"},this.label,e(a,{key:"d91a7a773586595b9ca203ea904b2eb7699414bb",required:this.required})),e("co-popover",{key:"2d245e3b5735ed5dfdc4dd43479930e9fdb6f76f",open:this.isOpen,placement:"bottom-start",matchWidth:!0,offset:4,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},e("div",{key:"1a75d6f5c28fe1d00b21584a31ec91915aebcbe7",slot:"trigger",class:"co-color-picker__trigger"},e("span",{key:"f015db7975d7fcffdbbd20a7b88dba44f104eccb",class:"co-color-picker__swatch",style:{background:r?this.value:"transparent"}}),e("span",{key:"4842f2556ad37910f414bc253fafc1f8f2c81361",class:"co-color-picker__value "+(r?"":"co-color-picker__value--empty")},r?this.value:this.placeholder)),this.isOpen&&e("div",{key:"c34ec92aaf66b01f3566f8f8106419dfc87aefa5",class:"co-color-picker__panel"},e("div",{key:"3b904bca6d819e6f273ebf418f7f5495e36d31f8",class:"co-color-picker__grid"},o.map((o=>{var r;return e("button",{type:"button",key:o.value,class:"co-color-picker__grid-item "+(o.value.toUpperCase()===(null===(r=this.value)||void 0===r?void 0:r.toUpperCase())?"co-color-picker__grid-item--selected":""),style:{background:o.value},title:o.name,onClick:()=>this.handleSwatchClick(o.value)})}))),r&&e("div",{key:"0aebb34354565e53e1364ef66bb7750decc2ae77",class:"co-color-picker__hex-row"},e("span",{key:"b959d588d52fe4546ebcb374a0d5129dfb37cd2f",class:"co-color-picker__hex-prefix"},"#"),e("span",{key:"11ef3b1879fefe31d64c18e26eaa349679135c0c",class:"co-color-picker__hex-value"},this.value.replace(/^#/,"")),e("button",{key:"be63f7214a57d370c62c2edf5f3072cdaf39da10",type:"button",class:"co-color-picker__copy-btn "+(this.copied?"co-color-picker__copy-btn--copied":""),title:"Copy",onClick:()=>this.handleCopy()},e("co-icon",{key:"a8b5e746c2ad6116e700ffbb8082c4d3f02b8ff8",name:this.copied?"check":"copy",size:16}))))),this.helperText&&e("div",{key:"584a9507206c54a75f266edf227a88543114a94c",class:"co-color-picker__helper"},this.statusIcon&&e("co-icon",{key:"0b58cacf5ab2da011e3a6c98ffc1f8ac04dd9819",name:this.statusIcon,size:14,weight:"fill",class:"co-color-picker__helper-icon"}),e("span",{key:"96f2fafb678ba77c8aabb8bd979b6676eb4ac634",class:"co-color-picker__helper-text"},this.helperText)))}get el(){return c(this)}};t.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-color-picker{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-color-picker--disabled{opacity:0.5;pointer-events:none}.co-color-picker__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-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-color-picker co-popover{display:block;width:100%}.co-color-picker__trigger{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:color-mix(in srgb, var(--co-semantic-surface-secondary) 55%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;cursor:pointer;transition:border-color 0.15s ease, box-shadow 0.15s ease}.co-color-picker--s .co-color-picker__trigger{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-color-picker--sm .co-color-picker__trigger{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-color-picker--lg .co-color-picker__trigger{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-color-picker--s .co-color-picker__swatch,.co-color-picker--sm .co-color-picker__swatch{width:18px;height:18px}.co-color-picker__trigger:hover{border-color:var(--co-semantic-border-default)}.co-color-picker--open .co-color-picker__trigger{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-focus) 15%, transparent)}.co-color-picker--error .co-color-picker__trigger{border-color:var(--co-color-status-error)}.co-color-picker__swatch{width:24px;height:24px;border-radius:var(--co-border-radius-full);border:1px solid var(--co-semantic-border-subtle);flex-shrink:0}.co-color-picker__value{flex:1;font-size:inherit;font-family:inherit;color:var(--co-semantic-text-default);font-weight:500;text-transform:uppercase}.co-color-picker__value--empty{color:var(--co-semantic-text-muted);font-weight:400}.co-color-picker__panel{padding:var(--co-spacing-md);display:flex;flex-direction:column;gap:var(--co-spacing-md)}.co-color-picker__grid{display:grid;grid-template-columns:repeat(8, 1fr);gap:var(--co-spacing-sm2)}.co-color-picker__grid-item{width:32px;height:32px;border-radius:var(--co-border-radius-xxs);border:2px solid transparent;cursor:pointer;transition:transform 0.1s ease, border-color 0.1s ease;box-sizing:border-box}.co-color-picker__grid-item:hover{transform:scale(1.1)}.co-color-picker__grid-item--selected{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-focus) 25%, transparent)}.co-color-picker__hex-row{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-xs) var(--co-spacing-sm);background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xxs)}.co-color-picker__hex-prefix{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:500}.co-color-picker__hex-value{flex:1;font-size:var(--co-font-size-14);font-family:var(--co-font-family-mono, monospace);color:var(--co-semantic-text-default);text-transform:uppercase;user-select:all}.co-color-picker__copy-btn{display:flex;align-items:center;justify-content:center;padding:var(--co-spacing-xs);border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);border-radius:var(--co-border-radius-xxs);transition:color 0.15s ease, background 0.15s ease}.co-color-picker__copy-btn:hover{color:var(--co-semantic-text-default);background:var(--co-semantic-surface-hover)}.co-color-picker__copy-btn--copied{color:var(--co-color-status-success)}.co-color-picker__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);font-size:var(--co-font-size-14);color:var(--co-semantic-text-muted);padding:0 var(--co-spacing-xs)}.co-color-picker__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-color-picker--error .co-color-picker__helper{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-color-picker{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-color-picker__label{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-color-picker__label{white-space:normal}:host([layout='horizontal']) .co-color-picker>:not(.co-color-picker__label){grid-column:2;min-width:0}@supports not (background: color-mix(in srgb, red, transparent)){.co-color-picker__trigger{background:var(--co-semantic-surface-secondary)}}";export{t as co_color_picker}
1
+ import{r as o,c as e,h as r,a as c}from"./p-tT-aZV0-.js";import{R as i}from"./p-7FZXeBK4.js";const a=[{name:"Green",value:"#02A270"},{name:"Yellow",value:"#FDBF00"},{name:"Blue",value:"#2563EB"},{name:"Pink",value:"#F32A73"},{name:"Red",value:"#EB1E1E"},{name:"Orange",value:"#F0821E"},{name:"Teal",value:"#00AFAF"},{name:"Light blue",value:"#00BEE6"},{name:"Electric blue",value:"#000AFF"},{name:"Violet",value:"#5F4BD7"},{name:"Burgundy",value:"#811137"},{name:"Olive",value:"#AAB43C"}],t=class{constructor(r){o(this,r),this.coChange=e(this,"coChange",7),this.value="",this.placeholder="Select color",this.disabled=!1,this.required=!1,this.status="default",this.layout="vertical",this.size="md",this.presets="",this.isOpen=!1,this.copied=!1,this.handlePopoverOpen=()=>{this.isOpen=!0},this.handlePopoverClose=()=>{this.isOpen=!1}}get parsedPresets(){if(Array.isArray(this.presets))return this.presets.map((o=>"string"==typeof o?{name:o,value:o}:o));if("string"==typeof this.presets&&this.presets.trim())try{const o=JSON.parse(this.presets);if(Array.isArray(o))return o.map((o=>"string"==typeof o?{name:o,value:o}:o))}catch(o){}return a}handleSwatchClick(o){this.value=o,this.coChange.emit(o),this.isOpen=!1}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning"}[this.status]||null}async handleCopy(){if(this.value)try{await navigator.clipboard.writeText(this.value),this.copied=!0,setTimeout((()=>{this.copied=!1}),1500)}catch(o){}}render(){const o=this.parsedPresets,e=!!this.value;return r("div",{key:"cf82d2fe5d1ca59a0be4edbd98f2f127cbb0666c",class:`co-color-picker co-color-picker--${this.size} ${"default"!==this.status?`co-color-picker--${this.status}`:""} ${this.isOpen?"co-color-picker--open":""} ${this.disabled?"co-color-picker--disabled":""}`},this.label&&r("label",{key:"ad0e372b32b0e7d5294609b7a952e8d4fb633447",class:"co-color-picker__label"},this.label,r(i,{key:"9976b6350be9c69a5db48079cdcc32b597b99e4f",required:this.required})),r("co-popover",{key:"e50a584f035be8e4cb7d18968c16e6dfe5b8fad2",open:this.isOpen,placement:"bottom-start",matchWidth:!0,offset:4,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},r("div",{key:"79bfb8856c30be5bbedf2471651eafabf4c2faa5",slot:"trigger",class:"co-color-picker__trigger"},r("span",{key:"468b9f7f6a63297086f48938155bea1a5a82ec04",class:"co-color-picker__swatch",style:{background:e?this.value:"transparent"}}),r("span",{key:"727966662cfa0c6647d66f0268eca9f77452c46d",class:"co-color-picker__value "+(e?"":"co-color-picker__value--empty")},e?this.value:this.placeholder)),this.isOpen&&r("div",{key:"25df03b58bf3a690e524f53d53a16fe299f019ed",class:"co-color-picker__panel"},r("div",{key:"d102f3c6b266046dc2b8d6d7536d25aa2dffb79c",class:"co-color-picker__grid"},o.map((o=>{var e;return r("button",{type:"button",key:o.value,class:"co-color-picker__grid-item "+(o.value.toUpperCase()===(null===(e=this.value)||void 0===e?void 0:e.toUpperCase())?"co-color-picker__grid-item--selected":""),style:{background:o.value},title:o.name,onClick:()=>this.handleSwatchClick(o.value)})}))),e&&r("div",{key:"4897fc8e3c3d371b23b7ae6c9e5c04c92dfe27df",class:"co-color-picker__hex-row"},r("span",{key:"625828e841d8f8b545ee6119d74e839eca80841e",class:"co-color-picker__hex-prefix"},"#"),r("span",{key:"00f73948a453f2db74103ab1d49013e999d13b1f",class:"co-color-picker__hex-value"},this.value.replace(/^#/,"")),r("button",{key:"c87e69f32065bf05dcad1eaa73cf21d028abf93c",type:"button",class:"co-color-picker__copy-btn "+(this.copied?"co-color-picker__copy-btn--copied":""),title:"Copy",onClick:()=>this.handleCopy()},r("co-icon",{key:"bf8e7abbb52e543bb4335acc577b268cce40c2be",name:this.copied?"check":"copy",size:16}))))),this.helperText&&r("div",{key:"368cf0c7f3877c1a6fd35c992b6543862b1cebc8",class:"co-color-picker__helper"},this.statusIcon&&r("co-icon",{key:"5b9f3568320860fde1d701ef6e5d9b3475903d8c",name:this.statusIcon,size:14,weight:"fill",class:"co-color-picker__helper-icon"}),r("span",{key:"5a480e0edaf010df948e8f73e9befa70f88b0865",class:"co-color-picker__helper-text"},this.helperText)))}get el(){return c(this)}};t.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-color-picker{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-color-picker--disabled{opacity:0.5;pointer-events:none}.co-color-picker__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-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-color-picker co-popover{display:block;width:100%}.co-color-picker__trigger{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:color-mix(in srgb, var(--co-semantic-surface-secondary) 55%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;cursor:pointer;transition:border-color 0.15s ease, box-shadow 0.15s ease}.co-color-picker--s .co-color-picker__trigger{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-color-picker--sm .co-color-picker__trigger{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-color-picker--lg .co-color-picker__trigger{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-color-picker--s .co-color-picker__swatch,.co-color-picker--sm .co-color-picker__swatch{width:18px;height:18px}.co-color-picker__trigger:hover{border-color:var(--co-semantic-border-default)}.co-color-picker--open .co-color-picker__trigger{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-focus) 15%, transparent)}.co-color-picker--error .co-color-picker__trigger{border-color:var(--co-color-status-error)}.co-color-picker__swatch{width:24px;height:24px;border-radius:var(--co-border-radius-full);border:1px solid var(--co-semantic-border-subtle);flex-shrink:0}.co-color-picker__value{flex:1;font-size:inherit;font-family:inherit;color:var(--co-semantic-text-default);font-weight:500;text-transform:uppercase}.co-color-picker__value--empty{color:var(--co-semantic-text-muted);font-weight:400}.co-color-picker__panel{padding:var(--co-spacing-md);display:flex;flex-direction:column;gap:var(--co-spacing-md)}.co-color-picker__grid{display:grid;grid-template-columns:repeat(8, 1fr);gap:var(--co-spacing-sm2)}.co-color-picker__grid-item{width:32px;height:32px;border-radius:var(--co-border-radius-xxs);border:2px solid transparent;cursor:pointer;transition:transform 0.1s ease, border-color 0.1s ease;box-sizing:border-box}.co-color-picker__grid-item:hover{transform:scale(1.1)}.co-color-picker__grid-item--selected{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-focus) 25%, transparent)}.co-color-picker__hex-row{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-xs) var(--co-spacing-sm);background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xxs)}.co-color-picker__hex-prefix{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:500}.co-color-picker__hex-value{flex:1;font-size:var(--co-font-size-14);font-family:var(--co-font-family-mono, monospace);color:var(--co-semantic-text-default);text-transform:uppercase;user-select:all}.co-color-picker__copy-btn{display:flex;align-items:center;justify-content:center;padding:var(--co-spacing-xs);border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);border-radius:var(--co-border-radius-xxs);transition:color 0.15s ease, background 0.15s ease}.co-color-picker__copy-btn:hover{color:var(--co-semantic-text-default);background:var(--co-semantic-surface-hover)}.co-color-picker__copy-btn--copied{color:var(--co-color-status-success)}.co-color-picker__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);font-size:var(--co-font-size-14);color:var(--co-semantic-text-muted);padding:0 var(--co-spacing-xs)}.co-color-picker__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-color-picker--error .co-color-picker__helper{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-color-picker{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-color-picker__label{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-color-picker__label{white-space:normal}:host([layout='horizontal']) .co-color-picker>:not(.co-color-picker__label){grid-column:2;min-width:0}@supports not (background: color-mix(in srgb, red, transparent)){.co-color-picker__trigger{background:var(--co-semantic-surface-secondary)}}";export{t as co_color_picker}
@@ -1 +1 @@
1
- import{r as t,c as s,h as e,a as i}from"./p-CYsftTKf.js";const h=class{constructor(e){t(this,e),this.coChange=s(this,"coChange",7),this.coClear=s(this,"coClear",7),this.value="",this.label="",this.placeholder="Select range",this.disabled=!1,this.clearable=!0,this.presets=!0,this.helperText="",this.locale="es",this.warned=!1,this.handleApply=t=>{this.value=JSON.stringify(t.detail),this.coChange.emit(t.detail)}}connectedCallback(){this.warned||(this.warned=!0,console.warn("[cobalt] <co-date-range> is deprecated — use <co-date-range-picker>."))}render(){return e("co-date-range-picker",{key:"0523f38971fe7b9289838d36737fe40f43c8cadc",value:this.value,label:this.label,placeholder:this.placeholder,disabled:this.disabled,clearable:this.clearable,presets:this.presets,helperText:this.helperText,locale:this.locale,applyLabel:this.applyLabel,clearLabel:this.clearLabel,onCoApply:this.handleApply,onCoClear:()=>this.coClear.emit()})}get el(){return i(this)}};h.style=":host{display:block}";export{h as co_date_range}
1
+ import{r as t,c as e,h as s,a as i}from"./p-tT-aZV0-.js";const a=class{constructor(s){t(this,s),this.coChange=e(this,"coChange",7),this.coClear=e(this,"coClear",7),this.value="",this.label="",this.placeholder="Select range",this.disabled=!1,this.clearable=!0,this.presets=!0,this.helperText="",this.locale="es",this.warned=!1,this.handleApply=t=>{this.value=JSON.stringify(t.detail),this.coChange.emit(t.detail)}}connectedCallback(){this.warned||(this.warned=!0,console.warn("[cobalt] <co-date-range> is deprecated — use <co-date-range-picker>."))}render(){return s("co-date-range-picker",{key:"4982a84de425fdf533128dc3ce3665b51d8c885d",value:this.value,label:this.label,placeholder:this.placeholder,disabled:this.disabled,clearable:this.clearable,presets:this.presets,helperText:this.helperText,locale:this.locale,applyLabel:this.applyLabel,clearLabel:this.clearLabel,onCoApply:this.handleApply,onCoClear:()=>this.coClear.emit()})}get el(){return i(this)}};a.style=":host{display:block}";export{a as co_date_range}
@@ -1 +1 @@
1
- import{r as o,h as r}from"./p-CYsftTKf.js";const e=class{constructor(r){o(this,r),this.position="single",this.size="sm"}render(){return r("div",{key:"75c5a2693135e21a3a4379d8bbb6d9be5bdf6bf5",class:{"co-row":!0,[`co-row--${this.position}`]:!0,[`co-row--${this.size}`]:!0},part:"row"},r("div",{key:"beb274682f02b428b93315b057fbfe11bf2be037",class:"co-row__prefix"},r("slot",{key:"0c9381d277795df7230da6eb05b9a5fa46726cf2",name:"prefix"})),r("div",{key:"2753f7c221e17d9eb91a685567a16470210652de",class:"co-row__content"},r("slot",{key:"257befca88d731c4b6c3b8545fa3f2db6c56482c"})),r("div",{key:"934ecc29de8822bf084a4d49e828aa64481dbbe3",class:"co-row__suffix"},r("slot",{key:"baa9de54437b45d4fe54f3e2faaf28d9b8cc8ed0",name:"suffix"})))}};e.style=":host{display:block}.co-row{display:flex;align-items:center;gap:var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-subtle);font-family:var(--co-font-family-primary);box-sizing:border-box}.co-row--sm{padding:var(--co-spacing-sm2) var(--co-spacing-lg);min-height:40px;font-size:var(--co-font-size-14)}.co-row--lg{padding:var(--co-spacing-lg) var(--co-spacing-xl);min-height:76px;font-size:var(--co-font-size-16)}.co-row--single{border-radius:var(--co-border-radius-lg)}.co-row--top{border-radius:var(--co-border-radius-lg) var(--co-border-radius-lg) 0 0;border-bottom:none}.co-row--middle{border-radius:0;border-bottom:none}.co-row--bottom{border-radius:0 0 var(--co-border-radius-lg) var(--co-border-radius-lg)}.co-row__prefix,.co-row__suffix{display:flex;align-items:center;gap:var(--co-spacing-sm);flex-shrink:0;color:var(--co-semantic-text-muted)}.co-row__prefix:empty,.co-row__suffix:empty{display:none}.co-row__content{display:flex;flex-direction:column;flex:1;min-width:0;gap:var(--co-spacing-xs)}.co-row__suffix{margin-left:auto}";export{e as co_row}
1
+ import{r as o,h as r}from"./p-tT-aZV0-.js";const a=class{constructor(r){o(this,r),this.position="single",this.size="sm"}render(){return r("div",{key:"3b77dcfd8a0d6fccdb5932e2dd316ab1166e13e9",class:{"co-row":!0,[`co-row--${this.position}`]:!0,[`co-row--${this.size}`]:!0},part:"row"},r("div",{key:"0f0112ad8cf977587af1cc756ec822ca5d8c81fc",class:"co-row__prefix"},r("slot",{key:"d6ac18b41dca0597dba80f5d49554471832b6c4f",name:"prefix"})),r("div",{key:"8c1de305f4268cc8d10f6ba1203750bd96061dc3",class:"co-row__content"},r("slot",{key:"fe882bbb96faae81377c4613024a74762f84c113"})),r("div",{key:"0bb2646c6f0d4f52573021b76e3a950ddca11056",class:"co-row__suffix"},r("slot",{key:"3518a826a39d3491a24067a9be3a5284e6a184d4",name:"suffix"})))}};a.style=":host{display:block}.co-row{display:flex;align-items:center;gap:var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-subtle);font-family:var(--co-font-family-primary);box-sizing:border-box}.co-row--sm{padding:var(--co-spacing-sm2) var(--co-spacing-lg);min-height:40px;font-size:var(--co-font-size-14)}.co-row--lg{padding:var(--co-spacing-lg) var(--co-spacing-xl);min-height:76px;font-size:var(--co-font-size-16)}.co-row--single{border-radius:var(--co-border-radius-lg)}.co-row--top{border-radius:var(--co-border-radius-lg) var(--co-border-radius-lg) 0 0;border-bottom:none}.co-row--middle{border-radius:0;border-bottom:none}.co-row--bottom{border-radius:0 0 var(--co-border-radius-lg) var(--co-border-radius-lg)}.co-row__prefix,.co-row__suffix{display:flex;align-items:center;gap:var(--co-spacing-sm);flex-shrink:0;color:var(--co-semantic-text-muted)}.co-row__prefix:empty,.co-row__suffix:empty{display:none}.co-row__content{display:flex;flex-direction:column;flex:1;min-width:0;gap:var(--co-spacing-xs)}.co-row__suffix{margin-left:auto}";export{a as co_row}
@@ -1 +1 @@
1
- import{r as a,c as o,h as i}from"./p-CYsftTKf.js";const t=class{constructor(i){a(this,i),this.coPageChange=o(this,"coPageChange",7),this.page=1,this.pageSize=40,this.totalCount=0,this.pageSizes="[10, 20, 40, 50, 100]",this.perPageLabel="Per page",this.recordsLabel="Records",this.jumpToPageLabel="Jump to page",this.previousLabel="Previous",this.nextLabel="Next",this.parsedPageSizes=[10,20,40,50,100],this.jumpToValue="",this.showPageSizeDropdown=!1}parsePageSizes(){try{this.parsedPageSizes="string"==typeof this.pageSizes?JSON.parse(this.pageSizes):this.pageSizes}catch(a){this.parsedPageSizes=[10,20,40,50,100]}}componentWillLoad(){this.parsePageSizes()}get totalPages(){return Math.max(1,Math.ceil(this.totalCount/this.pageSize))}goToPage(a){const o=Math.max(1,Math.min(a,this.totalPages));o!==this.page&&(this.page=o,this.coPageChange.emit({page:this.page,pageSize:this.pageSize}))}changePageSize(a){this.pageSize=a,this.page=1,this.showPageSizeDropdown=!1,this.coPageChange.emit({page:1,pageSize:a})}handleJumpToPage(a){if("Enter"===a.key){const a=parseInt(this.jumpToValue,10);isNaN(a)||(this.goToPage(a),this.jumpToValue="")}}getVisiblePages(){const a=this.totalPages,o=this.page;if(a<=7)return Array.from({length:a},((a,o)=>o+1));const i=[1];o>3&&i.push("...");const t=Math.max(2,o-1),e=Math.min(a-1,o+1);for(let a=t;a<=e;a++)i.push(a);return o<a-2&&i.push("..."),i.push(a),i}render(){const a=this.getVisiblePages();return i("div",{key:"ae314d39c78125c7a0b237d30b6d298c5c699a75",class:"co-pagination",part:"pagination"},i("div",{key:"eff8732e235bfcbb6578a144377736f6a5c05d91",class:"co-pagination__section"},i("span",{key:"e4a5b980aaae92eec46b5e090e7b87745938fe81",class:"co-pagination__label"},this.jumpToPageLabel),i("input",{key:"012b0613c8cfce667687ca27ad434b6271845900",type:"text",class:"co-pagination__jump-input",value:this.jumpToValue||String(this.page),onInput:a=>{this.jumpToValue=a.target.value},onKeyDown:a=>this.handleJumpToPage(a),onFocus:a=>{a.target.select()},part:"jump-input"})),i("div",{key:"76016cea5933b9b057256e4c54717925b95396e4",class:"co-pagination__section co-pagination__section--page-size"},i("div",{key:"ec1ac8b20b71a01483ef6f33170ccea9dc60baf2",class:"co-pagination__page-size-trigger",onClick:()=>{this.showPageSizeDropdown=!this.showPageSizeDropdown}},i("span",{key:"3db2891ead65d088b2a9a19868c00576fc3d212b",class:"co-pagination__page-size-value"},this.pageSize),i("span",{key:"2be8c9861d4509df5b695b5c07e25cc346b77628",class:"co-pagination__label"},this.perPageLabel),i("co-icon",{key:"91ba0332b4eb496b3de3fe271d78686aad429d71",name:"caret-down",size:14})),this.showPageSizeDropdown&&i("div",{key:"4a7f2a17c52d71762c3a9b15e8ed55aa78b894a8",class:"co-pagination__page-size-dropdown",part:"dropdown"},this.parsedPageSizes.map((a=>i("button",{class:{"co-pagination__page-size-option":!0,"co-pagination__page-size-option--active":a===this.pageSize},onClick:()=>this.changePageSize(a)},a))))),i("div",{key:"e8e81ef1186485963908cd923fab0f5974e4cbf3",class:"co-pagination__spacer"}),i("div",{key:"04fd583b0fff46d13d8abe384cb7896d2c4b8799",class:"co-pagination__section"},i("span",{key:"69bf9e0a8fd0e9f3b5fe06c9951300323fce42bf",class:"co-pagination__count"},this.totalCount.toLocaleString()," ",this.recordsLabel)),i("div",{key:"a90b8a8b5cdd5cfc945fb0fa00d50b44b4ab88b7",class:"co-pagination__section co-pagination__nav"},i("button",{key:"6b14f2a16c691a202bf81cc1fff8f505f5ce0f29",class:"co-pagination__nav-btn",disabled:this.page<=1,onClick:()=>this.goToPage(this.page-1),part:"prev-btn"},this.previousLabel),a.map((a=>"..."===a?i("span",{class:"co-pagination__ellipsis"},"…"):i("button",{class:{"co-pagination__page-btn":!0,"co-pagination__page-btn--active":a===this.page},onClick:()=>this.goToPage(a)},a))),i("button",{key:"9b3cdab026b566275248734a8db218d70a81b082",class:"co-pagination__nav-btn",disabled:this.page>=this.totalPages,onClick:()=>this.goToPage(this.page+1),part:"next-btn"},this.nextLabel)))}static get watchers(){return{pageSizes:[{parsePageSizes:0}]}}};t.style=":host{display:block;font-family:var(--co-font-family-primary)}.co-pagination{display:flex;align-items:center;gap:var(--co-spacing-lg);padding:var(--co-spacing-md) var(--co-spacing-lg);border-top:1px solid var(--co-color-opacity-negro-8);background:var(--co-color-base-blanco);font-size:var(--co-font-size-12);color:var(--co-semantic-text-secondary);letter-spacing:var(--co-font-letter-spacing-body);user-select:none}.co-pagination__section{display:flex;align-items:center;gap:var(--co-spacing-sm);flex-shrink:0}.co-pagination__spacer{flex:1}.co-pagination__label{color:var(--co-semantic-text-secondary);white-space:nowrap}.co-pagination__count{color:var(--co-semantic-text-secondary);white-space:nowrap}.co-pagination__jump-input{width:32px;height:28px;border:1px solid var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-xxs);background:var(--co-color-base-blanco);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);color:var(--co-semantic-text-default);text-align:center;padding:0 var(--co-spacing-xs);outline:none;transition:border-color 0.15s ease}.co-pagination__jump-input:focus{border-color:var(--co-color-primary-azul)}.co-pagination__section--page-size{position:relative}.co-pagination__page-size-trigger{display:flex;align-items:center;gap:var(--co-spacing-xs);cursor:pointer;padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xxs);transition:background-color 0.15s ease}.co-pagination__page-size-trigger:hover{background:var(--co-semantic-surface-hover)}.co-pagination__page-size-value{font-weight:500;color:var(--co-semantic-text-default)}.co-pagination__page-size-dropdown{position:absolute;bottom:calc(100% + 4px);left:0;min-width:72px;background:var(--co-color-base-blanco);border:1px solid var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-xs);box-shadow:0 4px 12px var(--co-color-opacity-negro-8);padding:var(--co-spacing-xs) 0;z-index:10}.co-pagination__page-size-option{display:block;width:100%;padding:var(--co-spacing-sm) var(--co-spacing-md);border:none;background:none;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);color:var(--co-semantic-text-default);text-align:left;cursor:pointer;transition:background-color 0.1s ease}.co-pagination__page-size-option:hover{background:var(--co-semantic-surface-hover)}.co-pagination__page-size-option--active{font-weight:500;color:var(--co-color-primary-azul)}.co-pagination__nav{display:flex;align-items:center;gap:var(--co-spacing-xxs)}.co-pagination__nav-btn{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:var(--co-spacing-xs) var(--co-spacing-sm);border:1px solid var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-xxs);background:var(--co-color-base-blanco);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);color:var(--co-semantic-text-default);cursor:pointer;transition:background-color 0.15s ease;white-space:nowrap}.co-pagination__nav-btn:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-pagination__nav-btn:disabled{opacity:0.4;cursor:not-allowed}.co-pagination__page-btn{min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--co-border-radius-xxs);background:none;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);color:var(--co-semantic-text-secondary);cursor:pointer;transition:background-color 0.1s ease}.co-pagination__page-btn:hover{background:var(--co-semantic-surface-hover)}.co-pagination__page-btn--active{background:var(--co-color-base-negro);color:var(--co-color-base-blanco);font-weight:500}.co-pagination__page-btn--active:hover{background:var(--co-color-base-negro)}.co-pagination__ellipsis{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;color:var(--co-color-gray-400)}";export{t as co_data_table_pagination}
1
+ import{r as a,c as o,h as i}from"./p-tT-aZV0-.js";const e=class{constructor(i){a(this,i),this.coPageChange=o(this,"coPageChange",7),this.page=1,this.pageSize=40,this.totalCount=0,this.pageSizes="[10, 20, 40, 50, 100]",this.perPageLabel="Per page",this.recordsLabel="Records",this.jumpToPageLabel="Jump to page",this.previousLabel="Previous",this.nextLabel="Next",this.parsedPageSizes=[10,20,40,50,100],this.jumpToValue="",this.showPageSizeDropdown=!1}parsePageSizes(){try{this.parsedPageSizes="string"==typeof this.pageSizes?JSON.parse(this.pageSizes):this.pageSizes}catch(a){this.parsedPageSizes=[10,20,40,50,100]}}componentWillLoad(){this.parsePageSizes()}get totalPages(){return Math.max(1,Math.ceil(this.totalCount/this.pageSize))}goToPage(a){const o=Math.max(1,Math.min(a,this.totalPages));o!==this.page&&(this.page=o,this.coPageChange.emit({page:this.page,pageSize:this.pageSize}))}changePageSize(a){this.pageSize=a,this.page=1,this.showPageSizeDropdown=!1,this.coPageChange.emit({page:1,pageSize:a})}handleJumpToPage(a){if("Enter"===a.key){const a=parseInt(this.jumpToValue,10);isNaN(a)||(this.goToPage(a),this.jumpToValue="")}}getVisiblePages(){const a=this.totalPages,o=this.page;if(a<=7)return Array.from({length:a},((a,o)=>o+1));const i=[1];o>3&&i.push("...");const e=Math.max(2,o-1),t=Math.min(a-1,o+1);for(let a=e;a<=t;a++)i.push(a);return o<a-2&&i.push("..."),i.push(a),i}render(){const a=this.getVisiblePages();return i("div",{key:"a0634afed71b18005f42921052b2bb41b5710818",class:"co-pagination",part:"pagination"},i("div",{key:"08afef194748764e581c9c0e173af57bd7484e6a",class:"co-pagination__section"},i("span",{key:"8bf238dd11b3c322becb18e07afbe087584ce3e0",class:"co-pagination__label"},this.jumpToPageLabel),i("input",{key:"109f501ce7a1dc4ee2c109d75f7fcbc81aa3bfcc",type:"text",class:"co-pagination__jump-input",value:this.jumpToValue||String(this.page),onInput:a=>{this.jumpToValue=a.target.value},onKeyDown:a=>this.handleJumpToPage(a),onFocus:a=>{a.target.select()},part:"jump-input"})),i("div",{key:"706f537a7165004e18a4cf9f3b172392cbc25657",class:"co-pagination__section co-pagination__section--page-size"},i("div",{key:"15102e983f876658cf56c2aba8d94d29d132fa47",class:"co-pagination__page-size-trigger",onClick:()=>{this.showPageSizeDropdown=!this.showPageSizeDropdown}},i("span",{key:"5eb114f934a1f694c45ae4165d3dc32e120fd7c9",class:"co-pagination__page-size-value"},this.pageSize),i("span",{key:"f767df618ae0f1193dd107d8b8ab66434ab3da92",class:"co-pagination__label"},this.perPageLabel),i("co-icon",{key:"013df9bfa151cbc9c266c10e94e18823edd48050",name:"caret-down",size:14})),this.showPageSizeDropdown&&i("div",{key:"634d6cdb5ceaaf6e0ffee6ee3533d568765d8868",class:"co-pagination__page-size-dropdown",part:"dropdown"},this.parsedPageSizes.map((a=>i("button",{class:{"co-pagination__page-size-option":!0,"co-pagination__page-size-option--active":a===this.pageSize},onClick:()=>this.changePageSize(a)},a))))),i("div",{key:"9cd537ceee590fdf03fb71f1e703c468e88881c5",class:"co-pagination__spacer"}),i("div",{key:"4f958f5ce6d1d5bb77a232d49dcf0375cadd8bff",class:"co-pagination__section"},i("span",{key:"50717cd14f6dd64a47c31d64c6b98064316c5363",class:"co-pagination__count"},this.totalCount.toLocaleString()," ",this.recordsLabel)),i("div",{key:"d133196b3970aed10f5e80fe8edc16576d3ef723",class:"co-pagination__section co-pagination__nav"},i("button",{key:"497d2dec11447e6426810770a38ff09564796336",class:"co-pagination__nav-btn",disabled:this.page<=1,onClick:()=>this.goToPage(this.page-1),part:"prev-btn"},this.previousLabel),a.map((a=>"..."===a?i("span",{class:"co-pagination__ellipsis"},"…"):i("button",{class:{"co-pagination__page-btn":!0,"co-pagination__page-btn--active":a===this.page},onClick:()=>this.goToPage(a)},a))),i("button",{key:"86ef170b109112e82cc2b7e53932a1ce1594e3cf",class:"co-pagination__nav-btn",disabled:this.page>=this.totalPages,onClick:()=>this.goToPage(this.page+1),part:"next-btn"},this.nextLabel)))}static get watchers(){return{pageSizes:[{parsePageSizes:0}]}}};e.style=":host{display:block;font-family:var(--co-font-family-primary)}.co-pagination{display:flex;align-items:center;gap:var(--co-spacing-lg);padding:var(--co-spacing-md) var(--co-spacing-lg);border-top:1px solid var(--co-color-opacity-negro-8);background:var(--co-color-base-blanco);font-size:var(--co-font-size-12);color:var(--co-semantic-text-secondary);letter-spacing:var(--co-font-letter-spacing-body);user-select:none}.co-pagination__section{display:flex;align-items:center;gap:var(--co-spacing-sm);flex-shrink:0}.co-pagination__spacer{flex:1}.co-pagination__label{color:var(--co-semantic-text-secondary);white-space:nowrap}.co-pagination__count{color:var(--co-semantic-text-secondary);white-space:nowrap}.co-pagination__jump-input{width:32px;height:28px;border:1px solid var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-xxs);background:var(--co-color-base-blanco);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);color:var(--co-semantic-text-default);text-align:center;padding:0 var(--co-spacing-xs);outline:none;transition:border-color 0.15s ease}.co-pagination__jump-input:focus{border-color:var(--co-color-primary-azul)}.co-pagination__section--page-size{position:relative}.co-pagination__page-size-trigger{display:flex;align-items:center;gap:var(--co-spacing-xs);cursor:pointer;padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xxs);transition:background-color 0.15s ease}.co-pagination__page-size-trigger:hover{background:var(--co-semantic-surface-hover)}.co-pagination__page-size-value{font-weight:500;color:var(--co-semantic-text-default)}.co-pagination__page-size-dropdown{position:absolute;bottom:calc(100% + 4px);left:0;min-width:72px;background:var(--co-color-base-blanco);border:1px solid var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-xs);box-shadow:0 4px 12px var(--co-color-opacity-negro-8);padding:var(--co-spacing-xs) 0;z-index:10}.co-pagination__page-size-option{display:block;width:100%;padding:var(--co-spacing-sm) var(--co-spacing-md);border:none;background:none;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);color:var(--co-semantic-text-default);text-align:left;cursor:pointer;transition:background-color 0.1s ease}.co-pagination__page-size-option:hover{background:var(--co-semantic-surface-hover)}.co-pagination__page-size-option--active{font-weight:500;color:var(--co-color-primary-azul)}.co-pagination__nav{display:flex;align-items:center;gap:var(--co-spacing-xxs)}.co-pagination__nav-btn{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:var(--co-spacing-xs) var(--co-spacing-sm);border:1px solid var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-xxs);background:var(--co-color-base-blanco);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);color:var(--co-semantic-text-default);cursor:pointer;transition:background-color 0.15s ease;white-space:nowrap}.co-pagination__nav-btn:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-pagination__nav-btn:disabled{opacity:0.4;cursor:not-allowed}.co-pagination__page-btn{min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--co-border-radius-xxs);background:none;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);color:var(--co-semantic-text-secondary);cursor:pointer;transition:background-color 0.1s ease}.co-pagination__page-btn:hover{background:var(--co-semantic-surface-hover)}.co-pagination__page-btn--active{background:var(--co-color-base-negro);color:var(--co-color-base-blanco);font-weight:500}.co-pagination__page-btn--active:hover{background:var(--co-color-base-negro)}.co-pagination__ellipsis{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;color:var(--co-color-gray-400)}";export{e as co_data_table_pagination}
@@ -0,0 +1 @@
1
+ import{r as a,c as o,h as e}from"./p-tT-aZV0-.js";import{a as r}from"./p-Ch1jfwZ2.js";const t=class{constructor(e){a(this,e),this.coClose=o(this,"coClose",7),this.coAfterClose=o(this,"coAfterClose",3),this.coAfterOpen=o(this,"coAfterOpen",3),this.open=!1,this.heading="",this.closable=!0,this.closeOnOverlay=!0,this.closeOnEscape=!1,this.size="md",this.noDividers=!1,this.handleOverlayClick=()=>{this.closeOnOverlay&&this.coClose.emit()},this.handleCloseClick=()=>{this.coClose.emit()},this.stopPropagation=a=>{a.stopPropagation()},this.handleTransitionEnd=a=>{if(a.target!==this.modalEl)return;const o=r(a.propertyName,this.open,"transform");"after-open"===o?this.coAfterOpen.emit():"after-close"===o&&this.coAfterClose.emit()}}handleKeydown(a){this.open&&this.closeOnEscape&&"Escape"===a.key&&this.coClose.emit()}render(){return e("co-overlay",{key:"3560ee34e7edb62cd0ae34572bac0afbb5b02a74",open:this.open,onCoClose:this.handleOverlayClick},e("div",{key:"ba68e320e4e0a0881193f1d85f2d5a2ef287e324",class:"co-modal__frame"},e("div",{key:"7d3748b4b0f8fc5a4715bd075d2d9f74e2ada0ed",class:{"co-modal":!0,"co-modal--open":this.open,"co-modal--sm":"sm"===this.size,"co-modal--lg":"lg"===this.size,"co-modal--full":"full"===this.size,"co-modal--no-dividers":this.noDividers},part:"modal",ref:a=>this.modalEl=a,role:"dialog","aria-modal":"true","aria-labelledby":"modal-heading",onClick:this.stopPropagation,onTransitionEnd:this.handleTransitionEnd},e("div",{key:"48239c6af5968213349a4f3516a96ab66d7aa744",class:"co-modal__header",part:"header"},e("div",{key:"c807b66cb3d2a1a5b84ee70677f5d33ceaa83a7c",class:"co-modal__header-text"},e("h2",{key:"7fa46d607d26d0904014ad20209838bd237492f2",class:"co-modal__heading",id:"modal-heading"},this.heading),this.description&&e("p",{key:"7e53e9b13ea2cc8eca07dc17cb240f19ce6eb1a1",class:"co-modal__description"},this.description)),this.closable&&e("button",{key:"3af5d2c54faa331a6017cd19b96aea1f97baef03",class:"co-modal__close",type:"button","aria-label":"Close",onClick:this.handleCloseClick},e("co-icon",{key:"d8f58ed52f686df6663515d38fa98d30a45392ee",name:"x",size:20}))),!this.noDividers&&e("div",{key:"d69ffa8c7726633b744b014b3f7744822ffa6448",class:"co-modal__body",part:"body"},e("slot",{key:"5d3faeee4f96f314a8045c0482f88da2f7f328c3"})),e("div",{key:"5ff15a6387c186e2425ca08dc4b9085588f83f61",class:"co-modal__footer",part:"footer"},e("slot",{key:"5742d36c7a46f3b4b535d9224f747bbca0d82305",name:"footer"})))))}};t.style=':host{display:contents;--co-overlay-blur:8px;--co-overlay-bg:rgba(31, 28, 27, 0.35)}.co-modal__frame{display:flex;filter:drop-shadow(0 1px 2px rgba(31, 28, 27, 0.06)) drop-shadow(0 14px 34px rgba(31, 28, 27, 0.16))}.co-modal{display:flex;flex-direction:column;background:var(--co-semantic-surface-secondary);--co-modal-r:var(--co-border-radius-xl);--co-sq-tl:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 0L95 0L92.5 0L90 0L87.5 0.01L85 0.01L82.5 0.02L80 0.04L77.5 0.06L75 0.1L72.5 0.14L70 0.2L67.5 0.28L65 0.38L62.5 0.5L60 0.65L57.5 0.83L55 1.04L52.5 1.3L50 1.6L47.5 1.96L45 2.37L42.5 2.85L40 3.41L37.5 4.05L35 4.8L32.5 5.65L30 6.63L27.5 7.77L25 9.07L22.5 10.58L20 12.34L17.5 14.41L15 16.85L12.5 19.79L10 23.42L7.5 28.06L5 34.37L2.5 44.29L0 100L100 100Z%27 fill=%27%23fff%27/></svg>");--co-sq-tr:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 0L5 0L7.5 0L10 0L12.5 0.01L15 0.01L17.5 0.02L20 0.04L22.5 0.06L25 0.1L27.5 0.14L30 0.2L32.5 0.28L35 0.38L37.5 0.5L40 0.65L42.5 0.83L45 1.04L47.5 1.3L50 1.6L52.5 1.96L55 2.37L57.5 2.85L60 3.41L62.5 4.05L65 4.8L67.5 5.65L70 6.63L72.5 7.77L75 9.07L77.5 10.58L80 12.34L82.5 14.41L85 16.85L87.5 19.79L90 23.42L92.5 28.06L95 34.37L97.5 44.29L100 100L0 100Z%27 fill=%27%23fff%27/></svg>");--co-sq-bl:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 55.71L5 65.63L7.5 71.94L10 76.58L12.5 80.21L15 83.15L17.5 85.59L20 87.66L22.5 89.42L25 90.93L27.5 92.23L30 93.37L32.5 94.35L35 95.2L37.5 95.95L40 96.59L42.5 97.15L45 97.63L47.5 98.04L50 98.4L52.5 98.7L55 98.96L57.5 99.17L60 99.35L62.5 99.5L65 99.62L67.5 99.72L70 99.8L72.5 99.86L75 99.9L77.5 99.94L80 99.96L82.5 99.98L85 99.99L87.5 99.99L90 100L92.5 100L95 100L97.5 100L100 100L100 0Z%27 fill=%27%23fff%27/></svg>");--co-sq-br:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 55.71L95 65.63L92.5 71.94L90 76.58L87.5 80.21L85 83.15L82.5 85.59L80 87.66L77.5 89.42L75 90.93L72.5 92.23L70 93.37L67.5 94.35L65 95.2L62.5 95.95L60 96.59L57.5 97.15L55 97.63L52.5 98.04L50 98.4L47.5 98.7L45 98.96L42.5 99.17L40 99.35L37.5 99.5L35 99.62L32.5 99.72L30 99.8L27.5 99.86L25 99.9L22.5 99.94L20 99.96L17.5 99.98L15 99.99L12.5 99.99L10 100L7.5 100L5 100L2.5 100L0 100L0 0Z%27 fill=%27%23fff%27/></svg>");-webkit-mask:var(--co-sq-tl) top left / var(--co-modal-r) var(--co-modal-r) no-repeat, var(--co-sq-tr) top right / var(--co-modal-r) var(--co-modal-r) no-repeat, var(--co-sq-bl) bottom left / var(--co-modal-r) var(--co-modal-r) no-repeat, var(--co-sq-br) bottom right / var(--co-modal-r) var(--co-modal-r) no-repeat, linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-modal-r) + 2px) no-repeat, linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-modal-r) + 2px) 100% no-repeat;mask:var(--co-sq-tl) top left / var(--co-modal-r) var(--co-modal-r) no-repeat, var(--co-sq-tr) top right / var(--co-modal-r) var(--co-modal-r) no-repeat, var(--co-sq-bl) bottom left / var(--co-modal-r) var(--co-modal-r) no-repeat, var(--co-sq-br) bottom right / var(--co-modal-r) var(--co-modal-r) no-repeat, linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-modal-r) + 2px) no-repeat, linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-modal-r) + 2px) 100% no-repeat;border-radius:0;max-width:540px;width:90vw;max-height:80vh;overflow:hidden;font-family:var(--co-font-family-primary);transform:translateY(8px);opacity:0;transition:transform 0.2s ease, opacity 0.2s ease}.co-modal--sm{max-width:400px}.co-modal--lg{max-width:680px}.co-modal--full{max-width:min(1400px, 95vw);width:95vw;height:92vh;max-height:92vh}.co-modal--full .co-modal__body{flex:1;min-height:0;padding:0;overflow:hidden}.co-modal--open{transform:none;opacity:1}.co-modal__header{display:flex;align-items:flex-start;gap:var(--co-spacing-md);padding:var(--co-spacing-xl) var(--co-spacing-xl) var(--co-spacing-md)}.co-modal__header-text{display:flex;flex-direction:column;gap:var(--co-spacing-sm);flex:1}.co-modal__heading{margin:0;font-size:var(--co-font-size-20);font-weight:700;color:var(--co-semantic-text-default);line-height:1.3}.co-modal__description{margin:0;font-size:var(--co-font-size-14);color:var(--co-semantic-text-secondary);line-height:1.5}.co-modal__close{display:flex;align-items:center;justify-content:center;padding:var(--co-spacing-xs);margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);border-radius:var(--co-border-radius-sm);flex-shrink:0;transition:background 0.1s ease}.co-modal__close:hover{background:var(--co-semantic-surface-hover)}.co-modal__body{padding:var(--co-spacing-lg) var(--co-spacing-xl);overflow-y:auto;overscroll-behavior:contain;font-size:var(--co-font-size-14);color:var(--co-semantic-text-secondary);line-height:1.6;border-top:1px solid var(--co-semantic-border-default)}.co-modal__body:empty{display:none}.co-modal__footer{display:flex;justify-content:flex-end;gap:var(--co-spacing-md);padding:var(--co-spacing-lg) var(--co-spacing-xl) var(--co-spacing-xl);border-top:1px solid var(--co-semantic-border-default);--co-button-radius:var(--co-border-radius-xs)}.co-modal__footer:empty{display:none}.co-modal--no-dividers .co-modal__footer{border-top:none}';export{t as co_modal}
@@ -1 +1 @@
1
- import{r as e,c as a,h as o,a as i}from"./p-CYsftTKf.js";import{R as n}from"./p-oImf-7fN.js";import{r as d,h as s}from"./p-CQY6Ul7q.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=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.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.pre,o("span",{class:"co-phone-field__match"},a.match),a.post]: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 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:"2b0e81ff34e0fc215d538133304ee2fdc57a91c0",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:"7630372c42ddefe001e05bdb31ce25b59beda0ca",class:"co-phone-field__label"},this.label,o(n,{key:"c1b30a0d84adb6c127a5a8ef57e4d9764ac95fba",required:this.required})),o("div",{key:"8e03e67dcee1e18b675e2738f5b6daaecb784c95",class:"co-phone-field__container"},o("button",{key:"ba6a5fa8800b01cf19683f3d3750330b5ba615f8",type:"button",class:"co-phone-field__selector",disabled:this.disabled,onClick:()=>this.handleToggleDropdown(),"aria-expanded":String(this.isOpen),"aria-haspopup":"listbox"},e?o("img",{class:"co-phone-field__flag",src:`https://flagcdn.com/w40/${e.iso2.toLowerCase()}.png`,alt:e.iso2}):o("co-icon",{name:"phone",size:16}),o("span",{key:"88a511099354fb3a5a87094ad42e9815442d645f",class:"co-phone-field__dial-code"},e?e.dialCode:""),o("span",{key:"a90e81ed45d444462832bae8a557bfca650e9cf9",class:"co-phone-field__chevron"},o("co-icon",{key:"6af34f6d60d89d2f361ed624c9d03a4a97154d70",name:"caret-down",size:14}))),o("input",{key:"64d0070a7acd9305fabcdcf251e295467800ca8c",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:"bcd1d824b74774f1164bdd985d13154436529264",class:"co-phone-field__dropdown",role:"listbox"},o("div",{key:"0d381b0c4bf154c3a360f2c8c18bd983183ed271",class:"co-phone-field__search"},o("input",{key:"054fa9f9c5b9086e084f0f46382c8b8f5b282b21",class:"co-phone-field__search-input",type:"text",placeholder:"Search country...",value:this.searchQuery,onInput:e=>this.handleSearchInput(e),autoFocus:!0})),o("div",{key:"3fad42562f19a689bc3f9ea630c93e07fd9bcb32",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:e.iso2}),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:"b9d4d6ab05c36a90aac5ba349f00ec3462ada032",class:"co-phone-field__helper"},this.statusIcon&&o("co-icon",{key:"c886b12e93267c884d33aa5145d69e71f0efac6a",name:this.statusIcon,size:14,weight:"fill",class:"co-phone-field__helper-icon"}),o("span",{key:"21be6a8deca13c7ea80ffe55069762ccf16458fd",class:"co-phone-field__helper-text"},this.helperText)))}get host(){return i(this)}static get watchers(){return{value:[{onValueChange:0}],defaultCountry:[{onDefaultCountryChange: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;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-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:color-mix(in srgb, var(--co-semantic-surface-secondary) 55%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);transition:border-color 0.15s ease, box-shadow 0.15s ease;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-color-status-error)}.co-phone-field__container:focus-within{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-focus) 15%, transparent)}.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-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}@supports not (background: color-mix(in srgb, red, transparent)){.co-phone-field__container{background:var(--co-semantic-surface-secondary)}}";export{r as co_phone_field}
1
+ import{r as e,c as a,h as o,a as i}from"./p-tT-aZV0-.js";import{R as n}from"./p-7FZXeBK4.js";import{r as d,h as s}from"./p-CQY6Ul7q.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=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.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.pre,o("span",{class:"co-phone-field__match"},a.match),a.post]: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 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:"0c1c765453fd4ec3c25ea586c24df13d563d0183",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:"7241ea86c1aa5ecdfaca9f916da0b8857c546f7f",class:"co-phone-field__label"},this.label,o(n,{key:"a9b6361645cfbaf46a51eae6251a1e4896661b45",required:this.required})),o("div",{key:"88f91585a55d38b3a9e1d0141a804633e8cda902",class:"co-phone-field__container"},o("button",{key:"86b736933e4116fe035bf744b974f39d8f9282ad",type:"button",class:"co-phone-field__selector",disabled:this.disabled,onClick:()=>this.handleToggleDropdown(),"aria-expanded":String(this.isOpen),"aria-haspopup":"listbox"},e?o("img",{class:"co-phone-field__flag",src:`https://flagcdn.com/w40/${e.iso2.toLowerCase()}.png`,alt:e.iso2}):o("co-icon",{name:"phone",size:16}),o("span",{key:"8417712d8a5da930057989996f830874a38e5320",class:"co-phone-field__dial-code"},e?e.dialCode:""),o("span",{key:"8bf326a6846b9a3ed83a6cf2191e5df2d8cc859a",class:"co-phone-field__chevron"},o("co-icon",{key:"fb5d2975572898de1f82e295180f55306b326bbf",name:"caret-down",size:14}))),o("input",{key:"797a9cbea54cb59c40da94365eb8a1350e750cea",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:"48cb464f8abb745ae4a15428b1fa339d0f51264d",class:"co-phone-field__dropdown",role:"listbox"},o("div",{key:"a0deba5bd857051ff6917be7f87829291379c9ac",class:"co-phone-field__search"},o("input",{key:"621d9b646763d44535e158f618113dfe5bfe807e",class:"co-phone-field__search-input",type:"text",placeholder:"Search country...",value:this.searchQuery,onInput:e=>this.handleSearchInput(e),autoFocus:!0})),o("div",{key:"f704fb94729f3001faa17e0fdb631bda0cc03b02",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:e.iso2}),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:"acdb17617c05389dc188b5c02e301841302ddfc5",class:"co-phone-field__helper"},this.statusIcon&&o("co-icon",{key:"966719a393cf04403fab56f839b383c2df02597e",name:this.statusIcon,size:14,weight:"fill",class:"co-phone-field__helper-icon"}),o("span",{key:"3e91617e7159c113219acb3617c1a0db1fc736f3",class:"co-phone-field__helper-text"},this.helperText)))}get host(){return i(this)}static get watchers(){return{value:[{onValueChange:0}],defaultCountry:[{onDefaultCountryChange: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;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-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-color-opacity-negro-25, rgba(31, 28, 27, 0.25));border-radius:var(--co-border-radius-xs);transition:border-color 0.15s ease, box-shadow 0.15s ease;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-color-status-error)}.co-phone-field__container:focus-within{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-focus) 15%, transparent)}.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-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{r as co_phone_field}
@@ -0,0 +1 @@
1
+ import{r as a,h as t}from"./p-tT-aZV0-.js";function r(a){const t=function(a){if(!a||"string"!=typeof a)return null;const t=a.replace("#","");return 3===t.length?{r:parseInt(t[0]+t[0],16),g:parseInt(t[1]+t[1],16),b:parseInt(t[2]+t[2],16)}:6===t.length?{r:parseInt(t.slice(0,2),16),g:parseInt(t.slice(2,4),16),b:parseInt(t.slice(4,6),16)}:null}(a);if(!t)return 0;const[r,e,o]=[t.r/255,t.g/255,t.b/255].map((a=>a<=.03928?a/12.92:Math.pow((a+.055)/1.055,2.4)));return.2126*r+.7152*e+.0722*o}const e={xl:80,lg:64,md:56,sm:48,xs:32,xxs:24},o={xl:32,lg:28,md:24,sm:20,xs:16,xxs:12},s={xl:"var(--co-font-size-26)",lg:"var(--co-font-size-22)",md:"var(--co-font-size-18)",sm:"var(--co-font-size-16)",xs:"var(--co-font-size-12)",xxs:"var(--co-font-size-10)"},i=class{constructor(t){a(this,t),this.type="text",this.size="md",this.icon="user",this.iconWeight="regular",this.shape="circle",this.imgFailed=!1,this.handleImgError=()=>{this.imgFailed=!0}}render(){var a,i,c,n,v,l,L;const h=null!==(a=e[this.size])&&void 0!==a?a:56,d=null!==(i=o[this.size])&&void 0!==i?i:24,u=null!==(c=s[this.size])&&void 0!==c?c:"var(--co-font-size-18)",p="image"===this.type&&this.src&&!this.imgFailed,f="text"===this.type?this.text:"image"===this.type&&null!==(v=null!==(n=this.alt)&&void 0!==n?n:this.text)&&void 0!==v?v:this.icon;return t("div",{key:"41da32ebacadf5fd33c9f6a10ac0069ddaa81ce6",class:{"co-avatar":!0,[`co-avatar--${this.size}`]:!0,[`co-avatar--${this.type}`]:!0,"co-avatar--square":"square"===this.shape,"co-avatar--light":!!this.color&&(m=this.color,r(m)>.4)},style:Object.assign(Object.assign({width:`var(--co-avatar-size, ${h}px)`,height:`var(--co-avatar-size, ${h}px)`,fontSize:u},this.color?{background:this.color}:{}),this.ringColor?{"--co-avatar-border-color":this.ringColor,"--co-avatar-border-width":"2px"}:{}),part:"avatar",role:"img","aria-label":f},p?t("img",{class:"co-avatar__img",src:this.src,alt:null!==(L=null!==(l=this.alt)&&void 0!==l?l:this.text)&&void 0!==L?L:"",onError:this.handleImgError}):"icon"===this.type?t("co-icon",{name:this.icon,weight:this.iconWeight,size:d}):t("span",{class:"co-avatar__text"},this.text));var m}};i.style=":host{display:inline-flex;--co-avatar-squircle:url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><path d='M100 50L99.94 68.06L99.75 73.81L99.44 77.94L99.01 81.26L98.44 84.05L97.74 86.46L96.91 88.57L95.94 90.43L94.81 92.07L93.53 93.53L92.07 94.81L90.43 95.94L88.57 96.91L86.46 97.74L84.05 98.44L81.26 99.01L77.94 99.44L73.81 99.75L68.06 99.94L50 100L31.94 99.94L26.19 99.75L22.06 99.44L18.74 99.01L15.95 98.44L13.54 97.74L11.43 96.91L9.57 95.94L7.93 94.81L6.47 93.53L5.19 92.07L4.06 90.43L3.09 88.57L2.26 86.46L1.56 84.05L0.99 81.26L0.56 77.94L0.25 73.81L0.06 68.06L0 50L0.06 31.94L0.25 26.19L0.56 22.06L0.99 18.74L1.56 15.95L2.26 13.54L3.09 11.43L4.06 9.57L5.19 7.93L6.47 6.47L7.93 5.19L9.57 4.06L11.43 3.09L13.54 2.26L15.95 1.56L18.74 0.99L22.06 0.56L26.19 0.25L31.94 0.06L50 0L68.06 0.06L73.81 0.25L77.94 0.56L81.26 0.99L84.05 1.56L86.46 2.26L88.57 3.09L90.43 4.06L92.07 5.19L93.53 6.47L94.81 7.93L95.94 9.57L96.91 11.43L97.74 13.54L98.44 15.95L99.01 18.74L99.44 22.06L99.75 26.19L99.94 31.94Z' fill='%23fff'/></svg>\")}.co-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);font-family:var(--co-font-family-primary);font-weight:600;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);overflow:hidden;flex-shrink:0;user-select:none;-webkit-font-smoothing:antialiased}.co-avatar::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 var(--co-avatar-border-width, 1px) var(--co-avatar-border-color, transparent)}.co-avatar__text{text-transform:uppercase}.co-avatar__img{width:100%;height:100%;object-fit:cover;display:block}.co-avatar--square{border-radius:0;-webkit-mask:var(--co-avatar-squircle) center / 100% 100% no-repeat;mask:var(--co-avatar-squircle) center / 100% 100% no-repeat}.co-avatar--square::after{--co-avatar-bw:var(--co-avatar-border-width, 1px);box-shadow:none;background:var(--co-avatar-border-color, transparent);-webkit-mask:var(--co-avatar-squircle) center / 100% 100% no-repeat, var(--co-avatar-squircle) center / calc(100% - 2 * var(--co-avatar-bw)) calc(100% - 2 * var(--co-avatar-bw)) no-repeat;-webkit-mask-composite:xor;mask:var(--co-avatar-squircle) center / 100% 100% no-repeat, var(--co-avatar-squircle) center / calc(100% - 2 * var(--co-avatar-bw)) calc(100% - 2 * var(--co-avatar-bw)) no-repeat;mask-composite:exclude}.co-avatar--light{color:rgba(0, 0, 0, 0.87)}";export{i as co_avatar}
@@ -1 +1 @@
1
- import{r,h as s}from"./p-CYsftTKf.js";const o=class{constructor(s){r(this,s),this.value=0,this.status="default",this.variant="solid",this.thickness=4,this.indeterminate=!1}render(){const r=Math.max(0,Math.min(100,this.value)),o=this.indeterminate;return s("div",{key:"3063137d53e16044d3a0e7eaf9297c33955494f2",class:{"co-progress-bar":!0,[`co-progress-bar--${this.status}`]:!0,[`co-progress-bar--${this.variant}`]:!0,"co-progress-bar--indeterminate":o},role:"progressbar","aria-valuenow":o?void 0:r,"aria-valuemin":0,"aria-valuemax":100,part:"bar",style:{height:`${this.thickness}px`}},s("div",{key:"171a08b832dd1f9430947e0b39b516b4d3580454",class:"co-progress-bar__fill",style:o?void 0:{width:`${r}%`}}))}};o.style=":host{display:block;width:100%}.co-progress-bar{width:100%;border-radius:9999px;overflow:hidden;background:var(--co-semantic-border-subtle);position:relative}.co-progress-bar__fill{height:100%;border-radius:9999px;transition:width 0.3s ease}.co-progress-bar--solid .co-progress-bar__fill{background:var(--co-semantic-status-info)}.co-progress-bar--solid.co-progress-bar--success .co-progress-bar__fill{background:var(--co-semantic-status-success)}.co-progress-bar--solid.co-progress-bar--warning .co-progress-bar__fill{background:var(--co-semantic-status-warning)}.co-progress-bar--solid.co-progress-bar--error .co-progress-bar__fill{background:var(--co-semantic-status-error)}.co-progress-bar--dashed{background:transparent;border:2px dashed var(--co-semantic-border-subtle)}.co-progress-bar--dashed .co-progress-bar__fill{background:transparent;border-bottom:2px dashed var(--co-semantic-status-info);border-radius:0}.co-progress-bar--dashed.co-progress-bar--success .co-progress-bar__fill{border-bottom-color:var(--co-semantic-status-success)}.co-progress-bar--dashed.co-progress-bar--warning .co-progress-bar__fill{border-bottom-color:var(--co-semantic-status-warning)}.co-progress-bar--dashed.co-progress-bar--error .co-progress-bar__fill{border-bottom-color:var(--co-semantic-status-error)}.co-progress-bar--dashed.co-progress-bar--default{border-color:var(--co-semantic-border-muted)}.co-progress-bar--indeterminate .co-progress-bar__fill{width:40%;transition:none;animation:co-progress-indeterminate 1.4s ease-in-out infinite;will-change:transform}@keyframes co-progress-indeterminate{0%{transform:translateX(-110%)}100%{transform:translateX(360%)}}@media (prefers-reduced-motion: reduce){.co-progress-bar--indeterminate .co-progress-bar__fill{animation:none;width:100%;opacity:0.45}}";export{o as co_progress_bar}
1
+ import{r,h as s}from"./p-tT-aZV0-.js";const o=class{constructor(s){r(this,s),this.value=0,this.status="default",this.variant="solid",this.thickness=4,this.indeterminate=!1}render(){const r=Math.max(0,Math.min(100,this.value)),o=this.indeterminate;return s("div",{key:"89d8f4d14642d426bdd7cefd047aa27eb301c217",class:{"co-progress-bar":!0,[`co-progress-bar--${this.status}`]:!0,[`co-progress-bar--${this.variant}`]:!0,"co-progress-bar--indeterminate":o},role:"progressbar","aria-valuenow":o?void 0:r,"aria-valuemin":0,"aria-valuemax":100,part:"bar",style:{height:`${this.thickness}px`}},s("div",{key:"1aa79096ed24c2f4cddeefe704ffbd312d5e95ce",class:"co-progress-bar__fill",style:o?void 0:{width:`${r}%`}}))}};o.style=":host{display:block;width:100%}.co-progress-bar{width:100%;border-radius:9999px;overflow:hidden;background:var(--co-semantic-border-subtle);position:relative}.co-progress-bar__fill{height:100%;border-radius:9999px;transition:width 0.3s ease}.co-progress-bar--solid .co-progress-bar__fill{background:var(--co-semantic-status-info)}.co-progress-bar--solid.co-progress-bar--success .co-progress-bar__fill{background:var(--co-semantic-status-success)}.co-progress-bar--solid.co-progress-bar--warning .co-progress-bar__fill{background:var(--co-semantic-status-warning)}.co-progress-bar--solid.co-progress-bar--error .co-progress-bar__fill{background:var(--co-semantic-status-error)}.co-progress-bar--dashed{background:transparent;border:2px dashed var(--co-semantic-border-subtle)}.co-progress-bar--dashed .co-progress-bar__fill{background:transparent;border-bottom:2px dashed var(--co-semantic-status-info);border-radius:0}.co-progress-bar--dashed.co-progress-bar--success .co-progress-bar__fill{border-bottom-color:var(--co-semantic-status-success)}.co-progress-bar--dashed.co-progress-bar--warning .co-progress-bar__fill{border-bottom-color:var(--co-semantic-status-warning)}.co-progress-bar--dashed.co-progress-bar--error .co-progress-bar__fill{border-bottom-color:var(--co-semantic-status-error)}.co-progress-bar--dashed.co-progress-bar--default{border-color:var(--co-semantic-border-subtle, rgba(31, 28, 27, 0.08))}.co-progress-bar--indeterminate .co-progress-bar__fill{width:40%;transition:none;animation:co-progress-indeterminate 1.4s ease-in-out infinite;will-change:transform}@keyframes co-progress-indeterminate{0%{transform:translateX(-110%)}100%{transform:translateX(360%)}}@media (prefers-reduced-motion: reduce){.co-progress-bar--indeterminate .co-progress-bar__fill{animation:none;width:100%;opacity:0.45}}";export{o as co_progress_bar}