@prolibu-suite/cobalt-core 0.9.0 → 0.9.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/custom-elements.json +179 -10
- 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 +1 -1
- package/dist/cjs/co-avatar_2.cjs.entry.js +2 -2
- package/dist/cjs/co-badge.cjs.entry.js +1 -1
- package/dist/cjs/co-bottom-sheet.cjs.entry.js +3 -3
- 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 +2 -2
- package/dist/cjs/co-button.cjs.entry.js +2 -2
- package/dist/cjs/co-calendar-month_2.cjs.entry.js +3 -3
- package/dist/cjs/co-calendar_3.cjs.entry.js +5 -5
- package/dist/cjs/co-card.cjs.entry.js +2 -2
- 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.cjs.entry.js +3 -3
- package/dist/cjs/co-chip_2.cjs.entry.js +11 -11
- package/dist/cjs/co-color-picker.cjs.entry.js +2 -2
- package/dist/cjs/co-column-picker.cjs.entry.js +2 -2
- package/dist/cjs/co-combobox.cjs.entry.js +1 -1
- package/dist/cjs/co-data-table-pagination.cjs.entry.js +4 -4
- package/dist/cjs/co-data-table.cjs.entry.js +127 -8
- 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-drive-card.cjs.entry.js +1 -1
- package/dist/cjs/co-drop-zone.cjs.entry.js +1 -1
- package/dist/cjs/co-empty-state.cjs.entry.js +2 -2
- package/dist/cjs/co-event-calendar.cjs.entry.js +2 -2
- package/dist/cjs/co-event-popover.cjs.entry.js +1 -1
- package/dist/cjs/co-fab.cjs.entry.js +3 -3
- package/dist/cjs/co-file-field.cjs.entry.js +5 -5
- package/dist/cjs/co-file-type-tile.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 +1 -1
- package/dist/cjs/co-icon.cjs.entry.js +2 -2
- package/dist/cjs/co-json-field.cjs.entry.js +3 -3
- package/dist/cjs/co-lightbox.cjs.entry.js +4 -4
- 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 +1 -1
- package/dist/cjs/co-modal.cjs.entry.js +2 -2
- package/dist/cjs/co-navbar.cjs.entry.js +2 -2
- 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 +1 -1
- package/dist/cjs/co-popover.cjs.entry.js +49 -3
- 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.cjs.entry.js +3 -3
- package/dist/cjs/co-rating.cjs.entry.js +3 -3
- package/dist/cjs/co-ref-field.cjs.entry.js +13 -4
- package/dist/cjs/co-rich-text-editor.cjs.entry.js +3 -3
- package/dist/cjs/co-row.cjs.entry.js +2 -2
- package/dist/cjs/co-select.cjs.entry.js +13 -4
- 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 +2 -2
- 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 +5 -5
- package/dist/cjs/co-textarea.cjs.entry.js +4 -4
- package/dist/cjs/co-toast.cjs.entry.js +2 -2
- package/dist/cjs/co-toggle-button-group.cjs.entry.js +2 -2
- 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-video.cjs.entry.js +2 -2
- package/dist/cjs/cobalt.cjs.js +1 -1
- package/dist/cjs/index-DK-2Lzmf.js +12 -12
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cobalt/cobalt.esm.js +1 -1
- package/dist/cobalt/{p-142506d9.entry.js → p-02ac492f.entry.js} +1 -1
- package/dist/cobalt/p-02f4b71a.entry.js +1 -0
- package/dist/cobalt/{p-24e93fcb.entry.js → p-07d570a6.entry.js} +1 -1
- package/dist/cobalt/{p-b9ac1f25.entry.js → p-136440fc.entry.js} +1 -1
- package/dist/cobalt/{p-7ec85887.entry.js → p-138b8bc1.entry.js} +1 -1
- package/dist/cobalt/{p-724b9b54.entry.js → p-17ae943c.entry.js} +1 -1
- package/dist/cobalt/{p-43b1f8fb.entry.js → p-2637efc5.entry.js} +1 -1
- package/dist/cobalt/{p-9fe9e2fe.entry.js → p-2c0099a4.entry.js} +1 -1
- package/dist/cobalt/{p-baeb5d55.entry.js → p-2d329ac8.entry.js} +1 -1
- package/dist/cobalt/{p-417ce874.entry.js → p-2d81b292.entry.js} +1 -1
- package/dist/cobalt/{p-e7e34852.entry.js → p-2f778a5a.entry.js} +1 -1
- package/dist/cobalt/{p-7521ec0c.entry.js → p-315586b0.entry.js} +1 -1
- package/dist/cobalt/{p-b64b0a07.entry.js → p-316c62c0.entry.js} +1 -1
- package/dist/cobalt/{p-8a93beb0.entry.js → p-342e1da4.entry.js} +1 -1
- package/dist/cobalt/{p-76dff399.entry.js → p-37c17bd8.entry.js} +1 -1
- package/dist/cobalt/{p-d21da71a.entry.js → p-3a229bba.entry.js} +1 -1
- package/dist/cobalt/{p-a530bec2.entry.js → p-3d338881.entry.js} +1 -1
- package/dist/cobalt/{p-a45e2c00.entry.js → p-3ef0f849.entry.js} +1 -1
- package/dist/cobalt/{p-c7a809c7.entry.js → p-40ce8a3d.entry.js} +1 -1
- package/dist/cobalt/{p-c31f5c1b.entry.js → p-4299cfa5.entry.js} +1 -1
- package/dist/cobalt/{p-6d532475.entry.js → p-43bd298d.entry.js} +1 -1
- package/dist/cobalt/{p-19706923.entry.js → p-43d31055.entry.js} +1 -1
- package/dist/cobalt/{p-37541725.entry.js → p-44fb4a3f.entry.js} +1 -1
- package/dist/cobalt/{p-81866f71.entry.js → p-4a503187.entry.js} +1 -1
- package/dist/cobalt/{p-49bde154.entry.js → p-4fe9a3ae.entry.js} +1 -1
- package/dist/cobalt/{p-39007b6c.entry.js → p-5c1767db.entry.js} +1 -1
- package/dist/cobalt/p-6556465f.entry.js +1 -0
- package/dist/cobalt/p-682b3313.entry.js +1 -0
- package/dist/cobalt/p-6c35b5cc.entry.js +1 -0
- package/dist/cobalt/{p-a5d84c7a.entry.js → p-7457aa89.entry.js} +1 -1
- package/dist/cobalt/{p-3ecc29fa.entry.js → p-75b7ed13.entry.js} +1 -1
- package/dist/cobalt/{p-94a8a119.entry.js → p-7c5e846a.entry.js} +1 -1
- package/dist/cobalt/{p-12a0ae24.entry.js → p-7cf4b4ae.entry.js} +1 -1
- package/dist/cobalt/p-7fbd3359.entry.js +1 -0
- package/dist/cobalt/{p-e99832a9.entry.js → p-8183f56f.entry.js} +1 -1
- package/dist/cobalt/{p-5ddebd10.entry.js → p-82c8f07b.entry.js} +1 -1
- package/dist/cobalt/{p-b004c3bb.entry.js → p-88a0659f.entry.js} +1 -1
- package/dist/cobalt/{p-a074f2ba.entry.js → p-8eb485c8.entry.js} +1 -1
- package/dist/cobalt/{p-f52f61d4.entry.js → p-8f600512.entry.js} +1 -1
- package/dist/cobalt/{p-09fe6ece.entry.js → p-905ba0dd.entry.js} +1 -1
- package/dist/cobalt/{p-c42c505c.entry.js → p-909c0113.entry.js} +1 -1
- package/dist/cobalt/{p-fa5c25d6.entry.js → p-90e292de.entry.js} +1 -1
- package/dist/cobalt/{p-360714ae.entry.js → p-929a4f19.entry.js} +1 -1
- package/dist/cobalt/{p-9c2ce487.entry.js → p-9c89cb01.entry.js} +1 -1
- package/dist/cobalt/{p-87fc5aed.entry.js → p-9c9f5b26.entry.js} +1 -1
- package/dist/cobalt/{p-d7b00e5f.entry.js → p-a0a6bfa3.entry.js} +1 -1
- package/dist/cobalt/{p-19f5d480.entry.js → p-a3669301.entry.js} +1 -1
- package/dist/cobalt/{p-21832273.entry.js → p-a3c6b974.entry.js} +1 -1
- package/dist/cobalt/{p-d3c765e3.entry.js → p-a6357340.entry.js} +1 -1
- package/dist/cobalt/p-a6b5cadd.entry.js +1 -0
- package/dist/cobalt/{p-e5b5ae89.entry.js → p-a811464d.entry.js} +1 -1
- package/dist/cobalt/{p-5d7c26f2.entry.js → p-a8c64cc3.entry.js} +1 -1
- package/dist/cobalt/{p-b800e107.entry.js → p-a9b29cc2.entry.js} +1 -1
- package/dist/cobalt/p-aafb9d11.entry.js +1 -0
- package/dist/cobalt/{p-cc72557d.entry.js → p-ab45d9bd.entry.js} +1 -1
- package/dist/cobalt/{p-c3c2087e.entry.js → p-b107063c.entry.js} +1 -1
- package/dist/cobalt/{p-f4cebc1f.entry.js → p-b22981fd.entry.js} +1 -1
- package/dist/cobalt/{p-8b7a4f6c.entry.js → p-b5b97c9b.entry.js} +1 -1
- package/dist/cobalt/{p-7255ab63.entry.js → p-b892b312.entry.js} +1 -1
- package/dist/cobalt/{p-debe0d79.entry.js → p-bfc2a849.entry.js} +1 -1
- package/dist/cobalt/{p-e5296961.entry.js → p-c1880595.entry.js} +1 -1
- package/dist/cobalt/{p-7a2dab23.entry.js → p-c3bb7e1f.entry.js} +1 -1
- package/dist/cobalt/{p-5f1b273b.entry.js → p-c3fd7b22.entry.js} +1 -1
- package/dist/cobalt/p-c6b9b9d6.entry.js +1 -0
- package/dist/cobalt/{p-ed2ca588.entry.js → p-ce35c898.entry.js} +1 -1
- package/dist/cobalt/{p-d85a751d.entry.js → p-d4debd6f.entry.js} +1 -1
- package/dist/cobalt/p-da18b5f4.entry.js +1 -0
- package/dist/cobalt/{p-3ac316e0.entry.js → p-e085b4ff.entry.js} +1 -1
- package/dist/cobalt/{p-8206c7c0.entry.js → p-e4ef25b0.entry.js} +1 -1
- package/dist/cobalt/{p-5f0f5d4b.entry.js → p-e742e978.entry.js} +1 -1
- package/dist/cobalt/{p-39bce45f.entry.js → p-e8878cf9.entry.js} +1 -1
- package/dist/cobalt/{p-2a9ba4c8.entry.js → p-f945a1bd.entry.js} +1 -1
- package/dist/cobalt/{p-b1ef5107.entry.js → p-fabe5fb2.entry.js} +1 -1
- package/dist/cobalt/{p-4e2379e4.entry.js → p-fdc6ec11.entry.js} +1 -1
- package/dist/collection/components/co-accordion/co-accordion.js +2 -2
- package/dist/collection/components/co-action-bar/co-action-bar.js +2 -2
- package/dist/collection/components/co-app-shell/co-app-shell.js +2 -2
- package/dist/collection/components/co-audio-player/co-audio-player.js +3 -3
- package/dist/collection/components/co-autocomplete/co-autocomplete.css +1 -1
- package/dist/collection/components/co-badge/co-badge.js +1 -1
- package/dist/collection/components/co-bottom-sheet/co-bottom-sheet.js +3 -3
- package/dist/collection/components/co-breadcrumb/co-breadcrumb.js +1 -1
- package/dist/collection/components/co-breadcrumb-item/co-breadcrumb-item.js +2 -2
- package/dist/collection/components/co-button/co-button.js +2 -2
- package/dist/collection/components/co-button-group/co-button-group.js +2 -2
- package/dist/collection/components/co-calendar/co-calendar.js +1 -1
- package/dist/collection/components/co-calendar-month/co-calendar-month.js +1 -1
- package/dist/collection/components/co-calendar-timegrid/co-calendar-timegrid.js +2 -2
- package/dist/collection/components/co-card/co-card.js +2 -2
- package/dist/collection/components/co-carousel/co-carousel.js +2 -2
- package/dist/collection/components/co-carousel-item/co-carousel-item.js +1 -1
- package/dist/collection/components/co-checkbox/co-checkbox.js +3 -3
- package/dist/collection/components/co-chip/co-chip.js +2 -2
- package/dist/collection/components/co-color-picker/co-color-picker.js +2 -2
- package/dist/collection/components/co-column-picker/co-column-picker.js +2 -2
- package/dist/collection/components/co-combobox/co-combobox.css +3 -1
- package/dist/collection/components/co-data-table/co-data-table.css +33 -0
- package/dist/collection/components/co-data-table/co-data-table.js +89 -7
- package/dist/collection/components/co-data-table-pagination/co-data-table-pagination.js +4 -4
- package/dist/collection/components/co-date-field/co-date-field.js +4 -4
- package/dist/collection/components/co-date-range/co-date-range.js +1 -1
- package/dist/collection/components/co-date-time-picker/co-date-time-picker.js +2 -2
- package/dist/collection/components/co-drive-card/co-drive-card.js +1 -1
- package/dist/collection/components/co-drop-zone/co-drop-zone.js +1 -1
- package/dist/collection/components/co-empty-state/co-empty-state.js +2 -2
- package/dist/collection/components/co-event-calendar/co-event-calendar.js +2 -2
- package/dist/collection/components/co-event-popover/co-event-popover.js +1 -1
- package/dist/collection/components/co-fab/co-fab.css +8 -5
- package/dist/collection/components/co-fab/co-fab.js +2 -2
- package/dist/collection/components/co-file-field/co-file-field.js +5 -5
- package/dist/collection/components/co-file-type-tile/co-file-type-tile.js +2 -2
- package/dist/collection/components/co-helper-text/co-helper-text.js +2 -2
- package/dist/collection/components/co-icon/co-icon.js +2 -2
- package/dist/collection/components/co-icon-button/co-icon-button.js +1 -1
- package/dist/collection/components/co-json-field/co-json-field.js +3 -3
- package/dist/collection/components/co-lightbox/co-lightbox.js +4 -4
- package/dist/collection/components/co-list-footer/co-list-footer.js +1 -1
- package/dist/collection/components/co-list-item/co-list-item.js +4 -4
- package/dist/collection/components/co-media-thumb/co-media-thumb.js +2 -2
- package/dist/collection/components/co-menu/co-menu.js +1 -1
- package/dist/collection/components/co-menu-divider/co-menu-divider.js +1 -1
- package/dist/collection/components/co-modal/co-modal.js +2 -2
- package/dist/collection/components/co-navbar/co-navbar.js +2 -2
- package/dist/collection/components/co-number-field/co-number-field.js +2 -2
- package/dist/collection/components/co-option-list/co-option-list.css +11 -9
- package/dist/collection/components/co-option-list/co-option-list.js +8 -8
- package/dist/collection/components/co-overlay/co-overlay.js +1 -1
- package/dist/collection/components/co-page-header/co-page-header.js +1 -1
- package/dist/collection/components/co-phone-field/co-phone-field.js +1 -1
- package/dist/collection/components/co-popover/co-popover.js +26 -4
- package/dist/collection/components/co-progress-bar/co-progress-bar.js +2 -2
- package/dist/collection/components/co-progress-circle/co-progress-circle.js +2 -2
- package/dist/collection/components/co-radio/co-radio.js +3 -3
- package/dist/collection/components/co-rating/co-rating.js +3 -3
- package/dist/collection/components/co-ref-field/co-ref-field.css +15 -0
- package/dist/collection/components/co-ref-field/co-ref-field.js +71 -3
- package/dist/collection/components/co-rich-text-editor/co-rich-text-editor.js +3 -3
- package/dist/collection/components/co-row/co-row.js +2 -2
- package/dist/collection/components/co-select/co-select.js +67 -4
- package/dist/collection/components/co-separator/co-separator.js +1 -1
- package/dist/collection/components/co-sidebar/co-sidebar.js +2 -2
- package/dist/collection/components/co-sidebar-nav/co-sidebar-nav.js +2 -2
- package/dist/collection/components/co-skeleton/co-skeleton.js +1 -1
- package/dist/collection/components/co-slider/co-slider.js +2 -2
- package/dist/collection/components/co-switch/co-switch.js +3 -3
- package/dist/collection/components/co-tab/co-tab.js +2 -2
- package/dist/collection/components/co-tab-group/co-tab-group.js +2 -2
- package/dist/collection/components/co-tags-field/co-tags-field.js +5 -5
- package/dist/collection/components/co-textarea/co-textarea.js +4 -4
- package/dist/collection/components/co-toast/co-toast.js +2 -2
- package/dist/collection/components/co-toggle-button/co-toggle-button.js +2 -2
- package/dist/collection/components/co-toggle-button-group/co-toggle-button-group.js +2 -2
- package/dist/collection/components/co-tooltip/co-tooltip.js +2 -2
- package/dist/collection/components/co-transfer-list/co-transfer-list.js +2 -2
- package/dist/collection/components/co-video/co-video.js +2 -2
- package/dist/collection/utils/columnResize.js +37 -0
- package/dist/collection/utils/popover-stack.js +28 -0
- 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-item.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-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-drawer.js +1 -1
- package/dist/components/co-drive-card.js +1 -1
- package/dist/components/co-drop-zone.js +1 -1
- package/dist/components/co-empty-state.js +1 -1
- package/dist/components/co-event-calendar.js +1 -1
- package/dist/components/co-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-helper-text.js +1 -1
- package/dist/components/co-icon-button.js +1 -1
- package/dist/components/co-icon.js +1 -1
- package/dist/components/co-input.js +1 -1
- package/dist/components/co-json-field.js +1 -1
- package/dist/components/co-lightbox.js +1 -1
- package/dist/components/co-list-footer.js +1 -1
- package/dist/components/co-list-item.js +1 -1
- package/dist/components/co-media-thumb.js +1 -1
- package/dist/components/co-menu-divider.js +1 -1
- package/dist/components/co-menu-item.js +1 -1
- package/dist/components/co-menu.js +1 -1
- package/dist/components/co-modal.js +1 -1
- package/dist/components/co-navbar.js +1 -1
- package/dist/components/co-number-field.js +1 -1
- package/dist/components/co-option-list.js +1 -1
- package/dist/components/co-overlay.js +1 -1
- package/dist/components/co-page-header.js +1 -1
- package/dist/components/co-phone-field.js +1 -1
- package/dist/components/co-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-select.js +1 -1
- package/dist/components/co-separator.js +1 -1
- package/dist/components/co-sidebar-nav.js +1 -1
- package/dist/components/co-sidebar.js +1 -1
- package/dist/components/co-skeleton.js +1 -1
- package/dist/components/co-slider.js +1 -1
- package/dist/components/co-switch.js +1 -1
- package/dist/components/co-tab-group.js +1 -1
- package/dist/components/co-tab.js +1 -1
- package/dist/components/co-tags-field.js +1 -1
- package/dist/components/co-textarea.js +1 -1
- package/dist/components/co-toast.js +1 -1
- package/dist/components/co-toggle-button-group.js +1 -1
- package/dist/components/co-toggle-button.js +1 -1
- package/dist/components/co-tooltip.js +1 -1
- package/dist/components/co-transfer-list.js +1 -1
- package/dist/components/co-video.js +1 -1
- package/dist/components/{p-BiefJDu3.js → p-4t5Fputx.js} +1 -1
- package/dist/components/{p-_YYd42XM.js → p-8wvfrEY4.js} +1 -1
- package/dist/components/{p-BCnjq3jN.js → p-BCZ-tPBT.js} +1 -1
- package/dist/components/{p-CmxZEGYq.js → p-BEiPCCVl.js} +1 -1
- package/dist/components/p-BOmAHbix.js +1 -0
- package/dist/components/{p-2zy1K6zg.js → p-BUYgHlPz.js} +1 -1
- package/dist/components/{p-ushHimOL.js → p-BYnSPxpp.js} +1 -1
- package/dist/components/{p-BlvsTlsS.js → p-Bhuk55S0.js} +1 -1
- package/dist/components/{p-DAaKsGqj.js → p-C4So28aS.js} +1 -1
- package/dist/components/{p-CL4dicvk.js → p-CRABrJmD.js} +1 -1
- package/dist/components/{p-Cv5yuGLz.js → p-CXLX8DpD.js} +1 -1
- package/dist/components/{p-CYv2ig6I.js → p-CXdIxtbK.js} +1 -1
- package/dist/components/{p-DFT1qsVu.js → p-ClAsHpYv.js} +1 -1
- package/dist/components/{p-CkQqqKRp.js → p-CnBjUP_M.js} +1 -1
- package/dist/components/{p-xvWmYN3W.js → p-DEYpoVxc.js} +1 -1
- package/dist/components/p-DP0bbhfN.js +1 -0
- package/dist/components/{p-re2gJwnQ.js → p-DUYGgqjB.js} +1 -1
- package/dist/components/{p-CKKBJaNB.js → p-DWt_rL1l.js} +1 -1
- package/dist/components/{p-Bsll5Ofy.js → p-DmyELlI1.js} +1 -1
- package/dist/components/p-aiNhl9Xd.js +1 -0
- package/dist/components/{p-Ce0ZJcks.js → p-njonLO8t.js} +1 -1
- package/dist/components/{p-CJNo2JDc.js → p-xjzIZcgZ.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 +1 -1
- package/dist/esm/co-avatar_2.entry.js +2 -2
- package/dist/esm/co-badge.entry.js +1 -1
- package/dist/esm/co-bottom-sheet.entry.js +3 -3
- 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 +2 -2
- package/dist/esm/co-button.entry.js +2 -2
- package/dist/esm/co-calendar-month_2.entry.js +3 -3
- package/dist/esm/co-calendar_3.entry.js +5 -5
- package/dist/esm/co-card.entry.js +2 -2
- package/dist/esm/co-carousel-item.entry.js +1 -1
- package/dist/esm/co-carousel.entry.js +2 -2
- package/dist/esm/co-checkbox.entry.js +3 -3
- package/dist/esm/co-chip_2.entry.js +11 -11
- package/dist/esm/co-color-picker.entry.js +2 -2
- package/dist/esm/co-column-picker.entry.js +2 -2
- package/dist/esm/co-combobox.entry.js +1 -1
- package/dist/esm/co-data-table-pagination.entry.js +4 -4
- package/dist/esm/co-data-table.entry.js +127 -8
- 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-drive-card.entry.js +1 -1
- package/dist/esm/co-drop-zone.entry.js +1 -1
- package/dist/esm/co-empty-state.entry.js +2 -2
- package/dist/esm/co-event-calendar.entry.js +2 -2
- package/dist/esm/co-event-popover.entry.js +1 -1
- package/dist/esm/co-fab.entry.js +3 -3
- package/dist/esm/co-file-field.entry.js +5 -5
- package/dist/esm/co-file-type-tile.entry.js +2 -2
- package/dist/esm/co-helper-text.entry.js +2 -2
- package/dist/esm/co-icon-button.entry.js +1 -1
- package/dist/esm/co-icon.entry.js +2 -2
- package/dist/esm/co-json-field.entry.js +3 -3
- package/dist/esm/co-lightbox.entry.js +4 -4
- 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 +1 -1
- package/dist/esm/co-modal.entry.js +2 -2
- package/dist/esm/co-navbar.entry.js +2 -2
- 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 +1 -1
- package/dist/esm/co-popover.entry.js +49 -3
- 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.entry.js +3 -3
- package/dist/esm/co-rating.entry.js +3 -3
- package/dist/esm/co-ref-field.entry.js +13 -4
- package/dist/esm/co-rich-text-editor.entry.js +3 -3
- package/dist/esm/co-row.entry.js +2 -2
- package/dist/esm/co-select.entry.js +13 -4
- 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 +2 -2
- 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 +5 -5
- package/dist/esm/co-textarea.entry.js +4 -4
- package/dist/esm/co-toast.entry.js +2 -2
- package/dist/esm/co-toggle-button-group.entry.js +2 -2
- package/dist/esm/co-toggle-button.entry.js +2 -2
- package/dist/esm/co-transfer-list.entry.js +2 -2
- package/dist/esm/co-video.entry.js +2 -2
- package/dist/esm/cobalt.js +1 -1
- package/dist/esm/index-CrtiywTB.js +12 -12
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/co-data-table/co-data-table.d.ts +5 -0
- package/dist/types/components/co-popover/co-popover.d.ts +8 -1
- package/dist/types/components/co-ref-field/co-ref-field.d.ts +17 -0
- package/dist/types/components/co-select/co-select.d.ts +7 -0
- package/dist/types/components.d.ts +60 -2
- package/dist/types/utils/columnResize.d.ts +42 -0
- package/dist/types/utils/popover-stack.d.ts +5 -0
- package/package.json +3 -3
- package/dist/cobalt/p-212ed2ba.entry.js +0 -1
- package/dist/cobalt/p-2aeb1471.entry.js +0 -1
- package/dist/cobalt/p-2d0354cc.entry.js +0 -1
- package/dist/cobalt/p-30ec230e.entry.js +0 -1
- package/dist/cobalt/p-77593319.entry.js +0 -1
- package/dist/cobalt/p-e054cb52.entry.js +0 -1
- package/dist/cobalt/p-e612b43c.entry.js +0 -1
- package/dist/cobalt/p-f1284fcd.entry.js +0 -1
- package/dist/cobalt/p-f1731fe9.entry.js +0 -1
- package/dist/components/p-BUE9mBqk.js +0 -1
- package/dist/components/p-Bh2__nEw.js +0 -1
- package/dist/components/p-DTJsO_Eg.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as e}from"./p-CrtiywTB.js";const
|
|
1
|
+
import{r as o,h as e}from"./p-CrtiywTB.js";const i={pdf:"pdf",doc:"doc",docx:"doc",txt:"txt",md:"txt",xls:"sheet",xlsx:"sheet",csv:"sheet",png:"image",jpg:"image",jpeg:"image",gif:"image",svg:"image",webp:"image",mp4:"video",mov:"video",webm:"video",fig:"design",ai:"design",psd:"design",sketch:"design",zip:"zip",rar:"zip"},c={pdf:{icon:"file-pdf",accent:"var(--co-color-secondary-rojo-100)",tint:"rgb(255,236,236)"},doc:{icon:"file-text",accent:"var(--co-color-primary-azul)",tint:"var(--co-color-azul-100)"},sheet:{icon:"table",accent:"var(--co-color-status-success)",tint:"var(--co-color-verde-100)"},image:{icon:"image",accent:"var(--co-color-secondary-violeta-100)",tint:"rgb(233,232,255)"},video:{icon:"broadcast",accent:"var(--co-color-secondary-naranja-100)",tint:"rgb(255,236,220)"},txt:{icon:"text-align-left",accent:"var(--co-color-gray-600)",tint:"var(--co-color-gray-100)"},design:{icon:"sparkle",accent:"var(--co-color-primary-rosado)",tint:"var(--co-color-rosado-100)"},zip:{icon:"package",accent:"var(--co-color-status-pending)",tint:"var(--co-color-status-bg-pending)"},file:{icon:"file",accent:"var(--co-color-gray-600)",tint:"var(--co-color-gray-100)"}},t=class{constructor(e){o(this,e),this.size=44,this.radius=11,this.colorTags=!0}render(){var o,t;const r=(null!==(o=this.ext)&&void 0!==o?o:"").trim().toLowerCase().replace(/^\./,""),a=null!==(t=i[r])&&void 0!==t?t:"file",n=c[a],s=Math.round(.5*this.size),l=this.colorTags?n.tint:"var(--co-color-gray-100)",d=this.colorTags?n.accent:"var(--co-color-gray-600)";return e("span",{key:"1df6dee1c0f729279f36463be6df9137bcbf4af0",class:{"co-file-type-tile":!0,[`co-file-type-tile--${a}`]:!0,"co-file-type-tile--mono":!this.colorTags},part:"tile",style:{width:`${this.size}px`,height:`${this.size}px`,borderRadius:`${this.radius}px`,background:l,color:d}},e("co-icon",{key:"566163b957b853911e3eef15cd38c7573cf749b4",name:n.icon,size:s,weight:"fill"}))}};t.style=":host{display:inline-flex}.co-file-type-tile{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box}";export{t as co_file_type_tile}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c as t,h as s}from"./p-CrtiywTB.js";const a={success:"info",error:"info",warning:"info",info:"info",neutral:null},c=["error","warning"],r=class{constructor(s){o(this,s),this.coDismiss=t(this,"coDismiss",7),this.entered=!1,this.message="",this.dismissible=!0,this.actionsLayout="inline",this.variant="neutral"}componentDidLoad(){requestAnimationFrame((()=>{this.entered=!0}))}render(){var o;const t=!!this.description,r="stacked"===this.actionsLayout,e=null!=this.progress,i=e?Math.max(0,Math.min(100,this.progress)):0,n="success"===this.variant&&!this.icon&&!e,l=n?null:null!==(o=this.icon)&&void 0!==o?o:e?"upload-simple":a[this.variant],d=c.includes(this.variant)?"alert":"status",b={"co-toast":!0,[`co-toast--${this.variant}`]:!0,"co-toast--multiline":t,"co-toast--stacked":r,"co-toast--progress":e,"co-toast--in":this.entered},
|
|
1
|
+
import{r as o,c as t,h as s}from"./p-CrtiywTB.js";const a={success:"info",error:"info",warning:"info",info:"info",neutral:null},c=["error","warning"],r=class{constructor(s){o(this,s),this.coDismiss=t(this,"coDismiss",7),this.entered=!1,this.message="",this.dismissible=!0,this.actionsLayout="inline",this.variant="neutral"}componentDidLoad(){requestAnimationFrame((()=>{this.entered=!0}))}render(){var o;const t=!!this.description,r="stacked"===this.actionsLayout,e=null!=this.progress,i=e?Math.max(0,Math.min(100,this.progress)):0,n="success"===this.variant&&!this.icon&&!e,l=n?null:null!==(o=this.icon)&&void 0!==o?o:e?"upload-simple":a[this.variant],d=c.includes(this.variant)?"alert":"status",b={"co-toast":!0,[`co-toast--${this.variant}`]:!0,"co-toast--multiline":t,"co-toast--stacked":r,"co-toast--progress":e,"co-toast--in":this.entered},u=s("div",{key:"5479799fdc6e1290192530a8cbda7308a610821e",class:"co-toast__content"},s("span",{key:"7d3b310377e78b8e5551cc80f2941aa621ea9bcb",class:"co-toast__message"},this.message),t&&s("span",{key:"f3d0a88cc99ba0884875217454192bf285480b65",class:"co-toast__description"},this.description));return s("div",{key:"1194ce0b8e6b279dcf747467df23903c9f79770d",class:b,part:"toast",role:d},(n||l)&&s("span",{key:"46c9ed361690be9f2ad60235efbefbd9ab30bb0d",class:"co-toast__icon"},l?s("co-icon",{name:l,size:20}):s("svg",{class:"co-toast__check",viewBox:"0 0 16 16",width:"20",height:"20","aria-hidden":"true"},s("path",{d:"M3.5 8.5l3 3 6-6.5",pathLength:"1",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),s("div",{key:"e277b37fccc9c3770e3c102cb0039cd97f83223a",class:"co-toast__body"},e?s("div",{class:"co-toast__progress"},s("div",{class:"co-toast__progress-header"},u,s("span",{class:"co-toast__percent"},i,"%")),s("div",{class:"co-toast__track",part:"track",role:"progressbar","aria-valuenow":i,"aria-valuemin":0,"aria-valuemax":100},s("span",{class:"co-toast__fill",part:"fill",style:{width:`${i}%`}}))):u,r&&s("div",{key:"029587321c2cd209fa838c24a435027b7a029a90",class:"co-toast__actions"},s("slot",{key:"c937442479f63185efc37428b9c25680ed72248d",name:"action"}))),!r&&s("div",{key:"b4f2be5646b30478315256d04cf86e4eb939fcb9",class:"co-toast__actions"},s("slot",{key:"689ef19ee688a4f4abc38b4c8ec7918aed4338bf",name:"action"})),this.dismissible&&s("button",{key:"7424c7bacc165e5e6828fa28233c3e8151c769f3",class:"co-toast__dismiss",type:"button","aria-label":"Dismiss",onClick:()=>this.coDismiss.emit()},s("co-icon",{key:"64149b651baa0cdd39a4ed17a865d5624872d4a9",name:"x",size:16})))}};r.style=":host{display:block;--co-toast-bg:var(--co-semantic-surface-page);--co-toast-border:var(--co-semantic-border-subtle);--co-toast-text:var(--co-semantic-text-default);--co-toast-text-secondary:var(--co-semantic-text-secondary);--co-toast-icon:var(--co-semantic-text-default);--co-toast-dismiss-bg:var(--co-semantic-surface-disabled);--co-toast-dismiss-color:var(--co-semantic-text-default)}.co-toast{display:flex;align-items:center;gap:var(--co-spacing-md);padding:var(--co-spacing-lg);background:var(--co-toast-bg);border:1px solid var(--co-toast-border);border-radius:var(--co-border-radius-sm);font-family:var(--co-font-family-primary);box-sizing:border-box;width:100%;min-width:320px;max-width:458px}.co-toast--multiline,.co-toast--stacked,.co-toast--progress{align-items:flex-start}.co-toast__icon{display:inline-flex;flex-shrink:0;color:var(--co-toast-icon)}.co-toast--multiline .co-toast__icon,.co-toast--progress .co-toast__icon{padding-top:2px}.co-toast--progress .co-toast__icon{color:var(--co-color-primary-azul, #2563eb)}.co-toast__body{display:flex;flex-direction:column;flex:1;min-width:0;gap:var(--co-spacing-md)}.co-toast__content{display:flex;flex-direction:column;gap:var(--co-spacing-xs);min-width:0}.co-toast__message{font-size:var(--co-font-size-14);font-weight:400;line-height:1.25;letter-spacing:var(--co-font-letter-spacing-body);color:var(--co-toast-text)}.co-toast__description{font-size:var(--co-font-size-12);font-weight:400;line-height:1.4;letter-spacing:var(--co-font-letter-spacing-body);color:var(--co-toast-text-secondary)}.co-toast__actions{display:flex;align-items:center;gap:var(--co-spacing-sm2);flex-shrink:0}.co-toast__actions:empty{display:none}.co-toast--stacked .co-toast__actions{justify-content:flex-end;width:100%}.co-toast__dismiss{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;margin:0;border:none;border-radius:var(--co-border-radius-full);background:var(--co-toast-dismiss-bg);color:var(--co-toast-dismiss-color);cursor:pointer;flex-shrink:0;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out);-webkit-font-smoothing:antialiased}.co-toast__dismiss:hover{opacity:0.88}.co-toast__dismiss:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px}.co-toast--success{--co-toast-bg:var(--co-color-status-bg-success);--co-toast-border:var(--co-color-status-bg-success);--co-toast-text:var(--co-color-status-success);--co-toast-text-secondary:var(--co-color-status-success);--co-toast-icon:var(--co-color-status-success);--co-toast-dismiss-bg:var(--co-color-status-success);--co-toast-dismiss-color:var(--co-color-base-blanco)}.co-toast--error{--co-toast-bg:var(--co-color-status-bg-error);--co-toast-border:var(--co-color-status-bg-error);--co-toast-text:var(--co-color-status-error);--co-toast-text-secondary:var(--co-color-status-error);--co-toast-icon:var(--co-color-status-error);--co-toast-dismiss-bg:var(--co-color-status-error);--co-toast-dismiss-color:var(--co-color-base-blanco)}.co-toast--warning{--co-toast-bg:var(--co-color-status-bg-review);--co-toast-border:var(--co-color-status-bg-review);--co-toast-text:var(--co-color-status-review);--co-toast-text-secondary:var(--co-color-status-review);--co-toast-icon:var(--co-color-status-review);--co-toast-dismiss-bg:var(--co-color-status-review);--co-toast-dismiss-color:var(--co-color-base-blanco)}.co-toast--info{--co-toast-bg:var(--co-color-status-bg-progress);--co-toast-border:var(--co-color-status-bg-progress);--co-toast-text:var(--co-color-status-progress);--co-toast-text-secondary:var(--co-color-status-progress);--co-toast-icon:var(--co-color-status-progress);--co-toast-dismiss-bg:var(--co-color-status-progress);--co-toast-dismiss-color:var(--co-color-base-blanco)}.co-toast__progress{min-width:0}.co-toast__progress-header{display:flex;align-items:center;gap:var(--co-spacing-md);min-width:0}.co-toast__progress-header .co-toast__content{flex:1;min-width:0}.co-toast__percent{flex-shrink:0;font-size:var(--co-font-size-12, 12px);font-weight:400;line-height:1.25;letter-spacing:var(--co-font-letter-spacing-body);color:var(--co-color-gray-500, #888888);font-variant-numeric:tabular-nums}.co-toast__track{width:100%;height:6px;margin-top:9px;border-radius:9999px;background:var(--co-color-gray-100, #f6f6f6);overflow:hidden}.co-toast__fill{display:block;height:100%;border-radius:inherit;background:var(--co-color-primary-azul, #2563eb);transition:width 0.3s ease}.co-toast{opacity:0;transform:translateY(8px) scale(0.98)}.co-toast--in{opacity:1;transform:none;transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out), transform var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-toast--in.co-toast--success{transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out), transform var(--co-motion-duration-slow) var(--co-motion-ease-spring)}.co-toast__check path{stroke-dasharray:1;stroke-dashoffset:1}.co-toast--in .co-toast__check path{stroke-dashoffset:0;transition:stroke-dashoffset var(--co-motion-duration-slow) var(--co-motion-ease-out) var(--co-motion-duration-fast)}";export{r as co_toast}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,h as g,a as r}from"./p-CrtiywTB.js";const e=class{constructor(g){t(this,g),this.coChange=o(this,"coChange",7),this.value="",this.multiple=!1,this.size="m",this.disabled=!1,this.direction="row",this.fullWidth=!1,this.variant="connected"}get selectedValues(){if(this.multiple){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(t){return this.value?[this.value]:[]}return this.value}return"string"==typeof this.value&&this.value?[this.value]:[]}syncChildren(){this.updateChildStates()}syncVariant(){this.updateChildStates()}componentDidLoad(){this.updateChildStates()}handleToggle(t){t.stopPropagation();const{value:o}=t.detail;if(this.multiple){const t=[...this.selectedValues],g=t.indexOf(o);g>=0?t.splice(g,1):t.push(o),this.value=JSON.stringify(t),this.coChange.emit(t)}else this.value=o,this.coChange.emit(o);this.updateChildStates()}updateChildStates(){const t=this.selectedValues;this.el.querySelectorAll("co-toggle-button").forEach((o=>{o.selected=t.includes(o.value),o.variant=this.variant}))}render(){return g("div",{key:"
|
|
1
|
+
import{r as t,c as o,h as g,a as r}from"./p-CrtiywTB.js";const e=class{constructor(g){t(this,g),this.coChange=o(this,"coChange",7),this.value="",this.multiple=!1,this.size="m",this.disabled=!1,this.direction="row",this.fullWidth=!1,this.variant="connected"}get selectedValues(){if(this.multiple){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(t){return this.value?[this.value]:[]}return this.value}return"string"==typeof this.value&&this.value?[this.value]:[]}syncChildren(){this.updateChildStates()}syncVariant(){this.updateChildStates()}componentDidLoad(){this.updateChildStates()}handleToggle(t){t.stopPropagation();const{value:o}=t.detail;if(this.multiple){const t=[...this.selectedValues],g=t.indexOf(o);g>=0?t.splice(g,1):t.push(o),this.value=JSON.stringify(t),this.coChange.emit(t)}else this.value=o,this.coChange.emit(o);this.updateChildStates()}updateChildStates(){const t=this.selectedValues;this.el.querySelectorAll("co-toggle-button").forEach((o=>{o.selected=t.includes(o.value),o.variant=this.variant}))}render(){return g("div",{key:"01f91b5b2749347beebc42452a260093ce47e117",class:{"co-toggle-button-group":!0,[`co-toggle-button-group--${this.direction}`]:!0,[`co-toggle-button-group--${this.variant}`]:!0,"co-toggle-button-group--disabled":this.disabled,"co-toggle-button-group--full":this.fullWidth},role:"group"},g("slot",{key:"1f5b0b91d4ec0a2b6cf120ba3e62d8c9ca60f41b"}))}get el(){return r(this)}static get watchers(){return{value:[{syncChildren:0}],variant:[{syncVariant:0}]}}};e.style=":host{display:inline-flex}.co-toggle-button-group{display:inline-flex;gap:0}.co-toggle-button-group--row{flex-direction:row}.co-toggle-button-group--column{flex-direction:column}:host([full-width]){display:flex;width:100%}.co-toggle-button-group--full{display:flex;width:100%}.co-toggle-button-group--full.co-toggle-button-group--row ::slotted(co-toggle-button){flex:1 1 0;--co-toggle-button-width:100%}.co-toggle-button-group--row ::slotted(co-toggle-button){--co-tbr-tl:0;--co-tbr-tr:0;--co-tbr-br:0;--co-tbr-bl:0}.co-toggle-button-group--row ::slotted(co-toggle-button:first-child){--co-tbr-tl:var(--co-toggle-button-radius);--co-tbr-bl:var(--co-toggle-button-radius)}.co-toggle-button-group--row ::slotted(co-toggle-button:last-child){--co-tbr-tr:var(--co-toggle-button-radius);--co-tbr-br:var(--co-toggle-button-radius)}.co-toggle-button-group--column ::slotted(co-toggle-button){--co-tbr-tl:0;--co-tbr-tr:0;--co-tbr-br:0;--co-tbr-bl:0;width:100%}.co-toggle-button-group--column ::slotted(co-toggle-button:first-child){--co-tbr-tl:var(--co-toggle-button-radius);--co-tbr-tr:var(--co-toggle-button-radius)}.co-toggle-button-group--column ::slotted(co-toggle-button:last-child){--co-tbr-bl:var(--co-toggle-button-radius);--co-tbr-br:var(--co-toggle-button-radius)}.co-toggle-button-group--row ::slotted(co-toggle-button:not(:first-child)){margin-left:-1px}.co-toggle-button-group--column ::slotted(co-toggle-button:not(:first-child)){margin-top:-1px}.co-toggle-button-group--disabled{opacity:0.4;pointer-events:none}.co-toggle-button-group--track{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:var(--co-color-gray-100, #f6f6f6)}.co-toggle-button-group--track ::slotted(co-toggle-button){margin:0 !important}";export{e as co_toggle_button_group}
|
|
@@ -38,11 +38,11 @@ export class CoAccordion {
|
|
|
38
38
|
return !!(this.subheading && this.subheading.trim()) || this.hasSubheadingSlot;
|
|
39
39
|
}
|
|
40
40
|
render() {
|
|
41
|
-
return (h("div", { key: '
|
|
41
|
+
return (h("div", { key: '4e2089349432ce39bb797397aacaebd022fcbcee', class: {
|
|
42
42
|
'co-accordion': true,
|
|
43
43
|
'co-accordion--open': this.open,
|
|
44
44
|
'co-accordion--disabled': this.disabled,
|
|
45
|
-
}, part: "accordion" }, h("div", { key: '
|
|
45
|
+
}, part: "accordion" }, h("div", { key: '4337878858bd31822201a925010f3150568fa056', class: "co-accordion__header", part: "header" }, h("span", { key: 'cf69c69cc786981ca6bd54bd0f6a6c38a3baa0b6', class: "co-accordion__heading-group" }, h("span", { key: '0e7efd52e6d48c35ce0270485e8ce6099c6a3302', class: "co-accordion__heading", part: "heading" }, h("slot", { key: 'b575ce7ae5611007490724f430819f083781f84d', name: "header" }, this.heading)), this.showSubheading && (h("span", { key: '996a58f3f3b5cd656849b413b0f998675452cc2f', class: "co-accordion__subheading", part: "subheading" }, h("slot", { key: 'a9029aa67f51162ad54c010d23bf20545883ef45', name: "subheading" }, this.subheading)))), h("button", { key: '757286aaf2914fe7d32fc14ab0f5de57ffeab48c', 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" }, h("co-icon", { key: 'b4c3c96489a30607727a44955dbff2d504ef2b6e', name: "caret-up", size: 20 }))), h("div", { key: 'bd56b12cbd7484f61fec140740312800536d7b18', class: "co-accordion__body", part: "body" }, h("div", { key: '1f2ff56e7bd7a49f8484c988ecdf434d108ef4ed', class: "co-accordion__body-inner", part: "body-inner" }, h("slot", { key: '25ef25609ccece786a05709d90a32e7e135fec72' })))));
|
|
46
46
|
}
|
|
47
47
|
static get is() { return "co-accordion"; }
|
|
48
48
|
static get encapsulation() { return "shadow"; }
|
|
@@ -94,11 +94,11 @@ export class CoActionBar {
|
|
|
94
94
|
}
|
|
95
95
|
}
|
|
96
96
|
render() {
|
|
97
|
-
return (h("div", { key: '
|
|
97
|
+
return (h("div", { key: 'c350ea38a12157a5cefe26f303ef7100938d55c9', class: {
|
|
98
98
|
'co-action-bar': true,
|
|
99
99
|
'co-action-bar--open': this.open,
|
|
100
100
|
'co-action-bar--animated': this.animated,
|
|
101
|
-
}, part: "bar", role: "group", "aria-label": this.ariaLabelText || this.label, "aria-hidden": this.open ? null : 'true' }, h("span", { key: '
|
|
101
|
+
}, part: "bar", role: "group", "aria-label": this.ariaLabelText || this.label, "aria-hidden": this.open ? null : 'true' }, h("span", { key: '9f2d3d5729fd150e5aa0c487067c7c8ad6cd8b59', class: "co-action-bar__live", "aria-live": "polite" }, this.liveText), h("span", { key: 'd2617507df8f2b48a743c1bb20482d9cc2e227df', class: "co-action-bar__label", part: "label" }, h("slot", { key: 'aad415247f017bd8ea38e38f84a0cd768a2f6f38', name: "label" }, this.label)), h("div", { key: '8999cd574e430246824effda0bfa531d62a3530a', class: "co-action-bar__actions", part: "actions" }, h("slot", { key: 'f06636fd076da38bc07982637f7def5d75df733e' })), this.dismissible !== false && (h("co-icon-button", { key: '4227fa464073430c67190ac4afc6c6534b627934', class: "co-action-bar__dismiss", part: "dismiss", icon: "x", variant: "ghost", surface: "dark", size: "xs", label: "Dismiss", onClick: this.handleDismiss }))));
|
|
102
102
|
}
|
|
103
103
|
static get is() { return "co-action-bar"; }
|
|
104
104
|
static get encapsulation() { return "shadow"; }
|
|
@@ -16,10 +16,10 @@ export class CoAppShell {
|
|
|
16
16
|
this.contentCard = true;
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
|
-
return (h(Host, { key: '
|
|
19
|
+
return (h(Host, { key: '7a45ab21e3ad256e25f05df33ad827931532c34a' }, h("aside", { key: '5ca5469a35e630b4ab01be23cae46efc43cb1519', class: "sidebar", part: "sidebar" }, h("div", { key: 'f4243197b46e67b4d632aa8abad803b07f471bb2', class: "sidebar__header", part: "sidebar-header" }, h("slot", { key: 'b609c8272c05f7e4cbb2c8ae1ab0c24430541f84', name: "sidebar-header" })), h("div", { key: '72ca1118e1eeb6b5f3467c16c82dac60c4dc4042', class: "sidebar__body", part: "sidebar-body" }, h("slot", { key: '48c65d150a4836996cf7406f32142bcb86e545df', name: "sidebar" })), h("div", { key: 'be09567b81d7abae1738decfd30b9b7b6edb47f2', class: "sidebar__footer", part: "sidebar-footer" }, h("slot", { key: 'd202466aa14916d7fd3be163a615ce1156151150', name: "sidebar-footer" }))), h("div", { key: 'd8b6f0cfdf0c4123b413d5d8bad78813fb7ba1a9', class: "main", part: "main" }, h("div", { key: '0efa85801eaa0cd339875ff4a1fd9cedcd715751', class: "main__card", part: "card" }, h("header", { key: 'befa647b3822ed055166c3e2da9aca9fb54c1204', class: "main__header", part: "header" }, h("slot", { key: 'b08034b07963d178f3b8e9cee16d3975f97a7b90', name: "navbar" })), h("main", { key: '3b0adfc33dd08b08fb2edf84a5f098c0ff7d1003', class: {
|
|
20
20
|
'main__content': true,
|
|
21
21
|
'main__content--card': this.contentCard,
|
|
22
|
-
}, part: "content" }, h("slot", { key: '
|
|
22
|
+
}, part: "content" }, h("slot", { key: '4c38a0a04548bc6cd2cc04d9b3fb095f5548fdde' }))))));
|
|
23
23
|
}
|
|
24
24
|
static get is() { return "co-app-shell"; }
|
|
25
25
|
static get encapsulation() { return "shadow"; }
|
|
@@ -206,13 +206,13 @@ export class CoAudioPlayer {
|
|
|
206
206
|
const H = 40, UNIT = 3, W = 1.8, R = 0.6;
|
|
207
207
|
const vbW = Math.max(1, this.peaks.length * UNIT);
|
|
208
208
|
const pct = this.duration ? (this.currentTime / this.duration) * 100 : 0;
|
|
209
|
-
const bar = (hFrac, i, played = false) => (h("rect", { key: '
|
|
210
|
-
return (h("div", { key: '
|
|
209
|
+
const bar = (hFrac, i, played = false) => (h("rect", { key: 'ffe5ce97626e52c12e60b953b62d237f14acb582', x: i * UNIT, y: H / 2 - (hFrac * H) / 2, width: W, height: Math.max(hFrac * H, 2), rx: R, class: { 'co-audio-player__bar': true, 'co-audio-player__bar--played': played } }));
|
|
210
|
+
return (h("div", { key: '012710aded6ca183e80d7fde087cb0fdf413249b', class: {
|
|
211
211
|
'co-audio-player': true,
|
|
212
212
|
'co-audio-player--compact': this.compact,
|
|
213
213
|
'co-audio-player--error': this.hasError,
|
|
214
214
|
'co-audio-player--playing': this.isPlaying,
|
|
215
|
-
}, part: "player" }, h("button", { key: '
|
|
215
|
+
}, part: "player" }, h("button", { key: '2505b88e97e73fd39aa31e3dad5e7fe0c1b94c80', type: "button", class: "co-audio-player__play", part: "play", "aria-label": this.hasError ? 'Audio no disponible' : this.isPlaying ? 'Pausar' : 'Reproducir', "aria-busy": this.isLoading ? 'true' : 'false', disabled: this.hasError || !this.src, onClick: this.toggle }, h("co-icon", { key: 'e0e0d2dd5f6e0578ba80a3c235e5c221a6e8fe21', name: this.hasError ? 'warning-circle' : this.isPlaying ? 'pause' : 'play', weight: "fill", size: this.compact ? 12 : 14 })), h("div", { key: 'd2b32119c69c64d2f68d469fe4ae056780446322', class: "co-audio-player__wave", part: "wave", role: "slider", tabindex: "0", "aria-label": "Progreso de reproducci\u00F3n", "aria-valuemin": 0, "aria-valuemax": Math.floor(this.duration), "aria-valuenow": Math.floor(this.currentTime), ref: (el) => (this.waveEl = el), onClick: (e) => this.seekAt(e.clientX), onKeyDown: this.onWaveKey }, h("svg", { key: 'fb9643df152d2d0b119580954f639cb3a9c2cd66', class: "co-audio-player__svg", viewBox: `0 0 ${vbW} ${H}`, preserveAspectRatio: "none", "aria-hidden": "true" }, this.peaks.map((hFrac, i) => bar(hFrac, i)), h("clipPath", { key: 'c2901cfe7c7e910bd53c8c92894b2d2395cde270', id: "co-ap-clip" }, h("rect", { key: '8129a85201e09ba6646b08ed0075798b0a0b0dfc', x: "0", y: "0", width: (pct / 100) * vbW, height: H })), h("g", { key: '69bc1780122d48f1a545d1c59bf7ed6536285ed2', "clip-path": "url(#co-ap-clip)" }, this.peaks.map((hFrac, i) => bar(hFrac, i, true))))), h("span", { key: '3747622619bd81545f85e7eb2f9c19b1aca6e7c2', class: "co-audio-player__time", part: "time" }, formatTime(this.currentTime), " / ", formatTime(this.duration)), !this.compact && (h("button", { key: '84341856fb2e0b6a094c673a727370b148190e30', type: "button", class: "co-audio-player__speed", part: "speed", "aria-label": `Velocidad de reproducción ${this.playbackRate}x`, onClick: this.cycleSpeed }, this.playbackRate, "x")), !this.compact && !this.noDownload && (h("button", { key: 'd6767d185317f20299b40c4050a806d88165682f', type: "button", class: "co-audio-player__dl", part: "download", "aria-label": "Descargar", onClick: () => this.download() }, h("co-icon", { key: 'a0f0a09cdf705ecf15e0156cf93011f89f41ffa5', name: "download-simple", size: 14 })))));
|
|
216
216
|
}
|
|
217
217
|
static get is() { return "co-audio-player"; }
|
|
218
218
|
static get encapsulation() { return "shadow"; }
|
|
@@ -183,7 +183,7 @@
|
|
|
183
183
|
border-radius: var(--co-border-radius-sm, 12px);
|
|
184
184
|
box-shadow: 0 4px 16px rgba(31, 28, 27, 0.08);
|
|
185
185
|
overflow: hidden;
|
|
186
|
-
padding:
|
|
186
|
+
/* Sin padding propio: co-option-list trae su interior (ver co-combobox). */
|
|
187
187
|
}
|
|
188
188
|
|
|
189
189
|
/* ── Helper ─────────────────────────────────────────────────── */
|
|
@@ -10,7 +10,7 @@ export class CoBadge {
|
|
|
10
10
|
this.color = 'default';
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (h("span", { key: '
|
|
13
|
+
return (h("span", { key: 'f0a6e6e5bd63a5ce3ffac291312880ab7baad1be', class: {
|
|
14
14
|
'co-badge': true,
|
|
15
15
|
[`co-badge--${this.size}`]: true,
|
|
16
16
|
[`co-badge--${this.color}`]: true,
|
|
@@ -255,13 +255,13 @@ export class CoBottomSheet {
|
|
|
255
255
|
(_a = this.bodyEl) === null || _a === void 0 ? void 0 : _a.removeEventListener('touchmove', this.touchBlocker);
|
|
256
256
|
}
|
|
257
257
|
render() {
|
|
258
|
-
return (h("div", { key: '
|
|
258
|
+
return (h("div", { key: 'ba3db3d99801b70af3d5adc93c83868e2b2df3e2', class: { 'co-bottom-sheet-root': true, 'co-bottom-sheet-root--open': this.open } }, h("div", { key: '1003cdf6554d5594a3cd6ce51850cf767e76f5e2', class: "co-bottom-sheet__backdrop", part: "backdrop", onClick: this.handleBackdropClick, ref: (el) => (this.backdropEl = el) }), h("section", { key: '8474a75c0b2bcf05e91f56274bbeef93e471b28f', class: { 'co-bottom-sheet': true, 'co-bottom-sheet--open': this.open }, part: "sheet", role: "dialog", "aria-modal": "true", "aria-labelledby": this.heading ? 'co-bottom-sheet-heading' : undefined, style: { '--co-bottom-sheet-max-height': this.maxHeight }, onTransitionEnd: this.handleTransitionEnd, ref: (el) => (this.sheetEl = el) }, h("div", { key: 'a0c45bd9389353b7c28a85cf02002e417e9295cd', class: "co-bottom-sheet__grip", onPointerDown: this.handleGripPointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp, onPointerCancel: this.handlePointerCancel }, this.showHandle && (h("div", { key: '36251f7b8031cb20ac95b9b8f674d094a5240789', class: "co-bottom-sheet__handle", part: "handle", "aria-hidden": "true" })), h("header", { key: 'f6533a7ed9bf8985cf3712f6587fd129557aed75', class: {
|
|
259
259
|
'co-bottom-sheet__header': true,
|
|
260
260
|
'co-bottom-sheet__header--show': this.hasHeaderSlot || !!this.heading,
|
|
261
|
-
}, part: "header" }, h("slot", { key: '
|
|
261
|
+
}, part: "header" }, h("slot", { key: 'b7061e6c4d48b1a221805962ab55153e06edecf7', name: "header", onSlotchange: this.handleHeaderSlotChange }, this.heading && (h("h2", { key: '8180cb9cc8e1c234475cc02d7fdab3bc94fa7f31', class: "co-bottom-sheet__heading", id: "co-bottom-sheet-heading" }, this.heading))))), h("div", { key: 'e8094b7c7c0919b0cc724404b2c97c4c18b031c9', class: "co-bottom-sheet__body", part: "body", onPointerDown: this.handleBodyPointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp, onPointerCancel: this.handlePointerCancel, ref: (el) => (this.bodyEl = el) }, h("slot", { key: '0b9271b2ad92c1a8f7bcfde66955ceb026b0fffd' })), h("footer", { key: '016e2c9974dc2a1c88aacfd0d5a7a6b6e10f1033', class: {
|
|
262
262
|
'co-bottom-sheet__footer': true,
|
|
263
263
|
'co-bottom-sheet__footer--show': this.hasFooter,
|
|
264
|
-
}, part: "footer" }, h("slot", { key: '
|
|
264
|
+
}, part: "footer" }, h("slot", { key: '5d571808b9b49eca346b7ce30525cab841b3ff4a', name: "footer", onSlotchange: this.handleFooterSlotChange })))));
|
|
265
265
|
}
|
|
266
266
|
static get is() { return "co-bottom-sheet"; }
|
|
267
267
|
static get encapsulation() { return "shadow"; }
|
|
@@ -42,7 +42,7 @@ export class CoBreadcrumb {
|
|
|
42
42
|
}
|
|
43
43
|
render() {
|
|
44
44
|
const data = this.parseItems();
|
|
45
|
-
return (h(Host, { key: '
|
|
45
|
+
return (h(Host, { key: '8ab383589f78948c7f11d38d4e25fa5509a56dbc', part: "breadcrumb", role: "navigation", "aria-label": "Breadcrumb" }, data
|
|
46
46
|
? data.map((it, i) => (h("co-breadcrumb-item", { key: i, label: it.label, value: it.value, icon: it.icon, separator: this.separator, current: i === data.length - 1 })))
|
|
47
47
|
: h("slot", { onSlotchange: this.handleSlotChange })));
|
|
48
48
|
}
|
|
@@ -29,10 +29,10 @@ export class CoBreadcrumbItem {
|
|
|
29
29
|
};
|
|
30
30
|
}
|
|
31
31
|
render() {
|
|
32
|
-
return (h(Host, { key: '
|
|
32
|
+
return (h(Host, { key: '16deecfc675429362263d3afb7257025e9170b26', part: "breadcrumb-item", class: {
|
|
33
33
|
'co-breadcrumb-item': true,
|
|
34
34
|
'co-breadcrumb-item--current': this.current,
|
|
35
|
-
} }, h("span", { key: '
|
|
35
|
+
} }, h("span", { key: '795723b3d89d48356ffe8f9a35df63d9d5dea836', class: "co-breadcrumb-item__sep", "aria-hidden": "true" }, h("co-icon", { key: 'a1bc3a756d0b2ead8a9f150f60688ae19f46cae0', name: this.separator, size: 13 })), h("span", { key: '6dada7bc4a556af7f3b9dc63d2b2d001c13e173e', class: "co-breadcrumb-item__content", part: "content", role: "link", tabindex: "0", "aria-current": this.current ? 'page' : undefined, onClick: this.handleClick, onKeyDown: this.handleKeydown }, this.icon && (h("span", { key: '63424dc201114b2a589559ee10324ee4cc9cc305', class: "co-breadcrumb-item__icon" }, h("co-icon", { key: 'be25f19369d9f6d0459acd255793782c1580256e', name: this.icon, size: 16 }))), h("span", { key: 'e8f0919b4ab1ba60ae632ccd21e3f353b04deac7', class: "co-breadcrumb-item__label" }, this.label, h("slot", { key: '0ac8d7d59e7828f939f637ef73ab7787a5c820d8' })))));
|
|
36
36
|
}
|
|
37
37
|
static get is() { return "co-breadcrumb-item"; }
|
|
38
38
|
static get encapsulation() { return "shadow"; }
|
|
@@ -53,7 +53,7 @@ export class CoButton {
|
|
|
53
53
|
customStyle.background = this.color;
|
|
54
54
|
if (this.textColor)
|
|
55
55
|
customStyle.color = this.textColor;
|
|
56
|
-
return (h("button", { key: '
|
|
56
|
+
return (h("button", { key: 'e765a1fcb3b4efcc7c43e155015b3c178a536d3c', class: {
|
|
57
57
|
'co-button': true,
|
|
58
58
|
[`co-button--${this.variant}`]: true,
|
|
59
59
|
[`co-button--${this.shape}`]: true,
|
|
@@ -63,7 +63,7 @@ export class CoButton {
|
|
|
63
63
|
'co-button--disabled': this.disabled,
|
|
64
64
|
}, style: Object.keys(customStyle).length ? customStyle : undefined, type: this.type, disabled: this.disabled, "aria-label": this.ariaLabelText || undefined, onClick: this.handleClick, part: "button" }, this.iconLeft
|
|
65
65
|
? h("co-icon", { name: this.iconLeft, weight: this.iconWeight, size: iconSize })
|
|
66
|
-
: null, h("slot", { key: '
|
|
66
|
+
: null, h("slot", { key: '8dd3e816276a67ba6072eeed1ad34a982b60389e' }, this.label), this.iconRight
|
|
67
67
|
? h("co-icon", { name: this.iconRight, weight: this.iconWeight, size: iconSize })
|
|
68
68
|
: null));
|
|
69
69
|
}
|
|
@@ -10,12 +10,12 @@ export class CoButtonGroup {
|
|
|
10
10
|
this.disabled = false;
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (h("div", { key: '
|
|
13
|
+
return (h("div", { key: 'fe4b05941d1bf86586c7e4f2c93fe9644ea027d3', class: {
|
|
14
14
|
'co-button-group': true,
|
|
15
15
|
[`co-button-group--${this.direction}`]: true,
|
|
16
16
|
[`co-button-group--${this.variant}`]: true,
|
|
17
17
|
'co-button-group--disabled': this.disabled,
|
|
18
|
-
}, role: "group" }, h("slot", { key: '
|
|
18
|
+
}, role: "group" }, h("slot", { key: 'c583ee5dd23aceea08c3178b93b6f1227101e96e' })));
|
|
19
19
|
}
|
|
20
20
|
static get is() { return "co-button-group"; }
|
|
21
21
|
static get encapsulation() { return "shadow"; }
|
|
@@ -363,7 +363,7 @@ export class CoCalendar {
|
|
|
363
363
|
render() {
|
|
364
364
|
var _a, _b;
|
|
365
365
|
const t = getDateStrings(this.locale);
|
|
366
|
-
return (h("div", { key: '
|
|
366
|
+
return (h("div", { key: '795529e38ec7b72934d786b9dcaa5046e73fbde8', class: "co-calendar", part: "root" }, h("div", { key: 'f409d1670f4f649d8e91f21915e0008d9ed330ac', class: "co-calendar__header", part: "header" }, h("button", { key: '23a4f12ec30cd86e49661daf755a6d2e23b209ad', type: "button", class: "co-calendar__nav", onClick: this.handlePrev, "aria-label": (_a = this.prevMonthLabel) !== null && _a !== void 0 ? _a : t.prevMonth }, h("co-icon", { key: 'ce6b736011e3ed13781cac180fe4542ec38c75c3', name: "caret-left", size: 16 })), h("button", { key: 'b1fcbb3d09e33b0b462bc278b46e14a348f9f9a9', type: "button", class: "co-calendar__title", "aria-live": "polite", onClick: this.toggleView }, this.headerTitle(), h("co-icon", { key: 'dbe1800ed74e234dc8f334183e504d19d8ab9d74', name: "caret-down", size: 12, class: "co-calendar__title-caret" })), h("button", { key: 'bdbda5999d20cb799aeabe48ebad6e8a4d7d89ff', type: "button", class: "co-calendar__nav", onClick: this.handleNext, "aria-label": (_b = this.nextMonthLabel) !== null && _b !== void 0 ? _b : t.nextMonth }, h("co-icon", { key: 'ec2e268c38d04d1f298cfb12d29647b530b03a94', name: "caret-right", size: 16 }))), this.view === 'days' && this.renderDays(t), this.view === 'months' && this.renderMonths(), this.view === 'years' && this.renderYears()));
|
|
367
367
|
}
|
|
368
368
|
static get is() { return "co-calendar"; }
|
|
369
369
|
static get encapsulation() { return "shadow"; }
|
|
@@ -269,7 +269,7 @@ export class CoCalendarMonth {
|
|
|
269
269
|
const short = getWeekdayLabels(this.locale, this.firstDayOfWeek, 'short');
|
|
270
270
|
const long = getWeekdayLabels(this.locale, this.firstDayOfWeek, 'long');
|
|
271
271
|
const today = todayYMD();
|
|
272
|
-
return (h("div", { key: '
|
|
272
|
+
return (h("div", { key: 'f8bcb53b7ef7c47a1ff59caee0305dfc1a3f1fc2', class: "cal-month", part: "grid", role: "grid", onKeyDown: this.handleKeyDown, ref: (el) => (this.rootEl = el) }, h("div", { key: '11acf9973a13ad661590a04dd934c86ceaa10f5d', class: "cal-month__dow", role: "row" }, short.map((lbl, i) => (h("span", { class: "cal-month__dow-cell", role: "columnheader", "aria-label": long[i] }, lbl)))), matrix.map((week, wi) => {
|
|
273
273
|
var _a;
|
|
274
274
|
return (h("div", { class: "cal-month__week", role: "row" }, h("div", { class: "cal-month__days" }, week.map((date) => {
|
|
275
275
|
const ymd = parseISO(date);
|
|
@@ -704,11 +704,11 @@ export class CoCalendarTimegrid {
|
|
|
704
704
|
'--co-cal-hour-h': `calc(${60 / this.slotM} * var(--co-cal-slot-h))`,
|
|
705
705
|
'--co-cal-hour-offset': `calc(${((60 - (this.minM % 60)) % 60) / this.slotM} * var(--co-cal-slot-h))`,
|
|
706
706
|
};
|
|
707
|
-
return (h("div", { key: '
|
|
707
|
+
return (h("div", { key: '6714fb717616dff758156f0fcf6d50370bcc52e0', class: "tg", tabIndex: 0, onKeyDown: this.handleKeyDown, ref: (el) => (this.rootEl = el) }, h("div", { key: '86aa3ebcc5c8c3e66fc200b25819b8806a8883fa', class: "tg__head" }, h("div", { key: '63353e0fb0765f90ecaf6942bad3323497638a17', class: "tg__head-spacer" }), h("div", { key: '842770c40be192de75e8e3d8635d2f78976ee492', class: "tg__head-days", style: { gridTemplateColumns: colsTemplate } }, dates.map((d) => {
|
|
708
708
|
const ymd = parseISO(d);
|
|
709
709
|
const dow = utcDayOfWeek(d);
|
|
710
710
|
return (h("div", { class: { 'tg__head-day': true, 'tg__head-day--today': compareYMD(d, today) === 0 } }, h("span", { class: "tg__head-dow" }, short[dow]), h("span", { class: "tg__head-num" }, ymd.day)));
|
|
711
|
-
}))), this.allDaySlot && (h("div", { key: '
|
|
711
|
+
}))), this.allDaySlot && (h("div", { key: 'f78e9159e84ecc4a0259c296e1120830b2a2513b', class: "tg__allday" }, h("div", { key: '255ad5c8e6a8c93377c2898acb8ecc06e0a0eb6d', class: "tg__allday-axis" }, gmtLabel(this.timeZone, dates[0])), h("div", { key: '5023271e34910ac5dead15f4b4a4bd4c588b6594', class: "tg__allday-lane", style: { height: `${Math.max(1, allDay.laneCount) * ALLDAY_LANE_H + 4}px` } }, allDay.segments.map((seg) => this.renderAllDayBar(seg, dates.length, byId))))), h("div", { key: '5d37824151562d8a53906ecb059d96afdee93d3e', class: "tg__scroll", ref: (el) => (this.scrollEl = el) }, h("div", { key: 'ebeac3733271bd3ebcaca2343a9f5f01285a7f05', class: "tg__body" }, h("div", { key: '9eed6c09dfe67a9613c0641dbc305ba594312166', class: "tg__axis", style: { height: bodyHeight } }, this.hourList().map((m) => (h("span", { class: "tg__axis-hour", style: { top: `${minutesToFraction(m, this.minM, this.maxM) * 100}%` } }, hourLabel(m, this.locale))))), h("div", { key: 'bc8f8c0e5bf00c8fc92bb6c823fa9ba6c321ad2c', class: "tg__cols", style: Object.assign({ gridTemplateColumns: colsTemplate, height: bodyHeight }, hourVars) }, dates.map((d, i) => {
|
|
712
712
|
var _a;
|
|
713
713
|
const isToday = compareYMD(d, today) === 0;
|
|
714
714
|
return (h("div", { class: { tg__col: true, 'tg__col--today': isToday }, "data-col-date": d, onPointerDown: (e) => this.startSelection(e, d, e.currentTarget), onPointerMove: (e) => this.extendSelection(e, e.currentTarget) }, this.loading
|
|
@@ -29,13 +29,13 @@ export class CoCard {
|
|
|
29
29
|
return nodes.length > 0;
|
|
30
30
|
}
|
|
31
31
|
render() {
|
|
32
|
-
return (h("div", { key: '
|
|
32
|
+
return (h("div", { key: '52e3eb679a025b1b53854b38063b6fa951cf9f70', class: {
|
|
33
33
|
'co-card': true,
|
|
34
34
|
[`co-card--${this.variant}`]: true,
|
|
35
35
|
[`co-card--pad-${this.padding}`]: true,
|
|
36
36
|
'co-card--clickable': this.clickable,
|
|
37
37
|
'co-card--stretch': this.stretch,
|
|
38
|
-
}, part: "card", role: this.clickable ? 'button' : undefined, tabIndex: this.clickable ? 0 : undefined }, h("div", { key: '
|
|
38
|
+
}, part: "card", role: this.clickable ? 'button' : undefined, tabIndex: this.clickable ? 0 : undefined }, h("div", { key: '753b2277a6629673e8583774e126b2472709221d', class: { 'co-card__header': true, 'co-card__header--empty': !this.hasHeader }, part: "header" }, h("slot", { key: 'f73192e7fa291c8a2d831a0f9db7ebe8a7ef8907', name: "header", onSlotchange: this.handleHeaderSlotChange })), h("div", { key: '2916b424d3cb1feacf438678132d10217df51ad9', class: "co-card__body", part: "body" }, h("slot", { key: 'f957907056567d135c3de5d412251911c7cf8db0' })), h("div", { key: 'f1f183b7d3eacbd11787e0cc3d0ef438f8272480', class: { 'co-card__footer': true, 'co-card__footer--empty': !this.hasFooter }, part: "footer" }, h("slot", { key: '2171a95906d5b862c7b39a756cafee17d86f7dbc', name: "footer", onSlotchange: this.handleFooterSlotChange }))));
|
|
39
39
|
}
|
|
40
40
|
static get is() { return "co-card"; }
|
|
41
41
|
static get encapsulation() { return "shadow"; }
|
|
@@ -303,11 +303,11 @@ export class CoCarousel {
|
|
|
303
303
|
};
|
|
304
304
|
if (this.dragging)
|
|
305
305
|
trackStyle.transition = 'none';
|
|
306
|
-
return (h(Host, { key: '
|
|
306
|
+
return (h(Host, { key: '2e2d00e6956b5de4af5950ad6725a77023420f11' }, h("div", { key: '40878a4740b4ad9bf70cf9816d7edc89b8bafeda', class: { 'co-carousel': true, [aspectClass]: true }, part: "container", role: "region", "aria-roledescription": "carousel", "aria-label": s.carouselLabel, tabindex: 0, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onFocusin: this.handleFocusIn, onFocusout: this.handleFocusOut }, h("div", { key: '5c0ec11025ae5c6eb3a88b10595c243a9b910671', class: "co-carousel__viewport", part: "viewport", ref: el => (this.viewportEl = el), onPointerDown: this.handlePointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp, onPointerCancel: this.handlePointerCancel, onClickCapture: this.handleClickCapture }, h("div", { key: '746d85f914bc24ca86ad88005fe95a214de7cd31', class: "co-carousel__track", part: "track", style: trackStyle, "aria-live": this.rotating ? 'off' : 'polite' }, h("slot", { key: 'b33c34a9cb6e03af50176094a89b1c79d363f13d', onSlotchange: this.handleSlotChange }))), this.arrows && multi && (h("button", { key: '4f30b56e84da8f7e15b6cea71a0238f5cd19f39e', class: { 'co-carousel__arrow': true, 'co-carousel__arrow--prev': true, 'co-carousel__arrow--disabled': !canPrev }, part: "arrow-prev", type: "button", "aria-label": s.prevSlide, disabled: !canPrev, onClick: () => this.advance(-1) }, h("co-icon", { key: '09eaa1a665762f7e2b372eb264860e182e411d17', name: "caret-left", size: 18, weight: "bold" }))), this.arrows && multi && (h("button", { key: '7026bfe945ee42ef7b0f9194ecf6a04f0ef1ab1c', class: { 'co-carousel__arrow': true, 'co-carousel__arrow--next': true, 'co-carousel__arrow--disabled': !canNext }, part: "arrow-next", type: "button", "aria-label": s.nextSlide, disabled: !canNext, onClick: () => this.advance(1) }, h("co-icon", { key: '564f5bc3bef0b0ce23e8be91bed8e37540209a7b', name: "caret-right", size: 18, weight: "bold" }))), this.dots && multi && (
|
|
307
307
|
// APG grouped-carousel picker pattern: plain always-tabbable
|
|
308
308
|
// buttons in a labelled group (tablist/tab would demand
|
|
309
309
|
// aria-controls + roving tabindex we don't implement).
|
|
310
|
-
h("div", { key: '
|
|
310
|
+
h("div", { key: 'b19aed5296fa2f3547e85e6c439589703809bae3', class: "co-carousel__dots", part: "dots", role: "group", "aria-label": s.pickSlide }, Array.from({ length: this.itemCount }, (_, i) => (h("button", { class: { 'co-carousel__dot': true, 'co-carousel__dot--active': i === this.value }, part: "dot", type: "button", "aria-current": i === this.value ? 'true' : undefined, "aria-label": s.goToSlide.replace('{i}', String(i + 1)), onClick: () => this.setActive(i) }))))))));
|
|
311
311
|
}
|
|
312
312
|
static get is() { return "co-carousel"; }
|
|
313
313
|
static get encapsulation() { return "shadow"; }
|
|
@@ -8,7 +8,7 @@ import { Host, h } from "@stencil/core";
|
|
|
8
8
|
*/
|
|
9
9
|
export class CoCarouselItem {
|
|
10
10
|
render() {
|
|
11
|
-
return (h(Host, { key: '
|
|
11
|
+
return (h(Host, { key: 'ae04768a65db80be93705a0ff9d0852ae2e6d0cc', role: "group", "aria-roledescription": "slide" }, h("slot", { key: '7a9f94454ca5e2574b4161ed06d863728c88a814' })));
|
|
12
12
|
}
|
|
13
13
|
static get is() { return "co-carousel-item"; }
|
|
14
14
|
static get encapsulation() { return "shadow"; }
|
|
@@ -37,17 +37,17 @@ export class CoCheckbox {
|
|
|
37
37
|
// Only override the fill when a custom color is provided AND the box is "on".
|
|
38
38
|
// Leaving this undefined keeps the default appearance byte-identical to before.
|
|
39
39
|
const boxStyle = this.onColor && isOn ? { background: this.onColor } : undefined;
|
|
40
|
-
return (h("div", { key: '
|
|
40
|
+
return (h("div", { key: '31690de633689da0b273e3c88cc200cabb4cee75', class: {
|
|
41
41
|
'co-checkbox-row': true,
|
|
42
42
|
'co-checkbox-row--disabled': this.disabled,
|
|
43
|
-
}, onClick: this.handleClick }, h("span", { key: '
|
|
43
|
+
}, onClick: this.handleClick }, h("span", { key: '2b0c4ebbe4c7a7a8046cf726e682a3d42ae3ebbe', role: "checkbox", "aria-checked": this.indeterminate ? 'mixed' : String(this.checked), "aria-label": this.label || '', class: {
|
|
44
44
|
'co-checkbox': true,
|
|
45
45
|
[`co-checkbox--${this.size}`]: true,
|
|
46
46
|
'co-checkbox--overlay': isOverlay,
|
|
47
47
|
'co-checkbox--checked': this.checked && !this.indeterminate,
|
|
48
48
|
'co-checkbox--indeterminate': this.indeterminate,
|
|
49
49
|
'co-checkbox--disabled': this.disabled,
|
|
50
|
-
}, style: boxStyle, part: "box" }, h("svg", { key: '
|
|
50
|
+
}, style: boxStyle, part: "box" }, h("svg", { key: 'a127c176e0233460f14c4261d8d2157e657689a9', class: "co-checkbox__glyph", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("path", { key: 'ad7dc0018cdae31156884cd04326bbcdba132b4f', class: "co-checkbox__check", d: "M3.5 8.5l3 3 6-6.5", pathLength: "1", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { key: 'dd665144b25aa51339cf9f6ce0e0edf65cfbe5a9', class: "co-checkbox__dash", d: "M3 8h10", pathLength: "1", "stroke-linecap": "round" }))), this.label && (h("span", { key: '08d6c695e2cbb8188564dc8bb5aab9b569c24838', class: "co-checkbox__label", part: "label" }, this.label))));
|
|
51
51
|
}
|
|
52
52
|
static get is() { return "co-checkbox"; }
|
|
53
53
|
static get encapsulation() { return "shadow"; }
|
|
@@ -70,7 +70,7 @@ export class CoChip {
|
|
|
70
70
|
else
|
|
71
71
|
effectiveIconMode = 'none';
|
|
72
72
|
const Tag = this.clickable ? 'button' : 'div';
|
|
73
|
-
return (h(Tag, { key: '
|
|
73
|
+
return (h(Tag, { key: '385173584372bbad8872565f1fc95e8ae8e14563', class: {
|
|
74
74
|
'co-chip': true,
|
|
75
75
|
[`co-chip--${this.shape}`]: true,
|
|
76
76
|
[`co-chip--${this.size}`]: true,
|
|
@@ -80,7 +80,7 @@ export class CoChip {
|
|
|
80
80
|
'co-chip--clickable': this.clickable,
|
|
81
81
|
'co-chip--disabled': this.disabled,
|
|
82
82
|
'co-chip--selected': this.selected,
|
|
83
|
-
}, part: "chip", type: this.clickable ? 'button' : undefined, disabled: this.clickable ? this.disabled : undefined, onClick: this.handleClick }, this.dot && (h("span", { key: '
|
|
83
|
+
}, part: "chip", type: this.clickable ? 'button' : undefined, disabled: this.clickable ? this.disabled : undefined, onClick: this.handleClick }, this.dot && (h("span", { key: 'a680c376ac13140b2c073e01fc901f2cfa54bde8', class: "co-chip__dot", part: "dot", style: this.dotColor ? { color: this.dotColor } : undefined }, h("co-icon", { key: '73e58b8b90234eb883b6a1e49b5e37b267f03d1b', name: "circle", size: iconSize, weight: "fill" }))), this.iconLeft && !hasLeftSlot && (h("span", { key: 'b944fbf0a0161846411d8fc2fe034c48c77d42ea', class: "co-chip__icon-left", part: "icon-left" }, h("co-icon", { key: 'b24a5a3c64d0eda1b9d87c66ac93c0d4703973bc', name: this.iconLeft, size: iconSize, weight: this.iconWeight }))), hasLeftSlot && (h("span", { key: '9f1e7fa47bd86e1d7e4812ec0fe5f61490ab0878', class: "co-chip__icon-left", part: "icon-left" }, h("slot", { key: 'e52df105783ff84c932bc289f6e88304ccc4240a', name: "icon-left" }))), h("span", { key: '269f54eca09a4ff301d9ec4e673bf9c8d19ccd87', class: "co-chip__label" }, h("slot", { key: '31fba7c9c05b830562800cc46c48e667e7dc046c' }, this.label), this.valueLabel != null && this.valueLabel !== '' && (h("span", { key: 'a455314236c688f2bff9185135787899da52ea5f', class: "co-chip__value", part: "value" }, `: ${this.valueLabel}`))), this.iconRight && !hasRightSlot && !this.removable && (h("span", { key: '13e5862e03e2fcf7129230a4d68ce7e2b1b4f11e', class: "co-chip__icon-right", part: "icon-right" }, h("co-icon", { key: '66fc09efbdeea37f1dbce3b5ad4443a760618b66', name: this.iconRight, size: iconSize, weight: this.iconWeight }))), hasRightSlot && (h("span", { key: '7acfa1a23e294cb92b17d5174ec0a78161877624', class: "co-chip__icon-right", part: "icon-right" }, h("slot", { key: '9e8ded0f256a72ab81c587a82d2bb570930288f9', name: "icon-right" }))), this.removable && (h("span", { key: 'e30345ce825c823fbf7da1aaaec4141351e18a02', class: "co-chip__remove", part: "remove", role: "button", tabIndex: this.disabled ? -1 : 0, onClick: this.handleRemove, "aria-label": "Remove" }, h("co-icon", { key: '3d9777c29b706cda71ee64b313961c97e215b900', name: "x-circle", size: removeIconSize, weight: "fill" }))), this.trailingIcon && (h("span", { key: 'd99af23fbbb7a8557b8cefd15a4cebdc7437ff43', class: "co-chip__trailing", part: "trailing" }, h("co-icon", { key: 'aa99f2c0f6ec96f95656c607ca5846c282447e35', name: this.trailingIcon, size: trailingIconSize, weight: this.iconWeight })))));
|
|
84
84
|
}
|
|
85
85
|
static get is() { return "co-chip"; }
|
|
86
86
|
static get encapsulation() { return "shadow"; }
|
|
@@ -82,10 +82,10 @@ export class CoColorPicker {
|
|
|
82
82
|
const presets = this.parsedPresets;
|
|
83
83
|
const hasValue = !!this.value;
|
|
84
84
|
const statusClass = this.status !== 'default' ? `co-color-picker--${this.status}` : '';
|
|
85
|
-
return (h("div", { key: '
|
|
85
|
+
return (h("div", { key: '41a7a80f81aeaf71e1f8429e66aa5511437882fa', class: `co-color-picker co-color-picker--${this.size} ${statusClass} ${this.isOpen ? 'co-color-picker--open' : ''} ${this.disabled ? 'co-color-picker--disabled' : ''}` }, this.label && (h("label", { key: '96404f15d058b7bc0b2d2c13b6744404cc11769a', class: "co-color-picker__label" }, this.label, h(RequiredMark, { key: '16af407f56b58ad6ea649a19aa8a3c96f2caae04', required: this.required }))), h("co-popover", { key: '8eb3b862b8618b32d76e862ce003e667801c3262', open: this.isOpen, placement: "bottom-start", matchWidth: true, offset: 4, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, h("div", { key: '0314b0dbf7404fdb23a0b5cd837b07b5879f85a1', slot: "trigger", class: "co-color-picker__trigger" }, h("span", { key: '0d08254d17a15786834c5de548526b6b359a09be', class: "co-color-picker__swatch", style: { background: hasValue ? this.value : 'transparent' } }), h("span", { key: 'afbfa48cb5bd140767acdf2e1df35d7e8985948d', class: `co-color-picker__value ${!hasValue ? 'co-color-picker__value--empty' : ''}` }, hasValue ? this.value : this.placeholder)), this.isOpen && (h("div", { key: '9e0d22b668546a175c6e6559c2af5dd0de2a1843', class: "co-color-picker__panel" }, h("div", { key: '018fec91282680d660be82b01f340b29f13c73f7', class: "co-color-picker__grid" }, presets.map((preset) => {
|
|
86
86
|
var _a;
|
|
87
87
|
return (h("button", { type: "button", key: preset.value, class: `co-color-picker__grid-item ${preset.value.toUpperCase() === ((_a = this.value) === null || _a === void 0 ? void 0 : _a.toUpperCase()) ? 'co-color-picker__grid-item--selected' : ''}`, style: { background: preset.value }, title: preset.name, onClick: () => this.handleSwatchClick(preset.value) }));
|
|
88
|
-
})), hasValue && (h("div", { key: '
|
|
88
|
+
})), hasValue && (h("div", { key: '83420abbf343f57fa57804c676fd22e91d2f6816', class: "co-color-picker__hex-row" }, h("span", { key: '1b9ce2cdb091734c9d34003c8ce48a165e8763a8', class: "co-color-picker__hex-prefix" }, "#"), h("span", { key: '5733ec9110227e3ffa45c15c294629cfe420c485', class: "co-color-picker__hex-value" }, this.value.replace(/^#/, '')), h("button", { key: '249b0f7eb80517c89ecaa11c09cf64ae70fd3d52', type: "button", class: `co-color-picker__copy-btn ${this.copied ? 'co-color-picker__copy-btn--copied' : ''}`, title: "Copy", onClick: () => this.handleCopy() }, h("co-icon", { key: 'aed9a2fe68c39047e6027c76c185a1cfc5abb097', name: this.copied ? 'check' : 'copy', size: 16 }))))))), this.helperText && (h("div", { key: '276d4f39ca9f5be6add8bd2ae423a02960f82581', class: "co-color-picker__helper" }, this.statusIcon && (h("co-icon", { key: '4f4323dc9f3d26581fb6ec1f5bd1e668e9a45011', name: this.statusIcon, size: 14, weight: "fill", class: "co-color-picker__helper-icon" })), h("span", { key: 'ee725d0ce3a30985a71bf2d34e5e64124f89891b', class: "co-color-picker__helper-text" }, this.helperText)))));
|
|
89
89
|
}
|
|
90
90
|
static get is() { return "co-color-picker"; }
|
|
91
91
|
static get encapsulation() { return "shadow"; }
|
|
@@ -165,13 +165,13 @@ export class CoColumnPicker {
|
|
|
165
165
|
return (h("div", { class: "co-column-picker__empty" }, h("co-icon", { name: "magnifying-glass", size: 40, class: "co-column-picker__empty-icon" }), h("span", null, this.emptyText)));
|
|
166
166
|
}
|
|
167
167
|
render() {
|
|
168
|
-
return (h("div", { key: '
|
|
168
|
+
return (h("div", { key: '6407a41a8e03d70e54cfd378747396a413eb0a11', class: {
|
|
169
169
|
'co-column-picker': true,
|
|
170
170
|
'co-column-picker--open': this.isOpen,
|
|
171
171
|
'co-column-picker--disabled': this.disabled,
|
|
172
172
|
'co-column-picker--focused': this.focused,
|
|
173
173
|
[`co-column-picker--${this.status}`]: this.status !== 'default',
|
|
174
|
-
} }, (this.label || this.secondaryLabel) && (h("div", { key: '
|
|
174
|
+
} }, (this.label || this.secondaryLabel) && (h("div", { key: '86850ac9d0162b34369c70424549d101c9b72cc3', class: "co-column-picker__labels" }, this.label && h("label", { key: 'c05eccf88052fdcf8b593282daa1fc0f9a8bab1e', class: "co-column-picker__label" }, this.label), this.secondaryLabel && h("span", { key: 'fe64f07fb1238d51506575c679bb33c7797c2edc', class: "co-column-picker__secondary-label" }, this.secondaryLabel))), this.renderField(), this.isOpen && (h("div", { key: 'cb28e40aaf843c96a2649efef1e3803cde627345', class: "co-column-picker__dropdown" }, this.showSearch && (h("div", { key: '37ab85bf708a3ba34f5ddb1ab416600b0d0be072', class: "co-column-picker__search" }, h("co-icon", { key: '8b10c859742279f5e11d764d6012429259bdec19', name: "magnifying-glass", size: 14, class: "co-column-picker__search-icon" }), h("input", { key: '7f52dbbcc524bf78424cb85396ad62b68b16dac5', ref: el => (this.searchInputEl = el), class: "co-column-picker__search-input", type: "text", value: this.query, placeholder: this.placeholder, onInput: this.handleSearchInput, onClick: (e) => e.stopPropagation() }), this.query && (h("button", { key: 'ddbd0996534dcda27de900019d10b12eeb352d8d', class: "co-column-picker__search-clear", type: "button", onClick: this.handleSearchClear }, h("co-icon", { key: 'f4d997c88423b664f63fcc09acf5366f735f3a57', name: "x", size: 14 }))))), this.showToolbar && this.multiple && (h("div", { key: '0e6ee3c9351c48c10affd4e2146cf9939a06971d', class: "co-column-picker__toolbar" }, h("button", { key: '101167f8a9da5f47dec86a94f9ffa0d4bb2edfbb', class: "co-column-picker__toolbar-btn", type: "button", onClick: this.handleSelectAll }, this.selectAllText), h("button", { key: '6e00fd6f1be5f2bc223dbb1b6800916d0872b7a2', class: "co-column-picker__toolbar-btn", type: "button", onClick: this.handleDeselectAll }, this.clearText), h("span", { key: '9446309b1a737059936a3fecdbbca37677544c49', class: "co-column-picker__toolbar-sep" }), h("button", { key: '7a014ee36386286cee3b97d1a67cafe8eca60ac4', class: "co-column-picker__toolbar-btn", type: "button", onClick: this.handleExpandAll }, this.expandText), h("button", { key: '09a58d24e5fef162b9c8452d905e36c89b5fb0a9', class: "co-column-picker__toolbar-btn", type: "button", onClick: this.handleCollapseAll }, this.collapseText), h("span", { key: '01468f7c6140081183cccb1c7ae063f8bbafad5e', style: { flex: '1' } }), this.selectedValues.length > 0 && h("span", { key: '94d9805ce88fed580da36d122d134c4f445df03f', class: "co-column-picker__toolbar-counter" }, this.selectedValues.length, " ", this.selectedText))), h("div", { key: '95aab5f3408bf840d0e27f6e1de3908b6a9dd3c6', class: "co-column-picker__scroll", style: { maxHeight: `${this.maxHeight}px` } }, this.renderTree()))), this.helperText && (h("div", { key: '27533140acd117f09e981f307f0c39d741b92515', class: `co-column-picker__helper co-column-picker__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: '7992e3f214985653e673f64f5b85e07be5298cc7', name: this.statusIcon, size: 14, weight: "fill", class: "co-column-picker__helper-icon" }), h("span", { key: '01eb7d766027a9c0cff30f91be730f3dbb4b2443', class: "co-column-picker__helper-text" }, this.helperText)))));
|
|
175
175
|
}
|
|
176
176
|
static get is() { return "co-column-picker"; }
|
|
177
177
|
static get encapsulation() { return "shadow"; }
|
|
@@ -204,8 +204,10 @@
|
|
|
204
204
|
Dropdown panel
|
|
205
205
|
============================================================ */
|
|
206
206
|
|
|
207
|
+
/* Sin padding propio: co-option-list ES el interior del panel (search margin
|
|
208
|
+
* 12 + options padding 12 — su contrato dice "el chrome es del host; aquí solo
|
|
209
|
+
* el interior"). Un padding acá se SUMA al suyo y deja gutters dobles (24px). */
|
|
207
210
|
.co-combobox__dropdown {
|
|
208
|
-
padding: var(--co-spacing-md);
|
|
209
211
|
display: flex;
|
|
210
212
|
flex-direction: column;
|
|
211
213
|
gap: var(--co-spacing-sm2);
|
|
@@ -220,6 +220,39 @@ co-data-table {
|
|
|
220
220
|
z-index: 3;
|
|
221
221
|
}
|
|
222
222
|
|
|
223
|
+
/* ⚠️ Una celda STICKY NO puede establecer un clip propio (overflow hidden/clip,
|
|
224
|
+
contain:paint). Doble clase para ganarle por especificidad al `overflow:hidden`
|
|
225
|
+
de las reglas base .co-data-table__th / .co-data-table__td (que van después en
|
|
226
|
+
este archivo), sin depender del orden.
|
|
227
|
+
|
|
228
|
+
Dos defectos, ambos verificados en vivo (Chromium 141, scrollbars clásicas):
|
|
229
|
+
|
|
230
|
+
1. HIT-TEST FUERA DEL SCROLLPORT — Chromium no intersecta la región de
|
|
231
|
+
hit-test de una celda sticky que tiene clip propio con el borde INFERIOR
|
|
232
|
+
del scrollport: la celda de la última fila (recortada a medias) y sus
|
|
233
|
+
hijos siguen siendo hitteables dentro del canal de 11px de la scrollbar
|
|
234
|
+
horizontal y le roban el puntero al thumb. Efecto: sobre las columnas
|
|
235
|
+
fijadas el thumb no toma :hover ni se puede arrastrar — funciona en el
|
|
236
|
+
resto del ancho. `elementFromPoint` en el canal devolvía el contenido de
|
|
237
|
+
la celda en vez de .co-data-table__scroll.
|
|
238
|
+
2. CONTENEDOR DE SCROLL FANTASMA — con la sombra ::after en right:-4px,
|
|
239
|
+
scrollWidth > clientWidth convierte a la celda en un scroll container
|
|
240
|
+
horizontal incapaz de scrollear, y el trackpad engancha el swipe al eje
|
|
241
|
+
vertical solo sobre esa columna.
|
|
242
|
+
|
|
243
|
+
Matriz medida: static+hidden = OK · sticky+visible = OK ·
|
|
244
|
+
sticky+hidden / sticky+clip / sticky+contain:paint = AMBOS defectos.
|
|
245
|
+
El z-index no influye.
|
|
246
|
+
|
|
247
|
+
El truncado NO se pierde: vive en el contenido (.co-data-table__cell-text y
|
|
248
|
+
.co-data-table__th-label ya traen overflow:hidden + text-overflow:ellipsis,
|
|
249
|
+
y sus min-width:auto resuelven a 0 por tener overflow≠visible). Bonus: la
|
|
250
|
+
sombra ::after ya no queda recortada en el <th>. */
|
|
251
|
+
.co-data-table__th.co-data-table__th--sticky,
|
|
252
|
+
.co-data-table__td.co-data-table__td--sticky {
|
|
253
|
+
overflow: visible;
|
|
254
|
+
}
|
|
255
|
+
|
|
223
256
|
/* Shadow for sticky columns on scroll */
|
|
224
257
|
.co-data-table__td--sticky::after,
|
|
225
258
|
.co-data-table__th--sticky::after {
|