@prolibu-suite/cobalt-core 0.11.10 → 0.11.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +112 -34
- package/dist/cjs/co-accordion.cjs.entry.js +5 -5
- package/dist/cjs/co-action-bar.cjs.entry.js +1 -1
- package/dist/cjs/co-app-shell.cjs.entry.js +1 -1
- package/dist/cjs/co-audio-player.cjs.entry.js +1 -1
- package/dist/cjs/co-autocomplete.cjs.entry.js +2 -2
- package/dist/cjs/co-avatar-group.cjs.entry.js +1 -1
- package/dist/cjs/co-avatar.cjs.entry.js +1 -1
- package/dist/cjs/co-badge.cjs.entry.js +1 -1
- package/dist/cjs/co-bottom-sheet.cjs.entry.js +1 -1
- package/dist/cjs/co-breadcrumb-item.cjs.entry.js +1 -1
- package/dist/cjs/co-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/co-button-group.cjs.entry.js +1 -1
- package/dist/cjs/co-button.cjs.entry.js +1 -1
- package/dist/cjs/co-calendar-month_2.cjs.entry.js +2 -2
- package/dist/cjs/co-calendar_3.cjs.entry.js +2 -2
- package/dist/cjs/co-card.cjs.entry.js +1 -1
- package/dist/cjs/co-carousel-item.cjs.entry.js +1 -1
- package/dist/cjs/co-carousel.cjs.entry.js +2 -2
- package/dist/cjs/co-checkbox-group.cjs.entry.js +2 -2
- package/dist/cjs/co-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/co-chip_2.cjs.entry.js +6 -6
- package/dist/cjs/co-color-area.cjs.entry.js +1 -1
- package/dist/cjs/co-color-picker.cjs.entry.js +3 -3
- package/dist/cjs/co-color-slider.cjs.entry.js +1 -1
- package/dist/cjs/co-column-picker.cjs.entry.js +2 -2
- package/dist/cjs/co-combobox.cjs.entry.js +2 -2
- package/dist/cjs/co-command-search.cjs.entry.js +2 -2
- package/dist/cjs/co-data-table-pagination.cjs.entry.js +2 -2
- package/dist/cjs/co-data-table.cjs.entry.js +2 -2
- package/dist/cjs/co-date-picker.cjs.entry.js +2 -2
- package/dist/cjs/co-date-range-picker.cjs.entry.js +2 -2
- package/dist/cjs/co-date-range.cjs.entry.js +1 -1
- package/dist/cjs/co-date-time-picker.cjs.entry.js +2 -2
- package/dist/cjs/co-document-editor.cjs.entry.js +2 -2
- package/dist/cjs/co-drive-card.cjs.entry.js +1 -1
- package/dist/cjs/co-drop-zone.cjs.entry.js +1 -1
- package/dist/cjs/co-emoji-picker.cjs.entry.js +2 -2
- package/dist/cjs/co-empty-state.cjs.entry.js +2 -2
- package/dist/cjs/co-event-calendar.cjs.entry.js +1 -1
- package/dist/cjs/co-event-popover.cjs.entry.js +1 -1
- package/dist/cjs/co-fab.cjs.entry.js +1 -1
- package/dist/cjs/co-file-field.cjs.entry.js +3 -3
- package/dist/cjs/co-file-type-tile.cjs.entry.js +1 -1
- package/dist/cjs/co-gradient-bar.cjs.entry.js +1 -1
- package/dist/cjs/co-helper-text.cjs.entry.js +1 -1
- package/dist/cjs/co-icon-button.cjs.entry.js +2 -2
- package/dist/cjs/co-icon.cjs.entry.js +1 -1
- package/dist/cjs/co-input.cjs.entry.js +2 -2
- package/dist/cjs/co-json-field.cjs.entry.js +2 -2
- package/dist/cjs/co-kbd_2.cjs.entry.js +1 -1
- package/dist/cjs/co-lightbox.cjs.entry.js +1 -1
- package/dist/cjs/co-list-footer.cjs.entry.js +1 -1
- package/dist/cjs/co-list-item.cjs.entry.js +2 -2
- package/dist/cjs/co-loader.cjs.entry.js +1 -1
- package/dist/cjs/co-media-thumb.cjs.entry.js +1 -1
- package/dist/cjs/co-menu-divider.cjs.entry.js +1 -1
- package/dist/cjs/co-menu-item.cjs.entry.js +40 -7
- package/dist/cjs/co-menu.cjs.entry.js +2 -2
- package/dist/cjs/co-modal.cjs.entry.js +2 -2
- package/dist/cjs/co-navbar.cjs.entry.js +1 -1
- package/dist/cjs/co-number-field.cjs.entry.js +2 -2
- package/dist/cjs/co-overlay.cjs.entry.js +1 -1
- package/dist/cjs/co-page-header.cjs.entry.js +1 -1
- package/dist/cjs/co-phone-field.cjs.entry.js +4 -4
- package/dist/cjs/co-popover.cjs.entry.js +2 -2
- package/dist/cjs/co-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/co-progress-circle.cjs.entry.js +2 -2
- package/dist/cjs/co-provider-logo_2.cjs.entry.js +2 -2
- package/dist/cjs/co-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/co-radio.cjs.entry.js +2 -2
- package/dist/cjs/co-rating.cjs.entry.js +2 -2
- package/dist/cjs/co-ref-field.cjs.entry.js +3 -3
- package/dist/cjs/co-rich-text-editor.cjs.entry.js +2 -2
- package/dist/cjs/co-rich-text-toolbar.cjs.entry.js +1 -1
- package/dist/cjs/co-rich-text-viewer.cjs.entry.js +1 -1
- package/dist/cjs/co-row.cjs.entry.js +1 -1
- package/dist/cjs/co-segmented-bar.cjs.entry.js +1 -1
- package/dist/cjs/co-select.cjs.entry.js +3 -3
- package/dist/cjs/co-separator.cjs.entry.js +1 -1
- package/dist/cjs/co-sidebar-nav.cjs.entry.js +1 -1
- package/dist/cjs/co-sidebar.cjs.entry.js +1 -1
- package/dist/cjs/co-slider.cjs.entry.js +2 -2
- package/dist/cjs/co-swatch-grid.cjs.entry.js +1 -1
- package/dist/cjs/co-switch.cjs.entry.js +3 -3
- package/dist/cjs/co-tab-group.cjs.entry.js +2 -2
- package/dist/cjs/co-tab.cjs.entry.js +2 -2
- package/dist/cjs/co-tags-field.cjs.entry.js +4 -4
- package/dist/cjs/co-textarea.cjs.entry.js +2 -2
- package/dist/cjs/co-tile.cjs.entry.js +1 -1
- package/dist/cjs/co-time-field.cjs.entry.js +1 -1
- package/dist/cjs/co-toast.cjs.entry.js +1 -1
- package/dist/cjs/co-toggle-button-group.cjs.entry.js +1 -1
- package/dist/cjs/co-toggle-button.cjs.entry.js +2 -2
- package/dist/cjs/co-transfer-list.cjs.entry.js +2 -2
- package/dist/cjs/co-tree-item.cjs.entry.js +2 -2
- package/dist/cjs/co-video.cjs.entry.js +2 -2
- package/dist/cjs/cobalt.cjs.js +2 -2
- package/dist/cjs/{fieldChip-DbYMfylq.js → fieldChip-D-x9bJ-W.js} +1 -1
- package/dist/cjs/{index-bHoidDwv.js → index-CuskTAyj.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{requiredMark-21yHvvZS.js → requiredMark-ooEZAZbC.js} +1 -1
- package/dist/cobalt/cobalt.css +1 -1
- package/dist/cobalt/cobalt.esm.js +1 -1
- package/dist/cobalt/{p-d9b4594b.entry.js → p-011fd3ca.entry.js} +1 -1
- package/dist/cobalt/{p-33840969.entry.js → p-038cc50a.entry.js} +1 -1
- package/dist/cobalt/{p-d375c84e.entry.js → p-052289b3.entry.js} +1 -1
- package/dist/cobalt/{p-bbf3d859.entry.js → p-05f0feca.entry.js} +1 -1
- package/dist/cobalt/p-05f90173.entry.js +1 -0
- package/dist/cobalt/{p-c004fde5.entry.js → p-09ff5302.entry.js} +1 -1
- package/dist/cobalt/{p-d26dc681.entry.js → p-0bd8e079.entry.js} +1 -1
- package/dist/cobalt/{p-5a32b9a2.entry.js → p-0d163b25.entry.js} +1 -1
- package/dist/cobalt/{p-cea21e08.entry.js → p-0d2deeaa.entry.js} +1 -1
- package/dist/cobalt/{p-94b871fb.entry.js → p-0ea06cee.entry.js} +1 -1
- package/dist/cobalt/{p-a18c01eb.entry.js → p-1288867e.entry.js} +1 -1
- package/dist/cobalt/p-1318c5b9.entry.js +1 -0
- package/dist/cobalt/{p-15d995b4.entry.js → p-134331e6.entry.js} +1 -1
- package/dist/cobalt/p-1361f386.entry.js +1 -0
- package/dist/cobalt/{p-3e532a11.entry.js → p-15e29500.entry.js} +1 -1
- package/dist/cobalt/{p-feec49a4.entry.js → p-16eb0771.entry.js} +1 -1
- package/dist/cobalt/{p-3b5024ce.entry.js → p-19544796.entry.js} +1 -1
- package/dist/cobalt/{p-71ee36a8.entry.js → p-1cc15af6.entry.js} +1 -1
- package/dist/cobalt/{p-a27013e6.entry.js → p-1ef7bbbc.entry.js} +1 -1
- package/dist/cobalt/{p-b402665a.entry.js → p-20651254.entry.js} +1 -1
- package/dist/cobalt/{p-353ff9ed.entry.js → p-24456175.entry.js} +1 -1
- package/dist/cobalt/{p-d1e83525.entry.js → p-2d76fafb.entry.js} +1 -1
- package/dist/cobalt/{p-dabcbba7.entry.js → p-2f44a37b.entry.js} +1 -1
- package/dist/cobalt/{p-37f9ec35.entry.js → p-3842ac1a.entry.js} +1 -1
- package/dist/cobalt/p-388f5a71.entry.js +1 -0
- package/dist/cobalt/{p-59a71695.entry.js → p-45460f75.entry.js} +1 -1
- package/dist/cobalt/{p-4ae6fe0e.entry.js → p-4e1ba090.entry.js} +1 -1
- package/dist/cobalt/{p-1c9253a2.entry.js → p-4ee87962.entry.js} +1 -1
- package/dist/cobalt/{p-d7775109.entry.js → p-5009ad0a.entry.js} +1 -1
- package/dist/cobalt/p-5259c731.entry.js +1 -0
- package/dist/cobalt/{p-600d0cab.entry.js → p-5aaaa257.entry.js} +1 -1
- package/dist/cobalt/{p-83691cfb.entry.js → p-5b098a4c.entry.js} +1 -1
- package/dist/cobalt/{p-f1da1df1.entry.js → p-5d17b6e9.entry.js} +1 -1
- package/dist/cobalt/{p-f6f273f7.entry.js → p-5e04cecc.entry.js} +1 -1
- package/dist/cobalt/{p-efb3cbb0.entry.js → p-63c588e1.entry.js} +1 -1
- package/dist/cobalt/{p-f562bd96.entry.js → p-63e5d7fe.entry.js} +1 -1
- package/dist/cobalt/{p-fb6671e0.entry.js → p-65e0176c.entry.js} +1 -1
- package/dist/cobalt/{p-e5350eeb.entry.js → p-66375026.entry.js} +1 -1
- package/dist/cobalt/{p-74804c79.entry.js → p-669ad1c6.entry.js} +1 -1
- package/dist/cobalt/{p-5d41b58b.entry.js → p-66a07095.entry.js} +1 -1
- package/dist/cobalt/{p-4e81e580.entry.js → p-67fac886.entry.js} +1 -1
- package/dist/cobalt/{p-12fc5119.entry.js → p-6a270d5d.entry.js} +1 -1
- package/dist/cobalt/{p-89328cd8.entry.js → p-6bb9964f.entry.js} +1 -1
- package/dist/cobalt/{p-9af26af0.entry.js → p-6c35584c.entry.js} +1 -1
- package/dist/cobalt/{p-019eed8e.entry.js → p-6d12e825.entry.js} +1 -1
- package/dist/cobalt/{p-2832ab99.entry.js → p-6fe227e0.entry.js} +1 -1
- package/dist/cobalt/p-71a289f9.entry.js +1 -0
- package/dist/cobalt/{p-b6463d35.entry.js → p-71f9fa68.entry.js} +1 -1
- package/dist/cobalt/{p-3890d22f.entry.js → p-741c14af.entry.js} +1 -1
- package/dist/cobalt/{p-76ea3f34.entry.js → p-7550fc02.entry.js} +1 -1
- package/dist/cobalt/{p-7737354e.entry.js → p-76244cca.entry.js} +1 -1
- package/dist/cobalt/{p-be520bd5.entry.js → p-79b62ce3.entry.js} +1 -1
- package/dist/cobalt/{p-6eca1c7c.entry.js → p-7be0f85b.entry.js} +1 -1
- package/dist/cobalt/{p-a4154bcf.entry.js → p-811f1dd7.entry.js} +1 -1
- package/dist/cobalt/{p-9ce57385.entry.js → p-88edf7d0.entry.js} +1 -1
- package/dist/cobalt/{p-c23630ab.entry.js → p-894f59ce.entry.js} +1 -1
- package/dist/cobalt/{p-0f3a3232.entry.js → p-8b2432b2.entry.js} +1 -1
- package/dist/cobalt/{p-299c2425.entry.js → p-8bf0975d.entry.js} +1 -1
- package/dist/cobalt/p-90823b79.entry.js +1 -0
- package/dist/cobalt/{p-5e14f676.entry.js → p-9a307b64.entry.js} +1 -1
- package/dist/cobalt/p-9a3e631e.entry.js +1 -0
- package/dist/cobalt/{p-3878f174.entry.js → p-9c00499b.entry.js} +1 -1
- package/dist/cobalt/p-C_xES1w3.js +1 -0
- package/dist/cobalt/{p-DJkaRtbb.js → p-YRicbXh3.js} +2 -2
- package/dist/cobalt/{p-3b7e90c8.entry.js → p-a6516907.entry.js} +1 -1
- package/dist/cobalt/{p-b723aa47.entry.js → p-a671facd.entry.js} +1 -1
- package/dist/cobalt/{p-e4646a0e.entry.js → p-a679c368.entry.js} +1 -1
- package/dist/cobalt/{p-a33a277a.entry.js → p-a9242183.entry.js} +1 -1
- package/dist/cobalt/{p-2ff8f591.entry.js → p-ac1565df.entry.js} +1 -1
- package/dist/cobalt/{p-3bff827a.entry.js → p-ac963082.entry.js} +1 -1
- package/dist/cobalt/{p-50ab6b9b.entry.js → p-ae66e746.entry.js} +1 -1
- package/dist/cobalt/{p-438cc876.entry.js → p-af8cc16e.entry.js} +1 -1
- package/dist/cobalt/{p-02133c95.entry.js → p-b3994c94.entry.js} +1 -1
- package/dist/cobalt/{p-53a251ca.entry.js → p-be860577.entry.js} +1 -1
- package/dist/cobalt/{p-c220362c.entry.js → p-be9f69e4.entry.js} +1 -1
- package/dist/cobalt/{p-5e39cf70.entry.js → p-bf8212cf.entry.js} +1 -1
- package/dist/cobalt/{p-cb1013e6.entry.js → p-c01454be.entry.js} +1 -1
- package/dist/cobalt/{p-eab59be5.entry.js → p-c0f579d9.entry.js} +1 -1
- package/dist/cobalt/{p-4a7fd0b4.entry.js → p-c4bbb701.entry.js} +1 -1
- package/dist/cobalt/{p-4cdfcd9c.entry.js → p-c5978c46.entry.js} +1 -1
- package/dist/cobalt/{p-8a26f3cc.entry.js → p-c71b736c.entry.js} +1 -1
- package/dist/cobalt/{p-82bcd062.entry.js → p-ce9a3708.entry.js} +1 -1
- package/dist/cobalt/{p-04e3e1f6.entry.js → p-d0129851.entry.js} +1 -1
- package/dist/cobalt/p-d127a7c4.entry.js +1 -0
- package/dist/cobalt/p-d1293695.entry.js +1 -0
- package/dist/cobalt/{p-d1595580.entry.js → p-d525aec4.entry.js} +1 -1
- package/dist/cobalt/p-ddf6083f.entry.js +1 -0
- package/dist/cobalt/{p-8e7ad2fe.entry.js → p-e0b542ad.entry.js} +1 -1
- package/dist/cobalt/{p-63f888a1.entry.js → p-e120435e.entry.js} +1 -1
- package/dist/cobalt/{p-a4264bde.entry.js → p-e71f6186.entry.js} +1 -1
- package/dist/cobalt/{p-ff218d09.entry.js → p-ea2cc20e.entry.js} +1 -1
- package/dist/cobalt/{p-c026968c.entry.js → p-ebcdc0b2.entry.js} +1 -1
- package/dist/cobalt/{p-3e864e7d.entry.js → p-ec11b337.entry.js} +1 -1
- package/dist/cobalt/{p-a6c9a0c5.entry.js → p-eca12c29.entry.js} +1 -1
- package/dist/cobalt/{p-19f0f534.entry.js → p-f3975988.entry.js} +1 -1
- package/dist/cobalt/{p-7e678cbd.entry.js → p-f9937237.entry.js} +1 -1
- package/dist/cobalt/{p-0bbaaf4f.entry.js → p-fa4a59e8.entry.js} +1 -1
- package/dist/cobalt/{p-f23f52ed.entry.js → p-fd15353a.entry.js} +1 -1
- package/dist/cobalt/p-pl89alJ1.js +1 -0
- package/dist/collection/components/co-accordion/co-accordion.css +1 -1
- package/dist/collection/components/co-accordion/co-accordion.js +3 -3
- package/dist/collection/components/co-autocomplete/co-autocomplete.js +1 -1
- package/dist/collection/components/co-avatar-group/co-avatar-group.js +1 -1
- package/dist/collection/components/co-calendar-month/co-calendar-month.css +9 -4
- package/dist/collection/components/co-carousel/co-carousel.css +7 -5
- package/dist/collection/components/co-checkbox/co-checkbox.css +12 -17
- package/dist/collection/components/co-checkbox-group/co-checkbox-group.css +4 -2
- package/dist/collection/components/co-checkbox-group/co-checkbox-group.js +1 -1
- package/dist/collection/components/co-chip/co-chip.css +14 -1
- package/dist/collection/components/co-color-area/co-color-area.js +2 -2
- package/dist/collection/components/co-color-picker/co-color-picker.css +4 -4
- package/dist/collection/components/co-color-slider/co-color-slider.js +1 -1
- package/dist/collection/components/co-column-picker/co-column-picker.css +12 -2
- package/dist/collection/components/co-combobox/co-combobox.js +1 -1
- package/dist/collection/components/co-command-search/co-command-search.css +1 -1
- package/dist/collection/components/co-command-search/co-command-search.js +1 -1
- package/dist/collection/components/co-data-table/co-data-table.css +20 -10
- package/dist/collection/components/co-data-table/co-data-table.js +1 -1
- package/dist/collection/components/co-data-table-pagination/co-data-table-pagination.css +11 -3
- package/dist/collection/components/co-date-range-picker/co-date-range-picker.js +2 -2
- package/dist/collection/components/co-document-editor/co-document-editor.css +10 -7
- package/dist/collection/components/co-document-editor/co-document-editor.js +5 -5
- package/dist/collection/components/co-emoji-picker/co-emoji-picker.css +3 -3
- package/dist/collection/components/co-empty-state/co-empty-state.css +7 -4
- package/dist/collection/components/co-file-field/co-file-field.css +3 -1
- package/dist/collection/components/co-icon-button/co-icon-button.css +1 -1
- package/dist/collection/components/co-list-item/co-list-item.css +6 -0
- package/dist/collection/components/co-menu/co-menu.css +4 -2
- package/dist/collection/components/co-menu-item/co-menu-item.css +14 -5
- package/dist/collection/components/co-menu-item/co-menu-item.js +80 -7
- package/dist/collection/components/co-option-list/co-option-list.css +12 -4
- package/dist/collection/components/co-option-list/co-option-list.js +3 -3
- package/dist/collection/components/co-phone-field/co-phone-field.css +12 -3
- package/dist/collection/components/co-phone-field/co-phone-field.js +1 -1
- package/dist/collection/components/co-popover/co-popover.css +4 -0
- package/dist/collection/components/co-popover/co-popover.js +1 -1
- package/dist/collection/components/co-progress-circle/co-progress-circle.css +3 -1
- package/dist/collection/components/co-radio/co-radio.css +10 -1
- package/dist/collection/components/co-radio-group/co-radio-group.js +1 -1
- package/dist/collection/components/co-rating/co-rating.css +3 -1
- package/dist/collection/components/co-ref-field/co-ref-field.js +4 -4
- package/dist/collection/components/co-segmented-bar/co-segmented-bar.js +1 -1
- package/dist/collection/components/co-select/co-select.css +10 -0
- package/dist/collection/components/co-select/co-select.js +1 -1
- package/dist/collection/components/co-sidebar-nav/co-sidebar-nav.js +1 -1
- package/dist/collection/components/co-skeleton/co-skeleton.css +6 -3
- package/dist/collection/components/co-slider/co-slider.css +21 -1
- package/dist/collection/components/co-switch/co-switch.css +10 -4
- package/dist/collection/components/co-tab/co-tab.css +14 -8
- package/dist/collection/components/co-tab-group/co-tab-group.css +15 -9
- package/dist/collection/components/co-tags-field/co-tags-field.css +3 -2
- package/dist/collection/components/co-toast/co-toast.js +2 -2
- package/dist/collection/components/co-toggle-button/co-toggle-button.css +10 -4
- package/dist/collection/components/co-transfer-list/co-transfer-list.css +4 -2
- package/dist/collection/components/co-transfer-list/co-transfer-list.js +1 -1
- package/dist/collection/components/co-tree-item/co-tree-item.css +1 -1
- package/dist/collection/components/co-tree-item/co-tree-item.js +2 -2
- package/dist/collection/components/co-video/co-video.css +5 -3
- package/dist/collection/utils/dragMove.js +1 -1
- package/dist/components/co-accordion.js +1 -1
- package/dist/components/co-action-bar.js +1 -1
- package/dist/components/co-autocomplete.js +1 -1
- package/dist/components/co-calendar-month.js +1 -1
- package/dist/components/co-calendar-timegrid.js +1 -1
- package/dist/components/co-carousel.js +1 -1
- package/dist/components/co-checkbox-group.js +1 -1
- package/dist/components/co-checkbox.js +1 -1
- package/dist/components/co-chip.js +1 -1
- package/dist/components/co-color-picker.js +1 -1
- package/dist/components/co-column-picker.js +1 -1
- package/dist/components/co-combobox.js +1 -1
- package/dist/components/co-command-search.js +1 -1
- package/dist/components/co-data-table-pagination.js +1 -1
- package/dist/components/co-data-table.js +1 -1
- package/dist/components/co-date-picker.js +1 -1
- package/dist/components/co-date-range-picker.js +1 -1
- package/dist/components/co-date-range.js +1 -1
- package/dist/components/co-date-time-picker.js +1 -1
- package/dist/components/co-document-editor.js +1 -1
- package/dist/components/co-emoji-picker.js +1 -1
- package/dist/components/co-empty-state.js +1 -1
- package/dist/components/co-event-calendar.js +1 -1
- package/dist/components/co-file-field.js +1 -1
- package/dist/components/co-icon-button.js +1 -1
- package/dist/components/co-lightbox.js +1 -1
- package/dist/components/co-list-item.js +1 -1
- package/dist/components/co-menu-item.js +1 -1
- package/dist/components/co-menu.js +1 -1
- package/dist/components/co-modal.js +1 -1
- package/dist/components/co-option-list.js +1 -1
- package/dist/components/co-phone-field.js +1 -1
- package/dist/components/co-popover.js +1 -1
- package/dist/components/co-progress-circle.js +1 -1
- package/dist/components/co-radio.js +1 -1
- package/dist/components/co-rating.js +1 -1
- package/dist/components/co-ref-field.js +1 -1
- package/dist/components/co-select.js +1 -1
- package/dist/components/co-skeleton.js +1 -1
- package/dist/components/co-slider.js +1 -1
- package/dist/components/co-switch.js +1 -1
- package/dist/components/co-tab-group.js +1 -1
- package/dist/components/co-tab.js +1 -1
- package/dist/components/co-tags-field.js +1 -1
- package/dist/components/co-toggle-button.js +1 -1
- package/dist/components/co-transfer-list.js +1 -1
- package/dist/components/co-tree-item.js +1 -1
- package/dist/components/co-video.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/{p-COCcx0DN.js → p-4nVctQq9.js} +1 -1
- package/dist/components/p-BDk4ffI3.js +1 -0
- package/dist/components/p-BXDvRVSp.js +1 -0
- package/dist/components/{p-xA7AfoIW.js → p-BxDO3-bY.js} +1 -1
- package/dist/components/{p-rfvTj6cP.js → p-C1WNmtGN.js} +1 -1
- package/dist/components/p-CV7I0t8n.js +1 -0
- package/dist/components/p-CpwIdVV5.js +1 -0
- package/dist/components/{p-DMW9TJ7Z.js → p-Ct4MpUdn.js} +1 -1
- package/dist/components/{p-R1W48hzW.js → p-CxXO0llX.js} +1 -1
- package/dist/components/{p-BkyYV32T.js → p-DXl_Q4WY.js} +1 -1
- package/dist/components/p-DpnlSVX3.js +1 -0
- package/dist/components/{p-BMyWdiVO.js → p-y-UE-CLu.js} +1 -1
- package/dist/esm/co-accordion.entry.js +5 -5
- package/dist/esm/co-action-bar.entry.js +1 -1
- package/dist/esm/co-app-shell.entry.js +1 -1
- package/dist/esm/co-audio-player.entry.js +1 -1
- package/dist/esm/co-autocomplete.entry.js +2 -2
- package/dist/esm/co-avatar-group.entry.js +1 -1
- package/dist/esm/co-avatar.entry.js +1 -1
- package/dist/esm/co-badge.entry.js +1 -1
- package/dist/esm/co-bottom-sheet.entry.js +1 -1
- package/dist/esm/co-breadcrumb-item.entry.js +1 -1
- package/dist/esm/co-breadcrumb.entry.js +1 -1
- package/dist/esm/co-button-group.entry.js +1 -1
- package/dist/esm/co-button.entry.js +1 -1
- package/dist/esm/co-calendar-month_2.entry.js +2 -2
- package/dist/esm/co-calendar_3.entry.js +2 -2
- package/dist/esm/co-card.entry.js +1 -1
- package/dist/esm/co-carousel-item.entry.js +1 -1
- package/dist/esm/co-carousel.entry.js +2 -2
- package/dist/esm/co-checkbox-group.entry.js +2 -2
- package/dist/esm/co-checkbox.entry.js +2 -2
- package/dist/esm/co-chip_2.entry.js +6 -6
- package/dist/esm/co-color-area.entry.js +1 -1
- package/dist/esm/co-color-picker.entry.js +3 -3
- package/dist/esm/co-color-slider.entry.js +1 -1
- package/dist/esm/co-column-picker.entry.js +2 -2
- package/dist/esm/co-combobox.entry.js +2 -2
- package/dist/esm/co-command-search.entry.js +2 -2
- package/dist/esm/co-data-table-pagination.entry.js +2 -2
- package/dist/esm/co-data-table.entry.js +2 -2
- package/dist/esm/co-date-picker.entry.js +2 -2
- package/dist/esm/co-date-range-picker.entry.js +2 -2
- package/dist/esm/co-date-range.entry.js +1 -1
- package/dist/esm/co-date-time-picker.entry.js +2 -2
- package/dist/esm/co-document-editor.entry.js +2 -2
- package/dist/esm/co-drive-card.entry.js +1 -1
- package/dist/esm/co-drop-zone.entry.js +1 -1
- package/dist/esm/co-emoji-picker.entry.js +2 -2
- package/dist/esm/co-empty-state.entry.js +2 -2
- package/dist/esm/co-event-calendar.entry.js +1 -1
- package/dist/esm/co-event-popover.entry.js +1 -1
- package/dist/esm/co-fab.entry.js +1 -1
- package/dist/esm/co-file-field.entry.js +3 -3
- package/dist/esm/co-file-type-tile.entry.js +1 -1
- package/dist/esm/co-gradient-bar.entry.js +1 -1
- package/dist/esm/co-helper-text.entry.js +1 -1
- package/dist/esm/co-icon-button.entry.js +2 -2
- package/dist/esm/co-icon.entry.js +1 -1
- package/dist/esm/co-input.entry.js +2 -2
- package/dist/esm/co-json-field.entry.js +2 -2
- package/dist/esm/co-kbd_2.entry.js +1 -1
- package/dist/esm/co-lightbox.entry.js +1 -1
- package/dist/esm/co-list-footer.entry.js +1 -1
- package/dist/esm/co-list-item.entry.js +2 -2
- package/dist/esm/co-loader.entry.js +1 -1
- package/dist/esm/co-media-thumb.entry.js +1 -1
- package/dist/esm/co-menu-divider.entry.js +1 -1
- package/dist/esm/co-menu-item.entry.js +40 -7
- package/dist/esm/co-menu.entry.js +2 -2
- package/dist/esm/co-modal.entry.js +2 -2
- package/dist/esm/co-navbar.entry.js +1 -1
- package/dist/esm/co-number-field.entry.js +2 -2
- package/dist/esm/co-overlay.entry.js +1 -1
- package/dist/esm/co-page-header.entry.js +1 -1
- package/dist/esm/co-phone-field.entry.js +4 -4
- package/dist/esm/co-popover.entry.js +2 -2
- package/dist/esm/co-progress-bar.entry.js +1 -1
- package/dist/esm/co-progress-circle.entry.js +2 -2
- package/dist/esm/co-provider-logo_2.entry.js +2 -2
- package/dist/esm/co-radio-group.entry.js +1 -1
- package/dist/esm/co-radio.entry.js +2 -2
- package/dist/esm/co-rating.entry.js +2 -2
- package/dist/esm/co-ref-field.entry.js +3 -3
- package/dist/esm/co-rich-text-editor.entry.js +2 -2
- package/dist/esm/co-rich-text-toolbar.entry.js +1 -1
- package/dist/esm/co-rich-text-viewer.entry.js +1 -1
- package/dist/esm/co-row.entry.js +1 -1
- package/dist/esm/co-segmented-bar.entry.js +1 -1
- package/dist/esm/co-select.entry.js +3 -3
- package/dist/esm/co-separator.entry.js +1 -1
- package/dist/esm/co-sidebar-nav.entry.js +1 -1
- package/dist/esm/co-sidebar.entry.js +1 -1
- package/dist/esm/co-slider.entry.js +2 -2
- package/dist/esm/co-swatch-grid.entry.js +1 -1
- package/dist/esm/co-switch.entry.js +3 -3
- package/dist/esm/co-tab-group.entry.js +2 -2
- package/dist/esm/co-tab.entry.js +2 -2
- package/dist/esm/co-tags-field.entry.js +4 -4
- package/dist/esm/co-textarea.entry.js +2 -2
- package/dist/esm/co-tile.entry.js +1 -1
- package/dist/esm/co-time-field.entry.js +1 -1
- package/dist/esm/co-toast.entry.js +1 -1
- package/dist/esm/co-toggle-button-group.entry.js +1 -1
- package/dist/esm/co-toggle-button.entry.js +2 -2
- package/dist/esm/co-transfer-list.entry.js +2 -2
- package/dist/esm/co-tree-item.entry.js +2 -2
- package/dist/esm/co-video.entry.js +2 -2
- package/dist/esm/cobalt.js +3 -3
- package/dist/esm/{fieldChip-B0N8z5W-.js → fieldChip-DFpKjAN_.js} +1 -1
- package/dist/esm/{index-DJkaRtbb.js → index-YRicbXh3.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{requiredMark-D5C5NzOE.js → requiredMark-BNC0WBDk.js} +1 -1
- package/dist/types/components/co-menu-item/co-menu-item.d.ts +30 -4
- package/dist/types/components.d.ts +26 -4
- package/package.json +4 -4
- package/dist/cobalt/p-01b54d81.entry.js +0 -1
- package/dist/cobalt/p-21b4a830.entry.js +0 -1
- package/dist/cobalt/p-256ca457.entry.js +0 -1
- package/dist/cobalt/p-454dd8ab.entry.js +0 -1
- package/dist/cobalt/p-7e444408.entry.js +0 -1
- package/dist/cobalt/p-7e72720a.entry.js +0 -1
- package/dist/cobalt/p-84ad0227.entry.js +0 -1
- package/dist/cobalt/p-947b8e35.entry.js +0 -1
- package/dist/cobalt/p-CSLjZ3WO.js +0 -1
- package/dist/cobalt/p-CYN5B3IQ.js +0 -1
- package/dist/cobalt/p-bee52042.entry.js +0 -1
- package/dist/cobalt/p-c93be2d5.entry.js +0 -1
- package/dist/cobalt/p-fb731600.entry.js +0 -1
- package/dist/components/p-B70R6xWE.js +0 -1
- package/dist/components/p-BGNXvnDr.js +0 -1
- package/dist/components/p-BSt2t5Fy.js +0 -1
- package/dist/components/p-BfDYq7JS.js +0 -1
- package/dist/components/p-CwRoHnzq.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c as a,h as t,a as e}from"./p-
|
|
1
|
+
import{r as o,c as a,h as t,a as e}from"./p-YRicbXh3.js";const i=class{constructor(t){o(this,t),this.coClick=a(this,"coClick",7),this.icon="plus",this.variant="primary",this.size="m",this.disabled=!1,this.position="none",this.expandOnHover=!1,this.handleClick=()=>{this.disabled||this.coClick.emit()},this.handleExpandMeasure=()=>{this.expandOnHover&&this.labelEl&&this.el.style.setProperty("--co-fab-label-w",`${this.labelEl.offsetWidth}px`)}}render(){const o="xl"===this.size||"l"===this.size?24:"s"===this.size?18:20,a=!!this.label,e=a&&this.expandOnHover;return t("button",{key:"740058822962826eaed6d9783ba012234f7343a1",class:{"co-fab":!0,[`co-fab--${this.variant}`]:!0,[`co-fab--${this.size}`]:!0,"co-fab--extended":a&&!this.expandOnHover,"co-fab--hover-expand":e,"co-fab--disabled":this.disabled,[`co-fab--${this.position}`]:"none"!==this.position},type:"button",disabled:this.disabled,onClick:this.handleClick,onPointerEnter:this.handleExpandMeasure,onFocusin:this.handleExpandMeasure,"aria-label":this.ariaLabelText||this.label||this.icon},t("co-icon",{key:"279d46289a80b83745e82743f9b13e22a28669ba",name:this.icon,size:o}),this.label&&t("span",{key:"f91eaf3101142d390c6281c0c945016b421f995b",class:"co-fab__label",ref:o=>this.labelEl=o},this.label))}get el(){return e(this)}};i.style=":host{display:inline-flex;font-family:var(--co-font-family-primary);line-height:1}.co-fab{display:inline-flex;align-items:center;justify-content:center;gap:var(--co-spacing-sm2);border:none;border-radius:var(--co-border-radius-full);cursor:pointer;font-family:inherit;font-weight:500;white-space:nowrap;box-sizing:border-box;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out);box-shadow:0 4px 12px rgba(31, 28, 27, 0.15)}.co-fab--xl{--co-fab-size:64px;width:64px;height:64px;font-size:var(--co-font-size-16)}.co-fab--l{--co-fab-size:56px;width:56px;height:56px;font-size:var(--co-font-size-16)}.co-fab--m{--co-fab-size:48px;width:48px;height:48px;font-size:var(--co-font-size-14)}.co-fab--s{--co-fab-size:40px;width:40px;height:40px;font-size:var(--co-font-size-14)}.co-fab--extended{width:auto;border-radius:var(--co-border-radius-lg)}.co-fab--extended.co-fab--xl{padding:0 var(--co-spacing-xl)}.co-fab--extended.co-fab--l{padding:0 var(--co-spacing-xl)}.co-fab--extended.co-fab--m{padding:0 var(--co-spacing-lg)}.co-fab--extended.co-fab--s{padding:0 var(--co-spacing-md)}.co-fab--hover-expand{justify-content:flex-start;overflow:hidden;transition:width var(--co-motion-duration-slow) var(--co-motion-ease-in-out), background var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-fab--hover-expand.co-fab--xl{padding:0 20px}.co-fab--hover-expand.co-fab--l{padding:0 16px}.co-fab--hover-expand.co-fab--m{padding:0 14px}.co-fab--hover-expand.co-fab--s{padding:0 11px}.co-fab--hover-expand:hover:not(:disabled),.co-fab--hover-expand:focus-visible{width:calc(var(--co-fab-size) + var(--co-spacing-sm2) + var(--co-fab-label-w, 0px));transition:width var(--co-motion-duration-slower) var(--co-motion-ease-spring), background var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-fab--hover-expand co-icon{flex-shrink:0;transition:transform var(--co-motion-duration-slower) var(--co-motion-ease-spring)}.co-fab--hover-expand:hover:not(:disabled) co-icon,.co-fab--hover-expand:focus-visible co-icon{transform:rotate(90deg)}.co-fab--hover-expand .co-fab__label{flex-shrink:0;opacity:0;transform:translateX(-6px);transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-fab--hover-expand:hover:not(:disabled) .co-fab__label,.co-fab--hover-expand:focus-visible .co-fab__label{opacity:1;transform:translateX(0);transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out) 0.1s, transform var(--co-motion-duration-slow) var(--co-motion-ease-spring) 0.1s}@media (prefers-reduced-motion: reduce){.co-fab--hover-expand:hover:not(:disabled) .co-fab__label,.co-fab--hover-expand:focus-visible .co-fab__label{transition-delay:0s}}.co-fab--primary{background:var(--co-fab-bg, var(--co-semantic-surface-primary));color:var(--co-semantic-on-primary)}.co-fab--primary:hover:not(:disabled){box-shadow:0 6px 20px rgba(31, 28, 27, 0.2);transform:translateY(-1px)}.co-fab--secondary{background:var(--co-semantic-surface-secondary);color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-subtle)}.co-fab--secondary:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-fab--stroke{background:transparent;color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-default)}.co-fab--stroke:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-fab:active:not(:disabled){transform:translateY(0) scale(0.96)}.co-fab--disabled{opacity:0.4;cursor:not-allowed;box-shadow:none}.co-fab--bottom-right{position:fixed;bottom:var(--co-fab-offset-bottom, 24px);right:var(--co-fab-offset-right, 24px);z-index:1000}.co-fab--bottom-left{position:fixed;bottom:var(--co-fab-offset-bottom, 24px);left:var(--co-fab-offset-left, 24px);z-index:1000}.co-fab--top-right{position:fixed;top:var(--co-fab-offset-top, 24px);right:var(--co-fab-offset-right, 24px);z-index:1000}.co-fab--top-left{position:fixed;top:var(--co-fab-offset-top, 24px);left:var(--co-fab-offset-left, 24px);z-index:1000}.co-fab__label{line-height:1}";export{i as co_fab}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as o,a as c}from"./p-DJkaRtbb.js";import{R as a}from"./p-CYN5B3IQ.js";const i=class{constructor(o){e(this,o),this.coSearch=t(this,"coSearch",7),this.coChange=t(this,"coChange",7),this.coClear=t(this,"coClear",7),this.required=!1,this.placeholder="Search…",this.disabled=!1,this.clearable=!0,this.layout="vertical",this.size="md",this.status="default",this.options="[]",this.value="",this.multiple=!1,this.loading=!1,this.minChars=1,this.searchDebounce=300,this.emptyMessage="No results",this.isOpen=!1,this.query="",this.focused=!1,this.handleInput=e=>{const t=e.target.value;this.query=t,this.debounceTimer&&clearTimeout(this.debounceTimer),t.length>=this.minChars?(this.debounceTimer=setTimeout((()=>this.coSearch.emit(t)),this.searchDebounce),this.isOpen=!0):this.isOpen=!1},this.handleFocus=()=>{this.focused=!0,this.query.length>=this.minChars&&this.parsedOptions.length>0&&(this.isOpen=!0)},this.handleClear=e=>{var t;e.stopPropagation(),this.query="",this.value=this.multiple?"[]":"",this.isOpen=!1,this.coClear.emit(),this.coChange.emit({value:this.multiple?[]:"",item:null}),null===(t=this.inputEl)||void 0===t||t.focus()},this.handleChipRemove=e=>{const t=this.selectedValues.filter((t=>t!==e));this.value=JSON.stringify(t),this.coChange.emit({value:t,item:{_id:e,label:e}})},this.handleListChange=e=>{if(null==e.value)return this.value=this.multiple?"[]":"",this.query="",this.isOpen=!1,void this.coChange.emit({value:null,item:null});this.multiple?(this.value=JSON.stringify(e.value),this.coChange.emit({value:e.value,item:e.item})):(this.value=e.value,this.query=e.item.label,this.isOpen=!1,this.coChange.emit({value:e.value,item:e.item}))},this.handleInputKeyDown=async e=>{"Escape"!==e.key?this.isOpen&&this.optionListEl&&("ArrowDown"!==e.key&&"ArrowUp"!==e.key&&"Enter"!==e.key||(e.preventDefault(),await this.optionListEl.handleKey(e))):this.isOpen=!1}}get parsedOptions(){let e=this.options;if("string"==typeof e)try{e=JSON.parse(e)}catch(e){return[]}return Array.isArray(e)?e.map((e=>"string"==typeof e?{label:e,value:e}:e)):[]}get selectedValues(){if(this.multiple){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(e){return this.value?[this.value]:[]}return this.value}return"string"==typeof this.value&&this.value?[this.value]:[]}get hasValue(){return this.selectedValues.length>0}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}componentWillLoad(){this.syncQueryFromValue()}onOptionsChange(){this.query.length>=this.minChars&&(this.isOpen=!0),this.focused||this.syncQueryFromValue()}onValueChange(){this.syncQueryFromValue()}syncQueryFromValue(){if(!this.multiple&&"string"==typeof this.value&&this.value){const e=this.parsedOptions.find((e=>e.value===this.value));this.query=e?e.label:this.value}else this.multiple||this.value||(this.query="")}handleDocumentClick(e){this.el.contains(e.target)||(this.isOpen=!1,this.focused=!1)}render(){const e=this.parsedOptions,t=this.selectedValues;return o("div",{key:"02fe5e70777f1a39038af676c76032ae1fbecbc8",class:{"co-autocomplete":!0,"co-autocomplete--disabled":this.disabled,"co-autocomplete--focused":this.focused,[`co-autocomplete--${this.size}`]:!0,[`co-autocomplete--${this.status}`]:"default"!==this.status}},(this.label||this.secondaryLabel)&&o("div",{key:"a9237e72752d5d3921d70cb2d63a160625db7e62",class:"co-autocomplete__labels"},this.label&&o("label",{key:"f1284520b961bf6598e4b9c8a3d943b8b1aa847f",class:"co-autocomplete__label"},this.label,o(a,{key:"6c40530c3e2dca2b3adef8a8ce00c256b7070b48",required:this.required})),this.secondaryLabel&&o("span",{key:"37a0de4ba199f1bc6503543e18261623642c00cf",class:"co-autocomplete__secondary-label"},this.secondaryLabel)),o("div",{key:"30ff3eacbf9634085b212135356c3edbef6e8df9",class:"co-autocomplete__field"},this.iconLeft&&o("co-icon",{key:"3b8c564aae36e7db59c39fcc31fda7d98f55fae8",name:this.iconLeft,size:16,class:"co-autocomplete__icon"}),this.multiple&&t.length>0&&o("div",{key:"df7f0b08d2b456a048368f80c828ee83502b0a20",class:"co-autocomplete__chips"},t.map((e=>{const t=this.parsedOptions.find((t=>t.value===e));return o("co-chip",{label:t?t.label:e,size:"small",removable:!0,onCoRemove:()=>this.handleChipRemove(e)})}))),o("input",{key:"e2d9cfa48001c20aa9e8a4ef5800135172b2aff9",ref:e=>this.inputEl=e,class:"co-autocomplete__input",type:"text",value:this.query,placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleInput,onFocus:this.handleFocus,onKeyDown:this.handleInputKeyDown}),this.loading&&o("div",{key:"e58449cb033553a123f3c2b1daa9b9c62a571273",class:"co-autocomplete__spinner"}),this.clearable&&(this.hasValue||this.query)&&!this.disabled&&o("button",{key:"ea8021e0807cd0eece9933f84772f5f497d2a63c",class:"co-autocomplete__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},o("co-icon",{key:"67a2f961d0ece0178811aa04fd9e5a082976ef6a",name:"x-circle",size:16,weight:"fill"}))),this.isOpen&&o("div",{key:"562cc6f307edd60c361c60974d0423550d8f681a",class:"co-autocomplete__dropdown"},o("co-option-list",{key:"3dec3da0d38adb8986b57960c74b697ffbc211dd",ref:e=>this.optionListEl=e,items:JSON.stringify(e.map((e=>({_id:e.value,label:e.label,icon:e.icon,disabled:e.disabled})))),value:this.multiple?JSON.stringify(this.selectedValues):this.selectedValues[0]||"",multiple:this.multiple,selectedAffordance:"check",virtual:!0,loading:this.loading,emptyMessage:this.emptyMessage,onCoChange:e=>this.handleListChange(e.detail)})),this.helperText&&o("div",{key:"5c21f62defe09b0160aeec8eaeaa881408dbe964",class:`co-autocomplete__helper co-autocomplete__helper--${this.status}`},this.statusIcon&&o("co-icon",{key:"166ccdb5f1e308bb0212c473881bb36a33a8d2e4",name:this.statusIcon,size:14,weight:"fill",class:"co-autocomplete__helper-icon"}),o("span",{key:"bf4b038b665c269484b3bf841b19c92d5b0ceb27",class:"co-autocomplete__helper-text"},this.helperText)))}get el(){return c(this)}static get watchers(){return{options:[{onOptionsChange:0}],value:[{onValueChange:0}]}}};i.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1;position:relative}.co-autocomplete{display:flex;flex-direction:column;gap:var(--co-spacing-sm2);position:relative}.co-autocomplete__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-autocomplete__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-autocomplete__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-autocomplete--disabled .co-autocomplete__label,.co-autocomplete--disabled .co-autocomplete__secondary-label{color:var(--co-semantic-text-disabled)}.co-autocomplete__field{display:flex;align-items:center;flex-wrap:wrap;gap:var(--co-spacing-xs);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-autocomplete--s .co-autocomplete__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-autocomplete--sm .co-autocomplete__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-autocomplete--lg .co-autocomplete__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-autocomplete--focused .co-autocomplete__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-autocomplete--disabled .co-autocomplete__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-autocomplete--error .co-autocomplete__field{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error))}.co-autocomplete--success .co-autocomplete__field{border-color:var(--co-semantic-status-success)}.co-autocomplete--warning .co-autocomplete__field{border-color:var(--co-color-status-review)}.co-autocomplete--info .co-autocomplete__field{border-color:var(--co-semantic-status-info)}.co-autocomplete__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-autocomplete__chips{display:flex;flex-wrap:wrap;gap:var(--co-spacing-xs)}.co-autocomplete__input{flex:1;min-width:80px;border:none;background:transparent;color:var(--co-semantic-text-default);font-family:inherit;font-size:inherit;font-weight:400;line-height:1;padding:0;outline:none}.co-autocomplete__input::placeholder{color:var(--co-semantic-text-muted)}.co-autocomplete--disabled .co-autocomplete__input{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-autocomplete__clear{flex-shrink:0;display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-autocomplete__clear:hover{color:var(--co-semantic-text-default)}.co-autocomplete__spinner{width:16px;height:16px;border:2px solid var(--co-semantic-border-subtle);border-top-color:var(--co-semantic-text-default);border-radius:var(--co-border-radius-full);animation:co-spin 0.6s linear infinite;flex-shrink:0}@keyframes co-spin{to{transform:rotate(360deg)}}.co-autocomplete__dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:var(--co-spacing-xs);background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-sm, 12px);box-shadow:0 4px 16px rgba(31, 28, 27, 0.08);overflow:hidden;}.co-autocomplete__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-autocomplete__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-autocomplete__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-autocomplete__helper--error .co-autocomplete__helper-icon,.co-autocomplete__helper--error .co-autocomplete__helper-text{color:var(--co-semantic-text-error, var(--co-semantic-status-error))}.co-autocomplete__helper--success .co-autocomplete__helper-icon,.co-autocomplete__helper--success .co-autocomplete__helper-text{color:var(--co-semantic-text-success, var(--co-semantic-status-success))}.co-autocomplete__helper--warning .co-autocomplete__helper-icon,.co-autocomplete__helper--warning .co-autocomplete__helper-text{color:var(--co-semantic-text-warning, var(--co-color-status-review))}.co-autocomplete__helper--info .co-autocomplete__helper-icon,.co-autocomplete__helper--info .co-autocomplete__helper-text{color:var(--co-semantic-text-info, var(--co-semantic-status-info))}:host([layout='horizontal']) .co-autocomplete{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-autocomplete__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-autocomplete__label{white-space:normal}:host([layout='horizontal']) .co-autocomplete>:not(.co-autocomplete__labels){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-semantic-text-error, var(--co-color-status-error))}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}";export{i as co_autocomplete}
|
|
1
|
+
import{r as e,c as t,h as o,a as c}from"./p-YRicbXh3.js";import{R as a}from"./p-pl89alJ1.js";const i=class{constructor(o){e(this,o),this.coSearch=t(this,"coSearch",7),this.coChange=t(this,"coChange",7),this.coClear=t(this,"coClear",7),this.required=!1,this.placeholder="Search…",this.disabled=!1,this.clearable=!0,this.layout="vertical",this.size="md",this.status="default",this.options="[]",this.value="",this.multiple=!1,this.loading=!1,this.minChars=1,this.searchDebounce=300,this.emptyMessage="No results",this.isOpen=!1,this.query="",this.focused=!1,this.handleInput=e=>{const t=e.target.value;this.query=t,this.debounceTimer&&clearTimeout(this.debounceTimer),t.length>=this.minChars?(this.debounceTimer=setTimeout((()=>this.coSearch.emit(t)),this.searchDebounce),this.isOpen=!0):this.isOpen=!1},this.handleFocus=()=>{this.focused=!0,this.query.length>=this.minChars&&this.parsedOptions.length>0&&(this.isOpen=!0)},this.handleClear=e=>{var t;e.stopPropagation(),this.query="",this.value=this.multiple?"[]":"",this.isOpen=!1,this.coClear.emit(),this.coChange.emit({value:this.multiple?[]:"",item:null}),null===(t=this.inputEl)||void 0===t||t.focus()},this.handleChipRemove=e=>{const t=this.selectedValues.filter((t=>t!==e));this.value=JSON.stringify(t),this.coChange.emit({value:t,item:{_id:e,label:e}})},this.handleListChange=e=>{if(null==e.value)return this.value=this.multiple?"[]":"",this.query="",this.isOpen=!1,void this.coChange.emit({value:null,item:null});this.multiple?(this.value=JSON.stringify(e.value),this.coChange.emit({value:e.value,item:e.item})):(this.value=e.value,this.query=e.item.label,this.isOpen=!1,this.coChange.emit({value:e.value,item:e.item}))},this.handleInputKeyDown=async e=>{"Escape"!==e.key?this.isOpen&&this.optionListEl&&("ArrowDown"!==e.key&&"ArrowUp"!==e.key&&"Enter"!==e.key||(e.preventDefault(),await this.optionListEl.handleKey(e))):this.isOpen=!1}}get parsedOptions(){let e=this.options;if("string"==typeof e)try{e=JSON.parse(e)}catch(e){return[]}return Array.isArray(e)?e.map((e=>"string"==typeof e?{label:e,value:e}:e)):[]}get selectedValues(){if(this.multiple){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(e){return this.value?[this.value]:[]}return this.value}return"string"==typeof this.value&&this.value?[this.value]:[]}get hasValue(){return this.selectedValues.length>0}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}componentWillLoad(){this.syncQueryFromValue()}onOptionsChange(){this.query.length>=this.minChars&&(this.isOpen=!0),this.focused||this.syncQueryFromValue()}onValueChange(){this.syncQueryFromValue()}syncQueryFromValue(){if(!this.multiple&&"string"==typeof this.value&&this.value){const e=this.parsedOptions.find((e=>e.value===this.value));this.query=e?e.label:this.value}else this.multiple||this.value||(this.query="")}handleDocumentClick(e){this.el.contains(e.target)||(this.isOpen=!1,this.focused=!1)}render(){const e=this.parsedOptions,t=this.selectedValues;return o("div",{key:"02fe5e70777f1a39038af676c76032ae1fbecbc8",class:{"co-autocomplete":!0,"co-autocomplete--disabled":this.disabled,"co-autocomplete--focused":this.focused,[`co-autocomplete--${this.size}`]:!0,[`co-autocomplete--${this.status}`]:"default"!==this.status}},(this.label||this.secondaryLabel)&&o("div",{key:"a9237e72752d5d3921d70cb2d63a160625db7e62",class:"co-autocomplete__labels"},this.label&&o("label",{key:"f1284520b961bf6598e4b9c8a3d943b8b1aa847f",class:"co-autocomplete__label"},this.label,o(a,{key:"6c40530c3e2dca2b3adef8a8ce00c256b7070b48",required:this.required})),this.secondaryLabel&&o("span",{key:"37a0de4ba199f1bc6503543e18261623642c00cf",class:"co-autocomplete__secondary-label"},this.secondaryLabel)),o("div",{key:"30ff3eacbf9634085b212135356c3edbef6e8df9",class:"co-autocomplete__field"},this.iconLeft&&o("co-icon",{key:"3b8c564aae36e7db59c39fcc31fda7d98f55fae8",name:this.iconLeft,size:16,class:"co-autocomplete__icon"}),this.multiple&&t.length>0&&o("div",{key:"df7f0b08d2b456a048368f80c828ee83502b0a20",class:"co-autocomplete__chips"},t.map((e=>{const t=this.parsedOptions.find((t=>t.value===e));return o("co-chip",{label:t?t.label:e,size:"small",removable:!0,onCoRemove:()=>this.handleChipRemove(e)})}))),o("input",{key:"e2d9cfa48001c20aa9e8a4ef5800135172b2aff9",ref:e=>this.inputEl=e,class:"co-autocomplete__input",type:"text",value:this.query,placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleInput,onFocus:this.handleFocus,onKeyDown:this.handleInputKeyDown}),this.loading&&o("div",{key:"e58449cb033553a123f3c2b1daa9b9c62a571273",class:"co-autocomplete__spinner"}),this.clearable&&(this.hasValue||this.query)&&!this.disabled&&o("button",{key:"ea8021e0807cd0eece9933f84772f5f497d2a63c",class:"co-autocomplete__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},o("co-icon",{key:"67a2f961d0ece0178811aa04fd9e5a082976ef6a",name:"x-circle",size:16,weight:"fill"}))),this.isOpen&&o("div",{key:"562cc6f307edd60c361c60974d0423550d8f681a",class:"co-autocomplete__dropdown"},o("co-option-list",{key:"3dec3da0d38adb8986b57960c74b697ffbc211dd",ref:e=>this.optionListEl=e,items:JSON.stringify(e.map((e=>({_id:e.value,label:e.label,icon:e.icon,disabled:e.disabled})))),value:this.multiple?JSON.stringify(this.selectedValues):this.selectedValues[0]||"",multiple:this.multiple,selectedAffordance:"check",virtual:!0,loading:this.loading,emptyMessage:this.emptyMessage,onCoChange:e=>this.handleListChange(e.detail)})),this.helperText&&o("div",{key:"5c21f62defe09b0160aeec8eaeaa881408dbe964",class:`co-autocomplete__helper co-autocomplete__helper--${this.status}`},this.statusIcon&&o("co-icon",{key:"166ccdb5f1e308bb0212c473881bb36a33a8d2e4",name:this.statusIcon,size:14,weight:"fill",class:"co-autocomplete__helper-icon"}),o("span",{key:"bf4b038b665c269484b3bf841b19c92d5b0ceb27",class:"co-autocomplete__helper-text"},this.helperText)))}get el(){return c(this)}static get watchers(){return{options:[{onOptionsChange:0}],value:[{onValueChange:0}]}}};i.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1;position:relative}.co-autocomplete{display:flex;flex-direction:column;gap:var(--co-spacing-sm2);position:relative}.co-autocomplete__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-autocomplete__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-autocomplete__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-autocomplete--disabled .co-autocomplete__label,.co-autocomplete--disabled .co-autocomplete__secondary-label{color:var(--co-semantic-text-disabled)}.co-autocomplete__field{display:flex;align-items:center;flex-wrap:wrap;gap:var(--co-spacing-xs);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-autocomplete--s .co-autocomplete__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-autocomplete--sm .co-autocomplete__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-autocomplete--lg .co-autocomplete__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-autocomplete--focused .co-autocomplete__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-autocomplete--disabled .co-autocomplete__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-autocomplete--error .co-autocomplete__field{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error))}.co-autocomplete--success .co-autocomplete__field{border-color:var(--co-semantic-status-success)}.co-autocomplete--warning .co-autocomplete__field{border-color:var(--co-color-status-review)}.co-autocomplete--info .co-autocomplete__field{border-color:var(--co-semantic-status-info)}.co-autocomplete__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-autocomplete__chips{display:flex;flex-wrap:wrap;gap:var(--co-spacing-xs)}.co-autocomplete__input{flex:1;min-width:80px;border:none;background:transparent;color:var(--co-semantic-text-default);font-family:inherit;font-size:inherit;font-weight:400;line-height:1;padding:0;outline:none}.co-autocomplete__input::placeholder{color:var(--co-semantic-text-muted)}.co-autocomplete--disabled .co-autocomplete__input{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-autocomplete__clear{flex-shrink:0;display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-autocomplete__clear:hover{color:var(--co-semantic-text-default)}.co-autocomplete__spinner{width:16px;height:16px;border:2px solid var(--co-semantic-border-subtle);border-top-color:var(--co-semantic-text-default);border-radius:var(--co-border-radius-full);animation:co-spin 0.6s linear infinite;flex-shrink:0}@keyframes co-spin{to{transform:rotate(360deg)}}.co-autocomplete__dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:var(--co-spacing-xs);background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-sm, 12px);box-shadow:0 4px 16px rgba(31, 28, 27, 0.08);overflow:hidden;}.co-autocomplete__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-autocomplete__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-autocomplete__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-autocomplete__helper--error .co-autocomplete__helper-icon,.co-autocomplete__helper--error .co-autocomplete__helper-text{color:var(--co-semantic-text-error, var(--co-semantic-status-error))}.co-autocomplete__helper--success .co-autocomplete__helper-icon,.co-autocomplete__helper--success .co-autocomplete__helper-text{color:var(--co-semantic-text-success, var(--co-semantic-status-success))}.co-autocomplete__helper--warning .co-autocomplete__helper-icon,.co-autocomplete__helper--warning .co-autocomplete__helper-text{color:var(--co-semantic-text-warning, var(--co-color-status-review))}.co-autocomplete__helper--info .co-autocomplete__helper-icon,.co-autocomplete__helper--info .co-autocomplete__helper-text{color:var(--co-semantic-text-info, var(--co-semantic-status-info))}:host([layout='horizontal']) .co-autocomplete{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-autocomplete__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-autocomplete__label{white-space:normal}:host([layout='horizontal']) .co-autocomplete>:not(.co-autocomplete__labels){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-semantic-text-error, var(--co-color-status-error))}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}";export{i as co_autocomplete}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c as e,h as t,a as i}from"./p-DJkaRtbb.js";import{R as c}from"./p-CYN5B3IQ.js";import{r as s}from"./p-Ba_v-MzM.js";const a=class{constructor(t){o(this,t),this.coChange=e(this,"coChange",7),this.coOpen=e(this,"coOpen",3),this.coClose=e(this,"coClose",3),this.coClear=e(this,"coClear",7),this.coFooterPrimary=e(this,"coFooterPrimary",7),this.coFooterSecondary=e(this,"coFooterSecondary",7),this.required=!1,this.placeholder="",this.disabled=!1,this.clearable=!0,this.searchable=!1,this.searchPlaceholder="Search",this.showFooter=!1,this.footerPrimaryLabel="Ok",this.footerSecondaryLabel="New Tags",this.options="[]",this.emptyMessage="No results found",this.value="[]",this.multiple=!0,this.size="md",this.status="default",this.layout="vertical",this.isOpen=!1,this.searchQuery="",this.overflowCount=0,this.pendingFocus=!1,this.handleTriggerClick=o=>{this.disabled&&o.stopPropagation()},this.handleTriggerKeyDown=o=>{this.disabled||o.target===this.triggerEl&&("Enter"===o.key||" "===o.key?(o.preventDefault(),this.isOpen=!this.isOpen):"ArrowDown"!==o.key||this.isOpen||(o.preventDefault(),this.isOpen=!0))},this.handlePopoverOpen=()=>{console.log("[co-combobox] handlePopoverOpen called"),this.isOpen=!0},this.handlePopoverClose=()=>{console.log("[co-combobox] handlePopoverClose called"),this.isOpen=!1},this.handleClear=o=>{o.stopPropagation(),this.value="[]",this.coClear.emit(),this.coChange.emit({value:this.multiple?[]:"",item:null})},this.handleListChange=o=>{if(null==o.value)return this.value="[]",this.isOpen=!1,void this.coChange.emit({value:null,item:null});if(this.multiple){const e=o.value;this.value=JSON.stringify(e),this.coChange.emit({value:e,item:o.item})}else{const e=o.value;this.value=JSON.stringify([e]),this.isOpen=!1,this.coChange.emit({value:e,item:o.item})}},this.handleListRemove=o=>{const e=this.selectedValues.filter((e=>e!==o));this.value=JSON.stringify(e),this.coChange.emit({value:e,item:{_id:o,label:o}})},this.handleFooterPrimary=()=>{this.coFooterPrimary.emit(),this.isOpen=!1},this.handleFooterSecondary=()=>{this.coFooterSecondary.emit()}}normalizeOptions(o){return o.map((o=>"string"==typeof o?{label:o,value:o}:o))}get parsedOptions(){if("string"==typeof this.options)try{return this.normalizeOptions(JSON.parse(this.options))}catch(o){return[]}return this.normalizeOptions(this.options)}get selectedValues(){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(o){return[]}return this.value}get filteredOptions(){return this.searchQuery?s(this.parsedOptions,this.searchQuery,(o=>o.label)):this.parsedOptions}get listItemsJson(){return JSON.stringify(this.filteredOptions.map((o=>({_id:o.value,label:o.label,icon:o.icon}))))}get displayText(){const o=this.selectedValues;if(0===o.length)return"";const e=this.parsedOptions.find((e=>e.value===o[0]));return e?e.label:o[0]}get selectedOptions(){return this.selectedValues.map((o=>this.parsedOptions.find((e=>e.value===o)))).filter((o=>!!o))}get hasValue(){return this.selectedValues.length>0}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}onOpenChange(o){o?(this.searchQuery="",this.pendingFocus=!0,this.coOpen.emit()):(this.coClose.emit(),this.restoreTriggerFocus())}onValueChange(){}connectedCallback(){this.resizeObserver=new ResizeObserver((()=>{this.calcOverflow()}))}disconnectedCallback(){var o;null===(o=this.resizeObserver)||void 0===o||o.disconnect()}componentDidRender(){var o,e,t;this.chipContainerEl&&(null===(o=this.resizeObserver)||void 0===o||o.disconnect(),null===(e=this.resizeObserver)||void 0===e||e.observe(this.chipContainerEl)),this.calcOverflow(),this.pendingFocus&&(null===(t=this.optionListEl)||void 0===t?void 0:t.isConnected)&&(this.pendingFocus=!1,this.optionListEl.focusSearch())}calcOverflow(){if(!this.multiple||!this.chipContainerEl)return;const o=this.chipContainerEl,e=Array.from(o.querySelectorAll("co-chip"));if(0===e.length)return void(0!==this.overflowCount&&(this.overflowCount=0));const t=o.getBoundingClientRect().right;let i=0;for(let o=e.length-1;o>=0&&e[o].getBoundingClientRect().right>t+1;o--)i++;i!==this.overflowCount&&(this.overflowCount=i)}restoreTriggerFocus(){var o;const e=document.activeElement;(e===this.el||this.el.contains(e))&&(null===(o=this.triggerEl)||void 0===o||o.focus({preventScroll:!0}))}render(){return t("div",{key:"f99c5d0c64f2b663d0cd553a26e5d64b66610571",class:{"co-combobox":!0,"co-combobox--open":this.isOpen,"co-combobox--disabled":this.disabled,[`co-combobox--${this.size}`]:!0},part:"wrapper"},(this.label||this.secondaryLabel)&&t("div",{key:"0e779933aa8d138ff765440ac2bd42ec6a3d13d7",class:"co-combobox__labels"},this.label&&t("label",{key:"463b2a9b0adaa41cc94ae6fa4f4010518294d210",class:"co-combobox__label",part:"label"},this.label,t(c,{key:"516ffb77b7e7a76ea8a37bd2afcb1e7089af83cd",required:this.required})),this.secondaryLabel&&t("span",{key:"43c140bbd96c4008d972d3692899cef6521b2f7f",class:"co-combobox__secondary-label",part:"secondary-label"},this.secondaryLabel)),t("co-popover",{key:"74e786d471d4a0d0c496cf2e0ff943b0041737ab",open:this.isOpen,placement:"bottom-start",matchWidth:!0,offset:4,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},t("div",{key:"302aae50470ebdba2a60d35372e9403724632d0c",slot:"trigger",class:"co-combobox__trigger",part:"trigger",role:"combobox","aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox","aria-label":this.label||void 0,"aria-disabled":this.disabled?"true":void 0,"aria-controls":this.isOpen?a.LIST_ID:void 0,tabIndex:this.disabled?-1:0,ref:o=>this.triggerEl=o,onClick:this.handleTriggerClick,onKeyDown:this.handleTriggerKeyDown},this.iconLeft&&t("co-icon",{key:"dc3e6cf2d6b0e43bc51ee9176c2b820717fb7bef",name:this.iconLeft,size:16,class:"co-combobox__icon"}),t("div",{key:"fa07a4fc78beb89a0528eb5ca860aafbf97b5e78",class:"co-combobox__input-wrapper",ref:o=>this.chipContainerEl=o},this.multiple&&this.hasValue?this.selectedOptions.map((o=>t("co-chip",{size:"small","icon-mode":"both",label:o.label},t("co-icon",{slot:"icon-left",name:o.icon||"circle",size:10}),t("co-icon",{slot:"icon-right",name:"x-circle",size:10,weight:"fill",onClick:e=>{e.stopPropagation(),this.handleListRemove(o.value)}})))):t("span",{class:{"co-combobox__text":!0,"co-combobox__text--placeholder":!this.hasValue}},this.hasValue?this.displayText:this.placeholder)),this.multiple&&this.overflowCount>0&&t("span",{key:"157baffb4927145da44cd6fc722ae1732cf20f13",class:"co-combobox__overflow-badge"},this.overflowCount),this.clearable&&this.hasValue&&!this.disabled&&t("button",{key:"1788b18dbd71a4f4e3c8c579d8394d69edda11ab",class:"co-combobox__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear selection",part:"clear"},t("co-icon",{key:"e37b3b32b59958dda1c0f9d33e59c9e9ebf48cbb",name:"x-circle",size:16,weight:"fill"})),t("co-icon",{key:"9686ea04af76add029c292936f393f059c85ad8d",name:this.isOpen?"caret-up":"caret-down",size:16,class:"co-combobox__caret"})),t("div",{key:"7b1ffa794b02e14594990d86ae4032b41b536854",class:"co-combobox__dropdown",part:"dropdown"},this.isOpen&&t("co-option-list",{key:"33c1d95d4ea218b7707ddc0665db826bb8f86028",id:a.LIST_ID,ref:o=>this.optionListEl=o,items:this.listItemsJson,value:this.multiple?JSON.stringify(this.selectedValues):this.selectedValues[0]||"",multiple:this.multiple,selectedAffordance:"check",removableItems:this.multiple,virtual:!0,searchable:this.searchable,searchPlaceholder:this.searchPlaceholder,searchDebounce:0,highlightMatches:!0,emptyMessage:this.emptyMessage,onCoSearch:o=>{this.searchQuery=o.detail},onCoChange:o=>this.handleListChange(o.detail),onCoRemoveItem:o=>this.handleListRemove(o.detail)},this.showFooter&&t("co-list-footer",{key:"933855b46314034c639869b4aafd9e5e577a3e1b",slot:"footer",secondaryLabel:this.footerSecondaryLabel,primaryLabel:this.footerPrimaryLabel,onCoSecondary:this.handleFooterSecondary,onCoPrimary:this.handleFooterPrimary})))),this.helperText&&t("div",{key:"876426c2eae453d0bd8cc5bbbfd704970d8eb243",class:`co-combobox__helper co-combobox__helper--${this.status}`,part:"helper"},this.statusIcon&&t("co-icon",{key:"53cb106c5cddb0ba6a29bc9cc73aae8fd21c8913",name:this.statusIcon,size:14,weight:"fill",class:"co-combobox__helper-icon"}),t("span",{key:"0f9a22080d190fa2cbd4f68d28838a42a6ab2761",class:"co-combobox__helper-text"},this.helperText)))}get el(){return i(this)}static get watchers(){return{isOpen:[{onOpenChange:0}],value:[{onValueChange:0}]}}};a.LIST_ID="co-combobox-list",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-combobox{display:flex;flex-direction:column;gap:var(--co-spacing-sm2);position:relative}.co-combobox__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-combobox__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-combobox__secondary-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;text-align:right}.co-combobox__trigger{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;cursor:pointer;transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out);overflow:hidden}.co-combobox--s .co-combobox__trigger{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-combobox--sm .co-combobox__trigger{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-combobox--lg .co-combobox__trigger{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-combobox--open .co-combobox__trigger{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-combobox__trigger:focus-visible{outline:none;border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-combobox--disabled .co-combobox__trigger{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-combobox__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-combobox--disabled .co-combobox__icon{color:var(--co-semantic-text-disabled)}.co-combobox__input-wrapper{flex:1;display:flex;align-items:center;flex-wrap:nowrap;gap:4px;min-width:0;min-height:22px;padding:0;overflow:hidden}.co-combobox__input-wrapper co-chip{--co-chip-max-width:120px;--co-chip-bg:var(--co-semantic-surface-muted);--co-chip-color:var(--co-semantic-text-default);--co-chip-border:1px solid var(--co-semantic-border-subtle);flex-shrink:0}.co-combobox__overflow-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-status-info, #2d6cc5);color:var(--co-color-base-blanco, #fff);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-10);font-weight:600;line-height:1;white-space:nowrap}.co-combobox__text{color:var(--co-semantic-text-default);font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-combobox__text--placeholder{color:var(--co-semantic-text-muted)}.co-combobox--disabled .co-combobox__text{color:var(--co-semantic-text-disabled)}.co-combobox__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-combobox__clear:hover{color:var(--co-semantic-text-default)}.co-combobox__caret{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-combobox--disabled .co-combobox__caret{color:var(--co-semantic-text-disabled)}.co-combobox__dropdown{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-combobox__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-combobox__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-combobox__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-combobox__helper--error .co-combobox__helper-icon,.co-combobox__helper--error .co-combobox__helper-text{color:var(--co-semantic-text-error, var(--co-semantic-status-error))}.co-combobox__helper--success .co-combobox__helper-icon,.co-combobox__helper--success .co-combobox__helper-text{color:var(--co-semantic-text-success, var(--co-semantic-status-success))}.co-combobox__helper--warning .co-combobox__helper-icon,.co-combobox__helper--warning .co-combobox__helper-text{color:var(--co-semantic-text-warning, var(--co-color-status-review))}.co-combobox__helper--info .co-combobox__helper-icon,.co-combobox__helper--info .co-combobox__helper-text{color:var(--co-semantic-text-info, var(--co-semantic-status-info))}:host([layout='horizontal']) .co-combobox{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-combobox__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-combobox__label{white-space:normal}:host([layout='horizontal']) .co-combobox>:not(.co-combobox__labels){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-semantic-text-error, var(--co-color-status-error))}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}";export{a as co_combobox}
|
|
1
|
+
import{r as o,c as e,h as t,a as i}from"./p-YRicbXh3.js";import{R as c}from"./p-pl89alJ1.js";import{r as s}from"./p-Ba_v-MzM.js";const a=class{constructor(t){o(this,t),this.coChange=e(this,"coChange",7),this.coOpen=e(this,"coOpen",3),this.coClose=e(this,"coClose",3),this.coClear=e(this,"coClear",7),this.coFooterPrimary=e(this,"coFooterPrimary",7),this.coFooterSecondary=e(this,"coFooterSecondary",7),this.required=!1,this.placeholder="",this.disabled=!1,this.clearable=!0,this.searchable=!1,this.searchPlaceholder="Search",this.showFooter=!1,this.footerPrimaryLabel="Ok",this.footerSecondaryLabel="New Tags",this.options="[]",this.emptyMessage="No results found",this.value="[]",this.multiple=!0,this.size="md",this.status="default",this.layout="vertical",this.isOpen=!1,this.searchQuery="",this.overflowCount=0,this.pendingFocus=!1,this.handleTriggerClick=o=>{this.disabled&&o.stopPropagation()},this.handleTriggerKeyDown=o=>{this.disabled||o.target===this.triggerEl&&("Enter"===o.key||" "===o.key?(o.preventDefault(),this.isOpen=!this.isOpen):"ArrowDown"!==o.key||this.isOpen||(o.preventDefault(),this.isOpen=!0))},this.handlePopoverOpen=()=>{console.log("[co-combobox] handlePopoverOpen called"),this.isOpen=!0},this.handlePopoverClose=()=>{console.log("[co-combobox] handlePopoverClose called"),this.isOpen=!1},this.handleClear=o=>{o.stopPropagation(),this.value="[]",this.coClear.emit(),this.coChange.emit({value:this.multiple?[]:"",item:null})},this.handleListChange=o=>{if(null==o.value)return this.value="[]",this.isOpen=!1,void this.coChange.emit({value:null,item:null});if(this.multiple){const e=o.value;this.value=JSON.stringify(e),this.coChange.emit({value:e,item:o.item})}else{const e=o.value;this.value=JSON.stringify([e]),this.isOpen=!1,this.coChange.emit({value:e,item:o.item})}},this.handleListRemove=o=>{const e=this.selectedValues.filter((e=>e!==o));this.value=JSON.stringify(e),this.coChange.emit({value:e,item:{_id:o,label:o}})},this.handleFooterPrimary=()=>{this.coFooterPrimary.emit(),this.isOpen=!1},this.handleFooterSecondary=()=>{this.coFooterSecondary.emit()}}normalizeOptions(o){return o.map((o=>"string"==typeof o?{label:o,value:o}:o))}get parsedOptions(){if("string"==typeof this.options)try{return this.normalizeOptions(JSON.parse(this.options))}catch(o){return[]}return this.normalizeOptions(this.options)}get selectedValues(){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(o){return[]}return this.value}get filteredOptions(){return this.searchQuery?s(this.parsedOptions,this.searchQuery,(o=>o.label)):this.parsedOptions}get listItemsJson(){return JSON.stringify(this.filteredOptions.map((o=>({_id:o.value,label:o.label,icon:o.icon}))))}get displayText(){const o=this.selectedValues;if(0===o.length)return"";const e=this.parsedOptions.find((e=>e.value===o[0]));return e?e.label:o[0]}get selectedOptions(){return this.selectedValues.map((o=>this.parsedOptions.find((e=>e.value===o)))).filter((o=>!!o))}get hasValue(){return this.selectedValues.length>0}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}onOpenChange(o){o?(this.searchQuery="",this.pendingFocus=!0,this.coOpen.emit()):(this.coClose.emit(),this.restoreTriggerFocus())}onValueChange(){}connectedCallback(){this.resizeObserver=new ResizeObserver((()=>{this.calcOverflow()}))}disconnectedCallback(){var o;null===(o=this.resizeObserver)||void 0===o||o.disconnect()}componentDidRender(){var o,e,t;this.chipContainerEl&&(null===(o=this.resizeObserver)||void 0===o||o.disconnect(),null===(e=this.resizeObserver)||void 0===e||e.observe(this.chipContainerEl)),this.calcOverflow(),this.pendingFocus&&(null===(t=this.optionListEl)||void 0===t?void 0:t.isConnected)&&(this.pendingFocus=!1,this.optionListEl.focusSearch())}calcOverflow(){if(!this.multiple||!this.chipContainerEl)return;const o=this.chipContainerEl,e=Array.from(o.querySelectorAll("co-chip"));if(0===e.length)return void(0!==this.overflowCount&&(this.overflowCount=0));const t=o.getBoundingClientRect().right;let i=0;for(let o=e.length-1;o>=0&&e[o].getBoundingClientRect().right>t+1;o--)i++;i!==this.overflowCount&&(this.overflowCount=i)}restoreTriggerFocus(){var o;const e=document.activeElement;(e===this.el||this.el.contains(e))&&(null===(o=this.triggerEl)||void 0===o||o.focus({preventScroll:!0}))}render(){return t("div",{key:"f99c5d0c64f2b663d0cd553a26e5d64b66610571",class:{"co-combobox":!0,"co-combobox--open":this.isOpen,"co-combobox--disabled":this.disabled,[`co-combobox--${this.size}`]:!0},part:"wrapper"},(this.label||this.secondaryLabel)&&t("div",{key:"0e779933aa8d138ff765440ac2bd42ec6a3d13d7",class:"co-combobox__labels"},this.label&&t("label",{key:"463b2a9b0adaa41cc94ae6fa4f4010518294d210",class:"co-combobox__label",part:"label"},this.label,t(c,{key:"516ffb77b7e7a76ea8a37bd2afcb1e7089af83cd",required:this.required})),this.secondaryLabel&&t("span",{key:"43c140bbd96c4008d972d3692899cef6521b2f7f",class:"co-combobox__secondary-label",part:"secondary-label"},this.secondaryLabel)),t("co-popover",{key:"74e786d471d4a0d0c496cf2e0ff943b0041737ab",open:this.isOpen,placement:"bottom-start",matchWidth:!0,offset:4,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},t("div",{key:"302aae50470ebdba2a60d35372e9403724632d0c",slot:"trigger",class:"co-combobox__trigger",part:"trigger",role:"combobox","aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox","aria-label":this.label||void 0,"aria-disabled":this.disabled?"true":void 0,"aria-controls":this.isOpen?a.LIST_ID:void 0,tabIndex:this.disabled?-1:0,ref:o=>this.triggerEl=o,onClick:this.handleTriggerClick,onKeyDown:this.handleTriggerKeyDown},this.iconLeft&&t("co-icon",{key:"dc3e6cf2d6b0e43bc51ee9176c2b820717fb7bef",name:this.iconLeft,size:16,class:"co-combobox__icon"}),t("div",{key:"fa07a4fc78beb89a0528eb5ca860aafbf97b5e78",class:"co-combobox__input-wrapper",ref:o=>this.chipContainerEl=o},this.multiple&&this.hasValue?this.selectedOptions.map((o=>t("co-chip",{size:"small","icon-mode":"both",label:o.label},t("co-icon",{slot:"icon-left",name:o.icon||"circle",size:10}),t("co-icon",{slot:"icon-right",name:"x-circle",size:10,weight:"fill",onClick:e=>{e.stopPropagation(),this.handleListRemove(o.value)}})))):t("span",{class:{"co-combobox__text":!0,"co-combobox__text--placeholder":!this.hasValue}},this.hasValue?this.displayText:this.placeholder)),this.multiple&&this.overflowCount>0&&t("span",{key:"157baffb4927145da44cd6fc722ae1732cf20f13",class:"co-combobox__overflow-badge"},this.overflowCount),this.clearable&&this.hasValue&&!this.disabled&&t("button",{key:"1788b18dbd71a4f4e3c8c579d8394d69edda11ab",class:"co-combobox__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear selection",part:"clear"},t("co-icon",{key:"e37b3b32b59958dda1c0f9d33e59c9e9ebf48cbb",name:"x-circle",size:16,weight:"fill"})),t("co-icon",{key:"9686ea04af76add029c292936f393f059c85ad8d",name:this.isOpen?"caret-up":"caret-down",size:16,class:"co-combobox__caret"})),t("div",{key:"7b1ffa794b02e14594990d86ae4032b41b536854",class:"co-combobox__dropdown",part:"dropdown"},this.isOpen&&t("co-option-list",{key:"33c1d95d4ea218b7707ddc0665db826bb8f86028",id:a.LIST_ID,ref:o=>this.optionListEl=o,items:this.listItemsJson,value:this.multiple?JSON.stringify(this.selectedValues):this.selectedValues[0]||"",multiple:this.multiple,selectedAffordance:"check",removableItems:this.multiple,virtual:!0,searchable:this.searchable,searchPlaceholder:this.searchPlaceholder,searchDebounce:0,highlightMatches:!0,emptyMessage:this.emptyMessage,onCoSearch:o=>{this.searchQuery=o.detail},onCoChange:o=>this.handleListChange(o.detail),onCoRemoveItem:o=>this.handleListRemove(o.detail)},this.showFooter&&t("co-list-footer",{key:"933855b46314034c639869b4aafd9e5e577a3e1b",slot:"footer",secondaryLabel:this.footerSecondaryLabel,primaryLabel:this.footerPrimaryLabel,onCoSecondary:this.handleFooterSecondary,onCoPrimary:this.handleFooterPrimary})))),this.helperText&&t("div",{key:"876426c2eae453d0bd8cc5bbbfd704970d8eb243",class:`co-combobox__helper co-combobox__helper--${this.status}`,part:"helper"},this.statusIcon&&t("co-icon",{key:"53cb106c5cddb0ba6a29bc9cc73aae8fd21c8913",name:this.statusIcon,size:14,weight:"fill",class:"co-combobox__helper-icon"}),t("span",{key:"0f9a22080d190fa2cbd4f68d28838a42a6ab2761",class:"co-combobox__helper-text"},this.helperText)))}get el(){return i(this)}static get watchers(){return{isOpen:[{onOpenChange:0}],value:[{onValueChange:0}]}}};a.LIST_ID="co-combobox-list",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-combobox{display:flex;flex-direction:column;gap:var(--co-spacing-sm2);position:relative}.co-combobox__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-combobox__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-combobox__secondary-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;text-align:right}.co-combobox__trigger{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;cursor:pointer;transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out);overflow:hidden}.co-combobox--s .co-combobox__trigger{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-combobox--sm .co-combobox__trigger{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-combobox--lg .co-combobox__trigger{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-combobox--open .co-combobox__trigger{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-combobox__trigger:focus-visible{outline:none;border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-combobox--disabled .co-combobox__trigger{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-combobox__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-combobox--disabled .co-combobox__icon{color:var(--co-semantic-text-disabled)}.co-combobox__input-wrapper{flex:1;display:flex;align-items:center;flex-wrap:nowrap;gap:4px;min-width:0;min-height:22px;padding:0;overflow:hidden}.co-combobox__input-wrapper co-chip{--co-chip-max-width:120px;--co-chip-bg:var(--co-semantic-surface-muted);--co-chip-color:var(--co-semantic-text-default);--co-chip-border:1px solid var(--co-semantic-border-subtle);flex-shrink:0}.co-combobox__overflow-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-status-info, #2d6cc5);color:var(--co-color-base-blanco, #fff);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-10);font-weight:600;line-height:1;white-space:nowrap}.co-combobox__text{color:var(--co-semantic-text-default);font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-combobox__text--placeholder{color:var(--co-semantic-text-muted)}.co-combobox--disabled .co-combobox__text{color:var(--co-semantic-text-disabled)}.co-combobox__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-combobox__clear:hover{color:var(--co-semantic-text-default)}.co-combobox__caret{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-combobox--disabled .co-combobox__caret{color:var(--co-semantic-text-disabled)}.co-combobox__dropdown{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-combobox__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-combobox__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-combobox__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-combobox__helper--error .co-combobox__helper-icon,.co-combobox__helper--error .co-combobox__helper-text{color:var(--co-semantic-text-error, var(--co-semantic-status-error))}.co-combobox__helper--success .co-combobox__helper-icon,.co-combobox__helper--success .co-combobox__helper-text{color:var(--co-semantic-text-success, var(--co-semantic-status-success))}.co-combobox__helper--warning .co-combobox__helper-icon,.co-combobox__helper--warning .co-combobox__helper-text{color:var(--co-semantic-text-warning, var(--co-color-status-review))}.co-combobox__helper--info .co-combobox__helper-icon,.co-combobox__helper--info .co-combobox__helper-text{color:var(--co-semantic-text-info, var(--co-semantic-status-info))}:host([layout='horizontal']) .co-combobox{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-combobox__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-combobox__label{white-space:normal}:host([layout='horizontal']) .co-combobox>:not(.co-combobox__labels){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-semantic-text-error, var(--co-color-status-error))}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}";export{a as co_combobox}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,f as o,h as e,H as s,a as r}from"./p-DJkaRtbb.js";import{g as a}from"./p-EtYK1iGx.js";import{b as c,s as n}from"./p-BmdKHBZP.js";import{B as d,F as h,E as l,w as u,r as g,Q as p,s as b,q as m,x as v,z as f,W as _,I as x,P as y,G as w}from"./p-CqQobidl.js";import"./p-B2QLgWrz.js";const k={top:38,right:38,bottom:38,left:38},z=new Set(["letter","a4","legal"]);function C(t){if("string"==typeof t){if(z.has(t))return t;try{return C(JSON.parse(t))}catch(t){return"letter"}}if(t&&"object"==typeof t){const{width:i,height:o}=t;if(Number(i)>0&&Number(o)>0)return{width:Number(i),height:Number(o)}}return"letter"}const $=/@(import|charset|namespace)[^;]*;/gi;function S(t,i){return t?H(t.replace(/\/\*[\s\S]*?\*\//g,"").replace($,""),i).trim():""}function P(t,i){let o=0,e=null;for(let s=i;s<t.length;s+=1){const i=t[s];if(e)i===e&&"\\"!==t[s-1]&&(e=null);else if('"'===i||"'"===i)e=i;else if("{"===i)o+=1;else if("}"===i&&(o-=1,0===o))return s}return-1}function M(t,i){const o=t.trim();if(!o)return"";const e=`:where(${i})`;if("*"===o)return`${e}, ${e} *, ${e} :is(pre, code)`;const s=o.replace(/^(?:(?:html|body|:root)(?=$|[\s>+~.#:[])\s*)+/i,"").trim();return s?`${e} ${s}`:e}function H(t,i){let o="",e=0;for(;e<t.length;){const s=t.indexOf("{",e);if(-1===s)break;const r=P(t,s);if(-1===r)break;const a=t.slice(e,s).trim(),c=t.slice(s+1,r);if(e=r+1,!a)continue;if(a.startsWith("@")){const t=a.slice(1).split(/[\s(]/)[0].toLowerCase();"media"===t||"supports"===t?o+=`${a}{${H(c,i)}}`:t.endsWith("keyframes")&&(o+=`${a}{${c}}`);continue}const n=a.split(",").map((t=>M(t,i))).filter(Boolean);n.length&&(o+=`${n.join(", ")}{${c}}`)}return o}function N(t){return Number.isFinite(t)?Math.round(1e3*Math.min(3,Math.max(.25,t)))/1e3:1}function j(t,i,o){return o>0?(t-i)/o:0}function E(t,i,o,e){return t+i*o-e}const O={inline:"image-square","wrap-left":"text-align-left","wrap-right":"text-align-right",break:"rows"},I={width:124,height:34};function B(t,i,o=I,e=4){const s=t.top+t.height+e,r=t.top-e-o.height;let a=s,c="below";i.height>0&&s+o.height>i.height&&(r>=0?(a=r,c="above"):(a=Math.max(0,Math.min(t.top+t.height-e-o.height,i.height-o.height)),c="inside"));let n=t.left;return i.width>0&&(n=Math.max(0,Math.min(n,i.width-o.width))),{top:a,left:n,placement:c}}function L(t,i){let o=0,e=t;for(;e&&e!==i;)o+=e.offsetLeft,e=e.offsetParent;return o}const F={width:255,height:34};let G=0;const R=class{constructor(o){t(this,o),this.coChange=i(this,"coChange",3),this.coFieldsChange=i(this,"coFieldsChange",3),this.coHeaderChange=i(this,"coHeaderChange",3),this.coPagesChange=i(this,"coPagesChange",3),this.coAction=i(this,"coAction",3),this.coReady=i(this,"coReady",3),this.value=null,this.headerHtml="",this.showPageNumber=!1,this.pageSize="letter",this.headerHeight=45,this.pageStyles="",this.readonly=!1,this.locale="en",this.ready=!1,this.pageCount=1,this.zoomMode="fit",this.scale=1,this.stageHeight=0,this.headerEditing=!1,this.draftShowPageNumber=!1,this.imageBar=null,this.signatureBar=null,this.currentHeaderHtml="",this.currentShowPageNumber=!1,this.headerDoc=null,this.instanceId=String(++G),this.applyingExternal=!1,this.lastAppliedValue=null,this.userDirty=!1,this.lastFieldsKey="",this.pendingImageSrcs=new Set,this.changeThrottle=function(t,i){let o=null;return{run(){o||(o=setTimeout((()=>{o=null,i()}),250))},flush(){o&&(clearTimeout(o),o=null,i())},cancel(){o&&clearTimeout(o),o=null},get pending(){return null!==o}}}(0,(()=>this.emitPendingChange())),this.updateImageBar=()=>{const t=this.editor,i=null==t?void 0:t.state.selection,o=null==i?void 0:i.node;if(!t||this.readonly||!o||"image"!==o.type.name)return void(this.imageBar&&(this.imageBar=null));const e=t.view.nodeDOM(i.from),s=this.el.querySelector(".co-doc-editor__sheet");if(!e||!s)return void(this.imageBar&&(this.imageBar=null));const r=w(e,s),a=B({top:r.top,height:r.height,left:L(e,s)},{width:s.offsetWidth,height:s.offsetHeight}),c=d({wrapperStyle:o.attrs.wrapperStyle,containerStyle:o.attrs.containerStyle}),n=this.imageBar;n&&n.mode===c&&n.top===a.top&&n.left===a.left||(this.imageBar={mode:c,top:a.top,left:a.left})},this.updateSignatureBar=()=>{const t=this.editor,i=null==t?void 0:t.state.selection,o=null==i?void 0:i.node;if(!t||this.readonly||!o||"signatureSlot"!==o.type.name)return void(this.signatureBar&&(this.signatureBar=null));const e=t.view.nodeDOM(i.from),s=this.el.querySelector(".co-doc-editor__sheet");if(!e||!s)return void(this.signatureBar&&(this.signatureBar=null));const r=[];t.state.doc.descendants(((t,o)=>{"signatureSlot"===t.type.name&&o!==i.from&&r.push(t.attrs.slot)}));const{min:a,max:c}=function(t){let i=0;for(const o of t)o>i&&(i=o);return{min:1,max:i+1}}(r),n=w(e,s),d=B({top:n.top,height:n.height,left:L(e,s)},{width:s.offsetWidth,height:s.offsetHeight},F),h=o.attrs.slot,l=this.signatureBar;l&&l.slot===h&&l.min===a&&l.max===c&&l.top===d.top&&l.left===d.left||(this.signatureBar={slot:h,min:a,max:c,top:d.top,left:d.left})},this.onBodyImageLoad=t=>{const i=t.target,o=this.editor;if(!o||!i||"IMG"!==i.tagName)return;const e=i.getAttribute("src")||"";if(!this.pendingImageSrcs.has(e))return;let s=-1;o.state.doc.descendants(((t,i)=>!(s>=0||("image"!==t.type.name||t.attrs.width||t.attrs.src!==e||(s=i),0))));const r=s>=0?o.state.doc.nodeAt(s):null;if(!r)return;const a=this.marginsPx,c=function(t,i){const o=t>0?t:0,e=i>0?i:0,s=o&&e?Math.min(o,e):o||e;return s?Math.max(1,Math.round(s)):null}(i.naturalWidth,this.pageSizePx.width-a.left-a.right);if(!c)return;let n=!1;o.state.doc.descendants(((t,i)=>(i===s||"image"!==t.type.name||t.attrs.width||t.attrs.src!==e||(n=!0),!n))),n||this.pendingImageSrcs.delete(e);const d=o.state.selection.node&&o.state.selection.from===s;o.view.dispatch(o.state.tr.setNodeMarkup(s,void 0,Object.assign(Object.assign({},r.attrs),{width:c}))),d&&o.commands.setNodeSelection(s)},this.onEditorBlur=()=>{this.changeThrottle.flush()},this.onHostKeydown=t=>{"Escape"===t.key&&this.changeThrottle.flush()},this.onTransaction=({transaction:t})=>{t.docChanged&&(this.applyingExternal||!!t.getMeta(h)||(this.userDirty=!0,this.trackInsertedImages(t)),this.changeThrottle.run())},this.handleToolbarAction=t=>{t.stopPropagation();const{action:i,payload:o}=t.detail||{};o&&!0===o.extra?this.coAction.emit({action:i,payload:{extra:!0}}):"documentHeader"===i&&this.startHeaderEdit()},this.startHeaderEdit=()=>{this.readonly||this.headerEditing||!this.editor||(this.draftShowPageNumber=this.currentShowPageNumber,this.headerEditing=!0,this.refreshPagination())},this.onHeaderTransaction=({transaction:t})=>{t.docChanged&&this.changeThrottle.run()},this.onHeaderImageLoad=t=>{const i=t.target,o=this.headerEditor;if(!o||!i||"IMG"!==i.tagName)return;const e=l({w:i.naturalWidth,h:i.naturalHeight});if(!e)return;let s=-1;try{const t=o.view.posAtDOM(i,0),e=o.state.doc.nodeAt(t);e&&"image"===e.type.name&&(s=t)}catch(t){}if(s<0){const t=i.getAttribute("src");o.state.doc.descendants(((i,o)=>!(s>=0||("image"!==i.type.name||i.attrs.width||i.attrs.src!==t||(s=o),0))))}const r=s>=0?o.state.doc.nodeAt(s):null;r&&!r.attrs.width&&o.view.dispatch(o.state.tr.setNodeMarkup(s,void 0,Object.assign(Object.assign({},r.attrs),{width:e})))},this.onDocumentPointer=t=>{const i=t.composedPath();this.headerBandEl&&i.includes(this.headerBandEl)||this.toolbarEl&&i.includes(this.toolbarEl)||this.commitHeader()},this.onHeaderKeydown=t=>{var i;if("Escape"!==t.key||t.isComposing)return;const o=this.toolbarEl;o&&t.currentTarget===o&&(null===(i=o.shadowRoot)||void 0===i?void 0:i.querySelector('[aria-expanded="true"]'))||(t.preventDefault(),t.stopPropagation(),this.cancelHeader(!0))},this.commitHeader=(t=!1)=>{var i;const o=this.headerEditor;if(!o)return;const e=t&&this.focusIsInBandOrLost(),s=o.isEmpty?"":u(o.state.doc,"print-header",this.resolvedFeatures),r=this.draftShowPageNumber;this.teardownHeaderEditor(),this.currentHeaderHtml=s,this.currentShowPageNumber=r,this.headerDoc=s?g(s,"print-header",this.resolvedFeatures):null,this.headerEditing=!1,this.refreshPagination(),this.coHeaderChange.emit({html:s,showPageNumber:r}),this.emitFieldsIfChanged(),e&&(null===(i=this.editor)||void 0===i||i.commands.focus())},this.cancelHeader=(t=!1)=>{var i;this.headerEditing&&(this.teardownHeaderEditor(),this.headerEditing=!1,this.refreshPagination(),this.emitFieldsIfChanged(),t&&(null===(i=this.editor)||void 0===i||i.commands.focus()))},this.renderedScale=1,this.onCanvasWheel=t=>{var i,o;(t.ctrlKey||t.metaKey)&&(t.preventDefault(),this.zoomTo((i=this.scale,o=1===t.deltaMode?16*t.deltaY:t.deltaY,Number.isFinite(o)?N(i*Math.exp(.01*-o)):i),t.clientX,t.clientY))},this.gestureBase=1,this.onGestureStart=t=>{t.preventDefault(),this.gestureBase=this.scale},this.onGestureChange=t=>{var i,o,e,s;t.preventDefault();const r=null===(i=this.canvasEl)||void 0===i?void 0:i.getBoundingClientRect(),a=null!==(o=t.clientX)&&void 0!==o?o:r?r.left+r.width/2:0,c=null!==(e=t.clientY)&&void 0!==e?e:r?r.top+r.height/2:0;this.zoomTo(N(this.gestureBase*(null!==(s=t.scale)&&void 0!==s?s:1)),a,c)}}get s(){return a(this.locale)}get resolvedFeatures(){var t;return null!==(t=c(this.features))&&void 0!==t?t:{}}get parsedExtraItems(){const t=c(this.extraItems);return Array.isArray(t)?t:[]}get pageSizePx(){return p(C(this.pageSize))}get marginsPx(){return function(t){let i=t;if("string"==typeof t)try{i=JSON.parse(t)}catch(t){return Object.assign({},k)}if(!i||"object"!=typeof i)return Object.assign({},k);const o=i,e=t=>Number.isFinite(Number(o[t]))&&void 0!==o[t]?Number(o[t]):k[t];return{top:e("top"),right:e("right"),bottom:e("bottom"),left:e("left")}}(this.margins)}get hasHeader(){return!!this.currentHeaderHtml||this.headerEditing}get sanitizedHeaderHtml(){return b(this.currentHeaderHtml,"print-header")}get pageScope(){return`.co-doc-editor__sheet[data-co-doc="${this.instanceId}"]`}get activeEditor(){var t;return null!==(t=this.headerEditor)&&void 0!==t?t:this.editor}get documentHeaderEnabled(){return!this.readonly&&!this.headerEditing}buildCustomExtensions(){return[m.configure({page:this.pageSizePx,margins:this.marginsPx,header:{height:this.hasHeader?this.headerHeight:0},footer:{height:0},renderHeader:(t,i)=>this.buildHeaderClone(t,i),onPagesChange:t=>{this.pageCount=t,this.coPagesChange.emit(t)}})]}collectAllFields(){if(!this.editor)return[];const t=v(this.editor.state.doc),i=this.headerEditor?this.headerEditor.state.doc:this.headerDoc;return i&&v(i,t),t}connectedCallback(){this.el.addEventListener("keydown",this.onHostKeydown,!0)}componentWillLoad(){this.ready=!1,this.pageCount=1,this.zoomMode="fit",this.scale=1,this.stageHeight=0,this.headerEditing=!1,this.draftShowPageNumber=!1,this.imageBar=null,this.signatureBar=null}componentDidLoad(){var t,i,o;this.contentEl&&(this.syncHeaderFromProps(),this.editor=f({preset:"print",element:this.contentEl,content:this.value?this.parseBody(this.value):null,editable:!this.readonly,features:this.resolvedFeatures,labels:{signature:t=>`${this.s.signature} ${t}`,fieldName:this.s.fieldNamePlaceholder},customExtensions:this.buildCustomExtensions(),imageUpload:this.imageUpload}),this.lastAppliedValue=this.value,this.wireEditor(this.editor),this.applyPageStyles(),"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.updateScale())),this.canvasEl&&this.resizeObserver.observe(this.canvasEl),this.stageEl&&this.resizeObserver.observe(this.stageEl)),null===(t=this.canvasEl)||void 0===t||t.addEventListener("wheel",this.onCanvasWheel,{passive:!1}),null===(i=this.canvasEl)||void 0===i||i.addEventListener("gesturestart",this.onGestureStart),null===(o=this.canvasEl)||void 0===o||o.addEventListener("gesturechange",this.onGestureChange),this.updateScale(),this.syncToolbar(),this.ready=!0,this.emitFieldsIfChanged(),this.coReady.emit())}componentDidRender(){this.applyPendingAnchor(),this.headerEditing&&!this.headerEditor&&this.headerMountEl&&this.mountHeaderEditor(),this.syncToolbar()}disconnectedCallback(){var t,i,o,e;this.el.removeEventListener("keydown",this.onHostKeydown,!0),this.changeThrottle.cancel(),null===(t=this.resizeObserver)||void 0===t||t.disconnect(),this.resizeObserver=void 0,null===(i=this.canvasEl)||void 0===i||i.removeEventListener("wheel",this.onCanvasWheel),null===(o=this.canvasEl)||void 0===o||o.removeEventListener("gesturestart",this.onGestureStart),null===(e=this.canvasEl)||void 0===e||e.removeEventListener("gesturechange",this.onGestureChange),this.toolbarEl&&(this.toolbarEl.editor=void 0),this.teardownHeaderEditor(!1),this.headerEditing=!1,this.editor&&(this.editor.off("transaction",this.onTransaction),this.editor.off("blur",this.onEditorBlur),this.editor.off("transaction",this.updateImageBar),this.editor.off("transaction",this.updateSignatureBar),this.editor.view.dom.removeEventListener("load",this.onBodyImageLoad,!0),this.editor.destroy()),this.editor=void 0,this.pendingImageSrcs.clear(),this.imageBar=null,this.signatureBar=null}onValueChange(t){t!==this.lastAppliedValue&&(this.editor&&t&&t===u(this.editor.state.doc,"print",this.resolvedFeatures)?this.lastAppliedValue=t:this.applyBody(t))}onReadonlyChange(){var t;null===(t=this.editor)||void 0===t||t.setEditable(!this.readonly),this.readonly&&this.headerEditing&&this.cancelHeader(),this.updateImageBar(),this.updateSignatureBar()}onPageGeometryChange(){this.refreshPagination(),this.updateScale()}onHeaderPropsChange(){this.headerEditing||(this.syncHeaderFromProps(),this.refreshPagination(),this.emitFieldsIfChanged())}onPageStylesChange(){this.applyPageStyles()}onLabelChange(){this.editor&&this.editor.view.dom.setAttribute("aria-label",this.label||this.s.documentEditor)}onLocaleChange(){this.currentShowPageNumber&&this.refreshPagination()}async getPrintHtml(){return this.editor?u(this.editor.state.doc,"print",this.resolvedFeatures):""}async getHeaderHtml(){return this.currentHeaderHtml}async getJSON(){return this.editor?this.editor.getJSON():null}async flushChange(){this.changeThrottle.flush()}async isEmpty(){return!this.editor||this.editor.isEmpty}async setContent(t){this.applyBody(t)}async setFieldValues(t){var i,e;if(null===(i=this.editor)||void 0===i||i.commands.setFieldValues(t),null===(e=this.headerEditor)||void 0===e||e.commands.setFieldValues(t),!this.currentHeaderHtml)return;const s=_(this.currentHeaderHtml,t,"print-header",this.resolvedFeatures);s!==this.currentHeaderHtml&&(this.currentHeaderHtml=s,this.headerDoc=g(s,"print-header",this.resolvedFeatures),this.headerEditing||(this.refreshPagination(),o(this)))}async insertField(t,i){var o;null===(o=this.editor)||void 0===o||o.chain().focus().insertField(t,i).run()}async insertSignatureSlot(){var t;null===(t=this.editor)||void 0===t||t.chain().focus().insertSignatureSlot().run()}async focusEditor(){var t;null===(t=this.editor)||void 0===t||t.commands.focus()}async getEditorInstance(){var t;return null!==(t=this.editor)&&void 0!==t?t:null}wireEditor(t){const i=t.view.dom;i.classList.add("tiptap"),i.setAttribute("aria-label",this.label||this.s.documentEditor),i.setAttribute("aria-multiline","true"),t.on("transaction",this.onTransaction),t.on("transaction",this.updateImageBar),t.on("transaction",this.updateSignatureBar),t.on("blur",this.onEditorBlur),i.addEventListener("load",this.onBodyImageLoad,!0)}imageModeLabel(t){const i=this.s;return{inline:i.imageLayoutInline,"wrap-left":i.imageLayoutWrapLeft,"wrap-right":i.imageLayoutWrapRight,break:i.imageLayoutBreak}[t]}setImageMode(t){var i;null===(i=this.editor)||void 0===i||i.commands.setImageLayoutMode(t),this.updateImageBar()}duplicateSignature(){var t;null===(t=this.editor)||void 0===t||t.commands.duplicateSignatureSlot(),this.updateSignatureBar()}stepSigner(t){var i;const o=this.signatureBar;if(!o)return;const e=o.slot+t;e<o.min||e>o.max||(null===(i=this.editor)||void 0===i||i.commands.setSignatureSlot(e),this.updateSignatureBar())}trackInsertedImages(t){var i,o,e;if(t.getMeta("history$"))return;const s=[];for(const r of t.steps)null===(e=null===(o=null===(i=r.slice)||void 0===i?void 0:i.content)||void 0===o?void 0:o.descendants)||void 0===e||e.call(o,(t=>{"image"===t.type.name&&!t.attrs.width&&t.attrs.src&&s.push(t.attrs.src)}));if(!s.length)return;const r=new Set;t.before.descendants((t=>{"image"!==t.type.name||t.attrs.width||r.add(t.attrs.src)})),s.forEach((t=>{r.has(t)||this.pendingImageSrcs.add(t)}))}parseBody(t){const i=t.trim();if(i.startsWith("{"))try{return JSON.parse(i)}catch(t){}return g(t,"print",this.resolvedFeatures)}applyBody(t){if(this.editor){this.pendingImageSrcs.clear(),this.applyingExternal=!0;try{t?this.editor.commands.setContent(this.parseBody(t),{emitUpdate:!1}):this.editor.commands.clearContent(!1)}finally{this.applyingExternal=!1,this.lastAppliedValue=t}}}emitPendingChange(){this.editor&&(this.emitFieldsIfChanged(),this.userDirty&&(this.userDirty=!1,this.coChange.emit()))}emitFieldsIfChanged(){const t=this.collectAllFields(),i=JSON.stringify(t);i!==this.lastFieldsKey&&(this.lastFieldsKey=i,this.coFieldsChange.emit(t))}syncToolbar(){n(this.toolbarEl,this.activeEditor,this.imageUpload)}syncHeaderFromProps(){var t;this.currentHeaderHtml=this.headerHtml||"",this.currentShowPageNumber=!0===(t=this.showPageNumber)||"true"===t,this.headerDoc=this.currentHeaderHtml?g(this.currentHeaderHtml,"print-header",this.resolvedFeatures):null}mountHeaderEditor(){var t,i;const o=f({preset:"print-header",element:this.headerMountEl,content:this.currentHeaderHtml?g(this.currentHeaderHtml,"print-header",this.resolvedFeatures):null,editable:!0,features:{fields:this.resolvedFeatures.fields},labels:{fieldName:this.s.fieldNamePlaceholder},imageUpload:this.imageUpload});this.headerEditor=o;const e=o.view.dom;e.classList.add("tiptap"),e.setAttribute("aria-label",this.s.documentHeader),o.on("transaction",this.onHeaderTransaction),e.addEventListener("load",this.onHeaderImageLoad,!0),document.addEventListener("mousedown",this.onDocumentPointer,!0),null===(t=this.headerBandEl)||void 0===t||t.addEventListener("keydown",this.onHeaderKeydown,!0),null===(i=this.toolbarEl)||void 0===i||i.addEventListener("keydown",this.onHeaderKeydown,!0),o.commands.focus("end"),this.syncToolbar()}teardownHeaderEditor(t=!0){var i,o;document.removeEventListener("mousedown",this.onDocumentPointer,!0),null===(i=this.headerBandEl)||void 0===i||i.removeEventListener("keydown",this.onHeaderKeydown,!0),null===(o=this.toolbarEl)||void 0===o||o.removeEventListener("keydown",this.onHeaderKeydown,!0);const e=this.headerEditor;this.headerEditor=void 0,t?this.syncToolbar():this.toolbarEl&&e&&this.toolbarEl.editor===e&&(this.toolbarEl.editor=void 0),e&&(e.off("transaction",this.onHeaderTransaction),e.view.dom.removeEventListener("load",this.onHeaderImageLoad,!0),e.destroy())}focusIsInBandOrLost(){const t=document.activeElement;return!t||t===document.body||!(!this.headerBandEl||!this.headerBandEl.contains(t))}refreshPagination(){var t;null===(t=this.editor)||void 0===t||t.commands.setPaginationOptions({page:this.pageSizePx,margins:this.marginsPx,header:{height:this.hasHeader?this.headerHeight:0}})}applyPageStyles(){this.styleEl&&(this.styleEl.textContent=S(this.pageStyles,this.pageScope))}buildHeaderClone(t,i){if(!this.currentHeaderHtml)return null;const o=document.createElement("div");o.className="co-doc-editor__header-static",o.style.height=`${this.headerHeight}px`;const e=document.createElement("div");if(e.className="co-doc-editor__header-html",e.innerHTML=this.sanitizedHeaderHtml,o.appendChild(e),this.currentShowPageNumber){const e=document.createElement("span");e.className="co-doc-editor__page-number",e.textContent=`${this.s.page} ${t} / ${i}`,o.appendChild(e)}return o}updateScale(){var t,i,o,e;if("custom"!==this.zoomMode){const o="actual"===this.zoomMode?1:function(t,i){if(!(t>0&&i>0))return 1;const o=Math.min(1,Math.max(.25,t/i));return Math.round(1e3*o)/1e3}((null!==(i=null===(t=this.canvasEl)||void 0===t?void 0:t.clientWidth)&&void 0!==i?i:0)-32,this.pageSizePx.width);o!==this.scale&&(this.scale=o)}const s=null!==(e=null===(o=this.stageEl)||void 0===o?void 0:o.offsetHeight)&&void 0!==e?e:0;s!==this.stageHeight&&(this.stageHeight=s)}zoomTo(t,i,o){if(this.canvasEl&&this.stageEl&&t!==this.scale){if(this.pendingAnchor)this.pendingAnchor.cx=i,this.pendingAnchor.cy=o;else{const t=this.stageEl.getBoundingClientRect();this.pendingAnchor={px:j(i,t.left,this.renderedScale),py:j(o,t.top,this.renderedScale),cx:i,cy:o}}this.zoomMode="custom",this.scale=t}}applyPendingAnchor(){const t=this.pendingAnchor,i=this.canvasEl;if(this.renderedScale=this.scale,!t||!i||!this.stageEl)return;this.pendingAnchor=void 0;const o=this.stageEl.getBoundingClientRect();i.scrollLeft+=E(o.left,t.px,this.scale,t.cx),i.scrollTop+=E(o.top,t.py,this.scale,t.cy)}setZoom(t){this.zoomMode=t,this.updateScale()}renderHeaderBand(){const t=this.s;return e("div",{key:"header-band",class:{"co-doc-editor__header-band":!0,"co-doc-editor__header-band--editing":this.headerEditing},part:"header-band",hidden:!this.hasHeader,ref:t=>this.headerBandEl=t,onDblClick:()=>this.startHeaderEdit()},this.headerEditing?e("div",{key:"header-editing",class:"co-doc-editor__header-editing"},e("div",{class:"co-doc-editor__header-editor",ref:t=>this.headerMountEl=t}),e("div",{class:"co-doc-editor__header-tools"},e("co-switch",{checked:this.draftShowPageNumber,label:t.pageNumber,disabled:!1,required:!1,status:"default",onCoChange:t=>{t.stopPropagation(),this.draftShowPageNumber=!!t.detail}}),e("co-tooltip",{content:t.confirmHeader},e("co-icon-button",{icon:"check",variant:"ghost",size:"xs",boxSize:28,iconSize:16,label:t.confirmHeader,onClick:()=>this.commitHeader(!0)})))):e("div",{key:"header-static",class:"co-doc-editor__header-static"},e("div",{class:"co-doc-editor__header-html",innerHTML:this.sanitizedHeaderHtml}),this.currentShowPageNumber&&e("span",{class:"co-doc-editor__page-number"},`${t.page} 1 / ${this.pageCount}`)))}renderOverlays(){return this.readonly||this.headerEditing?null:[this.renderImageBar(),this.renderSignatureBar()]}renderSignatureBar(){const t=this.signatureBar;if(!t)return null;const i=this.s,o=(t,i,o,s,r)=>e("co-tooltip",{key:t,content:i},e("button",{type:"button",class:"co-doc-editor__sig-step","data-dir":t,"aria-label":i,disabled:r,onClick:()=>this.stepSigner(s)},e("co-icon",{name:o,size:16,"aria-hidden":"true"})));return e("div",{key:"signature-bar",class:"co-doc-editor__sig-bar",role:"toolbar","aria-label":i.signatureToolsLabel,style:{top:`${t.top}px`,left:`${t.left}px`},onMouseDown:t=>t.preventDefault()},e("button",{key:"duplicate",type:"button",class:"co-doc-editor__sig-duplicate",onClick:()=>this.duplicateSignature()},e("co-icon",{name:"copy",size:16,"aria-hidden":"true"}),e("span",{class:"co-doc-editor__sig-duplicate-text"},i.signatureDuplicate)),e("span",{key:"sep",class:"co-doc-editor__sig-sep","aria-hidden":"true"}),o("prev",i.signaturePrevSigner,"caret-left",-1,t.slot<=t.min),e("span",{key:"label",class:"co-doc-editor__sig-label","aria-live":"polite"},`${i.signature} ${t.slot}`),o("next",i.signatureNextSigner,"caret-right",1,t.slot>=t.max))}renderImageBar(){const t=this.imageBar;return t?e("div",{key:"image-bar",class:"co-doc-editor__image-bar",role:"toolbar","aria-label":this.s.imageLayoutLabel,style:{top:`${t.top}px`,left:`${t.left}px`},onMouseDown:t=>t.preventDefault()},x.map((i=>{const o=this.imageModeLabel(i),s=t.mode===i;return e("co-tooltip",{key:i,content:o},e("button",{type:"button",class:{"co-doc-editor__image-mode":!0,"co-doc-editor__image-mode--active":s},"data-mode":i,"aria-label":o,"aria-pressed":String(s),onClick:()=>this.setImageMode(i)},e("co-icon",{name:O[i],size:16,"aria-hidden":"true"})))}))):null}render(){const t=this.s,i=this.pageSizePx,o=this.marginsPx,r={"--co-doc-page-w":`${i.width}px`,"--co-doc-page-h":`${i.height}px`,"--co-doc-margin-top":`${o.top}px`,"--co-doc-margin-right":`${o.right}px`,"--co-doc-margin-bottom":`${o.bottom}px`,"--co-doc-margin-left":`${o.left}px`,"--co-doc-header-h":`${this.hasHeader?this.headerHeight:0}px`,"--co-doc-pages":String(this.pageCount),"--co-doc-gap":`${y}px`},a={width:i.width*this.scale+"px",height:this.stageHeight?this.stageHeight*this.scale+"px":"auto"},c=(t,i)=>e("button",{key:"3364440e585cbfdfdc33580aa28001f7563f6fa6",type:"button",class:{"co-doc-editor__zoom-btn":!0,"co-doc-editor__zoom-btn--active":this.zoomMode===t},"aria-pressed":String(this.zoomMode===t),onClick:()=>this.setZoom(t)},i);return e(s,{key:"2cc578822013cc07eeeebd0949cbbd2bb09acbc1"},e("div",{key:"5aebe4e657d01b03c5fdf719b87c1c4a08f121a6",class:{"co-doc-editor":!0,"co-doc-editor--readonly":this.readonly,"co-doc-editor--loading":!this.ready},part:"wrapper"},e("div",{key:"93f7d60fffd9e9e902ac25d9fa8a971e96b39ec5",class:"co-doc-editor__bar",part:"bar"},!this.readonly&&e("co-rich-text-toolbar",{key:"df82ee73a50e8283244afb38532803a13b4d6db9",class:"co-doc-editor__toolbar",part:"toolbar",variant:"document",position:"top",disabled:!1,locale:this.locale,attachmentsEnabled:!1,documentHeaderEnabled:this.documentHeaderEnabled,extraItems:this.parsedExtraItems,onCoAction:this.handleToolbarAction,ref:t=>this.toolbarEl=t}),e("div",{key:"a49cc3a01fc203b3bcf3e158ce186fefd607577e",class:"co-doc-editor__zoom",role:"group","aria-label":t.zoom},"custom"===this.zoomMode&&e("span",{key:"47f0c8d5c6bd3c0e51d75ad70103644def66b333",class:"co-doc-editor__zoom-level"},`${Math.round(100*this.scale)} %`),c("fit",t.zoomFit),c("actual",t.zoomActual))),e("div",{key:"d28e02e78c8171b0366f7b3ec74e60cfd9f3d21b",class:"co-doc-editor__body"},e("div",{key:"450bbf0712838a9213a08288148f5365a1d6766b",class:"co-doc-editor__canvas",part:"canvas",ref:t=>this.canvasEl=t},e("div",{key:"3585da3d1f7b0311cb036246f20340b2eb34e45d",class:"co-doc-editor__zoom-frame",style:a},e("div",{key:"ce70286c7205f29115d4e9049c3d43775657abfb",class:"co-doc-editor__stage",style:{transform:`scale(${this.scale})`},ref:t=>this.stageEl=t},e("div",{key:"81c7e68d4d8593b21be0f14045965b1e7230657e",class:"co-doc-editor__sheet",part:"sheet","data-co-doc":this.instanceId,style:r},e("style",{key:"page-styles","data-co-doc-page-styles":"",ref:t=>this.styleEl=t}),e("div",{key:"paper",class:"co-doc-editor__paper","data-theme":"light"},this.renderHeaderBand(),e("div",{key:"content",class:"co-doc-editor__content",ref:t=>this.contentEl=t}),this.renderOverlays()))))),e("slot",{key:"3808aa0d8bae35da687e9757ca39ffced996a795",name:"aside"}))))}get el(){return r(this)}static get watchers(){return{value:[{onValueChange:0}],readonly:[{onReadonlyChange:0}],pageSize:[{onPageGeometryChange:0}],margins:[{onPageGeometryChange:0}],headerHeight:[{onPageGeometryChange:0}],headerHtml:[{onHeaderPropsChange:0}],showPageNumber:[{onHeaderPropsChange:0}],pageStyles:[{onPageStylesChange:0}],label:[{onLabelChange:0}],locale:[{onLabelChange:0},{onLocaleChange:0}]}}};R.style="co-document-editor{display:block;height:100%;min-height:0}.co-doc-editor{--co-doc-canvas:var(--co-semantic-surface-muted);--co-doc-sheet-shadow:0 1px 3px var(--co-color-opacity-negro-16), 0 0 0 1px var(--co-color-opacity-negro-8);display:flex;flex-direction:column;height:100%;min-height:0;background:var(--co-doc-canvas);color:var(--co-semantic-text-default);font-family:var(--co-font-family-primary)}.co-doc-editor__bar{display:flex;align-items:center;gap:var(--co-spacing-sm2);min-width:0;padding-inline:var(--co-spacing-md);background:var(--co-semantic-surface-page);border-bottom:1px solid var(--co-semantic-border-subtle)}.co-doc-editor__toolbar{flex:1 1 auto;min-width:0}.co-doc-editor__body{flex:1 1 auto;display:flex;min-height:0}.co-doc-editor__body>[slot='aside']{flex:0 0 var(--co-doc-aside-width, 320px);width:var(--co-doc-aside-width, 320px);min-width:0;min-height:0;box-sizing:border-box;border-left:1px solid var(--co-semantic-border-subtle)}.co-doc-editor__canvas{flex:1 1 auto;min-width:0;overflow:auto;box-sizing:border-box;padding:var(--co-spacing-2xl) var(--co-spacing-lg)}.co-doc-editor__content .ProseMirror{position:relative;outline:none}.co-doc-editor--loading .co-doc-editor__content{visibility:hidden}.co-doc-field{--co-doc-field-bg:var(--co-color-primary-amarillo);background:var(--co-doc-field-bg);box-shadow:0 0 0 2px var(--co-doc-field-bg);border-radius:var(--co-border-radius-xxs);color:var(--co-color-base-negro);cursor:pointer}.co-doc-field--empty{--co-doc-field-bg:color-mix(in srgb, var(--co-color-primary-amarillo) 55%, var(--co-color-base-blanco))}.co-doc-field--required.co-doc-field--empty{box-shadow:0 0 0 2px var(--co-doc-field-bg), inset 0 -2px 0 var(--co-color-status-error)}.co-doc-field__input{width:14ch;border:0;outline:1px solid var(--co-semantic-border-focus);background:var(--co-color-base-blanco);font:inherit}.co-doc-signature{display:inline-flex;align-items:center;justify-content:center;vertical-align:top;box-sizing:border-box;outline:1px dashed var(--co-color-primary-azul);outline-offset:-1px;background:color-mix(in srgb, var(--co-color-primary-azul) 6%, transparent);color:var(--co-semantic-text-link, var(--co-color-primary-azul));font-size:var(--co-font-size-12);user-select:none;cursor:grab}.co-doc-signature:active{cursor:grabbing}.co-doc-signature.ProseMirror-selectednode{outline-style:solid;background:color-mix(in srgb, var(--co-color-primary-azul) 14%, transparent)}.co-doc-hb{background:color-mix(in srgb, var(--co-color-primary-azul) 12%, transparent);border-radius:var(--co-border-radius-xxs)}.co-doc-editor__zoom{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--co-spacing-xxs);margin-inline-start:auto}.co-doc-editor__zoom-level{min-width:5ch;padding-inline:var(--co-spacing-xs);font-size:var(--co-font-size-13);font-variant-numeric:tabular-nums;text-align:end;color:var(--co-semantic-text-secondary)}.co-doc-editor__zoom-btn{padding:var(--co-spacing-xs) var(--co-spacing-sm2);border:0;border-radius:var(--co-border-radius-xs);background:transparent;color:var(--co-semantic-text-secondary);font:inherit;font-size:var(--co-font-size-13);white-space:nowrap;cursor:pointer}.co-doc-editor__zoom-btn:hover{background:var(--co-semantic-surface-hover)}.co-doc-editor__zoom-btn--active{background:var(--co-semantic-surface-hover);color:var(--co-semantic-text-default)}.co-doc-editor__zoom-btn:focus-visible{outline:1px solid var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-doc-editor__zoom-frame{margin-inline:auto}.co-doc-editor__stage{width:var(--co-doc-page-w);transform-origin:top left}.co-doc-editor__sheet{--co-semantic-surface-page:var(--co-color-base-blanco);--co-semantic-surface-hover:var(--co-color-opacity-negro-8);--co-semantic-text-default:var(--co-color-base-negro);--co-semantic-text-secondary:var(--co-color-gray-600);--co-semantic-text-muted:var(--co-color-gray-500);--co-semantic-border-default:var(--co-color-opacity-negro-16);--co-semantic-border-subtle:var(--co-color-opacity-negro-8);--co-semantic-border-field:var(--co-color-opacity-negro-25);--co-semantic-border-focus:var(--co-color-opacity-negro-50);--co-semantic-border-focus-ring:var(--co-color-opacity-negro-8);--co-semantic-text-link:var(--co-color-primary-azul);position:relative;width:var(--co-doc-page-w);min-height:calc(var(--co-doc-pages, 1) * var(--co-doc-page-h) + (var(--co-doc-pages, 1) - 1) * var(--co-doc-gap));box-sizing:border-box;padding-top:calc(var(--co-doc-margin-top) + var(--co-doc-header-h, 0px));padding-right:var(--co-doc-margin-right);padding-bottom:var(--co-doc-margin-bottom);padding-left:var(--co-doc-margin-left);overflow:clip;background:var(--co-color-base-blanco);color:var(--co-color-base-negro);color-scheme:light;box-shadow:var(--co-doc-sheet-shadow)}.co-doc-editor__paper{display:contents;color:var(--co-semantic-text-default)}.co-doc-editor .co-doc-editor__sheet .co-doc-editor__content .ProseMirror.tiptap{padding:0 !important;min-height:1em}.co-doc-editor__header-band{position:absolute;top:var(--co-doc-margin-top);left:var(--co-doc-margin-left);right:var(--co-doc-margin-right);height:var(--co-doc-header-h);box-sizing:border-box}.co-doc-editor__header-band[hidden]{display:none}.co-doc-editor__header-band:hover{outline:1px dashed var(--co-color-opacity-negro-25)}.co-doc-editor__header-static{display:flex;align-items:center;justify-content:space-between;height:100%;overflow:hidden;font-size:var(--co-font-size-12);line-height:1.5;user-select:none}.co-doc-editor__header-html{flex:1 1 auto;min-width:0;max-height:100%;overflow:hidden}.co-doc-editor__page-number{flex-shrink:0;margin-inline-start:var(--co-spacing-sm2);white-space:nowrap;color:var(--co-color-gray-600)}.co-doc-page-gap,.co-doc-page-gap__foot,.co-doc-page-gap__between,.co-doc-page-gap__head{margin:0 !important;padding:0 !important;border-width:0 !important;box-sizing:border-box !important}.co-doc-editor__sheet .co-doc-page-gap{position:relative;margin-left:calc(-1 * var(--co-doc-margin-left)) !important;margin-right:calc(-1 * var(--co-doc-margin-right)) !important;user-select:none}.co-doc-page-gap__between{background:var(--co-doc-canvas);border-image:linear-gradient(var(--co-doc-canvas), var(--co-doc-canvas)) fill 0 / 0 / 0 100vmax;box-shadow:inset 0 1px 0 var(--co-color-opacity-negro-8), inset 0 4px 3px -3px var(--co-color-opacity-negro-16), inset 0 -1px 0 var(--co-color-opacity-negro-8)}:is(ul,ol)>.co-doc-page-gap{list-style:none}.co-doc-editor__sheet .co-doc-page-gap__head{padding-top:var(--co-doc-margin-top) !important;padding-left:var(--co-doc-margin-left) !important;padding-right:var(--co-doc-margin-right) !important}.co-doc-page-gap-row>td{padding:0 !important;border:0 !important;background:transparent !important}.co-doc-editor__header-band--editing,.co-doc-editor__header-band--editing:hover{outline:1px solid var(--co-semantic-border-focus);outline-offset:2px}.co-doc-editor__header-editing{display:flex;align-items:center;gap:var(--co-spacing-sm2);height:100%}.co-doc-editor__header-editor{flex:1 1 auto;min-width:0;max-height:100%;overflow:hidden;font-size:var(--co-font-size-12);line-height:1.5}.co-doc-editor__header-editor .ProseMirror{outline:none}.co-doc-editor__header-tools{position:absolute;right:0;bottom:100%;display:flex;align-items:center;gap:var(--co-spacing-xs);padding:var(--co-spacing-xxs) var(--co-spacing-xs);box-sizing:border-box;background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-xs)}.co-doc-editor__image-bar{position:absolute;z-index:2;display:flex;gap:var(--co-spacing-xxs);padding:var(--co-spacing-xxs);box-sizing:border-box;background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-xs);user-select:none}.co-doc-editor__image-bar co-tooltip{display:inline-flex}.co-doc-editor__image-mode{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:var(--co-border-radius-xxs);background:transparent;color:var(--co-semantic-text-default);cursor:pointer}.co-doc-editor__image-mode:hover,.co-doc-editor__image-mode--active{background:var(--co-semantic-surface-hover)}.co-doc-editor__image-mode--active{box-shadow:inset 0 0 0 1px var(--co-semantic-border-focus)}.co-doc-editor__image-mode:focus-visible{outline:1px solid var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-doc-editor__image-mode--active:focus-visible{box-shadow:inset 0 0 0 1px var(--co-semantic-border-focus), 0 0 0 2px var(--co-semantic-border-focus-ring)}.co-doc-editor__sig-bar{position:absolute;z-index:2;display:flex;align-items:center;gap:var(--co-spacing-xxs);padding:var(--co-spacing-xxs);box-sizing:border-box;background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-xs);color:var(--co-semantic-text-default);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);user-select:none}.co-doc-editor__sig-bar co-tooltip{display:inline-flex}.co-doc-editor__sig-duplicate,.co-doc-editor__sig-step{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;border:0;border-radius:var(--co-border-radius-xxs);background:transparent;color:inherit;font:inherit;cursor:pointer}.co-doc-editor__sig-duplicate{width:96px;height:28px;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-sm)}.co-doc-editor__sig-duplicate co-icon{flex-shrink:0}.co-doc-editor__sig-duplicate-text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-doc-editor__sig-step{width:28px;height:28px;padding:0}.co-doc-editor__sig-duplicate:hover,.co-doc-editor__sig-step:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-doc-editor__sig-step:disabled{color:var(--co-semantic-text-muted);cursor:default}.co-doc-editor__sig-duplicate:focus-visible,.co-doc-editor__sig-step:focus-visible{outline:1px solid var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-doc-editor__sig-sep{width:1px;align-self:stretch;background:var(--co-semantic-border-default)}.co-doc-editor__sig-label{width:88px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}";export{R as co_document_editor}
|
|
1
|
+
import{r as t,c as i,f as o,h as e,H as s,a as r}from"./p-YRicbXh3.js";import{g as a}from"./p-EtYK1iGx.js";import{b as c,s as n}from"./p-BmdKHBZP.js";import{B as d,F as h,E as l,w as u,r as g,Q as p,s as b,q as m,x as v,z as f,W as _,I as x,P as y,G as w}from"./p-CqQobidl.js";import"./p-B2QLgWrz.js";const k={top:38,right:38,bottom:38,left:38},z=new Set(["letter","a4","legal"]);function C(t){if("string"==typeof t){if(z.has(t))return t;try{return C(JSON.parse(t))}catch(t){return"letter"}}if(t&&"object"==typeof t){const{width:i,height:o}=t;if(Number(i)>0&&Number(o)>0)return{width:Number(i),height:Number(o)}}return"letter"}const $=/@(import|charset|namespace)[^;]*;/gi;function S(t,i){return t?H(t.replace(/\/\*[\s\S]*?\*\//g,"").replace($,""),i).trim():""}function P(t,i){let o=0,e=null;for(let s=i;s<t.length;s+=1){const i=t[s];if(e)i===e&&"\\"!==t[s-1]&&(e=null);else if('"'===i||"'"===i)e=i;else if("{"===i)o+=1;else if("}"===i&&(o-=1,0===o))return s}return-1}function M(t,i){const o=t.trim();if(!o)return"";const e=`:where(${i})`;if("*"===o)return`${e}, ${e} *, ${e} :is(pre, code)`;const s=o.replace(/^(?:(?:html|body|:root)(?=$|[\s>+~.#:[])\s*)+/i,"").trim();return s?`${e} ${s}`:e}function H(t,i){let o="",e=0;for(;e<t.length;){const s=t.indexOf("{",e);if(-1===s)break;const r=P(t,s);if(-1===r)break;const a=t.slice(e,s).trim(),c=t.slice(s+1,r);if(e=r+1,!a)continue;if(a.startsWith("@")){const t=a.slice(1).split(/[\s(]/)[0].toLowerCase();"media"===t||"supports"===t?o+=`${a}{${H(c,i)}}`:t.endsWith("keyframes")&&(o+=`${a}{${c}}`);continue}const n=a.split(",").map((t=>M(t,i))).filter(Boolean);n.length&&(o+=`${n.join(", ")}{${c}}`)}return o}function N(t){return Number.isFinite(t)?Math.round(1e3*Math.min(3,Math.max(.25,t)))/1e3:1}function j(t,i,o){return o>0?(t-i)/o:0}function E(t,i,o,e){return t+i*o-e}const O={inline:"image-square","wrap-left":"text-align-left","wrap-right":"text-align-right",break:"rows"},I={width:124,height:34};function B(t,i,o=I,e=4){const s=t.top+t.height+e,r=t.top-e-o.height;let a=s,c="below";i.height>0&&s+o.height>i.height&&(r>=0?(a=r,c="above"):(a=Math.max(0,Math.min(t.top+t.height-e-o.height,i.height-o.height)),c="inside"));let n=t.left;return i.width>0&&(n=Math.max(0,Math.min(n,i.width-o.width))),{top:a,left:n,placement:c}}function L(t,i){let o=0,e=t;for(;e&&e!==i;)o+=e.offsetLeft,e=e.offsetParent;return o}const F={width:255,height:34};let G=0;const R=class{constructor(o){t(this,o),this.coChange=i(this,"coChange",3),this.coFieldsChange=i(this,"coFieldsChange",3),this.coHeaderChange=i(this,"coHeaderChange",3),this.coPagesChange=i(this,"coPagesChange",3),this.coAction=i(this,"coAction",3),this.coReady=i(this,"coReady",3),this.value=null,this.headerHtml="",this.showPageNumber=!1,this.pageSize="letter",this.headerHeight=45,this.pageStyles="",this.readonly=!1,this.locale="en",this.ready=!1,this.pageCount=1,this.zoomMode="fit",this.scale=1,this.stageHeight=0,this.headerEditing=!1,this.draftShowPageNumber=!1,this.imageBar=null,this.signatureBar=null,this.currentHeaderHtml="",this.currentShowPageNumber=!1,this.headerDoc=null,this.instanceId=String(++G),this.applyingExternal=!1,this.lastAppliedValue=null,this.userDirty=!1,this.lastFieldsKey="",this.pendingImageSrcs=new Set,this.changeThrottle=function(t,i){let o=null;return{run(){o||(o=setTimeout((()=>{o=null,i()}),250))},flush(){o&&(clearTimeout(o),o=null,i())},cancel(){o&&clearTimeout(o),o=null},get pending(){return null!==o}}}(0,(()=>this.emitPendingChange())),this.updateImageBar=()=>{const t=this.editor,i=null==t?void 0:t.state.selection,o=null==i?void 0:i.node;if(!t||this.readonly||!o||"image"!==o.type.name)return void(this.imageBar&&(this.imageBar=null));const e=t.view.nodeDOM(i.from),s=this.el.querySelector(".co-doc-editor__sheet");if(!e||!s)return void(this.imageBar&&(this.imageBar=null));const r=w(e,s),a=B({top:r.top,height:r.height,left:L(e,s)},{width:s.offsetWidth,height:s.offsetHeight}),c=d({wrapperStyle:o.attrs.wrapperStyle,containerStyle:o.attrs.containerStyle}),n=this.imageBar;n&&n.mode===c&&n.top===a.top&&n.left===a.left||(this.imageBar={mode:c,top:a.top,left:a.left})},this.updateSignatureBar=()=>{const t=this.editor,i=null==t?void 0:t.state.selection,o=null==i?void 0:i.node;if(!t||this.readonly||!o||"signatureSlot"!==o.type.name)return void(this.signatureBar&&(this.signatureBar=null));const e=t.view.nodeDOM(i.from),s=this.el.querySelector(".co-doc-editor__sheet");if(!e||!s)return void(this.signatureBar&&(this.signatureBar=null));const r=[];t.state.doc.descendants(((t,o)=>{"signatureSlot"===t.type.name&&o!==i.from&&r.push(t.attrs.slot)}));const{min:a,max:c}=function(t){let i=0;for(const o of t)o>i&&(i=o);return{min:1,max:i+1}}(r),n=w(e,s),d=B({top:n.top,height:n.height,left:L(e,s)},{width:s.offsetWidth,height:s.offsetHeight},F),h=o.attrs.slot,l=this.signatureBar;l&&l.slot===h&&l.min===a&&l.max===c&&l.top===d.top&&l.left===d.left||(this.signatureBar={slot:h,min:a,max:c,top:d.top,left:d.left})},this.onBodyImageLoad=t=>{const i=t.target,o=this.editor;if(!o||!i||"IMG"!==i.tagName)return;const e=i.getAttribute("src")||"";if(!this.pendingImageSrcs.has(e))return;let s=-1;o.state.doc.descendants(((t,i)=>!(s>=0||("image"!==t.type.name||t.attrs.width||t.attrs.src!==e||(s=i),0))));const r=s>=0?o.state.doc.nodeAt(s):null;if(!r)return;const a=this.marginsPx,c=function(t,i){const o=t>0?t:0,e=i>0?i:0,s=o&&e?Math.min(o,e):o||e;return s?Math.max(1,Math.round(s)):null}(i.naturalWidth,this.pageSizePx.width-a.left-a.right);if(!c)return;let n=!1;o.state.doc.descendants(((t,i)=>(i===s||"image"!==t.type.name||t.attrs.width||t.attrs.src!==e||(n=!0),!n))),n||this.pendingImageSrcs.delete(e);const d=o.state.selection.node&&o.state.selection.from===s;o.view.dispatch(o.state.tr.setNodeMarkup(s,void 0,Object.assign(Object.assign({},r.attrs),{width:c}))),d&&o.commands.setNodeSelection(s)},this.onEditorBlur=()=>{this.changeThrottle.flush()},this.onHostKeydown=t=>{"Escape"===t.key&&this.changeThrottle.flush()},this.onTransaction=({transaction:t})=>{t.docChanged&&(this.applyingExternal||!!t.getMeta(h)||(this.userDirty=!0,this.trackInsertedImages(t)),this.changeThrottle.run())},this.handleToolbarAction=t=>{t.stopPropagation();const{action:i,payload:o}=t.detail||{};o&&!0===o.extra?this.coAction.emit({action:i,payload:{extra:!0}}):"documentHeader"===i&&this.startHeaderEdit()},this.startHeaderEdit=()=>{this.readonly||this.headerEditing||!this.editor||(this.draftShowPageNumber=this.currentShowPageNumber,this.headerEditing=!0,this.refreshPagination())},this.onHeaderTransaction=({transaction:t})=>{t.docChanged&&this.changeThrottle.run()},this.onHeaderImageLoad=t=>{const i=t.target,o=this.headerEditor;if(!o||!i||"IMG"!==i.tagName)return;const e=l({w:i.naturalWidth,h:i.naturalHeight});if(!e)return;let s=-1;try{const t=o.view.posAtDOM(i,0),e=o.state.doc.nodeAt(t);e&&"image"===e.type.name&&(s=t)}catch(t){}if(s<0){const t=i.getAttribute("src");o.state.doc.descendants(((i,o)=>!(s>=0||("image"!==i.type.name||i.attrs.width||i.attrs.src!==t||(s=o),0))))}const r=s>=0?o.state.doc.nodeAt(s):null;r&&!r.attrs.width&&o.view.dispatch(o.state.tr.setNodeMarkup(s,void 0,Object.assign(Object.assign({},r.attrs),{width:e})))},this.onDocumentPointer=t=>{const i=t.composedPath();this.headerBandEl&&i.includes(this.headerBandEl)||this.toolbarEl&&i.includes(this.toolbarEl)||this.commitHeader()},this.onHeaderKeydown=t=>{var i;if("Escape"!==t.key||t.isComposing)return;const o=this.toolbarEl;o&&t.currentTarget===o&&(null===(i=o.shadowRoot)||void 0===i?void 0:i.querySelector('[aria-expanded="true"]'))||(t.preventDefault(),t.stopPropagation(),this.cancelHeader(!0))},this.commitHeader=(t=!1)=>{var i;const o=this.headerEditor;if(!o)return;const e=t&&this.focusIsInBandOrLost(),s=o.isEmpty?"":u(o.state.doc,"print-header",this.resolvedFeatures),r=this.draftShowPageNumber;this.teardownHeaderEditor(),this.currentHeaderHtml=s,this.currentShowPageNumber=r,this.headerDoc=s?g(s,"print-header",this.resolvedFeatures):null,this.headerEditing=!1,this.refreshPagination(),this.coHeaderChange.emit({html:s,showPageNumber:r}),this.emitFieldsIfChanged(),e&&(null===(i=this.editor)||void 0===i||i.commands.focus())},this.cancelHeader=(t=!1)=>{var i;this.headerEditing&&(this.teardownHeaderEditor(),this.headerEditing=!1,this.refreshPagination(),this.emitFieldsIfChanged(),t&&(null===(i=this.editor)||void 0===i||i.commands.focus()))},this.renderedScale=1,this.onCanvasWheel=t=>{var i,o;(t.ctrlKey||t.metaKey)&&(t.preventDefault(),this.zoomTo((i=this.scale,o=1===t.deltaMode?16*t.deltaY:t.deltaY,Number.isFinite(o)?N(i*Math.exp(.01*-o)):i),t.clientX,t.clientY))},this.gestureBase=1,this.onGestureStart=t=>{t.preventDefault(),this.gestureBase=this.scale},this.onGestureChange=t=>{var i,o,e,s;t.preventDefault();const r=null===(i=this.canvasEl)||void 0===i?void 0:i.getBoundingClientRect(),a=null!==(o=t.clientX)&&void 0!==o?o:r?r.left+r.width/2:0,c=null!==(e=t.clientY)&&void 0!==e?e:r?r.top+r.height/2:0;this.zoomTo(N(this.gestureBase*(null!==(s=t.scale)&&void 0!==s?s:1)),a,c)}}get s(){return a(this.locale)}get resolvedFeatures(){var t;return null!==(t=c(this.features))&&void 0!==t?t:{}}get parsedExtraItems(){const t=c(this.extraItems);return Array.isArray(t)?t:[]}get pageSizePx(){return p(C(this.pageSize))}get marginsPx(){return function(t){let i=t;if("string"==typeof t)try{i=JSON.parse(t)}catch(t){return Object.assign({},k)}if(!i||"object"!=typeof i)return Object.assign({},k);const o=i,e=t=>Number.isFinite(Number(o[t]))&&void 0!==o[t]?Number(o[t]):k[t];return{top:e("top"),right:e("right"),bottom:e("bottom"),left:e("left")}}(this.margins)}get hasHeader(){return!!this.currentHeaderHtml||this.headerEditing}get sanitizedHeaderHtml(){return b(this.currentHeaderHtml,"print-header")}get pageScope(){return`.co-doc-editor__sheet[data-co-doc="${this.instanceId}"]`}get activeEditor(){var t;return null!==(t=this.headerEditor)&&void 0!==t?t:this.editor}get documentHeaderEnabled(){return!this.readonly&&!this.headerEditing}buildCustomExtensions(){return[m.configure({page:this.pageSizePx,margins:this.marginsPx,header:{height:this.hasHeader?this.headerHeight:0},footer:{height:0},renderHeader:(t,i)=>this.buildHeaderClone(t,i),onPagesChange:t=>{this.pageCount=t,this.coPagesChange.emit(t)}})]}collectAllFields(){if(!this.editor)return[];const t=v(this.editor.state.doc),i=this.headerEditor?this.headerEditor.state.doc:this.headerDoc;return i&&v(i,t),t}connectedCallback(){this.el.addEventListener("keydown",this.onHostKeydown,!0)}componentWillLoad(){this.ready=!1,this.pageCount=1,this.zoomMode="fit",this.scale=1,this.stageHeight=0,this.headerEditing=!1,this.draftShowPageNumber=!1,this.imageBar=null,this.signatureBar=null}componentDidLoad(){var t,i,o;this.contentEl&&(this.syncHeaderFromProps(),this.editor=f({preset:"print",element:this.contentEl,content:this.value?this.parseBody(this.value):null,editable:!this.readonly,features:this.resolvedFeatures,labels:{signature:t=>`${this.s.signature} ${t}`,fieldName:this.s.fieldNamePlaceholder},customExtensions:this.buildCustomExtensions(),imageUpload:this.imageUpload}),this.lastAppliedValue=this.value,this.wireEditor(this.editor),this.applyPageStyles(),"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.updateScale())),this.canvasEl&&this.resizeObserver.observe(this.canvasEl),this.stageEl&&this.resizeObserver.observe(this.stageEl)),null===(t=this.canvasEl)||void 0===t||t.addEventListener("wheel",this.onCanvasWheel,{passive:!1}),null===(i=this.canvasEl)||void 0===i||i.addEventListener("gesturestart",this.onGestureStart),null===(o=this.canvasEl)||void 0===o||o.addEventListener("gesturechange",this.onGestureChange),this.updateScale(),this.syncToolbar(),this.ready=!0,this.emitFieldsIfChanged(),this.coReady.emit())}componentDidRender(){this.applyPendingAnchor(),this.headerEditing&&!this.headerEditor&&this.headerMountEl&&this.mountHeaderEditor(),this.syncToolbar()}disconnectedCallback(){var t,i,o,e;this.el.removeEventListener("keydown",this.onHostKeydown,!0),this.changeThrottle.cancel(),null===(t=this.resizeObserver)||void 0===t||t.disconnect(),this.resizeObserver=void 0,null===(i=this.canvasEl)||void 0===i||i.removeEventListener("wheel",this.onCanvasWheel),null===(o=this.canvasEl)||void 0===o||o.removeEventListener("gesturestart",this.onGestureStart),null===(e=this.canvasEl)||void 0===e||e.removeEventListener("gesturechange",this.onGestureChange),this.toolbarEl&&(this.toolbarEl.editor=void 0),this.teardownHeaderEditor(!1),this.headerEditing=!1,this.editor&&(this.editor.off("transaction",this.onTransaction),this.editor.off("blur",this.onEditorBlur),this.editor.off("transaction",this.updateImageBar),this.editor.off("transaction",this.updateSignatureBar),this.editor.view.dom.removeEventListener("load",this.onBodyImageLoad,!0),this.editor.destroy()),this.editor=void 0,this.pendingImageSrcs.clear(),this.imageBar=null,this.signatureBar=null}onValueChange(t){t!==this.lastAppliedValue&&(this.editor&&t&&t===u(this.editor.state.doc,"print",this.resolvedFeatures)?this.lastAppliedValue=t:this.applyBody(t))}onReadonlyChange(){var t;null===(t=this.editor)||void 0===t||t.setEditable(!this.readonly),this.readonly&&this.headerEditing&&this.cancelHeader(),this.updateImageBar(),this.updateSignatureBar()}onPageGeometryChange(){this.refreshPagination(),this.updateScale()}onHeaderPropsChange(){this.headerEditing||(this.syncHeaderFromProps(),this.refreshPagination(),this.emitFieldsIfChanged())}onPageStylesChange(){this.applyPageStyles()}onLabelChange(){this.editor&&this.editor.view.dom.setAttribute("aria-label",this.label||this.s.documentEditor)}onLocaleChange(){this.currentShowPageNumber&&this.refreshPagination()}async getPrintHtml(){return this.editor?u(this.editor.state.doc,"print",this.resolvedFeatures):""}async getHeaderHtml(){return this.currentHeaderHtml}async getJSON(){return this.editor?this.editor.getJSON():null}async flushChange(){this.changeThrottle.flush()}async isEmpty(){return!this.editor||this.editor.isEmpty}async setContent(t){this.applyBody(t)}async setFieldValues(t){var i,e;if(null===(i=this.editor)||void 0===i||i.commands.setFieldValues(t),null===(e=this.headerEditor)||void 0===e||e.commands.setFieldValues(t),!this.currentHeaderHtml)return;const s=_(this.currentHeaderHtml,t,"print-header",this.resolvedFeatures);s!==this.currentHeaderHtml&&(this.currentHeaderHtml=s,this.headerDoc=g(s,"print-header",this.resolvedFeatures),this.headerEditing||(this.refreshPagination(),o(this)))}async insertField(t,i){var o;null===(o=this.editor)||void 0===o||o.chain().focus().insertField(t,i).run()}async insertSignatureSlot(){var t;null===(t=this.editor)||void 0===t||t.chain().focus().insertSignatureSlot().run()}async focusEditor(){var t;null===(t=this.editor)||void 0===t||t.commands.focus()}async getEditorInstance(){var t;return null!==(t=this.editor)&&void 0!==t?t:null}wireEditor(t){const i=t.view.dom;i.classList.add("tiptap"),i.setAttribute("aria-label",this.label||this.s.documentEditor),i.setAttribute("aria-multiline","true"),t.on("transaction",this.onTransaction),t.on("transaction",this.updateImageBar),t.on("transaction",this.updateSignatureBar),t.on("blur",this.onEditorBlur),i.addEventListener("load",this.onBodyImageLoad,!0)}imageModeLabel(t){const i=this.s;return{inline:i.imageLayoutInline,"wrap-left":i.imageLayoutWrapLeft,"wrap-right":i.imageLayoutWrapRight,break:i.imageLayoutBreak}[t]}setImageMode(t){var i;null===(i=this.editor)||void 0===i||i.commands.setImageLayoutMode(t),this.updateImageBar()}duplicateSignature(){var t;null===(t=this.editor)||void 0===t||t.commands.duplicateSignatureSlot(),this.updateSignatureBar()}stepSigner(t){var i;const o=this.signatureBar;if(!o)return;const e=o.slot+t;e<o.min||e>o.max||(null===(i=this.editor)||void 0===i||i.commands.setSignatureSlot(e),this.updateSignatureBar())}trackInsertedImages(t){var i,o,e;if(t.getMeta("history$"))return;const s=[];for(const r of t.steps)null===(e=null===(o=null===(i=r.slice)||void 0===i?void 0:i.content)||void 0===o?void 0:o.descendants)||void 0===e||e.call(o,(t=>{"image"===t.type.name&&!t.attrs.width&&t.attrs.src&&s.push(t.attrs.src)}));if(!s.length)return;const r=new Set;t.before.descendants((t=>{"image"!==t.type.name||t.attrs.width||r.add(t.attrs.src)})),s.forEach((t=>{r.has(t)||this.pendingImageSrcs.add(t)}))}parseBody(t){const i=t.trim();if(i.startsWith("{"))try{return JSON.parse(i)}catch(t){}return g(t,"print",this.resolvedFeatures)}applyBody(t){if(this.editor){this.pendingImageSrcs.clear(),this.applyingExternal=!0;try{t?this.editor.commands.setContent(this.parseBody(t),{emitUpdate:!1}):this.editor.commands.clearContent(!1)}finally{this.applyingExternal=!1,this.lastAppliedValue=t}}}emitPendingChange(){this.editor&&(this.emitFieldsIfChanged(),this.userDirty&&(this.userDirty=!1,this.coChange.emit()))}emitFieldsIfChanged(){const t=this.collectAllFields(),i=JSON.stringify(t);i!==this.lastFieldsKey&&(this.lastFieldsKey=i,this.coFieldsChange.emit(t))}syncToolbar(){n(this.toolbarEl,this.activeEditor,this.imageUpload)}syncHeaderFromProps(){var t;this.currentHeaderHtml=this.headerHtml||"",this.currentShowPageNumber=!0===(t=this.showPageNumber)||"true"===t,this.headerDoc=this.currentHeaderHtml?g(this.currentHeaderHtml,"print-header",this.resolvedFeatures):null}mountHeaderEditor(){var t,i;const o=f({preset:"print-header",element:this.headerMountEl,content:this.currentHeaderHtml?g(this.currentHeaderHtml,"print-header",this.resolvedFeatures):null,editable:!0,features:{fields:this.resolvedFeatures.fields},labels:{fieldName:this.s.fieldNamePlaceholder},imageUpload:this.imageUpload});this.headerEditor=o;const e=o.view.dom;e.classList.add("tiptap"),e.setAttribute("aria-label",this.s.documentHeader),o.on("transaction",this.onHeaderTransaction),e.addEventListener("load",this.onHeaderImageLoad,!0),document.addEventListener("mousedown",this.onDocumentPointer,!0),null===(t=this.headerBandEl)||void 0===t||t.addEventListener("keydown",this.onHeaderKeydown,!0),null===(i=this.toolbarEl)||void 0===i||i.addEventListener("keydown",this.onHeaderKeydown,!0),o.commands.focus("end"),this.syncToolbar()}teardownHeaderEditor(t=!0){var i,o;document.removeEventListener("mousedown",this.onDocumentPointer,!0),null===(i=this.headerBandEl)||void 0===i||i.removeEventListener("keydown",this.onHeaderKeydown,!0),null===(o=this.toolbarEl)||void 0===o||o.removeEventListener("keydown",this.onHeaderKeydown,!0);const e=this.headerEditor;this.headerEditor=void 0,t?this.syncToolbar():this.toolbarEl&&e&&this.toolbarEl.editor===e&&(this.toolbarEl.editor=void 0),e&&(e.off("transaction",this.onHeaderTransaction),e.view.dom.removeEventListener("load",this.onHeaderImageLoad,!0),e.destroy())}focusIsInBandOrLost(){const t=document.activeElement;return!t||t===document.body||!(!this.headerBandEl||!this.headerBandEl.contains(t))}refreshPagination(){var t;null===(t=this.editor)||void 0===t||t.commands.setPaginationOptions({page:this.pageSizePx,margins:this.marginsPx,header:{height:this.hasHeader?this.headerHeight:0}})}applyPageStyles(){this.styleEl&&(this.styleEl.textContent=S(this.pageStyles,this.pageScope))}buildHeaderClone(t,i){if(!this.currentHeaderHtml)return null;const o=document.createElement("div");o.className="co-doc-editor__header-static",o.style.height=`${this.headerHeight}px`;const e=document.createElement("div");if(e.className="co-doc-editor__header-html",e.innerHTML=this.sanitizedHeaderHtml,o.appendChild(e),this.currentShowPageNumber){const e=document.createElement("span");e.className="co-doc-editor__page-number",e.textContent=`${this.s.page} ${t} / ${i}`,o.appendChild(e)}return o}updateScale(){var t,i,o,e;if("custom"!==this.zoomMode){const o="actual"===this.zoomMode?1:function(t,i){if(!(t>0&&i>0))return 1;const o=Math.min(1,Math.max(.25,t/i));return Math.round(1e3*o)/1e3}((null!==(i=null===(t=this.canvasEl)||void 0===t?void 0:t.clientWidth)&&void 0!==i?i:0)-32,this.pageSizePx.width);o!==this.scale&&(this.scale=o)}const s=null!==(e=null===(o=this.stageEl)||void 0===o?void 0:o.offsetHeight)&&void 0!==e?e:0;s!==this.stageHeight&&(this.stageHeight=s)}zoomTo(t,i,o){if(this.canvasEl&&this.stageEl&&t!==this.scale){if(this.pendingAnchor)this.pendingAnchor.cx=i,this.pendingAnchor.cy=o;else{const t=this.stageEl.getBoundingClientRect();this.pendingAnchor={px:j(i,t.left,this.renderedScale),py:j(o,t.top,this.renderedScale),cx:i,cy:o}}this.zoomMode="custom",this.scale=t}}applyPendingAnchor(){const t=this.pendingAnchor,i=this.canvasEl;if(this.renderedScale=this.scale,!t||!i||!this.stageEl)return;this.pendingAnchor=void 0;const o=this.stageEl.getBoundingClientRect();i.scrollLeft+=E(o.left,t.px,this.scale,t.cx),i.scrollTop+=E(o.top,t.py,this.scale,t.cy)}setZoom(t){this.zoomMode=t,this.updateScale()}renderHeaderBand(){const t=this.s;return e("div",{key:"header-band",class:{"co-doc-editor__header-band":!0,"co-doc-editor__header-band--editing":this.headerEditing},part:"header-band",hidden:!this.hasHeader,ref:t=>this.headerBandEl=t,onDblClick:()=>this.startHeaderEdit()},this.headerEditing?e("div",{key:"header-editing",class:"co-doc-editor__header-editing"},e("div",{class:"co-doc-editor__header-editor",ref:t=>this.headerMountEl=t}),e("div",{class:"co-doc-editor__header-tools"},e("co-switch",{checked:this.draftShowPageNumber,label:t.pageNumber,disabled:!1,required:!1,status:"default",onCoChange:t=>{t.stopPropagation(),this.draftShowPageNumber=!!t.detail}}),e("co-tooltip",{content:t.confirmHeader},e("co-icon-button",{icon:"check",variant:"ghost",size:"xs",boxSize:28,iconSize:16,label:t.confirmHeader,onClick:()=>this.commitHeader(!0)})))):e("div",{key:"header-static",class:"co-doc-editor__header-static"},e("div",{class:"co-doc-editor__header-html",innerHTML:this.sanitizedHeaderHtml}),this.currentShowPageNumber&&e("span",{class:"co-doc-editor__page-number"},`${t.page} 1 / ${this.pageCount}`)))}renderOverlays(){return this.readonly||this.headerEditing?null:[this.renderImageBar(),this.renderSignatureBar()]}renderSignatureBar(){const t=this.signatureBar;if(!t)return null;const i=this.s,o=(t,i,o,s,r)=>e("co-tooltip",{key:t,content:i},e("button",{type:"button",class:"co-doc-editor__sig-step","data-dir":t,"aria-label":i,disabled:r,onClick:()=>this.stepSigner(s)},e("co-icon",{name:o,size:16,"aria-hidden":"true"})));return e("div",{key:"signature-bar",class:"co-doc-editor__sig-bar",role:"toolbar","aria-label":i.signatureToolsLabel,style:{top:`${t.top}px`,left:`${t.left}px`},onMouseDown:t=>t.preventDefault()},e("button",{key:"duplicate",type:"button",class:"co-doc-editor__sig-duplicate",onClick:()=>this.duplicateSignature()},e("co-icon",{name:"copy",size:16,"aria-hidden":"true"}),e("span",{class:"co-doc-editor__sig-duplicate-text"},i.signatureDuplicate)),e("span",{key:"sep",class:"co-doc-editor__sig-sep","aria-hidden":"true"}),o("prev",i.signaturePrevSigner,"caret-left",-1,t.slot<=t.min),e("span",{key:"label",class:"co-doc-editor__sig-label","aria-live":"polite"},`${i.signature} ${t.slot}`),o("next",i.signatureNextSigner,"caret-right",1,t.slot>=t.max))}renderImageBar(){const t=this.imageBar;return t?e("div",{key:"image-bar",class:"co-doc-editor__image-bar",role:"toolbar","aria-label":this.s.imageLayoutLabel,style:{top:`${t.top}px`,left:`${t.left}px`},onMouseDown:t=>t.preventDefault()},x.map((i=>{const o=this.imageModeLabel(i),s=t.mode===i;return e("co-tooltip",{key:i,content:o},e("button",{type:"button",class:{"co-doc-editor__image-mode":!0,"co-doc-editor__image-mode--active":s},"data-mode":i,"aria-label":o,"aria-pressed":String(s),onClick:()=>this.setImageMode(i)},e("co-icon",{name:O[i],size:16,"aria-hidden":"true"})))}))):null}render(){const t=this.s,i=this.pageSizePx,o=this.marginsPx,r={"--co-doc-page-w":`${i.width}px`,"--co-doc-page-h":`${i.height}px`,"--co-doc-margin-top":`${o.top}px`,"--co-doc-margin-right":`${o.right}px`,"--co-doc-margin-bottom":`${o.bottom}px`,"--co-doc-margin-left":`${o.left}px`,"--co-doc-header-h":`${this.hasHeader?this.headerHeight:0}px`,"--co-doc-pages":String(this.pageCount),"--co-doc-gap":`${y}px`},a={width:i.width*this.scale+"px",height:this.stageHeight?this.stageHeight*this.scale+"px":"auto"},c=(t,i)=>e("button",{key:"3364440e585cbfdfdc33580aa28001f7563f6fa6",type:"button",class:{"co-doc-editor__zoom-btn":!0,"co-doc-editor__zoom-btn--active":this.zoomMode===t},"aria-pressed":String(this.zoomMode===t),onClick:()=>this.setZoom(t)},i);return e(s,{key:"2cc578822013cc07eeeebd0949cbbd2bb09acbc1"},e("div",{key:"5aebe4e657d01b03c5fdf719b87c1c4a08f121a6",class:{"co-doc-editor":!0,"co-doc-editor--readonly":this.readonly,"co-doc-editor--loading":!this.ready},part:"wrapper"},e("div",{key:"93f7d60fffd9e9e902ac25d9fa8a971e96b39ec5",class:"co-doc-editor__bar",part:"bar"},!this.readonly&&e("co-rich-text-toolbar",{key:"df82ee73a50e8283244afb38532803a13b4d6db9",class:"co-doc-editor__toolbar",part:"toolbar",variant:"document",position:"top",disabled:!1,locale:this.locale,attachmentsEnabled:!1,documentHeaderEnabled:this.documentHeaderEnabled,extraItems:this.parsedExtraItems,onCoAction:this.handleToolbarAction,ref:t=>this.toolbarEl=t}),e("div",{key:"a49cc3a01fc203b3bcf3e158ce186fefd607577e",class:"co-doc-editor__zoom",role:"group","aria-label":t.zoom},"custom"===this.zoomMode&&e("span",{key:"47f0c8d5c6bd3c0e51d75ad70103644def66b333",class:"co-doc-editor__zoom-level"},`${Math.round(100*this.scale)} %`),c("fit",t.zoomFit),c("actual",t.zoomActual))),e("div",{key:"d28e02e78c8171b0366f7b3ec74e60cfd9f3d21b",class:"co-doc-editor__body"},e("div",{key:"450bbf0712838a9213a08288148f5365a1d6766b",class:"co-doc-editor__canvas",part:"canvas",ref:t=>this.canvasEl=t},e("div",{key:"3585da3d1f7b0311cb036246f20340b2eb34e45d",class:"co-doc-editor__zoom-frame",style:a},e("div",{key:"ce70286c7205f29115d4e9049c3d43775657abfb",class:"co-doc-editor__stage",style:{transform:`scale(${this.scale})`},ref:t=>this.stageEl=t},e("div",{key:"81c7e68d4d8593b21be0f14045965b1e7230657e",class:"co-doc-editor__sheet",part:"sheet","data-co-doc":this.instanceId,style:r},e("style",{key:"page-styles","data-co-doc-page-styles":"",ref:t=>this.styleEl=t}),e("div",{key:"paper",class:"co-doc-editor__paper","data-theme":"light"},this.renderHeaderBand(),e("div",{key:"content",class:"co-doc-editor__content",ref:t=>this.contentEl=t}),this.renderOverlays()))))),e("slot",{key:"3808aa0d8bae35da687e9757ca39ffced996a795",name:"aside"}))))}get el(){return r(this)}static get watchers(){return{value:[{onValueChange:0}],readonly:[{onReadonlyChange:0}],pageSize:[{onPageGeometryChange:0}],margins:[{onPageGeometryChange:0}],headerHeight:[{onPageGeometryChange:0}],headerHtml:[{onHeaderPropsChange:0}],showPageNumber:[{onHeaderPropsChange:0}],pageStyles:[{onPageStylesChange:0}],label:[{onLabelChange:0}],locale:[{onLabelChange:0},{onLocaleChange:0}]}}};R.style="co-document-editor{display:block;height:100%;min-height:0}.co-doc-editor{--co-doc-canvas:var(--co-semantic-surface-muted);--co-doc-sheet-shadow:0 1px 3px var(--co-color-opacity-negro-16), 0 0 0 1px var(--co-color-opacity-negro-8);display:flex;flex-direction:column;height:100%;min-height:0;background:var(--co-doc-canvas);color:var(--co-semantic-text-default);font-family:var(--co-font-family-primary)}.co-doc-editor__bar{display:flex;align-items:center;gap:var(--co-spacing-sm2);min-width:0;padding-inline:var(--co-spacing-md);background:var(--co-semantic-surface-page);border-bottom:1px solid var(--co-semantic-border-subtle)}.co-doc-editor__toolbar{flex:1 1 auto;min-width:0}.co-doc-editor__body{flex:1 1 auto;display:flex;min-height:0}.co-doc-editor__body>[slot='aside']{flex:0 0 var(--co-doc-aside-width, 320px);width:var(--co-doc-aside-width, 320px);min-width:0;min-height:0;box-sizing:border-box;border-left:1px solid var(--co-semantic-border-subtle)}.co-doc-editor__canvas{flex:1 1 auto;min-width:0;overflow:auto;box-sizing:border-box;padding:var(--co-spacing-2xl) var(--co-spacing-lg)}.co-doc-editor__content .ProseMirror{position:relative;outline:none}.co-doc-editor--loading .co-doc-editor__content{visibility:hidden}.co-doc-field{--co-doc-field-bg:var(--co-color-primary-amarillo);background:var(--co-doc-field-bg);box-shadow:0 0 0 2px var(--co-doc-field-bg);border-radius:var(--co-border-radius-xxs);color:var(--co-color-base-negro);cursor:pointer}.co-doc-field--empty{--co-doc-field-bg:color-mix(in srgb, var(--co-color-primary-amarillo) 55%, var(--co-color-base-blanco))}.co-doc-field--required.co-doc-field--empty{box-shadow:0 0 0 2px var(--co-doc-field-bg), inset 0 -2px 0 var(--co-color-status-error)}.co-doc-field__input{width:14ch;border:0;outline:1px solid var(--co-semantic-border-field);background:var(--co-color-base-blanco);font:inherit}.co-doc-signature{display:inline-flex;align-items:center;justify-content:center;vertical-align:top;box-sizing:border-box;outline:1px dashed var(--co-color-primary-azul);outline-offset:-1px;background:color-mix(in srgb, var(--co-color-primary-azul) 6%, transparent);color:var(--co-semantic-text-link, var(--co-color-primary-azul));font-size:var(--co-font-size-12);user-select:none;cursor:grab}.co-doc-signature:active{cursor:grabbing}.co-doc-signature.ProseMirror-selectednode{outline-style:solid;background:color-mix(in srgb, var(--co-color-primary-azul) 14%, transparent)}.co-doc-hb{background:color-mix(in srgb, var(--co-color-primary-azul) 12%, transparent);border-radius:var(--co-border-radius-xxs)}.co-doc-editor__zoom{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--co-spacing-xxs);margin-inline-start:auto}.co-doc-editor__zoom-level{min-width:5ch;padding-inline:var(--co-spacing-xs);font-size:var(--co-font-size-13);font-variant-numeric:tabular-nums;text-align:end;color:var(--co-semantic-text-secondary)}.co-doc-editor__zoom-btn{padding:var(--co-spacing-xs) var(--co-spacing-sm2);border:0;border-radius:var(--co-border-radius-xs);background:transparent;color:var(--co-semantic-text-secondary);font:inherit;font-size:var(--co-font-size-13);white-space:nowrap;cursor:pointer}.co-doc-editor__zoom-btn:hover{background:var(--co-semantic-surface-hover)}.co-doc-editor__zoom-btn--active{background:var(--co-semantic-surface-hover);color:var(--co-semantic-text-default)}.co-doc-editor__zoom-btn:focus-visible{outline:1px solid var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-doc-editor__zoom-frame{margin-inline:auto}.co-doc-editor__stage{width:var(--co-doc-page-w);transform-origin:top left}.co-doc-editor__sheet{--co-semantic-surface-page:var(--co-color-base-blanco);--co-semantic-surface-hover:var(--co-color-opacity-negro-8);--co-semantic-text-default:var(--co-color-base-negro);--co-semantic-text-secondary:var(--co-color-gray-600);--co-semantic-text-muted:var(--co-color-gray-500);--co-semantic-border-default:var(--co-color-opacity-negro-16);--co-semantic-border-subtle:var(--co-color-opacity-negro-8);--co-semantic-border-field:var(--co-color-gray-500);--co-semantic-border-focus:var(--co-color-base-negro);--co-semantic-border-focus-ring:var(--co-color-opacity-negro-16);--co-semantic-text-link:var(--co-color-primary-azul);position:relative;width:var(--co-doc-page-w);min-height:calc(var(--co-doc-pages, 1) * var(--co-doc-page-h) + (var(--co-doc-pages, 1) - 1) * var(--co-doc-gap));box-sizing:border-box;padding-top:calc(var(--co-doc-margin-top) + var(--co-doc-header-h, 0px));padding-right:var(--co-doc-margin-right);padding-bottom:var(--co-doc-margin-bottom);padding-left:var(--co-doc-margin-left);overflow:clip;background:var(--co-color-base-blanco);color:var(--co-color-base-negro);color-scheme:light;box-shadow:var(--co-doc-sheet-shadow)}.co-doc-editor__paper{display:contents;color:var(--co-semantic-text-default)}.co-doc-editor .co-doc-editor__sheet .co-doc-editor__content .ProseMirror.tiptap{padding:0 !important;min-height:1em}.co-doc-editor__header-band{position:absolute;top:var(--co-doc-margin-top);left:var(--co-doc-margin-left);right:var(--co-doc-margin-right);height:var(--co-doc-header-h);box-sizing:border-box}.co-doc-editor__header-band[hidden]{display:none}.co-doc-editor__header-band:hover{outline:1px dashed var(--co-color-opacity-negro-25)}.co-doc-editor__header-static{display:flex;align-items:center;justify-content:space-between;height:100%;overflow:hidden;font-size:var(--co-font-size-12);line-height:1.5;user-select:none}.co-doc-editor__header-html{flex:1 1 auto;min-width:0;max-height:100%;overflow:hidden}.co-doc-editor__page-number{flex-shrink:0;margin-inline-start:var(--co-spacing-sm2);white-space:nowrap;color:var(--co-color-gray-600)}.co-doc-page-gap,.co-doc-page-gap__foot,.co-doc-page-gap__between,.co-doc-page-gap__head{margin:0 !important;padding:0 !important;border-width:0 !important;box-sizing:border-box !important}.co-doc-editor__sheet .co-doc-page-gap{position:relative;margin-left:calc(-1 * var(--co-doc-margin-left)) !important;margin-right:calc(-1 * var(--co-doc-margin-right)) !important;user-select:none}.co-doc-page-gap__between{background:var(--co-doc-canvas);border-image:linear-gradient(var(--co-doc-canvas), var(--co-doc-canvas)) fill 0 / 0 / 0 100vmax;box-shadow:inset 0 1px 0 var(--co-color-opacity-negro-8), inset 0 4px 3px -3px var(--co-color-opacity-negro-16), inset 0 -1px 0 var(--co-color-opacity-negro-8)}:is(ul,ol)>.co-doc-page-gap{list-style:none}.co-doc-editor__sheet .co-doc-page-gap__head{padding-top:var(--co-doc-margin-top) !important;padding-left:var(--co-doc-margin-left) !important;padding-right:var(--co-doc-margin-right) !important}.co-doc-page-gap-row>td{padding:0 !important;border:0 !important;background:transparent !important}.co-doc-editor__header-band--editing,.co-doc-editor__header-band--editing:hover{outline:1px solid var(--co-semantic-border-focus);outline-offset:2px}.co-doc-editor__header-editing{display:flex;align-items:center;gap:var(--co-spacing-sm2);height:100%}.co-doc-editor__header-editor{flex:1 1 auto;min-width:0;max-height:100%;overflow:hidden;font-size:var(--co-font-size-12);line-height:1.5}.co-doc-editor__header-editor .ProseMirror{outline:none}.co-doc-editor__header-tools{position:absolute;right:0;bottom:100%;display:flex;align-items:center;gap:var(--co-spacing-xs);padding:var(--co-spacing-xxs) var(--co-spacing-xs);box-sizing:border-box;background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-xs)}.co-doc-editor__image-bar{position:absolute;z-index:2;display:flex;gap:var(--co-spacing-xxs);padding:var(--co-spacing-xxs);box-sizing:border-box;background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-xs);user-select:none}.co-doc-editor__image-bar co-tooltip{display:inline-flex}.co-doc-editor__image-mode{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:var(--co-border-radius-xxs);background:transparent;color:var(--co-semantic-text-default);cursor:pointer}.co-doc-editor__image-mode:hover,.co-doc-editor__image-mode--active{background:var(--co-semantic-surface-hover)}.co-doc-editor__image-mode--active{box-shadow:inset 0 0 0 1px var(--co-semantic-border-strong)}.co-doc-editor__image-mode:focus-visible{outline:1px solid var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-doc-editor__image-mode--active:focus-visible{box-shadow:inset 0 0 0 1px var(--co-semantic-border-strong), 0 0 0 2px var(--co-semantic-border-focus-ring)}.co-doc-editor__sig-bar{position:absolute;z-index:2;display:flex;align-items:center;gap:var(--co-spacing-xxs);padding:var(--co-spacing-xxs);box-sizing:border-box;background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-xs);color:var(--co-semantic-text-default);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);user-select:none}.co-doc-editor__sig-bar co-tooltip{display:inline-flex}.co-doc-editor__sig-duplicate,.co-doc-editor__sig-step{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;border:0;border-radius:var(--co-border-radius-xxs);background:transparent;color:inherit;font:inherit;cursor:pointer}.co-doc-editor__sig-duplicate{width:96px;height:28px;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-sm)}.co-doc-editor__sig-duplicate co-icon{flex-shrink:0}.co-doc-editor__sig-duplicate-text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-doc-editor__sig-step{width:28px;height:28px;padding:0}.co-doc-editor__sig-duplicate:hover,.co-doc-editor__sig-step:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-doc-editor__sig-step:disabled{color:var(--co-semantic-text-muted);cursor:default}.co-doc-editor__sig-duplicate:focus-visible,.co-doc-editor__sig-step:focus-visible{outline:1px solid var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-doc-editor__sig-sep{width:1px;align-self:stretch;background:var(--co-semantic-border-default)}.co-doc-editor__sig-label{width:88px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}";export{R as co_document_editor}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c,h as e}from"./p-
|
|
1
|
+
import{r as o,c,h as e}from"./p-YRicbXh3.js";const r=class{constructor(e){o(this,e),this.coChange=c(this,"coChange",7),this.layout="vertical",this.status="default",this.value="[]",this.options=[],this.direction="column",this.size="small",this.disabled=!1,this.handleToggle=o=>{if(this.disabled)return;const c=[...this.selectedValues],e=c.indexOf(o);e>=0?c.splice(e,1):c.push(o),this.value=JSON.stringify(c),this.coChange.emit(c)}}onValueChange(){}get parsedOptions(){let o=this.options;if("string"==typeof o)try{o=JSON.parse(o)}catch(o){return[]}return Array.isArray(o)?o.map((o=>"string"==typeof o?{label:o,value:o}:o)):[]}get selectedValues(){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(o){return[]}return this.value}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}render(){const o=this.label||this.secondaryLabel,c=this.parsedOptions,r=this.selectedValues;return e("div",{key:"9b4ee043c35d0be7da49ca2881671830d900dcb7",class:{"co-checkbox-group":!0,"co-checkbox-group--disabled":this.disabled,[`co-checkbox-group--${this.status}`]:"default"!==this.status},role:"group","aria-label":this.label||""},o&&e("div",{key:"fca5265d4bd96a5792840319443f48f4871f9e10",class:"co-checkbox-group__labels"},this.label&&e("span",{key:"b53daed7cea22897e978dc83eee817d0b67e73d2",class:"co-checkbox-group__label"},this.label),this.secondaryLabel&&e("span",{key:"88eb49c68465e27f53f91cdf73d9748effca7d8b",class:"co-checkbox-group__secondary-label"},this.secondaryLabel)),e("div",{key:"dae5337bf83e5dbc46e0afc6fd6eed5bb4aee6db",class:{"co-checkbox-group__options":!0,[`co-checkbox-group__options--${this.direction}`]:!0}},c.map((o=>{const c=this.disabled||!!o.disabled,t=r.includes(o.value);return e("div",{class:{"co-checkbox-group__item":!0,"co-checkbox-group__item--disabled":c},onClick:()=>!c&&this.handleToggle(o.value)},e("span",{class:{"co-checkbox-group__box":!0,[`co-checkbox-group__box--${this.size}`]:!0,"co-checkbox-group__box--checked":t,"co-checkbox-group__box--disabled":c},role:"checkbox","aria-checked":String(t),"aria-label":o.label}),e("span",{class:"co-checkbox-group__option-label"},o.label))}))),this.helperText&&e("div",{key:"af541135d225b51ad80e39edd3d6947f2567dd75",class:`co-checkbox-group__helper co-checkbox-group__helper--${this.status}`},this.statusIcon&&e("co-icon",{key:"52297bb73168c15af67b65eedaf6349a7c5dd6f3",name:this.statusIcon,size:14,weight:"fill",class:"co-checkbox-group__helper-icon"}),e("span",{key:"3ebd17867c2d36b0483d7620476bc5502c36fd73",class:"co-checkbox-group__helper-text"},this.helperText)))}static get watchers(){return{value:[{onValueChange: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-checkbox-group{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-checkbox-group__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-checkbox-group__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;cursor:default}.co-checkbox-group__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-checkbox-group--disabled .co-checkbox-group__label,.co-checkbox-group--disabled .co-checkbox-group__secondary-label{color:var(--co-semantic-text-disabled)}.co-checkbox-group__options{display:flex;gap:var(--co-spacing-md)}.co-checkbox-group__options--column{flex-direction:column;gap:var(--co-spacing-sm2)}.co-checkbox-group__options--row{flex-direction:row;flex-wrap:wrap;gap:var(--co-spacing-md)}.co-checkbox-group__item{display:flex;align-items:center;gap:var(--co-spacing-sm2);cursor:pointer;user-select:none}.co-checkbox-group__item--disabled{cursor:not-allowed}.co-checkbox-group__option-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap}.co-checkbox-group__item--disabled .co-checkbox-group__option-label{color:var(--co-semantic-text-disabled)}.co-checkbox-group__box{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), border-color var(--co-motion-duration-fast) var(--co-motion-ease-out);overflow:hidden}.co-checkbox-group__box--small{width:16px;height:16px;border-radius:var(--co-border-radius-xxs)}.co-checkbox-group__box--large{width:24px;height:24px;border-radius:var(--co-spacing-sm)}.co-checkbox-group__box:not(.co-checkbox-group__box--checked){background:color-mix(in srgb, var(--co-semantic-surface-secondary) 35%, transparent);border:1px solid var(--co-semantic-border-field)}.co-checkbox-group__box--checked{background:var(--co-semantic-surface-primary);border:none}.co-checkbox-group__box--checked::after{content:'';display:block;box-sizing:border-box;border-style:solid;border-color:var(--co-semantic-on-primary);border-width:0 0 1.5px 1.5px;transform:rotate(-45deg) translateY(-15%)}.co-checkbox-group__box--small.co-checkbox-group__box--checked::after{width:7px;height:4px}.co-checkbox-group__box--large.co-checkbox-group__box--checked::after{width:10px;height:6px}.co-checkbox-group__box--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-checkbox-group--error .co-checkbox-group__box:not(.co-checkbox-group__box--checked){border-color:var(--co-semantic-border-error, var(--co-semantic-status-error))}.co-checkbox-group__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-checkbox-group__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-checkbox-group__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-checkbox-group__helper--error .co-checkbox-group__helper-icon,.co-checkbox-group__helper--error .co-checkbox-group__helper-text{color:var(--co-semantic-text-error, var(--co-semantic-status-error))}.co-checkbox-group__helper--success .co-checkbox-group__helper-icon,.co-checkbox-group__helper--success .co-checkbox-group__helper-text{color:var(--co-semantic-text-success, var(--co-semantic-status-success))}.co-checkbox-group__helper--warning .co-checkbox-group__helper-icon,.co-checkbox-group__helper--warning .co-checkbox-group__helper-text{color:var(--co-semantic-text-warning, var(--co-color-status-review))}.co-checkbox-group__helper--info .co-checkbox-group__helper-icon,.co-checkbox-group__helper--info .co-checkbox-group__helper-text{color:var(--co-semantic-text-info, var(--co-semantic-status-info))}:host([layout='horizontal']) .co-checkbox-group{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-checkbox-group__labels{grid-column:1;grid-row:1;padding-top:0;min-width:0}:host([layout='horizontal']) .co-checkbox-group__label{white-space:normal}:host([layout='horizontal']) .co-checkbox-group>:not(.co-checkbox-group__labels){grid-column:2;min-width:0}@supports not (background: color-mix(in srgb, red, transparent)){.co-checkbox-group__box:not(.co-checkbox-group__box--checked){background:transparent}}";export{r as co_checkbox_group}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as t}from"./p-
|
|
1
|
+
import{r as i,h as t}from"./p-YRicbXh3.js";const e=class{constructor(t){i(this,t),this.video=!1,this.height="132px",this.radius=10}toCss(i){if("number"==typeof i)return`${i}px`;const t=String(i).trim();return/^-?\d*\.?\d+$/.test(t)?`${t}px`:t}render(){var i;return t("div",{key:"9700fd32e12db56cf8f0fc7cb81cc56a5aa6d65d",class:{"co-media-thumb":!0,"co-media-thumb--video":this.video},part:"thumb",style:{height:this.toCss(this.height),borderRadius:`${this.radius}px`}},this.src?t("img",{class:"co-media-thumb__img",src:this.src,alt:null!==(i=this.alt)&&void 0!==i?i:"",part:"img"}):t("slot",null),this.video&&t("div",{key:"ad75fbbb3f3086655e6e4eea20d61088c075c892",class:"co-media-thumb__scrim",part:"scrim"},t("div",{key:"7d5d63d5228b2c724ec2fd59680256f24fc68a00",class:"co-media-thumb__play",part:"play"},t("svg",{key:"5b669727dc75fc95c63444e0875928a6197c40ec",class:"co-media-thumb__play-icon",width:"16",height:"18",viewBox:"0 0 16 18",fill:"none","aria-hidden":"true"},t("path",{key:"f17ffe84152c1af2277832b0977f21dacc1f1bc7",d:"M2 2l12 7-12 7z",fill:"var(--co-color-base-negro, #1f1c1b)"})))))}};e.style=":host{display:block}.co-media-thumb{position:relative;overflow:hidden;width:100%;background:var(--co-color-gray-100, #f6f6f6);box-sizing:border-box}.co-media-thumb__img{width:100%;height:100%;object-fit:cover;display:block}.co-media-thumb__scrim{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(31, 28, 27, 0.28)}.co-media-thumb__play{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(255, 255, 255, 0.92)}.co-media-thumb__play-icon{display:block;margin-left:2px;}";export{e as co_media_thumb}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as
|
|
1
|
+
import{r as a,c as t,h as o}from"./p-YRicbXh3.js";const e=class{constructor(o){a(this,o),this.coTabSelect=t(this,"coTabSelect",7),this.label="",this.value="",this.selected=!1,this.size="small",this.variant="pill",this.disabled=!1,this.fullWidth=!1,this.handleClick=()=>{this.disabled||this.coTabSelect.emit(this.value||this.label)}}render(){const a="underline"===this.variant?16:"large"===this.size?18:14;return o("button",{key:"f969b1dbfaa65dd1a82f0850074c028cba683b4e",class:{"co-tab":!0,[`co-tab--${this.size}`]:!0,[`co-tab--${this.variant}`]:!0,"co-tab--selected":this.selected,"co-tab--disabled":this.disabled},type:"button",role:"tab","aria-selected":this.selected?"true":"false",disabled:this.disabled,part:"tab",onClick:this.handleClick},this.iconLeft&&o("co-icon",{key:"22119752dd8e2606ece1ed07abc8c8174b7aa2c2",name:this.iconLeft,size:a}),o("span",{key:"35646e95c0b2e1b05ad3f6ad51fd8399e3c31f1b"},this.label),this.badge&&o("span",{key:"d44bcd2989aca1694d3755d60f9eba9f4c6e1422",class:"co-tab__badge",part:"badge"},this.badge),this.iconRight&&o("co-icon",{key:"c4065c2011bd20a614e0b93cd92b26e3ada849cb",name:this.iconRight,size:a}))}};e.style=":host{display:inline-flex}.co-tab{display:inline-flex;align-items:center;gap:var(--co-spacing-sm2);border:none;outline:none;cursor:var(--co-tab-cursor, pointer);font-family:var(--co-font-family-primary);font-weight:400;line-height:1;white-space:nowrap;border-radius:var(--co-border-radius-full);background:transparent;color:var(--co-semantic-text-muted);transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out);box-sizing:border-box}:host([full-width]) .co-tab{width:100%;justify-content:center}.co-tab--small{padding:0 var(--co-spacing-sm2);font-size:var(--co-font-size-14);height:32px}.co-tab--large{padding:0 var(--co-spacing-lg);font-size:var(--co-font-size-16);height:40px}.co-tab--pill:hover:not(:disabled){background:var(--co-semantic-surface-control);color:var(--co-semantic-text-default)}.co-tab--selected{background:var(--co-semantic-surface-control);color:var(--co-semantic-text-default);font-weight:500}.co-tab--pill.co-tab--selected:hover:not(:disabled){background:var(--co-semantic-surface-control);color:var(--co-semantic-text-default)}.co-tab--disabled{opacity:0.4;cursor:not-allowed}.co-tab:focus-visible{outline:2px solid var(--co-semantic-border-focus, var(--co-color-primary-azul, #2563eb));outline-offset:2px}.co-tab--underline{height:var(--co-spacing-4xl, 40px);padding:0 var(--co-spacing-md, 12px);gap:var(--co-spacing-sm2, 8px);border-radius:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14, 14px);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body, -0.03em);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-tab--underline.co-tab--selected{background:transparent;border-bottom-color:var(--co-semantic-text-default);color:var(--co-semantic-text-default);font-weight:500}.co-tab__badge{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:18px;height:18px;padding:0 5px;border-radius:var(--co-border-radius-full, 9999px);font-size:11px;font-weight:500;line-height:1;background:var(--co-semantic-surface-muted);color:var(--co-semantic-text-secondary)}.co-tab--selected .co-tab__badge{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary)}.co-tab--segmented{height:auto;padding:var(--co-spacing-sm2, 8px) var(--co-spacing-md, 12px);border:1px solid transparent;border-radius:var(--co-border-radius-xs, 8px);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:-0.03em;color:var(--co-semantic-text-secondary);background:transparent}.co-tab--segmented:hover:not(:disabled){background:transparent;color:var(--co-semantic-text-default)}.co-tab--segmented.co-tab--selected{background:var(--co-semantic-surface-raised, var(--co-semantic-surface-page));border-color:var(--co-semantic-border-default);box-shadow:var(--co-shadow-lg);font-weight:500;color:var(--co-semantic-text-default)}.co-tab--segmented.co-tab--selected:hover:not(:disabled){background:var(--co-semantic-surface-raised, var(--co-semantic-surface-page));color:var(--co-semantic-text-default)}.co-tab--segmented.co-tab--s{height:28px;padding:0 var(--co-spacing-md, 12px);line-height:1;border-radius:var(--co-spacing-sm, 6px);font-size:var(--co-font-size-12, 12px);font-weight:500;color:var(--co-semantic-text-secondary);background:transparent}.co-tab--segmented.co-tab--s.co-tab--selected{background:var(--co-semantic-surface-raised, var(--co-semantic-surface-page));border-color:var(--co-semantic-border-default);box-shadow:var(--co-shadow-lg);color:var(--co-semantic-text-default);font-weight:500}.co-tab--segmented.co-tab--xs{height:26px;padding:0 var(--co-spacing-md, 12px);line-height:1;border-radius:var(--co-spacing-sm, 6px);font-size:var(--co-font-size-10, 10px);font-weight:500;color:var(--co-semantic-text-secondary);background:transparent}.co-tab--segmented.co-tab--xs.co-tab--selected{background:var(--co-semantic-surface-raised, var(--co-semantic-surface-page));border-color:var(--co-semantic-border-default);box-shadow:var(--co-shadow-lg);color:var(--co-semantic-text-default);font-weight:500}";export{e as co_tab}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c as t,h as r,a as i}from"./p-
|
|
1
|
+
import{r as o,c as t,h as r,a as i}from"./p-YRicbXh3.js";import{c as s}from"./p-COJdaKBU.js";const e=class{constructor(r){o(this,r),this.coInput=t(this,"coInput",7),this.coChange=t(this,"coChange",7),this.channel="hue",this.value=0,this.disabled=!1,this.dragging=!1,this.changedInGesture=!1,this.handlePointerDown=o=>{var t;this.disabled||0!==o.button||this.dragging||(o.preventDefault(),null===(t=this.trackEl)||void 0===t||t.focus({preventScroll:!0}),this.capturePointer(o),this.dragging=!0,this.activePointerId=o.pointerId,this.changedInGesture=!1,this.applyPointer(o))},this.handlePointerMove=o=>{this.isActivePointer(o)&&this.applyPointer(o)},this.handlePointerEnd=o=>{if(!this.isActivePointer(o))return;this.dragging=!1,this.activePointerId=void 0,this.releasePointer(o);const t=this.changedInGesture;this.changedInGesture=!1,t&&this.coChange.emit(this.value)},this.handleKeyDown=o=>{if(this.disabled)return;const t=o.shiftKey?10:1;let r;switch(o.key){case"ArrowRight":case"ArrowUp":r=this.value+t;break;case"ArrowLeft":case"ArrowDown":r=this.value-t;break;case"PageUp":r=this.value+10;break;case"PageDown":r=this.value-10;break;case"Home":r=0;break;case"End":r=this.max;break;default:return}o.preventDefault(),this.commitInput(s(r,0,this.max))&&this.coChange.emit(this.value)}}get max(){return"alpha"===this.channel?100:360}isActivePointer(o){return this.dragging&&o.pointerId==this.activePointerId}capturePointer(o){const t=this.trackEl;if(t&&"function"==typeof t.setPointerCapture&&null!=o.pointerId)try{t.setPointerCapture(o.pointerId)}catch(o){}}releasePointer(o){const t=this.trackEl;if(t&&"function"==typeof t.releasePointerCapture&&null!=o.pointerId)try{t.releasePointerCapture(o.pointerId)}catch(o){}}applyPointer(o){var t,r;const i=null===(t=this.trackEl)||void 0===t?void 0:t.getBoundingClientRect();if(!i||i.width<=0)return;const e=(null===(r=this.thumbEl)||void 0===r?void 0:r.getBoundingClientRect().width)||16,a=Math.max(1,i.width-e),c=s((o.clientX-i.left-e/2)/a,0,1);this.commitInput(c*this.max)}commitInput(o){return o!==this.value&&(this.value=o,this.dragging&&(this.changedInGesture=!0),this.coInput.emit(o),!0)}thumbFill(o,t){if("alpha"===this.channel){const r=`color-mix(in srgb, ${t} ${o}%, transparent)`;return`linear-gradient(${r}, ${r}), repeating-conic-gradient(#ebebeb 0 25%, #fafafa 0 50%) 0 0 / 4px 4px`}return`hsl(${o} 100% 50%)`}render(){var o,t;const i=null!==(o=this.channel)&&void 0!==o?o:"hue",e=this.max,a=s(null!==(t=this.value)&&void 0!==t?t:0,0,e),c=this.color||"#000",l="alpha"===i;return r("div",{key:"a4ab80a67e0bb20037f48b99cca835d17622a776",class:{"co-color-slider":!0,"co-color-slider--disabled":this.disabled,"co-color-slider--dragging":this.dragging}},r("div",{key:"d9dd4a75f7b74e73ddd0da15384566d038fd9eff",class:{"co-color-slider__track":!0,"co-color-slider__track--hue":!l,"co-color-slider__track--alpha":l},part:"track",style:l?{"--co-color-slider-color":c}:void 0,role:"slider",tabIndex:this.disabled?-1:0,"aria-label":this.label||void 0,"aria-valuemin":"0","aria-valuemax":String(e),"aria-valuenow":String(Math.round(a)),"aria-disabled":this.disabled?"true":void 0,ref:o=>this.trackEl=o,onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerEnd,onPointerCancel:this.handlePointerEnd,onKeyDown:this.handleKeyDown},r("div",{key:"62866f901b8090289ab48a8d90ad4ee50fea5bb5",class:"co-color-thumb co-color-slider__thumb",part:"thumb",ref:o=>this.thumbEl=o,style:{"--co-color-slider-ratio":String(a/e),"--co-color-thumb-fill":this.thumbFill(a,c)}})))}get el(){return i(this)}};e.style=".co-color-thumb{position:absolute;box-sizing:border-box;width:var(--co-color-thumb-size, 16px);height:var(--co-color-thumb-size, 16px);border-radius:var(--co-border-radius-full);border:4px solid var(--co-color-base-blanco, #fff);background:var(--co-color-thumb-fill, transparent);box-shadow:0 0 0 1px var(--co-color-thumb-hairline, var(--co-semantic-border-hairline)), var(--co-shadow-lg);transform:translate(-50%, -50%);pointer-events:none;transition:left var(--co-motion-duration-instant) var(--co-motion-ease-out), top var(--co-motion-duration-instant) var(--co-motion-ease-out)}:host{display:block;width:100%}.co-color-slider{position:relative;width:100%}.co-color-slider__track{position:relative;box-sizing:border-box;width:100%;height:16px;border-radius:var(--co-border-radius-full);cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;outline:none}.co-color-slider__track--hue{background:linear-gradient( to right, hsl(0 100% 50%), hsl(60 100% 50%), hsl(120 100% 50%), hsl(180 100% 50%), hsl(240 100% 50%), hsl(300 100% 50%), hsl(360 100% 50%) )}.co-color-slider__track--alpha{background:linear-gradient(to right, transparent, var(--co-color-slider-color, #000)), repeating-conic-gradient(#ebebeb 0 25%, #fafafa 0 50%) 0 0 / 8px 8px}.co-color-slider__thumb{top:50%;left:calc( var(--co-color-thumb-size, 16px) / 2 + (100% - var(--co-color-thumb-size, 16px)) * var(--co-color-slider-ratio, 0) )}.co-color-slider--disabled .co-color-slider__track{opacity:0.4;cursor:not-allowed}.co-color-slider--dragging .co-color-slider__thumb{transition:none}.co-color-slider__track:focus-visible{outline:none;box-shadow:0 0 0 2px var(--co-semantic-border-focus)}";export{e as co_color_slider}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c as e,h as a,H as r}from"./p-
|
|
1
|
+
import{r as o,c as e,h as a,H as r}from"./p-YRicbXh3.js";const t=class{constructor(a){o(this,a),this.coDrop=e(this,"coDrop",7),this.coDragStateChange=e(this,"coDragStateChange",7),this.active=!1,this.accent="var(--co-color-primary-azul)",this.label="Suelta para subir",this.icon="upload-simple",this.dragDepth=0,this.handleDragEnter=o=>{o.preventDefault(),this.dragDepth++,this.setActive(!0)},this.handleDragOver=o=>{o.preventDefault(),o.dataTransfer&&(o.dataTransfer.dropEffect="copy")},this.handleDragLeave=o=>{o.preventDefault(),this.dragDepth=Math.max(0,this.dragDepth-1),0===this.dragDepth&&this.setActive(!1)},this.handleDrop=o=>{o.preventDefault(),this.dragDepth=0;const e=o.dataTransfer?Array.from(o.dataTransfer.files):[];this.setActive(!1),this.coDrop.emit(e)}}setActive(o){this.active!==o&&(this.active=o,this.coDragStateChange.emit(o))}render(){return a(r,{key:"67d960d753b29ed1c365312dc7295df325a8a722",class:{"co-drop-zone":!0,"co-drop-zone--active":this.active},part:"host",style:{"--co-drop-zone-accent":this.accent},onDragEnter:this.handleDragEnter,onDragOver:this.handleDragOver,onDragLeave:this.handleDragLeave,onDrop:this.handleDrop},a("slot",{key:"da400ae3fd805ab0e12e832445f7921a2cf9a378"}),this.active&&a("div",{key:"a10b22b0b965668b62100f3736bd0b1f373536bf",class:"co-drop-zone__overlay",part:"overlay"},a("div",{key:"ea8e3f27d9c8b9717d8bd7867e756782e863eeff",class:"co-drop-zone__badge",part:"badge"},a("co-icon",{key:"9fe0f6d884b9adab786cb641b799da67cc3551f7",name:this.icon,size:34})),a("span",{key:"b413d86783086497f90afb0fbd24c10f1f7a9e7d",class:"co-drop-zone__label",part:"label"},this.label)))}};t.style=":host{position:relative;display:block}.co-drop-zone__overlay{position:absolute;inset:12px;z-index:70;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border-radius:16px;border:2px dashed var(--co-drop-zone-accent, var(--co-color-primary-azul, #2563eb));background:color-mix( in srgb, var(--co-drop-zone-accent, var(--co-color-primary-azul, #2563eb)) 8%, rgba(255, 255, 255, 0.85) );-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.co-drop-zone__badge{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:20px;background:var(--co-color-base-blanco, #fff);color:var(--co-drop-zone-accent, var(--co-color-primary-azul, #2563eb));box-shadow:var(--co-shadow-sm, 0 1px 2px 0 rgba(26, 26, 26, 0.04))}.co-drop-zone__label{font-family:var(--co-font-family-primary);letter-spacing:var(--co-font-letter-spacing-body, -0.03em);font-size:18px;font-weight:500;color:var(--co-color-base-negro, #1f1c1b)}";export{t as co_drop_zone}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as i,h as t,a}from"./p-DJkaRtbb.js";import{R as s}from"./p-CYN5B3IQ.js";import{F as o}from"./p-CSLjZ3WO.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,a)=>a!==e&&t===i)))return void this.commit(t.filter(((i,t)=>t!==e)));const a=[...t];a[e]=i,this.commit(a)}cancelEdit(){this.editingIndex=null,this.editingDraft=""}render(){const e=this.tags,i=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly,a=this.isInvalid?this.errorMessage:this.helperText,r=!this.readonly&&!this.atCapacity;return t("div",{key:"fd91a99e457cbf54c88d423be8af54c566f3066c",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:"49bfcb174303ee8660e5acc4f98217aaf66f40ac",class:"co-tags-field__labels"},t("label",{key:"79762edec0be8829ccaca058eba30a3bde927254",class:"co-tags-field__label",part:"label"},this.label,t(s,{key:"c70bec9252eb1921c481ecd61d8b6fe63a3d6c10",required:this.required}))),t("div",{key:"32a0647964bd4acc982a2a790647c93a40801c36",class:"co-tags-field__field-row"},t("div",{key:"4e8368806c1f672c72eb02331f113669db4cf8d1",class:"co-tags-field__field",part:"field",onClick:this.handleFieldClick},t("div",{key:"4ad6a373fd8c05ee5aac5bff758ce2fbe4312dc8",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:"f225a29c660941323b3e83344cf4b5524bbd72a2",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:"37317b91ff4f58ca30ae13d7d639fcc79efaeb3b",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:"f29e8727db13e9ce6b6fc72e38786aeb619a51b1",name:"x-circle",size:16,weight:"fill"})))),this.name&&t("input",{key:"592bcd5ecd3f552ac6c8adb87fbd9dab04ec0e40",type:"hidden",name:this.name,value:JSON.stringify(e)}),a&&t("div",{key:"7402a33a90484fdce495df229b7325d6e6527991",class:{"co-tags-field__helper":!0,"co-tags-field__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&t("co-icon",{key:"8b9116529e02f275ef957e23ad98adb8d726b375",name:"warning-circle",size:14,class:"co-tags-field__helper-icon"}),t("span",{key:"5f952c6feb9b82b46552bb8e8faeb5aaeb4abc29",class:"co-tags-field__helper-text"},a)))}get el(){return a(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-semantic-text-error, var(--co-color-status-error))}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-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-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out);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:22px;padding: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__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 var(--co-motion-duration-fast) var(--co-motion-ease-out);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-page);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 var(--co-motion-duration-fast) var(--co-motion-ease-out)}.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-border-error, var(--co-semantic-status-error))}.co-tags-field--invalid.co-tags-field--focused .co-tags-field__field{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error));box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-error, var(--co-semantic-status-error)) 12%, transparent)}.co-tags-field__helper--error .co-tags-field__helper-icon,.co-tags-field__helper--error .co-tags-field__helper-text{color:var(--co-semantic-text-error, 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}";export{r as co_tags_field}
|
|
1
|
+
import{r as i,c as e,h as t,a}from"./p-YRicbXh3.js";import{R as s}from"./p-pl89alJ1.js";import{F as o}from"./p-C_xES1w3.js";const r=class{constructor(t){i(this,t),this.coChange=e(this,"coChange",7),this.coInput=e(this,"coInput",7),this.coClear=e(this,"coClear",7),this.coFocus=e(this,"coFocus",7),this.coBlur=e(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 i;this.hasValue&&(this.commit([]),this.coClear.emit(),null===(i=this.inputEl)||void 0===i||i.focus())},this.handleInput=i=>{this.draft=i.target.value,this.coInput.emit(this.draft)},this.handleKeyDown=i=>{"Enter"!==i.key&&"Tab"!==i.key&&","!==i.key?"Backspace"===i.key&&""===this.draft&&this.hasValue&&(i.preventDefault(),this.removeTag(this.tags.length-1)):this.draft.trim()&&(i.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=i=>{"Enter"===i.key?(i.preventDefault(),this.saveEdit()):"Escape"===i.key&&(i.preventDefault(),this.cancelEdit())},this.handleFieldClick=()=>{var i;this.disabled||this.readonly||null===this.editingIndex&&(null===(i=this.inputEl)||void 0===i||i.focus())}}onEditingIndexChange(i){null!==i&&requestAnimationFrame((()=>{var i;return null===(i=this.editEl)||void 0===i?void 0:i.focus()}))}get tags(){if(Array.isArray(this.value))return this.value.map((i=>String(i)));if("string"==typeof this.value&&this.value.trim())try{const i=JSON.parse(this.value);if(Array.isArray(i))return i.map((i=>String(i)))}catch(i){}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(i){this.value=JSON.stringify(i),this.coChange.emit(i)}addTag(){const i=this.draft.trim();if(this.draft="",!i||this.atCapacity)return;const e=this.tags;!this.allowDuplicates&&e.includes(i)||this.commit([...e,i])}removeTag(i){const e=this.tags.filter(((e,t)=>t!==i));this.commit(e)}startEdit(i){var e;this.disabled||this.readonly||(this.editingIndex=i,this.editingDraft=null!==(e=this.tags[i])&&void 0!==e?e:"")}saveEdit(){if(null===this.editingIndex)return;const i=this.editingIndex,e=this.editingDraft.trim(),t=this.tags;if(this.editingIndex=null,this.editingDraft="",!e)return void this.commit(t.filter(((e,t)=>t!==i)));if(!this.allowDuplicates&&t.some(((t,a)=>a!==i&&t===e)))return void this.commit(t.filter(((e,t)=>t!==i)));const a=[...t];a[i]=e,this.commit(a)}cancelEdit(){this.editingIndex=null,this.editingDraft=""}render(){const i=this.tags,e=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly,a=this.isInvalid?this.errorMessage:this.helperText,r=!this.readonly&&!this.atCapacity;return t("div",{key:"fd91a99e457cbf54c88d423be8af54c566f3066c",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:"49bfcb174303ee8660e5acc4f98217aaf66f40ac",class:"co-tags-field__labels"},t("label",{key:"79762edec0be8829ccaca058eba30a3bde927254",class:"co-tags-field__label",part:"label"},this.label,t(s,{key:"c70bec9252eb1921c481ecd61d8b6fe63a3d6c10",required:this.required}))),t("div",{key:"32a0647964bd4acc982a2a790647c93a40801c36",class:"co-tags-field__field-row"},t("div",{key:"4e8368806c1f672c72eb02331f113669db4cf8d1",class:"co-tags-field__field",part:"field",onClick:this.handleFieldClick},t("div",{key:"4ad6a373fd8c05ee5aac5bff758ce2fbe4312dc8",class:"co-tags-field__input-wrapper"},i.map(((i,e)=>this.editingIndex===e?t("input",{key:`edit-${e}`,ref:i=>this.editEl=i,class:"co-tags-field__edit",type:"text",value:this.editingDraft,onInput:i=>this.editingDraft=i.target.value,onKeyDown:this.handleEditKeyDown,onBlur:()=>this.saveEdit()}):t(o,{key:`chip-${e}-${i}`,baseClass:"co-tags-field__chip",label:i,title:i,onChipDblClick:()=>this.startEdit(e),onRemove:this.disabled||this.readonly?void 0:i=>{i.stopPropagation(),this.removeTag(e)}}))),r&&t("input",{key:"f225a29c660941323b3e83344cf4b5524bbd72a2",ref:i=>this.inputEl=i,class:"co-tags-field__native",type:"text",autocomplete:"off",value:this.draft,placeholder:0===i.length?this.placeholder:"",disabled:this.disabled,required:this.required&&0===i.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:"37317b91ff4f58ca30ae13d7d639fcc79efaeb3b",class:{"co-tags-field__clear":!0,"co-tags-field__clear--hidden":!e},type:"button",tabIndex:-1,onMouseDown:i=>i.preventDefault(),onClick:this.handleClearAll,"aria-label":"Clear all",part:"clear"},t("co-icon",{key:"f29e8727db13e9ce6b6fc72e38786aeb619a51b1",name:"x-circle",size:16,weight:"fill"})))),this.name&&t("input",{key:"592bcd5ecd3f552ac6c8adb87fbd9dab04ec0e40",type:"hidden",name:this.name,value:JSON.stringify(i)}),a&&t("div",{key:"7402a33a90484fdce495df229b7325d6e6527991",class:{"co-tags-field__helper":!0,"co-tags-field__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&t("co-icon",{key:"8b9116529e02f275ef957e23ad98adb8d726b375",name:"warning-circle",size:14,class:"co-tags-field__helper-icon"}),t("span",{key:"5f952c6feb9b82b46552bb8e8faeb5aaeb4abc29",class:"co-tags-field__helper-text"},a)))}get el(){return a(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-semantic-text-error, var(--co-color-status-error))}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-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-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out);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:22px;padding: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__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 var(--co-motion-duration-fast) var(--co-motion-ease-out);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-field);border-radius:var(--co-border-radius-xxs);outline:none;background:var(--co-semantic-surface-page);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 var(--co-motion-duration-fast) var(--co-motion-ease-out)}.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-border-error, var(--co-semantic-status-error))}.co-tags-field--invalid.co-tags-field--focused .co-tags-field__field{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error));box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-error, var(--co-semantic-status-error)) 12%, transparent)}.co-tags-field__helper--error .co-tags-field__helper-icon,.co-tags-field__helper--error .co-tags-field__helper-text{color:var(--co-semantic-text-error, 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}";export{r as co_tags_field}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as r}from"./p-YRicbXh3.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}
|