@prolibu-suite/cobalt-core 0.1.2 → 0.3.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.
- package/custom-elements.json +21351 -7087
- package/dist/cjs/co-accordion.cjs.entry.js +19 -4
- package/dist/cjs/co-app-shell.cjs.entry.js +4 -4
- package/dist/cjs/co-autocomplete.cjs.entry.js +54 -6
- package/dist/cjs/co-avatar-group.cjs.entry.js +77 -0
- package/dist/cjs/co-avatar.cjs.entry.js +42 -7
- package/dist/cjs/co-badge.cjs.entry.js +2 -2
- package/dist/cjs/co-bottom-sheet.cjs.entry.js +325 -0
- package/dist/cjs/co-button-group.cjs.entry.js +3 -3
- package/dist/cjs/co-button.cjs.entry.js +12 -7
- package/dist/cjs/co-calendar-month.cjs.entry.js +381 -0
- package/dist/cjs/co-calendar_3.cjs.entry.js +692 -0
- package/dist/cjs/co-card.cjs.entry.js +21 -4
- package/dist/cjs/co-checkbox-group.cjs.entry.js +7 -5
- package/dist/cjs/co-checkbox.cjs.entry.js +5 -5
- package/dist/cjs/co-chip.cjs.entry.js +11 -8
- package/dist/cjs/co-color-picker.cjs.entry.js +111 -0
- package/dist/cjs/co-column-picker.cjs.entry.js +443 -0
- package/dist/cjs/co-combobox.cjs.entry.js +51 -15
- package/dist/cjs/co-command-search.cjs.entry.js +159 -13
- package/dist/cjs/co-data-table-pagination.cjs.entry.js +5 -5
- package/dist/cjs/co-data-table.cjs.entry.js +38 -12
- package/dist/cjs/co-date-picker.cjs.entry.js +177 -0
- package/dist/cjs/co-date-range-picker.cjs.entry.js +378 -0
- package/dist/cjs/co-date-range.cjs.entry.js +13 -259
- package/dist/cjs/co-empty-state.cjs.entry.js +2 -2
- package/dist/cjs/co-event-calendar.cjs.entry.js +318 -0
- package/dist/cjs/co-fab.cjs.entry.js +3 -3
- package/dist/cjs/co-file-field.cjs.entry.js +498 -0
- package/dist/cjs/co-helper-text.cjs.entry.js +3 -3
- package/dist/cjs/co-icon-button.cjs.entry.js +6 -6
- package/dist/cjs/co-icon.cjs.entry.js +36 -25
- package/dist/cjs/co-input.cjs.entry.js +13 -8
- package/dist/cjs/co-json-field.cjs.entry.js +113 -0
- package/dist/cjs/co-lightbox.cjs.entry.js +344 -0
- package/dist/cjs/co-list-footer.cjs.entry.js +25 -0
- package/dist/cjs/co-list-item.cjs.entry.js +70 -4
- package/dist/cjs/co-loader_2.cjs.entry.js +293 -0
- package/dist/cjs/co-menu-divider.cjs.entry.js +2 -2
- package/dist/cjs/co-menu-item.cjs.entry.js +17 -10
- package/dist/cjs/co-menu.cjs.entry.js +2 -2
- package/dist/cjs/co-modal.cjs.entry.js +25 -3
- package/dist/cjs/co-navbar.cjs.entry.js +4 -4
- package/dist/cjs/co-number-field.cjs.entry.js +60 -12
- package/dist/cjs/co-page-header.cjs.entry.js +2 -2
- package/dist/cjs/co-phone-field.cjs.entry.js +378 -0
- package/dist/cjs/co-popover.cjs.entry.js +46 -15
- package/dist/cjs/co-progress-bar.cjs.entry.js +8 -4
- package/dist/cjs/co-progress-circle.cjs.entry.js +38 -0
- package/dist/cjs/co-radio-group.cjs.entry.js +7 -5
- package/dist/cjs/co-radio.cjs.entry.js +4 -4
- package/dist/cjs/co-rating.cjs.entry.js +4 -4
- package/dist/cjs/co-ref-field.cjs.entry.js +214 -21
- package/dist/cjs/co-rich-text-editor.cjs.entry.js +2081 -0
- package/dist/cjs/co-rich-text-toolbar.cjs.entry.js +1108 -0
- package/dist/cjs/co-rich-text-viewer.cjs.entry.js +118 -0
- package/dist/cjs/co-row.cjs.entry.js +3 -3
- package/dist/cjs/co-select.cjs.entry.js +119 -18
- package/dist/cjs/co-separator.cjs.entry.js +2 -2
- package/dist/cjs/co-sidebar-nav.cjs.entry.js +55 -10
- package/dist/cjs/co-sidebar.cjs.entry.js +3 -3
- package/dist/cjs/co-skeleton.cjs.entry.js +26 -0
- package/dist/cjs/co-slider.cjs.entry.js +3 -3
- package/dist/cjs/co-switch.cjs.entry.js +9 -6
- package/dist/cjs/co-tab-group.cjs.entry.js +2 -2
- package/dist/cjs/co-tab.cjs.entry.js +3 -3
- package/dist/cjs/co-tags-field.cjs.entry.js +211 -0
- package/dist/cjs/co-textarea.cjs.entry.js +96 -0
- package/dist/cjs/co-toast.cjs.entry.js +2 -2
- package/dist/cjs/co-toggle-button-group.cjs.entry.js +7 -4
- package/dist/cjs/co-toggle-button.cjs.entry.js +4 -4
- package/dist/cjs/co-tooltip.cjs.entry.js +56 -15
- package/dist/cjs/co-transfer-list.cjs.entry.js +20 -6
- package/dist/cjs/co-video.cjs.entry.js +839 -0
- package/dist/cjs/cobalt.cjs.js +2 -2
- package/dist/cjs/dateI18n-BdiNAl0_.js +106 -0
- package/dist/cjs/dates-D8D-aS5d.js +432 -0
- package/dist/cjs/fieldChip-CDIMz_Y6.js +7 -0
- package/dist/cjs/index-5NdsiFjZ.js +35405 -0
- package/dist/cjs/{index-BEovErzl.js → index-BumlM92r.js} +115 -23
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/normalizeText-B-v-XPKf.js +96 -0
- package/dist/cjs/overlayAfterClose-BdeXrhVY.js +12 -0
- package/dist/cjs/overlayScroll-ifzDNeyb.js +25 -0
- package/dist/cjs/overlayscrollbars-BlBHo2Xx.js +2842 -0
- package/dist/cjs/{positioning-DozpXyBd.js → positioning-DwHW399W.js} +40 -25
- package/dist/cjs/purify.es-DX41ZWS2.js +1776 -0
- package/dist/cjs/requiredMark-CqMGt1H1.js +16 -0
- package/dist/cjs/richTextI18n-B7ktXg3M.js +382 -0
- package/dist/cjs/toolbar-config-3PlT-3zm.js +216 -0
- package/dist/cjs/tz-Dgom0W69.js +127 -0
- package/dist/cobalt/cobalt.css +1 -1
- package/dist/cobalt/cobalt.esm.js +1 -1
- package/dist/cobalt/p-0a506c9d.entry.js +1 -0
- package/dist/cobalt/p-0bb55163.entry.js +1 -0
- package/dist/cobalt/{p-fb047df8.entry.js → p-0e8c0d87.entry.js} +1 -1
- package/dist/cobalt/p-12e2c2c4.entry.js +1 -0
- package/dist/cobalt/p-136ad468.entry.js +1 -0
- package/dist/cobalt/p-14b59277.entry.js +1 -0
- package/dist/cobalt/p-1531d3c9.entry.js +1 -0
- package/dist/cobalt/p-1774d211.entry.js +1 -0
- package/dist/cobalt/{p-c7517f86.entry.js → p-180e1106.entry.js} +1 -1
- package/dist/cobalt/p-1a07c23c.entry.js +1 -0
- package/dist/cobalt/p-1dc9c49e.entry.js +1 -0
- package/dist/cobalt/p-1f747e45.entry.js +1 -0
- package/dist/cobalt/{p-d29c77cb.entry.js → p-201eaf35.entry.js} +1 -1
- package/dist/cobalt/p-260101ab.entry.js +1 -0
- package/dist/cobalt/p-279bf91c.entry.js +1 -0
- package/dist/cobalt/p-29be61a9.entry.js +1 -0
- package/dist/cobalt/p-2d2ce434.entry.js +1 -0
- package/dist/cobalt/{p-416bb5ae.entry.js → p-2f86e1e0.entry.js} +1 -1
- package/dist/cobalt/{p-4cf6d1f4.entry.js → p-31ab9a46.entry.js} +1 -1
- package/dist/cobalt/{p-319937c3.entry.js → p-37595103.entry.js} +1 -1
- package/dist/cobalt/p-377c2ccc.entry.js +1 -0
- package/dist/cobalt/p-3863ea91.entry.js +1 -0
- package/dist/cobalt/p-3a257cb0.entry.js +1 -0
- package/dist/cobalt/p-3e187456.entry.js +1 -0
- package/dist/cobalt/p-4431faac.entry.js +1 -0
- package/dist/cobalt/{p-4d8ff00a.entry.js → p-4504f7b0.entry.js} +1 -1
- package/dist/cobalt/p-456fa86f.entry.js +1 -0
- package/dist/cobalt/p-4871690e.entry.js +1 -0
- package/dist/cobalt/p-4c01d984.entry.js +1 -0
- package/dist/cobalt/p-51a53177.entry.js +1 -0
- package/dist/cobalt/p-52de17da.entry.js +1 -0
- package/dist/cobalt/p-5890e4d1.entry.js +1 -0
- package/dist/cobalt/{p-e50c4c6f.entry.js → p-58a53421.entry.js} +1 -1
- package/dist/cobalt/p-62274eba.entry.js +1 -0
- package/dist/cobalt/p-635b03d5.entry.js +1 -0
- package/dist/cobalt/p-64ddee92.entry.js +1 -0
- package/dist/cobalt/p-65af5017.entry.js +1 -0
- package/dist/cobalt/p-69d4c0c8.entry.js +1 -0
- package/dist/cobalt/p-6c480916.entry.js +1 -0
- package/dist/cobalt/p-6d1217c3.entry.js +1 -0
- package/dist/cobalt/p-6e808b3a.entry.js +1 -0
- package/dist/cobalt/{p-697df797.entry.js → p-70b14b05.entry.js} +1 -1
- package/dist/cobalt/{p-1d7da33f.entry.js → p-790d384e.entry.js} +1 -1
- package/dist/cobalt/p-8012e152.entry.js +1 -0
- package/dist/cobalt/p-80b27203.entry.js +1 -0
- package/dist/cobalt/p-867c1465.entry.js +1 -0
- package/dist/cobalt/p-86a143d7.entry.js +1 -0
- package/dist/cobalt/{p-3b2f7959.entry.js → p-8d59f5ad.entry.js} +1 -1
- package/dist/cobalt/p-8d7fdb9d.entry.js +1 -0
- package/dist/cobalt/p-8dc1dab8.entry.js +1 -0
- package/dist/cobalt/p-8e1dc062.entry.js +1 -0
- package/dist/cobalt/p-929e647f.entry.js +1 -0
- package/dist/cobalt/p-92bd9b29.entry.js +1 -0
- package/dist/cobalt/p-93046365.entry.js +1 -0
- package/dist/cobalt/p-98ab5f3f.entry.js +1 -0
- package/dist/cobalt/p-9a04ca90.entry.js +1 -0
- package/dist/cobalt/{p-ebd1555e.entry.js → p-9a088515.entry.js} +1 -1
- package/dist/cobalt/p-9abbd436.entry.js +1 -0
- package/dist/cobalt/p-9d69c067.entry.js +1 -0
- package/dist/cobalt/p-B-ckjCUA.js +1 -0
- package/dist/cobalt/p-B2QLgWrz.js +2 -0
- package/dist/cobalt/p-B6JZk8fL.js +1 -0
- package/dist/cobalt/p-BZJ7NCm5.js +1 -0
- package/dist/cobalt/p-C1DCLOEl.js +1 -0
- package/dist/cobalt/p-C2mZ7x_Y.js +1 -0
- package/dist/cobalt/p-CQY6Ul7q.js +1 -0
- package/dist/cobalt/p-CYsftTKf.js +2 -0
- package/dist/cobalt/p-CegCk7FL.js +1 -0
- package/dist/cobalt/p-Ch1jfwZ2.js +1 -0
- package/dist/cobalt/p-ChibIpZv.js +1 -0
- package/dist/cobalt/p-DqyWGweA.js +1 -0
- package/dist/cobalt/p-afb7e19e.entry.js +1 -0
- package/dist/cobalt/p-b6f20268.entry.js +1 -0
- package/dist/cobalt/p-ba90e871.entry.js +1 -0
- package/dist/cobalt/p-c10697e1.entry.js +1 -0
- package/dist/cobalt/p-c4f59532.entry.js +1 -0
- package/dist/cobalt/{p-1b5c723a.entry.js → p-cb235aa7.entry.js} +1 -1
- package/dist/cobalt/p-cfb36943.entry.js +1 -0
- package/dist/cobalt/p-d809bd44.entry.js +1 -0
- package/dist/cobalt/p-e53861e4.entry.js +1 -0
- package/dist/cobalt/p-e54dd404.entry.js +1 -0
- package/dist/cobalt/{p-1021f612.entry.js → p-eb18fdbf.entry.js} +1 -1
- package/dist/cobalt/{p-a7fa4484.entry.js → p-eb73052a.entry.js} +1 -1
- package/dist/cobalt/p-ef7d4ae3.entry.js +1 -0
- package/dist/cobalt/p-f4063c41.entry.js +1 -0
- package/dist/cobalt/p-oImf-7fN.js +1 -0
- package/dist/cobalt/p-ox7HzCZn.js +10 -0
- package/dist/cobalt/p-tPYikBRJ.js +1 -0
- package/dist/collection/collection-manifest.json +27 -4
- package/dist/collection/components/co-accordion/co-accordion.css +19 -1
- package/dist/collection/components/co-accordion/co-accordion.js +46 -4
- package/dist/collection/components/co-app-shell/co-app-shell.css +79 -6
- package/dist/collection/components/co-app-shell/co-app-shell.js +2 -2
- package/dist/collection/components/co-autocomplete/co-autocomplete.css +753 -8
- package/dist/collection/components/co-autocomplete/co-autocomplete.js +111 -4
- package/dist/collection/components/co-avatar/co-avatar.css +45 -1
- package/dist/collection/components/co-avatar/co-avatar.js +56 -6
- package/dist/collection/components/co-avatar-group/co-avatar-group.css +86 -0
- package/dist/collection/components/co-avatar-group/co-avatar-group.js +224 -0
- package/dist/collection/components/co-badge/co-badge.js +1 -1
- package/dist/collection/components/co-bottom-sheet/co-bottom-sheet.css +136 -0
- package/dist/collection/components/co-bottom-sheet/co-bottom-sheet.js +507 -0
- package/dist/collection/components/co-button/co-button.css +48 -12
- package/dist/collection/components/co-button/co-button.js +70 -8
- package/dist/collection/components/co-button-group/co-button-group.js +2 -2
- package/dist/collection/components/co-calendar/co-calendar.css +236 -0
- package/dist/collection/components/co-calendar/co-calendar.js +728 -0
- package/dist/collection/components/co-calendar-month/co-calendar-month.css +231 -0
- package/dist/collection/components/co-calendar-month/co-calendar-month.js +594 -0
- package/dist/collection/components/co-card/co-card.css +28 -5
- package/dist/collection/components/co-card/co-card.js +47 -4
- package/dist/collection/components/co-checkbox/co-checkbox.css +7 -1
- package/dist/collection/components/co-checkbox/co-checkbox.js +3 -3
- package/dist/collection/components/co-checkbox-group/co-checkbox-group.css +33 -1
- package/dist/collection/components/co-checkbox-group/co-checkbox-group.js +25 -3
- package/dist/collection/components/co-chip/co-chip.css +27 -7
- package/dist/collection/components/co-chip/co-chip.js +52 -10
- package/dist/collection/components/co-color-picker/co-color-picker.css +258 -0
- package/dist/collection/components/co-color-picker/co-color-picker.js +355 -0
- package/dist/collection/components/co-color-picker/presets.js +19 -0
- package/dist/collection/components/co-column-picker/co-column-picker.css +490 -0
- package/dist/collection/components/co-column-picker/co-column-picker.js +675 -0
- package/dist/collection/components/co-column-picker/column-picker-node.js +34 -0
- package/dist/collection/components/co-column-picker/utils/column-picker-tree.js +221 -0
- package/dist/collection/components/co-combobox/co-combobox.css +778 -51
- package/dist/collection/components/co-combobox/co-combobox.js +130 -15
- package/dist/collection/components/co-command-search/co-command-search.css +167 -1
- package/dist/collection/components/co-command-search/co-command-search.js +362 -14
- package/dist/collection/components/co-command-search/commandSearchGroup.js +17 -0
- package/dist/collection/components/co-command-search/commandSearchLogic.js +27 -0
- package/dist/collection/components/co-data-table/co-data-table.css +37 -1
- package/dist/collection/components/co-data-table/co-data-table.js +38 -12
- package/dist/collection/components/co-data-table-pagination/co-data-table-pagination.js +4 -4
- package/dist/collection/components/co-date-field/co-date-field.css +245 -0
- package/dist/collection/components/co-date-field/co-date-field.js +746 -0
- package/dist/collection/components/co-date-picker/co-date-picker.css +112 -0
- package/dist/collection/components/co-date-picker/co-date-picker.js +801 -0
- package/dist/collection/components/co-date-range/co-date-range.css +3 -254
- package/dist/collection/components/co-date-range/co-date-range.js +29 -433
- package/dist/collection/components/co-date-range-picker/co-date-range-picker.css +257 -0
- package/dist/collection/components/co-date-range-picker/co-date-range-picker.js +1142 -0
- package/dist/collection/components/co-drawer/co-drawer.css +20 -0
- package/dist/collection/components/co-drawer/co-drawer.js +46 -2
- package/dist/collection/components/co-empty-state/co-empty-state.js +1 -1
- package/dist/collection/components/co-event-calendar/co-event-calendar.css +146 -0
- package/dist/collection/components/co-event-calendar/co-event-calendar.js +620 -0
- package/dist/collection/components/co-fab/co-fab.js +2 -2
- package/dist/collection/components/co-file-field/co-file-field.css +395 -0
- package/dist/collection/components/co-file-field/co-file-field.js +841 -0
- package/dist/collection/components/co-file-field/co-file-field.utils.js +47 -0
- package/dist/collection/components/co-helper-text/co-helper-text.js +2 -2
- package/dist/collection/components/co-icon/co-icon.js +7 -34
- package/dist/collection/components/co-icon/iconLoader.js +39 -0
- package/dist/collection/components/co-icon-button/co-icon-button.css +27 -6
- package/dist/collection/components/co-icon-button/co-icon-button.js +26 -7
- package/dist/collection/components/co-input/co-input.css +63 -11
- package/dist/collection/components/co-input/co-input.js +34 -9
- package/dist/collection/components/co-json-field/co-json-field.css +193 -0
- package/dist/collection/components/co-json-field/co-json-field.js +477 -0
- package/dist/collection/components/co-lightbox/co-lightbox.css +164 -0
- package/dist/collection/components/co-lightbox/co-lightbox.js +451 -0
- package/dist/collection/components/co-list-footer/co-list-footer.css +50 -0
- package/dist/collection/components/co-list-footer/co-list-footer.js +149 -0
- package/dist/collection/components/co-list-item/co-list-item.css +12 -0
- package/dist/collection/components/co-list-item/co-list-item.js +75 -2
- package/dist/collection/components/co-loader/co-loader.css +9 -0
- package/dist/collection/components/co-menu/co-menu.js +1 -1
- package/dist/collection/components/co-menu-divider/co-menu-divider.js +1 -1
- package/dist/collection/components/co-menu-item/co-menu-item.css +18 -0
- package/dist/collection/components/co-menu-item/co-menu-item.js +15 -8
- package/dist/collection/components/co-modal/co-modal.css +59 -5
- package/dist/collection/components/co-modal/co-modal.js +91 -1
- package/dist/collection/components/co-navbar/co-navbar.css +1 -1
- package/dist/collection/components/co-navbar/co-navbar.js +2 -2
- package/dist/collection/components/co-number-field/co-number-field.css +89 -1
- package/dist/collection/components/co-number-field/co-number-field.js +175 -14
- package/dist/collection/components/co-overlay/co-overlay.css +15 -1
- package/dist/collection/components/co-overlay/co-overlay.js +266 -1
- package/dist/collection/components/co-overlay/focusTrap.js +53 -0
- package/dist/collection/components/co-overlay/overlayAfterClose.js +8 -0
- package/dist/collection/components/co-page-header/co-page-header.js +1 -1
- package/dist/collection/components/co-phone-field/co-phone-field.css +293 -0
- package/dist/collection/components/co-phone-field/co-phone-field.js +414 -0
- package/dist/collection/components/co-phone-field/dial-codes.js +208 -0
- package/dist/collection/components/co-popover/co-popover.css +9 -0
- package/dist/collection/components/co-popover/co-popover.js +43 -12
- package/dist/collection/components/co-progress-bar/co-progress-bar.css +22 -0
- package/dist/collection/components/co-progress-bar/co-progress-bar.js +26 -2
- package/dist/collection/components/co-progress-circle/co-progress-circle.css +50 -0
- package/dist/collection/components/co-progress-circle/co-progress-circle.js +148 -0
- package/dist/collection/components/co-radio/co-radio.js +3 -3
- package/dist/collection/components/co-radio-group/co-radio-group.css +26 -0
- package/dist/collection/components/co-radio-group/co-radio-group.js +25 -3
- package/dist/collection/components/co-rating/co-rating.js +3 -3
- package/dist/collection/components/co-ref-field/co-ref-field.css +876 -56
- package/dist/collection/components/co-ref-field/co-ref-field.js +0 -0
- package/dist/collection/components/co-rich-text-editor/co-rich-text-editor.css +1322 -0
- package/dist/collection/components/co-rich-text-editor/co-rich-text-editor.js +2823 -0
- package/dist/collection/components/co-rich-text-toolbar/co-rich-text-toolbar.css +837 -0
- package/dist/collection/components/co-rich-text-toolbar/co-rich-text-toolbar.js +1289 -0
- package/dist/collection/components/co-rich-text-viewer/co-rich-text-viewer.css +156 -0
- package/dist/collection/components/co-rich-text-viewer/co-rich-text-viewer.js +237 -0
- package/dist/collection/components/co-row/co-row.js +2 -2
- package/dist/collection/components/co-select/co-select.css +852 -8
- package/dist/collection/components/co-select/co-select.js +240 -17
- package/dist/collection/components/co-separator/co-separator.js +1 -1
- package/dist/collection/components/co-sidebar/co-sidebar.js +2 -2
- package/dist/collection/components/co-sidebar-nav/co-sidebar-nav.css +99 -12
- package/dist/collection/components/co-sidebar-nav/co-sidebar-nav.js +54 -9
- package/dist/collection/components/co-skeleton/co-skeleton.css +28 -0
- package/dist/collection/components/co-skeleton/co-skeleton.js +97 -0
- package/dist/collection/components/co-slider/co-slider.js +2 -2
- package/dist/collection/components/co-switch/co-switch.css +26 -1
- package/dist/collection/components/co-switch/co-switch.js +27 -4
- package/dist/collection/components/co-tab/co-tab.js +2 -2
- package/dist/collection/components/co-tab-group/co-tab-group.js +1 -1
- package/dist/collection/components/co-tags-field/co-tags-field.css +310 -0
- package/dist/collection/components/co-tags-field/co-tags-field.js +616 -0
- package/dist/collection/components/co-textarea/co-textarea.css +286 -0
- package/dist/collection/components/co-textarea/co-textarea.js +508 -0
- package/dist/collection/components/co-toast/co-toast.js +1 -1
- package/dist/collection/components/co-toggle-button/co-toggle-button.css +30 -6
- package/dist/collection/components/co-toggle-button/co-toggle-button.js +3 -3
- package/dist/collection/components/co-toggle-button-group/co-toggle-button-group.css +32 -12
- package/dist/collection/components/co-toggle-button-group/co-toggle-button-group.js +25 -2
- package/dist/collection/components/co-tooltip/co-tooltip.css +24 -0
- package/dist/collection/components/co-tooltip/co-tooltip.js +73 -12
- package/dist/collection/components/co-transfer-list/co-transfer-list.css +683 -7
- package/dist/collection/components/co-transfer-list/co-transfer-list.js +17 -4
- package/dist/collection/components/co-video/co-video.css +497 -0
- package/dist/collection/components/co-video/co-video.js +1772 -0
- package/dist/collection/utils/dateI18n.js +101 -0
- package/dist/collection/utils/fieldChip.js +2 -0
- package/dist/collection/utils/fileI18n.js +76 -0
- package/dist/collection/utils/icon-config.js +34 -0
- package/dist/collection/utils/lightboxI18n.js +42 -0
- package/dist/collection/utils/normalizeText.js +94 -0
- package/dist/collection/utils/overlayScroll.js +20 -0
- package/dist/collection/utils/positioning.js +40 -25
- package/dist/collection/utils/requiredMark.js +11 -0
- package/dist/collection/utils/richTextI18n.js +378 -0
- package/dist/collection/utils/sheetGesture.js +53 -0
- package/dist/components/co-accordion.js +1 -1
- package/dist/components/co-app-shell.js +1 -1
- package/dist/components/co-autocomplete.js +1 -1
- package/dist/components/co-avatar-group.d.ts +11 -0
- package/dist/components/co-avatar-group.js +1 -0
- package/dist/components/co-avatar.js +1 -1
- package/dist/components/co-badge.js +1 -1
- package/dist/components/co-bottom-sheet.d.ts +11 -0
- package/dist/components/co-bottom-sheet.js +1 -0
- package/dist/components/co-button-group.js +1 -1
- package/dist/components/co-button.js +1 -1
- package/dist/components/co-calendar-month.d.ts +11 -0
- package/dist/components/co-calendar-month.js +1 -0
- package/dist/components/co-calendar.d.ts +11 -0
- package/dist/components/co-calendar.js +1 -0
- package/dist/components/co-card.js +1 -1
- package/dist/components/co-checkbox-group.js +1 -1
- package/dist/components/co-checkbox.js +1 -1
- package/dist/components/co-chip.js +1 -1
- package/dist/components/co-color-picker.d.ts +11 -0
- package/dist/components/co-color-picker.js +1 -0
- package/dist/components/co-column-picker.d.ts +11 -0
- package/dist/components/co-column-picker.js +1 -0
- package/dist/components/co-combobox.js +1 -1
- package/dist/components/co-command-search.js +1 -1
- package/dist/components/co-data-table-pagination.js +1 -1
- package/dist/components/co-data-table.js +1 -1
- package/dist/components/co-date-field.d.ts +11 -0
- package/dist/components/co-date-field.js +1 -0
- package/dist/components/co-date-picker.d.ts +11 -0
- package/dist/components/co-date-picker.js +1 -0
- package/dist/components/co-date-range-picker.d.ts +11 -0
- package/dist/components/co-date-range-picker.js +1 -0
- package/dist/components/co-date-range.js +1 -1
- package/dist/components/co-drawer.js +1 -1
- package/dist/components/co-empty-state.js +1 -1
- package/dist/components/co-event-calendar.d.ts +11 -0
- package/dist/components/co-event-calendar.js +1 -0
- package/dist/components/co-fab.js +1 -1
- package/dist/components/co-file-field.d.ts +11 -0
- package/dist/components/co-file-field.js +1 -0
- package/dist/components/co-helper-text.js +1 -1
- package/dist/components/co-icon-button.js +1 -1
- package/dist/components/co-icon.js +1 -1
- package/dist/components/co-input.js +1 -1
- package/dist/components/co-json-field.d.ts +11 -0
- package/dist/components/co-json-field.js +1 -0
- package/dist/components/co-lightbox.d.ts +11 -0
- package/dist/components/co-lightbox.js +1 -0
- package/dist/components/co-list-footer.d.ts +11 -0
- package/dist/components/co-list-footer.js +1 -0
- package/dist/components/co-list-item.js +1 -1
- package/dist/components/co-loader.js +1 -1
- package/dist/components/co-menu-divider.js +1 -1
- package/dist/components/co-menu-item.js +1 -1
- package/dist/components/co-menu.js +1 -1
- package/dist/components/co-modal.js +1 -1
- package/dist/components/co-navbar.js +1 -1
- package/dist/components/co-number-field.js +1 -1
- package/dist/components/co-overlay.js +1 -1
- package/dist/components/co-page-header.js +1 -1
- package/dist/components/co-phone-field.d.ts +11 -0
- package/dist/components/co-phone-field.js +1 -0
- package/dist/components/co-popover.js +1 -1
- package/dist/components/co-progress-bar.js +1 -1
- package/dist/components/co-progress-circle.d.ts +11 -0
- package/dist/components/co-progress-circle.js +1 -0
- package/dist/components/co-radio-group.js +1 -1
- package/dist/components/co-radio.js +1 -1
- package/dist/components/co-rating.js +1 -1
- package/dist/components/co-ref-field.js +1 -1
- package/dist/components/co-rich-text-editor.d.ts +11 -0
- package/dist/components/co-rich-text-editor.js +1 -0
- package/dist/components/co-rich-text-toolbar.d.ts +11 -0
- package/dist/components/co-rich-text-toolbar.js +1 -0
- package/dist/components/co-rich-text-viewer.d.ts +11 -0
- package/dist/components/co-rich-text-viewer.js +1 -0
- package/dist/components/co-row.js +1 -1
- package/dist/components/co-select.js +1 -1
- package/dist/components/co-separator.js +1 -1
- package/dist/components/co-sidebar-nav.js +1 -1
- package/dist/components/co-sidebar.js +1 -1
- package/dist/components/co-skeleton.d.ts +11 -0
- package/dist/components/co-skeleton.js +1 -0
- package/dist/components/co-slider.js +1 -1
- package/dist/components/co-switch.js +1 -1
- package/dist/components/co-tab-group.js +1 -1
- package/dist/components/co-tab.js +1 -1
- package/dist/components/co-tags-field.d.ts +11 -0
- package/dist/components/co-tags-field.js +1 -0
- package/dist/components/co-textarea.d.ts +11 -0
- package/dist/components/co-textarea.js +1 -0
- package/dist/components/co-toast.js +1 -1
- package/dist/components/co-toggle-button-group.js +1 -1
- package/dist/components/co-toggle-button.js +1 -1
- package/dist/components/co-tooltip.js +1 -1
- package/dist/components/co-transfer-list.js +1 -1
- package/dist/components/co-video.d.ts +11 -0
- package/dist/components/co-video.js +1 -0
- package/dist/components/index.js +1 -1
- package/dist/components/p-B2QLgWrz.js +2 -0
- package/dist/components/p-B7vGYFbO.js +1 -0
- package/dist/components/p-BB2OaYKF.js +1 -0
- package/dist/components/p-BFeE_fiq.js +1 -0
- package/dist/components/p-BNKz39GA.js +1 -0
- package/dist/components/p-Ba4v1NXo.js +1 -0
- package/dist/components/p-C1DCLOEl.js +1 -0
- package/dist/components/p-C2mZ7x_Y.js +1 -0
- package/dist/components/p-CQY6Ul7q.js +1 -0
- package/dist/components/p-CWneqh4n.js +1 -0
- package/dist/components/p-C_ULDaks.js +1 -0
- package/dist/components/p-CegCk7FL.js +1 -0
- package/dist/components/p-ChibIpZv.js +1 -0
- package/dist/components/p-CyYF8IJE.js +1 -0
- package/dist/components/p-D3Y_ti3Q.js +1 -0
- package/dist/components/p-DKh8ZK4U.js +1 -0
- package/dist/components/p-DeZxp9vb.js +1 -0
- package/dist/components/p-DqyWGweA.js +1 -0
- package/dist/components/p-DvhR3H61.js +1 -0
- package/dist/components/p-DxCFMMfY.js +1 -0
- package/dist/components/{p-OGpfa9Yd.js → p-DzoNGEDU.js} +1 -1
- package/dist/components/p-EPZfLt5l.js +1 -0
- package/dist/components/p-FMnqPWcM.js +1 -0
- package/dist/components/p-Hzh9U2cM.js +1 -0
- package/dist/components/p-WZ06pT2Y.js +1 -0
- package/dist/components/p-ox7HzCZn.js +10 -0
- package/dist/components/p-tloAgDin.js +1 -0
- package/dist/esm/co-accordion.entry.js +19 -4
- package/dist/esm/co-app-shell.entry.js +4 -4
- package/dist/esm/co-autocomplete.entry.js +54 -6
- package/dist/esm/co-avatar-group.entry.js +75 -0
- package/dist/esm/co-avatar.entry.js +41 -6
- package/dist/esm/co-badge.entry.js +2 -2
- package/dist/esm/co-bottom-sheet.entry.js +323 -0
- package/dist/esm/co-button-group.entry.js +3 -3
- package/dist/esm/co-button.entry.js +12 -7
- package/dist/esm/co-calendar-month.entry.js +379 -0
- package/dist/esm/co-calendar_3.entry.js +688 -0
- package/dist/esm/co-card.entry.js +21 -4
- package/dist/esm/co-checkbox-group.entry.js +7 -5
- package/dist/esm/co-checkbox.entry.js +5 -5
- package/dist/esm/co-chip.entry.js +11 -8
- package/dist/esm/co-color-picker.entry.js +109 -0
- package/dist/esm/co-column-picker.entry.js +441 -0
- package/dist/esm/co-combobox.entry.js +51 -15
- package/dist/esm/co-command-search.entry.js +159 -13
- package/dist/esm/co-data-table-pagination.entry.js +5 -5
- package/dist/esm/co-data-table.entry.js +38 -12
- package/dist/esm/co-date-picker.entry.js +175 -0
- package/dist/esm/co-date-range-picker.entry.js +376 -0
- package/dist/esm/co-date-range.entry.js +13 -259
- package/dist/esm/co-empty-state.entry.js +2 -2
- package/dist/esm/co-event-calendar.entry.js +316 -0
- package/dist/esm/co-fab.entry.js +3 -3
- package/dist/esm/co-file-field.entry.js +496 -0
- package/dist/esm/co-helper-text.entry.js +3 -3
- package/dist/esm/co-icon-button.entry.js +6 -6
- package/dist/esm/co-icon.entry.js +36 -25
- package/dist/esm/co-input.entry.js +13 -8
- package/dist/esm/co-json-field.entry.js +111 -0
- package/dist/esm/co-lightbox.entry.js +342 -0
- package/dist/esm/co-list-footer.entry.js +23 -0
- package/dist/esm/co-list-item.entry.js +70 -4
- package/dist/esm/co-loader_2.entry.js +290 -0
- package/dist/esm/co-menu-divider.entry.js +2 -2
- package/dist/esm/co-menu-item.entry.js +17 -10
- package/dist/esm/co-menu.entry.js +2 -2
- package/dist/esm/co-modal.entry.js +25 -3
- package/dist/esm/co-navbar.entry.js +4 -4
- package/dist/esm/co-number-field.entry.js +60 -12
- package/dist/esm/co-page-header.entry.js +2 -2
- package/dist/esm/co-phone-field.entry.js +376 -0
- package/dist/esm/co-popover.entry.js +46 -15
- package/dist/esm/co-progress-bar.entry.js +8 -4
- package/dist/esm/co-progress-circle.entry.js +36 -0
- package/dist/esm/co-radio-group.entry.js +7 -5
- package/dist/esm/co-radio.entry.js +4 -4
- package/dist/esm/co-rating.entry.js +4 -4
- package/dist/esm/co-ref-field.entry.js +214 -21
- package/dist/esm/co-rich-text-editor.entry.js +2079 -0
- package/dist/esm/co-rich-text-toolbar.entry.js +1106 -0
- package/dist/esm/co-rich-text-viewer.entry.js +116 -0
- package/dist/esm/co-row.entry.js +3 -3
- package/dist/esm/co-select.entry.js +119 -18
- package/dist/esm/co-separator.entry.js +2 -2
- package/dist/esm/co-sidebar-nav.entry.js +55 -10
- package/dist/esm/co-sidebar.entry.js +3 -3
- package/dist/esm/co-skeleton.entry.js +24 -0
- package/dist/esm/co-slider.entry.js +3 -3
- package/dist/esm/co-switch.entry.js +9 -6
- package/dist/esm/co-tab-group.entry.js +2 -2
- package/dist/esm/co-tab.entry.js +3 -3
- package/dist/esm/co-tags-field.entry.js +209 -0
- package/dist/esm/co-textarea.entry.js +94 -0
- package/dist/esm/co-toast.entry.js +2 -2
- package/dist/esm/co-toggle-button-group.entry.js +7 -4
- package/dist/esm/co-toggle-button.entry.js +4 -4
- package/dist/esm/co-tooltip.entry.js +56 -15
- package/dist/esm/co-transfer-list.entry.js +20 -6
- package/dist/esm/co-video.entry.js +837 -0
- package/dist/esm/cobalt.js +3 -3
- package/dist/esm/dateI18n-C1DCLOEl.js +103 -0
- package/dist/esm/dates-tPYikBRJ.js +416 -0
- package/dist/esm/fieldChip-GPikjpYw.js +5 -0
- package/dist/esm/{index-B0lqrhFo.js → index-CYsftTKf.js} +115 -23
- package/dist/esm/index-w_Wxgclf.js +35403 -0
- package/dist/esm/loader.js +3 -3
- package/dist/esm/normalizeText-CQY6Ul7q.js +92 -0
- package/dist/esm/overlayAfterClose-Ch1jfwZ2.js +10 -0
- package/dist/esm/overlayScroll-Bpv882_z.js +23 -0
- package/dist/esm/overlayscrollbars-ox7HzCZn.js +2840 -0
- package/dist/esm/{positioning-Am-OlB8h.js → positioning-C2mZ7x_Y.js} +40 -25
- package/dist/esm/purify.es-B2QLgWrz.js +1774 -0
- package/dist/esm/requiredMark-CEbXKHcU.js +14 -0
- package/dist/esm/richTextI18n-B-ckjCUA.js +380 -0
- package/dist/esm/toolbar-config-ChibIpZv.js +212 -0
- package/dist/esm/tz-B6JZk8fL.js +119 -0
- package/dist/types/components/co-accordion/co-accordion.d.ts +12 -2
- package/dist/types/components/co-autocomplete/co-autocomplete.d.ts +13 -0
- package/dist/types/components/co-avatar/co-avatar.d.ts +8 -2
- package/dist/types/components/co-avatar-group/co-avatar-group.d.ts +33 -0
- package/dist/types/components/co-bottom-sheet/co-bottom-sheet.d.ts +81 -0
- package/dist/types/components/co-button/co-button.d.ts +7 -1
- package/dist/types/components/co-calendar/co-calendar.d.ts +108 -0
- package/dist/types/components/co-calendar-month/co-calendar-month.d.ts +83 -0
- package/dist/types/components/co-card/co-card.d.ts +10 -2
- package/dist/types/components/co-checkbox-group/co-checkbox-group.d.ts +2 -0
- package/dist/types/components/co-chip/co-chip.d.ts +7 -2
- package/dist/types/components/co-color-picker/co-color-picker.d.ts +50 -0
- package/dist/types/components/co-color-picker/presets.d.ts +10 -0
- package/dist/types/components/co-column-picker/co-column-picker.d.ts +60 -0
- package/dist/types/components/co-column-picker/column-picker-node.d.ts +18 -0
- package/dist/types/components/co-column-picker/utils/column-picker-tree.d.ts +37 -0
- package/dist/types/components/co-combobox/co-combobox.d.ts +14 -1
- package/dist/types/components/co-command-search/co-command-search.d.ts +41 -6
- package/dist/types/components/co-command-search/commandSearchGroup.d.ts +20 -0
- package/dist/types/components/co-command-search/commandSearchLogic.d.ts +17 -0
- package/dist/types/components/co-data-table/co-data-table.d.ts +3 -1
- package/dist/types/components/co-date-field/co-date-field.d.ts +96 -0
- package/dist/types/components/co-date-picker/co-date-picker.d.ts +92 -0
- package/dist/types/components/co-date-range/co-date-range.d.ts +12 -50
- package/dist/types/components/co-date-range-picker/co-date-range-picker.d.ts +112 -0
- package/dist/types/components/co-drawer/co-drawer.d.ts +4 -0
- package/dist/types/components/co-event-calendar/co-event-calendar.d.ts +110 -0
- package/dist/types/components/co-file-field/co-file-field.d.ts +146 -0
- package/dist/types/components/co-file-field/co-file-field.utils.d.ts +18 -0
- package/dist/types/components/co-icon/co-icon.d.ts +1 -1
- package/dist/types/components/co-icon/iconLoader.d.ts +6 -0
- package/dist/types/components/co-icon-button/co-icon-button.d.ts +3 -1
- package/dist/types/components/co-input/co-input.d.ts +4 -1
- package/dist/types/components/co-json-field/co-json-field.d.ts +69 -0
- package/dist/types/components/co-lightbox/co-lightbox.d.ts +95 -0
- package/dist/types/components/co-list-footer/co-list-footer.d.ts +26 -0
- package/dist/types/components/co-list-item/co-list-item.d.ts +12 -0
- package/dist/types/components/co-modal/co-modal.d.ts +10 -0
- package/dist/types/components/co-number-field/co-number-field.d.ts +29 -2
- package/dist/types/components/co-overlay/co-overlay.d.ts +45 -0
- package/dist/types/components/co-overlay/focusTrap.d.ts +20 -0
- package/dist/types/components/co-overlay/overlayAfterClose.d.ts +5 -0
- package/dist/types/components/co-phone-field/co-phone-field.d.ts +58 -0
- package/dist/types/components/co-phone-field/dial-codes.d.ts +14 -0
- package/dist/types/components/co-popover/co-popover.d.ts +9 -0
- package/dist/types/components/co-progress-bar/co-progress-bar.d.ts +2 -0
- package/dist/types/components/co-progress-circle/co-progress-circle.d.ts +16 -0
- package/dist/types/components/co-radio-group/co-radio-group.d.ts +2 -0
- package/dist/types/components/co-ref-field/co-ref-field.d.ts +69 -1
- package/dist/types/components/co-rich-text-editor/co-rich-text-editor.d.ts +246 -0
- package/dist/types/components/co-rich-text-toolbar/co-rich-text-toolbar.d.ts +148 -0
- package/dist/types/components/co-rich-text-viewer/co-rich-text-viewer.d.ts +19 -0
- package/dist/types/components/co-select/co-select.d.ts +31 -1
- package/dist/types/components/co-skeleton/co-skeleton.d.ts +13 -0
- package/dist/types/components/co-switch/co-switch.d.ts +2 -0
- package/dist/types/components/co-tags-field/co-tags-field.d.ts +84 -0
- package/dist/types/components/co-textarea/co-textarea.d.ts +68 -0
- package/dist/types/components/co-toggle-button-group/co-toggle-button-group.d.ts +2 -0
- package/dist/types/components/co-tooltip/co-tooltip.d.ts +12 -0
- package/dist/types/components/co-transfer-list/co-transfer-list.d.ts +4 -0
- package/dist/types/components/co-video/co-video.d.ts +203 -0
- package/dist/types/components.d.ts +5422 -391
- package/dist/types/utils/dateI18n.d.ts +39 -0
- package/dist/types/utils/fieldChip.d.ts +37 -0
- package/dist/types/utils/fileI18n.d.ts +34 -0
- package/dist/types/utils/icon-config.d.ts +31 -0
- package/dist/types/utils/lightboxI18n.d.ts +12 -0
- package/dist/types/utils/normalizeText.d.ts +41 -0
- package/dist/types/utils/overlayScroll.d.ts +17 -0
- package/dist/types/utils/positioning.d.ts +7 -14
- package/dist/types/utils/requiredMark.d.ts +13 -0
- package/dist/types/utils/richTextI18n.d.ts +130 -0
- package/dist/types/utils/sheetGesture.d.ts +31 -0
- package/package.json +10 -1
- package/dist/cjs/co-drawer.cjs.entry.js +0 -75
- package/dist/cjs/co-loader.cjs.entry.js +0 -34
- package/dist/cjs/co-overlay.cjs.entry.js +0 -23
- package/dist/cjs/color-YhUkm10t.js +0 -32
- package/dist/cobalt/p-08afdc51.entry.js +0 -1
- package/dist/cobalt/p-1b7d6808.entry.js +0 -1
- package/dist/cobalt/p-1d3338b6.entry.js +0 -1
- package/dist/cobalt/p-1d91ec93.entry.js +0 -1
- package/dist/cobalt/p-230a23f3.entry.js +0 -1
- package/dist/cobalt/p-31bc842d.entry.js +0 -1
- package/dist/cobalt/p-37c1f700.entry.js +0 -1
- package/dist/cobalt/p-4905b51d.entry.js +0 -1
- package/dist/cobalt/p-4dd7499c.entry.js +0 -1
- package/dist/cobalt/p-4e7ce8ee.entry.js +0 -1
- package/dist/cobalt/p-4ffba5a3.entry.js +0 -1
- package/dist/cobalt/p-5a13e3a0.entry.js +0 -1
- package/dist/cobalt/p-6793c51e.entry.js +0 -1
- package/dist/cobalt/p-689e38b3.entry.js +0 -1
- package/dist/cobalt/p-7028880b.entry.js +0 -1
- package/dist/cobalt/p-72113ec2.entry.js +0 -1
- package/dist/cobalt/p-8e54e74d.entry.js +0 -1
- package/dist/cobalt/p-92c39eed.entry.js +0 -1
- package/dist/cobalt/p-9887b828.entry.js +0 -1
- package/dist/cobalt/p-9a5c6600.entry.js +0 -1
- package/dist/cobalt/p-Am-OlB8h.js +0 -1
- package/dist/cobalt/p-B0lqrhFo.js +0 -2
- package/dist/cobalt/p-BG4WRR22.js +0 -1
- package/dist/cobalt/p-a1b248ad.entry.js +0 -1
- package/dist/cobalt/p-a470b764.entry.js +0 -1
- package/dist/cobalt/p-a4d55b1a.entry.js +0 -1
- package/dist/cobalt/p-b6840df4.entry.js +0 -1
- package/dist/cobalt/p-b89d54d9.entry.js +0 -1
- package/dist/cobalt/p-ba84631a.entry.js +0 -1
- package/dist/cobalt/p-c9b0e73f.entry.js +0 -1
- package/dist/cobalt/p-ca41eec2.entry.js +0 -1
- package/dist/cobalt/p-cc93ab05.entry.js +0 -1
- package/dist/cobalt/p-d9d8b10e.entry.js +0 -1
- package/dist/cobalt/p-da55678f.entry.js +0 -1
- package/dist/cobalt/p-dc5598d1.entry.js +0 -1
- package/dist/cobalt/p-e2c9cb00.entry.js +0 -1
- package/dist/cobalt/p-e808916c.entry.js +0 -1
- package/dist/cobalt/p-ebd68f56.entry.js +0 -1
- package/dist/cobalt/p-f051f44d.entry.js +0 -1
- package/dist/cobalt/p-fe1447a3.entry.js +0 -1
- package/dist/cobalt/p-ff6a647c.entry.js +0 -1
- package/dist/components/p-Am-OlB8h.js +0 -1
- package/dist/components/p-B18FTYLq.js +0 -1
- package/dist/components/p-BG4WRR22.js +0 -1
- package/dist/components/p-Cr8Yc0zj.js +0 -1
- package/dist/components/p-FBICWTuN.js +0 -1
- package/dist/components/p-cpdUXBiS.js +0 -1
- package/dist/components/p-wwWquAtm.js +0 -1
- package/dist/esm/co-drawer.entry.js +0 -73
- package/dist/esm/co-loader.entry.js +0 -32
- package/dist/esm/co-overlay.entry.js +0 -21
- package/dist/esm/color-BG4WRR22.js +0 -30
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,c as r,h as e,a}from"./p-CYsftTKf.js";import{R as t}from"./p-oImf-7fN.js";import{i as s}from"./p-DqyWGweA.js";import{r as i,h as l}from"./p-CQY6Ul7q.js";import"./p-ox7HzCZn.js";const c=class{constructor(e){o(this,e),this.coChange=r(this,"coChange",7),this.coOpen=r(this,"coOpen",3),this.coClose=r(this,"coClose",3),this.coClear=r(this,"coClear",7),this.coFooterPrimary=r(this,"coFooterPrimary",7),this.coFooterSecondary=r(this,"coFooterSecondary",7),this.required=!1,this.placeholder="",this.disabled=!1,this.clearable=!0,this.searchable=!1,this.searchPlaceholder="Search",this.showFooter=!1,this.footerPrimaryLabel="Ok",this.footerSecondaryLabel="New Tags",this.options="[]",this.value="[]",this.multiple=!0,this.size="md",this.status="default",this.layout="vertical",this.isOpen=!1,this.searchQuery="",this.overflowCount=0,this.scrollTop=0,this.handleTriggerClick=o=>{this.disabled&&o.stopPropagation()},this.handlePopoverOpen=()=>{console.log("[co-combobox] handlePopoverOpen called"),this.isOpen=!0},this.handlePopoverClose=()=>{console.log("[co-combobox] handlePopoverClose called"),this.isOpen=!1},this.handleClear=o=>{o.stopPropagation(),this.value="[]",this.coClear.emit(),this.coChange.emit([])},this.handleOptionClick=o=>{const r=[...this.selectedValues],e=r.indexOf(o);e>=0?r.splice(e,1):this.multiple?r.push(o):(r.length=0,r.push(o),this.isOpen=!1),this.value=JSON.stringify(r),this.coChange.emit(r)},this.handleRemoveOption=(o,r)=>{o.stopPropagation();const e=this.selectedValues.filter((o=>o!==r));this.value=JSON.stringify(e),this.coChange.emit(e)},this.handleSearchInput=o=>{this.searchQuery=o.target.value,this.scrollTop=0,this.optionsContainerEl&&(this.optionsContainerEl.scrollTop=0)},this.handleFooterPrimary=()=>{this.coFooterPrimary.emit(),this.isOpen=!1},this.handleFooterSecondary=()=>{this.coFooterSecondary.emit()},this.handleOptionsScroll=o=>{this.scrollTop=o.target.scrollTop}}normalizeOptions(o){return o.map((o=>"string"==typeof o?{label:o,value:o}:o))}get parsedOptions(){if("string"==typeof this.options)try{return this.normalizeOptions(JSON.parse(this.options))}catch(o){return[]}return this.normalizeOptions(this.options)}get selectedValues(){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(o){return[]}return this.value}get filteredOptions(){return this.searchQuery?i(this.parsedOptions,this.searchQuery,(o=>o.label)):this.parsedOptions}renderLabel(o){const r=this.searchQuery?l(o,this.searchQuery):null;return r?[r.pre,e("span",{class:"co-combobox__match"},r.match),r.post]:o}get displayText(){const o=this.selectedValues;if(0===o.length)return"";const r=this.parsedOptions.find((r=>r.value===o[0]));return r?r.label:o[0]}get selectedOptions(){return this.selectedValues.map((o=>this.parsedOptions.find((r=>r.value===o)))).filter((o=>!!o))}get hasValue(){return this.selectedValues.length>0}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}onOpenChange(o){o?(this.searchQuery="",this.scrollTop=0,this.coOpen.emit()):this.coClose.emit()}onValueChange(){}connectedCallback(){this.resizeObserver=new ResizeObserver((()=>{this.calcOverflow()}))}disconnectedCallback(){var o,r;null===(o=this.resizeObserver)||void 0===o||o.disconnect(),null===(r=this.osInstance)||void 0===r||r.destroy(),this.osInstance=void 0}componentDidRender(){var o,r;this.chipContainerEl&&(null===(o=this.resizeObserver)||void 0===o||o.disconnect(),null===(r=this.resizeObserver)||void 0===r||r.observe(this.chipContainerEl)),this.calcOverflow(),this.isOpen&&this.optionsContainerEl&&!this.osInstance?this.osInstance=s(this.optionsContainerEl,(o=>{this.scrollTop=o.scrollTop})):!this.isOpen&&this.osInstance&&(this.osInstance.destroy(),this.osInstance=void 0)}calcOverflow(){if(!this.multiple||!this.chipContainerEl)return;const o=this.chipContainerEl,r=Array.from(o.querySelectorAll("co-chip"));if(0===r.length)return void(0!==this.overflowCount&&(this.overflowCount=0));const e=o.getBoundingClientRect().right;let a=0;for(let o=r.length-1;o>=0&&r[o].getBoundingClientRect().right>e+1;o--)a++;a!==this.overflowCount&&(this.overflowCount=a)}getVirtualSlice(o){const{ITEM_HEIGHT:r,VIEWPORT_ITEMS:e,OVERSCAN:a}=c,t=o.length,s=t*r,i=Math.max(0,Math.floor(this.scrollTop/r)-a);return{totalHeight:s,startIdx:i,endIdx:Math.min(t,i+e+2*a),offsetY:i*r}}render(){const o=this.selectedValues,r=this.filteredOptions;return e("div",{key:"335a823bd69e0d57af567bd92befdc31b2449612",class:{"co-combobox":!0,"co-combobox--open":this.isOpen,"co-combobox--disabled":this.disabled,"co-combobox--filled":this.hasValue,[`co-combobox--${this.size}`]:!0},part:"wrapper"},(this.label||this.secondaryLabel)&&e("div",{key:"690ffddf411810f8fd5828914a157b2e888d2034",class:"co-combobox__labels"},this.label&&e("label",{key:"6a7b3f9cc3761e43b702d4086553bb0e3039360d",class:"co-combobox__label",part:"label"},this.label,e(t,{key:"acc1ca3c620d928bdadb17b42906f46fa9e09581",required:this.required})),this.secondaryLabel&&e("span",{key:"b5d6b6d6acbd12e866a836a5545dbc69c8f885f0",class:"co-combobox__secondary-label",part:"secondary-label"},this.secondaryLabel)),e("co-popover",{key:"e7d3d4fcbc8e5cb70da61c046ffbb7b3611e0c6a",open:this.isOpen,placement:"bottom-start",matchWidth:!0,offset:4,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},e("div",{key:"cc07aefc63d82777d8caf01929a8d7c356bf5007",slot:"trigger",class:"co-combobox__trigger",part:"trigger",onClick:this.handleTriggerClick},this.iconLeft&&e("co-icon",{key:"06690ca640c14bfbbb5e34ea8a1e85efc7fa5640",name:this.iconLeft,size:16,class:"co-combobox__icon"}),e("div",{key:"8c93b09f144f23fabaead4286b4910ad2da676cc",class:"co-combobox__input-wrapper",ref:o=>this.chipContainerEl=o},this.multiple&&this.hasValue?this.selectedOptions.map((o=>e("co-chip",{size:"small","icon-mode":"both",label:o.label},e("co-icon",{slot:"icon-left",name:o.icon||"circle",size:10}),e("co-icon",{slot:"icon-right",name:"x-circle",size:10,weight:"fill",onClick:r=>this.handleRemoveOption(r,o.value)})))):e("span",{class:{"co-combobox__text":!0,"co-combobox__text--placeholder":!this.hasValue}},this.hasValue?this.displayText:this.placeholder)),this.multiple&&this.overflowCount>0&&e("span",{key:"a01c9e41462e5d449b1dccfcd9e174dabc88f296",class:"co-combobox__overflow-badge"},this.overflowCount),this.clearable&&this.hasValue&&!this.disabled&&e("button",{key:"f832fdba50c709bf7b53f2d3271b68f8ad51f7fc",class:"co-combobox__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear selection",part:"clear"},e("co-icon",{key:"fc4f790ad7842769d5a0e0a7655da17ef57fdd72",name:"x-circle",size:16,weight:"fill"})),e("co-icon",{key:"9280e1d22d8bfa69c1cc40abdd926ae91751db67",name:this.isOpen?"caret-up":"caret-down",size:16,class:"co-combobox__caret"})),e("div",{key:"3724c9e0424fc971a2bd4f509e66a658d678d3ce",class:"co-combobox__dropdown",part:"dropdown"},this.searchable&&e("div",{key:"dc05b68524224a2132f328537e653bf1923e1974",class:"co-combobox__search",part:"search"},e("co-icon",{key:"550f7cd1af9076fd7ed6fea1621b0b698d7be40b",name:"magnifying-glass",size:16,class:"co-combobox__search-icon"}),e("input",{key:"5a7c2544d673ccb3c82b8b4ba02351664fb017f6",class:"co-combobox__search-input",type:"text",placeholder:this.searchPlaceholder,value:this.searchQuery,onInput:this.handleSearchInput,part:"search-input"})),e("div",{key:"621fd43f35764335737d9d572fa6f5f5e6673959",class:"co-combobox__options",part:"options",ref:o=>this.optionsContainerEl=o,onScroll:this.handleOptionsScroll},(()=>{const{totalHeight:a,startIdx:t,endIdx:s,offsetY:i}=this.getVirtualSlice(r);return e("div",{class:"co-combobox__virtual-spacer",style:{height:`${a}px`,position:"relative"}},e("div",{style:{position:"absolute",top:`${i}px`,left:"0",right:"0"}},r.slice(t,s).map((r=>{const a=o.includes(r.value);return e("div",{class:{"co-combobox__option":!0,"co-combobox__option--selected":a},onClick:()=>this.handleOptionClick(r.value),part:"option"},e("div",{class:"co-combobox__option-content"},r.icon&&e("div",{class:"co-combobox__option-icon-wrapper"},e("co-icon",{name:r.icon,size:20,class:"co-combobox__option-icon"})),e("span",{class:"co-combobox__option-label"},this.renderLabel(r.label))),a&&this.multiple&&e("button",{class:"co-combobox__option-remove",type:"button",tabIndex:-1,onClick:o=>this.handleRemoveOption(o,r.value),"aria-label":`Remove ${r.label}`},e("co-icon",{name:"x-circle",size:16,weight:"fill"})),a&&!this.multiple&&e("co-icon",{name:"check",size:16,class:"co-combobox__option-check"}))}))))})()),this.showFooter&&e("co-list-footer",{key:"6ae233e2944648a21c09c3ef252cb89b05be86e3",secondaryLabel:this.footerSecondaryLabel,primaryLabel:this.footerPrimaryLabel,onCoSecondary:this.handleFooterSecondary,onCoPrimary:this.handleFooterPrimary}))),this.helperText&&e("div",{key:"6896e1e0ae6f7a29f9b3916759f57adc65c4ba4b",class:`co-combobox__helper co-combobox__helper--${this.status}`,part:"helper"},this.statusIcon&&e("co-icon",{key:"a4e65d03cf076985fd72c835143718fb5e3b39ba",name:this.statusIcon,size:14,weight:"fill",class:"co-combobox__helper-icon"}),e("span",{key:"83ed79b8f7cd06824619e5a337d3dd373c098f37",class:"co-combobox__helper-text"},this.helperText)))}get el(){return a(this)}static get watchers(){return{isOpen:[{onOpenChange:0}],value:[{onValueChange:0}]}}};c.ITEM_HEIGHT=34,c.VIEWPORT_ITEMS=8,c.OVERSCAN=3,c.style='.os-size-observer,.os-size-observer-listener{scroll-behavior:auto !important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(0.1)}.os-size-observer::before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(calc(1 / 0.1))}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty::before{content:"";width:100%;height:100%}.os-size-observer-listener:empty::before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{from{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{overflow:visible;margin:0}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch !important;flex-direction:row !important;flex-wrap:nowrap !important;scroll-behavior:auto !important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;position:relative;flex:auto;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw:0;--os-vah:0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden !important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible !important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x:hidden;--os-viewport-overflow-y:hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x:visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x:hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x:scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y:visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y:hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y:scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x) !important;overflow-y:var(--os-viewport-overflow-y) !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0 !important;line-height:0 !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*:not(#osFakeId){display:none !important;position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto !important;scroll-snap-type:none !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden !important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto !important;width:auto !important}@property --os-scroll-percent{syntax:"<number>";inherits:true;initial-value:0}@property --os-viewport-percent{syntax:"<number>";inherits:true;initial-value:0}.os-scrollbar{--os-viewport-percent:0;--os-scroll-percent:0;--os-scroll-direction:0;--os-scroll-percent-directional:calc( var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction) )}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none !important}.os-scrollbar-track{position:relative;padding:0 !important;border:none !important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none !important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0 !important;transition:none !important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translateX(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type: size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{left:auto;transform:translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-vertical .os-scrollbar-handle{top:auto;transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{right:auto;left:0}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none !important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px}.os-theme-dark{--os-handle-bg:rgba(0, 0, 0, 0.44);--os-handle-bg-hover:rgba(0, 0, 0, 0.55);--os-handle-bg-active:rgba(0, 0, 0, 0.66)}.os-theme-light{--os-handle-bg:rgba(255, 255, 255, 0.44);--os-handle-bg-hover:rgba(255, 255, 255, 0.55);--os-handle-bg-active:rgba(255, 255, 255, 0.66)}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{-webkit-appearance:none !important;appearance:none !important;display:none !important;width:0 !important;height:0 !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}:host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1;position:relative}.co-combobox{display:flex;flex-direction:column;gap:var(--co-spacing-sm2);position:relative}.co-combobox__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-combobox__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-combobox__secondary-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;text-align:right}.co-combobox__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;overflow:hidden}.co-combobox--s .co-combobox__trigger{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-combobox--sm .co-combobox__trigger{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-combobox--lg .co-combobox__trigger{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-combobox--s .co-combobox__input-wrapper,.co-combobox--sm .co-combobox__input-wrapper{min-height:0;padding:0}.co-combobox--open .co-combobox__trigger{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-combobox--disabled .co-combobox__trigger{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-combobox__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-combobox--disabled .co-combobox__icon{color:var(--co-semantic-text-disabled)}.co-combobox__input-wrapper{flex:1;display:flex;align-items:center;flex-wrap:nowrap;gap:4px;min-width:0;min-height:24px;padding:var(--co-spacing-xxs) 0;overflow:hidden}.co-combobox__input-wrapper co-chip{--co-chip-max-width:120px;--co-chip-bg:var(--co-semantic-surface-muted);--co-chip-color:var(--co-semantic-text-default);--co-chip-border:1px solid var(--co-semantic-border-subtle);flex-shrink:0}.co-combobox__overflow-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-info, #2563eb);color:#fff;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-10);font-weight:600;line-height:1;white-space:nowrap}.co-combobox__text{color:var(--co-semantic-text-default);font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-combobox__text--placeholder{color:var(--co-semantic-text-muted)}.co-combobox--disabled .co-combobox__text{color:var(--co-semantic-text-disabled)}.co-combobox__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-combobox__clear:hover{color:var(--co-semantic-text-default)}.co-combobox__caret{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-combobox--disabled .co-combobox__caret{color:var(--co-semantic-text-disabled)}.co-combobox__dropdown{padding:var(--co-spacing-md);display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-combobox__search{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:var(--co-spacing-xs) var(--co-spacing-sm2);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);overflow:hidden;height:32px;box-sizing:border-box}.co-combobox__search-icon{flex-shrink:0;color:var(--co-semantic-text-muted);opacity:0.7;display:flex;align-items:center}.co-combobox__search-input{flex:1;border:none;outline:none;background:transparent;font-family:inherit;font-size:var(--co-font-size-12, 12px);font-weight:500;letter-spacing:inherit;line-height:1;color:var(--co-semantic-text-default);padding:0;margin:0}.co-combobox__search-input::placeholder{color:var(--co-semantic-text-muted)}.co-combobox__options{max-height:280px;overflow-y:auto;overflow-x:hidden}.os-scrollbar.os-theme-co{--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-bg:transparent;--os-handle-border-radius:var(--co-border-radius-full);--os-handle-bg:var(--co-color-opacity-negro-16);--os-handle-bg-hover:var(--co-color-opacity-negro-25);--os-handle-bg-active:var(--co-color-opacity-negro-50);--os-handle-min-size:24px}.co-combobox__virtual-spacer{width:100%}.co-combobox__option{display:flex;align-items:center;justify-content:space-between;padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xs);cursor:pointer;height:32px;margin-bottom:2px;box-sizing:border-box;transition:background 0.1s ease}.co-combobox__option:hover{background:var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.04))}.co-combobox__option-content{display:flex;align-items:center;gap:var(--co-spacing-sm2);flex:1;min-width:0}.co-combobox__option-icon-wrapper{width:24px;height:24px;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.co-combobox__option-icon{color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-combobox__match{font-weight:700;color:var(--co-semantic-text-default)}.co-combobox__option-label{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-combobox__option-remove{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;overflow:hidden;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-combobox__option-remove:hover{color:var(--co-semantic-text-default)}.co-combobox__option-check{flex-shrink:0;color:var(--co-semantic-text-default)}.co-combobox__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-combobox__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-combobox__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-combobox__helper--error .co-combobox__helper-icon,.co-combobox__helper--error .co-combobox__helper-text{color:var(--co-semantic-status-error)}.co-combobox__helper--success .co-combobox__helper-icon,.co-combobox__helper--success .co-combobox__helper-text{color:var(--co-semantic-status-success)}.co-combobox__helper--warning .co-combobox__helper-icon,.co-combobox__helper--warning .co-combobox__helper-text{color:var(--co-color-status-review)}.co-combobox__helper--info .co-combobox__helper-icon,.co-combobox__helper--info .co-combobox__helper-text{color:var(--co-semantic-status-info)}:host([layout=\'horizontal\']) .co-combobox{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-combobox__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout=\'horizontal\']) .co-combobox__label{white-space:normal}:host([layout=\'horizontal\']) .co-combobox>:not(.co-combobox__labels){grid-column:2;min-width:0}.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)\')}@supports not (background: color-mix(in srgb, red, transparent)){.co-combobox__trigger{background:var(--co-semantic-surface-secondary)}}';export{c as co_combobox}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as s,h as a,a as e}from"./p-CYsftTKf.js";const c=class{constructor(a){t(this,a),this.coTabChange=s(this,"coTabChange",7)}onTabSelect(t){t.stopPropagation(),this.value=t.detail,this.coTabChange.emit(this.value),this.syncTabs()}watchValue(){this.syncTabs()}componentDidLoad(){this.syncTabs()}syncTabs(){this.el.querySelectorAll("co-tab").forEach((t=>{t.selected=(t.value||t.label)===this.value}))}render(){return a("div",{key:"458524e7f1469d90c43bf9a8f34ee68d511e9d36",class:"co-tab-group",role:"tablist",part:"tab-group"},a("slot",{key:"f11af2be459cb51e9cd426d0e20839fd6d1477f8"}))}get el(){return e(this)}static get watchers(){return{value:[{watchValue:0}]}}};c.style=":host{display:flex}.co-tab-group{display:flex;align-items:center;gap:var(--co-spacing-sm2)}";export{c as co_tab_group}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,c as o,h as i}from"./p-
|
|
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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,c as e,h as i,a as c}from"./p-CYsftTKf.js";const a=class{constructor(i){o(this,i),this.coToggle=e(this,"coToggle",7),this.open=!0,this.heading="",this.subheading="",this.disabled=!1,this.hasSubheadingSlot=!1,this.handleToggle=()=>{this.disabled||(this.open=!this.open,this.coToggle.emit(this.open))}}componentWillLoad(){this.hasSubheadingSlot=!!this.el.querySelector('[slot="subheading"]')}componentWillRender(){this.hasSubheadingSlot=!!this.el.querySelector('[slot="subheading"]')}get showSubheading(){return!(!this.subheading||!this.subheading.trim())||this.hasSubheadingSlot}render(){return i("div",{key:"6ef26b2e6312391fcfc164f43dac68d63ba3af2d",class:{"co-accordion":!0,"co-accordion--open":this.open,"co-accordion--disabled":this.disabled},part:"accordion"},i("button",{key:"0f094a6a90dacfd1a59de4f002dc6e1d2bde80c6",class:"co-accordion__header",type:"button","aria-expanded":this.open?"true":"false",disabled:this.disabled,onClick:this.handleToggle,part:"header"},i("span",{key:"406b3b06d8fa48df809652838f466bf8dae1b1d0",class:"co-accordion__heading-group"},i("span",{key:"72d56aadb1f7b6cfe110121a5f3ce7690b7580a9",class:"co-accordion__heading",part:"heading"},i("slot",{key:"25d921d62d196bd7bb20ed5a9a3cac3b96bb77fd",name:"header"},this.heading)),this.showSubheading&&i("span",{key:"0b35302e165d304c61feaf616252f4be829b5b97",class:"co-accordion__subheading",part:"subheading"},i("slot",{key:"dfc194ec90f524edb9e65b150c3f920721126bfa",name:"subheading"},this.subheading))),i("span",{key:"6fb170bf34fb0be5ab9abb3c8c61f80076b02e4b",class:"co-accordion__caret",part:"caret"},i("co-icon",{key:"0929dae22a07eec32c8919844fe3c29292e65cdb",name:"caret-up",size:20}))),i("div",{key:"783e6bc3ba9090dad9d972a88830fc059f442432",class:"co-accordion__body",part:"body"},i("div",{key:"165c8cf24049cbec512542130f2e2b61b2c9e194",class:"co-accordion__body-inner",part:"body-inner"},i("slot",{key:"0a50328db4f4b9ab900912c34a250f4c9b136f8f"}))))}get el(){return c(this)}};a.style=":host{display:block}.co-accordion{display:flex;flex-direction:column;width:100%}.co-accordion__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;border:none;background:transparent;cursor:pointer;font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);text-align:left}.co-accordion__heading-group{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--co-spacing-xxs, 2px)}.co-accordion__heading{font-size:var(--co-font-size-24);font-weight:500;line-height:1.25;letter-spacing:-0.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-accordion__subheading{font-size:var(--co-font-size-14);font-weight:400;line-height:1.3;letter-spacing:normal;color:var(--co-semantic-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-accordion__caret{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--co-semantic-text-default);transition:transform 0.2s ease;transform:rotate(180deg);}.co-accordion--open .co-accordion__caret{transform:rotate(0deg);}.co-accordion__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.25s ease}.co-accordion__body-inner{min-height:0;overflow:hidden;padding-top:var(--co-spacing-2xl);}.co-accordion--open .co-accordion__body{grid-template-rows:1fr}.co-accordion:not(.co-accordion--open) .co-accordion__body-inner{visibility:hidden;transition:visibility 0s linear 0.25s}.co-accordion--open .co-accordion__body-inner{visibility:visible;transition:visibility 0s linear 0s}.co-accordion__header:focus-visible{outline:2px solid var(--co-color-primary-azul, #2563eb);outline-offset:4px;border-radius:var(--co-border-radius-xs, 8px)}.co-accordion--disabled .co-accordion__header{opacity:0.5;cursor:not-allowed}";export{a as co_accordion}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as e,r as c,c as o,a as r}from"./p-CYsftTKf.js";import{n as t}from"./p-CQY6Ul7q.js";function i(e){return e?e.replace(/([a-z])([A-Z])/g,"$1 $2").replace(/[_-]+/g," ").replace(/^\w/,(e=>e.toUpperCase())):""}function n(e){return String(e).replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">")}function s(e,c){if(!c)return n(e);const o=c.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");return n(e).replace(new RegExp(`(${o})`,"gi"),"<mark>$1</mark>")}function a(e,c){const o=new Set(e),r={};for(const o of e){const e=o.split(".");let t=r;for(let o=0;o<e.length;o++){const r=e[o],i=e.slice(0,o+1).join(".");if(!t[r]){const n=o===e.length-1&&(null==c?void 0:c.get(i))||r;t[r]={label:n,key:i,childrenMap:{}}}o<e.length-1&&(t=t[r].childrenMap)}}const t=e=>Object.values(e).map((e=>{const c=t(e.childrenMap),r=c.length>0,i=r&&o.has(e.key),n={label:e.label,key:e.key,fullPath:e.key,children:r?c:null};return i&&n.children&&n.children.unshift({label:e.label,key:e.key+".__self",fullPath:e.key,children:null,isSelf:!0}),n}));return l(t(r))}function l(e){return[...e].sort(((e,c)=>{if(e.isSelf)return-1;if(c.isSelf)return 1;const o=e.children&&e.children.length>0,r=c.children&&c.children.length>0;return!o&&r?-1:o&&!r?1:e.label.localeCompare(c.label)})).map((e=>Object.assign(Object.assign({},e),{children:e.children?l(e.children):null})))}function d(e,c){const o=t(c);return e.map((e=>{const r=t(e.label).includes(o),n=t(i(e.label)).includes(o),s=t(e.fullPath).includes(o);if(!e.children||0===e.children.length)return r||n||s?e:null;const a=d(e.children,c);return r||n||a.length>0?Object.assign(Object.assign({},e),{children:a.length>0?a:e.children}):null})).filter(Boolean)}function p(e){const c=[];for(const o of e)o.children&&0!==o.children.length?c.push(...p(o.children)):c.push(o.fullPath);return c}const u=c=>{const{node:o,depth:r,selected:t,expandedKeys:n,disabled:a,query:l,onOptionClick:d,onParentCheck:h,onToggleExpand:m}=c,f=!o.children||0===o.children.length,_=n.has(o.key),b=f&&t.includes(o.fullPath);let k=!1,g=!1,x=0,v=0;if(!f&&o.children){const e=p(o.children);v=e.length,x=e.filter((e=>t.includes(e))).length,k=v>0&&x===v,g=x>0}return e("div",{class:"co-column-picker__node"},e("div",{class:{"co-column-picker__node-row":!0,"co-column-picker__node-row--leaf":f,"co-column-picker__node-row--parent":!f,"co-column-picker__node-row--expanded":!f&&_,"co-column-picker__node-row--selected":f&&b},style:{paddingLeft:20*r+10+"px"},onClick:e=>f?d(o.fullPath):m(o.key,e)},e("co-checkbox",{checked:f?b:k,indeterminate:!f&&g&&!k,disabled:a,onClick:e=>{e.stopPropagation(),f?d(o.fullPath):h(o)}}),e("span",{class:{"co-column-picker__node-label":!0,"co-column-picker__node-label--parent":!f,"co-column-picker__node-label--self":!!o.isSelf},innerHTML:s(i(o.label),l)}),o.isSelf&&e("span",{class:"co-column-picker__self-tag"},"self"),!f&&e("span",{class:"co-column-picker__node-counter"},x>0&&[e("span",{class:"co-column-picker__counter-selected"},x),e("span",{class:"co-column-picker__counter-sep"},"/")],e("span",{class:"co-column-picker__counter-total"},v)),!f&&e("span",{class:{"co-column-picker__chevron":!0,"co-column-picker__chevron--open":_},onClick:e=>m(o.key,e)},e("co-icon",{name:"caret-right",size:16}))),!f&&_&&o.children&&e("div",{class:"co-column-picker__node-children",style:{"--guide-left":20*r+19+"px"}},o.children.map((c=>e(u,{node:c,depth:r+1,selected:t,expandedKeys:n,disabled:a,query:l,onOptionClick:d,onParentCheck:h,onToggleExpand:m})))))},h=class{constructor(e){c(this,e),this.coChange=o(this,"coChange",7),this.coClear=o(this,"coClear",7),this.coSearch=o(this,"coSearch",7),this.options="[]",this.value="[]",this.multiple=!0,this.disabled=!1,this.showToolbar=!0,this.showSearch=!0,this.clearable=!0,this.placeholder="Select…",this.maxHeight=220,this.emptyText="No results found",this.selectAllText="Select all",this.clearText="Clear",this.expandText="Expand",this.collapseText="Collapse",this.selectedText="selected",this.sections="[]",this.status="default",this.isOpen=!1,this.query="",this.expandedKeys=new Set,this.focused=!1,this.handleFieldClick=()=>{this.disabled||(this.isOpen=!this.isOpen,this.focused=!0,this.isOpen&&requestAnimationFrame((()=>{var e;return null===(e=this.searchInputEl)||void 0===e?void 0:e.focus()})))},this.handleSearchInput=e=>{this.query=e.target.value,this.coSearch.emit(this.query),this.query&&(this.expandedKeys=function(e,c,o){const r=t(c),n=new Set(o),s=e=>{var c;let o=!1;for(const a of e)if(null===(c=a.children)||void 0===c?void 0:c.length){const e=s(a.children),c=t(a.label).includes(r)||t(i(a.label)).includes(r);(e||c)&&(n.add(a.key),o=!0)}else(t(a.label).includes(r)||t(i(a.label)).includes(r))&&(o=!0);return o};return s(e),n}(this.getTree(),this.query,this.expandedKeys))},this.handleSearchClear=e=>{var c;e.stopPropagation(),this.query="",this.coSearch.emit(""),null===(c=this.searchInputEl)||void 0===c||c.focus()},this.handleClear=e=>{e.stopPropagation(),this.value="[]",this.coClear.emit(),this.coChange.emit([])},this.handleSelectAll=()=>{this.disabled||this.emitSelection(p(this.getTree()))},this.handleDeselectAll=()=>{this.disabled||(this.value="[]",this.coClear.emit(),this.coChange.emit([]))},this.handleExpandAll=()=>{this.expandedKeys=function(e){const c=new Set,o=e=>{var r;for(const t of e)(null===(r=t.children)||void 0===r?void 0:r.length)&&(c.add(t.key),o(t.children))};return o(e),c}(this.getTree())},this.handleCollapseAll=()=>{this.expandedKeys=new Set},this.handleOptionClick=e=>{if(!this.disabled)if(this.multiple){const c=[...this.selectedValues],o=c.indexOf(e);o>=0?c.splice(o,1):c.push(e),this.emitSelection(c)}else this.emitSelection([e]),this.isOpen=!1},this.handleParentCheck=e=>{if(this.disabled)return;const c=p(e.children||[]),o=[...this.selectedValues];if(c.every((e=>o.includes(e))))this.emitSelection(o.filter((e=>!c.includes(e))));else{for(const e of c)o.includes(e)||o.push(e);this.emitSelection(o)}},this.handleChipRemove=(e,c)=>{c.stopPropagation(),this.disabled||this.emitSelection(this.selectedValues.filter((c=>c!==e)))},this.handleToggleExpand=(e,c)=>{c.stopPropagation();const o=new Set(this.expandedKeys);o.has(e)?o.delete(e):o.add(e),this.expandedKeys=o}}get parsedOptions(){return function(e){let c=e;if("string"==typeof c)try{c=JSON.parse(c)}catch(e){return[]}return Array.isArray(c)?c.map((e=>"string"==typeof e?e:e.value)):[]}(this.options)}get parsedSections(){return function(e){let c=e;if("string"==typeof c)try{c=JSON.parse(c)}catch(e){return[]}return Array.isArray(c)?c:[]}(this.sections)}get selectedValues(){return function(e){if("string"==typeof e)try{return JSON.parse(e)}catch(c){return e?[e]:[]}return Array.isArray(e)?e:[]}(this.value)}get optionLabelMap(){return function(e){let c=e;if("string"==typeof c)try{c=JSON.parse(c)}catch(e){return new Map}if(!Array.isArray(c))return new Map;const o=new Map;for(const e of c)"string"==typeof e?o.set(e,i(e.split(".").pop()||e)):o.set(e.value,e.label||e.value);return o}(this.options)}get hasValue(){return this.selectedValues.length>0}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}emitSelection(e){this.value=JSON.stringify(e),this.coChange.emit(e)}onOptionsChange(){this.expandedKeys=function(e,c,o){if(!c.length)return o;const r=new Set(o),t=e=>{var o;for(const i of e)(null===(o=i.children)||void 0===o?void 0:o.length)&&(p(i.children).some((e=>c.includes(e)))&&r.add(i.key),t(i.children))};return t(e),r}(this.getTree(),this.selectedValues,this.expandedKeys)}handleDocumentClick(e){this.el.contains(e.target)||(this.isOpen=!1,this.focused=!1)}getTree(){return a(this.parsedOptions,this.optionLabelMap)}getSectionedTree(){const e=this.parsedSections;if(!e.length)return[];const c=this.parsedOptions;return e.map((o=>{const r=c.filter((c=>o.prefix?c.startsWith(o.prefix+"."):!e.some((e=>e.prefix&&c.startsWith(e.prefix+".")))));return Object.assign(Object.assign({},o),{nodes:l(a(r,this.optionLabelMap))})})).filter((e=>e.nodes.length>0))}renderField(){const c=this.selectedValues,o=this.optionLabelMap;return e("div",{class:{"co-column-picker__field":!0,"co-column-picker__field--focused":this.focused,"co-column-picker__field--disabled":this.disabled,"co-column-picker__field--open":this.isOpen},onClick:this.handleFieldClick},this.multiple&&c.length>0&&e("div",{class:"co-column-picker__field-chips"},c.map((c=>e("co-chip",{label:o.get(c)||i(c.split(".").pop()||c),size:"small",removable:!this.disabled,onCoRemove:e=>this.handleChipRemove(c,e)})))),!this.multiple&&c.length>0&&e("span",{class:"co-column-picker__field-text"},c.map((e=>o.get(e)||i(e.split(".").pop()||e))).join(", ")),0===c.length&&e("span",{class:"co-column-picker__field-placeholder"},this.placeholder),e("div",{class:"co-column-picker__field-actions"},this.clearable&&this.hasValue&&!this.disabled&&e("button",{class:"co-column-picker__field-clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},e("co-icon",{name:"x-circle",size:16,weight:"fill"})),e("co-icon",{name:this.isOpen?"caret-up":"caret-down",size:16,class:"co-column-picker__field-caret"})))}renderTree(){const c={selected:this.selectedValues,expandedKeys:this.expandedKeys,disabled:this.disabled,query:this.query,onOptionClick:this.handleOptionClick,onParentCheck:this.handleParentCheck,onToggleExpand:this.handleToggleExpand};if(this.parsedSections.length>0){const o=this.getSectionedTree(),r=this.query?o.map((e=>Object.assign(Object.assign({},e),{nodes:d(e.nodes,this.query)}))).filter((e=>e.nodes.length>0)):o;return r.length?e("div",{class:"co-column-picker__tree"},r.map((o=>[e("div",{class:"co-column-picker__section-header"},e("span",{class:"co-column-picker__section-label"},o.label),o.prefix&&e("span",{class:"co-column-picker__section-prefix"},"(",o.prefix,")")),...o.nodes.map((o=>e(u,Object.assign({node:o,depth:0},c))))]))):this.renderEmpty()}const o=this.getTree(),r=this.query?d(o,this.query):o;return r.length?e("div",{class:"co-column-picker__tree"},r.map((o=>e(u,Object.assign({node:o,depth:0},c))))):this.renderEmpty()}renderEmpty(){return e("div",{class:"co-column-picker__empty"},e("co-icon",{name:"magnifying-glass",size:40,class:"co-column-picker__empty-icon"}),e("span",null,this.emptyText))}render(){return e("div",{key:"0097275adfbd4a8f61ecba251568914d02b18e24",class:{"co-column-picker":!0,"co-column-picker--open":this.isOpen,"co-column-picker--disabled":this.disabled,"co-column-picker--focused":this.focused,[`co-column-picker--${this.status}`]:"default"!==this.status}},(this.label||this.secondaryLabel)&&e("div",{key:"ffdbae01974d6cfbce8c7aad7916f4fee5c1cca6",class:"co-column-picker__labels"},this.label&&e("label",{key:"91b946cf1eb15a492bcadd4f8d11eabc9a59e1bf",class:"co-column-picker__label"},this.label),this.secondaryLabel&&e("span",{key:"bef413d01940a40778eb35b629a189166f7fb93d",class:"co-column-picker__secondary-label"},this.secondaryLabel)),this.renderField(),this.isOpen&&e("div",{key:"8d9f43f64177b13732432ef198b5e6b13cebd36b",class:"co-column-picker__dropdown"},this.showSearch&&e("div",{key:"693aa4d44f2dbd543d5ad7c907518329c4e97025",class:"co-column-picker__search"},e("co-icon",{key:"781810b8326fb46b99afa6bbacf2c3976647d98b",name:"magnifying-glass",size:14,class:"co-column-picker__search-icon"}),e("input",{key:"d76de6d826436e0dbe8c9f97edcd8e310b8dca54",ref:e=>this.searchInputEl=e,class:"co-column-picker__search-input",type:"text",value:this.query,placeholder:this.placeholder,onInput:this.handleSearchInput,onClick:e=>e.stopPropagation()}),this.query&&e("button",{key:"482bb56991aa527744df0e0619753e2696f00372",class:"co-column-picker__search-clear",type:"button",onClick:this.handleSearchClear},e("co-icon",{key:"68090fb612a2ba97836c1127368e60d671bbd489",name:"x",size:14}))),this.showToolbar&&this.multiple&&e("div",{key:"9afe3b43c5d6bbf8625819487ebfa8559478a71c",class:"co-column-picker__toolbar"},e("button",{key:"55407fa68c881f79c4ca43359241e9180d3bb94b",class:"co-column-picker__toolbar-btn",type:"button",onClick:this.handleSelectAll},this.selectAllText),e("button",{key:"55805e5ae2f629a5bb5ca7782de90558bae7f190",class:"co-column-picker__toolbar-btn",type:"button",onClick:this.handleDeselectAll},this.clearText),e("span",{key:"04913ef71413f1ed8a1c3941c6408d3e1c97cbe7",class:"co-column-picker__toolbar-sep"}),e("button",{key:"0a5155f8930abf84d24d17b12a6b3861656d3d46",class:"co-column-picker__toolbar-btn",type:"button",onClick:this.handleExpandAll},this.expandText),e("button",{key:"51f2b7a319030654ed4ca6991b796b3e7a49196a",class:"co-column-picker__toolbar-btn",type:"button",onClick:this.handleCollapseAll},this.collapseText),e("span",{key:"1da451722bb9481a6518338afd32f797985ebd4f",style:{flex:"1"}}),this.selectedValues.length>0&&e("span",{key:"4ac4f4a852c2079ccbf6ff2f89eb32fc0a5979f4",class:"co-column-picker__toolbar-counter"},this.selectedValues.length," ",this.selectedText)),e("div",{key:"dd4f250a9e91bdd35329970b2b5539ad8ce8b3cb",class:"co-column-picker__scroll",style:{maxHeight:`${this.maxHeight}px`}},this.renderTree())),this.helperText&&e("div",{key:"dd362cadf9e34d97bb2a8a157d35e9d1f3b1dfaf",class:`co-column-picker__helper co-column-picker__helper--${this.status}`},this.statusIcon&&e("co-icon",{key:"7f156358ccf841c21f710d8d31770f75ccb5a947",name:this.statusIcon,size:14,weight:"fill",class:"co-column-picker__helper-icon"}),e("span",{key:"e1182644d6ad576951ca01dc57267529e0e6ea60",class:"co-column-picker__helper-text"},this.helperText)))}get el(){return r(this)}static get watchers(){return{options:[{onOptionsChange:0}]}}};h.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-column-picker{display:flex;flex-direction:column;gap:var(--co-spacing-xs);position:relative}.co-column-picker__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-xs)}.co-column-picker__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;cursor:default}.co-column-picker__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-column-picker--disabled .co-column-picker__label,.co-column-picker--disabled .co-column-picker__secondary-label{color:var(--co-semantic-text-disabled)}.co-column-picker__field{display:flex;align-items:center;flex-wrap:wrap;gap:var(--co-spacing-xs);padding:var(--co-spacing-xs) var(--co-spacing-md);background:var(--co-semantic-surface-secondary);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-column-picker__field--focused{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-column-picker__field--disabled{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-column-picker--error .co-column-picker__field{border-color:var(--co-semantic-status-error)}.co-column-picker--success .co-column-picker__field{border-color:var(--co-semantic-status-success)}.co-column-picker--warning .co-column-picker__field{border-color:var(--co-color-status-review)}.co-column-picker--info .co-column-picker__field{border-color:var(--co-semantic-status-info)}.co-column-picker__field-text{flex:1;min-width:0;color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-column-picker__field-placeholder{flex:1;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400}.co-column-picker__field-chips{display:flex;flex-wrap:wrap;gap:var(--co-spacing-xs);flex:1}.co-column-picker__field-actions{display:flex;align-items:center;gap:var(--co-spacing-xs);flex-shrink:0;margin-left:auto}.co-column-picker__field-clear{display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-column-picker__field-clear:hover{color:var(--co-semantic-text-default)}.co-column-picker__field-caret{color:var(--co-semantic-text-muted);display:flex;align-items:center;transition:color 0.15s ease}.co-column-picker__field--open .co-column-picker__field-caret{color:var(--co-semantic-text-default)}.co-column-picker__dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:var(--co-spacing-xs);background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-sm, 12px);box-shadow:0 4px 16px var(--co-color-opacity-negro-8);overflow:hidden}.co-column-picker__search{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:var(--co-spacing-xs) var(--co-spacing-md);border-bottom:1px solid var(--co-semantic-border-subtle);transition:border-color 0.2s ease}.co-column-picker__search:focus-within{border-color:var(--co-semantic-border-focus)}.co-column-picker__search-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-column-picker__search-input{flex:1;border:none;outline:none;background:transparent;font-size:var(--co-font-size-14);font-family:inherit;color:var(--co-semantic-text-default);line-height:1.4;padding:0}.co-column-picker__search-input::placeholder{color:var(--co-semantic-text-muted)}.co-column-picker__search-clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:none;cursor:pointer;color:var(--co-semantic-text-muted);padding:0;border-radius:var(--co-border-radius-xxs);transition:all 0.15s ease}.co-column-picker__search-clear:hover{color:var(--co-semantic-text-default);background:var(--co-semantic-surface-hover)}.co-column-picker__toolbar{display:flex;align-items:center;gap:2px;padding:var(--co-spacing-xs) var(--co-spacing-md);border-bottom:1px solid var(--co-semantic-border-subtle)}.co-column-picker__toolbar-sep{width:1px;height:14px;background:var(--co-semantic-border-subtle);margin:0 var(--co-spacing-xs)}.co-column-picker__toolbar-btn{border:none;background:none;font-size:11.5px;font-family:inherit;color:var(--co-semantic-text-muted);cursor:pointer;padding:3px var(--co-spacing-xs);font-weight:500;transition:all 0.15s ease;border-radius:var(--co-border-radius-xxs);line-height:1.4}.co-column-picker__toolbar-btn:hover{color:var(--co-semantic-text-default);background:var(--co-semantic-surface-hover)}.co-column-picker__toolbar-counter{font-size:11.5px;font-weight:500;color:var(--co-semantic-text-muted);font-variant-numeric:tabular-nums;padding:2px var(--co-spacing-xs);background:var(--co-semantic-surface-muted);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xxs)}.co-column-picker__scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--co-semantic-border-default) transparent}.co-column-picker__scroll::-webkit-scrollbar{width:6px}.co-column-picker__scroll::-webkit-scrollbar-track{background:transparent}.co-column-picker__scroll::-webkit-scrollbar-thumb{background:var(--co-semantic-border-default);border-radius:var(--co-border-radius-full)}.co-column-picker__tree{padding:var(--co-spacing-xs) 0}.co-column-picker__node{user-select:none}.co-column-picker__node-row{display:flex;align-items:center;min-height:34px;padding:0 12px 0 10px;gap:var(--co-spacing-xs);cursor:pointer;transition:background-color 0.1s ease}.co-column-picker__node-row:hover{background-color:var(--co-semantic-surface-hover)}.co-column-picker__node-row--parent:hover{background-color:var(--co-semantic-surface-muted)}.co-column-picker__node-row--expanded{background-color:var(--co-semantic-surface-muted)}.co-column-picker__node-row--selected{background-color:var(--co-semantic-surface-muted)}.co-column-picker__node-label{flex:1;font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-default);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.co-column-picker__node-label--parent{font-weight:600;text-transform:capitalize}.co-column-picker__node-label--self{font-weight:400;color:var(--co-semantic-text-muted);text-transform:none}.co-column-picker__node-label mark{background:color-mix(in srgb, var(--co-color-primary-amarillo) 30%, transparent);color:inherit;padding:0 1px;border-radius:1px}.co-column-picker__self-tag{flex-shrink:0;font-size:10px;font-weight:500;color:var(--co-semantic-text-muted);background:var(--co-semantic-surface-muted);padding:1px 6px;border-radius:var(--co-border-radius-xxs);border:1px solid var(--co-semantic-border-subtle);text-transform:lowercase}.co-column-picker__node-counter{flex-shrink:0;font-size:11px;font-weight:400;color:var(--co-semantic-text-muted);font-variant-numeric:tabular-nums}.co-column-picker__counter-selected{font-weight:600;color:var(--co-semantic-text-default)}.co-column-picker__counter-sep{color:var(--co-semantic-border-default);margin:0 1px}.co-column-picker__counter-total{color:var(--co-semantic-text-muted)}.co-column-picker__chevron{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--co-semantic-text-muted);margin-left:var(--co-spacing-xs);transition:transform 0.2s ease, color 0.2s ease}.co-column-picker__chevron:hover{color:var(--co-semantic-text-default)}.co-column-picker__chevron--open{transform:rotate(90deg);color:var(--co-semantic-text-default)}.co-column-picker__node-children{position:relative}.co-column-picker__node-children::before{content:'';position:absolute;left:var(--guide-left, 19px);top:0;bottom:0;width:1px;background:var(--co-semantic-border-default)}.co-column-picker__section-header{display:flex;align-items:center;gap:6px;padding:var(--co-spacing-xs) var(--co-spacing-md) var(--co-spacing-xs);margin-top:var(--co-spacing-xs);border-top:1px solid var(--co-semantic-border-subtle)}.co-column-picker__section-header:first-child{margin-top:0;border-top:none}.co-column-picker__section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:var(--co-semantic-text-secondary)}.co-column-picker__section-prefix{font-size:10px;font-weight:500;color:var(--co-semantic-text-muted);opacity:0.75}.co-column-picker__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--co-spacing-xs);padding:40px 16px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14)}.co-column-picker__empty-icon{color:var(--co-semantic-border-default)}.co-column-picker__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-column-picker__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-column-picker__helper-text{font-size:var(--co-font-size-12, 12px);font-weight:400;line-height:1.4;color:var(--co-semantic-text-muted)}.co-column-picker__helper--error .co-column-picker__helper-text,.co-column-picker__helper--error .co-column-picker__helper-icon{color:var(--co-semantic-status-error)}.co-column-picker__helper--success .co-column-picker__helper-text,.co-column-picker__helper--success .co-column-picker__helper-icon{color:var(--co-semantic-status-success)}.co-column-picker__helper--warning .co-column-picker__helper-text,.co-column-picker__helper--warning .co-column-picker__helper-icon{color:var(--co-color-status-review)}.co-column-picker__helper--info .co-column-picker__helper-text,.co-column-picker__helper--info .co-column-picker__helper-icon{color:var(--co-semantic-status-info)}";export{h as co_column_picker}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,h as c,a as o}from"./p-CYsftTKf.js";const r=class{constructor(c){a(this,c),this.variant="elevated",this.padding="md",this.clickable=!1,this.stretch=!1,this.hasHeader=!1,this.hasFooter=!1,this.handleHeaderSlotChange=()=>{this.hasHeader=this.checkSlot("header")},this.handleFooterSlotChange=()=>{this.hasFooter=this.checkSlot("footer")}}checkSlot(a){var c,o,r;return(null!==(r=null===(o=null===(c=this.el.shadowRoot)||void 0===c?void 0:c.querySelector(`slot[name="${a}"]`))||void 0===o?void 0:o.assignedElements())&&void 0!==r?r:[]).length>0}render(){return c("div",{key:"cdebab62b3278f12ec11a48fc021f2b3581a26a9",class:{"co-card":!0,[`co-card--${this.variant}`]:!0,[`co-card--pad-${this.padding}`]:!0,"co-card--clickable":this.clickable,"co-card--stretch":this.stretch},part:"card",role:this.clickable?"button":void 0,tabIndex:this.clickable?0:void 0},c("div",{key:"5617eec250a9bf610ff946eea91a9ce3a9779407",class:{"co-card__header":!0,"co-card__header--empty":!this.hasHeader},part:"header"},c("slot",{key:"62cc9bec88df0e538667425958addb114631a3a0",name:"header",onSlotchange:this.handleHeaderSlotChange})),c("div",{key:"2f47b30bece89900cf402bf4bfa6e8bc81a6a331",class:"co-card__body",part:"body"},c("slot",{key:"252cd909fb7f094b7b806716b8e009858a1dd2c8"})),c("div",{key:"aa2839cdf55f763bae3bd7fd61854ea0d513e9fa",class:{"co-card__footer":!0,"co-card__footer--empty":!this.hasFooter},part:"footer"},c("slot",{key:"0426f1e66c67a7b33789889a1daaea13f85969cc",name:"footer",onSlotchange:this.handleFooterSlotChange})))}get el(){return o(this)}};r.style=":host{display:block}:host([stretch]){height:100%}.co-card{display:flex;flex-direction:column;font-family:var(--co-font-family-primary);background:var(--co-semantic-surface-page);border-radius:var(--co-border-radius-lg);overflow:hidden;box-sizing:border-box}.co-card--stretch{height:100%}.co-card--elevated{box-shadow:0 1px 3px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.06)}.co-card--outlined{border:1px solid var(--co-semantic-border-subtle)}.co-card--flat{background:var(--co-semantic-surface-muted)}.co-card--pad-none .co-card__header,.co-card--pad-none .co-card__body,.co-card--pad-none .co-card__footer{padding:0}.co-card--pad-none .co-card__header{border-bottom:none}.co-card--pad-none .co-card__footer{border-top:none}.co-card--pad-sm .co-card__header,.co-card--pad-sm .co-card__body,.co-card--pad-sm .co-card__footer{padding:var(--co-spacing-sm) var(--co-spacing-md)}.co-card--pad-md .co-card__header,.co-card--pad-md .co-card__body,.co-card--pad-md .co-card__footer{padding:var(--co-spacing-md) var(--co-spacing-lg)}.co-card--pad-lg .co-card__header,.co-card--pad-lg .co-card__body,.co-card--pad-lg .co-card__footer{padding:var(--co-spacing-lg) var(--co-spacing-xl)}.co-card__body{flex:1;display:flex;flex-direction:column}.co-card__header{border-bottom:1px solid var(--co-semantic-border-subtle)}.co-card__header--empty{display:none}.co-card__footer{border-top:1px solid var(--co-semantic-border-subtle)}.co-card__footer--empty{display:none}.co-card--clickable{cursor:pointer;transition:box-shadow 0.2s ease, transform 0.2s ease}.co-card--clickable:hover{box-shadow:0 4px 16px rgba(0, 0, 0, 0.1), 0 8px 24px rgba(0, 0, 0, 0.06);transform:translateY(-2px)}.co-card--clickable:active{transform:translateY(0)}.co-card--clickable:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px}";export{r as co_card}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as o,h as e,a as s}from"./p-CYsftTKf.js";function i(t,o=48){return t<=0?0:o*(1-1/(t/o+1))}const h=class{constructor(e){t(this,e),this.coClose=o(this,"coClose",3),this.coOpen=o(this,"coOpen",3),this.coAfterOpen=o(this,"coAfterOpen",3),this.coAfterClose=o(this,"coAfterClose",3),this.open=!1,this.heading="",this.maxHeight="85dvh",this.dismissible=!0,this.closeOnOverlay=!0,this.closeOnEscape=!0,this.showHandle=!0,this.hasFooter=!1,this.hasHeaderSlot=!1,this.tracker=function(t=100,o=8){let e=[];return{add(s,i){e.push({t:s,y:i}),e.length>o&&e.shift(),e=e.filter((o=>s-o.t<=t))},velocity(){if(e.length<2)return 0;const t=e[0],o=e[e.length-1],s=o.t-t.t;return s<8?0:(o.y-t.y)/s},reset(){e=[]}}}(),this.armed=!1,this.engaged=!1,this.fromBody=!1,this.startY=0,this.startX=0,this.startScrollTop=0,this.sheetHeight=0,this.dismissPending=!1,this.pendingAfter=null,this.handleBackdropClick=()=>{this.closeOnOverlay&&this.coClose.emit()},this.handleFooterSlotChange=t=>{this.hasFooter=this.slotHasContent(t)},this.handleHeaderSlotChange=t=>{this.hasHeaderSlot=this.slotHasContent(t)},this.handleTransitionEnd=t=>{"transform"===t.propertyName&&t.target===this.sheetEl&&("open"===this.pendingAfter&&this.open&&this.coAfterOpen.emit(),"close"!==this.pendingAfter||this.open||this.coAfterClose.emit(),this.pendingAfter=null)},this.handleGripPointerDown=t=>{this.arm(t,!1)},this.handleBodyPointerDown=t=>{this.arm(t,!0)},this.handlePointerMove=t=>{if(!this.armed||!t.isPrimary)return;const o=t.clientY-this.startY,e=t.clientX-this.startX;if(!this.engaged){const s=this.fromBody?8:4;if(Math.abs(o)<s)return;if(this.fromBody){const t=!!this.bodyEl&&this.bodyEl.scrollHeight>this.bodyEl.clientHeight;if(this.startScrollTop>0||Math.abs(o)<=Math.abs(e)||o<0&&t)return void this.disarm()}this.engage(t,t.currentTarget)}const s=t.clientY-this.startY;let h;if(h=s>=0?this.dismissible?s:i(s):-i(-s),this.sheetEl&&(this.sheetEl.style.transform=`translate3d(0, ${h}px, 0)`),this.backdropEl&&this.sheetHeight>0){const t=Math.min(Math.max(h/this.sheetHeight,0),1);this.backdropEl.style.opacity=String(1-t)}this.tracker.add(t.timeStamp,t.clientY)},this.handlePointerUp=t=>{if(!this.armed)return;const o=this.engaged,e=o?Math.max(t.clientY-this.startY,0):0,s=this.tracker.velocity();if(this.disarm(),!o)return;const i=function({offset:t,height:o,velocity:e,dismissible:s}){return s?e>=.5&&t>=24?"dismiss":e<=-.15?"restore":o>0&&t>=.45*o?"dismiss":"restore":"restore"}({offset:e,height:this.sheetHeight,velocity:s,dismissible:this.dismissible});"dismiss"===i?(this.dismissPending=!0,this.sheetEl&&(this.sheetEl.style.transform=`translate3d(0, ${this.sheetHeight}px, 0)`),this.backdropEl&&(this.backdropEl.style.opacity="0"),this.coClose.emit(),this.dismissFallback=setTimeout((()=>{this.open&&this.dismissPending&&(this.dismissPending=!1,this.clearInlineStyles())}),500)):this.clearInlineStyles()},this.handlePointerCancel=()=>{this.armed&&(this.disarm(),this.clearInlineStyles())},this.touchBlocker=t=>{(this.engaged||this.armed&&this.startScrollTop<=0&&t.touches[0].clientY-this.startY>0)&&t.preventDefault()}}onOpenChange(t,o){t!==o&&(this.pendingAfter=t?"open":"close",t?(this.coOpen.emit(),this.clearInlineStyles()):(this.dismissPending=!1,this.dismissFallback&&clearTimeout(this.dismissFallback),requestAnimationFrame((()=>this.clearInlineStyles()))))}handleKey(t){this.open&&this.closeOnEscape&&"Escape"===t.key&&this.coClose.emit()}disconnectedCallback(){this.detachTouchBlocker(),this.dismissFallback&&clearTimeout(this.dismissFallback)}clearInlineStyles(){this.sheetEl&&(this.sheetEl.style.transform=""),this.backdropEl&&(this.backdropEl.style.opacity="")}slotHasContent(t){return t.target.assignedNodes({flatten:!0}).some((t=>t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&""!==(t.textContent||"").trim()))}arm(t,o){this.open&&!this.dismissPending&&t.isPrimary&&(this.armed=!0,this.engaged=!1,this.fromBody=o,this.startY=t.clientY,this.startX=t.clientX,this.startScrollTop=o&&this.bodyEl?this.bodyEl.scrollTop:0,o&&this.attachTouchBlocker())}engage(t,o){var e,s;this.engaged=!0,this.startY=t.clientY,this.sheetHeight=(null===(e=this.sheetEl)||void 0===e?void 0:e.getBoundingClientRect().height)||0,null===(s=this.sheetEl)||void 0===s||s.classList.add("co-bottom-sheet--dragging");try{null==o||o.setPointerCapture(t.pointerId)}catch(t){}this.tracker.reset(),this.tracker.add(t.timeStamp,t.clientY)}disarm(){var t;this.armed=!1,this.engaged=!1,null===(t=this.sheetEl)||void 0===t||t.classList.remove("co-bottom-sheet--dragging"),this.detachTouchBlocker()}attachTouchBlocker(){var t;null===(t=this.bodyEl)||void 0===t||t.addEventListener("touchmove",this.touchBlocker,{passive:!1})}detachTouchBlocker(){var t;null===(t=this.bodyEl)||void 0===t||t.removeEventListener("touchmove",this.touchBlocker)}render(){return e("div",{key:"5a012ab0bd3939ed3266ba823d3d88949f6dbedc",class:{"co-bottom-sheet-root":!0,"co-bottom-sheet-root--open":this.open}},e("div",{key:"4ce730ddf26b6d594b61d53553a3ebca14ed4c5e",class:"co-bottom-sheet__backdrop",part:"backdrop",onClick:this.handleBackdropClick,ref:t=>this.backdropEl=t}),e("section",{key:"75adb4689ffab355a074661adee3dfebfda4d9b5",class:{"co-bottom-sheet":!0,"co-bottom-sheet--open":this.open},part:"sheet",role:"dialog","aria-modal":"true","aria-labelledby":this.heading?"co-bottom-sheet-heading":void 0,style:{"--co-bottom-sheet-max-height":this.maxHeight},onTransitionEnd:this.handleTransitionEnd,ref:t=>this.sheetEl=t},e("div",{key:"a654a44b53c0f9647324c2c587e1e47277a1cd3d",class:"co-bottom-sheet__grip",onPointerDown:this.handleGripPointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerCancel},this.showHandle&&e("div",{key:"71918dcc9b8ca914fa020cf2428671a2e747103d",class:"co-bottom-sheet__handle",part:"handle","aria-hidden":"true"}),e("header",{key:"57040104cd32072ef0b81dbdb22e3475b94cf64d",class:{"co-bottom-sheet__header":!0,"co-bottom-sheet__header--show":this.hasHeaderSlot||!!this.heading},part:"header"},e("slot",{key:"1ebe3576caee4e503930b8f042ae4ef57063427c",name:"header",onSlotchange:this.handleHeaderSlotChange},this.heading&&e("h2",{key:"7b5a81b9a833d7a0d00a07b8de7830b7e263d688",class:"co-bottom-sheet__heading",id:"co-bottom-sheet-heading"},this.heading)))),e("div",{key:"a45ff0344563c24517cffed54bb4993bfa2a6f76",class:"co-bottom-sheet__body",part:"body",onPointerDown:this.handleBodyPointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerCancel,ref:t=>this.bodyEl=t},e("slot",{key:"b616b4a2fb6ea8634c4bb9889f9a3f1133bb863f"})),e("footer",{key:"e4b192198526c78e2cd015bf116159c359a43292",class:{"co-bottom-sheet__footer":!0,"co-bottom-sheet__footer--show":this.hasFooter},part:"footer"},e("slot",{key:"f461a3a9b895581d849f490f9769f280eeb2ce2b",name:"footer",onSlotchange:this.handleFooterSlotChange}))))}get el(){return s(this)}static get watchers(){return{open:[{onOpenChange:0}]}}};h.style=":host{display:contents}.co-bottom-sheet__backdrop{position:fixed;inset:0;z-index:1000;background:rgba(0, 0, 0, 0.4);-webkit-backdrop-filter:blur(var(--co-overlay-blur, 2px));backdrop-filter:blur(var(--co-overlay-blur, 2px));opacity:0;pointer-events:none;transition:opacity 0.25s ease}.co-bottom-sheet-root--open .co-bottom-sheet__backdrop{opacity:1;pointer-events:auto;transition:opacity 0.12s ease}.co-bottom-sheet{position:fixed;left:0;right:0;bottom:0;z-index:1001;display:flex;flex-direction:column;height:auto;max-height:var(--co-bottom-sheet-max-height, 85dvh);background:var(--co-semantic-surface-page);font-family:var(--co-font-family-primary);border-radius:var(--co-border-radius-xl) var(--co-border-radius-xl) 0 0;box-shadow:0 -4px 24px rgba(0, 0, 0, 0.12);transform:translateY(100%);transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);will-change:transform;overflow:hidden;visibility:hidden}.co-bottom-sheet--open{transform:translateY(0);visibility:visible}.co-bottom-sheet:not(.co-bottom-sheet--open){transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.25s}.co-bottom-sheet--dragging,.co-bottom-sheet-root:has(.co-bottom-sheet--dragging) .co-bottom-sheet__backdrop{transition:none !important}.co-bottom-sheet__grip{flex-shrink:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab}.co-bottom-sheet--dragging .co-bottom-sheet__grip{cursor:grabbing}.co-bottom-sheet__handle{width:40px;height:4px;margin:var(--co-spacing-sm) auto var(--co-spacing-xs);border-radius:var(--co-border-radius-full);background:var(--co-semantic-border-default)}.co-bottom-sheet__header{padding:0 var(--co-spacing-xl)}.co-bottom-sheet__header--show{padding-bottom:var(--co-spacing-sm)}.co-bottom-sheet__heading{margin:0;font-size:var(--co-font-size-16);font-weight:700;color:var(--co-semantic-text-default)}.co-bottom-sheet__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y}.co-bottom-sheet__footer{flex-shrink:0;display:none}.co-bottom-sheet__footer--show{display:block;border-top:1px solid var(--co-semantic-border-default);padding:var(--co-spacing-md) var(--co-spacing-xl) calc(var(--co-spacing-lg) + env(safe-area-inset-bottom, 0px));background:var(--co-semantic-surface-page)}@media (prefers-reduced-motion: reduce){.co-bottom-sheet,.co-bottom-sheet:not(.co-bottom-sheet--open),.co-bottom-sheet__backdrop{transition-duration:0.01s !important}}";export{h as co_bottom_sheet}
|
|
@@ -0,0 +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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,c as e,h as c,a as t}from"./p-CYsftTKf.js";import{r as o,h as s}from"./p-CQY6Ul7q.js";function i(a){const e=[];let c,t=0;for(const o of a){const a=o.section;a&&a!==c&&e.push({kind:"header",label:a}),c=a,e.push({kind:"item",item:o,index:t}),t++}return e}const r=class{constructor(c){a(this,c),this.coSelect=e(this,"coSelect",7),this.coClose=e(this,"coClose",7),this.coQueryChange=e(this,"coQueryChange",7),this.coScopeChange=e(this,"coScopeChange",1),this.coBackspaceEmpty=e(this,"coBackspaceEmpty",1),this.coChipRemove=e(this,"coChipRemove",1),this.coTabSelect=e(this,"coTabSelect",1),this.coMoreTabs=e(this,"coMoreTabs",1),this.open=!1,this.placeholder="Search...",this.items=[],this.emptyMessage="No results found",this.async=!1,this.loading=!1,this.chips="[]",this.tabs="[]",this.activeTab="",this.hasMore=!1,this.moreLabel="More",this.favorites="[]",this.query="",this.activeIndex=0,this.handleInput=a=>{this.query=a.target.value,this.activeIndex=0,this.coQueryChange.emit(this.query)},this.handleKeyDown=a=>{if("Backspace"===a.key&&""===this.query)return a.preventDefault(),void this.coBackspaceEmpty.emit(this.query);const e=this.filteredItems;switch(a.key){case"ArrowDown":a.preventDefault(),this.activeIndex=(this.activeIndex+1)%e.length;break;case"ArrowUp":a.preventDefault(),this.activeIndex=(this.activeIndex-1+e.length)%e.length;break;case"Enter":a.preventDefault(),e[this.activeIndex]&&this.selectItem(e[this.activeIndex]);break;case"Escape":a.preventDefault(),this.close();break;case"Tab":a.preventDefault(),e.length>0&&(this.activeIndex=a.shiftKey?(this.activeIndex-1+e.length)%e.length:(this.activeIndex+1)%e.length)}},this.handleOverlayClick=()=>{this.close()},this.handlePanelClick=a=>{a.stopPropagation()},this.handleTriggerClick=()=>{this.open=!0}}get parsedItems(){if("string"==typeof this.items)try{return JSON.parse(this.items)}catch(a){return[]}return this.items}get filteredItems(){return a=this.parsedItems,e=this.query,this.async?a:e?o(a,e,(a=>[a.label,a.value])):a;var a,e}get parsedChips(){try{const a="string"==typeof this.chips?JSON.parse(this.chips):this.chips;return Array.isArray(a)?a:[]}catch(a){return[]}}get parsedTabs(){try{const a="string"==typeof this.tabs?JSON.parse(this.tabs):this.tabs;return Array.isArray(a)?a:[]}catch(a){return[]}}get parsedFavorites(){try{const a="string"==typeof this.favorites?JSON.parse(this.favorites):this.favorites;return Array.isArray(a)?a:[]}catch(a){return[]}}renderLabel(a){const e=this.query?s(a,this.query):null;return e?[e.pre,c("span",{class:"co-command-search__match"},e.match),e.post]:a}onActiveTabChange(a){a&&(this.query="",this.activeIndex=0),requestAnimationFrame((()=>{var a;const e=null===(a=this.el.shadowRoot)||void 0===a?void 0:a.querySelector('.co-command-search__tab[aria-selected="true"]');null==e||e.scrollIntoView({inline:"nearest",block:"nearest"})}))}onOpenChange(a){a&&(this.query="",this.activeIndex=0,requestAnimationFrame((()=>{var a;return null===(a=this.inputEl)||void 0===a?void 0:a.focus()})))}selectItem(a){!function(a){return!0===a.keepOpen}(a)?(this.coSelect.emit(a.value),this.close()):this.coScopeChange.emit(a.value)}close(){this.open=!1,this.coClose.emit()}render(){const a=this.filteredItems;return[c("div",{key:"7489dba63daa21b04e7fd12ba0923d3f5452a651",class:"co-command-search__trigger",onClick:this.handleTriggerClick},c("slot",{key:"86bacbf98e5c7b2079d0db46862c60ee4273756d",name:"trigger"})),c("co-overlay",{key:"e6406e9eb24dfff1f1a8b78267b84fb2e305b9bd",open:this.open,onCoClose:this.handleOverlayClick},c("div",{key:"9cf1f70ac226d3802f3f1ffaf77d1633d7c24f2a",class:{"co-command-search":!0,"co-command-search--open":this.open},part:"panel",role:"dialog","aria-modal":"true","aria-label":"Command palette",onClick:this.handlePanelClick},c("div",{key:"a2508671dc39fb5e90455f9ee4391e52e7739a29",class:"co-command-search__input-row",part:"input-row"},c("co-icon",{key:"37051efc28fc3412eb24b53cd4891b98a3b8c2cc",name:"magnifying-glass",size:20}),this.parsedChips.map(((a,e)=>c("span",{class:"co-command-search__facet-chip"},a.icon&&c("co-icon",{name:a.icon,size:12}),c("span",{class:"co-command-search__facet-chip-label"},a.label),c("button",{class:"co-command-search__facet-chip-remove",type:"button","aria-label":`Remove filter ${a.label}`,onClick:a=>{a.stopPropagation(),this.coChipRemove.emit(e)}},c("co-icon",{name:"x",size:10,weight:"bold"}))))),c("input",{key:"33f8024e71b902b954349b539dc8a6b1ea4e8a64",class:"co-command-search__input",type:"text",placeholder:this.placeholder,value:this.query,onInput:this.handleInput,onKeyDown:this.handleKeyDown,ref:a=>this.inputEl=a,part:"input",role:"combobox","aria-expanded":this.open?"true":"false","aria-controls":"co-cmd-results","aria-autocomplete":"list","aria-activedescendant":this.filteredItems[this.activeIndex]?"co-cmd-opt-"+this.activeIndex:void 0}),this.loading&&c("co-loader",{key:"46eae7fb379621808f0e7a78e3e15f2cf0742fa6",class:"co-command-search__loading",part:"loading",size:"sm"}),c("span",{key:"1505eaa1ccde46d28475b7ded587732a302dfef6",class:"co-command-search__shortcut"},"ESC")),(this.parsedTabs.length>0||this.hasMore)&&c("div",{key:"4557dc1c0f0f543238deeaf37731594064b7a946",class:"co-command-search__tabs",part:"tabs",role:"tablist"},this.parsedTabs.map((a=>{const e=a.value===this.activeTab;return c("co-chip",{class:"co-command-search__tab",role:"tab","aria-selected":e?"true":"false",clickable:!0,selected:e,variant:e?"filled":"outlined",color:e?"primary":"default",iconLeft:a.icon,label:a.label,onCoClick:()=>this.coTabSelect.emit(e?"":a.value)})})),this.hasMore&&c("co-chip",{key:"9253d7fc43c7f320af6af274dce8eca6d8543186",class:"co-command-search__tab co-command-search__tab--more",clickable:!0,variant:"outlined",label:this.moreLabel,iconRight:"caret-down",onCoClick:()=>this.coMoreTabs.emit()})),c("div",{key:"5ae57716cf3337623c111d8b5f9fb941536324a6",class:"co-command-search__results",part:"results",role:"listbox",id:"co-cmd-results"},this.parsedFavorites.length>0&&!this.query&&c("div",{key:"7e11f7b777c590b0f728240e0fbea1808d0c07a5",class:"co-command-search__fav",part:"favorites"},c("div",{key:"67e2ba4b3a500522c7d89429359d5bd947096d8d",class:"co-command-search__fav-grid"},this.parsedFavorites.map((a=>c("button",{class:"co-command-search__fav-card",type:"button",onClick:()=>this.coSelect.emit(a.value)},c("span",{class:"co-command-search__fav-icon",style:{background:a.color||"var(--co-semantic-surface-muted)"}},c("co-icon",{name:a.icon||"circle",size:26,weight:"fill"})),c("span",{class:"co-command-search__fav-label"},a.label)))))),a.length>0?i(a).map((a=>"header"===a.kind?c("div",{class:"co-command-search__section",part:"section",role:"presentation"},a.label):c("div",{class:{"co-command-search__item":!0,"co-command-search__item--active":a.index===this.activeIndex},part:"item",role:"option",id:"co-cmd-opt-"+a.index,"aria-selected":a.index===this.activeIndex?"true":"false",onClick:()=>this.selectItem(a.item),onMouseEnter:()=>{this.activeIndex=a.index}},a.item.icon&&c("co-icon",{name:a.item.icon,size:18}),c("span",{class:"co-command-search__item-text"},c("span",{class:"co-command-search__item-label"},this.renderLabel(a.item.label)),a.item.subtitle&&c("span",{class:"co-command-search__item-subtitle"},a.item.subtitle))))):!this.loading&&c("div",{class:"co-command-search__empty",part:"empty"},this.emptyMessage))))]}get el(){return t(this)}static get watchers(){return{activeTab:[{onActiveTabChange:0}],open:[{onOpenChange:0}]}}};r.style=":host{display:contents}co-overlay{--co-overlay-bg:rgba(0, 0, 0, 0.16)}.co-command-search__trigger{display:contents}.co-command-search{display:flex;flex-direction:column;width:90vw;max-width:560px;max-height:420px;background:var(--co-semantic-surface-page);border-radius:var(--co-border-radius-lg);box-shadow:0 8px 32px rgba(0, 0, 0, 0.12);overflow:hidden;font-family:var(--co-font-family-primary);transform:translateY(8px) scale(0.98);opacity:0;transition:transform 0.15s ease, opacity 0.15s ease;margin-top:-15vh}.co-command-search--open{transform:translateY(0) scale(1);opacity:1}.co-command-search__input-row{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-md) var(--co-spacing-lg);border-bottom:1px solid var(--co-semantic-border-default);color:var(--co-semantic-text-muted)}.co-command-search__input{flex:1;border:none;outline:none;background:transparent;font-size:var(--co-font-size-16);font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);min-width:0}.co-command-search__input::placeholder{color:var(--co-semantic-text-muted)}.co-command-search__shortcut{font-size:var(--co-font-size-10);color:var(--co-semantic-text-muted);background:var(--co-semantic-surface-muted);padding:2px var(--co-spacing-xs);border-radius:var(--co-border-radius-xxs);font-weight:500;line-height:1.4;flex-shrink:0}.co-command-search__results{flex:1;overflow-y:auto;padding:var(--co-spacing-xs) 0}.co-command-search__item{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm) var(--co-spacing-lg);cursor:pointer;font-size:var(--co-font-size-14);color:var(--co-semantic-text-default);transition:background 0.08s ease}.co-command-search__item:hover,.co-command-search__item--active{background:var(--co-semantic-surface-hover)}.co-command-search__item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-command-search__match{font-weight:700}.co-command-search__empty{padding:var(--co-spacing-2xl) var(--co-spacing-lg);text-align:center;font-size:var(--co-font-size-14);color:var(--co-semantic-text-muted)}.co-command-search__section{padding:var(--co-spacing-sm) var(--co-spacing-lg) var(--co-spacing-xs);font-size:var(--co-font-size-12);font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:var(--co-semantic-text-muted)}.co-command-search__item-text{flex:1;min-width:0;display:flex;flex-direction:column}.co-command-search__item-subtitle{font-size:var(--co-font-size-12);color:var(--co-semantic-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-command-search__loading{flex-shrink:0;display:flex;align-items:center}.co-command-search__facet-chip{display:inline-flex;align-items:center;gap:2px;padding:2px var(--co-spacing-xs);background:var(--co-color-primary-azul);color:var(--co-color-base-blanco, #fff);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-12);font-weight:500;white-space:nowrap;flex-shrink:0}.co-command-search__facet-chip-label{max-width:110px;overflow:hidden;text-overflow:ellipsis}.co-command-search__facet-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border:none;border-radius:var(--co-border-radius-full);background:rgba(255, 255, 255, 0.25);color:inherit;cursor:pointer;padding:0;line-height:1;transition:background 0.1s ease}.co-command-search__facet-chip-remove:hover{background:rgba(255, 255, 255, 0.4)}.co-command-search__tabs{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-md);overflow-x:auto;border-bottom:1px solid var(--co-semantic-border-default);scroll-padding-right:104px}.co-command-search__tab{flex:0 0 auto}.co-command-search__tab--more{position:sticky;right:0;padding-left:var(--co-spacing-sm);background:var(--co-semantic-surface-page);box-shadow:-12px 0 10px -4px var(--co-semantic-surface-page)}.co-command-search__fav{padding:var(--co-spacing-sm) var(--co-spacing-lg) var(--co-spacing-md);border-bottom:1px solid var(--co-semantic-border-default)}.co-command-search__fav-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(88px, 1fr));gap:var(--co-spacing-xs)}.co-command-search__fav-card{display:flex;flex-direction:column;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm) var(--co-spacing-xs);background:transparent;border:none;border-radius:var(--co-border-radius-sm);cursor:pointer;font-family:inherit;text-align:center;min-width:0;transition:background 0.12s ease}.co-command-search__fav-card:hover{background:var(--co-semantic-surface-hover)}.co-command-search__fav-card:focus-visible{outline:none;box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-command-search__fav-icon{flex:none;width:50px;height:50px;border-radius:var(--co-border-radius-sm);display:flex;align-items:center;justify-content:center;color:var(--co-color-base-blanco, #fff);box-shadow:0 2px 6px rgba(0, 0, 0, 0.14)}.co-command-search__fav-label{font-size:var(--co-font-size-12);font-weight:500;line-height:1.2;color:var(--co-semantic-text-default);max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}";export{r as co_command_search}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as
|
|
1
|
+
import{r as e,h as t}from"./p-CYsftTKf.js";const c=class{constructor(t){e(this,t),this.status="default",this.STATUS_ICON={default:"info",error:"x-circle",success:"check-circle",warning:"warning",info:"info"}}render(){return t("div",{key:"fb1894ff2656d74d2c892a6c857d98269604b04e",class:{"co-helper-text":!0,[`co-helper-text--${this.status}`]:!0},part:"helper-text"},t("co-icon",{key:"d56c274e9f44ae16b13a02ec262d0d14b109fc5b",name:this.STATUS_ICON[this.status],size:14,weight:"fill",class:"co-helper-text__icon"}),t("span",{key:"5e776db146922fc1271bff50b1b45245baf088b3",class:"co-helper-text__message"},t("slot",{key:"c3f93747e7b903296d24f60f87c9e3c29c2cb1cd"},this.message)))}};c.style=":host{display:block}.co-helper-text{display:flex;align-items:center;gap:var(--co-spacing-xs);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);line-height:1.4}.co-helper-text__icon{flex-shrink:0}.co-helper-text--default{color:var(--co-semantic-text-muted)}.co-helper-text--error{color:var(--co-semantic-status-error)}.co-helper-text--success{color:var(--co-semantic-status-success)}.co-helper-text--warning{color:var(--co-semantic-status-warning)}.co-helper-text--info{color:var(--co-semantic-status-info)}";export{c as co_helper_text}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as r,h as o,a as i}from"./p-CYsftTKf.js";import{R as a}from"./p-oImf-7fN.js";import{F as t}from"./p-BZJ7NCm5.js";import{i as s}from"./p-DqyWGweA.js";import"./p-ox7HzCZn.js";const l=class{constructor(o){e(this,o),this.coChange=r(this,"coChange",7),this.coClear=r(this,"coClear",7),this.coSearch=r(this,"coSearch",7),this.coLoadMore=r(this,"coLoadMore",7),this.coOpen=r(this,"coOpen",3),this.coClose=r(this,"coClose",3),this.coCreate=r(this,"coCreate",7),this.coRemove=r(this,"coRemove",7),this.coFooterPrimary=r(this,"coFooterPrimary",7),this.coFooterSecondary=r(this,"coFooterSecondary",7),this.required=!1,this.placeholder="Select…",this.disabled=!1,this.clearable=!0,this.multiple=!1,this.status="default",this.layout="vertical",this.size="md",this.value="",this.options="[]",this.selectedDisplay="[]",this.loading=!1,this.total=0,this.searchable=!0,this.searchPlaceholder="Search…",this.searchDebounce=350,this.emptyMessage="No results found",this.showFooter=!1,this.footerPrimaryLabel="Ok",this.footerSecondaryLabel="New",this.maxChips=0,this.panelTheme="auto",this.avatarShape="circle",this.isOpen=!1,this.searchText="",this.overflowCount=0,this.lastChipsKey="\0",this.sortSnapshot=new Set,this.openDisplaySnapshot=[],this.handlePopoverOpen=()=>{this.isOpen=!0},this.handlePopoverClose=()=>{this.isOpen=!1},this.handleTriggerClick=e=>{this.disabled&&e.stopPropagation()},this.handleSearchInput=e=>{const r=e.target.value;this.searchText=r,this.debounceTimer&&clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>{this.coSearch.emit(r)}),this.searchDebounce)},this.handleOptionClick=e=>{if(this.multiple){const r=this.parsedValue;let o;o=r.indexOf(e._id)>=0?r.filter((r=>r!==e._id)):[...r,e._id],this.value=JSON.stringify(o),this.coChange.emit({value:o,item:e})}else this.value=e._id,this.coChange.emit({value:e._id,item:e}),this.isOpen=!1},this.handleClear=e=>{e.stopPropagation(),this.value=this.multiple?"[]":"",this.coClear.emit()},this.handleRemoveChip=(e,r)=>{r.stopPropagation();const o=this.parsedValue.filter((r=>r!==e));this.value=JSON.stringify(o),this.coRemove.emit(e)},this.handleScroll=()=>{if(!this.optionsEl||this.loading||!this.hasMore)return;const{scrollTop:e,scrollHeight:r,clientHeight:o}=this.optionsEl;e+o>=r-40&&this.coLoadMore.emit()},this.handleCreateClick=()=>{this.coCreate.emit(this.searchText)},this.handleFooterPrimary=()=>{this.coFooterPrimary.emit(),this.isOpen=!1},this.handleFooterSecondary=()=>{this.coFooterSecondary.emit()}}get normalizedSize(){return"default"===this.size?"md":this.size}get parsedOptions(){try{const e="string"==typeof this.options?JSON.parse(this.options):this.options;return Array.isArray(e)?e:[]}catch(e){return[]}}get parsedSelectedDisplay(){try{const e="string"==typeof this.selectedDisplay?JSON.parse(this.selectedDisplay):this.selectedDisplay;return Array.isArray(e)?e:[]}catch(e){return[]}}get effectiveDisplayItems(){const e=this.parsedValue;if(0===e.length)return[];const r=new Map;for(const e of this.parsedSelectedDisplay)r.set(e._id,e);for(const e of this.parsedOptions)r.has(e._id)||r.set(e._id,{_id:e._id,label:e.label,description:e.description,color:e.color,avatar:e.avatar,image:e.image});return e.map((e=>r.get(e))).filter(Boolean)}get parsedValue(){if(!this.value)return[];try{const e=JSON.parse(this.value);return Array.isArray(e)?e:[this.value]}catch(e){return this.value?[this.value]:[]}}get hasMore(){return this.parsedOptions.length<this.total}get remainingCount(){return Math.max(0,this.total-this.parsedOptions.length)}componentWillLoad(){this.sortSnapshot=new Set(this.parsedValue),this.openDisplaySnapshot=this.effectiveDisplayItems}connectedCallback(){this.resizeObserver=new ResizeObserver((()=>this.calcOverflow()))}componentDidRender(){var e,r,o;this.chipsEl!==this.observedChipsEl&&(null===(e=this.resizeObserver)||void 0===e||e.disconnect(),this.chipsEl&&(null===(r=this.resizeObserver)||void 0===r||r.observe(this.chipsEl)),this.observedChipsEl=this.chipsEl);const i=null===(o=this.chipsEl)||void 0===o?void 0:o.querySelectorAll(".co-ref-field__chip"),a=i?Array.from(i,(e=>e.textContent)).join(""):"";a!==this.lastChipsKey&&(this.lastChipsKey=a,this.calcOverflow()),this.isOpen&&this.optionsEl&&!this.osInstance?this.osInstance=s(this.optionsEl,(e=>{!this.loading&&this.hasMore&&e.scrollTop+e.clientHeight>=e.scrollHeight-40&&this.coLoadMore.emit()})):!this.isOpen&&this.osInstance&&(this.osInstance.destroy(),this.osInstance=void 0)}disconnectedCallback(){var e,r;this.debounceTimer&&clearTimeout(this.debounceTimer),null===(e=this.resizeObserver)||void 0===e||e.disconnect(),null===(r=this.osInstance)||void 0===r||r.destroy(),this.osInstance=void 0}calcOverflow(){if(!this.multiple||this.maxChips>0||!this.chipsEl)return void(0!==this.overflowCount&&(this.overflowCount=0));const e=Array.from(this.chipsEl.querySelectorAll(".co-ref-field__chip"));if(0===e.length)return void(0!==this.overflowCount&&(this.overflowCount=0));const r=this.chipsEl.getBoundingClientRect().right;let o=0;for(let i=e.length-1;i>=0&&e[i].getBoundingClientRect().right>r+1;i--)o++;o!==this.overflowCount&&(this.overflowCount=o)}onOpenChange(e){e?(this.sortSnapshot=new Set(this.parsedValue),this.openDisplaySnapshot=this.effectiveDisplayItems,this.coOpen.emit(),requestAnimationFrame((()=>{var e;null===(e=this.searchInputEl)||void 0===e||e.focus()}))):(this.searchText="",this.coClose.emit())}renderTrigger(){const e=this.effectiveDisplayItems,r=e.length>0;return o("div",{class:{"co-ref-field__trigger":!0,"co-ref-field--open":this.isOpen,"co-ref-field--disabled":this.disabled,[`co-ref-field--${this.normalizedSize}`]:!0,[`co-ref-field--${this.status}`]:"default"!==this.status},onClick:this.handleTriggerClick},this.iconLeft&&o("span",{class:"co-ref-field__icon"},o("co-icon",{name:this.iconLeft,size:16})),o("div",{class:"co-ref-field__value"},!r&&o("span",{class:"co-ref-field__placeholder"},this.placeholder),r&&!this.multiple&&this.renderSingleValue(e[0]),r&&this.multiple&&this.renderMultipleValue(e)),r&&this.clearable&&!this.disabled&&o("button",{class:"co-ref-field__clear",onClick:this.handleClear,type:"button"},o("co-icon",{name:"x",size:14})),o("span",{class:"co-ref-field__caret"},o("co-icon",{name:"caret-up-down",size:16})))}renderItemAvatar(e,r){return e.image||e.avatar?o("co-avatar",{class:"co-ref-field__avatar",type:e.image?"image":"text",src:e.image,text:e.avatar,color:e.color,size:r,shape:this.avatarShape}):e.color?o("span",{class:"co-ref-field__color-dot",style:{backgroundColor:e.color}}):null}renderSingleValue(e){return o("div",{class:"co-ref-field__selected"},this.renderItemAvatar(e,"xxs"),o("span",{class:"co-ref-field__selected-label"},e.label))}renderMultipleValue(e){const r=this.maxChips>0,i=Math.min(this.overflowCount,Math.max(0,e.length-1)),a=r?e.slice(0,this.maxChips):e,s=r?e.length-this.maxChips:i,l=e.length-(r?0:i);return o("div",{class:"co-ref-field__chips-row"},o("div",{class:"co-ref-field__chips",ref:e=>this.chipsEl=e},a.map(((e,i)=>o(t,{key:e._id,baseClass:"co-ref-field__chip",label:e.label,modifiers:{"co-ref-field__chip--avatar":!(!e.image&&!e.avatar),"co-ref-field__chip--clipped":!r&&i>=l,[`co-ref-field__chip--${this.normalizedSize}`]:!0},onRemove:r=>this.handleRemoveChip(e._id,r)},e.image||e.avatar?this.renderItemAvatar(e,"xxs"):e.color?o("span",{class:"co-ref-field__chip-dot",style:{backgroundColor:e.color}}):null)))),s>0&&o("span",{class:"co-ref-field__chip-overflow"},"+",s))}get orderedOptions(){var e;const r=this.parsedOptions;if(!this.multiple||0===this.sortSnapshot.size)return r;const o=new Map(r.map((e=>[e._id,e]))),i=[];if(this.searchText)for(const e of r)this.sortSnapshot.has(e._id)&&i.push(e);else for(const r of this.openDisplaySnapshot)i.push(null!==(e=o.get(r._id))&&void 0!==e?e:{_id:r._id,label:r.label,description:r.description,color:r.color,avatar:r.avatar,image:r.image});const a=r.filter((e=>!this.sortSnapshot.has(e._id)));return[...i,...a]}renderPanel(){const e=this.orderedOptions,r=this.parsedValue;return o("div",{class:{"co-ref-field__panel":!0,"co-ref-field__panel--dark":"dark"===this.panelTheme,"co-ref-field__panel--light":"light"===this.panelTheme}},this.searchable&&o("div",{class:"co-ref-field__search"},o("co-icon",{name:"magnifying-glass",size:16}),o("input",{class:"co-ref-field__search-input",type:"text",placeholder:this.searchPlaceholder,value:this.searchText,onInput:this.handleSearchInput,ref:e=>this.searchInputEl=e})),o("div",{class:"co-ref-field__options",ref:e=>this.optionsEl=e,onScroll:this.handleScroll},o("div",{class:"co-ref-field__options-inner"},this.loading&&0===e.length&&o("div",{class:"co-ref-field__loading"},o("co-loader",{size:"sm"})),!this.loading&&0===e.length&&o("div",{class:"co-ref-field__empty"},o("co-icon",{name:"magnifying-glass",size:20}),o("span",null,this.emptyMessage)),e.map((e=>{const i=r.includes(e._id);return o("div",{class:{"co-ref-field__option":!0,"co-ref-field__option--selected":i},key:e._id,onClick:()=>this.handleOptionClick(e)},e.image||e.avatar||e.color?this.renderItemAvatar(e,"xs"):e.icon?o("co-icon",{name:e.icon,size:16,class:"co-ref-field__option-icon"}):null,o("div",{class:"co-ref-field__option-text"},o("span",{class:"co-ref-field__option-label"},e.label),e.description&&o("span",{class:"co-ref-field__option-desc"},e.description)),i&&o("button",{class:"co-ref-field__option-deselect",onClick:r=>{r.stopPropagation(),this.handleOptionClick(e)},type:"button"},o("co-icon",{name:"x-circle",weight:"fill",size:18})))})),this.loading&&e.length>0&&o("div",{class:"co-ref-field__loading-more"},o("div",{class:"co-ref-field__spinner-sm"})),!this.loading&&this.hasMore&&this.remainingCount>0&&o("div",{class:"co-ref-field__more"},this.remainingCount," more results"))),this.showFooter&&o("div",{class:"co-ref-field__footer"},o("button",{class:"co-ref-field__footer-btn co-ref-field__footer-btn--secondary",type:"button",onClick:this.handleFooterSecondary},o("co-icon",{name:"plus",size:16}),o("span",null,this.footerSecondaryLabel)),o("button",{class:"co-ref-field__footer-btn co-ref-field__footer-btn--primary",type:"button",onClick:this.handleFooterPrimary},o("co-icon",{name:"check",size:16}),o("span",null,this.footerPrimaryLabel))),!this.showFooter&&this.createLabel&&o("div",{class:"co-ref-field__footer"},o("button",{class:"co-ref-field__create-btn",onClick:this.handleCreateClick,type:"button"},o("co-icon",{name:"plus",size:14}),o("span",null,this.createLabel))))}render(){return o("div",{key:"2c5d7777e87a0e2e36d585e572247cf30c15daa6",class:"co-ref-field"},(this.label||this.secondaryLabel)&&o("div",{key:"d1f1b19bf47421f0cd63426048832178d4db3e42",class:"co-ref-field__labels"},this.label&&o("label",{key:"b0314d3110a1582753c7f96647c675b50e3c53a0",class:"co-ref-field__label"},this.labelIcon&&o("co-icon",{key:"5e067575543caac8f232624f471e6907cc6190bc",class:"co-ref-field__label-icon",name:this.labelIcon,size:16}),this.label,o(a,{key:"c00e7e344ee5daf559543574cb93575f87382ce3",required:this.required})),this.secondaryLabel&&o("span",{key:"6260be95e20d0b768e55492a33fce4a48455c78c",class:"co-ref-field__secondary-label"},this.secondaryLabel)),o("co-popover",{key:"b7e4465b710cb334060c2688b52861ea9e7f22c6",open:this.isOpen,placement:"bottom-start",matchWidth:!0,offset:4,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},o("div",{key:"ebd03c99fbf802383ab1f60414f58a86d4e7bca6",slot:"trigger"},this.renderTrigger()),this.renderPanel()),this.helperText&&o("div",{key:"0d7ff99b55e462758a3c24f77ef7236d09cc0ada",class:`co-ref-field__helper co-ref-field__helper--${this.status}`},"default"!==this.status&&o("co-icon",{key:"2635e7e05fbc44fad8e4bc6c9267cac8ff953cbc",name:"error"===this.status?"warning-circle":"success"===this.status?"check-circle":"info",size:14}),o("span",{key:"fec022c3797bb73dc83efd5a816d21417423da08"},this.helperText)))}get el(){return i(this)}static get watchers(){return{isOpen:[{onOpenChange:0}]}}};l.style='.os-size-observer,.os-size-observer-listener{scroll-behavior:auto !important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(0.1)}.os-size-observer::before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(calc(1 / 0.1))}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty::before{content:"";width:100%;height:100%}.os-size-observer-listener:empty::before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{from{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{overflow:visible;margin:0}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch !important;flex-direction:row !important;flex-wrap:nowrap !important;scroll-behavior:auto !important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;position:relative;flex:auto;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw:0;--os-vah:0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden !important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible !important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x:hidden;--os-viewport-overflow-y:hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x:visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x:hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x:scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y:visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y:hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y:scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x) !important;overflow-y:var(--os-viewport-overflow-y) !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0 !important;line-height:0 !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*:not(#osFakeId){display:none !important;position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto !important;scroll-snap-type:none !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden !important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto !important;width:auto !important}@property --os-scroll-percent{syntax:"<number>";inherits:true;initial-value:0}@property --os-viewport-percent{syntax:"<number>";inherits:true;initial-value:0}.os-scrollbar{--os-viewport-percent:0;--os-scroll-percent:0;--os-scroll-direction:0;--os-scroll-percent-directional:calc( var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction) )}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none !important}.os-scrollbar-track{position:relative;padding:0 !important;border:none !important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none !important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0 !important;transition:none !important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translateX(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type: size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{left:auto;transform:translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-vertical .os-scrollbar-handle{top:auto;transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{right:auto;left:0}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none !important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px}.os-theme-dark{--os-handle-bg:rgba(0, 0, 0, 0.44);--os-handle-bg-hover:rgba(0, 0, 0, 0.55);--os-handle-bg-active:rgba(0, 0, 0, 0.66)}.os-theme-light{--os-handle-bg:rgba(255, 255, 255, 0.44);--os-handle-bg-hover:rgba(255, 255, 255, 0.55);--os-handle-bg-active:rgba(255, 255, 255, 0.66)}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{-webkit-appearance:none !important;appearance:none !important;display:none !important;width:0 !important;height:0 !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}:host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1;position:relative}.co-ref-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-ref-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-ref-field__label{display:inline-flex;align-items:center;color:var(--co-ref-field-label-color, var(--co-semantic-text-secondary));font-family:var(--co-ref-field-label-font-family, var(--co-font-family-primary));font-size:var(--co-ref-field-label-font-size, var(--co-font-size-14));font-weight:var(--co-ref-field-label-font-weight, 400);line-height:1;white-space:nowrap;cursor:default;text-transform:var(--co-ref-field-label-text-transform, none);letter-spacing:var(--co-ref-field-label-letter-spacing, var(--co-font-letter-spacing-body))}.co-ref-field__secondary-label{color:var(--co-semantic-text-muted);font-family:var(--co-font-family-mono);font-size:var(--co-font-size-12);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-ref-field__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-ref-field-trigger-border-color, 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-ref-field--s{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-ref-field--sm{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-ref-field--lg{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-ref-field--open{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-ref-field--disabled{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-ref-field--error{border-color:var(--co-semantic-status-error)}.co-ref-field--success{border-color:var(--co-semantic-status-success)}.co-ref-field--warning{border-color:var(--co-color-status-review)}.co-ref-field--s .co-ref-field__selected{--co-avatar-size:20px}.co-ref-field--sm .co-ref-field__selected{--co-avatar-size:22px}.co-ref-field--md .co-ref-field__selected{--co-avatar-size:22px}.co-ref-field--lg .co-ref-field__selected{--co-avatar-size:28px}.co-ref-field__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-ref-field__label-icon{flex-shrink:0;margin-right:var(--co-spacing-xs);color:var(--co-semantic-text-secondary)}.co-ref-field__value{flex:1;min-width:0;display:flex;align-items:center}.co-ref-field__placeholder{color:var(--co-semantic-text-muted);font-size:inherit;font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-ref-field__caret{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-ref-field__clear{flex-shrink:0;display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-ref-field__clear:hover{color:var(--co-semantic-text-default)}.co-ref-field__selected{display:flex;align-items:center;gap:var(--co-spacing-sm);min-width:0}.co-ref-field__color-dot{width:10px;height:10px;min-width:10px;border-radius:var(--co-border-radius-full);flex-shrink:0}.co-ref-field__avatar{flex-shrink:0}.co-ref-field__selected-label{color:var(--co-semantic-text-default);font-size:inherit;font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-ref-field__chips-row{flex:1;min-width:0;display:flex;align-items:center;gap:var(--co-spacing-xs)}.co-ref-field__chips{flex:1;min-width:0;display:flex;flex-wrap:nowrap;overflow:hidden;gap:var(--co-spacing-xs);align-items:center}.co-ref-field__chip{display:inline-flex;align-items:center;gap:var(--co-spacing-sm);padding:0 var(--co-spacing-sm2);background:var(--co-color-gray-100);border-radius:var(--co-border-radius-full);line-height:1;max-width:min(160px, 100%);flex-shrink:0}.co-ref-field__chip--avatar{padding-left:var(--co-spacing-xxs)}.co-ref-field__chip--s{min-height:20px;--co-avatar-size:20px;font-size:var(--co-font-size-12)}.co-ref-field__chip--sm{min-height:22px;--co-avatar-size:22px;font-size:var(--co-font-size-12)}.co-ref-field__chip--md{min-height:22px;--co-avatar-size:22px;font-size:var(--co-font-size-14)}.co-ref-field__chip--lg{min-height:28px;--co-avatar-size:28px;font-size:var(--co-font-size-14)}.co-ref-field__chip--clipped{visibility:hidden}.co-ref-field__chip-dot{width:8px;height:8px;min-width:8px;border-radius:var(--co-border-radius-full);flex-shrink:0}.co-ref-field__chip-label{color:var(--co-semantic-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.co-ref-field__chip-remove{display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-color-gray-500);transition:color 0.1s ease;flex-shrink:0}.co-ref-field__chip-remove:hover{color:var(--co-semantic-text-default)}.co-ref-field__chip-overflow{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:var(--co-spacing-xs) var(--co-spacing-sm);background:var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-12);font-weight:600;color:var(--co-semantic-text-secondary);line-height:1}.co-ref-field__panel{display:flex;flex-direction:column;border-radius:var(--co-border-radius-sm, 12px);overflow:hidden}.co-ref-field__panel--dark{--co-semantic-surface-page:#0A0A0A;--co-semantic-surface-primary:#0A0A0A;--co-semantic-surface-hover:rgba(255, 255, 255, 0.08);--co-semantic-surface-muted:rgba(255, 255, 255, 0.12);--co-semantic-text-default:#ffffff;--co-semantic-text-secondary:rgba(255, 255, 255, 0.8);--co-semantic-text-muted:rgba(255, 255, 255, 0.5);--co-semantic-border-subtle:rgba(255, 255, 255, 0.12);--co-semantic-border-default:rgba(255, 255, 255, 0.16);background:#0A0A0A;color:#ffffff}.co-ref-field__panel--light{--co-semantic-surface-page:#ffffff;--co-semantic-surface-primary:#ffffff;--co-semantic-surface-hover:var(--co-color-gray-100, #f5f5f5);--co-semantic-surface-muted:var(--co-color-gray-200, #e5e5e5);--co-semantic-text-default:var(--co-color-gray-700, #1F1C1B);--co-semantic-text-secondary:rgba(0, 0, 0, 0.6);--co-semantic-text-muted:rgba(0, 0, 0, 0.45);--co-semantic-border-subtle:var(--co-color-gray-200, #e5e5e5);--co-semantic-border-default:var(--co-color-gray-300, #d4d4d4);background:#ffffff;color:var(--co-color-gray-700, #1F1C1B)}.co-ref-field__search{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:var(--co-spacing-xs) var(--co-spacing-sm2);margin:var(--co-spacing-sm2) var(--co-spacing-sm2) 0;border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);overflow:hidden;height:32px;box-sizing:border-box;color:var(--co-semantic-text-muted)}.co-ref-field__search co-icon{flex-shrink:0;opacity:0.7;display:flex;align-items:center}.co-ref-field__search-input{flex:1;border:none;outline:none;background:transparent;font-family:inherit;font-size:var(--co-font-size-12, 12px);font-weight:500;letter-spacing:inherit;line-height:1;color:var(--co-semantic-text-default);padding:0;margin:0}.co-ref-field__search-input::placeholder{color:var(--co-semantic-text-muted)}.co-ref-field__options{max-height:280px;overflow-y:auto;overflow-x:hidden;padding:var(--co-spacing-sm2)}.co-ref-field__options-inner{display:flex;flex-direction:column;gap:var(--co-spacing-xxs)}.os-scrollbar.os-theme-co{--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-bg:transparent;--os-handle-border-radius:var(--co-border-radius-full);--os-handle-bg:var(--co-color-opacity-negro-16);--os-handle-bg-hover:var(--co-color-opacity-negro-25);--os-handle-bg-active:var(--co-color-opacity-negro-50);--os-handle-min-size:24px}.co-ref-field__option{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-xs) var(--co-spacing-sm2);border-radius:var(--co-border-radius-xs);cursor:pointer;transition:background 0.1s ease;min-height:40px;box-sizing:border-box}.co-ref-field__option:hover{background:var(--co-semantic-surface-hover)}.co-ref-field__option--selected{background:var(--co-semantic-surface-muted)}.co-ref-field__option-color{width:10px;height:10px;min-width:10px;border-radius:var(--co-border-radius-full);flex-shrink:0}.co-ref-field__option-icon{flex-shrink:0;color:var(--co-semantic-text-muted)}.co-ref-field__option-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.co-ref-field__option-label{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-ref-field__option-desc{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-ref-field__option-check{flex-shrink:0;color:var(--co-semantic-text-default)}.co-ref-field__option-deselect{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-ref-field__option-deselect:hover{color:var(--co-semantic-text-default)}.co-ref-field__loading,.co-ref-field__loading-more{display:flex;align-items:center;justify-content:center;padding:var(--co-spacing-md)}.co-ref-field__spinner-sm{width:16px;height:16px;border:2px solid var(--co-semantic-border-subtle);border-top-color:var(--co-color-primary-azul);border-radius:50%;animation:co-ref-spin 0.6s linear infinite}@keyframes co-ref-spin{to{transform:rotate(360deg)}}.co-ref-field__empty{display:flex;flex-direction:column;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-lg) var(--co-spacing-md);color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12)}.co-ref-field__more{text-align:center;padding:var(--co-spacing-sm);font-size:var(--co-font-size-12);color:var(--co-semantic-text-muted)}.co-ref-field__footer{display:flex;gap:var(--co-spacing-sm2);border-top:1px solid var(--co-semantic-border-subtle);padding:var(--co-spacing-sm2)}.co-ref-field__footer-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm2) var(--co-spacing-md);border-radius:var(--co-border-radius-xs);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);font-weight:500;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;cursor:pointer;transition:opacity 0.15s ease;box-sizing:border-box;min-height:32px}.co-ref-field__footer-btn:hover{opacity:0.85}.co-ref-field__footer-btn--secondary{background:transparent;color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-default)}.co-ref-field__footer-btn--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);border:none}.co-ref-field__create-btn{display:flex;align-items:center;gap:var(--co-spacing-sm);width:100%;padding:var(--co-spacing-sm2) var(--co-spacing-md);border:none;border-radius:var(--co-border-radius-xs);background:transparent;cursor:pointer;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);color:var(--co-color-primary-azul);font-weight:500;transition:background 0.1s ease}.co-ref-field__create-btn:hover{background:var(--co-semantic-surface-hover)}.co-ref-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);font-weight:400;color:var(--co-semantic-text-muted)}.co-ref-field__helper--error{color:var(--co-semantic-status-error)}.co-ref-field__helper--success{color:var(--co-semantic-status-success)}.co-ref-field__helper--warning{color:var(--co-color-status-review)}:host([layout=\'horizontal\']) .co-ref-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-ref-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout=\'horizontal\']) .co-ref-field__label{white-space:normal}:host([layout=\'horizontal\']) .co-ref-field>:not(.co-ref-field__labels){grid-column:2;min-width:0}.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)\')}@supports not (background: color-mix(in srgb, red, transparent)){.co-ref-field__trigger{background:var(--co-semantic-surface-secondary)}}';export{l as co_ref_field}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as t,h as s,a as e}from"./p-CYsftTKf.js";import{c as o,g as h,f as a}from"./p-C2mZ7x_Y.js";const n=class{constructor(s){i(this,s),this.coOpen=t(this,"coOpen",3),this.coClose=t(this,"coClose",3),this.open=!1,this.placement="bottom-start",this.matchWidth=!1,this.offset=4,this.closeOnClickOutside=!0,this.closeOnEscape=!0,this.flip=!0,this.scrollParents=[],this.cachedOffsetAncestor=null,this.offsetAncestorComputed=!1,this.docListenersBound=!1,this.handleDocumentClickManual=i=>{this.open&&this.closeOnClickOutside&&(i.composedPath().includes(this.el)||(this.open=!1))},this.handleDocumentKeydownManual=i=>{this.open&&this.closeOnEscape&&"Escape"===i.key&&(i.stopPropagation(),this.open=!1)},this.updatePosition=()=>{if(!this.open||!this.triggerEl||!this.panelEl)return;const i=this.triggerEl.getBoundingClientRect(),t=this.panelEl.getBoundingClientRect(),{top:s,left:e}=o(i,t,{placement:this.placement,offset:this.offset,flip:this.flip});let a=s,n=e;if(!this.panelEl.matches(":popover-open")&&(this.offsetAncestorComputed||(this.cachedOffsetAncestor=h(this.panelEl),this.offsetAncestorComputed=!0),this.cachedOffsetAncestor)){const i=this.cachedOffsetAncestor.getBoundingClientRect();a-=i.top,n-=i.left}const c={top:`${a}px`,left:`${n}px`};this.matchWidth&&(c.width=`${i.width}px`),this.panelEl&&(Object.assign(this.panelEl.style,c),this.panelEl.classList.add("co-popover__panel--positioned"))},this.scheduleUpdate=()=>{this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame(this.updatePosition)},this.handleTriggerClick=()=>{this.open=!this.open}}disconnectedCallback(){this.unbindDocListeners(),this.cleanupListeners()}onOpenChange(i){i?(this.coOpen.emit(),this.bindDocListeners(),this.scheduleUpdate(),requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.updatePosition()}))})),this.addScrollListeners()):(this.coClose.emit(),this.cleanupListeners(),this.unbindDocListeners(),this.cachedOffsetAncestor=null,this.offsetAncestorComputed=!1,this.panelEl=void 0)}bindDocListeners(){this.docListenersBound||(document.addEventListener("click",this.handleDocumentClickManual,!0),document.addEventListener("keydown",this.handleDocumentKeydownManual,!0),this.docListenersBound=!0)}unbindDocListeners(){this.docListenersBound&&(document.removeEventListener("click",this.handleDocumentClickManual,!0),document.removeEventListener("keydown",this.handleDocumentKeydownManual,!0),this.docListenersBound=!1)}async toggle(){this.open=!this.open}async show(){this.open=!0}async hide(){this.open=!1}promotePanel(){const i=this.panelEl;if(i&&"function"==typeof i.showPopover)try{i.matches(":popover-open")||i.showPopover()}catch(i){}}addScrollListeners(){window.addEventListener("resize",this.scheduleUpdate,{passive:!0}),window.addEventListener("scroll",this.scheduleUpdate,{passive:!0,capture:!0}),this.scrollParents=[];const i=a(this.el);i&&(i.addEventListener("scroll",this.scheduleUpdate,{passive:!0}),this.scrollParents.push(i))}cleanupListeners(){this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=void 0),window.removeEventListener("resize",this.scheduleUpdate),window.removeEventListener("scroll",this.scheduleUpdate,{capture:!0});for(const i of this.scrollParents)i.removeEventListener("scroll",this.scheduleUpdate);this.scrollParents=[]}render(){return s("div",{key:"aaf34bcc1d71dc54e84c8d24da8c78caa877a12f",class:"co-popover"},s("div",{key:"0403dfeb0a0fa0e8f9517269b15066dc595c9856",class:"co-popover__trigger",ref:i=>this.triggerEl=i,onClick:this.handleTriggerClick},s("slot",{key:"6465139ca15b877bd38c4d60beebb82617d34dfe",name:"trigger"})),this.open&&s("div",{key:"7afe0527d6c666f3a1cf71be22fe4b726eddda8d",class:"co-popover__panel",popover:"manual",ref:i=>{i&&i!==this.panelEl&&(this.panelEl=i,this.promotePanel(),this.scheduleUpdate())}},s("slot",{key:"e0dff9e87e8e1e4124ae1bbf2100e29972b9e8ee"})))}get el(){return e(this)}static get watchers(){return{open:[{onOpenChange:0}]}}};n.style=":host{display:inline-block;position:relative}:host([match-width]){display:block;width:100%}.co-popover{display:block;width:100%}.co-popover__trigger{display:block;width:100%;cursor:pointer}.co-popover__panel{position:fixed;inset:auto;top:0;left:0;margin:0;padding:0;width:auto;height:auto;max-width:none;max-height:none;z-index:10000;visibility:hidden;background:var(--co-semantic-surface-page, #fff);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-sm, 12px);box-shadow:0 4px 16px rgba(31, 28, 27, 0.08);overflow:visible}.co-popover__panel--positioned{visibility:visible}";export{n as co_popover}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as a,h as o,H as t,a as i}from"./p-CYsftTKf.js";import{n as s}from"./p-CQY6Ul7q.js";const r={Home:"house",Contacts:"address-book",Companies:"buildings",Presentations:"presentation-chart",Deals:"handshake",Invoices:"receipt",Payments:"credit-card",Conversations:"chat-circle",Channels:"broadcast",ChannelProviders:"plugs-connected",ConversationFlows:"flow-arrow",PhoneNumbers:"phone",Tasks:"check-square",TaskGroups:"squares-four",WorkOrders:"clipboard-text",Tickets:"ticket",CaseTypes:"tag",EmailHubs:"at",RoutingRules:"path",Contracts:"file-text",Notes:"note",Meetings:"video-camera",Calls:"phone-call",CloudDrive:"cloud",Quotes:"quotes",ContentTemplates:"article",MessageTemplates:"chat-text",Skills:"brain",Insights:"chart-line",Dashboards:"gauge",Reports:"chart-bar",Emails:"envelope",ContactLists:"users-three",EmailCampaigns:"megaphone",VirtualTours:"cube",Scenes:"image",Spots:"map-pin",FloorPlans:"blueprint",Users:"user",UserTeams:"users",UserGroups:"user-circle-gear",Roles:"shield",Workspaces:"stack",AuthenticationRules:"lock-key",OauthApps:"key",ServiceCredentials:"certificate",Calendars:"calendar",CalendarPolicies:"calendar-check",CalendarGroups:"calendar-dots",CalendarEvents:"calendar-plus",ProposalWizards:"magic-wand",WizardGroups:"folders",AdHubs:"storefront",AdCampaigns:"flag-banner",Pricebooks:"book-open",PricebookEntries:"list-numbers",Products:"package",Taxes:"percent",ProductGroups:"stack",ProductFamilies:"tree-structure",ProductCategories:"tag",ProductRules:"gear-six",DiscountSchedules:"piggy-bank",LiveStreams:"broadcast",EventSubscriptions:"bell-ringing",Stages:"steps",ContactFlows:"flow-arrow",Categories:"folder-simple",CustomFilters:"funnel",Logs:"list-bullets",Devices:"cpu",Scripts:"code",Webhooks:"webhooks-logo",Endpoints:"plug",Sites:"globe",HealthChecks:"heartbeat",Plugins:"puzzle-piece",Cobs:"cube",CustomFields:"textbox",CustomUis:"layout",Documentation:"book-open-text",Sections:"article",Articles:"newspaper",Directory:"address-book",Sales:"currency-dollar",Communications:"chat-teardrop-text",Operations:"gear",Support:"lifebuoy",Tools:"wrench",Configuration:"sliders",Analytics:"chart-pie",Mailing:"envelope-simple",Billing:"money",Libraries:"books",Scheduling:"timer",Pricing:"tag",Development:"terminal",AccessControl:"shield-check",Notifications:"bell",System:"database",Iot:"wifi-high",Advertising:"megaphone",Wizards:"magic-wand",TourStudio:"cube",Docs:"file-text",Setup:"gear-six",Recruitment:"user-plus",Candidates:"user-list",Recognition:"hands-clapping",Achievements:"trophy",Rewards:"gift",Badges:"medal",BadgeNominations:"star",Prizes:"trophy",RewardsBudgets:"wallet",RedeemedPrizes:"crown",PaymentReceipts:"hand-coins",Coupons:"seal-percent",Integrations:"plugs-connected",Mcp:"plug",LifecycleHooks:"arrows-clockwise",PaymentProviders:"credit-card",Stripe:"credit-card",ThirdParty:"plugs-connected",Sendgrid:"paper-plane-tilt",Apollo:"rocket-launch",Kaspr:"identification-card",OpenAi:"robot",Ultramsg:"whatsapp-logo",Slack:"slack-logo",Telegram:"telegram-logo",Discord:"discord-logo"},n=class{constructor(o){e(this,o),this.coNavigate=a(this,"coNavigate",7),this.coSearch=a(this,"coSearch",7),this.items="{}",this.activeKey="",this.mode="full",this.searchable=!1,this.searchPlaceholder="Search",this.search="",this.iconMap="{}",this.translations="{}",this.searchText="",this.expandedKeys=new Set,this.flyoutKey=null,this.flyoutPosition={top:0,bottom:null,left:0},this.parsedIconMap={},this.parsedTranslations={},this.flyoutTimeout=null,this.handleSearchInput=e=>{this.searchText=e.target.value,this.coSearch.emit(this.searchText)}}onIconMapChange(){this.parseIconMap()}onTranslationsChange(){this.parseTranslations()}onSearchChange(){this.searchText=this.search}onActiveKeyChange(){this.autoExpandForActiveKey()}onItemsChange(){this.autoExpandForActiveKey()}componentWillLoad(){this.parseIconMap(),this.parseTranslations(),this.autoExpandForActiveKey()}componentDidLoad(){}parseIconMap(){try{this.parsedIconMap=Object.assign(Object.assign({},r),JSON.parse(this.iconMap))}catch(e){this.parsedIconMap=Object.assign({},r)}}parseTranslations(){try{this.parsedTranslations=JSON.parse(this.translations)}catch(e){this.parsedTranslations={}}}get parsedItems(){try{const e=JSON.parse(this.items);return Array.isArray(e)?e:this.transformMenuData(e,0)}catch(e){return[]}}transformMenuData(e,a){return Object.keys(e).map((o=>{const t=e[o],i=t.modelName||"object"==typeof t&&!Object.keys(t).some((e=>"object"==typeof t[e]&&"modelName"!==e));return{key:o,label:o,url:t.url,target:t.target,modelName:i?t.modelName:void 0,customIcon:t.customIcon,children:i?void 0:this.transformMenuData(t,a+1),level:a}}))}get filteredItems(){return this.searchText?this.filterRecursive(this.parsedItems,s(this.searchText)):this.parsedItems}filterRecursive(e,a){const o=[];for(const t of e)if(s(this.getLabel(t.key)).includes(a))o.push(t);else if(t.children){const e=this.filterRecursive(t.children,a);e.length>0&&o.push(Object.assign(Object.assign({},t),{children:e}))}return o}autoExpandForActiveKey(){if(!this.activeKey)return;const e=new Set(this.expandedKeys);this.findAndExpandParents(this.parsedItems,this.activeKey,e),this.expandedKeys=e}findAndExpandParents(e,a,o){for(const t of e){if(t.key===a)return!0;if(t.children&&this.findAndExpandParents(t.children,a,o))return o.add(t.key),!0}return!1}getLabel(e){return this.parsedTranslations[e]?this.parsedTranslations[e]:e.replace(/([a-z])([A-Z])/g,"$1 $2")}getIcon(e){return this.parsedIconMap[e]||"circle"}isLeaf(e){return!e.children||0===e.children.length}hasActiveDescendant(e){return e.key===this.activeKey||!!e.children&&e.children.some((e=>this.hasActiveDescendant(e)))}toggleExpand(e){const a=new Set(this.expandedKeys);a.has(e)?a.delete(e):a.add(e),this.expandedKeys=a}handleLeafClick(e){this.flyoutKey=null,this.coNavigate.emit({key:e.key,modelName:e.modelName,url:e.url,target:e.target,customIcon:e.customIcon})}renderSearch(){return this.searchable&&"min"!==this.mode?o("div",{class:"co-sidebar-nav__search"},o("co-icon",{name:"magnifying-glass",size:16}),o("input",{type:"text",class:"co-sidebar-nav__search-input",placeholder:this.searchPlaceholder,value:this.searchText,onInput:this.handleSearchInput}),this.searchText&&o("button",{class:"co-sidebar-nav__search-clear",onClick:()=>{this.searchText="",this.coSearch.emit("")}},o("co-icon",{name:"x",size:14}))):null}renderIcon(e){if(e.customIcon)return o("img",{class:"co-sidebar-nav__custom-icon",src:e.customIcon,alt:""});const a=e.icon||this.getIcon(e.key);return o("co-icon",{name:a,size:18})}renderHighlightedLabel(e){const a=this.getLabel(e);if(!this.searchText)return a;const t=this.searchText.toLowerCase(),i=a.toLowerCase().indexOf(t);if(-1===i)return a;const s=a.slice(0,i),r=a.slice(i,i+t.length),n=a.slice(i+t.length);return[s,o("mark",{class:"co-sidebar-nav__highlight"},r),n]}renderLeafItem(e,a=!1){const t=e.key===this.activeKey,i=this.getLabel(e.key),s="full"===this.mode||a,r=o("button",{class:{"co-sidebar-nav__item":!0,"co-sidebar-nav__item--active":t},onClick:()=>this.handleLeafClick(e),"aria-label":s?void 0:i},o("span",{class:"co-sidebar-nav__item-icon"},this.renderIcon(e)),s&&o("span",{class:"co-sidebar-nav__item-label"},this.renderHighlightedLabel(e.key)));return"min"!==this.mode||a?r:o("co-tooltip",{content:i,placement:"right",offset:12},r)}openFlyout(e,a,o=0){if(clearTimeout(this.flyoutTimeout),a){const e=a.getBoundingClientRect(),t=e.right+8,i=window.innerHeight;this.flyoutPosition=e.top+(28+32*o+24)>i-16?{top:null,bottom:i-e.bottom,left:t}:{top:e.top,bottom:null,left:t}}this.flyoutKey=e}closeFlyout(){this.flyoutTimeout=setTimeout((()=>{this.flyoutKey=null}),150)}renderExpansion(e){const a=this.expandedKeys.has(e.key)||this.searchText.length>0,t=this.hasActiveDescendant(e);if("min"===this.mode){const a=this.flyoutKey===e.key;return o("div",{class:"co-sidebar-nav__flyout-anchor",onMouseEnter:a=>{var o;return this.openFlyout(e.key,a.currentTarget,(null===(o=e.children)||void 0===o?void 0:o.length)||0)},onMouseLeave:()=>this.closeFlyout()},o("button",{class:{"co-sidebar-nav__item":!0,"co-sidebar-nav__item--active":t||a},title:this.getLabel(e.key),onClick:a=>{var o;a.stopPropagation();const t=a.currentTarget.closest(".co-sidebar-nav__flyout-anchor");this.flyoutKey===e.key?this.flyoutKey=null:this.openFlyout(e.key,t||void 0,(null===(o=e.children)||void 0===o?void 0:o.length)||0)}},o("span",{class:"co-sidebar-nav__item-icon"},this.renderIcon(e))),a&&o("div",{class:"co-sidebar-nav__flyout",style:Object.assign(Object.assign(Object.assign({},null!==this.flyoutPosition.top?{top:`${this.flyoutPosition.top}px`}:{}),null!==this.flyoutPosition.bottom?{bottom:`${this.flyoutPosition.bottom}px`}:{}),{left:`${this.flyoutPosition.left}px`}),onMouseEnter:()=>clearTimeout(this.flyoutTimeout),onMouseLeave:()=>this.closeFlyout()},o("span",{class:"co-sidebar-nav__flyout-title"},this.renderHighlightedLabel(e.key)),e.children.map((e=>this.renderLeafItem(e,!0)))))}return o("div",{class:{"co-sidebar-nav__expansion":!0,"co-sidebar-nav__expansion--expanded":a,"co-sidebar-nav__expansion--active":t}},o("button",{class:"co-sidebar-nav__expansion-header",onClick:()=>this.toggleExpand(e.key)},o("span",{class:"co-sidebar-nav__item-icon"},this.renderIcon(e)),o("span",{class:"co-sidebar-nav__item-label"},this.renderHighlightedLabel(e.key)),o("co-icon",{name:"caret-right",size:14,class:"co-sidebar-nav__expansion-caret"})),o("div",{class:"co-sidebar-nav__expansion-body"},e.children.map((e=>this.renderItem(e)))))}renderCategory(e){return"min"===this.mode?o("div",{class:"co-sidebar-nav__category--min"},e.children.map((e=>this.renderItem(e)))):o("div",{class:"co-sidebar-nav__category"},o("span",{class:"co-sidebar-nav__category-label"},this.renderHighlightedLabel(e.key)),o("div",{class:"co-sidebar-nav__category-items"},e.children.map((e=>this.renderItem(e)))))}renderItem(e){return this.isLeaf(e)?this.renderLeafItem(e):0!==e.level&&void 0!==e.level||e.modelName?this.renderExpansion(e):this.renderCategory(e)}render(){const e=this.filteredItems;return o(t,{key:"b24ca79d961f65bbe629e0289185de1751ab1fd1",class:{"flyout-open":!!this.flyoutKey}},o("nav",{key:"e37ad68826bf9236c9a009a8b4355dfaca2d3a3d",class:{"co-sidebar-nav":!0,"co-sidebar-nav--min":"min"===this.mode}},this.renderSearch(),o("div",{key:"ccf9c947e0fa3f4494ebd9fa55e2c726836e8c59",class:"co-sidebar-nav__items"},e.map((e=>this.renderItem(e))))))}get el(){return i(this)}static get watchers(){return{iconMap:[{onIconMapChange:0}],translations:[{onTranslationsChange:0}],search:[{onSearchChange:0}],activeKey:[{onActiveKeyChange:0}],items:[{onItemsChange:0}]}}};n.style='@property --co-sidebar-fade-top{syntax:"<length>";inherits:false;initial-value:0px}@property --co-sidebar-fade-bottom{syntax:"<length>";inherits:false;initial-value:0px}:host{display:block;height:100%;overflow-y:auto;overflow-x:hidden;font-family:var(--co-font-family-primary);scrollbar-width:thin;scrollbar-color:transparent transparent;--co-sidebar-fade-size:28px}:host(:not([mode="min"])),:host([mode="min"]:not(.flyout-open)){-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--co-sidebar-fade-top), #000 calc(100% - var(--co-sidebar-fade-bottom)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 var(--co-sidebar-fade-top), #000 calc(100% - var(--co-sidebar-fade-bottom)), transparent 100%)}@supports (animation-timeline: scroll()){:host(:not([mode="min"])),:host([mode="min"]:not(.flyout-open)){animation:co-sidebar-edge-fade linear both;animation-timeline:scroll(self block)}}@keyframes co-sidebar-edge-fade{0%{--co-sidebar-fade-top:0px;--co-sidebar-fade-bottom:var(--co-sidebar-fade-size)}8%{--co-sidebar-fade-top:var(--co-sidebar-fade-size);--co-sidebar-fade-bottom:var(--co-sidebar-fade-size)}92%{--co-sidebar-fade-top:var(--co-sidebar-fade-size);--co-sidebar-fade-bottom:var(--co-sidebar-fade-size)}100%{--co-sidebar-fade-top:var(--co-sidebar-fade-size);--co-sidebar-fade-bottom:0px}}:host(:hover){scrollbar-color:var(--co-color-opacity-blanco-16) transparent}:host::-webkit-scrollbar{width:6px}:host::-webkit-scrollbar-track{background:transparent}:host::-webkit-scrollbar-thumb{background:transparent;border-radius:9999px}:host(:hover)::-webkit-scrollbar-thumb{background:var(--co-color-opacity-blanco-16)}:host(:hover)::-webkit-scrollbar-thumb:hover{background:var(--co-color-opacity-blanco-25)}:host(:hover)::-webkit-scrollbar-thumb:active{background:var(--co-color-opacity-blanco-50)}:host([mode="min"]){scrollbar-width:none !important}:host([mode="min"])::-webkit-scrollbar{width:0 !important}.co-sidebar-nav{display:flex;flex-direction:column;gap:var(--co-spacing-xs);padding:var(--co-spacing-xs)}.co-sidebar-nav--min{align-items:center;padding:var(--co-spacing-xs) 0}.co-sidebar-nav__search{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-xs) var(--co-spacing-sm);margin:0 var(--co-spacing-xs) var(--co-spacing-xs);border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-xs);background:var(--co-semantic-surface-secondary);height:32px}.co-sidebar-nav__search co-icon{color:var(--co-semantic-text-muted);flex-shrink:0}.co-sidebar-nav__search-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);letter-spacing:var(--co-font-letter-spacing-body);color:var(--co-semantic-text-default);min-width:0}.co-sidebar-nav__search-input::placeholder{color:var(--co-semantic-text-muted)}.co-sidebar-nav__search-clear{display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;padding:0;color:var(--co-semantic-text-muted);border-radius:var(--co-border-radius-xxs)}.co-sidebar-nav__search-clear:hover{color:var(--co-semantic-text-default)}.co-sidebar-nav__items{display:flex;flex-direction:column;gap:var(--co-spacing-xxs)}.co-sidebar-nav--min .co-sidebar-nav__items{align-items:center}.co-sidebar-nav__category{display:flex;flex-direction:column}.co-sidebar-nav__category+.co-sidebar-nav__category{margin-top:var(--co-spacing-sm)}.co-sidebar-nav__category-label{text-transform:uppercase;font-family:var(--co-font-family-mono);font-size:var(--co-font-size-10);font-weight:400;color:var(--co-semantic-text-muted);line-height:110%;letter-spacing:0.08em;padding:var(--co-spacing-lg) var(--co-spacing-sm) var(--co-spacing-xs);user-select:none}.co-sidebar-nav__category-items{display:flex;flex-direction:column;gap:var(--co-spacing-xxs)}.co-sidebar-nav__category--min{display:flex;flex-direction:column;align-items:center;gap:var(--co-spacing-xxs)}.co-sidebar-nav__category--min+.co-sidebar-nav__category--min{margin-top:var(--co-spacing-md)}.co-sidebar-nav__item{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xs);border:none;background:none;cursor:pointer;width:100%;text-align:left;color:var(--co-semantic-text-default);transition:background 0.15s ease, color 0.15s ease;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);font-weight:var(--co-font-weight-medium);letter-spacing:var(--co-font-letter-spacing-body);line-height:var(--co-font-line-height-normal)}.co-sidebar-nav__item:hover{background:var(--co-semantic-surface-hover);color:var(--co-semantic-text-default)}.co-sidebar-nav__item--active{background:var(--co-sidebar-nav-active-bg, var(--co-semantic-surface-hover));color:var(--co-sidebar-nav-active-color, var(--co-color-primary-azul));font-weight:var(--co-font-weight-medium);--co-glass-blur:12px;--co-glass-saturate:1.3;-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))}.co-sidebar-nav__item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.co-sidebar-nav__item-icon co-icon{color:inherit}.co-sidebar-nav__item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-sidebar-nav__custom-icon{width:18px;height:18px;object-fit:contain;border-radius:var(--co-border-radius-xxs)}.co-sidebar-nav--min .co-sidebar-nav__item{width:36px;height:36px;padding:0;justify-content:center;border-radius:var(--co-border-radius-xs)}.co-sidebar-nav__flyout-anchor{position:relative}.co-sidebar-nav__flyout{position:fixed;min-width:180px;max-width:240px;background:var(--co-color-base-blanco);border:1px solid var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-sm);box-shadow:var(--co-shadow-lg);padding:var(--co-spacing-md);display:flex;flex-direction:column;z-index:9999;animation:co-flyout-in 0.15s ease}.co-sidebar-nav__flyout-title{text-transform:uppercase;font-family:var(--co-font-family-mono);font-size:var(--co-font-size-10);font-weight:400;color:var(--co-color-gray-500);line-height:110%;letter-spacing:var(--co-font-letter-spacing-overline);padding:var(--co-spacing-xxs) var(--co-spacing-sm) var(--co-spacing-xs);user-select:none}.co-sidebar-nav__flyout .co-sidebar-nav__item{width:100%;height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xs);gap:var(--co-spacing-md);font-weight:var(--co-font-weight-regular);color:var(--co-color-base-negro);line-height:var(--co-font-line-height-none);justify-content:flex-start}.co-sidebar-nav__flyout .co-sidebar-nav__item:hover{background:var(--co-color-gray-100)}.co-sidebar-nav__flyout .co-sidebar-nav__item--active{background:var(--co-color-gray-100);color:var(--co-sidebar-nav-active-color, var(--co-color-primary-azul));font-weight:var(--co-font-weight-medium)}.co-sidebar-nav__flyout .co-sidebar-nav__item-icon{display:flex;width:24px;height:24px}.co-sidebar-nav__flyout .co-sidebar-nav__item-icon co-icon{color:var(--co-color-base-negro)}@keyframes co-flyout-in{from{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}.co-sidebar-nav__expansion{display:flex;flex-direction:column}.co-sidebar-nav__expansion-header{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xs);border:none;background:none;cursor:pointer;width:100%;text-align:left;color:var(--co-semantic-text-secondary);transition:background 0.15s ease, color 0.15s ease;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);font-weight:var(--co-font-weight-medium);letter-spacing:var(--co-font-letter-spacing-body);line-height:var(--co-font-line-height-normal)}.co-sidebar-nav__expansion-header:hover{background:var(--co-semantic-surface-hover);color:var(--co-semantic-text-default)}.co-sidebar-nav__expansion--active>.co-sidebar-nav__expansion-header{color:var(--co-semantic-text-default)}.co-sidebar-nav__expansion-caret{margin-left:auto;flex-shrink:0;transition:transform 0.2s ease;color:var(--co-semantic-text-muted)}.co-sidebar-nav__expansion--expanded>.co-sidebar-nav__expansion-header .co-sidebar-nav__expansion-caret{transform:rotate(90deg)}.co-sidebar-nav__expansion-body{display:flex;flex-direction:column;gap:var(--co-spacing-xxs);overflow:hidden;max-height:0;opacity:0;transition:max-height 0.25s ease, opacity 0.2s ease, padding 0.2s ease;padding-left:var(--co-spacing-xl)}.co-sidebar-nav__expansion--expanded>.co-sidebar-nav__expansion-body{max-height:1000px;opacity:1;padding-top:var(--co-spacing-xxs)}.co-sidebar-nav__highlight{all:unset;background-color:var(--co-color-primary-amarillo, #facc15);color:var(--co-color-base-negro, #000);border-radius:2px;padding:0 1px}';export{n as co_sidebar_nav}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as a,h as o,a as e}from"./p-CYsftTKf.js";import{c as r,d as c,a as i,p as n,g as s,h as l,j as h}from"./p-tPYikBRJ.js";import{z as d,b as u,a as p,c as f,w as v}from"./p-B6JZk8fL.js";const m=class{constructor(o){t(this,o),this.coDaySelect=a(this,"coDaySelect",3),this.coEventClick=a(this,"coEventClick",3),this.coEventDrop=a(this,"coEventDrop",3),this.coMoreClick=a(this,"coMoreClick",3),this.events=[],this.locale="es-CO",this.firstDayOfWeek=1,this.editable=!0,this.selectable=!0,this.maxLanes=3,this.dragOverDate=null,this.dragId=null,this.onPointerUp=()=>this.finishDrag(),this.handleKeyDown=t=>{const a=this.focused;let o=!0;switch(t.key){case"ArrowLeft":this.moveFocus(c(a,-1));break;case"ArrowRight":this.moveFocus(c(a,1));break;case"ArrowUp":this.moveFocus(c(a,-7));break;case"ArrowDown":this.moveFocus(c(a,7));break;case"Enter":case" ":this.selectDay(a);break;default:o=!1}o&&(t.preventDefault(),t.stopPropagation())}}componentWillLoad(){this.focused=this.defaultFocus()}connectedCallback(){window.addEventListener("pointerup",this.onPointerUp)}disconnectedCallback(){window.removeEventListener("pointerup",this.onPointerUp)}defaultFocus(){const t=`${g(this.year)}-${b(this.month)}-01`,a=i(),o=n(a);return o.year===this.year&&o.month===this.month?a:t}get matrix(){return s(this.year,this.month,this.firstDayOfWeek).map((t=>t.map((t=>t.value))))}eventById(t){return this.events.find((a=>a.id===t))}isDayInteractable(t){return!l(t,{min:this.minDate,max:this.maxDate})}selectDay(t){this.selectable&&this.isDayInteractable(t)&&this.coDaySelect.emit({date:t})}activateEvent(t){this.coEventClick.emit({id:t})}moveFocus(t){this.focused=t,requestAnimationFrame((()=>this.focusCell()))}focusCell(){var t,a;null===(a=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(`[data-date="${this.focused}"]`))||void 0===a||a.focus()}startDrag(t,a){const o=this.eventById(a);o&&this.editable&&!1!==o.editable&&!1!==o.startEditable&&(t.preventDefault(),t.stopPropagation(),this.dragId=a,this.dragOverDate=null)}finishDrag(){const t=this.dragId,a=this.dragOverDate;if(this.dragId=null,this.dragOverDate=null,!t||!a)return;const o=this.eventById(t);if(!o)return;const e=function(t,a){const[o,e,r]=t.split("-").map(Number),[c,i,n]=a.split("-").map(Number);return Math.round((Date.UTC(c,i-1,n)-Date.UTC(o,e-1,r))/864e5)}(o.allDay?o.start.slice(0,10):d(o.startMs,this.timeZone),a);if(0===e)return;if(!this.isDayInteractable(a))return;const r=function(t,a,o){return t.allDay?{start:c(t.start.slice(0,10),a),end:c(t.end.slice(0,10),a)}:{start:p(_(t.startMs,a,o)),end:p(_(t.endMs,a,o))}}(o,e,this.timeZone);this.coEventDrop.emit({id:t,start:r.start,end:r.end,oldStart:o.start,oldEnd:o.end,allDay:o.allDay})}renderChip(t,a){var e;const r=this.eventById(t.eventId);if(!r)return null;const c=a.length,i=t.startCol/c*100,n=(t.endCol-t.startCol+1)/c*100,s=r.endMs<=Date.now(),l=!0===(null===(e=r.extendedProps)||void 0===e?void 0:e.isExternal),h=!this.editable||!1===r.editable,d=r.allDay||!t.isStart?"":function(t,a){const o=Math.floor(t/60),e=t%60;return new Intl.DateTimeFormat(a,{hour:"numeric",minute:"2-digit"}).format(new Date(2e3,0,1,o,e))}(u(r.startMs,this.timeZone),this.locale),p={left:`${i}%`,width:`${n}%`,top:`calc(var(--co-cal-daynum-h) + ${t.lane} * var(--co-cal-lane-h))`};return r.backgroundColor&&(p["--co-cal-event-bg"]=r.backgroundColor,p["--co-cal-event-text"]=function(t){const a=t.replace("#","").trim();if(3!==a.length&&6!==a.length)return"var(--co-cal-event-text)";const o=3===a.length?a.split("").map((t=>t+t)).join(""):a;return(299*parseInt(o.slice(0,2),16)+587*parseInt(o.slice(2,4),16)+114*parseInt(o.slice(4,6),16))/1e3>=150?"var(--co-cal-event-text-dark)":"var(--co-cal-event-text-light)"}(r.backgroundColor)),r.borderColor&&(p["--co-cal-event-border"]=r.borderColor),o("button",{type:"button",key:`${t.eventId}-${t.weekIndex}`,class:{"cal-chip":!0,"cal-chip--all-day":r.allDay,"cal-chip--past":s,"cal-chip--external":l,"cal-chip--locked":h,"cal-chip--dragging":this.dragId===r.id,"cal-chip--continues-before":t.continuesBefore,"cal-chip--continues-after":t.continuesAfter},style:p,title:r.title,"aria-label":r.title,onClick:t=>{t.stopPropagation(),this.activateEvent(r.id)},onPointerDown:t=>this.startDrag(t,r.id)},!r.allDay&&o("span",{class:"cal-chip__dot","aria-hidden":"true"}),d&&o("span",{class:"cal-chip__time"},d),o("span",{class:"cal-chip__title"},r.title||"—"),l&&o("co-icon",{name:"link",size:11,class:"cal-chip__ext"}))}render(){var t;const a=this.matrix,e=function(t,a,o={}){const e=o.maxLanes??1/0,i=[],n={};let s=0;const l=t.map((t=>function(t,a){if(t.allDay){const a=t.start.slice(0,10),o=c(t.end.slice(0,10),-1);return r(o,a)<0?{event:t,firstDay:a,lastDay:a}:{event:t,firstDay:a,lastDay:o}}const o=a?d(t.startMs,a):t.start.slice(0,10);return{event:t,firstDay:o,lastDay:o}}(t,o.timeZone))).filter((t=>null!==t));if(a.forEach(((t,a)=>{if(!t.length)return;const o=t[0],e=t[t.length-1],c=new Map(t.map(((t,a)=>[t,a]))),n=l.filter((t=>r(t.firstDay,e)<=0&&r(o,t.lastDay)<=0)).map((a=>{const i=r(a.firstDay,o)>=0?a.firstDay:o,n=r(a.lastDay,e)<=0?a.lastDay:e;return{span:a,startCol:c.get(i)??0,endCol:c.get(n)??t.length-1}})).sort(((t,a)=>t.startCol-a.startCol||a.endCol-a.startCol-(t.endCol-t.startCol)||t.span.event.startMs-a.span.event.startMs||(t.span.event.id<a.span.event.id?-1:1))),h=[];for(const t of n){let c=0;for(;h.some((a=>a.lane===c&&!(t.endCol<a.startCol||t.startCol>a.endCol)));)c++;h.push({lane:c,startCol:t.startCol,endCol:t.endCol}),s=Math.max(s,c+1),i.push({eventId:t.span.event.id,weekIndex:a,lane:c,startCol:t.startCol,endCol:t.endCol,isStart:r(t.span.firstDay,o)>=0,isEnd:r(t.span.lastDay,e)<=0,continuesBefore:r(t.span.firstDay,o)<0,continuesAfter:r(t.span.lastDay,e)>0})}})),Number.isFinite(e))for(const t of i)if(t.lane>=e)for(let o=t.startCol;o<=t.endCol;o++){const e=a[t.weekIndex][o];n[e]=(n[e]??0)+1}return{segments:i,overflow:n,laneCount:s}}(this.events,a,{maxLanes:this.maxLanes,timeZone:this.timeZone}),s=new Map;for(const a of e.segments){if(a.lane>=this.maxLanes)continue;const o=null!==(t=s.get(a.weekIndex))&&void 0!==t?t:[];o.push(a),s.set(a.weekIndex,o)}const l=h(this.locale,this.firstDayOfWeek,"short"),u=h(this.locale,this.firstDayOfWeek,"long"),p=i();return o("div",{key:"24b0039f30c4d4e043c83a6c77caf55098d6207c",class:"cal-month",part:"grid",role:"grid",onKeyDown:this.handleKeyDown},o("div",{key:"29357a95920cf7e5f8ab3673f19c0872d3fb50ad",class:"cal-month__dow",role:"row"},l.map(((t,a)=>o("span",{class:"cal-month__dow-cell",role:"columnheader","aria-label":u[a]},t)))),a.map(((t,a)=>{var c;return o("div",{class:"cal-month__week",role:"row"},o("div",{class:"cal-month__days"},t.map((t=>{const a=n(t),e=a.month===this.month,c=0===r(t,p),i=0===r(t,this.focused),s=this.isDayInteractable(t);return o("div",{role:"gridcell","data-date":t,tabIndex:i?0:-1,"aria-current":c?"date":void 0,"aria-disabled":s?void 0:"true",class:{"cal-month__day":!0,"cal-month__day--outside":!e,"cal-month__day--today":c,"cal-month__day--disabled":!s,"cal-month__day--drag-over":null!==this.dragId&&this.dragOverDate===t},onClick:()=>this.selectDay(t),onPointerEnter:()=>{this.dragId&&(this.dragOverDate=t)}},o("span",{class:"cal-month__daynum"},a.day))}))),o("div",{class:"cal-month__events"},(null!==(c=s.get(a))&&void 0!==c?c:[]).map((a=>this.renderChip(a,t))),t.map(((a,r)=>{var c;const i=null!==(c=e.overflow[a])&&void 0!==c?c:0;return i<=0?null:o("button",{type:"button",class:"cal-month__more",style:{left:r/t.length*100+"%",width:1/t.length*100+"%",top:`calc(var(--co-cal-daynum-h) + ${this.maxLanes} * var(--co-cal-lane-h))`},onClick:t=>{t.stopPropagation(),this.coMoreClick.emit({date:a})}},"+",i)}))))})))}get el(){return e(this)}};function b(t){return String(t).padStart(2,"0")}function g(t){return String(t).padStart(4,"0")}function _(t,a,o){const e=f(t,o),r=c(`${g(e.year)}-${b(e.month)}-${b(e.day)}`,a),[i,n,s]=r.split("-").map(Number);return v({year:i,month:n,day:s,hour:e.hour,minute:e.minute,second:e.second},o)}m.style=":host{display:block;font-family:var(--co-font-family-primary);--co-cal-daynum-h:24px;--co-cal-lane-h:22px;--co-cal-min-week-h:92px;--co-cal-gap:2px;--co-cal-surface:var(--co-semantic-surface-page);--co-cal-border:var(--co-semantic-border-default);--co-cal-text:var(--co-semantic-text-default);--co-cal-text-muted:var(--co-semantic-text-muted);--co-cal-hover:var(--co-semantic-surface-hover);--co-cal-today-ring:var(--co-color-primary-azul);--co-cal-event-bg:var(--co-color-primary-azul);--co-cal-event-border:transparent;--co-cal-event-text:var(--co-color-base-blanco, #fff);--co-cal-event-text-light:var(--co-color-base-blanco, #fff);--co-cal-event-text-dark:var(--co-semantic-text-default)}.cal-month{display:flex;flex-direction:column;border:1px solid var(--co-cal-border);border-radius:var(--co-border-radius-xs);overflow:hidden;background:var(--co-cal-surface)}.cal-month__dow{display:grid;grid-template-columns:repeat(7, 1fr);border-bottom:1px solid var(--co-cal-border)}.cal-month__dow-cell{padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-10, 10px);font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:var(--co-cal-text-muted);text-align:right}.cal-month__week{position:relative;min-height:var(--co-cal-min-week-h)}.cal-month__week:not(:last-child){border-bottom:1px solid var(--co-cal-border)}.cal-month__days{display:grid;grid-template-columns:repeat(7, 1fr);height:100%;position:absolute;inset:0}.cal-month__day{border-right:1px solid var(--co-cal-border);padding:var(--co-spacing-xxs);cursor:pointer;transition:background 0.1s ease}.cal-month__day:last-child{border-right:0}.cal-month__day:hover{background:var(--co-cal-hover)}.cal-month__day:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:-2px}.cal-month__day--outside .cal-month__daynum{color:var(--co-cal-text-muted)}.cal-month__day--disabled{cursor:not-allowed;background:color-mix(in srgb, var(--co-cal-border) 20%, transparent)}.cal-month__day--drag-over{background:color-mix(in srgb, var(--co-cal-today-ring) 14%, transparent);box-shadow:inset 0 0 0 2px var(--co-cal-today-ring)}.cal-month__daynum{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;margin-left:auto;float:right;font-size:var(--co-font-size-12, 12px);color:var(--co-cal-text);border-radius:var(--co-border-radius-full)}.cal-month__day--today .cal-month__daynum{background:var(--co-cal-today-ring);color:var(--co-color-base-blanco, #fff);font-weight:600}.cal-month__events{position:absolute;inset:0;pointer-events:none;}.cal-chip,.cal-month__more{position:absolute;height:calc(var(--co-cal-lane-h) - 3px);box-sizing:border-box;pointer-events:auto;display:flex;align-items:center;gap:var(--co-spacing-xxs);margin:0 3px;padding:0 var(--co-spacing-xs);border:1px solid var(--co-cal-event-border);border-radius:var(--co-border-radius-xxs);font-family:inherit;font-size:var(--co-font-size-12, 12px);line-height:1;text-align:left;cursor:pointer;overflow:hidden;white-space:nowrap}.cal-chip{background:var(--co-cal-event-bg);color:var(--co-cal-event-text)}.cal-chip:hover{filter:brightness(0.95)}.cal-chip:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.cal-chip--all-day{font-weight:500}.cal-chip__dot{flex:0 0 auto;width:7px;height:7px;border-radius:var(--co-border-radius-full);background:var(--co-cal-event-bg)}.cal-chip:not(.cal-chip--all-day){background:transparent;color:var(--co-cal-text);border-color:transparent}.cal-chip:not(.cal-chip--all-day):hover{background:var(--co-cal-hover);filter:none}.cal-chip__time{flex:0 0 auto;color:var(--co-cal-text-muted);font-variant-numeric:tabular-nums}.cal-chip__title{overflow:hidden;text-overflow:ellipsis}.cal-chip__ext{flex:0 0 auto;opacity:0.8}.cal-chip--past{opacity:0.55}.cal-chip--locked{cursor:default}.cal-chip--external{border-style:dashed}.cal-chip--dragging{opacity:0.4}.cal-chip--continues-before{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:0}.cal-chip--continues-after{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0}.cal-month__more{background:transparent;color:var(--co-cal-text-muted);border-color:transparent;font-weight:600;font-size:var(--co-font-size-11, 11px)}.cal-month__more:hover{background:var(--co-cal-hover);color:var(--co-cal-text)}";export{m as co_calendar_month}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as s,H as i}from"./p-CYsftTKf.js";const n=new Map;const e=class{constructor(s){t(this,s),this.name="",this.weight="regular",this.size=16,this.svgContent=""}async componentWillLoad(){await this.fetch()}async onPropsChange(){await this.fetch()}async fetch(){this.svgContent=this.name?await function(t,s){const i=`${s}/${t}`,e=n.get(i);if(e)return e;const r=globalThis.__cobaltIconVersion,a=`${globalThis.__cobaltIconBasePath||"https://cdn.jsdelivr.net/npm/@phosphor-icons/core@2.1.1/assets"}/${s}/${function(t,s){return"regular"===s?`${t}.svg`:`${t}-${s}.svg`}(t,s)}`,c=fetch(r?`${a}?v=${r}`:a,{priority:"low"}).then((t=>t.ok?t.text():"")).catch((()=>(n.delete(i),"")));return n.set(i,c),c}(this.name,this.weight):""}render(){return s(i,{key:"65fc20ae25aff18456c778d69454259755477cc8","aria-hidden":"true",style:{display:"inline-flex",width:`${this.size}px`,height:`${this.size}px`,flexShrink:"0"}},s("span",{key:"867d361c4cd66611a38ccca0910ac93e9b41ed18",part:"svg",innerHTML:this.svgContent}))}static get watchers(){return{name:[{onPropsChange:0}],weight:[{onPropsChange:0}]}}};e.style=":host{display:inline-flex;align-items:center;justify-content:center;color:inherit;line-height:1;flex-shrink:0}span{display:contents}svg{display:block;width:100%;height:100%;fill:currentColor}";export{e as co_icon}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,h as r,a}from"./p-CYsftTKf.js";const t={l:20,m:18,s:16,xs:14},s=class{constructor(r){o(this,r),this.variant="primary",this.shape="rounded",this.size="m",this.disabled=!1,this.iconWeight="regular",this.type="button",this.handleClick=()=>{if(!this.disabled){if("submit"===this.type){const o=this.el.closest("form");if(o)return void o.requestSubmit()}if("reset"===this.type){const o=this.el.closest("form");o&&o.reset()}}}}render(){var o,a;const s=null!==(a=null!==(o=this.iconSize)&&void 0!==o?o:t[this.size])&&void 0!==a?a:18,c={};return this.color&&(c.background=this.color),this.textColor&&(c.color=this.textColor),r("button",{key:"05a61f0d95bb3c6e09207bb643545694c40b0976",class:{"co-button":!0,[`co-button--${this.variant}`]:!0,[`co-button--${this.shape}`]:!0,[`co-button--${this.size}`]:!0,"co-button--disabled":this.disabled},style:Object.keys(c).length?c:void 0,type:this.type,disabled:this.disabled,onClick:this.handleClick,part:"button"},this.iconLeft?r("co-icon",{name:this.iconLeft,weight:this.iconWeight,size:s}):null,r("slot",{key:"9ebae938e533d11c31899023bf35c8e071dabc6e"},this.label),this.iconRight?r("co-icon",{name:this.iconRight,weight:this.iconWeight,size:s}):null)}get el(){return a(this)}};s.style=':host{display:inline-flex}.co-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent;outline:none;font-family:var(--co-font-family-primary);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;-webkit-font-smoothing:antialiased;transition:opacity 0.15s ease, background 0.15s ease;box-sizing:border-box;-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))}.co-button--primary{background:color-mix(in srgb, var(--co-semantic-surface-primary) 78%, transparent);color:var(--co-semantic-on-primary);border-color:color-mix(in srgb, var(--co-semantic-on-primary) 28%, transparent)}.co-button--secondary{background:color-mix(in srgb, var(--co-semantic-surface-secondary) 55%, transparent);color:var(--co-semantic-on-secondary);border-color:var(--co-semantic-border-subtle)}.co-button--stroke{background:color-mix(in srgb, var(--co-semantic-surface-secondary) 25%, transparent);color:var(--co-semantic-text-default);border-color:var(--co-semantic-border-default)}.co-button--ghost{background:transparent;color:var(--co-semantic-text-default);border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.co-button--danger{background:var(--co-semantic-status-error);color:var(--co-color-base-blanco);border-color:transparent}.co-button--success{background:var(--co-semantic-status-success);color:var(--co-color-base-blanco);border-color:transparent}.co-button--rounded.co-button--l{padding:var(--co-spacing-xl) var(--co-spacing-2xl);gap:var(--co-spacing-md);font-size:var(--co-font-size-18);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--rounded.co-button--m{padding:var(--co-spacing-lg) var(--co-spacing-xl);gap:var(--co-spacing-md);font-size:var(--co-font-size-16);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--rounded.co-button--s{padding:var(--co-spacing-md) var(--co-spacing-lg);gap:var(--co-spacing-sm2);font-size:var(--co-font-size-14);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--rounded.co-button--xs{padding:var(--co-spacing-md) var(--co-spacing-lg);gap:var(--co-spacing-sm2);font-size:var(--co-font-size-12);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--square.co-button--l{padding:var(--co-spacing-lg) var(--co-spacing-xl);gap:var(--co-spacing-md);font-size:var(--co-font-size-18);border-radius:var(--co-border-radius-lg)}.co-button--square.co-button--m{padding:var(--co-spacing-md) var(--co-spacing-lg);gap:var(--co-spacing-sm2);font-size:var(--co-font-size-16);border-radius:var(--co-border-radius-sm)}.co-button--square.co-button--s{padding:var(--co-spacing-sm2) var(--co-spacing-md);gap:var(--co-spacing-sm);font-size:var(--co-font-size-14);border-radius:var(--co-border-radius-xs)}.co-button--square.co-button--xs{padding:var(--co-spacing-sm) var(--co-spacing-sm2);gap:var(--co-spacing-xs);font-size:var(--co-font-size-12);border-radius:var(--co-spacing-sm)}.co-button--disabled,.co-button:disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-button--primary:hover:not(:disabled){opacity:0.88}.co-button--secondary:hover:not(:disabled),.co-button--stroke:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-button--ghost:hover:not(:disabled){background:color-mix(in srgb, var(--co-semantic-surface-hover) 60%, 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))}.co-button--danger:hover:not(:disabled),.co-button--success:hover:not(:disabled){opacity:0.88}::slotted([slot="icon-left"]),::slotted([slot="icon-right"]){display:inline-flex;flex-shrink:0}@supports not (background: color-mix(in srgb, red, transparent)){.co-button--primary{background:var(--co-semantic-surface-primary)}.co-button--secondary{background:var(--co-semantic-surface-secondary)}.co-button--stroke{background:transparent}}';export{s as co_button}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as t,h as a,a as r}from"./p-CYsftTKf.js";import{R as o}from"./p-oImf-7fN.js";const c=class{constructor(a){e(this,a),this.coInput=t(this,"coInput",7),this.coChange=t(this,"coChange",7),this.coFocus=t(this,"coFocus",7),this.coBlur=t(this,"coBlur",7),this.coClear=t(this,"coClear",7),this.value="",this.placeholder="",this.required=!1,this.disabled=!1,this.readonly=!1,this.rows=4,this.status="default",this.layout="vertical",this.size="md",this.clearable=!1,this.resize="vertical",this.hasFocus=!1,this.handleInput=e=>{this.value=e.target.value,this.coInput.emit(this.value)},this.handleFocus=()=>{this.hasFocus=!0,this.coFocus.emit()},this.handleBlur=()=>{this.hasFocus=!1,this.coChange.emit(this.value),this.coBlur.emit()},this.handleClear=()=>{var e;this.value="",this.coClear.emit(),this.coInput.emit(""),null===(e=this.textareaEl)||void 0===e||e.focus()}}get hasValue(){return null!=this.value&&""!==this.value}get charCount(){var e;return(null!==(e=this.value)&&void 0!==e?e:"").length}render(){const e=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly,t=null!=this.maxLength&&this.charCount>this.maxLength,r="default"!==this.status?`co-textarea--${this.status}`:"";return a("div",{key:"bbc105515a08e5ddf757c3095aa220d9ff3c1643",class:{"co-textarea":!0,"co-textarea--disabled":this.disabled,"co-textarea--focused":this.hasFocus,"co-textarea--filled":this.hasValue,"co-textarea--over-limit":t,[`co-textarea--${this.size}`]:!0,[r]:!!r},part:"wrapper"},(this.label||this.secondaryLabel)&&a("div",{key:"54eeba06154d9ce2ec18e41046cdab973c7b30ab",class:"co-textarea__labels"},this.label&&a("label",{key:"b7f996ad516af104753219042d6fa3f0db32f462",class:"co-textarea__label",part:"label"},this.label,a(o,{key:"29801d7d5958919629d93c6ae70312f44196b907",required:this.required})),this.secondaryLabel&&a("span",{key:"fe3637ec4dc07d95ba73d372b93d4205bf9b836c",class:"co-textarea__secondary-label"},this.secondaryLabel)),a("div",{key:"ca1f28e1b809c0e6071a98f654ec0b9d5f55d474",class:"co-textarea__field",part:"field"},a("textarea",{key:"f5db20027591b83a255e746dcda548f6b308972f",ref:e=>this.textareaEl=e,class:{"co-textarea__native":!0,[`co-textarea__native--resize-${this.resize}`]:!0},rows:this.rows,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,"aria-invalid":"error"===this.status||t?"true":"false",onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,part:"input"}),e&&a("button",{key:"d795cedb2bc45a8fa15a364eabb54dba869672f5",class:"co-textarea__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},a("co-icon",{key:"72406240943ffe5644a83e5b00f028a246de792c",name:"x-circle",size:16,weight:"fill"}))),(this.helperText||null!=this.maxLength)&&a("div",{key:"efeb161b6c9cf518d55446d7ed319d343afa736c",class:"co-textarea__footer"},this.helperText&&a("div",{key:"0741e7389c3bd2ee683b16fe6a06705f81826bd7",class:{"co-textarea__helper":!0,"co-textarea__helper--error":"error"===this.status},part:"helper"},"error"===this.status&&a("co-icon",{key:"51bd6497349280c1e09bfe4fc8b066726318c08d",name:"warning-circle",size:14,class:"co-textarea__helper-icon"}),a("span",{key:"63d07623f709027a4a0f4eac8a25fb6b72b8043b",class:"co-textarea__helper-text"},this.helperText)),null!=this.maxLength&&a("span",{key:"e9b6498ea76e13e69bf58cf8996cafa3561f4609",class:{"co-textarea__counter":!0,"co-textarea__counter--over":t},part:"counter"},this.charCount,"/",this.maxLength)))}get el(){return r(this)}};c.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-textarea{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-textarea__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-textarea__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-textarea__secondary-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;text-align:right}.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-textarea__field{position:relative;display:flex;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;box-sizing:border-box;overflow:hidden}.co-textarea__native{width:100%;border:none;outline:none;background:transparent;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);font-weight:400;line-height:1.5;color:var(--co-semantic-text-default);padding:var(--co-spacing-sm2) var(--co-spacing-md);margin:0;box-sizing:border-box}.co-textarea__native::placeholder{color:var(--co-semantic-text-muted)}.co-textarea--s .co-textarea__native{padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-textarea--sm .co-textarea__native{padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-textarea--lg .co-textarea__native{padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-textarea__native--resize-vertical{resize:vertical}.co-textarea__native--resize-none{resize:none}.co-textarea__native--resize-both{resize:both}.co-textarea__clear{position:absolute;top:var(--co-spacing-sm2);right:var(--co-spacing-sm2);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:var(--co-border-radius-xxs);background:transparent;color:var(--co-semantic-text-muted);cursor:pointer;padding:0;transition:color 0.15s ease, background 0.15s ease}.co-textarea__clear:hover{color:var(--co-semantic-text-default);background:var(--co-semantic-surface-hover)}.co-textarea__footer{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-md)}.co-textarea__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);flex:1;min-width:0}.co-textarea__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-textarea__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-textarea__counter{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12, 12px);font-weight:400;line-height:1;white-space:nowrap;flex-shrink:0}.co-textarea__counter--over{color:var(--co-color-status-error);font-weight:500}.co-textarea--focused .co-textarea__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-textarea--disabled{opacity:0.6;pointer-events:none}.co-textarea--disabled .co-textarea__field{background:var(--co-semantic-surface-disabled);border-color:transparent}.co-textarea--error .co-textarea__field{border-color:var(--co-semantic-status-error)}.co-textarea--error.co-textarea--focused .co-textarea__field{border-color:var(--co-semantic-status-error);box-shadow:0 0 0 2px rgba(170, 46, 27, 0.12)}.co-textarea--error .co-textarea__helper-icon,.co-textarea--error .co-textarea__helper-text{color:var(--co-semantic-status-error)}.co-textarea--success .co-textarea__field{border-color:var(--co-semantic-status-success)}.co-textarea--success.co-textarea--focused .co-textarea__field{border-color:var(--co-semantic-status-success);box-shadow:0 0 0 2px rgba(10, 119, 36, 0.12)}.co-textarea--warning .co-textarea__field{border-color:var(--co-semantic-status-warning)}.co-textarea--warning.co-textarea--focused .co-textarea__field{border-color:var(--co-semantic-status-warning);box-shadow:0 0 0 2px rgba(253, 191, 0, 0.12)}.co-textarea--over-limit .co-textarea__field{border-color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-textarea{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-textarea__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-textarea__label{white-space:normal}:host([layout='horizontal']) .co-textarea>:not(.co-textarea__labels){grid-column:2;min-width:0}@supports not (background: color-mix(in srgb, red, transparent)){.co-textarea__field{background:var(--co-semantic-surface-secondary)}}";export{c as co_textarea}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,h as r}from"./p-CYsftTKf.js";const o=class{constructor(r){a(this,r),this.variant="default",this.size="md",this.rounded=!1}render(){return r("div",{key:"b2af21d1a45ce64e859c5eee4565bed3acf59af9",class:{"co-navbar":!0,[`co-navbar--${this.variant}`]:!0,[`co-navbar--${this.size}`]:!0,"co-navbar--rounded":this.rounded},part:"navbar",role:"toolbar"},r("slot",{key:"70eabcdbfdae15af12cc9bfd8aea140ca37176c9"}))}};o.style=":host{display:block}.co-navbar{display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--co-font-family-primary);box-sizing:border-box;background:var(--co-navbar-bg);color:var(--co-navbar-color)}.co-navbar--default{--co-navbar-bg:transparent}.co-navbar--filled{--co-navbar-bg:var(--co-semantic-surface-primary, #1f1c1b);--co-navbar-color:var(--co-semantic-on-primary, #fff)}.co-navbar--bordered{--co-navbar-bg:var(--co-semantic-surface-page, #fff);--co-navbar-color:inherit;border-bottom:1px solid var(--co-semantic-border-subtle, rgba(31,28,27,0.08))}.co-navbar--dark{--co-navbar-bg:var(--co-theme-navbar-bg, var(--co-color-base-negro, #1F1C1B));--co-navbar-color:var(--co-theme-on-navbar, #fff);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);--co-icon-button-bg:var(--co-theme-on-navbar-surface, var(--co-color-opacity-blanco-16, rgba(255,255,255,0.16)));--co-icon-button-color:var(--co-theme-on-navbar, #fff);--co-icon-button-border:transparent}.co-navbar--rounded{border-radius:var(--co-border-radius-sm, 12px);overflow:hidden}.co-navbar--sm{min-height:40px;padding:0 var(--co-navbar-padding-x, var(--co-spacing-md, 12px));gap:var(--co-spacing-sm2, 8px);font-size:var(--co-font-size-12, 12px)}.co-navbar--md{min-height:48px;padding:0 var(--co-navbar-padding-x, var(--co-spacing-lg, 16px));gap:var(--co-spacing-md, 12px);font-size:var(--co-font-size-14, 14px)}.co-navbar--lg{min-height:56px;padding:0 var(--co-navbar-padding-x-end, var(--co-spacing-2xl, 24px)) 0 var(--co-navbar-padding-x-start, var(--co-spacing-md, 12px));gap:var(--co-spacing-sm2, 8px);font-size:var(--co-font-size-14, 14px)}::slotted([slot-spacer]),::slotted(.co-spacer){flex:1}";export{o as co_navbar}
|