@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
|
@@ -96,7 +96,13 @@
|
|
|
96
96
|
.co-slider__track {
|
|
97
97
|
width: 100%;
|
|
98
98
|
height: var(--co-slider-track-thickness, 4px);
|
|
99
|
-
|
|
99
|
+
/* Riel sin llenar = indicador no textual (WCAG 1.4.11): border-subtle (8 %) daba 1,17:1
|
|
100
|
+
contra la página. control-track-off (gray-500, la pista apagada de co-switch): 3,54 claro /
|
|
101
|
+
5,58 oscuro contra la página; el relleno queda a 4,78 (claro) / 3,54 (oscuro) del riel.
|
|
102
|
+
Compromiso aceptado: los rellenos de ESTADO (error/success/warning) quedan a ~1,6-1,9 del riel
|
|
103
|
+
gris; ahí el valor lo lleva el pulgar (mismo color, contra la página) y el estado, el texto de
|
|
104
|
+
ayuda. En suite-v2 solo se usa `error`, transitorio, en validación (FieldSlider). */
|
|
105
|
+
background: var(--co-semantic-control-track-off);
|
|
100
106
|
border-radius: var(--co-border-radius-full);
|
|
101
107
|
overflow: hidden;
|
|
102
108
|
}
|
|
@@ -112,6 +118,11 @@
|
|
|
112
118
|
background: var(--co-semantic-text-disabled);
|
|
113
119
|
}
|
|
114
120
|
|
|
121
|
+
/* Deshabilitado conserva el riel tenue de siempre (exento de 1.4.11). */
|
|
122
|
+
.co-slider--disabled .co-slider__track {
|
|
123
|
+
background: var(--co-semantic-border-subtle);
|
|
124
|
+
}
|
|
125
|
+
|
|
115
126
|
.co-slider--error .co-slider__fill { background: var(--co-semantic-status-error); }
|
|
116
127
|
.co-slider--success .co-slider__fill { background: var(--co-semantic-status-success); }
|
|
117
128
|
.co-slider--warning .co-slider__fill { background: var(--co-color-status-review); }
|
|
@@ -267,6 +278,15 @@
|
|
|
267
278
|
transition: none;
|
|
268
279
|
}
|
|
269
280
|
|
|
281
|
+
/* Foco de teclado (WCAG 2.4.7). El nodo enfocable es el `<input type="range">` oculto, que va
|
|
282
|
+
DESPUÉS del riel en el DOM: un `~` no alcanza al thumb, así que se sube por `:has()` desde la
|
|
283
|
+
raíz. Anillo de la casa: separador surface-page + trazo border-focus (3,29 claro / 5,33
|
|
284
|
+
oscuro). Va DESPUÉS de `--dragging` y pesa (0,3,0): el foco por teclado se ve aunque el
|
|
285
|
+
arrastre siga marcado. `:focus-visible`, nunca `:focus` pelado: el click no lo prende. */
|
|
286
|
+
.co-slider:has(.co-slider__native:focus-visible) .co-slider__thumb {
|
|
287
|
+
box-shadow: 0 0 0 2px var(--co-semantic-surface-page), 0 0 0 4px var(--co-semantic-border-focus);
|
|
288
|
+
}
|
|
289
|
+
|
|
270
290
|
.co-slider--disabled .co-slider__thumb {
|
|
271
291
|
background: var(--co-semantic-text-disabled);
|
|
272
292
|
}
|
|
@@ -124,15 +124,21 @@
|
|
|
124
124
|
flex-shrink: 0;
|
|
125
125
|
}
|
|
126
126
|
|
|
127
|
+
/* Foco por teclado (H1, auditoría a11y 2026-10-05): anillo de dos tonos — separación en
|
|
128
|
+
surface-page + trazo border-focus (≈3,3:1 claro / ≈5,3:1 oscuro). La pista encendida es
|
|
129
|
+
surface-primary (negra en claro): el trazo pegado se fundiría con ella, por eso el hueco. */
|
|
130
|
+
.co-switch:focus-visible {
|
|
131
|
+
box-shadow: 0 0 0 2px var(--co-semantic-surface-page), 0 0 0 4px var(--co-semantic-border-focus);
|
|
132
|
+
}
|
|
133
|
+
|
|
127
134
|
/* ─── TRACK COLORS ──────────────────────────────────────────── */
|
|
128
135
|
.co-switch--on { background: var(--co-semantic-surface-primary); }
|
|
129
136
|
.co-switch--off {
|
|
130
137
|
/* Sin backdrop-filter (D2): el track off vive sobre fondo uniforme
|
|
131
138
|
(CellActiveToggle en fila de datatable, forms) → blur inerte.
|
|
132
|
-
Pista apagada por --co-semantic-control-track-off
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
El pulgar sigue en control-thumb (base-negro en oscuro: 4,78:1 sobre la pista). */
|
|
139
|
+
Pista apagada por --co-semantic-control-track-off: gray-500 opaco en claro y oscuro
|
|
140
|
+
(≥3:1 contra página, pulgar y pista encendida). El color-mix de surface-muted al 35%
|
|
141
|
+
(el fallback, solo sin tokens) quedaba a ~1,07:1 de la página: el switch no se veía. */
|
|
136
142
|
background: var(--co-semantic-control-track-off, color-mix(in srgb, var(--co-semantic-surface-muted) 35%, transparent));
|
|
137
143
|
}
|
|
138
144
|
|
|
@@ -127,7 +127,7 @@
|
|
|
127
127
|
|
|
128
128
|
/* ─── Segmented variant ─────────────────────────────────────── */
|
|
129
129
|
/* Lives inside a .co-tab-group--segmented track. Transparent chip by
|
|
130
|
-
default; the selected tab becomes a
|
|
130
|
+
default; the selected tab becomes a surface-raised bordered pill with the lg
|
|
131
131
|
shadow. The transparent border on the base state reserves the 1px so
|
|
132
132
|
selecting a tab never shifts layout. */
|
|
133
133
|
.co-tab--segmented {
|
|
@@ -147,16 +147,22 @@
|
|
|
147
147
|
color: var(--co-semantic-text-default);
|
|
148
148
|
}
|
|
149
149
|
|
|
150
|
+
/* Contorno border-default (16 %), no border-subtle (8 %): desde #8 B el track es
|
|
151
|
+
transparente, así que la pill ya no se recorta contra un gris. Relleno
|
|
152
|
+
surface-raised: blanco en claro (el mismo valor que surface-page: sin cambio
|
|
153
|
+
visual) y gray-700 en oscuro, donde surface-page (gray-800) era el MISMO color de
|
|
154
|
+
la página y la pill solo se distinguía por contorno + tinta + peso. Respaldo a
|
|
155
|
+
surface-page para hosts con tokens anteriores al semántico. */
|
|
150
156
|
.co-tab--segmented.co-tab--selected {
|
|
151
|
-
background: var(--co-semantic-surface-page);
|
|
152
|
-
border-color: var(--co-semantic-border-
|
|
157
|
+
background: var(--co-semantic-surface-raised, var(--co-semantic-surface-page));
|
|
158
|
+
border-color: var(--co-semantic-border-default);
|
|
153
159
|
box-shadow: var(--co-shadow-lg);
|
|
154
160
|
font-weight: 500;
|
|
155
161
|
color: var(--co-semantic-text-default);
|
|
156
162
|
}
|
|
157
163
|
|
|
158
164
|
.co-tab--segmented.co-tab--selected:hover:not(:disabled) {
|
|
159
|
-
background: var(--co-semantic-surface-page);
|
|
165
|
+
background: var(--co-semantic-surface-raised, var(--co-semantic-surface-page));
|
|
160
166
|
color: var(--co-semantic-text-default);
|
|
161
167
|
}
|
|
162
168
|
|
|
@@ -181,8 +187,8 @@
|
|
|
181
187
|
}
|
|
182
188
|
|
|
183
189
|
.co-tab--segmented.co-tab--s.co-tab--selected {
|
|
184
|
-
background: var(--co-semantic-surface-page);
|
|
185
|
-
border-color: var(--co-semantic-border-
|
|
190
|
+
background: var(--co-semantic-surface-raised, var(--co-semantic-surface-page));
|
|
191
|
+
border-color: var(--co-semantic-border-default);
|
|
186
192
|
box-shadow: var(--co-shadow-lg);
|
|
187
193
|
color: var(--co-semantic-text-default);
|
|
188
194
|
font-weight: 500;
|
|
@@ -203,8 +209,8 @@
|
|
|
203
209
|
}
|
|
204
210
|
|
|
205
211
|
.co-tab--segmented.co-tab--xs.co-tab--selected {
|
|
206
|
-
background: var(--co-semantic-surface-page);
|
|
207
|
-
border-color: var(--co-semantic-border-
|
|
212
|
+
background: var(--co-semantic-surface-raised, var(--co-semantic-surface-page));
|
|
213
|
+
border-color: var(--co-semantic-border-default);
|
|
208
214
|
box-shadow: var(--co-shadow-lg);
|
|
209
215
|
color: var(--co-semantic-text-default);
|
|
210
216
|
font-weight: 500;
|
|
@@ -78,23 +78,29 @@
|
|
|
78
78
|
}
|
|
79
79
|
|
|
80
80
|
/* ─── Segmented variant ─────────────────────────────────────── */
|
|
81
|
-
/*
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
81
|
+
/* Track TRANSPARENTE con contorno de 1px border-default + pill surface-raised (blanca en claro, gray-700 en oscuro) activa
|
|
82
|
+
(auditoría de contraste #8 B, 2026-10-05). Antes: relleno surface-control
|
|
83
|
+
(gray-100) + borde inferior hairline, un gris de 1,08:1 que no se veía. El
|
|
84
|
+
contorno va por box-shadow inset para no mover la geometría. Ojo: un inset se
|
|
85
|
+
pinta DENTRO del borde, así que el border-bottom transparente de 1px que traía
|
|
86
|
+
el track dejaba la línea inferior 1px más arriba que la caja (hueco abajo y
|
|
87
|
+
esquinas desparejas). Ese 1px pasa al padding inferior: misma caja, contorno
|
|
88
|
+
uniforme en los cuatro lados.
|
|
89
|
+
Each co-tab styles its own pill. Hosts must not add their own separator
|
|
90
|
+
under the track. */
|
|
85
91
|
.co-tab-group--segmented {
|
|
86
92
|
display: inline-flex;
|
|
87
93
|
gap: var(--co-spacing-xxs, 2px);
|
|
88
|
-
padding: var(--co-spacing-sm, 6px);
|
|
89
|
-
background:
|
|
90
|
-
|
|
94
|
+
padding: var(--co-spacing-sm, 6px) var(--co-spacing-sm, 6px) calc(var(--co-spacing-sm, 6px) + 1px);
|
|
95
|
+
background: transparent;
|
|
96
|
+
box-shadow: inset 0 0 0 1px var(--co-semantic-border-default);
|
|
91
97
|
border-radius: var(--co-border-radius-sm, 12px);
|
|
92
98
|
}
|
|
93
99
|
|
|
94
100
|
/* Track compacto para pestañas size="s" (28px, D-19) — dos clases le ganan
|
|
95
|
-
por especificidad a `.co-tab-group--segmented` sin importar el orden.
|
|
101
|
+
por especificidad a `.co-tab-group--segmented` sin importar el orden. Nunca
|
|
102
|
+
tuvo el 1px inferior: el padding uniforme de 4px lo pisa también abajo. */
|
|
96
103
|
.co-tab-group--segmented.co-tab-group--size-s {
|
|
97
104
|
padding: 4px;
|
|
98
105
|
border-radius: var(--co-border-radius-xs, 8px);
|
|
99
|
-
border-bottom: none;
|
|
100
106
|
}
|
|
@@ -175,9 +175,10 @@
|
|
|
175
175
|
color: var(--co-semantic-text-muted);
|
|
176
176
|
}
|
|
177
177
|
|
|
178
|
-
/* Inline chip editing input
|
|
178
|
+
/* Inline chip editing input. Contorno border-field, el de todo campo: border-focus es tinta
|
|
179
|
+
sólida desde #2D/#3D (auditoría 2026-10-05) y no va como borde sin estado. */
|
|
179
180
|
.co-tags-field__edit {
|
|
180
|
-
border: 1px solid var(--co-semantic-border-
|
|
181
|
+
border: 1px solid var(--co-semantic-border-field);
|
|
181
182
|
border-radius: var(--co-border-radius-xxs);
|
|
182
183
|
outline: none;
|
|
183
184
|
background: var(--co-semantic-surface-page);
|
|
@@ -189,7 +189,7 @@ export class CoToast {
|
|
|
189
189
|
"references": {
|
|
190
190
|
"CoToastActionsLayout": {
|
|
191
191
|
"location": "local",
|
|
192
|
-
"path": "/Users/agox/
|
|
192
|
+
"path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-toast/co-toast.tsx",
|
|
193
193
|
"id": "src/components/co-toast/co-toast.tsx::CoToastActionsLayout"
|
|
194
194
|
}
|
|
195
195
|
}
|
|
@@ -215,7 +215,7 @@ export class CoToast {
|
|
|
215
215
|
"references": {
|
|
216
216
|
"CoToastVariant": {
|
|
217
217
|
"location": "local",
|
|
218
|
-
"path": "/Users/agox/
|
|
218
|
+
"path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-toast/co-toast.tsx",
|
|
219
219
|
"id": "src/components/co-toast/co-toast.tsx::CoToastVariant"
|
|
220
220
|
}
|
|
221
221
|
}
|
|
@@ -263,13 +263,18 @@
|
|
|
263
263
|
}
|
|
264
264
|
|
|
265
265
|
/* Pill — chips de filtro del Figma (página Academy): pastillas sueltas de 40px,
|
|
266
|
-
la seleccionada en la superficie inversa. Todo semántico: gira en oscuro.
|
|
266
|
+
la seleccionada en la superficie inversa. Todo semántico: gira en oscuro.
|
|
267
|
+
Auditoría de contraste #8 B (2026-10-05): la NO seleccionada perdió el relleno
|
|
268
|
+
surface-control (gray-100: 1,08:1 sobre la página, no se veía) → transparente
|
|
269
|
+
con contorno de 1px border-default (el borde de 1px ya existía, transparente:
|
|
270
|
+
la caja no cambia). Hover = tinte text-default al 4 %, más liviano que la
|
|
271
|
+
seleccionada. La seleccionada conserva su look (inversa, sin contorno visible). */
|
|
267
272
|
:host([variant='pill']) .co-toggle-button {
|
|
268
273
|
height: 40px;
|
|
269
274
|
padding: 0 var(--co-spacing-lg);
|
|
270
275
|
border-radius: var(--co-border-radius-full);
|
|
271
|
-
border-color:
|
|
272
|
-
background:
|
|
276
|
+
border-color: var(--co-semantic-border-default);
|
|
277
|
+
background: transparent;
|
|
273
278
|
color: var(--co-toggle-button-color, var(--co-semantic-text-default));
|
|
274
279
|
font-size: var(--co-toggle-button-font-size, var(--co-font-size-14));
|
|
275
280
|
font-weight: var(--co-font-weight-regular);
|
|
@@ -279,10 +284,11 @@
|
|
|
279
284
|
}
|
|
280
285
|
|
|
281
286
|
:host([variant='pill']) .co-toggle-button:hover:not(:disabled) {
|
|
282
|
-
background: var(--co-semantic-
|
|
287
|
+
background: color-mix(in srgb, var(--co-semantic-text-default) 4%, transparent);
|
|
283
288
|
}
|
|
284
289
|
|
|
285
290
|
:host([variant='pill']) .co-toggle-button--selected {
|
|
291
|
+
border-color: transparent;
|
|
286
292
|
background: var(--co-semantic-surface-primary);
|
|
287
293
|
color: var(--co-toggle-button-color-selected, var(--co-semantic-on-primary));
|
|
288
294
|
}
|
|
@@ -731,7 +731,8 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
731
731
|
}
|
|
732
732
|
|
|
733
733
|
.co-transfer-list__panel-count {
|
|
734
|
-
|
|
734
|
+
/* text-secondary, no text-muted: va sobre surface-muted y muted ahí da 4,15:1 claro / 3,65:1 oscuro. */
|
|
735
|
+
color: var(--co-semantic-text-secondary);
|
|
735
736
|
font-size: var(--co-font-size-12);
|
|
736
737
|
}
|
|
737
738
|
|
|
@@ -790,7 +791,8 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
|
|
|
790
791
|
width: 16px;
|
|
791
792
|
height: 16px;
|
|
792
793
|
border-radius: var(--co-border-radius-xxs, 4px);
|
|
793
|
-
|
|
794
|
+
/* #3D (auditoría de contraste 2026-10-05): casilla sin marcar = contorno de campo (≥3:1). */
|
|
795
|
+
border: 1px solid var(--co-semantic-border-field);
|
|
794
796
|
background: transparent;
|
|
795
797
|
flex-shrink: 0;
|
|
796
798
|
transition: background var(--co-motion-duration-fast) var(--co-motion-ease-out), border-color var(--co-motion-duration-fast) var(--co-motion-ease-out);
|
|
@@ -214,7 +214,7 @@ export class CoTransferList {
|
|
|
214
214
|
"references": {
|
|
215
215
|
"TransferOption": {
|
|
216
216
|
"location": "local",
|
|
217
|
-
"path": "/Users/agox/
|
|
217
|
+
"path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-transfer-list/co-transfer-list.tsx",
|
|
218
218
|
"id": "src/components/co-transfer-list/co-transfer-list.tsx::TransferOption"
|
|
219
219
|
}
|
|
220
220
|
}
|
|
@@ -116,7 +116,7 @@
|
|
|
116
116
|
}
|
|
117
117
|
|
|
118
118
|
.co-tree-item__caret:hover {
|
|
119
|
-
background-color: var(--co-
|
|
119
|
+
background-color: var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.08));
|
|
120
120
|
}
|
|
121
121
|
|
|
122
122
|
.co-tree-item__caret:focus-visible {
|
|
@@ -243,7 +243,7 @@ export class CoTreeItem {
|
|
|
243
243
|
"references": {
|
|
244
244
|
"TreeItemSelection": {
|
|
245
245
|
"location": "local",
|
|
246
|
-
"path": "/Users/agox/
|
|
246
|
+
"path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-tree-item/co-tree-item.tsx",
|
|
247
247
|
"id": "src/components/co-tree-item/co-tree-item.tsx::TreeItemSelection"
|
|
248
248
|
}
|
|
249
249
|
}
|
|
@@ -269,7 +269,7 @@ export class CoTreeItem {
|
|
|
269
269
|
"references": {
|
|
270
270
|
"TreeItemSize": {
|
|
271
271
|
"location": "local",
|
|
272
|
-
"path": "/Users/agox/
|
|
272
|
+
"path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-tree-item/co-tree-item.tsx",
|
|
273
273
|
"id": "src/components/co-tree-item/co-tree-item.tsx::TreeItemSize"
|
|
274
274
|
}
|
|
275
275
|
}
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
.co-video:focus-visible {
|
|
41
|
-
outline: 2px solid var(--co-semantic-border-focus
|
|
41
|
+
outline: 2px solid var(--co-semantic-border-focus);
|
|
42
42
|
outline-offset: 2px;
|
|
43
43
|
}
|
|
44
44
|
|
|
@@ -251,9 +251,11 @@
|
|
|
251
251
|
height: var(--co-video-progress-height-hover);
|
|
252
252
|
}
|
|
253
253
|
|
|
254
|
+
/* La barra vive SOBRE el cuadro de video (fondo arbitrario): anillo de dos tonos
|
|
255
|
+
surface-page + text-default (H32, auditoría a11y 2026-10-05). */
|
|
254
256
|
.co-video__progress:focus-visible {
|
|
255
|
-
outline:
|
|
256
|
-
|
|
257
|
+
outline: none;
|
|
258
|
+
box-shadow: 0 0 0 2px var(--co-semantic-surface-page), 0 0 0 4px var(--co-semantic-text-default);
|
|
257
259
|
border-radius: var(--co-border-radius-full);
|
|
258
260
|
}
|
|
259
261
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as o,p as
|
|
1
|
+
import{t as o,p as c,H as e,c as i,h as a}from"./index.js";import{d as t}from"./p-qMNHMnvI.js";function n(o){return"function"==typeof o.matches&&o.matches('a[href],button,input,select,textarea,label,summary,[contenteditable="true"],[role="button"],[role="link"],[role="checkbox"],[role="switch"],[role^="menuitem"],[role="tab"],co-button,co-icon-button,co-switch,co-checkbox,co-radio,co-chip,co-input,co-select,co-combobox,co-autocomplete,co-ref-field,co-number-field,co-toggle-button,co-menu')}const r=c(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coToggle=i(this,"coToggle",3),this.open=!0,this.heading="",this.subheading="",this.disabled=!1,this.hasSubheadingSlot=!1,this.handleToggle=()=>{this.disabled||(this.open=!this.open,this.coToggle.emit(this.open))},this.handleHeadingClick=o=>{if(this.disabled)return;const c=o.currentTarget;for(const e of o.composedPath()){if(e===c)break;if(n(e))return}this.handleToggle()}}componentWillLoad(){this.hasSubheadingSlot=!!this.el.querySelector('[slot="subheading"]')}componentWillRender(){this.hasSubheadingSlot=!!this.el.querySelector('[slot="subheading"]')}get showSubheading(){return!(!this.subheading||!this.subheading.trim())||this.hasSubheadingSlot}render(){return a("div",{key:"d477686c4426bac01fedcc0975acdb28d5de8d53",class:{"co-accordion":!0,"co-accordion--open":this.open,"co-accordion--disabled":this.disabled},part:"accordion"},a("div",{key:"3fbbb44e513e7c8e66ca1bfaf56568bc1fb441cc",class:"co-accordion__header",part:"header"},a("span",{key:"e090a74991c94904898ccfc26ca811ea1a98cd1a",class:"co-accordion__heading-group",onClick:this.handleHeadingClick},a("span",{key:"896535a0074fafc9fda7d6f0beb0705ff18517dc",class:"co-accordion__heading",part:"heading"},a("slot",{key:"0f6c088e61270e49eb9f4ec21de2362154dc995a",name:"header"},this.heading)),this.showSubheading&&a("span",{key:"bf4bb26b48e7d018d6571bec195aff5cd4be3c1c",class:"co-accordion__subheading",part:"subheading"},a("slot",{key:"fbf7719ffea35741770fe3b3937f5dfb393d6682",name:"subheading"},this.subheading))),a("button",{key:"c2c433dce96427231874e6454083753311be37bf",class:"co-accordion__caret",type:"button","aria-expanded":this.open?"true":"false","aria-label":this.heading||"Toggle section",disabled:this.disabled,onClick:this.handleToggle,part:"caret"},a("co-icon",{key:"a561c34c9ee2028718d0eb6dffb70075245b0090",name:"caret-up",size:20}))),a("div",{key:"cbc7c2a0f773bfc4d65af4734db07f940b705109",class:"co-accordion__body",part:"body"},a("div",{key:"5ef87ae96275711717b0f48aa65459e6ee454763",class:"co-accordion__body-inner",part:"body-inner"},a("slot",{key:"9b675cfe81faf2ad10e226d55a41aa2b4add32c8"}))))}get el(){return this}static get style(){return":host{display:block}.co-accordion{display:flex;flex-direction:column;width:100%}.co-accordion__header{display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm, 6px);width:100%;font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);text-align:left}.co-accordion__heading-group{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--co-spacing-xxs, 2px);cursor:pointer}.co-accordion__heading{font-size:var(--co-font-size-24);font-weight:500;line-height:1.25;letter-spacing:-0.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-accordion__subheading{font-size:var(--co-font-size-14);font-weight:400;line-height:1.3;letter-spacing:normal;color:var(--co-semantic-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-accordion__caret{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;border-radius:var(--co-border-radius-full, 9999px);color:var(--co-semantic-text-default);cursor:pointer;transition:transform var(--co-motion-duration-base) var(--co-motion-ease-out), background-color var(--co-motion-duration-fast) var(--co-motion-ease-out);transform:rotate(180deg);}.co-accordion__caret:hover:not(:disabled){background:var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.08))}.co-accordion--open .co-accordion__caret{transform:rotate(0deg);}.co-accordion__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--co-motion-duration-slow) var(--co-motion-ease-out)}.co-accordion__body-inner{min-height:0;overflow:hidden;padding-top:var(--co-spacing-md);transition:padding-top var(--co-motion-duration-slow) var(--co-motion-ease-out)}.co-accordion:not(.co-accordion--open) .co-accordion__body-inner{padding-top:0}.co-accordion--open .co-accordion__body{grid-template-rows:1fr}.co-accordion:not(.co-accordion--open) .co-accordion__body-inner{visibility:hidden;transition:padding-top var(--co-motion-duration-slow) var(--co-motion-ease-out), visibility 0s linear var(--co-motion-duration-slow)}.co-accordion--open .co-accordion__body-inner{visibility:visible;transition:padding-top var(--co-motion-duration-slow) var(--co-motion-ease-out), visibility 0s linear 0s}.co-accordion__caret:focus-visible{outline:2px solid var(--co-color-primary-azul, #2563eb);outline-offset:2px}.co-accordion--disabled .co-accordion__header{opacity:0.5}.co-accordion--disabled .co-accordion__caret{cursor:not-allowed}.co-accordion--disabled .co-accordion__heading-group{cursor:default}"}},[257,"co-accordion",{open:[1540],heading:[1],subheading:[1],disabled:[4],hasSubheadingSlot:[32]}]);function d(){"undefined"!=typeof customElements&&["co-accordion","co-icon"].forEach((c=>{switch(c){case"co-accordion":customElements.get(o(c))||customElements.define(o(c),r);break;case"co-icon":customElements.get(o(c))||t()}}))}d();const s=r,l=d;export{s as CoAccordion,l as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as a,p as i,H as o,c as t,h as e}from"./index.js";import{d as n}from"./p-qMNHMnvI.js";import{d as s}from"./p-
|
|
1
|
+
import{t as a,p as i,H as o,c as t,h as e}from"./index.js";import{d as n}from"./p-qMNHMnvI.js";import{d as s}from"./p-DpnlSVX3.js";const c=i(class extends o{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.coDismiss=t(this,"coDismiss",7),this.open=!1,this.dismissible=!0,this.position="none",this.liveText="",this.animated=!1,this.handleDismiss=()=>{this.coDismiss.emit()}}onLabelChange(a){void 0!==this.liveTimer&&clearTimeout(this.liveTimer),this.liveTimer=setTimeout((()=>{this.liveTimer=void 0,this.liveText=null!=a?a:""}),600)}componentWillLoad(){var a;this.liveText=null!==(a=this.label)&&void 0!==a?a:""}componentDidLoad(){const a=()=>this.animated=!0;"function"==typeof requestAnimationFrame?this.rafId=requestAnimationFrame(a):a()}disconnectedCallback(){void 0!==this.liveTimer&&(clearTimeout(this.liveTimer),this.liveTimer=void 0),void 0!==this.rafId&&"function"==typeof cancelAnimationFrame&&(cancelAnimationFrame(this.rafId),this.rafId=void 0)}render(){return e("div",{key:"142b59b00b772502ea25dfb13537b9b3dd546080",class:{"co-action-bar":!0,"co-action-bar--open":this.open,"co-action-bar--animated":this.animated},part:"bar",role:"group","aria-label":this.ariaLabelText||this.label,"aria-hidden":this.open?null:"true"},e("span",{key:"8d250df3de2ac4a0c656f90e43f113d0cf2725e2",class:"co-action-bar__live","aria-live":"polite"},this.liveText),e("span",{key:"0787a2c1d6a145dd95c6cca688b8a410c50dd8db",class:"co-action-bar__label",part:"label"},e("slot",{key:"ece9079fc9e5a06a75b4f9ff4da8d5b9c0362bbf",name:"label"},this.label)),e("div",{key:"29a587420ce044ee0fa1502bef229c15ab287a79",class:"co-action-bar__actions",part:"actions"},e("slot",{key:"359ce62b1f45b4c3292ee575b5a4bcf9c684fc07"})),!1!==this.dismissible&&e("co-icon-button",{key:"66439f013f0e3de6f184f6e600cd1eb5bca3b004",class:"co-action-bar__dismiss",part:"dismiss",icon:"x",variant:"ghost",surface:"dark",size:"xs",label:"Dismiss",onClick:this.handleDismiss}))}static get watchers(){return{label:[{onLabelChange:0}]}}static get style(){return":host{display:inline-flex;font-family:var(--co-font-family-primary);--co-surface-dark-ink:var(--co-semantic-on-primary);pointer-events:none}:host([position='bottom-center']){position:fixed;left:50%;transform:translateX(-50%);bottom:var(--co-action-bar-offset, 24px);z-index:var(--co-action-bar-z, 1000);max-width:calc(100% - 2 * var(--co-action-bar-inline-margin, 24px))}.co-action-bar{position:relative;display:flex;align-items:center;box-sizing:border-box;max-width:100%;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md) var(--co-spacing-sm2) var(--co-spacing-lg);border-radius:var(--co-border-radius-lg);background:var(--co-semantic-surface-primary);color:var(--co-semantic-text-inverse);box-shadow:var(--co-shadow-lg);opacity:0;transform:translateY(8px);pointer-events:none;visibility:hidden}.co-action-bar--open{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible}.co-action-bar--animated{transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out), transform var(--co-motion-duration-base) var(--co-motion-ease-out), visibility 0s linear var(--co-motion-duration-base)}.co-action-bar--animated.co-action-bar--open{transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out), transform var(--co-motion-duration-base) var(--co-motion-ease-out), visibility 0s}.co-action-bar__label{font-size:var(--co-font-size-14);font-weight:500;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;flex-shrink:0;padding-right:var(--co-spacing-xs)}.co-action-bar__actions{display:flex;align-items:center;gap:var(--co-spacing-xs);min-width:0}::slotted(hr){width:1px;height:24px;flex-shrink:0;align-self:center;margin:0 var(--co-spacing-xs);border:none;padding:0;background:color-mix(in srgb, var(--co-surface-dark-ink, var(--co-color-base-blanco, #fff)) 28%, transparent)}.co-action-bar__dismiss{flex-shrink:0}.co-action-bar__live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap}"}},[257,"co-action-bar",{open:[516],label:[1],dismissible:[4],position:[513],ariaLabelText:[1,"aria-label-text"],liveText:[32],animated:[32]},void 0,{label:[{onLabelChange:0}]}]);function r(){"undefined"!=typeof customElements&&["co-action-bar","co-icon","co-icon-button"].forEach((i=>{switch(i){case"co-action-bar":customElements.get(a(i))||customElements.define(a(i),c);break;case"co-icon":customElements.get(a(i))||n();break;case"co-icon-button":customElements.get(a(i))||s()}}))}r();const l=c,d=r;export{l as CoActionBar,d as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as o,c,h as a}from"./index.js";import{R as i}from"./p-CWneqh4n.js";import{d as s}from"./p-BRIf9NGv.js";import{d as r}from"./p-BSt2t5Fy.js";import{d as l}from"./p-qMNHMnvI.js";import{d as n}from"./p-DldA2IL3.js";import{d as p}from"./p-BH184F0X.js";import{d as h}from"./p-BGNXvnDr.js";import{d}from"./p-DRL-a5hO.js";const m=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coSearch=c(this,"coSearch",7),this.coChange=c(this,"coChange",7),this.coClear=c(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 a("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)&&a("div",{key:"a9237e72752d5d3921d70cb2d63a160625db7e62",class:"co-autocomplete__labels"},this.label&&a("label",{key:"f1284520b961bf6598e4b9c8a3d943b8b1aa847f",class:"co-autocomplete__label"},this.label,a(i,{key:"6c40530c3e2dca2b3adef8a8ce00c256b7070b48",required:this.required})),this.secondaryLabel&&a("span",{key:"37a0de4ba199f1bc6503543e18261623642c00cf",class:"co-autocomplete__secondary-label"},this.secondaryLabel)),a("div",{key:"30ff3eacbf9634085b212135356c3edbef6e8df9",class:"co-autocomplete__field"},this.iconLeft&&a("co-icon",{key:"3b8c564aae36e7db59c39fcc31fda7d98f55fae8",name:this.iconLeft,size:16,class:"co-autocomplete__icon"}),this.multiple&&t.length>0&&a("div",{key:"df7f0b08d2b456a048368f80c828ee83502b0a20",class:"co-autocomplete__chips"},t.map((e=>{const t=this.parsedOptions.find((t=>t.value===e));return a("co-chip",{label:t?t.label:e,size:"small",removable:!0,onCoRemove:()=>this.handleChipRemove(e)})}))),a("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&&a("div",{key:"e58449cb033553a123f3c2b1daa9b9c62a571273",class:"co-autocomplete__spinner"}),this.clearable&&(this.hasValue||this.query)&&!this.disabled&&a("button",{key:"ea8021e0807cd0eece9933f84772f5f497d2a63c",class:"co-autocomplete__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},a("co-icon",{key:"67a2f961d0ece0178811aa04fd9e5a082976ef6a",name:"x-circle",size:16,weight:"fill"}))),this.isOpen&&a("div",{key:"562cc6f307edd60c361c60974d0423550d8f681a",class:"co-autocomplete__dropdown"},a("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&&a("div",{key:"5c21f62defe09b0160aeec8eaeaa881408dbe964",class:"co-autocomplete__helper co-autocomplete__helper--"+this.status},this.statusIcon&&a("co-icon",{key:"166ccdb5f1e308bb0212c473881bb36a33a8d2e4",name:this.statusIcon,size:14,weight:"fill",class:"co-autocomplete__helper-icon"}),a("span",{key:"bf4b038b665c269484b3bf841b19c92d5b0ceb27",class:"co-autocomplete__helper-text"},this.helperText)))}get el(){return this}static get watchers(){return{options:[{onOptionsChange:0}],value:[{onValueChange:0}]}}static get style(){return":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)')}"}},[1,"co-autocomplete",{label:[1],required:[4],secondaryLabel:[1,"secondary-label"],placeholder:[1],disabled:[4],iconLeft:[1,"icon-left"],clearable:[4],helperText:[1,"helper-text"],layout:[513],size:[513],status:[1],options:[1],value:[1025],multiple:[4],loading:[4],minChars:[2,"min-chars"],searchDebounce:[2,"search-debounce"],emptyMessage:[1,"empty-message"],isOpen:[32],query:[32],focused:[32]},[[4,"click","handleDocumentClick"]],{options:[{onOptionsChange:0}],value:[{onValueChange:0}]}]);function u(){"undefined"!=typeof customElements&&["co-autocomplete","co-avatar","co-chip","co-icon","co-kbd","co-loader","co-option-list","co-tooltip"].forEach((t=>{switch(t){case"co-autocomplete":customElements.get(e(t))||customElements.define(e(t),m);break;case"co-avatar":customElements.get(e(t))||s();break;case"co-chip":customElements.get(e(t))||r();break;case"co-icon":customElements.get(e(t))||l();break;case"co-kbd":customElements.get(e(t))||n();break;case"co-loader":customElements.get(e(t))||p();break;case"co-option-list":customElements.get(e(t))||h();break;case"co-tooltip":customElements.get(e(t))||d()}}))}u();const f=m,b=u;export{f as CoAutocomplete,b as defineCustomElement}
|
|
1
|
+
import{t as e,p as t,H as o,c,h as a}from"./index.js";import{R as i}from"./p-CWneqh4n.js";import{d as s}from"./p-BRIf9NGv.js";import{d as r}from"./p-CpwIdVV5.js";import{d as l}from"./p-qMNHMnvI.js";import{d as n}from"./p-DldA2IL3.js";import{d as p}from"./p-BH184F0X.js";import{d as h}from"./p-BXDvRVSp.js";import{d}from"./p-DRL-a5hO.js";const m=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coSearch=c(this,"coSearch",7),this.coChange=c(this,"coChange",7),this.coClear=c(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 a("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)&&a("div",{key:"a9237e72752d5d3921d70cb2d63a160625db7e62",class:"co-autocomplete__labels"},this.label&&a("label",{key:"f1284520b961bf6598e4b9c8a3d943b8b1aa847f",class:"co-autocomplete__label"},this.label,a(i,{key:"6c40530c3e2dca2b3adef8a8ce00c256b7070b48",required:this.required})),this.secondaryLabel&&a("span",{key:"37a0de4ba199f1bc6503543e18261623642c00cf",class:"co-autocomplete__secondary-label"},this.secondaryLabel)),a("div",{key:"30ff3eacbf9634085b212135356c3edbef6e8df9",class:"co-autocomplete__field"},this.iconLeft&&a("co-icon",{key:"3b8c564aae36e7db59c39fcc31fda7d98f55fae8",name:this.iconLeft,size:16,class:"co-autocomplete__icon"}),this.multiple&&t.length>0&&a("div",{key:"df7f0b08d2b456a048368f80c828ee83502b0a20",class:"co-autocomplete__chips"},t.map((e=>{const t=this.parsedOptions.find((t=>t.value===e));return a("co-chip",{label:t?t.label:e,size:"small",removable:!0,onCoRemove:()=>this.handleChipRemove(e)})}))),a("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&&a("div",{key:"e58449cb033553a123f3c2b1daa9b9c62a571273",class:"co-autocomplete__spinner"}),this.clearable&&(this.hasValue||this.query)&&!this.disabled&&a("button",{key:"ea8021e0807cd0eece9933f84772f5f497d2a63c",class:"co-autocomplete__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},a("co-icon",{key:"67a2f961d0ece0178811aa04fd9e5a082976ef6a",name:"x-circle",size:16,weight:"fill"}))),this.isOpen&&a("div",{key:"562cc6f307edd60c361c60974d0423550d8f681a",class:"co-autocomplete__dropdown"},a("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&&a("div",{key:"5c21f62defe09b0160aeec8eaeaa881408dbe964",class:"co-autocomplete__helper co-autocomplete__helper--"+this.status},this.statusIcon&&a("co-icon",{key:"166ccdb5f1e308bb0212c473881bb36a33a8d2e4",name:this.statusIcon,size:14,weight:"fill",class:"co-autocomplete__helper-icon"}),a("span",{key:"bf4b038b665c269484b3bf841b19c92d5b0ceb27",class:"co-autocomplete__helper-text"},this.helperText)))}get el(){return this}static get watchers(){return{options:[{onOptionsChange:0}],value:[{onValueChange:0}]}}static get style(){return":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)')}"}},[1,"co-autocomplete",{label:[1],required:[4],secondaryLabel:[1,"secondary-label"],placeholder:[1],disabled:[4],iconLeft:[1,"icon-left"],clearable:[4],helperText:[1,"helper-text"],layout:[513],size:[513],status:[1],options:[1],value:[1025],multiple:[4],loading:[4],minChars:[2,"min-chars"],searchDebounce:[2,"search-debounce"],emptyMessage:[1,"empty-message"],isOpen:[32],query:[32],focused:[32]},[[4,"click","handleDocumentClick"]],{options:[{onOptionsChange:0}],value:[{onValueChange:0}]}]);function u(){"undefined"!=typeof customElements&&["co-autocomplete","co-avatar","co-chip","co-icon","co-kbd","co-loader","co-option-list","co-tooltip"].forEach((t=>{switch(t){case"co-autocomplete":customElements.get(e(t))||customElements.define(e(t),m);break;case"co-avatar":customElements.get(e(t))||s();break;case"co-chip":customElements.get(e(t))||r();break;case"co-icon":customElements.get(e(t))||l();break;case"co-kbd":customElements.get(e(t))||n();break;case"co-loader":customElements.get(e(t))||p();break;case"co-option-list":customElements.get(e(t))||h();break;case"co-tooltip":customElements.get(e(t))||d()}}))}u();const f=m,b=u;export{f as CoAutocomplete,b as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{C as o,d as s}from"./p-
|
|
1
|
+
import{C as o,d as s}from"./p-BDk4ffI3.js";const f=o,p=s;export{f as CoCalendarMonth,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{C as o,d as
|
|
1
|
+
import{C as o,d as p}from"./p-Ct4MpUdn.js";const s=o,t=p;export{s as CoCalendarTimegrid,t as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as s,c as i,h as o,a as e,t as a}from"./index.js";import{l as r}from"./p-jYd9gu_c.js";import{d as c}from"./p-qMNHMnvI.js";const l={es:{prevSlide:"Diapositiva anterior",nextSlide:"Diapositiva siguiente",goToSlide:"Ir a la diapositiva {i}",pickSlide:"Elegir diapositiva",carouselLabel:"Carrusel",slideLabel:"{i} de {n}"},en:{prevSlide:"Previous slide",nextSlide:"Next slide",goToSlide:"Go to slide {i}",pickSlide:"Choose slide",carouselLabel:"Carousel",slideLabel:"{i} of {n}"},pt:{prevSlide:"Slide anterior",nextSlide:"Próximo slide",goToSlide:"Ir para o slide {i}",pickSlide:"Escolher slide",carouselLabel:"Carrossel",slideLabel:"{i} de {n}"}};function h(t){return l[r(t)]}const n=t(class t extends s{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.coSlideChange=i(this,"coSlideChange",7),this.value=0,this.autoplay=!1,this.interval=6e3,this.loop=!0,this.arrows=!0,this.dots=!0,this.pauseOnHover=!0,this.swipe=!0,this.aspectRatio="auto",this.locale="es",this.itemCount=0,this.dragDx=0,this.dragging=!1,this.rotating=!1,this.hovering=!1,this.focusWithin=!1,this.reducedMotion=!1,this.pointerStartX=0,this.pointerStartY=0,this.pointerId=-1,this.suppressClick=!1,this.handleSlotChange=()=>{this.refreshItems()},this.handleVisibilityChange=()=>{document.hidden?this.stopAutoplay():this.restartAutoplay()},this.handleMotionChange=t=>{this.reducedMotion=t.matches,this.restartAutoplay()},this.handleMouseEnter=()=>{this.hovering=!0,this.pauseOnHover&&this.stopAutoplay()},this.handleMouseLeave=()=>{this.hovering=!1,this.restartAutoplay()},this.handleFocusIn=()=>{this.focusWithin=!0,this.stopAutoplay()},this.handleFocusOut=t=>{t.relatedTarget&&this.el.contains(t.relatedTarget)||(this.focusWithin=!1,this.restartAutoplay())},this.handlePointerDown=t=>{this.dragging||!this.swipe||this.itemCount<=1||"mouse"===t.pointerType&&0!==t.button||(this.suppressClick=!1,this.pointerId=t.pointerId,this.pointerStartX=t.clientX,this.pointerStartY=t.clientY,this.dragDx=0)},this.handlePointerMove=s=>{var i;if(s.pointerId!==this.pointerId)return;const o=s.clientX-this.pointerStartX,e=s.clientY-this.pointerStartY;if(!this.dragging){if(Math.abs(o)<t.DRAG_SLOP||Math.abs(o)<Math.abs(e))return;this.dragging=!0,null===(i=this.viewportEl)||void 0===i||i.setPointerCapture(s.pointerId)}this.dragDx=o},this.handlePointerUp=s=>{var i;if(s.pointerId!==this.pointerId)return;if(this.pointerId=-1,!this.dragging)return;const o=this.dragDx;this.dragging=!1,this.dragDx=0,this.suppressClick=!0,null===(i=this.viewportEl)||void 0===i||i.releasePointerCapture(s.pointerId),o<=-t.SWIPE_THRESHOLD?this.advance(1):o>=t.SWIPE_THRESHOLD&&this.advance(-1),this.restartAutoplay()},this.handlePointerCancel=t=>{t.pointerId===this.pointerId&&(this.pointerId=-1,this.dragging=!1,this.dragDx=0,this.suppressClick=!1)},this.handleClickCapture=t=>{this.suppressClick&&(this.suppressClick=!1,t.preventDefault(),t.stopPropagation())},this.handleKeyDown=t=>{"ArrowRight"===t.key?(t.preventDefault(),this.advance(1)):"ArrowLeft"===t.key&&(t.preventDefault(),this.advance(-1))}}componentWillLoad(){var t,s;"undefined"!=typeof window&&window.matchMedia&&(this.motionQuery=window.matchMedia("(prefers-reduced-motion: reduce)"),this.reducedMotion=this.motionQuery.matches,null===(s=(t=this.motionQuery).addEventListener)||void 0===s||s.call(t,"change",this.handleMotionChange))}componentDidLoad(){this.refreshItems(),document.addEventListener("visibilitychange",this.handleVisibilityChange),this.restartAutoplay()}disconnectedCallback(){var t,s;this.stopAutoplay(),document.removeEventListener("visibilitychange",this.handleVisibilityChange),null===(s=null===(t=this.motionQuery)||void 0===t?void 0:t.removeEventListener)||void 0===s||s.call(t,"change",this.handleMotionChange)}watchValue(){const t=this.clampIndex(this.value);t===this.value?this.syncItems():this.value=t}watchLocale(){this.syncItems()}watchAutoplay(){this.restartAutoplay()}async next(){this.advance(1)}async prev(){this.advance(-1)}async goTo(t){this.setActive(this.clampIndex(t))}getItems(){return Array.from(this.el.querySelectorAll(":scope > co-carousel-item"))}refreshItems(){const t=this.getItems();this.itemCount=t.length,this.value>0&&this.value>=this.itemCount&&(this.value=Math.max(0,this.itemCount-1)),this.syncItems(),this.restartAutoplay()}syncItems(){const t=this.getItems(),s=t.length,i=h(this.locale);t.forEach(((t,o)=>{const e=o===this.value;t.setAttribute("aria-label",i.slideLabel.replace("{i}",o+1+"").replace("{n}",s+"")),t.setAttribute("aria-hidden",e?"false":"true"),t.toggleAttribute("inert",!e)}))}clampIndex(t){return 0===this.itemCount?0:Math.max(0,Math.min(this.itemCount-1,t))}setActive(t){t===this.value||t<0||t>=this.itemCount||(this.value=t,this.coSlideChange.emit(t))}advance(t){if(this.itemCount<=1)return;let s=this.value+t;if(s>=this.itemCount){if(!this.loop)return;s=0}else if(s<0){if(!this.loop)return;s=this.itemCount-1}this.setActive(s)}restartAutoplay(){this.stopAutoplay(),!this.autoplay||this.itemCount<=1||this.reducedMotion||this.pauseOnHover&&this.hovering||this.focusWithin||"undefined"!=typeof document&&document.hidden||(this.timer=setInterval((()=>{this.dragging||(!this.loop&&this.value>=this.itemCount-1?this.stopAutoplay():this.advance(1))}),Math.max(1e3,this.interval)),this.rotating=!0)}stopAutoplay(){this.timer&&(clearInterval(this.timer),this.timer=void 0),this.rotating=!1}render(){const t=h(this.locale),s=this.itemCount>1,i=this.loop||this.value>0,a=this.loop||this.value<this.itemCount-1,r="co-carousel--"+this.aspectRatio.replace(":","-"),c={transform:this.dragging?`translateX(calc(${100*-this.value}% + ${this.dragDx}px))`:`translateX(${100*-this.value}%)`};return this.dragging&&(c.transition="none"),o(e,{key:"893a30dd314f5d04c78c1824317b80db6d4326d4"},o("div",{key:"799a7edfbd023adf57ea1e3dfb90fdd8e864954c",class:{"co-carousel":!0,[r]:!0},part:"container",role:"region","aria-roledescription":"carousel","aria-label":t.carouselLabel,tabindex:0,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onFocusin:this.handleFocusIn,onFocusout:this.handleFocusOut},o("div",{key:"d6227b5963125ff1e2f9433d63d6ffb632e2f50a",class:"co-carousel__viewport",part:"viewport",ref:t=>this.viewportEl=t,onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerCancel,onClickCapture:this.handleClickCapture},o("div",{key:"74b2910ef5d37bd94f054984eb80f090c6a4f878",class:"co-carousel__track",part:"track",style:c,"aria-live":this.rotating?"off":"polite"},o("slot",{key:"b590ed5dd8ee443cf5875f929280cf860284cf3d",onSlotchange:this.handleSlotChange}))),this.arrows&&s&&o("button",{key:"92d9002c893bd3d200bc290cadb0cdf87fb2a493",class:{"co-carousel__arrow":!0,"co-carousel__arrow--prev":!0,"co-carousel__arrow--disabled":!i},part:"arrow-prev",type:"button","aria-label":t.prevSlide,disabled:!i,onClick:()=>this.advance(-1)},o("co-icon",{key:"8608c83fb246ec45c2f34eb221d1f25dac51c680",name:"caret-left",size:18,weight:"bold"})),this.arrows&&s&&o("button",{key:"d1279fa7a3ebef36f2d590e5834a2b0484c2f6b3",class:{"co-carousel__arrow":!0,"co-carousel__arrow--next":!0,"co-carousel__arrow--disabled":!a},part:"arrow-next",type:"button","aria-label":t.nextSlide,disabled:!a,onClick:()=>this.advance(1)},o("co-icon",{key:"cfa98cc4aad1e658e63b7411638522687f6c3650",name:"caret-right",size:18,weight:"bold"})),this.dots&&s&&o("div",{key:"98fbe34ec71504ff2089f380cce0354b52753d08",class:"co-carousel__dots",part:"dots",role:"group","aria-label":t.pickSlide},Array.from({length:this.itemCount},((s,i)=>o("button",{class:{"co-carousel__dot":!0,"co-carousel__dot--active":i===this.value},part:"dot",type:"button","aria-current":i===this.value?"true":void 0,"aria-label":t.goToSlide.replace("{i}",i+1+""),onClick:()=>this.setActive(i)}))))))}get el(){return this}static get watchers(){return{value:[{watchValue:0}],locale:[{watchLocale:0}],autoplay:[{watchAutoplay:0}],interval:[{watchAutoplay:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);--co-carousel-arrow-size:36px;--co-carousel-arrow-bg:var(--co-semantic-surface-page);--co-carousel-arrow-color:var(--co-semantic-text-default);--co-carousel-dot-size:6px;--co-carousel-dot-color:var(--co-semantic-border-default);--co-carousel-dot-active-color:var(--co-semantic-text-default);--co-carousel-transition:320ms cubic-bezier(0.25, 0.8, 0.4, 1)}.co-carousel{position:relative;width:100%;outline:none}.co-carousel:focus-visible{outline:2px solid var(--co-semantic-border-focus-ring);outline-offset:2px;border-radius:var(--co-border-radius-sm)}.co-carousel--16-9{aspect-ratio:16 / 9}.co-carousel--4-3{aspect-ratio:4 / 3}.co-carousel--1-1{aspect-ratio:1 / 1}.co-carousel--21-9{aspect-ratio:21 / 9}.co-carousel--auto{aspect-ratio:unset}.co-carousel--16-9 .co-carousel__viewport,.co-carousel--4-3 .co-carousel__viewport,.co-carousel--1-1 .co-carousel__viewport,.co-carousel--21-9 .co-carousel__viewport{position:absolute;inset:0}.co-carousel__viewport{overflow:hidden;width:100%;height:100%;touch-action:pan-y}.co-carousel__track{display:flex;width:100%;height:100%;transition:transform var(--co-carousel-transition);will-change:transform}@media (prefers-reduced-motion: reduce){.co-carousel__track{transition:none}}.co-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);width:var(--co-carousel-arrow-size);height:var(--co-carousel-arrow-size);display:flex;align-items:center;justify-content:center;border:1px solid var(--co-semantic-border-subtle);border-radius:50%;background:var(--co-carousel-arrow-bg);color:var(--co-carousel-arrow-color);cursor:pointer;padding:0;opacity:0.9;transition:opacity 120ms ease, background 120ms ease;z-index:1}.co-carousel__arrow:hover{opacity:1;background:var(--co-semantic-surface-hover)}.co-carousel__arrow:focus-visible{outline:2px solid var(--co-semantic-border-focus-ring);outline-offset:1px}.co-carousel__arrow--prev{left:var(--co-spacing-sm, 8px)}.co-carousel__arrow--next{right:var(--co-spacing-sm, 8px)}.co-carousel__arrow--disabled{opacity:0.35;cursor:default;pointer-events:none}.co-carousel__dots{position:absolute;left:50%;bottom:var(--co-spacing-sm, 8px);transform:translateX(-50%);display:flex;gap:6px;padding:6px 10px;border-radius:var(--co-border-radius-xl);background:color-mix(in srgb, var(--co-semantic-surface-page) 65%, transparent);backdrop-filter:blur(4px);z-index:1}.co-carousel__dot{width:var(--co-carousel-dot-size);height:var(--co-carousel-dot-size);border-radius:50%;border:none;padding:0;background:var(--co-carousel-dot-color);cursor:pointer;transition:background 120ms ease, width 200ms ease}.co-carousel__dot--active{background:var(--co-carousel-dot-active-color);width:calc(var(--co-carousel-dot-size) * 2.6);border-radius:var(--co-border-radius-xl)}.co-carousel__dot:focus-visible{outline:2px solid var(--co-semantic-border-focus-ring);outline-offset:1px}"}},[257,"co-carousel",{value:[1538],autoplay:[4],interval:[2],loop:[4],arrows:[4],dots:[4],pauseOnHover:[4,"pause-on-hover"],swipe:[4],aspectRatio:[1,"aspect-ratio"],locale:[1],itemCount:[32],dragDx:[32],dragging:[32],rotating:[32],next:[64],prev:[64],goTo:[64]},void 0,{value:[{watchValue:0}],locale:[{watchLocale:0}],autoplay:[{watchAutoplay:0}],interval:[{watchAutoplay:0}]}]);function d(){"undefined"!=typeof customElements&&["co-carousel","co-icon"].forEach((t=>{switch(t){case"co-carousel":customElements.get(a(t))||customElements.define(a(t),n);break;case"co-icon":customElements.get(a(t))||c()}}))}n.DRAG_SLOP=8,n.SWIPE_THRESHOLD=40,d();const u=n,p=d;export{u as CoCarousel,p as defineCustomElement}
|
|
1
|
+
import{p as t,H as s,c as i,h as o,a as e,t as a}from"./index.js";import{l as r}from"./p-jYd9gu_c.js";import{d as c}from"./p-qMNHMnvI.js";const l={es:{prevSlide:"Diapositiva anterior",nextSlide:"Diapositiva siguiente",goToSlide:"Ir a la diapositiva {i}",pickSlide:"Elegir diapositiva",carouselLabel:"Carrusel",slideLabel:"{i} de {n}"},en:{prevSlide:"Previous slide",nextSlide:"Next slide",goToSlide:"Go to slide {i}",pickSlide:"Choose slide",carouselLabel:"Carousel",slideLabel:"{i} of {n}"},pt:{prevSlide:"Slide anterior",nextSlide:"Próximo slide",goToSlide:"Ir para o slide {i}",pickSlide:"Escolher slide",carouselLabel:"Carrossel",slideLabel:"{i} de {n}"}};function h(t){return l[r(t)]}const n=t(class t extends s{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.coSlideChange=i(this,"coSlideChange",7),this.value=0,this.autoplay=!1,this.interval=6e3,this.loop=!0,this.arrows=!0,this.dots=!0,this.pauseOnHover=!0,this.swipe=!0,this.aspectRatio="auto",this.locale="es",this.itemCount=0,this.dragDx=0,this.dragging=!1,this.rotating=!1,this.hovering=!1,this.focusWithin=!1,this.reducedMotion=!1,this.pointerStartX=0,this.pointerStartY=0,this.pointerId=-1,this.suppressClick=!1,this.handleSlotChange=()=>{this.refreshItems()},this.handleVisibilityChange=()=>{document.hidden?this.stopAutoplay():this.restartAutoplay()},this.handleMotionChange=t=>{this.reducedMotion=t.matches,this.restartAutoplay()},this.handleMouseEnter=()=>{this.hovering=!0,this.pauseOnHover&&this.stopAutoplay()},this.handleMouseLeave=()=>{this.hovering=!1,this.restartAutoplay()},this.handleFocusIn=()=>{this.focusWithin=!0,this.stopAutoplay()},this.handleFocusOut=t=>{t.relatedTarget&&this.el.contains(t.relatedTarget)||(this.focusWithin=!1,this.restartAutoplay())},this.handlePointerDown=t=>{this.dragging||!this.swipe||this.itemCount<=1||"mouse"===t.pointerType&&0!==t.button||(this.suppressClick=!1,this.pointerId=t.pointerId,this.pointerStartX=t.clientX,this.pointerStartY=t.clientY,this.dragDx=0)},this.handlePointerMove=s=>{var i;if(s.pointerId!==this.pointerId)return;const o=s.clientX-this.pointerStartX,e=s.clientY-this.pointerStartY;if(!this.dragging){if(Math.abs(o)<t.DRAG_SLOP||Math.abs(o)<Math.abs(e))return;this.dragging=!0,null===(i=this.viewportEl)||void 0===i||i.setPointerCapture(s.pointerId)}this.dragDx=o},this.handlePointerUp=s=>{var i;if(s.pointerId!==this.pointerId)return;if(this.pointerId=-1,!this.dragging)return;const o=this.dragDx;this.dragging=!1,this.dragDx=0,this.suppressClick=!0,null===(i=this.viewportEl)||void 0===i||i.releasePointerCapture(s.pointerId),o<=-t.SWIPE_THRESHOLD?this.advance(1):o>=t.SWIPE_THRESHOLD&&this.advance(-1),this.restartAutoplay()},this.handlePointerCancel=t=>{t.pointerId===this.pointerId&&(this.pointerId=-1,this.dragging=!1,this.dragDx=0,this.suppressClick=!1)},this.handleClickCapture=t=>{this.suppressClick&&(this.suppressClick=!1,t.preventDefault(),t.stopPropagation())},this.handleKeyDown=t=>{"ArrowRight"===t.key?(t.preventDefault(),this.advance(1)):"ArrowLeft"===t.key&&(t.preventDefault(),this.advance(-1))}}componentWillLoad(){var t,s;"undefined"!=typeof window&&window.matchMedia&&(this.motionQuery=window.matchMedia("(prefers-reduced-motion: reduce)"),this.reducedMotion=this.motionQuery.matches,null===(s=(t=this.motionQuery).addEventListener)||void 0===s||s.call(t,"change",this.handleMotionChange))}componentDidLoad(){this.refreshItems(),document.addEventListener("visibilitychange",this.handleVisibilityChange),this.restartAutoplay()}disconnectedCallback(){var t,s;this.stopAutoplay(),document.removeEventListener("visibilitychange",this.handleVisibilityChange),null===(s=null===(t=this.motionQuery)||void 0===t?void 0:t.removeEventListener)||void 0===s||s.call(t,"change",this.handleMotionChange)}watchValue(){const t=this.clampIndex(this.value);t===this.value?this.syncItems():this.value=t}watchLocale(){this.syncItems()}watchAutoplay(){this.restartAutoplay()}async next(){this.advance(1)}async prev(){this.advance(-1)}async goTo(t){this.setActive(this.clampIndex(t))}getItems(){return Array.from(this.el.querySelectorAll(":scope > co-carousel-item"))}refreshItems(){const t=this.getItems();this.itemCount=t.length,this.value>0&&this.value>=this.itemCount&&(this.value=Math.max(0,this.itemCount-1)),this.syncItems(),this.restartAutoplay()}syncItems(){const t=this.getItems(),s=t.length,i=h(this.locale);t.forEach(((t,o)=>{const e=o===this.value;t.setAttribute("aria-label",i.slideLabel.replace("{i}",o+1+"").replace("{n}",s+"")),t.setAttribute("aria-hidden",e?"false":"true"),t.toggleAttribute("inert",!e)}))}clampIndex(t){return 0===this.itemCount?0:Math.max(0,Math.min(this.itemCount-1,t))}setActive(t){t===this.value||t<0||t>=this.itemCount||(this.value=t,this.coSlideChange.emit(t))}advance(t){if(this.itemCount<=1)return;let s=this.value+t;if(s>=this.itemCount){if(!this.loop)return;s=0}else if(s<0){if(!this.loop)return;s=this.itemCount-1}this.setActive(s)}restartAutoplay(){this.stopAutoplay(),!this.autoplay||this.itemCount<=1||this.reducedMotion||this.pauseOnHover&&this.hovering||this.focusWithin||"undefined"!=typeof document&&document.hidden||(this.timer=setInterval((()=>{this.dragging||(!this.loop&&this.value>=this.itemCount-1?this.stopAutoplay():this.advance(1))}),Math.max(1e3,this.interval)),this.rotating=!0)}stopAutoplay(){this.timer&&(clearInterval(this.timer),this.timer=void 0),this.rotating=!1}render(){const t=h(this.locale),s=this.itemCount>1,i=this.loop||this.value>0,a=this.loop||this.value<this.itemCount-1,r="co-carousel--"+this.aspectRatio.replace(":","-"),c={transform:this.dragging?`translateX(calc(${100*-this.value}% + ${this.dragDx}px))`:`translateX(${100*-this.value}%)`};return this.dragging&&(c.transition="none"),o(e,{key:"893a30dd314f5d04c78c1824317b80db6d4326d4"},o("div",{key:"799a7edfbd023adf57ea1e3dfb90fdd8e864954c",class:{"co-carousel":!0,[r]:!0},part:"container",role:"region","aria-roledescription":"carousel","aria-label":t.carouselLabel,tabindex:0,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onFocusin:this.handleFocusIn,onFocusout:this.handleFocusOut},o("div",{key:"d6227b5963125ff1e2f9433d63d6ffb632e2f50a",class:"co-carousel__viewport",part:"viewport",ref:t=>this.viewportEl=t,onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerCancel,onClickCapture:this.handleClickCapture},o("div",{key:"74b2910ef5d37bd94f054984eb80f090c6a4f878",class:"co-carousel__track",part:"track",style:c,"aria-live":this.rotating?"off":"polite"},o("slot",{key:"b590ed5dd8ee443cf5875f929280cf860284cf3d",onSlotchange:this.handleSlotChange}))),this.arrows&&s&&o("button",{key:"92d9002c893bd3d200bc290cadb0cdf87fb2a493",class:{"co-carousel__arrow":!0,"co-carousel__arrow--prev":!0,"co-carousel__arrow--disabled":!i},part:"arrow-prev",type:"button","aria-label":t.prevSlide,disabled:!i,onClick:()=>this.advance(-1)},o("co-icon",{key:"8608c83fb246ec45c2f34eb221d1f25dac51c680",name:"caret-left",size:18,weight:"bold"})),this.arrows&&s&&o("button",{key:"d1279fa7a3ebef36f2d590e5834a2b0484c2f6b3",class:{"co-carousel__arrow":!0,"co-carousel__arrow--next":!0,"co-carousel__arrow--disabled":!a},part:"arrow-next",type:"button","aria-label":t.nextSlide,disabled:!a,onClick:()=>this.advance(1)},o("co-icon",{key:"cfa98cc4aad1e658e63b7411638522687f6c3650",name:"caret-right",size:18,weight:"bold"})),this.dots&&s&&o("div",{key:"98fbe34ec71504ff2089f380cce0354b52753d08",class:"co-carousel__dots",part:"dots",role:"group","aria-label":t.pickSlide},Array.from({length:this.itemCount},((s,i)=>o("button",{class:{"co-carousel__dot":!0,"co-carousel__dot--active":i===this.value},part:"dot",type:"button","aria-current":i===this.value?"true":void 0,"aria-label":t.goToSlide.replace("{i}",i+1+""),onClick:()=>this.setActive(i)}))))))}get el(){return this}static get watchers(){return{value:[{watchValue:0}],locale:[{watchLocale:0}],autoplay:[{watchAutoplay:0}],interval:[{watchAutoplay:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);--co-carousel-arrow-size:36px;--co-carousel-arrow-bg:var(--co-semantic-surface-page);--co-carousel-arrow-color:var(--co-semantic-text-default);--co-carousel-dot-size:6px;--co-carousel-dot-color:var(--co-semantic-border-default);--co-carousel-dot-active-color:var(--co-semantic-text-default);--co-carousel-transition:320ms cubic-bezier(0.25, 0.8, 0.4, 1)}.co-carousel{position:relative;width:100%;outline:none}.co-carousel:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px;border-radius:var(--co-border-radius-sm)}.co-carousel--16-9{aspect-ratio:16 / 9}.co-carousel--4-3{aspect-ratio:4 / 3}.co-carousel--1-1{aspect-ratio:1 / 1}.co-carousel--21-9{aspect-ratio:21 / 9}.co-carousel--auto{aspect-ratio:unset}.co-carousel--16-9 .co-carousel__viewport,.co-carousel--4-3 .co-carousel__viewport,.co-carousel--1-1 .co-carousel__viewport,.co-carousel--21-9 .co-carousel__viewport{position:absolute;inset:0}.co-carousel__viewport{overflow:hidden;width:100%;height:100%;touch-action:pan-y}.co-carousel__track{display:flex;width:100%;height:100%;transition:transform var(--co-carousel-transition);will-change:transform}@media (prefers-reduced-motion: reduce){.co-carousel__track{transition:none}}.co-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);width:var(--co-carousel-arrow-size);height:var(--co-carousel-arrow-size);display:flex;align-items:center;justify-content:center;border:1px solid var(--co-semantic-border-subtle);border-radius:50%;background:var(--co-carousel-arrow-bg);color:var(--co-carousel-arrow-color);cursor:pointer;padding:0;opacity:0.9;transition:opacity 120ms ease, background 120ms ease;z-index:1}.co-carousel__arrow:hover{opacity:1;background:var(--co-semantic-surface-hover)}.co-carousel__arrow:focus-visible{outline:none;box-shadow:0 0 0 2px var(--co-semantic-surface-page), 0 0 0 4px var(--co-semantic-text-default)}.co-carousel__arrow--prev{left:var(--co-spacing-sm, 8px)}.co-carousel__arrow--next{right:var(--co-spacing-sm, 8px)}.co-carousel__arrow--disabled{opacity:0.35;cursor:default;pointer-events:none}.co-carousel__dots{position:absolute;left:50%;bottom:var(--co-spacing-sm, 8px);transform:translateX(-50%);display:flex;gap:6px;padding:6px 10px;border-radius:var(--co-border-radius-xl);background:color-mix(in srgb, var(--co-semantic-surface-page) 65%, transparent);backdrop-filter:blur(4px);z-index:1}.co-carousel__dot{width:var(--co-carousel-dot-size);height:var(--co-carousel-dot-size);border-radius:50%;border:none;padding:0;background:var(--co-carousel-dot-color);cursor:pointer;transition:background 120ms ease, width 200ms ease}.co-carousel__dot--active{background:var(--co-carousel-dot-active-color);width:calc(var(--co-carousel-dot-size) * 2.6);border-radius:var(--co-border-radius-xl)}.co-carousel__dot:focus-visible{outline:none;box-shadow:0 0 0 2px var(--co-semantic-surface-page), 0 0 0 4px var(--co-semantic-text-default)}"}},[257,"co-carousel",{value:[1538],autoplay:[4],interval:[2],loop:[4],arrows:[4],dots:[4],pauseOnHover:[4,"pause-on-hover"],swipe:[4],aspectRatio:[1,"aspect-ratio"],locale:[1],itemCount:[32],dragDx:[32],dragging:[32],rotating:[32],next:[64],prev:[64],goTo:[64]},void 0,{value:[{watchValue:0}],locale:[{watchLocale:0}],autoplay:[{watchAutoplay:0}],interval:[{watchAutoplay:0}]}]);function d(){"undefined"!=typeof customElements&&["co-carousel","co-icon"].forEach((t=>{switch(t){case"co-carousel":customElements.get(a(t))||customElements.define(a(t),n);break;case"co-icon":customElements.get(a(t))||c()}}))}n.DRAG_SLOP=8,n.SWIPE_THRESHOLD=40,d();const u=n,p=d;export{u as CoCarousel,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as o,p as e,H as c,c as r,h as t}from"./index.js";import{d as a}from"./p-qMNHMnvI.js";const s=e(class extends c{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coChange=r(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 e=[...this.selectedValues],c=e.indexOf(o);c>=0?e.splice(c,1):e.push(o),this.value=JSON.stringify(e),this.coChange.emit(e)}}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,e=this.parsedOptions,c=this.selectedValues;return t("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&&t("div",{key:"fca5265d4bd96a5792840319443f48f4871f9e10",class:"co-checkbox-group__labels"},this.label&&t("span",{key:"b53daed7cea22897e978dc83eee817d0b67e73d2",class:"co-checkbox-group__label"},this.label),this.secondaryLabel&&t("span",{key:"88eb49c68465e27f53f91cdf73d9748effca7d8b",class:"co-checkbox-group__secondary-label"},this.secondaryLabel)),t("div",{key:"dae5337bf83e5dbc46e0afc6fd6eed5bb4aee6db",class:{"co-checkbox-group__options":!0,["co-checkbox-group__options--"+this.direction]:!0}},e.map((o=>{const e=this.disabled||!!o.disabled,r=c.includes(o.value);return t("div",{class:{"co-checkbox-group__item":!0,"co-checkbox-group__item--disabled":e},onClick:()=>!e&&this.handleToggle(o.value)},t("span",{class:{"co-checkbox-group__box":!0,["co-checkbox-group__box--"+this.size]:!0,"co-checkbox-group__box--checked":r,"co-checkbox-group__box--disabled":e},role:"checkbox","aria-checked":r+"","aria-label":o.label}),t("span",{class:"co-checkbox-group__option-label"},o.label))}))),this.helperText&&t("div",{key:"af541135d225b51ad80e39edd3d6947f2567dd75",class:"co-checkbox-group__helper co-checkbox-group__helper--"+this.status},this.statusIcon&&t("co-icon",{key:"52297bb73168c15af67b65eedaf6349a7c5dd6f3",name:this.statusIcon,size:14,weight:"fill",class:"co-checkbox-group__helper-icon"}),t("span",{key:"3ebd17867c2d36b0483d7620476bc5502c36fd73",class:"co-checkbox-group__helper-text"},this.helperText)))}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return":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-
|
|
1
|
+
import{t as o,p as e,H as c,c as r,h as t}from"./index.js";import{d as a}from"./p-qMNHMnvI.js";const s=e(class extends c{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coChange=r(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 e=[...this.selectedValues],c=e.indexOf(o);c>=0?e.splice(c,1):e.push(o),this.value=JSON.stringify(e),this.coChange.emit(e)}}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,e=this.parsedOptions,c=this.selectedValues;return t("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&&t("div",{key:"fca5265d4bd96a5792840319443f48f4871f9e10",class:"co-checkbox-group__labels"},this.label&&t("span",{key:"b53daed7cea22897e978dc83eee817d0b67e73d2",class:"co-checkbox-group__label"},this.label),this.secondaryLabel&&t("span",{key:"88eb49c68465e27f53f91cdf73d9748effca7d8b",class:"co-checkbox-group__secondary-label"},this.secondaryLabel)),t("div",{key:"dae5337bf83e5dbc46e0afc6fd6eed5bb4aee6db",class:{"co-checkbox-group__options":!0,["co-checkbox-group__options--"+this.direction]:!0}},e.map((o=>{const e=this.disabled||!!o.disabled,r=c.includes(o.value);return t("div",{class:{"co-checkbox-group__item":!0,"co-checkbox-group__item--disabled":e},onClick:()=>!e&&this.handleToggle(o.value)},t("span",{class:{"co-checkbox-group__box":!0,["co-checkbox-group__box--"+this.size]:!0,"co-checkbox-group__box--checked":r,"co-checkbox-group__box--disabled":e},role:"checkbox","aria-checked":r+"","aria-label":o.label}),t("span",{class:"co-checkbox-group__option-label"},o.label))}))),this.helperText&&t("div",{key:"af541135d225b51ad80e39edd3d6947f2567dd75",class:"co-checkbox-group__helper co-checkbox-group__helper--"+this.status},this.statusIcon&&t("co-icon",{key:"52297bb73168c15af67b65eedaf6349a7c5dd6f3",name:this.statusIcon,size:14,weight:"fill",class:"co-checkbox-group__helper-icon"}),t("span",{key:"3ebd17867c2d36b0483d7620476bc5502c36fd73",class:"co-checkbox-group__helper-text"},this.helperText)))}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return":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}}"}},[1,"co-checkbox-group",{label:[1],secondaryLabel:[1,"secondary-label"],helperText:[1,"helper-text"],layout:[513],status:[1],value:[1025],options:[1],direction:[1],size:[1],disabled:[4]},void 0,{value:[{onValueChange:0}]}]);function i(){"undefined"!=typeof customElements&&["co-checkbox-group","co-icon"].forEach((e=>{switch(e){case"co-checkbox-group":customElements.get(o(e))||customElements.define(o(e),s);break;case"co-icon":customElements.get(o(e))||a()}}))}i();const n=s,l=i;export{n as CoCheckboxGroup,l as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{C as o,d as s}from"./p-
|
|
1
|
+
import{C as o,d as s}from"./p-CV7I0t8n.js";const t=o,p=s;export{t as CoCheckbox,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{C as
|
|
1
|
+
import{C as o,d as p}from"./p-CpwIdVV5.js";const s=o,r=p;export{s as CoChip,r as defineCustomElement}
|