@prolibu-suite/cobalt-core 0.5.0 → 0.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +1090 -41
- package/dist/cjs/co-accordion.cjs.entry.js +1 -1
- package/dist/cjs/co-app-shell.cjs.entry.js +1 -1
- package/dist/cjs/co-autocomplete.cjs.entry.js +3 -3
- package/dist/cjs/co-avatar-group.cjs.entry.js +3 -3
- package/dist/cjs/{co-tooltip.cjs.entry.js → co-avatar_2.cjs.entry.js} +95 -3
- package/dist/cjs/co-badge.cjs.entry.js +2 -2
- package/dist/cjs/co-bottom-sheet.cjs.entry.js +4 -4
- package/dist/cjs/co-breadcrumb-item.cjs.entry.js +3 -3
- package/dist/cjs/co-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/co-button-group.cjs.entry.js +3 -3
- package/dist/cjs/co-button.cjs.entry.js +4 -4
- package/dist/cjs/co-calendar-month.cjs.entry.js +2 -2
- package/dist/cjs/co-calendar_3.cjs.entry.js +8 -8
- package/dist/cjs/co-card.cjs.entry.js +3 -3
- package/dist/cjs/co-carousel-item.cjs.entry.js +17 -0
- package/dist/cjs/co-carousel.cjs.entry.js +368 -0
- package/dist/cjs/co-checkbox-group.cjs.entry.js +1 -1
- package/dist/cjs/co-checkbox.cjs.entry.js +4 -4
- package/dist/cjs/co-chip_2.cjs.entry.js +5 -5
- package/dist/cjs/co-color-picker.cjs.entry.js +5 -5
- package/dist/cjs/co-column-picker.cjs.entry.js +3 -3
- package/dist/cjs/co-combobox.cjs.entry.js +3 -3
- package/dist/cjs/co-command-search.cjs.entry.js +1 -1
- package/dist/cjs/co-data-table-pagination.cjs.entry.js +5 -5
- package/dist/cjs/co-data-table.cjs.entry.js +2 -2
- package/dist/cjs/co-date-picker.cjs.entry.js +11 -4
- package/dist/cjs/co-date-range-picker.cjs.entry.js +9 -3
- package/dist/cjs/co-date-range.cjs.entry.js +2 -2
- package/dist/cjs/co-drive-card.cjs.entry.js +2 -2
- package/dist/cjs/co-drop-zone.cjs.entry.js +2 -2
- package/dist/cjs/co-empty-state.cjs.entry.js +3 -3
- package/dist/cjs/co-event-calendar.cjs.entry.js +3 -3
- package/dist/cjs/co-fab.cjs.entry.js +21 -6
- package/dist/cjs/co-file-field.cjs.entry.js +8 -8
- package/dist/cjs/co-file-type-tile.cjs.entry.js +3 -3
- package/dist/cjs/co-helper-text.cjs.entry.js +3 -3
- package/dist/cjs/co-icon-button.cjs.entry.js +2 -2
- package/dist/cjs/co-icon.cjs.entry.js +3 -3
- package/dist/cjs/co-input.cjs.entry.js +25 -3
- package/dist/cjs/co-json-field.cjs.entry.js +6 -6
- package/dist/cjs/co-lightbox.cjs.entry.js +33 -6
- package/dist/cjs/co-list-footer.cjs.entry.js +2 -2
- package/dist/cjs/co-list-item.cjs.entry.js +5 -5
- package/dist/cjs/co-loader.cjs.entry.js +1 -1
- package/dist/cjs/co-media-thumb.cjs.entry.js +3 -3
- package/dist/cjs/co-menu-divider.cjs.entry.js +2 -2
- package/dist/cjs/co-menu-item.cjs.entry.js +1 -1
- package/dist/cjs/co-menu.cjs.entry.js +2 -2
- package/dist/cjs/co-modal.cjs.entry.js +3 -3
- package/dist/cjs/co-navbar.cjs.entry.js +3 -3
- package/dist/cjs/co-number-field.cjs.entry.js +5 -5
- package/dist/cjs/co-overlay.cjs.entry.js +2 -2
- package/dist/cjs/co-page-header.cjs.entry.js +2 -2
- 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 +3 -3
- package/dist/cjs/co-progress-circle.cjs.entry.js +3 -3
- package/dist/cjs/co-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/co-radio.cjs.entry.js +4 -4
- package/dist/cjs/co-rating.cjs.entry.js +4 -4
- package/dist/cjs/co-ref-field.cjs.entry.js +11 -5
- package/dist/cjs/co-rich-text-editor.cjs.entry.js +22 -7
- package/dist/cjs/co-rich-text-toolbar.cjs.entry.js +36 -4
- package/dist/cjs/co-rich-text-viewer.cjs.entry.js +36 -6
- package/dist/cjs/co-row.cjs.entry.js +3 -3
- package/dist/cjs/co-segmented-bar.cjs.entry.js +1 -1
- package/dist/cjs/co-select.cjs.entry.js +13 -7
- package/dist/cjs/co-separator.cjs.entry.js +2 -2
- package/dist/cjs/co-sidebar-nav.cjs.entry.js +1 -1
- package/dist/cjs/co-sidebar.cjs.entry.js +3 -3
- package/dist/cjs/co-skeleton.cjs.entry.js +2 -2
- package/dist/cjs/co-slider.cjs.entry.js +3 -3
- package/dist/cjs/co-switch.cjs.entry.js +5 -5
- package/dist/cjs/co-tab-group.cjs.entry.js +4 -4
- package/dist/cjs/co-tab.cjs.entry.js +3 -3
- package/dist/cjs/co-tags-field.cjs.entry.js +9 -9
- package/dist/cjs/co-textarea.cjs.entry.js +13 -7
- package/dist/cjs/co-toast.cjs.entry.js +1 -1
- package/dist/cjs/co-toggle-button-group.cjs.entry.js +3 -3
- package/dist/cjs/co-toggle-button.cjs.entry.js +3 -3
- package/dist/cjs/co-transfer-list.cjs.entry.js +1 -1
- package/dist/cjs/co-video.cjs.entry.js +3 -3
- package/dist/cjs/cobalt.cjs.js +2 -2
- package/dist/cjs/{fieldChip-D8YJCyQF.js → fieldChip-B_npd9rL.js} +1 -1
- package/dist/cjs/{index-4y1Dm145.js → index-DFZ5YhIT.js} +171 -11
- package/dist/cjs/{index-DxEFsH_t.js → index-kBiXCEE7.js} +13 -9
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{requiredMark-B3pKyqYI.js → requiredMark-DuMIcKtt.js} +1 -1
- package/dist/cjs/{richTextI18n-B7ktXg3M.js → richTextI18n-B28uAhh4.js} +3 -0
- package/dist/cjs/{toolbar-config-3PlT-3zm.js → toolbar-config-BQfWTW6P.js} +2 -0
- package/dist/cobalt/cobalt.css +1 -1
- package/dist/cobalt/cobalt.esm.js +1 -1
- package/dist/cobalt/{p-86e60cfa.entry.js → p-0110108f.entry.js} +1 -1
- package/dist/cobalt/p-037cc571.entry.js +1 -0
- package/dist/cobalt/{p-47a2dd67.entry.js → p-080f62e4.entry.js} +1 -1
- package/dist/cobalt/{p-8128e84a.entry.js → p-0a294205.entry.js} +1 -1
- package/dist/cobalt/{p-a9afbaa6.entry.js → p-0b7359bb.entry.js} +1 -1
- package/dist/cobalt/p-0b92167a.entry.js +1 -0
- package/dist/cobalt/p-0bc5a962.entry.js +1 -0
- package/dist/cobalt/{p-02c5a9a9.entry.js → p-202eadfc.entry.js} +1 -1
- package/dist/cobalt/{p-1681ce1d.entry.js → p-264508ae.entry.js} +1 -1
- package/dist/cobalt/{p-b8ec0cc1.entry.js → p-2661557c.entry.js} +1 -1
- package/dist/cobalt/{p-771bc8fe.entry.js → p-27dce0ac.entry.js} +1 -1
- package/dist/cobalt/{p-c3462def.entry.js → p-28ab9cef.entry.js} +1 -1
- package/dist/cobalt/{p-d9608046.entry.js → p-2da09948.entry.js} +1 -1
- package/dist/cobalt/p-2f6c7eb5.entry.js +1 -0
- package/dist/cobalt/{p-002e5beb.entry.js → p-30c80e3a.entry.js} +1 -1
- package/dist/cobalt/p-331a0108.entry.js +1 -0
- package/dist/cobalt/{p-c0f39ddd.entry.js → p-36ad3a96.entry.js} +1 -1
- package/dist/cobalt/{p-8dfb6886.entry.js → p-3af74ab8.entry.js} +1 -1
- package/dist/cobalt/{p-c6fedc59.entry.js → p-3b9be8a8.entry.js} +1 -1
- package/dist/cobalt/p-3c681e3a.entry.js +1 -0
- package/dist/cobalt/{p-14d4c5c7.entry.js → p-3ecbbe93.entry.js} +1 -1
- package/dist/cobalt/{p-9c873a6a.entry.js → p-3f1030fb.entry.js} +1 -1
- package/dist/cobalt/p-3f7215e7.entry.js +1 -0
- package/dist/cobalt/p-431cec34.entry.js +1 -0
- package/dist/cobalt/p-48fbf051.entry.js +1 -0
- package/dist/cobalt/{p-e420d5c9.entry.js → p-4f615cbd.entry.js} +1 -1
- package/dist/cobalt/{p-81cfd951.entry.js → p-5319ac3f.entry.js} +1 -1
- package/dist/cobalt/p-532baca4.entry.js +1 -0
- package/dist/cobalt/{p-ba66584f.entry.js → p-53a276a8.entry.js} +1 -1
- package/dist/cobalt/{p-f0de4415.entry.js → p-543cc00d.entry.js} +1 -1
- package/dist/cobalt/{p-f073b467.entry.js → p-54857f78.entry.js} +1 -1
- package/dist/cobalt/{p-85eed52c.entry.js → p-54f8c68c.entry.js} +1 -1
- package/dist/cobalt/{p-9c6ca902.entry.js → p-585c132d.entry.js} +1 -1
- package/dist/cobalt/p-59b114ab.entry.js +1 -0
- package/dist/cobalt/{p-2d1cbd7f.entry.js → p-5b84cf37.entry.js} +1 -1
- package/dist/cobalt/{p-0d7536a8.entry.js → p-5c250889.entry.js} +1 -1
- package/dist/cobalt/{p-e33853fa.entry.js → p-5d0510a5.entry.js} +1 -1
- package/dist/cobalt/{p-f86ccb38.entry.js → p-5e246304.entry.js} +1 -1
- package/dist/cobalt/{p-075eed3d.entry.js → p-616e4286.entry.js} +1 -1
- package/dist/cobalt/{p-8e823c15.entry.js → p-64115d66.entry.js} +1 -1
- package/dist/cobalt/{p-495c9b99.entry.js → p-69723cc1.entry.js} +1 -1
- package/dist/cobalt/{p-6ad1625a.entry.js → p-69ce2269.entry.js} +1 -1
- package/dist/cobalt/{p-b1197c08.entry.js → p-6b38e8fb.entry.js} +1 -1
- package/dist/cobalt/{p-5c43d30e.entry.js → p-7178113f.entry.js} +1 -1
- package/dist/cobalt/p-741cf623.entry.js +1 -0
- package/dist/cobalt/{p-1726ce07.entry.js → p-75515a8e.entry.js} +1 -1
- package/dist/cobalt/{p-fd27c2bd.entry.js → p-7f78e45c.entry.js} +1 -1
- package/dist/cobalt/{p-3f06d373.entry.js → p-8155d781.entry.js} +1 -1
- package/dist/cobalt/{p-e710b9ea.entry.js → p-8fe5b07e.entry.js} +1 -1
- package/dist/cobalt/{p-9a587867.entry.js → p-9211e794.entry.js} +1 -1
- package/dist/cobalt/p-97875bde.entry.js +1 -0
- package/dist/cobalt/p-9824c478.entry.js +1 -0
- package/dist/cobalt/{p-cc0a4617.entry.js → p-9994fcd8.entry.js} +1 -1
- package/dist/cobalt/p-9bf42bf4.entry.js +1 -0
- package/dist/cobalt/{p-f6ac5301.entry.js → p-9fab9c1f.entry.js} +1 -1
- package/dist/cobalt/p-BCEz3S-z.js +2 -0
- package/dist/cobalt/{p-Bgxofdfb.js → p-BL0sCfMH.js} +1 -1
- package/dist/cobalt/p-BYKAgwq3.js +1 -0
- package/dist/cobalt/p-C-d15gih.js +1 -0
- package/dist/cobalt/p-D5gr2ent.js +1 -0
- package/dist/cobalt/p-WeuPA9Rw.js +1 -0
- package/dist/cobalt/{p-77d01b39.entry.js → p-a252f8c5.entry.js} +1 -1
- package/dist/cobalt/{p-809015dd.entry.js → p-b06af5c6.entry.js} +1 -1
- package/dist/cobalt/p-b87a2e7a.entry.js +1 -0
- package/dist/cobalt/{p-fb251497.entry.js → p-ba5c6aa7.entry.js} +1 -1
- package/dist/cobalt/{p-373cd08e.entry.js → p-bb00ae4a.entry.js} +1 -1
- package/dist/cobalt/{p-5edd0d3f.entry.js → p-bcd38114.entry.js} +1 -1
- package/dist/cobalt/{p-bb534985.entry.js → p-c237add6.entry.js} +1 -1
- package/dist/cobalt/{p-c750b2d2.entry.js → p-c3004e1c.entry.js} +1 -1
- package/dist/cobalt/p-c589ae25.entry.js +1 -0
- package/dist/cobalt/p-c635417b.entry.js +1 -0
- package/dist/cobalt/p-c7d9ff39.entry.js +1 -0
- package/dist/cobalt/{p-c1e53e4c.entry.js → p-c9528a5f.entry.js} +1 -1
- package/dist/cobalt/{p-20ba59a2.entry.js → p-cbac0a11.entry.js} +1 -1
- package/dist/cobalt/p-cd28aa6d.entry.js +1 -0
- package/dist/cobalt/{p-5c3101b5.entry.js → p-cdedaa82.entry.js} +1 -1
- package/dist/cobalt/{p-627d2d1a.entry.js → p-ceb85838.entry.js} +1 -1
- package/dist/cobalt/{p-5e9a9caf.entry.js → p-d3a1a604.entry.js} +1 -1
- package/dist/cobalt/{p-a6900010.entry.js → p-d71b800a.entry.js} +1 -1
- package/dist/cobalt/p-df752f6e.entry.js +1 -0
- package/dist/cobalt/{p-b4bed98b.entry.js → p-e1b468c1.entry.js} +1 -1
- package/dist/cobalt/{p-0d6a562d.entry.js → p-e4555fda.entry.js} +1 -1
- package/dist/cobalt/p-ec9dd3a3.entry.js +1 -0
- package/dist/cobalt/p-eec1c44c.entry.js +1 -0
- package/dist/cobalt/p-eeed80ac.entry.js +1 -0
- package/dist/cobalt/p-f0a98453.entry.js +1 -0
- package/dist/cobalt/{p-af4cb263.entry.js → p-ff581807.entry.js} +1 -1
- package/dist/cobalt/p-fffeb610.entry.js +1 -0
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/co-autocomplete/co-autocomplete.css +1 -1
- package/dist/collection/components/co-avatar/co-avatar.css +23 -0
- package/dist/collection/components/co-avatar/co-avatar.js +24 -1
- package/dist/collection/components/co-avatar-group/co-avatar-group.css +9 -5
- package/dist/collection/components/co-avatar-group/co-avatar-group.js +2 -2
- package/dist/collection/components/co-badge/co-badge.js +1 -1
- package/dist/collection/components/co-bottom-sheet/co-bottom-sheet.js +3 -3
- package/dist/collection/components/co-breadcrumb/co-breadcrumb.js +1 -1
- package/dist/collection/components/co-breadcrumb-item/co-breadcrumb-item.js +2 -2
- package/dist/collection/components/co-button/co-button.css +5 -1
- package/dist/collection/components/co-button/co-button.js +2 -2
- package/dist/collection/components/co-button-group/co-button-group.js +2 -2
- package/dist/collection/components/co-calendar/co-calendar.js +1 -1
- package/dist/collection/components/co-calendar-month/co-calendar-month.js +1 -1
- package/dist/collection/components/co-card/co-card.js +2 -2
- package/dist/collection/components/co-carousel/co-carousel.css +152 -0
- package/dist/collection/components/co-carousel/co-carousel.js +633 -0
- package/dist/collection/components/co-carousel-item/co-carousel-item.css +6 -0
- package/dist/collection/components/co-carousel-item/co-carousel-item.js +25 -0
- package/dist/collection/components/co-checkbox/co-checkbox.js +3 -3
- package/dist/collection/components/co-chip/co-chip.js +2 -2
- package/dist/collection/components/co-color-picker/co-color-picker.css +11 -10
- package/dist/collection/components/co-color-picker/co-color-picker.js +2 -2
- package/dist/collection/components/co-column-picker/co-column-picker.js +2 -2
- package/dist/collection/components/co-combobox/co-combobox.css +6 -8
- package/dist/collection/components/co-data-table/co-data-table.css +19 -4
- package/dist/collection/components/co-data-table-pagination/co-data-table-pagination.js +4 -4
- package/dist/collection/components/co-date-field/co-date-field.css +6 -7
- package/dist/collection/components/co-date-field/co-date-field.js +4 -4
- package/dist/collection/components/co-date-picker/co-date-picker.css +16 -0
- package/dist/collection/components/co-date-picker/co-date-picker.js +28 -1
- package/dist/collection/components/co-date-range/co-date-range.js +1 -1
- package/dist/collection/components/co-date-range-picker/co-date-range-picker.css +13 -1
- package/dist/collection/components/co-date-range-picker/co-date-range-picker.js +26 -0
- package/dist/collection/components/co-drive-card/co-drive-card.js +1 -1
- package/dist/collection/components/co-drop-zone/co-drop-zone.js +1 -1
- package/dist/collection/components/co-empty-state/co-empty-state.js +2 -2
- package/dist/collection/components/co-event-calendar/co-event-calendar.js +2 -2
- package/dist/collection/components/co-fab/co-fab.css +70 -10
- package/dist/collection/components/co-fab/co-fab.js +39 -4
- package/dist/collection/components/co-file-field/co-file-field.css +2 -2
- package/dist/collection/components/co-file-field/co-file-field.js +5 -5
- package/dist/collection/components/co-file-type-tile/co-file-type-tile.js +2 -2
- package/dist/collection/components/co-helper-text/co-helper-text.js +2 -2
- package/dist/collection/components/co-icon/co-icon.js +2 -2
- package/dist/collection/components/co-icon-button/co-icon-button.js +1 -1
- package/dist/collection/components/co-input/co-input.css +13 -1
- package/dist/collection/components/co-input/co-input.js +83 -0
- package/dist/collection/components/co-json-field/co-json-field.css +4 -8
- package/dist/collection/components/co-json-field/co-json-field.js +3 -3
- package/dist/collection/components/co-lightbox/co-lightbox.css +12 -1
- package/dist/collection/components/co-lightbox/co-lightbox.js +31 -4
- package/dist/collection/components/co-list-footer/co-list-footer.js +1 -1
- package/dist/collection/components/co-list-item/co-list-item.js +4 -4
- package/dist/collection/components/co-media-thumb/co-media-thumb.js +2 -2
- package/dist/collection/components/co-menu/co-menu.js +1 -1
- package/dist/collection/components/co-menu-divider/co-menu-divider.js +1 -1
- package/dist/collection/components/co-modal/co-modal.js +2 -2
- package/dist/collection/components/co-navbar/co-navbar.js +2 -2
- package/dist/collection/components/co-number-field/co-number-field.css +1 -1
- package/dist/collection/components/co-number-field/co-number-field.js +2 -2
- package/dist/collection/components/co-option-list/co-option-list.js +2 -2
- package/dist/collection/components/co-overlay/co-overlay.js +1 -1
- package/dist/collection/components/co-page-header/co-page-header.js +1 -1
- package/dist/collection/components/co-phone-field/co-phone-field.css +2 -2
- package/dist/collection/components/co-phone-field/co-phone-field.js +1 -1
- package/dist/collection/components/co-progress-bar/co-progress-bar.js +2 -2
- package/dist/collection/components/co-progress-circle/co-progress-circle.js +2 -2
- package/dist/collection/components/co-radio/co-radio.js +3 -3
- package/dist/collection/components/co-rating/co-rating.js +3 -3
- package/dist/collection/components/co-ref-field/co-ref-field.css +17 -1
- package/dist/collection/components/co-ref-field/co-ref-field.js +27 -1
- package/dist/collection/components/co-rich-text-editor/co-rich-text-editor.css +21 -3
- package/dist/collection/components/co-rich-text-editor/co-rich-text-editor.js +97 -4
- package/dist/collection/components/co-rich-text-toolbar/co-rich-text-toolbar.js +93 -3
- package/dist/collection/components/co-rich-text-viewer/co-rich-text-viewer.css +19 -0
- package/dist/collection/components/co-rich-text-viewer/co-rich-text-viewer.js +53 -4
- package/dist/collection/components/co-row/co-row.js +2 -2
- package/dist/collection/components/co-select/co-select.css +12 -1
- package/dist/collection/components/co-select/co-select.js +30 -4
- package/dist/collection/components/co-separator/co-separator.js +1 -1
- package/dist/collection/components/co-sidebar/co-sidebar.js +2 -2
- package/dist/collection/components/co-skeleton/co-skeleton.js +1 -1
- package/dist/collection/components/co-slider/co-slider.js +2 -2
- package/dist/collection/components/co-switch/co-switch.js +3 -3
- package/dist/collection/components/co-tab/co-tab.js +2 -2
- package/dist/collection/components/co-tab-group/co-tab-group.css +7 -4
- package/dist/collection/components/co-tab-group/co-tab-group.js +2 -2
- package/dist/collection/components/co-tags-field/co-tags-field.css +12 -21
- package/dist/collection/components/co-tags-field/co-tags-field.js +5 -5
- package/dist/collection/components/co-textarea/co-textarea.css +18 -8
- package/dist/collection/components/co-textarea/co-textarea.js +30 -4
- package/dist/collection/components/co-toggle-button/co-toggle-button.js +2 -2
- package/dist/collection/components/co-toggle-button-group/co-toggle-button-group.js +2 -2
- package/dist/collection/components/co-tooltip/co-tooltip.js +2 -2
- package/dist/collection/components/co-video/co-video.js +2 -2
- package/dist/collection/utils/carouselI18n.js +36 -0
- package/dist/collection/utils/richTextI18n.js +3 -0
- package/dist/components/co-accordion.js +1 -1
- package/dist/components/co-autocomplete.js +1 -1
- package/dist/components/co-avatar-group.js +1 -1
- package/dist/components/co-avatar.js +1 -1
- package/dist/components/co-badge.js +1 -1
- package/dist/components/co-bottom-sheet.js +1 -1
- package/dist/components/co-breadcrumb-item.js +1 -1
- package/dist/components/co-breadcrumb.js +1 -1
- package/dist/components/co-button-group.js +1 -1
- package/dist/components/co-button.js +1 -1
- package/dist/components/co-calendar-month.js +1 -1
- package/dist/components/co-calendar.js +1 -1
- package/dist/components/co-card.js +1 -1
- package/dist/components/co-carousel-item.d.ts +11 -0
- package/dist/components/co-carousel-item.js +1 -0
- package/dist/components/co-carousel.d.ts +11 -0
- package/dist/components/co-carousel.js +1 -0
- package/dist/components/co-checkbox-group.js +1 -1
- package/dist/components/co-checkbox.js +1 -1
- package/dist/components/co-chip.js +1 -1
- package/dist/components/co-color-picker.js +1 -1
- package/dist/components/co-column-picker.js +1 -1
- package/dist/components/co-combobox.js +1 -1
- package/dist/components/co-command-search.js +1 -1
- package/dist/components/co-data-table-pagination.js +1 -1
- package/dist/components/co-data-table.js +1 -1
- package/dist/components/co-date-field.js +1 -1
- package/dist/components/co-date-picker.js +1 -1
- package/dist/components/co-date-range-picker.js +1 -1
- package/dist/components/co-date-range.js +1 -1
- package/dist/components/co-drawer.js +1 -1
- package/dist/components/co-drive-card.js +1 -1
- package/dist/components/co-drop-zone.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-fab.js +1 -1
- package/dist/components/co-file-field.js +1 -1
- package/dist/components/co-file-type-tile.js +1 -1
- package/dist/components/co-helper-text.js +1 -1
- package/dist/components/co-icon-button.js +1 -1
- package/dist/components/co-icon.js +1 -1
- package/dist/components/co-input.js +1 -1
- package/dist/components/co-json-field.js +1 -1
- package/dist/components/co-lightbox.js +1 -1
- package/dist/components/co-list-footer.js +1 -1
- package/dist/components/co-list-item.js +1 -1
- package/dist/components/co-media-thumb.js +1 -1
- package/dist/components/co-menu-divider.js +1 -1
- package/dist/components/co-menu-item.js +1 -1
- package/dist/components/co-menu.js +1 -1
- package/dist/components/co-modal.js +1 -1
- package/dist/components/co-navbar.js +1 -1
- package/dist/components/co-number-field.js +1 -1
- package/dist/components/co-option-list.js +1 -1
- package/dist/components/co-overlay.js +1 -1
- package/dist/components/co-page-header.js +1 -1
- package/dist/components/co-phone-field.js +1 -1
- package/dist/components/co-progress-bar.js +1 -1
- package/dist/components/co-progress-circle.js +1 -1
- package/dist/components/co-radio-group.js +1 -1
- package/dist/components/co-radio.js +1 -1
- package/dist/components/co-rating.js +1 -1
- package/dist/components/co-ref-field.js +1 -1
- package/dist/components/co-rich-text-editor.js +1 -1
- package/dist/components/co-rich-text-toolbar.js +1 -1
- package/dist/components/co-rich-text-viewer.js +1 -1
- package/dist/components/co-row.js +1 -1
- package/dist/components/co-select.js +1 -1
- package/dist/components/co-separator.js +1 -1
- package/dist/components/co-sidebar-nav.js +1 -1
- package/dist/components/co-sidebar.js +1 -1
- package/dist/components/co-skeleton.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-textarea.js +1 -1
- package/dist/components/co-toast.js +1 -1
- package/dist/components/co-toggle-button-group.js +1 -1
- package/dist/components/co-toggle-button.js +1 -1
- package/dist/components/co-tooltip.js +1 -1
- package/dist/components/co-transfer-list.js +1 -1
- package/dist/components/co-video.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/{p-CNIs9j-h.js → p-9aNhJfTT.js} +1 -1
- package/dist/components/{p-QWi9AmnD.js → p-B0b9Etx4.js} +1 -1
- package/dist/components/{p-D4SOCy8I.js → p-B3U63yZw.js} +1 -1
- package/dist/components/p-B7Yv00g9.js +1 -0
- package/dist/components/{p-Bgxofdfb.js → p-BL0sCfMH.js} +1 -1
- package/dist/components/{p-DrQh1Cb8.js → p-BTa6ss5i.js} +1 -1
- package/dist/components/p-BtpRnpaF.js +1 -0
- package/dist/components/{p-lus32JrB.js → p-Bul6EdDX.js} +1 -1
- package/dist/components/{p-COb8X_fE.js → p-Bzg5FPSA.js} +1 -1
- package/dist/components/{p-Cam92sWP.js → p-CQ-8domm.js} +1 -1
- package/dist/components/p-CVeEoHr7.js +1 -0
- package/dist/components/p-CYi6V_Ss.js +1 -0
- package/dist/components/{p-DvL2TcDG.js → p-Cd3inFSL.js} +1 -1
- package/dist/components/{p-OKwHt2i9.js → p-CuQjKAf5.js} +1 -1
- package/dist/components/{p-Ba5lW0pA.js → p-DKvTqEaf.js} +1 -1
- package/dist/components/p-DfpOEXHC.js +1 -0
- package/dist/components/p-DwwxS5bY.js +1 -0
- package/dist/components/p-T0UfY6rA.js +1 -0
- package/dist/components/p-WeuPA9Rw.js +1 -0
- package/dist/components/{p-_k-j03K-.js → p-oV_1MoAN.js} +1 -1
- package/dist/esm/co-accordion.entry.js +1 -1
- package/dist/esm/co-app-shell.entry.js +1 -1
- package/dist/esm/co-autocomplete.entry.js +3 -3
- package/dist/esm/co-avatar-group.entry.js +3 -3
- package/dist/esm/{co-tooltip.entry.js → co-avatar_2.entry.js} +95 -4
- package/dist/esm/co-badge.entry.js +2 -2
- package/dist/esm/co-bottom-sheet.entry.js +4 -4
- package/dist/esm/co-breadcrumb-item.entry.js +3 -3
- package/dist/esm/co-breadcrumb.entry.js +2 -2
- package/dist/esm/co-button-group.entry.js +3 -3
- package/dist/esm/co-button.entry.js +4 -4
- package/dist/esm/co-calendar-month.entry.js +2 -2
- package/dist/esm/co-calendar_3.entry.js +8 -8
- package/dist/esm/co-card.entry.js +3 -3
- package/dist/esm/co-carousel-item.entry.js +15 -0
- package/dist/esm/co-carousel.entry.js +366 -0
- package/dist/esm/co-checkbox-group.entry.js +1 -1
- package/dist/esm/co-checkbox.entry.js +4 -4
- package/dist/esm/co-chip_2.entry.js +5 -5
- package/dist/esm/co-color-picker.entry.js +5 -5
- package/dist/esm/co-column-picker.entry.js +3 -3
- package/dist/esm/co-combobox.entry.js +3 -3
- package/dist/esm/co-command-search.entry.js +1 -1
- package/dist/esm/co-data-table-pagination.entry.js +5 -5
- package/dist/esm/co-data-table.entry.js +2 -2
- package/dist/esm/co-date-picker.entry.js +11 -4
- package/dist/esm/co-date-range-picker.entry.js +9 -3
- package/dist/esm/co-date-range.entry.js +2 -2
- package/dist/esm/co-drive-card.entry.js +2 -2
- package/dist/esm/co-drop-zone.entry.js +2 -2
- package/dist/esm/co-empty-state.entry.js +3 -3
- package/dist/esm/co-event-calendar.entry.js +3 -3
- package/dist/esm/co-fab.entry.js +21 -6
- package/dist/esm/co-file-field.entry.js +8 -8
- package/dist/esm/co-file-type-tile.entry.js +3 -3
- package/dist/esm/co-helper-text.entry.js +3 -3
- package/dist/esm/co-icon-button.entry.js +2 -2
- package/dist/esm/co-icon.entry.js +3 -3
- package/dist/esm/co-input.entry.js +25 -3
- package/dist/esm/co-json-field.entry.js +6 -6
- package/dist/esm/co-lightbox.entry.js +33 -6
- package/dist/esm/co-list-footer.entry.js +2 -2
- package/dist/esm/co-list-item.entry.js +5 -5
- package/dist/esm/co-loader.entry.js +1 -1
- package/dist/esm/co-media-thumb.entry.js +3 -3
- package/dist/esm/co-menu-divider.entry.js +2 -2
- package/dist/esm/co-menu-item.entry.js +1 -1
- package/dist/esm/co-menu.entry.js +2 -2
- package/dist/esm/co-modal.entry.js +3 -3
- package/dist/esm/co-navbar.entry.js +3 -3
- package/dist/esm/co-number-field.entry.js +5 -5
- package/dist/esm/co-overlay.entry.js +2 -2
- package/dist/esm/co-page-header.entry.js +2 -2
- 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 +3 -3
- package/dist/esm/co-progress-circle.entry.js +3 -3
- package/dist/esm/co-radio-group.entry.js +1 -1
- package/dist/esm/co-radio.entry.js +4 -4
- package/dist/esm/co-rating.entry.js +4 -4
- package/dist/esm/co-ref-field.entry.js +11 -5
- package/dist/esm/co-rich-text-editor.entry.js +22 -7
- package/dist/esm/co-rich-text-toolbar.entry.js +36 -4
- package/dist/esm/co-rich-text-viewer.entry.js +36 -6
- package/dist/esm/co-row.entry.js +3 -3
- package/dist/esm/co-segmented-bar.entry.js +1 -1
- package/dist/esm/co-select.entry.js +13 -7
- package/dist/esm/co-separator.entry.js +2 -2
- package/dist/esm/co-sidebar-nav.entry.js +1 -1
- package/dist/esm/co-sidebar.entry.js +3 -3
- package/dist/esm/co-skeleton.entry.js +2 -2
- package/dist/esm/co-slider.entry.js +3 -3
- package/dist/esm/co-switch.entry.js +5 -5
- package/dist/esm/co-tab-group.entry.js +4 -4
- package/dist/esm/co-tab.entry.js +3 -3
- package/dist/esm/co-tags-field.entry.js +9 -9
- package/dist/esm/co-textarea.entry.js +13 -7
- package/dist/esm/co-toast.entry.js +1 -1
- package/dist/esm/co-toggle-button-group.entry.js +3 -3
- package/dist/esm/co-toggle-button.entry.js +3 -3
- package/dist/esm/co-transfer-list.entry.js +1 -1
- package/dist/esm/co-video.entry.js +3 -3
- package/dist/esm/cobalt.js +3 -3
- package/dist/esm/{fieldChip-ChXW__C5.js → fieldChip-Bb8YIN0J.js} +1 -1
- package/dist/esm/{index-tT-aZV0-.js → index-BCEz3S-z.js} +13 -9
- package/dist/esm/{index-Cyrxk8Qq.js → index-RuXxdKzC.js} +171 -11
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{requiredMark-C7-_2UhB.js → requiredMark-D7kAMXHM.js} +1 -1
- package/dist/esm/{richTextI18n-B-ckjCUA.js → richTextI18n-BYKAgwq3.js} +3 -0
- package/dist/esm/{toolbar-config-ChibIpZv.js → toolbar-config-WeuPA9Rw.js} +2 -0
- package/dist/types/components/co-avatar/co-avatar.d.ts +5 -0
- package/dist/types/components/co-carousel/co-carousel.d.ts +85 -0
- package/dist/types/components/co-carousel-item/co-carousel-item.d.ts +10 -0
- package/dist/types/components/co-date-picker/co-date-picker.d.ts +7 -0
- package/dist/types/components/co-date-range-picker/co-date-range-picker.d.ts +5 -0
- package/dist/types/components/co-fab/co-fab.d.ts +6 -0
- package/dist/types/components/co-input/co-input.d.ts +14 -0
- package/dist/types/components/co-lightbox/co-lightbox.d.ts +7 -0
- package/dist/types/components/co-ref-field/co-ref-field.d.ts +5 -0
- package/dist/types/components/co-rich-text-editor/co-rich-text-editor.d.ts +17 -0
- package/dist/types/components/co-rich-text-toolbar/co-rich-text-toolbar.d.ts +12 -1
- package/dist/types/components/co-rich-text-viewer/co-rich-text-viewer.d.ts +10 -0
- package/dist/types/components/co-select/co-select.d.ts +5 -0
- package/dist/types/components/co-textarea/co-textarea.d.ts +5 -0
- package/dist/types/components.d.ts +378 -3
- package/dist/types/utils/carouselI18n.d.ts +10 -0
- package/dist/types/utils/richTextI18n.d.ts +1 -0
- package/package.json +2 -2
- package/dist/cjs/co-avatar.cjs.entry.js +0 -92
- package/dist/cobalt/p-0c0621a7.entry.js +0 -1
- package/dist/cobalt/p-13fc9c8a.entry.js +0 -1
- package/dist/cobalt/p-3f68fd2e.entry.js +0 -1
- package/dist/cobalt/p-4a075257.entry.js +0 -1
- package/dist/cobalt/p-5647ca9d.entry.js +0 -1
- package/dist/cobalt/p-5b31d45b.entry.js +0 -1
- package/dist/cobalt/p-6911a034.entry.js +0 -1
- package/dist/cobalt/p-70f70e02.entry.js +0 -1
- package/dist/cobalt/p-73b30ebb.entry.js +0 -1
- package/dist/cobalt/p-7780ddb5.entry.js +0 -1
- package/dist/cobalt/p-7FZXeBK4.js +0 -1
- package/dist/cobalt/p-7a3fb93b.entry.js +0 -1
- package/dist/cobalt/p-82ce1178.entry.js +0 -1
- package/dist/cobalt/p-86d4e016.entry.js +0 -1
- package/dist/cobalt/p-8a9ed2da.entry.js +0 -1
- package/dist/cobalt/p-B-ckjCUA.js +0 -1
- package/dist/cobalt/p-BAA4ln31.js +0 -1
- package/dist/cobalt/p-ChibIpZv.js +0 -1
- package/dist/cobalt/p-aa20ffca.entry.js +0 -1
- package/dist/cobalt/p-ac5df270.entry.js +0 -1
- package/dist/cobalt/p-c2e2eee9.entry.js +0 -1
- package/dist/cobalt/p-cc8e2f16.entry.js +0 -1
- package/dist/cobalt/p-e1957078.entry.js +0 -1
- package/dist/cobalt/p-e2762263.entry.js +0 -1
- package/dist/cobalt/p-e4a539da.entry.js +0 -1
- package/dist/cobalt/p-e7085f08.entry.js +0 -1
- package/dist/cobalt/p-e9aaeaf7.entry.js +0 -1
- package/dist/cobalt/p-f36e461f.entry.js +0 -1
- package/dist/cobalt/p-f6b0c4a0.entry.js +0 -1
- package/dist/cobalt/p-tT-aZV0-.js +0 -2
- package/dist/components/p-BHqdcGDh.js +0 -1
- package/dist/components/p-BJTMFYax.js +0 -1
- package/dist/components/p-ChibIpZv.js +0 -1
- package/dist/components/p-D3ts7oo9.js +0 -1
- package/dist/components/p-Dh-h40mY.js +0 -1
- package/dist/components/p-Xwo2HQmt.js +0 -1
- package/dist/components/p-eSq2ze8W.js +0 -1
- package/dist/components/p-ivjj-BP8.js +0 -1
- package/dist/esm/co-avatar.entry.js +0 -90
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export interface CarouselStrings {
|
|
2
|
+
prevSlide: string;
|
|
3
|
+
nextSlide: string;
|
|
4
|
+
goToSlide: string;
|
|
5
|
+
pickSlide: string;
|
|
6
|
+
carouselLabel: string;
|
|
7
|
+
slideLabel: string;
|
|
8
|
+
}
|
|
9
|
+
/** Resolve the built-in UI strings for a locale. */
|
|
10
|
+
export declare function getCarouselStrings(locale?: string): CarouselStrings;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@prolibu-suite/cobalt-core",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.7.0",
|
|
4
4
|
"description": "Cobalt Design System — Framework-agnostic Web Components built with Stencil",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"@prolibu-suite/cobalt-calendar-utils": "0.1.0",
|
|
54
54
|
"@prolibu-suite/cobalt-date-utils": "0.1.1",
|
|
55
55
|
"@prolibu-suite/cobalt-rich-text": "0.1.2",
|
|
56
|
-
"@prolibu-suite/cobalt-tokens": "0.
|
|
56
|
+
"@prolibu-suite/cobalt-tokens": "0.3.0"
|
|
57
57
|
},
|
|
58
58
|
"devDependencies": {
|
|
59
59
|
"@stencil/core": "^4.43.4",
|
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var index = require('./index-DxEFsH_t.js');
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* Shared color utilities for Cobalt components.
|
|
7
|
-
* WCAG sRGB relative luminance for contrast detection.
|
|
8
|
-
*/
|
|
9
|
-
function parseHex(hex) {
|
|
10
|
-
if (!hex || typeof hex !== 'string')
|
|
11
|
-
return null;
|
|
12
|
-
const h = hex.replace('#', '');
|
|
13
|
-
if (h.length === 3) {
|
|
14
|
-
return { r: parseInt(h[0] + h[0], 16), g: parseInt(h[1] + h[1], 16), b: parseInt(h[2] + h[2], 16) };
|
|
15
|
-
}
|
|
16
|
-
if (h.length === 6) {
|
|
17
|
-
return { r: parseInt(h.slice(0, 2), 16), g: parseInt(h.slice(2, 4), 16), b: parseInt(h.slice(4, 6), 16) };
|
|
18
|
-
}
|
|
19
|
-
return null;
|
|
20
|
-
}
|
|
21
|
-
/** WCAG sRGB relative luminance (0–1). */
|
|
22
|
-
function luminance(hex) {
|
|
23
|
-
const c = parseHex(hex);
|
|
24
|
-
if (!c)
|
|
25
|
-
return 0;
|
|
26
|
-
const [rs, gs, bs] = [c.r / 255, c.g / 255, c.b / 255].map((v) => v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4));
|
|
27
|
-
return 0.2126 * rs + 0.7152 * gs + 0.0722 * bs;
|
|
28
|
-
}
|
|
29
|
-
/** Returns true when the color is perceptually light (needs dark foreground). */
|
|
30
|
-
function isLightColor(hex) {
|
|
31
|
-
return luminance(hex) > 0.4;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
const coAvatarCss = () => `:host{display:inline-flex;--co-avatar-squircle:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><path d='M100 50L99.94 68.06L99.75 73.81L99.44 77.94L99.01 81.26L98.44 84.05L97.74 86.46L96.91 88.57L95.94 90.43L94.81 92.07L93.53 93.53L92.07 94.81L90.43 95.94L88.57 96.91L86.46 97.74L84.05 98.44L81.26 99.01L77.94 99.44L73.81 99.75L68.06 99.94L50 100L31.94 99.94L26.19 99.75L22.06 99.44L18.74 99.01L15.95 98.44L13.54 97.74L11.43 96.91L9.57 95.94L7.93 94.81L6.47 93.53L5.19 92.07L4.06 90.43L3.09 88.57L2.26 86.46L1.56 84.05L0.99 81.26L0.56 77.94L0.25 73.81L0.06 68.06L0 50L0.06 31.94L0.25 26.19L0.56 22.06L0.99 18.74L1.56 15.95L2.26 13.54L3.09 11.43L4.06 9.57L5.19 7.93L6.47 6.47L7.93 5.19L9.57 4.06L11.43 3.09L13.54 2.26L15.95 1.56L18.74 0.99L22.06 0.56L26.19 0.25L31.94 0.06L50 0L68.06 0.06L73.81 0.25L77.94 0.56L81.26 0.99L84.05 1.56L86.46 2.26L88.57 3.09L90.43 4.06L92.07 5.19L93.53 6.47L94.81 7.93L95.94 9.57L96.91 11.43L97.74 13.54L98.44 15.95L99.01 18.74L99.44 22.06L99.75 26.19L99.94 31.94Z' fill='%23fff'/></svg>")}.co-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);font-family:var(--co-font-family-primary);font-weight:600;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);overflow:hidden;flex-shrink:0;user-select:none;-webkit-font-smoothing:antialiased}.co-avatar::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 var(--co-avatar-border-width, 1px) var(--co-avatar-border-color, transparent)}.co-avatar__text{text-transform:uppercase}.co-avatar__img{width:100%;height:100%;object-fit:cover;display:block}.co-avatar--square{border-radius:0;-webkit-mask:var(--co-avatar-squircle) center / 100% 100% no-repeat;mask:var(--co-avatar-squircle) center / 100% 100% no-repeat}.co-avatar--square::after{--co-avatar-bw:var(--co-avatar-border-width, 1px);box-shadow:none;background:var(--co-avatar-border-color, transparent);-webkit-mask:var(--co-avatar-squircle) center / 100% 100% no-repeat, var(--co-avatar-squircle) center / calc(100% - 2 * var(--co-avatar-bw)) calc(100% - 2 * var(--co-avatar-bw)) no-repeat;-webkit-mask-composite:xor;mask:var(--co-avatar-squircle) center / 100% 100% no-repeat, var(--co-avatar-squircle) center / calc(100% - 2 * var(--co-avatar-bw)) calc(100% - 2 * var(--co-avatar-bw)) no-repeat;mask-composite:exclude}.co-avatar--light{color:rgba(0, 0, 0, 0.87)}`;
|
|
35
|
-
|
|
36
|
-
const SIZE_MAP = {
|
|
37
|
-
xl: 80, lg: 64, md: 56, sm: 48, xs: 32, xxs: 24,
|
|
38
|
-
};
|
|
39
|
-
const ICON_SIZE_MAP = {
|
|
40
|
-
xl: 32, lg: 28, md: 24, sm: 20, xs: 16, xxs: 12,
|
|
41
|
-
};
|
|
42
|
-
const FONT_SIZE_MAP = {
|
|
43
|
-
xl: 'var(--co-font-size-26)',
|
|
44
|
-
lg: 'var(--co-font-size-22)',
|
|
45
|
-
md: 'var(--co-font-size-18)',
|
|
46
|
-
sm: 'var(--co-font-size-16)',
|
|
47
|
-
xs: 'var(--co-font-size-12)',
|
|
48
|
-
xxs: 'var(--co-font-size-10)',
|
|
49
|
-
};
|
|
50
|
-
const CoAvatar = class {
|
|
51
|
-
constructor(hostRef) {
|
|
52
|
-
index.registerInstance(this, hostRef);
|
|
53
|
-
/** Display type: text shows initials, icon shows a Phosphor icon, image shows a picture */
|
|
54
|
-
this.type = 'text';
|
|
55
|
-
/** Size of the avatar */
|
|
56
|
-
this.size = 'md';
|
|
57
|
-
/** Phosphor icon name (type="icon"), defaults to "user" */
|
|
58
|
-
this.icon = 'user';
|
|
59
|
-
/** Icon weight */
|
|
60
|
-
this.iconWeight = 'regular';
|
|
61
|
-
/** Shape of the avatar */
|
|
62
|
-
this.shape = 'circle';
|
|
63
|
-
this.imgFailed = false;
|
|
64
|
-
this.handleImgError = () => {
|
|
65
|
-
this.imgFailed = true;
|
|
66
|
-
};
|
|
67
|
-
}
|
|
68
|
-
render() {
|
|
69
|
-
var _a, _b, _c, _d, _e, _f, _g;
|
|
70
|
-
const dim = (_a = SIZE_MAP[this.size]) !== null && _a !== void 0 ? _a : 56;
|
|
71
|
-
const iconSize = (_b = ICON_SIZE_MAP[this.size]) !== null && _b !== void 0 ? _b : 24;
|
|
72
|
-
const fontSize = (_c = FONT_SIZE_MAP[this.size]) !== null && _c !== void 0 ? _c : 'var(--co-font-size-18)';
|
|
73
|
-
const showImage = this.type === 'image' && this.src && !this.imgFailed;
|
|
74
|
-
const ariaLabel = this.type === 'text'
|
|
75
|
-
? this.text
|
|
76
|
-
: this.type === 'image'
|
|
77
|
-
? (_e = (_d = this.alt) !== null && _d !== void 0 ? _d : this.text) !== null && _e !== void 0 ? _e : this.icon
|
|
78
|
-
: this.icon;
|
|
79
|
-
return (index.h("div", { key: '41da32ebacadf5fd33c9f6a10ac0069ddaa81ce6', class: {
|
|
80
|
-
'co-avatar': true,
|
|
81
|
-
[`co-avatar--${this.size}`]: true,
|
|
82
|
-
[`co-avatar--${this.type}`]: true,
|
|
83
|
-
'co-avatar--square': this.shape === 'square',
|
|
84
|
-
'co-avatar--light': !!this.color && isLightColor(this.color),
|
|
85
|
-
}, style: Object.assign(Object.assign({ width: `var(--co-avatar-size, ${dim}px)`, height: `var(--co-avatar-size, ${dim}px)`, fontSize }, (this.color ? { background: this.color } : {})), (this.ringColor
|
|
86
|
-
? { '--co-avatar-border-color': this.ringColor, '--co-avatar-border-width': '2px' }
|
|
87
|
-
: {})), part: "avatar", role: "img", "aria-label": ariaLabel }, showImage ? (index.h("img", { class: "co-avatar__img", src: this.src, alt: (_g = (_f = this.alt) !== null && _f !== void 0 ? _f : this.text) !== null && _g !== void 0 ? _g : '', onError: this.handleImgError })) : this.type === 'icon' ? (index.h("co-icon", { name: this.icon, weight: this.iconWeight, size: iconSize })) : (index.h("span", { class: "co-avatar__text" }, this.text))));
|
|
88
|
-
}
|
|
89
|
-
};
|
|
90
|
-
CoAvatar.style = coAvatarCss();
|
|
91
|
-
|
|
92
|
-
exports.co_avatar = CoAvatar;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,h as e}from"./p-tT-aZV0-.js";const o=class{constructor(e){r(this,e)}render(){return e("hr",{key:"9e29bc7905c4b9d83846ea9e85021ae0f1e34fc3",class:"co-menu-divider",role:"separator"})}};o.style=":host{display:block}.co-menu-divider{border:0;border-top:1px solid var(--co-semantic-border-subtle, rgba(31, 28, 27, 0.08));margin:var(--co-spacing-xs, 4px) 0}";export{o as co_menu_divider}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,h as a,a as r}from"./p-tT-aZV0-.js";import{R as o}from"./p-7FZXeBK4.js";const c=class{constructor(a){e(this,a),this.coInput=t(this,"coInput",7),this.coChange=t(this,"coChange",7),this.coFocus=t(this,"coFocus",7),this.coBlur=t(this,"coBlur",7),this.coClear=t(this,"coClear",7),this.value="",this.placeholder="",this.required=!1,this.disabled=!1,this.readonly=!1,this.rows=4,this.status="default",this.layout="vertical",this.size="md",this.clearable=!1,this.resize="vertical",this.hasFocus=!1,this.handleInput=e=>{this.value=e.target.value,this.coInput.emit(this.value)},this.handleFocus=()=>{this.hasFocus=!0,this.coFocus.emit()},this.handleBlur=()=>{this.hasFocus=!1,this.coChange.emit(this.value),this.coBlur.emit()},this.handleClear=()=>{var e;this.value="",this.coClear.emit(),this.coInput.emit(""),null===(e=this.textareaEl)||void 0===e||e.focus()}}get hasValue(){return null!=this.value&&""!==this.value}get charCount(){var e;return(null!==(e=this.value)&&void 0!==e?e:"").length}render(){const e=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly,t=null!=this.maxLength&&this.charCount>this.maxLength,r="default"!==this.status?`co-textarea--${this.status}`:"";return a("div",{key:"cb418f5b90a1a22cdd5661d923fec6b5111d4f2f",class:{"co-textarea":!0,"co-textarea--disabled":this.disabled,"co-textarea--focused":this.hasFocus,"co-textarea--filled":this.hasValue,"co-textarea--over-limit":t,[`co-textarea--${this.size}`]:!0,[r]:!!r},part:"wrapper"},(this.label||this.secondaryLabel)&&a("div",{key:"400c4187c7c6614e4e843216b466a45fdbb49d2b",class:"co-textarea__labels"},this.label&&a("label",{key:"a1e0e0fac2cd0c8645a89aba1367881e6f907005",class:"co-textarea__label",part:"label"},this.label,a(o,{key:"07870f276a4d35f35072dab6c8ee726079c34be5",required:this.required})),this.secondaryLabel&&a("span",{key:"ddcfffd9e502787acc434e4dd78abac7193b19cd",class:"co-textarea__secondary-label"},this.secondaryLabel)),a("div",{key:"4a315f9667d81b1aed6be91ed08095666bc69c37",class:"co-textarea__field",part:"field"},a("textarea",{key:"b0c69a6c064a04c7f487b8d48897f0882d15a8ad",ref:e=>this.textareaEl=e,class:{"co-textarea__native":!0,[`co-textarea__native--resize-${this.resize}`]:!0},rows:this.rows,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,"aria-invalid":"error"===this.status||t?"true":"false",onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,part:"input"}),e&&a("button",{key:"b832c62e32fe0bf0e2343c71cec9755ecb68537c",class:"co-textarea__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},a("co-icon",{key:"e0d6673bb0d29ddabb83ebff4bce9dcb1dce5408",name:"x-circle",size:16,weight:"fill"}))),(this.helperText||null!=this.maxLength)&&a("div",{key:"2f30b4a7923e78ee4c60fd40bbf891607978e961",class:"co-textarea__footer"},this.helperText&&a("div",{key:"7de370940c99f30fad34e6b40911f190b38eb9b5",class:{"co-textarea__helper":!0,"co-textarea__helper--error":"error"===this.status},part:"helper"},"error"===this.status&&a("co-icon",{key:"57e658fc2c65c787f11eaf10a56ac25358467710",name:"warning-circle",size:14,class:"co-textarea__helper-icon"}),a("span",{key:"53f33d1e87ac75b87019843b8ffbd56e15fd998a",class:"co-textarea__helper-text"},this.helperText)),null!=this.maxLength&&a("span",{key:"80f731565f9fb3d99539ee06bc6bd6285736dbde",class:{"co-textarea__counter":!0,"co-textarea__counter--over":t},part:"counter"},this.charCount,"/",this.maxLength)))}get el(){return r(this)}};c.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-textarea{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-textarea__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-textarea__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-textarea__secondary-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;text-align:right}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-textarea__field{position:relative;display:flex;background:color-mix(in srgb, var(--co-semantic-surface-secondary) 55%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);transition:border-color 0.15s ease, box-shadow 0.15s ease;box-sizing:border-box;overflow:hidden}.co-textarea__native{width:100%;border:none;outline:none;background:transparent;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);font-weight:400;line-height:1.5;color:var(--co-semantic-text-default);padding:var(--co-spacing-sm2) var(--co-spacing-md);margin:0;box-sizing:border-box}.co-textarea__native::placeholder{color:var(--co-semantic-text-muted)}.co-textarea--s .co-textarea__native{padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-textarea--sm .co-textarea__native{padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-textarea--lg .co-textarea__native{padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-textarea__native--resize-vertical{resize:vertical}.co-textarea__native--resize-none{resize:none}.co-textarea__native--resize-both{resize:both}.co-textarea__clear{position:absolute;top:var(--co-spacing-sm2);right:var(--co-spacing-sm2);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:var(--co-border-radius-xxs);background:transparent;color:var(--co-semantic-text-muted);cursor:pointer;padding:0;transition:color 0.15s ease, background 0.15s ease}.co-textarea__clear:hover{color:var(--co-semantic-text-default);background:var(--co-semantic-surface-hover)}.co-textarea__footer{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-md)}.co-textarea__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);flex:1;min-width:0}.co-textarea__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-textarea__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body)}.co-textarea__counter{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12, 12px);font-weight:400;line-height:1;white-space:nowrap;flex-shrink:0}.co-textarea__counter--over{color:var(--co-color-status-error);font-weight:500}.co-textarea--focused .co-textarea__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-textarea--disabled{opacity:0.6;pointer-events:none}.co-textarea--disabled .co-textarea__field{background:var(--co-semantic-surface-disabled);border-color:transparent}.co-textarea--error .co-textarea__field{border-color:var(--co-semantic-status-error)}.co-textarea--error.co-textarea--focused .co-textarea__field{border-color:var(--co-semantic-status-error);box-shadow:0 0 0 2px rgba(170, 46, 27, 0.12)}.co-textarea--error .co-textarea__helper-icon,.co-textarea--error .co-textarea__helper-text{color:var(--co-semantic-status-error)}.co-textarea--success .co-textarea__field{border-color:var(--co-semantic-status-success)}.co-textarea--success.co-textarea--focused .co-textarea__field{border-color:var(--co-semantic-status-success);box-shadow:0 0 0 2px rgba(10, 119, 36, 0.12)}.co-textarea--warning .co-textarea__field{border-color:var(--co-semantic-status-warning)}.co-textarea--warning.co-textarea--focused .co-textarea__field{border-color:var(--co-semantic-status-warning);box-shadow:0 0 0 2px rgba(253, 191, 0, 0.12)}.co-textarea--over-limit .co-textarea__field{border-color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-textarea{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-textarea__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-textarea__label{white-space:normal}:host([layout='horizontal']) .co-textarea>:not(.co-textarea__labels){grid-column:2;min-width:0}@supports not (background: color-mix(in srgb, red, transparent)){.co-textarea__field{background:var(--co-semantic-surface-secondary)}}";export{c as co_textarea}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as a,c as e,h as d}from"./p-tT-aZV0-.js";const o=class{constructor(d){a(this,d),this.coModeChange=e(this,"coModeChange",7),this.mode="full"}render(){return d("nav",{key:"ea33fc3e60a0b3e7f5d5ad37569524aa46b1cb76",class:{"co-sidebar":!0,[`co-sidebar--${this.mode}`]:!0},part:"sidebar"},d("div",{key:"7feaf48ba91059cf5b046579b68adfbfb896850d",class:"co-sidebar__header",part:"header"},d("slot",{key:"869fd6af70b09829ef05f15b2fdab554a978f1f8",name:"header"})),d("div",{key:"1bc044d4c70854b748e473041fea378ca1e3bd4f",class:"co-sidebar__body",part:"body"},d("slot",{key:"0c0033d1af7a9dd902a61da6e97811e75214e9c5"})),d("div",{key:"ef37cc7709b4d6afc420f1e3aaba13b6db2997e6",class:"co-sidebar__footer",part:"footer"},d("slot",{key:"df1b6a08c313ed1818fcfd93a89f9c1cd709bccd",name:"footer"})))}};o.style=":host{display:flex;height:100%}.co-sidebar{display:flex;flex-direction:column;background:var(--co-semantic-surface-page);border-right:1px solid var(--co-semantic-border-subtle);font-family:var(--co-font-family-primary);box-sizing:border-box;overflow:hidden;transition:width 0.2s ease}.co-sidebar--full{width:256px}.co-sidebar--min{width:58px;align-items:center}.co-sidebar__header{padding:var(--co-spacing-lg);flex-shrink:0}.co-sidebar--min .co-sidebar__header{padding:var(--co-spacing-md)}.co-sidebar__body{flex:1;overflow-y:auto;padding:var(--co-spacing-sm2) var(--co-spacing-md)}.co-sidebar--min .co-sidebar__body{padding:var(--co-spacing-sm2)}.co-sidebar__footer{padding:var(--co-spacing-md) var(--co-spacing-lg);flex-shrink:0}.co-sidebar--min .co-sidebar__footer{padding:var(--co-spacing-md)}.co-sidebar__header:empty,.co-sidebar__footer:empty{display:none}";export{o as co_sidebar}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as i,h as r,a as t}from"./p-tT-aZV0-.js";import{R as o}from"./p-7FZXeBK4.js";import{F as s}from"./p-BAA4ln31.js";const a=class{constructor(r){e(this,r),this.coChange=i(this,"coChange",7),this.coClear=i(this,"coClear",7),this.coSearch=i(this,"coSearch",7),this.coLoadMore=i(this,"coLoadMore",7),this.coOpen=i(this,"coOpen",3),this.coClose=i(this,"coClose",3),this.coRemove=i(this,"coRemove",7),this.coFooterPrimary=i(this,"coFooterPrimary",7),this.coFooterSecondary=i(this,"coFooterSecondary",7),this.required=!1,this.placeholder="Select…",this.disabled=!1,this.clearable=!0,this.multiple=!1,this.status="default",this.layout="vertical",this.size="md",this.value="",this.options="[]",this.selectedDisplay="[]",this.loading=!1,this.total=0,this.searchable=!0,this.searchPlaceholder="Search…",this.searchDebounce=350,this.emptyMessage="No results found",this.showFooter=!1,this.footerPrimaryLabel="Ok",this.footerSecondaryLabel="New",this.maxChips=0,this.panelTheme="auto",this.avatarShape="circle",this.isOpen=!1,this.overflowCount=0,this.lastChipsKey="\0",this.pendingFocus=!1,this.handlePopoverOpen=()=>{this.isOpen=!0},this.handlePopoverClose=()=>{this.isOpen=!1},this.handleTriggerClick=e=>{this.disabled&&e.stopPropagation()},this.handleOptionClick=e=>{if(this.multiple){const i=this.parsedValue;let r;r=i.indexOf(e._id)>=0?i.filter((i=>i!==e._id)):[...i,e._id],this.value=JSON.stringify(r),this.coChange.emit({value:r,item:e})}else this.value=e._id,this.coChange.emit({value:e._id,item:e}),this.isOpen=!1},this.handleClear=e=>{e.stopPropagation(),this.value=this.multiple?"[]":"",this.coClear.emit()},this.handleRemoveChip=(e,i)=>{i.stopPropagation();const r=this.parsedValue.filter((i=>i!==e));this.value=JSON.stringify(r),this.coRemove.emit(e)},this.handleFooterPrimary=()=>{this.coFooterPrimary.emit(),this.isOpen=!1},this.handleFooterSecondary=()=>{this.coFooterSecondary.emit()}}get normalizedSize(){return"default"===this.size?"md":this.size}get parsedOptions(){try{const e="string"==typeof this.options?JSON.parse(this.options):this.options;return Array.isArray(e)?e:[]}catch(e){return[]}}get parsedSelectedDisplay(){try{const e="string"==typeof this.selectedDisplay?JSON.parse(this.selectedDisplay):this.selectedDisplay;return Array.isArray(e)?e:[]}catch(e){return[]}}get effectiveDisplayItems(){const e=this.parsedValue;if(0===e.length)return[];const i=new Map;for(const e of this.parsedSelectedDisplay)i.set(e._id,e);for(const e of this.parsedOptions)i.has(e._id)||i.set(e._id,{_id:e._id,label:e.label,description:e.description,color:e.color,avatar:e.avatar,image:e.image});return e.map((e=>i.get(e))).filter(Boolean)}get parsedValue(){if(!this.value)return[];try{const e=JSON.parse(this.value);return Array.isArray(e)?e:[this.value]}catch(e){return this.value?[this.value]:[]}}connectedCallback(){this.resizeObserver=new ResizeObserver((()=>this.calcOverflow()))}componentDidRender(){var e,i,r,t;this.chipsEl!==this.observedChipsEl&&(null===(e=this.resizeObserver)||void 0===e||e.disconnect(),this.chipsEl&&(null===(i=this.resizeObserver)||void 0===i||i.observe(this.chipsEl)),this.observedChipsEl=this.chipsEl);const o=null===(r=this.chipsEl)||void 0===r?void 0:r.querySelectorAll(".co-ref-field__chip"),s=o?Array.from(o,(e=>e.textContent)).join(""):"";s!==this.lastChipsKey&&(this.lastChipsKey=s,this.calcOverflow()),this.pendingFocus&&(null===(t=this.optionListEl)||void 0===t?void 0:t.isConnected)&&(this.pendingFocus=!1,this.optionListEl.focusSearch())}disconnectedCallback(){var e;null===(e=this.resizeObserver)||void 0===e||e.disconnect()}calcOverflow(){if(!this.multiple||this.maxChips>0||!this.chipsEl)return void(0!==this.overflowCount&&(this.overflowCount=0));const e=Array.from(this.chipsEl.querySelectorAll(".co-ref-field__chip"));if(0===e.length)return void(0!==this.overflowCount&&(this.overflowCount=0));const i=this.chipsEl.getBoundingClientRect().right;let r=0;for(let t=e.length-1;t>=0&&e[t].getBoundingClientRect().right>i+1;t--)r++;r!==this.overflowCount&&(this.overflowCount=r)}onOpenChange(e){e?(this.coOpen.emit(),this.pendingFocus=!0):this.coClose.emit()}renderTrigger(){const e=this.effectiveDisplayItems,i=e.length>0;return r("div",{class:{"co-ref-field__trigger":!0,"co-ref-field--open":this.isOpen,"co-ref-field--disabled":this.disabled,[`co-ref-field--${this.normalizedSize}`]:!0,[`co-ref-field--${this.status}`]:"default"!==this.status},onClick:this.handleTriggerClick},this.iconLeft&&r("span",{class:"co-ref-field__icon"},r("co-icon",{name:this.iconLeft,size:16})),r("div",{class:"co-ref-field__value"},!i&&r("span",{class:"co-ref-field__placeholder",part:"trigger-placeholder"},this.placeholder),i&&!this.multiple&&this.renderSingleValue(e[0]),i&&this.multiple&&this.renderMultipleValue(e)),i&&this.clearable&&!this.disabled&&r("button",{class:"co-ref-field__clear",part:"trigger-clear",onClick:this.handleClear,type:"button"},r("co-icon",{name:"x",size:14})),r("span",{class:"co-ref-field__caret",part:"trigger-chevron"},r("co-icon",{name:"caret-up-down",size:16})))}renderItemAvatar(e){return e.image||e.avatar?r("co-avatar",{class:"co-ref-field__avatar",type:e.image?"image":"text",src:e.image,text:e.avatar,color:e.color,size:"xxs",shape:this.avatarShape}):e.color?r("span",{class:"co-ref-field__color-dot",style:{backgroundColor:e.color}}):null}renderSingleValue(e){return r("div",{class:"co-ref-field__selected"},this.renderItemAvatar(e),r("span",{class:"co-ref-field__selected-label",part:"trigger-text"},e.label))}renderMultipleValue(e){const i=this.maxChips>0,t=Math.min(this.overflowCount,Math.max(0,e.length-1)),o=i?e.slice(0,this.maxChips):e,a=i?e.length-this.maxChips:t,c=e.length-(i?0:t);return r("div",{class:"co-ref-field__chips-row"},r("div",{class:"co-ref-field__chips",ref:e=>this.chipsEl=e},o.map(((e,t)=>r(s,{key:e._id,baseClass:"co-ref-field__chip",label:e.label,modifiers:{"co-ref-field__chip--avatar":!(!e.image&&!e.avatar),"co-ref-field__chip--clipped":!i&&t>=c,[`co-ref-field__chip--${this.normalizedSize}`]:!0},onRemove:i=>this.handleRemoveChip(e._id,i)},e.image||e.avatar?this.renderItemAvatar(e):e.color?r("span",{class:"co-ref-field__chip-dot",style:{backgroundColor:e.color}}):null)))),a>0&&r("span",{class:"co-ref-field__chip-overflow"},"+",a))}renderPanel(){return r("div",{class:{"co-ref-field__panel":!0,"co-ref-field__panel--dark":"dark"===this.panelTheme,"co-ref-field__panel--light":"light"===this.panelTheme}},r("co-option-list",{ref:e=>this.optionListEl=e,items:"string"==typeof this.options?this.options:JSON.stringify(this.options),value:this.value,selectedItems:"string"==typeof this.selectedDisplay?this.selectedDisplay:JSON.stringify(this.selectedDisplay),multiple:this.multiple,selectedFirst:this.multiple,selectedAffordance:"deselect",searchable:this.searchable,searchPlaceholder:this.searchPlaceholder,searchDebounce:this.searchDebounce,loading:this.loading,total:this.total,emptyMessage:this.emptyMessage,avatarShape:this.avatarShape,onCoSearch:e=>this.coSearch.emit(e.detail),onCoChange:e=>this.handleOptionClick(e.detail.item),onCoLoadMore:()=>this.coLoadMore.emit()},this.showFooter&&r("div",{class:"co-ref-field__footer",slot:"footer"},r("button",{class:"co-ref-field__footer-btn co-ref-field__footer-btn--secondary",type:"button",onClick:this.handleFooterSecondary},r("co-icon",{name:"plus",size:16}),r("span",null,this.footerSecondaryLabel)),r("button",{class:"co-ref-field__footer-btn co-ref-field__footer-btn--primary",type:"button",onClick:this.handleFooterPrimary},r("co-icon",{name:"check",size:16}),r("span",null,this.footerPrimaryLabel)))))}render(){return r("div",{key:"0a0d45f7d4bd24ab9f0d7f5beeb5d444fae8d5af",class:"co-ref-field"},(this.label||this.secondaryLabel)&&r("div",{key:"da3a3f9d1a5d3abfede2d561793cb905b9764910",class:"co-ref-field__labels"},this.label&&r("label",{key:"89add7a385fcb6ace824e1f5d3a83db86be49b61",class:"co-ref-field__label"},this.labelIcon&&r("co-icon",{key:"224b3ad35fb667b6ba6b7f29a6977f8c982dac54",class:"co-ref-field__label-icon",name:this.labelIcon,size:16}),this.label,r(o,{key:"43dbec013e8110b6a80f6b79f92b93e9bfa5c475",required:this.required})),this.secondaryLabel&&r("span",{key:"8c12c993b8743b4083e9eba68bd5cae1be6141fe",class:"co-ref-field__secondary-label"},this.secondaryLabel)),r("co-popover",{key:"6dc3087da1ac993100c24232e753b9648e1a3503",open:this.isOpen,placement:"bottom-start",matchWidth:!0,offset:4,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},r("div",{key:"bf97e3528bafe25727a352d9a59c7a2116824336",slot:"trigger"},this.renderTrigger()),this.isOpen&&this.renderPanel()),this.helperText&&r("div",{key:"e43a260c5acfe19f18956a029ad9dceecb05adf2",class:`co-ref-field__helper co-ref-field__helper--${this.status}`},"default"!==this.status&&r("co-icon",{key:"7965e269ee23603880e1b215f12688071d26f138",name:"error"===this.status?"warning-circle":"success"===this.status?"check-circle":"info",size:14}),r("span",{key:"9f36e0298724cc9c5296528be84b08d2c17bb6fa"},this.helperText)))}get el(){return t(this)}static get watchers(){return{isOpen:[{onOpenChange: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;position:relative}.co-ref-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-ref-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-ref-field__label{display:inline-flex;align-items:center;color:var(--co-ref-field-label-color, var(--co-semantic-text-secondary));font-family:var(--co-ref-field-label-font-family, var(--co-font-family-primary));font-size:var(--co-ref-field-label-font-size, var(--co-font-size-14));font-weight:var(--co-ref-field-label-font-weight, 400);line-height:1;white-space:nowrap;cursor:default;text-transform:var(--co-ref-field-label-text-transform, none);letter-spacing:var(--co-ref-field-label-letter-spacing, var(--co-font-letter-spacing-body))}.co-ref-field__secondary-label{color:var(--co-semantic-text-muted);font-family:var(--co-font-family-mono);font-size:var(--co-font-size-12);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-ref-field__trigger{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-ref-field-trigger-bg, var(--co-semantic-surface-page));border:1px solid var(--co-ref-field-trigger-border-color, var(--co-color-opacity-negro-25, rgba(31, 28, 27, 0.25)));border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;cursor:pointer;transition:border-color 0.15s ease, box-shadow 0.15s ease}.co-ref-field--s{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-ref-field--sm{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-ref-field--lg{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-ref-field--open{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-ref-field--disabled{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-ref-field--error{border-color:var(--co-semantic-status-error)}.co-ref-field--success{border-color:var(--co-semantic-status-success)}.co-ref-field--warning{border-color:var(--co-color-status-review)}.co-ref-field--s .co-ref-field__selected{--co-avatar-size:20px}.co-ref-field--sm .co-ref-field__selected{--co-avatar-size:22px}.co-ref-field--md .co-ref-field__selected{--co-avatar-size:22px}.co-ref-field--lg .co-ref-field__selected{--co-avatar-size:28px}.co-ref-field__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-ref-field__label-icon{flex-shrink:0;margin-right:var(--co-spacing-xs);color:var(--co-semantic-text-secondary)}.co-ref-field__value{flex:1;min-width:0;display:flex;align-items:center}.co-ref-field__placeholder{color:var(--co-semantic-text-muted);font-size:inherit;font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-ref-field__caret{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-ref-field__clear{flex-shrink:0;display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-ref-field__clear:hover{color:var(--co-semantic-text-default)}.co-ref-field__selected{display:flex;align-items:center;gap:var(--co-spacing-sm);min-width:0}.co-ref-field__color-dot{width:10px;height:10px;min-width:10px;border-radius:var(--co-border-radius-full);flex-shrink:0}.co-ref-field__avatar{flex-shrink:0}.co-ref-field__selected-label{color:var(--co-semantic-text-default);font-size:inherit;font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-ref-field__chips-row{flex:1;min-width:0;display:flex;align-items:center;gap:var(--co-spacing-xs)}.co-ref-field__chips{flex:1;min-width:0;display:flex;flex-wrap:nowrap;overflow:hidden;gap:var(--co-spacing-xs);align-items:center}.co-ref-field__chip{display:inline-flex;align-items:center;gap:var(--co-spacing-sm);padding:0 var(--co-spacing-sm2);background:var(--co-color-gray-100);border-radius:var(--co-border-radius-full);line-height:1;max-width:min(160px, 100%);flex-shrink:0}.co-ref-field__chip--avatar{padding-left:var(--co-spacing-xxs)}.co-ref-field__chip--s{min-height:20px;--co-avatar-size:20px;font-size:var(--co-font-size-12)}.co-ref-field__chip--sm{min-height:22px;--co-avatar-size:22px;font-size:var(--co-font-size-12)}.co-ref-field__chip--md{min-height:22px;--co-avatar-size:22px;font-size:var(--co-font-size-14)}.co-ref-field__chip--lg{min-height:28px;--co-avatar-size:28px;font-size:var(--co-font-size-14)}.co-ref-field__chip--clipped{visibility:hidden}.co-ref-field__chip-dot{width:8px;height:8px;min-width:8px;border-radius:var(--co-border-radius-full);flex-shrink:0}.co-ref-field__chip-label{color:var(--co-semantic-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.co-ref-field__chip-remove{display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-color-gray-500);transition:color 0.1s ease;flex-shrink:0}.co-ref-field__chip-remove:hover{color:var(--co-semantic-text-default)}.co-ref-field__chip-overflow{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:var(--co-spacing-xs) var(--co-spacing-sm);background:var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-12);font-weight:600;color:var(--co-semantic-text-secondary);line-height:1}.co-ref-field__panel{display:flex;flex-direction:column;border-radius:var(--co-border-radius-sm, 12px);overflow:hidden}.co-ref-field__panel--dark{--co-semantic-surface-page:#0A0A0A;--co-semantic-surface-primary:#0A0A0A;--co-semantic-surface-hover:rgba(255, 255, 255, 0.08);--co-semantic-surface-muted:rgba(255, 255, 255, 0.12);--co-semantic-text-default:#ffffff;--co-semantic-text-secondary:rgba(255, 255, 255, 0.8);--co-semantic-text-muted:rgba(255, 255, 255, 0.5);--co-semantic-border-subtle:rgba(255, 255, 255, 0.12);--co-semantic-border-default:rgba(255, 255, 255, 0.16);background:#0A0A0A;color:#ffffff}.co-ref-field__panel--light{--co-semantic-surface-page:#ffffff;--co-semantic-surface-primary:#ffffff;--co-semantic-surface-hover:var(--co-color-gray-100, #f5f5f5);--co-semantic-surface-muted:var(--co-color-gray-200, #e5e5e5);--co-semantic-text-default:var(--co-color-gray-700, #1F1C1B);--co-semantic-text-secondary:rgba(0, 0, 0, 0.6);--co-semantic-text-muted:rgba(0, 0, 0, 0.45);--co-semantic-border-subtle:var(--co-color-gray-200, #e5e5e5);--co-semantic-border-default:var(--co-color-gray-300, #d4d4d4);background:#ffffff;color:var(--co-color-gray-700, #1F1C1B)}.co-ref-field__footer{display:flex;gap:var(--co-spacing-sm2);border-top:1px solid var(--co-semantic-border-subtle);padding:var(--co-spacing-sm2)}.co-ref-field__footer-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm2) var(--co-spacing-md);border-radius:var(--co-border-radius-xs);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);font-weight:500;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;cursor:pointer;transition:opacity 0.15s ease;box-sizing:border-box;min-height:32px}.co-ref-field__footer-btn:hover{opacity:0.85}.co-ref-field__footer-btn--secondary{background:transparent;color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-default)}.co-ref-field__footer-btn--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);border:none}.co-ref-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs);font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-muted)}.co-ref-field__helper--error{color:var(--co-semantic-status-error)}.co-ref-field__helper--success{color:var(--co-semantic-status-success)}.co-ref-field__helper--warning{color:var(--co-color-status-review)}:host([layout='horizontal']) .co-ref-field{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-ref-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-ref-field__label{white-space:normal}:host([layout='horizontal']) .co-ref-field>:not(.co-ref-field__labels){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}";export{a as co_ref_field}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as i,h as t,a as s}from"./p-tT-aZV0-.js";import{R as a}from"./p-7FZXeBK4.js";import{F as o}from"./p-BAA4ln31.js";const r=class{constructor(t){e(this,t),this.coChange=i(this,"coChange",7),this.coInput=i(this,"coInput",7),this.coClear=i(this,"coClear",7),this.coFocus=i(this,"coFocus",7),this.coBlur=i(this,"coBlur",7),this.value="[]",this.placeholder="",this.required=!1,this.disabled=!1,this.readonly=!1,this.clearable=!0,this.allowDuplicates=!1,this.invalid=!1,this.layout="vertical",this.size="md",this.draft="",this.editingIndex=null,this.editingDraft="",this.hasFocus=!1,this.handleClearAll=()=>{var e;this.hasValue&&(this.commit([]),this.coClear.emit(),null===(e=this.inputEl)||void 0===e||e.focus())},this.handleInput=e=>{this.draft=e.target.value,this.coInput.emit(this.draft)},this.handleKeyDown=e=>{"Enter"!==e.key&&"Tab"!==e.key&&","!==e.key?"Backspace"===e.key&&""===this.draft&&this.hasValue&&(e.preventDefault(),this.removeTag(this.tags.length-1)):this.draft.trim()&&(e.preventDefault(),this.addTag())},this.handleFocus=()=>{this.hasFocus=!0,this.coFocus.emit()},this.handleBlur=()=>{this.draft.trim()&&this.addTag(),this.hasFocus=!1,this.coBlur.emit()},this.handleEditKeyDown=e=>{"Enter"===e.key?(e.preventDefault(),this.saveEdit()):"Escape"===e.key&&(e.preventDefault(),this.cancelEdit())},this.handleFieldClick=()=>{var e;this.disabled||this.readonly||null===this.editingIndex&&(null===(e=this.inputEl)||void 0===e||e.focus())}}onEditingIndexChange(e){null!==e&&requestAnimationFrame((()=>{var e;return null===(e=this.editEl)||void 0===e?void 0:e.focus()}))}get tags(){if(Array.isArray(this.value))return this.value.map((e=>String(e)));if("string"==typeof this.value&&this.value.trim())try{const e=JSON.parse(this.value);if(Array.isArray(e))return e.map((e=>String(e)))}catch(e){}return[]}get hasValue(){return this.tags.length>0}get isInvalid(){return this.invalid}get atCapacity(){return"number"==typeof this.maxTags&&this.tags.length>=this.maxTags}commit(e){this.value=JSON.stringify(e),this.coChange.emit(e)}addTag(){const e=this.draft.trim();if(this.draft="",!e||this.atCapacity)return;const i=this.tags;!this.allowDuplicates&&i.includes(e)||this.commit([...i,e])}removeTag(e){const i=this.tags.filter(((i,t)=>t!==e));this.commit(i)}startEdit(e){var i;this.disabled||this.readonly||(this.editingIndex=e,this.editingDraft=null!==(i=this.tags[e])&&void 0!==i?i:"")}saveEdit(){if(null===this.editingIndex)return;const e=this.editingIndex,i=this.editingDraft.trim(),t=this.tags;if(this.editingIndex=null,this.editingDraft="",!i)return void this.commit(t.filter(((i,t)=>t!==e)));if(!this.allowDuplicates&&t.some(((t,s)=>s!==e&&t===i)))return void this.commit(t.filter(((i,t)=>t!==e)));const s=[...t];s[e]=i,this.commit(s)}cancelEdit(){this.editingIndex=null,this.editingDraft=""}render(){const e=this.tags,i=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly,s=this.isInvalid?this.errorMessage:this.helperText,r=!this.readonly&&!this.atCapacity;return t("div",{key:"45bafe056e1e22295fca85e4117688b3689f6531",class:{"co-tags-field":!0,"co-tags-field--disabled":this.disabled,"co-tags-field--focused":this.hasFocus,"co-tags-field--filled":this.hasValue,"co-tags-field--invalid":this.isInvalid,[`co-tags-field--${this.size}`]:!0},part:"wrapper"},this.label&&t("div",{key:"74f22995661cc3617ec781c002e9dd0d14be1d08",class:"co-tags-field__labels"},t("label",{key:"90d1e9356d0e2e308b74be32fc508dcfd0d1049c",class:"co-tags-field__label",part:"label"},this.label,t(a,{key:"0cdef38368b8770ccf6f202f947a9b8797a0de2d",required:this.required}))),t("div",{key:"9be586d54135a42590ccd1114aa0024fb0a4cb89",class:"co-tags-field__field-row"},t("div",{key:"61024e618e9140aa6e8ca14dc9b0d26dcf0192ed",class:"co-tags-field__field",part:"field",onClick:this.handleFieldClick},t("div",{key:"bcac0080c15699779e844632f52969ed3b97e669",class:"co-tags-field__input-wrapper"},e.map(((e,i)=>this.editingIndex===i?t("input",{key:`edit-${i}`,ref:e=>this.editEl=e,class:"co-tags-field__edit",type:"text",value:this.editingDraft,onInput:e=>this.editingDraft=e.target.value,onKeyDown:this.handleEditKeyDown,onBlur:()=>this.saveEdit()}):t(o,{key:`chip-${i}-${e}`,baseClass:"co-tags-field__chip",label:e,title:e,onChipDblClick:()=>this.startEdit(i),onRemove:this.disabled||this.readonly?void 0:e=>{e.stopPropagation(),this.removeTag(i)}}))),r&&t("input",{key:"a72e551df5531ccbc08db60c9f2c87dfd4d4b554",ref:e=>this.inputEl=e,class:"co-tags-field__native",type:"text",autocomplete:"off",value:this.draft,placeholder:0===e.length?this.placeholder:"",disabled:this.disabled,required:this.required&&0===e.length,"aria-invalid":this.isInvalid?"true":"false","aria-label":this.label?void 0:"Tags",onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,part:"input"})),this.clearable&&t("button",{key:"c18186dba9f0f07db60885885734fb924c8deeb5",class:{"co-tags-field__clear":!0,"co-tags-field__clear--hidden":!i},type:"button",tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:this.handleClearAll,"aria-label":"Clear all",part:"clear"},t("co-icon",{key:"6831ec45b34a29da992291838bcd21bec82f9bc3",name:"x-circle",size:16,weight:"fill"})))),this.name&&t("input",{key:"ec43dc82ad02fe07a7dde183355c824275d64c7e",type:"hidden",name:this.name,value:JSON.stringify(e)}),s&&t("div",{key:"8d1a219b0536746e0d57a31b9124f203872e9360",class:{"co-tags-field__helper":!0,"co-tags-field__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&t("co-icon",{key:"ceb06b309d8614eefaa81fd92a028e6fb69c8302",name:"warning-circle",size:14,class:"co-tags-field__helper-icon"}),t("span",{key:"96134b037eb376bc20aab31b627b8cf579f76f8f",class:"co-tags-field__helper-text"},s)))}get el(){return s(this)}static get watchers(){return{editingIndex:[{onEditingIndexChange:0}]}}};r.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-tags-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-tags-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-tags-field__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-tags-field__field-row{display:flex;align-items:stretch}.co-tags-field__field{display:flex;align-items:flex-start;gap:var(--co-spacing-sm2);padding:var(--co-spacing-xs) var(--co-spacing-md);background:color-mix(in srgb, var(--co-semantic-surface-secondary) 55%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);transition:border-color 0.15s ease, box-shadow 0.15s ease;min-height:40px;box-sizing:border-box;flex:1;min-width:0;cursor:text}.co-tags-field__input-wrapper{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--co-spacing-sm);min-width:0;min-height:28px;padding:var(--co-spacing-xxs) 0}.co-tags-field--s .co-tags-field__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-tags-field--sm .co-tags-field__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-tags-field--lg .co-tags-field__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-tags-field--s .co-tags-field__input-wrapper,.co-tags-field--sm .co-tags-field__input-wrapper{min-height:0;padding:0}.co-tags-field__chip{display:inline-flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm) var(--co-spacing-sm2);background:var(--co-semantic-surface-hover);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-14);line-height:1;max-width:240px;cursor:pointer;user-select:none}.co-tags-field__chip-label{color:var(--co-semantic-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-tags-field__chip-remove{display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.1s ease;flex-shrink:0}.co-tags-field__chip-remove:hover{color:var(--co-semantic-text-default)}.co-tags-field__native{flex:1;min-width:80px;border:none;outline:none;background:transparent;font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:1;color:var(--co-semantic-text-default);padding:0;margin:0}.co-tags-field__native::placeholder{color:var(--co-semantic-text-muted)}.co-tags-field__edit{border:1px solid var(--co-semantic-border-focus);border-radius:var(--co-border-radius-xxs);outline:none;background:var(--co-semantic-surface-primary);font-family:inherit;font-size:var(--co-font-size-12);line-height:1;color:var(--co-semantic-text-default);padding:var(--co-spacing-xxs) var(--co-spacing-xs);margin:0;min-width:60px}.co-tags-field__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;padding:0;margin:var(--co-spacing-xxs) 0 0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-tags-field__clear--hidden{visibility:hidden;pointer-events:none}.co-tags-field__clear:hover{color:var(--co-semantic-text-default)}.co-tags-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-tags-field__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-tags-field__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body)}.co-tags-field--focused .co-tags-field__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-tags-field--disabled{opacity:0.6;pointer-events:none}.co-tags-field--disabled .co-tags-field__labels .co-tags-field__label{color:var(--co-semantic-text-disabled)}.co-tags-field--disabled .co-tags-field__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-tags-field--invalid .co-tags-field__field{border-color:var(--co-semantic-status-error)}.co-tags-field--invalid.co-tags-field--focused .co-tags-field__field{border-color:var(--co-semantic-status-error);box-shadow:0 0 0 2px rgba(170, 46, 27, 0.12)}.co-tags-field__helper--error .co-tags-field__helper-icon,.co-tags-field__helper--error .co-tags-field__helper-text{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-tags-field{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-tags-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-tags-field__label{white-space:normal}:host([layout='horizontal']) .co-tags-field>:not(.co-tags-field__labels){grid-column:2;min-width:0}@supports not (background: color-mix(in srgb, red, transparent)){.co-tags-field__field{background:var(--co-semantic-surface-secondary)}}";export{r as co_tags_field}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,c as e,h as r,a as c}from"./p-tT-aZV0-.js";import{R as i}from"./p-7FZXeBK4.js";const a=[{name:"Green",value:"#02A270"},{name:"Yellow",value:"#FDBF00"},{name:"Blue",value:"#2563EB"},{name:"Pink",value:"#F32A73"},{name:"Red",value:"#EB1E1E"},{name:"Orange",value:"#F0821E"},{name:"Teal",value:"#00AFAF"},{name:"Light blue",value:"#00BEE6"},{name:"Electric blue",value:"#000AFF"},{name:"Violet",value:"#5F4BD7"},{name:"Burgundy",value:"#811137"},{name:"Olive",value:"#AAB43C"}],t=class{constructor(r){o(this,r),this.coChange=e(this,"coChange",7),this.value="",this.placeholder="Select color",this.disabled=!1,this.required=!1,this.status="default",this.layout="vertical",this.size="md",this.presets="",this.isOpen=!1,this.copied=!1,this.handlePopoverOpen=()=>{this.isOpen=!0},this.handlePopoverClose=()=>{this.isOpen=!1}}get parsedPresets(){if(Array.isArray(this.presets))return this.presets.map((o=>"string"==typeof o?{name:o,value:o}:o));if("string"==typeof this.presets&&this.presets.trim())try{const o=JSON.parse(this.presets);if(Array.isArray(o))return o.map((o=>"string"==typeof o?{name:o,value:o}:o))}catch(o){}return a}handleSwatchClick(o){this.value=o,this.coChange.emit(o),this.isOpen=!1}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning"}[this.status]||null}async handleCopy(){if(this.value)try{await navigator.clipboard.writeText(this.value),this.copied=!0,setTimeout((()=>{this.copied=!1}),1500)}catch(o){}}render(){const o=this.parsedPresets,e=!!this.value;return r("div",{key:"cf82d2fe5d1ca59a0be4edbd98f2f127cbb0666c",class:`co-color-picker co-color-picker--${this.size} ${"default"!==this.status?`co-color-picker--${this.status}`:""} ${this.isOpen?"co-color-picker--open":""} ${this.disabled?"co-color-picker--disabled":""}`},this.label&&r("label",{key:"ad0e372b32b0e7d5294609b7a952e8d4fb633447",class:"co-color-picker__label"},this.label,r(i,{key:"9976b6350be9c69a5db48079cdcc32b597b99e4f",required:this.required})),r("co-popover",{key:"e50a584f035be8e4cb7d18968c16e6dfe5b8fad2",open:this.isOpen,placement:"bottom-start",matchWidth:!0,offset:4,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},r("div",{key:"79bfb8856c30be5bbedf2471651eafabf4c2faa5",slot:"trigger",class:"co-color-picker__trigger"},r("span",{key:"468b9f7f6a63297086f48938155bea1a5a82ec04",class:"co-color-picker__swatch",style:{background:e?this.value:"transparent"}}),r("span",{key:"727966662cfa0c6647d66f0268eca9f77452c46d",class:"co-color-picker__value "+(e?"":"co-color-picker__value--empty")},e?this.value:this.placeholder)),this.isOpen&&r("div",{key:"25df03b58bf3a690e524f53d53a16fe299f019ed",class:"co-color-picker__panel"},r("div",{key:"d102f3c6b266046dc2b8d6d7536d25aa2dffb79c",class:"co-color-picker__grid"},o.map((o=>{var e;return r("button",{type:"button",key:o.value,class:"co-color-picker__grid-item "+(o.value.toUpperCase()===(null===(e=this.value)||void 0===e?void 0:e.toUpperCase())?"co-color-picker__grid-item--selected":""),style:{background:o.value},title:o.name,onClick:()=>this.handleSwatchClick(o.value)})}))),e&&r("div",{key:"4897fc8e3c3d371b23b7ae6c9e5c04c92dfe27df",class:"co-color-picker__hex-row"},r("span",{key:"625828e841d8f8b545ee6119d74e839eca80841e",class:"co-color-picker__hex-prefix"},"#"),r("span",{key:"00f73948a453f2db74103ab1d49013e999d13b1f",class:"co-color-picker__hex-value"},this.value.replace(/^#/,"")),r("button",{key:"c87e69f32065bf05dcad1eaa73cf21d028abf93c",type:"button",class:"co-color-picker__copy-btn "+(this.copied?"co-color-picker__copy-btn--copied":""),title:"Copy",onClick:()=>this.handleCopy()},r("co-icon",{key:"bf8e7abbb52e543bb4335acc577b268cce40c2be",name:this.copied?"check":"copy",size:16}))))),this.helperText&&r("div",{key:"368cf0c7f3877c1a6fd35c992b6543862b1cebc8",class:"co-color-picker__helper"},this.statusIcon&&r("co-icon",{key:"5b9f3568320860fde1d701ef6e5d9b3475903d8c",name:this.statusIcon,size:14,weight:"fill",class:"co-color-picker__helper-icon"}),r("span",{key:"5a480e0edaf010df948e8f73e9befa70f88b0865",class:"co-color-picker__helper-text"},this.helperText)))}get el(){return c(this)}};t.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-color-picker{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-color-picker--disabled{opacity:0.5;pointer-events:none}.co-color-picker__label{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-secondary);padding:0 var(--co-spacing-xs)}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-color-picker co-popover{display:block;width:100%}.co-color-picker__trigger{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:color-mix(in srgb, var(--co-semantic-surface-secondary) 55%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;cursor:pointer;transition:border-color 0.15s ease, box-shadow 0.15s ease}.co-color-picker--s .co-color-picker__trigger{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-color-picker--sm .co-color-picker__trigger{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-color-picker--lg .co-color-picker__trigger{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-color-picker--s .co-color-picker__swatch,.co-color-picker--sm .co-color-picker__swatch{width:18px;height:18px}.co-color-picker__trigger:hover{border-color:var(--co-semantic-border-default)}.co-color-picker--open .co-color-picker__trigger{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-focus) 15%, transparent)}.co-color-picker--error .co-color-picker__trigger{border-color:var(--co-color-status-error)}.co-color-picker__swatch{width:24px;height:24px;border-radius:var(--co-border-radius-full);border:1px solid var(--co-semantic-border-subtle);flex-shrink:0}.co-color-picker__value{flex:1;font-size:inherit;font-family:inherit;color:var(--co-semantic-text-default);font-weight:500;text-transform:uppercase}.co-color-picker__value--empty{color:var(--co-semantic-text-muted);font-weight:400}.co-color-picker__panel{padding:var(--co-spacing-md);display:flex;flex-direction:column;gap:var(--co-spacing-md)}.co-color-picker__grid{display:grid;grid-template-columns:repeat(8, 1fr);gap:var(--co-spacing-sm2)}.co-color-picker__grid-item{width:32px;height:32px;border-radius:var(--co-border-radius-xxs);border:2px solid transparent;cursor:pointer;transition:transform 0.1s ease, border-color 0.1s ease;box-sizing:border-box}.co-color-picker__grid-item:hover{transform:scale(1.1)}.co-color-picker__grid-item--selected{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-focus) 25%, transparent)}.co-color-picker__hex-row{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-xs) var(--co-spacing-sm);background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xxs)}.co-color-picker__hex-prefix{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:500}.co-color-picker__hex-value{flex:1;font-size:var(--co-font-size-14);font-family:var(--co-font-family-mono, monospace);color:var(--co-semantic-text-default);text-transform:uppercase;user-select:all}.co-color-picker__copy-btn{display:flex;align-items:center;justify-content:center;padding:var(--co-spacing-xs);border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);border-radius:var(--co-border-radius-xxs);transition:color 0.15s ease, background 0.15s ease}.co-color-picker__copy-btn:hover{color:var(--co-semantic-text-default);background:var(--co-semantic-surface-hover)}.co-color-picker__copy-btn--copied{color:var(--co-color-status-success)}.co-color-picker__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);font-size:var(--co-font-size-14);color:var(--co-semantic-text-muted);padding:0 var(--co-spacing-xs)}.co-color-picker__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-color-picker--error .co-color-picker__helper{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-color-picker{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-color-picker__label{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-color-picker__label{white-space:normal}:host([layout='horizontal']) .co-color-picker>:not(.co-color-picker__label){grid-column:2;min-width:0}@supports not (background: color-mix(in srgb, red, transparent)){.co-color-picker__trigger{background:var(--co-semantic-surface-secondary)}}";export{t as co_color_picker}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as a,h as t}from"./p-tT-aZV0-.js";function r(a){const t=function(a){if(!a||"string"!=typeof a)return null;const t=a.replace("#","");return 3===t.length?{r:parseInt(t[0]+t[0],16),g:parseInt(t[1]+t[1],16),b:parseInt(t[2]+t[2],16)}:6===t.length?{r:parseInt(t.slice(0,2),16),g:parseInt(t.slice(2,4),16),b:parseInt(t.slice(4,6),16)}:null}(a);if(!t)return 0;const[r,e,o]=[t.r/255,t.g/255,t.b/255].map((a=>a<=.03928?a/12.92:Math.pow((a+.055)/1.055,2.4)));return.2126*r+.7152*e+.0722*o}const e={xl:80,lg:64,md:56,sm:48,xs:32,xxs:24},o={xl:32,lg:28,md:24,sm:20,xs:16,xxs:12},s={xl:"var(--co-font-size-26)",lg:"var(--co-font-size-22)",md:"var(--co-font-size-18)",sm:"var(--co-font-size-16)",xs:"var(--co-font-size-12)",xxs:"var(--co-font-size-10)"},i=class{constructor(t){a(this,t),this.type="text",this.size="md",this.icon="user",this.iconWeight="regular",this.shape="circle",this.imgFailed=!1,this.handleImgError=()=>{this.imgFailed=!0}}render(){var a,i,c,n,v,l,L;const h=null!==(a=e[this.size])&&void 0!==a?a:56,d=null!==(i=o[this.size])&&void 0!==i?i:24,u=null!==(c=s[this.size])&&void 0!==c?c:"var(--co-font-size-18)",p="image"===this.type&&this.src&&!this.imgFailed,f="text"===this.type?this.text:"image"===this.type&&null!==(v=null!==(n=this.alt)&&void 0!==n?n:this.text)&&void 0!==v?v:this.icon;return t("div",{key:"41da32ebacadf5fd33c9f6a10ac0069ddaa81ce6",class:{"co-avatar":!0,[`co-avatar--${this.size}`]:!0,[`co-avatar--${this.type}`]:!0,"co-avatar--square":"square"===this.shape,"co-avatar--light":!!this.color&&(m=this.color,r(m)>.4)},style:Object.assign(Object.assign({width:`var(--co-avatar-size, ${h}px)`,height:`var(--co-avatar-size, ${h}px)`,fontSize:u},this.color?{background:this.color}:{}),this.ringColor?{"--co-avatar-border-color":this.ringColor,"--co-avatar-border-width":"2px"}:{}),part:"avatar",role:"img","aria-label":f},p?t("img",{class:"co-avatar__img",src:this.src,alt:null!==(L=null!==(l=this.alt)&&void 0!==l?l:this.text)&&void 0!==L?L:"",onError:this.handleImgError}):"icon"===this.type?t("co-icon",{name:this.icon,weight:this.iconWeight,size:d}):t("span",{class:"co-avatar__text"},this.text));var m}};i.style=":host{display:inline-flex;--co-avatar-squircle:url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><path d='M100 50L99.94 68.06L99.75 73.81L99.44 77.94L99.01 81.26L98.44 84.05L97.74 86.46L96.91 88.57L95.94 90.43L94.81 92.07L93.53 93.53L92.07 94.81L90.43 95.94L88.57 96.91L86.46 97.74L84.05 98.44L81.26 99.01L77.94 99.44L73.81 99.75L68.06 99.94L50 100L31.94 99.94L26.19 99.75L22.06 99.44L18.74 99.01L15.95 98.44L13.54 97.74L11.43 96.91L9.57 95.94L7.93 94.81L6.47 93.53L5.19 92.07L4.06 90.43L3.09 88.57L2.26 86.46L1.56 84.05L0.99 81.26L0.56 77.94L0.25 73.81L0.06 68.06L0 50L0.06 31.94L0.25 26.19L0.56 22.06L0.99 18.74L1.56 15.95L2.26 13.54L3.09 11.43L4.06 9.57L5.19 7.93L6.47 6.47L7.93 5.19L9.57 4.06L11.43 3.09L13.54 2.26L15.95 1.56L18.74 0.99L22.06 0.56L26.19 0.25L31.94 0.06L50 0L68.06 0.06L73.81 0.25L77.94 0.56L81.26 0.99L84.05 1.56L86.46 2.26L88.57 3.09L90.43 4.06L92.07 5.19L93.53 6.47L94.81 7.93L95.94 9.57L96.91 11.43L97.74 13.54L98.44 15.95L99.01 18.74L99.44 22.06L99.75 26.19L99.94 31.94Z' fill='%23fff'/></svg>\")}.co-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);font-family:var(--co-font-family-primary);font-weight:600;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);overflow:hidden;flex-shrink:0;user-select:none;-webkit-font-smoothing:antialiased}.co-avatar::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 var(--co-avatar-border-width, 1px) var(--co-avatar-border-color, transparent)}.co-avatar__text{text-transform:uppercase}.co-avatar__img{width:100%;height:100%;object-fit:cover;display:block}.co-avatar--square{border-radius:0;-webkit-mask:var(--co-avatar-squircle) center / 100% 100% no-repeat;mask:var(--co-avatar-squircle) center / 100% 100% no-repeat}.co-avatar--square::after{--co-avatar-bw:var(--co-avatar-border-width, 1px);box-shadow:none;background:var(--co-avatar-border-color, transparent);-webkit-mask:var(--co-avatar-squircle) center / 100% 100% no-repeat, var(--co-avatar-squircle) center / calc(100% - 2 * var(--co-avatar-bw)) calc(100% - 2 * var(--co-avatar-bw)) no-repeat;-webkit-mask-composite:xor;mask:var(--co-avatar-squircle) center / 100% 100% no-repeat, var(--co-avatar-squircle) center / calc(100% - 2 * var(--co-avatar-bw)) calc(100% - 2 * var(--co-avatar-bw)) no-repeat;mask-composite:exclude}.co-avatar--light{color:rgba(0, 0, 0, 0.87)}";export{i as co_avatar}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as o,h as e,a as r}from"./p-tT-aZV0-.js";import{g as a}from"./p-B-ckjCUA.js";import{C as i,T as c,t as n}from"./p-ChibIpZv.js";const s=class{constructor(e){t(this,e),this.coAction=o(this,"coAction",7),this.coPopoverChange=o(this,"coPopoverChange",7),this.variant="basic",this.disabled=!1,this.locale="en",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"link":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,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}[t.action])&&void 0!==o?o:t.label}tOpt(t){var o,e,r,a,i;const c=this.s;if("separator"===t.action)return`─── ${c.systemFonts} ───`;if("paragraph"===t.action)return c.normalText;if("heading"===t.action){const e=null===(o=t.payload)||void 0===o?void 0:o.level;if(1===e)return c.title;if(2===e)return c.subtitle;if(3===e)return c.heading3}if("bulletStyle"===t.action)return null!==(e={disc:c.disc,circle:c.circle,square:c.square}[t.payload])&&void 0!==e?e:t.label;if("taskStyle"===t.action){if("strike"===t.payload)return c.strikeOnComplete;if("plain"===t.payload)return c.noStrikethrough}if("textAlign"===t.action)return null!==(r={left:c.left,center:c.center,right:c.right,justify:c.justify}[t.payload])&&void 0!==r?r:t.label;if("lineHeight"===t.action){if("1"===t.payload)return c.single;if("2"===t.payload)return c.double}return"letterSpacing"===t.action?null!==(a={normal:c.normal,"-0.05em":c.tight,"0.05em":c.light,"0.1em":c.wide,"0.2em":c.veryWide}[t.payload])&&void 0!==a?a:t.label:"callout"===t.action&&null!==(i={info:c.info,warning:c.warning,success:c.success,error:c.error}[t.payload])&&void 0!==i?i:t.label}connectedCallback(){this.el.addEventListener("mousedown",this.handleHostMouseDown),document.addEventListener("click",this.handleDocumentClick,!0)}componentWillLoad(){this.items=this.resolveItems(this.variant),this.colorPalette=i,this._tableContextItems=c}onVariantChange(t){this.items=this.resolveItems(t)}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=n("none"===t?"compact":t),e=this.editor;if(!e)return o;const r=o.filter((t=>{if(this.isSeparator(t))return!0;const o=s.ITEM_COMMAND[t.action];return!o||(t=>{try{return"function"==typeof e.can()[t]}catch(t){return!0}})(o)})),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})}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"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){if(!this.editor)return null;const o=this.s;if("headingStyle"===t.action)return this.editor.isActive("heading",{level:1})?o.title:this.editor.isActive("heading",{level:2})?o.subtitle:this.editor.isActive("heading",{level:3})?o.headingAbbr3:o.normal;if("fontSize"===t.action){const t=this.editor.getAttributes("textStyle"),o=null==t?void 0:t.fontSize;return o?o.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,c="headingStyle"===t.action||"fontSize"===t.action||"fontFamily"===t.action,n=c?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:"")}`},c?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"},n),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 c=null!==(a=null===(o=this.editor)||void 0===o?void 0:o.isActive({textAlign:t.payload}))&&void 0!==a&&a,n=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":c},"data-tooltip":n,"aria-label":n,"aria-pressed":String(c),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,c=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"));return 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:"iframe"===t.action?this.s.iframeUrlPlaceholder:"link"===t.action?"https://...":this.s.youtubeUrlPlaceholder,value:this.popoverInput,onInput:t=>{this.popoverInput=t.target.value},onKeyDown:o=>{"Enter"===o.key&&this.submitPopover(t.action),"Escape"===o.key&&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),c&&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&&(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)))}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,c="letterSpacing"===t.action,n="alignment"===t.action||i||c||a,s="fontSize"===t.action?{placeholder:this.s.sizePlaceholder}:i?{placeholder:this.s.lineSpacingPlaceholder}:c?{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 c={},s=n&&this.isDropdownOptionActive(o);if(a&&"heading"===o.action){const t=null===(i=o.payload)||void 0===i?void 0:i.level;c.fontSize=1===t?"20px":2===t?"16px":"14px",c.fontWeight="600"}return r&&o.payload&&(c.fontFamily=o.payload),e("button",{type:"button",class:{"co-rich-text-toolbar__dropdown-item":!0,"co-rich-text-toolbar__dropdown-item--active":s},style:c,onMouseDown:t=>t.preventDefault(),onClick:()=>this.handleDropdownSelect(t,o)},n&&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 c=1;c<=8;c++)t.push(e("div",{class:{"co-rich-text-toolbar__grid-cell":!0,"co-rich-text-toolbar__grid-cell--active":i<=r&&c<=a},onMouseEnter:()=>{o||(this.gridHoverRows=i,this.gridHoverCols=c)},onMouseDown:t=>t.preventDefault(),onClick:()=>{this.gridLockedRows=i,this.gridLockedCols=c}}));const i=this.s,c=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"},c),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 c=r?t-1:t;for(let t=0;t<c;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&&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(){return"none"===this.variant||0===this.items.length?null:e("div",{class:"co-rich-text-toolbar",role:"toolbar","aria-label":"Formatting",part:"toolbar"},this.items.map((t=>this.isSeparator(t)?e("span",{class:"co-rich-text-toolbar__sep"}):this.renderButton(t))))}get el(){return r(this)}static get watchers(){return{variant:[{onVariantChange:0}],editor:[{onEditorChange:0}],openPopover:[{onOpenPopoverChange:0}]}}};s.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"},s.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)}.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 0.15s ease;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 0.12s ease, color 0.12s ease}.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 0.12s, border-color 0.12s}.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 0.12s}.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-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 0.1s}.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 0.12s}.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 0.1s, box-shadow 0.1s}.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 0.12s, color 0.12s}.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 0.08s, border-color 0.08s}.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 0.12s}.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 0.12s ease}.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 0.12s, box-shadow 0.12s, background 0.12s}.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)}";export{s as co_rich_text_toolbar}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as a,c as t,h as s,a as o}from"./p-tT-aZV0-.js";const r=class{constructor(s){a(this,s),this.coTabChange=t(this,"coTabChange",7),this.variant="pill",this.onSlotChange=()=>{this.syncTabs()}}onTabSelect(a){a.stopPropagation(),this.value=a.detail,this.coTabChange.emit(this.value),this.syncTabs()}watchValue(){this.syncTabs()}watchVariant(){this.syncTabs()}componentDidLoad(){this.syncTabs()}syncTabs(){this.el.querySelectorAll("co-tab").forEach((a=>{a.selected=(a.value||a.label)===this.value,a.variant=this.variant}))}render(){return s("div",{key:"b0e4e872934528c7dbce3bf1c0329b1efb0db887",class:{"co-tab-group":!0,[`co-tab-group--${this.variant}`]:!0},role:"tablist",part:"tab-group"},s("slot",{key:"407d99ce75badc9bfeecaf8506155ef346681489",onSlotchange:this.onSlotChange}))}get el(){return o(this)}static get watchers(){return{value:[{watchValue:0}],variant:[{watchVariant:0}]}}};r.style=":host{display:flex}.co-tab-group{display:flex;align-items:center;gap:var(--co-spacing-sm2)}.co-tab-group--underline{gap:var(--co-spacing-xs, 4px);border-bottom:1px solid var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08))}.co-tab-group--segmented{display:inline-flex;gap:2px;padding:3px;background:var(--co-color-gray-100, #f6f6f6);border-radius:var(--co-border-radius-sm, 12px)}";export{r as co_tab_group}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,h as a}from"./p-tT-aZV0-.js";const c=class{constructor(a){e(this,a)}render(){return a("div",{key:"8cc8c7c22074b9d26f1188862281cfe529176caa",class:"co-page-header",part:"page-header"},a("div",{key:"3b500f4d87dca9e030b73072aa91cffac152a77a",class:"co-page-header__left"},this.icon&&a("span",{key:"ae3a8660321c7e35df329e1cd81bf8ade4b7d423",class:"co-page-header__icon"},a("co-icon",{key:"7571121b507d205beb602164db650858ef1ec7c6",name:this.icon,size:24})),a("span",{key:"2b75edfe92074136c414fe4245500296f937aa84",class:"co-page-header__title"},a("slot",{key:"7c90582ce3205119e2cfe2b30b3407ddfd88a8fb"},this.heading))),a("div",{key:"22fd3ea46014f8a717379d5a779c51631722f136",class:"co-page-header__actions"},a("slot",{key:"06ab6736b021352f673197234426122c0677aa8c",name:"actions"})))}};c.style=":host{display:block}.co-page-header{display:flex;align-items:center;justify-content:space-between;padding:var(--co-spacing-lg) var(--co-spacing-xl);font-family:var(--co-font-family-primary);border-bottom:1px solid var(--co-semantic-border-subtle);background:var(--co-semantic-surface-page);min-height:72px;box-sizing:border-box}.co-page-header__left{display:flex;align-items:center;gap:var(--co-spacing-md)}.co-page-header__icon{display:flex;color:var(--co-semantic-text-muted)}.co-page-header__title{font-size:var(--co-font-size-18);font-weight:600;color:var(--co-semantic-text-default)}.co-page-header__actions{display:flex;align-items:center;gap:var(--co-spacing-md)}.co-page-header__actions:empty{display:none}";export{c as co_page_header}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{h as r}from"./p-tT-aZV0-.js";const e=({required:e})=>e?r("span",{class:"co-field-required",part:"required"},"*",r("span",{class:"co-field-required__caption"})):null;export{e as R}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,h as r,a as t}from"./p-tT-aZV0-.js";const a={l:20,m:18,s:16,xs:14},s=class{constructor(r){o(this,r),this.variant="primary",this.shape="rounded",this.size="m",this.elevated=!1,this.surface="light",this.disabled=!1,this.iconWeight="regular",this.type="button",this.handleClick=()=>{if(!this.disabled){if("submit"===this.type){const o=this.el.closest("form");if(o)return void o.requestSubmit()}if("reset"===this.type){const o=this.el.closest("form");o&&o.reset()}}}}render(){var o,t;const s=null!==(t=null!==(o=this.iconSize)&&void 0!==o?o:a[this.size])&&void 0!==t?t:18,c={};return this.color&&(c.background=this.color),this.textColor&&(c.color=this.textColor),r("button",{key:"7ecb9c79b6d2f333ad50f71847953ef676692a81",class:{"co-button":!0,[`co-button--${this.variant}`]:!0,[`co-button--${this.shape}`]:!0,[`co-button--${this.size}`]:!0,[`co-button--surface-${this.surface}`]:!0,"co-button--elevated":this.elevated,"co-button--disabled":this.disabled},style:Object.keys(c).length?c:void 0,type:this.type,disabled:this.disabled,onClick:this.handleClick,part:"button"},this.iconLeft?r("co-icon",{name:this.iconLeft,weight:this.iconWeight,size:s}):null,r("slot",{key:"b7a325f24ec63c71121dfb74e82467e4b36fdd06"},this.label),this.iconRight?r("co-icon",{name:this.iconRight,weight:this.iconWeight,size:s}):null)}get el(){return t(this)}};s.style=':host{display:inline-flex}.co-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent;outline:none;font-family:var(--co-font-family-primary);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;-webkit-font-smoothing:antialiased;transition:opacity 0.15s ease, background 0.15s ease;box-sizing:border-box;-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate))}.co-button--primary{background:color-mix(in srgb, var(--co-semantic-surface-primary) 78%, transparent);color:var(--co-semantic-on-primary);border-color:color-mix(in srgb, var(--co-semantic-on-primary) 28%, transparent)}.co-button--secondary{background:color-mix(in srgb, var(--co-semantic-surface-secondary) 55%, transparent);color:var(--co-semantic-on-secondary);border-color:var(--co-semantic-border-subtle)}.co-button--stroke{background:color-mix(in srgb, var(--co-semantic-surface-secondary) 25%, transparent);color:var(--co-semantic-text-default);border-color:var(--co-semantic-border-default)}.co-button--ghost{background:transparent;color:var(--co-semantic-text-default);border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.co-button--danger{background:var(--co-semantic-status-error);color:var(--co-color-base-blanco);border-color:transparent}.co-button--success{background:var(--co-semantic-status-success);color:var(--co-color-base-blanco);border-color:transparent}.co-button--rounded.co-button--l{padding:var(--co-spacing-xl) var(--co-spacing-2xl);gap:var(--co-spacing-md);font-size:var(--co-font-size-18);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--rounded.co-button--m{padding:var(--co-spacing-lg) var(--co-spacing-xl);gap:var(--co-spacing-md);font-size:var(--co-font-size-16);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--rounded.co-button--s{padding:var(--co-spacing-md) var(--co-spacing-lg);gap:var(--co-spacing-sm2);font-size:var(--co-font-size-14);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--rounded.co-button--xs{padding:var(--co-spacing-md) var(--co-spacing-lg);gap:var(--co-spacing-sm2);font-size:var(--co-font-size-12);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--square.co-button--l{padding:var(--co-spacing-lg) var(--co-spacing-xl);gap:var(--co-spacing-md);font-size:var(--co-font-size-18);border-radius:var(--co-border-radius-lg)}.co-button--square.co-button--m{padding:var(--co-spacing-md) var(--co-spacing-lg);gap:var(--co-spacing-sm2);font-size:var(--co-font-size-16);border-radius:var(--co-border-radius-sm)}.co-button--square.co-button--s{padding:var(--co-spacing-sm2) var(--co-spacing-md);gap:var(--co-spacing-sm);font-size:var(--co-font-size-14);border-radius:var(--co-border-radius-xs)}.co-button--square.co-button--xs{padding:var(--co-spacing-sm) var(--co-spacing-sm2);gap:var(--co-spacing-xs);font-size:var(--co-font-size-12);border-radius:var(--co-spacing-sm)}.co-button--disabled,.co-button:disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-button--primary:hover:not(:disabled){opacity:0.88}.co-button--secondary:hover:not(:disabled),.co-button--stroke:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-button--ghost:hover:not(:disabled){background:color-mix(in srgb, var(--co-semantic-surface-hover) 60%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate))}.co-button--danger:hover:not(:disabled),.co-button--success:hover:not(:disabled){opacity:0.88}.co-button--secondary.co-button--elevated{box-shadow:var(--co-shadow-sm, 0 1px 2px 0 rgba(26, 26, 26, 0.04)), inset 0 0 0 1px var(--co-color-opacity-negro-8)}.co-button--ghost.co-button--surface-dark,.co-button--stroke.co-button--surface-dark{color:var(--co-color-base-blanco, #fff)}.co-button--ghost.co-button--surface-dark:hover:not(:disabled),.co-button--stroke.co-button--surface-dark:hover:not(:disabled){background:var(--co-color-opacity-blanco-16);-webkit-backdrop-filter:none;backdrop-filter:none}::slotted([slot="icon-left"]),::slotted([slot="icon-right"]){display:inline-flex;flex-shrink:0}@supports not (background: color-mix(in srgb, red, transparent)){.co-button--primary{background:var(--co-semantic-surface-primary)}.co-button--secondary{background:var(--co-semantic-surface-secondary)}.co-button--stroke{background:transparent}}';export{s as co_button}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,c as t,h as o,a as e}from"./p-tT-aZV0-.js";import{R as c}from"./p-7FZXeBK4.js";const n=class{constructor(o){i(this,o),this.coInput=t(this,"coInput",7),this.coChange=t(this,"coChange",7),this.coClear=t(this,"coClear",7),this.coFocus=t(this,"coFocus",7),this.coBlur=t(this,"coBlur",7),this.coAction=t(this,"coAction",7),this.placeholder="",this.value="",this.disabled=!1,this.readonly=!1,this.clearable=!1,this.layout="vertical",this.type="text",this.required=!1,this.status="default",this.size="md",this.fill=!1,this.hasFocus=!1,this.handleInput=i=>{this.value=i.target.value,this.coInput.emit(this.value)},this.handleChange=()=>{this.coChange.emit(this.value)},this.handleFocus=()=>{this.hasFocus=!0,this.coFocus.emit()},this.handleBlur=()=>{this.hasFocus=!1,this.coBlur.emit()},this.handleKeyDown=i=>{if("Enter"===i.key){const i=this.el.closest("form");i&&i.requestSubmit()}},this.handleClear=()=>{var i;this.value="",this.coClear.emit(),this.coInput.emit(""),null===(i=this.inputEl)||void 0===i||i.focus()},this.handleAction=()=>{this.coAction.emit()}}get hasAction(){return!(!this.actionLabel&&!this.actionIcon)}get hasValue(){return null!=this.value&&""!==this.value}get statusFieldIcon(){switch(this.status){case"success":return"check";case"error":case"warning":return"warning";case"info":return"info";default:return null}}get helperIcon(){switch(this.status){case"error":case"warning":return"warning-circle";case"success":return"check-circle";case"info":return"info";default:return null}}renderFill(){const i=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly,t=this.iconLeft||"magnifying-glass";return o("div",{class:{"co-input":!0,"co-input--fill":!0,[`co-input--${this.size}`]:!0,"co-input--disabled":this.disabled,"co-input--focused":this.hasFocus,"co-input--filled":this.hasValue},part:"wrapper"},o("div",{class:"co-input__field-row"},o("div",{class:"co-input__field",part:"field"},o("co-icon",{name:t,size:17,class:"co-input__icon co-input__icon--left"}),o("div",{class:"co-input__input-wrapper"},o("input",{ref:i=>this.inputEl=i,class:"co-input__native",type:this.type,name:this.name,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,autoComplete:this.autocomplete,onInput:this.handleInput,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,part:"input"})),this.clearable&&o("button",{class:{"co-input__clear":!0,"co-input__clear--hidden":!i},type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear input",part:"clear"},o("co-icon",{name:"x",size:14})))))}render(){if(this.fill)return this.renderFill();const i=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly;return o("div",{class:{"co-input":!0,[`co-input--${this.layout}`]:!0,[`co-input--${this.size}`]:!0,"co-input--disabled":this.disabled,"co-input--focused":this.hasFocus,"co-input--filled":this.hasValue,[`co-input--${this.status}`]:"default"!==this.status,"co-input--has-action":this.hasAction},part:"wrapper"},(this.label||this.secondaryLabel)&&o("div",{class:"co-input__labels"},this.label&&o("label",{class:"co-input__label",part:"label"},this.label,o(c,{required:this.required})),this.secondaryLabel&&o("span",{class:"co-input__secondary-label",part:"secondary-label"},this.secondaryLabel)),o("div",{class:"co-input__field-row"},o("div",{class:"co-input__field",part:"field"},this.iconLeft&&o("co-icon",{name:this.iconLeft,size:16,class:"co-input__icon co-input__icon--left"}),o("slot",{name:"chips"}),o("div",{class:"co-input__input-wrapper"},o("input",{ref:i=>this.inputEl=i,class:"co-input__native",type:this.type,name:this.name,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,autoComplete:this.autocomplete,onInput:this.handleInput,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,part:"input"})),this.clearable&&o("button",{class:{"co-input__clear":!0,"co-input__clear--hidden":!i},type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear input",part:"clear"},o("co-icon",{name:"x-circle",size:16,weight:"fill"})),this.iconRight&&o("co-icon",{name:this.iconRight,size:16,class:"co-input__icon co-input__icon--right"}),this.statusFieldIcon&&o("co-icon",{name:this.statusFieldIcon,size:16,class:"co-input__status-icon"}),o("slot",{name:"suffix"}),o("slot",null),o("slot",{name:"action"})),this.hasAction&&o("button",{class:"co-input__action",type:"button",onClick:this.handleAction,disabled:this.disabled,part:"action"},this.actionIcon&&o("co-icon",{name:this.actionIcon,size:16,class:"co-input__action-icon"}),this.actionLabel&&o("span",{class:"co-input__action-label"},this.actionLabel))),this.helperText&&o("div",{class:`co-input__helper co-input__helper--${this.status}`,part:"helper"},this.helperIcon&&o("co-icon",{name:this.helperIcon,size:14,class:"co-input__helper-icon"}),o("span",{class:"co-input__helper-text"},this.helperText)))}get el(){return e(this)}};n.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-input{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-input{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-input__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-input__label{white-space:normal}:host([layout='horizontal']) .co-input>:not(.co-input__labels){grid-column:2;min-width:0}.co-input__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-input__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-input__secondary-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;text-align:right}.co-input__field-row{display:flex;align-items:stretch}.co-input__field{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-color-opacity-negro-25, rgba(31, 28, 27, 0.25));border-radius:var(--co-border-radius-xs);transition:border-color 0.15s ease, box-shadow 0.15s ease;min-height:40px;box-sizing:border-box;overflow:hidden;flex:1;min-width:0}.co-input--s .co-input__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-input--sm .co-input__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-input--lg .co-input__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-input--has-action .co-input__field{border-radius:var(--co-border-radius-xs) 0 0 var(--co-border-radius-xs);border-right:none}.co-input__field ::slotted([slot=\"action\"]){margin-left:auto;margin-right:calc(-1 * var(--co-spacing-md));margin-top:calc(-1 * var(--co-spacing-sm2));margin-bottom:calc(-1 * var(--co-spacing-sm2));border-radius:0 var(--co-border-radius-xs) var(--co-border-radius-xs) 0;flex-shrink:0}.co-input__field ::slotted([slot=\"chips\"]){display:flex;gap:var(--co-spacing-xxs);align-items:center;flex-wrap:wrap;min-width:0}.co-input__input-wrapper{flex:1;display:flex;align-items:center;min-width:0;min-height:22px;padding:0}.co-input__native{width:100%;border:none;outline:none;background:transparent;font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:1;color:var(--co-semantic-text-default);padding:0;margin:0}.co-input__native::placeholder{color:var(--co-semantic-text-muted)}.co-input__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-input__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-input__clear--hidden{visibility:hidden;pointer-events:none}.co-input__clear:hover{color:var(--co-semantic-text-default)}.co-input__action{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm2) var(--co-spacing-md) var(--co-spacing-sm2) var(--co-spacing-sm2);background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);border:none;border-radius:0 var(--co-border-radius-xs) var(--co-border-radius-xs) 0;cursor:pointer;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;flex-shrink:0;transition:opacity 0.15s ease;box-sizing:border-box}.co-input__action:hover{opacity:0.85}.co-input__action:disabled{opacity:0.4;cursor:not-allowed}.co-input__action-icon{display:flex;align-items:center;flex-shrink:0}.co-input__action-label{display:flex;align-items:center}.co-input__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-input__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-input__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-input--focused .co-input__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-input--disabled .co-input__labels .co-input__label,.co-input--disabled .co-input__labels .co-input__secondary-label{color:var(--co-semantic-text-disabled)}.co-input--disabled .co-input__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-input--disabled .co-input__native{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-input--disabled .co-input__native::placeholder{color:var(--co-semantic-text-disabled)}.co-input--disabled .co-input__icon{color:var(--co-semantic-text-disabled)}.co-input__status-icon{flex-shrink:0;display:flex;align-items:center}.co-input--success .co-input__status-icon{color:var(--co-semantic-status-success)}.co-input--error .co-input__status-icon{color:var(--co-semantic-status-error)}.co-input--warning .co-input__status-icon{color:var(--co-color-status-review)}.co-input--info .co-input__status-icon{color:var(--co-semantic-status-info)}.co-input--error .co-input__field{border-color:var(--co-semantic-status-error)}.co-input--error.co-input--focused .co-input__field{border-color:var(--co-semantic-status-error);box-shadow:0 0 0 2px rgba(170, 46, 27, 0.12)}.co-input__helper--error .co-input__helper-icon,.co-input__helper--error .co-input__helper-text{color:var(--co-semantic-status-error)}.co-input--success .co-input__field{border-color:var(--co-semantic-status-success)}.co-input--success.co-input--focused .co-input__field{border-color:var(--co-semantic-status-success);box-shadow:0 0 0 2px rgba(10, 119, 36, 0.12)}.co-input__helper--success .co-input__helper-icon,.co-input__helper--success .co-input__helper-text{color:var(--co-semantic-status-success)}.co-input--warning .co-input__field{border-color:var(--co-color-status-review)}.co-input--warning.co-input--focused .co-input__field{border-color:var(--co-color-status-review);box-shadow:0 0 0 2px rgba(133, 87, 31, 0.12)}.co-input__helper--warning .co-input__helper-icon,.co-input__helper--warning .co-input__helper-text{color:var(--co-color-status-review)}.co-input--info .co-input__field{border-color:var(--co-semantic-status-info)}.co-input--info.co-input--focused .co-input__field{border-color:var(--co-semantic-status-info);box-shadow:0 0 0 2px rgba(45, 108, 197, 0.12)}.co-input__helper--info .co-input__helper-icon,.co-input__helper--info .co-input__helper-text{color:var(--co-semantic-status-info)}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}@supports not (background: color-mix(in srgb, red, transparent)){.co-input__field{background:var(--co-semantic-surface-secondary)}}.co-input--fill .co-input__field{background:var(--co-color-gray-100, #f6f6f6);border:none;box-shadow:none;border-radius:10px;padding:0 12px;gap:var(--co-spacing-sm2);min-height:46px;font-size:13.5px;-webkit-backdrop-filter:none;backdrop-filter:none}.co-input--fill.co-input--s .co-input__field{min-height:38px}.co-input--fill.co-input--sm .co-input__field{min-height:42px}.co-input--fill.co-input--lg .co-input__field{min-height:52px}.co-input--fill .co-input__native{font-size:13.5px;font-family:var(--co-font-family-primary);letter-spacing:var(--co-font-letter-spacing-body)}.co-input--fill .co-input__native::placeholder{color:var(--co-color-gray-400, #a0a0a0)}.co-input--fill .co-input__icon{color:var(--co-color-gray-400, #a0a0a0)}.co-input--fill .co-input__clear{color:var(--co-color-gray-400, #a0a0a0)}.co-input--fill .co-input__clear:hover{color:var(--co-color-gray-600, #585858)}.co-input--fill.co-input--focused .co-input__field{border-color:transparent;box-shadow:none}";export{n as co_input}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as i,h as r,a as t}from"./p-tT-aZV0-.js";import{R as o}from"./p-7FZXeBK4.js";const n=class{constructor(r){e(this,r),this.coChange=i(this,"coChange",7),this.coClear=i(this,"coClear",7),this.required=!1,this.layout="vertical",this.status="default",this.value=0,this.step=1,this.disabled=!1,this.placeholder="0",this.size="md",this.clearable=!1,this.focused=!1,this.handleDecrement=()=>{this.canDecrement&&this.emitValue(this.current-this.step)},this.handleIncrement=()=>{this.canIncrement&&this.emitValue(this.current+this.step)},this.handleInput=e=>{const i=e.target.value;if(""===i)return void(this.clearable&&(this.value=null,this.coChange.emit(null)));if("-"===i)return;const r=parseFloat(i);isNaN(r)||this.emitValue(this.fromDisplay(r))},this.handleClear=()=>{var e;this.value=null,this.coClear.emit(),this.coChange.emit(null),null===(e=this.inputEl)||void 0===e||e.focus()},this.handleBlur=()=>{this.focused=!1,this.isEmpty||this.emitValue(this.value)},this.handleFocus=()=>{this.focused=!0},this.handleKeyDown=e=>{"ArrowUp"===e.key?(e.preventDefault(),this.handleIncrement()):"ArrowDown"===e.key&&(e.preventDefault(),this.handleDecrement())}}get isEmpty(){return null==this.value||Number.isNaN(this.value)}get current(){var e;return this.isEmpty?null!==(e=this.min)&&void 0!==e?e:0:this.value}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}get canDecrement(){return!this.disabled&&(void 0===this.min||this.current>this.min)}get canIncrement(){return!this.disabled&&(void 0===this.max||this.current<this.max)}clamp(e){return void 0!==this.min&&e<this.min?this.min:void 0!==this.max&&e>this.max?this.max:e}get scaled(){return"rate"===this.format||"percent"===this.format}toDisplay(e){return this.scaled?Number((100*e).toFixed(6)):e}fromDisplay(e){return this.scaled?e/100:e}emitValue(e){const i=this.clamp(e);this.value=i,this.coChange.emit(i)}render(){return r("div",{key:"3c875500165c314b0080a19a7d33f8b1fc5f9724",class:{"co-number-field":!0,"co-number-field--disabled":this.disabled,"co-number-field--focused":this.focused,[`co-number-field--${this.size}`]:!0,[`co-number-field--${this.status}`]:"default"!==this.status}},(this.label||this.secondaryLabel)&&r("div",{key:"fe4c1d6e76adcda77f4a78697a7ce04c4f7e6b5d",class:"co-number-field__labels"},this.label&&r("label",{key:"69b9c4dde23541cbb2b8afdff97b6154bba8ab3c",class:"co-number-field__label"},this.label,r(o,{key:"8238966acaffee1c909ad0adee140e75aa458a72",required:this.required})),this.secondaryLabel&&r("span",{key:"1f5ed492a1028f79eddf207ba29f40211f3934e2",class:"co-number-field__secondary-label"},this.secondaryLabel)),r("div",{key:"95e65fe2e0634b4009cac07770b20b96431bceae",class:"co-number-field__row"},r("button",{key:"45d3317ff00d91e1b259a69cd5a81d26ae4bb36e",class:"co-number-field__btn co-number-field__btn--minus",type:"button",tabIndex:-1,disabled:!this.canDecrement,onClick:this.handleDecrement,"aria-label":"Decrease"},r("co-icon",{key:"457e2c19673b7a3ce73cf5f9c23bd69466065943",name:"minus",size:16})),r("input",{key:"03e01bd9bb518003d6895e6749ad80a5be3e7a86",ref:e=>this.inputEl=e,class:"co-number-field__input",type:"text",inputMode:"decimal",value:this.isEmpty?"":String(this.toDisplay(this.value)),placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown}),this.scaled&&!this.isEmpty&&r("span",{key:"d67834e59678f73ce4a9afb7074cfc248d34adb3",class:"co-number-field__affix","aria-hidden":"true"},"%"),this.clearable&&!this.isEmpty&&!this.disabled&&r("button",{key:"e26cb4d5f271c480380f8e912e8c760bafd02d27",class:"co-number-field__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},r("co-icon",{key:"908c2c60b3044d9032c4bdd5d41bcd25f406aa20",name:"x-circle",size:16,weight:"fill"})),r("button",{key:"fe62938d48bc8df10bb364d5295f9ee192265f97",class:"co-number-field__btn co-number-field__btn--plus",type:"button",tabIndex:-1,disabled:!this.canIncrement,onClick:this.handleIncrement,"aria-label":"Increase"},r("co-icon",{key:"227ec402b4280f1062ea13a8772ec8cf36dd4508",name:"plus",size:16}))),this.helperText&&r("div",{key:"87fd291f5db445c0ef2877cda10ed38d4af7a5d7",class:`co-number-field__helper co-number-field__helper--${this.status}`},this.statusIcon&&r("co-icon",{key:"344cfac2028d8e1ea402a68df83ade83c52b1bab",name:this.statusIcon,size:14,weight:"fill",class:"co-number-field__helper-icon"}),r("span",{key:"b12282d57952bae2f528505c92c4a216723d26fd",class:"co-number-field__helper-text"},this.helperText)))}get el(){return t(this)}};n.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-number-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-number-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-number-field__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-number-field__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-number-field--disabled .co-number-field__label,.co-number-field--disabled .co-number-field__secondary-label{color:var(--co-semantic-text-disabled)}.co-number-field__row{display:flex;align-items:center;gap:0;background:var(--co-semantic-surface-page);border:1px solid var(--co-color-opacity-negro-25, rgba(31, 28, 27, 0.25));border-radius:var(--co-border-radius-xs);min-height:40px;overflow:hidden;box-sizing:border-box;transition:border-color 0.15s ease, box-shadow 0.15s ease}.co-number-field--s .co-number-field__row{min-height:28px}.co-number-field--s .co-number-field__btn{width:28px}.co-number-field--sm .co-number-field__row{min-height:32px}.co-number-field--sm .co-number-field__btn{width:32px}.co-number-field--lg .co-number-field__row{min-height:48px}.co-number-field--lg .co-number-field__btn{width:48px}.co-number-field--focused .co-number-field__row{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-number-field--disabled .co-number-field__row{background:var(--co-semantic-surface-disabled);border-color:transparent}.co-number-field--error .co-number-field__row{border-color:var(--co-semantic-status-error)}.co-number-field--success .co-number-field__row{border-color:var(--co-semantic-status-success)}.co-number-field--warning .co-number-field__row{border-color:var(--co-color-status-review)}.co-number-field--info .co-number-field__row{border-color:var(--co-semantic-status-info)}.co-number-field__btn{display:flex;align-items:center;justify-content:center;width:40px;align-self:stretch;flex-shrink:0;border:none;background:transparent;color:var(--co-semantic-text-default);cursor:pointer;padding:0;transition:background 0.1s ease}.co-number-field__btn:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-number-field__btn:active:not(:disabled){background:var(--co-semantic-surface-muted)}.co-number-field__btn:disabled{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-number-field__btn--minus{border-right:1px solid var(--co-semantic-border-subtle)}.co-number-field__btn--plus{border-left:1px solid var(--co-semantic-border-subtle)}.co-number-field__clear{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:100%;padding:0;border:none;background:transparent;color:var(--co-semantic-text-muted);cursor:pointer;transition:color 0.15s ease}.co-number-field__clear:hover{color:var(--co-semantic-text-default)}.co-number-field__input{flex:1;min-width:0;border:none;background:transparent;text-align:center;color:var(--co-semantic-text-default);font-family:inherit;font-size:inherit;font-weight:400;line-height:1;padding:var(--co-spacing-sm2) var(--co-spacing-sm2);outline:none;-moz-appearance:textfield}.co-number-field__input::placeholder{color:var(--co-semantic-text-muted)}.co-number-field__affix{flex-shrink:0;padding-right:var(--co-spacing-sm2);color:var(--co-semantic-text-muted);font-size:inherit;font-weight:400;line-height:1;pointer-events:none;user-select:none}.co-number-field__input::-webkit-outer-spin-button,.co-number-field__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.co-number-field--disabled .co-number-field__input{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-number-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-number-field__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-number-field__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-number-field__helper--error .co-number-field__helper-icon,.co-number-field__helper--error .co-number-field__helper-text{color:var(--co-semantic-status-error)}.co-number-field__helper--success .co-number-field__helper-icon,.co-number-field__helper--success .co-number-field__helper-text{color:var(--co-semantic-status-success)}.co-number-field__helper--warning .co-number-field__helper-icon,.co-number-field__helper--warning .co-number-field__helper-text{color:var(--co-color-status-review)}.co-number-field__helper--info .co-number-field__helper-icon,.co-number-field__helper--info .co-number-field__helper-text{color:var(--co-semantic-status-info)}:host([layout='horizontal']) .co-number-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-number-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-number-field__label{white-space:normal}:host([layout='horizontal']) .co-number-field>:not(.co-number-field__labels){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}";export{n as co_number_field}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,h as i,a as r}from"./p-tT-aZV0-.js";import{R as a}from"./p-7FZXeBK4.js";import{g as s}from"./p-C1DCLOEl.js";import{i as o,t as c,p as n,c as l,a as h,b as d,s as p,d as g,f as u}from"./p-tPYikBRJ.js";const m=class{constructor(i){e(this,i),this.coRangeStartChange=t(this,"coRangeStartChange",7),this.coRangeEndChange=t(this,"coRangeEndChange",7),this.coRangeChange=t(this,"coRangeChange",7),this.coApply=t(this,"coApply",7),this.coCancel=t(this,"coCancel",7),this.coClear=t(this,"coClear",7),this.coOpen=t(this,"coOpen",3),this.coClose=t(this,"coClose",3),this.value="",this.locale="es-CO",this.displayFormat="d MMM yyyy",this.firstDayOfWeek=1,this.presets=!0,this.allowSameDay=!0,this.clearable=!0,this.applyOnSelect=!1,this.disabled=!1,this.readonly=!1,this.invalid=!1,this.required=!1,this.layout="vertical",this.size="md",this.placement="bottom-start",this.open=!1,this.mobileBreakpoint=600,this.draftFrom=null,this.draftTo=null,this.isMobile=!1,this.mqlHandler=e=>{this.isMobile=e.matches},this.onPopoverOpen=()=>{this.open||(this.open=!0,this.coOpen.emit()),this.syncDraftFromValue()},this.onPopoverClose=()=>{this.open&&(this.open=!1,this.coClose.emit()),this.syncDraftFromValue()},this.onRootKeyDown=e=>{"Escape"===e.key&&this.open&&(e.stopPropagation(),this.handleCancel())},this.onCalendarRange=e=>{this.updateDraft(e.detail.start,e.detail.end)},this.onFromChange=e=>{this.updateDraft(e.detail,this.draftTo)},this.onToChange=e=>{this.updateDraft(this.draftFrom,e.detail)},this.openSheet=()=>{this.disabled||this.open||(this.syncDraftFromValue(),this.open=!0,this.coOpen.emit())},this.handleApply=()=>{this.canApply&&(this.value=JSON.stringify({from:this.draftFrom,to:this.draftTo}),this.coApply.emit({from:this.draftFrom,to:this.draftTo}),this.open=!1)},this.handleCancel=()=>{this.coCancel.emit(),this.syncDraftFromValue(),this.open=!1},this.handleClear=()=>{this.value="",this.draftFrom=null,this.draftTo=null,this.coClear.emit(),this.coRangeChange.emit({from:null,to:null}),this.open=!1}}componentWillLoad(){const e=this.parseValue();this.draftFrom=e.from,this.draftTo=e.to}connectedCallback(){this.mql=window.matchMedia(`(max-width: ${this.mobileBreakpoint}px)`),this.isMobile=this.mql.matches,this.mql.addEventListener("change",this.mqlHandler)}disconnectedCallback(){var e;null===(e=this.mql)||void 0===e||e.removeEventListener("change",this.mqlHandler)}onValueChange(){const e=this.parseValue();this.draftFrom=e.from,this.draftTo=e.to}parseValue(){if(!this.value)return{from:null,to:null};try{const e=JSON.parse(this.value);return{from:o(e.from)?e.from:null,to:o(e.to)?e.to:null}}catch(e){return{from:null,to:null}}}get committed(){return this.parseValue()}inclusiveDays(e,t){const i=c(n(t)).getTime()-c(n(e)).getTime();return Math.round(i/864e5)+1}get canApply(){const e=this.draftFrom,t=this.draftTo;if(!e||!t)return!1;if(l(e,t)>0)return!1;if(!this.allowSameDay&&0===l(e,t))return!1;const i=this.inclusiveDays(e,t);return!(this.minRangeDays&&i<this.minRangeDays||this.maxRangeDays&&i>this.maxRangeDays)}syncDraftFromValue(){const e=this.parseValue();this.draftFrom=e.from,this.draftTo=e.to}updateDraft(e,t){const i=this.draftFrom,r=this.draftTo;this.draftFrom=e,this.draftTo=t,e!==i&&this.coRangeStartChange.emit(e),t!==r&&this.coRangeEndChange.emit(t),this.coRangeChange.emit({from:e,to:t}),this.applyOnSelect&&this.canApply&&this.scheduleApply()}scheduleApply(){clearTimeout(this.applyTimer),this.applyTimer=setTimeout((()=>{this.canApply&&this.handleApply()}),250)}applyPreset(e){const t=h();let i=null,r=null;switch(e){case"today":i=t,r=t;break;case"yesterday":i=g(t,-1),r=i;break;case"last7Days":r=t,i=g(t,-6);break;case"last14Days":r=t,i=g(t,-13);break;case"last30Days":r=t,i=g(t,-29);break;case"last90Days":r=t,i=g(t,-89);break;case"thisWeek":i=function(e,t){const i=n(e);if(!i)return e;const r=c(i).getDay();return g(e,-(r-t+7)%7)}(t,this.firstDayOfWeek),r=g(i,6);break;case"thisMonth":i=p(t),r=_(t);break;case"lastMonth":{const e=d(t,-1);i=p(e),r=_(e);break}case"thisYear":{const e=n(t).year;i=`${e}-01-01`,r=`${e}-12-31`;break}case"lastYear":{const e=n(t).year-1;i=`${e}-01-01`,r=`${e}-12-31`;break}case"custom":i=null,r=null}this.updateDraft(i,r)}get hasCommitted(){const e=this.committed;return!(!e.from&&!e.to)}triggerText(e){const t=this.committed,i=t.from?u(t.from,this.displayFormat,this.locale):null,r=t.to?u(t.to,this.displayFormat,this.locale):null;return i&&r?`${i} → ${r}`:i?`${i} → …`:this.placeholder||e.setDate}presetItems(e){const t=function(e){if(Array.isArray(e))return e;if("string"==typeof e&&e.trim()){const t=e.trim();try{const e=JSON.parse(t);if(Array.isArray(e))return e.map(String)}catch(e){}return t.split(",").map((e=>e.trim())).filter(Boolean)}return[]}(this.presetIds);return(t.length?t:["today","yesterday","last7Days","last30Days","thisWeek","thisMonth","lastMonth","custom"]).map((t=>{var i;return{id:t,label:null!==(i=e[t])&&void 0!==i?i:t}}))}renderTriggerChildren(e,t){var r;return[i("co-icon",{name:"calendar",size:16,class:"co-date-range-picker__icon"}),i("span",{class:{"co-date-range-picker__trigger-text":!0,"co-date-range-picker__trigger-text--placeholder":!this.hasCommitted}},this.triggerText(e)),t&&i("button",{class:"co-date-range-picker__clear",type:"button",tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:e=>{e.stopPropagation(),this.handleClear()},"aria-label":null!==(r=this.clearLabel)&&void 0!==r?r:e.clear},i("co-icon",{name:"x-circle",size:16,weight:"fill"})),i("co-icon",{name:"caret-down",size:14,class:"co-date-range-picker__caret"})]}renderPanel(e,t){var r,a,s,o,c,n;return i("div",{class:"co-date-range-picker__panel"},i("div",{class:"co-date-range-picker__fields"},i("co-date-field",{class:"co-date-range-picker__field",label:null!==(r=this.fromLabel)&&void 0!==r?r:e.from,value:this.draftFrom,min:this.min,max:null!==(a=this.draftTo)&&void 0!==a?a:this.max,locale:this.locale,displayFormat:this.displayFormat,clearable:!1,onCoChange:this.onFromChange}),i("co-date-field",{class:"co-date-range-picker__field",label:null!==(s=this.toLabel)&&void 0!==s?s:e.to,value:this.draftTo,min:null!==(o=this.draftFrom)&&void 0!==o?o:this.min,max:this.max,locale:this.locale,displayFormat:this.displayFormat,clearable:!1,onCoChange:this.onToChange})),i("div",{class:{"co-date-range-picker__body":!0,"co-date-range-picker__body--touch":t}},this.presets&&i("div",{class:"co-date-range-picker__presets"},this.presetItems(e).map((e=>i("button",{key:e.id,type:"button",class:"co-date-range-picker__preset",onClick:()=>this.applyPreset(e.id)},e.label)))),i("co-calendar",{mode:"range","data-touch":t?"":void 0,rangeStart:this.draftFrom,rangeEnd:this.draftTo,min:this.min,max:this.max,locale:this.locale,firstDayOfWeek:this.firstDayOfWeek,onCoRangeSelect:this.onCalendarRange})),i("div",{class:"co-date-range-picker__footer"},i("button",{type:"button",class:"co-date-range-picker__btn co-date-range-picker__btn--ghost",onClick:this.handleCancel},null!==(c=this.cancelLabel)&&void 0!==c?c:e.cancel),i("button",{type:"button",class:"co-date-range-picker__btn co-date-range-picker__btn--primary",disabled:!this.canApply,onClick:this.handleApply},null!==(n=this.applyLabel)&&void 0!==n?n:e.apply)))}renderHelper(e,t){return t?i("div",{class:{"co-date-range-picker__helper":!0,"co-date-range-picker__helper--error":e},part:"helper"},e&&i("co-icon",{name:"warning-circle",size:14}),i("span",null,t)):null}render(){const e=s(this.locale),t=this.invalid,r=t?this.errorMessage:this.helperText,o=this.clearable&&this.hasCommitted&&!this.disabled&&!this.readonly,c={"co-date-range-picker__trigger":!0,"co-date-range-picker__trigger--open":this.open,"co-date-range-picker__trigger--disabled":this.disabled};return this.isMobile?i("div",{class:{"co-date-range-picker":!0,"co-date-range-picker--invalid":t,[`co-date-range-picker--${this.size}`]:!0},onKeyDown:this.onRootKeyDown},this.label&&i("label",{class:"co-date-range-picker__label",part:"label"},this.label,i(a,{required:this.required})),i("div",{class:c,part:"trigger",role:"button",tabIndex:this.disabled?-1:0,"aria-haspopup":"dialog","aria-expanded":this.open?"true":"false",onClick:this.openSheet},this.renderTriggerChildren(e,o)),i("co-drawer",{position:"bottom",open:this.open,heading:e.selectDate,onCoClose:this.handleCancel},this.renderPanel(e,!0)),this.renderHelper(t,r)):i("div",{class:{"co-date-range-picker":!0,"co-date-range-picker--invalid":t,[`co-date-range-picker--${this.size}`]:!0},onKeyDown:this.onRootKeyDown},this.label&&i("label",{class:"co-date-range-picker__label",part:"label"},this.label,i(a,{required:this.required})),i("co-popover",{open:this.open,placement:this.placement,offset:4,closeOnEscape:!1,onCoOpen:this.onPopoverOpen,onCoClose:this.onPopoverClose},i("div",{slot:"trigger",class:c,part:"trigger",role:"button",tabIndex:this.disabled?-1:0,"aria-haspopup":"dialog","aria-expanded":this.open?"true":"false"},this.renderTriggerChildren(e,o)),this.open&&this.renderPanel(e,!1)),this.renderHelper(t,r))}get el(){return r(this)}static get watchers(){return{value:[{onValueChange:0}]}}};function _(e){return g(p(d(e,1)),-1)}m.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14)}.co-date-range-picker{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-date-range-picker__label{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-secondary);line-height:1;padding:0 var(--co-spacing-xs)}.co-date-range-picker co-popover{display:block;width:100%}.co-date-range-picker--s .co-date-range-picker__trigger{min-height:28px;padding:0 var(--co-spacing-sm)}.co-date-range-picker--sm .co-date-range-picker__trigger{min-height:32px;padding:0 var(--co-spacing-sm)}.co-date-range-picker--lg .co-date-range-picker__trigger{min-height:48px;padding:0 var(--co-spacing-lg)}.co-date-range-picker__trigger{display:inline-flex;align-items:center;gap:var(--co-spacing-sm2);width:100%;min-height:40px;padding:0 var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-color-opacity-negro-25, rgba(31, 28, 27, 0.25));border-radius:var(--co-border-radius-xs);cursor:pointer;color:var(--co-semantic-text-default);box-sizing:border-box;transition:border-color 0.15s ease, box-shadow 0.15s ease}.co-date-range-picker__trigger--open{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-date-range-picker__trigger--disabled{opacity:0.5;cursor:not-allowed}.co-date-range-picker--invalid .co-date-range-picker__trigger{border-color:var(--co-semantic-status-error)}.co-date-range-picker__icon,.co-date-range-picker__caret{color:var(--co-semantic-text-muted);flex-shrink:0}.co-date-range-picker__trigger-text{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-date-range-picker__trigger-text--placeholder{color:var(--co-semantic-text-muted)}.co-date-range-picker__clear{background:none;border:0;padding:0;cursor:pointer;color:var(--co-semantic-text-muted);display:inline-flex;align-items:center;flex-shrink:0}.co-date-range-picker__clear:hover{color:var(--co-semantic-text-default)}.co-date-range-picker__panel{display:flex;flex-direction:column;gap:var(--co-spacing-md);padding:var(--co-spacing-md);min-width:280px}.co-date-range-picker__fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--co-spacing-sm)}.co-date-range-picker__body{display:flex;gap:var(--co-spacing-md);align-items:flex-start}.co-date-range-picker__body--touch{flex-direction:column;align-items:stretch}.co-date-range-picker__body--touch .co-date-range-picker__presets{flex-direction:row;flex-wrap:wrap;min-width:0;border-right:0;padding-right:0;border-bottom:1px solid var(--co-semantic-border-subtle);padding-bottom:var(--co-spacing-sm)}.co-date-range-picker__body--touch co-calendar{align-self:center}.co-date-range-picker__presets{display:flex;flex-direction:column;gap:var(--co-spacing-xxs);min-width:120px;border-right:1px solid var(--co-semantic-border-subtle);padding-right:var(--co-spacing-md)}.co-date-range-picker__preset{text-align:left;background:none;border:0;padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xs);font-size:var(--co-font-size-14);font-family:inherit;color:var(--co-semantic-text-default);cursor:pointer;transition:background 0.1s ease}.co-date-range-picker__preset:hover{background:var(--co-semantic-surface-hover)}.co-date-range-picker__footer{display:flex;justify-content:flex-end;gap:var(--co-spacing-sm);padding-top:var(--co-spacing-sm);border-top:1px solid var(--co-semantic-border-subtle)}.co-date-range-picker__btn{padding:var(--co-spacing-xs) var(--co-spacing-md);border-radius:var(--co-border-radius-xs);font-size:var(--co-font-size-14);font-family:inherit;font-weight:500;cursor:pointer;border:0}.co-date-range-picker__btn--ghost{background:transparent;color:var(--co-semantic-text-default)}.co-date-range-picker__btn--ghost:hover{background:var(--co-semantic-surface-hover)}.co-date-range-picker__btn--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary)}.co-date-range-picker__btn--primary:hover:not(:disabled){opacity:0.88}.co-date-range-picker__btn--primary:disabled{opacity:0.5;cursor:not-allowed}.co-date-range-picker__helper{display:inline-flex;align-items:center;gap:var(--co-spacing-xs);font-size:var(--co-font-size-14);color:var(--co-semantic-text-muted);padding:0 var(--co-spacing-xs)}.co-date-range-picker__helper--error{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-date-range-picker{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-date-range-picker__label{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-date-range-picker__label{white-space:normal}:host([layout='horizontal']) .co-date-range-picker>:not(.co-date-range-picker__label){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}";export{m as co_date_range_picker}
|