@prolibu-suite/cobalt-core 0.11.10 → 0.11.12
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 +112 -34
- package/dist/cjs/co-accordion.cjs.entry.js +5 -5
- package/dist/cjs/co-action-bar.cjs.entry.js +1 -1
- package/dist/cjs/co-app-shell.cjs.entry.js +1 -1
- package/dist/cjs/co-audio-player.cjs.entry.js +1 -1
- package/dist/cjs/co-autocomplete.cjs.entry.js +2 -2
- package/dist/cjs/co-avatar-group.cjs.entry.js +1 -1
- package/dist/cjs/co-avatar.cjs.entry.js +1 -1
- package/dist/cjs/co-badge.cjs.entry.js +1 -1
- package/dist/cjs/co-bottom-sheet.cjs.entry.js +1 -1
- package/dist/cjs/co-breadcrumb-item.cjs.entry.js +1 -1
- package/dist/cjs/co-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/co-button-group.cjs.entry.js +1 -1
- package/dist/cjs/co-button.cjs.entry.js +1 -1
- package/dist/cjs/co-calendar-month_2.cjs.entry.js +2 -2
- package/dist/cjs/co-calendar_3.cjs.entry.js +2 -2
- package/dist/cjs/co-card.cjs.entry.js +1 -1
- package/dist/cjs/co-carousel-item.cjs.entry.js +1 -1
- package/dist/cjs/co-carousel.cjs.entry.js +2 -2
- package/dist/cjs/co-checkbox-group.cjs.entry.js +2 -2
- package/dist/cjs/co-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/co-chip_2.cjs.entry.js +6 -6
- package/dist/cjs/co-color-area.cjs.entry.js +1 -1
- package/dist/cjs/co-color-picker.cjs.entry.js +3 -3
- package/dist/cjs/co-color-slider.cjs.entry.js +1 -1
- package/dist/cjs/co-column-picker.cjs.entry.js +2 -2
- package/dist/cjs/co-combobox.cjs.entry.js +2 -2
- package/dist/cjs/co-command-search.cjs.entry.js +2 -2
- package/dist/cjs/co-data-table-pagination.cjs.entry.js +2 -2
- package/dist/cjs/co-data-table.cjs.entry.js +2 -2
- package/dist/cjs/co-date-picker.cjs.entry.js +2 -2
- package/dist/cjs/co-date-range-picker.cjs.entry.js +2 -2
- package/dist/cjs/co-date-range.cjs.entry.js +1 -1
- package/dist/cjs/co-date-time-picker.cjs.entry.js +2 -2
- package/dist/cjs/co-document-editor.cjs.entry.js +2 -2
- package/dist/cjs/co-drive-card.cjs.entry.js +1 -1
- package/dist/cjs/co-drop-zone.cjs.entry.js +1 -1
- package/dist/cjs/co-emoji-picker.cjs.entry.js +2 -2
- package/dist/cjs/co-empty-state.cjs.entry.js +2 -2
- package/dist/cjs/co-event-calendar.cjs.entry.js +1 -1
- package/dist/cjs/co-event-popover.cjs.entry.js +1 -1
- package/dist/cjs/co-fab.cjs.entry.js +1 -1
- package/dist/cjs/co-file-field.cjs.entry.js +3 -3
- package/dist/cjs/co-file-type-tile.cjs.entry.js +1 -1
- package/dist/cjs/co-gradient-bar.cjs.entry.js +1 -1
- package/dist/cjs/co-helper-text.cjs.entry.js +1 -1
- package/dist/cjs/co-icon-button.cjs.entry.js +2 -2
- package/dist/cjs/co-icon.cjs.entry.js +1 -1
- package/dist/cjs/co-input.cjs.entry.js +2 -2
- package/dist/cjs/co-json-field.cjs.entry.js +2 -2
- package/dist/cjs/co-kbd_2.cjs.entry.js +1 -1
- package/dist/cjs/co-lightbox.cjs.entry.js +1 -1
- package/dist/cjs/co-list-footer.cjs.entry.js +1 -1
- package/dist/cjs/co-list-item.cjs.entry.js +2 -2
- package/dist/cjs/co-loader.cjs.entry.js +1 -1
- package/dist/cjs/co-media-thumb.cjs.entry.js +1 -1
- package/dist/cjs/co-menu-divider.cjs.entry.js +1 -1
- package/dist/cjs/co-menu-item.cjs.entry.js +40 -7
- package/dist/cjs/co-menu.cjs.entry.js +2 -2
- package/dist/cjs/co-modal.cjs.entry.js +2 -2
- package/dist/cjs/co-navbar.cjs.entry.js +1 -1
- package/dist/cjs/co-number-field.cjs.entry.js +2 -2
- package/dist/cjs/co-overlay.cjs.entry.js +1 -1
- package/dist/cjs/co-page-header.cjs.entry.js +1 -1
- package/dist/cjs/co-phone-field.cjs.entry.js +4 -4
- package/dist/cjs/co-popover.cjs.entry.js +2 -2
- package/dist/cjs/co-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/co-progress-circle.cjs.entry.js +2 -2
- package/dist/cjs/co-provider-logo_2.cjs.entry.js +2 -2
- package/dist/cjs/co-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/co-radio.cjs.entry.js +2 -2
- package/dist/cjs/co-rating.cjs.entry.js +2 -2
- package/dist/cjs/co-ref-field.cjs.entry.js +3 -3
- package/dist/cjs/co-rich-text-editor.cjs.entry.js +2 -2
- package/dist/cjs/co-rich-text-toolbar.cjs.entry.js +1 -1
- package/dist/cjs/co-rich-text-viewer.cjs.entry.js +1 -1
- package/dist/cjs/co-row.cjs.entry.js +1 -1
- package/dist/cjs/co-segmented-bar.cjs.entry.js +1 -1
- package/dist/cjs/co-select.cjs.entry.js +3 -3
- package/dist/cjs/co-separator.cjs.entry.js +1 -1
- package/dist/cjs/co-sidebar-nav.cjs.entry.js +1 -1
- package/dist/cjs/co-sidebar.cjs.entry.js +1 -1
- package/dist/cjs/co-slider.cjs.entry.js +2 -2
- package/dist/cjs/co-swatch-grid.cjs.entry.js +1 -1
- package/dist/cjs/co-switch.cjs.entry.js +3 -3
- package/dist/cjs/co-tab-group.cjs.entry.js +2 -2
- package/dist/cjs/co-tab.cjs.entry.js +2 -2
- package/dist/cjs/co-tags-field.cjs.entry.js +4 -4
- package/dist/cjs/co-textarea.cjs.entry.js +2 -2
- package/dist/cjs/co-tile.cjs.entry.js +1 -1
- package/dist/cjs/co-time-field.cjs.entry.js +1 -1
- package/dist/cjs/co-toast.cjs.entry.js +1 -1
- package/dist/cjs/co-toggle-button-group.cjs.entry.js +1 -1
- package/dist/cjs/co-toggle-button.cjs.entry.js +2 -2
- package/dist/cjs/co-transfer-list.cjs.entry.js +2 -2
- package/dist/cjs/co-tree-item.cjs.entry.js +2 -2
- package/dist/cjs/co-video.cjs.entry.js +2 -2
- package/dist/cjs/cobalt.cjs.js +2 -2
- package/dist/cjs/{fieldChip-DbYMfylq.js → fieldChip-D-x9bJ-W.js} +1 -1
- package/dist/cjs/{index-bHoidDwv.js → index-CuskTAyj.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{requiredMark-21yHvvZS.js → requiredMark-ooEZAZbC.js} +1 -1
- package/dist/cobalt/cobalt.css +1 -1
- package/dist/cobalt/cobalt.esm.js +1 -1
- package/dist/cobalt/{p-d9b4594b.entry.js → p-011fd3ca.entry.js} +1 -1
- package/dist/cobalt/{p-33840969.entry.js → p-038cc50a.entry.js} +1 -1
- package/dist/cobalt/{p-d375c84e.entry.js → p-052289b3.entry.js} +1 -1
- package/dist/cobalt/{p-bbf3d859.entry.js → p-05f0feca.entry.js} +1 -1
- package/dist/cobalt/p-05f90173.entry.js +1 -0
- package/dist/cobalt/{p-c004fde5.entry.js → p-09ff5302.entry.js} +1 -1
- package/dist/cobalt/{p-d26dc681.entry.js → p-0bd8e079.entry.js} +1 -1
- package/dist/cobalt/{p-5a32b9a2.entry.js → p-0d163b25.entry.js} +1 -1
- package/dist/cobalt/{p-cea21e08.entry.js → p-0d2deeaa.entry.js} +1 -1
- package/dist/cobalt/{p-94b871fb.entry.js → p-0ea06cee.entry.js} +1 -1
- package/dist/cobalt/{p-a18c01eb.entry.js → p-1288867e.entry.js} +1 -1
- package/dist/cobalt/p-1318c5b9.entry.js +1 -0
- package/dist/cobalt/{p-15d995b4.entry.js → p-134331e6.entry.js} +1 -1
- package/dist/cobalt/p-1361f386.entry.js +1 -0
- package/dist/cobalt/{p-3e532a11.entry.js → p-15e29500.entry.js} +1 -1
- package/dist/cobalt/{p-feec49a4.entry.js → p-16eb0771.entry.js} +1 -1
- package/dist/cobalt/{p-3b5024ce.entry.js → p-19544796.entry.js} +1 -1
- package/dist/cobalt/{p-71ee36a8.entry.js → p-1cc15af6.entry.js} +1 -1
- package/dist/cobalt/{p-a27013e6.entry.js → p-1ef7bbbc.entry.js} +1 -1
- package/dist/cobalt/{p-b402665a.entry.js → p-20651254.entry.js} +1 -1
- package/dist/cobalt/{p-353ff9ed.entry.js → p-24456175.entry.js} +1 -1
- package/dist/cobalt/{p-d1e83525.entry.js → p-2d76fafb.entry.js} +1 -1
- package/dist/cobalt/{p-dabcbba7.entry.js → p-2f44a37b.entry.js} +1 -1
- package/dist/cobalt/{p-37f9ec35.entry.js → p-3842ac1a.entry.js} +1 -1
- package/dist/cobalt/p-388f5a71.entry.js +1 -0
- package/dist/cobalt/{p-59a71695.entry.js → p-45460f75.entry.js} +1 -1
- package/dist/cobalt/{p-4ae6fe0e.entry.js → p-4e1ba090.entry.js} +1 -1
- package/dist/cobalt/{p-1c9253a2.entry.js → p-4ee87962.entry.js} +1 -1
- package/dist/cobalt/{p-d7775109.entry.js → p-5009ad0a.entry.js} +1 -1
- package/dist/cobalt/p-5259c731.entry.js +1 -0
- package/dist/cobalt/{p-600d0cab.entry.js → p-5aaaa257.entry.js} +1 -1
- package/dist/cobalt/{p-83691cfb.entry.js → p-5b098a4c.entry.js} +1 -1
- package/dist/cobalt/{p-f1da1df1.entry.js → p-5d17b6e9.entry.js} +1 -1
- package/dist/cobalt/{p-f6f273f7.entry.js → p-5e04cecc.entry.js} +1 -1
- package/dist/cobalt/{p-efb3cbb0.entry.js → p-63c588e1.entry.js} +1 -1
- package/dist/cobalt/{p-f562bd96.entry.js → p-63e5d7fe.entry.js} +1 -1
- package/dist/cobalt/{p-fb6671e0.entry.js → p-65e0176c.entry.js} +1 -1
- package/dist/cobalt/{p-e5350eeb.entry.js → p-66375026.entry.js} +1 -1
- package/dist/cobalt/{p-74804c79.entry.js → p-669ad1c6.entry.js} +1 -1
- package/dist/cobalt/{p-5d41b58b.entry.js → p-66a07095.entry.js} +1 -1
- package/dist/cobalt/{p-4e81e580.entry.js → p-67fac886.entry.js} +1 -1
- package/dist/cobalt/{p-12fc5119.entry.js → p-6a270d5d.entry.js} +1 -1
- package/dist/cobalt/{p-89328cd8.entry.js → p-6bb9964f.entry.js} +1 -1
- package/dist/cobalt/{p-9af26af0.entry.js → p-6c35584c.entry.js} +1 -1
- package/dist/cobalt/{p-019eed8e.entry.js → p-6d12e825.entry.js} +1 -1
- package/dist/cobalt/{p-2832ab99.entry.js → p-6fe227e0.entry.js} +1 -1
- package/dist/cobalt/p-71a289f9.entry.js +1 -0
- package/dist/cobalt/{p-b6463d35.entry.js → p-71f9fa68.entry.js} +1 -1
- package/dist/cobalt/{p-3890d22f.entry.js → p-741c14af.entry.js} +1 -1
- package/dist/cobalt/{p-76ea3f34.entry.js → p-7550fc02.entry.js} +1 -1
- package/dist/cobalt/{p-7737354e.entry.js → p-76244cca.entry.js} +1 -1
- package/dist/cobalt/{p-be520bd5.entry.js → p-79b62ce3.entry.js} +1 -1
- package/dist/cobalt/{p-6eca1c7c.entry.js → p-7be0f85b.entry.js} +1 -1
- package/dist/cobalt/{p-a4154bcf.entry.js → p-811f1dd7.entry.js} +1 -1
- package/dist/cobalt/{p-9ce57385.entry.js → p-88edf7d0.entry.js} +1 -1
- package/dist/cobalt/{p-c23630ab.entry.js → p-894f59ce.entry.js} +1 -1
- package/dist/cobalt/{p-0f3a3232.entry.js → p-8b2432b2.entry.js} +1 -1
- package/dist/cobalt/{p-299c2425.entry.js → p-8bf0975d.entry.js} +1 -1
- package/dist/cobalt/p-90823b79.entry.js +1 -0
- package/dist/cobalt/{p-5e14f676.entry.js → p-9a307b64.entry.js} +1 -1
- package/dist/cobalt/p-9a3e631e.entry.js +1 -0
- package/dist/cobalt/{p-3878f174.entry.js → p-9c00499b.entry.js} +1 -1
- package/dist/cobalt/p-C_xES1w3.js +1 -0
- package/dist/cobalt/{p-DJkaRtbb.js → p-YRicbXh3.js} +2 -2
- package/dist/cobalt/{p-3b7e90c8.entry.js → p-a6516907.entry.js} +1 -1
- package/dist/cobalt/{p-b723aa47.entry.js → p-a671facd.entry.js} +1 -1
- package/dist/cobalt/{p-e4646a0e.entry.js → p-a679c368.entry.js} +1 -1
- package/dist/cobalt/{p-a33a277a.entry.js → p-a9242183.entry.js} +1 -1
- package/dist/cobalt/{p-2ff8f591.entry.js → p-ac1565df.entry.js} +1 -1
- package/dist/cobalt/{p-3bff827a.entry.js → p-ac963082.entry.js} +1 -1
- package/dist/cobalt/{p-50ab6b9b.entry.js → p-ae66e746.entry.js} +1 -1
- package/dist/cobalt/{p-438cc876.entry.js → p-af8cc16e.entry.js} +1 -1
- package/dist/cobalt/{p-02133c95.entry.js → p-b3994c94.entry.js} +1 -1
- package/dist/cobalt/{p-53a251ca.entry.js → p-be860577.entry.js} +1 -1
- package/dist/cobalt/{p-c220362c.entry.js → p-be9f69e4.entry.js} +1 -1
- package/dist/cobalt/{p-5e39cf70.entry.js → p-bf8212cf.entry.js} +1 -1
- package/dist/cobalt/{p-cb1013e6.entry.js → p-c01454be.entry.js} +1 -1
- package/dist/cobalt/{p-eab59be5.entry.js → p-c0f579d9.entry.js} +1 -1
- package/dist/cobalt/{p-4a7fd0b4.entry.js → p-c4bbb701.entry.js} +1 -1
- package/dist/cobalt/{p-4cdfcd9c.entry.js → p-c5978c46.entry.js} +1 -1
- package/dist/cobalt/{p-8a26f3cc.entry.js → p-c71b736c.entry.js} +1 -1
- package/dist/cobalt/{p-82bcd062.entry.js → p-ce9a3708.entry.js} +1 -1
- package/dist/cobalt/{p-04e3e1f6.entry.js → p-d0129851.entry.js} +1 -1
- package/dist/cobalt/p-d127a7c4.entry.js +1 -0
- package/dist/cobalt/p-d1293695.entry.js +1 -0
- package/dist/cobalt/{p-d1595580.entry.js → p-d525aec4.entry.js} +1 -1
- package/dist/cobalt/p-ddf6083f.entry.js +1 -0
- package/dist/cobalt/{p-8e7ad2fe.entry.js → p-e0b542ad.entry.js} +1 -1
- package/dist/cobalt/{p-63f888a1.entry.js → p-e120435e.entry.js} +1 -1
- package/dist/cobalt/{p-a4264bde.entry.js → p-e71f6186.entry.js} +1 -1
- package/dist/cobalt/{p-ff218d09.entry.js → p-ea2cc20e.entry.js} +1 -1
- package/dist/cobalt/{p-c026968c.entry.js → p-ebcdc0b2.entry.js} +1 -1
- package/dist/cobalt/{p-3e864e7d.entry.js → p-ec11b337.entry.js} +1 -1
- package/dist/cobalt/{p-a6c9a0c5.entry.js → p-eca12c29.entry.js} +1 -1
- package/dist/cobalt/{p-19f0f534.entry.js → p-f3975988.entry.js} +1 -1
- package/dist/cobalt/{p-7e678cbd.entry.js → p-f9937237.entry.js} +1 -1
- package/dist/cobalt/{p-0bbaaf4f.entry.js → p-fa4a59e8.entry.js} +1 -1
- package/dist/cobalt/{p-f23f52ed.entry.js → p-fd15353a.entry.js} +1 -1
- package/dist/cobalt/p-pl89alJ1.js +1 -0
- package/dist/collection/components/co-accordion/co-accordion.css +1 -1
- package/dist/collection/components/co-accordion/co-accordion.js +3 -3
- package/dist/collection/components/co-autocomplete/co-autocomplete.js +1 -1
- package/dist/collection/components/co-avatar-group/co-avatar-group.js +1 -1
- package/dist/collection/components/co-calendar-month/co-calendar-month.css +9 -4
- package/dist/collection/components/co-carousel/co-carousel.css +7 -5
- package/dist/collection/components/co-checkbox/co-checkbox.css +12 -17
- package/dist/collection/components/co-checkbox-group/co-checkbox-group.css +4 -2
- package/dist/collection/components/co-checkbox-group/co-checkbox-group.js +1 -1
- package/dist/collection/components/co-chip/co-chip.css +14 -1
- package/dist/collection/components/co-color-area/co-color-area.js +2 -2
- package/dist/collection/components/co-color-picker/co-color-picker.css +4 -4
- package/dist/collection/components/co-color-slider/co-color-slider.js +1 -1
- package/dist/collection/components/co-column-picker/co-column-picker.css +12 -2
- package/dist/collection/components/co-combobox/co-combobox.js +1 -1
- package/dist/collection/components/co-command-search/co-command-search.css +1 -1
- package/dist/collection/components/co-command-search/co-command-search.js +1 -1
- package/dist/collection/components/co-data-table/co-data-table.css +20 -10
- package/dist/collection/components/co-data-table/co-data-table.js +1 -1
- package/dist/collection/components/co-data-table-pagination/co-data-table-pagination.css +11 -3
- package/dist/collection/components/co-date-range-picker/co-date-range-picker.js +2 -2
- package/dist/collection/components/co-document-editor/co-document-editor.css +10 -7
- package/dist/collection/components/co-document-editor/co-document-editor.js +5 -5
- package/dist/collection/components/co-emoji-picker/co-emoji-picker.css +3 -3
- package/dist/collection/components/co-empty-state/co-empty-state.css +7 -4
- package/dist/collection/components/co-file-field/co-file-field.css +3 -1
- package/dist/collection/components/co-icon-button/co-icon-button.css +1 -1
- package/dist/collection/components/co-list-item/co-list-item.css +6 -0
- package/dist/collection/components/co-menu/co-menu.css +4 -2
- package/dist/collection/components/co-menu-item/co-menu-item.css +14 -5
- package/dist/collection/components/co-menu-item/co-menu-item.js +80 -7
- package/dist/collection/components/co-option-list/co-option-list.css +12 -4
- package/dist/collection/components/co-option-list/co-option-list.js +3 -3
- package/dist/collection/components/co-phone-field/co-phone-field.css +12 -3
- package/dist/collection/components/co-phone-field/co-phone-field.js +1 -1
- package/dist/collection/components/co-popover/co-popover.css +4 -0
- package/dist/collection/components/co-popover/co-popover.js +1 -1
- package/dist/collection/components/co-progress-circle/co-progress-circle.css +3 -1
- package/dist/collection/components/co-radio/co-radio.css +10 -1
- package/dist/collection/components/co-radio-group/co-radio-group.js +1 -1
- package/dist/collection/components/co-rating/co-rating.css +3 -1
- package/dist/collection/components/co-ref-field/co-ref-field.js +4 -4
- package/dist/collection/components/co-segmented-bar/co-segmented-bar.js +1 -1
- package/dist/collection/components/co-select/co-select.css +10 -0
- package/dist/collection/components/co-select/co-select.js +1 -1
- package/dist/collection/components/co-sidebar-nav/co-sidebar-nav.js +1 -1
- package/dist/collection/components/co-skeleton/co-skeleton.css +6 -3
- package/dist/collection/components/co-slider/co-slider.css +21 -1
- package/dist/collection/components/co-switch/co-switch.css +10 -4
- package/dist/collection/components/co-tab/co-tab.css +14 -8
- package/dist/collection/components/co-tab-group/co-tab-group.css +15 -9
- package/dist/collection/components/co-tags-field/co-tags-field.css +3 -2
- package/dist/collection/components/co-toast/co-toast.js +2 -2
- package/dist/collection/components/co-toggle-button/co-toggle-button.css +10 -4
- package/dist/collection/components/co-transfer-list/co-transfer-list.css +4 -2
- package/dist/collection/components/co-transfer-list/co-transfer-list.js +1 -1
- package/dist/collection/components/co-tree-item/co-tree-item.css +1 -1
- package/dist/collection/components/co-tree-item/co-tree-item.js +2 -2
- package/dist/collection/components/co-video/co-video.css +5 -3
- package/dist/collection/utils/dragMove.js +1 -1
- package/dist/components/co-accordion.js +1 -1
- package/dist/components/co-action-bar.js +1 -1
- package/dist/components/co-autocomplete.js +1 -1
- package/dist/components/co-calendar-month.js +1 -1
- package/dist/components/co-calendar-timegrid.js +1 -1
- package/dist/components/co-carousel.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.js +1 -1
- package/dist/components/co-column-picker.js +1 -1
- 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-picker.js +1 -1
- package/dist/components/co-date-range-picker.js +1 -1
- package/dist/components/co-date-range.js +1 -1
- package/dist/components/co-date-time-picker.js +1 -1
- package/dist/components/co-document-editor.js +1 -1
- package/dist/components/co-emoji-picker.js +1 -1
- package/dist/components/co-empty-state.js +1 -1
- package/dist/components/co-event-calendar.js +1 -1
- package/dist/components/co-file-field.js +1 -1
- package/dist/components/co-icon-button.js +1 -1
- package/dist/components/co-lightbox.js +1 -1
- package/dist/components/co-list-item.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-option-list.js +1 -1
- package/dist/components/co-phone-field.js +1 -1
- package/dist/components/co-popover.js +1 -1
- package/dist/components/co-progress-circle.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-select.js +1 -1
- package/dist/components/co-skeleton.js +1 -1
- 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.js +1 -1
- package/dist/components/co-toggle-button.js +1 -1
- package/dist/components/co-transfer-list.js +1 -1
- package/dist/components/co-tree-item.js +1 -1
- package/dist/components/co-video.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/{p-COCcx0DN.js → p-4nVctQq9.js} +1 -1
- package/dist/components/p-BDk4ffI3.js +1 -0
- package/dist/components/p-BXDvRVSp.js +1 -0
- package/dist/components/{p-xA7AfoIW.js → p-BxDO3-bY.js} +1 -1
- package/dist/components/{p-rfvTj6cP.js → p-C1WNmtGN.js} +1 -1
- package/dist/components/p-CV7I0t8n.js +1 -0
- package/dist/components/p-CpwIdVV5.js +1 -0
- package/dist/components/{p-DMW9TJ7Z.js → p-Ct4MpUdn.js} +1 -1
- package/dist/components/{p-R1W48hzW.js → p-CxXO0llX.js} +1 -1
- package/dist/components/{p-BkyYV32T.js → p-DXl_Q4WY.js} +1 -1
- package/dist/components/p-DpnlSVX3.js +1 -0
- package/dist/components/{p-BMyWdiVO.js → p-y-UE-CLu.js} +1 -1
- package/dist/esm/co-accordion.entry.js +5 -5
- package/dist/esm/co-action-bar.entry.js +1 -1
- package/dist/esm/co-app-shell.entry.js +1 -1
- package/dist/esm/co-audio-player.entry.js +1 -1
- package/dist/esm/co-autocomplete.entry.js +2 -2
- package/dist/esm/co-avatar-group.entry.js +1 -1
- package/dist/esm/co-avatar.entry.js +1 -1
- package/dist/esm/co-badge.entry.js +1 -1
- package/dist/esm/co-bottom-sheet.entry.js +1 -1
- package/dist/esm/co-breadcrumb-item.entry.js +1 -1
- package/dist/esm/co-breadcrumb.entry.js +1 -1
- package/dist/esm/co-button-group.entry.js +1 -1
- package/dist/esm/co-button.entry.js +1 -1
- package/dist/esm/co-calendar-month_2.entry.js +2 -2
- package/dist/esm/co-calendar_3.entry.js +2 -2
- package/dist/esm/co-card.entry.js +1 -1
- package/dist/esm/co-carousel-item.entry.js +1 -1
- package/dist/esm/co-carousel.entry.js +2 -2
- package/dist/esm/co-checkbox-group.entry.js +2 -2
- package/dist/esm/co-checkbox.entry.js +2 -2
- package/dist/esm/co-chip_2.entry.js +6 -6
- package/dist/esm/co-color-area.entry.js +1 -1
- package/dist/esm/co-color-picker.entry.js +3 -3
- package/dist/esm/co-color-slider.entry.js +1 -1
- package/dist/esm/co-column-picker.entry.js +2 -2
- package/dist/esm/co-combobox.entry.js +2 -2
- package/dist/esm/co-command-search.entry.js +2 -2
- package/dist/esm/co-data-table-pagination.entry.js +2 -2
- package/dist/esm/co-data-table.entry.js +2 -2
- package/dist/esm/co-date-picker.entry.js +2 -2
- package/dist/esm/co-date-range-picker.entry.js +2 -2
- package/dist/esm/co-date-range.entry.js +1 -1
- package/dist/esm/co-date-time-picker.entry.js +2 -2
- package/dist/esm/co-document-editor.entry.js +2 -2
- package/dist/esm/co-drive-card.entry.js +1 -1
- package/dist/esm/co-drop-zone.entry.js +1 -1
- package/dist/esm/co-emoji-picker.entry.js +2 -2
- package/dist/esm/co-empty-state.entry.js +2 -2
- package/dist/esm/co-event-calendar.entry.js +1 -1
- package/dist/esm/co-event-popover.entry.js +1 -1
- package/dist/esm/co-fab.entry.js +1 -1
- package/dist/esm/co-file-field.entry.js +3 -3
- package/dist/esm/co-file-type-tile.entry.js +1 -1
- package/dist/esm/co-gradient-bar.entry.js +1 -1
- package/dist/esm/co-helper-text.entry.js +1 -1
- package/dist/esm/co-icon-button.entry.js +2 -2
- package/dist/esm/co-icon.entry.js +1 -1
- package/dist/esm/co-input.entry.js +2 -2
- package/dist/esm/co-json-field.entry.js +2 -2
- package/dist/esm/co-kbd_2.entry.js +1 -1
- package/dist/esm/co-lightbox.entry.js +1 -1
- package/dist/esm/co-list-footer.entry.js +1 -1
- package/dist/esm/co-list-item.entry.js +2 -2
- package/dist/esm/co-loader.entry.js +1 -1
- package/dist/esm/co-media-thumb.entry.js +1 -1
- package/dist/esm/co-menu-divider.entry.js +1 -1
- package/dist/esm/co-menu-item.entry.js +40 -7
- package/dist/esm/co-menu.entry.js +2 -2
- package/dist/esm/co-modal.entry.js +2 -2
- package/dist/esm/co-navbar.entry.js +1 -1
- package/dist/esm/co-number-field.entry.js +2 -2
- package/dist/esm/co-overlay.entry.js +1 -1
- package/dist/esm/co-page-header.entry.js +1 -1
- package/dist/esm/co-phone-field.entry.js +4 -4
- package/dist/esm/co-popover.entry.js +2 -2
- package/dist/esm/co-progress-bar.entry.js +1 -1
- package/dist/esm/co-progress-circle.entry.js +2 -2
- package/dist/esm/co-provider-logo_2.entry.js +2 -2
- package/dist/esm/co-radio-group.entry.js +1 -1
- package/dist/esm/co-radio.entry.js +2 -2
- package/dist/esm/co-rating.entry.js +2 -2
- package/dist/esm/co-ref-field.entry.js +3 -3
- package/dist/esm/co-rich-text-editor.entry.js +2 -2
- package/dist/esm/co-rich-text-toolbar.entry.js +1 -1
- package/dist/esm/co-rich-text-viewer.entry.js +1 -1
- package/dist/esm/co-row.entry.js +1 -1
- package/dist/esm/co-segmented-bar.entry.js +1 -1
- package/dist/esm/co-select.entry.js +3 -3
- package/dist/esm/co-separator.entry.js +1 -1
- package/dist/esm/co-sidebar-nav.entry.js +1 -1
- package/dist/esm/co-sidebar.entry.js +1 -1
- package/dist/esm/co-slider.entry.js +2 -2
- package/dist/esm/co-swatch-grid.entry.js +1 -1
- package/dist/esm/co-switch.entry.js +3 -3
- package/dist/esm/co-tab-group.entry.js +2 -2
- package/dist/esm/co-tab.entry.js +2 -2
- package/dist/esm/co-tags-field.entry.js +4 -4
- package/dist/esm/co-textarea.entry.js +2 -2
- package/dist/esm/co-tile.entry.js +1 -1
- package/dist/esm/co-time-field.entry.js +1 -1
- package/dist/esm/co-toast.entry.js +1 -1
- package/dist/esm/co-toggle-button-group.entry.js +1 -1
- package/dist/esm/co-toggle-button.entry.js +2 -2
- package/dist/esm/co-transfer-list.entry.js +2 -2
- package/dist/esm/co-tree-item.entry.js +2 -2
- package/dist/esm/co-video.entry.js +2 -2
- package/dist/esm/cobalt.js +3 -3
- package/dist/esm/{fieldChip-B0N8z5W-.js → fieldChip-DFpKjAN_.js} +1 -1
- package/dist/esm/{index-DJkaRtbb.js → index-YRicbXh3.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{requiredMark-D5C5NzOE.js → requiredMark-BNC0WBDk.js} +1 -1
- package/dist/types/components/co-menu-item/co-menu-item.d.ts +30 -4
- package/dist/types/components.d.ts +26 -4
- package/package.json +4 -4
- package/dist/cobalt/p-01b54d81.entry.js +0 -1
- package/dist/cobalt/p-21b4a830.entry.js +0 -1
- package/dist/cobalt/p-256ca457.entry.js +0 -1
- package/dist/cobalt/p-454dd8ab.entry.js +0 -1
- package/dist/cobalt/p-7e444408.entry.js +0 -1
- package/dist/cobalt/p-7e72720a.entry.js +0 -1
- package/dist/cobalt/p-84ad0227.entry.js +0 -1
- package/dist/cobalt/p-947b8e35.entry.js +0 -1
- package/dist/cobalt/p-CSLjZ3WO.js +0 -1
- package/dist/cobalt/p-CYN5B3IQ.js +0 -1
- package/dist/cobalt/p-bee52042.entry.js +0 -1
- package/dist/cobalt/p-c93be2d5.entry.js +0 -1
- package/dist/cobalt/p-fb731600.entry.js +0 -1
- package/dist/components/p-B70R6xWE.js +0 -1
- package/dist/components/p-BGNXvnDr.js +0 -1
- package/dist/components/p-BSt2t5Fy.js +0 -1
- package/dist/components/p-BfDYq7JS.js +0 -1
- package/dist/components/p-CwRoHnzq.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as a}from"./p-
|
|
1
|
+
import{r as e,h as a}from"./p-YRicbXh3.js";const c=class{constructor(a){e(this,a)}render(){return a("div",{key:"877c32ab794ec6e86ed26e7e99d7c45463a1922f",class:"co-page-header",part:"page-header"},a("div",{key:"4e771155a4d3ae9914619ab34fbc31e5ce9246a8",class:"co-page-header__left"},this.icon&&a("span",{key:"458833e13b51f2e076af6780f75a06c8de6e2514",class:"co-page-header__icon"},a("co-icon",{key:"a68d9d9ce0181f8d58e33de465d844506ea45af9",name:this.icon,size:24})),a("span",{key:"9c1294e395a20433e260224ab7a33931b9d85319",class:"co-page-header__title"},a("slot",{key:"4b7af2160fd067a7ca4ce973004a4c89249552dd"},this.heading))),a("div",{key:"715cc529b7b80d702c2470571f9feb56ea01fa35",class:"co-page-header__actions"},a("slot",{key:"6803b878b2e2bc939840847a394300c80be661c7",name:"actions"})))}};c.style=":host{display:block}.co-page-header{display:flex;align-items:center;justify-content:space-between;padding:var(--co-spacing-lg) var(--co-spacing-xl);font-family:var(--co-font-family-primary);border-bottom:1px solid var(--co-semantic-border-subtle);background:var(--co-semantic-surface-page);min-height:72px;box-sizing:border-box}.co-page-header__left{display:flex;align-items:center;gap:var(--co-spacing-md)}.co-page-header__icon{display:flex;color:var(--co-semantic-text-muted)}.co-page-header__title{font-size:var(--co-font-size-18);font-weight:600;color:var(--co-semantic-text-default)}.co-page-header__actions{display:flex;align-items:center;gap:var(--co-spacing-md)}.co-page-header__actions:empty{display:none}";export{c as co_page_header}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as o,h as r,a as t}from"./p-YRicbXh3.js";import{R as s}from"./p-pl89alJ1.js";import{O as a}from"./p-ox7HzCZn.js";import{r as i,h as l}from"./p-Ba_v-MzM.js";const c=Object.freeze({rowHeight:34,gap:0}),n=e=>e.rowHeight+e.gap;function d(e,o){return e>0?e*o.rowHeight+(e-1)*o.gap:0}const h=class{constructor(r){e(this,r),this.coChange=o(this,"coChange",7),this.coClear=o(this,"coClear",7),this.coFooterPrimary=o(this,"coFooterPrimary",7),this.required=!1,this.placeholder="Select…",this.disabled=!1,this.clearable=!1,this.layout="vertical",this.status="default",this.options="[]",this.value="",this.multiple=!1,this.size="md",this.variant="default",this.labelStyle="default",this.menuSurface="light",this.searchable=!1,this.searchPlaceholder="Search…",this.emptyText="No results",this.showFooter=!1,this.footerPrimaryLabel="Ok",this.isOpen=!1,this.scrollTop=0,this.searchText="",this.sortSnapshot=new Set,this.activeIndex=-1,this.rowMetrics=c,this.pendingActiveScroll=!1,this.activeScrollFrames=0,this.lastParsedOptions=[],this.lastRankSearch="",this.lastRanked=[],this.readCssLengthPx=e=>{if("function"!=typeof getComputedStyle)return null;const o=getComputedStyle(this.el).getPropertyValue(e).trim();if(!o)return null;const r=/^(-?\d*\.?\d+)px$/.exec(o);if(r)return parseFloat(r[1]);const t=this.el.shadowRoot;if(!t)return null;const s=document.createElement("div");s.style.display="none",s.style.setProperty("height",`var(${e})`),t.appendChild(s);const a=getComputedStyle(s).height;return s.remove(),/px$/.test(a)?parseFloat(a):null},this.handleSearchInput=e=>{this.searchText=e.target.value,this.scrollTop=0,this.activeIndex=this.filteredOptions.length?0:-1},this.handleTriggerClick=e=>{this.disabled&&e.stopPropagation()},this.handleTriggerKeyDown=e=>{this.disabled||e.target===this.triggerEl&&(this.handleNavKeyDown(e)||("Enter"===e.key||" "===e.key?(e.preventDefault(),this.isOpen?this.isOpen=!1:this.openPanel()):"ArrowDown"!==e.key||this.isOpen||(e.preventDefault(),this.openPanel())))},this.handleNavKeyDown=e=>{if(this.disabled||!this.isOpen)return!1;const o=this.filteredOptions.length,r=o-1,t=this.activeIndex>=0?this.activeIndex:-1;switch(e.key){case"ArrowDown":o&&this.setActiveIndex(t>=r?0:t+1);break;case"ArrowUp":o&&this.setActiveIndex(t<=0?r:t-1);break;case"Home":o&&this.setActiveIndex(0);break;case"End":o&&this.setActiveIndex(r);break;case" ":if(e.target===this.searchInputEl)return!1;this.activateActiveOption();break;case"Enter":this.activateActiveOption();break;default:return!1}return e.preventDefault(),!0},this.handleOptionPointerMove=(e,o)=>{"touch"!==e.pointerType&&this.activeIndex!==o&&(this.activeIndex=o)},this.flushActiveScroll=()=>{var e,o,r,t,s;if(!this.pendingActiveScroll)return;if(!this.isOpen)return void(this.pendingActiveScroll=!1);const a=this.scrollTop||0,i=null!==(o=null===(e=this.osInstance)||void 0===e?void 0:e.elements().viewport)&&void 0!==o?o:this.optionsContainerEl;return i&&(i.scrollTop=a,Math.abs(i.scrollTop-a)<=1)?(this.pendingActiveScroll=!1,this.activeScrollFrames=0,void(null===(s=null===(t=null===(r=this.el.shadowRoot)||void 0===r?void 0:r.getElementById(this.optionId(this.activeIndex)))||void 0===t?void 0:t.scrollIntoView)||void 0===s||s.call(t,{block:"nearest"}))):++this.activeScrollFrames>h.ACTIVE_SCROLL_MAX_FRAMES?(this.pendingActiveScroll=!1,void(this.activeScrollFrames=0)):void requestAnimationFrame(this.flushActiveScroll)},this.handlePopoverOpen=()=>{this.isOpen||(this.sortSnapshot=new Set(this.selectedValues),this.isOpen=!0)},this.handlePopoverClose=()=>{this.isOpen=!1},this.handleClear=e=>{e.stopPropagation(),this.value=this.multiple?"[]":"",this.coClear.emit(),this.coChange.emit(this.multiple?[]:"")},this.handleFooterPrimary=()=>{this.coFooterPrimary.emit(),this.isOpen=!1},this.handleOptionClick=e=>{if(this.multiple){const o=[...this.selectedValues],r=o.indexOf(e);r>=0?o.splice(r,1):o.push(e),this.value=JSON.stringify(o),this.coChange.emit(o)}else this.value=e,this.isOpen=!1,this.coChange.emit(e)}}get parsedOptions(){const e=this.options;if(e===this.lastOptionsRaw)return this.lastParsedOptions;let o=e;if("string"==typeof o)try{o=JSON.parse(o)}catch(e){o=[]}const r=Array.isArray(o)?o.map((e=>"string"==typeof e?{label:e,value:e}:e)):[];return this.lastOptionsRaw=e,this.lastParsedOptions=r,r}get filteredOptions(){const e=this.parsedOptions;let o;return this.searchable&&this.searchText.trim()?e===this.lastRankInput&&this.searchText===this.lastRankSearch?o=this.lastRanked:(o=i(e,this.searchText,(e=>e.label)),this.lastRankInput=e,this.lastRankSearch=this.searchText,this.lastRanked=o):o=e,this.multiple&&0!==this.sortSnapshot.size?[...o.filter((e=>this.sortSnapshot.has(e.value))),...o.filter((e=>!this.sortSnapshot.has(e.value)))]:o}get selectedValues(){if(this.multiple){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(e){return this.value?[this.value]:[]}return this.value}return"string"==typeof this.value&&this.value?[this.value]:[]}get hasValue(){return this.selectedValues.length>0}get selectedOption(){if(this.multiple)return;const e=this.selectedValues[0];return e?this.parsedOptions.find((o=>o.value===e)):void 0}get displayText(){const e=this.selectedValues;if(0===e.length)return"";if(!this.multiple){const o=this.parsedOptions.find((o=>o.value===e[0]));return o?o.label:e[0]}return e.map((e=>{const o=this.parsedOptions.find((o=>o.value===e));return o?o.label:e})).join(", ")}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}optionId(e){return`co-select-option-${e}`}resetActiveIndex(){const e=this.filteredOptions;if(0===e.length)return void(this.activeIndex=-1);const o=this.selectedValues,r=o.length?e.findIndex((e=>o.includes(e.value))):-1;this.activeIndex=r>=0?r:0,this.scrollActiveIntoView()}onOpenChange(e){e?(this.scrollTop=0,this.rowMetrics=function(e){const o=e("--co-select-option-height"),r=e("--co-select-menu-gap");return{rowHeight:null!=o&&o>0?o:c.rowHeight,gap:null!=r&&r>=0?r:c.gap}}(this.readCssLengthPx),this.resetActiveIndex(),this.searchable&&this.focusSearchWhenVisible()):(this.searchText="",this.activeIndex=-1,this.restoreTriggerFocus())}openPanel(){this.sortSnapshot=new Set(this.selectedValues),this.isOpen=!0}setActiveIndex(e){this.activeIndex=e,this.scrollActiveIntoView()}activateActiveOption(){const e=this.filteredOptions[this.activeIndex];e&&!e.disabled&&this.handleOptionClick(e.value)}scrollActiveIntoView(){const e=this.activeIndex;if(!(e>=0))return;const o=this.scrollTop||0,r=function(e,o,r,t){const s=e*n(r),a=s+r.rowHeight,i=d(t,r);return s<o?s:a>o+i?a-i:o}(e,o,this.metrics,h.VIEWPORT_ITEMS);r!==o&&(this.scrollTop=r),this.pendingActiveScroll=!0,this.activeScrollFrames=0}focusSearchWhenVisible(e=0){var o,r;this.isOpen&&this.searchable&&(null===(o=this.searchInputEl)||void 0===o||o.focus(),this.searchInputEl&&(null===(r=this.el.shadowRoot)||void 0===r?void 0:r.activeElement)===this.searchInputEl||e>=20||requestAnimationFrame((()=>this.focusSearchWhenVisible(e+1))))}restoreTriggerFocus(){var e;const o=document.activeElement;(o===this.el||this.el.contains(o))&&(null===(e=this.triggerEl)||void 0===e||e.focus({preventScroll:!0}))}syncOverlayScrollbars(){const e=this.isOpen&&!!this.optionsContainerEl;e&&!this.osInstance?this.osInstance=a(this.optionsContainerEl,{scrollbars:{theme:"os-theme-co",autoHide:"leave",autoHideDelay:300}},{scroll:e=>{this.scrollTop=e.elements().viewport.scrollTop}}):!e&&this.osInstance&&(this.osInstance.destroy(),this.osInstance=void 0)}componentDidRender(){this.syncOverlayScrollbars(),this.flushActiveScroll()}componentWillLoad(){this.searchText=this.searchText||""}disconnectedCallback(){var e;null===(e=this.osInstance)||void 0===e||e.destroy(),this.osInstance=void 0,this.pendingActiveScroll=!1,this.activeScrollFrames=0}renderLabel(e){const o=this.searchable&&this.searchText?l(e,this.searchText):null;return o?o.map((e=>e.match?r("span",{class:"co-select__match"},e.text):e.text)):e}get metrics(){var e;return null!==(e=this.rowMetrics)&&void 0!==e?e:c}getVirtualSlice(e){return function(e,o,r,t,s){const a=n(r),i=Math.max(0,Math.floor(o/a)-s),l=Math.min(e,i+t+2*s);return{totalHeight:d(e,r),startIdx:i,endIdx:l,offsetY:i*a}}(e.length,this.scrollTop||0,this.metrics,h.VIEWPORT_ITEMS,h.OVERSCAN)}render(){var e,o;const t=this.selectedValues,a=this.filteredOptions,i=this.isOpen&&this.activeIndex>=0&&this.activeIndex<a.length?this.optionId(this.activeIndex):void 0;return r("div",{key:"d121ba9ec0b29e6e70702185d055f9f2590fcf60",class:{"co-select":!0,"co-select--open":this.isOpen,"co-select--disabled":this.disabled,[`co-select--${this.size}`]:!0,[`co-select--${this.status}`]:"default"!==this.status,"co-select--flat":"flat"===this.variant,"co-select--soft":"soft"===this.variant,"co-select--inline-help":"inline-help"===this.labelStyle}},(this.label||this.secondaryLabel)&&r("div",{key:"b5ba06d1b361ba3f0488b3835e2ae9fbc723ee3f",class:"co-select__labels"},this.label&&r("label",{key:"8131f52d757b71d694ddbb5fe2e83e0762237627",class:"co-select__label"},this.label,r(s,{key:"31de4113e6cc17e7be6ecf82cf4d9108878cad67",required:this.required})),this.secondaryLabel&&r("span",{key:"d499ef261e4c8b375e6058eae2b18fa9e755008b",class:"co-select__secondary-label"},this.secondaryLabel)),r("co-popover",{key:"2cb6fc46ec1ecab4e1ccdae6a44d9394201fb339",open:this.isOpen,placement:"bottom-start",matchWidth:!0,offset:4,bare:"dark"===this.menuSurface,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},r("div",{key:"4e85e1c3256c40b93336fc282afaf5cb684f3af0",slot:"trigger",class:"co-select__trigger",role:"combobox","aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox","aria-label":this.label||this.ariaLabelText||void 0,"aria-disabled":this.disabled?"true":void 0,"aria-controls":h.LISTBOX_ID,"aria-activedescendant":i,tabIndex:this.disabled?-1:0,ref:e=>this.triggerEl=e,onClick:this.handleTriggerClick,onKeyDown:this.handleTriggerKeyDown},this.iconLeft&&r("co-icon",{key:"b70cb41a5da6e4b0fb5c70d88658d9a15b8ff730",name:this.iconLeft,size:null!==(e=this.iconSize)&&void 0!==e?e:16,class:"co-select__icon"}),(null===(o=this.selectedOption)||void 0===o?void 0:o.image)&&r("img",{key:"e594304493fc463f48c35a8a7526488664d7300e",class:"co-select__flag",src:this.selectedOption.image,alt:""}),this.multiple&&this.hasValue?r("div",{class:"co-select__chips"},this.selectedValues.map((e=>{const o=this.parsedOptions.find((o=>o.value===e));return r("span",{class:"co-select__chip",key:e},r("span",{class:"co-select__chip-label"},o?o.label:e),r("button",{class:"co-select__chip-remove",type:"button",tabIndex:-1,"aria-label":"Remove",onClick:o=>{o.stopPropagation(),this.handleOptionClick(e)}},r("co-icon",{name:"x",size:12})))}))):r("span",{class:{"co-select__text":!0,"co-select__text--placeholder":!this.hasValue}},this.hasValue?this.displayText:this.placeholder),this.clearable&&this.hasValue&&!this.disabled&&r("button",{key:"73a50ae2aa6c1a9f449a5abb9851fdef231e7ffc",class:"co-select__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},r("co-icon",{key:"ade7609dc136ec20a0412fd7e460a95e50d516e4",name:"x-circle",size:16,weight:"fill"})),r("co-icon",{key:"7b5bba8fb8fca31613879ab8743f884b1bd71802",name:this.isOpen?"caret-up":"caret-down",size:16,class:"co-select__caret"})),r("div",{key:"2e6bd8187439a7920fe6ad151886da76f79426fc",class:{"co-select__dropdown":!0,"co-select__dropdown--dark":"dark"===this.menuSurface}},this.isOpen&&this.searchable&&r("div",{key:"75b3f339a256945a1c5153453033ab3ad0b5902e",class:"co-select__search"},r("co-icon",{key:"95f2a28646ffba6416fe7582a360b7c6b4ce58a9",name:"magnifying-glass",size:16,class:"co-select__search-icon"}),r("input",{key:"8e539a698da9d3ff68e3cce544cac9da4c285afa",class:"co-select__search-input",type:"text",placeholder:this.searchPlaceholder,value:this.searchText,"aria-controls":h.LISTBOX_ID,"aria-activedescendant":i,onInput:this.handleSearchInput,onKeyDown:this.handleNavKeyDown,ref:e=>this.searchInputEl=e})),this.isOpen&&this.searchable&&0===a.length&&r("div",{key:"b0ed2db9c7e397dae2f59cf3f11d9a2ccdf27ab8",class:"co-select__empty"},this.emptyText),r("div",{key:"ec2381d0de5d9a928510d0e15b7ca78b449844b1",class:"co-select__options",id:h.LISTBOX_ID,role:"listbox","aria-multiselectable":this.multiple?"true":void 0,ref:e=>this.optionsContainerEl=e},this.isOpen&&(()=>{const{totalHeight:e,startIdx:o,endIdx:s,offsetY:i}=this.getVirtualSlice(a);return r("div",{role:"presentation",class:"co-select__virtual-spacer",style:{height:`${e}px`,position:"relative"}},r("div",{role:"presentation",class:"co-select__virtual-window",style:{position:"absolute",top:`${i}px`,left:"0",right:"0"}},a.slice(o,s).map(((e,s)=>{const i=o+s,l=t.includes(e.value),c=!!e.disabled;return r("div",{id:this.optionId(i),role:"option","aria-selected":l?"true":"false","aria-disabled":c?"true":void 0,"aria-setsize":a.length,"aria-posinset":i+1,class:{"co-select__option":!0,"co-select__option--selected":l,"co-select__option--disabled":c,"co-select__option--active":i===this.activeIndex},onClick:()=>!c&&this.handleOptionClick(e.value),onPointerMove:e=>this.handleOptionPointerMove(e,i)},"dark"===this.menuSurface&&r("span",{class:"co-select__option-check-slot"},l&&r("co-icon",{name:"check",size:12,class:"co-select__option-check co-select__option-check--leading"})),e.image?r("img",{class:"co-select__option-flag",src:e.image,alt:"",loading:"lazy"}):e.icon?r("co-icon",{name:e.icon,size:20,class:"co-select__option-icon"}):null,r("span",{class:"co-select__option-label"},this.renderLabel(e.label)),l&&"dark"!==this.menuSurface&&r("co-icon",{name:"check",size:16,class:"co-select__option-check"}))}))))})()),this.isOpen&&this.showFooter&&r("co-list-footer",{key:"e46141c876fdd0e8f05a14318f969ed370c2e201",class:"co-select__footer",primaryLabel:this.footerPrimaryLabel,primaryIcon:"check",onCoPrimary:this.handleFooterPrimary}))),this.helperText&&r("div",{key:"13b7b84f7241bed5afdfd70c1867045ae4fcd820",class:`co-select__helper co-select__helper--${this.status}`},this.statusIcon&&r("co-icon",{key:"0f4a854f367a34b7a314ba0a768d02a35b03df07",name:this.statusIcon,size:14,class:"co-select__helper-icon"}),r("span",{key:"965b58e53ac2bfd55c4d416e07062067c9f686b7",class:"co-select__helper-text"},this.helperText)))}get el(){return t(this)}static get watchers(){return{isOpen:[{onOpenChange:0}]}}};h.VIEWPORT_ITEMS=8,h.OVERSCAN=3,h.LISTBOX_ID="co-select-listbox",h.ACTIVE_SCROLL_MAX_FRAMES=48,h.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-select{display:flex;flex-direction:column;gap:var(--co-spacing-sm2);position:relative}.co-select__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-select__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-select__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-select--disabled .co-select__label,.co-select--disabled .co-select__secondary-label{color:var(--co-semantic-text-disabled)}.co-select__trigger{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;cursor:pointer;transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-select--flat .co-select__trigger{background:transparent;border-color:transparent}.co-select--soft .co-select__trigger{background:var(--co-semantic-surface-control);border-color:transparent;color:var(--co-semantic-text-default)}.co-select--inline-help .co-select__trigger{border-color:var(--co-semantic-border-default);gap:var(--co-spacing-sm)}.co-select__chips{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--co-spacing-xs);padding:var(--co-spacing-xxs) 0}.co-select__chip{display:inline-flex;align-items:center;gap:var(--co-spacing-xs);padding:var(--co-spacing-xxs) var(--co-spacing-sm2);background:var(--co-semantic-surface-control);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-14);line-height:1;max-width:200px}.co-select__chip-label{color:var(--co-semantic-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-select__chip-remove{display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out);flex-shrink:0}.co-select__chip-remove:hover{color:var(--co-semantic-text-default)}.co-select--s .co-select__trigger{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-select--sm .co-select__trigger{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-select--lg .co-select__trigger{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-select--open .co-select__trigger{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-select__trigger:focus-visible{outline:none;border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-select--disabled .co-select__trigger{background:var(--co-semantic-surface-disabled);border-color:transparent;box-shadow:none;cursor:not-allowed}.co-select--error .co-select__trigger{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error))}.co-select--success .co-select__trigger{border-color:var(--co-semantic-status-success)}.co-select--warning .co-select__trigger{border-color:var(--co-color-status-review)}.co-select--info .co-select__trigger{border-color:var(--co-semantic-status-info)}.co-select__flag,.co-select__option-flag{flex-shrink:0;width:20px;height:15px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px var(--co-semantic-border-subtle)}.co-select__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-select__text{flex:1;min-width:0;color:var(--co-semantic-text-default);font-size:inherit;font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-select__text--placeholder{color:var(--co-semantic-text-muted)}.co-select--disabled .co-select__text{color:var(--co-semantic-text-disabled)}.co-select__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 var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-select__clear:hover{color:var(--co-semantic-text-default)}.co-select__caret{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-select__dropdown{padding:var(--co-select-menu-padding, var(--co-spacing-sm2))}.co-select__search{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:var(--co-spacing-xs) var(--co-spacing-sm2);margin-bottom:var(--co-spacing-sm2);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);height:32px;box-sizing:border-box;color:var(--co-semantic-text-muted)}.co-select__search-input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:inherit;font-size:var(--co-font-size-14, 14px);line-height:1;color:var(--co-semantic-text-default);padding:0;margin:0}.co-select__search-input::placeholder{color:var(--co-semantic-text-muted)}.co-select__match{font-weight:700;color:var(--co-semantic-text-default)}.co-select__empty{padding:var(--co-spacing-md);text-align:center;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14, 14px)}.co-select__options{max-height:calc(var(--co-select-option-height, 34px) * 8 + var(--co-select-menu-gap, 0px) * 7);overflow-y:auto}.co-select__options [data-overlayscrollbars-viewport~='overflowYScroll'] .co-select__virtual-window{padding-inline-end:var(--co-spacing-md)}.co-select__virtual-window{display:flex;flex-direction:column;gap:var(--co-select-menu-gap, 0px)}.os-scrollbar.os-theme-co{--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-bg:transparent;--os-handle-border-radius:var(--co-border-radius-full);--os-handle-bg:var(--co-semantic-border-default);--os-handle-bg-hover:var(--co-semantic-border-field);--os-handle-bg-active:var(--co-semantic-border-strong);--os-handle-min-size:24px}.co-select__option{display:flex;align-items:center;gap:var(--co-select-option-gap, var(--co-spacing-sm2));padding:var(--co-select-option-padding, var(--co-spacing-sm2) var(--co-spacing-md));border-radius:var(--co-border-radius-xs);cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out);height:var(--co-select-option-height, auto);min-height:var(--co-select-option-height, 32px);box-sizing:border-box}.co-select__option--selected{background:var(--co-semantic-surface-muted)}.co-select__option--active{background:var(--co-semantic-surface-hover)}.co-select__option--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-select__option-icon{flex-shrink:0;color:var(--co-semantic-text-muted)}.co-select__option-label{flex:1;color:var(--co-semantic-text-default);font-size:var(--co-select-option-font-size, var(--co-font-size-14));font-weight:var(--co-select-option-font-weight, 400);line-height:1}.co-select__option-check{flex-shrink:0;color:var(--co-semantic-text-default)}.co-select__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-select__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-select__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-select__helper--error .co-select__helper-icon,.co-select__helper--error .co-select__helper-text{color:var(--co-semantic-text-error, var(--co-semantic-status-error))}.co-select__helper--success .co-select__helper-icon,.co-select__helper--success .co-select__helper-text{color:var(--co-semantic-text-success, var(--co-semantic-status-success))}.co-select__helper--warning .co-select__helper-icon,.co-select__helper--warning .co-select__helper-text{color:var(--co-semantic-text-warning, var(--co-color-status-review))}.co-select__helper--info .co-select__helper-icon,.co-select__helper--info .co-select__helper-text{color:var(--co-semantic-text-info, var(--co-semantic-status-info))}:host([layout='horizontal']) .co-select{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-select__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-select__label{white-space:normal}:host([layout='horizontal']) .co-select>:not(.co-select__labels){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-semantic-text-error, var(--co-color-status-error))}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-select--xs .co-select__trigger{min-height:24px;padding:0 var(--co-spacing-sm);font-size:var(--co-font-size-12);border-radius:var(--co-border-radius-xxs)}.co-select__caret{width:var(--co-select-caret-size, 16px) !important;height:var(--co-select-caret-size, 16px) !important;color:var(--co-select-caret-color, var(--co-semantic-text-muted))}.co-select--inline-help .co-select__labels{align-items:baseline}.co-select--inline-help .co-select__label{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14)}.co-select--inline-help .co-select__secondary-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-12)}.co-select--inline-help .co-select__caret{color:var(--co-semantic-text-secondary);}.co-select__dropdown--dark{background:var(--co-semantic-surface-primary);color:var(--co-semantic-text-inverse);border-radius:var(--co-border-radius-xs, 8px)}.co-select__dropdown--dark .co-select__option-label{color:var(--co-semantic-text-inverse)}.co-select__dropdown--dark .co-select__option--selected{background:transparent}.co-select__dropdown--dark .co-select__option--active{background:var(--co-color-opacity-blanco-16)}.co-select__option-check-slot{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:12px}.co-select__option-check--leading{color:inherit}";export{h as co_select}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as s,H as i}from"./p-
|
|
1
|
+
import{r as t,h as s,H as i}from"./p-YRicbXh3.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)}`,h=fetch(r?`${a}?v=${r}`:a,{priority:"low"}).then((async t=>{if(!t.ok)return"";const s=await t.text();return/^\s*(<\?xml|<svg)/i.test(s)?s:(n.delete(i),"")})).catch((()=>(n.delete(i),"")));return n.set(i,h),h}(this.name,this.weight):""}render(){return s(i,{key:"571cfcec3bd5dbc68b0d773278d243163441334b","aria-hidden":"true",style:{display:"inline-flex",width:`${this.size}px`,height:`${this.size}px`,flexShrink:"0"}},s("span",{key:"fe079b6aa1813517cd27b88ba5855f57f260de94",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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,h as g,a as r}from"./p-
|
|
1
|
+
import{r as t,c as o,h as g,a as r}from"./p-YRicbXh3.js";const e=class{constructor(g){t(this,g),this.coChange=o(this,"coChange",7),this.value="",this.multiple=!1,this.size="m",this.disabled=!1,this.direction="row",this.fullWidth=!1,this.variant="connected"}get selectedValues(){if(this.multiple){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(t){return this.value?[this.value]:[]}return this.value}return"string"==typeof this.value&&this.value?[this.value]:[]}syncChildren(){this.updateChildStates()}syncVariant(){this.updateChildStates()}componentDidLoad(){this.updateChildStates()}handleToggle(t){t.stopPropagation();const{value:o}=t.detail;if(this.multiple){const t=[...this.selectedValues],g=t.indexOf(o);g>=0?t.splice(g,1):t.push(o),this.value=JSON.stringify(t),this.coChange.emit(t)}else this.value=o,this.coChange.emit(o);this.updateChildStates()}updateChildStates(){const t=this.selectedValues;this.el.querySelectorAll("co-toggle-button").forEach((o=>{o.selected=t.includes(o.value),o.variant=this.variant}))}render(){return g("div",{key:"5603238d8329580cec8916147854b8316e118882",class:{"co-toggle-button-group":!0,[`co-toggle-button-group--${this.direction}`]:!0,[`co-toggle-button-group--${this.variant}`]:!0,"co-toggle-button-group--xs":"xs"===this.size,"co-toggle-button-group--disabled":this.disabled,"co-toggle-button-group--full":this.fullWidth},role:"group"},g("slot",{key:"d9cf50452f22dff3f076d9b1cb3126a2924030e1"}))}get el(){return r(this)}static get watchers(){return{value:[{syncChildren:0}],variant:[{syncVariant:0}]}}};e.style=":host{display:inline-flex}.co-toggle-button-group{display:inline-flex;gap:0}.co-toggle-button-group--row{flex-direction:row}.co-toggle-button-group--column{flex-direction:column}:host([full-width]){display:flex;width:100%}.co-toggle-button-group--full{display:flex;width:100%}.co-toggle-button-group--full.co-toggle-button-group--row ::slotted(co-toggle-button){flex:1 1 0;--co-toggle-button-width:100%}.co-toggle-button-group--row ::slotted(co-toggle-button){--co-tbr-tl:0;--co-tbr-tr:0;--co-tbr-br:0;--co-tbr-bl:0}.co-toggle-button-group--row ::slotted(co-toggle-button:first-child){--co-tbr-tl:var(--co-toggle-button-radius);--co-tbr-bl:var(--co-toggle-button-radius)}.co-toggle-button-group--row ::slotted(co-toggle-button:last-child){--co-tbr-tr:var(--co-toggle-button-radius);--co-tbr-br:var(--co-toggle-button-radius)}.co-toggle-button-group--column ::slotted(co-toggle-button){--co-tbr-tl:0;--co-tbr-tr:0;--co-tbr-br:0;--co-tbr-bl:0;width:100%}.co-toggle-button-group--column ::slotted(co-toggle-button:first-child){--co-tbr-tl:var(--co-toggle-button-radius);--co-tbr-tr:var(--co-toggle-button-radius)}.co-toggle-button-group--column ::slotted(co-toggle-button:last-child){--co-tbr-bl:var(--co-toggle-button-radius);--co-tbr-br:var(--co-toggle-button-radius)}.co-toggle-button-group--row ::slotted(co-toggle-button:not(:first-child)){margin-left:-1px}.co-toggle-button-group--column ::slotted(co-toggle-button:not(:first-child)){margin-top:-1px}.co-toggle-button-group--disabled{opacity:0.4;pointer-events:none}.co-toggle-button-group--track{display:inline-flex;gap:var(--co-toggle-track-gap, 2px);padding:var(--co-toggle-track-padding, 3px);box-sizing:border-box;border-radius:var(--co-toggle-track-radius, 10px);background:var(--co-toggle-track-bg, var(--co-semantic-surface-muted));box-shadow:var(--co-toggle-track-ring, inset 0 0 0 1px var(--co-semantic-border-subtle))}.co-toggle-button-group--track ::slotted(co-toggle-button){margin:0 !important}.co-toggle-button-group--track.co-toggle-button-group--xs{gap:var(--co-toggle-track-gap, var(--co-spacing-xxs));padding:var(--co-toggle-track-padding, var(--co-spacing-xxs));border-radius:var(--co-toggle-track-radius, var(--co-border-radius-xxs))}.co-toggle-button-group--soft{gap:var(--co-spacing-sm2)}.co-toggle-button-group--soft ::slotted(co-toggle-button){margin:0 !important}.co-toggle-button-group--pill{gap:var(--co-spacing-md);flex-wrap:wrap}.co-toggle-button-group--pill ::slotted(co-toggle-button){margin:0 !important}";export{e as co_toggle_button_group}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as a,a as r}from"./p-
|
|
1
|
+
import{r as e,c as t,h as a,a as r}from"./p-YRicbXh3.js";import{R as o}from"./p-pl89alJ1.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.variant="default",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:"83ba9b546aafdd51bcd45a9028cd344c72b2e34c",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,"co-textarea--flat":"flat"===this.variant},part:"wrapper"},(this.label||this.secondaryLabel)&&a("div",{key:"12527c009c32f5937c6036c726db5ef813acd14c",class:"co-textarea__labels"},this.label&&a("label",{key:"1db33924205a7f36ed9b6ef3cf6c65b9370e5b2c",class:"co-textarea__label",part:"label"},this.label,a(o,{key:"28ee5a526fd254194b59a024159a6131e3778957",required:this.required})),this.secondaryLabel&&a("span",{key:"72eabbd1a11d81d704515cd6954936a04c971f10",class:"co-textarea__secondary-label"},this.secondaryLabel)),a("div",{key:"a35c69ff044866ba72fbe3f167196b9226801daa",class:"co-textarea__field",part:"field"},a("textarea",{key:"f72b550b747592bbed8e5348f1ba7fbfb6cde153",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:"75c339ff7f805a0982e4662d4584a9d8c187d47f",class:"co-textarea__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},a("co-icon",{key:"1df2b361fa5e5b7436cb1f5f08c89571663cc2b1",name:"x-circle",size:16,weight:"fill"}))),(this.helperText||null!=this.maxLength)&&a("div",{key:"9e386d088cef6678ed80eb0d693eea4c9d6f93cc",class:"co-textarea__footer"},this.helperText&&a("div",{key:"5701602f224670cf59ae0bd410e44ed462030615",class:{"co-textarea__helper":!0,"co-textarea__helper--error":"error"===this.status},part:"helper"},"error"===this.status&&a("co-icon",{key:"7e5d0173f5c9f82272b5e57b220715fc178edc2c",name:"warning-circle",size:14,class:"co-textarea__helper-icon"}),a("span",{key:"ef184483745654568a57ab5aa56c457205eff33c",class:"co-textarea__helper-text"},this.helperText)),null!=this.maxLength&&a("span",{key:"f5fa0e53edd03a7dffe065c22857b858b726ae58",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-semantic-text-error, var(--co-color-status-error))}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-textarea__field{position:relative;display:flex;background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out);box-sizing:border-box;overflow:hidden}.co-textarea--flat .co-textarea__field{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:transparent}.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 var(--co-motion-duration-fast) var(--co-motion-ease-out), background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.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-semantic-text-error, 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-border-error, var(--co-semantic-status-error))}.co-textarea--error.co-textarea--focused .co-textarea__field{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error));box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-error, var(--co-semantic-status-error)) 12%, transparent)}.co-textarea--error .co-textarea__helper-icon,.co-textarea--error .co-textarea__helper-text{color:var(--co-semantic-text-error, 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-border-error, 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}";export{c as co_textarea}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c as r,h as e}from"./p-
|
|
1
|
+
import{r as o,c as r,h as e}from"./p-YRicbXh3.js";const i=class{constructor(e){o(this,e),this.coChange=r(this,"coChange",7),this.layout="vertical",this.status="default",this.options=[],this.direction="column",this.size="small",this.disabled=!1,this.handleSelect=o=>{this.disabled||(this.value=o,this.coChange.emit(o))}}onValueChange(){}get parsedOptions(){let o=this.options;if("string"==typeof o)try{o=JSON.parse(o)}catch(o){return[]}return Array.isArray(o)?o.map((o=>"string"==typeof o?{label:o,value:o}:o)):[]}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}render(){const o=this.label||this.secondaryLabel,r=this.helperText,i=this.parsedOptions;return e("div",{key:"b1c5880c1f9faca27b89189de5d64e36569d5b4f",class:{"co-radio-group":!0,"co-radio-group--disabled":this.disabled,[`co-radio-group--${this.status}`]:"default"!==this.status},role:"radiogroup","aria-label":this.label||""},o&&e("div",{key:"0e6088377e3cd361749b9aa98f2e6485a76fb577",class:"co-radio-group__labels"},this.label&&e("span",{key:"411bf1ec096311df2b25fac0b39c402d01365e5c",class:"co-radio-group__label"},this.label),this.secondaryLabel&&e("span",{key:"917cc0dd87362d7add21d407869872a14378a0b9",class:"co-radio-group__secondary-label"},this.secondaryLabel)),e("div",{key:"6459fee05efb04d402c0c98dfcbad83fc7da7f06",class:{"co-radio-group__options":!0,[`co-radio-group__options--${this.direction}`]:!0}},i.map((o=>{const r=this.disabled||!!o.disabled,i=this.value===o.value;return e("div",{class:{"co-radio-group__item":!0,"co-radio-group__item--disabled":r},onClick:()=>!r&&this.handleSelect(o.value)},e("span",{class:{"co-radio-group__circle":!0,[`co-radio-group__circle--${this.size}`]:!0,"co-radio-group__circle--checked":i,"co-radio-group__circle--disabled":r},role:"radio","aria-checked":String(i),"aria-label":o.label}),e("span",{class:"co-radio-group__option-label"},o.label))}))),r&&e("div",{key:"9cec80138190321eafb700039b2d33d24e420e30",class:`co-radio-group__helper co-radio-group__helper--${this.status}`},this.statusIcon&&e("co-icon",{key:"8be3d15ffa7d528927f907b4c9523b7f2a6cdb94",name:this.statusIcon,size:14,weight:"fill",class:"co-radio-group__helper-icon"}),e("span",{key:"6ccf0cfeea7f6e00047b2849edff9fd988eb36a6",class:"co-radio-group__helper-text"},this.helperText)))}static get watchers(){return{value:[{onValueChange:0}]}}};i.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-radio-group{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-radio-group__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-radio-group__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;cursor:default}.co-radio-group__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-radio-group--disabled .co-radio-group__label,.co-radio-group--disabled .co-radio-group__secondary-label{color:var(--co-semantic-text-disabled)}.co-radio-group__options{display:flex;gap:var(--co-spacing-md)}.co-radio-group__options--column{flex-direction:column;gap:var(--co-spacing-sm2)}.co-radio-group__options--row{flex-direction:row;flex-wrap:wrap;gap:var(--co-spacing-md)}.co-radio-group__item{display:flex;align-items:center;gap:var(--co-spacing-sm2);cursor:pointer;user-select:none}.co-radio-group__item--disabled{cursor:not-allowed}.co-radio-group__option-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap}.co-radio-group__item--disabled .co-radio-group__option-label{color:var(--co-semantic-text-disabled)}.co-radio-group__circle{position:relative;display:inline-flex;align-items:center;justify-content:center;border-style:solid;border-width:1.5px;border-radius:var(--co-border-radius-full);background:transparent;flex-shrink:0;box-sizing:border-box;transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out);overflow:hidden}.co-radio-group__circle--small{width:16px;height:16px}.co-radio-group__circle--large{width:24px;height:24px}.co-radio-group__circle:not(.co-radio-group__circle--checked){border-color:var(--co-semantic-border-default)}.co-radio-group__circle--checked{border-color:var(--co-semantic-border-strong)}.co-radio-group__circle--checked::after{content:'';display:block;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-primary)}.co-radio-group__circle--small.co-radio-group__circle--checked::after{width:8px;height:8px}.co-radio-group__circle--large.co-radio-group__circle--checked::after{width:14px;height:14px}.co-radio-group__circle--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-radio-group--error .co-radio-group__circle{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error))}.co-radio-group__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-radio-group__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-radio-group__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-radio-group__helper--error .co-radio-group__helper-icon,.co-radio-group__helper--error .co-radio-group__helper-text{color:var(--co-semantic-text-error, var(--co-semantic-status-error))}.co-radio-group__helper--success .co-radio-group__helper-icon,.co-radio-group__helper--success .co-radio-group__helper-text{color:var(--co-semantic-text-success, var(--co-semantic-status-success))}.co-radio-group__helper--warning .co-radio-group__helper-icon,.co-radio-group__helper--warning .co-radio-group__helper-text{color:var(--co-semantic-text-warning, var(--co-color-status-review))}.co-radio-group__helper--info .co-radio-group__helper-icon,.co-radio-group__helper--info .co-radio-group__helper-text{color:var(--co-semantic-text-info, var(--co-semantic-status-info))}:host([layout='horizontal']) .co-radio-group{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-radio-group__labels{grid-column:1;grid-row:1;padding-top:0;min-width:0}:host([layout='horizontal']) .co-radio-group__label{white-space:normal}:host([layout='horizontal']) .co-radio-group>:not(.co-radio-group__labels){grid-column:2;min-width:0}";export{i as co_radio_group}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as e}from"./p-YRicbXh3.js";const a=class{constructor(e){t(this,e),this.variant="plain",this.size="m"}render(){var t;const a=null!==(t=this.iconWeight)&&void 0!==t?t:"card"===this.variant?"regular":"light";return e("div",{key:"19132f82995eef467098bfddbc78dc65b98a9290",class:{"co-empty-state":!0,[`co-empty-state--${this.variant}`]:!0,[`co-empty-state--${this.size}`]:!0},part:"empty-state"},this.icon&&e("div",{key:"e2e91d957055eeec9b884e089b43a351acb693c6",class:"co-empty-state__icon"},e("co-icon",{key:"8269c9b54de522ffe7eb4ae00a9c89b003654531",name:this.icon,size:40,weight:a})),this.heading&&e("div",{key:"8ee14a4ef7136581050dc0530f3024b0c3d33b97",class:"co-empty-state__heading"},this.heading),this.description&&e("div",{key:"115f78cabbd7b6842f16e6c6e10725d5405a45dc",class:"co-empty-state__description"},this.description),e("div",{key:"7439b17467b5470671e96515161838382d6764ea",class:"co-empty-state__actions"},e("slot",{key:"c34c498840f451ebec7e1bb062afa499a6299cff"})))}};a.style=":host{display:block}.co-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--co-spacing-2xl) var(--co-spacing-xl);font-family:var(--co-font-family-primary);max-width:492px;margin:0 auto}.co-empty-state__icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:transparent;box-shadow:inset 0 0 0 1px var(--co-semantic-border-default);color:var(--co-semantic-text-muted);margin-bottom:var(--co-spacing-xl)}.co-empty-state__heading{font-size:var(--co-font-size-20);font-weight:600;color:var(--co-semantic-text-default);margin-bottom:var(--co-spacing-sm)}.co-empty-state__description{font-size:var(--co-font-size-14);color:var(--co-semantic-text-muted);line-height:1.5;margin-bottom:var(--co-spacing-xl)}.co-empty-state__actions{display:flex;gap:var(--co-spacing-md);flex-wrap:wrap;justify-content:center}.co-empty-state__actions:empty{display:none}.co-empty-state--card{gap:var(--co-spacing-3xl, 32px);padding:var(--co-spacing-5xl, 48px) var(--co-spacing-3xl, 32px);background:var(--co-semantic-surface-page);box-shadow:inset 0 0 0 1px var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-lg, 16px)}.co-empty-state--card .co-empty-state__icon{margin-bottom:0;background:transparent;color:var(--co-semantic-text-secondary)}.co-empty-state--card .co-empty-state__heading{margin-bottom:0}.co-empty-state--card .co-empty-state__description{margin-bottom:0;line-height:1.35;color:var(--co-semantic-text-secondary);max-width:366px}.co-empty-state--l .co-empty-state__icon{width:98px;height:98px}.co-empty-state--l .co-empty-state__heading{font-size:var(--co-font-size-24, 24px);font-weight:500;line-height:1.25}.co-empty-state__icon,.co-empty-state__heading,.co-empty-state__description,.co-empty-state__actions{animation:co-empty-reveal var(--co-motion-duration-slower) var(--co-motion-ease-out) both}.co-empty-state__heading{animation-delay:var(--co-motion-duration-instant)}.co-empty-state__description{animation-delay:calc(var(--co-motion-duration-instant) * 2)}.co-empty-state__actions{animation-delay:calc(var(--co-motion-duration-instant) * 3)}@keyframes co-empty-reveal{from{opacity:0;transform:translateY(12px);filter:blur(var(--co-motion-blur-md))}to{opacity:1;transform:translateY(0);filter:none}}";export{a as co_empty_state}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as a,a as i}from"./p-DJkaRtbb.js";const o=class{constructor(a){t(this,a),this.coSort=e(this,"coSort",7),this.coRowSelect=e(this,"coRowSelect",7),this.coSelectAll=e(this,"coSelectAll",7),this.coColumnResize=e(this,"coColumnResize",7),this.coColumnPin=e(this,"coColumnPin",7),this.coHeaderFilter=e(this,"coHeaderFilter",7),this.coRowDblClick=e(this,"coRowDblClick",7),this.coRowClick=e(this,"coRowClick",7),this.coEmptyAction=e(this,"coEmptyAction",7),this.columns="[]",this.rows="[]",this.rowKey="_id",this.loading=!1,this.skeletonRows=10,this.emptyTitle="",this.emptyMessage="No records found",this.emptyIcon="magnifying-glass",this.emptyActionVariant="stroke",this.sortField="",this.sortOrder="",this.filteredFields="[]",this.indirectFilteredFields="[]",this.selectable=!1,this.selectedKeys="[]",this.resizable=!0,this.parsedColumns=[],this.parsedRows=[],this.parsedSelectedKeys=new Set,this.parsedFilteredFields=[],this.parsedIndirectFields=[],this.columnWidths=new Map,this.headerMeasurePending=!1,this.resizingColumn=null,this.resizeStartX=0,this.resizeStartWidth=0,this.resizeEdgeExtra=0,this.resizeLastClientX=0,this.resizeAutoScrollRaf=0,this.resizePendingScroll=0,this.suppressNextSort=!1}parseColumns(){this.headerMeasurePending=!0;try{const t="string"==typeof this.columns?JSON.parse(this.columns):this.columns;this.parsedColumns=t,t.forEach((t=>{t.width&&!this.columnWidths.has(t.field)&&this.columnWidths.set(t.field,t.width)}))}catch(t){this.parsedColumns=[]}}parseRows(){try{this.parsedRows="string"==typeof this.rows?JSON.parse(this.rows):this.rows}catch(t){this.parsedRows=[]}}parseSelectedKeys(){try{const t="string"==typeof this.selectedKeys?JSON.parse(this.selectedKeys):this.selectedKeys;this.parsedSelectedKeys=new Set(t)}catch(t){this.parsedSelectedKeys=new Set}}parseFilteredFields(){try{this.parsedFilteredFields="string"==typeof this.filteredFields?JSON.parse(this.filteredFields):this.filteredFields||[]}catch(t){this.parsedFilteredFields=[]}}parseIndirectFields(){try{this.parsedIndirectFields="string"==typeof this.indirectFilteredFields?JSON.parse(this.indirectFilteredFields):this.indirectFilteredFields||[]}catch(t){this.parsedIndirectFields=[]}}componentWillLoad(){this.headerLabelEls=new Map,this.truncatedHeaders={},this.parseColumns(),this.parseRows(),this.parseSelectedKeys(),this.parseFilteredFields(),this.parseIndirectFields()}componentDidLoad(){"undefined"!=typeof ResizeObserver&&(this.headerResizeObserver=new ResizeObserver((()=>this.measureHeaderTruncation())),this.headerLabelEls.forEach((t=>this.headerResizeObserver.observe(t)))),this.measureHeaderTruncation()}disconnectedCallback(){var t;null===(t=this.headerResizeObserver)||void 0===t||t.disconnect(),this.headerResizeObserver=void 0}componentDidRender(){if(this.headerMeasurePending&&(this.headerMeasurePending=!1,this.measureHeaderTruncation()),this.resizePendingScroll){const t=this.el.querySelector(".co-data-table__scroll");t&&(t.scrollLeft+=this.resizePendingScroll),this.resizePendingScroll=0}}handleSort(t){if(this.suppressNextSort)return void(this.suppressNextSort=!1);let e;e=this.sortField===t?"asc"===this.sortOrder?"desc":"desc"===this.sortOrder?"":"asc":"asc",this.sortField=""===e?"":t,this.sortOrder=e,this.coSort.emit({field:t,order:e})}isAllSelected(){return 0!==this.parsedRows.length&&this.parsedRows.every((t=>this.parsedSelectedKeys.has(String(t[this.rowKey]))))}isSomeSelected(){if(0===this.parsedRows.length)return!1;const t=this.parsedRows.filter((t=>this.parsedSelectedKeys.has(String(t[this.rowKey])))).length;return t>0&&t<this.parsedRows.length}handleSelectAll(){const t=!this.isAllSelected()&&!this.isSomeSelected();this.coSelectAll.emit({selected:!this.isAllSelected()||t})}handleRowSelect(t){const e=String(t[this.rowKey]),a=!this.parsedSelectedKeys.has(e);this.coRowSelect.emit({key:e,selected:a})}handleResizeStart(t,e){e.preventDefault(),e.stopPropagation(),this.resizingColumn=t,this.resizeStartX=e.clientX,this.resizeStartWidth=this.columnWidths.get(t)||150,this.resizeEdgeExtra=0,this.resizeLastClientX=e.clientX;const a=this.el.querySelector(".co-data-table__scroll"),i=()=>{var t;return(null===(t=this.parsedColumns.find((t=>t.field===this.resizingColumn)))||void 0===t?void 0:t.minWidth)||80},o=()=>{const t=this.resizingColumn;if(!t)return 0;const e=function({startWidth:t,minWidth:e,pointerDelta:a,autoScrollExtra:i}){return Math.max(e,t+a+i)}({startWidth:this.resizeStartWidth,minWidth:i(),pointerDelta:this.resizeLastClientX-this.resizeStartX,autoScrollExtra:this.resizeEdgeExtra});return this.columnWidths=new Map(this.columnWidths.set(t,e)),e},s=()=>{this.resizeAutoScrollRaf=0;const t=this.resizingColumn;if(!t||!a)return;const e=a.getBoundingClientRect(),c=function({pointerX:t,containerLeft:e,containerRight:a,edgeZone:i=72,maxSpeed:o=24}){const s=a-e;if(s<=0)return 0;const c=Math.min(i,s/3),r=a-c;if(t>r)return Math.min(o,(t-r)/c*o);const n=e+c;return t<n?-Math.min(o,(n-t)/c*o):0}({pointerX:this.resizeLastClientX,containerLeft:e.left,containerRight:e.right});c&&(c<0&&(this.columnWidths.get(t)||this.resizeStartWidth)<=i()||(this.resizeEdgeExtra+=c,this.resizePendingScroll+=c,o(),this.resizeAutoScrollRaf=requestAnimationFrame(s)))},c=t=>{this.resizingColumn&&(this.resizeLastClientX=t.clientX,o(),this.resizeAutoScrollRaf||(this.resizeAutoScrollRaf=requestAnimationFrame(s)))},r=()=>{if(this.resizeAutoScrollRaf&&(cancelAnimationFrame(this.resizeAutoScrollRaf),this.resizeAutoScrollRaf=0),this.resizingColumn){const t=this.columnWidths.get(this.resizingColumn)||150;this.coColumnResize.emit({field:this.resizingColumn,width:t}),this.suppressNextSort=!0}this.resizingColumn=null,document.removeEventListener("mousemove",c),document.removeEventListener("mouseup",r)};document.addEventListener("mousemove",c),document.addEventListener("mouseup",r)}handleRowClick(t,e){this.coRowClick.emit({row:t,index:e})}handleRowDblClick(t,e){this.coRowDblClick.emit({row:t,index:e})}measureHeaderTruncation(){const t=function(t,e){let a=Object.keys(t).some((t=>!e.has(t)));const i={};return e.forEach(((e,o)=>{const s=function(t){return!!t&&t.scrollWidth>t.clientWidth+1}(e);i[o]=s,!!t[o]!==s&&(a=!0)})),a?i:t}(this.truncatedHeaders,this.headerLabelEls);t!==this.truncatedHeaders&&(this.truncatedHeaders=t)}registerHeaderLabel(t,e){var a,i,o;const s=this.headerLabelEls.get(t);if(e){if(s===e)return;s&&(null===(a=this.headerResizeObserver)||void 0===a||a.unobserve(s)),this.headerLabelEls.set(t,e),null===(i=this.headerResizeObserver)||void 0===i||i.observe(e)}else s&&(null===(o=this.headerResizeObserver)||void 0===o||o.unobserve(s),this.headerLabelEls.delete(t))}handleColumnPin(t,e){e.stopPropagation(),this.coColumnPin.emit({field:t})}handleColumnFilter(t,e){e.stopPropagation();const a=e.currentTarget.getBoundingClientRect();this.coHeaderFilter.emit({field:t,rect:{top:a.top,left:a.left,bottom:a.bottom,right:a.right,width:a.width,height:a.height}})}formatCellValue(t){if(null==t)return"";if("boolean"==typeof t)return t?"Yes":"No";if("string"==typeof t){if(/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}/.test(t))try{const e=new Date(t);if(!isNaN(e.getTime()))return e.toLocaleDateString("es",{year:"numeric",month:"short",day:"numeric"})+" "+e.toLocaleTimeString("es",{hour:"2-digit",minute:"2-digit"})}catch(t){}return t}return"number"==typeof t?String(t):Array.isArray(t)?t.map((t=>this.formatCellValue(t))).join(", "):"object"==typeof t?t.firstName||t.lastName?[t.firstName,t.lastName].filter(Boolean).join(" "):t.name?String(t.name):t.title?String(t.title):t.label?String(t.label):t.stageName?String(t.stageName):t.companyName?String(t.companyName):t.dealName?String(t.dealName):t._id&&Object.keys(t).length<=3?String(t._id):JSON.stringify(t):String(t)}getColumnStyle(t){return Object.assign({},t.sticky?{left:this.selectable?"48px":"0px"}:{})}getColumnWidth(t){return this.columnWidths.get(t.field)||t.width||t.minWidth||150}getTableWidth(){let t=this.selectable?48:0;for(const e of this.parsedColumns)t+=this.getColumnWidth(e);return t}renderColgroup(){return a("colgroup",null,this.selectable&&a("col",{style:{width:"48px"}}),this.parsedColumns.map((t=>a("col",{style:{width:`${this.getColumnWidth(t)}px`,minWidth:`${t.minWidth||80}px`}}))))}renderSortIcon(t){if(!t.sortable)return null;const e=this.sortField===t.field&&""!==this.sortOrder;return a("span",{class:{"co-data-table__sort-icon":!0,"co-data-table__sort-icon--active":e}},a("co-icon",{name:e?"asc"===this.sortOrder?"caret-up":"caret-down":"caret-up-down",size:16,weight:e?"fill":"regular"}))}renderHeader(){return a("thead",{class:"co-data-table__head"},a("tr",{class:"co-data-table__header-row"},this.selectable&&a("th",{class:"co-data-table__th co-data-table__th--checkbox co-data-table__th--sticky",style:{left:"0px"}},a("co-checkbox",{size:"small",checked:this.isAllSelected(),indeterminate:this.isSomeSelected(),onCoChange:()=>this.handleSelectAll()})),this.parsedColumns.map(((t,e)=>a("th",{class:{"co-data-table__th":!0,"co-data-table__th--sticky":!!t.sticky,"co-data-table__th--sortable":!!t.sortable,"co-data-table__th--sorted":this.sortField===t.field,[`co-data-table__th--align-${t.align||"left"}`]:!0},style:this.getColumnStyle(t),"aria-sort":t.sortable&&this.sortField===t.field&&""!==this.sortOrder?"asc"===this.sortOrder?"ascending":"descending":void 0},a("span",{class:"co-data-table__th-content"},a("span",{class:{"co-data-table__pin-icon":!0,"co-data-table__pin-icon--active":!!t.sticky},title:t.sticky?"Unpin column":"Pin column",onClick:e=>this.handleColumnPin(t.field,e)},a("co-icon",{name:"push-pin",size:14,weight:t.sticky?"fill":"regular"})),t.sortable?a("button",{type:"button",class:"co-data-table__sort-button","aria-label":`Sort by ${t.label}`,onClick:()=>this.handleSort(t.field)},a("co-tooltip",{block:!0,class:"co-data-table__th-tip",content:t.label,placement:"top",disabled:!this.truncatedHeaders[t.field]},a("span",{class:"co-data-table__th-label",ref:e=>this.registerHeaderLabel(t.field,e)},t.label)),this.renderSortIcon(t)):a("co-tooltip",{block:!0,class:"co-data-table__th-tip",content:t.label,placement:"top",disabled:!this.truncatedHeaders[t.field]},a("span",{class:"co-data-table__th-label",ref:e=>this.registerHeaderLabel(t.field,e)},t.label)),t.filterable&&a("span",{class:{"co-data-table__filter-icon":!0,"co-data-table__filter-icon--active":this.parsedFilteredFields.includes(t.field),"co-data-table__filter-icon--indirect":!this.parsedFilteredFields.includes(t.field)&&this.parsedIndirectFields.includes(t.field)},title:this.parsedFilteredFields.includes(t.field)?"Edit column filter":this.parsedIndirectFields.includes(t.field)?"Filtered by other filters":"Filter column",onClick:e=>this.handleColumnFilter(t.field,e)},a("co-icon",{name:"funnel",size:14,weight:this.parsedFilteredFields.includes(t.field)?"fill":"regular"}))),this.resizable&&e<this.parsedColumns.length-1&&a("span",{class:{"co-data-table__resize-handle":!0,"co-data-table__resize-handle--active":this.resizingColumn===t.field},onMouseDown:e=>this.handleResizeStart(t.field,e),onClick:t=>t.stopPropagation()}))))))}renderSkeletonBody(){return a("tbody",{class:"co-data-table__body co-data-table__body--skeleton","aria-hidden":"true"},Array.from({length:this.skeletonRows}).map(((t,e)=>a("tr",{class:"co-data-table__row co-data-table__row--skeleton",key:`skeleton-${e}`},this.selectable&&a("td",{class:"co-data-table__td co-data-table__td--checkbox co-data-table__td--sticky",style:{left:"0px"}},a("div",{class:"co-data-table__skeleton co-data-table__skeleton--checkbox"})),this.parsedColumns.map((t=>a("td",{class:{"co-data-table__td":!0,"co-data-table__td--sticky":!!t.sticky},style:Object.assign({},this.getColumnStyle(t))},a("div",{class:"co-data-table__skeleton"}))))))))}renderEmpty(){return this.loading||this.parsedRows.length>0?null:a("div",{class:"co-data-table__empty",part:"empty"},a("div",{class:"co-data-table__empty-icon"},a("co-icon",{name:this.emptyIcon,size:32,weight:"regular"})),this.emptyTitle&&a("h3",{class:"co-data-table__empty-title"},this.emptyTitle),this.emptyMessage&&a("p",{class:"co-data-table__empty-message"},this.emptyMessage),a("div",{class:"co-data-table__empty-action"},this.emptyActionLabel?a("co-button",{variant:this.emptyActionVariant,size:"m",label:this.emptyActionLabel,iconLeft:this.emptyActionIcon,onClick:()=>this.coEmptyAction.emit()}):a("slot",{name:"empty-action"})))}render(){return a("div",{key:"db627f32da540ce37e30ef6411c29ffc7be6b7fb",class:{"co-data-table":!0,"co-data-table--resizing":null!==this.resizingColumn,"co-data-table--loading":this.loading,"co-data-table--empty":!this.loading&&0===this.parsedRows.length}},a("div",{key:"03c1c7eb194c077716535a73b753db1b1c7ea49f",class:"co-data-table__scroll"},a("table",{key:"6401d8f51d991e434b6798ffa800ec05521408bd",class:"co-data-table__table",style:{width:`${this.getTableWidth()}px`,minWidth:"100%"}},this.renderColgroup(),this.renderHeader(),a("slot",{key:"ddc92d612b45877c558d2ad8dd567c1ea12d76ef"}),this.loading?this.renderSkeletonBody():null)),this.renderEmpty())}get el(){return i(this)}static get watchers(){return{columns:[{parseColumns:0}],rows:[{parseRows:0}],selectedKeys:[{parseSelectedKeys:0}],filteredFields:[{parseFilteredFields:0}],indirectFilteredFields:[{parseIndirectFields:0}]}}};o.style="co-data-table{display:block;flex:1;min-height:0;overflow:hidden;contain:layout}.co-data-table{position:relative;font-family:var(--co-font-family-primary);background:var(--co-semantic-surface-page);display:flex;flex-direction:column;height:100%}.co-data-table--resizing{cursor:col-resize;user-select:none}.co-data-table__scroll{flex:1;overflow-x:auto;overflow-y:auto;min-height:0}.co-data-table__table{min-width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.co-data-table__head{position:sticky;top:0;z-index:2}.co-data-table__header-row{height:40px}.co-data-table__th{position:relative;height:40px;padding:0 var(--co-spacing-md);background:var(--co-semantic-surface-page);border-bottom:1px solid color-mix(in srgb, var(--co-semantic-border-default) 75%, transparent);border-right:1px solid color-mix(in srgb, var(--co-semantic-border-default) 75%, transparent);text-align:left;vertical-align:middle;font-size:var(--co-font-size-14);font-weight:500;color:var(--co-semantic-text-default);letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;overflow:hidden;box-sizing:border-box}.co-data-table__th:last-child{border-right:none}.co-data-table__th--sortable{cursor:pointer}.co-data-table__th--sortable:hover{background-image:linear-gradient(var(--co-semantic-surface-hover), var(--co-semantic-surface-hover))}.co-data-table__th-content{display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm)}.co-data-table__pin-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-color-gray-300);cursor:pointer;opacity:0;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-data-table__pin-icon--active{opacity:1;color:var(--co-semantic-text-default)}.co-data-table__th:hover .co-data-table__pin-icon{opacity:1}.co-data-table__pin-icon:hover{color:var(--co-semantic-text-default)}.co-data-table__filter-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-color-gray-300);cursor:pointer;opacity:0;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-data-table__th:hover .co-data-table__filter-icon{opacity:1}.co-data-table__filter-icon:hover{color:var(--co-semantic-text-default)}.co-data-table__filter-icon--active{opacity:1;color:var(--co-semantic-text-link, var(--co-color-primary-azul))}.co-data-table__filter-icon--indirect{opacity:0.45;color:var(--co-semantic-text-muted)}.co-data-table__th-tip{flex:1;min-width:0}.co-data-table__th-label{display:block;overflow:hidden;text-overflow:ellipsis}.co-data-table__sort-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-semantic-text-muted);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-data-table__sort-icon--active{color:var(--co-semantic-text-default)}.co-data-table__sort-button{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm);background:transparent;border:0;padding:0;margin:0;font:inherit;color:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}.co-data-table__sort-button:focus-visible{outline:2px solid var(--co-semantic-border-focus, var(--co-color-primary-azul));outline-offset:-2px;border-radius:var(--co-border-radius-xxs)}.co-data-table__th--checkbox,.co-data-table__td--checkbox{width:48px;min-width:48px;max-width:48px;padding:0 var(--co-spacing-md);text-align:center;line-height:0;}.co-data-table__th.co-data-table__th--checkbox,.co-data-table__td.co-data-table__td--checkbox{border-right:none}.co-data-table__th--sticky,.co-data-table__td--sticky{position:sticky;z-index:1;background:var(--co-semantic-surface-page)}.co-data-table__th--sticky{z-index:3}.co-data-table__th.co-data-table__th--sticky,.co-data-table__td.co-data-table__td--sticky{overflow:visible}.co-data-table__td--sticky::after,.co-data-table__th--sticky::after{content:'';position:absolute;top:0;right:-4px;bottom:0;width:4px;pointer-events:none;opacity:0;background:linear-gradient(to right, var(--co-semantic-border-subtle), transparent);transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-data-table__td--sticky::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-color:var(--co-semantic-surface-hover);opacity:0;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out), background-color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-data-table__row:hover .co-data-table__td--sticky::before{opacity:1}.co-data-table__row--selected .co-data-table__td--sticky::before{opacity:1;background-color:var(--co-semantic-border-hairline)}.co-data-table__row--selected:hover .co-data-table__td--sticky::before{background-color:var(--co-semantic-surface-hover)}.co-data-table__resize-handle{position:absolute;top:0;right:-2px;width:5px;height:100%;cursor:col-resize;z-index:1}.co-data-table__resize-handle:hover{background:var(--co-color-primary-azul);opacity:0.3}.co-data-table__resize-handle--active{background:var(--co-color-primary-azul);opacity:0.3}.co-data-table__row{height:48px;transition:background-color var(--co-motion-duration-fast) var(--co-motion-ease-out);content-visibility:auto;contain-intrinsic-size:auto 48px}.co-data-table__row:hover{background:var(--co-semantic-surface-hover)}.co-data-table__row--selected{background:var(--co-semantic-border-hairline)}.co-data-table__row--selected:hover{background:var(--co-semantic-surface-hover)}.co-data-table__td{height:48px;padding:0 var(--co-spacing-md);background:transparent;border-bottom:1px solid color-mix(in srgb, var(--co-semantic-border-default) 75%, transparent);border-right:1px solid color-mix(in srgb, var(--co-semantic-border-default) 75%, transparent);vertical-align:middle;font-size:var(--co-font-size-12);font-weight:var(--co-font-weight-medium);color:var(--co-semantic-text-default);letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.co-data-table__td:last-child{border-right:none}.co-data-table__th--align-center,.co-data-table__td--align-center{text-align:center}.co-data-table__th--align-right,.co-data-table__td--align-right{text-align:right}.co-data-table__cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.co-data-table--empty .co-data-table__scroll{flex:0 0 auto;overflow:hidden}.co-data-table__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;min-height:280px;padding:var(--co-spacing-3xl) var(--co-spacing-lg);gap:var(--co-spacing-lg) }.co-data-table__empty-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-muted);color:var(--co-semantic-text-secondary);margin-bottom:var(--co-spacing-sm)}.co-data-table__empty-title{font-size:var(--co-font-size-24);font-weight:var(--co-font-weight-medium, 500);line-height:1.25;color:var(--co-semantic-text-default);letter-spacing:-0.03em}.co-data-table__empty-message{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-secondary);margin:0;max-width:538px ;line-height:1.25}.co-data-table__empty-action{margin-top:var(--co-spacing-md);display:inline-flex}.co-data-table__empty-action:empty{display:none}.co-data-table__skeleton{height:14px;border-radius:var(--co-border-radius-xxs);background:linear-gradient( 90deg, var(--co-semantic-surface-secondary) 0%, var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.04)) 50%, var(--co-semantic-surface-secondary) 100% );background-size:200% 100%;animation:co-dt-shimmer 1.2s ease-in-out infinite;width:70%}.co-data-table__skeleton--checkbox{width:16px;height:16px;margin:0 auto}@keyframes co-dt-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.co-data-table__skeleton{animation:none}}.co-data-table__row--skeleton{pointer-events:none;content-visibility:visible}.co-data-table__row--flash-create{animation:co-dt-flash-create 1s ease-out}.co-data-table__row--flash-update{animation:co-dt-flash-update 1s ease-out}.co-data-table__row--flash-delete{animation:co-dt-flash-delete 0.5s ease-out forwards}@keyframes co-dt-flash-create{0%{background-color:rgba(2, 162, 112, 0.15)}100%{background-color:transparent}}@keyframes co-dt-flash-update{0%{background-color:rgba(37, 99, 235, 0.15)}100%{background-color:transparent}}@keyframes co-dt-flash-delete{0%{opacity:1;background-color:rgba(170, 46, 27, 0.1)}100%{opacity:0;height:0;padding:0;overflow:hidden}}";export{o as co_data_table}
|
|
1
|
+
import{r as t,c as e,h as a,a as i}from"./p-YRicbXh3.js";const o=class{constructor(a){t(this,a),this.coSort=e(this,"coSort",7),this.coRowSelect=e(this,"coRowSelect",7),this.coSelectAll=e(this,"coSelectAll",7),this.coColumnResize=e(this,"coColumnResize",7),this.coColumnPin=e(this,"coColumnPin",7),this.coHeaderFilter=e(this,"coHeaderFilter",7),this.coRowDblClick=e(this,"coRowDblClick",7),this.coRowClick=e(this,"coRowClick",7),this.coEmptyAction=e(this,"coEmptyAction",7),this.columns="[]",this.rows="[]",this.rowKey="_id",this.loading=!1,this.skeletonRows=10,this.emptyTitle="",this.emptyMessage="No records found",this.emptyIcon="magnifying-glass",this.emptyActionVariant="stroke",this.sortField="",this.sortOrder="",this.filteredFields="[]",this.indirectFilteredFields="[]",this.selectable=!1,this.selectedKeys="[]",this.resizable=!0,this.parsedColumns=[],this.parsedRows=[],this.parsedSelectedKeys=new Set,this.parsedFilteredFields=[],this.parsedIndirectFields=[],this.columnWidths=new Map,this.headerMeasurePending=!1,this.resizingColumn=null,this.resizeStartX=0,this.resizeStartWidth=0,this.resizeEdgeExtra=0,this.resizeLastClientX=0,this.resizeAutoScrollRaf=0,this.resizePendingScroll=0,this.suppressNextSort=!1}parseColumns(){this.headerMeasurePending=!0;try{const t="string"==typeof this.columns?JSON.parse(this.columns):this.columns;this.parsedColumns=t,t.forEach((t=>{t.width&&!this.columnWidths.has(t.field)&&this.columnWidths.set(t.field,t.width)}))}catch(t){this.parsedColumns=[]}}parseRows(){try{this.parsedRows="string"==typeof this.rows?JSON.parse(this.rows):this.rows}catch(t){this.parsedRows=[]}}parseSelectedKeys(){try{const t="string"==typeof this.selectedKeys?JSON.parse(this.selectedKeys):this.selectedKeys;this.parsedSelectedKeys=new Set(t)}catch(t){this.parsedSelectedKeys=new Set}}parseFilteredFields(){try{this.parsedFilteredFields="string"==typeof this.filteredFields?JSON.parse(this.filteredFields):this.filteredFields||[]}catch(t){this.parsedFilteredFields=[]}}parseIndirectFields(){try{this.parsedIndirectFields="string"==typeof this.indirectFilteredFields?JSON.parse(this.indirectFilteredFields):this.indirectFilteredFields||[]}catch(t){this.parsedIndirectFields=[]}}componentWillLoad(){this.headerLabelEls=new Map,this.truncatedHeaders={},this.parseColumns(),this.parseRows(),this.parseSelectedKeys(),this.parseFilteredFields(),this.parseIndirectFields()}componentDidLoad(){"undefined"!=typeof ResizeObserver&&(this.headerResizeObserver=new ResizeObserver((()=>this.measureHeaderTruncation())),this.headerLabelEls.forEach((t=>this.headerResizeObserver.observe(t)))),this.measureHeaderTruncation()}disconnectedCallback(){var t;null===(t=this.headerResizeObserver)||void 0===t||t.disconnect(),this.headerResizeObserver=void 0}componentDidRender(){if(this.headerMeasurePending&&(this.headerMeasurePending=!1,this.measureHeaderTruncation()),this.resizePendingScroll){const t=this.el.querySelector(".co-data-table__scroll");t&&(t.scrollLeft+=this.resizePendingScroll),this.resizePendingScroll=0}}handleSort(t){if(this.suppressNextSort)return void(this.suppressNextSort=!1);let e;e=this.sortField===t?"asc"===this.sortOrder?"desc":"desc"===this.sortOrder?"":"asc":"asc",this.sortField=""===e?"":t,this.sortOrder=e,this.coSort.emit({field:t,order:e})}isAllSelected(){return 0!==this.parsedRows.length&&this.parsedRows.every((t=>this.parsedSelectedKeys.has(String(t[this.rowKey]))))}isSomeSelected(){if(0===this.parsedRows.length)return!1;const t=this.parsedRows.filter((t=>this.parsedSelectedKeys.has(String(t[this.rowKey])))).length;return t>0&&t<this.parsedRows.length}handleSelectAll(){const t=!this.isAllSelected()&&!this.isSomeSelected();this.coSelectAll.emit({selected:!this.isAllSelected()||t})}handleRowSelect(t){const e=String(t[this.rowKey]),a=!this.parsedSelectedKeys.has(e);this.coRowSelect.emit({key:e,selected:a})}handleResizeStart(t,e){e.preventDefault(),e.stopPropagation(),this.resizingColumn=t,this.resizeStartX=e.clientX,this.resizeStartWidth=this.columnWidths.get(t)||150,this.resizeEdgeExtra=0,this.resizeLastClientX=e.clientX;const a=this.el.querySelector(".co-data-table__scroll"),i=()=>{var t;return(null===(t=this.parsedColumns.find((t=>t.field===this.resizingColumn)))||void 0===t?void 0:t.minWidth)||80},o=()=>{const t=this.resizingColumn;if(!t)return 0;const e=function({startWidth:t,minWidth:e,pointerDelta:a,autoScrollExtra:i}){return Math.max(e,t+a+i)}({startWidth:this.resizeStartWidth,minWidth:i(),pointerDelta:this.resizeLastClientX-this.resizeStartX,autoScrollExtra:this.resizeEdgeExtra});return this.columnWidths=new Map(this.columnWidths.set(t,e)),e},s=()=>{this.resizeAutoScrollRaf=0;const t=this.resizingColumn;if(!t||!a)return;const e=a.getBoundingClientRect(),c=function({pointerX:t,containerLeft:e,containerRight:a,edgeZone:i=72,maxSpeed:o=24}){const s=a-e;if(s<=0)return 0;const c=Math.min(i,s/3),r=a-c;if(t>r)return Math.min(o,(t-r)/c*o);const n=e+c;return t<n?-Math.min(o,(n-t)/c*o):0}({pointerX:this.resizeLastClientX,containerLeft:e.left,containerRight:e.right});c&&(c<0&&(this.columnWidths.get(t)||this.resizeStartWidth)<=i()||(this.resizeEdgeExtra+=c,this.resizePendingScroll+=c,o(),this.resizeAutoScrollRaf=requestAnimationFrame(s)))},c=t=>{this.resizingColumn&&(this.resizeLastClientX=t.clientX,o(),this.resizeAutoScrollRaf||(this.resizeAutoScrollRaf=requestAnimationFrame(s)))},r=()=>{if(this.resizeAutoScrollRaf&&(cancelAnimationFrame(this.resizeAutoScrollRaf),this.resizeAutoScrollRaf=0),this.resizingColumn){const t=this.columnWidths.get(this.resizingColumn)||150;this.coColumnResize.emit({field:this.resizingColumn,width:t}),this.suppressNextSort=!0}this.resizingColumn=null,document.removeEventListener("mousemove",c),document.removeEventListener("mouseup",r)};document.addEventListener("mousemove",c),document.addEventListener("mouseup",r)}handleRowClick(t,e){this.coRowClick.emit({row:t,index:e})}handleRowDblClick(t,e){this.coRowDblClick.emit({row:t,index:e})}measureHeaderTruncation(){const t=function(t,e){let a=Object.keys(t).some((t=>!e.has(t)));const i={};return e.forEach(((e,o)=>{const s=function(t){return!!t&&t.scrollWidth>t.clientWidth+1}(e);i[o]=s,!!t[o]!==s&&(a=!0)})),a?i:t}(this.truncatedHeaders,this.headerLabelEls);t!==this.truncatedHeaders&&(this.truncatedHeaders=t)}registerHeaderLabel(t,e){var a,i,o;const s=this.headerLabelEls.get(t);if(e){if(s===e)return;s&&(null===(a=this.headerResizeObserver)||void 0===a||a.unobserve(s)),this.headerLabelEls.set(t,e),null===(i=this.headerResizeObserver)||void 0===i||i.observe(e)}else s&&(null===(o=this.headerResizeObserver)||void 0===o||o.unobserve(s),this.headerLabelEls.delete(t))}handleColumnPin(t,e){e.stopPropagation(),this.coColumnPin.emit({field:t})}handleColumnFilter(t,e){e.stopPropagation();const a=e.currentTarget.getBoundingClientRect();this.coHeaderFilter.emit({field:t,rect:{top:a.top,left:a.left,bottom:a.bottom,right:a.right,width:a.width,height:a.height}})}formatCellValue(t){if(null==t)return"";if("boolean"==typeof t)return t?"Yes":"No";if("string"==typeof t){if(/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}/.test(t))try{const e=new Date(t);if(!isNaN(e.getTime()))return e.toLocaleDateString("es",{year:"numeric",month:"short",day:"numeric"})+" "+e.toLocaleTimeString("es",{hour:"2-digit",minute:"2-digit"})}catch(t){}return t}return"number"==typeof t?String(t):Array.isArray(t)?t.map((t=>this.formatCellValue(t))).join(", "):"object"==typeof t?t.firstName||t.lastName?[t.firstName,t.lastName].filter(Boolean).join(" "):t.name?String(t.name):t.title?String(t.title):t.label?String(t.label):t.stageName?String(t.stageName):t.companyName?String(t.companyName):t.dealName?String(t.dealName):t._id&&Object.keys(t).length<=3?String(t._id):JSON.stringify(t):String(t)}getColumnStyle(t){return Object.assign({},t.sticky?{left:this.selectable?"48px":"0px"}:{})}getColumnWidth(t){return this.columnWidths.get(t.field)||t.width||t.minWidth||150}getTableWidth(){let t=this.selectable?48:0;for(const e of this.parsedColumns)t+=this.getColumnWidth(e);return t}renderColgroup(){return a("colgroup",null,this.selectable&&a("col",{style:{width:"48px"}}),this.parsedColumns.map((t=>a("col",{style:{width:`${this.getColumnWidth(t)}px`,minWidth:`${t.minWidth||80}px`}}))))}renderSortIcon(t){if(!t.sortable)return null;const e=this.sortField===t.field&&""!==this.sortOrder;return a("span",{class:{"co-data-table__sort-icon":!0,"co-data-table__sort-icon--active":e}},a("co-icon",{name:e?"asc"===this.sortOrder?"caret-up":"caret-down":"caret-up-down",size:16,weight:e?"fill":"regular"}))}renderHeader(){return a("thead",{class:"co-data-table__head"},a("tr",{class:"co-data-table__header-row"},this.selectable&&a("th",{class:"co-data-table__th co-data-table__th--checkbox co-data-table__th--sticky",style:{left:"0px"}},a("co-checkbox",{size:"small",checked:this.isAllSelected(),indeterminate:this.isSomeSelected(),onCoChange:()=>this.handleSelectAll()})),this.parsedColumns.map(((t,e)=>a("th",{class:{"co-data-table__th":!0,"co-data-table__th--sticky":!!t.sticky,"co-data-table__th--sortable":!!t.sortable,"co-data-table__th--sorted":this.sortField===t.field,[`co-data-table__th--align-${t.align||"left"}`]:!0},style:this.getColumnStyle(t),"aria-sort":t.sortable&&this.sortField===t.field&&""!==this.sortOrder?"asc"===this.sortOrder?"ascending":"descending":void 0},a("span",{class:"co-data-table__th-content"},a("span",{class:{"co-data-table__pin-icon":!0,"co-data-table__pin-icon--active":!!t.sticky},title:t.sticky?"Unpin column":"Pin column",onClick:e=>this.handleColumnPin(t.field,e)},a("co-icon",{name:"push-pin",size:14,weight:t.sticky?"fill":"regular"})),t.sortable?a("button",{type:"button",class:"co-data-table__sort-button","aria-label":`Sort by ${t.label}`,onClick:()=>this.handleSort(t.field)},a("co-tooltip",{block:!0,class:"co-data-table__th-tip",content:t.label,placement:"top",disabled:!this.truncatedHeaders[t.field]},a("span",{class:"co-data-table__th-label",ref:e=>this.registerHeaderLabel(t.field,e)},t.label)),this.renderSortIcon(t)):a("co-tooltip",{block:!0,class:"co-data-table__th-tip",content:t.label,placement:"top",disabled:!this.truncatedHeaders[t.field]},a("span",{class:"co-data-table__th-label",ref:e=>this.registerHeaderLabel(t.field,e)},t.label)),t.filterable&&a("span",{class:{"co-data-table__filter-icon":!0,"co-data-table__filter-icon--active":this.parsedFilteredFields.includes(t.field),"co-data-table__filter-icon--indirect":!this.parsedFilteredFields.includes(t.field)&&this.parsedIndirectFields.includes(t.field)},title:this.parsedFilteredFields.includes(t.field)?"Edit column filter":this.parsedIndirectFields.includes(t.field)?"Filtered by other filters":"Filter column",onClick:e=>this.handleColumnFilter(t.field,e)},a("co-icon",{name:"funnel",size:14,weight:this.parsedFilteredFields.includes(t.field)?"fill":"regular"}))),this.resizable&&e<this.parsedColumns.length-1&&a("span",{class:{"co-data-table__resize-handle":!0,"co-data-table__resize-handle--active":this.resizingColumn===t.field},onMouseDown:e=>this.handleResizeStart(t.field,e),onClick:t=>t.stopPropagation()}))))))}renderSkeletonBody(){return a("tbody",{class:"co-data-table__body co-data-table__body--skeleton","aria-hidden":"true"},Array.from({length:this.skeletonRows}).map(((t,e)=>a("tr",{class:"co-data-table__row co-data-table__row--skeleton",key:`skeleton-${e}`},this.selectable&&a("td",{class:"co-data-table__td co-data-table__td--checkbox co-data-table__td--sticky",style:{left:"0px"}},a("div",{class:"co-data-table__skeleton co-data-table__skeleton--checkbox"})),this.parsedColumns.map((t=>a("td",{class:{"co-data-table__td":!0,"co-data-table__td--sticky":!!t.sticky},style:Object.assign({},this.getColumnStyle(t))},a("div",{class:"co-data-table__skeleton"}))))))))}renderEmpty(){return this.loading||this.parsedRows.length>0?null:a("div",{class:"co-data-table__empty",part:"empty"},a("div",{class:"co-data-table__empty-icon"},a("co-icon",{name:this.emptyIcon,size:32,weight:"regular"})),this.emptyTitle&&a("h3",{class:"co-data-table__empty-title"},this.emptyTitle),this.emptyMessage&&a("p",{class:"co-data-table__empty-message"},this.emptyMessage),a("div",{class:"co-data-table__empty-action"},this.emptyActionLabel?a("co-button",{variant:this.emptyActionVariant,size:"m",label:this.emptyActionLabel,iconLeft:this.emptyActionIcon,onClick:()=>this.coEmptyAction.emit()}):a("slot",{name:"empty-action"})))}render(){return a("div",{key:"db627f32da540ce37e30ef6411c29ffc7be6b7fb",class:{"co-data-table":!0,"co-data-table--resizing":null!==this.resizingColumn,"co-data-table--loading":this.loading,"co-data-table--empty":!this.loading&&0===this.parsedRows.length}},a("div",{key:"03c1c7eb194c077716535a73b753db1b1c7ea49f",class:"co-data-table__scroll"},a("table",{key:"6401d8f51d991e434b6798ffa800ec05521408bd",class:"co-data-table__table",style:{width:`${this.getTableWidth()}px`,minWidth:"100%"}},this.renderColgroup(),this.renderHeader(),a("slot",{key:"ddc92d612b45877c558d2ad8dd567c1ea12d76ef"}),this.loading?this.renderSkeletonBody():null)),this.renderEmpty())}get el(){return i(this)}static get watchers(){return{columns:[{parseColumns:0}],rows:[{parseRows:0}],selectedKeys:[{parseSelectedKeys:0}],filteredFields:[{parseFilteredFields:0}],indirectFilteredFields:[{parseIndirectFields:0}]}}};o.style="co-data-table{display:block;flex:1;min-height:0;overflow:hidden;contain:layout}.co-data-table{position:relative;font-family:var(--co-font-family-primary);background:var(--co-semantic-surface-page);display:flex;flex-direction:column;height:100%}.co-data-table--resizing{cursor:col-resize;user-select:none}.co-data-table__scroll{flex:1;overflow-x:auto;overflow-y:auto;min-height:0}.co-data-table__table{min-width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.co-data-table__head{position:sticky;top:0;z-index:2}.co-data-table__header-row{height:40px}.co-data-table__th{position:relative;height:40px;padding:0 var(--co-spacing-md);background:var(--co-semantic-surface-page);border-bottom:1px solid color-mix(in srgb, var(--co-semantic-border-default) 75%, transparent);border-right:1px solid color-mix(in srgb, var(--co-semantic-border-default) 75%, transparent);text-align:left;vertical-align:middle;font-size:var(--co-font-size-14);font-weight:500;color:var(--co-semantic-text-default);letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;overflow:hidden;box-sizing:border-box}.co-data-table__th:last-child{border-right:none}.co-data-table__th--sortable{cursor:pointer}.co-data-table__th--sortable:hover{background-image:linear-gradient(var(--co-semantic-surface-hover), var(--co-semantic-surface-hover))}.co-data-table__th-content{display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm)}.co-data-table__pin-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-semantic-text-muted);cursor:pointer;opacity:0;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-data-table__pin-icon--active{opacity:1;color:var(--co-semantic-text-default)}.co-data-table__th:hover .co-data-table__pin-icon{opacity:1}.co-data-table__pin-icon:hover{color:var(--co-semantic-text-default)}.co-data-table__filter-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-semantic-text-muted);cursor:pointer;opacity:0;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-data-table__th:hover .co-data-table__filter-icon{opacity:1}.co-data-table__filter-icon:hover{color:var(--co-semantic-text-default)}.co-data-table__filter-icon--active{opacity:1;color:var(--co-semantic-text-link, var(--co-color-primary-azul))}.co-data-table__filter-icon--indirect{opacity:1;color:var(--co-semantic-text-muted)}.co-data-table__th-tip{flex:1;min-width:0}.co-data-table__th-label{display:block;overflow:hidden;text-overflow:ellipsis}.co-data-table__sort-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-semantic-text-muted);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-data-table__sort-icon--active{color:var(--co-semantic-text-default)}.co-data-table__sort-button{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm);background:transparent;border:0;padding:0;margin:0;font:inherit;color:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}.co-data-table__sort-button:focus-visible{outline:2px solid var(--co-semantic-border-focus, var(--co-color-primary-azul));outline-offset:-2px;border-radius:var(--co-border-radius-xxs)}.co-data-table__th--checkbox,.co-data-table__td--checkbox{width:48px;min-width:48px;max-width:48px;padding:0 var(--co-spacing-md);text-align:center;line-height:0;}.co-data-table__th.co-data-table__th--checkbox,.co-data-table__td.co-data-table__td--checkbox{border-right:none}.co-data-table__th--sticky,.co-data-table__td--sticky{position:sticky;z-index:1;background:var(--co-semantic-surface-page)}.co-data-table__th--sticky{z-index:3}.co-data-table__th.co-data-table__th--sticky,.co-data-table__td.co-data-table__td--sticky{overflow:visible}.co-data-table__td--sticky::after,.co-data-table__th--sticky::after{content:'';position:absolute;top:0;right:-4px;bottom:0;width:4px;pointer-events:none;opacity:0;background:linear-gradient(to right, var(--co-semantic-border-subtle), transparent);transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-data-table__td--sticky::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-color:color-mix(in srgb, var(--co-semantic-text-default) 4%, transparent);opacity:0;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out), background-color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-data-table__row:hover .co-data-table__td--sticky::before{opacity:1}.co-data-table__row--selected .co-data-table__td--sticky::before{opacity:1;background-color:color-mix(in srgb, var(--co-semantic-text-link) 8%, transparent)}.co-data-table__row--selected:hover .co-data-table__td--sticky::before{background-color:color-mix(in srgb, var(--co-semantic-text-link) 12%, transparent)}.co-data-table__resize-handle{position:absolute;top:0;right:-2px;width:5px;height:100%;cursor:col-resize;z-index:1}.co-data-table__resize-handle:hover{background:var(--co-color-primary-azul);opacity:0.3}.co-data-table__resize-handle--active{background:var(--co-color-primary-azul);opacity:0.3}.co-data-table__row{height:48px;transition:background-color var(--co-motion-duration-fast) var(--co-motion-ease-out);content-visibility:auto;contain-intrinsic-size:auto 48px}.co-data-table__row:hover{background:color-mix(in srgb, var(--co-semantic-text-default) 4%, transparent)}.co-data-table__row--selected{background:color-mix(in srgb, var(--co-semantic-text-link) 8%, transparent)}.co-data-table__row--selected:hover{background:color-mix(in srgb, var(--co-semantic-text-link) 12%, transparent)}.co-data-table__td{height:48px;padding:0 var(--co-spacing-md);background:transparent;border-bottom:1px solid color-mix(in srgb, var(--co-semantic-border-default) 75%, transparent);border-right:1px solid color-mix(in srgb, var(--co-semantic-border-default) 75%, transparent);vertical-align:middle;font-size:var(--co-font-size-12);font-weight:var(--co-font-weight-medium);color:var(--co-semantic-text-default);letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.co-data-table__td:last-child{border-right:none}.co-data-table__th--align-center,.co-data-table__td--align-center{text-align:center}.co-data-table__th--align-right,.co-data-table__td--align-right{text-align:right}.co-data-table__cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.co-data-table--empty .co-data-table__scroll{flex:0 0 auto;overflow:hidden}.co-data-table__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;min-height:280px;padding:var(--co-spacing-3xl) var(--co-spacing-lg);gap:var(--co-spacing-lg) }.co-data-table__empty-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-muted);color:var(--co-semantic-text-secondary);margin-bottom:var(--co-spacing-sm)}.co-data-table__empty-title{font-size:var(--co-font-size-24);font-weight:var(--co-font-weight-medium, 500);line-height:1.25;color:var(--co-semantic-text-default);letter-spacing:-0.03em}.co-data-table__empty-message{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-secondary);margin:0;max-width:538px ;line-height:1.25}.co-data-table__empty-action{margin-top:var(--co-spacing-md);display:inline-flex}.co-data-table__empty-action:empty{display:none}.co-data-table__skeleton{height:14px;border-radius:var(--co-border-radius-xxs);background:linear-gradient( 90deg, var(--co-semantic-surface-secondary) 0%, var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.04)) 50%, var(--co-semantic-surface-secondary) 100% );background-size:200% 100%;animation:co-dt-shimmer 1.2s ease-in-out infinite;width:70%}.co-data-table__skeleton--checkbox{width:16px;height:16px;margin:0 auto}@keyframes co-dt-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.co-data-table__skeleton{animation:none}}.co-data-table__row--skeleton{pointer-events:none;content-visibility:visible}.co-data-table__row--flash-create{animation:co-dt-flash-create 1s ease-out}.co-data-table__row--flash-update{animation:co-dt-flash-update 1s ease-out}.co-data-table__row--flash-delete{animation:co-dt-flash-delete 0.5s ease-out forwards}@keyframes co-dt-flash-create{0%{background-color:rgba(2, 162, 112, 0.15)}100%{background-color:transparent}}@keyframes co-dt-flash-update{0%{background-color:rgba(37, 99, 235, 0.15)}100%{background-color:transparent}}@keyframes co-dt-flash-delete{0%{opacity:1;background-color:rgba(170, 46, 27, 0.1)}100%{opacity:0;height:0;padding:0;overflow:hidden}}";export{o as co_data_table}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,r as o,c,a as t}from"./p-DJkaRtbb.js";import{n as r}from"./p-Ba_v-MzM.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,o){if(!o)return n(e);const c=o.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");return n(e).replace(new RegExp(`(${c})`,"gi"),"<mark>$1</mark>")}function a(e,o){const c=new Set(e),t={};for(const c of e){const e=c.split(".");let r=t;for(let c=0;c<e.length;c++){const t=e[c],i=e.slice(0,c+1).join(".");if(!r[t]){const n=c===e.length-1&&(null==o?void 0:o.get(i))||t;r[t]={label:n,key:i,childrenMap:{}}}c<e.length-1&&(r=r[t].childrenMap)}}const r=e=>Object.values(e).map((e=>{const o=r(e.childrenMap),t=o.length>0,i=t&&c.has(e.key),n={label:e.label,key:e.key,fullPath:e.key,children:t?o: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(r(t))}function l(e){return[...e].sort(((e,o)=>{if(e.isSelf)return-1;if(o.isSelf)return 1;const c=e.children&&e.children.length>0,t=o.children&&o.children.length>0;return!c&&t?-1:c&&!t?1:e.label.localeCompare(o.label)})).map((e=>Object.assign(Object.assign({},e),{children:e.children?l(e.children):null})))}function d(e,o){const c=r(o);return e.map((e=>{const t=r(e.label).includes(c),n=r(i(e.label)).includes(c),s=r(e.fullPath).includes(c);if(!e.children||0===e.children.length)return t||n||s?e:null;const a=d(e.children,o);return t||n||a.length>0?Object.assign(Object.assign({},e),{children:a.length>0?a:e.children}):null})).filter(Boolean)}function p(e){const o=[];for(const c of e)c.children&&0!==c.children.length?o.push(...p(c.children)):o.push(c.fullPath);return o}const u=o=>{const{node:c,depth:t,selected:r,expandedKeys:n,disabled:a,query:l,onOptionClick:d,onParentCheck:m,onToggleExpand:h}=o,f=!c.children||0===c.children.length,_=n.has(c.key),b=f&&r.includes(c.fullPath);let k=!1,v=!1,g=0,x=0;if(!f&&c.children){const e=p(c.children);x=e.length,g=e.filter((e=>r.includes(e))).length,k=x>0&&g===x,v=g>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*t+10+"px"},onClick:e=>f?d(c.fullPath):h(c.key,e)},e("co-checkbox",{checked:f?b:k,indeterminate:!f&&v&&!k,disabled:a,onClick:e=>{e.stopPropagation(),f?d(c.fullPath):m(c)}}),e("span",{class:{"co-column-picker__node-label":!0,"co-column-picker__node-label--parent":!f,"co-column-picker__node-label--self":!!c.isSelf},innerHTML:s(i(c.label),l)}),c.isSelf&&e("span",{class:"co-column-picker__self-tag"},"self"),!f&&e("span",{class:"co-column-picker__node-counter"},g>0&&[e("span",{class:"co-column-picker__counter-selected"},g),e("span",{class:"co-column-picker__counter-sep"},"/")],e("span",{class:"co-column-picker__counter-total"},x)),!f&&e("span",{class:{"co-column-picker__chevron":!0,"co-column-picker__chevron--open":_},onClick:e=>h(c.key,e)},e("co-icon",{name:"caret-right",size:16}))),!f&&_&&c.children&&e("div",{class:"co-column-picker__node-children",style:{"--guide-left":20*t+19+"px"}},c.children.map((o=>e(u,{node:o,depth:t+1,selected:r,expandedKeys:n,disabled:a,query:l,onOptionClick:d,onParentCheck:m,onToggleExpand:h})))))},m=class{constructor(e){o(this,e),this.coChange=c(this,"coChange",7),this.coClear=c(this,"coClear",7),this.coSearch=c(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,o,c){const t=r(o),n=new Set(c),s=e=>{var o;let c=!1;for(const a of e)if(null===(o=a.children)||void 0===o?void 0:o.length){const e=s(a.children),o=r(a.label).includes(t)||r(i(a.label)).includes(t);(e||o)&&(n.add(a.key),c=!0)}else(r(a.label).includes(t)||r(i(a.label)).includes(t))&&(c=!0);return c};return s(e),n}(this.getTree(),this.query,this.expandedKeys))},this.handleSearchClear=e=>{var o;e.stopPropagation(),this.query="",this.coSearch.emit(""),null===(o=this.searchInputEl)||void 0===o||o.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 o=new Set,c=e=>{var t;for(const r of e)(null===(t=r.children)||void 0===t?void 0:t.length)&&(o.add(r.key),c(r.children))};return c(e),o}(this.getTree())},this.handleCollapseAll=()=>{this.expandedKeys=new Set},this.handleOptionClick=e=>{if(!this.disabled)if(this.multiple){const o=[...this.selectedValues],c=o.indexOf(e);c>=0?o.splice(c,1):o.push(e),this.emitSelection(o)}else this.emitSelection([e]),this.isOpen=!1},this.handleParentCheck=e=>{if(this.disabled)return;const o=p(e.children||[]),c=[...this.selectedValues];if(o.every((e=>c.includes(e))))this.emitSelection(c.filter((e=>!o.includes(e))));else{for(const e of o)c.includes(e)||c.push(e);this.emitSelection(c)}},this.handleChipRemove=(e,o)=>{o.stopPropagation(),this.disabled||this.emitSelection(this.selectedValues.filter((o=>o!==e)))},this.handleToggleExpand=(e,o)=>{o.stopPropagation();const c=new Set(this.expandedKeys);c.has(e)?c.delete(e):c.add(e),this.expandedKeys=c}}get parsedOptions(){return function(e){let o=e;if("string"==typeof o)try{o=JSON.parse(o)}catch(e){return[]}return Array.isArray(o)?o.map((e=>"string"==typeof e?e:e.value)):[]}(this.options)}get parsedSections(){return function(e){let o=e;if("string"==typeof o)try{o=JSON.parse(o)}catch(e){return[]}return Array.isArray(o)?o:[]}(this.sections)}get selectedValues(){return function(e){if("string"==typeof e)try{return JSON.parse(e)}catch(o){return e?[e]:[]}return Array.isArray(e)?e:[]}(this.value)}get optionLabelMap(){return function(e){let o=e;if("string"==typeof o)try{o=JSON.parse(o)}catch(e){return new Map}if(!Array.isArray(o))return new Map;const c=new Map;for(const e of o)"string"==typeof e?c.set(e,i(e.split(".").pop()||e)):c.set(e.value,e.label||e.value);return c}(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,o,c){if(!o.length)return c;const t=new Set(c),r=e=>{var c;for(const i of e)(null===(c=i.children)||void 0===c?void 0:c.length)&&(p(i.children).some((e=>o.includes(e)))&&t.add(i.key),r(i.children))};return r(e),t}(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 o=this.parsedOptions;return e.map((c=>{const t=o.filter((o=>c.prefix?o.startsWith(c.prefix+"."):!e.some((e=>e.prefix&&o.startsWith(e.prefix+".")))));return Object.assign(Object.assign({},c),{nodes:l(a(t,this.optionLabelMap))})})).filter((e=>e.nodes.length>0))}renderField(){const o=this.selectedValues,c=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&&o.length>0&&e("div",{class:"co-column-picker__field-chips"},o.map((o=>e("co-chip",{label:c.get(o)||i(o.split(".").pop()||o),size:"small",removable:!this.disabled,onCoRemove:e=>this.handleChipRemove(o,e)})))),!this.multiple&&o.length>0&&e("span",{class:"co-column-picker__field-text"},o.map((e=>c.get(e)||i(e.split(".").pop()||e))).join(", ")),0===o.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 o={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 c=this.getSectionedTree(),t=this.query?c.map((e=>Object.assign(Object.assign({},e),{nodes:d(e.nodes,this.query)}))).filter((e=>e.nodes.length>0)):c;return t.length?e("div",{class:"co-column-picker__tree"},t.map((c=>[e("div",{class:"co-column-picker__section-header"},e("span",{class:"co-column-picker__section-label"},c.label),c.prefix&&e("span",{class:"co-column-picker__section-prefix"},"(",c.prefix,")")),...c.nodes.map((c=>e(u,Object.assign({node:c,depth:0},o))))]))):this.renderEmpty()}const c=this.getTree(),t=this.query?d(c,this.query):c;return t.length?e("div",{class:"co-column-picker__tree"},t.map((c=>e(u,Object.assign({node:c,depth:0},o))))):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:"a2120bb77b510ce077e025616d9c6e72020bb3e6",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:"0cfdbab1ed5a8181736a31f568c86159f347c454",class:"co-column-picker__labels"},this.label&&e("label",{key:"3116d113241914cdf8d4292d8b06f9581f7a04ea",class:"co-column-picker__label"},this.label),this.secondaryLabel&&e("span",{key:"a7036062b6079277d1c2c58364d050a81f261241",class:"co-column-picker__secondary-label"},this.secondaryLabel)),this.renderField(),this.isOpen&&e("div",{key:"6a01e60a472887b24cc18cb60dad6009027117fe",class:"co-column-picker__dropdown"},this.showSearch&&e("div",{key:"f9096d8e0cd1af02697aa12f9d3086d8acf3daeb",class:"co-column-picker__search"},e("co-icon",{key:"b344002c06c67b48d1627eec562fdd29ca3235d4",name:"magnifying-glass",size:14,class:"co-column-picker__search-icon"}),e("input",{key:"222cecfbb918816a9f503d59f616f35d668626bb",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:"b2a4a5032d41610e27dd1200ddeef4fe6420b38b",class:"co-column-picker__search-clear",type:"button",onClick:this.handleSearchClear},e("co-icon",{key:"d7506c21412eb5d4e9fb0f2ffd2e53994fb654af",name:"x",size:14}))),this.showToolbar&&this.multiple&&e("div",{key:"0a9fa0cb6a4acefee7b198794551fcf667989c0e",class:"co-column-picker__toolbar"},e("button",{key:"5e8bb88650636a8906961fe6fd9e41fb966f91ad",class:"co-column-picker__toolbar-btn",type:"button",onClick:this.handleSelectAll},this.selectAllText),e("button",{key:"87778b94a713d8bc9d2ce2a4fc409bbdc1306f8f",class:"co-column-picker__toolbar-btn",type:"button",onClick:this.handleDeselectAll},this.clearText),e("span",{key:"1b9df7a39d0454d05bb61c3a0490ce9a81ee3048",class:"co-column-picker__toolbar-sep"}),e("button",{key:"a42b5776bd3fe35578b78915c2b46679af83ddf6",class:"co-column-picker__toolbar-btn",type:"button",onClick:this.handleExpandAll},this.expandText),e("button",{key:"f44b9093b4d02ac0f5196c90947eb23f64c93353",class:"co-column-picker__toolbar-btn",type:"button",onClick:this.handleCollapseAll},this.collapseText),e("span",{key:"46081f18d3023dd5b377462a3459c56bb4c33e77",style:{flex:"1"}}),this.selectedValues.length>0&&e("span",{key:"26c7311ea78e0b81965a6b8930eba3e0a1febb8c",class:"co-column-picker__toolbar-counter"},this.selectedValues.length," ",this.selectedText)),e("div",{key:"ca89343db1df2062175c9a71ded6d5b804ef8dcd",class:"co-column-picker__scroll",style:{maxHeight:`${this.maxHeight}px`}},this.renderTree())),this.helperText&&e("div",{key:"f0edd823f2ea2c75ca54d267bb54638ddc3cf6f2",class:`co-column-picker__helper co-column-picker__helper--${this.status}`},this.statusIcon&&e("co-icon",{key:"3f32eb32a7fd4a3ca440b7b1c4f74b0bdb0cc83f",name:this.statusIcon,size:14,weight:"fill",class:"co-column-picker__helper-icon"}),e("span",{key:"2c671fea48759d468e57f2440f30a60f872716b9",class:"co-column-picker__helper-text"},this.helperText)))}get el(){return t(this)}static get watchers(){return{options:[{onOptionsChange:0}]}}};m.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 var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out)}.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-border-error, 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 var(--co-motion-duration-fast) var(--co-motion-ease-out)}.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 var(--co-motion-duration-fast) var(--co-motion-ease-out)}.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 var(--co-motion-duration-base) var(--co-motion-ease-out)}.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 var(--co-motion-duration-fast) var(--co-motion-ease-out)}.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 var(--co-motion-duration-fast) var(--co-motion-ease-out);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 var(--co-motion-duration-fast) var(--co-motion-ease-out)}.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 var(--co-motion-duration-base) var(--co-motion-ease-out), color var(--co-motion-duration-base) var(--co-motion-ease-out)}.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-text-error, 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-text-success, 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-semantic-text-warning, 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-text-info, var(--co-semantic-status-info))}";export{m as co_column_picker}
|
|
1
|
+
import{h as e,r as o,c,a as r}from"./p-YRicbXh3.js";import{n as t}from"./p-Ba_v-MzM.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,o){if(!o)return n(e);const c=o.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");return n(e).replace(new RegExp(`(${c})`,"gi"),"<mark>$1</mark>")}function a(e,o){const c=new Set(e),r={};for(const c of e){const e=c.split(".");let t=r;for(let c=0;c<e.length;c++){const r=e[c],i=e.slice(0,c+1).join(".");if(!t[r]){const n=c===e.length-1&&(null==o?void 0:o.get(i))||r;t[r]={label:n,key:i,childrenMap:{}}}c<e.length-1&&(t=t[r].childrenMap)}}const t=e=>Object.values(e).map((e=>{const o=t(e.childrenMap),r=o.length>0,i=r&&c.has(e.key),n={label:e.label,key:e.key,fullPath:e.key,children:r?o: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,o)=>{if(e.isSelf)return-1;if(o.isSelf)return 1;const c=e.children&&e.children.length>0,r=o.children&&o.children.length>0;return!c&&r?-1:c&&!r?1:e.label.localeCompare(o.label)})).map((e=>Object.assign(Object.assign({},e),{children:e.children?l(e.children):null})))}function d(e,o){const c=t(o);return e.map((e=>{const r=t(e.label).includes(c),n=t(i(e.label)).includes(c),s=t(e.fullPath).includes(c);if(!e.children||0===e.children.length)return r||n||s?e:null;const a=d(e.children,o);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 o=[];for(const c of e)c.children&&0!==c.children.length?o.push(...p(c.children)):o.push(c.fullPath);return o}const u=o=>{const{node:c,depth:r,selected:t,expandedKeys:n,disabled:a,query:l,onOptionClick:d,onParentCheck:m,onToggleExpand:h}=o,f=!c.children||0===c.children.length,_=n.has(c.key),b=f&&t.includes(c.fullPath);let k=!1,v=!1,g=0,x=0;if(!f&&c.children){const e=p(c.children);x=e.length,g=e.filter((e=>t.includes(e))).length,k=x>0&&g===x,v=g>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(c.fullPath):h(c.key,e)},e("co-checkbox",{checked:f?b:k,indeterminate:!f&&v&&!k,disabled:a,onClick:e=>{e.stopPropagation(),f?d(c.fullPath):m(c)}}),e("span",{class:{"co-column-picker__node-label":!0,"co-column-picker__node-label--parent":!f,"co-column-picker__node-label--self":!!c.isSelf},innerHTML:s(i(c.label),l)}),c.isSelf&&e("span",{class:"co-column-picker__self-tag"},"self"),!f&&e("span",{class:"co-column-picker__node-counter"},g>0&&[e("span",{class:"co-column-picker__counter-selected"},g),e("span",{class:"co-column-picker__counter-sep"},"/")],e("span",{class:"co-column-picker__counter-total"},x)),!f&&e("span",{class:{"co-column-picker__chevron":!0,"co-column-picker__chevron--open":_},onClick:e=>h(c.key,e)},e("co-icon",{name:"caret-right",size:16}))),!f&&_&&c.children&&e("div",{class:"co-column-picker__node-children",style:{"--guide-left":20*r+19+"px"}},c.children.map((o=>e(u,{node:o,depth:r+1,selected:t,expandedKeys:n,disabled:a,query:l,onOptionClick:d,onParentCheck:m,onToggleExpand:h})))))},m=class{constructor(e){o(this,e),this.coChange=c(this,"coChange",7),this.coClear=c(this,"coClear",7),this.coSearch=c(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,o,c){const r=t(o),n=new Set(c),s=e=>{var o;let c=!1;for(const a of e)if(null===(o=a.children)||void 0===o?void 0:o.length){const e=s(a.children),o=t(a.label).includes(r)||t(i(a.label)).includes(r);(e||o)&&(n.add(a.key),c=!0)}else(t(a.label).includes(r)||t(i(a.label)).includes(r))&&(c=!0);return c};return s(e),n}(this.getTree(),this.query,this.expandedKeys))},this.handleSearchClear=e=>{var o;e.stopPropagation(),this.query="",this.coSearch.emit(""),null===(o=this.searchInputEl)||void 0===o||o.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 o=new Set,c=e=>{var r;for(const t of e)(null===(r=t.children)||void 0===r?void 0:r.length)&&(o.add(t.key),c(t.children))};return c(e),o}(this.getTree())},this.handleCollapseAll=()=>{this.expandedKeys=new Set},this.handleOptionClick=e=>{if(!this.disabled)if(this.multiple){const o=[...this.selectedValues],c=o.indexOf(e);c>=0?o.splice(c,1):o.push(e),this.emitSelection(o)}else this.emitSelection([e]),this.isOpen=!1},this.handleParentCheck=e=>{if(this.disabled)return;const o=p(e.children||[]),c=[...this.selectedValues];if(o.every((e=>c.includes(e))))this.emitSelection(c.filter((e=>!o.includes(e))));else{for(const e of o)c.includes(e)||c.push(e);this.emitSelection(c)}},this.handleChipRemove=(e,o)=>{o.stopPropagation(),this.disabled||this.emitSelection(this.selectedValues.filter((o=>o!==e)))},this.handleToggleExpand=(e,o)=>{o.stopPropagation();const c=new Set(this.expandedKeys);c.has(e)?c.delete(e):c.add(e),this.expandedKeys=c}}get parsedOptions(){return function(e){let o=e;if("string"==typeof o)try{o=JSON.parse(o)}catch(e){return[]}return Array.isArray(o)?o.map((e=>"string"==typeof e?e:e.value)):[]}(this.options)}get parsedSections(){return function(e){let o=e;if("string"==typeof o)try{o=JSON.parse(o)}catch(e){return[]}return Array.isArray(o)?o:[]}(this.sections)}get selectedValues(){return function(e){if("string"==typeof e)try{return JSON.parse(e)}catch(o){return e?[e]:[]}return Array.isArray(e)?e:[]}(this.value)}get optionLabelMap(){return function(e){let o=e;if("string"==typeof o)try{o=JSON.parse(o)}catch(e){return new Map}if(!Array.isArray(o))return new Map;const c=new Map;for(const e of o)"string"==typeof e?c.set(e,i(e.split(".").pop()||e)):c.set(e.value,e.label||e.value);return c}(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,o,c){if(!o.length)return c;const r=new Set(c),t=e=>{var c;for(const i of e)(null===(c=i.children)||void 0===c?void 0:c.length)&&(p(i.children).some((e=>o.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 o=this.parsedOptions;return e.map((c=>{const r=o.filter((o=>c.prefix?o.startsWith(c.prefix+"."):!e.some((e=>e.prefix&&o.startsWith(e.prefix+".")))));return Object.assign(Object.assign({},c),{nodes:l(a(r,this.optionLabelMap))})})).filter((e=>e.nodes.length>0))}renderField(){const o=this.selectedValues,c=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&&o.length>0&&e("div",{class:"co-column-picker__field-chips"},o.map((o=>e("co-chip",{label:c.get(o)||i(o.split(".").pop()||o),size:"small",removable:!this.disabled,onCoRemove:e=>this.handleChipRemove(o,e)})))),!this.multiple&&o.length>0&&e("span",{class:"co-column-picker__field-text"},o.map((e=>c.get(e)||i(e.split(".").pop()||e))).join(", ")),0===o.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 o={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 c=this.getSectionedTree(),r=this.query?c.map((e=>Object.assign(Object.assign({},e),{nodes:d(e.nodes,this.query)}))).filter((e=>e.nodes.length>0)):c;return r.length?e("div",{class:"co-column-picker__tree"},r.map((c=>[e("div",{class:"co-column-picker__section-header"},e("span",{class:"co-column-picker__section-label"},c.label),c.prefix&&e("span",{class:"co-column-picker__section-prefix"},"(",c.prefix,")")),...c.nodes.map((c=>e(u,Object.assign({node:c,depth:0},o))))]))):this.renderEmpty()}const c=this.getTree(),r=this.query?d(c,this.query):c;return r.length?e("div",{class:"co-column-picker__tree"},r.map((c=>e(u,Object.assign({node:c,depth:0},o))))):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:"a2120bb77b510ce077e025616d9c6e72020bb3e6",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:"0cfdbab1ed5a8181736a31f568c86159f347c454",class:"co-column-picker__labels"},this.label&&e("label",{key:"3116d113241914cdf8d4292d8b06f9581f7a04ea",class:"co-column-picker__label"},this.label),this.secondaryLabel&&e("span",{key:"a7036062b6079277d1c2c58364d050a81f261241",class:"co-column-picker__secondary-label"},this.secondaryLabel)),this.renderField(),this.isOpen&&e("div",{key:"6a01e60a472887b24cc18cb60dad6009027117fe",class:"co-column-picker__dropdown"},this.showSearch&&e("div",{key:"f9096d8e0cd1af02697aa12f9d3086d8acf3daeb",class:"co-column-picker__search"},e("co-icon",{key:"b344002c06c67b48d1627eec562fdd29ca3235d4",name:"magnifying-glass",size:14,class:"co-column-picker__search-icon"}),e("input",{key:"222cecfbb918816a9f503d59f616f35d668626bb",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:"b2a4a5032d41610e27dd1200ddeef4fe6420b38b",class:"co-column-picker__search-clear",type:"button",onClick:this.handleSearchClear},e("co-icon",{key:"d7506c21412eb5d4e9fb0f2ffd2e53994fb654af",name:"x",size:14}))),this.showToolbar&&this.multiple&&e("div",{key:"0a9fa0cb6a4acefee7b198794551fcf667989c0e",class:"co-column-picker__toolbar"},e("button",{key:"5e8bb88650636a8906961fe6fd9e41fb966f91ad",class:"co-column-picker__toolbar-btn",type:"button",onClick:this.handleSelectAll},this.selectAllText),e("button",{key:"87778b94a713d8bc9d2ce2a4fc409bbdc1306f8f",class:"co-column-picker__toolbar-btn",type:"button",onClick:this.handleDeselectAll},this.clearText),e("span",{key:"1b9df7a39d0454d05bb61c3a0490ce9a81ee3048",class:"co-column-picker__toolbar-sep"}),e("button",{key:"a42b5776bd3fe35578b78915c2b46679af83ddf6",class:"co-column-picker__toolbar-btn",type:"button",onClick:this.handleExpandAll},this.expandText),e("button",{key:"f44b9093b4d02ac0f5196c90947eb23f64c93353",class:"co-column-picker__toolbar-btn",type:"button",onClick:this.handleCollapseAll},this.collapseText),e("span",{key:"46081f18d3023dd5b377462a3459c56bb4c33e77",style:{flex:"1"}}),this.selectedValues.length>0&&e("span",{key:"26c7311ea78e0b81965a6b8930eba3e0a1febb8c",class:"co-column-picker__toolbar-counter"},this.selectedValues.length," ",this.selectedText)),e("div",{key:"ca89343db1df2062175c9a71ded6d5b804ef8dcd",class:"co-column-picker__scroll",style:{maxHeight:`${this.maxHeight}px`}},this.renderTree())),this.helperText&&e("div",{key:"f0edd823f2ea2c75ca54d267bb54638ddc3cf6f2",class:`co-column-picker__helper co-column-picker__helper--${this.status}`},this.statusIcon&&e("co-icon",{key:"3f32eb32a7fd4a3ca440b7b1c4f74b0bdb0cc83f",name:this.statusIcon,size:14,weight:"fill",class:"co-column-picker__helper-icon"}),e("span",{key:"2c671fea48759d468e57f2440f30a60f872716b9",class:"co-column-picker__helper-text"},this.helperText)))}get el(){return r(this)}static get watchers(){return{options:[{onOptionsChange:0}]}}};m.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 var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out)}.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-border-error, 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 var(--co-motion-duration-fast) var(--co-motion-ease-out)}.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 var(--co-motion-duration-fast) var(--co-motion-ease-out)}.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 var(--co-motion-duration-base) var(--co-motion-ease-out)}.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 var(--co-motion-duration-fast) var(--co-motion-ease-out)}.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 var(--co-motion-duration-fast) var(--co-motion-ease-out);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-secondary);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 var(--co-motion-duration-fast) var(--co-motion-ease-out)}.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-row--expanded .co-column-picker__node-label--self,.co-column-picker__node-row--selected .co-column-picker__node-label--self,.co-column-picker__node-row--parent:hover .co-column-picker__node-label--self{color:var(--co-semantic-text-secondary)}.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-secondary);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 var(--co-motion-duration-base) var(--co-motion-ease-out), color var(--co-motion-duration-base) var(--co-motion-ease-out)}.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-text-error, 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-text-success, 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-semantic-text-warning, 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-text-info, var(--co-semantic-status-info))}";export{m as co_column_picker}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c as t,h as
|
|
1
|
+
import{r as o,c as t,h as r,a as e}from"./p-YRicbXh3.js";const a=new Set(["l","m","s","xs"]),c=class{constructor(r){o(this,r),this.coToggle=t(this,"coToggle",7),this.selected=!1,this.value="",this.size="m",this.disabled=!1,this.variant="connected",this.handleClick=()=>{this.disabled||(this.selected=!this.selected,this.coToggle.emit({value:this.value,selected:this.selected}))}}componentWillLoad(){this.adoptGroupSize()}adoptGroupSize(){var o,t;if(this.el.hasAttribute("size")||null!=this.size&&"m"!==this.size)return;const r=this.el.closest("co-toggle-button-group");if(!r)return;const e=null!==(o=r.variant)&&void 0!==o?o:r.getAttribute("variant"),c=null!==(t=r.size)&&void 0!==t?t:r.getAttribute("size");((o,t)=>a.has(null!=t?t:"")&&("soft"===o||"track"===o&&"xs"===t))(e,c)&&(this.size=c)}render(){const o="track"===this.variant?"xs"===this.size?14:18:"l"===this.size?20:"xs"===this.size?14:16,t=this.selected&&this.selectedIconWeight?this.selectedIconWeight:void 0;return r("button",{key:"8294ac8c49a0c36c9b88192db084bacbce1b7a15",part:"button",class:{"co-toggle-button":!0,"co-toggle-button--selected":this.selected,[`co-toggle-button--${this.size}`]:!0,"co-toggle-button--disabled":this.disabled,"co-toggle-button--icon-only":!(this.label||!this.iconLeft&&!this.iconRight)},type:"button",disabled:this.disabled,"aria-pressed":String(this.selected),onClick:this.handleClick},r("slot",{key:"9430df624ac0477d9942f321676360e5fd0cf697",name:"leading"}),this.iconLeft&&r("co-icon",{key:"78c8f2c1abcbbcae86e13712eeb8da7587ce7dd3",name:this.iconLeft,size:o,weight:t}),this.label&&r("span",{key:"8d2c2281ff3afe0b7a998c128718f3b9b3d700fe",class:"co-toggle-button__label"},this.label),this.iconRight&&r("co-icon",{key:"9219240493081a502ccaca2f8b3f252f652872ef",name:this.iconRight,size:o,weight:t}))}get el(){return e(this)}};c.style=":host{display:inline-flex;--co-toggle-button-radius:var(--co-border-radius-sm)}:host([size='l']){--co-toggle-button-radius:var(--co-border-radius-lg)}:host([size='m']){--co-toggle-button-radius:var(--co-border-radius-sm)}:host([size='s']){--co-toggle-button-radius:var(--co-border-radius-xs)}:host([size='xs']){--co-toggle-button-radius:var(--co-border-radius-xs)}.co-toggle-button{display:inline-flex;width:var(--co-toggle-button-width, auto);align-items:center;justify-content:center;gap:var(--co-spacing-sm2);border:1px solid var(--co-semantic-border-subtle);border-top-left-radius:var(--co-tbr-tl, var(--co-toggle-button-radius));border-top-right-radius:var(--co-tbr-tr, var(--co-toggle-button-radius));border-bottom-right-radius:var(--co-tbr-br, var(--co-toggle-button-radius));border-bottom-left-radius:var(--co-tbr-bl, var(--co-toggle-button-radius));background:color-mix(in srgb, var(--co-semantic-surface-secondary) 35%, transparent);-webkit-backdrop-filter:var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)));backdrop-filter:var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)));color:var(--co-toggle-button-color, var(--co-semantic-text-default));font-family:var(--co-font-family-primary);font-weight:500;cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out);white-space:nowrap;box-sizing:border-box;line-height:1}.co-toggle-button--l{height:48px;padding:0 var(--co-spacing-lg);font-size:var(--co-toggle-button-font-size, var(--co-font-size-16))}.co-toggle-button--m{height:40px;padding:0 var(--co-spacing-md);font-size:var(--co-toggle-button-font-size, var(--co-font-size-14))}.co-toggle-button--s{height:32px;padding:0 var(--co-spacing-sm2);font-size:var(--co-toggle-button-font-size, var(--co-font-size-14))}.co-toggle-button--xs{height:24px;padding:0 var(--co-spacing-sm);font-size:var(--co-toggle-button-font-size, var(--co-font-size-12))}.co-toggle-button--icon-only.co-toggle-button--l{width:48px;padding:0}.co-toggle-button--icon-only.co-toggle-button--m{width:40px;padding:0}.co-toggle-button--icon-only.co-toggle-button--s{width:32px;padding:0}.co-toggle-button--icon-only.co-toggle-button--xs{width:24px;padding:0}.co-toggle-button:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-toggle-button--selected{background:var(--co-color-base-negro, #1f1c1b);color:var(--co-toggle-button-color-selected, var(--co-color-base-blanco, #fff));border-color:var(--co-color-base-negro, #1f1c1b)}.co-toggle-button--selected:hover:not(:disabled){background:var(--co-color-gray-800, #0a0a0a);border-color:var(--co-color-gray-800, #0a0a0a)}.co-toggle-button--disabled{opacity:0.4;cursor:not-allowed}.co-toggle-button:focus-visible{outline:2px solid var(--co-semantic-text-default);outline-offset:-3px}.co-toggle-button--selected:focus-visible{outline-color:currentColor}.co-toggle-button__label{line-height:1}@supports not (background: color-mix(in srgb, red, transparent)){.co-toggle-button{background:var(--co-semantic-surface-secondary)}}:host([variant='track']) .co-toggle-button{height:var(--co-toggle-pill-height, 30px);border-radius:var(--co-toggle-pill-radius, 8px);border-color:transparent;background:transparent;color:var(--co-toggle-button-color, var(--co-semantic-text-secondary));box-shadow:none;padding:0 12px;-webkit-backdrop-filter:none;backdrop-filter:none}:host([variant='track']) .co-toggle-button.co-toggle-button--icon-only{width:34px;padding:0}:host([variant='track']) .co-toggle-button:hover:not(:disabled){background:var(--co-semantic-surface-hover);color:var(--co-toggle-button-color-hover, var(--co-semantic-text-default))}:host([variant='track']) .co-toggle-button--selected{background:var(--co-semantic-surface-page);color:var(--co-toggle-button-color-selected, var(--co-semantic-text-default));border-color:var(--co-toggle-pill-border, var(--co-semantic-border-default));box-shadow:var(--co-toggle-pill-shadow, var(--co-shadow-sm, 0 1px 2px 0 rgba(26, 26, 26, 0.04)))}:host([variant='track']) .co-toggle-button--selected:hover:not(:disabled){background:var(--co-semantic-surface-page);color:var(--co-toggle-button-color-selected, var(--co-semantic-text-default));border-color:var(--co-toggle-pill-border, var(--co-semantic-border-default))}:host([variant='track'][size='xs']) .co-toggle-button{height:var(--co-toggle-pill-height, 20px);border-radius:var(--co-toggle-pill-radius, var(--co-border-radius-xxs))}:host([variant='track'][size='xs']) .co-toggle-button:not(.co-toggle-button--selected){color:var(--co-toggle-button-color, var(--co-semantic-text-default))}:host([variant='track'][size='xs']) .co-toggle-button:not(.co-toggle-button--selected):hover:not(:disabled){color:var(--co-toggle-button-color-hover, var(--co-semantic-text-default))}:host([variant='track'][size='xs']) .co-toggle-button.co-toggle-button--icon-only{width:20px}:host([variant='track'][size='xs']) .co-toggle-button--selected{box-shadow:var(--co-toggle-pill-shadow, none)}:host([variant='soft']) .co-toggle-button{height:24px;border-radius:var(--co-border-radius-xxs);border-color:transparent;background:var(--co-semantic-surface-control, #f6f6f6);color:var(--co-toggle-button-color, var(--co-semantic-text-default));font-size:var(--co-font-size-12);font-weight:var(--co-font-weight-regular);padding:0 calc(var(--co-spacing-sm2) - 1px);gap:var(--co-spacing-sm2);-webkit-backdrop-filter:none;backdrop-filter:none}:host([variant='soft']) .co-toggle-button:hover:not(:disabled){background:var(--co-semantic-surface-control, #f6f6f6)}:host([variant='soft']) .co-toggle-button--selected{background:var(--co-color-celeste-100);color:var(--co-toggle-button-color-selected, var(--co-color-primary-azul));border-color:transparent}:host([variant='soft']) .co-toggle-button--selected:hover:not(:disabled){background:var(--co-color-celeste-100)}:host([variant='pill']) .co-toggle-button{height:40px;padding:0 var(--co-spacing-lg);border-radius:var(--co-border-radius-full);border-color:var(--co-semantic-border-default);background:transparent;color:var(--co-toggle-button-color, var(--co-semantic-text-default));font-size:var(--co-toggle-button-font-size, var(--co-font-size-14));font-weight:var(--co-font-weight-regular);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}:host([variant='pill']) .co-toggle-button:hover:not(:disabled){background:color-mix(in srgb, var(--co-semantic-text-default) 4%, transparent)}:host([variant='pill']) .co-toggle-button--selected{border-color:transparent;background:var(--co-semantic-surface-primary);color:var(--co-toggle-button-color-selected, var(--co-semantic-on-primary))}:host([variant='pill']) .co-toggle-button--selected:hover:not(:disabled){background:var(--co-semantic-surface-primary);color:var(--co-toggle-button-color-selected, var(--co-semantic-on-primary))}@supports (color: light-dark(white, black)){:host([variant='soft']) .co-toggle-button--selected{color:var(--co-toggle-button-color-selected, var(--co-semantic-text-link, var(--co-color-primary-azul)))}:host([variant='soft']) .co-toggle-button--selected,:host([variant='soft']) .co-toggle-button--selected:hover:not(:disabled){background:light-dark(var(--co-color-celeste-100), color-mix(in srgb, var(--co-semantic-text-link, var(--co-color-primary-azul)) 18%, var(--co-semantic-surface-page)))}}";export{c as co_toggle_button}
|