@prolibu-suite/cobalt-core 0.11.0 → 0.11.1
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/README.md +12 -5
- package/custom-elements.json +2656 -799
- package/dist/cjs/co-accordion.cjs.entry.js +2 -2
- package/dist/cjs/co-action-bar.cjs.entry.js +2 -2
- package/dist/cjs/co-app-shell.cjs.entry.js +2 -2
- package/dist/cjs/co-audio-player.cjs.entry.js +3 -3
- package/dist/cjs/co-autocomplete.cjs.entry.js +10 -3
- package/dist/cjs/co-avatar-group.cjs.entry.js +2 -2
- 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 +4 -4
- package/dist/cjs/co-breadcrumb-item.cjs.entry.js +2 -2
- package/dist/cjs/co-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/co-button-group.cjs.entry.js +3 -2
- package/dist/cjs/co-button.cjs.entry.js +5 -5
- package/dist/cjs/co-calendar-month_2.cjs.entry.js +14 -2
- package/dist/cjs/co-calendar_3.cjs.entry.js +9 -5
- package/dist/cjs/co-card.cjs.entry.js +2 -2
- package/dist/cjs/co-carousel.cjs.entry.js +5 -2
- package/dist/cjs/co-checkbox-group.cjs.entry.js +3 -3
- package/dist/cjs/co-checkbox.cjs.entry.js +3 -3
- package/dist/cjs/co-chip_2.cjs.entry.js +15 -5
- package/dist/cjs/co-color-area.cjs.entry.js +2 -2
- package/dist/cjs/co-color-picker.cjs.entry.js +2 -2
- package/dist/cjs/co-color-slider.cjs.entry.js +3 -3
- package/dist/cjs/co-column-picker.cjs.entry.js +22 -2
- package/dist/cjs/co-combobox.cjs.entry.js +3 -3
- package/dist/cjs/co-command-search.cjs.entry.js +4 -4
- package/dist/cjs/co-data-table-pagination.cjs.entry.js +4 -4
- package/dist/cjs/co-data-table.cjs.entry.js +2 -2
- package/dist/cjs/co-date-picker.cjs.entry.js +8 -0
- package/dist/cjs/co-date-range-picker.cjs.entry.js +9 -0
- package/dist/cjs/co-date-range.cjs.entry.js +7 -1
- package/dist/cjs/co-date-time-picker.cjs.entry.js +9 -2
- package/dist/cjs/co-document-editor.cjs.entry.js +8 -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 +4 -2
- package/dist/cjs/co-event-popover.cjs.entry.js +5 -1
- package/dist/cjs/co-fab.cjs.entry.js +6 -2
- package/dist/cjs/co-file-field.cjs.entry.js +10 -6
- package/dist/cjs/co-file-type-tile.cjs.entry.js +2 -2
- package/dist/cjs/co-gradient-bar.cjs.entry.js +2 -2
- package/dist/cjs/co-helper-text.cjs.entry.js +2 -2
- package/dist/cjs/co-icon-button.cjs.entry.js +5 -6
- package/dist/cjs/co-icon.cjs.entry.js +2 -2
- package/dist/cjs/co-json-field.cjs.entry.js +8 -3
- package/dist/cjs/co-kbd_2.cjs.entry.js +3 -3
- package/dist/cjs/co-list-footer.cjs.entry.js +1 -1
- package/dist/cjs/co-list-item.cjs.entry.js +4 -4
- package/dist/cjs/co-media-thumb.cjs.entry.js +2 -2
- package/dist/cjs/co-menu-divider.cjs.entry.js +1 -1
- package/dist/cjs/co-menu.cjs.entry.js +8 -8
- package/dist/cjs/co-modal.cjs.entry.js +9 -9
- package/dist/cjs/co-navbar.cjs.entry.js +2 -2
- package/dist/cjs/co-number-field.cjs.entry.js +9 -3
- 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-popover.cjs.entry.js +9 -7
- package/dist/cjs/co-progress-bar.cjs.entry.js +2 -2
- package/dist/cjs/co-progress-circle.cjs.entry.js +2 -2
- package/dist/cjs/co-provider-logo_2.cjs.entry.js +1 -1
- package/dist/cjs/co-radio-group.cjs.entry.js +3 -3
- package/dist/cjs/co-radio.cjs.entry.js +3 -3
- package/dist/cjs/co-rating.cjs.entry.js +10 -3
- package/dist/cjs/co-ref-field.cjs.entry.js +10 -1
- package/dist/cjs/co-rich-text-editor.cjs.entry.js +17 -3
- package/dist/cjs/co-rich-text-toolbar.cjs.entry.js +1 -0
- package/dist/cjs/co-row.cjs.entry.js +2 -2
- package/dist/cjs/co-segmented-bar.cjs.entry.js +2 -2
- package/dist/cjs/co-select.cjs.entry.js +19 -6
- package/dist/cjs/co-separator.cjs.entry.js +1 -1
- package/dist/cjs/co-sidebar-nav.cjs.entry.js +2 -2
- package/dist/cjs/co-sidebar.cjs.entry.js +2 -2
- package/dist/cjs/co-slider.cjs.entry.js +8 -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 +5 -5
- package/dist/cjs/co-tags-field.cjs.entry.js +10 -5
- package/dist/cjs/co-tile.cjs.entry.js +1 -1
- package/dist/cjs/co-time-field.cjs.entry.js +4 -1
- package/dist/cjs/co-toast.cjs.entry.js +2 -2
- package/dist/cjs/co-toggle-button-group.cjs.entry.js +7 -4
- package/dist/cjs/co-toggle-button.cjs.entry.js +5 -2
- package/dist/cjs/co-transfer-list.cjs.entry.js +6 -2
- package/dist/cjs/co-tree-item.cjs.entry.js +2 -2
- package/dist/cjs/co-video.cjs.entry.js +10 -2
- package/dist/cobalt/cobalt.esm.js +1 -1
- package/dist/cobalt/{p-97a4fbba.entry.js → p-019eed8e.entry.js} +1 -1
- package/dist/cobalt/{p-1289131f.entry.js → p-04e3e1f6.entry.js} +1 -1
- package/dist/cobalt/p-0d046d98.entry.js +1 -0
- package/dist/cobalt/{p-d4979025.entry.js → p-0e4c2234.entry.js} +1 -1
- package/dist/cobalt/{p-f5934cd9.entry.js → p-1348d5ca.entry.js} +1 -1
- package/dist/cobalt/{p-ee88ec40.entry.js → p-13e5b724.entry.js} +1 -1
- package/dist/cobalt/{p-b2b13da8.entry.js → p-1a5bec8c.entry.js} +1 -1
- package/dist/cobalt/{p-9e406172.entry.js → p-21b4a830.entry.js} +1 -1
- package/dist/cobalt/{p-d1c378ff.entry.js → p-2231bacc.entry.js} +1 -1
- package/dist/cobalt/{p-1693b614.entry.js → p-26cbdc33.entry.js} +1 -1
- package/dist/cobalt/{p-7f3523ce.entry.js → p-28cf05f3.entry.js} +1 -1
- package/dist/cobalt/{p-8ab5b396.entry.js → p-358a6c2a.entry.js} +1 -1
- package/dist/cobalt/p-3b5024ce.entry.js +1 -0
- package/dist/cobalt/{p-8cd3acaa.entry.js → p-3b6efb79.entry.js} +1 -1
- package/dist/cobalt/{p-cc5989e9.entry.js → p-3d1a48e5.entry.js} +1 -1
- package/dist/cobalt/{p-90fad0f9.entry.js → p-47eca182.entry.js} +1 -1
- package/dist/cobalt/{p-b1994bb4.entry.js → p-4bcdd422.entry.js} +1 -1
- package/dist/cobalt/{p-2a2b0c7a.entry.js → p-4d743628.entry.js} +1 -1
- package/dist/cobalt/{p-66fc1528.entry.js → p-4e81e580.entry.js} +1 -1
- package/dist/cobalt/{p-c1caa112.entry.js → p-53a251ca.entry.js} +1 -1
- package/dist/cobalt/{p-67ad9544.entry.js → p-56176aa0.entry.js} +1 -1
- package/dist/cobalt/{p-44edde81.entry.js → p-58ebb303.entry.js} +1 -1
- package/dist/cobalt/{p-2e5702a0.entry.js → p-5e678e88.entry.js} +1 -1
- package/dist/cobalt/{p-889563d5.entry.js → p-60f948c4.entry.js} +1 -1
- package/dist/cobalt/{p-db42c4ab.entry.js → p-63908a8d.entry.js} +1 -1
- package/dist/cobalt/{p-5573985a.entry.js → p-65c191aa.entry.js} +1 -1
- package/dist/cobalt/{p-b5ec4286.entry.js → p-65d44da2.entry.js} +1 -1
- package/dist/cobalt/{p-5534a64f.entry.js → p-69ecc933.entry.js} +1 -1
- package/dist/cobalt/{p-c9990662.entry.js → p-6c1992c9.entry.js} +1 -1
- package/dist/cobalt/{p-22233b31.entry.js → p-6d4a660c.entry.js} +1 -1
- package/dist/cobalt/{p-7675cebe.entry.js → p-713637f2.entry.js} +1 -1
- package/dist/cobalt/{p-45007758.entry.js → p-71ae1551.entry.js} +1 -1
- package/dist/cobalt/{p-a930cdd7.entry.js → p-71ee36a8.entry.js} +1 -1
- package/dist/cobalt/{p-eeb114da.entry.js → p-71fe35c4.entry.js} +1 -1
- package/dist/cobalt/{p-a336178b.entry.js → p-73313cbe.entry.js} +1 -1
- package/dist/cobalt/{p-8b2e4579.entry.js → p-78412feb.entry.js} +1 -1
- package/dist/cobalt/{p-48c23310.entry.js → p-7beface1.entry.js} +1 -1
- package/dist/cobalt/p-7d1718ed.entry.js +1 -0
- package/dist/cobalt/{p-59d3e8fc.entry.js → p-7df18a52.entry.js} +1 -1
- package/dist/cobalt/{p-b9401dd7.entry.js → p-7e678cbd.entry.js} +1 -1
- package/dist/cobalt/{p-c109a1e1.entry.js → p-7fabd8ba.entry.js} +1 -1
- package/dist/cobalt/{p-8f701eac.entry.js → p-848f5ca4.entry.js} +1 -1
- package/dist/cobalt/{p-608d251d.entry.js → p-8680559b.entry.js} +1 -1
- package/dist/cobalt/{p-4b327483.entry.js → p-87de5469.entry.js} +1 -1
- package/dist/cobalt/{p-3011c84f.entry.js → p-87e62e2b.entry.js} +1 -1
- package/dist/cobalt/{p-a07dedd1.entry.js → p-8a2a2b6c.entry.js} +1 -1
- package/dist/cobalt/{p-f813569c.entry.js → p-903237f9.entry.js} +1 -1
- package/dist/cobalt/{p-1f3d5313.entry.js → p-95f2ebb1.entry.js} +1 -1
- package/dist/cobalt/{p-86b6fd81.entry.js → p-99df434b.entry.js} +1 -1
- package/dist/cobalt/{p-6c157ea2.entry.js → p-9adbab95.entry.js} +1 -1
- package/dist/cobalt/{p-4111fefa.entry.js → p-9ee5bef3.entry.js} +1 -1
- package/dist/cobalt/{p-9bee9dc8.entry.js → p-a27013e6.entry.js} +1 -1
- package/dist/cobalt/{p-9cf10331.entry.js → p-a4eb298c.entry.js} +1 -1
- package/dist/cobalt/{p-5b2aa70e.entry.js → p-a56bd4a8.entry.js} +1 -1
- package/dist/cobalt/{p-d1f47915.entry.js → p-a5eabecb.entry.js} +1 -1
- package/dist/cobalt/{p-f5e1873d.entry.js → p-a5ee1fc2.entry.js} +1 -1
- package/dist/cobalt/{p-ee42dca6.entry.js → p-a7cd61ce.entry.js} +1 -1
- package/dist/cobalt/{p-7569375a.entry.js → p-ad752791.entry.js} +1 -1
- package/dist/cobalt/{p-ea564148.entry.js → p-ae999b94.entry.js} +1 -1
- package/dist/cobalt/{p-30760f77.entry.js → p-aed832d5.entry.js} +1 -1
- package/dist/cobalt/{p-e6116149.entry.js → p-b2457431.entry.js} +1 -1
- package/dist/cobalt/{p-3b9a8e86.entry.js → p-b39a4999.entry.js} +1 -1
- package/dist/cobalt/{p-bc3ba0cd.entry.js → p-b5dabdc3.entry.js} +1 -1
- package/dist/cobalt/{p-ec7a6bf2.entry.js → p-b67fb616.entry.js} +1 -1
- package/dist/cobalt/{p-f8c7941f.entry.js → p-b9b73dcb.entry.js} +1 -1
- package/dist/cobalt/{p-a52ed6ff.entry.js → p-ba39a965.entry.js} +1 -1
- package/dist/cobalt/{p-7376f4ed.entry.js → p-be520bd5.entry.js} +1 -1
- package/dist/cobalt/{p-0a5cfed0.entry.js → p-bee30373.entry.js} +1 -1
- package/dist/cobalt/{p-e4ff2fcb.entry.js → p-c220362c.entry.js} +1 -1
- package/dist/cobalt/{p-f246946a.entry.js → p-c4c997f3.entry.js} +1 -1
- package/dist/cobalt/{p-6d541199.entry.js → p-c5464a98.entry.js} +1 -1
- package/dist/cobalt/{p-26fa36f8.entry.js → p-cf5b91be.entry.js} +1 -1
- package/dist/cobalt/{p-cc4b51fa.entry.js → p-cfaaa684.entry.js} +1 -1
- package/dist/cobalt/{p-57d250ad.entry.js → p-d00c3894.entry.js} +1 -1
- package/dist/cobalt/{p-f8d3c71e.entry.js → p-d5d8fa8b.entry.js} +1 -1
- package/dist/cobalt/p-d6215d80.entry.js +1 -0
- package/dist/cobalt/{p-78a20284.entry.js → p-dabcbba7.entry.js} +1 -1
- package/dist/cobalt/{p-9b46a8fe.entry.js → p-db623519.entry.js} +1 -1
- package/dist/cobalt/{p-136beb2c.entry.js → p-df529110.entry.js} +1 -1
- package/dist/cobalt/{p-5d6e02dd.entry.js → p-efb3cbb0.entry.js} +1 -1
- package/dist/cobalt/{p-e99ddf9c.entry.js → p-f2fa2ac0.entry.js} +1 -1
- package/dist/cobalt/p-f403eeec.entry.js +1 -0
- package/dist/cobalt/{p-ce2b2048.entry.js → p-f69804a6.entry.js} +1 -1
- package/dist/collection/components/co-accordion/co-accordion.js +12 -2
- package/dist/collection/components/co-action-bar/co-action-bar.css +6 -0
- package/dist/collection/components/co-action-bar/co-action-bar.js +3 -2
- package/dist/collection/components/co-app-shell/co-app-shell.css +6 -0
- package/dist/collection/components/co-app-shell/co-app-shell.js +13 -2
- package/dist/collection/components/co-audio-player/co-audio-player.js +19 -7
- package/dist/collection/components/co-autocomplete/co-autocomplete.js +30 -17
- package/dist/collection/components/co-avatar/co-avatar.css +7 -2
- package/dist/collection/components/co-avatar/co-avatar.js +9 -2
- package/dist/collection/components/co-avatar-group/co-avatar-group.css +4 -0
- package/dist/collection/components/co-avatar-group/co-avatar-group.js +8 -3
- package/dist/collection/components/co-badge/co-badge.js +8 -1
- package/dist/collection/components/co-bottom-sheet/co-bottom-sheet.js +13 -4
- package/dist/collection/components/co-breadcrumb/co-breadcrumb.js +5 -1
- package/dist/collection/components/co-breadcrumb-item/co-breadcrumb-item.js +8 -2
- package/dist/collection/components/co-button/co-button.css +10 -2
- package/dist/collection/components/co-button/co-button.js +14 -8
- package/dist/collection/components/co-button-group/co-button-group.js +10 -3
- package/dist/collection/components/co-calendar/co-calendar.css +8 -0
- package/dist/collection/components/co-calendar/co-calendar.js +3 -1
- package/dist/collection/components/co-calendar-timegrid/co-calendar-timegrid.js +36 -19
- package/dist/collection/components/co-card/co-card.js +11 -2
- package/dist/collection/components/co-carousel/co-carousel.css +10 -0
- package/dist/collection/components/co-carousel/co-carousel.js +17 -5
- package/dist/collection/components/co-checkbox/co-checkbox.js +11 -3
- package/dist/collection/components/co-checkbox-group/co-checkbox-group.js +9 -4
- package/dist/collection/components/co-chip/co-chip.css +9 -0
- package/dist/collection/components/co-chip/co-chip.js +15 -2
- package/dist/collection/components/co-color-area/co-color-area.css +4 -0
- package/dist/collection/components/co-color-area/co-color-area.js +6 -5
- package/dist/collection/components/co-color-picker/co-color-picker.js +4 -2
- package/dist/collection/components/co-color-slider/co-color-slider.js +6 -5
- package/dist/collection/components/co-column-picker/co-column-picker.js +51 -25
- package/dist/collection/components/co-combobox/co-combobox.js +18 -4
- package/dist/collection/components/co-command-search/co-command-search.js +19 -8
- package/dist/collection/components/co-data-table/co-data-table.js +8 -3
- package/dist/collection/components/co-data-table-pagination/co-data-table-pagination.js +16 -4
- package/dist/collection/components/co-date-field/co-date-field.js +19 -13
- package/dist/collection/components/co-date-picker/co-date-picker.js +38 -25
- package/dist/collection/components/co-date-range/co-date-range.js +19 -10
- package/dist/collection/components/co-date-range-picker/co-date-range-picker.js +44 -30
- package/dist/collection/components/co-date-time-picker/co-date-time-picker.js +30 -21
- package/dist/collection/components/co-document-editor/co-document-editor.js +22 -15
- package/dist/collection/components/co-drawer/co-drawer.css +5 -0
- package/dist/collection/components/co-drawer/co-drawer.js +13 -0
- package/dist/collection/components/co-drive-card/co-drive-card.js +14 -1
- package/dist/collection/components/co-drop-zone/co-drop-zone.js +7 -2
- package/dist/collection/components/co-emoji-picker/co-emoji-picker.css +4 -0
- package/dist/collection/components/co-emoji-picker/co-emoji-picker.js +11 -2
- package/dist/collection/components/co-empty-state/co-empty-state.js +4 -2
- package/dist/collection/components/co-event-calendar/co-event-calendar.js +16 -4
- package/dist/collection/components/co-event-popover/co-event-popover.js +18 -6
- package/dist/collection/components/co-fab/co-fab.css +8 -0
- package/dist/collection/components/co-fab/co-fab.js +17 -8
- package/dist/collection/components/co-file-field/co-file-field.js +16 -11
- package/dist/collection/components/co-file-type-tile/co-file-type-tile.js +9 -2
- package/dist/collection/components/co-gradient-bar/co-gradient-bar.css +5 -0
- package/dist/collection/components/co-gradient-bar/co-gradient-bar.js +7 -2
- package/dist/collection/components/co-helper-text/co-helper-text.js +4 -2
- package/dist/collection/components/co-icon/co-icon.js +6 -2
- package/dist/collection/components/co-icon-button/co-icon-button.css +9 -0
- package/dist/collection/components/co-icon-button/co-icon-button.js +12 -7
- package/dist/collection/components/co-input/co-input.css +3 -0
- package/dist/collection/components/co-input/co-input.js +11 -0
- package/dist/collection/components/co-json-field/co-json-field.js +19 -12
- package/dist/collection/components/co-kbd/co-kbd.js +8 -1
- package/dist/collection/components/co-list-footer/co-list-footer.js +4 -1
- package/dist/collection/components/co-list-item/co-list-item.js +7 -4
- package/dist/collection/components/co-loader/co-loader.js +5 -0
- package/dist/collection/components/co-media-thumb/co-media-thumb.js +9 -2
- package/dist/collection/components/co-menu/co-menu.css +11 -1
- package/dist/collection/components/co-menu/co-menu.js +13 -13
- package/dist/collection/components/co-menu-divider/co-menu-divider.css +4 -0
- package/dist/collection/components/co-menu-divider/co-menu-divider.js +2 -1
- package/dist/collection/components/co-menu-item/co-menu-item.css +14 -0
- package/dist/collection/components/co-menu-item/co-menu-item.js +2 -0
- package/dist/collection/components/co-modal/co-modal.css +6 -0
- package/dist/collection/components/co-modal/co-modal.js +29 -17
- package/dist/collection/components/co-navbar/co-navbar.css +7 -0
- package/dist/collection/components/co-navbar/co-navbar.js +4 -2
- package/dist/collection/components/co-number-field/co-number-field.js +29 -15
- package/dist/collection/components/co-option-list/co-option-list.css +38 -0
- package/dist/collection/components/co-option-list/co-option-list.js +33 -16
- package/dist/collection/components/co-overlay/co-overlay.css +4 -0
- package/dist/collection/components/co-overlay/co-overlay.js +11 -1
- package/dist/collection/components/co-page-header/co-page-header.js +4 -1
- package/dist/collection/components/co-popover/co-popover.css +7 -2
- package/dist/collection/components/co-popover/co-popover.js +29 -16
- package/dist/collection/components/co-progress-bar/co-progress-bar.js +5 -2
- package/dist/collection/components/co-progress-circle/co-progress-circle.js +5 -2
- package/dist/collection/components/co-provider-logo/co-provider-logo.js +3 -0
- package/dist/collection/components/co-radio/co-radio.js +11 -3
- package/dist/collection/components/co-radio-group/co-radio-group.js +9 -4
- package/dist/collection/components/co-rating/co-rating.js +25 -13
- package/dist/collection/components/co-ref-field/co-ref-field.css +14 -0
- package/dist/collection/components/co-ref-field/co-ref-field.js +55 -27
- package/dist/collection/components/co-rich-text-editor/co-rich-text-editor.js +46 -24
- package/dist/collection/components/co-rich-text-toolbar/co-rich-text-toolbar.js +4 -1
- package/dist/collection/components/co-rich-text-viewer/co-rich-text-viewer.js +8 -0
- package/dist/collection/components/co-row/co-row.js +5 -2
- package/dist/collection/components/co-segmented-bar/co-segmented-bar.js +9 -3
- package/dist/collection/components/co-select/co-select.css +13 -1
- package/dist/collection/components/co-select/co-select.js +42 -23
- package/dist/collection/components/co-separator/co-separator.js +8 -1
- package/dist/collection/components/co-sidebar/co-sidebar.js +10 -2
- package/dist/collection/components/co-sidebar-nav/co-sidebar-nav.css +5 -0
- package/dist/collection/components/co-sidebar-nav/co-sidebar-nav.js +4 -3
- package/dist/collection/components/co-skeleton/co-skeleton.js +4 -1
- package/dist/collection/components/co-slider/co-slider.css +7 -0
- package/dist/collection/components/co-slider/co-slider.js +25 -13
- package/dist/collection/components/co-swatch-grid/co-swatch-grid.js +2 -1
- package/dist/collection/components/co-switch/co-switch.css +4 -0
- package/dist/collection/components/co-switch/co-switch.js +12 -3
- package/dist/collection/components/co-tab/co-tab.js +14 -6
- package/dist/collection/components/co-tab-group/co-tab-group.js +11 -2
- package/dist/collection/components/co-tags-field/co-tags-field.js +21 -14
- package/dist/collection/components/co-tile/co-tile.js +6 -1
- package/dist/collection/components/co-time-field/co-time-field.js +9 -4
- package/dist/collection/components/co-toast/co-toast.css +11 -0
- package/dist/collection/components/co-toast/co-toast.js +13 -4
- package/dist/collection/components/co-toggle-button/co-toggle-button.css +5 -0
- package/dist/collection/components/co-toggle-button/co-toggle-button.js +13 -9
- package/dist/collection/components/co-toggle-button-group/co-toggle-button-group.js +18 -9
- package/dist/collection/components/co-tooltip/co-tooltip.js +12 -2
- package/dist/collection/components/co-transfer-list/co-transfer-list.js +19 -10
- package/dist/collection/components/co-tree-item/co-tree-item.css +11 -2
- package/dist/collection/components/co-tree-item/co-tree-item.js +6 -4
- package/dist/collection/components/co-video/co-video.css +11 -0
- package/dist/collection/components/co-video/co-video.js +41 -22
- package/dist/components/co-accordion.js +1 -1
- package/dist/components/co-action-bar.js +1 -1
- package/dist/components/co-app-shell.js +1 -1
- package/dist/components/co-audio-player.js +1 -1
- package/dist/components/co-autocomplete.js +1 -1
- package/dist/components/co-avatar-group.js +1 -1
- package/dist/components/co-avatar.js +1 -1
- package/dist/components/co-badge.js +1 -1
- package/dist/components/co-bottom-sheet.js +1 -1
- package/dist/components/co-breadcrumb-item.js +1 -1
- package/dist/components/co-breadcrumb.js +1 -1
- package/dist/components/co-button-group.js +1 -1
- package/dist/components/co-button.js +1 -1
- package/dist/components/co-calendar-month.js +1 -1
- package/dist/components/co-calendar-timegrid.js +1 -1
- package/dist/components/co-calendar.js +1 -1
- package/dist/components/co-card.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-area.js +1 -1
- package/dist/components/co-color-picker.js +1 -1
- package/dist/components/co-color-slider.js +1 -1
- package/dist/components/co-column-picker.js +1 -1
- package/dist/components/co-combobox.js +1 -1
- package/dist/components/co-command-search.js +1 -1
- package/dist/components/co-data-table-pagination.js +1 -1
- package/dist/components/co-data-table.js +1 -1
- package/dist/components/co-date-field.js +1 -1
- package/dist/components/co-date-picker.js +1 -1
- package/dist/components/co-date-range-picker.js +1 -1
- package/dist/components/co-date-range.js +1 -1
- package/dist/components/co-date-time-picker.js +1 -1
- package/dist/components/co-document-editor.js +1 -1
- package/dist/components/co-drawer.js +1 -1
- package/dist/components/co-drive-card.js +1 -1
- package/dist/components/co-drop-zone.js +1 -1
- package/dist/components/co-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-event-popover.js +1 -1
- package/dist/components/co-fab.js +1 -1
- package/dist/components/co-file-field.js +1 -1
- package/dist/components/co-file-type-tile.js +1 -1
- package/dist/components/co-gradient-bar.js +1 -1
- package/dist/components/co-helper-text.js +1 -1
- package/dist/components/co-icon-button.js +1 -1
- package/dist/components/co-icon.js +1 -1
- package/dist/components/co-input.js +1 -1
- package/dist/components/co-json-field.js +1 -1
- package/dist/components/co-kbd.js +1 -1
- package/dist/components/co-lightbox.js +1 -1
- package/dist/components/co-list-footer.js +1 -1
- package/dist/components/co-list-item.js +1 -1
- package/dist/components/co-media-thumb.js +1 -1
- package/dist/components/co-menu-divider.js +1 -1
- package/dist/components/co-menu-item.js +1 -1
- package/dist/components/co-menu.js +1 -1
- package/dist/components/co-modal.js +1 -1
- package/dist/components/co-navbar.js +1 -1
- package/dist/components/co-number-field.js +1 -1
- package/dist/components/co-option-list.js +1 -1
- package/dist/components/co-overlay.js +1 -1
- package/dist/components/co-page-header.js +1 -1
- package/dist/components/co-phone-field.js +1 -1
- package/dist/components/co-popover.js +1 -1
- package/dist/components/co-progress-bar.js +1 -1
- package/dist/components/co-progress-circle.js +1 -1
- package/dist/components/co-radio-group.js +1 -1
- package/dist/components/co-radio.js +1 -1
- package/dist/components/co-rating.js +1 -1
- package/dist/components/co-ref-field.js +1 -1
- package/dist/components/co-rich-text-editor.js +1 -1
- package/dist/components/co-rich-text-toolbar.js +1 -1
- package/dist/components/co-row.js +1 -1
- package/dist/components/co-segmented-bar.js +1 -1
- package/dist/components/co-select.js +1 -1
- package/dist/components/co-separator.js +1 -1
- package/dist/components/co-sidebar-nav.js +1 -1
- package/dist/components/co-sidebar.js +1 -1
- package/dist/components/co-skeleton.js +1 -1
- package/dist/components/co-slider.js +1 -1
- package/dist/components/co-swatch-grid.js +1 -1
- package/dist/components/co-switch.js +1 -1
- package/dist/components/co-tab-group.js +1 -1
- package/dist/components/co-tab.js +1 -1
- package/dist/components/co-tags-field.js +1 -1
- package/dist/components/co-textarea.js +1 -1
- package/dist/components/co-tile.js +1 -1
- package/dist/components/co-time-field.js +1 -1
- package/dist/components/co-toast.js +1 -1
- package/dist/components/co-toggle-button-group.js +1 -1
- package/dist/components/co-toggle-button.js +1 -1
- package/dist/components/co-tooltip.js +1 -1
- package/dist/components/co-transfer-list.js +1 -1
- package/dist/components/co-tree-item.js +1 -1
- package/dist/components/co-video.js +1 -1
- package/dist/components/{p-BQltjDw5.js → p-8XzG8pzY.js} +1 -1
- package/dist/components/{p-FA1kBmZ-.js → p-9VoFSbIH.js} +1 -1
- package/dist/components/{p-CpGEV0iM.js → p-B3Egz082.js} +1 -1
- package/dist/components/{p-Bymi-A7C.js → p-B9wdMd_0.js} +1 -1
- package/dist/components/{p-Dp650Gpp.js → p-BRZci8B3.js} +1 -1
- package/dist/components/{p-CGH3E8uK.js → p-BVdCvEza.js} +1 -1
- package/dist/components/{p-Dh_eRYKu.js → p-BdmzslA5.js} +1 -1
- package/dist/components/{p-C3G8oPgU.js → p-Bw_b_czs.js} +1 -1
- package/dist/components/{p-BraiMwgs.js → p-C4sZjIDj.js} +1 -1
- package/dist/components/{p-B20o5exO.js → p-C6WHpL5X.js} +1 -1
- package/dist/components/p-COozgrEk.js +1 -0
- package/dist/components/{p-ChwSnCFf.js → p-CiYPJW0B.js} +1 -1
- package/dist/components/{p-f2xwcrXa.js → p-Cnfd6Zze.js} +1 -1
- package/dist/components/{p-C1jZYtUS.js → p-CxWo3qDo.js} +1 -1
- package/dist/components/p-D4XP17VP.js +1 -0
- package/dist/components/{p-D9or2g4j.js → p-Dn2wblrA.js} +1 -1
- package/dist/components/p-Dnz99Ox_.js +1 -0
- package/dist/components/{p-BcXdId8y.js → p-DsuFNmTI.js} +1 -1
- package/dist/components/{p-CfJgypOl.js → p-Du8EpQb-.js} +1 -1
- package/dist/components/{p-DKXCr-hE.js → p-DymSqdlK.js} +1 -1
- package/dist/components/{p-C-f8wTqe.js → p-Hi57w2_2.js} +1 -1
- package/dist/components/{p-B3kKOgsA.js → p-KK2vAKs-.js} +1 -1
- package/dist/components/{p-d4rf3H8p.js → p-TGRbLkLz.js} +1 -1
- package/dist/components/{p-BOqtnWTJ.js → p-VcrjNCew.js} +1 -1
- package/dist/components/{p-BR0LYW9v.js → p-nrwDl_gx.js} +1 -1
- package/dist/components/{p-BIDSDP05.js → p-zJ3pjFzW.js} +1 -1
- package/dist/esm/co-accordion.entry.js +2 -2
- package/dist/esm/co-action-bar.entry.js +2 -2
- package/dist/esm/co-app-shell.entry.js +2 -2
- package/dist/esm/co-audio-player.entry.js +3 -3
- package/dist/esm/co-autocomplete.entry.js +10 -3
- package/dist/esm/co-avatar-group.entry.js +2 -2
- 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 +4 -4
- package/dist/esm/co-breadcrumb-item.entry.js +2 -2
- package/dist/esm/co-breadcrumb.entry.js +1 -1
- package/dist/esm/co-button-group.entry.js +3 -2
- package/dist/esm/co-button.entry.js +5 -5
- package/dist/esm/co-calendar-month_2.entry.js +14 -2
- package/dist/esm/co-calendar_3.entry.js +9 -5
- package/dist/esm/co-card.entry.js +2 -2
- package/dist/esm/co-carousel.entry.js +5 -2
- package/dist/esm/co-checkbox-group.entry.js +3 -3
- package/dist/esm/co-checkbox.entry.js +3 -3
- package/dist/esm/co-chip_2.entry.js +15 -5
- package/dist/esm/co-color-area.entry.js +2 -2
- package/dist/esm/co-color-picker.entry.js +2 -2
- package/dist/esm/co-color-slider.entry.js +3 -3
- package/dist/esm/co-column-picker.entry.js +22 -2
- package/dist/esm/co-combobox.entry.js +3 -3
- package/dist/esm/co-command-search.entry.js +4 -4
- package/dist/esm/co-data-table-pagination.entry.js +4 -4
- package/dist/esm/co-data-table.entry.js +2 -2
- package/dist/esm/co-date-picker.entry.js +8 -0
- package/dist/esm/co-date-range-picker.entry.js +9 -0
- package/dist/esm/co-date-range.entry.js +7 -1
- package/dist/esm/co-date-time-picker.entry.js +9 -2
- package/dist/esm/co-document-editor.entry.js +8 -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 +4 -2
- package/dist/esm/co-event-popover.entry.js +5 -1
- package/dist/esm/co-fab.entry.js +6 -2
- package/dist/esm/co-file-field.entry.js +10 -6
- package/dist/esm/co-file-type-tile.entry.js +2 -2
- package/dist/esm/co-gradient-bar.entry.js +2 -2
- package/dist/esm/co-helper-text.entry.js +2 -2
- package/dist/esm/co-icon-button.entry.js +5 -6
- package/dist/esm/co-icon.entry.js +2 -2
- package/dist/esm/co-json-field.entry.js +8 -3
- package/dist/esm/co-kbd_2.entry.js +3 -3
- package/dist/esm/co-list-footer.entry.js +1 -1
- package/dist/esm/co-list-item.entry.js +4 -4
- package/dist/esm/co-media-thumb.entry.js +2 -2
- package/dist/esm/co-menu-divider.entry.js +1 -1
- package/dist/esm/co-menu.entry.js +8 -8
- package/dist/esm/co-modal.entry.js +9 -9
- package/dist/esm/co-navbar.entry.js +2 -2
- package/dist/esm/co-number-field.entry.js +9 -3
- package/dist/esm/co-overlay.entry.js +1 -1
- package/dist/esm/co-page-header.entry.js +1 -1
- package/dist/esm/co-popover.entry.js +9 -7
- package/dist/esm/co-progress-bar.entry.js +2 -2
- package/dist/esm/co-progress-circle.entry.js +2 -2
- package/dist/esm/co-provider-logo_2.entry.js +1 -1
- package/dist/esm/co-radio-group.entry.js +3 -3
- package/dist/esm/co-radio.entry.js +3 -3
- package/dist/esm/co-rating.entry.js +10 -3
- package/dist/esm/co-ref-field.entry.js +10 -1
- package/dist/esm/co-rich-text-editor.entry.js +17 -3
- package/dist/esm/co-rich-text-toolbar.entry.js +1 -0
- package/dist/esm/co-row.entry.js +2 -2
- package/dist/esm/co-segmented-bar.entry.js +2 -2
- package/dist/esm/co-select.entry.js +19 -6
- package/dist/esm/co-separator.entry.js +1 -1
- package/dist/esm/co-sidebar-nav.entry.js +2 -2
- package/dist/esm/co-sidebar.entry.js +2 -2
- package/dist/esm/co-slider.entry.js +8 -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 +5 -5
- package/dist/esm/co-tags-field.entry.js +10 -5
- package/dist/esm/co-tile.entry.js +1 -1
- package/dist/esm/co-time-field.entry.js +4 -1
- package/dist/esm/co-toast.entry.js +2 -2
- package/dist/esm/co-toggle-button-group.entry.js +7 -4
- package/dist/esm/co-toggle-button.entry.js +5 -2
- package/dist/esm/co-transfer-list.entry.js +6 -2
- package/dist/esm/co-tree-item.entry.js +2 -2
- package/dist/esm/co-video.entry.js +10 -2
- package/dist/types/components/co-accordion/co-accordion.d.ts +10 -0
- package/dist/types/components/co-action-bar/co-action-bar.d.ts +1 -0
- package/dist/types/components/co-app-shell/co-app-shell.d.ts +11 -0
- package/dist/types/components/co-audio-player/co-audio-player.d.ts +16 -0
- package/dist/types/components/co-autocomplete/co-autocomplete.d.ts +21 -0
- package/dist/types/components/co-avatar/co-avatar.d.ts +8 -1
- package/dist/types/components/co-avatar-group/co-avatar-group.d.ts +5 -0
- package/dist/types/components/co-badge/co-badge.d.ts +7 -0
- package/dist/types/components/co-bottom-sheet/co-bottom-sheet.d.ts +9 -0
- package/dist/types/components/co-breadcrumb/co-breadcrumb.d.ts +4 -0
- package/dist/types/components/co-breadcrumb-item/co-breadcrumb-item.d.ts +6 -0
- package/dist/types/components/co-button/co-button.d.ts +9 -3
- package/dist/types/components/co-button-group/co-button-group.d.ts +7 -0
- package/dist/types/components/co-calendar/co-calendar.d.ts +2 -0
- package/dist/types/components/co-calendar-timegrid/co-calendar-timegrid.d.ts +23 -0
- package/dist/types/components/co-card/co-card.d.ts +9 -0
- package/dist/types/components/co-carousel/co-carousel.d.ts +12 -0
- package/dist/types/components/co-checkbox/co-checkbox.d.ts +8 -0
- package/dist/types/components/co-checkbox-group/co-checkbox-group.d.ts +5 -0
- package/dist/types/components/co-chip/co-chip.d.ts +13 -0
- package/dist/types/components/co-color-area/co-color-area.d.ts +2 -1
- package/dist/types/components/co-color-picker/co-color-picker.d.ts +2 -0
- package/dist/types/components/co-color-slider/co-color-slider.d.ts +2 -1
- package/dist/types/components/co-column-picker/co-column-picker.d.ts +32 -0
- package/dist/types/components/co-combobox/co-combobox.d.ts +14 -0
- package/dist/types/components/co-command-search/co-command-search.d.ts +15 -0
- package/dist/types/components/co-data-table/co-data-table.d.ts +5 -0
- package/dist/types/components/co-data-table-pagination/co-data-table-pagination.d.ts +12 -0
- package/dist/types/components/co-date-field/co-date-field.d.ts +11 -0
- package/dist/types/components/co-date-picker/co-date-picker.d.ts +30 -0
- package/dist/types/components/co-date-range/co-date-range.d.ts +12 -0
- package/dist/types/components/co-date-range-picker/co-date-range-picker.d.ts +33 -0
- package/dist/types/components/co-date-time-picker/co-date-time-picker.d.ts +21 -0
- package/dist/types/components/co-document-editor/co-document-editor.d.ts +9 -1
- package/dist/types/components/co-drawer/co-drawer.d.ts +13 -0
- package/dist/types/components/co-drive-card/co-drive-card.d.ts +13 -0
- package/dist/types/components/co-drop-zone/co-drop-zone.d.ts +6 -1
- package/dist/types/components/co-emoji-picker/co-emoji-picker.d.ts +9 -0
- package/dist/types/components/co-empty-state/co-empty-state.d.ts +2 -0
- package/dist/types/components/co-event-calendar/co-event-calendar.d.ts +12 -16
- package/dist/types/components/co-event-popover/co-event-popover.d.ts +13 -0
- package/dist/types/components/co-fab/co-fab.d.ts +11 -0
- package/dist/types/components/co-file-field/co-file-field.d.ts +6 -0
- package/dist/types/components/co-file-type-tile/co-file-type-tile.d.ts +7 -0
- package/dist/types/components/co-gradient-bar/co-gradient-bar.d.ts +5 -0
- package/dist/types/components/co-helper-text/co-helper-text.d.ts +2 -0
- package/dist/types/components/co-icon/co-icon.d.ts +4 -0
- package/dist/types/components/co-icon-button/co-icon-button.d.ts +9 -4
- package/dist/types/components/co-input/co-input.d.ts +11 -0
- package/dist/types/components/co-json-field/co-json-field.d.ts +11 -0
- package/dist/types/components/co-kbd/co-kbd.d.ts +7 -0
- package/dist/types/components/co-list-footer/co-list-footer.d.ts +3 -0
- package/dist/types/components/co-list-item/co-list-item.d.ts +3 -0
- package/dist/types/components/co-loader/co-loader.d.ts +5 -0
- package/dist/types/components/co-media-thumb/co-media-thumb.d.ts +7 -0
- package/dist/types/components/co-menu/co-menu.d.ts +6 -4
- package/dist/types/components/co-menu-divider/co-menu-divider.d.ts +1 -0
- package/dist/types/components/co-menu-item/co-menu-item.d.ts +2 -0
- package/dist/types/components/co-modal/co-modal.d.ts +24 -12
- package/dist/types/components/co-navbar/co-navbar.d.ts +2 -0
- package/dist/types/components/co-number-field/co-number-field.d.ts +20 -0
- package/dist/types/components/co-option-list/co-option-list.d.ts +28 -1
- package/dist/types/components/co-overlay/co-overlay.d.ts +10 -0
- package/dist/types/components/co-page-header/co-page-header.d.ts +3 -0
- package/dist/types/components/co-popover/co-popover.d.ts +20 -5
- package/dist/types/components/co-progress-bar/co-progress-bar.d.ts +3 -0
- package/dist/types/components/co-progress-circle/co-progress-circle.d.ts +3 -0
- package/dist/types/components/co-provider-logo/co-provider-logo.d.ts +3 -0
- package/dist/types/components/co-radio/co-radio.d.ts +8 -0
- package/dist/types/components/co-radio-group/co-radio-group.d.ts +5 -0
- package/dist/types/components/co-rating/co-rating.d.ts +15 -0
- package/dist/types/components/co-ref-field/co-ref-field.d.ts +42 -0
- package/dist/types/components/co-rich-text-editor/co-rich-text-editor.d.ts +29 -0
- package/dist/types/components/co-rich-text-toolbar/co-rich-text-toolbar.d.ts +3 -0
- package/dist/types/components/co-rich-text-viewer/co-rich-text-viewer.d.ts +8 -0
- package/dist/types/components/co-row/co-row.d.ts +3 -0
- package/dist/types/components/co-segmented-bar/co-segmented-bar.d.ts +6 -0
- package/dist/types/components/co-select/co-select.d.ts +26 -0
- package/dist/types/components/co-separator/co-separator.d.ts +7 -0
- package/dist/types/components/co-sidebar/co-sidebar.d.ts +8 -0
- package/dist/types/components/co-sidebar-nav/co-sidebar-nav.d.ts +1 -0
- package/dist/types/components/co-skeleton/co-skeleton.d.ts +3 -0
- package/dist/types/components/co-slider/co-slider.d.ts +17 -0
- package/dist/types/components/co-swatch-grid/co-swatch-grid.d.ts +1 -0
- package/dist/types/components/co-switch/co-switch.d.ts +9 -0
- package/dist/types/components/co-tab/co-tab.d.ts +11 -3
- package/dist/types/components/co-tab-group/co-tab-group.d.ts +9 -0
- package/dist/types/components/co-tags-field/co-tags-field.d.ts +11 -0
- package/dist/types/components/co-tile/co-tile.d.ts +5 -0
- package/dist/types/components/co-time-field/co-time-field.d.ts +5 -0
- package/dist/types/components/co-toast/co-toast.d.ts +9 -0
- package/dist/types/components/co-toggle-button/co-toggle-button.d.ts +8 -0
- package/dist/types/components/co-toggle-button-group/co-toggle-button-group.d.ts +12 -2
- package/dist/types/components/co-tooltip/co-tooltip.d.ts +10 -0
- package/dist/types/components/co-transfer-list/co-transfer-list.d.ts +12 -0
- package/dist/types/components/co-tree-item/co-tree-item.d.ts +2 -0
- package/dist/types/components/co-video/co-video.d.ts +31 -0
- package/dist/types/components.d.ts +2202 -38
- package/package.json +4 -4
- package/dist/cobalt/p-1bfb69ae.entry.js +0 -1
- package/dist/cobalt/p-b9dfb333.entry.js +0 -1
- package/dist/cobalt/p-bc4fbfa6.entry.js +0 -1
- package/dist/cobalt/p-d75d2f3d.entry.js +0 -1
- package/dist/cobalt/p-f60bd4d6.entry.js +0 -1
- package/dist/components/p-BZDl9aFl.js +0 -1
- package/dist/components/p-DfcPGitr.js +0 -1
- package/dist/components/p-Dg-Ti_Bf.js +0 -1
- /package/dist/cobalt/{p-2794c500.entry.js → p-67a024dd.entry.js} +0 -0
- /package/dist/cobalt/{p-05000ef3.entry.js → p-6974df59.entry.js} +0 -0
- /package/dist/cobalt/{p-ffbe955a.entry.js → p-71dc8e4a.entry.js} +0 -0
- /package/dist/cobalt/{p-297b55cd.entry.js → p-77e0d401.entry.js} +0 -0
- /package/dist/cobalt/{p-4c6caa41.entry.js → p-c567533e.entry.js} +0 -0
|
@@ -127,8 +127,8 @@ const CoModal = class {
|
|
|
127
127
|
*/
|
|
128
128
|
this.closeOnEscape = false;
|
|
129
129
|
/**
|
|
130
|
-
* Modal width: xs (369px, vía `--co-modal-width` —
|
|
131
|
-
*
|
|
130
|
+
* Modal width: xs (369px, vía `--co-modal-width` — paneles anclados como
|
|
131
|
+
* "Tipografía y color"), sm (400px), md (540px), lg (680px),
|
|
132
132
|
* full (min(1400px, 95vw) × 92vh — media/document viewers).
|
|
133
133
|
*
|
|
134
134
|
* `full` also drops the body padding and lets the body grow, so a slotted
|
|
@@ -142,12 +142,12 @@ const CoModal = class {
|
|
|
142
142
|
* under the heading (Figma modals whose first row is a segmented control). */
|
|
143
143
|
this.headerDivider = true;
|
|
144
144
|
/**
|
|
145
|
-
* Visual treatment
|
|
145
|
+
* Visual treatment. `default` = superficie squircle actual
|
|
146
146
|
* (radio `--co-modal-r`, sombra que sigue la silueta). `panel` = superficie
|
|
147
147
|
* plana (radio 12, borde `--co-semantic-border-subtle`, `--co-shadow-lg`),
|
|
148
148
|
* SIN máscara squircle — look de panel anclado, no de diálogo centrado.
|
|
149
149
|
*
|
|
150
|
-
* `dialog`
|
|
150
|
+
* `dialog` = la anatomía del componente "Modal" del design system
|
|
151
151
|
* (Figma Prolibu UI Suite, nodo `1179:37247`): superficie plana radio 16
|
|
152
152
|
* (`--co-border-radius-lg`) sin borde ni sombra propios, título 22/500 y
|
|
153
153
|
* cuerpo 16/1.5 `text-secondary` sin divisor entre ambos, padding 32
|
|
@@ -157,7 +157,7 @@ const CoModal = class {
|
|
|
157
157
|
*/
|
|
158
158
|
this.appearance = 'default';
|
|
159
159
|
/**
|
|
160
|
-
* Control del scrim
|
|
160
|
+
* Control del scrim. `none` = sin fondo oscuro y sin cierre por
|
|
161
161
|
* clic afuera — independiente de `closeOnOverlay` (que solo aplica cuando
|
|
162
162
|
* SÍ hay scrim). `co-overlay` es quien posee el único `<div>` de scrim del
|
|
163
163
|
* árbol, así que `none` implica no montar `<co-overlay>` (ver `inline`).
|
|
@@ -165,21 +165,21 @@ const CoModal = class {
|
|
|
165
165
|
this.backdrop = 'default';
|
|
166
166
|
/**
|
|
167
167
|
* Renderiza en `position: fixed` con su propio `--co-modal-z-index` en vez
|
|
168
|
-
* de promoverse al TOP LAYER del browser
|
|
168
|
+
* de promoverse al TOP LAYER del browser. `co-overlay` promueve
|
|
169
169
|
* su scrim al top layer vía Popover API (`showPopover()`); el top layer
|
|
170
170
|
* SIEMPRE pinta por encima de cualquier `z-index` normal, así que un
|
|
171
171
|
* portal propio del consumidor (selector de fuente/color del editor) con
|
|
172
172
|
* z-index alto quedaría igual TAPADO detrás del modal. `inline` evita eso.
|
|
173
173
|
*
|
|
174
174
|
* `co-overlay` es también quien posee la promoción a top layer — no hay
|
|
175
|
-
* forma de pedirle "no te promuevas" sin tocar ese componente
|
|
176
|
-
*
|
|
175
|
+
* forma de pedirle "no te promuevas" sin tocar ese componente, así que,
|
|
176
|
+
* igual que `backdrop="none"`, `inline`
|
|
177
177
|
* implica no montar `<co-overlay>`: el panel pasa a posicionarse y apilarse
|
|
178
178
|
* solo (`.co-modal__frame--standalone`, ver co-modal.css).
|
|
179
179
|
*/
|
|
180
180
|
this.inline = false;
|
|
181
181
|
/**
|
|
182
|
-
* Opt-in: el modal se MUEVE arrastrando su header
|
|
182
|
+
* Opt-in: el modal se MUEVE arrastrando su header. Default false →
|
|
183
183
|
* los consumidores actuales quedan byte-idénticos (ni DOM ni CSS cambian).
|
|
184
184
|
*
|
|
185
185
|
* Con `movable`, el `part="header"` entero es la zona de agarre (`cursor:
|
|
@@ -15,12 +15,12 @@ const CoNavbar = class {
|
|
|
15
15
|
this.rounded = false;
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
|
-
return (index.h("div", { key: '
|
|
18
|
+
return (index.h("div", { key: '68c78b33434a32372eef9763b0c11c9a185f6ef8', class: {
|
|
19
19
|
'co-navbar': true,
|
|
20
20
|
[`co-navbar--${this.variant}`]: true,
|
|
21
21
|
[`co-navbar--${this.size}`]: true,
|
|
22
22
|
'co-navbar--rounded': this.rounded,
|
|
23
|
-
}, part: "navbar", role: "toolbar" }, index.h("slot", { key: '
|
|
23
|
+
}, part: "navbar", role: "toolbar" }, index.h("slot", { key: 'a9d05ff60065f85dc24e941478a18fa40466143f' })));
|
|
24
24
|
}
|
|
25
25
|
};
|
|
26
26
|
CoNavbar.style = coNavbarCss();
|
|
@@ -142,11 +142,17 @@ const CoNumberField = class {
|
|
|
142
142
|
this.required = false;
|
|
143
143
|
/** Label layout: vertical (label above) or horizontal (label beside) */
|
|
144
144
|
this.layout = 'vertical';
|
|
145
|
+
/** Estado de validación: pinta el borde y el `helperText` con el color del estado. */
|
|
145
146
|
this.status = 'default';
|
|
147
|
+
/** Valor numérico (reflejado); `null` = vacío (solo alcanzable con `clearable`). El componente lo actualiza. */
|
|
146
148
|
this.value = 0;
|
|
149
|
+
/** Paso de los botones −/+ y de las flechas (default 1). */
|
|
147
150
|
this.step = 1;
|
|
151
|
+
/** Deshabilita el campo y los botones. */
|
|
148
152
|
this.disabled = false;
|
|
153
|
+
/** Placeholder del campo vacío (default `'0'`). */
|
|
149
154
|
this.placeholder = '0';
|
|
155
|
+
/** Alto del campo: `s` 28 · `sm` 32 · `md` 40 (default) · `lg` 48. */
|
|
150
156
|
this.size = 'md';
|
|
151
157
|
/** Show clear button when the field has a value */
|
|
152
158
|
this.clearable = false;
|
|
@@ -426,18 +432,18 @@ const CoNumberField = class {
|
|
|
426
432
|
return this.scaled && !this.isEmpty ? '%' : null;
|
|
427
433
|
}
|
|
428
434
|
render() {
|
|
429
|
-
return (index.h("div", { key: '
|
|
435
|
+
return (index.h("div", { key: 'cf4d63ce0278fd8f429aa4bf541497b7cf178ffe', class: {
|
|
430
436
|
'co-number-field': true,
|
|
431
437
|
'co-number-field--disabled': this.disabled,
|
|
432
438
|
'co-number-field--focused': this.focused,
|
|
433
439
|
[`co-number-field--${this.size}`]: true,
|
|
434
440
|
[`co-number-field--${this.status}`]: this.status !== 'default',
|
|
435
|
-
} }, (this.label || this.secondaryLabel) && (index.h("div", { key: '
|
|
441
|
+
} }, (this.label || this.secondaryLabel) && (index.h("div", { key: 'ecf9fd16f18a3ebbaef5b81b0c8ae41b80f04abf', class: "co-number-field__labels" }, this.label && index.h("label", { key: '7602d901e085e3380dff2a355d61ac1dc515428b', class: "co-number-field__label" }, this.label, index.h(requiredMark.RequiredMark, { key: '361743bf41c66ff28ceec00aba583328f2404713', required: this.required })), this.secondaryLabel && index.h("span", { key: 'ec9af4b27f3915704ef89ed6f51e7184eb5e1dd4', class: "co-number-field__secondary-label" }, this.secondaryLabel))), index.h("div", { key: '30f1716aed06da03f924fa1da2b2ab29dbede0bb', class: "co-number-field__row", part: "row" }, !this.hideControls && (index.h("button", { key: '1dbee1178df2a86e54ae42572a20ecf30484b8bc', class: "co-number-field__btn co-number-field__btn--minus", type: "button", tabIndex: -1, disabled: !this.canDecrement, onClick: this.handleDecrement, "aria-label": "Decrease" }, index.h("co-icon", { key: '40f61bd3774fb03b6aaceaef006dd45f2df260d3', name: "minus", size: 16 }))), index.h("input", { key: '254a74cd61a2776a69953965f8b289267b25fbb2', ref: el => (this.inputEl = el), class: "co-number-field__input", type: "text", inputMode: "decimal",
|
|
436
442
|
// Mismo guard `focused` que el @Watch: mientras el usuario edita, su
|
|
437
443
|
// texto manda. Sin esto, el re-render que dispara emitValue repinta
|
|
438
444
|
// el input desde el NÚMERO y se come el texto en construcción
|
|
439
445
|
// ("34,640.00" pegado quedaba "34,640"; un "12." perdería el punto).
|
|
440
|
-
value: this.focused && this.inputEl ? this.inputEl.value : this.displayValue, placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleInput, onPaste: this.handlePaste, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, part: "input" }), this.affixText && (index.h("span", { key: '
|
|
446
|
+
value: this.focused && this.inputEl ? this.inputEl.value : this.displayValue, placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleInput, onPaste: this.handlePaste, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, part: "input" }), this.affixText && (index.h("span", { key: '836ea4e4cba0b21a36b1017d6fc0c4d621d69e56', class: "co-number-field__affix", "aria-hidden": "true" }, this.affixText)), this.clearable && !this.isEmpty && !this.disabled && (index.h("button", { key: '5eefa937a055dea1855d1bc3bae675003d8382c8', class: "co-number-field__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, index.h("co-icon", { key: '096dec8d88b7b241cd83a04788bc4db05feec585', name: "x-circle", size: 16, weight: "fill" }))), index.h("slot", { key: '1ea7d1ff2c61d74b0884e7b8f1b7b54de4978876', name: "suffix" }), !this.hideControls && (index.h("button", { key: '9ae95697534b85dcd928c0d0e7f72a3b8c5402c7', class: "co-number-field__btn co-number-field__btn--plus", type: "button", tabIndex: -1, disabled: !this.canIncrement, onClick: this.handleIncrement, "aria-label": "Increase" }, index.h("co-icon", { key: 'af526ac4278865052f32ae7359a571aa485492af', name: "plus", size: 16 })))), this.helperText && (index.h("div", { key: '9bad3ffd8c70ce49205132f9f73294a83b6ebbc3', class: `co-number-field__helper co-number-field__helper--${this.status}` }, this.statusIcon && index.h("co-icon", { key: '4987bc82011c4bb93e1bd00ef1ffd45d2e8681f4', name: this.statusIcon, size: 14, weight: "fill", class: "co-number-field__helper-icon" }), index.h("span", { key: '8eac5821653dc0110113f94833e13f27411188a7', class: "co-number-field__helper-text" }, this.helperText)))));
|
|
441
447
|
}
|
|
442
448
|
get el() { return index.getElement(this); }
|
|
443
449
|
static get watchers() { return {
|
|
@@ -286,7 +286,7 @@ const CoOverlay = class {
|
|
|
286
286
|
focusables[nextIndex].focus();
|
|
287
287
|
}
|
|
288
288
|
render() {
|
|
289
|
-
return (index.h("div", { key: '
|
|
289
|
+
return (index.h("div", { key: '1edc956747aa0c79bcc7863fd3530c4f64fd6746', class: { 'co-overlay': true, 'co-overlay--open': this.open }, part: "overlay", popover: "manual", tabindex: this.trapFocus ? -1 : undefined, ref: (el) => (this.overlayEl = el), onPointerDown: this.handlePointerDown, onPointerUp: this.handlePointerUp, onClick: this.handleClick, onTransitionEnd: this.handleTransitionEnd }, index.h("slot", { key: 'b17930138f924657b21511b95bd152e90a53a04a' })));
|
|
290
290
|
}
|
|
291
291
|
get el() { return index.getElement(this); }
|
|
292
292
|
static get watchers() { return {
|
|
@@ -9,7 +9,7 @@ const CoPageHeader = class {
|
|
|
9
9
|
index.registerInstance(this, hostRef);
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (index.h("div", { key: '
|
|
12
|
+
return (index.h("div", { key: '18d15d7b241f92bbd121fd6547832a30f4404928', class: "co-page-header", part: "page-header" }, index.h("div", { key: 'cbf4427991e3b43775a1d47c95f953ef79d71c77', class: "co-page-header__left" }, this.icon && (index.h("span", { key: '647701102f261fc214a0a4347894ba275da1ed7d', class: "co-page-header__icon" }, index.h("co-icon", { key: 'd377f2f5cbfa190cb483fe4a6ff2a483f9053f7b', name: this.icon, size: 24 }))), index.h("span", { key: 'ccf59184d2154c89fc90ccddfffc8dfc8c07b72b', class: "co-page-header__title" }, index.h("slot", { key: '34dd64e79e72cb154c63b16f72c2ec58193d9988' }, this.heading))), index.h("div", { key: 'e2f1d119629a3b9479896cf2338625ad775b8556', class: "co-page-header__actions" }, index.h("slot", { key: '62ee162b3388968ee1930a2c3ab20e45b34a2d65', name: "actions" }))));
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
15
|
CoPageHeader.style = coPageHeaderCss();
|
|
@@ -61,7 +61,7 @@ const CoPopover = class {
|
|
|
61
61
|
/** Flip placement when the panel would overflow the viewport. */
|
|
62
62
|
this.flip = true;
|
|
63
63
|
/**
|
|
64
|
-
* El panel no pinta fondo/borde/sombra propios
|
|
64
|
+
* El panel no pinta fondo/borde/sombra propios:
|
|
65
65
|
* para alojar un `co-menu` (u otro contenido con su propio chrome) sin
|
|
66
66
|
* "doble chrome". Reflejado como atributo `bare`. Default `false` = panel
|
|
67
67
|
* con el fondo/borde/sombra de siempre (`--co-popover-border-color` /
|
|
@@ -69,8 +69,7 @@ const CoPopover = class {
|
|
|
69
69
|
*/
|
|
70
70
|
this.bare = false;
|
|
71
71
|
/**
|
|
72
|
-
* Desplazamiento en px sobre el eje CRUZADO del `placement
|
|
73
|
-
* 2 Cobalt): con un placement vertical (`top*`/`bottom*`) mueve `left`; con
|
|
72
|
+
* Desplazamiento en px sobre el eje CRUZADO del `placement`: con un placement vertical (`top*`/`bottom*`) mueve `left`; con
|
|
74
73
|
* uno horizontal (`left*`/`right*`) mueve `top`. Default 0 = sin cambio.
|
|
75
74
|
*
|
|
76
75
|
* ⚠️ Se aplica ANTES del clamp de 4px a los bordes del viewport (ver
|
|
@@ -187,7 +186,7 @@ const CoPopover = class {
|
|
|
187
186
|
width: this.panelEl.offsetWidth,
|
|
188
187
|
height: this.panelEl.offsetHeight,
|
|
189
188
|
});
|
|
190
|
-
//
|
|
189
|
+
// `anchor` sin resolver (prop ausente, o
|
|
191
190
|
// selector sin match en `document`) → `anchorRect` queda undefined y
|
|
192
191
|
// computePosition cae a `triggerRect` — mismo resultado que hoy.
|
|
193
192
|
const anchorEl = this.resolveAnchor();
|
|
@@ -335,17 +334,20 @@ const CoPopover = class {
|
|
|
335
334
|
this.pressStartedInside = false;
|
|
336
335
|
}
|
|
337
336
|
// ── Public methods ─────────────────────────────────────────
|
|
337
|
+
/** Abre o cierra el panel. */
|
|
338
338
|
async toggle() {
|
|
339
339
|
this.open = !this.open;
|
|
340
340
|
}
|
|
341
|
+
/** Abre el panel. */
|
|
341
342
|
async show() {
|
|
342
343
|
this.open = true;
|
|
343
344
|
}
|
|
345
|
+
/** Cierra el panel. */
|
|
344
346
|
async hide() {
|
|
345
347
|
this.open = false;
|
|
346
348
|
}
|
|
347
349
|
/**
|
|
348
|
-
* Resuelve la prop `anchor` a un elemento
|
|
350
|
+
* Resuelve la prop `anchor` a un elemento:
|
|
349
351
|
* - `HTMLElement` → se usa tal cual.
|
|
350
352
|
* - `string` → selector resuelto contra `document`; sin match, `null`
|
|
351
353
|
* (el llamador cae a `triggerRect`, el comportamiento de siempre).
|
|
@@ -415,13 +417,13 @@ const CoPopover = class {
|
|
|
415
417
|
}
|
|
416
418
|
// ── Render ─────────────────────────────────────────────────
|
|
417
419
|
render() {
|
|
418
|
-
return (index.h("div", { key: '
|
|
420
|
+
return (index.h("div", { key: 'f9c23cf5b7beb42230fbc37e6aacb9d8423a2c34', class: "co-popover" }, index.h("div", { key: '255b7a3b713719283e3b4a6d65ed520661b4e40b', class: "co-popover__trigger", ref: (el) => (this.triggerEl = el), onClick: this.handleTriggerClick }, index.h("slot", { key: '82c7133648e7c55db263f1abae8902c3ab579d27', name: "trigger" })), (this.open || this.closing) && (index.h("div", { key: '990ca1400e5e19d6614dbc7b43e78b116626e1b0', class: { 'co-popover__panel': true, 'co-popover__panel--closing': this.closing }, part: "panel", popover: "manual", onTransitionEnd: this.handlePanelTransitionEnd, ref: (el) => {
|
|
419
421
|
if (el && el !== this.panelEl) {
|
|
420
422
|
this.panelEl = el;
|
|
421
423
|
this.promotePanel();
|
|
422
424
|
this.scheduleUpdate();
|
|
423
425
|
}
|
|
424
|
-
} }, index.h("slot", { key: '
|
|
426
|
+
} }, index.h("slot", { key: 'fb635cf42e7866b055a59aaf471bab5bca995afb' })))));
|
|
425
427
|
}
|
|
426
428
|
get el() { return index.getElement(this); }
|
|
427
429
|
static get watchers() { return {
|
|
@@ -21,12 +21,12 @@ const CoProgressBar = class {
|
|
|
21
21
|
render() {
|
|
22
22
|
const clamped = Math.max(0, Math.min(100, this.value));
|
|
23
23
|
const indeterminate = this.indeterminate;
|
|
24
|
-
return (index.h("div", { key: '
|
|
24
|
+
return (index.h("div", { key: '73ffc3d2dedc7a87e2552a75b61a56199f60edb6', class: {
|
|
25
25
|
'co-progress-bar': true,
|
|
26
26
|
[`co-progress-bar--${this.status}`]: true,
|
|
27
27
|
[`co-progress-bar--${this.variant}`]: true,
|
|
28
28
|
'co-progress-bar--indeterminate': indeterminate,
|
|
29
|
-
}, role: "progressbar", "aria-valuenow": indeterminate ? undefined : clamped, "aria-valuemin": 0, "aria-valuemax": 100, part: "bar", style: { height: `${this.thickness}px` } }, index.h("div", { key: '
|
|
29
|
+
}, role: "progressbar", "aria-valuenow": indeterminate ? undefined : clamped, "aria-valuemin": 0, "aria-valuemax": 100, part: "bar", style: { height: `${this.thickness}px` } }, index.h("div", { key: 'da42344ce3d88c2a1eec058b4bb57a7b8380a2aa', class: "co-progress-bar__fill", style: indeterminate ? undefined : { width: `${clamped}%` } })));
|
|
30
30
|
}
|
|
31
31
|
};
|
|
32
32
|
CoProgressBar.style = coProgressBarCss();
|
|
@@ -22,7 +22,7 @@ const CoProgressCircle = class {
|
|
|
22
22
|
const clamped = Math.max(0, Math.min(100, this.value));
|
|
23
23
|
const angle = (clamped / 100) * 360;
|
|
24
24
|
const safeStroke = Math.min(this.strokeWidth, this.size / 2);
|
|
25
|
-
return (index.h("div", { key: '
|
|
25
|
+
return (index.h("div", { key: 'a3d5bc7d287ef18ad5d1d2f23373d25ea2509476', class: {
|
|
26
26
|
'co-progress-circle': true,
|
|
27
27
|
[`co-progress-circle--${this.status}`]: true,
|
|
28
28
|
}, role: "progressbar", "aria-valuenow": clamped, "aria-valuemin": 0, "aria-valuemax": 100, part: "circle", style: {
|
|
@@ -30,7 +30,7 @@ const CoProgressCircle = class {
|
|
|
30
30
|
height: `${this.size}px`,
|
|
31
31
|
'--co-pc-angle': `${angle}deg`,
|
|
32
32
|
'--co-pc-stroke': `${safeStroke}px`,
|
|
33
|
-
} }, index.h("div", { key: '
|
|
33
|
+
} }, index.h("div", { key: '3b922058d72dcb0d1a7a9f59b122b8a2d54c4d4a', class: "co-progress-circle__track" }), this.showLabel && (index.h("span", { key: '083498504b05357660f593c128258a2be8ca359e', class: "co-progress-circle__label" }, clamped, "%"))));
|
|
34
34
|
}
|
|
35
35
|
};
|
|
36
36
|
CoProgressCircle.style = coProgressCircleCss();
|
|
@@ -98,7 +98,7 @@ const CoSkeleton = class {
|
|
|
98
98
|
const style = { width: this.width };
|
|
99
99
|
if (this.height)
|
|
100
100
|
style.height = this.height;
|
|
101
|
-
return (index.h("div", { key: '
|
|
101
|
+
return (index.h("div", { key: '26e69f4c94f59664827c617fa3d54983ac56cd1d', class: {
|
|
102
102
|
'co-skeleton': true,
|
|
103
103
|
[`co-skeleton--${this.variant}`]: true,
|
|
104
104
|
'co-skeleton--revealed': this.revealed,
|
|
@@ -66,11 +66,11 @@ const CoRadioGroup = class {
|
|
|
66
66
|
const hasLabels = this.label || this.secondaryLabel;
|
|
67
67
|
const hasHelper = this.helperText;
|
|
68
68
|
const opts = this.parsedOptions;
|
|
69
|
-
return (index.h("div", { key: '
|
|
69
|
+
return (index.h("div", { key: 'b1c5880c1f9faca27b89189de5d64e36569d5b4f', class: {
|
|
70
70
|
'co-radio-group': true,
|
|
71
71
|
'co-radio-group--disabled': this.disabled,
|
|
72
72
|
[`co-radio-group--${this.status}`]: this.status !== 'default',
|
|
73
|
-
}, role: "radiogroup", "aria-label": this.label || '' }, hasLabels && (index.h("div", { key: '
|
|
73
|
+
}, role: "radiogroup", "aria-label": this.label || '' }, hasLabels && (index.h("div", { key: '0e6088377e3cd361749b9aa98f2e6485a76fb577', class: "co-radio-group__labels" }, this.label && index.h("span", { key: '411bf1ec096311df2b25fac0b39c402d01365e5c', class: "co-radio-group__label" }, this.label), this.secondaryLabel && (index.h("span", { key: '917cc0dd87362d7add21d407869872a14378a0b9', class: "co-radio-group__secondary-label" }, this.secondaryLabel)))), index.h("div", { key: '6459fee05efb04d402c0c98dfcbad83fc7da7f06', class: {
|
|
74
74
|
'co-radio-group__options': true,
|
|
75
75
|
[`co-radio-group__options--${this.direction}`]: true,
|
|
76
76
|
} }, opts.map(opt => {
|
|
@@ -85,7 +85,7 @@ const CoRadioGroup = class {
|
|
|
85
85
|
'co-radio-group__circle--checked': isChecked,
|
|
86
86
|
'co-radio-group__circle--disabled': isDisabled,
|
|
87
87
|
}, role: "radio", "aria-checked": String(isChecked), "aria-label": opt.label }), index.h("span", { class: "co-radio-group__option-label" }, opt.label)));
|
|
88
|
-
})), hasHelper && (index.h("div", { key: '
|
|
88
|
+
})), hasHelper && (index.h("div", { key: '9cec80138190321eafb700039b2d33d24e420e30', class: `co-radio-group__helper co-radio-group__helper--${this.status}` }, this.statusIcon && (index.h("co-icon", { key: '8be3d15ffa7d528927f907b4c9523b7f2a6cdb94', name: this.statusIcon, size: 14, weight: "fill", class: "co-radio-group__helper-icon" })), index.h("span", { key: '6ccf0cfeea7f6e00047b2849edff9fd988eb36a6', class: "co-radio-group__helper-text" }, this.helperText)))));
|
|
89
89
|
}
|
|
90
90
|
static get watchers() { return {
|
|
91
91
|
"value": [{
|
|
@@ -24,15 +24,15 @@ const CoRadio = class {
|
|
|
24
24
|
};
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
|
-
return (index.h("div", { key: '
|
|
27
|
+
return (index.h("div", { key: '637efb5c90e6f1f2c205a9c97c020c609f72a093', class: {
|
|
28
28
|
'co-radio-row': true,
|
|
29
29
|
'co-radio-row--disabled': this.disabled,
|
|
30
|
-
}, onClick: this.handleClick }, index.h("button", { key: '
|
|
30
|
+
}, onClick: this.handleClick }, index.h("button", { key: '7311c200f5b2e2029acfe2642aa59c850087a7b3', role: "radio", "aria-checked": String(this.checked), "aria-label": this.label || '', class: {
|
|
31
31
|
'co-radio': true,
|
|
32
32
|
[`co-radio--${this.size}`]: true,
|
|
33
33
|
'co-radio--checked': this.checked,
|
|
34
34
|
'co-radio--disabled': this.disabled,
|
|
35
|
-
}, disabled: this.disabled, part: "circle" }), this.label && (index.h("span", { key: '
|
|
35
|
+
}, disabled: this.disabled, part: "circle" }), this.label && (index.h("span", { key: '067c567f9d70642c11ccb1a8d0b30c17323fb476', class: "co-radio__label", part: "label" }, this.label))));
|
|
36
36
|
}
|
|
37
37
|
};
|
|
38
38
|
CoRadio.style = coRadioCss();
|
|
@@ -8,12 +8,19 @@ const CoRating = class {
|
|
|
8
8
|
constructor(hostRef) {
|
|
9
9
|
index.registerInstance(this, hostRef);
|
|
10
10
|
this.coChange = index.createEvent(this, "coChange", 7);
|
|
11
|
+
/** Calificación actual, 0 a `max` (reflejado; el componente lo actualiza al elegir). */
|
|
11
12
|
this.value = 0;
|
|
13
|
+
/** Cantidad de íconos (default 5). */
|
|
12
14
|
this.max = 5;
|
|
15
|
+
/** Tamaño de los íconos: `small` (default) o `large`. */
|
|
13
16
|
this.size = 'small';
|
|
17
|
+
/** Deshabilita la interacción y atenúa el control. */
|
|
14
18
|
this.disabled = false;
|
|
19
|
+
/** Solo muestra el valor, sin interacción ni hover (atributo `read-only`). */
|
|
15
20
|
this.readOnly = false;
|
|
21
|
+
/** Ícono Phosphor de cada paso (default `star`). */
|
|
16
22
|
this.icon = 'star';
|
|
23
|
+
/** Estado de validación: colorea el `helperText`. */
|
|
17
24
|
this.status = 'default';
|
|
18
25
|
this.hoverValue = 0;
|
|
19
26
|
this.handleClick = (star) => {
|
|
@@ -43,16 +50,16 @@ const CoRating = class {
|
|
|
43
50
|
const iconSize = this.size === 'large' ? 28 : 20;
|
|
44
51
|
const active = this.hoverValue || this.value;
|
|
45
52
|
const stars = Array.from({ length: this.max }, (_, i) => i + 1);
|
|
46
|
-
return (index.h("div", { key: '
|
|
53
|
+
return (index.h("div", { key: '007e7bf1aef33b6890f98e1fdac362aa3f578802', class: {
|
|
47
54
|
'co-rating': true,
|
|
48
55
|
'co-rating--disabled': this.disabled,
|
|
49
56
|
'co-rating--readonly': this.readOnly,
|
|
50
57
|
[`co-rating--${this.size}`]: true,
|
|
51
|
-
} }, this.label && index.h("label", { key: '
|
|
58
|
+
} }, this.label && index.h("label", { key: 'ebc8a44655b6f975d792546762d3fe1e4ccf2958', class: "co-rating__label" }, this.label), index.h("div", { key: 'eba75b8e98a075531afff4fe5781a63119206d7b', class: "co-rating__stars", onMouseLeave: this.handleMouseLeave }, stars.map(star => (index.h("button", { class: {
|
|
52
59
|
'co-rating__star': true,
|
|
53
60
|
'co-rating__star--active': star <= active,
|
|
54
61
|
'co-rating__star--hover': this.hoverValue > 0 && star <= this.hoverValue,
|
|
55
|
-
}, type: "button", tabIndex: this.disabled || this.readOnly ? -1 : 0, disabled: this.disabled, onClick: () => this.handleClick(star), onMouseEnter: () => this.handleMouseEnter(star), "aria-label": `${star} of ${this.max}` }, index.h("co-icon", { name: this.icon, size: iconSize, weight: star <= active ? 'fill' : 'regular' }))))), this.helperText && (index.h("div", { key: '
|
|
62
|
+
}, type: "button", tabIndex: this.disabled || this.readOnly ? -1 : 0, disabled: this.disabled, onClick: () => this.handleClick(star), onMouseEnter: () => this.handleMouseEnter(star), "aria-label": `${star} of ${this.max}` }, index.h("co-icon", { name: this.icon, size: iconSize, weight: star <= active ? 'fill' : 'regular' }))))), this.helperText && (index.h("div", { key: '571bff4884aa6695e2edcb1ae42baae1d57eb3a0', class: `co-rating__helper co-rating__helper--${this.status}` }, this.statusIcon && index.h("co-icon", { key: '73cfba25f9b28ea6a6dc7b48c6f2009ac4024779', name: this.statusIcon, size: 14, weight: "fill", class: "co-rating__helper-icon" }), index.h("span", { key: '4029c8c33d6a967c063a886eca3043b22ecc9a2d', class: "co-rating__helper-text" }, this.helperText)))));
|
|
56
63
|
}
|
|
57
64
|
};
|
|
58
65
|
CoRating.style = coRatingCss();
|
|
@@ -24,8 +24,11 @@ const CoRefField = class {
|
|
|
24
24
|
this.coEditSelected = index.createEvent(this, "coEditSelected", 7);
|
|
25
25
|
/** Whether the field is required (renders a required marker on the label). */
|
|
26
26
|
this.required = false;
|
|
27
|
+
/** Texto del trigger sin valor (salvo que haya `inheritedLabel`). */
|
|
27
28
|
this.placeholder = 'Select…';
|
|
29
|
+
/** Deshabilita el campo: no abre el panel ni muestra × ni lápiz. */
|
|
28
30
|
this.disabled = false;
|
|
31
|
+
/** Muestra la × que vacía la selección cuando hay valor (default `true`); emite `coClear`. */
|
|
29
32
|
this.clearable = true;
|
|
30
33
|
/** Shows a pencil button on the single-value trigger that emits
|
|
31
34
|
* `coEditSelected` with the selected record id. The host owns policy
|
|
@@ -33,7 +36,9 @@ const CoRefField = class {
|
|
|
33
36
|
this.editable = false;
|
|
34
37
|
/** Accessible name / tooltip for the edit button. */
|
|
35
38
|
this.editLabel = 'Edit';
|
|
39
|
+
/** Selección múltiple: la selección se pinta como chips y `value` es un JSON array de ids. */
|
|
36
40
|
this.multiple = false;
|
|
41
|
+
/** Estado de validación: pinta el borde y el `helperText` con el color del estado. */
|
|
37
42
|
this.status = 'default';
|
|
38
43
|
/** Label layout: vertical (label above) or horizontal (label beside) */
|
|
39
44
|
this.layout = 'vertical';
|
|
@@ -61,9 +66,13 @@ const CoRefField = class {
|
|
|
61
66
|
/** Total count of matching records from the API. */
|
|
62
67
|
this.total = 0;
|
|
63
68
|
// ── Search props ───────────────────────────────────────────
|
|
69
|
+
/** Buscador en el panel (default `true`); el filtrado lo hace el host al recibir `coSearch`. */
|
|
64
70
|
this.searchable = true;
|
|
71
|
+
/** Placeholder del buscador del panel. */
|
|
65
72
|
this.searchPlaceholder = 'Search…';
|
|
73
|
+
/** Espera en ms entre la última tecla y el `coSearch` (default 350). */
|
|
66
74
|
this.searchDebounce = 350;
|
|
75
|
+
/** Texto del panel cuando no hay opciones. */
|
|
67
76
|
this.emptyMessage = 'No results found';
|
|
68
77
|
// ── Action props ───────────────────────────────────────────
|
|
69
78
|
/** Show footer buttons (same pattern as co-combobox). */
|
|
@@ -523,7 +532,7 @@ const CoRefField = class {
|
|
|
523
532
|
}
|
|
524
533
|
// ── Main render ────────────────────────────────────────────
|
|
525
534
|
render() {
|
|
526
|
-
return (index.h("div", { key: '
|
|
535
|
+
return (index.h("div", { key: 'a3aef08c94e307af533bd47f40d0a4a92fe27d24', class: "co-ref-field" }, (this.label || this.secondaryLabel) && (index.h("div", { key: '77b6b86ec8180be67198551fdb85c005ff839e1d', class: "co-ref-field__labels" }, this.label && (index.h("label", { key: '19e162c60bff7a5e65744e21027ebf817bea2574', class: "co-ref-field__label" }, this.labelIcon && (index.h("co-icon", { key: '966f91705e5f5969361f86f9ef1ef613f458c610', class: "co-ref-field__label-icon", name: this.labelIcon, size: 16 })), this.label, index.h(requiredMark.RequiredMark, { key: 'b40e66babe9ebc1a812d429ec44711867817a35e', required: this.required }))), this.secondaryLabel && (index.h("span", { key: '59e005803c24da33bf561e861464128d6a19b0d5', class: "co-ref-field__secondary-label" }, this.secondaryLabel)))), index.h("co-popover", { key: 'b436e6ba857fd059dd15df3c83e9e321eceda17e', open: this.isOpen, placement: "bottom-start", matchWidth: !this.panelWidth, offset: 4, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, index.h("div", { key: 'c13bb059934db87074ece6e42fb9913f69e4b81c', slot: "trigger" }, this.renderTrigger()), this.isOpen && this.renderPanel()), this.helperText && (index.h("div", { key: 'e58d1a42f44382f1c1be244d69a89851f32aad85', class: `co-ref-field__helper co-ref-field__helper--${this.status}` }, this.status !== 'default' && (index.h("co-icon", { key: '95544a78586c34901e3480f9c9b9c0f872362c12', name: this.status === 'error' ? 'warning-circle' : this.status === 'success' ? 'check-circle' : 'info', size: 14 })), index.h("span", { key: 'e536f2971bd27a87c5785ba7e950c29bd22bfeda' }, this.helperText)))));
|
|
527
536
|
}
|
|
528
537
|
get el() { return index.getElement(this); }
|
|
529
538
|
static get watchers() { return {
|
|
@@ -26,7 +26,9 @@ const CoRichTextEditor = class {
|
|
|
26
26
|
this.value = null;
|
|
27
27
|
/** Preset controlling allowed nodes/marks, toolbar and sanitization. */
|
|
28
28
|
this.preset = 'task';
|
|
29
|
+
/** Texto de ayuda del editor vacío. */
|
|
29
30
|
this.placeholder = '';
|
|
31
|
+
/** Estado de validación: pinta el borde y el `helperText` con el color del estado. */
|
|
30
32
|
this.status = 'default';
|
|
31
33
|
/** Visual style. `flat` strips the frame's border and background so it
|
|
32
34
|
* reads as plain content instead of a boxed control — padding, label,
|
|
@@ -36,10 +38,15 @@ const CoRichTextEditor = class {
|
|
|
36
38
|
* outer box is gone. `default` (the standard bordered box) renders
|
|
37
39
|
* identically to before this prop existed. */
|
|
38
40
|
this.variant = 'default';
|
|
41
|
+
/** Deshabilita el editor. */
|
|
39
42
|
this.disabled = false;
|
|
43
|
+
/** Solo lectura: sin barra ni edición; `coChange` sale en el acto (p. ej. al marcar una casilla de task-list). */
|
|
40
44
|
this.readonly = false;
|
|
45
|
+
/** Campo obligatorio (marca de requerido en la etiqueta). */
|
|
41
46
|
this.required = false;
|
|
47
|
+
/** Muestra el contador de caracteres aunque no haya `maxLength`. */
|
|
42
48
|
this.showCharacterCount = false;
|
|
49
|
+
/** Enfoca el editor al montarse. */
|
|
43
50
|
this.autofocus = false;
|
|
44
51
|
/** Toolbar layout. `auto` uses the preset default. */
|
|
45
52
|
this.toolbar = 'auto';
|
|
@@ -236,30 +243,37 @@ const CoRichTextEditor = class {
|
|
|
236
243
|
(_a = this.editor) === null || _a === void 0 ? void 0 : _a.setEditable(!this.disabled && !this.readonly);
|
|
237
244
|
}
|
|
238
245
|
/* ── Public methods (escape hatches + imperative control) ── */
|
|
246
|
+
/** Documento como JSON de ProseMirror, o `null` si está vacío. */
|
|
239
247
|
async getJSON() {
|
|
240
248
|
return this.editor && !this.editor.isEmpty ? this.editor.getJSON() : null;
|
|
241
249
|
}
|
|
250
|
+
/** HTML sanitizado según el preset (`getHtml`, no `getHTML`, para no chocar con `HTMLElement`). */
|
|
242
251
|
async getHtml() {
|
|
243
252
|
return this.editor ? this.sanitizeHtml(this.editor.getHTML()) : '';
|
|
244
253
|
}
|
|
254
|
+
/** Texto plano del documento. */
|
|
245
255
|
async getText() {
|
|
246
256
|
var _a, _b;
|
|
247
257
|
return (_b = (_a = this.editor) === null || _a === void 0 ? void 0 : _a.getText()) !== null && _b !== void 0 ? _b : '';
|
|
248
258
|
}
|
|
259
|
+
/** Vacía el contenido y emite `coClear`. */
|
|
249
260
|
async clear() {
|
|
250
261
|
if (!this.editor)
|
|
251
262
|
return;
|
|
252
263
|
this.editor.commands.clearContent(true);
|
|
253
264
|
this.coClear.emit();
|
|
254
265
|
}
|
|
266
|
+
/** Enfoca el editor (`focusEditor`, no `focus`, para no chocar con `HTMLElement`). */
|
|
255
267
|
async focusEditor() {
|
|
256
268
|
var _a;
|
|
257
269
|
(_a = this.editor) === null || _a === void 0 ? void 0 : _a.commands.focus();
|
|
258
270
|
}
|
|
271
|
+
/** Reemplaza el contenido: HTML (string) o JSON de ProseMirror. */
|
|
259
272
|
async setContent(content) {
|
|
260
273
|
var _a;
|
|
261
274
|
(_a = this.editor) === null || _a === void 0 ? void 0 : _a.commands.setContent(content);
|
|
262
275
|
}
|
|
276
|
+
/** Instancia Tiptap subyacente (escape hatch para control avanzado), o `null` antes de montar. */
|
|
263
277
|
async getEditorInstance() {
|
|
264
278
|
var _a;
|
|
265
279
|
return (_a = this.editor) !== null && _a !== void 0 ? _a : null;
|
|
@@ -1985,11 +1999,11 @@ const CoRichTextEditor = class {
|
|
|
1985
1999
|
const showToolbar = this.resolvedToolbar !== 'none' && !this.readonly && !this.disabled;
|
|
1986
2000
|
const showCount = this.showCharacterCount || this.maxLength != null;
|
|
1987
2001
|
const bottom = this.toolbarPosition === 'bottom';
|
|
1988
|
-
const toolbar = showToolbar && (index.h("co-rich-text-toolbar", { key: '
|
|
2002
|
+
const toolbar = showToolbar && (index.h("co-rich-text-toolbar", { key: '6bcb6ab2d8023c96062ce4aa64ef6450357c22e7', class: "co-rich-text-editor__toolbar", part: "toolbar", variant: this.resolvedToolbar, position: this.toolbarPosition, disabled: this.disabled || this.readonly, locale: this.locale, attachmentsEnabled: this.attachmentsEnabled, attachmentAccept: this.attachmentAccept, onCoAttachmentsSelected: (e) => {
|
|
1989
2003
|
e.stopPropagation();
|
|
1990
2004
|
this.coAttachmentsSelected.emit(e.detail);
|
|
1991
2005
|
}, ref: (el) => (this.toolbarEl = el) }));
|
|
1992
|
-
return (index.h("div", { key: '
|
|
2006
|
+
return (index.h("div", { key: 'acb670aca986206aa8cae2960a9ace5723d5b710', class: {
|
|
1993
2007
|
'co-rich-text-editor': true,
|
|
1994
2008
|
'co-rich-text-editor--focused': this.hasFocus,
|
|
1995
2009
|
'co-rich-text-editor--disabled': this.disabled,
|
|
@@ -1998,7 +2012,7 @@ const CoRichTextEditor = class {
|
|
|
1998
2012
|
[`co-rich-text-editor--${this.status}`]: this.status !== 'default',
|
|
1999
2013
|
'co-rich-text-editor--flat': this.variant === 'flat',
|
|
2000
2014
|
'co-rich-text-editor--toolbar-bottom': bottom,
|
|
2001
|
-
}, part: "wrapper" }, (this.label || this.secondaryLabel) && (index.h("div", { key: '
|
|
2015
|
+
}, part: "wrapper" }, (this.label || this.secondaryLabel) && (index.h("div", { key: '0bbda76dde378f9f9dc49593409036efa0306982', class: "co-rich-text-editor__labels" }, this.label && index.h("label", { key: '328d770182eeba4010337e32359f6e1f96c32e54', class: "co-rich-text-editor__label", part: "label" }, this.label), this.secondaryLabel && (index.h("span", { key: 'd8b3ac25a32189686226b9fe6da311f6672ca331', class: "co-rich-text-editor__secondary-label" }, this.secondaryLabel)))), index.h("div", { key: 'ed9d88e6e62a3defe9f302d252eb7f8dd33d4a0a', class: "co-rich-text-editor__frame" }, !bottom && toolbar, index.h("div", { key: '96625d0fbbc619e7a7f7812c83d1e86df8086da4', class: "co-rich-text-editor__box" }, index.h("div", { key: '77ce10f2902b9e758c18dabd5e91c5544c0cdd54', class: "co-rte-content", part: "content", role: "textbox", "aria-multiline": "true", "aria-label": this.label, "aria-required": this.required ? 'true' : undefined, "aria-invalid": this.status === 'error' ? 'true' : undefined, ref: (el) => (this.contentEl = el) })), index.h("slot", { key: '6c2fbaa3625889c4bb6a493be037f4c64b60fece', name: "content-end" }), bottom && (index.h("div", { key: 'eda6a58e138c36dc412a84aa995dfcbfd6d7e93f', class: "co-rich-text-editor__toolbar-row", part: "toolbar-row" }, toolbar, index.h("slot", { key: 'f8b01d2d2b27851d474bb174e4e42b45efd96758', name: "toolbar-end" })))), index.h("div", { key: 'fdffcf44d4d181d30cc6f48e073e3a18c18f48ca', class: "co-rich-text-editor__footer" }, this.helperText && (index.h("div", { key: '52ab70e42dad525b1fc1c4c27bdb98bedaf5cd90', class: `co-rich-text-editor__helper co-rich-text-editor__helper--${this.status}`, part: "helper" }, index.h("co-icon", { key: 'c7e79a0292c51c9cf7927eb504401be5fd68b767', name: this.helperIcon, size: 14 }), index.h("span", { key: '4a09b04c257f3cd605f9b753d12c118312cb65fc' }, this.helperText))), showCount && (index.h("span", { key: '7c25580b095af4d0ef11e77d13b07cedbf3e61c4', class: "co-rich-text-editor__count", ref: (el) => (this.charCountEl = el) }, this.charCount, this.maxLength != null ? ` / ${this.maxLength}` : '')))));
|
|
2002
2016
|
}
|
|
2003
2017
|
get el() { return index.getElement(this); }
|
|
2004
2018
|
static get watchers() { return {
|
|
@@ -17,6 +17,7 @@ const CoRichTextToolbar = class {
|
|
|
17
17
|
/** Placement inside co-rich-text-editor. `bottom` drops the toolbar's own bottom
|
|
18
18
|
* border/background/rounding: the editor's toolbar row paints the separator. */
|
|
19
19
|
this.position = 'top';
|
|
20
|
+
/** Deshabilita la barra: sus botones no ejecutan acciones sobre el editor. */
|
|
20
21
|
this.disabled = false;
|
|
21
22
|
/** BCP-47 locale for UI strings (e.g. 'en', 'es-CO', 'pt-BR'). Default English. */
|
|
22
23
|
this.locale = 'en';
|
|
@@ -13,11 +13,11 @@ const CoRow = class {
|
|
|
13
13
|
this.size = 'sm';
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return (index.h("div", { key: '
|
|
16
|
+
return (index.h("div", { key: '077025b2a73f8440400c27923f1d3a7e38cfb346', class: {
|
|
17
17
|
'co-row': true,
|
|
18
18
|
[`co-row--${this.position}`]: true,
|
|
19
19
|
[`co-row--${this.size}`]: true,
|
|
20
|
-
}, part: "row" }, index.h("div", { key: '
|
|
20
|
+
}, part: "row" }, index.h("div", { key: '2ffc2d8e5c0ab4779a5599736c877097039fd47f', class: "co-row__prefix" }, index.h("slot", { key: 'b6cb185d5f1bb577f78d19b9f78fce1be52c5252', name: "prefix" })), index.h("div", { key: 'f2a34f5554a832d6ae5030bb1138488928025d43', class: "co-row__content" }, index.h("slot", { key: 'a8ad430becc2e285e4fec43b16a6e29ba9088f8a' })), index.h("div", { key: '7fef31caadd3fb43571286a2ee13cf42ebbf8d78', class: "co-row__suffix" }, index.h("slot", { key: '63465e56defc9a0c11bc5a1eba46ac7f150d67fb', name: "suffix" }))));
|
|
21
21
|
}
|
|
22
22
|
};
|
|
23
23
|
CoRow.style = coRowCss();
|
|
@@ -44,13 +44,13 @@ const CoSegmentedBar = class {
|
|
|
44
44
|
render() {
|
|
45
45
|
const segments = this.parsedSegments;
|
|
46
46
|
const total = this.total > 0 ? this.total : 100;
|
|
47
|
-
return (index.h("div", { key: '
|
|
47
|
+
return (index.h("div", { key: '17f9d7dbccca7bf7dbcd3907094712da67b74f97', class: "co-segmented-bar", part: "segmented-bar" }, index.h("div", { key: '18747edfd30a3bf84e071570e8280b6d783c6c46', class: {
|
|
48
48
|
'co-segmented-bar__track': true,
|
|
49
49
|
[`co-segmented-bar__track--radius-${this.radius}`]: true,
|
|
50
50
|
}, part: "track", style: { height: `${this.thickness}px`, background: this.trackColor } }, segments.map((seg, i) => (index.h("span", { key: i, class: "co-segmented-bar__segment", part: "segment", title: seg.label, style: {
|
|
51
51
|
width: `${(seg.value / total) * 100}%`,
|
|
52
52
|
background: seg.color,
|
|
53
|
-
} })))), index.h("slot", { key: '
|
|
53
|
+
} })))), index.h("slot", { key: 'd04d1e4ade89c3b1e8e20486aceadf994c310092', name: "legend" })));
|
|
54
54
|
}
|
|
55
55
|
};
|
|
56
56
|
CoSegmentedBar.style = coSegmentedBarCss();
|