@prolibu-suite/cobalt-core 0.5.0 → 0.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +1090 -41
- package/dist/cjs/co-accordion.cjs.entry.js +1 -1
- package/dist/cjs/co-app-shell.cjs.entry.js +1 -1
- package/dist/cjs/co-autocomplete.cjs.entry.js +3 -3
- package/dist/cjs/co-avatar-group.cjs.entry.js +3 -3
- package/dist/cjs/{co-tooltip.cjs.entry.js → co-avatar_2.cjs.entry.js} +95 -3
- package/dist/cjs/co-badge.cjs.entry.js +2 -2
- package/dist/cjs/co-bottom-sheet.cjs.entry.js +4 -4
- package/dist/cjs/co-breadcrumb-item.cjs.entry.js +3 -3
- package/dist/cjs/co-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/co-button-group.cjs.entry.js +3 -3
- package/dist/cjs/co-button.cjs.entry.js +4 -4
- package/dist/cjs/co-calendar-month.cjs.entry.js +2 -2
- package/dist/cjs/co-calendar_3.cjs.entry.js +8 -8
- package/dist/cjs/co-card.cjs.entry.js +3 -3
- package/dist/cjs/co-carousel-item.cjs.entry.js +17 -0
- package/dist/cjs/co-carousel.cjs.entry.js +368 -0
- package/dist/cjs/co-checkbox-group.cjs.entry.js +1 -1
- package/dist/cjs/co-checkbox.cjs.entry.js +4 -4
- package/dist/cjs/co-chip_2.cjs.entry.js +5 -5
- package/dist/cjs/co-color-picker.cjs.entry.js +5 -5
- package/dist/cjs/co-column-picker.cjs.entry.js +3 -3
- package/dist/cjs/co-combobox.cjs.entry.js +3 -3
- package/dist/cjs/co-command-search.cjs.entry.js +1 -1
- package/dist/cjs/co-data-table-pagination.cjs.entry.js +5 -5
- package/dist/cjs/co-data-table.cjs.entry.js +2 -2
- package/dist/cjs/co-date-picker.cjs.entry.js +11 -4
- package/dist/cjs/co-date-range-picker.cjs.entry.js +9 -3
- package/dist/cjs/co-date-range.cjs.entry.js +2 -2
- package/dist/cjs/co-drive-card.cjs.entry.js +2 -2
- package/dist/cjs/co-drop-zone.cjs.entry.js +2 -2
- package/dist/cjs/co-empty-state.cjs.entry.js +3 -3
- package/dist/cjs/co-event-calendar.cjs.entry.js +3 -3
- package/dist/cjs/co-fab.cjs.entry.js +21 -6
- package/dist/cjs/co-file-field.cjs.entry.js +8 -8
- package/dist/cjs/co-file-type-tile.cjs.entry.js +3 -3
- package/dist/cjs/co-helper-text.cjs.entry.js +3 -3
- package/dist/cjs/co-icon-button.cjs.entry.js +2 -2
- package/dist/cjs/co-icon.cjs.entry.js +3 -3
- package/dist/cjs/co-input.cjs.entry.js +25 -3
- package/dist/cjs/co-json-field.cjs.entry.js +6 -6
- package/dist/cjs/co-lightbox.cjs.entry.js +33 -6
- package/dist/cjs/co-list-footer.cjs.entry.js +2 -2
- package/dist/cjs/co-list-item.cjs.entry.js +5 -5
- package/dist/cjs/co-loader.cjs.entry.js +1 -1
- package/dist/cjs/co-media-thumb.cjs.entry.js +3 -3
- package/dist/cjs/co-menu-divider.cjs.entry.js +2 -2
- package/dist/cjs/co-menu-item.cjs.entry.js +1 -1
- package/dist/cjs/co-menu.cjs.entry.js +2 -2
- package/dist/cjs/co-modal.cjs.entry.js +3 -3
- package/dist/cjs/co-navbar.cjs.entry.js +3 -3
- package/dist/cjs/co-number-field.cjs.entry.js +5 -5
- package/dist/cjs/co-overlay.cjs.entry.js +2 -2
- package/dist/cjs/co-page-header.cjs.entry.js +2 -2
- package/dist/cjs/co-phone-field.cjs.entry.js +4 -4
- package/dist/cjs/co-popover.cjs.entry.js +1 -1
- package/dist/cjs/co-progress-bar.cjs.entry.js +3 -3
- package/dist/cjs/co-progress-circle.cjs.entry.js +3 -3
- package/dist/cjs/co-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/co-radio.cjs.entry.js +4 -4
- package/dist/cjs/co-rating.cjs.entry.js +4 -4
- package/dist/cjs/co-ref-field.cjs.entry.js +11 -5
- package/dist/cjs/co-rich-text-editor.cjs.entry.js +22 -7
- package/dist/cjs/co-rich-text-toolbar.cjs.entry.js +36 -4
- package/dist/cjs/co-rich-text-viewer.cjs.entry.js +36 -6
- package/dist/cjs/co-row.cjs.entry.js +3 -3
- package/dist/cjs/co-segmented-bar.cjs.entry.js +1 -1
- package/dist/cjs/co-select.cjs.entry.js +13 -7
- package/dist/cjs/co-separator.cjs.entry.js +2 -2
- package/dist/cjs/co-sidebar-nav.cjs.entry.js +1 -1
- package/dist/cjs/co-sidebar.cjs.entry.js +3 -3
- package/dist/cjs/co-skeleton.cjs.entry.js +2 -2
- package/dist/cjs/co-slider.cjs.entry.js +3 -3
- package/dist/cjs/co-switch.cjs.entry.js +5 -5
- package/dist/cjs/co-tab-group.cjs.entry.js +4 -4
- package/dist/cjs/co-tab.cjs.entry.js +3 -3
- package/dist/cjs/co-tags-field.cjs.entry.js +9 -9
- package/dist/cjs/co-textarea.cjs.entry.js +13 -7
- package/dist/cjs/co-toast.cjs.entry.js +1 -1
- package/dist/cjs/co-toggle-button-group.cjs.entry.js +3 -3
- package/dist/cjs/co-toggle-button.cjs.entry.js +3 -3
- package/dist/cjs/co-transfer-list.cjs.entry.js +1 -1
- package/dist/cjs/co-video.cjs.entry.js +3 -3
- package/dist/cjs/cobalt.cjs.js +2 -2
- package/dist/cjs/{fieldChip-D8YJCyQF.js → fieldChip-B_npd9rL.js} +1 -1
- package/dist/cjs/{index-4y1Dm145.js → index-DFZ5YhIT.js} +171 -11
- package/dist/cjs/{index-DxEFsH_t.js → index-kBiXCEE7.js} +13 -9
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{requiredMark-B3pKyqYI.js → requiredMark-DuMIcKtt.js} +1 -1
- package/dist/cjs/{richTextI18n-B7ktXg3M.js → richTextI18n-B28uAhh4.js} +3 -0
- package/dist/cjs/{toolbar-config-3PlT-3zm.js → toolbar-config-BQfWTW6P.js} +2 -0
- package/dist/cobalt/cobalt.css +1 -1
- package/dist/cobalt/cobalt.esm.js +1 -1
- package/dist/cobalt/{p-86e60cfa.entry.js → p-0110108f.entry.js} +1 -1
- package/dist/cobalt/p-037cc571.entry.js +1 -0
- package/dist/cobalt/{p-47a2dd67.entry.js → p-080f62e4.entry.js} +1 -1
- package/dist/cobalt/{p-8128e84a.entry.js → p-0a294205.entry.js} +1 -1
- package/dist/cobalt/{p-a9afbaa6.entry.js → p-0b7359bb.entry.js} +1 -1
- package/dist/cobalt/p-0b92167a.entry.js +1 -0
- package/dist/cobalt/p-0bc5a962.entry.js +1 -0
- package/dist/cobalt/{p-02c5a9a9.entry.js → p-202eadfc.entry.js} +1 -1
- package/dist/cobalt/{p-1681ce1d.entry.js → p-264508ae.entry.js} +1 -1
- package/dist/cobalt/{p-b8ec0cc1.entry.js → p-2661557c.entry.js} +1 -1
- package/dist/cobalt/{p-771bc8fe.entry.js → p-27dce0ac.entry.js} +1 -1
- package/dist/cobalt/{p-c3462def.entry.js → p-28ab9cef.entry.js} +1 -1
- package/dist/cobalt/{p-d9608046.entry.js → p-2da09948.entry.js} +1 -1
- package/dist/cobalt/p-2f6c7eb5.entry.js +1 -0
- package/dist/cobalt/{p-002e5beb.entry.js → p-30c80e3a.entry.js} +1 -1
- package/dist/cobalt/p-331a0108.entry.js +1 -0
- package/dist/cobalt/{p-c0f39ddd.entry.js → p-36ad3a96.entry.js} +1 -1
- package/dist/cobalt/{p-8dfb6886.entry.js → p-3af74ab8.entry.js} +1 -1
- package/dist/cobalt/{p-c6fedc59.entry.js → p-3b9be8a8.entry.js} +1 -1
- package/dist/cobalt/p-3c681e3a.entry.js +1 -0
- package/dist/cobalt/{p-14d4c5c7.entry.js → p-3ecbbe93.entry.js} +1 -1
- package/dist/cobalt/{p-9c873a6a.entry.js → p-3f1030fb.entry.js} +1 -1
- package/dist/cobalt/p-3f7215e7.entry.js +1 -0
- package/dist/cobalt/p-431cec34.entry.js +1 -0
- package/dist/cobalt/p-48fbf051.entry.js +1 -0
- package/dist/cobalt/{p-e420d5c9.entry.js → p-4f615cbd.entry.js} +1 -1
- package/dist/cobalt/{p-81cfd951.entry.js → p-5319ac3f.entry.js} +1 -1
- package/dist/cobalt/p-532baca4.entry.js +1 -0
- package/dist/cobalt/{p-ba66584f.entry.js → p-53a276a8.entry.js} +1 -1
- package/dist/cobalt/{p-f0de4415.entry.js → p-543cc00d.entry.js} +1 -1
- package/dist/cobalt/{p-f073b467.entry.js → p-54857f78.entry.js} +1 -1
- package/dist/cobalt/{p-85eed52c.entry.js → p-54f8c68c.entry.js} +1 -1
- package/dist/cobalt/{p-9c6ca902.entry.js → p-585c132d.entry.js} +1 -1
- package/dist/cobalt/p-59b114ab.entry.js +1 -0
- package/dist/cobalt/{p-2d1cbd7f.entry.js → p-5b84cf37.entry.js} +1 -1
- package/dist/cobalt/{p-0d7536a8.entry.js → p-5c250889.entry.js} +1 -1
- package/dist/cobalt/{p-e33853fa.entry.js → p-5d0510a5.entry.js} +1 -1
- package/dist/cobalt/{p-f86ccb38.entry.js → p-5e246304.entry.js} +1 -1
- package/dist/cobalt/{p-075eed3d.entry.js → p-616e4286.entry.js} +1 -1
- package/dist/cobalt/{p-8e823c15.entry.js → p-64115d66.entry.js} +1 -1
- package/dist/cobalt/{p-495c9b99.entry.js → p-69723cc1.entry.js} +1 -1
- package/dist/cobalt/{p-6ad1625a.entry.js → p-69ce2269.entry.js} +1 -1
- package/dist/cobalt/{p-b1197c08.entry.js → p-6b38e8fb.entry.js} +1 -1
- package/dist/cobalt/{p-5c43d30e.entry.js → p-7178113f.entry.js} +1 -1
- package/dist/cobalt/p-741cf623.entry.js +1 -0
- package/dist/cobalt/{p-1726ce07.entry.js → p-75515a8e.entry.js} +1 -1
- package/dist/cobalt/{p-fd27c2bd.entry.js → p-7f78e45c.entry.js} +1 -1
- package/dist/cobalt/{p-3f06d373.entry.js → p-8155d781.entry.js} +1 -1
- package/dist/cobalt/{p-e710b9ea.entry.js → p-8fe5b07e.entry.js} +1 -1
- package/dist/cobalt/{p-9a587867.entry.js → p-9211e794.entry.js} +1 -1
- package/dist/cobalt/p-97875bde.entry.js +1 -0
- package/dist/cobalt/p-9824c478.entry.js +1 -0
- package/dist/cobalt/{p-cc0a4617.entry.js → p-9994fcd8.entry.js} +1 -1
- package/dist/cobalt/p-9bf42bf4.entry.js +1 -0
- package/dist/cobalt/{p-f6ac5301.entry.js → p-9fab9c1f.entry.js} +1 -1
- package/dist/cobalt/p-BCEz3S-z.js +2 -0
- package/dist/cobalt/{p-Bgxofdfb.js → p-BL0sCfMH.js} +1 -1
- package/dist/cobalt/p-BYKAgwq3.js +1 -0
- package/dist/cobalt/p-C-d15gih.js +1 -0
- package/dist/cobalt/p-D5gr2ent.js +1 -0
- package/dist/cobalt/p-WeuPA9Rw.js +1 -0
- package/dist/cobalt/{p-77d01b39.entry.js → p-a252f8c5.entry.js} +1 -1
- package/dist/cobalt/{p-809015dd.entry.js → p-b06af5c6.entry.js} +1 -1
- package/dist/cobalt/p-b87a2e7a.entry.js +1 -0
- package/dist/cobalt/{p-fb251497.entry.js → p-ba5c6aa7.entry.js} +1 -1
- package/dist/cobalt/{p-373cd08e.entry.js → p-bb00ae4a.entry.js} +1 -1
- package/dist/cobalt/{p-5edd0d3f.entry.js → p-bcd38114.entry.js} +1 -1
- package/dist/cobalt/{p-bb534985.entry.js → p-c237add6.entry.js} +1 -1
- package/dist/cobalt/{p-c750b2d2.entry.js → p-c3004e1c.entry.js} +1 -1
- package/dist/cobalt/p-c589ae25.entry.js +1 -0
- package/dist/cobalt/p-c635417b.entry.js +1 -0
- package/dist/cobalt/p-c7d9ff39.entry.js +1 -0
- package/dist/cobalt/{p-c1e53e4c.entry.js → p-c9528a5f.entry.js} +1 -1
- package/dist/cobalt/{p-20ba59a2.entry.js → p-cbac0a11.entry.js} +1 -1
- package/dist/cobalt/p-cd28aa6d.entry.js +1 -0
- package/dist/cobalt/{p-5c3101b5.entry.js → p-cdedaa82.entry.js} +1 -1
- package/dist/cobalt/{p-627d2d1a.entry.js → p-ceb85838.entry.js} +1 -1
- package/dist/cobalt/{p-5e9a9caf.entry.js → p-d3a1a604.entry.js} +1 -1
- package/dist/cobalt/{p-a6900010.entry.js → p-d71b800a.entry.js} +1 -1
- package/dist/cobalt/p-df752f6e.entry.js +1 -0
- package/dist/cobalt/{p-b4bed98b.entry.js → p-e1b468c1.entry.js} +1 -1
- package/dist/cobalt/{p-0d6a562d.entry.js → p-e4555fda.entry.js} +1 -1
- package/dist/cobalt/p-ec9dd3a3.entry.js +1 -0
- package/dist/cobalt/p-eec1c44c.entry.js +1 -0
- package/dist/cobalt/p-eeed80ac.entry.js +1 -0
- package/dist/cobalt/p-f0a98453.entry.js +1 -0
- package/dist/cobalt/{p-af4cb263.entry.js → p-ff581807.entry.js} +1 -1
- package/dist/cobalt/p-fffeb610.entry.js +1 -0
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/co-autocomplete/co-autocomplete.css +1 -1
- package/dist/collection/components/co-avatar/co-avatar.css +23 -0
- package/dist/collection/components/co-avatar/co-avatar.js +24 -1
- package/dist/collection/components/co-avatar-group/co-avatar-group.css +9 -5
- package/dist/collection/components/co-avatar-group/co-avatar-group.js +2 -2
- package/dist/collection/components/co-badge/co-badge.js +1 -1
- package/dist/collection/components/co-bottom-sheet/co-bottom-sheet.js +3 -3
- package/dist/collection/components/co-breadcrumb/co-breadcrumb.js +1 -1
- package/dist/collection/components/co-breadcrumb-item/co-breadcrumb-item.js +2 -2
- package/dist/collection/components/co-button/co-button.css +5 -1
- package/dist/collection/components/co-button/co-button.js +2 -2
- package/dist/collection/components/co-button-group/co-button-group.js +2 -2
- package/dist/collection/components/co-calendar/co-calendar.js +1 -1
- package/dist/collection/components/co-calendar-month/co-calendar-month.js +1 -1
- package/dist/collection/components/co-card/co-card.js +2 -2
- package/dist/collection/components/co-carousel/co-carousel.css +152 -0
- package/dist/collection/components/co-carousel/co-carousel.js +633 -0
- package/dist/collection/components/co-carousel-item/co-carousel-item.css +6 -0
- package/dist/collection/components/co-carousel-item/co-carousel-item.js +25 -0
- package/dist/collection/components/co-checkbox/co-checkbox.js +3 -3
- package/dist/collection/components/co-chip/co-chip.js +2 -2
- package/dist/collection/components/co-color-picker/co-color-picker.css +11 -10
- package/dist/collection/components/co-color-picker/co-color-picker.js +2 -2
- package/dist/collection/components/co-column-picker/co-column-picker.js +2 -2
- package/dist/collection/components/co-combobox/co-combobox.css +6 -8
- package/dist/collection/components/co-data-table/co-data-table.css +19 -4
- package/dist/collection/components/co-data-table-pagination/co-data-table-pagination.js +4 -4
- package/dist/collection/components/co-date-field/co-date-field.css +6 -7
- package/dist/collection/components/co-date-field/co-date-field.js +4 -4
- package/dist/collection/components/co-date-picker/co-date-picker.css +16 -0
- package/dist/collection/components/co-date-picker/co-date-picker.js +28 -1
- package/dist/collection/components/co-date-range/co-date-range.js +1 -1
- package/dist/collection/components/co-date-range-picker/co-date-range-picker.css +13 -1
- package/dist/collection/components/co-date-range-picker/co-date-range-picker.js +26 -0
- package/dist/collection/components/co-drive-card/co-drive-card.js +1 -1
- package/dist/collection/components/co-drop-zone/co-drop-zone.js +1 -1
- package/dist/collection/components/co-empty-state/co-empty-state.js +2 -2
- package/dist/collection/components/co-event-calendar/co-event-calendar.js +2 -2
- package/dist/collection/components/co-fab/co-fab.css +70 -10
- package/dist/collection/components/co-fab/co-fab.js +39 -4
- package/dist/collection/components/co-file-field/co-file-field.css +2 -2
- package/dist/collection/components/co-file-field/co-file-field.js +5 -5
- package/dist/collection/components/co-file-type-tile/co-file-type-tile.js +2 -2
- package/dist/collection/components/co-helper-text/co-helper-text.js +2 -2
- package/dist/collection/components/co-icon/co-icon.js +2 -2
- package/dist/collection/components/co-icon-button/co-icon-button.js +1 -1
- package/dist/collection/components/co-input/co-input.css +13 -1
- package/dist/collection/components/co-input/co-input.js +83 -0
- package/dist/collection/components/co-json-field/co-json-field.css +4 -8
- package/dist/collection/components/co-json-field/co-json-field.js +3 -3
- package/dist/collection/components/co-lightbox/co-lightbox.css +12 -1
- package/dist/collection/components/co-lightbox/co-lightbox.js +31 -4
- package/dist/collection/components/co-list-footer/co-list-footer.js +1 -1
- package/dist/collection/components/co-list-item/co-list-item.js +4 -4
- package/dist/collection/components/co-media-thumb/co-media-thumb.js +2 -2
- package/dist/collection/components/co-menu/co-menu.js +1 -1
- package/dist/collection/components/co-menu-divider/co-menu-divider.js +1 -1
- package/dist/collection/components/co-modal/co-modal.js +2 -2
- package/dist/collection/components/co-navbar/co-navbar.js +2 -2
- package/dist/collection/components/co-number-field/co-number-field.css +1 -1
- package/dist/collection/components/co-number-field/co-number-field.js +2 -2
- package/dist/collection/components/co-option-list/co-option-list.js +2 -2
- package/dist/collection/components/co-overlay/co-overlay.js +1 -1
- package/dist/collection/components/co-page-header/co-page-header.js +1 -1
- package/dist/collection/components/co-phone-field/co-phone-field.css +2 -2
- package/dist/collection/components/co-phone-field/co-phone-field.js +1 -1
- package/dist/collection/components/co-progress-bar/co-progress-bar.js +2 -2
- package/dist/collection/components/co-progress-circle/co-progress-circle.js +2 -2
- package/dist/collection/components/co-radio/co-radio.js +3 -3
- package/dist/collection/components/co-rating/co-rating.js +3 -3
- package/dist/collection/components/co-ref-field/co-ref-field.css +17 -1
- package/dist/collection/components/co-ref-field/co-ref-field.js +27 -1
- package/dist/collection/components/co-rich-text-editor/co-rich-text-editor.css +21 -3
- package/dist/collection/components/co-rich-text-editor/co-rich-text-editor.js +97 -4
- package/dist/collection/components/co-rich-text-toolbar/co-rich-text-toolbar.js +93 -3
- package/dist/collection/components/co-rich-text-viewer/co-rich-text-viewer.css +19 -0
- package/dist/collection/components/co-rich-text-viewer/co-rich-text-viewer.js +53 -4
- package/dist/collection/components/co-row/co-row.js +2 -2
- package/dist/collection/components/co-select/co-select.css +12 -1
- package/dist/collection/components/co-select/co-select.js +30 -4
- package/dist/collection/components/co-separator/co-separator.js +1 -1
- package/dist/collection/components/co-sidebar/co-sidebar.js +2 -2
- package/dist/collection/components/co-skeleton/co-skeleton.js +1 -1
- package/dist/collection/components/co-slider/co-slider.js +2 -2
- package/dist/collection/components/co-switch/co-switch.js +3 -3
- package/dist/collection/components/co-tab/co-tab.js +2 -2
- package/dist/collection/components/co-tab-group/co-tab-group.css +7 -4
- package/dist/collection/components/co-tab-group/co-tab-group.js +2 -2
- package/dist/collection/components/co-tags-field/co-tags-field.css +12 -21
- package/dist/collection/components/co-tags-field/co-tags-field.js +5 -5
- package/dist/collection/components/co-textarea/co-textarea.css +18 -8
- package/dist/collection/components/co-textarea/co-textarea.js +30 -4
- package/dist/collection/components/co-toggle-button/co-toggle-button.js +2 -2
- package/dist/collection/components/co-toggle-button-group/co-toggle-button-group.js +2 -2
- package/dist/collection/components/co-tooltip/co-tooltip.js +2 -2
- package/dist/collection/components/co-video/co-video.js +2 -2
- package/dist/collection/utils/carouselI18n.js +36 -0
- package/dist/collection/utils/richTextI18n.js +3 -0
- package/dist/components/co-accordion.js +1 -1
- package/dist/components/co-autocomplete.js +1 -1
- package/dist/components/co-avatar-group.js +1 -1
- package/dist/components/co-avatar.js +1 -1
- package/dist/components/co-badge.js +1 -1
- package/dist/components/co-bottom-sheet.js +1 -1
- package/dist/components/co-breadcrumb-item.js +1 -1
- package/dist/components/co-breadcrumb.js +1 -1
- package/dist/components/co-button-group.js +1 -1
- package/dist/components/co-button.js +1 -1
- package/dist/components/co-calendar-month.js +1 -1
- package/dist/components/co-calendar.js +1 -1
- package/dist/components/co-card.js +1 -1
- package/dist/components/co-carousel-item.d.ts +11 -0
- package/dist/components/co-carousel-item.js +1 -0
- package/dist/components/co-carousel.d.ts +11 -0
- package/dist/components/co-carousel.js +1 -0
- package/dist/components/co-checkbox-group.js +1 -1
- package/dist/components/co-checkbox.js +1 -1
- package/dist/components/co-chip.js +1 -1
- package/dist/components/co-color-picker.js +1 -1
- package/dist/components/co-column-picker.js +1 -1
- package/dist/components/co-combobox.js +1 -1
- package/dist/components/co-command-search.js +1 -1
- package/dist/components/co-data-table-pagination.js +1 -1
- package/dist/components/co-data-table.js +1 -1
- package/dist/components/co-date-field.js +1 -1
- package/dist/components/co-date-picker.js +1 -1
- package/dist/components/co-date-range-picker.js +1 -1
- package/dist/components/co-date-range.js +1 -1
- package/dist/components/co-drawer.js +1 -1
- package/dist/components/co-drive-card.js +1 -1
- package/dist/components/co-drop-zone.js +1 -1
- package/dist/components/co-empty-state.js +1 -1
- package/dist/components/co-event-calendar.js +1 -1
- package/dist/components/co-fab.js +1 -1
- package/dist/components/co-file-field.js +1 -1
- package/dist/components/co-file-type-tile.js +1 -1
- package/dist/components/co-helper-text.js +1 -1
- package/dist/components/co-icon-button.js +1 -1
- package/dist/components/co-icon.js +1 -1
- package/dist/components/co-input.js +1 -1
- package/dist/components/co-json-field.js +1 -1
- package/dist/components/co-lightbox.js +1 -1
- package/dist/components/co-list-footer.js +1 -1
- package/dist/components/co-list-item.js +1 -1
- package/dist/components/co-media-thumb.js +1 -1
- package/dist/components/co-menu-divider.js +1 -1
- package/dist/components/co-menu-item.js +1 -1
- package/dist/components/co-menu.js +1 -1
- package/dist/components/co-modal.js +1 -1
- package/dist/components/co-navbar.js +1 -1
- package/dist/components/co-number-field.js +1 -1
- package/dist/components/co-option-list.js +1 -1
- package/dist/components/co-overlay.js +1 -1
- package/dist/components/co-page-header.js +1 -1
- package/dist/components/co-phone-field.js +1 -1
- package/dist/components/co-progress-bar.js +1 -1
- package/dist/components/co-progress-circle.js +1 -1
- package/dist/components/co-radio-group.js +1 -1
- package/dist/components/co-radio.js +1 -1
- package/dist/components/co-rating.js +1 -1
- package/dist/components/co-ref-field.js +1 -1
- package/dist/components/co-rich-text-editor.js +1 -1
- package/dist/components/co-rich-text-toolbar.js +1 -1
- package/dist/components/co-rich-text-viewer.js +1 -1
- package/dist/components/co-row.js +1 -1
- package/dist/components/co-select.js +1 -1
- package/dist/components/co-separator.js +1 -1
- package/dist/components/co-sidebar-nav.js +1 -1
- package/dist/components/co-sidebar.js +1 -1
- package/dist/components/co-skeleton.js +1 -1
- package/dist/components/co-slider.js +1 -1
- package/dist/components/co-switch.js +1 -1
- package/dist/components/co-tab-group.js +1 -1
- package/dist/components/co-tab.js +1 -1
- package/dist/components/co-tags-field.js +1 -1
- package/dist/components/co-textarea.js +1 -1
- package/dist/components/co-toast.js +1 -1
- package/dist/components/co-toggle-button-group.js +1 -1
- package/dist/components/co-toggle-button.js +1 -1
- package/dist/components/co-tooltip.js +1 -1
- package/dist/components/co-transfer-list.js +1 -1
- package/dist/components/co-video.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/{p-CNIs9j-h.js → p-9aNhJfTT.js} +1 -1
- package/dist/components/{p-QWi9AmnD.js → p-B0b9Etx4.js} +1 -1
- package/dist/components/{p-D4SOCy8I.js → p-B3U63yZw.js} +1 -1
- package/dist/components/p-B7Yv00g9.js +1 -0
- package/dist/components/{p-Bgxofdfb.js → p-BL0sCfMH.js} +1 -1
- package/dist/components/{p-DrQh1Cb8.js → p-BTa6ss5i.js} +1 -1
- package/dist/components/p-BtpRnpaF.js +1 -0
- package/dist/components/{p-lus32JrB.js → p-Bul6EdDX.js} +1 -1
- package/dist/components/{p-COb8X_fE.js → p-Bzg5FPSA.js} +1 -1
- package/dist/components/{p-Cam92sWP.js → p-CQ-8domm.js} +1 -1
- package/dist/components/p-CVeEoHr7.js +1 -0
- package/dist/components/p-CYi6V_Ss.js +1 -0
- package/dist/components/{p-DvL2TcDG.js → p-Cd3inFSL.js} +1 -1
- package/dist/components/{p-OKwHt2i9.js → p-CuQjKAf5.js} +1 -1
- package/dist/components/{p-Ba5lW0pA.js → p-DKvTqEaf.js} +1 -1
- package/dist/components/p-DfpOEXHC.js +1 -0
- package/dist/components/p-DwwxS5bY.js +1 -0
- package/dist/components/p-T0UfY6rA.js +1 -0
- package/dist/components/p-WeuPA9Rw.js +1 -0
- package/dist/components/{p-_k-j03K-.js → p-oV_1MoAN.js} +1 -1
- package/dist/esm/co-accordion.entry.js +1 -1
- package/dist/esm/co-app-shell.entry.js +1 -1
- package/dist/esm/co-autocomplete.entry.js +3 -3
- package/dist/esm/co-avatar-group.entry.js +3 -3
- package/dist/esm/{co-tooltip.entry.js → co-avatar_2.entry.js} +95 -4
- package/dist/esm/co-badge.entry.js +2 -2
- package/dist/esm/co-bottom-sheet.entry.js +4 -4
- package/dist/esm/co-breadcrumb-item.entry.js +3 -3
- package/dist/esm/co-breadcrumb.entry.js +2 -2
- package/dist/esm/co-button-group.entry.js +3 -3
- package/dist/esm/co-button.entry.js +4 -4
- package/dist/esm/co-calendar-month.entry.js +2 -2
- package/dist/esm/co-calendar_3.entry.js +8 -8
- package/dist/esm/co-card.entry.js +3 -3
- package/dist/esm/co-carousel-item.entry.js +15 -0
- package/dist/esm/co-carousel.entry.js +366 -0
- package/dist/esm/co-checkbox-group.entry.js +1 -1
- package/dist/esm/co-checkbox.entry.js +4 -4
- package/dist/esm/co-chip_2.entry.js +5 -5
- package/dist/esm/co-color-picker.entry.js +5 -5
- package/dist/esm/co-column-picker.entry.js +3 -3
- package/dist/esm/co-combobox.entry.js +3 -3
- package/dist/esm/co-command-search.entry.js +1 -1
- package/dist/esm/co-data-table-pagination.entry.js +5 -5
- package/dist/esm/co-data-table.entry.js +2 -2
- package/dist/esm/co-date-picker.entry.js +11 -4
- package/dist/esm/co-date-range-picker.entry.js +9 -3
- package/dist/esm/co-date-range.entry.js +2 -2
- package/dist/esm/co-drive-card.entry.js +2 -2
- package/dist/esm/co-drop-zone.entry.js +2 -2
- package/dist/esm/co-empty-state.entry.js +3 -3
- package/dist/esm/co-event-calendar.entry.js +3 -3
- package/dist/esm/co-fab.entry.js +21 -6
- package/dist/esm/co-file-field.entry.js +8 -8
- package/dist/esm/co-file-type-tile.entry.js +3 -3
- package/dist/esm/co-helper-text.entry.js +3 -3
- package/dist/esm/co-icon-button.entry.js +2 -2
- package/dist/esm/co-icon.entry.js +3 -3
- package/dist/esm/co-input.entry.js +25 -3
- package/dist/esm/co-json-field.entry.js +6 -6
- package/dist/esm/co-lightbox.entry.js +33 -6
- package/dist/esm/co-list-footer.entry.js +2 -2
- package/dist/esm/co-list-item.entry.js +5 -5
- package/dist/esm/co-loader.entry.js +1 -1
- package/dist/esm/co-media-thumb.entry.js +3 -3
- package/dist/esm/co-menu-divider.entry.js +2 -2
- package/dist/esm/co-menu-item.entry.js +1 -1
- package/dist/esm/co-menu.entry.js +2 -2
- package/dist/esm/co-modal.entry.js +3 -3
- package/dist/esm/co-navbar.entry.js +3 -3
- package/dist/esm/co-number-field.entry.js +5 -5
- package/dist/esm/co-overlay.entry.js +2 -2
- package/dist/esm/co-page-header.entry.js +2 -2
- package/dist/esm/co-phone-field.entry.js +4 -4
- package/dist/esm/co-popover.entry.js +1 -1
- package/dist/esm/co-progress-bar.entry.js +3 -3
- package/dist/esm/co-progress-circle.entry.js +3 -3
- package/dist/esm/co-radio-group.entry.js +1 -1
- package/dist/esm/co-radio.entry.js +4 -4
- package/dist/esm/co-rating.entry.js +4 -4
- package/dist/esm/co-ref-field.entry.js +11 -5
- package/dist/esm/co-rich-text-editor.entry.js +22 -7
- package/dist/esm/co-rich-text-toolbar.entry.js +36 -4
- package/dist/esm/co-rich-text-viewer.entry.js +36 -6
- package/dist/esm/co-row.entry.js +3 -3
- package/dist/esm/co-segmented-bar.entry.js +1 -1
- package/dist/esm/co-select.entry.js +13 -7
- package/dist/esm/co-separator.entry.js +2 -2
- package/dist/esm/co-sidebar-nav.entry.js +1 -1
- package/dist/esm/co-sidebar.entry.js +3 -3
- package/dist/esm/co-skeleton.entry.js +2 -2
- package/dist/esm/co-slider.entry.js +3 -3
- package/dist/esm/co-switch.entry.js +5 -5
- package/dist/esm/co-tab-group.entry.js +4 -4
- package/dist/esm/co-tab.entry.js +3 -3
- package/dist/esm/co-tags-field.entry.js +9 -9
- package/dist/esm/co-textarea.entry.js +13 -7
- package/dist/esm/co-toast.entry.js +1 -1
- package/dist/esm/co-toggle-button-group.entry.js +3 -3
- package/dist/esm/co-toggle-button.entry.js +3 -3
- package/dist/esm/co-transfer-list.entry.js +1 -1
- package/dist/esm/co-video.entry.js +3 -3
- package/dist/esm/cobalt.js +3 -3
- package/dist/esm/{fieldChip-ChXW__C5.js → fieldChip-Bb8YIN0J.js} +1 -1
- package/dist/esm/{index-tT-aZV0-.js → index-BCEz3S-z.js} +13 -9
- package/dist/esm/{index-Cyrxk8Qq.js → index-RuXxdKzC.js} +171 -11
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{requiredMark-C7-_2UhB.js → requiredMark-D7kAMXHM.js} +1 -1
- package/dist/esm/{richTextI18n-B-ckjCUA.js → richTextI18n-BYKAgwq3.js} +3 -0
- package/dist/esm/{toolbar-config-ChibIpZv.js → toolbar-config-WeuPA9Rw.js} +2 -0
- package/dist/types/components/co-avatar/co-avatar.d.ts +5 -0
- package/dist/types/components/co-carousel/co-carousel.d.ts +85 -0
- package/dist/types/components/co-carousel-item/co-carousel-item.d.ts +10 -0
- package/dist/types/components/co-date-picker/co-date-picker.d.ts +7 -0
- package/dist/types/components/co-date-range-picker/co-date-range-picker.d.ts +5 -0
- package/dist/types/components/co-fab/co-fab.d.ts +6 -0
- package/dist/types/components/co-input/co-input.d.ts +14 -0
- package/dist/types/components/co-lightbox/co-lightbox.d.ts +7 -0
- package/dist/types/components/co-ref-field/co-ref-field.d.ts +5 -0
- package/dist/types/components/co-rich-text-editor/co-rich-text-editor.d.ts +17 -0
- package/dist/types/components/co-rich-text-toolbar/co-rich-text-toolbar.d.ts +12 -1
- package/dist/types/components/co-rich-text-viewer/co-rich-text-viewer.d.ts +10 -0
- package/dist/types/components/co-select/co-select.d.ts +5 -0
- package/dist/types/components/co-textarea/co-textarea.d.ts +5 -0
- package/dist/types/components.d.ts +378 -3
- package/dist/types/utils/carouselI18n.d.ts +10 -0
- package/dist/types/utils/richTextI18n.d.ts +1 -0
- package/package.json +2 -2
- package/dist/cjs/co-avatar.cjs.entry.js +0 -92
- package/dist/cobalt/p-0c0621a7.entry.js +0 -1
- package/dist/cobalt/p-13fc9c8a.entry.js +0 -1
- package/dist/cobalt/p-3f68fd2e.entry.js +0 -1
- package/dist/cobalt/p-4a075257.entry.js +0 -1
- package/dist/cobalt/p-5647ca9d.entry.js +0 -1
- package/dist/cobalt/p-5b31d45b.entry.js +0 -1
- package/dist/cobalt/p-6911a034.entry.js +0 -1
- package/dist/cobalt/p-70f70e02.entry.js +0 -1
- package/dist/cobalt/p-73b30ebb.entry.js +0 -1
- package/dist/cobalt/p-7780ddb5.entry.js +0 -1
- package/dist/cobalt/p-7FZXeBK4.js +0 -1
- package/dist/cobalt/p-7a3fb93b.entry.js +0 -1
- package/dist/cobalt/p-82ce1178.entry.js +0 -1
- package/dist/cobalt/p-86d4e016.entry.js +0 -1
- package/dist/cobalt/p-8a9ed2da.entry.js +0 -1
- package/dist/cobalt/p-B-ckjCUA.js +0 -1
- package/dist/cobalt/p-BAA4ln31.js +0 -1
- package/dist/cobalt/p-ChibIpZv.js +0 -1
- package/dist/cobalt/p-aa20ffca.entry.js +0 -1
- package/dist/cobalt/p-ac5df270.entry.js +0 -1
- package/dist/cobalt/p-c2e2eee9.entry.js +0 -1
- package/dist/cobalt/p-cc8e2f16.entry.js +0 -1
- package/dist/cobalt/p-e1957078.entry.js +0 -1
- package/dist/cobalt/p-e2762263.entry.js +0 -1
- package/dist/cobalt/p-e4a539da.entry.js +0 -1
- package/dist/cobalt/p-e7085f08.entry.js +0 -1
- package/dist/cobalt/p-e9aaeaf7.entry.js +0 -1
- package/dist/cobalt/p-f36e461f.entry.js +0 -1
- package/dist/cobalt/p-f6b0c4a0.entry.js +0 -1
- package/dist/cobalt/p-tT-aZV0-.js +0 -2
- package/dist/components/p-BHqdcGDh.js +0 -1
- package/dist/components/p-BJTMFYax.js +0 -1
- package/dist/components/p-ChibIpZv.js +0 -1
- package/dist/components/p-D3ts7oo9.js +0 -1
- package/dist/components/p-Dh-h40mY.js +0 -1
- package/dist/components/p-Xwo2HQmt.js +0 -1
- package/dist/components/p-eSq2ze8W.js +0 -1
- package/dist/components/p-ivjj-BP8.js +0 -1
- package/dist/esm/co-avatar.entry.js +0 -90
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, a as getElement } from './index-
|
|
2
|
-
import { R as RequiredMark } from './requiredMark-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BCEz3S-z.js';
|
|
2
|
+
import { R as RequiredMark } from './requiredMark-D7kAMXHM.js';
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* Default color presets derived from Cobalt design tokens (base.json).
|
|
@@ -21,7 +21,7 @@ const DEFAULT_PRESETS = [
|
|
|
21
21
|
{ name: 'Olive', value: '#AAB43C' },
|
|
22
22
|
];
|
|
23
23
|
|
|
24
|
-
const coColorPickerCss = () => `:host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-color-picker{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-color-picker--disabled{opacity:0.5;pointer-events:none}.co-color-picker__label{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-secondary);padding:0 var(--co-spacing-xs)}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-color-picker co-popover{display:block;width:100%}.co-color-picker__trigger{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:
|
|
24
|
+
const coColorPickerCss = () => `:host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-color-picker{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-color-picker--disabled{opacity:0.5;pointer-events:none}.co-color-picker__label{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-secondary);padding:0 var(--co-spacing-xs)}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-color-picker co-popover{display:block;width:100%}.co-color-picker__trigger{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;cursor:pointer;transition:border-color 0.15s ease, box-shadow 0.15s ease}.co-color-picker--s .co-color-picker__trigger{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-color-picker--sm .co-color-picker__trigger{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-color-picker--lg .co-color-picker__trigger{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-color-picker--s .co-color-picker__swatch,.co-color-picker--sm .co-color-picker__swatch{width:18px;height:18px}.co-color-picker__trigger:hover{border-color:var(--co-semantic-border-default)}.co-color-picker--open .co-color-picker__trigger{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-focus) 15%, transparent)}.co-color-picker--error .co-color-picker__trigger{border-color:var(--co-color-status-error)}.co-color-picker__swatch{width:22px;height:22px;box-sizing:border-box;border-radius:var(--co-border-radius-full);border:1px solid var(--co-semantic-border-subtle);flex-shrink:0}.co-color-picker__value{flex:1;font-size:inherit;font-family:inherit;color:var(--co-semantic-text-default);font-weight:500;text-transform:uppercase}.co-color-picker__value--empty{color:var(--co-semantic-text-muted);font-weight:400}.co-color-picker__panel{padding:var(--co-spacing-md);display:flex;flex-direction:column;gap:var(--co-spacing-md)}.co-color-picker__grid{display:grid;grid-template-columns:repeat(8, 1fr);gap:var(--co-spacing-sm2)}.co-color-picker__grid-item{width:32px;height:32px;border-radius:var(--co-border-radius-xxs);border:2px solid transparent;cursor:pointer;transition:transform 0.1s ease, border-color 0.1s ease;box-sizing:border-box}.co-color-picker__grid-item:hover{transform:scale(1.1)}.co-color-picker__grid-item--selected{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-focus) 25%, transparent)}.co-color-picker__hex-row{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-xs) var(--co-spacing-sm);background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xxs)}.co-color-picker__hex-prefix{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:500}.co-color-picker__hex-value{flex:1;font-size:var(--co-font-size-14);font-family:var(--co-font-family-mono, monospace);color:var(--co-semantic-text-default);text-transform:uppercase;user-select:all}.co-color-picker__copy-btn{display:flex;align-items:center;justify-content:center;padding:var(--co-spacing-xs);border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);border-radius:var(--co-border-radius-xxs);transition:color 0.15s ease, background 0.15s ease}.co-color-picker__copy-btn:hover{color:var(--co-semantic-text-default);background:var(--co-semantic-surface-hover)}.co-color-picker__copy-btn--copied{color:var(--co-color-status-success)}.co-color-picker__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);font-size:var(--co-font-size-14);color:var(--co-semantic-text-muted);padding:0 var(--co-spacing-xs)}.co-color-picker__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-color-picker--error .co-color-picker__helper{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-color-picker{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-color-picker__label{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-color-picker__label{white-space:normal}:host([layout='horizontal']) .co-color-picker>:not(.co-color-picker__label){grid-column:2;min-width:0}`;
|
|
25
25
|
|
|
26
26
|
const CoColorPicker = class {
|
|
27
27
|
constructor(hostRef) {
|
|
@@ -97,10 +97,10 @@ const CoColorPicker = class {
|
|
|
97
97
|
const presets = this.parsedPresets;
|
|
98
98
|
const hasValue = !!this.value;
|
|
99
99
|
const statusClass = this.status !== 'default' ? `co-color-picker--${this.status}` : '';
|
|
100
|
-
return (h("div", { key: '
|
|
100
|
+
return (h("div", { key: 'bf1e124470ecaf6d214835e8bc01d481496c1c20', 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: 'af52a09e440de00f4f1951715043dfcc24291653', class: "co-color-picker__label" }, this.label, h(RequiredMark, { key: 'f6a5f5c10920f7289993d9d965e3b2eeff1e9a08', required: this.required }))), h("co-popover", { key: '865fe6f411d3f2312b1b1d0a089aae7ae19b4e6f', open: this.isOpen, placement: "bottom-start", matchWidth: true, offset: 4, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, h("div", { key: '29feea25617531aec3072b6002a2cd3c13eb25e2', slot: "trigger", class: "co-color-picker__trigger" }, h("span", { key: '60ccd85b737ba09947ef2b5a9e64a0647bebfa6c', class: "co-color-picker__swatch", style: { background: hasValue ? this.value : 'transparent' } }), h("span", { key: '1fae7ddf9b14ed14a9603cf9d9ed45b358d735b1', class: `co-color-picker__value ${!hasValue ? 'co-color-picker__value--empty' : ''}` }, hasValue ? this.value : this.placeholder)), this.isOpen && (h("div", { key: '6cea80c1c13136d9526ab93d667c209bd1871f02', class: "co-color-picker__panel" }, h("div", { key: '637520727a4452a3de87a0a11715804a8a2cfe2f', class: "co-color-picker__grid" }, presets.map((preset) => {
|
|
101
101
|
var _a;
|
|
102
102
|
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) }));
|
|
103
|
-
})), hasValue && (h("div", { key: '
|
|
103
|
+
})), hasValue && (h("div", { key: '21c2ea411903edcd18b40e91afdec27344e55185', class: "co-color-picker__hex-row" }, h("span", { key: 'ab7ec79d4edaf97e957735a64bb2cd806acdb8a2', class: "co-color-picker__hex-prefix" }, "#"), h("span", { key: '2526d185d375c0ac45c0ac088c3820e28bd94853', class: "co-color-picker__hex-value" }, this.value.replace(/^#/, '')), h("button", { key: 'b2a5e1905f629bce7e910261eaa9731bef53110b', 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: 'c642e0f8093ae192cd23439e8cd80694f90d2ecf', name: this.copied ? 'check' : 'copy', size: 16 }))))))), this.helperText && (h("div", { key: 'f66cf310df66ac16283afa1d47974a71af66816b', class: "co-color-picker__helper" }, this.statusIcon && (h("co-icon", { key: 'c9578df8cc86de8ab277f44a72fae56f5f586004', name: this.statusIcon, size: 14, weight: "fill", class: "co-color-picker__helper-icon" })), h("span", { key: 'c9b47133735bba79269e62d80b402766c4a8b019', class: "co-color-picker__helper-text" }, this.helperText)))));
|
|
104
104
|
}
|
|
105
105
|
get el() { return getElement(this); }
|
|
106
106
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { h, r as registerInstance, c as createEvent, a as getElement } from './index-
|
|
1
|
+
import { h, r as registerInstance, c as createEvent, a as getElement } from './index-BCEz3S-z.js';
|
|
2
2
|
import { n as normalizeText } from './normalizeText-CQY6Ul7q.js';
|
|
3
3
|
|
|
4
4
|
/**
|
|
@@ -421,13 +421,13 @@ const CoColumnPicker = class {
|
|
|
421
421
|
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)));
|
|
422
422
|
}
|
|
423
423
|
render() {
|
|
424
|
-
return (h("div", { key: '
|
|
424
|
+
return (h("div", { key: '6b8c6cfe2e881d0cba238960fae867205aae32c9', class: {
|
|
425
425
|
'co-column-picker': true,
|
|
426
426
|
'co-column-picker--open': this.isOpen,
|
|
427
427
|
'co-column-picker--disabled': this.disabled,
|
|
428
428
|
'co-column-picker--focused': this.focused,
|
|
429
429
|
[`co-column-picker--${this.status}`]: this.status !== 'default',
|
|
430
|
-
} }, (this.label || this.secondaryLabel) && (h("div", { key: '
|
|
430
|
+
} }, (this.label || this.secondaryLabel) && (h("div", { key: 'b390d0401f69250a1a926f933d181be9a57e4f09', class: "co-column-picker__labels" }, this.label && h("label", { key: '6a073085876d0a24fc0e6083645de267c63ae16a', class: "co-column-picker__label" }, this.label), this.secondaryLabel && h("span", { key: 'cd41ce02c3bee55bb80fc05cfbc69c662e747c5d', class: "co-column-picker__secondary-label" }, this.secondaryLabel))), this.renderField(), this.isOpen && (h("div", { key: 'e508300691a608eba74f0eed4564d3eb00d473ce', class: "co-column-picker__dropdown" }, this.showSearch && (h("div", { key: '849fa75718686b0616ba36af36eacf2445e68e95', class: "co-column-picker__search" }, h("co-icon", { key: '5a5ff7c464cc5966164621e7c60e58e87cd42c6d', name: "magnifying-glass", size: 14, class: "co-column-picker__search-icon" }), h("input", { key: '2e4c97aa689ffbec464e63b27ff502cfdea1da20', 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: '2ee4f153a3c3ac3788338c94a7864602630f59fb', class: "co-column-picker__search-clear", type: "button", onClick: this.handleSearchClear }, h("co-icon", { key: '281833ffc8f4a0bbe0287c55733fc0fdcd5cd1b6', name: "x", size: 14 }))))), this.showToolbar && this.multiple && (h("div", { key: 'cd4c8b1f1bfd728f118668aec42e486a4a9cbaae', class: "co-column-picker__toolbar" }, h("button", { key: 'c903f236b2c08a8d879c2b04eaaa54dc719ce7e2', class: "co-column-picker__toolbar-btn", type: "button", onClick: this.handleSelectAll }, this.selectAllText), h("button", { key: '42846fde5f9f53eb7bfe40b61781fd9ce7fbdb51', class: "co-column-picker__toolbar-btn", type: "button", onClick: this.handleDeselectAll }, this.clearText), h("span", { key: 'fda2bf84b90e2523cd27d35eca52c99b9b036101', class: "co-column-picker__toolbar-sep" }), h("button", { key: '2e084ef4652b9286a917849b790f053b65a33096', class: "co-column-picker__toolbar-btn", type: "button", onClick: this.handleExpandAll }, this.expandText), h("button", { key: 'e853c6a5177863da0ed836b46cf4d446801b2c33', class: "co-column-picker__toolbar-btn", type: "button", onClick: this.handleCollapseAll }, this.collapseText), h("span", { key: 'e68c03ccbdd3ae1f1402caacd08454574614ec9f', style: { flex: '1' } }), this.selectedValues.length > 0 && h("span", { key: 'e132ebee1af4b1b73d7587589c9f6de5d6c663b0', class: "co-column-picker__toolbar-counter" }, this.selectedValues.length, " ", this.selectedText))), h("div", { key: 'ee5c9f8d58f0a36073bd2dc206b5113002464f6d', class: "co-column-picker__scroll", style: { maxHeight: `${this.maxHeight}px` } }, this.renderTree()))), this.helperText && (h("div", { key: '15e9d64ea94e93119198cf33a375927f37d4f795', class: `co-column-picker__helper co-column-picker__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: '75539629763f3efc4a8c354954a3c0d166e108df', name: this.statusIcon, size: 14, weight: "fill", class: "co-column-picker__helper-icon" }), h("span", { key: 'b84d6dee0cc0fc6cbe91aa67599e26a71e1a3a3c', class: "co-column-picker__helper-text" }, this.helperText)))));
|
|
431
431
|
}
|
|
432
432
|
get el() { return getElement(this); }
|
|
433
433
|
static get watchers() { return {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, a as getElement } from './index-
|
|
2
|
-
import { R as RequiredMark } from './requiredMark-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BCEz3S-z.js';
|
|
2
|
+
import { R as RequiredMark } from './requiredMark-D7kAMXHM.js';
|
|
3
3
|
import { r as rankByMatch } from './normalizeText-CQY6Ul7q.js';
|
|
4
4
|
|
|
5
|
-
const coComboboxCss = () => `:host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1;position:relative}.co-combobox{display:flex;flex-direction:column;gap:var(--co-spacing-sm2);position:relative}.co-combobox__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-combobox__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-combobox__secondary-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;text-align:right}.co-combobox__trigger{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-
|
|
5
|
+
const coComboboxCss = () => `:host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1;position:relative}.co-combobox{display:flex;flex-direction:column;gap:var(--co-spacing-sm2);position:relative}.co-combobox__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-combobox__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-combobox__secondary-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;text-align:right}.co-combobox__trigger{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;cursor:pointer;transition:border-color 0.15s ease, box-shadow 0.15s ease;overflow:hidden}.co-combobox--s .co-combobox__trigger{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-combobox--sm .co-combobox__trigger{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-combobox--lg .co-combobox__trigger{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-combobox--open .co-combobox__trigger{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-combobox--disabled .co-combobox__trigger{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-combobox__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-combobox--disabled .co-combobox__icon{color:var(--co-semantic-text-disabled)}.co-combobox__input-wrapper{flex:1;display:flex;align-items:center;flex-wrap:nowrap;gap:4px;min-width:0;min-height:22px;padding:0;overflow:hidden}.co-combobox__input-wrapper co-chip{--co-chip-max-width:120px;--co-chip-bg:var(--co-semantic-surface-muted);--co-chip-color:var(--co-semantic-text-default);--co-chip-border:1px solid var(--co-semantic-border-subtle);flex-shrink:0}.co-combobox__overflow-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-status-info, #2d6cc5);color:var(--co-color-base-blanco, #fff);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-10);font-weight:600;line-height:1;white-space:nowrap}.co-combobox__text{color:var(--co-semantic-text-default);font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-combobox__text--placeholder{color:var(--co-semantic-text-muted)}.co-combobox--disabled .co-combobox__text{color:var(--co-semantic-text-disabled)}.co-combobox__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-combobox__clear:hover{color:var(--co-semantic-text-default)}.co-combobox__caret{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-combobox--disabled .co-combobox__caret{color:var(--co-semantic-text-disabled)}.co-combobox__dropdown{padding:var(--co-spacing-md);display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-combobox__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-combobox__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-combobox__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-combobox__helper--error .co-combobox__helper-icon,.co-combobox__helper--error .co-combobox__helper-text{color:var(--co-semantic-status-error)}.co-combobox__helper--success .co-combobox__helper-icon,.co-combobox__helper--success .co-combobox__helper-text{color:var(--co-semantic-status-success)}.co-combobox__helper--warning .co-combobox__helper-icon,.co-combobox__helper--warning .co-combobox__helper-text{color:var(--co-color-status-review)}.co-combobox__helper--info .co-combobox__helper-icon,.co-combobox__helper--info .co-combobox__helper-text{color:var(--co-semantic-status-info)}:host([layout='horizontal']) .co-combobox{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-combobox__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-combobox__label{white-space:normal}:host([layout='horizontal']) .co-combobox>:not(.co-combobox__labels){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}`;
|
|
6
6
|
|
|
7
7
|
const CoCombobox = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, a as getElement } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BCEz3S-z.js';
|
|
2
2
|
import { r as rankByMatch } from './normalizeText-CQY6Ul7q.js';
|
|
3
3
|
|
|
4
4
|
/**
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h } from './index-BCEz3S-z.js';
|
|
2
2
|
|
|
3
3
|
const coDataTablePaginationCss = () => `:host{display:block;font-family:var(--co-font-family-primary)}.co-pagination{display:flex;align-items:center;gap:var(--co-spacing-lg);padding:var(--co-spacing-md) var(--co-spacing-lg);border-top:1px solid var(--co-color-opacity-negro-8);background:var(--co-color-base-blanco);font-size:var(--co-font-size-12);color:var(--co-semantic-text-secondary);letter-spacing:var(--co-font-letter-spacing-body);user-select:none}.co-pagination__section{display:flex;align-items:center;gap:var(--co-spacing-sm);flex-shrink:0}.co-pagination__spacer{flex:1}.co-pagination__label{color:var(--co-semantic-text-secondary);white-space:nowrap}.co-pagination__count{color:var(--co-semantic-text-secondary);white-space:nowrap}.co-pagination__jump-input{width:32px;height:28px;border:1px solid var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-xxs);background:var(--co-color-base-blanco);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);color:var(--co-semantic-text-default);text-align:center;padding:0 var(--co-spacing-xs);outline:none;transition:border-color 0.15s ease}.co-pagination__jump-input:focus{border-color:var(--co-color-primary-azul)}.co-pagination__section--page-size{position:relative}.co-pagination__page-size-trigger{display:flex;align-items:center;gap:var(--co-spacing-xs);cursor:pointer;padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xxs);transition:background-color 0.15s ease}.co-pagination__page-size-trigger:hover{background:var(--co-semantic-surface-hover)}.co-pagination__page-size-value{font-weight:500;color:var(--co-semantic-text-default)}.co-pagination__page-size-dropdown{position:absolute;bottom:calc(100% + 4px);left:0;min-width:72px;background:var(--co-color-base-blanco);border:1px solid var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-xs);box-shadow:0 4px 12px var(--co-color-opacity-negro-8);padding:var(--co-spacing-xs) 0;z-index:10}.co-pagination__page-size-option{display:block;width:100%;padding:var(--co-spacing-sm) var(--co-spacing-md);border:none;background:none;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);color:var(--co-semantic-text-default);text-align:left;cursor:pointer;transition:background-color 0.1s ease}.co-pagination__page-size-option:hover{background:var(--co-semantic-surface-hover)}.co-pagination__page-size-option--active{font-weight:500;color:var(--co-color-primary-azul)}.co-pagination__nav{display:flex;align-items:center;gap:var(--co-spacing-xxs)}.co-pagination__nav-btn{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:var(--co-spacing-xs) var(--co-spacing-sm);border:1px solid var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-xxs);background:var(--co-color-base-blanco);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);color:var(--co-semantic-text-default);cursor:pointer;transition:background-color 0.15s ease;white-space:nowrap}.co-pagination__nav-btn:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-pagination__nav-btn:disabled{opacity:0.4;cursor:not-allowed}.co-pagination__page-btn{min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--co-border-radius-xxs);background:none;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);color:var(--co-semantic-text-secondary);cursor:pointer;transition:background-color 0.1s ease}.co-pagination__page-btn:hover{background:var(--co-semantic-surface-hover)}.co-pagination__page-btn--active{background:var(--co-color-base-negro);color:var(--co-color-base-blanco);font-weight:500}.co-pagination__page-btn--active:hover{background:var(--co-color-base-negro)}.co-pagination__ellipsis{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;color:var(--co-color-gray-400)}`;
|
|
4
4
|
|
|
@@ -89,17 +89,17 @@ const CoDataTablePagination = class {
|
|
|
89
89
|
}
|
|
90
90
|
render() {
|
|
91
91
|
const pages = this.getVisiblePages();
|
|
92
|
-
return (h("div", { key: '
|
|
92
|
+
return (h("div", { key: '9bda0302cc65a11065744a33ce2c48ad2d86f905', class: "co-pagination", part: "pagination" }, h("div", { key: '2605fca75f90b5f764ca8f070d79654d0653d6eb', class: "co-pagination__section" }, h("span", { key: '2296d9f00584bf8243cf6b1c32eeb8ce79b14fdc', class: "co-pagination__label" }, this.jumpToPageLabel), h("input", { key: '7a6a3a24ed99d708940f6da784d05f7c490d2f42', type: "text", class: "co-pagination__jump-input", value: this.jumpToValue || String(this.page), onInput: (e) => {
|
|
93
93
|
this.jumpToValue = e.target.value;
|
|
94
94
|
}, onKeyDown: (e) => this.handleJumpToPage(e), onFocus: (e) => {
|
|
95
95
|
e.target.select();
|
|
96
|
-
}, part: "jump-input" })), h("div", { key: '
|
|
96
|
+
}, part: "jump-input" })), h("div", { key: '5d8af4318ba1a8e4e5c13862e7ea3877ae6b3bc4', class: "co-pagination__section co-pagination__section--page-size" }, h("div", { key: '758ea59d9e614de2d7a5ebc3fe93e3af2cc28ae6', class: "co-pagination__page-size-trigger", onClick: () => { this.showPageSizeDropdown = !this.showPageSizeDropdown; } }, h("span", { key: '841f93bea5d817cdd42f076b1a056da6a3707cb2', class: "co-pagination__page-size-value" }, this.pageSize), h("span", { key: '8e381335184c0790c3379f0223239c7c478030c3', class: "co-pagination__label" }, this.perPageLabel), h("co-icon", { key: '415dd90e5fb5f41071a35f4214f4d02387740c71', name: "caret-down", size: 14 })), this.showPageSizeDropdown && (h("div", { key: '845b73359db84f19583ec716d79c1dc8310f87b3', class: "co-pagination__page-size-dropdown", part: "dropdown" }, this.parsedPageSizes.map(size => (h("button", { class: {
|
|
97
97
|
'co-pagination__page-size-option': true,
|
|
98
98
|
'co-pagination__page-size-option--active': size === this.pageSize,
|
|
99
|
-
}, onClick: () => this.changePageSize(size) }, size)))))), h("div", { key: '
|
|
99
|
+
}, onClick: () => this.changePageSize(size) }, size)))))), h("div", { key: '55bf44bc21ed00c5058ad0197621cfcb1d81ec2d', class: "co-pagination__spacer" }), h("div", { key: '2c2a5384f9fda9a3de7c1abc3f2adca9f413e7e6', class: "co-pagination__section" }, h("span", { key: '6f1b81541df05323f428db30e88e467c0aa93a21', class: "co-pagination__count" }, this.totalCount.toLocaleString(), " ", this.recordsLabel)), h("div", { key: '50c630088453b650deb17c77c4cfef90e5275ccb', class: "co-pagination__section co-pagination__nav" }, h("button", { key: 'e4755f11fba6d27ce861f1c41659f802427dabc4', class: "co-pagination__nav-btn", disabled: this.page <= 1, onClick: () => this.goToPage(this.page - 1), part: "prev-btn" }, this.previousLabel), pages.map(p => p === '...' ? (h("span", { class: "co-pagination__ellipsis" }, "\u2026")) : (h("button", { class: {
|
|
100
100
|
'co-pagination__page-btn': true,
|
|
101
101
|
'co-pagination__page-btn--active': p === this.page,
|
|
102
|
-
}, onClick: () => this.goToPage(p) }, p))), h("button", { key: '
|
|
102
|
+
}, onClick: () => this.goToPage(p) }, p))), h("button", { key: '1e1a386b40fb40f169c13619e6cb79993406d16d', class: "co-pagination__nav-btn", disabled: this.page >= this.totalPages, onClick: () => this.goToPage(this.page + 1), part: "next-btn" }, this.nextLabel))));
|
|
103
103
|
}
|
|
104
104
|
static get watchers() { return {
|
|
105
105
|
"pageSizes": [{
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, a as getElement } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BCEz3S-z.js';
|
|
2
2
|
|
|
3
|
-
const coDataTableCss = () => `co-data-table{display:block;flex:1;min-height:0;overflow:hidden;contain:layout}.co-data-table{position:relative;font-family:var(--co-font-family-primary);background:var(--co-color-base-blanco);display:flex;flex-direction:column;height:100%}.co-data-table--resizing{cursor:col-resize;user-select:none}.co-data-table__scroll{flex:1;overflow-x:auto;overflow-y:auto;min-height:0}.co-data-table__table{min-width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.co-data-table__head{position:sticky;top:0;z-index:2}.co-data-table__header-row{height:40px}.co-data-table__th{position:relative;height:40px;padding:0 var(--co-spacing-md);background:var(--co-color-base-blanco);border-bottom:1px solid var(--co-color-opacity-negro-8);border-right:1px solid var(--co-color-opacity-negro-8);text-align:left;vertical-align:middle;font-size:var(--co-font-size-14);font-weight:500;color:var(--co-semantic-text-default);letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;overflow:hidden;box-sizing:border-box}.co-data-table__th:last-child{border-right:none}.co-data-table__th--sortable{cursor:pointer}.co-data-table__th--sortable:hover{background-image:linear-gradient(var(--co-semantic-surface-hover), var(--co-semantic-surface-hover))}.co-data-table__th-content{display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm)}.co-data-table__pin-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-color-gray-300);cursor:pointer;opacity:0;transition:opacity 0.15s ease, color 0.15s ease}.co-data-table__pin-icon--active{opacity:1;color:var(--co-semantic-text-default)}.co-data-table__th:hover .co-data-table__pin-icon{opacity:1}.co-data-table__pin-icon:hover{color:var(--co-semantic-text-default)}.co-data-table__filter-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-color-gray-300);cursor:pointer;opacity:0;transition:opacity 0.15s ease, color 0.15s ease}.co-data-table__th:hover .co-data-table__filter-icon{opacity:1}.co-data-table__filter-icon:hover{color:var(--co-semantic-text-default)}.co-data-table__filter-icon--active{opacity:1;color:var(--co-color-primary-azul)}.co-data-table__filter-icon--indirect{opacity:0.45;color:var(--co-semantic-text-muted)}.co-data-table__th-label{flex:1;overflow:hidden;text-overflow:ellipsis}.co-data-table__sort-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-color-gray-400);transition:color 0.15s ease}.co-data-table__sort-icon--active{color:var(--co-semantic-text-default)}.co-data-table__sort-button{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm);background:transparent;border:0;padding:0;margin:0;font:inherit;color:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}.co-data-table__sort-button:focus-visible{outline:2px solid var(--co-semantic-border-focus, var(--co-color-primary-azul));outline-offset:-2px;border-radius:var(--co-border-radius-xxs)}.co-data-table__th--checkbox,.co-data-table__td--checkbox{width:48px;min-width:48px;max-width:48px;padding:0 var(--co-spacing-md);text-align:center;line-height:0;}.co-data-table__th--sticky,.co-data-table__td--sticky{position:sticky;z-index:1;background:var(--co-color-base-blanco)}.co-data-table__th--sticky{z-index:3}.co-data-table__td--sticky::after,.co-data-table__th--sticky::after{content:'';position:absolute;top:0;right:-4px;bottom:0;width:4px;pointer-events:none;opacity:0;background:linear-gradient(to right, var(--co-color-opacity-negro-8), transparent);transition:opacity 0.15s ease}.co-data-table__resize-handle{position:absolute;top:0;right:-2px;width:5px;height:100%;cursor:col-resize;z-index:1}.co-data-table__resize-handle:hover{background:var(--co-color-primary-azul);opacity:0.3}.co-data-table__resize-handle--active{background:var(--co-color-primary-azul);opacity:0.3}.co-data-table__row{height:48px;transition:background-color 0.15s ease;content-visibility:auto;contain-intrinsic-size:auto 48px}.co-data-table__row:hover{background:var(--co-semantic-surface-hover)}.co-data-table__row--selected{background:var(--co-color-opacity-negro-4)}.co-data-table__row--selected:hover{background:var(--co-color-opacity-negro-8)}.co-data-table__td{height:48px;padding:0 var(--co-spacing-md);background:inherit;border-bottom:1px solid var(--co-color-opacity-negro-8);border-right:1px solid var(--co-color-opacity-negro-8);vertical-align:middle;font-size:var(--co-font-size-12);font-weight:var(--co-font-weight-medium);color:var(--co-semantic-text-default);letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.co-data-table__td:last-child{border-right:none}.co-data-table__th--align-center,.co-data-table__td--align-center{text-align:center}.co-data-table__th--align-right,.co-data-table__td--align-right{text-align:right}.co-data-table__cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.co-data-table--empty .co-data-table__scroll{flex:0 0 auto;overflow:hidden}.co-data-table__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;min-height:280px;padding:var(--co-spacing-3xl) var(--co-spacing-lg);gap:var(--co-spacing-lg) }.co-data-table__empty-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-muted);color:var(--co-semantic-text-secondary);margin-bottom:var(--co-spacing-sm)}.co-data-table__empty-title{font-size:var(--co-font-size-24);font-weight:var(--co-font-weight-medium, 500);line-height:1.25;color:var(--co-semantic-text-default);letter-spacing:-0.03em}.co-data-table__empty-message{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-secondary);margin:0;max-width:538px ;line-height:1.25}.co-data-table__empty-action{margin-top:var(--co-spacing-md);display:inline-flex}.co-data-table__empty-action:empty{display:none}.co-data-table__skeleton{height:14px;border-radius:var(--co-border-radius-xxs);background:var(--co-
|
|
3
|
+
const coDataTableCss = () => `co-data-table{display:block;flex:1;min-height:0;overflow:hidden;contain:layout}.co-data-table{position:relative;font-family:var(--co-font-family-primary);background:var(--co-color-base-blanco);display:flex;flex-direction:column;height:100%}.co-data-table--resizing{cursor:col-resize;user-select:none}.co-data-table__scroll{flex:1;overflow-x:auto;overflow-y:auto;min-height:0}.co-data-table__table{min-width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.co-data-table__head{position:sticky;top:0;z-index:2}.co-data-table__header-row{height:40px}.co-data-table__th{position:relative;height:40px;padding:0 var(--co-spacing-md);background:var(--co-color-base-blanco);border-bottom:1px solid var(--co-color-opacity-negro-8);border-right:1px solid var(--co-color-opacity-negro-8);text-align:left;vertical-align:middle;font-size:var(--co-font-size-14);font-weight:500;color:var(--co-semantic-text-default);letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;overflow:hidden;box-sizing:border-box}.co-data-table__th:last-child{border-right:none}.co-data-table__th--sortable{cursor:pointer}.co-data-table__th--sortable:hover{background-image:linear-gradient(var(--co-semantic-surface-hover), var(--co-semantic-surface-hover))}.co-data-table__th-content{display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm)}.co-data-table__pin-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-color-gray-300);cursor:pointer;opacity:0;transition:opacity 0.15s ease, color 0.15s ease}.co-data-table__pin-icon--active{opacity:1;color:var(--co-semantic-text-default)}.co-data-table__th:hover .co-data-table__pin-icon{opacity:1}.co-data-table__pin-icon:hover{color:var(--co-semantic-text-default)}.co-data-table__filter-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-color-gray-300);cursor:pointer;opacity:0;transition:opacity 0.15s ease, color 0.15s ease}.co-data-table__th:hover .co-data-table__filter-icon{opacity:1}.co-data-table__filter-icon:hover{color:var(--co-semantic-text-default)}.co-data-table__filter-icon--active{opacity:1;color:var(--co-color-primary-azul)}.co-data-table__filter-icon--indirect{opacity:0.45;color:var(--co-semantic-text-muted)}.co-data-table__th-label{flex:1;overflow:hidden;text-overflow:ellipsis}.co-data-table__sort-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-color-gray-400);transition:color 0.15s ease}.co-data-table__sort-icon--active{color:var(--co-semantic-text-default)}.co-data-table__sort-button{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm);background:transparent;border:0;padding:0;margin:0;font:inherit;color:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}.co-data-table__sort-button:focus-visible{outline:2px solid var(--co-semantic-border-focus, var(--co-color-primary-azul));outline-offset:-2px;border-radius:var(--co-border-radius-xxs)}.co-data-table__th--checkbox,.co-data-table__td--checkbox{width:48px;min-width:48px;max-width:48px;padding:0 var(--co-spacing-md);text-align:center;line-height:0;}.co-data-table__th--sticky,.co-data-table__td--sticky{position:sticky;z-index:1;background:var(--co-color-base-blanco)}.co-data-table__th--sticky{z-index:3}.co-data-table__td--sticky::after,.co-data-table__th--sticky::after{content:'';position:absolute;top:0;right:-4px;bottom:0;width:4px;pointer-events:none;opacity:0;background:linear-gradient(to right, var(--co-color-opacity-negro-8), transparent);transition:opacity 0.15s ease}.co-data-table__resize-handle{position:absolute;top:0;right:-2px;width:5px;height:100%;cursor:col-resize;z-index:1}.co-data-table__resize-handle:hover{background:var(--co-color-primary-azul);opacity:0.3}.co-data-table__resize-handle--active{background:var(--co-color-primary-azul);opacity:0.3}.co-data-table__row{height:48px;transition:background-color 0.15s ease;content-visibility:auto;contain-intrinsic-size:auto 48px}.co-data-table__row:hover{background:var(--co-semantic-surface-hover)}.co-data-table__row--selected{background:var(--co-color-opacity-negro-4)}.co-data-table__row--selected:hover{background:var(--co-color-opacity-negro-8)}.co-data-table__td{height:48px;padding:0 var(--co-spacing-md);background:inherit;border-bottom:1px solid var(--co-color-opacity-negro-8);border-right:1px solid var(--co-color-opacity-negro-8);vertical-align:middle;font-size:var(--co-font-size-12);font-weight:var(--co-font-weight-medium);color:var(--co-semantic-text-default);letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.co-data-table__td:last-child{border-right:none}.co-data-table__th--align-center,.co-data-table__td--align-center{text-align:center}.co-data-table__th--align-right,.co-data-table__td--align-right{text-align:right}.co-data-table__cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.co-data-table--empty .co-data-table__scroll{flex:0 0 auto;overflow:hidden}.co-data-table__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;min-height:280px;padding:var(--co-spacing-3xl) var(--co-spacing-lg);gap:var(--co-spacing-lg) }.co-data-table__empty-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-muted);color:var(--co-semantic-text-secondary);margin-bottom:var(--co-spacing-sm)}.co-data-table__empty-title{font-size:var(--co-font-size-24);font-weight:var(--co-font-weight-medium, 500);line-height:1.25;color:var(--co-semantic-text-default);letter-spacing:-0.03em}.co-data-table__empty-message{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-secondary);margin:0;max-width:538px ;line-height:1.25}.co-data-table__empty-action{margin-top:var(--co-spacing-md);display:inline-flex}.co-data-table__empty-action:empty{display:none}.co-data-table__skeleton{height:14px;border-radius:var(--co-border-radius-xxs);background:linear-gradient( 90deg, var(--co-semantic-surface-secondary) 0%, var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.04)) 50%, var(--co-semantic-surface-secondary) 100% );background-size:200% 100%;animation:co-dt-shimmer 1.2s ease-in-out infinite;width:70%}.co-data-table__skeleton--checkbox{width:16px;height:16px;margin:0 auto}@keyframes co-dt-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.co-data-table__skeleton{animation:none}}.co-data-table__row--skeleton{pointer-events:none;content-visibility:visible}.co-data-table__row--flash-create{animation:co-dt-flash-create 1s ease-out}.co-data-table__row--flash-update{animation:co-dt-flash-update 1s ease-out}.co-data-table__row--flash-delete{animation:co-dt-flash-delete 0.5s ease-out forwards}@keyframes co-dt-flash-create{0%{background-color:rgba(2, 162, 112, 0.15)}100%{background-color:transparent}}@keyframes co-dt-flash-update{0%{background-color:rgba(37, 99, 235, 0.15)}100%{background-color:transparent}}@keyframes co-dt-flash-delete{0%{opacity:1;background-color:rgba(170, 46, 27, 0.1)}100%{opacity:0;height:0;padding:0;overflow:hidden}}`;
|
|
4
4
|
|
|
5
5
|
const CoDataTable = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, a as getElement } from './index-
|
|
2
|
-
import { R as RequiredMark } from './requiredMark-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BCEz3S-z.js';
|
|
2
|
+
import { R as RequiredMark } from './requiredMark-D7kAMXHM.js';
|
|
3
3
|
import { g as getDateStrings } from './dateI18n-C1DCLOEl.js';
|
|
4
4
|
|
|
5
|
-
const coDatePickerCss = () => `:host{display:block;font-family:var(--co-font-family-primary)}.co-date-picker{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-date-picker__label{padding:0 var(--co-spacing-xs);color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-date-picker__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs);color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-date-picker__helper--error{color:var(--co-semantic-status-error)}.co-date-picker co-popover{display:block;width:100%}.co-date-picker__trigger{display:block;width:100%;cursor:text}.co-date-picker__panel{padding:var(--co-spacing-md)}.co-date-picker__sheet{display:flex;justify-content:center;padding:var(--co-spacing-sm) 0 var(--co-spacing-lg)}:host([layout='horizontal']) .co-date-picker{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-date-picker__label{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-date-picker__label{white-space:normal}:host([layout='horizontal']) .co-date-picker>:not(.co-date-picker__label){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}`;
|
|
5
|
+
const coDatePickerCss = () => `:host{display:block;font-family:var(--co-font-family-primary)}.co-date-picker{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}co-date-field[data-variant='flat']::part(field){background:transparent;border-color:transparent}.co-date-picker__label{padding:0 var(--co-spacing-xs);color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-date-picker__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs);color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-date-picker__helper--error{color:var(--co-semantic-status-error)}.co-date-picker co-popover{display:block;width:100%}.co-date-picker__trigger{display:block;width:100%;cursor:text}.co-date-picker__panel{padding:var(--co-spacing-md)}.co-date-picker__sheet{display:flex;justify-content:center;padding:var(--co-spacing-sm) 0 var(--co-spacing-lg)}:host([layout='horizontal']) .co-date-picker{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-date-picker__label{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-date-picker__label{white-space:normal}:host([layout='horizontal']) .co-date-picker>:not(.co-date-picker__label){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}`;
|
|
6
6
|
|
|
7
7
|
const CoDatePicker = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -22,6 +22,13 @@ const CoDatePicker = class {
|
|
|
22
22
|
this.firstDayOfWeek = 1;
|
|
23
23
|
/** Field size, forwarded to the inner co-date-field. */
|
|
24
24
|
this.size = 'md';
|
|
25
|
+
/** Visual style. `flat` strips the inner co-date-field's border and
|
|
26
|
+
* background so it reads as plain content instead of a boxed control —
|
|
27
|
+
* padding, label, focus ring, disabled and invalid states are unaffected.
|
|
28
|
+
* `default` (the standard bordered box) renders identically to before
|
|
29
|
+
* this prop existed. co-date-field itself has no `variant` prop, so this
|
|
30
|
+
* is applied from the outside via `::part(field)` — see co-date-picker.css. */
|
|
31
|
+
this.variant = 'default';
|
|
25
32
|
this.disabled = false;
|
|
26
33
|
this.readonly = false;
|
|
27
34
|
this.required = false;
|
|
@@ -147,7 +154,7 @@ const CoDatePicker = class {
|
|
|
147
154
|
}
|
|
148
155
|
}
|
|
149
156
|
renderField() {
|
|
150
|
-
return (h("co-date-field", { ref: (el) => (this.fieldEl = el), value: this.value, min: this.min, max: this.max, disabledDates: this.disabledDates, disabledDaysOfWeek: this.disabledDaysOfWeek, locale: this.locale, displayFormat: this.displayFormat, placeholder: this.placeholder, size: this.size, name: this.name, disabled: this.disabled, readonly: this.readonly, required: this.required, clearable: this.clearable, invalid: this.isInvalid, onCoChange: this.onFieldChange, onCoInput: this.onFieldInput, onCoInvalid: this.onFieldInvalid, onCoClear: this.onFieldClear, onCoFocus: () => this.coFocus.emit(), onCoBlur: () => this.coBlur.emit() }));
|
|
157
|
+
return (h("co-date-field", { ref: (el) => (this.fieldEl = el), "data-variant": this.variant, value: this.value, min: this.min, max: this.max, disabledDates: this.disabledDates, disabledDaysOfWeek: this.disabledDaysOfWeek, locale: this.locale, displayFormat: this.displayFormat, placeholder: this.placeholder, size: this.size, name: this.name, disabled: this.disabled, readonly: this.readonly, required: this.required, clearable: this.clearable, invalid: this.isInvalid, onCoChange: this.onFieldChange, onCoInput: this.onFieldInput, onCoInvalid: this.onFieldInvalid, onCoClear: this.onFieldClear, onCoFocus: () => this.coFocus.emit(), onCoBlur: () => this.coBlur.emit() }));
|
|
151
158
|
}
|
|
152
159
|
renderCalendar(touch) {
|
|
153
160
|
return (h("co-calendar", { ref: (el) => (this.calendarEl = el), "data-touch": touch ? '' : undefined, value: this.value, min: this.min, max: this.max, disabledDates: this.disabledDates, disabledDaysOfWeek: this.disabledDaysOfWeek, locale: this.locale, firstDayOfWeek: this.firstDayOfWeek, onCoSelect: this.onCalendarSelect }));
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, a as getElement } from './index-
|
|
2
|
-
import { R as RequiredMark } from './requiredMark-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BCEz3S-z.js';
|
|
2
|
+
import { R as RequiredMark } from './requiredMark-D7kAMXHM.js';
|
|
3
3
|
import { g as getDateStrings } from './dateI18n-C1DCLOEl.js';
|
|
4
4
|
import { i as isValidYMD, t as toLocalDate, p as parseISO, c as compareYMD, a as todayYMD, b as addMonths, s as startOfMonth, d as addDays, f as formatDisplay } from './dates-tPYikBRJ.js';
|
|
5
5
|
|
|
6
|
-
const coDateRangePickerCss = () => `:host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14)}.co-date-range-picker{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-date-range-picker__label{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-secondary);line-height:1;padding:0 var(--co-spacing-xs)}.co-date-range-picker co-popover{display:block;width:100%}.co-date-range-picker--s .co-date-range-picker__trigger{min-height:28px;padding:0 var(--co-spacing-sm)}.co-date-range-picker--sm .co-date-range-picker__trigger{min-height:32px;padding:0 var(--co-spacing-sm)}.co-date-range-picker--lg .co-date-range-picker__trigger{min-height:48px;padding:0 var(--co-spacing-lg)}.co-date-range-picker__trigger{display:inline-flex;align-items:center;gap:var(--co-spacing-sm2);width:100%;min-height:40px;padding:0 var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-
|
|
6
|
+
const coDateRangePickerCss = () => `:host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14)}.co-date-range-picker{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-date-range-picker__label{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-secondary);line-height:1;padding:0 var(--co-spacing-xs)}.co-date-range-picker co-popover{display:block;width:100%}.co-date-range-picker--s .co-date-range-picker__trigger{min-height:28px;padding:0 var(--co-spacing-sm)}.co-date-range-picker--sm .co-date-range-picker__trigger{min-height:32px;padding:0 var(--co-spacing-sm)}.co-date-range-picker--lg .co-date-range-picker__trigger{min-height:48px;padding:0 var(--co-spacing-lg)}.co-date-range-picker__trigger{display:inline-flex;align-items:center;gap:var(--co-spacing-sm2);width:100%;min-height:40px;padding:0 var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);cursor:pointer;color:var(--co-semantic-text-default);box-sizing:border-box;transition:border-color 0.15s ease, box-shadow 0.15s ease}.co-date-range-picker__trigger--flat{background:transparent;border-color:transparent}.co-date-range-picker__trigger--open{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-date-range-picker__trigger--disabled{opacity:0.5;cursor:not-allowed}.co-date-range-picker--invalid .co-date-range-picker__trigger{border-color:var(--co-semantic-status-error)}.co-date-range-picker__icon,.co-date-range-picker__caret{color:var(--co-semantic-text-muted);flex-shrink:0}.co-date-range-picker__trigger-text{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-date-range-picker__trigger-text--placeholder{color:var(--co-semantic-text-muted)}.co-date-range-picker__clear{background:none;border:0;padding:0;cursor:pointer;color:var(--co-semantic-text-muted);display:inline-flex;align-items:center;flex-shrink:0}.co-date-range-picker__clear:hover{color:var(--co-semantic-text-default)}.co-date-range-picker__panel{display:flex;flex-direction:column;gap:var(--co-spacing-md);padding:var(--co-spacing-md);min-width:280px}.co-date-range-picker__fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--co-spacing-sm)}.co-date-range-picker__body{display:flex;gap:var(--co-spacing-md);align-items:flex-start}.co-date-range-picker__body--touch{flex-direction:column;align-items:stretch}.co-date-range-picker__body--touch .co-date-range-picker__presets{flex-direction:row;flex-wrap:wrap;min-width:0;border-right:0;padding-right:0;border-bottom:1px solid var(--co-semantic-border-subtle);padding-bottom:var(--co-spacing-sm)}.co-date-range-picker__body--touch co-calendar{align-self:center}.co-date-range-picker__presets{display:flex;flex-direction:column;gap:var(--co-spacing-xxs);min-width:120px;border-right:1px solid var(--co-semantic-border-subtle);padding-right:var(--co-spacing-md)}.co-date-range-picker__preset{text-align:left;background:none;border:0;padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xs);font-size:var(--co-font-size-14);font-family:inherit;color:var(--co-semantic-text-default);cursor:pointer;transition:background 0.1s ease}.co-date-range-picker__preset:hover{background:var(--co-semantic-surface-hover)}.co-date-range-picker__footer{display:flex;justify-content:flex-end;gap:var(--co-spacing-sm);padding-top:var(--co-spacing-sm);border-top:1px solid var(--co-semantic-border-subtle)}.co-date-range-picker__btn{padding:var(--co-spacing-xs) var(--co-spacing-md);border-radius:var(--co-border-radius-xs);font-size:var(--co-font-size-14);font-family:inherit;font-weight:500;cursor:pointer;border:0}.co-date-range-picker__btn--ghost{background:transparent;color:var(--co-semantic-text-default)}.co-date-range-picker__btn--ghost:hover{background:var(--co-semantic-surface-hover)}.co-date-range-picker__btn--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary)}.co-date-range-picker__btn--primary:hover:not(:disabled){opacity:0.88}.co-date-range-picker__btn--primary:disabled{opacity:0.5;cursor:not-allowed}.co-date-range-picker__helper{display:inline-flex;align-items:center;gap:var(--co-spacing-xs);font-size:var(--co-font-size-14);color:var(--co-semantic-text-muted);padding:0 var(--co-spacing-xs)}.co-date-range-picker__helper--error{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-date-range-picker{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-date-range-picker__label{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-date-range-picker__label{white-space:normal}:host([layout='horizontal']) .co-date-range-picker>:not(.co-date-range-picker__label){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}`;
|
|
7
7
|
|
|
8
8
|
const CoDateRangePicker = class {
|
|
9
9
|
constructor(hostRef) {
|
|
@@ -37,6 +37,11 @@ const CoDateRangePicker = class {
|
|
|
37
37
|
this.layout = 'vertical';
|
|
38
38
|
/** Trigger size (mirrors co-input): s 28 / sm 32 / md 40 / lg 48. */
|
|
39
39
|
this.size = 'md';
|
|
40
|
+
/** Visual style. `flat` strips the trigger's border and background so it
|
|
41
|
+
* reads as plain content instead of a boxed control — padding, label,
|
|
42
|
+
* focus ring, disabled and invalid states are unaffected. `default` (the
|
|
43
|
+
* standard bordered box) renders identically to before this prop existed. */
|
|
44
|
+
this.variant = 'default';
|
|
40
45
|
this.placement = 'bottom-start';
|
|
41
46
|
this.open = false;
|
|
42
47
|
/** Max viewport width (px) that renders the picker as a bottom sheet. */
|
|
@@ -327,6 +332,7 @@ const CoDateRangePicker = class {
|
|
|
327
332
|
'co-date-range-picker__trigger': true,
|
|
328
333
|
'co-date-range-picker__trigger--open': this.open,
|
|
329
334
|
'co-date-range-picker__trigger--disabled': this.disabled,
|
|
335
|
+
'co-date-range-picker__trigger--flat': this.variant === 'flat',
|
|
330
336
|
};
|
|
331
337
|
if (this.isMobile) {
|
|
332
338
|
return (h("div", { class: { 'co-date-range-picker': true, 'co-date-range-picker--invalid': isInvalid, [`co-date-range-picker--${this.size}`]: true }, onKeyDown: this.onRootKeyDown }, this.label && h("label", { class: "co-date-range-picker__label", part: "label" }, this.label, h(RequiredMark, { required: this.required })), h("div", { class: triggerClasses, part: "trigger", role: "button", tabIndex: this.disabled ? -1 : 0, "aria-haspopup": "dialog", "aria-expanded": this.open ? 'true' : 'false', onClick: this.openSheet }, this.renderTriggerChildren(t, showClear)), h("co-drawer", { position: "bottom", open: this.open, heading: t.selectDate, onCoClose: this.handleCancel }, this.renderPanel(t, true)), this.renderHelper(isInvalid, helper)));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, a as getElement } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BCEz3S-z.js';
|
|
2
2
|
|
|
3
3
|
const coDateRangeCss = () => `:host{display:block}`;
|
|
4
4
|
|
|
@@ -31,7 +31,7 @@ const CoDateRange = class {
|
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
render() {
|
|
34
|
-
return (h("co-date-range-picker", { key: '
|
|
34
|
+
return (h("co-date-range-picker", { key: 'f4fb3c7ea22266e6ff8516ecdfda885365a34985', value: this.value, label: this.label, placeholder: this.placeholder, disabled: this.disabled, clearable: this.clearable, presets: this.presets, helperText: this.helperText, locale: this.locale, applyLabel: this.applyLabel, clearLabel: this.clearLabel, onCoApply: this.handleApply, onCoClear: () => this.coClear.emit() }));
|
|
35
35
|
}
|
|
36
36
|
get el() { return getElement(this); }
|
|
37
37
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h } from './index-BCEz3S-z.js';
|
|
2
2
|
|
|
3
3
|
const coDriveCardCss = () => `:host{display:block}.co-drive-card{--dc-accent:var(--co-color-primary-azul, #2563eb);position:relative;box-sizing:border-box;width:100%;border-radius:14px;cursor:pointer;outline:none;font-family:var(--co-font-family-primary);background:var(--co-color-base-blanco, #fff);box-shadow:inset 0 0 0 1px var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08))}.co-drive-card:focus-visible{box-shadow:inset 0 0 0 1.5px var(--dc-accent)}.co-drive-card--folder{display:flex;align-items:center;gap:12px;transition:box-shadow 0.14s ease, background 0.12s ease}.co-drive-card--folder.co-drive-card--comfy{padding:14px}.co-drive-card--folder.co-drive-card--compact{padding:10px 12px}.co-drive-card--folder:hover:not(.co-drive-card--selected){box-shadow:var(--co-shadow-sm, 0 1px 2px 0 rgba(26, 26, 26, 0.04)), inset 0 0 0 1px var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08))}.co-drive-card--folder.co-drive-card--selected{background:color-mix(in srgb, var(--dc-accent) 7%, white);box-shadow:inset 0 0 0 1.5px var(--dc-accent)}.co-drive-card__tile{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;background:color-mix(in srgb, var(--dc-accent) 12%, white);color:var(--dc-accent)}.co-drive-card--comfy .co-drive-card__tile{width:44px;height:44px}.co-drive-card--compact .co-drive-card__tile{width:38px;height:38px}.co-drive-card__text{flex:1;min-width:0;display:flex;flex-direction:column}.co-drive-card__name{font-family:var(--co-font-family-primary);font-size:14px;font-weight:500;line-height:1.3;color:var(--co-color-base-negro, #1f1c1b);letter-spacing:var(--co-font-letter-spacing-body, -0.03em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-drive-card__meta{font-family:var(--co-font-family-primary);font-size:12px;color:var(--co-color-gray-500, #888888);margin-top:2px;letter-spacing:var(--co-font-letter-spacing-body, -0.03em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-drive-card__trailing{flex-shrink:0;display:flex;align-items:center;gap:6px}.co-drive-card__star{display:inline-flex;color:var(--co-color-primary-amarillo, #fdbf00)}.co-drive-card--file{display:flex;flex-direction:column;gap:10px;transition:box-shadow 0.14s ease}.co-drive-card--file.co-drive-card--comfy{padding:10px}.co-drive-card--file.co-drive-card--compact{padding:8px}.co-drive-card--file:hover:not(.co-drive-card--selected):not(.co-drive-card--active){box-shadow:var(--co-shadow-sm, 0 1px 2px 0 rgba(26, 26, 26, 0.04)), inset 0 0 0 1px var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08))}.co-drive-card--file.co-drive-card--active:not(.co-drive-card--selected){box-shadow:inset 0 0 0 1.5px var(--co-color-opacity-negro-25, rgba(31, 28, 27, 0.25))}.co-drive-card--file.co-drive-card--selected{box-shadow:inset 0 0 0 1.5px var(--dc-accent)}.co-drive-card__thumb{display:block;border-radius:10px;overflow:hidden;background:var(--co-color-gray-100, #f6f6f6)}.co-drive-card--comfy .co-drive-card__thumb{height:132px}.co-drive-card--compact .co-drive-card__thumb{height:96px}.co-drive-card__thumb ::slotted(*){display:block;width:100%;height:100%}.co-drive-card__thumb ::slotted(img){object-fit:cover}.co-drive-card--file .co-drive-card__name{font-size:13px}.co-drive-card__sub{font-family:var(--co-font-family-primary);font-size:11.5px;color:var(--co-color-gray-500, #888888);margin-top:1px;letter-spacing:var(--co-font-letter-spacing-body, -0.03em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-drive-card__foot{display:flex;align-items:center;gap:8px;padding:0 2px 2px}.co-drive-card__type{flex-shrink:0;display:inline-flex}.co-drive-card__foot-text{flex:1;min-width:0;display:flex;flex-direction:column}.co-drive-card__actions{flex-shrink:0;display:inline-flex;align-items:center;color:var(--co-color-gray-400, #a0a0a0);opacity:0;transition:opacity 0.12s ease}.co-drive-card:hover .co-drive-card__actions{opacity:1}.co-drive-card__star-overlay{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--co-color-base-blanco, #fff);opacity:0;transition:opacity 0.12s ease}.co-drive-card:hover .co-drive-card__star-overlay,.co-drive-card--starred .co-drive-card__star-overlay{opacity:1}.co-drive-card--starred .co-drive-card__star-overlay{color:var(--co-color-primary-amarillo, #fdbf00)}.co-drive-card__select{position:absolute;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;opacity:0;transition:opacity 0.12s ease;background:rgba(255, 255, 255, 0.9);box-shadow:inset 0 0 0 1px var(--co-color-opacity-negro-16, rgba(31, 28, 27, 0.16))}.co-drive-card:hover .co-drive-card__select,.co-drive-card--selected .co-drive-card__select{opacity:1}.co-drive-card--folder .co-drive-card__select{top:8px;left:8px;width:20px;height:20px}.co-drive-card--file .co-drive-card__select{top:16px;left:16px;width:22px;height:22px;background:rgba(255, 255, 255, 0.92)}.co-drive-card--selected .co-drive-card__select{background:var(--dc-accent);box-shadow:none}.co-drive-card__check{display:block;pointer-events:none}`;
|
|
4
4
|
|
|
@@ -64,7 +64,7 @@ const CoDriveCard = class {
|
|
|
64
64
|
}
|
|
65
65
|
render() {
|
|
66
66
|
const isFile = this.variant === 'file';
|
|
67
|
-
return (h("div", { key: '
|
|
67
|
+
return (h("div", { key: '942d53fe6341ba7c24665b6f10762eeb8aaad3f7', class: {
|
|
68
68
|
'co-drive-card': true,
|
|
69
69
|
[`co-drive-card--${this.variant}`]: true,
|
|
70
70
|
[`co-drive-card--${this.density}`]: true,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, H as Host } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, H as Host } from './index-BCEz3S-z.js';
|
|
2
2
|
|
|
3
3
|
const coDropZoneCss = () => `:host{position:relative;display:block}.co-drop-zone__overlay{position:absolute;inset:12px;z-index:70;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border-radius:16px;border:2px dashed var(--co-drop-zone-accent, var(--co-color-primary-azul, #2563eb));background:color-mix( in srgb, var(--co-drop-zone-accent, var(--co-color-primary-azul, #2563eb)) 8%, rgba(255, 255, 255, 0.85) );-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.co-drop-zone__badge{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:20px;background:var(--co-color-base-blanco, #fff);color:var(--co-drop-zone-accent, var(--co-color-primary-azul, #2563eb));box-shadow:var(--co-shadow-sm, 0 1px 2px 0 rgba(26, 26, 26, 0.04))}.co-drop-zone__label{font-family:var(--co-font-family-primary);letter-spacing:var(--co-font-letter-spacing-body, -0.03em);font-size:18px;font-weight:500;color:var(--co-color-base-negro, #1f1c1b)}`;
|
|
4
4
|
|
|
@@ -53,7 +53,7 @@ const CoDropZone = class {
|
|
|
53
53
|
this.coDragStateChange.emit(next);
|
|
54
54
|
}
|
|
55
55
|
render() {
|
|
56
|
-
return (h(Host, { key: '
|
|
56
|
+
return (h(Host, { key: '3358f8a880d1105209b5047fe14b49c5c2d67033', class: { 'co-drop-zone': true, 'co-drop-zone--active': this.active }, part: "host", style: { '--co-drop-zone-accent': this.accent }, onDragEnter: this.handleDragEnter, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave, onDrop: this.handleDrop }, h("slot", { key: 'd1fb8f1e918d1ca7d26b40d60903e743855d70e7' }), this.active && (h("div", { key: '72a2df7b78205ffa6da676c850fec495ea6e3e68', class: "co-drop-zone__overlay", part: "overlay" }, h("div", { key: 'a25910837ccb5d20b16870272780578d2e3229a2', class: "co-drop-zone__badge", part: "badge" }, h("co-icon", { key: '5066e11590b64c48d2397be0af1a85d1a353a952', name: this.icon, size: 34 })), h("span", { key: '53237cbb8ec4c607ac7c7846419d65e63a8cfef6', class: "co-drop-zone__label", part: "label" }, this.label)))));
|
|
57
57
|
}
|
|
58
58
|
};
|
|
59
59
|
CoDropZone.style = coDropZoneCss();
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-
|
|
1
|
+
import { r as registerInstance, h } from './index-BCEz3S-z.js';
|
|
2
2
|
|
|
3
3
|
const coEmptyStateCss = () => `:host{display:block}.co-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--co-spacing-2xl) var(--co-spacing-xl);font-family:var(--co-font-family-primary);max-width:492px;margin:0 auto}.co-empty-state__icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:var(--co-color-gray-100, #f6f6f6);color:var(--co-semantic-text-muted);margin-bottom:var(--co-spacing-xl)}.co-empty-state__heading{font-size:var(--co-font-size-20);font-weight:600;color:var(--co-semantic-text-default);margin-bottom:var(--co-spacing-sm)}.co-empty-state__description{font-size:var(--co-font-size-14);color:var(--co-semantic-text-muted);line-height:1.5;margin-bottom:var(--co-spacing-xl)}.co-empty-state__actions{display:flex;gap:var(--co-spacing-md);flex-wrap:wrap;justify-content:center}.co-empty-state__actions:empty{display:none}.co-empty-state--card{gap:var(--co-spacing-3xl, 32px);padding:var(--co-spacing-5xl, 48px) var(--co-spacing-3xl, 32px);background:var(--co-color-base-blanco, #fff);box-shadow:inset 0 0 0 1px var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-lg, 16px)}.co-empty-state--card .co-empty-state__icon{margin-bottom:0;background:var(--co-color-gray-100, #f6f6f6);color:var(--co-color-gray-600, #585858)}.co-empty-state--card .co-empty-state__heading{margin-bottom:0}.co-empty-state--card .co-empty-state__description{margin-bottom:0;line-height:1.35;color:var(--co-color-gray-600, #585858);max-width:366px}.co-empty-state--l .co-empty-state__icon{width:98px;height:98px}.co-empty-state--l .co-empty-state__heading{font-size:var(--co-font-size-24, 24px);font-weight:500;line-height:1.25}`;
|
|
4
4
|
|
|
@@ -13,11 +13,11 @@ const CoEmptyState = class {
|
|
|
13
13
|
render() {
|
|
14
14
|
var _a;
|
|
15
15
|
const iconWeight = (_a = this.iconWeight) !== null && _a !== void 0 ? _a : (this.variant === 'card' ? 'regular' : 'light');
|
|
16
|
-
return (h("div", { key: '
|
|
16
|
+
return (h("div", { key: 'f43461cfe3b4336f099a164130201842eb4c9634', class: {
|
|
17
17
|
'co-empty-state': true,
|
|
18
18
|
[`co-empty-state--${this.variant}`]: true,
|
|
19
19
|
[`co-empty-state--${this.size}`]: true,
|
|
20
|
-
}, part: "empty-state" }, this.icon && (h("div", { key: '
|
|
20
|
+
}, part: "empty-state" }, this.icon && (h("div", { key: 'c8232663644d30471b3cf7bba67798baa0a0d75a', class: "co-empty-state__icon" }, h("co-icon", { key: '0bbd66e7d8b930fa33f52039e90714b4d0e436a8', name: this.icon, size: 40, weight: iconWeight }))), this.heading && (h("div", { key: '17df7252b0cb40161798ce3b677efb7a2c1247f2', class: "co-empty-state__heading" }, this.heading)), this.description && (h("div", { key: '52226dbdab22fc0524f6b49b4628dc68daf6a7fc', class: "co-empty-state__description" }, this.description)), h("div", { key: '9a27fe8be272eb5b6c0f820bd8671842a7ae4487', class: "co-empty-state__actions" }, h("slot", { key: '0cd1c07318977ac5aa3b55602f31c51a71682ee4' }))));
|
|
21
21
|
}
|
|
22
22
|
};
|
|
23
23
|
CoEmptyState.style = coEmptyStateCss();
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h } from './index-BCEz3S-z.js';
|
|
2
2
|
import { g as getDateStrings } from './dateI18n-C1DCLOEl.js';
|
|
3
3
|
import { a as todayYMD, d as addDays, p as parseISO, g as getMonthMatrix, b as addMonths, e as getMonthLabel } from './dates-tPYikBRJ.js';
|
|
4
4
|
import { t as toEpoch, a as toUtcISO, g as getLocalTimeZone } from './tz-B6JZk8fL.js';
|
|
@@ -262,10 +262,10 @@ const CoEventCalendar = class {
|
|
|
262
262
|
const t = getDateStrings(this.locale);
|
|
263
263
|
const views = this.viewsList;
|
|
264
264
|
const a = parseISO(this.anchor);
|
|
265
|
-
return (h("div", { key: '
|
|
265
|
+
return (h("div", { key: '4820180047be56115d2b350343c50cd73e3c275c', class: "cal" }, h("div", { key: 'd623a44932b94bef980f35459247b743ee63b656', class: "cal__toolbar", part: "toolbar" }, h("div", { key: 'bd3019ee327752aeef1f8f5c8bcd738adf966861', class: "cal__nav-group" }, h("button", { key: '7e57307890143d11c1d18599025c9204c88c75fa', type: "button", class: "cal__btn", onClick: this.goToday }, (_a = t.today) !== null && _a !== void 0 ? _a : 'Today'), h("button", { key: '97270e2db26f1d014b4c92f01f68a38881cf9dc5', type: "button", class: "cal__icon-btn", "aria-label": t.prevMonth, onClick: this.goPrev }, h("co-icon", { key: '64ef0715a090303ca38c039b456ead6e30ec79c9', name: "caret-left", size: 16 })), h("button", { key: '4c0e5eb70d51c8c7d74c4f49662395cc63d14c8a', type: "button", class: "cal__icon-btn", "aria-label": t.nextMonth, onClick: this.goNext }, h("co-icon", { key: 'e83a4ea954f6be95369b7af5c07fb8b3541761ea', name: "caret-right", size: 16 }))), h("h2", { key: '465e8b8aa199bb897d81226da06ad899d3c3467e', class: "cal__title", "aria-live": "polite" }, this.title()), views.length > 1 ? (h("div", { class: "cal__views", role: "tablist" }, views.map((v) => {
|
|
266
266
|
var _a;
|
|
267
267
|
return (h("button", { type: "button", role: "tab", "aria-selected": this.view === v ? 'true' : 'false', class: { 'cal__view-btn': true, 'cal__view-btn--active': this.view === v }, onClick: () => this.switchView(v) }, (_a = t[v]) !== null && _a !== void 0 ? _a : v));
|
|
268
|
-
}))) : (h("span", { class: "cal__views-spacer" }))), h("div", { key: '
|
|
268
|
+
}))) : (h("span", { class: "cal__views-spacer" }))), h("div", { key: '4997eb7d83efa22dab101463c3550e0cee373b89', class: "cal__body", part: "body" }, this.view === 'month' ? (h("co-calendar-month", { events: this.normalized, year: a.year, month: a.month, locale: this.locale, firstDayOfWeek: this.firstDayOfWeek, timeZone: this.tz, minDate: this.minDate, maxDate: this.maxDate, editable: this.editable, selectable: this.selectable, maxLanes: this.dayMaxEvents, onCoDaySelect: this.handleDaySelect, onCoEventClick: this.handleEventClick, onCoEventDrop: this.handleEventDrop, onCoMoreClick: this.handleMoreClick })) : (h("div", { class: "cal__placeholder" }, h("co-icon", { name: "calendar-dots", size: 32 }), h("p", null, `${this.view} view — coming soon`))))));
|
|
269
269
|
}
|
|
270
270
|
static get watchers() { return {
|
|
271
271
|
"date": [{
|
package/dist/esm/co-fab.entry.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BCEz3S-z.js';
|
|
2
2
|
|
|
3
|
-
const coFabCss = () => `:host{display:inline-flex;font-family:var(--co-font-family-primary);line-height:1}.co-fab{display:inline-flex;align-items:center;justify-content:center;gap:var(--co-spacing-sm2);border:none;border-radius:var(--co-border-radius-full);cursor:pointer;font-family:inherit;font-weight:500;white-space:nowrap;box-sizing:border-box;transition:background 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;box-shadow:0 4px 12px rgba(31, 28, 27, 0.15)}.co-fab--xl{width:64px;height:64px;font-size:var(--co-font-size-16)}.co-fab--l{width:56px;height:56px;font-size:var(--co-font-size-16)}.co-fab--m{width:48px;height:48px;font-size:var(--co-font-size-14)}.co-fab--s{width:40px;height:40px;font-size:var(--co-font-size-14)}.co-fab--extended{width:auto;border-radius:var(--co-border-radius-lg)}.co-fab--extended.co-fab--xl{padding:0 var(--co-spacing-xl)}.co-fab--extended.co-fab--l{padding:0 var(--co-spacing-xl)}.co-fab--extended.co-fab--m{padding:0 var(--co-spacing-lg)}.co-fab--extended.co-fab--s{padding:0 var(--co-spacing-md)}.co-fab--
|
|
3
|
+
const coFabCss = () => `:host{display:inline-flex;font-family:var(--co-font-family-primary);line-height:1}.co-fab{display:inline-flex;align-items:center;justify-content:center;gap:var(--co-spacing-sm2);border:none;border-radius:var(--co-border-radius-full);cursor:pointer;font-family:inherit;font-weight:500;white-space:nowrap;box-sizing:border-box;transition:background 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;box-shadow:0 4px 12px rgba(31, 28, 27, 0.15)}.co-fab--xl{--co-fab-size:64px;width:64px;height:64px;font-size:var(--co-font-size-16)}.co-fab--l{--co-fab-size:56px;width:56px;height:56px;font-size:var(--co-font-size-16)}.co-fab--m{--co-fab-size:48px;width:48px;height:48px;font-size:var(--co-font-size-14)}.co-fab--s{--co-fab-size:40px;width:40px;height:40px;font-size:var(--co-font-size-14)}.co-fab--extended{width:auto;border-radius:var(--co-border-radius-lg)}.co-fab--extended.co-fab--xl{padding:0 var(--co-spacing-xl)}.co-fab--extended.co-fab--l{padding:0 var(--co-spacing-xl)}.co-fab--extended.co-fab--m{padding:0 var(--co-spacing-lg)}.co-fab--extended.co-fab--s{padding:0 var(--co-spacing-md)}.co-fab--hover-expand{justify-content:flex-start;overflow:hidden;transition:width 0.25s cubic-bezier(0.4, 0, 0.2, 1), background 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease}.co-fab--hover-expand.co-fab--xl{padding:0 20px}.co-fab--hover-expand.co-fab--l{padding:0 16px}.co-fab--hover-expand.co-fab--m{padding:0 14px}.co-fab--hover-expand.co-fab--s{padding:0 11px}.co-fab--hover-expand:hover:not(:disabled),.co-fab--hover-expand:focus-visible{width:calc(var(--co-fab-size) + var(--co-spacing-sm2) + var(--co-fab-label-w, 0px));transition:width 0.38s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease}.co-fab--hover-expand co-icon{flex-shrink:0;transition:transform 0.38s cubic-bezier(0.34, 1.56, 0.64, 1)}.co-fab--hover-expand:hover:not(:disabled) co-icon,.co-fab--hover-expand:focus-visible co-icon{transform:rotate(90deg)}.co-fab--hover-expand .co-fab__label{flex-shrink:0;opacity:0;transform:translateX(-6px);transition:opacity 0.12s ease, transform 0.12s ease}.co-fab--hover-expand:hover:not(:disabled) .co-fab__label,.co-fab--hover-expand:focus-visible .co-fab__label{opacity:1;transform:translateX(0);transition:opacity 0.2s ease 0.1s, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0.1s}@media (prefers-reduced-motion: reduce){.co-fab--hover-expand,.co-fab--hover-expand co-icon,.co-fab--hover-expand .co-fab__label{transition:none}}.co-fab--primary{background:var(--co-fab-bg, var(--co-color-base-negro, #1f1c1b));color:var(--co-semantic-on-primary)}.co-fab--primary:hover:not(:disabled){box-shadow:0 6px 20px rgba(31, 28, 27, 0.2);transform:translateY(-1px)}.co-fab--secondary{background:var(--co-semantic-surface-secondary);color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-subtle)}.co-fab--secondary:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-fab--stroke{background:transparent;color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-default)}.co-fab--stroke:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-fab:active:not(:disabled){transform:translateY(0) scale(0.96)}.co-fab--disabled{opacity:0.4;cursor:not-allowed;box-shadow:none}.co-fab--bottom-right{position:fixed;bottom:24px;right:24px;z-index:1000}.co-fab--bottom-left{position:fixed;bottom:24px;left:24px;z-index:1000}.co-fab--top-right{position:fixed;top:24px;right:24px;z-index:1000}.co-fab--top-left{position:fixed;top:24px;left:24px;z-index:1000}.co-fab__label{line-height:1}`;
|
|
4
4
|
|
|
5
5
|
const CoFab = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -12,23 +12,38 @@ const CoFab = class {
|
|
|
12
12
|
this.disabled = false;
|
|
13
13
|
/** Fixed position on screen */
|
|
14
14
|
this.position = 'none';
|
|
15
|
+
/** With `label`: icon-only circle at rest that stretches into the extended
|
|
16
|
+
* pill on hover/focus-visible (springy "liquid" morph). */
|
|
17
|
+
this.expandOnHover = false;
|
|
15
18
|
this.handleClick = () => {
|
|
16
19
|
if (!this.disabled)
|
|
17
20
|
this.coClick.emit();
|
|
18
21
|
};
|
|
22
|
+
/* width:auto no anima — el CSS necesita el ancho expandido explícito. Se mide
|
|
23
|
+
el label (nowrap + flex-shrink:0 → offsetWidth = ancho completo aunque esté
|
|
24
|
+
clipeado) en cada entrada de hover/foco: barato y siempre fresco aunque la
|
|
25
|
+
fuente web cargue después del primer render. */
|
|
26
|
+
this.handleExpandMeasure = () => {
|
|
27
|
+
if (!this.expandOnHover || !this.labelEl)
|
|
28
|
+
return;
|
|
29
|
+
this.el.style.setProperty('--co-fab-label-w', `${this.labelEl.offsetWidth}px`);
|
|
30
|
+
};
|
|
19
31
|
}
|
|
20
32
|
render() {
|
|
21
33
|
const iconSize = this.size === 'xl' ? 24 : this.size === 'l' ? 24 : this.size === 's' ? 18 : 20;
|
|
22
|
-
const
|
|
23
|
-
|
|
34
|
+
const hasLabel = !!this.label;
|
|
35
|
+
const hoverExpand = hasLabel && this.expandOnHover;
|
|
36
|
+
return (h("button", { key: 'e321a7455329a1401504cf93f1761a37d7d45eff', class: {
|
|
24
37
|
'co-fab': true,
|
|
25
38
|
[`co-fab--${this.variant}`]: true,
|
|
26
39
|
[`co-fab--${this.size}`]: true,
|
|
27
|
-
'co-fab--extended':
|
|
40
|
+
'co-fab--extended': hasLabel && !this.expandOnHover,
|
|
41
|
+
'co-fab--hover-expand': hoverExpand,
|
|
28
42
|
'co-fab--disabled': this.disabled,
|
|
29
43
|
[`co-fab--${this.position}`]: this.position !== 'none',
|
|
30
|
-
}, type: "button", disabled: this.disabled, onClick: this.handleClick, "aria-label": this.ariaLabelText || this.label || this.icon }, h("co-icon", { key: '
|
|
44
|
+
}, type: "button", disabled: this.disabled, onClick: this.handleClick, onPointerEnter: this.handleExpandMeasure, onFocusin: this.handleExpandMeasure, "aria-label": this.ariaLabelText || this.label || this.icon }, h("co-icon", { key: '66a36ba9144cf10b7ad8b4bef6a821ef92257892', name: this.icon, size: iconSize }), this.label && (h("span", { key: 'c01018d61ca455a0d1952082b94ec0e5efd807b8', class: "co-fab__label", ref: (el) => (this.labelEl = el) }, this.label))));
|
|
31
45
|
}
|
|
46
|
+
get el() { return getElement(this); }
|
|
32
47
|
};
|
|
33
48
|
CoFab.style = coFabCss();
|
|
34
49
|
|