@prolibu-suite/cobalt-core 0.3.0 → 0.4.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 +6407 -3168
- package/dist/cjs/co-accordion.cjs.entry.js +3 -3
- package/dist/cjs/co-app-shell.cjs.entry.js +3 -3
- package/dist/cjs/co-autocomplete.cjs.entry.js +2 -2
- package/dist/cjs/co-avatar-group.cjs.entry.js +1 -1
- package/dist/cjs/co-avatar.cjs.entry.js +9 -4
- 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 +37 -0
- package/dist/cjs/co-breadcrumb.cjs.entry.js +55 -0
- package/dist/cjs/co-button-group.cjs.entry.js +3 -3
- package/dist/cjs/co-button.cjs.entry.js +10 -4
- package/dist/cjs/co-calendar-month.cjs.entry.js +2 -2
- package/dist/cjs/co-calendar_3.cjs.entry.js +40 -10
- package/dist/cjs/co-card.cjs.entry.js +3 -3
- package/dist/cjs/co-checkbox-group.cjs.entry.js +1 -1
- package/dist/cjs/co-checkbox.cjs.entry.js +18 -6
- package/dist/cjs/co-chip.cjs.entry.js +12 -7
- package/dist/cjs/co-color-picker.cjs.entry.js +4 -4
- package/dist/cjs/co-column-picker.cjs.entry.js +3 -3
- package/dist/cjs/co-combobox.cjs.entry.js +2 -2
- package/dist/cjs/co-command-search.cjs.entry.js +5 -5
- package/dist/cjs/co-data-table-pagination.cjs.entry.js +5 -5
- package/dist/cjs/co-data-table.cjs.entry.js +23 -16
- package/dist/cjs/co-date-picker.cjs.entry.js +2 -2
- package/dist/cjs/co-date-range-picker.cjs.entry.js +2 -2
- package/dist/cjs/co-date-range.cjs.entry.js +2 -2
- package/dist/cjs/co-drive-card.cjs.entry.js +81 -0
- package/dist/cjs/co-drop-zone.cjs.entry.js +63 -0
- package/dist/cjs/co-empty-state.cjs.entry.js +13 -3
- package/dist/cjs/co-event-calendar.cjs.entry.js +3 -3
- package/dist/cjs/co-fab.cjs.entry.js +3 -3
- package/dist/cjs/co-file-field.cjs.entry.js +7 -7
- package/dist/cjs/co-file-type-tile.cjs.entry.js +78 -0
- package/dist/cjs/co-helper-text.cjs.entry.js +3 -3
- package/dist/cjs/co-icon-button.cjs.entry.js +23 -7
- package/dist/cjs/co-icon.cjs.entry.js +3 -3
- package/dist/cjs/co-input.cjs.entry.js +36 -7
- package/dist/cjs/co-json-field.cjs.entry.js +5 -5
- package/dist/cjs/co-lightbox.cjs.entry.js +5 -5
- 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 +34 -0
- package/dist/cjs/co-media-thumb.cjs.entry.js +36 -0
- package/dist/cjs/co-menu-divider.cjs.entry.js +2 -2
- package/dist/cjs/co-menu-item.cjs.entry.js +11 -3
- package/dist/cjs/co-menu.cjs.entry.js +3 -3
- package/dist/cjs/co-modal.cjs.entry.js +29 -5
- package/dist/cjs/co-navbar.cjs.entry.js +3 -3
- package/dist/cjs/co-number-field.cjs.entry.js +4 -4
- package/dist/cjs/co-option-list.cjs.entry.js +379 -0
- package/dist/cjs/{co-loader_2.cjs.entry.js → co-overlay.cjs.entry.js} +2 -32
- package/dist/cjs/co-page-header.cjs.entry.js +2 -2
- package/dist/cjs/co-phone-field.cjs.entry.js +3 -3
- package/dist/cjs/co-popover.cjs.entry.js +3 -3
- 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 +4 -4
- 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 +4 -4
- package/dist/cjs/co-rich-text-editor.cjs.entry.js +4 -4
- package/dist/cjs/co-rich-text-toolbar.cjs.entry.js +1 -1
- package/dist/cjs/co-rich-text-viewer.cjs.entry.js +2 -2
- package/dist/cjs/co-row.cjs.entry.js +3 -3
- package/dist/cjs/co-segmented-bar.cjs.entry.js +58 -0
- package/dist/cjs/co-select.cjs.entry.js +6 -6
- package/dist/cjs/co-separator.cjs.entry.js +2 -2
- package/dist/cjs/co-sidebar-nav.cjs.entry.js +3 -3
- 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 +15 -3
- package/dist/cjs/co-tab.cjs.entry.js +8 -5
- package/dist/cjs/co-tags-field.cjs.entry.js +8 -8
- package/dist/cjs/co-textarea.cjs.entry.js +6 -6
- package/dist/cjs/co-toast.cjs.entry.js +10 -4
- package/dist/cjs/co-toggle-button-group.cjs.entry.js +16 -4
- package/dist/cjs/co-toggle-button.cjs.entry.js +9 -5
- package/dist/cjs/co-tooltip.cjs.entry.js +3 -3
- package/dist/cjs/co-transfer-list.cjs.entry.js +3 -3
- package/dist/cjs/co-video.cjs.entry.js +3 -3
- package/dist/cjs/cobalt.cjs.js +2 -2
- package/dist/cjs/{fieldChip-CDIMz_Y6.js → fieldChip-DtYUP0VZ.js} +1 -1
- package/dist/cjs/{index-5NdsiFjZ.js → index-4y1Dm145.js} +64 -11
- package/dist/cjs/{index-BumlM92r.js → index-NNvye1ul.js} +68 -8
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{requiredMark-CqMGt1H1.js → requiredMark-DyjZzUCd.js} +1 -1
- package/dist/cobalt/cobalt.esm.js +1 -1
- package/dist/cobalt/{p-635b03d5.entry.js → p-06c27cc5.entry.js} +1 -1
- package/dist/cobalt/p-075f6ca4.entry.js +1 -0
- package/dist/cobalt/{p-0a506c9d.entry.js → p-0810ee1e.entry.js} +1 -1
- package/dist/cobalt/p-08519a7c.entry.js +1 -0
- package/dist/cobalt/p-0b41e76e.entry.js +1 -0
- package/dist/cobalt/{p-d809bd44.entry.js → p-0be124d5.entry.js} +1 -1
- package/dist/cobalt/{p-8d59f5ad.entry.js → p-0e1afdea.entry.js} +1 -1
- package/dist/cobalt/{p-e53861e4.entry.js → p-1388eac6.entry.js} +1 -1
- package/dist/cobalt/{p-8dc1dab8.entry.js → p-19f7ee64.entry.js} +1 -1
- package/dist/cobalt/{p-29be61a9.entry.js → p-1af6ef83.entry.js} +1 -1
- package/dist/cobalt/{p-58a53421.entry.js → p-1cecb9e1.entry.js} +1 -1
- package/dist/cobalt/{p-ef7d4ae3.entry.js → p-20c68308.entry.js} +1 -1
- package/dist/cobalt/p-21916f82.entry.js +1 -0
- package/dist/cobalt/{p-3e187456.entry.js → p-23c9208a.entry.js} +1 -1
- package/dist/cobalt/{p-c10697e1.entry.js → p-2d4e1ca8.entry.js} +1 -1
- package/dist/cobalt/{p-377c2ccc.entry.js → p-304c3be1.entry.js} +1 -1
- package/dist/cobalt/{p-9abbd436.entry.js → p-311118cb.entry.js} +1 -1
- package/dist/cobalt/p-328f0470.entry.js +1 -0
- package/dist/cobalt/p-35c63fdc.entry.js +1 -0
- package/dist/cobalt/{p-70b14b05.entry.js → p-363a5262.entry.js} +1 -1
- package/dist/cobalt/p-376c43b8.entry.js +1 -0
- package/dist/cobalt/{p-afb7e19e.entry.js → p-39a29bbb.entry.js} +1 -1
- package/dist/cobalt/{p-1a07c23c.entry.js → p-3d07e4a9.entry.js} +1 -1
- package/dist/cobalt/{p-cb235aa7.entry.js → p-3dd6b57b.entry.js} +1 -1
- package/dist/cobalt/{p-9a088515.entry.js → p-48c5f311.entry.js} +1 -1
- package/dist/cobalt/{p-37595103.entry.js → p-4aeefe3f.entry.js} +1 -1
- package/dist/cobalt/p-523cfd98.entry.js +1 -0
- package/dist/cobalt/{p-9a04ca90.entry.js → p-58aed8d6.entry.js} +1 -1
- package/dist/cobalt/{p-93046365.entry.js → p-593fd213.entry.js} +1 -1
- package/dist/cobalt/{p-64ddee92.entry.js → p-5eecea26.entry.js} +1 -1
- package/dist/cobalt/p-64a0b656.entry.js +1 -0
- package/dist/cobalt/p-69289e82.entry.js +1 -0
- package/dist/cobalt/p-6a3ed174.entry.js +1 -0
- package/dist/cobalt/{p-1531d3c9.entry.js → p-6f12e721.entry.js} +1 -1
- package/dist/cobalt/{p-4871690e.entry.js → p-7040e4c5.entry.js} +1 -1
- package/dist/cobalt/p-755ecee1.entry.js +1 -0
- package/dist/cobalt/p-76b46336.entry.js +1 -0
- package/dist/cobalt/{p-65af5017.entry.js → p-79e49749.entry.js} +1 -1
- package/dist/cobalt/p-7b5dec05.entry.js +1 -0
- package/dist/cobalt/p-7d9f2021.entry.js +1 -0
- package/dist/cobalt/{p-51a53177.entry.js → p-804d025f.entry.js} +1 -1
- package/dist/cobalt/{p-0bb55163.entry.js → p-860a685f.entry.js} +1 -1
- package/dist/cobalt/p-87289d32.entry.js +1 -0
- package/dist/cobalt/{p-b6f20268.entry.js → p-8ae5da0c.entry.js} +1 -1
- package/dist/cobalt/p-8fdf2163.entry.js +1 -0
- package/dist/cobalt/p-9310739f.entry.js +1 -0
- package/dist/cobalt/{p-31ab9a46.entry.js → p-96baec0e.entry.js} +1 -1
- package/dist/cobalt/p-BUgUTjOB.js +1 -0
- package/dist/cobalt/{p-CegCk7FL.js → p-Bgxofdfb.js} +1 -1
- package/dist/cobalt/{p-BZJ7NCm5.js → p-BxzuCRMr.js} +1 -1
- package/dist/cobalt/p-Es9IUmmt.js +2 -0
- package/dist/cobalt/{p-8d7fdb9d.entry.js → p-a0749d7b.entry.js} +1 -1
- package/dist/cobalt/{p-1dc9c49e.entry.js → p-a71fd4f1.entry.js} +1 -1
- package/dist/cobalt/{p-52de17da.entry.js → p-aa1ad9fa.entry.js} +1 -1
- package/dist/cobalt/p-af0495d8.entry.js +1 -0
- package/dist/cobalt/{p-260101ab.entry.js → p-b045d680.entry.js} +1 -1
- package/dist/cobalt/{p-5890e4d1.entry.js → p-b3c8fc9a.entry.js} +1 -1
- package/dist/cobalt/p-b4dcc260.entry.js +1 -0
- package/dist/cobalt/p-b8200f7f.entry.js +1 -0
- package/dist/cobalt/p-b8f36f12.entry.js +1 -0
- package/dist/cobalt/{p-62274eba.entry.js → p-ba6f0f90.entry.js} +1 -1
- package/dist/cobalt/{p-279bf91c.entry.js → p-bae82095.entry.js} +1 -1
- package/dist/cobalt/{p-cfb36943.entry.js → p-be3e61f4.entry.js} +1 -1
- package/dist/cobalt/p-c1abc74b.entry.js +1 -0
- package/dist/cobalt/{p-ba90e871.entry.js → p-c23a2ff6.entry.js} +1 -1
- package/dist/cobalt/{p-f4063c41.entry.js → p-c682453a.entry.js} +1 -1
- package/dist/cobalt/{p-790d384e.entry.js → p-c857b9ff.entry.js} +1 -1
- package/dist/cobalt/{p-4504f7b0.entry.js → p-c85a6a9e.entry.js} +1 -1
- package/dist/cobalt/p-ca108c6d.entry.js +1 -0
- package/dist/cobalt/p-cf239452.entry.js +1 -0
- package/dist/cobalt/p-d2507f04.entry.js +1 -0
- package/dist/cobalt/p-d403d9c4.entry.js +1 -0
- package/dist/cobalt/{p-2f86e1e0.entry.js → p-d4086c34.entry.js} +1 -1
- package/dist/cobalt/p-d55652f2.entry.js +1 -0
- package/dist/cobalt/{p-12e2c2c4.entry.js → p-d7c9cf93.entry.js} +1 -1
- package/dist/cobalt/{p-1f747e45.entry.js → p-d7cbb4c7.entry.js} +1 -1
- package/dist/cobalt/p-da211abf.entry.js +1 -0
- package/dist/cobalt/p-dcc7fc95.entry.js +1 -0
- package/dist/cobalt/p-dd03c00b.entry.js +1 -0
- package/dist/cobalt/p-e55fb916.entry.js +1 -0
- package/dist/cobalt/p-e8e752f9.entry.js +1 -0
- package/dist/cobalt/{p-3863ea91.entry.js → p-e93644cb.entry.js} +1 -1
- package/dist/cobalt/{p-6e808b3a.entry.js → p-f6b93f17.entry.js} +1 -1
- package/dist/cobalt/{p-6d1217c3.entry.js → p-f72f0e38.entry.js} +1 -1
- package/dist/cobalt/{p-8e1dc062.entry.js → p-fb86cdb9.entry.js} +1 -1
- package/dist/cobalt/p-ff6be242.entry.js +1 -0
- package/dist/collection/collection-manifest.json +8 -0
- package/dist/collection/components/co-accordion/co-accordion.js +2 -2
- package/dist/collection/components/co-app-shell/co-app-shell.js +2 -2
- package/dist/collection/components/co-avatar/co-avatar.js +27 -3
- 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.css +6 -0
- package/dist/collection/components/co-breadcrumb/co-breadcrumb.js +111 -0
- package/dist/collection/components/co-breadcrumb-item/co-breadcrumb-item.css +66 -0
- package/dist/collection/components/co-breadcrumb-item/co-breadcrumb-item.js +169 -0
- package/dist/collection/components/co-button/co-button.css +23 -0
- package/dist/collection/components/co-button/co-button.js +48 -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-checkbox/co-checkbox.css +63 -0
- package/dist/collection/components/co-checkbox/co-checkbox.js +58 -7
- package/dist/collection/components/co-chip/co-chip.css +56 -1
- package/dist/collection/components/co-chip/co-chip.js +52 -9
- 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-command-search/co-command-search.js +4 -4
- package/dist/collection/components/co-data-table/co-data-table.css +5 -1
- package/dist/collection/components/co-data-table/co-data-table.js +93 -14
- package/dist/collection/components/co-data-table-pagination/co-data-table-pagination.js +4 -4
- package/dist/collection/components/co-date-field/co-date-field.js +4 -4
- package/dist/collection/components/co-date-range/co-date-range.js +1 -1
- package/dist/collection/components/co-drawer/co-drawer.css +20 -3
- package/dist/collection/components/co-drawer/co-drawer.js +52 -2
- package/dist/collection/components/co-drive-card/co-drive-card.css +285 -0
- package/dist/collection/components/co-drive-card/co-drive-card.js +329 -0
- package/dist/collection/components/co-drop-zone/co-drop-zone.css +49 -0
- package/dist/collection/components/co-drop-zone/co-drop-zone.js +197 -0
- package/dist/collection/components/co-empty-state/co-empty-state.css +38 -0
- package/dist/collection/components/co-empty-state/co-empty-state.js +72 -1
- package/dist/collection/components/co-event-calendar/co-event-calendar.js +2 -2
- package/dist/collection/components/co-fab/co-fab.js +2 -2
- package/dist/collection/components/co-file-field/co-file-field.js +5 -5
- package/dist/collection/components/co-file-type-tile/co-file-type-tile.css +14 -0
- package/dist/collection/components/co-file-type-tile/co-file-type-tile.js +164 -0
- 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.css +11 -4
- package/dist/collection/components/co-icon-button/co-icon-button.js +80 -25
- package/dist/collection/components/co-input/co-input.css +58 -0
- package/dist/collection/components/co-input/co-input.js +54 -5
- package/dist/collection/components/co-json-field/co-json-field.js +3 -3
- package/dist/collection/components/co-lightbox/co-lightbox.js +4 -4
- package/dist/collection/components/co-list-footer/co-list-footer.js +1 -1
- package/dist/collection/components/co-list-item/co-list-item.js +4 -4
- package/dist/collection/components/co-media-thumb/co-media-thumb.css +43 -0
- package/dist/collection/components/co-media-thumb/co-media-thumb.js +148 -0
- package/dist/collection/components/co-menu/co-menu.css +6 -4
- package/dist/collection/components/co-menu/co-menu.js +20 -1
- package/dist/collection/components/co-menu-divider/co-menu-divider.js +1 -1
- package/dist/collection/components/co-menu-item/co-menu-item.css +26 -8
- package/dist/collection/components/co-menu-item/co-menu-item.js +69 -2
- package/dist/collection/components/co-modal/co-modal.css +17 -0
- package/dist/collection/components/co-modal/co-modal.js +59 -6
- package/dist/collection/components/co-navbar/co-navbar.js +2 -2
- package/dist/collection/components/co-number-field/co-number-field.js +2 -2
- package/dist/collection/components/co-option-list/co-option-list.css +228 -0
- package/dist/collection/components/co-option-list/co-option-list.js +860 -0
- package/dist/collection/components/co-option-list/optionListLogic.js +100 -0
- package/dist/collection/components/co-overlay/co-overlay.js +1 -1
- package/dist/collection/components/co-page-header/co-page-header.js +1 -1
- package/dist/collection/components/co-phone-field/co-phone-field.js +1 -1
- package/dist/collection/components/co-popover/co-popover.js +2 -2
- 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-radio-group/co-radio-group.js +3 -3
- package/dist/collection/components/co-rating/co-rating.js +3 -3
- package/dist/collection/components/co-ref-field/co-ref-field.js +0 -0
- package/dist/collection/components/co-rich-text-editor/co-rich-text-editor.js +2 -2
- package/dist/collection/components/co-row/co-row.js +2 -2
- package/dist/collection/components/co-segmented-bar/co-segmented-bar.css +36 -0
- package/dist/collection/components/co-segmented-bar/co-segmented-bar.js +176 -0
- package/dist/collection/components/co-select/co-select.js +4 -4
- package/dist/collection/components/co-separator/co-separator.js +1 -1
- package/dist/collection/components/co-sidebar/co-sidebar.js +2 -2
- package/dist/collection/components/co-sidebar-nav/co-sidebar-nav.js +2 -2
- package/dist/collection/components/co-skeleton/co-skeleton.js +1 -1
- package/dist/collection/components/co-slider/co-slider.js +2 -2
- package/dist/collection/components/co-switch/co-switch.js +3 -3
- package/dist/collection/components/co-tab/co-tab.css +54 -3
- package/dist/collection/components/co-tab/co-tab.js +45 -3
- package/dist/collection/components/co-tab-group/co-tab-group.css +8 -0
- package/dist/collection/components/co-tab-group/co-tab-group.js +35 -1
- package/dist/collection/components/co-tags-field/co-tags-field.js +5 -5
- package/dist/collection/components/co-textarea/co-textarea.js +4 -4
- package/dist/collection/components/co-toast/co-toast.css +56 -2
- package/dist/collection/components/co-toast/co-toast.js +27 -2
- package/dist/collection/components/co-toggle-button/co-toggle-button.css +38 -0
- package/dist/collection/components/co-toggle-button/co-toggle-button.js +46 -3
- package/dist/collection/components/co-toggle-button-group/co-toggle-button-group.css +16 -0
- package/dist/collection/components/co-toggle-button-group/co-toggle-button-group.js +34 -2
- package/dist/collection/components/co-tooltip/co-tooltip.js +2 -2
- package/dist/collection/components/co-transfer-list/co-transfer-list.js +2 -2
- package/dist/collection/components/co-video/co-video.js +2 -2
- package/dist/components/co-accordion.js +1 -1
- package/dist/components/co-app-shell.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.d.ts +11 -0
- package/dist/components/co-breadcrumb-item.js +1 -0
- package/dist/components/co-breadcrumb.d.ts +11 -0
- package/dist/components/co-breadcrumb.js +1 -0
- 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-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.d.ts +11 -0
- package/dist/components/co-drive-card.js +1 -0
- package/dist/components/co-drop-zone.d.ts +11 -0
- package/dist/components/co-drop-zone.js +1 -0
- 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.d.ts +11 -0
- package/dist/components/co-file-type-tile.js +1 -0
- 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.d.ts +11 -0
- package/dist/components/co-media-thumb.js +1 -0
- 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.d.ts +11 -0
- package/dist/components/co-option-list.js +1 -0
- package/dist/components/co-overlay.js +1 -1
- package/dist/components/co-page-header.js +1 -1
- package/dist/components/co-phone-field.js +1 -1
- package/dist/components/co-popover.js +1 -1
- package/dist/components/co-progress-bar.js +1 -1
- package/dist/components/co-progress-circle.js +1 -1
- package/dist/components/co-radio-group.js +1 -1
- package/dist/components/co-radio.js +1 -1
- package/dist/components/co-rating.js +1 -1
- package/dist/components/co-ref-field.js +1 -1
- package/dist/components/co-rich-text-editor.js +1 -1
- package/dist/components/co-rich-text-toolbar.js +1 -1
- package/dist/components/co-rich-text-viewer.js +1 -1
- package/dist/components/co-row.js +1 -1
- package/dist/components/co-segmented-bar.d.ts +11 -0
- package/dist/components/co-segmented-bar.js +1 -0
- 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-D3Y_ti3Q.js → p-B0buzt_E.js} +1 -1
- package/dist/components/p-B3igDRut.js +1 -0
- package/dist/components/{p-CegCk7FL.js → p-Bgxofdfb.js} +1 -1
- package/dist/components/p-BhSJcOUS.js +1 -0
- package/dist/components/{p-DKh8ZK4U.js → p-BnTTeIFH.js} +1 -1
- package/dist/components/{p-DeZxp9vb.js → p-Bx1OwdIV.js} +1 -1
- package/dist/components/{p-C_ULDaks.js → p-BxiKVtk4.js} +1 -1
- package/dist/components/{p-DxCFMMfY.js → p-C7tPadNy.js} +1 -1
- package/dist/components/p-CBzpUqwG.js +1 -0
- package/dist/components/{p-BNKz39GA.js → p-CUvAZhuM.js} +1 -1
- package/dist/components/{p-tloAgDin.js → p-CZKHHCdL.js} +1 -1
- package/dist/components/{p-BB2OaYKF.js → p-CybHxq25.js} +1 -1
- package/dist/components/{p-BFeE_fiq.js → p-CzkeIavk.js} +1 -1
- package/dist/components/p-D7dk2gM7.js +1 -0
- package/dist/components/p-DTS-dgEe.js +1 -0
- package/dist/components/{p-B7vGYFbO.js → p-HXlAaApx.js} +1 -1
- package/dist/components/p-K6LC1Hz4.js +1 -0
- package/dist/components/p-LAxCvyJl.js +1 -0
- package/dist/components/p-vLFwJ77w.js +1 -0
- package/dist/esm/co-accordion.entry.js +3 -3
- package/dist/esm/co-app-shell.entry.js +3 -3
- package/dist/esm/co-autocomplete.entry.js +2 -2
- package/dist/esm/co-avatar-group.entry.js +1 -1
- package/dist/esm/co-avatar.entry.js +9 -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 +35 -0
- package/dist/esm/co-breadcrumb.entry.js +53 -0
- package/dist/esm/co-button-group.entry.js +3 -3
- package/dist/esm/co-button.entry.js +10 -4
- package/dist/esm/co-calendar-month.entry.js +2 -2
- package/dist/esm/co-calendar_3.entry.js +40 -10
- package/dist/esm/co-card.entry.js +3 -3
- package/dist/esm/co-checkbox-group.entry.js +1 -1
- package/dist/esm/co-checkbox.entry.js +18 -6
- package/dist/esm/co-chip.entry.js +12 -7
- package/dist/esm/co-color-picker.entry.js +4 -4
- package/dist/esm/co-column-picker.entry.js +3 -3
- package/dist/esm/co-combobox.entry.js +2 -2
- package/dist/esm/co-command-search.entry.js +5 -5
- package/dist/esm/co-data-table-pagination.entry.js +5 -5
- package/dist/esm/co-data-table.entry.js +23 -16
- package/dist/esm/co-date-picker.entry.js +2 -2
- package/dist/esm/co-date-range-picker.entry.js +2 -2
- package/dist/esm/co-date-range.entry.js +2 -2
- package/dist/esm/co-drive-card.entry.js +79 -0
- package/dist/esm/co-drop-zone.entry.js +61 -0
- package/dist/esm/co-empty-state.entry.js +13 -3
- package/dist/esm/co-event-calendar.entry.js +3 -3
- package/dist/esm/co-fab.entry.js +3 -3
- package/dist/esm/co-file-field.entry.js +7 -7
- package/dist/esm/co-file-type-tile.entry.js +76 -0
- package/dist/esm/co-helper-text.entry.js +3 -3
- package/dist/esm/co-icon-button.entry.js +23 -7
- package/dist/esm/co-icon.entry.js +3 -3
- package/dist/esm/co-input.entry.js +36 -7
- package/dist/esm/co-json-field.entry.js +5 -5
- package/dist/esm/co-lightbox.entry.js +5 -5
- 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 +32 -0
- package/dist/esm/co-media-thumb.entry.js +34 -0
- package/dist/esm/co-menu-divider.entry.js +2 -2
- package/dist/esm/co-menu-item.entry.js +11 -3
- package/dist/esm/co-menu.entry.js +3 -3
- package/dist/esm/co-modal.entry.js +29 -5
- package/dist/esm/co-navbar.entry.js +3 -3
- package/dist/esm/co-number-field.entry.js +4 -4
- package/dist/esm/co-option-list.entry.js +377 -0
- package/dist/esm/{co-loader_2.entry.js → co-overlay.entry.js} +3 -32
- package/dist/esm/co-page-header.entry.js +2 -2
- package/dist/esm/co-phone-field.entry.js +3 -3
- package/dist/esm/co-popover.entry.js +3 -3
- 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 +4 -4
- 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 +4 -4
- package/dist/esm/co-rich-text-editor.entry.js +4 -4
- package/dist/esm/co-rich-text-toolbar.entry.js +1 -1
- package/dist/esm/co-rich-text-viewer.entry.js +2 -2
- package/dist/esm/co-row.entry.js +3 -3
- package/dist/esm/co-segmented-bar.entry.js +56 -0
- package/dist/esm/co-select.entry.js +6 -6
- package/dist/esm/co-separator.entry.js +2 -2
- package/dist/esm/co-sidebar-nav.entry.js +3 -3
- 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 +15 -3
- package/dist/esm/co-tab.entry.js +8 -5
- package/dist/esm/co-tags-field.entry.js +8 -8
- package/dist/esm/co-textarea.entry.js +6 -6
- package/dist/esm/co-toast.entry.js +10 -4
- package/dist/esm/co-toggle-button-group.entry.js +16 -4
- package/dist/esm/co-toggle-button.entry.js +9 -5
- package/dist/esm/co-tooltip.entry.js +3 -3
- package/dist/esm/co-transfer-list.entry.js +3 -3
- package/dist/esm/co-video.entry.js +3 -3
- package/dist/esm/cobalt.js +3 -3
- package/dist/esm/{fieldChip-GPikjpYw.js → fieldChip-BBu4ukje.js} +1 -1
- package/dist/esm/{index-w_Wxgclf.js → index-Cyrxk8Qq.js} +64 -11
- package/dist/esm/{index-CYsftTKf.js → index-Es9IUmmt.js} +68 -8
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{requiredMark-CEbXKHcU.js → requiredMark-Bg25QWFn.js} +1 -1
- package/dist/types/components/co-avatar/co-avatar.d.ts +2 -0
- package/dist/types/components/co-breadcrumb/co-breadcrumb.d.ts +27 -0
- package/dist/types/components/co-breadcrumb-item/co-breadcrumb-item.d.ts +33 -0
- package/dist/types/components/co-button/co-button.d.ts +4 -0
- package/dist/types/components/co-checkbox/co-checkbox.d.ts +10 -2
- package/dist/types/components/co-chip/co-chip.d.ts +15 -3
- package/dist/types/components/co-data-table/co-data-table.d.ts +13 -1
- package/dist/types/components/co-drawer/co-drawer.d.ts +12 -0
- package/dist/types/components/co-drive-card/co-drive-card.d.ts +52 -0
- package/dist/types/components/co-drop-zone/co-drop-zone.d.ts +38 -0
- package/dist/types/components/co-empty-state/co-empty-state.d.ts +6 -0
- package/dist/types/components/co-file-type-tile/co-file-type-tile.d.ts +11 -0
- package/dist/types/components/co-icon-button/co-icon-button.d.ts +18 -3
- package/dist/types/components/co-input/co-input.d.ts +13 -1
- package/dist/types/components/co-media-thumb/co-media-thumb.d.ts +21 -0
- package/dist/types/components/co-menu/co-menu.d.ts +4 -0
- package/dist/types/components/co-menu-item/co-menu-item.d.ts +10 -1
- package/dist/types/components/co-modal/co-modal.d.ts +20 -2
- package/dist/types/components/co-option-list/co-option-list.d.ts +101 -0
- package/dist/types/components/co-option-list/optionListLogic.d.ts +69 -0
- package/dist/types/components/co-segmented-bar/co-segmented-bar.d.ts +32 -0
- package/dist/types/components/co-tab/co-tab.d.ts +4 -0
- package/dist/types/components/co-tab-group/co-tab-group.d.ts +3 -0
- package/dist/types/components/co-toast/co-toast.d.ts +7 -0
- package/dist/types/components/co-toggle-button/co-toggle-button.d.ts +6 -0
- package/dist/types/components/co-toggle-button-group/co-toggle-button-group.d.ts +5 -0
- package/dist/types/components.d.ts +1361 -55
- package/package.json +4 -4
- package/dist/cobalt/p-0e8c0d87.entry.js +0 -1
- package/dist/cobalt/p-136ad468.entry.js +0 -1
- package/dist/cobalt/p-14b59277.entry.js +0 -1
- package/dist/cobalt/p-1774d211.entry.js +0 -1
- package/dist/cobalt/p-180e1106.entry.js +0 -1
- package/dist/cobalt/p-201eaf35.entry.js +0 -1
- package/dist/cobalt/p-2d2ce434.entry.js +0 -1
- package/dist/cobalt/p-3a257cb0.entry.js +0 -1
- package/dist/cobalt/p-4431faac.entry.js +0 -1
- package/dist/cobalt/p-456fa86f.entry.js +0 -1
- package/dist/cobalt/p-4c01d984.entry.js +0 -1
- package/dist/cobalt/p-69d4c0c8.entry.js +0 -1
- package/dist/cobalt/p-6c480916.entry.js +0 -1
- package/dist/cobalt/p-8012e152.entry.js +0 -1
- package/dist/cobalt/p-80b27203.entry.js +0 -1
- package/dist/cobalt/p-867c1465.entry.js +0 -1
- package/dist/cobalt/p-86a143d7.entry.js +0 -1
- package/dist/cobalt/p-929e647f.entry.js +0 -1
- package/dist/cobalt/p-92bd9b29.entry.js +0 -1
- package/dist/cobalt/p-98ab5f3f.entry.js +0 -1
- package/dist/cobalt/p-9d69c067.entry.js +0 -1
- package/dist/cobalt/p-CYsftTKf.js +0 -2
- package/dist/cobalt/p-c4f59532.entry.js +0 -1
- package/dist/cobalt/p-e54dd404.entry.js +0 -1
- package/dist/cobalt/p-eb18fdbf.entry.js +0 -1
- package/dist/cobalt/p-eb73052a.entry.js +0 -1
- package/dist/cobalt/p-oImf-7fN.js +0 -1
- package/dist/components/p-Ba4v1NXo.js +0 -1
- package/dist/components/p-EPZfLt5l.js +0 -1
- package/dist/components/p-FMnqPWcM.js +0 -1
- package/dist/components/p-Hzh9U2cM.js +0 -1
- package/dist/components/p-WZ06pT2Y.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e}from"./p-
|
|
1
|
+
import{h as e}from"./p-Es9IUmmt.js";const l=({baseClass:l,label:s,modifiers:t={},title:o,key:i,onRemove:a,onChipDblClick:c},n)=>e("span",{class:Object.assign({[l]:!0},t),title:o,key:i,onDblClick:c},n,e("span",{class:`${l}-label`},s),a&&e("button",{class:`${l}-remove`,type:"button",tabIndex:-1,onClick:a},e("co-icon",{name:"x-circle",weight:"fill",size:16})));export{l as F}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
const o=()=>{},c=":root{--co-color-base-negro:#1f1c1b;--co-color-base-blanco:#ffffff;--co-color-base-off-white:#f7f6f0;--co-color-primary-verde:#02a270;--co-color-primary-amarillo:#fdbf00;--co-color-primary-azul:#2563eb;--co-color-primary-rosado:#f32a73;--co-color-azul-100:#eff4ff;--co-color-azul-200:#dbe6fe;--co-color-azul-300:#bfd3fe;--co-color-azul-400:#93b4fd;--co-color-azul-500:#6090fa;--co-color-azul-600:#3b76f6;--co-color-azul-700:#2563eb;--co-color-azul-800:#1d58d8;--co-color-azul-900:#1e408a;--co-color-rosado-100:#fef1f6;--co-color-rosado-200:#fde6f0;--co-color-rosado-300:#fdcde2;--co-color-rosado-400:#fda4c8;--co-color-rosado-500:#fb6ba3;--co-color-rosado-600:#f32a73;--co-color-rosado-700:#e41e5c;--co-color-rosado-800:#c61044;--co-color-rosado-900:#a41039;--co-color-amarillo-100:#ffffea;--co-color-amarillo-200:#fffbc5;--co-color-amarillo-300:#fff885;--co-color-amarillo-400:#ffe01b;--co-color-amarillo-500:#fdbf00;--co-color-amarillo-600:#e29500;--co-color-amarillo-700:#bb6902;--co-color-amarillo-800:#985108;--co-color-amarillo-900:#7c420b;--co-color-verde-100:#ecfdf5;--co-color-verde-200:#d0fbe5;--co-color-verde-300:#a5f5d0;--co-color-verde-400:#6beab8;--co-color-verde-500:#31d69a;--co-color-verde-600:#0cbd82;--co-color-verde-700:#02a270;--co-color-verde-800:#027a58;--co-color-verde-900:#046147;--co-color-neutral-100:#e6e5df;--co-color-neutral-200:#eeede7;--co-color-neutral-300:#f3f2ec;--co-color-gray-100:#f6f6f6;--co-color-gray-200:#e3e3e3;--co-color-gray-300:#c4c4c4;--co-color-gray-400:#a0a0a0;--co-color-gray-500:#888888;--co-color-gray-600:#585858;--co-color-gray-700:#1f1c1b;--co-color-gray-800:#0a0a0a;--co-color-secondary-rosado-100:#d74ba0;--co-color-secondary-rosado-50:#ffc8eb;--co-color-secondary-rosado-25:#ffe6f5;--co-color-secondary-rojo-100:#eb1e1e;--co-color-secondary-rojo-50:#ff878c;--co-color-secondary-rojo-25:#ffd7dc;--co-color-secondary-naranja-100:#f0821e;--co-color-secondary-naranja-50:#ffbe82;--co-color-secondary-naranja-25:#ffe6d2;--co-color-secondary-amarillo-100:#fad223;--co-color-secondary-amarillo-50:#ffe67d;--co-color-secondary-amarillo-25:#fffac3;--co-color-secondary-verde-100:#afe664;--co-color-secondary-verde-50:#d7ffb4;--co-color-secondary-verde-25:#ebffc8;--co-color-secondary-oliva-100:#aab43c;--co-color-secondary-oliva-50:#d2dc96;--co-color-secondary-oliva-25:#f0f0d2;--co-color-secondary-turquesa-100:#00afaf;--co-color-secondary-turquesa-50:#3ce1c8;--co-color-secondary-turquesa-25:#c8f0f0;--co-color-secondary-azul-claro-100:#00bee6;--co-color-secondary-azul-claro-50:#6ee6f0;--co-color-secondary-azul-claro-25:#befaff;--co-color-secondary-azul-electrico-100:#000aff;--co-color-secondary-azul-electrico-50:#8095ff;--co-color-secondary-azul-electrico-25:#cce0ff;--co-color-secondary-violeta-100:#5f4bd7;--co-color-secondary-violeta-50:#b9b4ff;--co-color-secondary-violeta-25:#e1e1ff;--co-color-secondary-marron-100:#af7355;--co-color-secondary-marron-50:#d7b9a5;--co-color-secondary-marron-25:#f0e1d7;--co-color-secondary-guinda-100:#811137;--co-color-secondary-guinda-50:#c0889c;--co-color-secondary-guinda-25:#e6cfd7;--co-color-status-success:#0a7724;--co-color-status-bg-success:#ebf9ec;--co-color-status-progress:#2d6cc5;--co-color-status-bg-progress:#eef3fa;--co-color-status-submitted:#7556ca;--co-color-status-bg-submitted:#f4f1fb;--co-color-status-review:#85571f;--co-color-status-bg-review:#fcf5db;--co-color-status-pending:#b45103;--co-color-status-bg-pending:#f9f1eb;--co-color-status-error:#aa2e1b;--co-color-status-bg-error:#ffefef;--co-color-opacity-negro-4:rgba(31, 28, 27, 0.04);--co-color-opacity-negro-8:rgba(31, 28, 27, 0.08);--co-color-opacity-negro-16:rgba(31, 28, 27, 0.16);--co-color-opacity-negro-25:rgba(31, 28, 27, 0.25);--co-color-opacity-negro-50:rgba(31, 28, 27, 0.50);--co-color-opacity-negro-80:rgba(31, 28, 27, 0.80);--co-color-opacity-blanco-4:rgba(255, 255, 255, 0.04);--co-color-opacity-blanco-8:rgba(255, 255, 255, 0.08);--co-color-opacity-blanco-16:rgba(255, 255, 255, 0.16);--co-color-opacity-blanco-25:rgba(255, 255, 255, 0.25);--co-color-opacity-blanco-50:rgba(255, 255, 255, 0.50);--co-color-opacity-blanco-80:rgba(255, 255, 255, 0.80);--co-border-radius-xxs:4px;--co-border-radius-xs:8px;--co-border-radius-sm:12px;--co-border-radius-lg:16px;--co-border-radius-xl:24px;--co-border-radius-2xl:32px;--co-border-radius-3xl:40px;--co-border-radius-4xl:48px;--co-border-radius-5xl:56px;--co-border-radius-6xl:64px;--co-border-radius-full:9999px;--co-shadow-lg:0 10px 15px -3px rgba(26, 26, 26, 0.05), 0 4px 6px -4px rgba(26, 26, 26, 0.05);--co-spacing-xxs:2px;--co-spacing-xs:4px;--co-spacing-sm:6px;--co-spacing-sm2:8px;--co-spacing-md:12px;--co-spacing-lg:16px;--co-spacing-xl:20px;--co-spacing-2xl:24px;--co-spacing-3xl:32px;--co-spacing-4xl:40px;--co-spacing-5xl:48px;--co-spacing-6xl:56px;--co-spacing-7xl:64px;--co-spacing-8xl:72px;--co-spacing-9xl:80px;--co-spacing-10xl:88px;--co-spacing-11xl:96px;--co-spacing-12xl:104px;--co-spacing-13xl:112px;--co-spacing-14xl:120px;--co-spacing-full:9999px;--co-font-family-primary:'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--co-font-family-mono:'Geist Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;--co-font-size-10:10px;--co-font-size-12:12px;--co-font-size-14:14px;--co-font-size-16:16px;--co-font-size-18:18px;--co-font-size-20:20px;--co-font-size-22:22px;--co-font-size-24:24px;--co-font-size-26:26px;--co-font-size-30:30px;--co-font-size-32:32px;--co-font-size-36:36px;--co-font-size-40:40px;--co-font-size-44:44px;--co-font-size-48:48px;--co-font-size-50:50px;--co-font-size-56:56px;--co-font-size-64:64px;--co-font-size-72:72px;--co-font-size-80:80px;--co-font-size-96:96px;--co-font-size-104:104px;--co-font-size-112:112px;--co-font-size-128:128px;--co-font-size-144:144px;--co-font-size-160:160px;--co-font-size-180:180px;--co-font-size-200:200px;--co-font-size-220:220px;--co-font-weight-regular:400;--co-font-weight-medium:500;--co-font-weight-semibold:600;--co-font-weight-bold:700;--co-font-line-height-none:1;--co-font-line-height-tight:1.2;--co-font-line-height-snug:1.3;--co-font-line-height-normal:1.5;--co-font-line-height-relaxed:1.6;--co-font-letter-spacing-body:-0.03em;--co-font-letter-spacing-overline:0.08em;--co-semantic-surface-primary:var(--co-color-base-negro);--co-semantic-surface-inverse:var(--co-semantic-surface-primary);--co-semantic-surface-secondary:var(--co-color-base-blanco);--co-semantic-surface-page:var(--co-color-base-blanco);--co-semantic-surface-muted:var(--co-color-gray-200);--co-semantic-surface-hover:var(--co-color-opacity-negro-4);--co-semantic-surface-disabled:var(--co-color-gray-100);--co-semantic-on-primary:var(--co-color-base-blanco);--co-semantic-on-secondary:var(--co-color-base-negro);--co-semantic-text-default:var(--co-color-base-negro);--co-semantic-text-inverse:var(--co-color-base-blanco);--co-semantic-text-secondary:var(--co-color-gray-600);--co-semantic-text-muted:var(--co-color-gray-500);--co-semantic-text-disabled:var(--co-color-gray-400);--co-semantic-border-default:var(--co-color-opacity-negro-16);--co-semantic-border-subtle:var(--co-color-opacity-negro-8);--co-semantic-border-strong:var(--co-color-opacity-negro-50);--co-semantic-border-focus:var(--co-color-opacity-negro-25);--co-semantic-border-focus-ring:var(--co-color-opacity-negro-8);--co-semantic-control-thumb:var(--co-color-base-blanco);--co-semantic-control-shadow:var(--co-color-opacity-negro-16);--co-semantic-status-success:var(--co-color-status-success);--co-semantic-status-error:var(--co-color-status-error);--co-semantic-status-warning:var(--co-color-primary-amarillo);--co-semantic-status-info:var(--co-color-status-progress);--co-glass-blur:12px;--co-glass-saturate:1.3;--co-glass-panel-blur:18px}:root{--co-color-negro:var(--co-color-base-negro);--co-color-blanco:var(--co-color-base-blanco);--co-color-neutral-beige:var(--co-color-base-off-white);--co-color-secondary-rojo:var(--co-color-secondary-rojo-100);--co-color-secondary-naranja:var(--co-color-secondary-naranja-100);--co-color-secondary-oliva:var(--co-color-secondary-oliva-100);--co-color-secondary-violeta:var(--co-color-secondary-violeta-100);--co-color-secondary-marron:var(--co-color-secondary-marron-100);--co-color-status-success-bg:var(--co-color-status-bg-success);--co-font-family:var(--co-font-family-primary);--co-border-radius-md:var(--co-border-radius-lg);--co-font-size-11:11px;--co-font-size-28:28px}";function e(o,c,e){const r="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;o&&o!==r;){const r=Object.getOwnPropertyDescriptor(o,c);if(r&&(!e||r.get))return r;o=Object.getPrototypeOf(o)}}var r,t=(o,c)=>{var r;Object.entries(null!=(r=c.t.o)?r:{}).map((([r,[t]])=>{if(31&t||32&t){const t=o[r],n=e(Object.getPrototypeOf(o),r,!0)||Object.getOwnPropertyDescriptor(o,r);n&&Object.defineProperty(o,r,{get(){return n.get.call(this)},set(o){n.set.call(this,o)},configurable:!0,enumerable:!0}),c.l.has(r)?o[r]=c.l.get(r):void 0!==t&&(o[r]=t)}}))},n=o=>{if(o.__stencil__getHostRef)return o.__stencil__getHostRef()},l=(o,c)=>{c&&(o.__stencil__getHostRef=()=>c,c.i=o,512&c.t.u&&t(o,c))},s=(o,c)=>c in o,a=(o,c)=>(0,console.error)(o,c),i=new Map,f=new Map,u="slot-fb{display:contents}slot-fb[hidden]{display:none}",d="http://www.w3.org/1999/xlink",p="undefined"!=typeof window?window:{},b={u:0,p:"",jmp:o=>o(),raf:o=>requestAnimationFrame(o),ael:(o,c,e,r)=>o.addEventListener(c,e,r),rel:(o,c,e,r)=>o.removeEventListener(c,e,r),ce:(o,c)=>new CustomEvent(o,c)},y=o=>Promise.resolve(o),v=(()=>{try{return!!p.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(o){}return!1})(),m=!!v&&(()=>!!p.document&&Object.getOwnPropertyDescriptor(p.document.adoptedStyleSheets,"length").writable)(),g=!1,h=[],x=[],w=(o,c)=>e=>{o.push(e),g||(g=!0,c&&4&b.u?j(z):b.raf(z))},$=o=>{for(let c=0;c<o.length;c++)try{o[c](performance.now())}catch(o){a(o)}o.length=0},z=()=>{$(h),$(x),(g=h.length>0)&&b.raf(z)},j=o=>y().then(o),S=w(x,!0);function O(){var o;const e=this.attachShadow({mode:"open"});if(void 0===r&&(r=null!=(o=function(o){if(!v)return;const c=new CSSStyleSheet;return c.replaceSync(o),c}(c))?o:null),r)m?e.adoptedStyleSheets.push(r):e.adoptedStyleSheets=[...e.adoptedStyleSheets,r];else if(!v){const o=document.createElement("style");o.innerHTML=c,e.prepend(o)}}var k=o=>{const c=L(o,"childNodes");o.tagName&&o.tagName.includes("-")&&o["s-cr"]&&"SLOT-FB"!==o.tagName&&M(c,o.tagName).forEach((o=>{1===o.nodeType&&"SLOT-FB"===o.tagName&&(o.hidden=!!N(o,E(o),!1).length)}));let e=0;for(e=0;e<c.length;e++){const o=c[e];1===o.nodeType&&L(o,"childNodes").length&&k(o)}};function M(o,c,e){let r,t=0,n=[];for(;t<o.length;t++){if(r=o[t],r["s-sr"]&&(!c||r["s-hn"]===c)&&(void 0===e||E(r)===e)&&(n.push(r),void 0!==e))return n;n=[...n,...M(r.childNodes,c,e)]}return n}var N=(o,c,e=!0)=>{const r=[];(e&&o["s-sr"]||!o["s-sr"])&&r.push(o);let t=o;for(;t=t.nextSibling;)E(t)!==c||!e&&t["s-sr"]||r.push(t);return r},C=(o,c)=>1===o.nodeType?null===o.getAttribute("slot")&&""===c||o.getAttribute("slot")===c:o["s-sn"]===c||""===c,E=o=>"string"==typeof o["s-sn"]?o["s-sn"]:1===o.nodeType&&o.getAttribute("slot")||void 0;function L(o,c){if("__"+c in o){const e=o["__"+c];return"function"!=typeof e?e:e.bind(o)}return"function"!=typeof o[c]?o[c]:o[c].bind(o)}function R(o){var c,e,r;return null!=(r=null==(e=null==(c=o.head)?void 0:c.querySelector('meta[name="csp-nonce"]'))?void 0:e.getAttribute("content"))?r:void 0}var T,F,A=new WeakMap,P=o=>"sc-"+o.v,D=o=>"object"==(o=typeof o)||"function"===o,H=(o,c,...e)=>{let r=null,t=null,n=null,l=!1,s=!1;const a=[],i=c=>{for(let e=0;e<c.length;e++)r=c[e],Array.isArray(r)?i(r):null!=r&&"boolean"!=typeof r&&((l="function"!=typeof o&&!D(r))&&(r+=""),l&&s?a[a.length-1].m+=r:a.push(l?U(null,r):r),s=l)};if(i(e),c){c.key&&(t=c.key),c.name&&(n=c.name);{const o=c.className||c.class;o&&(c.class="object"!=typeof o?o:Object.keys(o).filter((c=>o[c])).join(" "))}}if("function"==typeof o)return o(null===c?{}:c,a,_);const f=U(o,null);return f.h=c,a.length>0&&(f.$=a),f.j=t,f.S=n,f},U=(o,c)=>({u:0,O:o,m:null!=c?c:null,k:null,$:null,h:null,j:null,S:null}),q={},_={forEach:(o,c)=>o.map(B).forEach(c),map:(o,c)=>o.map(B).map(c).map(W)},B=o=>({vattrs:o.h,vchildren:o.$,vkey:o.j,vname:o.S,vtag:o.O,vtext:o.m}),W=o=>{if("function"==typeof o.vtag){const c={...o.vattrs};return o.vkey&&(c.key=o.vkey),o.vname&&(c.name=o.vname),H(o.vtag,c,...o.vchildren||[])}const c=U(o.vtag,o.vtext);return c.h=o.vattrs,c.$=o.vchildren,c.j=o.vkey,c.S=o.vname,c},G=o=>{if(!o)return;const c=Object.keys(o);if(0===c.length)return;let e=!1;for(const r of c){if(e)break;for(const c of o[r])if("string"==typeof c){e=!0;break}}if(!e)return o;const r={};for(const e of c)r[e]=o[e].map((o=>"string"==typeof o?{[o]:0}:o));return r},V=(o,c)=>null==o||D(o)?o:4&c?"false"!==o&&(""===o||!!o):2&c?"string"==typeof o?parseFloat(o):"number"==typeof o?o:NaN:1&c?o+"":o,I=o=>{var c;return null==(c=n(o))?void 0:c.$hostElement$},Y=(o,c,e)=>{const r=I(o);return{emit:o=>Z(r,c,{bubbles:!!(4&e),composed:!!(2&e),cancelable:!!(1&e),detail:o})}},Z=(o,c,e)=>{const r=b.ce(c,e);return o.dispatchEvent(r),r},J=(o,c,e,r,t,l)=>{if(e===r)return;let a=s(o,c),i=c.toLowerCase();if("class"===c){const c=o.classList,t=Q(e);let n=Q(r);c.remove(...t.filter((o=>o&&!n.includes(o)))),c.add(...n.filter((o=>o&&!t.includes(o))))}else if("style"===c){for(const c in e)r&&null!=r[c]||(c.includes("-")?o.style.removeProperty(c):o.style[c]="");for(const c in r)e&&r[c]===e[c]||(c.includes("-")?o.style.setProperty(c,r[c]):o.style[c]=r[c])}else if("key"===c);else if("ref"===c)r&&wo(r,o);else if(a||"o"!==c[0]||"n"!==c[1]){if("a"===c[0]&&c.startsWith("attr:")){const e=c.slice(5);let t;{const c=n(o);if(c&&c.t&&c.t.o){const o=c.t.o[e];o&&o[1]&&(t=o[1])}}return t||(t=e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==r||!1===r?!1===r&&""!==o.getAttribute(t)||o.removeAttribute(t):o.setAttribute(t,!0===r?"":r))}if("p"===c[0]&&c.startsWith("prop:")){const e=c.slice(5);try{o[e]=r}catch(o){}return}{const n=D(r);if((a||n&&null!==r)&&!t)try{if(o.tagName.includes("-"))o[c]!==r&&(o[c]=r);else{const t=null==r?"":r;"list"===c?a=!1:null!=e&&o[c]===t||("function"==typeof o.__lookupSetter__(c)?o[c]=t:o.setAttribute(c,t))}}catch(o){}let s=!1;i!==(i=i.replace(/^xlink\:?/,""))&&(c=i,s=!0),null==r||!1===r?!1===r&&""!==o.getAttribute(c)||(s?o.removeAttributeNS(d,c):o.removeAttribute(c)):(!a||4&l||t)&&!n&&1===o.nodeType&&(r=!0===r?"":r,s?o.setAttributeNS(d,c,r):o.setAttribute(c,r))}}else if(c="-"===c[2]?c.slice(3):s(p,i)?i.slice(2):i[2]+c.slice(3),e||r){const t=c.endsWith(X);c=c.replace(oo,""),e&&b.rel(o,c,e,t),r&&b.ael(o,c,r,t)}},K=/\s/,Q=o=>("object"==typeof o&&o&&"baseVal"in o&&(o=o.baseVal),o&&"string"==typeof o?o.split(K):[]),X="Capture",oo=RegExp(X+"$"),co=(o,c,e)=>{const r=11===c.k.nodeType&&c.k.host?c.k.host:c.k,t=o&&o.h||{},n=c.h||{};for(const o of eo(Object.keys(t)))o in n||J(r,o,t[o],void 0,e,c.u);for(const o of eo(Object.keys(n)))J(r,o,t[o],n[o],e,c.u)};function eo(o){return o.includes("ref")?[...o.filter((o=>"ref"!==o)),"ref"]:o}var ro=!1,to=!1,no=!1,lo=!1,so=[],ao=[],io=(o,c,e)=>{var r;const t=c.$[e];let n,l,s,a=0;if(ro||(no=!0,"slot"===t.O&&(t.u|=t.$?2:1)),null!=t.m)n=t.k=p.document.createTextNode(t.m);else if(1&t.u)n=t.k=p.document.createTextNode(""),co(null,t,lo);else{if(lo||(lo="svg"===t.O),!p.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(n=t.k=p.document.createElementNS(lo?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!ro&&2&t.u?"slot-fb":t.O),lo&&"foreignObject"===t.O&&(lo=!1),co(null,t,lo),t.$){const c="template"===t.O?n.content:n;for(a=0;a<t.$.length;++a)l=io(o,t,a),l&&c.appendChild(l)}"svg"===t.O?lo=!1:"foreignObject"===n.tagName&&(lo=!0)}return n["s-hn"]=F,3&t.u&&(n["s-sr"]=!0,n["s-cr"]=T,n["s-sn"]=t.S||"",n["s-rf"]=null==(r=t.h)?void 0:r.ref,function(o){if(o.assignedElements||o.assignedNodes||!o["s-sr"])return;const c=c=>function(o){const e=[],r=this["s-sn"];(null==o?void 0:o.flatten)&&console.error("\n Flattening is not supported for Stencil non-shadow slots.\n You can use `.childNodes` to nested slot fallback content.\n If you have a particular use case, please open an issue on the Stencil repo.\n ");const t=this["s-cr"].parentElement;return(t.__childNodes?t.childNodes:(o=>{const c=[];for(let e=0;e<o.length;e++){const r=o[e]["s-nr"]||void 0;r&&r.isConnected&&c.push(r)}return c})(t.childNodes)).forEach((o=>{r===E(o)&&e.push(o)})),c?e.filter((o=>1===o.nodeType)):e}.bind(o);o.assignedElements=c(!0),o.assignedNodes=c(!1)}(n),s=o&&o.$&&o.$[e],s&&s.O===t.O&&o.k&&fo(o.k)),n},fo=o=>{b.u|=1;const c=o.closest(F.toLowerCase());if(null!=c){const e=Array.from(c.__childNodes||c.childNodes).find((o=>o["s-cr"])),r=Array.from(o.__childNodes||o.childNodes);for(const o of e?r.reverse():r)null!=o["s-sh"]&&($o(c,o,null!=e?e:null),o["s-sh"]=void 0,no=!0)}b.u&=-2},uo=(o,c)=>{b.u|=1;const e=Array.from(o.__childNodes||o.childNodes);if(o["s-sr"]){let c=o;for(;c=c.nextSibling;)c&&c["s-sn"]===o["s-sn"]&&c["s-sh"]===F&&e.push(c)}for(let o=e.length-1;o>=0;o--){const r=e[o];r["s-hn"]!==F&&r["s-ol"]&&($o(vo(r).parentNode,r,vo(r)),r["s-ol"].remove(),r["s-ol"]=void 0,r["s-sh"]=void 0,no=!0),c&&uo(r,c)}b.u&=-2},po=(o,c,e,r,t,n)=>{let l,s=o["s-cr"]&&o["s-cr"].parentNode||o;for(s.shadowRoot&&s.tagName===F&&(s=s.shadowRoot),"template"===e.O&&(s=s.content);t<=n;++t)r[t]&&(l=io(null,e,t),l&&(r[t].k=l,$o(s,l,vo(c))))},bo=(o,c,e)=>{for(let r=c;r<=e;++r){const c=o[r];if(c){const o=c.k;xo(c),o&&(to=!0,o["s-ol"]?o["s-ol"].remove():uo(o,!0),o.remove())}}},yo=(o,c,e=!1)=>o.O===c.O&&("slot"===o.O?o.S===c.S:e?(e&&!o.j&&c.j&&(o.j=c.j),!0):o.j===c.j),vo=o=>o&&o["s-ol"]||o,mo=(o,c,e=!1)=>{const r=c.k=o.k,t=o.$,n=c.$,l=c.O,s=c.m;let a;null==s?(lo="svg"===l||"foreignObject"!==l&&lo,"slot"!==l||ro||o.S!==c.S&&(c.k["s-sn"]=c.S||"",fo(c.k.parentElement)),co(o,c,lo),null!==t&&null!==n?((o,c,e,r,t=!1)=>{let n,l,s=0,a=0,i=0,f=0,u=c.length-1,d=c[0],p=c[u],b=r.length-1,y=r[0],v=r[b];const m="template"===e.O?o.content:o;for(;s<=u&&a<=b;)if(null==d)d=c[++s];else if(null==p)p=c[--u];else if(null==y)y=r[++a];else if(null==v)v=r[--b];else if(yo(d,y,t))mo(d,y,t),d=c[++s],y=r[++a];else if(yo(p,v,t))mo(p,v,t),p=c[--u],v=r[--b];else if(yo(d,v,t))"slot"!==d.O&&"slot"!==v.O||uo(d.k.parentNode,!1),mo(d,v,t),$o(m,d.k,p.k.nextSibling),d=c[++s],v=r[--b];else if(yo(p,y,t))"slot"!==d.O&&"slot"!==v.O||uo(p.k.parentNode,!1),mo(p,y,t),$o(m,p.k,d.k),p=c[--u],y=r[++a];else{for(i=-1,f=s;f<=u;++f)if(c[f]&&null!==c[f].j&&c[f].j===y.j){i=f;break}i>=0?(l=c[i],l.O!==y.O?n=io(c&&c[a],e,i):(mo(l,y,t),c[i]=void 0,n=l.k),y=r[++a]):(n=io(c&&c[a],e,a),y=r[++a]),n&&$o(vo(d.k).parentNode,n,vo(d.k))}s>u?po(o,null==r[b+1]?null:r[b+1].k,e,r,a,b):a>b&&bo(c,s,u)})(r,t,c,n,e):null!==n?(null!==o.m&&(r.textContent=""),po(r,null,c,n,0,n.length-1)):!e&&null!==t&&bo(t,0,t.length-1),lo&&"svg"===l&&(lo=!1)):(a=r["s-cr"])?a.parentNode.textContent=s:o.m!==s&&(r.data=s)},go=[],ho=o=>{let c,e,r;const t=o.__childNodes||o.childNodes;for(const o of t){if(o["s-sr"]&&(c=o["s-cr"])&&c.parentNode){e=c.parentNode.__childNodes||c.parentNode.childNodes;const t=o["s-sn"];for(r=e.length-1;r>=0;r--)if(c=e[r],!(c["s-cn"]||c["s-nr"]||c["s-hn"]===o["s-hn"]||c["s-sh"]&&c["s-sh"]===o["s-hn"]))if(C(c,t)){let e=go.find((o=>o.M===c));to=!0,c["s-sn"]=c["s-sn"]||t,e?(e.M["s-sh"]=o["s-hn"],e.N=o):(c["s-sh"]=o["s-hn"],go.push({N:o,M:c})),c["s-sr"]&&go.map((o=>{C(o.M,c["s-sn"])&&(e=go.find((o=>o.M===c)),e&&!o.N&&(o.N=e.N))}))}else go.some((o=>o.M===c))||go.push({M:c})}1===o.nodeType&&ho(o)}},xo=o=>{o.h&&o.h.ref&&so.push((()=>o.h.ref(null))),o.$&&o.$.map(xo)},wo=(o,c)=>{ao.push((()=>o(c)))},$o=(o,c,e,r)=>{if("string"==typeof c["s-sn"]){o.insertBefore(c,e);const{slotNode:t}=function(o,c){var e;if(!(c=c||(null==(e=o["s-ol"])?void 0:e.parentElement)))return{slotNode:null,slotName:""};const r=o["s-sn"]=E(o)||"";return{slotNode:M(L(c,"childNodes"),c.tagName,r)[0],slotName:r}}(c);return t&&!r&&function(o){o.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1}))}(t),c}return o.__insertBefore?o.__insertBefore(c,e):null==o?void 0:o.insertBefore(c,e)},zo=(o,c)=>{if(c&&!o.C&&c["s-p"]){const e=c["s-p"].push(new Promise((r=>o.C=()=>{c["s-p"].splice(e-1,1),r()})))}},jo=(o,c)=>{if(o.u|=16,4&o.u)return void(o.u|=512);zo(o,o.L);const e=()=>So(o,c);if(!c)return S(e);queueMicrotask((()=>{e()}))},So=(o,c)=>{const e=o.$hostElement$,r=o.i;if(!r)throw Error(`Can't render component <${e.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let t;return c?(o.R&&(o.R=!1,Lo(r,"connectedCallback",void 0,e)),o.u|=256,o.T&&(o.T.map((([o,c])=>Lo(r,o,c,e))),o.T=void 0),o.F.length&&o.F.forEach((o=>o(e))),t=Lo(r,"componentWillLoad",void 0,e)):t=Lo(r,"componentWillUpdate",void 0,e),t=Oo(t,(()=>Lo(r,"componentWillRender",void 0,e))),Oo(t,(()=>Mo(o,r,c)))},Oo=(o,c)=>ko(o)?o.then(c).catch((o=>{console.error(o),c()})):c(),ko=o=>o instanceof Promise||o&&o.then&&"function"==typeof o.then,Mo=async(o,c,e)=>{var r;const t=o.$hostElement$,n=t["s-rc"];e&&(o=>{const c=o.t,e=o.$hostElement$,r=c.u,t=((o,c)=>{var e,r,t;const n=P(c),l=f.get(n);if(!p.document)return n;if(o=11===o.nodeType?o:p.document,l)if("string"==typeof l){let t,s=A.get(o=o.head||o);if(s||A.set(o,s=new Set),!s.has(n)){t=p.document.createElement("style"),t.textContent=l;const a=null!=(e=b.A)?e:R(p.document);if(null!=a&&t.setAttribute("nonce",a),!(1&c.u))if("HEAD"===o.nodeName){const c=o.querySelectorAll("link[rel=preconnect]"),e=c.length>0?c[c.length-1].nextSibling:o.querySelector("style");o.insertBefore(t,(null==e?void 0:e.parentNode)===o?e:null)}else if("host"in o)if(v){const c=new(null!=(r=o.defaultView)?r:o.ownerDocument.defaultView).CSSStyleSheet;c.replaceSync(l),m?o.adoptedStyleSheets.unshift(c):o.adoptedStyleSheets=[c,...o.adoptedStyleSheets]}else{const c=o.querySelector("style");c?c.textContent=l+c.textContent:o.prepend(t)}else o.append(t);1&c.u&&o.insertBefore(t,null),4&c.u&&(t.textContent+=u),s&&s.add(n)}}else{let c=A.get(o);if(c||A.set(o,c=new Set),!c.has(n)){const e=null!=(t=o.defaultView)?t:o.ownerDocument.defaultView;let r;if(l.constructor===e.CSSStyleSheet)r=l;else{r=new e.CSSStyleSheet;for(let o=0;o<l.cssRules.length;o++)r.insertRule(l.cssRules[o].cssText,o)}m?o.adoptedStyleSheets.push(r):o.adoptedStyleSheets=[...o.adoptedStyleSheets,r],c.add(n)}}return n})(e.shadowRoot?e.shadowRoot:e.getRootNode(),c);10&r&&(e["s-sc"]=t,e.classList.add(t+"-h"))})(o);No(o,c,t,e),n&&(n.map((o=>o())),t["s-rc"]=void 0);{const c=null!=(r=t["s-p"])?r:[],e=()=>Co(o);0===c.length?e():(Promise.all(c).then(e).catch(e),o.u|=4,c.length=0)}},No=(o,c,e,r)=>{try{c=c.render(),o.u&=-17,o.u|=2,((o,c,e=!1)=>{var r,t,n,l,s;const a=o.$hostElement$,i=o.t,f=o.P||U(null,null),u=(o=>o&&o.O===q)(c)?c:H(null,null,c);if(F=a.tagName,i.D&&(u.h=u.h||{},i.D.forEach((([o,c])=>{u.h[c]=a[o]}))),e&&u.h)for(const o of Object.keys(u.h))a.hasAttribute(o)&&!["key","ref","style","class"].includes(o)&&(u.h[o]=a[o]);if(u.O=null,u.u|=4,o.P=u,u.k=f.k=a.shadowRoot||a,ro=!(!(1&i.u)||128&i.u),T=a["s-cr"],to=!1,mo(f,u,e),b.u|=1,no){ho(u.k);for(const o of go){const c=o.M;if(!c["s-ol"]&&p.document){const o=p.document.createTextNode("");o["s-nr"]=c,$o(c.parentNode,c["s-ol"]=o,c,e)}}for(const o of go){const c=o.M,s=o.N;if(1===c.nodeType&&e&&(c["s-ih"]=null!=(r=c.hidden)&&r),s){const o=s.parentNode;let r=s.nextSibling;if(r&&1===r.nodeType){let e=null==(t=c["s-ol"])?void 0:t.previousSibling;for(;e;){let t=null!=(n=e["s-nr"])?n:null;if(t&&t["s-sn"]===c["s-sn"]&&o===(t.__parentNode||t.parentNode)){for(t=t.nextSibling;t===c||(null==t?void 0:t["s-sr"]);)t=null==t?void 0:t.nextSibling;if(!t||!t["s-nr"]){r=t;break}}e=e.previousSibling}}if((!r&&o!==(c.__parentNode||c.parentNode)||(c.__nextSibling||c.nextSibling)!==r)&&c!==r){if($o(o,c,r,e),8===c.nodeType&&c.nodeValue.startsWith("s-nt-")){const o=p.document.createTextNode(c.nodeValue.replace(/^s-nt-/,""));o["s-hn"]=c["s-hn"],o["s-sn"]=c["s-sn"],o["s-sh"]=c["s-sh"],o["s-sr"]=c["s-sr"],o["s-ol"]=c["s-ol"],o["s-ol"]["s-nr"]=o,$o(c.parentNode,o,c,e),c.parentNode.removeChild(c)}1===c.nodeType&&"SLOT-FB"!==c.tagName&&(c.hidden=null!=(l=c["s-ih"])&&l)}c&&"function"==typeof s["s-rf"]&&s["s-rf"](s)}else 1===c.nodeType&&(c.hidden=!0)}}if(to&&k(u.k),b.u&=-2,go.length=0,!ro&&!(1&i.u)&&a["s-cr"]){const o=u.k.__childNodes||u.k.childNodes;for(const c of o)if(c["s-hn"]!==F&&!c["s-sh"])if(e&&null==c["s-ih"]&&(c["s-ih"]=null!=(s=c.hidden)&&s),1===c.nodeType)c.hidden=!0;else if(3===c.nodeType&&c.nodeValue.trim()){const o=p.document.createComment("s-nt-"+c.nodeValue);o["s-sn"]=c["s-sn"],$o(c.parentNode,o,c,e),c.parentNode.removeChild(c)}}T=void 0,so.forEach((o=>o())),so.length=0,ao.forEach((o=>o())),ao.length=0})(o,c,r)}catch(c){a(c,o.$hostElement$)}return null},Co=o=>{const c=o.$hostElement$,e=o.i,r=o.L;Lo(e,"componentDidRender",void 0,c),64&o.u?Lo(e,"componentDidUpdate",void 0,c):(o.u|=64,Ro(c),Lo(e,"componentDidLoad",void 0,c),o.H(c),r||Eo()),o.U(c),o.C&&(o.C(),o.C=void 0),512&o.u&&j((()=>jo(o,!1))),o.u&=-517},Eo=()=>{j((()=>Z(p,"appload",{detail:{namespace:"cobalt"}})))},Lo=(o,c,e,r)=>{if(o&&o[c])try{return o[c](e)}catch(o){a(o,r)}},Ro=o=>o.classList.add("hydrated"),To=(o,c,e,r)=>{const t=n(o);if(!t)return;if(!t)throw Error(`Couldn't find host element for "${r.v}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const l=t.$hostElement$,s=t.l.get(c),i=t.u,f=t.i;if(e=V(e,r.o[c][0]),!(8&i&&void 0!==s||e===s||Number.isNaN(s)&&Number.isNaN(e))){if(t.l.set(c,e),r.q){const o=r.q[c];o&&o.map((o=>{try{const[[r,n]]=Object.entries(o);(128&i||1&n)&&(f?f[r](e,s,c):t.F.push((()=>{t.i[r](e,s,c)})))}catch(o){a(o,l)}}))}if(2&i){if(f.componentShouldUpdate&&!1===f.componentShouldUpdate(e,s,c)&&!(16&i))return;16&i||jo(t,!1)}}},Fo=(o,c,r)=>{var t,l;const s=o.prototype;{o.watchers&&!c.q&&(c.q=G(o.watchers)),o.deserializers&&!c._&&(c._=o.deserializers),o.serializers&&!c.B&&(c.B=o.serializers);const a=Object.entries(null!=(t=c.o)?t:{});if(a.map((([o,[t]])=>{if(31&t||2&r&&32&t){const{get:l,set:a}=e(s,o)||{};l&&(c.o[o][0]|=2048),a&&(c.o[o][0]|=4096),(1&r||!l)&&Object.defineProperty(s,o,{get(){{if(!(2048&c.o[o][0]))return((o,c)=>n(this).l.get(c))(0,o);const e=n(this),r=e?e.i:s;if(!r)return;return r[o]}},configurable:!0,enumerable:!0}),Object.defineProperty(s,o,{set(e){const l=n(this);if(l){if(a)return void 0===(32&t?this[o]:l.$hostElement$[o])&&l.l.get(o)&&(e=l.l.get(o)),a.call(this,V(e,t)),void To(this,o,e=32&t?this[o]:l.$hostElement$[o],c);{if(!(1&r&&4096&c.o[o][0]))return To(this,o,e,c),void(1&r&&!l.i&&l.F.push((()=>{4096&c.o[o][0]&&l.i[o]!==l.l.get(o)&&(l.i[o]=e)})));const n=()=>{const r=l.i[o];!l.l.get(o)&&r&&l.l.set(o,r),l.i[o]=V(e,t),To(this,o,l.i[o],c)};l.i?n():l.F.push((()=>{n()}))}}}})}else 1&r&&64&t&&Object.defineProperty(s,o,{value(...c){var e;const r=n(this);return null==(e=null==r?void 0:r.W)?void 0:e.then((()=>{var e;return null==(e=r.i)?void 0:e[o](...c)}))}})})),1&r){const e=new Map;s.attributeChangedCallback=function(o,r,t){b.jmp((()=>{var l;const i=e.get(o),f=n(this);if(this.hasOwnProperty(i)&&(t=this[i],delete this[i]),s.hasOwnProperty(i)&&"number"==typeof this[i]&&this[i]==t)return;if(null==i){const e=null==f?void 0:f.u;if(f&&e&&!(8&e)&&t!==r){const n=f.i,s=null==(l=c.q)?void 0:l[o];null==s||s.forEach((c=>{const[[l,s]]=Object.entries(c);null!=n[l]&&(128&e||1&s)&&n[l].call(n,t,r,o)}))}return}const u=a.find((([o])=>o===i)),d=u&&4&u[1][0],p=d&&null===t&&void 0===this[i];d&&(t=null!==t&&"false"!==t);const b=Object.getOwnPropertyDescriptor(s,i);p||t==this[i]||b.get&&!b.set||(this[i]=t)}))},o.observedAttributes=Array.from(new Set([...Object.keys(null!=(l=c.q)?l:{}),...a.filter((([o,c])=>31&c[0])).map((([o,r])=>{var t;const n=r[1]||o;return e.set(n,o),512&r[0]&&(null==(t=c.D)||t.push([o,n])),n}))]))}}return o},Ao=(o,c)=>{Lo(o,"connectedCallback",void 0,c)},Po=(o,c)=>{Lo(o,"disconnectedCallback",void 0,c||o)},Do=(o,c={})=>{var e;if(!p.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const r=[],t=c.exclude||[],l=p.customElements,s=p.document.head,d=s.querySelector("meta[charset]"),y=p.document.createElement("style"),m=[];let g,h=!0;Object.assign(b,c),b.p=new URL(c.resourcesUrl||"./",p.document.baseURI).href;let x=!1;if(o.map((o=>{o[1].map((c=>{var e,s;const u={u:c[0],v:c[1],o:c[2],G:c[3]};4&u.u&&(x=!0),u.o=c[2],u.G=c[3],u.D=[],u.q=G(c[4]),u.B=null!=(e=c[5])?e:{},u._=null!=(s=c[6])?s:{};const d=u.v,y=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(o){if(super(o),((o,c)=>{const e={u:0,$hostElement$:o,t:c,l:new Map,V:new Map};e.W=new Promise((o=>e.U=o)),e.I=new Promise((o=>e.H=o)),o["s-p"]=[],o["s-rc"]=[],e.F=[];const r=e;o.__stencil__getHostRef=()=>r})(o=this,u),1&u.u)if(o.shadowRoot){if("open"!==o.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${u.v}! Mode is set to ${o.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else O.call(o,u)}connectedCallback(){const o=n(this);o&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Ho(this,o,u.G)),g&&(clearTimeout(g),g=null),h?m.push(this):b.jmp((()=>(o=>{if(!(1&b.u)){const c=n(o);if(!c)return;const e=c.t,r=()=>{};if(1&c.u)Ho(o,c,e.G),(null==c?void 0:c.i)?Ao(c.i,o):(null==c?void 0:c.I)&&c.I.then((()=>Ao(c.i,o)));else{c.u|=1,12&e.u&&(o=>{if(!p.document)return;const c=o["s-cr"]=p.document.createComment("");c["s-cn"]=!0,$o(o,c,o.firstChild)})(o);{let e=o;for(;e=e.parentNode||e.host;)if(e["s-p"]){zo(c,c.L=e);break}}e.o&&Object.entries(e.o).map((([c,[e]])=>{if(31&e&&Object.prototype.hasOwnProperty.call(o,c)){const e=o[c];delete o[c],o[c]=e}})),(async(o,c,e)=>{let r;try{if(!(32&c.u)){if(c.u|=32,e.Y){const t=((o,c)=>{const e=o.v.replace(/-/g,"_"),r=o.Y;if(!r)return;const t=i.get(r);return t?t[e]:import(`./${r}.entry.js`).then((o=>(i.set(r,o),o[e])),(o=>{a(o,c.$hostElement$)}))
|
|
2
|
+
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(e,c);if(t&&"then"in t){const o=()=>{};r=await t,o()}else r=t;if(!r)throw Error(`Constructor for "${e.v}#${c.Z}" was not found`);r.isProxied||(e.q=G(r.watchers),e.B=r.serializers,e._=r.deserializers,Fo(r,e,2),r.isProxied=!0);const n=()=>{};c.u|=8;try{new r(c)}catch(c){a(c,o)}c.u&=-9,c.u|=128,n(),4&e.u?c.R=!0:Ao(c.i,o)}else r=o.constructor,customElements.whenDefined(o.localName).then((()=>c.u|=128));if(r&&r.style){let o;"string"==typeof r.style&&(o=r.style);const c=P(e);if(!f.has(c)){const r=()=>{};((o,c,e)=>{let r=f.get(o);v&&e?(r=r||new CSSStyleSheet,"string"==typeof r?r=c:r.replaceSync(c)):r=c,f.set(o,r)})(c,o,!!(1&e.u)),r()}}}const t=c.L,n=()=>jo(c,!0);t&&t["s-rc"]?t["s-rc"].push(n):n()}catch(e){a(e,o),c.C&&(c.C(),c.C=void 0),c.H&&c.H(o)}})(o,c,e)}r()}})(this))))}disconnectedCallback(){b.jmp((()=>(async o=>{if(!(1&b.u)){const c=n(o);(null==c?void 0:c.J)&&(c.J.map((o=>o())),c.J=void 0),(null==c?void 0:c.i)?Po(c.i,o):(null==c?void 0:c.I)&&c.I.then((()=>Po(c.i,o)))}A.has(o)&&A.delete(o),o.shadowRoot&&A.has(o.shadowRoot)&&A.delete(o.shadowRoot)})(this))),b.raf((()=>{var o;const c=n(this);if(!c)return;const e=m.findIndex((o=>o===this));e>-1&&m.splice(e,1),(null==(o=null==c?void 0:c.P)?void 0:o.k)instanceof Node&&!c.P.k.isConnected&&delete c.P.k}))}componentOnReady(){var o;return null==(o=n(this))?void 0:o.I}};u.Y=o[0],t.includes(d)||l.get(d)||(r.push(d),l.define(d,Fo(y,u,1)))}))})),r.length>0&&(x&&(y.textContent+=u),y.textContent+=r.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",y.innerHTML.length)){y.setAttribute("data-styles","");const o=null!=(e=b.A)?e:R(p.document);null!=o&&y.setAttribute("nonce",o),s.insertBefore(y,d?d.nextSibling:s.firstChild)}h=!1,m.length?m.map((o=>o.connectedCallback())):b.jmp((()=>g=setTimeout(Eo,30)))},Ho=(o,c,e)=>{e&&p.document&&e.map((([e,r,t])=>{const n=qo(p.document,o,e),l=Uo(c,t),s=_o(e);b.ael(n,r,l,s),(c.J=c.J||[]).push((()=>b.rel(n,r,l,s)))}))},Uo=(o,c)=>e=>{var r;try{256&o.u?null==(r=o.i)||r[c](e):(o.T=o.T||[]).push([c,e])}catch(c){a(c,o.$hostElement$)}},qo=(o,c,e)=>4&e?o:c,_o=o=>({passive:!!(1&o),capture:!!(2&o)}),Bo=o=>b.A=o;export{q as H,I as a,Do as b,Y as c,o as g,H as h,y as p,l as r,Bo as s}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as o,h as i,a as s}from"./p-
|
|
1
|
+
import{r as e,c as o,h as i,a as s}from"./p-Es9IUmmt.js";import{R as a}from"./p-BUgUTjOB.js";const t=class{constructor(i){e(this,i),this.coInput=o(this,"coInput",7),this.coChange=o(this,"coChange",7),this.coValidity=o(this,"coValidity",7),this.coFocus=o(this,"coFocus",7),this.coBlur=o(this,"coBlur",7),this.value="",this.placeholder="{ }",this.required=!1,this.disabled=!1,this.readonly=!1,this.rows=8,this.status="default",this.invalidMessage="Invalid JSON",this.layout="vertical",this.size="md",this.draft="",this.internalInvalid=!1,this.hasFocus=!1,this.handleInput=e=>{this.draft=e.target.value,this.validate(!0),this.coInput.emit(this.draft)},this.handleFocus=()=>{this.hasFocus=!0,this.coFocus.emit()},this.handleBlur=()=>{this.hasFocus=!1,this.value=this.draft,this.coChange.emit(this.draft),this.coBlur.emit()}}componentWillLoad(){var e;this.draft=null!==(e=this.value)&&void 0!==e?e:"",this.validate(!1)}onValueChange(){var e;this.hasFocus||(this.draft=null!==(e=this.value)&&void 0!==e?e:"",this.validate(!1))}get isInvalid(){return"error"===this.status||this.internalInvalid}validate(e){const o=this.draft.trim(),i=""===o||this.tryParse(o);return!i!==this.internalInvalid&&(this.internalInvalid=!i,e&&this.coValidity.emit({valid:i,message:i?void 0:this.invalidMessage})),i}tryParse(e){try{return JSON.parse(e),!0}catch(e){return!1}}render(){const e=this.internalInvalid?this.invalidMessage:this.helperText,o="default"!==this.status?`co-json-field--${this.status}`:"";return i("div",{key:"3694e74443cabde9c86e37a38d2ab93f49e2a239",class:{"co-json-field":!0,"co-json-field--disabled":this.disabled,"co-json-field--focused":this.hasFocus,"co-json-field--invalid":this.isInvalid,[`co-json-field--${this.size}`]:!0,[o]:!!o},part:"wrapper"},this.label&&i("div",{key:"806b6b2e0aa1fc4cade79fec7111e7afa4f23faf",class:"co-json-field__labels"},i("label",{key:"c01947ab92bb4849469e70b3077fa0af5fa953bd",class:"co-json-field__label",part:"label"},this.label,i(a,{key:"f91fd778dba0cdb233872dcace643112e0d3c4de",required:this.required}))),i("div",{key:"4070579d2d8fe149c19163133d7ea549f965725e",class:"co-json-field__field",part:"field"},i("textarea",{key:"91e21766aae9f39e76c003720207bebfb087af4f",class:"co-json-field__native",rows:this.rows,spellcheck:!1,autocomplete:"off",value:this.draft,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,"aria-invalid":this.isInvalid?"true":"false","aria-label":this.label?void 0:"JSON",onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,part:"input"})),this.name&&i("input",{key:"87736d190c59a59a46ae0a341f28135892f109d0",type:"hidden",name:this.name,value:this.draft}),e&&i("div",{key:"304a65252877ae80e52278bea82128a8f7df3c90",class:{"co-json-field__helper":!0,"co-json-field__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&i("co-icon",{key:"1771161363b23da8aac7f1c70ab56b32f208f5cd",name:"warning-circle",size:14,class:"co-json-field__helper-icon"}),i("span",{key:"ce965e666a8107027249647a256c4e46d72d2db4",class:"co-json-field__helper-text"},e)))}get el(){return s(this)}static get watchers(){return{value:[{onValueChange:0}]}}};t.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-json-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-json-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-json-field__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-field-required{margin-left:2px;color:var(--co-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-json-field__field{display:flex;background:color-mix(in srgb, var(--co-semantic-surface-secondary) 55%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);transition:border-color 0.15s ease, box-shadow 0.15s ease;box-sizing:border-box;overflow:hidden}.co-json-field__native{width:100%;resize:vertical;border:none;outline:none;background:transparent;font-family:var(--co-font-family-mono, monospace);font-size:var(--co-font-size-13, 13px);font-weight:400;line-height:1.5;color:var(--co-semantic-text-default);padding:var(--co-spacing-sm2) var(--co-spacing-md);margin:0;box-sizing:border-box;tab-size:2}.co-json-field__native::placeholder{color:var(--co-semantic-text-muted)}.co-json-field--s .co-json-field__native{padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12, 12px)}.co-json-field--sm .co-json-field__native{padding:var(--co-spacing-xs) var(--co-spacing-sm)}.co-json-field--lg .co-json-field__native{padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-14)}.co-json-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-json-field__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-json-field__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body)}.co-json-field--focused .co-json-field__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-json-field--disabled{opacity:0.6;pointer-events:none}.co-json-field--disabled .co-json-field__field{background:var(--co-semantic-surface-disabled);border-color:transparent}.co-json-field--invalid .co-json-field__field,.co-json-field--error .co-json-field__field{border-color:var(--co-semantic-status-error)}.co-json-field--invalid.co-json-field--focused .co-json-field__field,.co-json-field--error.co-json-field--focused .co-json-field__field{border-color:var(--co-semantic-status-error);box-shadow:0 0 0 2px rgba(170, 46, 27, 0.12)}.co-json-field__helper--error .co-json-field__helper-icon,.co-json-field__helper--error .co-json-field__helper-text{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-json-field{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-json-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-json-field__label{white-space:normal}:host([layout='horizontal']) .co-json-field>:not(.co-json-field__labels){grid-column:2;min-width:0}@supports not (background: color-mix(in srgb, red, transparent)){.co-json-field__field{background:var(--co-semantic-surface-secondary)}}";export{t as co_json_field}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c,h as e}from"./p-
|
|
1
|
+
import{r as o,c,h as e}from"./p-Es9IUmmt.js";const r=class{constructor(e){o(this,e),this.coChange=c(this,"coChange",7),this.layout="vertical",this.status="default",this.value="[]",this.options=[],this.direction="column",this.size="small",this.disabled=!1,this.handleToggle=o=>{if(this.disabled)return;const c=[...this.selectedValues],e=c.indexOf(o);e>=0?c.splice(e,1):c.push(o),this.value=JSON.stringify(c),this.coChange.emit(c)}}onValueChange(){}get parsedOptions(){let o=this.options;if("string"==typeof o)try{o=JSON.parse(o)}catch(o){return[]}return Array.isArray(o)?o.map((o=>"string"==typeof o?{label:o,value:o}:o)):[]}get selectedValues(){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(o){return[]}return this.value}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}render(){const o=this.label||this.secondaryLabel,c=this.parsedOptions,r=this.selectedValues;return e("div",{key:"cb538aaa167b240cafcbd7421e11aa588a7c7b12",class:{"co-checkbox-group":!0,"co-checkbox-group--disabled":this.disabled,[`co-checkbox-group--${this.status}`]:"default"!==this.status},role:"group","aria-label":this.label||""},o&&e("div",{key:"9e8e43ef8ec56df7cb7386af62ac27633cde08e9",class:"co-checkbox-group__labels"},this.label&&e("span",{key:"f1c4af391f16486910353cfa271a99c0800efaf7",class:"co-checkbox-group__label"},this.label),this.secondaryLabel&&e("span",{key:"bb91d781eb3c76b3cf346d7c09b6aa67074cb7c6",class:"co-checkbox-group__secondary-label"},this.secondaryLabel)),e("div",{key:"ea0258b1106e9a13ad869823606fa86ed3044431",class:{"co-checkbox-group__options":!0,[`co-checkbox-group__options--${this.direction}`]:!0}},c.map((o=>{const c=this.disabled||!!o.disabled,a=r.includes(o.value);return e("div",{class:{"co-checkbox-group__item":!0,"co-checkbox-group__item--disabled":c},onClick:()=>!c&&this.handleToggle(o.value)},e("span",{class:{"co-checkbox-group__box":!0,[`co-checkbox-group__box--${this.size}`]:!0,"co-checkbox-group__box--checked":a,"co-checkbox-group__box--disabled":c},role:"checkbox","aria-checked":String(a),"aria-label":o.label}),e("span",{class:"co-checkbox-group__option-label"},o.label))}))),this.helperText&&e("div",{key:"c0f01f638a2380f8f124350f4feebe768359e16d",class:`co-checkbox-group__helper co-checkbox-group__helper--${this.status}`},this.statusIcon&&e("co-icon",{key:"81d770840578006abea0a2e36f5e7162c1773765",name:this.statusIcon,size:14,weight:"fill",class:"co-checkbox-group__helper-icon"}),e("span",{key:"ae77c9a6f140d4fb59bfd0d2e4a61b9063d4cdab",class:"co-checkbox-group__helper-text"},this.helperText)))}static get watchers(){return{value:[{onValueChange:0}]}}};r.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-checkbox-group{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-checkbox-group__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-checkbox-group__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;cursor:default}.co-checkbox-group__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-checkbox-group--disabled .co-checkbox-group__label,.co-checkbox-group--disabled .co-checkbox-group__secondary-label{color:var(--co-semantic-text-disabled)}.co-checkbox-group__options{display:flex;gap:var(--co-spacing-md)}.co-checkbox-group__options--column{flex-direction:column;gap:var(--co-spacing-sm2)}.co-checkbox-group__options--row{flex-direction:row;flex-wrap:wrap;gap:var(--co-spacing-md)}.co-checkbox-group__item{display:flex;align-items:center;gap:var(--co-spacing-sm2);cursor:pointer;user-select:none}.co-checkbox-group__item--disabled{cursor:not-allowed}.co-checkbox-group__option-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap}.co-checkbox-group__item--disabled .co-checkbox-group__option-label{color:var(--co-semantic-text-disabled)}.co-checkbox-group__box{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;transition:background 0.15s ease, border-color 0.15s ease;overflow:hidden}.co-checkbox-group__box--small{width:16px;height:16px;border-radius:var(--co-border-radius-xxs)}.co-checkbox-group__box--large{width:24px;height:24px;border-radius:var(--co-spacing-sm)}.co-checkbox-group__box:not(.co-checkbox-group__box--checked){background:color-mix(in srgb, var(--co-semantic-surface-secondary) 35%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));border:1px solid var(--co-semantic-border-subtle)}.co-checkbox-group__box--checked{background:var(--co-semantic-surface-primary);border:none}.co-checkbox-group__box--checked::after{content:'';display:block;box-sizing:border-box;border-style:solid;border-color:var(--co-semantic-on-primary);border-width:0 0 1.5px 1.5px;transform:rotate(-45deg) translateY(-15%)}.co-checkbox-group__box--small.co-checkbox-group__box--checked::after{width:7px;height:4px}.co-checkbox-group__box--large.co-checkbox-group__box--checked::after{width:10px;height:6px}.co-checkbox-group__box--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-checkbox-group--error .co-checkbox-group__box:not(.co-checkbox-group__box--checked){border-color:var(--co-semantic-status-error)}.co-checkbox-group__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-checkbox-group__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-checkbox-group__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-checkbox-group__helper--error .co-checkbox-group__helper-icon,.co-checkbox-group__helper--error .co-checkbox-group__helper-text{color:var(--co-semantic-status-error)}.co-checkbox-group__helper--success .co-checkbox-group__helper-icon,.co-checkbox-group__helper--success .co-checkbox-group__helper-text{color:var(--co-semantic-status-success)}.co-checkbox-group__helper--warning .co-checkbox-group__helper-icon,.co-checkbox-group__helper--warning .co-checkbox-group__helper-text{color:var(--co-color-status-review)}.co-checkbox-group__helper--info .co-checkbox-group__helper-icon,.co-checkbox-group__helper--info .co-checkbox-group__helper-text{color:var(--co-semantic-status-info)}:host([layout='horizontal']) .co-checkbox-group{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-checkbox-group__labels{grid-column:1;grid-row:1;padding-top:0;min-width:0}:host([layout='horizontal']) .co-checkbox-group__label{white-space:normal}:host([layout='horizontal']) .co-checkbox-group>:not(.co-checkbox-group__labels){grid-column:2;min-width:0}@supports not (background: color-mix(in srgb, red, transparent)){.co-checkbox-group__box:not(.co-checkbox-group__box--checked){background:transparent}}";export{r as co_checkbox_group}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as i,h as t,a as s}from"./p-CYsftTKf.js";import{R as a}from"./p-oImf-7fN.js";import{F as o}from"./p-BZJ7NCm5.js";const r=class{constructor(t){e(this,t),this.coChange=i(this,"coChange",7),this.coInput=i(this,"coInput",7),this.coClear=i(this,"coClear",7),this.coFocus=i(this,"coFocus",7),this.coBlur=i(this,"coBlur",7),this.value="[]",this.placeholder="",this.required=!1,this.disabled=!1,this.readonly=!1,this.clearable=!0,this.allowDuplicates=!1,this.invalid=!1,this.layout="vertical",this.size="md",this.draft="",this.editingIndex=null,this.editingDraft="",this.hasFocus=!1,this.handleClearAll=()=>{var e;this.hasValue&&(this.commit([]),this.coClear.emit(),null===(e=this.inputEl)||void 0===e||e.focus())},this.handleInput=e=>{this.draft=e.target.value,this.coInput.emit(this.draft)},this.handleKeyDown=e=>{"Enter"!==e.key&&"Tab"!==e.key&&","!==e.key?"Backspace"===e.key&&""===this.draft&&this.hasValue&&(e.preventDefault(),this.removeTag(this.tags.length-1)):this.draft.trim()&&(e.preventDefault(),this.addTag())},this.handleFocus=()=>{this.hasFocus=!0,this.coFocus.emit()},this.handleBlur=()=>{this.draft.trim()&&this.addTag(),this.hasFocus=!1,this.coBlur.emit()},this.handleEditKeyDown=e=>{"Enter"===e.key?(e.preventDefault(),this.saveEdit()):"Escape"===e.key&&(e.preventDefault(),this.cancelEdit())},this.handleFieldClick=()=>{var e;this.disabled||this.readonly||null===this.editingIndex&&(null===(e=this.inputEl)||void 0===e||e.focus())}}onEditingIndexChange(e){null!==e&&requestAnimationFrame((()=>{var e;return null===(e=this.editEl)||void 0===e?void 0:e.focus()}))}get tags(){if(Array.isArray(this.value))return this.value.map((e=>String(e)));if("string"==typeof this.value&&this.value.trim())try{const e=JSON.parse(this.value);if(Array.isArray(e))return e.map((e=>String(e)))}catch(e){}return[]}get hasValue(){return this.tags.length>0}get isInvalid(){return this.invalid}get atCapacity(){return"number"==typeof this.maxTags&&this.tags.length>=this.maxTags}commit(e){this.value=JSON.stringify(e),this.coChange.emit(e)}addTag(){const e=this.draft.trim();if(this.draft="",!e||this.atCapacity)return;const i=this.tags;!this.allowDuplicates&&i.includes(e)||this.commit([...i,e])}removeTag(e){const i=this.tags.filter(((i,t)=>t!==e));this.commit(i)}startEdit(e){var i;this.disabled||this.readonly||(this.editingIndex=e,this.editingDraft=null!==(i=this.tags[e])&&void 0!==i?i:"")}saveEdit(){if(null===this.editingIndex)return;const e=this.editingIndex,i=this.editingDraft.trim(),t=this.tags;if(this.editingIndex=null,this.editingDraft="",!i)return void this.commit(t.filter(((i,t)=>t!==e)));if(!this.allowDuplicates&&t.some(((t,s)=>s!==e&&t===i)))return void this.commit(t.filter(((i,t)=>t!==e)));const s=[...t];s[e]=i,this.commit(s)}cancelEdit(){this.editingIndex=null,this.editingDraft=""}render(){const e=this.tags,i=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly,s=this.isInvalid?this.errorMessage:this.helperText,r=!this.readonly&&!this.atCapacity;return t("div",{key:"1cef49a116560d7dbb9bf8d188fdc96361a57eb2",class:{"co-tags-field":!0,"co-tags-field--disabled":this.disabled,"co-tags-field--focused":this.hasFocus,"co-tags-field--filled":this.hasValue,"co-tags-field--invalid":this.isInvalid,[`co-tags-field--${this.size}`]:!0},part:"wrapper"},this.label&&t("div",{key:"a4b799bdb15d8a64d86e9b3f367da4eb080a513a",class:"co-tags-field__labels"},t("label",{key:"09b17b8888f9ab34ae6e52d6149f2234bab29cad",class:"co-tags-field__label",part:"label"},this.label,t(a,{key:"2e629eb73a4b76d7484f506edf26de88b13082b3",required:this.required}))),t("div",{key:"d0f285b57c0d0dec34f5c62889c09eeb1b85d7f0",class:"co-tags-field__field-row"},t("div",{key:"244270d7af8d9a615fa4e294d52986e470c71882",class:"co-tags-field__field",part:"field",onClick:this.handleFieldClick},t("div",{key:"434c8fe594082e57a1bc84c83467041f9070cc8b",class:"co-tags-field__input-wrapper"},e.map(((e,i)=>this.editingIndex===i?t("input",{key:`edit-${i}`,ref:e=>this.editEl=e,class:"co-tags-field__edit",type:"text",value:this.editingDraft,onInput:e=>this.editingDraft=e.target.value,onKeyDown:this.handleEditKeyDown,onBlur:()=>this.saveEdit()}):t(o,{key:`chip-${i}-${e}`,baseClass:"co-tags-field__chip",label:e,title:e,onChipDblClick:()=>this.startEdit(i),onRemove:this.disabled||this.readonly?void 0:e=>{e.stopPropagation(),this.removeTag(i)}}))),r&&t("input",{key:"2b425cbf2761cac6eb63bd9e6b27e5dcc082dc69",ref:e=>this.inputEl=e,class:"co-tags-field__native",type:"text",autocomplete:"off",value:this.draft,placeholder:0===e.length?this.placeholder:"",disabled:this.disabled,required:this.required&&0===e.length,"aria-invalid":this.isInvalid?"true":"false","aria-label":this.label?void 0:"Tags",onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,part:"input"})),this.clearable&&t("button",{key:"a972a27e6b26d585e66a1d400e8af1da4571d12d",class:{"co-tags-field__clear":!0,"co-tags-field__clear--hidden":!i},type:"button",tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:this.handleClearAll,"aria-label":"Clear all",part:"clear"},t("co-icon",{key:"7d7286ed2c13129e40dd18e205626615d0b94022",name:"x-circle",size:16,weight:"fill"})))),this.name&&t("input",{key:"d1538321cd3e330a54978424ec165fe8b9a533e4",type:"hidden",name:this.name,value:JSON.stringify(e)}),s&&t("div",{key:"e74d2fcbe0c8355cb66becbe526d974f524acdfa",class:{"co-tags-field__helper":!0,"co-tags-field__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&t("co-icon",{key:"17642154cb83071f07819f98dccd866066d0eae1",name:"warning-circle",size:14,class:"co-tags-field__helper-icon"}),t("span",{key:"1cf60e4b7f9eed91aacdb0ab4044b20a2971d57d",class:"co-tags-field__helper-text"},s)))}get el(){return s(this)}static get watchers(){return{editingIndex:[{onEditingIndexChange:0}]}}};r.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-tags-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-tags-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-tags-field__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-tags-field__field-row{display:flex;align-items:stretch}.co-tags-field__field{display:flex;align-items:flex-start;gap:var(--co-spacing-sm2);padding:var(--co-spacing-xs) var(--co-spacing-md);background:color-mix(in srgb, var(--co-semantic-surface-secondary) 55%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);transition:border-color 0.15s ease, box-shadow 0.15s ease;min-height:40px;box-sizing:border-box;flex:1;min-width:0;cursor:text}.co-tags-field__input-wrapper{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--co-spacing-sm);min-width:0;min-height:28px;padding:var(--co-spacing-xxs) 0}.co-tags-field--s .co-tags-field__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-tags-field--sm .co-tags-field__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-tags-field--lg .co-tags-field__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-tags-field--s .co-tags-field__input-wrapper,.co-tags-field--sm .co-tags-field__input-wrapper{min-height:0;padding:0}.co-tags-field__chip{display:inline-flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm) var(--co-spacing-sm2);background:var(--co-semantic-surface-hover);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-14);line-height:1;max-width:240px;cursor:pointer;user-select:none}.co-tags-field__chip-label{color:var(--co-semantic-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-tags-field__chip-remove{display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.1s ease;flex-shrink:0}.co-tags-field__chip-remove:hover{color:var(--co-semantic-text-default)}.co-tags-field__native{flex:1;min-width:80px;border:none;outline:none;background:transparent;font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:1;color:var(--co-semantic-text-default);padding:0;margin:0}.co-tags-field__native::placeholder{color:var(--co-semantic-text-muted)}.co-tags-field__edit{border:1px solid var(--co-semantic-border-focus);border-radius:var(--co-border-radius-xxs);outline:none;background:var(--co-semantic-surface-primary);font-family:inherit;font-size:var(--co-font-size-12);line-height:1;color:var(--co-semantic-text-default);padding:var(--co-spacing-xxs) var(--co-spacing-xs);margin:0;min-width:60px}.co-tags-field__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;padding:0;margin:var(--co-spacing-xxs) 0 0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-tags-field__clear--hidden{visibility:hidden;pointer-events:none}.co-tags-field__clear:hover{color:var(--co-semantic-text-default)}.co-tags-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-tags-field__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-tags-field__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body)}.co-tags-field--focused .co-tags-field__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-tags-field--disabled{opacity:0.6;pointer-events:none}.co-tags-field--disabled .co-tags-field__labels .co-tags-field__label{color:var(--co-semantic-text-disabled)}.co-tags-field--disabled .co-tags-field__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-tags-field--invalid .co-tags-field__field{border-color:var(--co-semantic-status-error)}.co-tags-field--invalid.co-tags-field--focused .co-tags-field__field{border-color:var(--co-semantic-status-error);box-shadow:0 0 0 2px rgba(170, 46, 27, 0.12)}.co-tags-field__helper--error .co-tags-field__helper-icon,.co-tags-field__helper--error .co-tags-field__helper-text{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-tags-field{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-tags-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-tags-field__label{white-space:normal}:host([layout='horizontal']) .co-tags-field>:not(.co-tags-field__labels){grid-column:2;min-width:0}@supports not (background: color-mix(in srgb, red, transparent)){.co-tags-field__field{background:var(--co-semantic-surface-secondary)}}";export{r as co_tags_field}
|
|
1
|
+
import{r as e,c as i,h as t,a as s}from"./p-Es9IUmmt.js";import{R as a}from"./p-BUgUTjOB.js";import{F as o}from"./p-BxzuCRMr.js";const r=class{constructor(t){e(this,t),this.coChange=i(this,"coChange",7),this.coInput=i(this,"coInput",7),this.coClear=i(this,"coClear",7),this.coFocus=i(this,"coFocus",7),this.coBlur=i(this,"coBlur",7),this.value="[]",this.placeholder="",this.required=!1,this.disabled=!1,this.readonly=!1,this.clearable=!0,this.allowDuplicates=!1,this.invalid=!1,this.layout="vertical",this.size="md",this.draft="",this.editingIndex=null,this.editingDraft="",this.hasFocus=!1,this.handleClearAll=()=>{var e;this.hasValue&&(this.commit([]),this.coClear.emit(),null===(e=this.inputEl)||void 0===e||e.focus())},this.handleInput=e=>{this.draft=e.target.value,this.coInput.emit(this.draft)},this.handleKeyDown=e=>{"Enter"!==e.key&&"Tab"!==e.key&&","!==e.key?"Backspace"===e.key&&""===this.draft&&this.hasValue&&(e.preventDefault(),this.removeTag(this.tags.length-1)):this.draft.trim()&&(e.preventDefault(),this.addTag())},this.handleFocus=()=>{this.hasFocus=!0,this.coFocus.emit()},this.handleBlur=()=>{this.draft.trim()&&this.addTag(),this.hasFocus=!1,this.coBlur.emit()},this.handleEditKeyDown=e=>{"Enter"===e.key?(e.preventDefault(),this.saveEdit()):"Escape"===e.key&&(e.preventDefault(),this.cancelEdit())},this.handleFieldClick=()=>{var e;this.disabled||this.readonly||null===this.editingIndex&&(null===(e=this.inputEl)||void 0===e||e.focus())}}onEditingIndexChange(e){null!==e&&requestAnimationFrame((()=>{var e;return null===(e=this.editEl)||void 0===e?void 0:e.focus()}))}get tags(){if(Array.isArray(this.value))return this.value.map((e=>String(e)));if("string"==typeof this.value&&this.value.trim())try{const e=JSON.parse(this.value);if(Array.isArray(e))return e.map((e=>String(e)))}catch(e){}return[]}get hasValue(){return this.tags.length>0}get isInvalid(){return this.invalid}get atCapacity(){return"number"==typeof this.maxTags&&this.tags.length>=this.maxTags}commit(e){this.value=JSON.stringify(e),this.coChange.emit(e)}addTag(){const e=this.draft.trim();if(this.draft="",!e||this.atCapacity)return;const i=this.tags;!this.allowDuplicates&&i.includes(e)||this.commit([...i,e])}removeTag(e){const i=this.tags.filter(((i,t)=>t!==e));this.commit(i)}startEdit(e){var i;this.disabled||this.readonly||(this.editingIndex=e,this.editingDraft=null!==(i=this.tags[e])&&void 0!==i?i:"")}saveEdit(){if(null===this.editingIndex)return;const e=this.editingIndex,i=this.editingDraft.trim(),t=this.tags;if(this.editingIndex=null,this.editingDraft="",!i)return void this.commit(t.filter(((i,t)=>t!==e)));if(!this.allowDuplicates&&t.some(((t,s)=>s!==e&&t===i)))return void this.commit(t.filter(((i,t)=>t!==e)));const s=[...t];s[e]=i,this.commit(s)}cancelEdit(){this.editingIndex=null,this.editingDraft=""}render(){const e=this.tags,i=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly,s=this.isInvalid?this.errorMessage:this.helperText,r=!this.readonly&&!this.atCapacity;return t("div",{key:"b06b0400bebca239be4b3510c790e649a0b09e55",class:{"co-tags-field":!0,"co-tags-field--disabled":this.disabled,"co-tags-field--focused":this.hasFocus,"co-tags-field--filled":this.hasValue,"co-tags-field--invalid":this.isInvalid,[`co-tags-field--${this.size}`]:!0},part:"wrapper"},this.label&&t("div",{key:"0476d5d5e3522e3de8703ffe48aaab76e892e7bd",class:"co-tags-field__labels"},t("label",{key:"23c99c158c88d6fc508218b40d037176728700d0",class:"co-tags-field__label",part:"label"},this.label,t(a,{key:"0c88d8476cc6c316132a2888f51d3eb49736d205",required:this.required}))),t("div",{key:"f261306b322b86b0ce6319b74c1dd5a604e354d1",class:"co-tags-field__field-row"},t("div",{key:"ee3d816cf0c5197676629840eef464f85fcf9559",class:"co-tags-field__field",part:"field",onClick:this.handleFieldClick},t("div",{key:"a9c34371df22b4741d4c6ad1a3842df6f9a2f67d",class:"co-tags-field__input-wrapper"},e.map(((e,i)=>this.editingIndex===i?t("input",{key:`edit-${i}`,ref:e=>this.editEl=e,class:"co-tags-field__edit",type:"text",value:this.editingDraft,onInput:e=>this.editingDraft=e.target.value,onKeyDown:this.handleEditKeyDown,onBlur:()=>this.saveEdit()}):t(o,{key:`chip-${i}-${e}`,baseClass:"co-tags-field__chip",label:e,title:e,onChipDblClick:()=>this.startEdit(i),onRemove:this.disabled||this.readonly?void 0:e=>{e.stopPropagation(),this.removeTag(i)}}))),r&&t("input",{key:"e3619e500dce2c86bbc964e80ce1b47bac97b488",ref:e=>this.inputEl=e,class:"co-tags-field__native",type:"text",autocomplete:"off",value:this.draft,placeholder:0===e.length?this.placeholder:"",disabled:this.disabled,required:this.required&&0===e.length,"aria-invalid":this.isInvalid?"true":"false","aria-label":this.label?void 0:"Tags",onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,part:"input"})),this.clearable&&t("button",{key:"d55a9de7143a4ec296b519d27d08528446c3eb7f",class:{"co-tags-field__clear":!0,"co-tags-field__clear--hidden":!i},type:"button",tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:this.handleClearAll,"aria-label":"Clear all",part:"clear"},t("co-icon",{key:"dfb1fb1b0e91013eaa6ce324089e04d9db16d5a5",name:"x-circle",size:16,weight:"fill"})))),this.name&&t("input",{key:"1981743bf4ecdcca8ff44b92c234cd51cdeef536",type:"hidden",name:this.name,value:JSON.stringify(e)}),s&&t("div",{key:"de671e568b85b27e03636530a544adaf46334e77",class:{"co-tags-field__helper":!0,"co-tags-field__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&t("co-icon",{key:"057154aa6ccbe1598b6d3fa9c82febb929454288",name:"warning-circle",size:14,class:"co-tags-field__helper-icon"}),t("span",{key:"2d79353740ced07fa8d8e9fa2541ddf9d6261522",class:"co-tags-field__helper-text"},s)))}get el(){return s(this)}static get watchers(){return{editingIndex:[{onEditingIndexChange:0}]}}};r.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-tags-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-tags-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-tags-field__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-tags-field__field-row{display:flex;align-items:stretch}.co-tags-field__field{display:flex;align-items:flex-start;gap:var(--co-spacing-sm2);padding:var(--co-spacing-xs) var(--co-spacing-md);background:color-mix(in srgb, var(--co-semantic-surface-secondary) 55%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);transition:border-color 0.15s ease, box-shadow 0.15s ease;min-height:40px;box-sizing:border-box;flex:1;min-width:0;cursor:text}.co-tags-field__input-wrapper{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--co-spacing-sm);min-width:0;min-height:28px;padding:var(--co-spacing-xxs) 0}.co-tags-field--s .co-tags-field__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-tags-field--sm .co-tags-field__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-tags-field--lg .co-tags-field__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-tags-field--s .co-tags-field__input-wrapper,.co-tags-field--sm .co-tags-field__input-wrapper{min-height:0;padding:0}.co-tags-field__chip{display:inline-flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm) var(--co-spacing-sm2);background:var(--co-semantic-surface-hover);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-14);line-height:1;max-width:240px;cursor:pointer;user-select:none}.co-tags-field__chip-label{color:var(--co-semantic-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-tags-field__chip-remove{display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.1s ease;flex-shrink:0}.co-tags-field__chip-remove:hover{color:var(--co-semantic-text-default)}.co-tags-field__native{flex:1;min-width:80px;border:none;outline:none;background:transparent;font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:1;color:var(--co-semantic-text-default);padding:0;margin:0}.co-tags-field__native::placeholder{color:var(--co-semantic-text-muted)}.co-tags-field__edit{border:1px solid var(--co-semantic-border-focus);border-radius:var(--co-border-radius-xxs);outline:none;background:var(--co-semantic-surface-primary);font-family:inherit;font-size:var(--co-font-size-12);line-height:1;color:var(--co-semantic-text-default);padding:var(--co-spacing-xxs) var(--co-spacing-xs);margin:0;min-width:60px}.co-tags-field__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;padding:0;margin:var(--co-spacing-xxs) 0 0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-tags-field__clear--hidden{visibility:hidden;pointer-events:none}.co-tags-field__clear:hover{color:var(--co-semantic-text-default)}.co-tags-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-tags-field__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-tags-field__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body)}.co-tags-field--focused .co-tags-field__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-tags-field--disabled{opacity:0.6;pointer-events:none}.co-tags-field--disabled .co-tags-field__labels .co-tags-field__label{color:var(--co-semantic-text-disabled)}.co-tags-field--disabled .co-tags-field__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-tags-field--invalid .co-tags-field__field{border-color:var(--co-semantic-status-error)}.co-tags-field--invalid.co-tags-field--focused .co-tags-field__field{border-color:var(--co-semantic-status-error);box-shadow:0 0 0 2px rgba(170, 46, 27, 0.12)}.co-tags-field__helper--error .co-tags-field__helper-icon,.co-tags-field__helper--error .co-tags-field__helper-text{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-tags-field{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-tags-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-tags-field__label{white-space:normal}:host([layout='horizontal']) .co-tags-field>:not(.co-tags-field__labels){grid-column:2;min-width:0}@supports not (background: color-mix(in srgb, red, transparent)){.co-tags-field__field{background:var(--co-semantic-surface-secondary)}}";export{r as co_tags_field}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as i,a as o}from"./p-Es9IUmmt.js";import{a as n}from"./p-Ch1jfwZ2.js";const s=["a[href]","area[href]","button:not([disabled])",'input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])","iframe","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])','[tabindex]:not([tabindex="-1"])'].join(",");function a(t){return Array.from(t.querySelectorAll(s)).filter((t=>!t.hasAttribute("disabled")&&"true"!==t.getAttribute("aria-hidden")&&(null!==t.offsetParent||t.getClientRects().length>0)))}let r=0,c="";const h=class{constructor(i){t(this,i),this.coClose=e(this,"coClose",7),this.coAfterClose=e(this,"coAfterClose",3),this.coAfterOpen=e(this,"coAfterOpen",3),this.open=!1,this.trapFocus=!1,this.closeOnEscape=!1,this.hasLock=!1,this.handleClick=()=>{this.coClose.emit()},this.handleTransitionEnd=t=>{if(t.target!==this.overlayEl)return;const e=n(t.propertyName,this.open,"opacity");"after-open"===e?this.coAfterOpen.emit():"after-close"===e&&this.coAfterClose.emit()}}onOpenChange(t){t?this.acquireLock():this.releaseLock(),this.syncPopover(),this.trapFocus&&(t?this.captureAndFocus():this.restoreFocus())}componentDidLoad(){this.open&&this.acquireLock(),this.syncPopover(),this.open&&this.trapFocus&&this.captureAndFocus()}disconnectedCallback(){this.releaseLock(),this.trapFocus&&this.restoreFocus()}acquireLock(){this.hasLock||(this.hasLock=!0,"undefined"!=typeof document&&(0===r&&(c=document.body.style.overflow,document.body.style.overflow="hidden"),r++))}releaseLock(){this.hasLock&&(this.hasLock=!1,"undefined"!=typeof document&&0!==r&&(r--,0===r&&(document.body.style.overflow=c)))}syncPopover(){const t=this.overlayEl;if(t&&"function"==typeof t.showPopover)try{const e=t.matches(":popover-open");this.open&&!e?t.showPopover():!this.open&&e&&t.hidePopover()}catch(t){}}captureAndFocus(){var t;"undefined"!=typeof document&&(this.returnFocusEl=document.activeElement),t=()=>{var t;if(!this.open)return;const e=a(this.el);e.length>0?e[0].focus():null===(t=this.overlayEl)||void 0===t||t.focus()},"function"==typeof requestAnimationFrame?requestAnimationFrame(t):t()}restoreFocus(){const t=this.returnFocusEl;this.returnFocusEl=null,t&&"function"==typeof t.focus&&t.focus()}deepActiveElement(){if("undefined"==typeof document)return null;let t=document.activeElement;for(;t&&t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;return t}handleKeydown(t){this.open&&(this.closeOnEscape&&"Escape"===t.key?this.coClose.emit():this.trapFocus&&"Tab"===t.key&&this.trapTab(t))}trapTab(t){var e;const i=a(this.el);if(0===i.length)return t.preventDefault(),void(null===(e=this.overlayEl)||void 0===e||e.focus());const o=i.indexOf(this.deepActiveElement()),n=function(t,e,i){return t<=0?-1:i?e<=0?t-1:e-1:-1===e||e>=t-1?0:e+1}(i.length,o,t.shiftKey);n<0||(t.preventDefault(),i[n].focus())}render(){return i("div",{key:"da8d1cc91e1e1a6ae1b9c1bc9fea2aefb0e8170a",class:{"co-overlay":!0,"co-overlay--open":this.open},part:"overlay",popover:"manual",tabindex:this.trapFocus?-1:void 0,ref:t=>this.overlayEl=t,onClick:this.handleClick,onTransitionEnd:this.handleTransitionEnd},i("slot",{key:"884c740ff55fc6c9d34ddbb996fad1f7ea058344"}))}get el(){return o(this)}static get watchers(){return{open:[{onOpenChange:0}]}}};h.style=":host{display:contents}.co-overlay{position:fixed;inset:0;z-index:1000;margin:0;border:0;padding:0;width:auto;height:auto;max-width:none;max-height:none;overflow:visible;display:flex;align-items:center;justify-content:center;background:var(--co-overlay-bg, rgba(0, 0, 0, 0.4));-webkit-backdrop-filter:blur(var(--co-overlay-blur, 2px));backdrop-filter:blur(var(--co-overlay-blur, 2px));opacity:0;pointer-events:none;transition:opacity 0.2s ease}.co-overlay--open{opacity:1;pointer-events:auto;transition:opacity 0.12s ease}";export{h as co_overlay}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as r,a as i}from"./p-CYsftTKf.js";import{R as a}from"./p-oImf-7fN.js";import{g as s}from"./p-C1DCLOEl.js";import{i as o,t as c,p as n,c as l,a as d,b as h,s as p,d as g,f as u}from"./p-tPYikBRJ.js";const m=class{constructor(r){e(this,r),this.coRangeStartChange=t(this,"coRangeStartChange",7),this.coRangeEndChange=t(this,"coRangeEndChange",7),this.coRangeChange=t(this,"coRangeChange",7),this.coApply=t(this,"coApply",7),this.coCancel=t(this,"coCancel",7),this.coClear=t(this,"coClear",7),this.coOpen=t(this,"coOpen",3),this.coClose=t(this,"coClose",3),this.value="",this.locale="es-CO",this.displayFormat="d MMM yyyy",this.firstDayOfWeek=1,this.presets=!0,this.allowSameDay=!0,this.clearable=!0,this.applyOnSelect=!1,this.disabled=!1,this.readonly=!1,this.invalid=!1,this.required=!1,this.layout="vertical",this.size="md",this.placement="bottom-start",this.open=!1,this.mobileBreakpoint=600,this.draftFrom=null,this.draftTo=null,this.isMobile=!1,this.mqlHandler=e=>{this.isMobile=e.matches},this.onPopoverOpen=()=>{this.open||(this.open=!0,this.coOpen.emit()),this.syncDraftFromValue()},this.onPopoverClose=()=>{this.open&&(this.open=!1,this.coClose.emit()),this.syncDraftFromValue()},this.onRootKeyDown=e=>{"Escape"===e.key&&this.open&&(e.stopPropagation(),this.handleCancel())},this.onCalendarRange=e=>{this.updateDraft(e.detail.start,e.detail.end)},this.onFromChange=e=>{this.updateDraft(e.detail,this.draftTo)},this.onToChange=e=>{this.updateDraft(this.draftFrom,e.detail)},this.openSheet=()=>{this.disabled||this.open||(this.syncDraftFromValue(),this.open=!0,this.coOpen.emit())},this.handleApply=()=>{this.canApply&&(this.value=JSON.stringify({from:this.draftFrom,to:this.draftTo}),this.coApply.emit({from:this.draftFrom,to:this.draftTo}),this.open=!1)},this.handleCancel=()=>{this.coCancel.emit(),this.syncDraftFromValue(),this.open=!1},this.handleClear=()=>{this.value="",this.draftFrom=null,this.draftTo=null,this.coClear.emit(),this.coRangeChange.emit({from:null,to:null}),this.open=!1}}componentWillLoad(){const e=this.parseValue();this.draftFrom=e.from,this.draftTo=e.to}connectedCallback(){this.mql=window.matchMedia(`(max-width: ${this.mobileBreakpoint}px)`),this.isMobile=this.mql.matches,this.mql.addEventListener("change",this.mqlHandler)}disconnectedCallback(){var e;null===(e=this.mql)||void 0===e||e.removeEventListener("change",this.mqlHandler)}onValueChange(){const e=this.parseValue();this.draftFrom=e.from,this.draftTo=e.to}parseValue(){if(!this.value)return{from:null,to:null};try{const e=JSON.parse(this.value);return{from:o(e.from)?e.from:null,to:o(e.to)?e.to:null}}catch(e){return{from:null,to:null}}}get committed(){return this.parseValue()}inclusiveDays(e,t){const r=c(n(t)).getTime()-c(n(e)).getTime();return Math.round(r/864e5)+1}get canApply(){const e=this.draftFrom,t=this.draftTo;if(!e||!t)return!1;if(l(e,t)>0)return!1;if(!this.allowSameDay&&0===l(e,t))return!1;const r=this.inclusiveDays(e,t);return!(this.minRangeDays&&r<this.minRangeDays||this.maxRangeDays&&r>this.maxRangeDays)}syncDraftFromValue(){const e=this.parseValue();this.draftFrom=e.from,this.draftTo=e.to}updateDraft(e,t){const r=this.draftFrom,i=this.draftTo;this.draftFrom=e,this.draftTo=t,e!==r&&this.coRangeStartChange.emit(e),t!==i&&this.coRangeEndChange.emit(t),this.coRangeChange.emit({from:e,to:t}),this.applyOnSelect&&this.canApply&&this.scheduleApply()}scheduleApply(){clearTimeout(this.applyTimer),this.applyTimer=setTimeout((()=>{this.canApply&&this.handleApply()}),250)}applyPreset(e){const t=d();let r=null,i=null;switch(e){case"today":r=t,i=t;break;case"yesterday":r=g(t,-1),i=r;break;case"last7Days":i=t,r=g(t,-6);break;case"last14Days":i=t,r=g(t,-13);break;case"last30Days":i=t,r=g(t,-29);break;case"last90Days":i=t,r=g(t,-89);break;case"thisWeek":r=function(e,t){const r=n(e);if(!r)return e;const i=c(r).getDay();return g(e,-(i-t+7)%7)}(t,this.firstDayOfWeek),i=g(r,6);break;case"thisMonth":r=p(t),i=_(t);break;case"lastMonth":{const e=h(t,-1);r=p(e),i=_(e);break}case"thisYear":{const e=n(t).year;r=`${e}-01-01`,i=`${e}-12-31`;break}case"lastYear":{const e=n(t).year-1;r=`${e}-01-01`,i=`${e}-12-31`;break}case"custom":r=null,i=null}this.updateDraft(r,i)}get hasCommitted(){const e=this.committed;return!(!e.from&&!e.to)}triggerText(e){const t=this.committed,r=t.from?u(t.from,this.displayFormat,this.locale):null,i=t.to?u(t.to,this.displayFormat,this.locale):null;return r&&i?`${r} → ${i}`:r?`${r} → …`:this.placeholder||e.setDate}presetItems(e){const t=function(e){if(Array.isArray(e))return e;if("string"==typeof e&&e.trim()){const t=e.trim();try{const e=JSON.parse(t);if(Array.isArray(e))return e.map(String)}catch(e){}return t.split(",").map((e=>e.trim())).filter(Boolean)}return[]}(this.presetIds);return(t.length?t:["today","yesterday","last7Days","last30Days","thisWeek","thisMonth","lastMonth","custom"]).map((t=>{var r;return{id:t,label:null!==(r=e[t])&&void 0!==r?r:t}}))}renderTriggerChildren(e,t){var i;return[r("co-icon",{name:"calendar",size:16,class:"co-date-range-picker__icon"}),r("span",{class:{"co-date-range-picker__trigger-text":!0,"co-date-range-picker__trigger-text--placeholder":!this.hasCommitted}},this.triggerText(e)),t&&r("button",{class:"co-date-range-picker__clear",type:"button",tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:e=>{e.stopPropagation(),this.handleClear()},"aria-label":null!==(i=this.clearLabel)&&void 0!==i?i:e.clear},r("co-icon",{name:"x-circle",size:16,weight:"fill"})),r("co-icon",{name:"caret-down",size:14,class:"co-date-range-picker__caret"})]}renderPanel(e,t){var i,a,s,o,c,n;return r("div",{class:"co-date-range-picker__panel"},r("div",{class:"co-date-range-picker__fields"},r("co-date-field",{class:"co-date-range-picker__field",label:null!==(i=this.fromLabel)&&void 0!==i?i:e.from,value:this.draftFrom,min:this.min,max:null!==(a=this.draftTo)&&void 0!==a?a:this.max,locale:this.locale,displayFormat:this.displayFormat,clearable:!1,onCoChange:this.onFromChange}),r("co-date-field",{class:"co-date-range-picker__field",label:null!==(s=this.toLabel)&&void 0!==s?s:e.to,value:this.draftTo,min:null!==(o=this.draftFrom)&&void 0!==o?o:this.min,max:this.max,locale:this.locale,displayFormat:this.displayFormat,clearable:!1,onCoChange:this.onToChange})),r("div",{class:{"co-date-range-picker__body":!0,"co-date-range-picker__body--touch":t}},this.presets&&r("div",{class:"co-date-range-picker__presets"},this.presetItems(e).map((e=>r("button",{key:e.id,type:"button",class:"co-date-range-picker__preset",onClick:()=>this.applyPreset(e.id)},e.label)))),r("co-calendar",{mode:"range","data-touch":t?"":void 0,rangeStart:this.draftFrom,rangeEnd:this.draftTo,min:this.min,max:this.max,locale:this.locale,firstDayOfWeek:this.firstDayOfWeek,onCoRangeSelect:this.onCalendarRange})),r("div",{class:"co-date-range-picker__footer"},r("button",{type:"button",class:"co-date-range-picker__btn co-date-range-picker__btn--ghost",onClick:this.handleCancel},null!==(c=this.cancelLabel)&&void 0!==c?c:e.cancel),r("button",{type:"button",class:"co-date-range-picker__btn co-date-range-picker__btn--primary",disabled:!this.canApply,onClick:this.handleApply},null!==(n=this.applyLabel)&&void 0!==n?n:e.apply)))}renderHelper(e,t){return t?r("div",{class:{"co-date-range-picker__helper":!0,"co-date-range-picker__helper--error":e},part:"helper"},e&&r("co-icon",{name:"warning-circle",size:14}),r("span",null,t)):null}render(){const e=s(this.locale),t=this.invalid,i=t?this.errorMessage:this.helperText,o=this.clearable&&this.hasCommitted&&!this.disabled&&!this.readonly,c={"co-date-range-picker__trigger":!0,"co-date-range-picker__trigger--open":this.open,"co-date-range-picker__trigger--disabled":this.disabled};return this.isMobile?r("div",{class:{"co-date-range-picker":!0,"co-date-range-picker--invalid":t,[`co-date-range-picker--${this.size}`]:!0},onKeyDown:this.onRootKeyDown},this.label&&r("label",{class:"co-date-range-picker__label",part:"label"},this.label,r(a,{required:this.required})),r("div",{class:c,part:"trigger",role:"button",tabIndex:this.disabled?-1:0,"aria-haspopup":"dialog","aria-expanded":this.open?"true":"false",onClick:this.openSheet},this.renderTriggerChildren(e,o)),r("co-drawer",{position:"bottom",open:this.open,heading:e.selectDate,onCoClose:this.handleCancel},this.renderPanel(e,!0)),this.renderHelper(t,i)):r("div",{class:{"co-date-range-picker":!0,"co-date-range-picker--invalid":t,[`co-date-range-picker--${this.size}`]:!0},onKeyDown:this.onRootKeyDown},this.label&&r("label",{class:"co-date-range-picker__label",part:"label"},this.label,r(a,{required:this.required})),r("co-popover",{open:this.open,placement:this.placement,offset:4,closeOnEscape:!1,onCoOpen:this.onPopoverOpen,onCoClose:this.onPopoverClose},r("div",{slot:"trigger",class:c,part:"trigger",role:"button",tabIndex:this.disabled?-1:0,"aria-haspopup":"dialog","aria-expanded":this.open?"true":"false"},this.renderTriggerChildren(e,o)),this.open&&this.renderPanel(e,!1)),this.renderHelper(t,i))}get el(){return i(this)}static get watchers(){return{value:[{onValueChange:0}]}}};function _(e){return g(p(h(e,1)),-1)}m.style=":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:color-mix(in srgb, var(--co-semantic-surface-secondary) 55%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));border:1px solid var(--co-semantic-border-subtle);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--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-color-primary-azul);color:var(--co-color-base-blanco, #fff)}.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)')}@supports not (background: color-mix(in srgb, red, transparent)){.co-date-range-picker__trigger{background:var(--co-semantic-surface-secondary)}}";export{m as co_date_range_picker}
|
|
1
|
+
import{r as e,c as t,h as r,a as i}from"./p-Es9IUmmt.js";import{R as a}from"./p-BUgUTjOB.js";import{g as s}from"./p-C1DCLOEl.js";import{i as o,t as c,p as n,c as l,a as d,b as h,s as p,d as g,f as u}from"./p-tPYikBRJ.js";const m=class{constructor(r){e(this,r),this.coRangeStartChange=t(this,"coRangeStartChange",7),this.coRangeEndChange=t(this,"coRangeEndChange",7),this.coRangeChange=t(this,"coRangeChange",7),this.coApply=t(this,"coApply",7),this.coCancel=t(this,"coCancel",7),this.coClear=t(this,"coClear",7),this.coOpen=t(this,"coOpen",3),this.coClose=t(this,"coClose",3),this.value="",this.locale="es-CO",this.displayFormat="d MMM yyyy",this.firstDayOfWeek=1,this.presets=!0,this.allowSameDay=!0,this.clearable=!0,this.applyOnSelect=!1,this.disabled=!1,this.readonly=!1,this.invalid=!1,this.required=!1,this.layout="vertical",this.size="md",this.placement="bottom-start",this.open=!1,this.mobileBreakpoint=600,this.draftFrom=null,this.draftTo=null,this.isMobile=!1,this.mqlHandler=e=>{this.isMobile=e.matches},this.onPopoverOpen=()=>{this.open||(this.open=!0,this.coOpen.emit()),this.syncDraftFromValue()},this.onPopoverClose=()=>{this.open&&(this.open=!1,this.coClose.emit()),this.syncDraftFromValue()},this.onRootKeyDown=e=>{"Escape"===e.key&&this.open&&(e.stopPropagation(),this.handleCancel())},this.onCalendarRange=e=>{this.updateDraft(e.detail.start,e.detail.end)},this.onFromChange=e=>{this.updateDraft(e.detail,this.draftTo)},this.onToChange=e=>{this.updateDraft(this.draftFrom,e.detail)},this.openSheet=()=>{this.disabled||this.open||(this.syncDraftFromValue(),this.open=!0,this.coOpen.emit())},this.handleApply=()=>{this.canApply&&(this.value=JSON.stringify({from:this.draftFrom,to:this.draftTo}),this.coApply.emit({from:this.draftFrom,to:this.draftTo}),this.open=!1)},this.handleCancel=()=>{this.coCancel.emit(),this.syncDraftFromValue(),this.open=!1},this.handleClear=()=>{this.value="",this.draftFrom=null,this.draftTo=null,this.coClear.emit(),this.coRangeChange.emit({from:null,to:null}),this.open=!1}}componentWillLoad(){const e=this.parseValue();this.draftFrom=e.from,this.draftTo=e.to}connectedCallback(){this.mql=window.matchMedia(`(max-width: ${this.mobileBreakpoint}px)`),this.isMobile=this.mql.matches,this.mql.addEventListener("change",this.mqlHandler)}disconnectedCallback(){var e;null===(e=this.mql)||void 0===e||e.removeEventListener("change",this.mqlHandler)}onValueChange(){const e=this.parseValue();this.draftFrom=e.from,this.draftTo=e.to}parseValue(){if(!this.value)return{from:null,to:null};try{const e=JSON.parse(this.value);return{from:o(e.from)?e.from:null,to:o(e.to)?e.to:null}}catch(e){return{from:null,to:null}}}get committed(){return this.parseValue()}inclusiveDays(e,t){const r=c(n(t)).getTime()-c(n(e)).getTime();return Math.round(r/864e5)+1}get canApply(){const e=this.draftFrom,t=this.draftTo;if(!e||!t)return!1;if(l(e,t)>0)return!1;if(!this.allowSameDay&&0===l(e,t))return!1;const r=this.inclusiveDays(e,t);return!(this.minRangeDays&&r<this.minRangeDays||this.maxRangeDays&&r>this.maxRangeDays)}syncDraftFromValue(){const e=this.parseValue();this.draftFrom=e.from,this.draftTo=e.to}updateDraft(e,t){const r=this.draftFrom,i=this.draftTo;this.draftFrom=e,this.draftTo=t,e!==r&&this.coRangeStartChange.emit(e),t!==i&&this.coRangeEndChange.emit(t),this.coRangeChange.emit({from:e,to:t}),this.applyOnSelect&&this.canApply&&this.scheduleApply()}scheduleApply(){clearTimeout(this.applyTimer),this.applyTimer=setTimeout((()=>{this.canApply&&this.handleApply()}),250)}applyPreset(e){const t=d();let r=null,i=null;switch(e){case"today":r=t,i=t;break;case"yesterday":r=g(t,-1),i=r;break;case"last7Days":i=t,r=g(t,-6);break;case"last14Days":i=t,r=g(t,-13);break;case"last30Days":i=t,r=g(t,-29);break;case"last90Days":i=t,r=g(t,-89);break;case"thisWeek":r=function(e,t){const r=n(e);if(!r)return e;const i=c(r).getDay();return g(e,-(i-t+7)%7)}(t,this.firstDayOfWeek),i=g(r,6);break;case"thisMonth":r=p(t),i=_(t);break;case"lastMonth":{const e=h(t,-1);r=p(e),i=_(e);break}case"thisYear":{const e=n(t).year;r=`${e}-01-01`,i=`${e}-12-31`;break}case"lastYear":{const e=n(t).year-1;r=`${e}-01-01`,i=`${e}-12-31`;break}case"custom":r=null,i=null}this.updateDraft(r,i)}get hasCommitted(){const e=this.committed;return!(!e.from&&!e.to)}triggerText(e){const t=this.committed,r=t.from?u(t.from,this.displayFormat,this.locale):null,i=t.to?u(t.to,this.displayFormat,this.locale):null;return r&&i?`${r} → ${i}`:r?`${r} → …`:this.placeholder||e.setDate}presetItems(e){const t=function(e){if(Array.isArray(e))return e;if("string"==typeof e&&e.trim()){const t=e.trim();try{const e=JSON.parse(t);if(Array.isArray(e))return e.map(String)}catch(e){}return t.split(",").map((e=>e.trim())).filter(Boolean)}return[]}(this.presetIds);return(t.length?t:["today","yesterday","last7Days","last30Days","thisWeek","thisMonth","lastMonth","custom"]).map((t=>{var r;return{id:t,label:null!==(r=e[t])&&void 0!==r?r:t}}))}renderTriggerChildren(e,t){var i;return[r("co-icon",{name:"calendar",size:16,class:"co-date-range-picker__icon"}),r("span",{class:{"co-date-range-picker__trigger-text":!0,"co-date-range-picker__trigger-text--placeholder":!this.hasCommitted}},this.triggerText(e)),t&&r("button",{class:"co-date-range-picker__clear",type:"button",tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:e=>{e.stopPropagation(),this.handleClear()},"aria-label":null!==(i=this.clearLabel)&&void 0!==i?i:e.clear},r("co-icon",{name:"x-circle",size:16,weight:"fill"})),r("co-icon",{name:"caret-down",size:14,class:"co-date-range-picker__caret"})]}renderPanel(e,t){var i,a,s,o,c,n;return r("div",{class:"co-date-range-picker__panel"},r("div",{class:"co-date-range-picker__fields"},r("co-date-field",{class:"co-date-range-picker__field",label:null!==(i=this.fromLabel)&&void 0!==i?i:e.from,value:this.draftFrom,min:this.min,max:null!==(a=this.draftTo)&&void 0!==a?a:this.max,locale:this.locale,displayFormat:this.displayFormat,clearable:!1,onCoChange:this.onFromChange}),r("co-date-field",{class:"co-date-range-picker__field",label:null!==(s=this.toLabel)&&void 0!==s?s:e.to,value:this.draftTo,min:null!==(o=this.draftFrom)&&void 0!==o?o:this.min,max:this.max,locale:this.locale,displayFormat:this.displayFormat,clearable:!1,onCoChange:this.onToChange})),r("div",{class:{"co-date-range-picker__body":!0,"co-date-range-picker__body--touch":t}},this.presets&&r("div",{class:"co-date-range-picker__presets"},this.presetItems(e).map((e=>r("button",{key:e.id,type:"button",class:"co-date-range-picker__preset",onClick:()=>this.applyPreset(e.id)},e.label)))),r("co-calendar",{mode:"range","data-touch":t?"":void 0,rangeStart:this.draftFrom,rangeEnd:this.draftTo,min:this.min,max:this.max,locale:this.locale,firstDayOfWeek:this.firstDayOfWeek,onCoRangeSelect:this.onCalendarRange})),r("div",{class:"co-date-range-picker__footer"},r("button",{type:"button",class:"co-date-range-picker__btn co-date-range-picker__btn--ghost",onClick:this.handleCancel},null!==(c=this.cancelLabel)&&void 0!==c?c:e.cancel),r("button",{type:"button",class:"co-date-range-picker__btn co-date-range-picker__btn--primary",disabled:!this.canApply,onClick:this.handleApply},null!==(n=this.applyLabel)&&void 0!==n?n:e.apply)))}renderHelper(e,t){return t?r("div",{class:{"co-date-range-picker__helper":!0,"co-date-range-picker__helper--error":e},part:"helper"},e&&r("co-icon",{name:"warning-circle",size:14}),r("span",null,t)):null}render(){const e=s(this.locale),t=this.invalid,i=t?this.errorMessage:this.helperText,o=this.clearable&&this.hasCommitted&&!this.disabled&&!this.readonly,c={"co-date-range-picker__trigger":!0,"co-date-range-picker__trigger--open":this.open,"co-date-range-picker__trigger--disabled":this.disabled};return this.isMobile?r("div",{class:{"co-date-range-picker":!0,"co-date-range-picker--invalid":t,[`co-date-range-picker--${this.size}`]:!0},onKeyDown:this.onRootKeyDown},this.label&&r("label",{class:"co-date-range-picker__label",part:"label"},this.label,r(a,{required:this.required})),r("div",{class:c,part:"trigger",role:"button",tabIndex:this.disabled?-1:0,"aria-haspopup":"dialog","aria-expanded":this.open?"true":"false",onClick:this.openSheet},this.renderTriggerChildren(e,o)),r("co-drawer",{position:"bottom",open:this.open,heading:e.selectDate,onCoClose:this.handleCancel},this.renderPanel(e,!0)),this.renderHelper(t,i)):r("div",{class:{"co-date-range-picker":!0,"co-date-range-picker--invalid":t,[`co-date-range-picker--${this.size}`]:!0},onKeyDown:this.onRootKeyDown},this.label&&r("label",{class:"co-date-range-picker__label",part:"label"},this.label,r(a,{required:this.required})),r("co-popover",{open:this.open,placement:this.placement,offset:4,closeOnEscape:!1,onCoOpen:this.onPopoverOpen,onCoClose:this.onPopoverClose},r("div",{slot:"trigger",class:c,part:"trigger",role:"button",tabIndex:this.disabled?-1:0,"aria-haspopup":"dialog","aria-expanded":this.open?"true":"false"},this.renderTriggerChildren(e,o)),this.open&&this.renderPanel(e,!1)),this.renderHelper(t,i))}get el(){return i(this)}static get watchers(){return{value:[{onValueChange:0}]}}};function _(e){return g(p(h(e,1)),-1)}m.style=":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:color-mix(in srgb, var(--co-semantic-surface-secondary) 55%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));border:1px solid var(--co-semantic-border-subtle);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--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-color-primary-azul);color:var(--co-color-base-blanco, #fff)}.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)')}@supports not (background: color-mix(in srgb, red, transparent)){.co-date-range-picker__trigger{background:var(--co-semantic-surface-secondary)}}";export{m as co_date_range_picker}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,c as e,h as c,a as t}from"./p-CYsftTKf.js";import{r as o,h as s}from"./p-CQY6Ul7q.js";function i(a){const e=[];let c,t=0;for(const o of a){const a=o.section;a&&a!==c&&e.push({kind:"header",label:a}),c=a,e.push({kind:"item",item:o,index:t}),t++}return e}const r=class{constructor(c){a(this,c),this.coSelect=e(this,"coSelect",7),this.coClose=e(this,"coClose",7),this.coQueryChange=e(this,"coQueryChange",7),this.coScopeChange=e(this,"coScopeChange",1),this.coBackspaceEmpty=e(this,"coBackspaceEmpty",1),this.coChipRemove=e(this,"coChipRemove",1),this.coTabSelect=e(this,"coTabSelect",1),this.coMoreTabs=e(this,"coMoreTabs",1),this.open=!1,this.placeholder="Search...",this.items=[],this.emptyMessage="No results found",this.async=!1,this.loading=!1,this.chips="[]",this.tabs="[]",this.activeTab="",this.hasMore=!1,this.moreLabel="More",this.favorites="[]",this.query="",this.activeIndex=0,this.handleInput=a=>{this.query=a.target.value,this.activeIndex=0,this.coQueryChange.emit(this.query)},this.handleKeyDown=a=>{if("Backspace"===a.key&&""===this.query)return a.preventDefault(),void this.coBackspaceEmpty.emit(this.query);const e=this.filteredItems;switch(a.key){case"ArrowDown":a.preventDefault(),this.activeIndex=(this.activeIndex+1)%e.length;break;case"ArrowUp":a.preventDefault(),this.activeIndex=(this.activeIndex-1+e.length)%e.length;break;case"Enter":a.preventDefault(),e[this.activeIndex]&&this.selectItem(e[this.activeIndex]);break;case"Escape":a.preventDefault(),this.close();break;case"Tab":a.preventDefault(),e.length>0&&(this.activeIndex=a.shiftKey?(this.activeIndex-1+e.length)%e.length:(this.activeIndex+1)%e.length)}},this.handleOverlayClick=()=>{this.close()},this.handlePanelClick=a=>{a.stopPropagation()},this.handleTriggerClick=()=>{this.open=!0}}get parsedItems(){if("string"==typeof this.items)try{return JSON.parse(this.items)}catch(a){return[]}return this.items}get filteredItems(){return a=this.parsedItems,e=this.query,this.async?a:e?o(a,e,(a=>[a.label,a.value])):a;var a,e}get parsedChips(){try{const a="string"==typeof this.chips?JSON.parse(this.chips):this.chips;return Array.isArray(a)?a:[]}catch(a){return[]}}get parsedTabs(){try{const a="string"==typeof this.tabs?JSON.parse(this.tabs):this.tabs;return Array.isArray(a)?a:[]}catch(a){return[]}}get parsedFavorites(){try{const a="string"==typeof this.favorites?JSON.parse(this.favorites):this.favorites;return Array.isArray(a)?a:[]}catch(a){return[]}}renderLabel(a){const e=this.query?s(a,this.query):null;return e?[e.pre,c("span",{class:"co-command-search__match"},e.match),e.post]:a}onActiveTabChange(a){a&&(this.query="",this.activeIndex=0),requestAnimationFrame((()=>{var a;const e=null===(a=this.el.shadowRoot)||void 0===a?void 0:a.querySelector('.co-command-search__tab[aria-selected="true"]');null==e||e.scrollIntoView({inline:"nearest",block:"nearest"})}))}onOpenChange(a){a&&(this.query="",this.activeIndex=0,requestAnimationFrame((()=>{var a;return null===(a=this.inputEl)||void 0===a?void 0:a.focus()})))}selectItem(a){!function(a){return!0===a.keepOpen}(a)?(this.coSelect.emit(a.value),this.close()):this.coScopeChange.emit(a.value)}close(){this.open=!1,this.coClose.emit()}render(){const a=this.filteredItems;return[c("div",{key:"7489dba63daa21b04e7fd12ba0923d3f5452a651",class:"co-command-search__trigger",onClick:this.handleTriggerClick},c("slot",{key:"86bacbf98e5c7b2079d0db46862c60ee4273756d",name:"trigger"})),c("co-overlay",{key:"e6406e9eb24dfff1f1a8b78267b84fb2e305b9bd",open:this.open,onCoClose:this.handleOverlayClick},c("div",{key:"9cf1f70ac226d3802f3f1ffaf77d1633d7c24f2a",class:{"co-command-search":!0,"co-command-search--open":this.open},part:"panel",role:"dialog","aria-modal":"true","aria-label":"Command palette",onClick:this.handlePanelClick},c("div",{key:"a2508671dc39fb5e90455f9ee4391e52e7739a29",class:"co-command-search__input-row",part:"input-row"},c("co-icon",{key:"37051efc28fc3412eb24b53cd4891b98a3b8c2cc",name:"magnifying-glass",size:20}),this.parsedChips.map(((a,e)=>c("span",{class:"co-command-search__facet-chip"},a.icon&&c("co-icon",{name:a.icon,size:12}),c("span",{class:"co-command-search__facet-chip-label"},a.label),c("button",{class:"co-command-search__facet-chip-remove",type:"button","aria-label":`Remove filter ${a.label}`,onClick:a=>{a.stopPropagation(),this.coChipRemove.emit(e)}},c("co-icon",{name:"x",size:10,weight:"bold"}))))),c("input",{key:"33f8024e71b902b954349b539dc8a6b1ea4e8a64",class:"co-command-search__input",type:"text",placeholder:this.placeholder,value:this.query,onInput:this.handleInput,onKeyDown:this.handleKeyDown,ref:a=>this.inputEl=a,part:"input",role:"combobox","aria-expanded":this.open?"true":"false","aria-controls":"co-cmd-results","aria-autocomplete":"list","aria-activedescendant":this.filteredItems[this.activeIndex]?"co-cmd-opt-"+this.activeIndex:void 0}),this.loading&&c("co-loader",{key:"46eae7fb379621808f0e7a78e3e15f2cf0742fa6",class:"co-command-search__loading",part:"loading",size:"sm"}),c("span",{key:"1505eaa1ccde46d28475b7ded587732a302dfef6",class:"co-command-search__shortcut"},"ESC")),(this.parsedTabs.length>0||this.hasMore)&&c("div",{key:"4557dc1c0f0f543238deeaf37731594064b7a946",class:"co-command-search__tabs",part:"tabs",role:"tablist"},this.parsedTabs.map((a=>{const e=a.value===this.activeTab;return c("co-chip",{class:"co-command-search__tab",role:"tab","aria-selected":e?"true":"false",clickable:!0,selected:e,variant:e?"filled":"outlined",color:e?"primary":"default",iconLeft:a.icon,label:a.label,onCoClick:()=>this.coTabSelect.emit(e?"":a.value)})})),this.hasMore&&c("co-chip",{key:"9253d7fc43c7f320af6af274dce8eca6d8543186",class:"co-command-search__tab co-command-search__tab--more",clickable:!0,variant:"outlined",label:this.moreLabel,iconRight:"caret-down",onCoClick:()=>this.coMoreTabs.emit()})),c("div",{key:"5ae57716cf3337623c111d8b5f9fb941536324a6",class:"co-command-search__results",part:"results",role:"listbox",id:"co-cmd-results"},this.parsedFavorites.length>0&&!this.query&&c("div",{key:"7e11f7b777c590b0f728240e0fbea1808d0c07a5",class:"co-command-search__fav",part:"favorites"},c("div",{key:"67e2ba4b3a500522c7d89429359d5bd947096d8d",class:"co-command-search__fav-grid"},this.parsedFavorites.map((a=>c("button",{class:"co-command-search__fav-card",type:"button",onClick:()=>this.coSelect.emit(a.value)},c("span",{class:"co-command-search__fav-icon",style:{background:a.color||"var(--co-semantic-surface-muted)"}},c("co-icon",{name:a.icon||"circle",size:26,weight:"fill"})),c("span",{class:"co-command-search__fav-label"},a.label)))))),a.length>0?i(a).map((a=>"header"===a.kind?c("div",{class:"co-command-search__section",part:"section",role:"presentation"},a.label):c("div",{class:{"co-command-search__item":!0,"co-command-search__item--active":a.index===this.activeIndex},part:"item",role:"option",id:"co-cmd-opt-"+a.index,"aria-selected":a.index===this.activeIndex?"true":"false",onClick:()=>this.selectItem(a.item),onMouseEnter:()=>{this.activeIndex=a.index}},a.item.icon&&c("co-icon",{name:a.item.icon,size:18}),c("span",{class:"co-command-search__item-text"},c("span",{class:"co-command-search__item-label"},this.renderLabel(a.item.label)),a.item.subtitle&&c("span",{class:"co-command-search__item-subtitle"},a.item.subtitle))))):!this.loading&&c("div",{class:"co-command-search__empty",part:"empty"},this.emptyMessage))))]}get el(){return t(this)}static get watchers(){return{activeTab:[{onActiveTabChange:0}],open:[{onOpenChange:0}]}}};r.style=":host{display:contents}co-overlay{--co-overlay-bg:rgba(0, 0, 0, 0.16)}.co-command-search__trigger{display:contents}.co-command-search{display:flex;flex-direction:column;width:90vw;max-width:560px;max-height:420px;background:var(--co-semantic-surface-page);border-radius:var(--co-border-radius-lg);box-shadow:0 8px 32px rgba(0, 0, 0, 0.12);overflow:hidden;font-family:var(--co-font-family-primary);transform:translateY(8px) scale(0.98);opacity:0;transition:transform 0.15s ease, opacity 0.15s ease;margin-top:-15vh}.co-command-search--open{transform:translateY(0) scale(1);opacity:1}.co-command-search__input-row{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-md) var(--co-spacing-lg);border-bottom:1px solid var(--co-semantic-border-default);color:var(--co-semantic-text-muted)}.co-command-search__input{flex:1;border:none;outline:none;background:transparent;font-size:var(--co-font-size-16);font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);min-width:0}.co-command-search__input::placeholder{color:var(--co-semantic-text-muted)}.co-command-search__shortcut{font-size:var(--co-font-size-10);color:var(--co-semantic-text-muted);background:var(--co-semantic-surface-muted);padding:2px var(--co-spacing-xs);border-radius:var(--co-border-radius-xxs);font-weight:500;line-height:1.4;flex-shrink:0}.co-command-search__results{flex:1;overflow-y:auto;padding:var(--co-spacing-xs) 0}.co-command-search__item{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm) var(--co-spacing-lg);cursor:pointer;font-size:var(--co-font-size-14);color:var(--co-semantic-text-default);transition:background 0.08s ease}.co-command-search__item:hover,.co-command-search__item--active{background:var(--co-semantic-surface-hover)}.co-command-search__item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-command-search__match{font-weight:700}.co-command-search__empty{padding:var(--co-spacing-2xl) var(--co-spacing-lg);text-align:center;font-size:var(--co-font-size-14);color:var(--co-semantic-text-muted)}.co-command-search__section{padding:var(--co-spacing-sm) var(--co-spacing-lg) var(--co-spacing-xs);font-size:var(--co-font-size-12);font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:var(--co-semantic-text-muted)}.co-command-search__item-text{flex:1;min-width:0;display:flex;flex-direction:column}.co-command-search__item-subtitle{font-size:var(--co-font-size-12);color:var(--co-semantic-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-command-search__loading{flex-shrink:0;display:flex;align-items:center}.co-command-search__facet-chip{display:inline-flex;align-items:center;gap:2px;padding:2px var(--co-spacing-xs);background:var(--co-color-primary-azul);color:var(--co-color-base-blanco, #fff);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-12);font-weight:500;white-space:nowrap;flex-shrink:0}.co-command-search__facet-chip-label{max-width:110px;overflow:hidden;text-overflow:ellipsis}.co-command-search__facet-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border:none;border-radius:var(--co-border-radius-full);background:rgba(255, 255, 255, 0.25);color:inherit;cursor:pointer;padding:0;line-height:1;transition:background 0.1s ease}.co-command-search__facet-chip-remove:hover{background:rgba(255, 255, 255, 0.4)}.co-command-search__tabs{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-md);overflow-x:auto;border-bottom:1px solid var(--co-semantic-border-default);scroll-padding-right:104px}.co-command-search__tab{flex:0 0 auto}.co-command-search__tab--more{position:sticky;right:0;padding-left:var(--co-spacing-sm);background:var(--co-semantic-surface-page);box-shadow:-12px 0 10px -4px var(--co-semantic-surface-page)}.co-command-search__fav{padding:var(--co-spacing-sm) var(--co-spacing-lg) var(--co-spacing-md);border-bottom:1px solid var(--co-semantic-border-default)}.co-command-search__fav-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(88px, 1fr));gap:var(--co-spacing-xs)}.co-command-search__fav-card{display:flex;flex-direction:column;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm) var(--co-spacing-xs);background:transparent;border:none;border-radius:var(--co-border-radius-sm);cursor:pointer;font-family:inherit;text-align:center;min-width:0;transition:background 0.12s ease}.co-command-search__fav-card:hover{background:var(--co-semantic-surface-hover)}.co-command-search__fav-card:focus-visible{outline:none;box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-command-search__fav-icon{flex:none;width:50px;height:50px;border-radius:var(--co-border-radius-sm);display:flex;align-items:center;justify-content:center;color:var(--co-color-base-blanco, #fff);box-shadow:0 2px 6px rgba(0, 0, 0, 0.14)}.co-command-search__fav-label{font-size:var(--co-font-size-12);font-weight:500;line-height:1.2;color:var(--co-semantic-text-default);max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}";export{r as co_command_search}
|
|
1
|
+
import{r as a,c as e,h as c,a as t}from"./p-Es9IUmmt.js";import{r as o,h as s}from"./p-CQY6Ul7q.js";function i(a){const e=[];let c,t=0;for(const o of a){const a=o.section;a&&a!==c&&e.push({kind:"header",label:a}),c=a,e.push({kind:"item",item:o,index:t}),t++}return e}const r=class{constructor(c){a(this,c),this.coSelect=e(this,"coSelect",7),this.coClose=e(this,"coClose",7),this.coQueryChange=e(this,"coQueryChange",7),this.coScopeChange=e(this,"coScopeChange",1),this.coBackspaceEmpty=e(this,"coBackspaceEmpty",1),this.coChipRemove=e(this,"coChipRemove",1),this.coTabSelect=e(this,"coTabSelect",1),this.coMoreTabs=e(this,"coMoreTabs",1),this.open=!1,this.placeholder="Search...",this.items=[],this.emptyMessage="No results found",this.async=!1,this.loading=!1,this.chips="[]",this.tabs="[]",this.activeTab="",this.hasMore=!1,this.moreLabel="More",this.favorites="[]",this.query="",this.activeIndex=0,this.handleInput=a=>{this.query=a.target.value,this.activeIndex=0,this.coQueryChange.emit(this.query)},this.handleKeyDown=a=>{if("Backspace"===a.key&&""===this.query)return a.preventDefault(),void this.coBackspaceEmpty.emit(this.query);const e=this.filteredItems;switch(a.key){case"ArrowDown":a.preventDefault(),this.activeIndex=(this.activeIndex+1)%e.length;break;case"ArrowUp":a.preventDefault(),this.activeIndex=(this.activeIndex-1+e.length)%e.length;break;case"Enter":a.preventDefault(),e[this.activeIndex]&&this.selectItem(e[this.activeIndex]);break;case"Escape":a.preventDefault(),this.close();break;case"Tab":a.preventDefault(),e.length>0&&(this.activeIndex=a.shiftKey?(this.activeIndex-1+e.length)%e.length:(this.activeIndex+1)%e.length)}},this.handleOverlayClick=()=>{this.close()},this.handlePanelClick=a=>{a.stopPropagation()},this.handleTriggerClick=()=>{this.open=!0}}get parsedItems(){if("string"==typeof this.items)try{return JSON.parse(this.items)}catch(a){return[]}return this.items}get filteredItems(){return a=this.parsedItems,e=this.query,this.async?a:e?o(a,e,(a=>[a.label,a.value])):a;var a,e}get parsedChips(){try{const a="string"==typeof this.chips?JSON.parse(this.chips):this.chips;return Array.isArray(a)?a:[]}catch(a){return[]}}get parsedTabs(){try{const a="string"==typeof this.tabs?JSON.parse(this.tabs):this.tabs;return Array.isArray(a)?a:[]}catch(a){return[]}}get parsedFavorites(){try{const a="string"==typeof this.favorites?JSON.parse(this.favorites):this.favorites;return Array.isArray(a)?a:[]}catch(a){return[]}}renderLabel(a){const e=this.query?s(a,this.query):null;return e?[e.pre,c("span",{class:"co-command-search__match"},e.match),e.post]:a}onActiveTabChange(a){a&&(this.query="",this.activeIndex=0),requestAnimationFrame((()=>{var a;const e=null===(a=this.el.shadowRoot)||void 0===a?void 0:a.querySelector('.co-command-search__tab[aria-selected="true"]');null==e||e.scrollIntoView({inline:"nearest",block:"nearest"})}))}onOpenChange(a){a&&(this.query="",this.activeIndex=0,requestAnimationFrame((()=>{var a;return null===(a=this.inputEl)||void 0===a?void 0:a.focus()})))}selectItem(a){!function(a){return!0===a.keepOpen}(a)?(this.coSelect.emit(a.value),this.close()):this.coScopeChange.emit(a.value)}close(){this.open=!1,this.coClose.emit()}render(){const a=this.filteredItems;return[c("div",{key:"8997e31184c5531e5b329432f6ff29496d1070f5",class:"co-command-search__trigger",onClick:this.handleTriggerClick},c("slot",{key:"63bf6dbcb3aaf35a0fdacd70b96b8f5701cd27cf",name:"trigger"})),c("co-overlay",{key:"7f96e661c6cab4f6440beab808993665efb86cab",open:this.open,onCoClose:this.handleOverlayClick},c("div",{key:"20b27b7609cd00cb52d903babbb7565885ce1188",class:{"co-command-search":!0,"co-command-search--open":this.open},part:"panel",role:"dialog","aria-modal":"true","aria-label":"Command palette",onClick:this.handlePanelClick},c("div",{key:"c9bb1834d60ea728cb70e4ebb9ce08c76abafec1",class:"co-command-search__input-row",part:"input-row"},c("co-icon",{key:"971da90765cf33c7d427c173e974fb7f68e96ed5",name:"magnifying-glass",size:20}),this.parsedChips.map(((a,e)=>c("span",{class:"co-command-search__facet-chip"},a.icon&&c("co-icon",{name:a.icon,size:12}),c("span",{class:"co-command-search__facet-chip-label"},a.label),c("button",{class:"co-command-search__facet-chip-remove",type:"button","aria-label":`Remove filter ${a.label}`,onClick:a=>{a.stopPropagation(),this.coChipRemove.emit(e)}},c("co-icon",{name:"x",size:10,weight:"bold"}))))),c("input",{key:"81921bb9085d6bfb3ed4a274ef195e299dd01023",class:"co-command-search__input",type:"text",placeholder:this.placeholder,value:this.query,onInput:this.handleInput,onKeyDown:this.handleKeyDown,ref:a=>this.inputEl=a,part:"input",role:"combobox","aria-expanded":this.open?"true":"false","aria-controls":"co-cmd-results","aria-autocomplete":"list","aria-activedescendant":this.filteredItems[this.activeIndex]?"co-cmd-opt-"+this.activeIndex:void 0}),this.loading&&c("co-loader",{key:"d5ab9e9a98b7a94c3c6f8d16682994666f1c5b18",class:"co-command-search__loading",part:"loading",size:"sm"}),c("span",{key:"eb62a8d79faff742108246565ede12ff7ee145f1",class:"co-command-search__shortcut"},"ESC")),(this.parsedTabs.length>0||this.hasMore)&&c("div",{key:"4533b27e38469ab4ab6ddc9e918b408e136e097b",class:"co-command-search__tabs",part:"tabs",role:"tablist"},this.parsedTabs.map((a=>{const e=a.value===this.activeTab;return c("co-chip",{class:"co-command-search__tab",role:"tab","aria-selected":e?"true":"false",clickable:!0,selected:e,variant:e?"filled":"outlined",color:e?"primary":"default",iconLeft:a.icon,label:a.label,onCoClick:()=>this.coTabSelect.emit(e?"":a.value)})})),this.hasMore&&c("co-chip",{key:"4efe5ab79e9e5b3b5c973ff4bbc80caf2f49bb9c",class:"co-command-search__tab co-command-search__tab--more",clickable:!0,variant:"outlined",label:this.moreLabel,iconRight:"caret-down",onCoClick:()=>this.coMoreTabs.emit()})),c("div",{key:"d2e6d24d6d7aba13111d3f148bed12157e80ea6d",class:"co-command-search__results",part:"results",role:"listbox",id:"co-cmd-results"},this.parsedFavorites.length>0&&!this.query&&c("div",{key:"17abc91e955610afec6ef6c68aae5bac25bd6820",class:"co-command-search__fav",part:"favorites"},c("div",{key:"dc5dee8ec8f9d1a5c1dc9b4119e04ca4459750bf",class:"co-command-search__fav-grid"},this.parsedFavorites.map((a=>c("button",{class:"co-command-search__fav-card",type:"button",onClick:()=>this.coSelect.emit(a.value)},c("span",{class:"co-command-search__fav-icon",style:{background:a.color||"var(--co-semantic-surface-muted)"}},c("co-icon",{name:a.icon||"circle",size:26,weight:"fill"})),c("span",{class:"co-command-search__fav-label"},a.label)))))),a.length>0?i(a).map((a=>"header"===a.kind?c("div",{class:"co-command-search__section",part:"section",role:"presentation"},a.label):c("div",{class:{"co-command-search__item":!0,"co-command-search__item--active":a.index===this.activeIndex},part:"item",role:"option",id:"co-cmd-opt-"+a.index,"aria-selected":a.index===this.activeIndex?"true":"false",onClick:()=>this.selectItem(a.item),onMouseEnter:()=>{this.activeIndex=a.index}},a.item.icon&&c("co-icon",{name:a.item.icon,size:18}),c("span",{class:"co-command-search__item-text"},c("span",{class:"co-command-search__item-label"},this.renderLabel(a.item.label)),a.item.subtitle&&c("span",{class:"co-command-search__item-subtitle"},a.item.subtitle))))):!this.loading&&c("div",{class:"co-command-search__empty",part:"empty"},this.emptyMessage))))]}get el(){return t(this)}static get watchers(){return{activeTab:[{onActiveTabChange:0}],open:[{onOpenChange:0}]}}};r.style=":host{display:contents}co-overlay{--co-overlay-bg:rgba(0, 0, 0, 0.16)}.co-command-search__trigger{display:contents}.co-command-search{display:flex;flex-direction:column;width:90vw;max-width:560px;max-height:420px;background:var(--co-semantic-surface-page);border-radius:var(--co-border-radius-lg);box-shadow:0 8px 32px rgba(0, 0, 0, 0.12);overflow:hidden;font-family:var(--co-font-family-primary);transform:translateY(8px) scale(0.98);opacity:0;transition:transform 0.15s ease, opacity 0.15s ease;margin-top:-15vh}.co-command-search--open{transform:translateY(0) scale(1);opacity:1}.co-command-search__input-row{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-md) var(--co-spacing-lg);border-bottom:1px solid var(--co-semantic-border-default);color:var(--co-semantic-text-muted)}.co-command-search__input{flex:1;border:none;outline:none;background:transparent;font-size:var(--co-font-size-16);font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);min-width:0}.co-command-search__input::placeholder{color:var(--co-semantic-text-muted)}.co-command-search__shortcut{font-size:var(--co-font-size-10);color:var(--co-semantic-text-muted);background:var(--co-semantic-surface-muted);padding:2px var(--co-spacing-xs);border-radius:var(--co-border-radius-xxs);font-weight:500;line-height:1.4;flex-shrink:0}.co-command-search__results{flex:1;overflow-y:auto;padding:var(--co-spacing-xs) 0}.co-command-search__item{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm) var(--co-spacing-lg);cursor:pointer;font-size:var(--co-font-size-14);color:var(--co-semantic-text-default);transition:background 0.08s ease}.co-command-search__item:hover,.co-command-search__item--active{background:var(--co-semantic-surface-hover)}.co-command-search__item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-command-search__match{font-weight:700}.co-command-search__empty{padding:var(--co-spacing-2xl) var(--co-spacing-lg);text-align:center;font-size:var(--co-font-size-14);color:var(--co-semantic-text-muted)}.co-command-search__section{padding:var(--co-spacing-sm) var(--co-spacing-lg) var(--co-spacing-xs);font-size:var(--co-font-size-12);font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:var(--co-semantic-text-muted)}.co-command-search__item-text{flex:1;min-width:0;display:flex;flex-direction:column}.co-command-search__item-subtitle{font-size:var(--co-font-size-12);color:var(--co-semantic-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-command-search__loading{flex-shrink:0;display:flex;align-items:center}.co-command-search__facet-chip{display:inline-flex;align-items:center;gap:2px;padding:2px var(--co-spacing-xs);background:var(--co-color-primary-azul);color:var(--co-color-base-blanco, #fff);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-12);font-weight:500;white-space:nowrap;flex-shrink:0}.co-command-search__facet-chip-label{max-width:110px;overflow:hidden;text-overflow:ellipsis}.co-command-search__facet-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border:none;border-radius:var(--co-border-radius-full);background:rgba(255, 255, 255, 0.25);color:inherit;cursor:pointer;padding:0;line-height:1;transition:background 0.1s ease}.co-command-search__facet-chip-remove:hover{background:rgba(255, 255, 255, 0.4)}.co-command-search__tabs{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-md);overflow-x:auto;border-bottom:1px solid var(--co-semantic-border-default);scroll-padding-right:104px}.co-command-search__tab{flex:0 0 auto}.co-command-search__tab--more{position:sticky;right:0;padding-left:var(--co-spacing-sm);background:var(--co-semantic-surface-page);box-shadow:-12px 0 10px -4px var(--co-semantic-surface-page)}.co-command-search__fav{padding:var(--co-spacing-sm) var(--co-spacing-lg) var(--co-spacing-md);border-bottom:1px solid var(--co-semantic-border-default)}.co-command-search__fav-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(88px, 1fr));gap:var(--co-spacing-xs)}.co-command-search__fav-card{display:flex;flex-direction:column;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm) var(--co-spacing-xs);background:transparent;border:none;border-radius:var(--co-border-radius-sm);cursor:pointer;font-family:inherit;text-align:center;min-width:0;transition:background 0.12s ease}.co-command-search__fav-card:hover{background:var(--co-semantic-surface-hover)}.co-command-search__fav-card:focus-visible{outline:none;box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-command-search__fav-icon{flex:none;width:50px;height:50px;border-radius:var(--co-border-radius-sm);display:flex;align-items:center;justify-content:center;color:var(--co-color-base-blanco, #fff);box-shadow:0 2px 6px rgba(0, 0, 0, 0.14)}.co-command-search__fav-label{font-size:var(--co-font-size-12);font-weight:500;line-height:1.2;color:var(--co-semantic-text-default);max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}";export{r as co_command_search}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,c as a,h as e}from"./p-Es9IUmmt.js";import{a as r}from"./p-Ch1jfwZ2.js";const t=class{constructor(e){o(this,e),this.coClose=a(this,"coClose",7),this.coAfterClose=a(this,"coAfterClose",3),this.coAfterOpen=a(this,"coAfterOpen",3),this.open=!1,this.heading="",this.closable=!0,this.closeOnOverlay=!0,this.closeOnEscape=!1,this.size="md",this.noDividers=!1,this.handleOverlayClick=()=>{this.closeOnOverlay&&this.coClose.emit()},this.handleCloseClick=()=>{this.coClose.emit()},this.stopPropagation=o=>{o.stopPropagation()},this.handleTransitionEnd=o=>{if(o.target!==this.modalEl)return;const a=r(o.propertyName,this.open,"transform");"after-open"===a?this.coAfterOpen.emit():"after-close"===a&&this.coAfterClose.emit()}}handleKeydown(o){this.open&&this.closeOnEscape&&"Escape"===o.key&&this.coClose.emit()}render(){return e("co-overlay",{key:"db9ac94c8fd2fe2e348fdee437aee9ddccdf85cb",open:this.open,onCoClose:this.handleOverlayClick},e("div",{key:"b2f0c174b09e2582c9e17ef18133b3e9057ace74",class:"co-modal__frame"},e("div",{key:"a3ae4c2a30d52b3c651ca80387f49f9344d9e89c",class:{"co-modal":!0,"co-modal--open":this.open,"co-modal--sm":"sm"===this.size,"co-modal--lg":"lg"===this.size,"co-modal--full":"full"===this.size,"co-modal--no-dividers":this.noDividers},part:"modal",ref:o=>this.modalEl=o,role:"dialog","aria-modal":"true","aria-labelledby":"modal-heading",onClick:this.stopPropagation,onTransitionEnd:this.handleTransitionEnd},e("div",{key:"e90b7e7aa085ff53675586e66ee0ac5473a69cbc",class:"co-modal__header",part:"header"},e("div",{key:"e7ffccb3b8658e213d92f1a7873eebf6de42ef7d",class:"co-modal__header-text"},e("h2",{key:"431e22f5bd933ee3052750e7e9abb7911fe24d9a",class:"co-modal__heading",id:"modal-heading"},this.heading),this.description&&e("p",{key:"f8e83dafce7ef899e5931902b568807063ea9ae3",class:"co-modal__description"},this.description)),this.closable&&e("button",{key:"938dbc0df49067f359aa431ba0d16b89ad41a751",class:"co-modal__close",type:"button","aria-label":"Close",onClick:this.handleCloseClick},e("co-icon",{key:"f1421d7d4441fff67259e21cf2a0107b6a57f746",name:"x",size:20}))),!this.noDividers&&e("div",{key:"faf612d93e95232b46ebfb45089768bf09366a80",class:"co-modal__body",part:"body"},e("slot",{key:"3c4dd9d1f3613a2f308cbc714426739a3aa6523d"})),e("div",{key:"35546891b1847627de68a8f012e23fbfbdc1760b",class:"co-modal__footer",part:"footer"},e("slot",{key:"263bd761b09998b9cc1f5f53d7dee87ccb5f4367",name:"footer"})))))}};t.style=':host{display:contents;--co-overlay-blur:8px;--co-overlay-bg:rgba(31, 28, 27, 0.35)}.co-modal__frame{display:flex;filter:drop-shadow(0 1px 2px rgba(31, 28, 27, 0.06)) drop-shadow(0 14px 34px rgba(31, 28, 27, 0.16))}.co-modal{display:flex;flex-direction:column;background:var(--co-semantic-surface-secondary);--co-modal-r:var(--co-border-radius-xl);--co-sq-tl:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 0L95 0L92.5 0L90 0L87.5 0.01L85 0.01L82.5 0.02L80 0.04L77.5 0.06L75 0.1L72.5 0.14L70 0.2L67.5 0.28L65 0.38L62.5 0.5L60 0.65L57.5 0.83L55 1.04L52.5 1.3L50 1.6L47.5 1.96L45 2.37L42.5 2.85L40 3.41L37.5 4.05L35 4.8L32.5 5.65L30 6.63L27.5 7.77L25 9.07L22.5 10.58L20 12.34L17.5 14.41L15 16.85L12.5 19.79L10 23.42L7.5 28.06L5 34.37L2.5 44.29L0 100L100 100Z%27 fill=%27%23fff%27/></svg>");--co-sq-tr:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 0L5 0L7.5 0L10 0L12.5 0.01L15 0.01L17.5 0.02L20 0.04L22.5 0.06L25 0.1L27.5 0.14L30 0.2L32.5 0.28L35 0.38L37.5 0.5L40 0.65L42.5 0.83L45 1.04L47.5 1.3L50 1.6L52.5 1.96L55 2.37L57.5 2.85L60 3.41L62.5 4.05L65 4.8L67.5 5.65L70 6.63L72.5 7.77L75 9.07L77.5 10.58L80 12.34L82.5 14.41L85 16.85L87.5 19.79L90 23.42L92.5 28.06L95 34.37L97.5 44.29L100 100L0 100Z%27 fill=%27%23fff%27/></svg>");--co-sq-bl:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 55.71L5 65.63L7.5 71.94L10 76.58L12.5 80.21L15 83.15L17.5 85.59L20 87.66L22.5 89.42L25 90.93L27.5 92.23L30 93.37L32.5 94.35L35 95.2L37.5 95.95L40 96.59L42.5 97.15L45 97.63L47.5 98.04L50 98.4L52.5 98.7L55 98.96L57.5 99.17L60 99.35L62.5 99.5L65 99.62L67.5 99.72L70 99.8L72.5 99.86L75 99.9L77.5 99.94L80 99.96L82.5 99.98L85 99.99L87.5 99.99L90 100L92.5 100L95 100L97.5 100L100 100L100 0Z%27 fill=%27%23fff%27/></svg>");--co-sq-br:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 55.71L95 65.63L92.5 71.94L90 76.58L87.5 80.21L85 83.15L82.5 85.59L80 87.66L77.5 89.42L75 90.93L72.5 92.23L70 93.37L67.5 94.35L65 95.2L62.5 95.95L60 96.59L57.5 97.15L55 97.63L52.5 98.04L50 98.4L47.5 98.7L45 98.96L42.5 99.17L40 99.35L37.5 99.5L35 99.62L32.5 99.72L30 99.8L27.5 99.86L25 99.9L22.5 99.94L20 99.96L17.5 99.98L15 99.99L12.5 99.99L10 100L7.5 100L5 100L2.5 100L0 100L0 0Z%27 fill=%27%23fff%27/></svg>");-webkit-mask:var(--co-sq-tl) top left / var(--co-modal-r) var(--co-modal-r) no-repeat, var(--co-sq-tr) top right / var(--co-modal-r) var(--co-modal-r) no-repeat, var(--co-sq-bl) bottom left / var(--co-modal-r) var(--co-modal-r) no-repeat, var(--co-sq-br) bottom right / var(--co-modal-r) var(--co-modal-r) no-repeat, linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-modal-r) + 2px) no-repeat, linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-modal-r) + 2px) 100% no-repeat;mask:var(--co-sq-tl) top left / var(--co-modal-r) var(--co-modal-r) no-repeat, var(--co-sq-tr) top right / var(--co-modal-r) var(--co-modal-r) no-repeat, var(--co-sq-bl) bottom left / var(--co-modal-r) var(--co-modal-r) no-repeat, var(--co-sq-br) bottom right / var(--co-modal-r) var(--co-modal-r) no-repeat, linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-modal-r) + 2px) no-repeat, linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-modal-r) + 2px) 100% no-repeat;border-radius:0;max-width:540px;width:90vw;max-height:80vh;overflow:hidden;font-family:var(--co-font-family-primary);transform:translateY(8px);opacity:0;transition:transform 0.2s ease, opacity 0.2s ease}.co-modal--sm{max-width:400px}.co-modal--lg{max-width:680px}.co-modal--full{max-width:min(1400px, 95vw);width:95vw;height:92vh;max-height:92vh}.co-modal--full .co-modal__body{flex:1;min-height:0;padding:0;overflow:hidden}.co-modal--open{transform:none;opacity:1}.co-modal__header{display:flex;align-items:flex-start;gap:var(--co-spacing-md);padding:var(--co-spacing-xl) var(--co-spacing-xl) var(--co-spacing-md)}.co-modal__header-text{display:flex;flex-direction:column;gap:var(--co-spacing-sm);flex:1}.co-modal__heading{margin:0;font-size:var(--co-font-size-20);font-weight:700;color:var(--co-semantic-text-default);line-height:1.3}.co-modal__description{margin:0;font-size:var(--co-font-size-14);color:var(--co-semantic-text-secondary);line-height:1.5}.co-modal__close{display:flex;align-items:center;justify-content:center;padding:var(--co-spacing-xs);margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);border-radius:var(--co-border-radius-sm);flex-shrink:0;transition:background 0.1s ease}.co-modal__close:hover{background:var(--co-semantic-surface-hover)}.co-modal__body{padding:var(--co-spacing-lg) var(--co-spacing-xl);overflow-y:auto;overscroll-behavior:contain;font-size:var(--co-font-size-14);color:var(--co-semantic-text-secondary);line-height:1.6;border-top:1px solid var(--co-semantic-border-default)}.co-modal__body:empty{display:none}.co-modal__footer{display:flex;justify-content:flex-end;gap:var(--co-spacing-md);padding:var(--co-spacing-lg) var(--co-spacing-xl) var(--co-spacing-xl);border-top:1px solid var(--co-semantic-border-default);--co-button-radius:var(--co-border-radius-xs)}.co-modal__footer:empty{display:none}.co-modal--no-dividers .co-modal__footer{border-top:none}';export{t as co_modal}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,c as t,h as r}from"./p-Es9IUmmt.js";const a=class{constructor(r){o(this,r),this.coToggle=t(this,"coToggle",7),this.selected=!1,this.value="",this.size="m",this.disabled=!1,this.variant="connected",this.handleClick=()=>{this.disabled||(this.selected=!this.selected,this.coToggle.emit({value:this.value,selected:this.selected}))}}render(){const o="track"===this.variant?18:"l"===this.size?20:"xs"===this.size?14:16,t=this.selected&&this.selectedIconWeight?this.selectedIconWeight:void 0;return r("button",{key:"d45897e4ecc1fadd3f51d48f16e325460edc9d64",class:{"co-toggle-button":!0,"co-toggle-button--selected":this.selected,[`co-toggle-button--${this.size}`]:!0,"co-toggle-button--disabled":this.disabled,"co-toggle-button--icon-only":!(this.label||!this.iconLeft&&!this.iconRight)},type:"button",disabled:this.disabled,"aria-pressed":String(this.selected),onClick:this.handleClick},this.iconLeft&&r("co-icon",{key:"923f577d048c1444b057cfb6d5f02e552cdd82da",name:this.iconLeft,size:o,weight:t}),this.label&&r("span",{key:"81720f7d05511ac48f43bea8bd1c0b7fd1b9fa1e",class:"co-toggle-button__label"},this.label),this.iconRight&&r("co-icon",{key:"8aa3946bb1434a02c182631f0d731a28e3ee3668",name:this.iconRight,size:o,weight:t}))}};a.style=":host{display:inline-flex;--co-toggle-button-radius:var(--co-border-radius-sm)}:host([size='l']){--co-toggle-button-radius:var(--co-border-radius-lg)}:host([size='m']){--co-toggle-button-radius:var(--co-border-radius-sm)}:host([size='s']){--co-toggle-button-radius:var(--co-border-radius-xs)}:host([size='xs']){--co-toggle-button-radius:var(--co-border-radius-xs)}.co-toggle-button{display:inline-flex;width:var(--co-toggle-button-width, auto);align-items:center;justify-content:center;gap:var(--co-spacing-sm2);border:1px solid var(--co-semantic-border-subtle);border-top-left-radius:var(--co-tbr-tl, var(--co-toggle-button-radius));border-top-right-radius:var(--co-tbr-tr, var(--co-toggle-button-radius));border-bottom-right-radius:var(--co-tbr-br, var(--co-toggle-button-radius));border-bottom-left-radius:var(--co-tbr-bl, var(--co-toggle-button-radius));background:color-mix(in srgb, var(--co-semantic-surface-secondary) 35%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));color:var(--co-semantic-text-default);font-family:var(--co-font-family-primary);font-weight:500;cursor:pointer;transition:background 0.15s ease, border-color 0.15s ease, color 0.15s ease;white-space:nowrap;box-sizing:border-box;line-height:1}.co-toggle-button--l{height:48px;padding:0 var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-toggle-button--m{height:40px;padding:0 var(--co-spacing-md);font-size:var(--co-font-size-14)}.co-toggle-button--s{height:32px;padding:0 var(--co-spacing-sm2);font-size:var(--co-font-size-14)}.co-toggle-button--xs{height:24px;padding:0 var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-toggle-button--icon-only.co-toggle-button--l{width:48px;padding:0}.co-toggle-button--icon-only.co-toggle-button--m{width:40px;padding:0}.co-toggle-button--icon-only.co-toggle-button--s{width:32px;padding:0}.co-toggle-button--icon-only.co-toggle-button--xs{width:24px;padding:0}.co-toggle-button:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-toggle-button--selected{background:var(--co-color-base-negro, #1f1c1b);color:var(--co-color-base-blanco, #fff);border-color:var(--co-color-base-negro, #1f1c1b)}.co-toggle-button--selected:hover:not(:disabled){background:var(--co-color-gray-800, #0a0a0a);border-color:var(--co-color-gray-800, #0a0a0a)}.co-toggle-button--disabled{opacity:0.4;cursor:not-allowed}.co-toggle-button__label{line-height:1}@supports not (background: color-mix(in srgb, red, transparent)){.co-toggle-button{background:var(--co-semantic-surface-secondary)}}:host([variant='track']) .co-toggle-button{height:30px;border-radius:8px;border-color:transparent;background:transparent;color:var(--co-color-gray-500, #888888);box-shadow:none;padding:0 12px;-webkit-backdrop-filter:none;backdrop-filter:none}:host([variant='track']) .co-toggle-button.co-toggle-button--icon-only{width:34px;padding:0}:host([variant='track']) .co-toggle-button:hover:not(:disabled){background:transparent;color:var(--co-color-base-negro, #1f1c1b)}:host([variant='track']) .co-toggle-button--selected{background:var(--co-color-base-blanco, #fff);color:var(--co-color-base-negro, #1f1c1b);border-color:transparent;box-shadow:var(--co-shadow-sm, 0 1px 2px 0 rgba(26, 26, 26, 0.04))}:host([variant='track']) .co-toggle-button--selected:hover:not(:disabled){background:var(--co-color-base-blanco, #fff);border-color:transparent}";export{a as co_toggle_button}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,c as e,h as i,a}from"./p-Es9IUmmt.js";const c=class{constructor(i){o(this,i),this.coToggle=e(this,"coToggle",7),this.open=!0,this.heading="",this.subheading="",this.disabled=!1,this.hasSubheadingSlot=!1,this.handleToggle=()=>{this.disabled||(this.open=!this.open,this.coToggle.emit(this.open))}}componentWillLoad(){this.hasSubheadingSlot=!!this.el.querySelector('[slot="subheading"]')}componentWillRender(){this.hasSubheadingSlot=!!this.el.querySelector('[slot="subheading"]')}get showSubheading(){return!(!this.subheading||!this.subheading.trim())||this.hasSubheadingSlot}render(){return i("div",{key:"b02710c9971c3ae95cbb4c40079d3ae1e418036d",class:{"co-accordion":!0,"co-accordion--open":this.open,"co-accordion--disabled":this.disabled},part:"accordion"},i("button",{key:"86aff3f181dba95ab19746f965d0b447c9b4fa0b",class:"co-accordion__header",type:"button","aria-expanded":this.open?"true":"false",disabled:this.disabled,onClick:this.handleToggle,part:"header"},i("span",{key:"d65d28f7da4020e2f239efbc6f9b39c102b7ee98",class:"co-accordion__heading-group"},i("span",{key:"ec0351bfc8b47d9492179956c2e36310f57c8ef6",class:"co-accordion__heading",part:"heading"},i("slot",{key:"e98a66c96a39e4c1921f51271d83a8df3a1f88d3",name:"header"},this.heading)),this.showSubheading&&i("span",{key:"b796a2b01a80a4d89dd91d227f526c55a7a0ca08",class:"co-accordion__subheading",part:"subheading"},i("slot",{key:"38e432cee4086bd16f07d083f153e34185078bb5",name:"subheading"},this.subheading))),i("span",{key:"5e3b4337895abe78540707015a81cd2c70b0790e",class:"co-accordion__caret",part:"caret"},i("co-icon",{key:"aae96eacf3fecf33c01f7a3d606b7a940f8d6300",name:"caret-up",size:20}))),i("div",{key:"e42966d61456ab7e28eec8d27133bf2e107f1d14",class:"co-accordion__body",part:"body"},i("div",{key:"cbe95c04acb6a05a0b23f04edc8b17089b6a41b3",class:"co-accordion__body-inner",part:"body-inner"},i("slot",{key:"dcad9757f8a37ea63fc70b861f6115651579c384"}))))}get el(){return a(this)}};c.style=":host{display:block}.co-accordion{display:flex;flex-direction:column;width:100%}.co-accordion__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;border:none;background:transparent;cursor:pointer;font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);text-align:left}.co-accordion__heading-group{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--co-spacing-xxs, 2px)}.co-accordion__heading{font-size:var(--co-font-size-24);font-weight:500;line-height:1.25;letter-spacing:-0.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-accordion__subheading{font-size:var(--co-font-size-14);font-weight:400;line-height:1.3;letter-spacing:normal;color:var(--co-semantic-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-accordion__caret{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--co-semantic-text-default);transition:transform 0.2s ease;transform:rotate(180deg);}.co-accordion--open .co-accordion__caret{transform:rotate(0deg);}.co-accordion__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.25s ease}.co-accordion__body-inner{min-height:0;overflow:hidden;padding-top:var(--co-spacing-2xl);}.co-accordion--open .co-accordion__body{grid-template-rows:1fr}.co-accordion:not(.co-accordion--open) .co-accordion__body-inner{visibility:hidden;transition:visibility 0s linear 0.25s}.co-accordion--open .co-accordion__body-inner{visibility:visible;transition:visibility 0s linear 0s}.co-accordion__header:focus-visible{outline:2px solid var(--co-color-primary-azul, #2563eb);outline-offset:4px;border-radius:var(--co-border-radius-xs, 8px)}.co-accordion--disabled .co-accordion__header{opacity:0.5;cursor:not-allowed}";export{c as co_accordion}
|