@prolibu-suite/cobalt-core 0.11.12 → 0.11.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +36 -109
- 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 +7 -40
- 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 +1 -1
- 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 +27 -14
- 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-D-x9bJ-W.js → fieldChip-DbYMfylq.js} +1 -1
- package/dist/cjs/{index-CuskTAyj.js → index-bHoidDwv.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{requiredMark-ooEZAZbC.js → requiredMark-21yHvvZS.js} +1 -1
- package/dist/cobalt/cobalt.css +1 -1
- package/dist/cobalt/cobalt.esm.js +1 -1
- package/dist/cobalt/{p-6d12e825.entry.js → p-019eed8e.entry.js} +1 -1
- package/dist/cobalt/p-01b54d81.entry.js +1 -0
- package/dist/cobalt/{p-b3994c94.entry.js → p-02133c95.entry.js} +1 -1
- package/dist/cobalt/{p-d0129851.entry.js → p-04e3e1f6.entry.js} +1 -1
- package/dist/cobalt/{p-fa4a59e8.entry.js → p-0bbaaf4f.entry.js} +1 -1
- package/dist/cobalt/p-0e13b7d0.entry.js +1 -0
- package/dist/cobalt/{p-8b2432b2.entry.js → p-0f3a3232.entry.js} +1 -1
- package/dist/cobalt/{p-6a270d5d.entry.js → p-12fc5119.entry.js} +1 -1
- package/dist/cobalt/{p-134331e6.entry.js → p-15d995b4.entry.js} +1 -1
- package/dist/cobalt/{p-f3975988.entry.js → p-19f0f534.entry.js} +1 -1
- package/dist/cobalt/{p-4ee87962.entry.js → p-1c9253a2.entry.js} +1 -1
- package/dist/cobalt/p-21b4a830.entry.js +1 -0
- package/dist/cobalt/p-256ca457.entry.js +1 -0
- package/dist/cobalt/{p-8bf0975d.entry.js → p-299c2425.entry.js} +1 -1
- package/dist/cobalt/{p-ac1565df.entry.js → p-2ff8f591.entry.js} +1 -1
- package/dist/cobalt/{p-038cc50a.entry.js → p-33840969.entry.js} +1 -1
- package/dist/cobalt/{p-24456175.entry.js → p-353ff9ed.entry.js} +1 -1
- package/dist/cobalt/{p-3842ac1a.entry.js → p-37f9ec35.entry.js} +1 -1
- package/dist/cobalt/{p-9c00499b.entry.js → p-3878f174.entry.js} +1 -1
- package/dist/cobalt/{p-741c14af.entry.js → p-3890d22f.entry.js} +1 -1
- package/dist/cobalt/{p-19544796.entry.js → p-3b5024ce.entry.js} +1 -1
- package/dist/cobalt/{p-a6516907.entry.js → p-3b7e90c8.entry.js} +1 -1
- package/dist/cobalt/{p-ac963082.entry.js → p-3bff827a.entry.js} +1 -1
- package/dist/cobalt/{p-15e29500.entry.js → p-3e532a11.entry.js} +1 -1
- package/dist/cobalt/{p-ec11b337.entry.js → p-3e864e7d.entry.js} +1 -1
- package/dist/cobalt/{p-af8cc16e.entry.js → p-438cc876.entry.js} +1 -1
- package/dist/cobalt/{p-c4bbb701.entry.js → p-4a7fd0b4.entry.js} +1 -1
- package/dist/cobalt/{p-4e1ba090.entry.js → p-4ae6fe0e.entry.js} +1 -1
- package/dist/cobalt/{p-c5978c46.entry.js → p-4cdfcd9c.entry.js} +1 -1
- package/dist/cobalt/{p-67fac886.entry.js → p-4e81e580.entry.js} +1 -1
- package/dist/cobalt/{p-ae66e746.entry.js → p-50ab6b9b.entry.js} +1 -1
- package/dist/cobalt/{p-be860577.entry.js → p-53a251ca.entry.js} +1 -1
- package/dist/cobalt/{p-45460f75.entry.js → p-59a71695.entry.js} +1 -1
- package/dist/cobalt/{p-0d163b25.entry.js → p-5a32b9a2.entry.js} +1 -1
- package/dist/cobalt/{p-66a07095.entry.js → p-5d41b58b.entry.js} +1 -1
- package/dist/cobalt/{p-9a307b64.entry.js → p-5e14f676.entry.js} +1 -1
- package/dist/cobalt/{p-bf8212cf.entry.js → p-5e39cf70.entry.js} +1 -1
- package/dist/cobalt/{p-5aaaa257.entry.js → p-600d0cab.entry.js} +1 -1
- package/dist/cobalt/{p-e120435e.entry.js → p-63f888a1.entry.js} +1 -1
- package/dist/cobalt/{p-7be0f85b.entry.js → p-6eca1c7c.entry.js} +1 -1
- package/dist/cobalt/{p-1cc15af6.entry.js → p-71ee36a8.entry.js} +1 -1
- package/dist/cobalt/{p-669ad1c6.entry.js → p-74804c79.entry.js} +1 -1
- package/dist/cobalt/{p-7550fc02.entry.js → p-76ea3f34.entry.js} +1 -1
- package/dist/cobalt/{p-76244cca.entry.js → p-7737354e.entry.js} +1 -1
- package/dist/cobalt/p-7e444408.entry.js +1 -0
- package/dist/cobalt/{p-f9937237.entry.js → p-7e678cbd.entry.js} +1 -1
- package/dist/cobalt/p-7e72720a.entry.js +1 -0
- package/dist/cobalt/{p-ce9a3708.entry.js → p-82bcd062.entry.js} +1 -1
- package/dist/cobalt/{p-5b098a4c.entry.js → p-83691cfb.entry.js} +1 -1
- package/dist/cobalt/p-84ad0227.entry.js +1 -0
- package/dist/cobalt/{p-6bb9964f.entry.js → p-89328cd8.entry.js} +1 -1
- package/dist/cobalt/{p-c71b736c.entry.js → p-8a26f3cc.entry.js} +1 -1
- package/dist/cobalt/{p-e0b542ad.entry.js → p-8e7ad2fe.entry.js} +1 -1
- package/dist/cobalt/{p-6fe227e0.entry.js → p-9125252a.entry.js} +1 -1
- package/dist/cobalt/p-947b8e35.entry.js +1 -0
- package/dist/cobalt/{p-0ea06cee.entry.js → p-94b871fb.entry.js} +1 -1
- package/dist/cobalt/{p-6c35584c.entry.js → p-9af26af0.entry.js} +1 -1
- package/dist/cobalt/{p-88edf7d0.entry.js → p-9ce57385.entry.js} +1 -1
- package/dist/cobalt/p-CSLjZ3WO.js +1 -0
- package/dist/cobalt/p-CYN5B3IQ.js +1 -0
- package/dist/cobalt/{p-YRicbXh3.js → p-DJkaRtbb.js} +2 -2
- package/dist/cobalt/{p-1288867e.entry.js → p-a18c01eb.entry.js} +1 -1
- package/dist/cobalt/{p-1ef7bbbc.entry.js → p-a27013e6.entry.js} +1 -1
- package/dist/cobalt/{p-a9242183.entry.js → p-a33a277a.entry.js} +1 -1
- package/dist/cobalt/{p-811f1dd7.entry.js → p-a4154bcf.entry.js} +1 -1
- package/dist/cobalt/{p-e71f6186.entry.js → p-a4264bde.entry.js} +1 -1
- package/dist/cobalt/{p-eca12c29.entry.js → p-a6c9a0c5.entry.js} +1 -1
- package/dist/cobalt/{p-20651254.entry.js → p-b402665a.entry.js} +1 -1
- package/dist/cobalt/{p-71f9fa68.entry.js → p-b6463d35.entry.js} +1 -1
- package/dist/cobalt/{p-a671facd.entry.js → p-b723aa47.entry.js} +1 -1
- package/dist/cobalt/{p-05f0feca.entry.js → p-bbf3d859.entry.js} +1 -1
- package/dist/cobalt/{p-79b62ce3.entry.js → p-be520bd5.entry.js} +1 -1
- package/dist/cobalt/p-bee52042.entry.js +1 -0
- package/dist/cobalt/{p-09ff5302.entry.js → p-c004fde5.entry.js} +1 -1
- package/dist/cobalt/{p-ebcdc0b2.entry.js → p-c026968c.entry.js} +1 -1
- package/dist/cobalt/{p-be9f69e4.entry.js → p-c220362c.entry.js} +1 -1
- package/dist/cobalt/{p-894f59ce.entry.js → p-c23630ab.entry.js} +1 -1
- package/dist/cobalt/p-c93be2d5.entry.js +1 -0
- package/dist/cobalt/{p-c01454be.entry.js → p-cb1013e6.entry.js} +1 -1
- package/dist/cobalt/{p-0d2deeaa.entry.js → p-cea21e08.entry.js} +1 -1
- package/dist/cobalt/{p-d525aec4.entry.js → p-d1595580.entry.js} +1 -1
- package/dist/cobalt/{p-2d76fafb.entry.js → p-d1e83525.entry.js} +1 -1
- package/dist/cobalt/{p-0bd8e079.entry.js → p-d26dc681.entry.js} +1 -1
- package/dist/cobalt/{p-052289b3.entry.js → p-d375c84e.entry.js} +1 -1
- package/dist/cobalt/{p-5009ad0a.entry.js → p-d7775109.entry.js} +1 -1
- package/dist/cobalt/{p-011fd3ca.entry.js → p-d9b4594b.entry.js} +1 -1
- package/dist/cobalt/{p-2f44a37b.entry.js → p-dabcbba7.entry.js} +1 -1
- package/dist/cobalt/{p-a679c368.entry.js → p-e4646a0e.entry.js} +1 -1
- package/dist/cobalt/{p-66375026.entry.js → p-e5350eeb.entry.js} +1 -1
- package/dist/cobalt/{p-c0f579d9.entry.js → p-eab59be5.entry.js} +1 -1
- package/dist/cobalt/{p-63c588e1.entry.js → p-efb3cbb0.entry.js} +1 -1
- package/dist/cobalt/{p-5d17b6e9.entry.js → p-f1da1df1.entry.js} +1 -1
- package/dist/cobalt/{p-fd15353a.entry.js → p-f23f52ed.entry.js} +1 -1
- package/dist/cobalt/{p-63e5d7fe.entry.js → p-f562bd96.entry.js} +1 -1
- package/dist/cobalt/{p-5e04cecc.entry.js → p-f6f273f7.entry.js} +1 -1
- package/dist/cobalt/{p-65e0176c.entry.js → p-fb6671e0.entry.js} +1 -1
- package/dist/cobalt/p-fb731600.entry.js +1 -0
- package/dist/cobalt/{p-16eb0771.entry.js → p-feec49a4.entry.js} +1 -1
- package/dist/cobalt/{p-ea2cc20e.entry.js → p-ff218d09.entry.js} +1 -1
- 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 +4 -9
- package/dist/collection/components/co-carousel/co-carousel.css +5 -7
- package/dist/collection/components/co-checkbox/co-checkbox.css +17 -12
- package/dist/collection/components/co-checkbox-group/co-checkbox-group.css +2 -4
- package/dist/collection/components/co-checkbox-group/co-checkbox-group.js +1 -1
- package/dist/collection/components/co-chip/co-chip.css +1 -14
- 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 +2 -12
- 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 +10 -20
- 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 +3 -11
- 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 +7 -10
- 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 +4 -7
- package/dist/collection/components/co-file-field/co-file-field.css +1 -3
- package/dist/collection/components/co-icon-button/co-icon-button.css +1 -1
- package/dist/collection/components/co-list-item/co-list-item.css +0 -6
- package/dist/collection/components/co-menu/co-menu.css +2 -4
- package/dist/collection/components/co-menu-item/co-menu-item.css +5 -14
- package/dist/collection/components/co-menu-item/co-menu-item.js +7 -80
- package/dist/collection/components/co-option-list/co-option-list.css +4 -12
- package/dist/collection/components/co-option-list/co-option-list.js +3 -3
- package/dist/collection/components/co-phone-field/co-phone-field.css +3 -12
- package/dist/collection/components/co-phone-field/co-phone-field.js +1 -1
- package/dist/collection/components/co-popover/co-popover.js +1 -1
- package/dist/collection/components/co-progress-circle/co-progress-circle.css +1 -3
- package/dist/collection/components/co-radio/co-radio.css +1 -10
- package/dist/collection/components/co-radio-group/co-radio-group.js +1 -1
- package/dist/collection/components/co-rating/co-rating.css +1 -3
- 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 +47 -1
- package/dist/collection/components/co-select/co-select.js +26 -13
- package/dist/collection/components/co-sidebar-nav/co-sidebar-nav.js +1 -1
- package/dist/collection/components/co-skeleton/co-skeleton.css +3 -6
- package/dist/collection/components/co-slider/co-slider.css +1 -21
- package/dist/collection/components/co-switch/co-switch.css +4 -10
- package/dist/collection/components/co-tab/co-tab.css +8 -14
- package/dist/collection/components/co-tab-group/co-tab-group.css +9 -15
- package/dist/collection/components/co-tags-field/co-tags-field.css +2 -3
- package/dist/collection/components/co-toast/co-toast.js +2 -2
- package/dist/collection/components/co-toggle-button/co-toggle-button.css +4 -10
- package/dist/collection/components/co-transfer-list/co-transfer-list.css +2 -4
- 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 +3 -5
- 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-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-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-B70R6xWE.js +1 -0
- package/dist/components/p-BGNXvnDr.js +1 -0
- package/dist/components/{p-y-UE-CLu.js → p-BMyWdiVO.js} +1 -1
- package/dist/components/p-BSt2t5Fy.js +1 -0
- package/dist/components/p-BfDYq7JS.js +1 -0
- package/dist/components/{p-4nVctQq9.js → p-COCcx0DN.js} +1 -1
- package/dist/components/p-CwRoHnzq.js +1 -0
- package/dist/components/{p-Ct4MpUdn.js → p-DMW9TJ7Z.js} +1 -1
- package/dist/components/{p-CxXO0llX.js → p-R1W48hzW.js} +1 -1
- package/dist/components/{p-C1WNmtGN.js → p-rfvTj6cP.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 +7 -40
- 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 +1 -1
- 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 +27 -14
- 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-DFpKjAN_.js → fieldChip-B0N8z5W-.js} +1 -1
- package/dist/esm/{index-YRicbXh3.js → index-DJkaRtbb.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{requiredMark-BNC0WBDk.js → requiredMark-D5C5NzOE.js} +1 -1
- package/dist/types/components/co-menu-item/co-menu-item.d.ts +4 -30
- package/dist/types/components/co-select/co-select.d.ts +14 -4
- package/dist/types/components.d.ts +6 -28
- package/package.json +4 -4
- package/dist/cobalt/p-05f90173.entry.js +0 -1
- package/dist/cobalt/p-1318c5b9.entry.js +0 -1
- package/dist/cobalt/p-1361f386.entry.js +0 -1
- package/dist/cobalt/p-388f5a71.entry.js +0 -1
- package/dist/cobalt/p-5259c731.entry.js +0 -1
- package/dist/cobalt/p-71a289f9.entry.js +0 -1
- package/dist/cobalt/p-90823b79.entry.js +0 -1
- package/dist/cobalt/p-9a3e631e.entry.js +0 -1
- package/dist/cobalt/p-C_xES1w3.js +0 -1
- package/dist/cobalt/p-d127a7c4.entry.js +0 -1
- package/dist/cobalt/p-d1293695.entry.js +0 -1
- package/dist/cobalt/p-ddf6083f.entry.js +0 -1
- package/dist/cobalt/p-pl89alJ1.js +0 -1
- package/dist/components/p-BDk4ffI3.js +0 -1
- package/dist/components/p-BXDvRVSp.js +0 -1
- package/dist/components/p-CV7I0t8n.js +0 -1
- package/dist/components/p-CpwIdVV5.js +0 -1
- package/dist/components/p-DpnlSVX3.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,h as e,a as r}from"./p-YRicbXh3.js";import{g as a}from"./p-EtYK1iGx.js";import{C as i,T as n,t as c}from"./p-CRxTFT_z.js";const s=/(auto|scroll|hidden|clip)/;function l(t){const o=t.getBoundingClientRect();if(void 0===t.clientWidth)return o;const e=t.offsetWidth&&o.width?o.width/t.offsetWidth:1,r=o.left+(t.clientLeft||0)*e;return{left:r,right:r+t.clientWidth*e}}function d(t){var o,e;if(t.parentElement)return t.parentElement;const r=null===(o=t.getRootNode)||void 0===o?void 0:o.call(t);return null!==(e=null==r?void 0:r.host)&&void 0!==e?e:null}const p=[".co-rich-text-toolbar__popover",".co-rich-text-toolbar__dropdown",".co-rich-text-toolbar__color-picker",".co-rich-text-toolbar__table-picker",".co-rich-text-toolbar__listpicker"].join(", "),h=class{constructor(e){t(this,e),this.coAction=o(this,"coAction",7),this.coPopoverChange=o(this,"coPopoverChange",7),this.coAttachmentsSelected=o(this,"coAttachmentsSelected",7),this.variant="basic",this.position="top",this.disabled=!1,this.locale="en",this.attachmentsEnabled=!1,this.documentHeaderEnabled=!1,this.items=[],this.tick=0,this.openPopover=null,this.popoverInput="",this.gridHoverRows=0,this.gridHoverCols=0,this.gridLockedRows=0,this.gridLockedCols=0,this.tableTab="grid",this.tableManualRows=3,this.tableManualCols=3,this.tableWithHeader=!1,this.tableContextItems=[],this.imagePopoverMode="menu",this.colorHexInput="",this.onTransaction=()=>{this.tick++,this.updateTableContext()},this.colorPalette=[],this._tableContextItems=[],this.handleHostMouseDown=t=>{t.composedPath().some((t=>t instanceof HTMLElement&&"INPUT"===t.tagName))||t.preventDefault()},this.handleDocumentClick=t=>{this.openPopover&&(this.el.contains(t.target)||this.closePopover())},this.run=t=>{const o=this.editor;if(!o||this.disabled)return;const e=o.chain().focus();switch(t.action){case"bold":e.toggleBold().run();break;case"italic":e.toggleItalic().run();break;case"underline":e.toggleUnderline().run();break;case"strike":e.toggleStrike().run();break;case"code":e.toggleCode().run();break;case"bulletList":case"bulletListMenu":e.toggleBulletList().run();break;case"orderedList":case"orderedListMenu":e.toggleOrderedList().run();break;case"taskListMenu":e.toggleTaskList().run();break;case"blockquote":e.toggleBlockquote().run();break;case"codeBlock":e.toggleCodeBlock().run();break;case"heading":e.toggleHeading(t.payload).run();break;case"horizontalRule":e.setHorizontalRule().run();break;case"textAlign":e.setTextAlign(t.payload).run();break;case"undo":e.undo().run();break;case"redo":e.redo().run();break;case"addColumnAfter":e.addColumnAfter().run();break;case"addColumnBefore":e.addColumnBefore().run();break;case"deleteColumn":e.deleteColumn().run();break;case"addRowAfter":e.addRowAfter().run();break;case"addRowBefore":e.addRowBefore().run();break;case"deleteRow":e.deleteRow().run();break;case"deleteTable":e.deleteTable().run();break;case"mergeCells":e.mergeCells().run();break;case"splitCell":e.splitCell().run();break;case"toggleHeaderRow":e.toggleHeaderRow().run();break;case"indentIncrease":o.isActive("bulletList")||o.isActive("orderedList")?e.sinkListItem("listItem").run():e.indent().run();break;case"indentDecrease":o.isActive("bulletList")||o.isActive("orderedList")?e.liftListItem("listItem").run():e.outdent().run();break;case"signature":e.insertSignatureSlot().run();break;case"documentHeader":return void this.coAction.emit({action:"documentHeader"});case"attachment":return void this.triggerAttachmentFileUpload();case"link":case"field":case"image":case"youtube":case"iframe":case"callout":case"fontSize":case"fontFamily":case"headingStyle":case"lineSpacing":case"letterSpacing":case"table":case"textColor":case"highlight":return void this.togglePopover(t.action);default:e.run()}this.coAction.emit({action:t.action,payload:t.payload})}}get s(){return a(this.locale)}tItem(t){var o;const e=this.s;return null!==(o={bold:e.bold,italic:e.italic,underline:e.underline,strike:e.strikethrough,code:e.code,headingStyle:e.styles,fontSize:e.fontSize,fontFamily:e.font,bulletList:e.bulletList,orderedList:e.orderedList,bulletListMenu:e.bulletList,orderedListMenu:e.orderedList,taskListMenu:e.taskList,blockquote:e.quote,codeBlock:e.codeBlock,horizontalRule:e.horizontalRule,link:e.link,image:e.image,youtube:e.youtubeVideo,iframe:e.iframeEmbed,attachment:e.attachFiles,table:e.table,textColor:e.textColor,highlight:e.highlight,alignment:e.alignment,lineSpacing:e.lineSpacing,letterSpacing:e.letterSpacing,indentIncrease:e.increaseIndent,indentDecrease:e.decreaseIndent,callout:e.callout,undo:e.undo,redo:e.redo,addColumnAfter:e.addColumnAfter,addColumnBefore:e.addColumnBefore,deleteColumn:e.deleteColumn,addRowAfter:e.addRowAfter,addRowBefore:e.addRowBefore,deleteRow:e.deleteRow,deleteTable:e.deleteTable,mergeCells:e.mergeCells,splitCell:e.splitCell,toggleHeaderRow:e.headerRow,field:e.field,signature:e.signature,documentHeader:e.documentHeader}[t.action])&&void 0!==o?o:t.label}tOpt(t){var o,e,r,a,i;const n=this.s;if("separator"===t.action)return`─── ${n.systemFonts} ───`;if("paragraph"===t.action)return n.normalText;if("heading"===t.action){const e=null===(o=t.payload)||void 0===o?void 0:o.level;if(1===e)return n.title;if(2===e)return n.subtitle;if(3===e)return n.heading3;if(4===e)return n.heading4}if("bulletStyle"===t.action)return null!==(e={disc:n.disc,circle:n.circle,square:n.square}[t.payload])&&void 0!==e?e:t.label;if("taskStyle"===t.action){if("strike"===t.payload)return n.strikeOnComplete;if("plain"===t.payload)return n.noStrikethrough}if("textAlign"===t.action)return null!==(r={left:n.left,center:n.center,right:n.right,justify:n.justify}[t.payload])&&void 0!==r?r:t.label;if("lineHeight"===t.action){if("1"===t.payload)return n.single;if("2"===t.payload)return n.double}return"letterSpacing"===t.action?null!==(a={normal:n.normal,"-0.05em":n.tight,"0.05em":n.light,"0.1em":n.wide,"0.2em":n.veryWide}[t.payload])&&void 0!==a?a:t.label:"callout"===t.action&&null!==(i={info:n.info,warning:n.warning,success:n.success,error:n.error}[t.payload])&&void 0!==i?i:t.label}connectedCallback(){this.el.addEventListener("mousedown",this.handleHostMouseDown),document.addEventListener("click",this.handleDocumentClick,!0)}componentWillLoad(){this.tableContextItems=[],this.items=this.resolveItems(this.variant),this.colorPalette=i,this._tableContextItems=n}onVariantChange(t){this.items=this.resolveItems(t)}onAttachmentsEnabledChange(){this.items=this.resolveItems(this.variant)}onDocumentHeaderEnabledChange(){this.items=this.resolveItems(this.variant)}get parsedExtraItems(){const t=this.extraItems;if(!t)return[];if("string"!=typeof t)return t;try{const o=JSON.parse(t);return Array.isArray(o)?o:[]}catch(t){return[]}}onEditorChange(t,o){null==o||o.off("transaction",this.onTransaction),null==t||t.on("transaction",this.onTransaction),this.items=this.resolveItems(this.variant),this.tick++}resolveItems(t){const o=c("none"===t?"compact":t),e=this.editor;if(!e)return o;const r=o.filter((o=>{var r;if(this.isSeparator(o))return!0;const a=o.action;if("attachment"===a)return this.attachmentsEnabled;if("documentHeader"===a)return this.documentHeaderEnabled;const i=null!==(r=h.ITEM_COMMAND[a])&&void 0!==r?r:"document"===t?h.DOCUMENT_ITEM_COMMAND[a]:void 0;return!i||(t=>{try{return"function"==typeof e.can()[t]}catch(t){return!0}})(i)})),a=[];for(const t of r)(!this.isSeparator(t)||a.length&&!this.isSeparator(a[a.length-1]))&&a.push(t);return a.length&&this.isSeparator(a[a.length-1])&&a.pop(),a}onOpenPopoverChange(t,o){!!t!=!!o&&this.coPopoverChange.emit({open:!!t})}componentDidRender(){this.fitOpenPanel()}fitOpenPanel(){var t;if(!this.openPopover||"undefined"==typeof window)return;const o=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelectorAll(p);if(!(null==o?void 0:o.length))return;const e=document.documentElement.clientWidth||window.innerWidth,r=function(t,o,e){const r={left:0,right:o};let a=d(t);for(;a;){if(s.test(e(a))){const t=l(a);r.left=Math.max(r.left,t.left),r.right=Math.min(r.right,t.right)}a=d(a)}return r}(this.el,e,(t=>getComputedStyle(t).overflowX));o.forEach((t=>{t.style.translate="";const o=t.getBoundingClientRect();if(!o.width)return;const e=t.offsetWidth&&o.width/t.offsetWidth||1,a=function(t,o,e=8){let r=0;return t.right>o.right-e&&(r=o.right-e-t.right),t.left+r<o.left+e&&(r=o.left+e-t.left),r}(o,r);a&&(t.style.translate=a/e+"px 0")}))}disconnectedCallback(){var t;null===(t=this.editor)||void 0===t||t.off("transaction",this.onTransaction),this.el.removeEventListener("mousedown",this.handleHostMouseDown),document.removeEventListener("click",this.handleDocumentClick,!0)}updateTableContext(){if(!this.editor)return void(this.tableContextItems.length&&(this.tableContextItems=[]));const t=this.editor.isActive("table");t&&!this.tableContextItems.length?this.tableContextItems=this._tableContextItems:!t&&this.tableContextItems.length&&(this.tableContextItems=[])}isSeparator(t){return"separator"===t.type}isActive(t){if(!this.editor)return!1;try{if("textAlign"===t.action)return this.editor.isActive({textAlign:t.payload});if("heading"===t.action)return this.editor.isActive("heading",t.payload);if("bulletListMenu"===t.action)return this.editor.isActive("bulletList");if("orderedListMenu"===t.action)return this.editor.isActive("orderedList");if("taskListMenu"===t.action)return this.editor.isActive("taskList");if("iframe"===t.action)return this.editor.isActive("iframe");if("youtube"===t.action)return this.editor.isActive("youtube");if("toggle"===t.type)return this.editor.isActive(t.action)}catch(t){}return!1}getDynamicIcon(t){return"alignment"===t.action&&this.editor?this.editor.isActive({textAlign:"center"})?"text-align-center":this.editor.isActive({textAlign:"right"})?"text-align-right":this.editor.isActive({textAlign:"justify"})?"text-align-justify":"text-align-left":t.icon}togglePopover(t){var o,e;this.openPopover===t?(this.openPopover=null,this.popoverInput=""):(this.openPopover=t,this.popoverInput="","link"===t&&(null===(o=this.editor)||void 0===o?void 0:o.isActive("link"))?this.popoverInput=this.editor.getAttributes("link").href||"":"iframe"===t&&(null===(e=this.editor)||void 0===e?void 0:e.isActive("iframe"))&&(this.popoverInput=this.editor.getAttributes("iframe").src||""))}closePopover(){this.openPopover=null,this.popoverInput="",this.colorHexInput="",this.imagePopoverMode="menu",this.gridLockedRows=0,this.gridLockedCols=0,this.gridHoverRows=0,this.gridHoverCols=0}submitPopover(t){const o=this.editor;if(!o||!this.popoverInput.trim())return void this.closePopover();const e=this.popoverInput.trim(),r="youtube"===t||"iframe"===t;r&&o.view.focus();const a=r?o.chain():o.chain().focus();switch(t){case"link":a.setLink({href:e}).run();break;case"field":a.insertField(e).run();break;case"image":a.setImage({src:e}).run();break;case"youtube":a.setYoutubeVideo({src:e}).run();break;case"iframe":o.isActive("iframe")?a.updateIframe({src:e}).run():a.setIframe({src:e}).run()}this.coAction.emit({action:t,payload:e}),this.closePopover(),r&&this.smoothScrollToInserted()}smoothScrollToInserted(){requestAnimationFrame((()=>{const t=this.editor;if(!t)return;const o=t.view.dom.querySelector(".ProseMirror-selectednode");if(o)return void o.scrollIntoView({behavior:"smooth",block:"center"});const{from:e}=t.state.selection,r=t.state.doc.resolve(e);if(r.nodeBefore)try{const o=t.view.nodeDOM(e-r.nodeBefore.nodeSize);o instanceof HTMLElement&&o.scrollIntoView({behavior:"smooth",block:"center"})}catch(t){}}))}removeLink(){const t=this.editor;t&&(t.chain().focus().unsetLink().run(),this.coAction.emit({action:"link",payload:null}),this.closePopover())}removeIframe(){const t=this.editor;t&&(t.chain().focus().deleteSelection().run(),this.coAction.emit({action:"iframe",payload:null}),this.closePopover())}selectColor(t,o){const e=this.editor;if(!e)return;const r=e.chain().focus();"textColor"===t?r.setColor(o).run():"highlight"===t&&r.setHighlight({color:o}).run(),this.coAction.emit({action:t,payload:o}),this.closePopover()}clearColor(t){const o=this.editor;if(!o)return;const e=o.chain().focus();"textColor"===t?e.unsetColor().run():"highlight"===t&&e.unsetHighlight().run(),this.coAction.emit({action:t,payload:null}),this.closePopover()}canRun(t){if(!this.editor||this.disabled)return!1;const o=this.editor,e=o.can(),r=(t,...o)=>{if("function"!=typeof e[t])return!0;try{return e[t](...o)}catch(t){return!0}};switch(t.action){case"undo":return r("undo");case"redo":return r("redo");case"table":return!o.isActive("table");case"bold":return r("toggleBold");case"italic":return r("toggleItalic");case"underline":return r("toggleUnderline");case"strike":return r("toggleStrike");case"code":return r("toggleCode");case"blockquote":return r("toggleBlockquote");case"codeBlock":return r("toggleCodeBlock");case"horizontalRule":return r("setHorizontalRule");case"bulletList":case"bulletListMenu":return r("toggleBulletList");case"orderedList":case"orderedListMenu":return r("toggleOrderedList");case"taskListMenu":return r("toggleTaskList");default:return!0}}getDropdownLabel(t){var o,e;if(!this.editor)return null;const r=this.s;if("headingStyle"===t.action)return this.editor.isActive("heading",{level:1})?r.title:this.editor.isActive("heading",{level:2})?r.subtitle:this.editor.isActive("heading",{level:3})?r.headingAbbr3:this.editor.isActive("heading",{level:4})?r.headingAbbr4:r.normal;if("fontSize"===t.action){const t=null===(o=this.editor.getAttributes("printFontSize"))||void 0===o?void 0:o.size,r=null!=t?t:null===(e=this.editor.getAttributes("textStyle"))||void 0===e?void 0:e.fontSize;return r?String(r).replace("px",""):"16"}if("fontFamily"===t.action){const t=this.editor.getAttributes("textStyle"),o=null==t?void 0:t.fontFamily;if(!o)return"Sans-serif";const e=o.replace(/['"]/g,"").split(",")[0].trim();return e.length>10?e.substring(0,10)+"…":e}return null}getActiveColor(t){var o,e;if(!this.editor)return"textColor"===t?"#000000":"transparent";const r=this.editor.getAttributes("textStyle");if("textColor"===t)return null!==(o=null==r?void 0:r.color)&&void 0!==o?o:"#000000";const a=this.editor.getAttributes("highlight");return null!==(e=null==a?void 0:a.color)&&void 0!==e?e:"transparent"}renderButton(t){var o,r;const a="popover"===t.type||"dropdown"===t.type||"color"===t.type||"grid"===t.type,i=this.openPopover===t.action,n="headingStyle"===t.action||"fontSize"===t.action||"fontFamily"===t.action,c=n?this.getDropdownLabel(t):null;if("alignment"===t.action&&(null===(o=t.options)||void 0===o?void 0:o.length))return this.renderAlignmentGroup(t);if("listpicker"===t.type){const o=this.isActive(t),r=this.tItem(t);return e("div",{class:"co-rich-text-toolbar__split-wrap",key:t.action},e("button",{type:"button",class:{"co-rich-text-toolbar__btn":!0,"co-rich-text-toolbar__split-main":!0,"co-rich-text-toolbar__btn--active":o},"data-tooltip":r,"aria-label":r,"aria-pressed":String(o),disabled:!this.canRun(t),onMouseDown:t=>t.preventDefault(),onClick:()=>this.run(t),part:"button"},e("co-icon",{name:t.icon,size:18})),e("button",{type:"button",class:{"co-rich-text-toolbar__split-caret":!0,"co-rich-text-toolbar__split-caret--open":i},"data-tooltip":`${this.s.stylesPrefix} ${r}`,"aria-label":`${this.s.stylesPrefix} ${r}`,"aria-expanded":String(i),disabled:!this.canRun(t),onMouseDown:t=>t.preventDefault(),onClick:()=>this.togglePopover(t.action)},e("co-icon",{name:"caret-down",size:10})),i&&this.renderListPicker(t))}if("color"===t.type)return this.renderColorButton(t);const s=this.tItem(t);return e("div",{class:"co-rich-text-toolbar__btn-wrap",key:`${t.action}-${JSON.stringify(null!==(r=t.payload)&&void 0!==r?r:"")}`},n?e("button",{type:"button",class:{"co-rich-text-toolbar__select-btn":!0,"co-rich-text-toolbar__select-btn--open":i},"data-tooltip":s,"aria-label":s,"aria-expanded":String(i),disabled:!this.canRun(t),onMouseDown:t=>t.preventDefault(),onClick:()=>this.run(t),part:"button"},e("span",{class:"co-rich-text-toolbar__select-label"},c),e("co-icon",{name:"caret-down",size:10})):e("button",{type:"button",class:{"co-rich-text-toolbar__btn":!0,"co-rich-text-toolbar__btn--active":this.isActive(t)||i},"data-tooltip":s,"aria-label":s,"aria-pressed":"toggle"===t.type?String(this.isActive(t)):void 0,"aria-expanded":a?String(i):void 0,disabled:!this.canRun(t),onMouseDown:t=>t.preventDefault(),onClick:()=>this.run(t),part:"button"},e("co-icon",{name:this.getDynamicIcon(t),size:18})),i&&"popover"===t.type&&this.renderInputPopover(t),i&&"dropdown"===t.type&&this.renderDropdown(t),i&&"grid"===t.type&&this.renderTableGrid())}renderAlignmentGroup(t){const o=this.s,r={left:o.alignLeft,center:o.center,right:o.alignRight,justify:o.justify};return e("div",{class:"co-rich-text-toolbar__align-group",key:t.action},t.options.map((t=>{var o,a,i;const n=null!==(a=null===(o=this.editor)||void 0===o?void 0:o.isActive({textAlign:t.payload}))&&void 0!==a&&a,c=null!==(i=r[t.payload])&&void 0!==i?i:t.label;return e("button",{type:"button",class:{"co-rich-text-toolbar__btn":!0,"co-rich-text-toolbar__btn--active":n},"data-tooltip":c,"aria-label":c,"aria-pressed":String(n),disabled:!this.editor||this.disabled,onMouseDown:t=>t.preventDefault(),onClick:()=>{this.editor&&(this.editor.chain().focus().setTextAlign(t.payload).run(),this.coAction.emit({action:"textAlign",payload:t.payload}))},part:"button"},e("co-icon",{name:t.icon,size:18}))})))}renderColorButton(t){const o=this.openPopover===t.action,r=this.tItem(t),a=this.getActiveColor(t.action),i="textColor"===t.action;return e("div",{class:"co-rich-text-toolbar__btn-wrap",key:t.action},e("button",{type:"button",class:{"co-rich-text-toolbar__btn":!0,"co-rich-text-toolbar__btn--active":o},"data-tooltip":r,"aria-label":r,"aria-expanded":String(o),disabled:!this.canRun(t),onMouseDown:t=>t.preventDefault(),onClick:()=>this.run(t),part:"button"},i?e("span",{class:"co-rich-text-toolbar__color-indicator"},e("span",{class:"co-rich-text-toolbar__color-letter"},"A"),e("span",{class:"co-rich-text-toolbar__color-bar",style:{background:a}})):e("span",{class:"co-rich-text-toolbar__color-indicator"},e("co-icon",{name:t.icon,size:16}),e("span",{class:"co-rich-text-toolbar__color-bar",style:{background:"transparent"===a?"#cccccc":a}}))),o&&this.renderColorPicker(t))}renderListPicker(t){var o,r;if(!(null===(o=t.options)||void 0===o?void 0:o.length))return null;if("taskListMenu"===t.action)return this.renderTaskListPicker(t);const a="orderedListMenu"===t.action,i=this.editor?null===(r=this.editor.getAttributes(a?"orderedList":"bulletList"))||void 0===r?void 0:r.listStyleType:null;return e("div",{class:"co-rich-text-toolbar__listpicker",onMouseDown:t=>{t.preventDefault(),t.stopPropagation()}},t.options.map((t=>e("button",{type:"button",class:{"co-rich-text-toolbar__listpicker-item":!0,"co-rich-text-toolbar__listpicker-item--active":i===t.payload},"data-tooltip":t.label,onMouseDown:t=>t.preventDefault(),onClick:()=>this.applyListStyle(a,t.payload)},e("ol",{class:{"co-rich-text-toolbar__listpicker-preview":!0,"co-rich-text-toolbar__listpicker-preview--ordered":a},style:{"list-style-type":t.payload}},e("li",null),e("li",null),e("li",null))))))}renderTaskListPicker(t){var o,r;const a=this.editor&&this.editor.isActive("taskList")?null!==(r=null===(o=this.editor.getAttributes("taskList"))||void 0===o?void 0:o.variant)&&void 0!==r?r:"strike":null;return e("div",{class:"co-rich-text-toolbar__listpicker co-rich-text-toolbar__listpicker--task",onMouseDown:t=>{t.preventDefault(),t.stopPropagation()}},t.options.map((t=>{const o=t.payload;return e("button",{type:"button",class:{"co-rich-text-toolbar__listpicker-item":!0,"co-rich-text-toolbar__listpicker-item--task":!0,"co-rich-text-toolbar__listpicker-item--active":a===o},"data-tooltip":t.label,onMouseDown:t=>t.preventDefault(),onClick:()=>this.applyTaskStyle(o)},e("span",{class:"co-rich-text-toolbar__taskpreview","data-variant":o},e("span",{class:"co-rich-text-toolbar__taskpreview-row"},e("span",{class:"co-rich-text-toolbar__taskpreview-box"}),e("span",{class:"co-rich-text-toolbar__taskpreview-line"})),e("span",{class:"co-rich-text-toolbar__taskpreview-row co-rich-text-toolbar__taskpreview-row--checked"},e("span",{class:"co-rich-text-toolbar__taskpreview-box co-rich-text-toolbar__taskpreview-box--checked"}),e("span",{class:"co-rich-text-toolbar__taskpreview-line"}))))})))}applyListStyle(t,o){const e=this.editor;if(!e)return;const r=e.chain().focus();t?e.isActive("orderedList")||r.toggleOrderedList():e.isActive("bulletList")||r.toggleBulletList(),r.setListStyleType(o).run(),this.coAction.emit({action:t?"orderedStyle":"bulletStyle",payload:o}),this.closePopover()}applyTaskStyle(t){const o=this.editor;if(!o)return;const e=o.chain().focus();o.isActive("taskList")||e.toggleTaskList(),e.setTaskListVariant(t).run(),this.coAction.emit({action:"taskStyle",payload:t}),this.closePopover()}renderInputPopover(t){var o,r;if("image"===t.action)return this.renderImagePopover();const a="link"===t.action,i="iframe"===t.action,n=a&&(null===(o=this.editor)||void 0===o?void 0:o.isActive("link"))||i&&(null===(r=this.editor)||void 0===r?void 0:r.isActive("iframe")),c="field"===t.action,s=c?this.s.fieldNamePlaceholder:"iframe"===t.action?this.s.iframeUrlPlaceholder:"link"===t.action?"https://...":this.s.youtubeUrlPlaceholder;return e("div",{class:"co-rich-text-toolbar__popover",onMouseDown:t=>{"INPUT"!==t.target.tagName&&t.preventDefault(),t.stopPropagation()}},e("input",{type:c?"text":"url",class:"co-rich-text-toolbar__popover-input",placeholder:s,"aria-label":s,value:this.popoverInput,onInput:t=>{this.popoverInput=t.target.value},onKeyDown:o=>{"Enter"===o.key&&this.submitPopover(t.action),"Escape"===o.key&&(o.stopPropagation(),this.closePopover())},ref:t=>t&&setTimeout((()=>t.focus()),0)}),e("div",{class:"co-rich-text-toolbar__popover-actions"},e("button",{type:"button",class:"co-rich-text-toolbar__popover-btn co-rich-text-toolbar__popover-btn--primary",onMouseDown:t=>t.preventDefault(),onClick:()=>this.submitPopover(t.action)},this.s.add),n&&e("button",{type:"button",class:"co-rich-text-toolbar__popover-btn co-rich-text-toolbar__popover-btn--danger",onMouseDown:t=>t.preventDefault(),onClick:()=>a?this.removeLink():this.removeIframe()},this.s.remove),e("button",{type:"button",class:"co-rich-text-toolbar__popover-btn",onMouseDown:t=>t.preventDefault(),onClick:()=>this.closePopover()},this.s.cancel)))}renderImagePopover(){return"url"===this.imagePopoverMode?e("div",{class:"co-rich-text-toolbar__popover",onMouseDown:t=>{"INPUT"!==t.target.tagName&&t.preventDefault(),t.stopPropagation()}},e("input",{type:"url",class:"co-rich-text-toolbar__popover-input",placeholder:this.s.imageUrlPlaceholder,value:this.popoverInput,onInput:t=>{this.popoverInput=t.target.value},onKeyDown:t=>{"Enter"===t.key&&this.submitPopover("image"),"Escape"===t.key&&(t.stopPropagation(),this.imagePopoverMode="menu")},ref:t=>t&&setTimeout((()=>t.focus()),0)}),e("div",{class:"co-rich-text-toolbar__popover-actions"},e("button",{type:"button",class:"co-rich-text-toolbar__popover-btn co-rich-text-toolbar__popover-btn--primary",onMouseDown:t=>t.preventDefault(),onClick:()=>this.submitPopover("image")},this.s.add),e("button",{type:"button",class:"co-rich-text-toolbar__popover-btn",onMouseDown:t=>t.preventDefault(),onClick:()=>{this.imagePopoverMode="menu"}},this.s.back))):e("div",{class:"co-rich-text-toolbar__popover",onMouseDown:t=>{t.preventDefault(),t.stopPropagation()}},e("button",{type:"button",class:"co-rich-text-toolbar__popover-option",onMouseDown:t=>t.preventDefault(),onClick:()=>this.triggerImageFileUpload()},e("co-icon",{name:"upload-simple",size:16}),e("span",null,this.s.uploadFromComputer)),e("button",{type:"button",class:"co-rich-text-toolbar__popover-option",onMouseDown:t=>t.preventDefault(),onClick:()=>{this.imagePopoverMode="url"}},e("co-icon",{name:"link",size:16}),e("span",null,this.s.viaUrl)))}triggerAttachmentFileUpload(){const t=document.createElement("input");t.type="file",t.multiple=!0,this.attachmentAccept&&(t.accept=this.attachmentAccept),t.onchange=()=>{var o;const e=Array.from(null!==(o=t.files)&&void 0!==o?o:[]);e.length&&this.coAttachmentsSelected.emit({files:e})},t.click()}triggerImageFileUpload(){const t=document.createElement("input");t.type="file",t.accept="image/*",t.onchange=()=>{var o;const e=null===(o=t.files)||void 0===o?void 0:o[0];if(!e||!this.editor)return;const r=new FileReader;r.onload=()=>{const t=r.result;this.editor.chain().focus().setImage({src:t}).run(),this.imageUpload&&this.imageUpload(e).then((o=>{var e;const r="string"==typeof o?{src:o}:{src:o.src,dataFileId:null!==(e=o.fileId)&&void 0!==e?e:null},{state:a}=this.editor.view;a.doc.descendants(((o,e)=>{if("image"===o.type.name&&o.attrs.src===t){const t=this.editor.view.state.tr.setNodeMarkup(e,void 0,Object.assign(Object.assign({},o.attrs),r));return this.editor.view.dispatch(t),!1}}))})).catch((()=>{})),this.coAction.emit({action:"image",payload:t})},r.readAsDataURL(e),this.closePopover()},t.click()}isDropdownOptionActive(t){var o,e,r;if(!this.editor)return!1;try{if("textAlign"===t.action)return this.editor.isActive({textAlign:t.payload});if("lineHeight"===t.action){const r=this.editor.getAttributes("paragraph");return(null!==(o=null==r?void 0:r.lineHeight)&&void 0!==o?o:null)===(null!==(e=t.payload)&&void 0!==e?e:null)}if("letterSpacing"===t.action){const o=this.editor.getAttributes("textStyle"),e=null!==(r=null==o?void 0:o.letterSpacing)&&void 0!==r?r:null;return"normal"===t.payload?null===e||"normal"===e:e===t.payload}if("heading"===t.action)return this.editor.isActive("heading",t.payload);if("paragraph"===t.action)return!this.editor.isActive("heading")}catch(t){}return!1}applyDropdownCustom(t,o){const e=this.editor,r=o.trim();if(!e||!r)return;const a=e.chain().focus();if("fontSize"===t){const t=parseFloat(r);if(!(t>0))return;a.setFontSize(/^\d+(\.\d+)?$/.test(r)?`${t}px`:r).run()}else"lineSpacing"===t?a.setLineHeight(r).run():"letterSpacing"===t&&("normal"===r?a.unsetLetterSpacing().run():a.setLetterSpacing(r).run());this.closePopover()}renderDropdown(t){var o;if(!(null===(o=t.options)||void 0===o?void 0:o.length))return null;const r="fontFamily"===t.action,a="headingStyle"===t.action,i="lineSpacing"===t.action,n="letterSpacing"===t.action,c="alignment"===t.action||i||n||a,s="fontSize"===t.action?{placeholder:this.s.sizePlaceholder}:i?{placeholder:this.s.lineSpacingPlaceholder}:n?{placeholder:this.s.letterSpacingPlaceholder}:null;return e("div",{class:"co-rich-text-toolbar__dropdown",onMouseDown:t=>{t.preventDefault(),t.stopPropagation()}},s&&e("div",{class:"co-rich-text-toolbar__dropdown-input-wrap"},e("input",{type:"text",class:"co-rich-text-toolbar__dropdown-input",placeholder:s.placeholder,onMouseDown:t=>t.stopPropagation(),onKeyDown:o=>{"Enter"===o.key?(this.applyDropdownCustom(t.action,o.target.value),o.target.value=""):"Escape"===o.key&&this.closePopover()}})),t.options.map((o=>{var i;if("separator"===o.action)return e("div",{class:"co-rich-text-toolbar__dropdown-sep-label"},e("span",null,this.tOpt(o)));const n={},s=c&&this.isDropdownOptionActive(o);if(a&&"heading"===o.action){const t=null===(i=o.payload)||void 0===i?void 0:i.level;n.fontSize=1===t?"20px":2===t?"16px":"14px",n.fontWeight="600"}return r&&o.payload&&(n.fontFamily=o.payload),e("button",{type:"button",class:{"co-rich-text-toolbar__dropdown-item":!0,"co-rich-text-toolbar__dropdown-item--active":s},style:n,onMouseDown:t=>t.preventDefault(),onClick:()=>this.handleDropdownSelect(t,o)},c&&e("span",{class:"co-rich-text-toolbar__dropdown-check"},s?e("co-icon",{name:"check",size:14}):null),o.icon&&e("co-icon",{name:o.icon,size:16}),e("span",null,this.tOpt(o)))})))}handleDropdownSelect(t,o){const e=this.editor;if(!e)return;const r=e.chain().focus();switch(o.action){case"heading":r.toggleHeading(o.payload).run();break;case"paragraph":r.setParagraph().run();break;case"fontSize":r.setFontSize(o.payload).run();break;case"fontFamily":r.setFontFamily(o.payload).run();break;case"textAlign":r.setTextAlign(o.payload).run();break;case"lineHeight":r.setLineHeight(o.payload).run();break;case"letterSpacing":"normal"===o.payload?r.unsetLetterSpacing().run():r.setLetterSpacing(o.payload).run();break;case"callout":r.insertCallout(o.payload).run()}this.coAction.emit({action:o.action,payload:o.payload}),this.closePopover()}renderTableGrid(){return e("div",{class:"co-rich-text-toolbar__table-picker",onMouseDown:t=>{"INPUT"!==t.target.tagName&&t.preventDefault(),t.stopPropagation()}},e("div",{class:"co-rich-text-toolbar__table-header"},e("co-icon",{name:"table",size:16}),e("span",{class:"co-rich-text-toolbar__table-title"},this.s.configureTable),e("button",{type:"button",class:"co-rich-text-toolbar__table-close",onMouseDown:t=>t.preventDefault(),onClick:()=>this.closePopover()},e("co-icon",{name:"x",size:16}))),e("div",{class:"co-rich-text-toolbar__table-tabs"},e("button",{type:"button",class:{"co-rich-text-toolbar__table-tab":!0,"co-rich-text-toolbar__table-tab--active":"grid"===this.tableTab},onMouseDown:t=>t.preventDefault(),onClick:()=>{this.tableTab="grid"}},this.s.grid),e("button",{type:"button",class:{"co-rich-text-toolbar__table-tab":!0,"co-rich-text-toolbar__table-tab--active":"manual"===this.tableTab},onMouseDown:t=>t.preventDefault(),onClick:()=>{this.tableTab="manual"}},this.s.manual)),"grid"===this.tableTab&&this.renderGridTab(),"manual"===this.tableTab&&this.renderManualTab(),e("label",{class:"co-rich-text-toolbar__table-check"},e("input",{type:"checkbox",checked:this.tableWithHeader,onChange:t=>{this.tableWithHeader=t.target.checked}}),e("span",null,this.s.includeHeaderRow)),"manual"===this.tableTab&&e("div",{class:"co-rich-text-toolbar__table-actions"},e("button",{type:"button",class:"co-rich-text-toolbar__table-btn co-rich-text-toolbar__table-btn--secondary",onMouseDown:t=>t.preventDefault(),onClick:()=>this.closePopover()},this.s.cancel),e("button",{type:"button",class:"co-rich-text-toolbar__table-btn co-rich-text-toolbar__table-btn--primary",onMouseDown:t=>t.preventDefault(),onClick:()=>this.insertTable(this.tableManualRows,this.tableManualCols)},this.s.createTable)))}renderGridTab(){const t=[],o=this.gridLockedRows>0,r=o?this.gridLockedRows:this.gridHoverRows,a=o?this.gridLockedCols:this.gridHoverCols;for(let i=1;i<=8;i++)for(let n=1;n<=8;n++)t.push(e("div",{class:{"co-rich-text-toolbar__grid-cell":!0,"co-rich-text-toolbar__grid-cell--active":i<=r&&n<=a},onMouseEnter:()=>{o||(this.gridHoverRows=i,this.gridHoverCols=n)},onMouseDown:t=>t.preventDefault(),onClick:()=>{this.gridLockedRows=i,this.gridLockedCols=n}}));const i=this.s,n=r>0?`${a} × ${r} (${a} ${i.columns.toLowerCase()} × ${r} ${i.rows.toLowerCase()})`:i.selectSize;return e("div",{class:"co-rich-text-toolbar__grid-container",onMouseLeave:()=>{o||(this.gridHoverRows=0,this.gridHoverCols=0)}},e("div",{class:"co-rich-text-toolbar__grid",style:{"grid-template-columns":"repeat(8, 1fr)"}},t),e("div",{class:"co-rich-text-toolbar__grid-footer"},e("span",{class:"co-rich-text-toolbar__grid-label"},n),o&&e("button",{type:"button",class:"co-rich-text-toolbar__grid-reset",onMouseDown:t=>t.preventDefault(),onClick:()=>{this.gridLockedRows=0,this.gridLockedCols=0,this.gridHoverRows=0,this.gridHoverCols=0}},i.changeSelection)),o&&e("div",{class:"co-rich-text-toolbar__table-actions"},e("button",{type:"button",class:"co-rich-text-toolbar__table-btn co-rich-text-toolbar__table-btn--secondary",onMouseDown:t=>t.preventDefault(),onClick:()=>this.closePopover()},i.cancel),e("button",{type:"button",class:"co-rich-text-toolbar__table-btn co-rich-text-toolbar__table-btn--primary",onMouseDown:t=>t.preventDefault(),onClick:()=>this.insertTable(this.gridLockedRows,this.gridLockedCols)},i.createTable)))}renderManualTab(){return e("div",{class:"co-rich-text-toolbar__table-manual"},e("div",{class:"co-rich-text-toolbar__table-field"},e("label",null,this.s.columns,":"),e("input",{type:"number",min:"1",max:"20",value:this.tableManualCols,onInput:t=>{this.tableManualCols=Math.max(1,parseInt(t.target.value)||1)}})),e("div",{class:"co-rich-text-toolbar__table-field"},e("label",null,this.s.rows,":"),e("input",{type:"number",min:"1",max:"50",value:this.tableManualRows,onInput:t=>{this.tableManualRows=Math.max(1,parseInt(t.target.value)||1)}})))}insertTable(t,o){const e=this.editor;if(!e)return;if(e.isActive("table"))return void this.closePopover();const r=this.tableWithHeader,a=t=>({type:"tableHeader",content:[{type:"paragraph",content:[{type:"text",text:`${this.s.tableHeaderLabel} ${t+1}`}]}]}),i=[];r&&i.push({type:"tableRow",content:Array.from({length:o},((t,o)=>a(o)))});const n=r?t-1:t;for(let t=0;t<n;t++)i.push({type:"tableRow",content:Array.from({length:o},(()=>({type:"tableCell",content:[{type:"paragraph"}]})))});e.chain().focus().insertContent({type:"table",content:i}).run(),this.coAction.emit({action:"table",payload:{rows:t,cols:o,withHeaderRow:r}}),this.closePopover()}renderColorPicker(t){return e("div",{class:"co-rich-text-toolbar__color-picker",onMouseDown:t=>{"INPUT"!==t.target.tagName&&t.preventDefault(),t.stopPropagation()}},e("div",{class:"co-rich-text-toolbar__color-grid"},this.colorPalette.map((o=>e("button",{type:"button",class:"co-rich-text-toolbar__color-swatch",style:Object.assign({background:o},"#ffffff"===o?{border:"1px solid #ccc"}:{}),title:o,onMouseDown:t=>t.preventDefault(),onClick:()=>this.selectColor(t.action,o)})))),e("div",{class:"co-rich-text-toolbar__color-hex"},e("input",{type:"text",class:"co-rich-text-toolbar__color-hex-input",placeholder:"#hex",maxLength:7,value:this.colorHexInput,onInput:t=>{this.colorHexInput=t.target.value},onKeyDown:o=>{if("Enter"===o.key){const o=this.colorHexInput.trim();/^#[0-9a-fA-F]{3,6}$/.test(o)&&(this.selectColor(t.action,o),this.colorHexInput="")}else"Escape"===o.key&&(o.stopPropagation(),this.closePopover())}})),e("button",{type:"button",class:"co-rich-text-toolbar__color-clear",onMouseDown:t=>t.preventDefault(),onClick:()=>this.clearColor(t.action)},e("co-icon",{name:"x",size:12}),e("span",null,this.s.removeColor)))}render(){if("none"===this.variant||0===this.items.length)return null;const t=this.parsedExtraItems,o=t=>this.isSeparator(t)?e("span",{class:"co-rich-text-toolbar__sep"}):this.renderButton(t);return e("div",{class:"co-rich-text-toolbar",role:"toolbar","aria-label":"Formatting",part:"toolbar"},this.items.map(o),"document"===this.variant&&this.tableContextItems.map(o),t.length>0&&e("span",{class:"co-rich-text-toolbar__sep"}),t.map((t=>e("button",{type:"button",key:`extra-${t.id}`,class:"co-rich-text-toolbar__btn co-rich-text-toolbar__btn--extra",part:"button",disabled:this.disabled,onMouseDown:t=>t.preventDefault(),onClick:()=>this.coAction.emit({action:t.id,payload:{extra:!0}})},t.icon&&e("co-icon",{name:t.icon,size:18}),e("span",{class:"co-rich-text-toolbar__extra-label"},t.label)))))}get el(){return r(this)}static get watchers(){return{variant:[{onVariantChange:0}],attachmentsEnabled:[{onAttachmentsEnabledChange:0}],documentHeaderEnabled:[{onDocumentHeaderEnabledChange:0}],editor:[{onEditorChange:0}],openPopover:[{onOpenPopoverChange:0}]}}};h.ITEM_COMMAND={table:"insertTable",image:"setImage",youtube:"setYoutubeVideo",iframe:"setIframe",callout:"insertCallout",fontFamily:"setFontFamily",fontSize:"setFontSize",highlight:"toggleHighlight",alignment:"setTextAlign",lineSpacing:"setLineHeight",letterSpacing:"setLetterSpacing",taskListMenu:"toggleTaskList",indentIncrease:"indent",indentDecrease:"outdent",codeBlock:"toggleCodeBlock",blockquote:"toggleBlockquote",horizontalRule:"setHorizontalRule",bulletListMenu:"toggleBulletList",orderedListMenu:"toggleOrderedList"},h.DOCUMENT_ITEM_COMMAND={link:"setLink",headingStyle:"toggleHeading",bulletList:"toggleBulletList",orderedList:"toggleOrderedList",field:"insertField",signature:"insertSignatureSlot"},h.style=':host{display:block;font-family:var(--co-font-family-primary);z-index:10;flex-shrink:0;background:var(--co-semantic-surface-secondary, #fff);overflow:visible}.co-rich-text-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--co-spacing-xxs, 2px);padding:var(--co-spacing-xs) var(--co-spacing-sm);border-bottom:1px solid var(--co-semantic-border-subtle);background:var(--co-semantic-surface-secondary);border-top-left-radius:inherit;border-top-right-radius:inherit}.co-rich-text-toolbar__btn-wrap,.co-rich-text-toolbar__split-wrap{overflow:visible}[data-tooltip]{position:relative}[data-tooltip]::after{content:attr(data-tooltip);position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);padding:4px 8px;background:var(--co-color-base-negro, #1a1a1a);color:var(--co-color-base-blanco, #fff);font-size:11px;font-weight:500;line-height:1.3;white-space:nowrap;border-radius:4px;pointer-events:none;opacity:0;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out);z-index:9999}[data-tooltip]:hover::after{opacity:1;transition-delay:0.4s}[data-tooltip]:active::after,[data-tooltip][aria-expanded="true"]::after{opacity:0 !important;transition-delay:0s}.co-rich-text-toolbar__btn-wrap{position:relative;display:inline-flex}.co-rich-text-toolbar__btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:none;border-radius:var(--co-border-radius-xxs);background:transparent;color:var(--co-semantic-text-default, #333);cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-rich-text-toolbar__btn:hover:not(:disabled):not(.co-rich-text-toolbar__btn--active){background:var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.08));color:var(--co-semantic-text-default, #1a1a1a)}.co-rich-text-toolbar__btn--active{background:var(--co-color-base-negro, #1a1a1a);color:var(--co-color-base-blanco, #fff)}.co-rich-text-toolbar__btn--active:hover{background:var(--co-color-base-negro, #333);color:var(--co-color-base-blanco, #fff)}.co-rich-text-toolbar__btn:disabled{opacity:0.4;cursor:not-allowed}.co-rich-text-toolbar__btn:focus-visible{outline:2px solid var(--co-semantic-border-focus, var(--co-color-base-negro, #1a1a1a));outline-offset:1px}.co-rich-text-toolbar__select-btn{display:inline-flex;align-items:center;gap:2px;height:30px;padding:0 6px;border:1px solid transparent;border-radius:var(--co-border-radius-xxs, 4px);background:transparent;color:var(--co-semantic-text-default, #333);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);cursor:pointer;white-space:nowrap;transition:background var(--co-motion-duration-fast), border-color var(--co-motion-duration-fast)}.co-rich-text-toolbar__select-btn:hover:not(:disabled){background:var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.06));border-color:var(--co-semantic-border-default, #e0e0e0)}.co-rich-text-toolbar__select-btn--open{background:var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.06));border-color:var(--co-semantic-border-default, #e0e0e0)}.co-rich-text-toolbar__select-btn:disabled{opacity:0.4;cursor:not-allowed}.co-rich-text-toolbar__select-label{max-width:100px;overflow:hidden;text-overflow:ellipsis}.co-rich-text-toolbar__sep{display:inline-block;width:1px;height:20px;margin:0 var(--co-spacing-xs, 4px);background:var(--co-semantic-border-subtle, rgba(0, 0, 0, 0.12))}.co-rich-text-toolbar__popover{position:absolute;top:100%;left:0;z-index:100;display:flex;flex-direction:column;gap:var(--co-spacing-xs, 4px);min-width:280px;padding:var(--co-spacing-sm, 8px);background:var(--co-semantic-surface-secondary, #fff);border:1px solid var(--co-semantic-border-default, #e0e0e0);border-radius:var(--co-border-radius-xs, 8px);box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);margin-top:var(--co-spacing-xs, 4px)}.co-rich-text-toolbar__popover-input{width:100%;padding:6px 10px;border:1px solid var(--co-semantic-border-default, #ccc);border-radius:var(--co-border-radius-xxs, 4px);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);outline:none;box-sizing:border-box}.co-rich-text-toolbar__popover-input:focus{border-color:var(--co-color-base-negro, #1a1a1a);box-shadow:0 0 0 2px rgba(0, 0, 0, 0.1)}.co-rich-text-toolbar__popover-actions{display:flex;gap:var(--co-spacing-xs, 4px)}.co-rich-text-toolbar__popover-btn{padding:4px 12px;border:1px solid var(--co-semantic-border-default, #ccc);border-radius:var(--co-border-radius-xxs, 4px);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);cursor:pointer;background:var(--co-semantic-surface-secondary, #fff);color:var(--co-semantic-text-default, #333);transition:background var(--co-motion-duration-fast)}.co-rich-text-toolbar__popover-btn:hover:not(.co-rich-text-toolbar__popover-btn--primary){background:var(--co-semantic-surface-hover, #f5f5f5)}.co-rich-text-toolbar__popover-btn--primary{background:var(--co-color-base-negro, #1a1a1a);color:#fff;border-color:var(--co-color-base-negro, #1a1a1a)}.co-rich-text-toolbar__popover-btn--primary:hover{background:var(--co-color-base-negro, #333);color:#fff}.co-rich-text-toolbar__popover-btn--danger{color:var(--co-semantic-text-error, var(--co-color-status-error, #aa2e1b));border-color:var(--co-color-status-error, #aa2e1b)}.co-rich-text-toolbar__popover-option{display:flex;align-items:center;gap:var(--co-spacing-sm, 8px);width:100%;padding:8px 10px;border:none;border-radius:var(--co-border-radius-xxs, 4px);background:transparent;color:var(--co-semantic-text-default, #333);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);cursor:pointer;text-align:left;transition:background var(--co-motion-duration-fast)}.co-rich-text-toolbar__popover-option:hover{background:var(--co-semantic-surface-hover, #f5f5f5)}.co-rich-text-toolbar__dropdown{position:absolute;top:100%;left:0;z-index:100;display:flex;flex-direction:column;min-width:180px;max-height:360px;overflow-y:auto;padding:var(--co-spacing-xs, 4px);background:var(--co-semantic-surface-secondary, #fff);border:1px solid var(--co-semantic-border-default, #e0e0e0);border-radius:var(--co-border-radius-xs, 8px);box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);margin-top:var(--co-spacing-xs, 4px)}.co-rich-text-toolbar__dropdown-item{display:flex;align-items:center;gap:var(--co-spacing-sm, 8px);padding:6px 10px;border:none;border-radius:var(--co-border-radius-xxs, 4px);background:transparent;color:var(--co-semantic-text-default, #333);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);cursor:pointer;text-align:left;transition:background var(--co-motion-duration-fast)}.co-rich-text-toolbar__dropdown-item:hover{background:var(--co-semantic-surface-hover, #f5f5f5)}.co-rich-text-toolbar__dropdown-sep{height:1px;margin:4px 0;background:var(--co-semantic-border-default, #e0e0e0)}.co-rich-text-toolbar__dropdown-sep-label{padding:6px 10px 2px;font-family:var(--co-font-family-primary);font-size:11px;font-weight:600;color:var(--co-semantic-text-muted, #999);letter-spacing:0.03em;border-top:1px solid var(--co-semantic-border-default, #e0e0e0);margin-top:2px}.co-rich-text-toolbar__dropdown-input-wrap{padding:6px 8px;border-bottom:1px solid var(--co-semantic-border-default, #e0e0e0)}.co-rich-text-toolbar__dropdown-input{width:100%;padding:4px 8px;border:1px solid var(--co-semantic-border-default, #e0e0e0);border-radius:4px;font-size:13px;font-family:var(--co-font-family-primary);outline:none;box-sizing:border-box}.co-rich-text-toolbar__dropdown-input:focus{border-color:var(--co-color-base-negro, #1a1a1a);box-shadow:0 0 0 2px rgba(0, 0, 0, 0.1)}.co-rich-text-toolbar__color-picker{position:absolute;top:100%;left:0;z-index:100;display:flex;flex-direction:column;gap:var(--co-spacing-xs, 4px);padding:var(--co-spacing-sm, 8px);background:var(--co-semantic-surface-secondary, #fff);border:1px solid var(--co-semantic-border-default, #e0e0e0);border-radius:var(--co-border-radius-xs, 8px);box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);margin-top:var(--co-spacing-xs, 4px)}.co-rich-text-toolbar__color-grid{display:grid;grid-template-columns:repeat(10, 1fr);gap:2px}.co-rich-text-toolbar__color-swatch{width:22px;height:22px;padding:0;border:none;border-radius:3px;cursor:pointer;transition:transform var(--co-motion-duration-fast), box-shadow var(--co-motion-duration-fast)}.co-rich-text-toolbar__color-swatch:hover{transform:scale(1.2);box-shadow:0 0 0 2px var(--co-color-base-negro, #1a1a1a)}.co-rich-text-toolbar__color-clear{display:flex;align-items:center;gap:var(--co-spacing-xs, 4px);padding:4px 8px;border:none;background:transparent;color:var(--co-semantic-text-secondary, #666);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);cursor:pointer;border-radius:var(--co-border-radius-xxs, 4px);margin-top:var(--co-spacing-xxs, 2px)}.co-rich-text-toolbar__color-clear:hover{background:var(--co-semantic-surface-hover, #f5f5f5);color:var(--co-semantic-text-default, #333)}.co-rich-text-toolbar__table-picker{position:absolute;top:100%;left:0;z-index:100;display:flex;flex-direction:column;width:280px;padding:var(--co-spacing-lg, 16px);background:var(--co-semantic-surface-secondary, #fff);border:1px solid var(--co-semantic-border-default, #e0e0e0);border-radius:var(--co-border-radius-xs, 8px);box-shadow:0 8px 24px rgba(0, 0, 0, 0.12);margin-top:var(--co-spacing-xs, 4px)}.co-rich-text-toolbar__table-header{display:flex;align-items:center;gap:var(--co-spacing-sm, 8px);margin-bottom:var(--co-spacing-md, 12px)}.co-rich-text-toolbar__table-title{flex:1;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);font-weight:600;letter-spacing:0.06em;color:var(--co-semantic-text-secondary, #666)}.co-rich-text-toolbar__table-close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--co-border-radius-xxs, 4px);background:transparent;color:var(--co-semantic-text-secondary, #666);cursor:pointer}.co-rich-text-toolbar__table-close:hover{background:var(--co-semantic-surface-hover, #f0f0f0)}.co-rich-text-toolbar__table-tabs{display:flex;gap:0;margin-bottom:var(--co-spacing-md, 12px);border:1px solid var(--co-semantic-border-default, #e0e0e0);border-radius:var(--co-border-radius-xxs, 4px);overflow:hidden}.co-rich-text-toolbar__table-tab{flex:1;padding:var(--co-spacing-sm, 8px) var(--co-spacing-md, 12px);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-13, 13px);font-weight:500;border:none;background:transparent;color:var(--co-semantic-text-secondary, #666);cursor:pointer;transition:background var(--co-motion-duration-fast), color var(--co-motion-duration-fast)}.co-rich-text-toolbar__table-tab:hover{background:var(--co-semantic-surface-hover, #f5f5f5)}.co-rich-text-toolbar__table-tab--active{background:var(--co-color-base-negro, #1a1a1a);color:var(--co-color-base-blanco, #fff)}.co-rich-text-toolbar__grid-container{display:flex;flex-direction:column;gap:var(--co-spacing-sm, 8px);margin-bottom:var(--co-spacing-md, 12px)}.co-rich-text-toolbar__grid{display:grid;gap:3px}.co-rich-text-toolbar__grid-cell{width:24px;height:24px;border:1px solid var(--co-semantic-border-default, #d0d0d0);border-radius:3px;background:transparent;cursor:pointer;transition:background var(--co-motion-duration-instant), border-color var(--co-motion-duration-instant)}.co-rich-text-toolbar__grid-cell:hover,.co-rich-text-toolbar__grid-cell--active{background:var(--co-color-base-negro, #1a1a1a);border-color:var(--co-color-base-negro, #1a1a1a)}.co-rich-text-toolbar__grid-footer{display:flex;align-items:center;justify-content:space-between}.co-rich-text-toolbar__grid-label{font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);color:var(--co-semantic-text-muted, #999)}.co-rich-text-toolbar__grid-reset{font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);color:var(--co-semantic-text-default, #333);text-decoration:underline;border:none;background:transparent;cursor:pointer;padding:0}.co-rich-text-toolbar__table-manual{display:flex;flex-direction:column;gap:var(--co-spacing-md, 12px);margin-bottom:var(--co-spacing-md, 12px)}.co-rich-text-toolbar__table-field{display:flex;align-items:center;gap:var(--co-spacing-md, 12px)}.co-rich-text-toolbar__table-field label{font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-default, #333);min-width:70px}.co-rich-text-toolbar__table-field input{flex:1;padding:var(--co-spacing-sm, 8px) var(--co-spacing-md, 12px);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);border:1px solid var(--co-semantic-border-default, #e0e0e0);border-radius:var(--co-border-radius-xxs, 4px);background:var(--co-semantic-surface-secondary, #fff);outline:none}.co-rich-text-toolbar__table-field input:focus{border-color:var(--co-color-base-negro, #1a1a1a)}.co-rich-text-toolbar__table-check{display:flex;align-items:center;gap:var(--co-spacing-sm, 8px);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-default, #333);cursor:pointer;margin-bottom:var(--co-spacing-md, 12px)}.co-rich-text-toolbar__table-check input{width:18px;height:18px;cursor:pointer;accent-color:var(--co-color-base-negro, #1a1a1a)}.co-rich-text-toolbar__table-actions{display:flex;gap:var(--co-spacing-sm, 8px);justify-content:flex-end}.co-rich-text-toolbar__table-btn{padding:var(--co-spacing-sm, 8px) var(--co-spacing-lg, 16px);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-13, 13px);font-weight:500;border:none;border-radius:var(--co-border-radius-xxs, 4px);cursor:pointer;transition:opacity var(--co-motion-duration-fast)}.co-rich-text-toolbar__table-btn--primary{background:var(--co-color-base-negro, #1a1a1a);color:var(--co-color-base-blanco, #fff)}.co-rich-text-toolbar__table-btn--primary:hover{opacity:0.85}.co-rich-text-toolbar__table-btn--secondary{background:transparent;color:var(--co-semantic-text-default, #333)}.co-rich-text-toolbar__table-btn--secondary:hover{background:var(--co-semantic-surface-hover, #f5f5f5)}.co-rich-text-toolbar__split-wrap{position:relative;display:inline-flex;align-items:center}.co-rich-text-toolbar__split-main{border-top-right-radius:0;border-bottom-right-radius:0;width:28px}.co-rich-text-toolbar__split-caret{display:inline-flex;align-items:center;justify-content:center;width:16px;height:30px;padding:0;border:none;border-radius:var(--co-border-radius-xxs);border-top-left-radius:0;border-bottom-left-radius:0;background:transparent;color:var(--co-semantic-text-default, #333);cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-rich-text-toolbar__split-caret:hover:not(:disabled),.co-rich-text-toolbar__split-caret--open{background:var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.08))}.co-rich-text-toolbar__split-caret:disabled{opacity:0.4;cursor:not-allowed}.co-rich-text-toolbar__listpicker{position:absolute;top:100%;left:0;z-index:100;display:grid;grid-template-columns:repeat(3, 1fr);gap:14px;padding:16px;background:var(--co-semantic-surface-secondary, #fff);border:1px solid var(--co-semantic-border-default, #e0e0e0);border-radius:var(--co-border-radius-xs, 8px);box-shadow:0 8px 24px rgba(0, 0, 0, 0.14);margin-top:var(--co-spacing-xs, 4px)}.co-rich-text-toolbar__listpicker-item{display:flex;align-items:center;justify-content:flex-start;width:76px;height:60px;padding:0;border:1px solid var(--co-semantic-border-default, #e3e3e3);border-radius:8px;background:var(--co-semantic-surface-secondary, #fff);cursor:pointer;transition:border-color var(--co-motion-duration-fast), box-shadow var(--co-motion-duration-fast), background var(--co-motion-duration-fast)}.co-rich-text-toolbar__listpicker-item:hover{border-color:var(--co-color-base-negro, #1a1a1a);background:var(--co-semantic-surface-hover, #fafafa)}.co-rich-text-toolbar__listpicker-item--active{border-color:var(--co-color-base-negro, #1a1a1a);box-shadow:0 0 0 1.5px var(--co-color-base-negro, #1a1a1a)}.co-rich-text-toolbar__listpicker-preview{margin:0;padding:0 0 0 22px;list-style-position:outside;pointer-events:none}.co-rich-text-toolbar__listpicker-preview li{height:3px;width:30px;margin:7px 0;background:var(--co-semantic-border-default, #cfcfcf);border-radius:2px}.co-rich-text-toolbar__listpicker-preview li::marker{color:var(--co-color-base-negro, #1a1a1a);font-size:11px;font-weight:600}.co-rich-text-toolbar__listpicker--task{grid-template-columns:repeat(2, 1fr)}.co-rich-text-toolbar__listpicker-item--task{width:92px;justify-content:center}.co-rich-text-toolbar__taskpreview{display:flex;flex-direction:column;gap:9px}.co-rich-text-toolbar__taskpreview-row{display:flex;align-items:center;gap:7px}.co-rich-text-toolbar__taskpreview-box{flex:0 0 auto;width:11px;height:11px;border:1.5px solid var(--co-color-base-negro, #1a1a1a);border-radius:3px;box-sizing:border-box}.co-rich-text-toolbar__taskpreview-box--checked{position:relative;background:var(--co-color-base-negro, #1a1a1a)}.co-rich-text-toolbar__taskpreview-box--checked::after{content:\'\';position:absolute;left:3px;top:0.5px;width:3px;height:6px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.co-rich-text-toolbar__taskpreview-line{position:relative;width:34px;height:3px;background:var(--co-semantic-border-default, #cfcfcf);border-radius:2px}.co-rich-text-toolbar__taskpreview[data-variant="strike"] .co-rich-text-toolbar__taskpreview-row--checked .co-rich-text-toolbar__taskpreview-line::after{content:\'\';position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:1.5px;background:var(--co-color-base-negro, #1a1a1a)}.co-rich-text-toolbar__dropdown-check{display:inline-flex;align-items:center;justify-content:center;width:18px;flex-shrink:0}.co-rich-text-toolbar__dropdown-item--active{background:var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.04));font-weight:600}.co-rich-text-toolbar__align-group{display:inline-flex;align-items:center;gap:0}.co-rich-text-toolbar__color-indicator{display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1}.co-rich-text-toolbar__color-letter{font-family:var(--co-font-family-primary);font-size:14px;font-weight:700;color:var(--co-semantic-text-default, #333);line-height:1}.co-rich-text-toolbar__color-bar{width:14px;height:3px;border-radius:1px}.co-rich-text-toolbar__color-hex{display:flex;align-items:center;gap:4px;margin-top:6px}.co-rich-text-toolbar__color-hex-input{width:100%;padding:3px 6px;border:1px solid var(--co-semantic-border-default, #ccc);border-radius:3px;background:var(--co-semantic-surface-secondary, #fff);color:var(--co-semantic-text-default, #333);font-family:var(--co-font-family-mono, monospace);font-size:11px;outline:none;box-sizing:border-box}.co-rich-text-toolbar__color-hex-input:focus{border-color:var(--co-color-base-negro, #1a1a1a);box-shadow:0 0 0 2px rgba(0, 0, 0, 0.1)}:host([position="bottom"]){background:transparent}:host([position="bottom"]) .co-rich-text-toolbar{border-bottom:0;background:transparent;border-radius:0}:host([position="bottom"]) .co-rich-text-toolbar__popover{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--co-spacing-xs, 4px)}:host([position="bottom"]) .co-rich-text-toolbar__dropdown{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--co-spacing-xs, 4px)}:host([position="bottom"]) .co-rich-text-toolbar__color-picker{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--co-spacing-xs, 4px)}:host([position="bottom"]) .co-rich-text-toolbar__table-picker{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--co-spacing-xs, 4px)}:host([position="bottom"]) .co-rich-text-toolbar__listpicker{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--co-spacing-xs, 4px)}.co-rich-text-toolbar__btn--extra{width:auto;gap:var(--co-spacing-xs);padding-inline:var(--co-spacing-sm2)}.co-rich-text-toolbar__extra-label{font-size:var(--co-font-size-13);white-space:nowrap}';export{h as co_rich_text_toolbar}
|
|
1
|
+
import{r as t,c as o,h as e,a as r}from"./p-DJkaRtbb.js";import{g as a}from"./p-EtYK1iGx.js";import{C as i,T as n,t as c}from"./p-CRxTFT_z.js";const s=/(auto|scroll|hidden|clip)/;function l(t){const o=t.getBoundingClientRect();if(void 0===t.clientWidth)return o;const e=t.offsetWidth&&o.width?o.width/t.offsetWidth:1,r=o.left+(t.clientLeft||0)*e;return{left:r,right:r+t.clientWidth*e}}function d(t){var o,e;if(t.parentElement)return t.parentElement;const r=null===(o=t.getRootNode)||void 0===o?void 0:o.call(t);return null!==(e=null==r?void 0:r.host)&&void 0!==e?e:null}const p=[".co-rich-text-toolbar__popover",".co-rich-text-toolbar__dropdown",".co-rich-text-toolbar__color-picker",".co-rich-text-toolbar__table-picker",".co-rich-text-toolbar__listpicker"].join(", "),b=class{constructor(e){t(this,e),this.coAction=o(this,"coAction",7),this.coPopoverChange=o(this,"coPopoverChange",7),this.coAttachmentsSelected=o(this,"coAttachmentsSelected",7),this.variant="basic",this.position="top",this.disabled=!1,this.locale="en",this.attachmentsEnabled=!1,this.documentHeaderEnabled=!1,this.items=[],this.tick=0,this.openPopover=null,this.popoverInput="",this.gridHoverRows=0,this.gridHoverCols=0,this.gridLockedRows=0,this.gridLockedCols=0,this.tableTab="grid",this.tableManualRows=3,this.tableManualCols=3,this.tableWithHeader=!1,this.tableContextItems=[],this.imagePopoverMode="menu",this.colorHexInput="",this.onTransaction=()=>{this.tick++,this.updateTableContext()},this.colorPalette=[],this._tableContextItems=[],this.handleHostMouseDown=t=>{t.composedPath().some((t=>t instanceof HTMLElement&&"INPUT"===t.tagName))||t.preventDefault()},this.handleDocumentClick=t=>{this.openPopover&&(this.el.contains(t.target)||this.closePopover())},this.run=t=>{const o=this.editor;if(!o||this.disabled)return;const e=o.chain().focus();switch(t.action){case"bold":e.toggleBold().run();break;case"italic":e.toggleItalic().run();break;case"underline":e.toggleUnderline().run();break;case"strike":e.toggleStrike().run();break;case"code":e.toggleCode().run();break;case"bulletList":case"bulletListMenu":e.toggleBulletList().run();break;case"orderedList":case"orderedListMenu":e.toggleOrderedList().run();break;case"taskListMenu":e.toggleTaskList().run();break;case"blockquote":e.toggleBlockquote().run();break;case"codeBlock":e.toggleCodeBlock().run();break;case"heading":e.toggleHeading(t.payload).run();break;case"horizontalRule":e.setHorizontalRule().run();break;case"textAlign":e.setTextAlign(t.payload).run();break;case"undo":e.undo().run();break;case"redo":e.redo().run();break;case"addColumnAfter":e.addColumnAfter().run();break;case"addColumnBefore":e.addColumnBefore().run();break;case"deleteColumn":e.deleteColumn().run();break;case"addRowAfter":e.addRowAfter().run();break;case"addRowBefore":e.addRowBefore().run();break;case"deleteRow":e.deleteRow().run();break;case"deleteTable":e.deleteTable().run();break;case"mergeCells":e.mergeCells().run();break;case"splitCell":e.splitCell().run();break;case"toggleHeaderRow":e.toggleHeaderRow().run();break;case"indentIncrease":o.isActive("bulletList")||o.isActive("orderedList")?e.sinkListItem("listItem").run():e.indent().run();break;case"indentDecrease":o.isActive("bulletList")||o.isActive("orderedList")?e.liftListItem("listItem").run():e.outdent().run();break;case"signature":e.insertSignatureSlot().run();break;case"documentHeader":return void this.coAction.emit({action:"documentHeader"});case"attachment":return void this.triggerAttachmentFileUpload();case"link":case"field":case"image":case"youtube":case"iframe":case"callout":case"fontSize":case"fontFamily":case"headingStyle":case"lineSpacing":case"letterSpacing":case"table":case"textColor":case"highlight":return void this.togglePopover(t.action);default:e.run()}this.coAction.emit({action:t.action,payload:t.payload})}}get s(){return a(this.locale)}tItem(t){var o;const e=this.s;return null!==(o={bold:e.bold,italic:e.italic,underline:e.underline,strike:e.strikethrough,code:e.code,headingStyle:e.styles,fontSize:e.fontSize,fontFamily:e.font,bulletList:e.bulletList,orderedList:e.orderedList,bulletListMenu:e.bulletList,orderedListMenu:e.orderedList,taskListMenu:e.taskList,blockquote:e.quote,codeBlock:e.codeBlock,horizontalRule:e.horizontalRule,link:e.link,image:e.image,youtube:e.youtubeVideo,iframe:e.iframeEmbed,attachment:e.attachFiles,table:e.table,textColor:e.textColor,highlight:e.highlight,alignment:e.alignment,lineSpacing:e.lineSpacing,letterSpacing:e.letterSpacing,indentIncrease:e.increaseIndent,indentDecrease:e.decreaseIndent,callout:e.callout,undo:e.undo,redo:e.redo,addColumnAfter:e.addColumnAfter,addColumnBefore:e.addColumnBefore,deleteColumn:e.deleteColumn,addRowAfter:e.addRowAfter,addRowBefore:e.addRowBefore,deleteRow:e.deleteRow,deleteTable:e.deleteTable,mergeCells:e.mergeCells,splitCell:e.splitCell,toggleHeaderRow:e.headerRow,field:e.field,signature:e.signature,documentHeader:e.documentHeader}[t.action])&&void 0!==o?o:t.label}tOpt(t){var o,e,r,a,i;const n=this.s;if("separator"===t.action)return`─── ${n.systemFonts} ───`;if("paragraph"===t.action)return n.normalText;if("heading"===t.action){const e=null===(o=t.payload)||void 0===o?void 0:o.level;if(1===e)return n.title;if(2===e)return n.subtitle;if(3===e)return n.heading3;if(4===e)return n.heading4}if("bulletStyle"===t.action)return null!==(e={disc:n.disc,circle:n.circle,square:n.square}[t.payload])&&void 0!==e?e:t.label;if("taskStyle"===t.action){if("strike"===t.payload)return n.strikeOnComplete;if("plain"===t.payload)return n.noStrikethrough}if("textAlign"===t.action)return null!==(r={left:n.left,center:n.center,right:n.right,justify:n.justify}[t.payload])&&void 0!==r?r:t.label;if("lineHeight"===t.action){if("1"===t.payload)return n.single;if("2"===t.payload)return n.double}return"letterSpacing"===t.action?null!==(a={normal:n.normal,"-0.05em":n.tight,"0.05em":n.light,"0.1em":n.wide,"0.2em":n.veryWide}[t.payload])&&void 0!==a?a:t.label:"callout"===t.action&&null!==(i={info:n.info,warning:n.warning,success:n.success,error:n.error}[t.payload])&&void 0!==i?i:t.label}connectedCallback(){this.el.addEventListener("mousedown",this.handleHostMouseDown),document.addEventListener("click",this.handleDocumentClick,!0)}componentWillLoad(){this.tableContextItems=[],this.items=this.resolveItems(this.variant),this.colorPalette=i,this._tableContextItems=n}onVariantChange(t){this.items=this.resolveItems(t)}onAttachmentsEnabledChange(){this.items=this.resolveItems(this.variant)}onDocumentHeaderEnabledChange(){this.items=this.resolveItems(this.variant)}get parsedExtraItems(){const t=this.extraItems;if(!t)return[];if("string"!=typeof t)return t;try{const o=JSON.parse(t);return Array.isArray(o)?o:[]}catch(t){return[]}}onEditorChange(t,o){null==o||o.off("transaction",this.onTransaction),null==t||t.on("transaction",this.onTransaction),this.items=this.resolveItems(this.variant),this.tick++}resolveItems(t){const o=c("none"===t?"compact":t),e=this.editor;if(!e)return o;const r=o.filter((o=>{var r;if(this.isSeparator(o))return!0;const a=o.action;if("attachment"===a)return this.attachmentsEnabled;if("documentHeader"===a)return this.documentHeaderEnabled;const i=null!==(r=b.ITEM_COMMAND[a])&&void 0!==r?r:"document"===t?b.DOCUMENT_ITEM_COMMAND[a]:void 0;return!i||(t=>{try{return"function"==typeof e.can()[t]}catch(t){return!0}})(i)})),a=[];for(const t of r)(!this.isSeparator(t)||a.length&&!this.isSeparator(a[a.length-1]))&&a.push(t);return a.length&&this.isSeparator(a[a.length-1])&&a.pop(),a}onOpenPopoverChange(t,o){!!t!=!!o&&this.coPopoverChange.emit({open:!!t})}componentDidRender(){this.fitOpenPanel()}fitOpenPanel(){var t;if(!this.openPopover||"undefined"==typeof window)return;const o=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelectorAll(p);if(!(null==o?void 0:o.length))return;const e=document.documentElement.clientWidth||window.innerWidth,r=function(t,o,e){const r={left:0,right:o};let a=d(t);for(;a;){if(s.test(e(a))){const t=l(a);r.left=Math.max(r.left,t.left),r.right=Math.min(r.right,t.right)}a=d(a)}return r}(this.el,e,(t=>getComputedStyle(t).overflowX));o.forEach((t=>{t.style.translate="";const o=t.getBoundingClientRect();if(!o.width)return;const e=t.offsetWidth&&o.width/t.offsetWidth||1,a=function(t,o,e=8){let r=0;return t.right>o.right-e&&(r=o.right-e-t.right),t.left+r<o.left+e&&(r=o.left+e-t.left),r}(o,r);a&&(t.style.translate=a/e+"px 0")}))}disconnectedCallback(){var t;null===(t=this.editor)||void 0===t||t.off("transaction",this.onTransaction),this.el.removeEventListener("mousedown",this.handleHostMouseDown),document.removeEventListener("click",this.handleDocumentClick,!0)}updateTableContext(){if(!this.editor)return void(this.tableContextItems.length&&(this.tableContextItems=[]));const t=this.editor.isActive("table");t&&!this.tableContextItems.length?this.tableContextItems=this._tableContextItems:!t&&this.tableContextItems.length&&(this.tableContextItems=[])}isSeparator(t){return"separator"===t.type}isActive(t){if(!this.editor)return!1;try{if("textAlign"===t.action)return this.editor.isActive({textAlign:t.payload});if("heading"===t.action)return this.editor.isActive("heading",t.payload);if("bulletListMenu"===t.action)return this.editor.isActive("bulletList");if("orderedListMenu"===t.action)return this.editor.isActive("orderedList");if("taskListMenu"===t.action)return this.editor.isActive("taskList");if("iframe"===t.action)return this.editor.isActive("iframe");if("youtube"===t.action)return this.editor.isActive("youtube");if("toggle"===t.type)return this.editor.isActive(t.action)}catch(t){}return!1}getDynamicIcon(t){return"alignment"===t.action&&this.editor?this.editor.isActive({textAlign:"center"})?"text-align-center":this.editor.isActive({textAlign:"right"})?"text-align-right":this.editor.isActive({textAlign:"justify"})?"text-align-justify":"text-align-left":t.icon}togglePopover(t){var o,e;this.openPopover===t?(this.openPopover=null,this.popoverInput=""):(this.openPopover=t,this.popoverInput="","link"===t&&(null===(o=this.editor)||void 0===o?void 0:o.isActive("link"))?this.popoverInput=this.editor.getAttributes("link").href||"":"iframe"===t&&(null===(e=this.editor)||void 0===e?void 0:e.isActive("iframe"))&&(this.popoverInput=this.editor.getAttributes("iframe").src||""))}closePopover(){this.openPopover=null,this.popoverInput="",this.colorHexInput="",this.imagePopoverMode="menu",this.gridLockedRows=0,this.gridLockedCols=0,this.gridHoverRows=0,this.gridHoverCols=0}submitPopover(t){const o=this.editor;if(!o||!this.popoverInput.trim())return void this.closePopover();const e=this.popoverInput.trim(),r="youtube"===t||"iframe"===t;r&&o.view.focus();const a=r?o.chain():o.chain().focus();switch(t){case"link":a.setLink({href:e}).run();break;case"field":a.insertField(e).run();break;case"image":a.setImage({src:e}).run();break;case"youtube":a.setYoutubeVideo({src:e}).run();break;case"iframe":o.isActive("iframe")?a.updateIframe({src:e}).run():a.setIframe({src:e}).run()}this.coAction.emit({action:t,payload:e}),this.closePopover(),r&&this.smoothScrollToInserted()}smoothScrollToInserted(){requestAnimationFrame((()=>{const t=this.editor;if(!t)return;const o=t.view.dom.querySelector(".ProseMirror-selectednode");if(o)return void o.scrollIntoView({behavior:"smooth",block:"center"});const{from:e}=t.state.selection,r=t.state.doc.resolve(e);if(r.nodeBefore)try{const o=t.view.nodeDOM(e-r.nodeBefore.nodeSize);o instanceof HTMLElement&&o.scrollIntoView({behavior:"smooth",block:"center"})}catch(t){}}))}removeLink(){const t=this.editor;t&&(t.chain().focus().unsetLink().run(),this.coAction.emit({action:"link",payload:null}),this.closePopover())}removeIframe(){const t=this.editor;t&&(t.chain().focus().deleteSelection().run(),this.coAction.emit({action:"iframe",payload:null}),this.closePopover())}selectColor(t,o){const e=this.editor;if(!e)return;const r=e.chain().focus();"textColor"===t?r.setColor(o).run():"highlight"===t&&r.setHighlight({color:o}).run(),this.coAction.emit({action:t,payload:o}),this.closePopover()}clearColor(t){const o=this.editor;if(!o)return;const e=o.chain().focus();"textColor"===t?e.unsetColor().run():"highlight"===t&&e.unsetHighlight().run(),this.coAction.emit({action:t,payload:null}),this.closePopover()}canRun(t){if(!this.editor||this.disabled)return!1;const o=this.editor,e=o.can(),r=(t,...o)=>{if("function"!=typeof e[t])return!0;try{return e[t](...o)}catch(t){return!0}};switch(t.action){case"undo":return r("undo");case"redo":return r("redo");case"table":return!o.isActive("table");case"bold":return r("toggleBold");case"italic":return r("toggleItalic");case"underline":return r("toggleUnderline");case"strike":return r("toggleStrike");case"code":return r("toggleCode");case"blockquote":return r("toggleBlockquote");case"codeBlock":return r("toggleCodeBlock");case"horizontalRule":return r("setHorizontalRule");case"bulletList":case"bulletListMenu":return r("toggleBulletList");case"orderedList":case"orderedListMenu":return r("toggleOrderedList");case"taskListMenu":return r("toggleTaskList");default:return!0}}getDropdownLabel(t){var o,e;if(!this.editor)return null;const r=this.s;if("headingStyle"===t.action)return this.editor.isActive("heading",{level:1})?r.title:this.editor.isActive("heading",{level:2})?r.subtitle:this.editor.isActive("heading",{level:3})?r.headingAbbr3:this.editor.isActive("heading",{level:4})?r.headingAbbr4:r.normal;if("fontSize"===t.action){const t=null===(o=this.editor.getAttributes("printFontSize"))||void 0===o?void 0:o.size,r=null!=t?t:null===(e=this.editor.getAttributes("textStyle"))||void 0===e?void 0:e.fontSize;return r?String(r).replace("px",""):"16"}if("fontFamily"===t.action){const t=this.editor.getAttributes("textStyle"),o=null==t?void 0:t.fontFamily;if(!o)return"Sans-serif";const e=o.replace(/['"]/g,"").split(",")[0].trim();return e.length>10?e.substring(0,10)+"…":e}return null}getActiveColor(t){var o,e;if(!this.editor)return"textColor"===t?"#000000":"transparent";const r=this.editor.getAttributes("textStyle");if("textColor"===t)return null!==(o=null==r?void 0:r.color)&&void 0!==o?o:"#000000";const a=this.editor.getAttributes("highlight");return null!==(e=null==a?void 0:a.color)&&void 0!==e?e:"transparent"}renderButton(t){var o,r;const a="popover"===t.type||"dropdown"===t.type||"color"===t.type||"grid"===t.type,i=this.openPopover===t.action,n="headingStyle"===t.action||"fontSize"===t.action||"fontFamily"===t.action,c=n?this.getDropdownLabel(t):null;if("alignment"===t.action&&(null===(o=t.options)||void 0===o?void 0:o.length))return this.renderAlignmentGroup(t);if("listpicker"===t.type){const o=this.isActive(t),r=this.tItem(t);return e("div",{class:"co-rich-text-toolbar__split-wrap",key:t.action},e("button",{type:"button",class:{"co-rich-text-toolbar__btn":!0,"co-rich-text-toolbar__split-main":!0,"co-rich-text-toolbar__btn--active":o},"data-tooltip":r,"aria-label":r,"aria-pressed":String(o),disabled:!this.canRun(t),onMouseDown:t=>t.preventDefault(),onClick:()=>this.run(t),part:"button"},e("co-icon",{name:t.icon,size:18})),e("button",{type:"button",class:{"co-rich-text-toolbar__split-caret":!0,"co-rich-text-toolbar__split-caret--open":i},"data-tooltip":`${this.s.stylesPrefix} ${r}`,"aria-label":`${this.s.stylesPrefix} ${r}`,"aria-expanded":String(i),disabled:!this.canRun(t),onMouseDown:t=>t.preventDefault(),onClick:()=>this.togglePopover(t.action)},e("co-icon",{name:"caret-down",size:10})),i&&this.renderListPicker(t))}if("color"===t.type)return this.renderColorButton(t);const s=this.tItem(t);return e("div",{class:"co-rich-text-toolbar__btn-wrap",key:`${t.action}-${JSON.stringify(null!==(r=t.payload)&&void 0!==r?r:"")}`},n?e("button",{type:"button",class:{"co-rich-text-toolbar__select-btn":!0,"co-rich-text-toolbar__select-btn--open":i},"data-tooltip":s,"aria-label":s,"aria-expanded":String(i),disabled:!this.canRun(t),onMouseDown:t=>t.preventDefault(),onClick:()=>this.run(t),part:"button"},e("span",{class:"co-rich-text-toolbar__select-label"},c),e("co-icon",{name:"caret-down",size:10})):e("button",{type:"button",class:{"co-rich-text-toolbar__btn":!0,"co-rich-text-toolbar__btn--active":this.isActive(t)||i},"data-tooltip":s,"aria-label":s,"aria-pressed":"toggle"===t.type?String(this.isActive(t)):void 0,"aria-expanded":a?String(i):void 0,disabled:!this.canRun(t),onMouseDown:t=>t.preventDefault(),onClick:()=>this.run(t),part:"button"},e("co-icon",{name:this.getDynamicIcon(t),size:18})),i&&"popover"===t.type&&this.renderInputPopover(t),i&&"dropdown"===t.type&&this.renderDropdown(t),i&&"grid"===t.type&&this.renderTableGrid())}renderAlignmentGroup(t){const o=this.s,r={left:o.alignLeft,center:o.center,right:o.alignRight,justify:o.justify};return e("div",{class:"co-rich-text-toolbar__align-group",key:t.action},t.options.map((t=>{var o,a,i;const n=null!==(a=null===(o=this.editor)||void 0===o?void 0:o.isActive({textAlign:t.payload}))&&void 0!==a&&a,c=null!==(i=r[t.payload])&&void 0!==i?i:t.label;return e("button",{type:"button",class:{"co-rich-text-toolbar__btn":!0,"co-rich-text-toolbar__btn--active":n},"data-tooltip":c,"aria-label":c,"aria-pressed":String(n),disabled:!this.editor||this.disabled,onMouseDown:t=>t.preventDefault(),onClick:()=>{this.editor&&(this.editor.chain().focus().setTextAlign(t.payload).run(),this.coAction.emit({action:"textAlign",payload:t.payload}))},part:"button"},e("co-icon",{name:t.icon,size:18}))})))}renderColorButton(t){const o=this.openPopover===t.action,r=this.tItem(t),a=this.getActiveColor(t.action),i="textColor"===t.action;return e("div",{class:"co-rich-text-toolbar__btn-wrap",key:t.action},e("button",{type:"button",class:{"co-rich-text-toolbar__btn":!0,"co-rich-text-toolbar__btn--active":o},"data-tooltip":r,"aria-label":r,"aria-expanded":String(o),disabled:!this.canRun(t),onMouseDown:t=>t.preventDefault(),onClick:()=>this.run(t),part:"button"},i?e("span",{class:"co-rich-text-toolbar__color-indicator"},e("span",{class:"co-rich-text-toolbar__color-letter"},"A"),e("span",{class:"co-rich-text-toolbar__color-bar",style:{background:a}})):e("span",{class:"co-rich-text-toolbar__color-indicator"},e("co-icon",{name:t.icon,size:16}),e("span",{class:"co-rich-text-toolbar__color-bar",style:{background:"transparent"===a?"#cccccc":a}}))),o&&this.renderColorPicker(t))}renderListPicker(t){var o,r;if(!(null===(o=t.options)||void 0===o?void 0:o.length))return null;if("taskListMenu"===t.action)return this.renderTaskListPicker(t);const a="orderedListMenu"===t.action,i=this.editor?null===(r=this.editor.getAttributes(a?"orderedList":"bulletList"))||void 0===r?void 0:r.listStyleType:null;return e("div",{class:"co-rich-text-toolbar__listpicker",onMouseDown:t=>{t.preventDefault(),t.stopPropagation()}},t.options.map((t=>e("button",{type:"button",class:{"co-rich-text-toolbar__listpicker-item":!0,"co-rich-text-toolbar__listpicker-item--active":i===t.payload},"data-tooltip":t.label,onMouseDown:t=>t.preventDefault(),onClick:()=>this.applyListStyle(a,t.payload)},e("ol",{class:{"co-rich-text-toolbar__listpicker-preview":!0,"co-rich-text-toolbar__listpicker-preview--ordered":a},style:{"list-style-type":t.payload}},e("li",null),e("li",null),e("li",null))))))}renderTaskListPicker(t){var o,r;const a=this.editor&&this.editor.isActive("taskList")?null!==(r=null===(o=this.editor.getAttributes("taskList"))||void 0===o?void 0:o.variant)&&void 0!==r?r:"strike":null;return e("div",{class:"co-rich-text-toolbar__listpicker co-rich-text-toolbar__listpicker--task",onMouseDown:t=>{t.preventDefault(),t.stopPropagation()}},t.options.map((t=>{const o=t.payload;return e("button",{type:"button",class:{"co-rich-text-toolbar__listpicker-item":!0,"co-rich-text-toolbar__listpicker-item--task":!0,"co-rich-text-toolbar__listpicker-item--active":a===o},"data-tooltip":t.label,onMouseDown:t=>t.preventDefault(),onClick:()=>this.applyTaskStyle(o)},e("span",{class:"co-rich-text-toolbar__taskpreview","data-variant":o},e("span",{class:"co-rich-text-toolbar__taskpreview-row"},e("span",{class:"co-rich-text-toolbar__taskpreview-box"}),e("span",{class:"co-rich-text-toolbar__taskpreview-line"})),e("span",{class:"co-rich-text-toolbar__taskpreview-row co-rich-text-toolbar__taskpreview-row--checked"},e("span",{class:"co-rich-text-toolbar__taskpreview-box co-rich-text-toolbar__taskpreview-box--checked"}),e("span",{class:"co-rich-text-toolbar__taskpreview-line"}))))})))}applyListStyle(t,o){const e=this.editor;if(!e)return;const r=e.chain().focus();t?e.isActive("orderedList")||r.toggleOrderedList():e.isActive("bulletList")||r.toggleBulletList(),r.setListStyleType(o).run(),this.coAction.emit({action:t?"orderedStyle":"bulletStyle",payload:o}),this.closePopover()}applyTaskStyle(t){const o=this.editor;if(!o)return;const e=o.chain().focus();o.isActive("taskList")||e.toggleTaskList(),e.setTaskListVariant(t).run(),this.coAction.emit({action:"taskStyle",payload:t}),this.closePopover()}renderInputPopover(t){var o,r;if("image"===t.action)return this.renderImagePopover();const a="link"===t.action,i="iframe"===t.action,n=a&&(null===(o=this.editor)||void 0===o?void 0:o.isActive("link"))||i&&(null===(r=this.editor)||void 0===r?void 0:r.isActive("iframe")),c="field"===t.action,s=c?this.s.fieldNamePlaceholder:"iframe"===t.action?this.s.iframeUrlPlaceholder:"link"===t.action?"https://...":this.s.youtubeUrlPlaceholder;return e("div",{class:"co-rich-text-toolbar__popover",onMouseDown:t=>{"INPUT"!==t.target.tagName&&t.preventDefault(),t.stopPropagation()}},e("input",{type:c?"text":"url",class:"co-rich-text-toolbar__popover-input",placeholder:s,"aria-label":s,value:this.popoverInput,onInput:t=>{this.popoverInput=t.target.value},onKeyDown:o=>{"Enter"===o.key&&this.submitPopover(t.action),"Escape"===o.key&&(o.stopPropagation(),this.closePopover())},ref:t=>t&&setTimeout((()=>t.focus()),0)}),e("div",{class:"co-rich-text-toolbar__popover-actions"},e("button",{type:"button",class:"co-rich-text-toolbar__popover-btn co-rich-text-toolbar__popover-btn--primary",onMouseDown:t=>t.preventDefault(),onClick:()=>this.submitPopover(t.action)},this.s.add),n&&e("button",{type:"button",class:"co-rich-text-toolbar__popover-btn co-rich-text-toolbar__popover-btn--danger",onMouseDown:t=>t.preventDefault(),onClick:()=>a?this.removeLink():this.removeIframe()},this.s.remove),e("button",{type:"button",class:"co-rich-text-toolbar__popover-btn",onMouseDown:t=>t.preventDefault(),onClick:()=>this.closePopover()},this.s.cancel)))}renderImagePopover(){return"url"===this.imagePopoverMode?e("div",{class:"co-rich-text-toolbar__popover",onMouseDown:t=>{"INPUT"!==t.target.tagName&&t.preventDefault(),t.stopPropagation()}},e("input",{type:"url",class:"co-rich-text-toolbar__popover-input",placeholder:this.s.imageUrlPlaceholder,value:this.popoverInput,onInput:t=>{this.popoverInput=t.target.value},onKeyDown:t=>{"Enter"===t.key&&this.submitPopover("image"),"Escape"===t.key&&(t.stopPropagation(),this.imagePopoverMode="menu")},ref:t=>t&&setTimeout((()=>t.focus()),0)}),e("div",{class:"co-rich-text-toolbar__popover-actions"},e("button",{type:"button",class:"co-rich-text-toolbar__popover-btn co-rich-text-toolbar__popover-btn--primary",onMouseDown:t=>t.preventDefault(),onClick:()=>this.submitPopover("image")},this.s.add),e("button",{type:"button",class:"co-rich-text-toolbar__popover-btn",onMouseDown:t=>t.preventDefault(),onClick:()=>{this.imagePopoverMode="menu"}},this.s.back))):e("div",{class:"co-rich-text-toolbar__popover",onMouseDown:t=>{t.preventDefault(),t.stopPropagation()}},e("button",{type:"button",class:"co-rich-text-toolbar__popover-option",onMouseDown:t=>t.preventDefault(),onClick:()=>this.triggerImageFileUpload()},e("co-icon",{name:"upload-simple",size:16}),e("span",null,this.s.uploadFromComputer)),e("button",{type:"button",class:"co-rich-text-toolbar__popover-option",onMouseDown:t=>t.preventDefault(),onClick:()=>{this.imagePopoverMode="url"}},e("co-icon",{name:"link",size:16}),e("span",null,this.s.viaUrl)))}triggerAttachmentFileUpload(){const t=document.createElement("input");t.type="file",t.multiple=!0,this.attachmentAccept&&(t.accept=this.attachmentAccept),t.onchange=()=>{var o;const e=Array.from(null!==(o=t.files)&&void 0!==o?o:[]);e.length&&this.coAttachmentsSelected.emit({files:e})},t.click()}triggerImageFileUpload(){const t=document.createElement("input");t.type="file",t.accept="image/*",t.onchange=()=>{var o;const e=null===(o=t.files)||void 0===o?void 0:o[0];if(!e||!this.editor)return;const r=new FileReader;r.onload=()=>{const t=r.result;this.editor.chain().focus().setImage({src:t}).run(),this.imageUpload&&this.imageUpload(e).then((o=>{var e;const r="string"==typeof o?{src:o}:{src:o.src,dataFileId:null!==(e=o.fileId)&&void 0!==e?e:null},{state:a}=this.editor.view;a.doc.descendants(((o,e)=>{if("image"===o.type.name&&o.attrs.src===t){const t=this.editor.view.state.tr.setNodeMarkup(e,void 0,Object.assign(Object.assign({},o.attrs),r));return this.editor.view.dispatch(t),!1}}))})).catch((()=>{})),this.coAction.emit({action:"image",payload:t})},r.readAsDataURL(e),this.closePopover()},t.click()}isDropdownOptionActive(t){var o,e,r;if(!this.editor)return!1;try{if("textAlign"===t.action)return this.editor.isActive({textAlign:t.payload});if("lineHeight"===t.action){const r=this.editor.getAttributes("paragraph");return(null!==(o=null==r?void 0:r.lineHeight)&&void 0!==o?o:null)===(null!==(e=t.payload)&&void 0!==e?e:null)}if("letterSpacing"===t.action){const o=this.editor.getAttributes("textStyle"),e=null!==(r=null==o?void 0:o.letterSpacing)&&void 0!==r?r:null;return"normal"===t.payload?null===e||"normal"===e:e===t.payload}if("heading"===t.action)return this.editor.isActive("heading",t.payload);if("paragraph"===t.action)return!this.editor.isActive("heading")}catch(t){}return!1}applyDropdownCustom(t,o){const e=this.editor,r=o.trim();if(!e||!r)return;const a=e.chain().focus();if("fontSize"===t){const t=parseFloat(r);if(!(t>0))return;a.setFontSize(/^\d+(\.\d+)?$/.test(r)?`${t}px`:r).run()}else"lineSpacing"===t?a.setLineHeight(r).run():"letterSpacing"===t&&("normal"===r?a.unsetLetterSpacing().run():a.setLetterSpacing(r).run());this.closePopover()}renderDropdown(t){var o;if(!(null===(o=t.options)||void 0===o?void 0:o.length))return null;const r="fontFamily"===t.action,a="headingStyle"===t.action,i="lineSpacing"===t.action,n="letterSpacing"===t.action,c="alignment"===t.action||i||n||a,s="fontSize"===t.action?{placeholder:this.s.sizePlaceholder}:i?{placeholder:this.s.lineSpacingPlaceholder}:n?{placeholder:this.s.letterSpacingPlaceholder}:null;return e("div",{class:"co-rich-text-toolbar__dropdown",onMouseDown:t=>{t.preventDefault(),t.stopPropagation()}},s&&e("div",{class:"co-rich-text-toolbar__dropdown-input-wrap"},e("input",{type:"text",class:"co-rich-text-toolbar__dropdown-input",placeholder:s.placeholder,onMouseDown:t=>t.stopPropagation(),onKeyDown:o=>{"Enter"===o.key?(this.applyDropdownCustom(t.action,o.target.value),o.target.value=""):"Escape"===o.key&&this.closePopover()}})),t.options.map((o=>{var i;if("separator"===o.action)return e("div",{class:"co-rich-text-toolbar__dropdown-sep-label"},e("span",null,this.tOpt(o)));const n={},s=c&&this.isDropdownOptionActive(o);if(a&&"heading"===o.action){const t=null===(i=o.payload)||void 0===i?void 0:i.level;n.fontSize=1===t?"20px":2===t?"16px":"14px",n.fontWeight="600"}return r&&o.payload&&(n.fontFamily=o.payload),e("button",{type:"button",class:{"co-rich-text-toolbar__dropdown-item":!0,"co-rich-text-toolbar__dropdown-item--active":s},style:n,onMouseDown:t=>t.preventDefault(),onClick:()=>this.handleDropdownSelect(t,o)},c&&e("span",{class:"co-rich-text-toolbar__dropdown-check"},s?e("co-icon",{name:"check",size:14}):null),o.icon&&e("co-icon",{name:o.icon,size:16}),e("span",null,this.tOpt(o)))})))}handleDropdownSelect(t,o){const e=this.editor;if(!e)return;const r=e.chain().focus();switch(o.action){case"heading":r.toggleHeading(o.payload).run();break;case"paragraph":r.setParagraph().run();break;case"fontSize":r.setFontSize(o.payload).run();break;case"fontFamily":r.setFontFamily(o.payload).run();break;case"textAlign":r.setTextAlign(o.payload).run();break;case"lineHeight":r.setLineHeight(o.payload).run();break;case"letterSpacing":"normal"===o.payload?r.unsetLetterSpacing().run():r.setLetterSpacing(o.payload).run();break;case"callout":r.insertCallout(o.payload).run()}this.coAction.emit({action:o.action,payload:o.payload}),this.closePopover()}renderTableGrid(){return e("div",{class:"co-rich-text-toolbar__table-picker",onMouseDown:t=>{"INPUT"!==t.target.tagName&&t.preventDefault(),t.stopPropagation()}},e("div",{class:"co-rich-text-toolbar__table-header"},e("co-icon",{name:"table",size:16}),e("span",{class:"co-rich-text-toolbar__table-title"},this.s.configureTable),e("button",{type:"button",class:"co-rich-text-toolbar__table-close",onMouseDown:t=>t.preventDefault(),onClick:()=>this.closePopover()},e("co-icon",{name:"x",size:16}))),e("div",{class:"co-rich-text-toolbar__table-tabs"},e("button",{type:"button",class:{"co-rich-text-toolbar__table-tab":!0,"co-rich-text-toolbar__table-tab--active":"grid"===this.tableTab},onMouseDown:t=>t.preventDefault(),onClick:()=>{this.tableTab="grid"}},this.s.grid),e("button",{type:"button",class:{"co-rich-text-toolbar__table-tab":!0,"co-rich-text-toolbar__table-tab--active":"manual"===this.tableTab},onMouseDown:t=>t.preventDefault(),onClick:()=>{this.tableTab="manual"}},this.s.manual)),"grid"===this.tableTab&&this.renderGridTab(),"manual"===this.tableTab&&this.renderManualTab(),e("label",{class:"co-rich-text-toolbar__table-check"},e("input",{type:"checkbox",checked:this.tableWithHeader,onChange:t=>{this.tableWithHeader=t.target.checked}}),e("span",null,this.s.includeHeaderRow)),"manual"===this.tableTab&&e("div",{class:"co-rich-text-toolbar__table-actions"},e("button",{type:"button",class:"co-rich-text-toolbar__table-btn co-rich-text-toolbar__table-btn--secondary",onMouseDown:t=>t.preventDefault(),onClick:()=>this.closePopover()},this.s.cancel),e("button",{type:"button",class:"co-rich-text-toolbar__table-btn co-rich-text-toolbar__table-btn--primary",onMouseDown:t=>t.preventDefault(),onClick:()=>this.insertTable(this.tableManualRows,this.tableManualCols)},this.s.createTable)))}renderGridTab(){const t=[],o=this.gridLockedRows>0,r=o?this.gridLockedRows:this.gridHoverRows,a=o?this.gridLockedCols:this.gridHoverCols;for(let i=1;i<=8;i++)for(let n=1;n<=8;n++)t.push(e("div",{class:{"co-rich-text-toolbar__grid-cell":!0,"co-rich-text-toolbar__grid-cell--active":i<=r&&n<=a},onMouseEnter:()=>{o||(this.gridHoverRows=i,this.gridHoverCols=n)},onMouseDown:t=>t.preventDefault(),onClick:()=>{this.gridLockedRows=i,this.gridLockedCols=n}}));const i=this.s,n=r>0?`${a} × ${r} (${a} ${i.columns.toLowerCase()} × ${r} ${i.rows.toLowerCase()})`:i.selectSize;return e("div",{class:"co-rich-text-toolbar__grid-container",onMouseLeave:()=>{o||(this.gridHoverRows=0,this.gridHoverCols=0)}},e("div",{class:"co-rich-text-toolbar__grid",style:{"grid-template-columns":"repeat(8, 1fr)"}},t),e("div",{class:"co-rich-text-toolbar__grid-footer"},e("span",{class:"co-rich-text-toolbar__grid-label"},n),o&&e("button",{type:"button",class:"co-rich-text-toolbar__grid-reset",onMouseDown:t=>t.preventDefault(),onClick:()=>{this.gridLockedRows=0,this.gridLockedCols=0,this.gridHoverRows=0,this.gridHoverCols=0}},i.changeSelection)),o&&e("div",{class:"co-rich-text-toolbar__table-actions"},e("button",{type:"button",class:"co-rich-text-toolbar__table-btn co-rich-text-toolbar__table-btn--secondary",onMouseDown:t=>t.preventDefault(),onClick:()=>this.closePopover()},i.cancel),e("button",{type:"button",class:"co-rich-text-toolbar__table-btn co-rich-text-toolbar__table-btn--primary",onMouseDown:t=>t.preventDefault(),onClick:()=>this.insertTable(this.gridLockedRows,this.gridLockedCols)},i.createTable)))}renderManualTab(){return e("div",{class:"co-rich-text-toolbar__table-manual"},e("div",{class:"co-rich-text-toolbar__table-field"},e("label",null,this.s.columns,":"),e("input",{type:"number",min:"1",max:"20",value:this.tableManualCols,onInput:t=>{this.tableManualCols=Math.max(1,parseInt(t.target.value)||1)}})),e("div",{class:"co-rich-text-toolbar__table-field"},e("label",null,this.s.rows,":"),e("input",{type:"number",min:"1",max:"50",value:this.tableManualRows,onInput:t=>{this.tableManualRows=Math.max(1,parseInt(t.target.value)||1)}})))}insertTable(t,o){const e=this.editor;if(!e)return;if(e.isActive("table"))return void this.closePopover();const r=this.tableWithHeader,a=t=>({type:"tableHeader",content:[{type:"paragraph",content:[{type:"text",text:`${this.s.tableHeaderLabel} ${t+1}`}]}]}),i=[];r&&i.push({type:"tableRow",content:Array.from({length:o},((t,o)=>a(o)))});const n=r?t-1:t;for(let t=0;t<n;t++)i.push({type:"tableRow",content:Array.from({length:o},(()=>({type:"tableCell",content:[{type:"paragraph"}]})))});e.chain().focus().insertContent({type:"table",content:i}).run(),this.coAction.emit({action:"table",payload:{rows:t,cols:o,withHeaderRow:r}}),this.closePopover()}renderColorPicker(t){return e("div",{class:"co-rich-text-toolbar__color-picker",onMouseDown:t=>{"INPUT"!==t.target.tagName&&t.preventDefault(),t.stopPropagation()}},e("div",{class:"co-rich-text-toolbar__color-grid"},this.colorPalette.map((o=>e("button",{type:"button",class:"co-rich-text-toolbar__color-swatch",style:Object.assign({background:o},"#ffffff"===o?{border:"1px solid #ccc"}:{}),title:o,onMouseDown:t=>t.preventDefault(),onClick:()=>this.selectColor(t.action,o)})))),e("div",{class:"co-rich-text-toolbar__color-hex"},e("input",{type:"text",class:"co-rich-text-toolbar__color-hex-input",placeholder:"#hex",maxLength:7,value:this.colorHexInput,onInput:t=>{this.colorHexInput=t.target.value},onKeyDown:o=>{if("Enter"===o.key){const o=this.colorHexInput.trim();/^#[0-9a-fA-F]{3,6}$/.test(o)&&(this.selectColor(t.action,o),this.colorHexInput="")}else"Escape"===o.key&&(o.stopPropagation(),this.closePopover())}})),e("button",{type:"button",class:"co-rich-text-toolbar__color-clear",onMouseDown:t=>t.preventDefault(),onClick:()=>this.clearColor(t.action)},e("co-icon",{name:"x",size:12}),e("span",null,this.s.removeColor)))}render(){if("none"===this.variant||0===this.items.length)return null;const t=this.parsedExtraItems,o=t=>this.isSeparator(t)?e("span",{class:"co-rich-text-toolbar__sep"}):this.renderButton(t);return e("div",{class:"co-rich-text-toolbar",role:"toolbar","aria-label":"Formatting",part:"toolbar"},this.items.map(o),"document"===this.variant&&this.tableContextItems.map(o),t.length>0&&e("span",{class:"co-rich-text-toolbar__sep"}),t.map((t=>e("button",{type:"button",key:`extra-${t.id}`,class:"co-rich-text-toolbar__btn co-rich-text-toolbar__btn--extra",part:"button",disabled:this.disabled,onMouseDown:t=>t.preventDefault(),onClick:()=>this.coAction.emit({action:t.id,payload:{extra:!0}})},t.icon&&e("co-icon",{name:t.icon,size:18}),e("span",{class:"co-rich-text-toolbar__extra-label"},t.label)))))}get el(){return r(this)}static get watchers(){return{variant:[{onVariantChange:0}],attachmentsEnabled:[{onAttachmentsEnabledChange:0}],documentHeaderEnabled:[{onDocumentHeaderEnabledChange:0}],editor:[{onEditorChange:0}],openPopover:[{onOpenPopoverChange:0}]}}};b.ITEM_COMMAND={table:"insertTable",image:"setImage",youtube:"setYoutubeVideo",iframe:"setIframe",callout:"insertCallout",fontFamily:"setFontFamily",fontSize:"setFontSize",highlight:"toggleHighlight",alignment:"setTextAlign",lineSpacing:"setLineHeight",letterSpacing:"setLetterSpacing",taskListMenu:"toggleTaskList",indentIncrease:"indent",indentDecrease:"outdent",codeBlock:"toggleCodeBlock",blockquote:"toggleBlockquote",horizontalRule:"setHorizontalRule",bulletListMenu:"toggleBulletList",orderedListMenu:"toggleOrderedList"},b.DOCUMENT_ITEM_COMMAND={link:"setLink",headingStyle:"toggleHeading",bulletList:"toggleBulletList",orderedList:"toggleOrderedList",field:"insertField",signature:"insertSignatureSlot"},b.style=':host{display:block;font-family:var(--co-font-family-primary);z-index:10;flex-shrink:0;background:var(--co-semantic-surface-secondary, #fff);overflow:visible}.co-rich-text-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--co-spacing-xxs, 2px);padding:var(--co-spacing-xs) var(--co-spacing-sm);border-bottom:1px solid var(--co-semantic-border-subtle);background:var(--co-semantic-surface-secondary);border-top-left-radius:inherit;border-top-right-radius:inherit}.co-rich-text-toolbar__btn-wrap,.co-rich-text-toolbar__split-wrap{overflow:visible}[data-tooltip]{position:relative}[data-tooltip]::after{content:attr(data-tooltip);position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);padding:4px 8px;background:var(--co-color-base-negro, #1a1a1a);color:var(--co-color-base-blanco, #fff);font-size:11px;font-weight:500;line-height:1.3;white-space:nowrap;border-radius:4px;pointer-events:none;opacity:0;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out);z-index:9999}[data-tooltip]:hover::after{opacity:1;transition-delay:0.4s}[data-tooltip]:active::after,[data-tooltip][aria-expanded="true"]::after{opacity:0 !important;transition-delay:0s}.co-rich-text-toolbar__btn-wrap{position:relative;display:inline-flex}.co-rich-text-toolbar__btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:none;border-radius:var(--co-border-radius-xxs);background:transparent;color:var(--co-semantic-text-default, #333);cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-rich-text-toolbar__btn:hover:not(:disabled):not(.co-rich-text-toolbar__btn--active){background:var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.08));color:var(--co-semantic-text-default, #1a1a1a)}.co-rich-text-toolbar__btn--active{background:var(--co-color-base-negro, #1a1a1a);color:var(--co-color-base-blanco, #fff)}.co-rich-text-toolbar__btn--active:hover{background:var(--co-color-base-negro, #333);color:var(--co-color-base-blanco, #fff)}.co-rich-text-toolbar__btn:disabled{opacity:0.4;cursor:not-allowed}.co-rich-text-toolbar__btn:focus-visible{outline:2px solid var(--co-semantic-border-focus, var(--co-color-base-negro, #1a1a1a));outline-offset:1px}.co-rich-text-toolbar__select-btn{display:inline-flex;align-items:center;gap:2px;height:30px;padding:0 6px;border:1px solid transparent;border-radius:var(--co-border-radius-xxs, 4px);background:transparent;color:var(--co-semantic-text-default, #333);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);cursor:pointer;white-space:nowrap;transition:background var(--co-motion-duration-fast), border-color var(--co-motion-duration-fast)}.co-rich-text-toolbar__select-btn:hover:not(:disabled){background:var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.06));border-color:var(--co-semantic-border-default, #e0e0e0)}.co-rich-text-toolbar__select-btn--open{background:var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.06));border-color:var(--co-semantic-border-default, #e0e0e0)}.co-rich-text-toolbar__select-btn:disabled{opacity:0.4;cursor:not-allowed}.co-rich-text-toolbar__select-label{max-width:100px;overflow:hidden;text-overflow:ellipsis}.co-rich-text-toolbar__sep{display:inline-block;width:1px;height:20px;margin:0 var(--co-spacing-xs, 4px);background:var(--co-semantic-border-subtle, rgba(0, 0, 0, 0.12))}.co-rich-text-toolbar__popover{position:absolute;top:100%;left:0;z-index:100;display:flex;flex-direction:column;gap:var(--co-spacing-xs, 4px);min-width:280px;padding:var(--co-spacing-sm, 8px);background:var(--co-semantic-surface-secondary, #fff);border:1px solid var(--co-semantic-border-default, #e0e0e0);border-radius:var(--co-border-radius-xs, 8px);box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);margin-top:var(--co-spacing-xs, 4px)}.co-rich-text-toolbar__popover-input{width:100%;padding:6px 10px;border:1px solid var(--co-semantic-border-default, #ccc);border-radius:var(--co-border-radius-xxs, 4px);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);outline:none;box-sizing:border-box}.co-rich-text-toolbar__popover-input:focus{border-color:var(--co-color-base-negro, #1a1a1a);box-shadow:0 0 0 2px rgba(0, 0, 0, 0.1)}.co-rich-text-toolbar__popover-actions{display:flex;gap:var(--co-spacing-xs, 4px)}.co-rich-text-toolbar__popover-btn{padding:4px 12px;border:1px solid var(--co-semantic-border-default, #ccc);border-radius:var(--co-border-radius-xxs, 4px);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);cursor:pointer;background:var(--co-semantic-surface-secondary, #fff);color:var(--co-semantic-text-default, #333);transition:background var(--co-motion-duration-fast)}.co-rich-text-toolbar__popover-btn:hover:not(.co-rich-text-toolbar__popover-btn--primary){background:var(--co-semantic-surface-hover, #f5f5f5)}.co-rich-text-toolbar__popover-btn--primary{background:var(--co-color-base-negro, #1a1a1a);color:#fff;border-color:var(--co-color-base-negro, #1a1a1a)}.co-rich-text-toolbar__popover-btn--primary:hover{background:var(--co-color-base-negro, #333);color:#fff}.co-rich-text-toolbar__popover-btn--danger{color:var(--co-semantic-text-error, var(--co-color-status-error, #aa2e1b));border-color:var(--co-color-status-error, #aa2e1b)}.co-rich-text-toolbar__popover-option{display:flex;align-items:center;gap:var(--co-spacing-sm, 8px);width:100%;padding:8px 10px;border:none;border-radius:var(--co-border-radius-xxs, 4px);background:transparent;color:var(--co-semantic-text-default, #333);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);cursor:pointer;text-align:left;transition:background var(--co-motion-duration-fast)}.co-rich-text-toolbar__popover-option:hover{background:var(--co-semantic-surface-hover, #f5f5f5)}.co-rich-text-toolbar__dropdown{position:absolute;top:100%;left:0;z-index:100;display:flex;flex-direction:column;min-width:180px;max-height:360px;overflow-y:auto;padding:var(--co-spacing-xs, 4px);background:var(--co-semantic-surface-secondary, #fff);border:1px solid var(--co-semantic-border-default, #e0e0e0);border-radius:var(--co-border-radius-xs, 8px);box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);margin-top:var(--co-spacing-xs, 4px)}.co-rich-text-toolbar__dropdown-item{display:flex;align-items:center;gap:var(--co-spacing-sm, 8px);padding:6px 10px;border:none;border-radius:var(--co-border-radius-xxs, 4px);background:transparent;color:var(--co-semantic-text-default, #333);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);cursor:pointer;text-align:left;transition:background var(--co-motion-duration-fast)}.co-rich-text-toolbar__dropdown-item:hover{background:var(--co-semantic-surface-hover, #f5f5f5)}.co-rich-text-toolbar__dropdown-sep{height:1px;margin:4px 0;background:var(--co-semantic-border-default, #e0e0e0)}.co-rich-text-toolbar__dropdown-sep-label{padding:6px 10px 2px;font-family:var(--co-font-family-primary);font-size:11px;font-weight:600;color:var(--co-semantic-text-muted, #999);letter-spacing:0.03em;border-top:1px solid var(--co-semantic-border-default, #e0e0e0);margin-top:2px}.co-rich-text-toolbar__dropdown-input-wrap{padding:6px 8px;border-bottom:1px solid var(--co-semantic-border-default, #e0e0e0)}.co-rich-text-toolbar__dropdown-input{width:100%;padding:4px 8px;border:1px solid var(--co-semantic-border-default, #e0e0e0);border-radius:4px;font-size:13px;font-family:var(--co-font-family-primary);outline:none;box-sizing:border-box}.co-rich-text-toolbar__dropdown-input:focus{border-color:var(--co-color-base-negro, #1a1a1a);box-shadow:0 0 0 2px rgba(0, 0, 0, 0.1)}.co-rich-text-toolbar__color-picker{position:absolute;top:100%;left:0;z-index:100;display:flex;flex-direction:column;gap:var(--co-spacing-xs, 4px);padding:var(--co-spacing-sm, 8px);background:var(--co-semantic-surface-secondary, #fff);border:1px solid var(--co-semantic-border-default, #e0e0e0);border-radius:var(--co-border-radius-xs, 8px);box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);margin-top:var(--co-spacing-xs, 4px)}.co-rich-text-toolbar__color-grid{display:grid;grid-template-columns:repeat(10, 1fr);gap:2px}.co-rich-text-toolbar__color-swatch{width:22px;height:22px;padding:0;border:none;border-radius:3px;cursor:pointer;transition:transform var(--co-motion-duration-fast), box-shadow var(--co-motion-duration-fast)}.co-rich-text-toolbar__color-swatch:hover{transform:scale(1.2);box-shadow:0 0 0 2px var(--co-color-base-negro, #1a1a1a)}.co-rich-text-toolbar__color-clear{display:flex;align-items:center;gap:var(--co-spacing-xs, 4px);padding:4px 8px;border:none;background:transparent;color:var(--co-semantic-text-secondary, #666);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);cursor:pointer;border-radius:var(--co-border-radius-xxs, 4px);margin-top:var(--co-spacing-xxs, 2px)}.co-rich-text-toolbar__color-clear:hover{background:var(--co-semantic-surface-hover, #f5f5f5);color:var(--co-semantic-text-default, #333)}.co-rich-text-toolbar__table-picker{position:absolute;top:100%;left:0;z-index:100;display:flex;flex-direction:column;width:280px;padding:var(--co-spacing-lg, 16px);background:var(--co-semantic-surface-secondary, #fff);border:1px solid var(--co-semantic-border-default, #e0e0e0);border-radius:var(--co-border-radius-xs, 8px);box-shadow:0 8px 24px rgba(0, 0, 0, 0.12);margin-top:var(--co-spacing-xs, 4px)}.co-rich-text-toolbar__table-header{display:flex;align-items:center;gap:var(--co-spacing-sm, 8px);margin-bottom:var(--co-spacing-md, 12px)}.co-rich-text-toolbar__table-title{flex:1;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);font-weight:600;letter-spacing:0.06em;color:var(--co-semantic-text-secondary, #666)}.co-rich-text-toolbar__table-close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--co-border-radius-xxs, 4px);background:transparent;color:var(--co-semantic-text-secondary, #666);cursor:pointer}.co-rich-text-toolbar__table-close:hover{background:var(--co-semantic-surface-hover, #f0f0f0)}.co-rich-text-toolbar__table-tabs{display:flex;gap:0;margin-bottom:var(--co-spacing-md, 12px);border:1px solid var(--co-semantic-border-default, #e0e0e0);border-radius:var(--co-border-radius-xxs, 4px);overflow:hidden}.co-rich-text-toolbar__table-tab{flex:1;padding:var(--co-spacing-sm, 8px) var(--co-spacing-md, 12px);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-13, 13px);font-weight:500;border:none;background:transparent;color:var(--co-semantic-text-secondary, #666);cursor:pointer;transition:background var(--co-motion-duration-fast), color var(--co-motion-duration-fast)}.co-rich-text-toolbar__table-tab:hover{background:var(--co-semantic-surface-hover, #f5f5f5)}.co-rich-text-toolbar__table-tab--active{background:var(--co-color-base-negro, #1a1a1a);color:var(--co-color-base-blanco, #fff)}.co-rich-text-toolbar__grid-container{display:flex;flex-direction:column;gap:var(--co-spacing-sm, 8px);margin-bottom:var(--co-spacing-md, 12px)}.co-rich-text-toolbar__grid{display:grid;gap:3px}.co-rich-text-toolbar__grid-cell{width:24px;height:24px;border:1px solid var(--co-semantic-border-default, #d0d0d0);border-radius:3px;background:transparent;cursor:pointer;transition:background var(--co-motion-duration-instant), border-color var(--co-motion-duration-instant)}.co-rich-text-toolbar__grid-cell:hover,.co-rich-text-toolbar__grid-cell--active{background:var(--co-color-base-negro, #1a1a1a);border-color:var(--co-color-base-negro, #1a1a1a)}.co-rich-text-toolbar__grid-footer{display:flex;align-items:center;justify-content:space-between}.co-rich-text-toolbar__grid-label{font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);color:var(--co-semantic-text-muted, #999)}.co-rich-text-toolbar__grid-reset{font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);color:var(--co-semantic-text-default, #333);text-decoration:underline;border:none;background:transparent;cursor:pointer;padding:0}.co-rich-text-toolbar__table-manual{display:flex;flex-direction:column;gap:var(--co-spacing-md, 12px);margin-bottom:var(--co-spacing-md, 12px)}.co-rich-text-toolbar__table-field{display:flex;align-items:center;gap:var(--co-spacing-md, 12px)}.co-rich-text-toolbar__table-field label{font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-default, #333);min-width:70px}.co-rich-text-toolbar__table-field input{flex:1;padding:var(--co-spacing-sm, 8px) var(--co-spacing-md, 12px);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);border:1px solid var(--co-semantic-border-default, #e0e0e0);border-radius:var(--co-border-radius-xxs, 4px);background:var(--co-semantic-surface-secondary, #fff);outline:none}.co-rich-text-toolbar__table-field input:focus{border-color:var(--co-color-base-negro, #1a1a1a)}.co-rich-text-toolbar__table-check{display:flex;align-items:center;gap:var(--co-spacing-sm, 8px);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-default, #333);cursor:pointer;margin-bottom:var(--co-spacing-md, 12px)}.co-rich-text-toolbar__table-check input{width:18px;height:18px;cursor:pointer;accent-color:var(--co-color-base-negro, #1a1a1a)}.co-rich-text-toolbar__table-actions{display:flex;gap:var(--co-spacing-sm, 8px);justify-content:flex-end}.co-rich-text-toolbar__table-btn{padding:var(--co-spacing-sm, 8px) var(--co-spacing-lg, 16px);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-13, 13px);font-weight:500;border:none;border-radius:var(--co-border-radius-xxs, 4px);cursor:pointer;transition:opacity var(--co-motion-duration-fast)}.co-rich-text-toolbar__table-btn--primary{background:var(--co-color-base-negro, #1a1a1a);color:var(--co-color-base-blanco, #fff)}.co-rich-text-toolbar__table-btn--primary:hover{opacity:0.85}.co-rich-text-toolbar__table-btn--secondary{background:transparent;color:var(--co-semantic-text-default, #333)}.co-rich-text-toolbar__table-btn--secondary:hover{background:var(--co-semantic-surface-hover, #f5f5f5)}.co-rich-text-toolbar__split-wrap{position:relative;display:inline-flex;align-items:center}.co-rich-text-toolbar__split-main{border-top-right-radius:0;border-bottom-right-radius:0;width:28px}.co-rich-text-toolbar__split-caret{display:inline-flex;align-items:center;justify-content:center;width:16px;height:30px;padding:0;border:none;border-radius:var(--co-border-radius-xxs);border-top-left-radius:0;border-bottom-left-radius:0;background:transparent;color:var(--co-semantic-text-default, #333);cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-rich-text-toolbar__split-caret:hover:not(:disabled),.co-rich-text-toolbar__split-caret--open{background:var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.08))}.co-rich-text-toolbar__split-caret:disabled{opacity:0.4;cursor:not-allowed}.co-rich-text-toolbar__listpicker{position:absolute;top:100%;left:0;z-index:100;display:grid;grid-template-columns:repeat(3, 1fr);gap:14px;padding:16px;background:var(--co-semantic-surface-secondary, #fff);border:1px solid var(--co-semantic-border-default, #e0e0e0);border-radius:var(--co-border-radius-xs, 8px);box-shadow:0 8px 24px rgba(0, 0, 0, 0.14);margin-top:var(--co-spacing-xs, 4px)}.co-rich-text-toolbar__listpicker-item{display:flex;align-items:center;justify-content:flex-start;width:76px;height:60px;padding:0;border:1px solid var(--co-semantic-border-default, #e3e3e3);border-radius:8px;background:var(--co-semantic-surface-secondary, #fff);cursor:pointer;transition:border-color var(--co-motion-duration-fast), box-shadow var(--co-motion-duration-fast), background var(--co-motion-duration-fast)}.co-rich-text-toolbar__listpicker-item:hover{border-color:var(--co-color-base-negro, #1a1a1a);background:var(--co-semantic-surface-hover, #fafafa)}.co-rich-text-toolbar__listpicker-item--active{border-color:var(--co-color-base-negro, #1a1a1a);box-shadow:0 0 0 1.5px var(--co-color-base-negro, #1a1a1a)}.co-rich-text-toolbar__listpicker-preview{margin:0;padding:0 0 0 22px;list-style-position:outside;pointer-events:none}.co-rich-text-toolbar__listpicker-preview li{height:3px;width:30px;margin:7px 0;background:var(--co-semantic-border-default, #cfcfcf);border-radius:2px}.co-rich-text-toolbar__listpicker-preview li::marker{color:var(--co-color-base-negro, #1a1a1a);font-size:11px;font-weight:600}.co-rich-text-toolbar__listpicker--task{grid-template-columns:repeat(2, 1fr)}.co-rich-text-toolbar__listpicker-item--task{width:92px;justify-content:center}.co-rich-text-toolbar__taskpreview{display:flex;flex-direction:column;gap:9px}.co-rich-text-toolbar__taskpreview-row{display:flex;align-items:center;gap:7px}.co-rich-text-toolbar__taskpreview-box{flex:0 0 auto;width:11px;height:11px;border:1.5px solid var(--co-color-base-negro, #1a1a1a);border-radius:3px;box-sizing:border-box}.co-rich-text-toolbar__taskpreview-box--checked{position:relative;background:var(--co-color-base-negro, #1a1a1a)}.co-rich-text-toolbar__taskpreview-box--checked::after{content:\'\';position:absolute;left:3px;top:0.5px;width:3px;height:6px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.co-rich-text-toolbar__taskpreview-line{position:relative;width:34px;height:3px;background:var(--co-semantic-border-default, #cfcfcf);border-radius:2px}.co-rich-text-toolbar__taskpreview[data-variant="strike"] .co-rich-text-toolbar__taskpreview-row--checked .co-rich-text-toolbar__taskpreview-line::after{content:\'\';position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:1.5px;background:var(--co-color-base-negro, #1a1a1a)}.co-rich-text-toolbar__dropdown-check{display:inline-flex;align-items:center;justify-content:center;width:18px;flex-shrink:0}.co-rich-text-toolbar__dropdown-item--active{background:var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.04));font-weight:600}.co-rich-text-toolbar__align-group{display:inline-flex;align-items:center;gap:0}.co-rich-text-toolbar__color-indicator{display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1}.co-rich-text-toolbar__color-letter{font-family:var(--co-font-family-primary);font-size:14px;font-weight:700;color:var(--co-semantic-text-default, #333);line-height:1}.co-rich-text-toolbar__color-bar{width:14px;height:3px;border-radius:1px}.co-rich-text-toolbar__color-hex{display:flex;align-items:center;gap:4px;margin-top:6px}.co-rich-text-toolbar__color-hex-input{width:100%;padding:3px 6px;border:1px solid var(--co-semantic-border-default, #ccc);border-radius:3px;background:var(--co-semantic-surface-secondary, #fff);color:var(--co-semantic-text-default, #333);font-family:var(--co-font-family-mono, monospace);font-size:11px;outline:none;box-sizing:border-box}.co-rich-text-toolbar__color-hex-input:focus{border-color:var(--co-color-base-negro, #1a1a1a);box-shadow:0 0 0 2px rgba(0, 0, 0, 0.1)}:host([position="bottom"]){background:transparent}:host([position="bottom"]) .co-rich-text-toolbar{border-bottom:0;background:transparent;border-radius:0}:host([position="bottom"]) .co-rich-text-toolbar__popover{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--co-spacing-xs, 4px)}:host([position="bottom"]) .co-rich-text-toolbar__dropdown{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--co-spacing-xs, 4px)}:host([position="bottom"]) .co-rich-text-toolbar__color-picker{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--co-spacing-xs, 4px)}:host([position="bottom"]) .co-rich-text-toolbar__table-picker{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--co-spacing-xs, 4px)}:host([position="bottom"]) .co-rich-text-toolbar__listpicker{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--co-spacing-xs, 4px)}.co-rich-text-toolbar__btn--extra{width:auto;gap:var(--co-spacing-xs);padding-inline:var(--co-spacing-sm2)}.co-rich-text-toolbar__extra-label{font-size:var(--co-font-size-13);white-space:nowrap}';export{b as co_rich_text_toolbar}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as e}from"./p-DJkaRtbb.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:var(--co-semantic-surface-control);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:var(--co-semantic-surface-control);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 o,c as t,h as r,a as i}from"./p-
|
|
1
|
+
import{r as o,c as t,h as r,a as i}from"./p-DJkaRtbb.js";import{c as s}from"./p-COJdaKBU.js";const e=class{constructor(r){o(this,r),this.coInput=t(this,"coInput",7),this.coChange=t(this,"coChange",7),this.channel="hue",this.value=0,this.disabled=!1,this.dragging=!1,this.changedInGesture=!1,this.handlePointerDown=o=>{var t;this.disabled||0!==o.button||this.dragging||(o.preventDefault(),null===(t=this.trackEl)||void 0===t||t.focus({preventScroll:!0}),this.capturePointer(o),this.dragging=!0,this.activePointerId=o.pointerId,this.changedInGesture=!1,this.applyPointer(o))},this.handlePointerMove=o=>{this.isActivePointer(o)&&this.applyPointer(o)},this.handlePointerEnd=o=>{if(!this.isActivePointer(o))return;this.dragging=!1,this.activePointerId=void 0,this.releasePointer(o);const t=this.changedInGesture;this.changedInGesture=!1,t&&this.coChange.emit(this.value)},this.handleKeyDown=o=>{if(this.disabled)return;const t=o.shiftKey?10:1;let r;switch(o.key){case"ArrowRight":case"ArrowUp":r=this.value+t;break;case"ArrowLeft":case"ArrowDown":r=this.value-t;break;case"PageUp":r=this.value+10;break;case"PageDown":r=this.value-10;break;case"Home":r=0;break;case"End":r=this.max;break;default:return}o.preventDefault(),this.commitInput(s(r,0,this.max))&&this.coChange.emit(this.value)}}get max(){return"alpha"===this.channel?100:360}isActivePointer(o){return this.dragging&&o.pointerId==this.activePointerId}capturePointer(o){const t=this.trackEl;if(t&&"function"==typeof t.setPointerCapture&&null!=o.pointerId)try{t.setPointerCapture(o.pointerId)}catch(o){}}releasePointer(o){const t=this.trackEl;if(t&&"function"==typeof t.releasePointerCapture&&null!=o.pointerId)try{t.releasePointerCapture(o.pointerId)}catch(o){}}applyPointer(o){var t,r;const i=null===(t=this.trackEl)||void 0===t?void 0:t.getBoundingClientRect();if(!i||i.width<=0)return;const e=(null===(r=this.thumbEl)||void 0===r?void 0:r.getBoundingClientRect().width)||16,a=Math.max(1,i.width-e),c=s((o.clientX-i.left-e/2)/a,0,1);this.commitInput(c*this.max)}commitInput(o){return o!==this.value&&(this.value=o,this.dragging&&(this.changedInGesture=!0),this.coInput.emit(o),!0)}thumbFill(o,t){if("alpha"===this.channel){const r=`color-mix(in srgb, ${t} ${o}%, transparent)`;return`linear-gradient(${r}, ${r}), repeating-conic-gradient(#ebebeb 0 25%, #fafafa 0 50%) 0 0 / 4px 4px`}return`hsl(${o} 100% 50%)`}render(){var o,t;const i=null!==(o=this.channel)&&void 0!==o?o:"hue",e=this.max,a=s(null!==(t=this.value)&&void 0!==t?t:0,0,e),c=this.color||"#000",l="alpha"===i;return r("div",{key:"a4ab80a67e0bb20037f48b99cca835d17622a776",class:{"co-color-slider":!0,"co-color-slider--disabled":this.disabled,"co-color-slider--dragging":this.dragging}},r("div",{key:"d9dd4a75f7b74e73ddd0da15384566d038fd9eff",class:{"co-color-slider__track":!0,"co-color-slider__track--hue":!l,"co-color-slider__track--alpha":l},part:"track",style:l?{"--co-color-slider-color":c}:void 0,role:"slider",tabIndex:this.disabled?-1:0,"aria-label":this.label||void 0,"aria-valuemin":"0","aria-valuemax":String(e),"aria-valuenow":String(Math.round(a)),"aria-disabled":this.disabled?"true":void 0,ref:o=>this.trackEl=o,onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerEnd,onPointerCancel:this.handlePointerEnd,onKeyDown:this.handleKeyDown},r("div",{key:"62866f901b8090289ab48a8d90ad4ee50fea5bb5",class:"co-color-thumb co-color-slider__thumb",part:"thumb",ref:o=>this.thumbEl=o,style:{"--co-color-slider-ratio":String(a/e),"--co-color-thumb-fill":this.thumbFill(a,c)}})))}get el(){return i(this)}};e.style=".co-color-thumb{position:absolute;box-sizing:border-box;width:var(--co-color-thumb-size, 16px);height:var(--co-color-thumb-size, 16px);border-radius:var(--co-border-radius-full);border:4px solid var(--co-color-base-blanco, #fff);background:var(--co-color-thumb-fill, transparent);box-shadow:0 0 0 1px var(--co-color-thumb-hairline, var(--co-semantic-border-hairline)), var(--co-shadow-lg);transform:translate(-50%, -50%);pointer-events:none;transition:left var(--co-motion-duration-instant) var(--co-motion-ease-out), top var(--co-motion-duration-instant) var(--co-motion-ease-out)}:host{display:block;width:100%}.co-color-slider{position:relative;width:100%}.co-color-slider__track{position:relative;box-sizing:border-box;width:100%;height:16px;border-radius:var(--co-border-radius-full);cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;outline:none}.co-color-slider__track--hue{background:linear-gradient( to right, hsl(0 100% 50%), hsl(60 100% 50%), hsl(120 100% 50%), hsl(180 100% 50%), hsl(240 100% 50%), hsl(300 100% 50%), hsl(360 100% 50%) )}.co-color-slider__track--alpha{background:linear-gradient(to right, transparent, var(--co-color-slider-color, #000)), repeating-conic-gradient(#ebebeb 0 25%, #fafafa 0 50%) 0 0 / 8px 8px}.co-color-slider__thumb{top:50%;left:calc( var(--co-color-thumb-size, 16px) / 2 + (100% - var(--co-color-thumb-size, 16px)) * var(--co-color-slider-ratio, 0) )}.co-color-slider--disabled .co-color-slider__track{opacity:0.4;cursor:not-allowed}.co-color-slider--dragging .co-color-slider__thumb{transition:none}.co-color-slider__track:focus-visible{outline:none;box-shadow:0 0 0 2px var(--co-semantic-border-focus)}";export{e as co_color_slider}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,c as a,h as t,a as i}from"./p-DJkaRtbb.js";import{a as r}from"./p-Ch1jfwZ2.js";import{i as e,p as s,r as c}from"./p-hXbDUT3I.js";import{s as n}from"./p-CBX_oabB.js";function l(o,a,t){const i=Math.min(a,0),r=Math.max(t,0);return Math.min(Math.max(o,i),r)}const d=["button","a[href]","input","select","textarea",'[role="button"]','[role="checkbox"]','[role="radio"]','[role="switch"]','[role="combobox"]','[role="option"]','[role="menuitem"]','[role="slider"]','[role="tab"]','[role="separator"]',"[data-no-drag]"].join(", "),h=class{constructor(t){o(this,t),this.coClose=a(this,"coClose",7),this.coAfterClose=a(this,"coAfterClose",3),this.coAfterOpen=a(this,"coAfterOpen",3),this.open=!1,this.heading="",this.closable=!0,this.closeOnOverlay=!0,this.closeOnEscape=!1,this.size="md",this.noDividers=!1,this.headerDivider=!0,this.appearance="default",this.backdrop="default",this.inline=!1,this.movable=!1,this.trapFocus=!1,this.hasFooter=!1,this.handleFooterSlotChange=o=>{this.hasFooter=n(o)},this.handleOverlayClick=()=>{this.closeOnOverlay&&this.coClose.emit()},this.handleCloseClick=()=>{this.coClose.emit()},this.stopPropagation=o=>{o.stopPropagation()},this.handleTransitionEnd=o=>{if(o.target!==this.modalEl)return;const a=r(o.propertyName,this.open,"transform");"after-open"===a?this.coAfterOpen.emit():"after-close"===a&&this.coAfterClose.emit()},this.dragging=!1,this.committedOffset={x:0,y:0},this.liveOffset={x:0,y:0},this.handleDragDown=o=>{var a;if(!this.movable||this.dragging||0!==o.button)return;if(function(o,a){const t="function"==typeof o.composedPath?o.composedPath():[o.target];for(const o of t){if(a&&o===a)return!1;if(o&&"function"==typeof o.matches&&o.matches(d))return!0}return!1}(o,this.headerEl))return;const t=null===(a=this.modalEl)||void 0===a?void 0:a.getBoundingClientRect();t&&(o.preventDefault(),this.dragging=!0,this.dragPointerId=o.pointerId,this.dragStart={x:o.clientX,y:o.clientY},this.dragRect={left:t.left-this.committedOffset.x,top:t.top-this.committedOffset.y,width:t.width,height:t.height},this.dragViewport={width:window.innerWidth,height:window.innerHeight},this.capturePointer(o),window.addEventListener("blur",this.handleWindowBlur))},this.handleDragMove=o=>{if(!this.isActiveDragPointer(o))return;if(!this.dragStart||!this.dragRect||!this.dragViewport)return;const a={x:(t=this.committedOffset).x+(r={x:o.clientX,y:o.clientY}).x-(i=this.dragStart).x,y:t.y+r.y-i.y};var t,i,r;this.writeOffset(function(o,a,t,i=48){const r=Math.min(i,a.width),e=Math.min(i,a.height);return{x:l(o.x,r-a.left-a.width,t.width-r-a.left),y:l(o.y,-a.top,t.height-e-a.top)}}(a,this.dragRect,this.dragViewport))},this.handleDragUp=o=>{this.isActiveDragPointer(o)&&(this.committedOffset=this.liveOffset,this.releasePointer(o),this.endDrag())},this.handleDragCancel=o=>{this.isActiveDragPointer(o)&&(this.releasePointer(o),this.writeOffset(this.committedOffset),this.endDrag())},this.handleWindowBlur=()=>{this.dragging&&(this.writeOffset(this.committedOffset),this.endDrag())}}get usesOverlay(){return"none"!==this.backdrop&&!this.inline}handleKeydown(o){this.open&&this.closeOnEscape&&"Escape"===o.key&&e(this)&&this.coClose.emit()}async bringToFront(){var o,a,t;this.open&&s(this),await(null===(t=null===(a=null===(o=this.el.shadowRoot)||void 0===o?void 0:o.querySelector("co-overlay"))||void 0===a?void 0:a.bringToFront)||void 0===t?void 0:t.call(a))}trackEscapeLayer(o){o?s(this):c(this)}connectedCallback(){this.open&&s(this)}resetPositionOnOpen(o){this.endDrag(),o&&(this.committedOffset={x:0,y:0},this.writeOffset({x:0,y:0}))}disconnectedCallback(){c(this),window.removeEventListener("blur",this.handleWindowBlur)}endDrag(){window.removeEventListener("blur",this.handleWindowBlur),this.dragging=!1,this.dragPointerId=void 0,this.dragStart=void 0,this.dragRect=void 0,this.dragViewport=void 0}isActiveDragPointer(o){return this.dragging&&o.pointerId==this.dragPointerId}capturePointer(o){const a=this.headerEl;if(a&&"function"==typeof a.setPointerCapture&&null!=o.pointerId)try{a.setPointerCapture(o.pointerId)}catch(o){}}releasePointer(o){const a=this.headerEl;if(a&&"function"==typeof a.releasePointerCapture&&null!=o.pointerId)try{a.releasePointerCapture(o.pointerId)}catch(o){}}writeOffset(o){this.liveOffset=o;const a=this.modalEl;a&&(0===o.x&&0===o.y?a.style.removeProperty("--co-modal-translate"):a.style.setProperty("--co-modal-translate",`${o.x}px ${o.y}px`))}render(){const o="panel"!==this.appearance&&"dialog"!==this.appearance,a=o?20:18,i=t("div",{class:{"co-modal__frame":!0,"co-sq-elevation-fallback":o,"co-modal__frame--standalone":!this.usesOverlay}},t("div",{class:{"co-modal":!0,"co-sq-clip":o,"co-sq-elevation":o,"co-modal--open":this.open,"co-modal--xs":"xs"===this.size,"co-modal--sm":"sm"===this.size,"co-modal--lg":"lg"===this.size,"co-modal--full":"full"===this.size,"co-modal--no-dividers":this.noDividers,"co-modal--no-header-divider":!this.headerDivider,"co-modal--panel":"panel"===this.appearance,"co-modal--dialog":"dialog"===this.appearance,"co-modal--movable":this.movable},part:"modal",ref:o=>this.modalEl=o,role:"dialog","aria-modal":"true","aria-labelledby":this.heading?"modal-heading":void 0,onClick:this.usesOverlay?this.stopPropagation:void 0,onTransitionEnd:this.handleTransitionEnd},t("div",{class:{"co-modal__header":!0,"co-modal__header--movable":this.movable,"co-modal__header--dragging":this.dragging},part:"header",ref:o=>this.headerEl=o,onPointerDown:this.movable?this.handleDragDown:void 0,onPointerMove:this.movable?this.handleDragMove:void 0,onPointerUp:this.movable?this.handleDragUp:void 0,onPointerCancel:this.movable?this.handleDragCancel:void 0},t("slot",{name:"header-leading"}),t("div",{class:"co-modal__header-text",part:"header-text"},t("h2",{class:"co-modal__heading",part:"heading",id:"modal-heading"},this.heading),this.description&&t("p",{class:"co-modal__description",part:"description"},this.description)),t("slot",{name:"header-actions"}),this.closable&&t("button",{class:"co-modal__close",type:"button","aria-label":"Close",onClick:this.handleCloseClick},t("co-icon",{name:"x",size:a}))),!this.noDividers&&t("div",{class:"co-modal__body",part:"body"},t("slot",null)),t("div",{class:{"co-modal__footer":!0,"co-modal__footer--empty":!this.hasFooter},part:"footer"},t("slot",{name:"footer",onSlotchange:this.handleFooterSlotChange}))));return this.usesOverlay?t("co-overlay",{open:this.open,trapFocus:this.trapFocus,onCoClose:this.handleOverlayClick},i):i}get el(){return i(this)}static get watchers(){return{open:[{trackEscapeLayer:0},{resetPositionOnOpen:0}]}}};h.style='.co-sq-elevation{border-radius:var(--co-sq-r);corner-shape:squircle;box-shadow:var(--co-sq-shadow)}.co-sq-clip{overflow:hidden;border-radius:var(--co-sq-r);corner-shape:squircle}@supports not (corner-shape: squircle){.co-sq-elevation{box-shadow:none}.co-sq-elevation-fallback{filter:var(--co-sq-drop-shadow)}.co-sq-clip{border-radius:0;--co-sq-tl:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 0L95 0L92.5 0L90 0L87.5 0.01L85 0.01L82.5 0.02L80 0.04L77.5 0.06L75 0.1L72.5 0.14L70 0.2L67.5 0.28L65 0.38L62.5 0.5L60 0.65L57.5 0.83L55 1.04L52.5 1.3L50 1.6L47.5 1.96L45 2.37L42.5 2.85L40 3.41L37.5 4.05L35 4.8L32.5 5.65L30 6.63L27.5 7.77L25 9.07L22.5 10.58L20 12.34L17.5 14.41L15 16.85L12.5 19.79L10 23.42L7.5 28.06L5 34.37L2.5 44.29L0 100L100 100Z%27 fill=%27%23fff%27/></svg>");--co-sq-tr:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 0L5 0L7.5 0L10 0L12.5 0.01L15 0.01L17.5 0.02L20 0.04L22.5 0.06L25 0.1L27.5 0.14L30 0.2L32.5 0.28L35 0.38L37.5 0.5L40 0.65L42.5 0.83L45 1.04L47.5 1.3L50 1.6L52.5 1.96L55 2.37L57.5 2.85L60 3.41L62.5 4.05L65 4.8L67.5 5.65L70 6.63L72.5 7.77L75 9.07L77.5 10.58L80 12.34L82.5 14.41L85 16.85L87.5 19.79L90 23.42L92.5 28.06L95 34.37L97.5 44.29L100 100L0 100Z%27 fill=%27%23fff%27/></svg>");--co-sq-bl:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 55.71L5 65.63L7.5 71.94L10 76.58L12.5 80.21L15 83.15L17.5 85.59L20 87.66L22.5 89.42L25 90.93L27.5 92.23L30 93.37L32.5 94.35L35 95.2L37.5 95.95L40 96.59L42.5 97.15L45 97.63L47.5 98.04L50 98.4L52.5 98.7L55 98.96L57.5 99.17L60 99.35L62.5 99.5L65 99.62L67.5 99.72L70 99.8L72.5 99.86L75 99.9L77.5 99.94L80 99.96L82.5 99.98L85 99.99L87.5 99.99L90 100L92.5 100L95 100L97.5 100L100 100L100 0Z%27 fill=%27%23fff%27/></svg>");--co-sq-br:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 55.71L95 65.63L92.5 71.94L90 76.58L87.5 80.21L85 83.15L82.5 85.59L80 87.66L77.5 89.42L75 90.93L72.5 92.23L70 93.37L67.5 94.35L65 95.2L62.5 95.95L60 96.59L57.5 97.15L55 97.63L52.5 98.04L50 98.4L47.5 98.7L45 98.96L42.5 99.17L40 99.35L37.5 99.5L35 99.62L32.5 99.72L30 99.8L27.5 99.86L25 99.9L22.5 99.94L20 99.96L17.5 99.98L15 99.99L12.5 99.99L10 100L7.5 100L5 100L2.5 100L0 100L0 0Z%27 fill=%27%23fff%27/></svg>");-webkit-mask:var(--co-sq-tl) top left / var(--co-sq-r) var(--co-sq-r) no-repeat, var(--co-sq-tr) top right / var(--co-sq-r) var(--co-sq-r) no-repeat, var(--co-sq-bl) bottom left / var(--co-sq-r) var(--co-sq-r) no-repeat, var(--co-sq-br) bottom right / var(--co-sq-r) var(--co-sq-r) no-repeat, linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-sq-r) + 2px) no-repeat, linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-sq-r) + 2px) 100% no-repeat;mask:var(--co-sq-tl) top left / var(--co-sq-r) var(--co-sq-r) no-repeat, var(--co-sq-tr) top right / var(--co-sq-r) var(--co-sq-r) no-repeat, var(--co-sq-bl) bottom left / var(--co-sq-r) var(--co-sq-r) no-repeat, var(--co-sq-br) bottom right / var(--co-sq-r) var(--co-sq-r) no-repeat, linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-sq-r) + 2px) no-repeat, linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-sq-r) + 2px) 100% no-repeat}}:host{display:contents;--co-overlay-blur:8px;--co-overlay-bg:rgba(31, 28, 27, 0.35)}.co-modal__frame{display:flex;contain:layout;--co-sq-drop-shadow:drop-shadow(0 1px 2px rgba(31, 28, 27, 0.06)) drop-shadow(0 14px 34px rgba(31, 28, 27, 0.16))}.co-modal{display:flex;flex-direction:column;background:var(--co-semantic-surface-secondary);color:var(--co-semantic-text-default);--co-modal-r:var(--co-border-radius-xl);--co-sq-r:var(--co-modal-r);--co-sq-shadow:0 1px 4px rgba(31, 28, 27, 0.06), 0 14px 68px rgba(31, 28, 27, 0.16);max-width:540px;width:90vw;max-height:80vh;font-family:var(--co-font-family-primary);transform:scale(0.96);opacity:0;transition:transform var(--co-motion-duration-fast) var(--co-motion-ease-in), opacity var(--co-motion-duration-fast) var(--co-motion-ease-in)}.co-modal--sm{max-width:400px}.co-modal--lg{max-width:680px}.co-modal--full{max-width:min(1400px, 95vw);width:95vw;height:92vh;max-height:92vh}.co-modal--full .co-modal__body{flex:1;min-height:0;padding:0;overflow:hidden}.co-modal--open{transform:scale(1);opacity:1;transition:transform var(--co-motion-duration-base) var(--co-motion-ease-out), opacity var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-modal__header{display:flex;align-items:flex-start;gap:var(--co-spacing-md);padding:var(--co-spacing-xl) var(--co-spacing-xl) var(--co-spacing-md)}.co-modal__header-text{display:flex;flex-direction:column;gap:var(--co-spacing-sm);flex:1}.co-modal__heading{margin:0;font-size:var(--co-font-size-20);font-weight:700;color:var(--co-semantic-text-default);line-height:1.3}.co-modal__description{margin:0;font-size:var(--co-font-size-14);color:var(--co-semantic-text-secondary);line-height:1.5}.co-modal__close{display:flex;align-items:center;justify-content:center;padding:var(--co-spacing-xs);margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);border-radius:var(--co-border-radius-sm);flex-shrink:0;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-modal__close:hover{background:var(--co-semantic-surface-hover)}.co-modal__body{padding:var(--co-spacing-lg) var(--co-spacing-xl);overflow-y:auto;overscroll-behavior:contain;font-size:var(--co-font-size-14);color:var(--co-semantic-text-secondary);line-height:1.6;border-top:1px solid var(--co-semantic-border-default)}.co-modal__body:empty{display:none}.co-modal__footer{display:flex;justify-content:flex-end;gap:var(--co-spacing-md);padding:var(--co-spacing-lg) var(--co-spacing-xl) var(--co-spacing-xl);border-top:1px solid var(--co-semantic-border-default);--co-button-radius:var(--co-border-radius-xs)}.co-modal__footer--empty{display:none}.co-modal--no-dividers .co-modal__footer{border-top:none}.co-modal--no-header-divider .co-modal__body{border-top:none;padding-top:0}.co-modal--xs{width:var(--co-modal-width, 369px);max-width:var(--co-modal-width, 369px)}.co-modal--panel{border-radius:var(--co-border-radius-sm);border:1px solid var(--co-semantic-border-subtle);box-shadow:var(--co-shadow-lg)}.co-modal--panel .co-modal__header{padding:16px 20px 16px 24px;align-items:center;border-bottom:1px solid var(--co-semantic-border-subtle)}.co-modal--panel .co-modal__heading{font-size:var(--co-font-size-20);font-weight:500;line-height:1.25;letter-spacing:var(--co-font-letter-spacing-body)}.co-modal--panel .co-modal__close{width:32px;height:32px;padding:0;border-radius:var(--co-border-radius-full);color:var(--co-semantic-text-default)}.co-modal--panel .co-modal__body{padding:24px;border-top:none}.co-modal--panel .co-modal__footer{padding:12px 24px;gap:12px;border-top:1px solid var(--co-semantic-border-subtle)}.co-modal__frame--standalone{position:fixed;inset:0;z-index:var(--co-modal-z-index, 1000);display:flex;align-items:center;justify-content:center;pointer-events:none}.co-modal__frame--standalone .co-modal--open{pointer-events:auto}.co-modal__frame--standalone .co-modal:not(.co-modal--open){visibility:hidden;transition:transform var(--co-motion-duration-fast) var(--co-motion-ease-in), opacity var(--co-motion-duration-fast) var(--co-motion-ease-in), visibility 0s linear var(--co-motion-duration-fast)}.co-modal--dialog{border-radius:var(--co-border-radius-lg)}.co-modal--dialog .co-modal__header{padding:var(--co-spacing-3xl) var(--co-spacing-3xl) 0;align-items:flex-start;gap:var(--co-spacing-lg)}.co-modal--dialog .co-modal__header-text{gap:var(--co-spacing-lg)}.co-modal--dialog .co-modal__heading{font-size:var(--co-font-size-22);font-weight:500;line-height:1.25;letter-spacing:var(--co-font-letter-spacing-body)}.co-modal--dialog .co-modal__description{font-size:var(--co-font-size-16);line-height:1.5;letter-spacing:var(--co-font-letter-spacing-body)}.co-modal--dialog .co-modal__close{width:32px;height:32px;padding:0;margin:-3px -6px 0 0;border-radius:var(--co-border-radius-full);color:var(--co-semantic-text-default)}.co-modal--dialog .co-modal__body{padding:var(--co-spacing-lg) var(--co-spacing-3xl) var(--co-spacing-3xl);border-top:none;font-size:var(--co-font-size-16);line-height:1.5;letter-spacing:var(--co-font-letter-spacing-body)}.co-modal--dialog.co-modal--full .co-modal__body{padding:0}.co-modal--dialog .co-modal__footer{padding:var(--co-spacing-lg) var(--co-spacing-2xl);gap:var(--co-spacing-md);border-top-color:var(--co-semantic-border-subtle);--co-button-radius:var(--co-border-radius-sm)}.co-modal--movable{translate:var(--co-modal-translate, none)}.co-modal__header--movable{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.co-modal__header--movable .co-modal__close{cursor:pointer}.co-modal__header--dragging{cursor:grabbing}';export{h as co_modal}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as o,h as i,a as s}from"./p-
|
|
1
|
+
import{r as e,c as o,h as i,a as s}from"./p-DJkaRtbb.js";import{R as t}from"./p-CYN5B3IQ.js";const a=class{constructor(i){e(this,i),this.coInput=o(this,"coInput",7),this.coChange=o(this,"coChange",7),this.coValidity=o(this,"coValidity",7),this.coFocus=o(this,"coFocus",7),this.coBlur=o(this,"coBlur",7),this.value="",this.placeholder="{ }",this.required=!1,this.disabled=!1,this.readonly=!1,this.rows=8,this.status="default",this.invalidMessage="Invalid JSON",this.layout="vertical",this.size="md",this.draft="",this.internalInvalid=!1,this.hasFocus=!1,this.handleInput=e=>{this.draft=e.target.value,this.validate(!0),this.coInput.emit(this.draft)},this.handleFocus=()=>{this.hasFocus=!0,this.coFocus.emit()},this.handleBlur=()=>{this.hasFocus=!1,this.value=this.draft,this.coChange.emit(this.draft),this.coBlur.emit()}}componentWillLoad(){var e;this.draft=null!==(e=this.value)&&void 0!==e?e:"",this.validate(!1)}onValueChange(){var e;this.hasFocus||(this.draft=null!==(e=this.value)&&void 0!==e?e:"",this.validate(!1))}get isInvalid(){return"error"===this.status||this.internalInvalid}validate(e){const o=this.draft.trim(),i=""===o||this.tryParse(o);return!i!==this.internalInvalid&&(this.internalInvalid=!i,e&&this.coValidity.emit({valid:i,message:i?void 0:this.invalidMessage})),i}tryParse(e){try{return JSON.parse(e),!0}catch(e){return!1}}render(){const e=this.internalInvalid?this.invalidMessage:this.helperText,o="default"!==this.status?`co-json-field--${this.status}`:"";return i("div",{key:"3488016fe7b45678a0925275fd240b29107733e4",class:{"co-json-field":!0,"co-json-field--disabled":this.disabled,"co-json-field--focused":this.hasFocus,"co-json-field--invalid":this.isInvalid,[`co-json-field--${this.size}`]:!0,[o]:!!o},part:"wrapper"},this.label&&i("div",{key:"46cac96bd27c532528d00ed9178dcd52c76b1fce",class:"co-json-field__labels"},i("label",{key:"7ea63ec78e2c9637c5be2c9737f62e612473d567",class:"co-json-field__label",part:"label"},this.label,i(t,{key:"e0a6da86cfde978e7e1ae6bfd1a834967b6bb829",required:this.required}))),i("div",{key:"78e11d6f221bfe35bab6299be7c1f7c97bc3a05a",class:"co-json-field__field",part:"field"},i("textarea",{key:"70eda7639839b0f83c85db5a6d40da2a0eb07ebf",class:"co-json-field__native",rows:this.rows,spellcheck:!1,autocomplete:"off",value:this.draft,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,"aria-invalid":this.isInvalid?"true":"false","aria-label":this.label?void 0:"JSON",onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,part:"input"})),this.name&&i("input",{key:"6f0517a5284ac3eea2c6788cb0c64c630e6527d3",type:"hidden",name:this.name,value:this.draft}),e&&i("div",{key:"ff13e6ce9172d5c45230e0bc1d3231a232db1214",class:{"co-json-field__helper":!0,"co-json-field__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&i("co-icon",{key:"2db231d921b67b6c6ff7fd058e6903f6ffd99977",name:"warning-circle",size:14,class:"co-json-field__helper-icon"}),i("span",{key:"af3dc5badb989c19bfaf960a09a63efff2f59308",class:"co-json-field__helper-text"},e)))}get el(){return s(this)}static get watchers(){return{value:[{onValueChange:0}]}}};a.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-json-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-json-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-json-field__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-field-required{margin-left:2px;color:var(--co-semantic-text-error, var(--co-color-status-error))}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-json-field__field{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-json-field__native{width:100%;resize:vertical;border:none;outline:none;background:transparent;font-family:var(--co-font-family-mono, monospace);font-size:var(--co-font-size-13, 13px);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;tab-size:2}.co-json-field__native::placeholder{color:var(--co-semantic-text-muted)}.co-json-field--s .co-json-field__native{padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12, 12px)}.co-json-field--sm .co-json-field__native{padding:var(--co-spacing-xs) var(--co-spacing-sm)}.co-json-field--lg .co-json-field__native{padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-14)}.co-json-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-json-field__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-json-field__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body)}.co-json-field--focused .co-json-field__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-json-field--disabled{opacity:0.6;pointer-events:none}.co-json-field--disabled .co-json-field__field{background:var(--co-semantic-surface-disabled);border-color:transparent}.co-json-field--invalid .co-json-field__field,.co-json-field--error .co-json-field__field{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error))}.co-json-field--invalid.co-json-field--focused .co-json-field__field,.co-json-field--error.co-json-field--focused .co-json-field__field{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error));box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-error, var(--co-semantic-status-error)) 12%, transparent)}.co-json-field__helper--error .co-json-field__helper-icon,.co-json-field__helper--error .co-json-field__helper-text{color:var(--co-semantic-text-error, var(--co-semantic-status-error))}:host([layout='horizontal']) .co-json-field{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-json-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-json-field__label{white-space:normal}:host([layout='horizontal']) .co-json-field>:not(.co-json-field__labels){grid-column:2;min-width:0}";export{a as co_json_field}
|
|
@@ -1 +1 @@
|
|
|
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
|
+
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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as t,h as i,a as o}from"./p-DJkaRtbb.js";import{s,S as n,a,b as c,i as r}from"./p-DU-KOQ8L.js";const m=class{constructor(i){e(this,i),this.coSelect=t(this,"coSelect",7),this.coMenuSelect=t(this,"coMenuSelect",7),this.dense=!1,this.selected=!1,this.trailingCheck=!1,this.leadingCheck=!1,this.disabled=!1,this.variant="default",this.hasSubmenu=!1,this.submenuOpen=!1,this.submenuPlacementValue="right-start",this.handleClick=e=>{if(!this.disabled){if(this.hasSubmenu)return e.stopPropagation(),void this.openSubmenu();this.coSelect.emit(),this.coMenuSelect.emit()}},this.handleKeydown=e=>{var t;this.disabled||("Enter"===e.key||" "===e.key?(e.preventDefault(),this.handleClick(e)):"ArrowRight"===e.key&&this.hasSubmenu?(e.preventDefault(),this.openSubmenu(),requestAnimationFrame((()=>{var e;const t=this.el.querySelector("co-menu-item");null===(e=null==t?void 0:t.focusItem)||void 0===e||e.call(t)}))):"ArrowLeft"===e.key&&this.submenuOpen&&(e.preventDefault(),this.submenuOpen=!1,null===(t=this.rowEl)||void 0===t||t.focus()))},this.handleMouseEnter=()=>{!this.disabled&&this.hasSubmenu&&(this.cancelClose(),this.openSubmenu())},this.handleMouseLeave=()=>{this.hasSubmenu&&this.scheduleClose()},this.handlePlacement=e=>{const t=s(e.detail.placement);t&&this.el.setAttribute(n,t)},this.cancelClose=()=>{this.closeTimer&&(window.clearTimeout(this.closeTimer),this.closeTimer=void 0)}}onSubmenuOpenChange(e){e?this.el.setAttribute("data-submenu-open",""):this.el.removeAttribute("data-submenu-open")}async focusItem(){var e;null===(e=this.rowEl)||void 0===e||e.focus()}componentWillLoad(){this.hasSubmenu=this.detectSubmenu()}disconnectedCallback(){this.cancelClose()}detectSubmenu(){for(const e of Array.from(this.el.children)){const t=e.tagName.toLowerCase();if("co-menu-item"===t||"co-menu-divider"===t)return!0}return!1}openSubmenu(){this.submenuOpen||this.closeSiblingSubmenus(),this.submenuPlacementValue=a(r(this.el),c(this.el)),this.submenuOpen=!0}async closeSubmenu(){this.cancelClose(),this.submenuOpen=!1}closeSiblingSubmenus(){var e,t;const i=this.el.parentElement;if(i)for(const o of Array.from(i.children))o!==this.el&&"co-menu-item"===o.tagName.toLowerCase()&&(null===(t=(e=o).closeSubmenu)||void 0===t||t.call(e))}scheduleClose(){this.cancelClose(),this.closeTimer=window.setTimeout((()=>{this.submenuOpen=!1}),260)}render(){var e;const t=i("button",{ref:e=>this.rowEl=e,class:{"co-menu-item":!0,"co-menu-item--dense":this.dense,"co-menu-item--selected":this.selected,"co-menu-item--disabled":this.disabled,"co-menu-item--danger":"danger"===this.variant,"co-menu-item--submenu":this.hasSubmenu,"co-menu-item--submenu-open":this.hasSubmenu&&this.submenuOpen},type:"button",role:"menuitem","aria-haspopup":this.hasSubmenu?"menu":void 0,"aria-expanded":this.hasSubmenu?this.submenuOpen?"true":"false":void 0,disabled:this.disabled,onClick:this.handleClick,onKeyDown:this.handleKeydown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},this.leadingCheck&&i("span",{class:"co-menu-item__check co-menu-item__check--leading"},this.selected&&i("co-icon",{name:"check",size:12})),this.icon&&i("span",{class:"co-menu-item__icon"},i("co-icon",{name:this.icon,size:null!==(e=this.iconSize)&&void 0!==e?e:16})),i("span",{class:{"co-menu-item__label":!0,"co-menu-item__label--stacked":!!this.caption}},i("span",{class:"co-menu-item__label-main"},this.label,i("slot",{name:"label"})),this.caption&&i("span",{class:"co-menu-item__caption"},this.caption)),this.trailingCheck&&i("span",{class:"co-menu-item__check"},i("co-icon",{name:"check",size:15})),i("span",{class:"co-menu-item__suffix"},i("slot",{name:"suffix"}),this.hasSubmenu&&i("co-icon",{name:"caret-right",size:14})));return this.hasSubmenu?i("div",{class:"co-menu-item__wrap co-menu-item__wrap--submenu",onMouseEnter:this.cancelClose,onMouseLeave:this.handleMouseLeave},i("co-popover",{placement:this.submenuPlacementValue,offset:4,open:this.submenuOpen,bare:!0,onCoOpen:()=>this.openSubmenu(),onCoClose:()=>{this.submenuOpen=!1},onCoPlacement:this.handlePlacement},i("div",{slot:"trigger",class:"co-menu-item__trigger-wrap"},t),i("div",{class:"co-menu-item__submenu",role:"menu",onMouseEnter:this.cancelClose,onMouseLeave:this.handleMouseLeave},i("slot",null)))):i("div",{class:"co-menu-item__wrap"},t)}get el(){return o(this)}static get watchers(){return{submenuOpen:[{onSubmenuOpenChange:0}]}}};m.style=":host{display:block}.co-menu-item__wrap{display:block}.co-menu-item{width:100%;display:flex;align-items:center;gap:var(--co-menu-item-gap, var(--co-spacing-sm, 8px));padding:var(--co-menu-item-padding, var(--co-spacing-sm, 8px) var(--co-spacing-md, 12px));background:transparent;border:0;border-radius:var(--co-border-radius-xs, 8px);font-family:var(--co-font-family-primary);font-size:var(--co-menu-item-font-size, var(--co-font-size-14, 14px));font-weight:var(--co-menu-item-font-weight, normal);letter-spacing:var(--co-menu-item-letter-spacing, normal);line-height:var(--co-menu-item-line-height, normal);color:var(--co-menu-item-color, var(--co-semantic-text-default));text-align:left;cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out);min-height:var(--co-menu-item-height, 36px);box-sizing:border-box}.co-menu-item--dense{padding:var(--co-spacing-xs, 4px) var(--co-spacing-md, 12px);min-height:32px}.co-menu-item--selected{background:var(--co-menu-item-selected-bg, var(--co-semantic-surface-control, #f6f6f6))}.co-menu-item:hover,.co-menu-item--submenu-open{background:var(--co-menu-item-hover-bg, var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.04)))}.co-menu-item:focus-visible{outline:2px solid var(--co-semantic-border-focus, #2563eb);outline-offset:-2px}.co-menu-item--disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.co-menu-item--danger{color:var(--co-semantic-text-error, var(--co-color-status-error, #aa2e1b))}.co-menu-item--danger:hover{background:var(--co-semantic-surface-error, var(--co-color-status-bg-error, #ffefef));color:var(--co-semantic-text-error, var(--co-color-status-error, #aa2e1b))}.co-menu-item__icon{display:inline-flex;align-items:center;flex-shrink:0;color:var(--co-menu-item-icon-color, currentColor)}.co-menu-item__check{display:inline-flex;align-items:center;flex-shrink:0;color:var(--co-menu-item-color, var(--co-semantic-text-default))}.co-menu-item__label{flex:1;display:inline-flex;align-items:center;gap:var(--co-spacing-xs, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-menu-item__label--stacked{flex-direction:column;align-items:flex-start;gap:1px}.co-menu-item__label-main{display:inline-flex;align-items:center;gap:var(--co-spacing-xs, 4px)}.co-menu-item__caption{font-size:var(--co-font-size-11, 11px);color:var(--co-semantic-text-muted);line-height:1.3;white-space:nowrap}.co-menu-item__suffix{display:inline-flex;align-items:center;gap:var(--co-spacing-xs, 4px);flex-shrink:0;color:var(--co-semantic-text-muted)}.co-menu-item--submenu-open .co-menu-item__suffix{color:var(--co-semantic-text-default)}.co-menu-item__trigger-wrap{display:block}.co-menu-item__wrap--submenu>co-popover{display:block;width:100%}.co-menu-item__submenu{background:var(--co-menu-submenu-bg, var(--co-semantic-surface-secondary, #fff));border-radius:var(--co-border-radius-sm, 12px);box-shadow:var(--co-shadow-lg, 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04)), inset 0 0 0 1px var(--co-semantic-border-subtle, rgba(31, 28, 27, 0.08));padding:var(--co-menu-padding, var(--co-spacing-xs, 4px));min-width:180px;display:flex;flex-direction:column;gap:2px;position:relative}.co-menu-item__submenu::before,.co-menu-item__submenu::after{content:'';position:absolute;top:0;bottom:0;width:6px;}.co-menu-item__submenu::before{left:-6px}.co-menu-item__submenu::after{right:-6px}.co-menu-item__check--leading{width:12px;justify-content:center}";export{m as co_menu_item}
|