@prolibu-suite/cobalt-core 0.4.0 → 0.6.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/README.md +3 -3
- package/custom-elements.json +370 -154
- package/dist/cjs/co-accordion.cjs.entry.js +4 -4
- package/dist/cjs/co-app-shell.cjs.entry.js +3 -3
- package/dist/cjs/co-autocomplete.cjs.entry.js +38 -73
- package/dist/cjs/co-avatar-group.cjs.entry.js +3 -3
- package/dist/cjs/co-avatar.cjs.entry.js +2 -2
- package/dist/cjs/co-badge.cjs.entry.js +2 -2
- package/dist/cjs/co-bottom-sheet.cjs.entry.js +4 -4
- package/dist/cjs/co-breadcrumb-item.cjs.entry.js +3 -3
- package/dist/cjs/co-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/co-button-group.cjs.entry.js +3 -3
- package/dist/cjs/co-button.cjs.entry.js +4 -4
- package/dist/cjs/co-calendar-month.cjs.entry.js +2 -2
- package/dist/cjs/co-calendar_3.cjs.entry.js +19 -14
- package/dist/cjs/co-card.cjs.entry.js +3 -3
- package/dist/cjs/co-checkbox-group.cjs.entry.js +4 -4
- package/dist/cjs/co-checkbox.cjs.entry.js +4 -4
- package/dist/cjs/co-chip_2.cjs.entry.js +485 -0
- 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 +51 -82
- package/dist/cjs/co-command-search.cjs.entry.js +20 -59
- package/dist/cjs/co-data-table-pagination.cjs.entry.js +5 -5
- package/dist/cjs/co-data-table.cjs.entry.js +54 -5
- package/dist/cjs/co-date-picker.cjs.entry.js +2 -2
- package/dist/cjs/co-date-range-picker.cjs.entry.js +3 -3
- package/dist/cjs/co-date-range.cjs.entry.js +2 -2
- package/dist/cjs/co-drive-card.cjs.entry.js +2 -2
- package/dist/cjs/co-drop-zone.cjs.entry.js +2 -2
- package/dist/cjs/co-empty-state.cjs.entry.js +4 -4
- package/dist/cjs/co-event-calendar.cjs.entry.js +3 -3
- package/dist/cjs/co-fab.cjs.entry.js +5 -5
- package/dist/cjs/co-file-field.cjs.entry.js +7 -7
- package/dist/cjs/co-file-type-tile.cjs.entry.js +3 -3
- package/dist/cjs/co-helper-text.cjs.entry.js +3 -3
- package/dist/cjs/co-icon-button.cjs.entry.js +2 -2
- package/dist/cjs/co-icon.cjs.entry.js +3 -3
- package/dist/cjs/co-input.cjs.entry.js +19 -3
- package/dist/cjs/co-json-field.cjs.entry.js +5 -5
- package/dist/cjs/co-lightbox.cjs.entry.js +6 -6
- package/dist/cjs/co-list-footer.cjs.entry.js +2 -2
- package/dist/cjs/co-list-item.cjs.entry.js +5 -5
- package/dist/cjs/co-loader.cjs.entry.js +1 -1
- package/dist/cjs/co-media-thumb.cjs.entry.js +3 -3
- package/dist/cjs/co-menu-divider.cjs.entry.js +2 -2
- package/dist/cjs/co-menu-item.cjs.entry.js +2 -2
- package/dist/cjs/co-menu.cjs.entry.js +2 -2
- package/dist/cjs/co-modal.cjs.entry.js +3 -3
- package/dist/cjs/co-navbar.cjs.entry.js +3 -3
- package/dist/cjs/co-number-field.cjs.entry.js +5 -5
- package/dist/cjs/co-overlay.cjs.entry.js +2 -2
- package/dist/cjs/co-page-header.cjs.entry.js +2 -2
- package/dist/cjs/co-phone-field.cjs.entry.js +4 -4
- package/dist/cjs/co-popover.cjs.entry.js +12 -3
- package/dist/cjs/co-progress-bar.cjs.entry.js +4 -4
- 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 +31 -135
- 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 +1 -1
- package/dist/cjs/co-row.cjs.entry.js +3 -3
- package/dist/cjs/co-segmented-bar.cjs.entry.js +3 -3
- package/dist/cjs/co-select.cjs.entry.js +7 -7
- package/dist/cjs/co-separator.cjs.entry.js +2 -2
- package/dist/cjs/co-sidebar-nav.cjs.entry.js +10 -8
- 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 +6 -6
- package/dist/cjs/co-tab-group.cjs.entry.js +10 -4
- package/dist/cjs/co-tab.cjs.entry.js +5 -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 +3 -3
- package/dist/cjs/co-toggle-button-group.cjs.entry.js +3 -3
- package/dist/cjs/co-toggle-button.cjs.entry.js +3 -3
- package/dist/cjs/co-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 +4 -4
- package/dist/cjs/cobalt.cjs.js +2 -2
- package/dist/cjs/{fieldChip-DtYUP0VZ.js → fieldChip-D8YJCyQF.js} +1 -1
- package/dist/cjs/{index-NNvye1ul.js → index-DxEFsH_t.js} +9 -13
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{requiredMark-DyjZzUCd.js → requiredMark-B3pKyqYI.js} +1 -1
- package/dist/cobalt/cobalt.css +1 -1
- package/dist/cobalt/cobalt.esm.js +1 -1
- package/dist/cobalt/{p-69289e82.entry.js → p-002e5beb.entry.js} +1 -1
- package/dist/cobalt/{p-c23a2ff6.entry.js → p-02c5a9a9.entry.js} +1 -1
- package/dist/cobalt/{p-9310739f.entry.js → p-075eed3d.entry.js} +1 -1
- package/dist/cobalt/p-0c0621a7.entry.js +1 -0
- package/dist/cobalt/{p-20c68308.entry.js → p-0d6a562d.entry.js} +1 -1
- package/dist/cobalt/p-0d7536a8.entry.js +1 -0
- package/dist/cobalt/{p-f72f0e38.entry.js → p-13fc9c8a.entry.js} +1 -1
- package/dist/cobalt/{p-39a29bbb.entry.js → p-14d4c5c7.entry.js} +1 -1
- package/dist/cobalt/{p-96baec0e.entry.js → p-1681ce1d.entry.js} +1 -1
- package/dist/cobalt/{p-593fd213.entry.js → p-1726ce07.entry.js} +1 -1
- package/dist/cobalt/{p-7d9f2021.entry.js → p-20ba59a2.entry.js} +1 -1
- package/dist/cobalt/{p-35c63fdc.entry.js → p-2d1cbd7f.entry.js} +1 -1
- package/dist/cobalt/{p-7040e4c5.entry.js → p-373cd08e.entry.js} +1 -1
- package/dist/cobalt/{p-4aeefe3f.entry.js → p-3f06d373.entry.js} +1 -1
- package/dist/cobalt/{p-8fdf2163.entry.js → p-3f68fd2e.entry.js} +1 -1
- package/dist/cobalt/{p-ca108c6d.entry.js → p-47a2dd67.entry.js} +1 -1
- package/dist/cobalt/{p-328f0470.entry.js → p-495c9b99.entry.js} +1 -1
- package/dist/cobalt/p-4a075257.entry.js +1 -0
- package/dist/cobalt/{p-aa1ad9fa.entry.js → p-5647ca9d.entry.js} +1 -1
- package/dist/cobalt/{p-3d07e4a9.entry.js → p-5b31d45b.entry.js} +1 -1
- package/dist/cobalt/p-5c3101b5.entry.js +1 -0
- package/dist/cobalt/{p-0e1afdea.entry.js → p-5c43d30e.entry.js} +1 -1
- package/dist/cobalt/{p-c85a6a9e.entry.js → p-5e9a9caf.entry.js} +1 -1
- package/dist/cobalt/{p-b4dcc260.entry.js → p-5edd0d3f.entry.js} +1 -1
- package/dist/cobalt/{p-d7c9cf93.entry.js → p-627d2d1a.entry.js} +1 -1
- package/dist/cobalt/{p-e8e752f9.entry.js → p-6911a034.entry.js} +1 -1
- package/dist/cobalt/{p-1388eac6.entry.js → p-6ad1625a.entry.js} +1 -1
- package/dist/cobalt/{p-c682453a.entry.js → p-70f70e02.entry.js} +1 -1
- package/dist/cobalt/p-73b30ebb.entry.js +1 -0
- package/dist/cobalt/p-75dcaeb0.entry.js +1 -0
- package/dist/cobalt/p-771bc8fe.entry.js +1 -0
- package/dist/cobalt/p-7780ddb5.entry.js +1 -0
- package/dist/cobalt/{p-e55fb916.entry.js → p-77d01b39.entry.js} +1 -1
- package/dist/cobalt/p-7FZXeBK4.js +1 -0
- package/dist/cobalt/{p-860a685f.entry.js → p-809015dd.entry.js} +1 -1
- package/dist/cobalt/{p-d403d9c4.entry.js → p-8128e84a.entry.js} +1 -1
- package/dist/cobalt/p-81cfd951.entry.js +1 -0
- package/dist/cobalt/{p-dd03c00b.entry.js → p-85eed52c.entry.js} +1 -1
- package/dist/cobalt/p-86d4e016.entry.js +1 -0
- package/dist/cobalt/{p-3dd6b57b.entry.js → p-86e60cfa.entry.js} +1 -1
- package/dist/cobalt/p-8a9ed2da.entry.js +1 -0
- package/dist/cobalt/{p-fb86cdb9.entry.js → p-8dfb6886.entry.js} +1 -1
- package/dist/cobalt/{p-d4086c34.entry.js → p-8e823c15.entry.js} +1 -1
- package/dist/cobalt/p-8f194753.entry.js +1 -0
- package/dist/cobalt/{p-08519a7c.entry.js → p-9a587867.entry.js} +1 -1
- package/dist/cobalt/{p-376c43b8.entry.js → p-9c6ca902.entry.js} +1 -1
- package/dist/cobalt/{p-bae82095.entry.js → p-9c873a6a.entry.js} +1 -1
- package/dist/cobalt/{p-BxzuCRMr.js → p-BAA4ln31.js} +1 -1
- package/dist/cobalt/{p-b8200f7f.entry.js → p-a6900010.entry.js} +1 -1
- package/dist/cobalt/p-a9afbaa6.entry.js +1 -0
- package/dist/cobalt/{p-2d4e1ca8.entry.js → p-aa20ffca.entry.js} +1 -1
- package/dist/cobalt/{p-e93644cb.entry.js → p-ac5df270.entry.js} +1 -1
- package/dist/cobalt/{p-8ae5da0c.entry.js → p-af4cb263.entry.js} +1 -1
- package/dist/cobalt/p-b1197c08.entry.js +1 -0
- package/dist/cobalt/p-b4bed98b.entry.js +1 -0
- package/dist/cobalt/{p-1cecb9e1.entry.js → p-b8ec0cc1.entry.js} +1 -1
- package/dist/cobalt/p-ba66584f.entry.js +1 -0
- package/dist/cobalt/{p-ff6be242.entry.js → p-bb534985.entry.js} +1 -1
- package/dist/cobalt/{p-6f12e721.entry.js → p-c0f39ddd.entry.js} +1 -1
- package/dist/cobalt/{p-804d025f.entry.js → p-c1e53e4c.entry.js} +1 -1
- package/dist/cobalt/p-c2e2eee9.entry.js +1 -0
- package/dist/cobalt/{p-af0495d8.entry.js → p-c3462def.entry.js} +1 -1
- package/dist/cobalt/p-c6fedc59.entry.js +1 -0
- package/dist/cobalt/{p-f6b93f17.entry.js → p-c750b2d2.entry.js} +1 -1
- package/dist/cobalt/{p-363a5262.entry.js → p-cc0a4617.entry.js} +1 -1
- package/dist/cobalt/{p-1af6ef83.entry.js → p-cc8e2f16.entry.js} +1 -1
- package/dist/cobalt/{p-c857b9ff.entry.js → p-d9608046.entry.js} +1 -1
- package/dist/cobalt/{p-be3e61f4.entry.js → p-e1957078.entry.js} +1 -1
- package/dist/cobalt/{p-a0749d7b.entry.js → p-e2762263.entry.js} +1 -1
- package/dist/cobalt/{p-21916f82.entry.js → p-e33853fa.entry.js} +1 -1
- package/dist/cobalt/p-e420d5c9.entry.js +1 -0
- package/dist/cobalt/{p-304c3be1.entry.js → p-e4a539da.entry.js} +1 -1
- package/dist/cobalt/{p-0be124d5.entry.js → p-e7085f08.entry.js} +1 -1
- package/dist/cobalt/p-e710b9ea.entry.js +1 -0
- package/dist/cobalt/p-e9aaeaf7.entry.js +1 -0
- package/dist/cobalt/{p-79e49749.entry.js → p-f073b467.entry.js} +1 -1
- package/dist/cobalt/p-f0de4415.entry.js +1 -0
- package/dist/cobalt/p-f36e461f.entry.js +1 -0
- package/dist/cobalt/p-f6ac5301.entry.js +1 -0
- package/dist/cobalt/{p-58aed8d6.entry.js → p-f6b0c4a0.entry.js} +1 -1
- package/dist/cobalt/p-f86ccb38.entry.js +1 -0
- package/dist/cobalt/{p-d7cbb4c7.entry.js → p-fb251497.entry.js} +1 -1
- package/dist/cobalt/p-fd27c2bd.entry.js +1 -0
- package/dist/cobalt/p-tT-aZV0-.js +2 -0
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/co-accordion/co-accordion.css +20 -8
- package/dist/collection/components/co-accordion/co-accordion.js +5 -2
- package/dist/collection/components/co-app-shell/co-app-shell.js +2 -2
- package/dist/collection/components/co-autocomplete/co-autocomplete.css +4 -751
- package/dist/collection/components/co-autocomplete/co-autocomplete.js +41 -76
- package/dist/collection/components/co-avatar/co-avatar.js +1 -1
- package/dist/collection/components/co-avatar-group/co-avatar-group.js +2 -2
- package/dist/collection/components/co-badge/co-badge.js +1 -1
- package/dist/collection/components/co-bottom-sheet/co-bottom-sheet.js +3 -3
- package/dist/collection/components/co-breadcrumb/co-breadcrumb.js +1 -1
- package/dist/collection/components/co-breadcrumb-item/co-breadcrumb-item.js +2 -2
- package/dist/collection/components/co-button/co-button.css +5 -1
- package/dist/collection/components/co-button/co-button.js +2 -2
- package/dist/collection/components/co-button-group/co-button-group.js +2 -2
- package/dist/collection/components/co-calendar/co-calendar.css +12 -12
- 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.js +3 -3
- package/dist/collection/components/co-checkbox-group/co-checkbox-group.js +3 -3
- package/dist/collection/components/co-chip/co-chip.js +2 -2
- package/dist/collection/components/co-color-picker/co-color-picker.js +2 -2
- package/dist/collection/components/co-column-picker/co-column-picker.js +2 -2
- package/dist/collection/components/co-combobox/co-combobox.css +6 -830
- package/dist/collection/components/co-combobox/co-combobox.js +73 -84
- package/dist/collection/components/co-command-search/co-command-search.css +2 -60
- package/dist/collection/components/co-command-search/co-command-search.js +23 -48
- package/dist/collection/components/co-data-table/co-data-table.css +42 -7
- package/dist/collection/components/co-data-table/co-data-table.js +108 -3
- package/dist/collection/components/co-data-table-pagination/co-data-table-pagination.js +4 -4
- package/dist/collection/components/co-date-field/co-date-field.css +4 -7
- package/dist/collection/components/co-date-field/co-date-field.js +4 -4
- package/dist/collection/components/co-date-range/co-date-range.js +1 -1
- package/dist/collection/components/co-date-range-picker/co-date-range-picker.css +9 -9
- package/dist/collection/components/co-drawer/co-drawer.css +49 -13
- package/dist/collection/components/co-drawer/co-drawer.js +9 -4
- package/dist/collection/components/co-drive-card/co-drive-card.js +1 -1
- package/dist/collection/components/co-drop-zone/co-drop-zone.js +1 -1
- package/dist/collection/components/co-empty-state/co-empty-state.css +1 -1
- package/dist/collection/components/co-empty-state/co-empty-state.js +2 -2
- package/dist/collection/components/co-event-calendar/co-event-calendar.js +2 -2
- package/dist/collection/components/co-fab/co-fab.css +8 -1
- package/dist/collection/components/co-fab/co-fab.js +24 -5
- package/dist/collection/components/co-file-field/co-file-field.js +5 -5
- package/dist/collection/components/co-file-type-tile/co-file-type-tile.js +2 -2
- package/dist/collection/components/co-helper-text/co-helper-text.js +2 -2
- package/dist/collection/components/co-icon/co-icon.js +2 -2
- package/dist/collection/components/co-icon-button/co-icon-button.js +1 -1
- package/dist/collection/components/co-input/co-input.css +9 -6
- package/dist/collection/components/co-input/co-input.js +57 -0
- package/dist/collection/components/co-json-field/co-json-field.js +3 -3
- package/dist/collection/components/co-lightbox/co-lightbox.css +2 -2
- package/dist/collection/components/co-lightbox/co-lightbox.js +4 -4
- package/dist/collection/components/co-list-footer/co-list-footer.js +1 -1
- package/dist/collection/components/co-list-item/co-list-item.js +4 -4
- package/dist/collection/components/co-media-thumb/co-media-thumb.js +2 -2
- package/dist/collection/components/co-menu/co-menu.js +1 -1
- package/dist/collection/components/co-menu-divider/co-menu-divider.js +1 -1
- package/dist/collection/components/co-menu-item/co-menu-item.css +1 -1
- package/dist/collection/components/co-modal/co-modal.js +2 -2
- package/dist/collection/components/co-navbar/co-navbar.js +2 -2
- package/dist/collection/components/co-number-field/co-number-field.css +10 -11
- package/dist/collection/components/co-number-field/co-number-field.js +2 -2
- package/dist/collection/components/co-option-list/co-option-list.css +796 -58
- package/dist/collection/components/co-option-list/co-option-list.js +45 -6
- package/dist/collection/components/co-overlay/co-overlay.js +1 -1
- package/dist/collection/components/co-page-header/co-page-header.js +1 -1
- package/dist/collection/components/co-phone-field/co-phone-field.css +4 -7
- package/dist/collection/components/co-phone-field/co-phone-field.js +1 -1
- package/dist/collection/components/co-popover/co-popover.js +11 -2
- package/dist/collection/components/co-progress-bar/co-progress-bar.css +1 -1
- package/dist/collection/components/co-progress-bar/co-progress-bar.js +2 -2
- package/dist/collection/components/co-progress-circle/co-progress-circle.js +2 -2
- package/dist/collection/components/co-radio/co-radio.js +3 -3
- package/dist/collection/components/co-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.css +6 -897
- 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.css +1 -1
- 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.js +2 -2
- package/dist/collection/components/co-select/co-select.css +4 -7
- 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.css +8 -6
- package/dist/collection/components/co-sidebar-nav/co-sidebar-nav.js +8 -6
- 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.css +3 -1
- package/dist/collection/components/co-switch/co-switch.js +3 -3
- package/dist/collection/components/co-tab/co-tab.css +39 -4
- package/dist/collection/components/co-tab/co-tab.js +6 -6
- package/dist/collection/components/co-tab-group/co-tab-group.css +11 -0
- package/dist/collection/components/co-tab-group/co-tab-group.js +10 -4
- package/dist/collection/components/co-tags-field/co-tags-field.js +5 -5
- package/dist/collection/components/co-textarea/co-textarea.js +4 -4
- package/dist/collection/components/co-toast/co-toast.js +2 -2
- package/dist/collection/components/co-toggle-button/co-toggle-button.js +2 -2
- package/dist/collection/components/co-toggle-button-group/co-toggle-button-group.js +2 -2
- package/dist/collection/components/co-tooltip/co-tooltip.js +2 -2
- package/dist/collection/components/co-transfer-list/co-transfer-list.js +2 -2
- package/dist/collection/components/co-video/co-video.css +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.js +1 -1
- package/dist/components/co-breadcrumb.js +1 -1
- package/dist/components/co-button-group.js +1 -1
- package/dist/components/co-button.js +1 -1
- package/dist/components/co-calendar-month.js +1 -1
- package/dist/components/co-calendar.js +1 -1
- package/dist/components/co-card.js +1 -1
- package/dist/components/co-checkbox-group.js +1 -1
- package/dist/components/co-checkbox.js +1 -1
- package/dist/components/co-chip.js +1 -1
- package/dist/components/co-color-picker.js +1 -1
- package/dist/components/co-column-picker.js +1 -1
- package/dist/components/co-combobox.js +1 -1
- package/dist/components/co-command-search.js +1 -1
- package/dist/components/co-data-table-pagination.js +1 -1
- package/dist/components/co-data-table.js +1 -1
- package/dist/components/co-date-field.js +1 -1
- package/dist/components/co-date-picker.js +1 -1
- package/dist/components/co-date-range-picker.js +1 -1
- package/dist/components/co-date-range.js +1 -1
- package/dist/components/co-drawer.js +1 -1
- package/dist/components/co-drive-card.js +1 -1
- package/dist/components/co-drop-zone.js +1 -1
- package/dist/components/co-empty-state.js +1 -1
- package/dist/components/co-event-calendar.js +1 -1
- package/dist/components/co-fab.js +1 -1
- package/dist/components/co-file-field.js +1 -1
- package/dist/components/co-file-type-tile.js +1 -1
- package/dist/components/co-helper-text.js +1 -1
- package/dist/components/co-icon-button.js +1 -1
- package/dist/components/co-icon.js +1 -1
- package/dist/components/co-input.js +1 -1
- package/dist/components/co-json-field.js +1 -1
- package/dist/components/co-lightbox.js +1 -1
- package/dist/components/co-list-footer.js +1 -1
- package/dist/components/co-list-item.js +1 -1
- package/dist/components/co-media-thumb.js +1 -1
- package/dist/components/co-menu-divider.js +1 -1
- package/dist/components/co-menu-item.js +1 -1
- package/dist/components/co-menu.js +1 -1
- package/dist/components/co-modal.js +1 -1
- package/dist/components/co-navbar.js +1 -1
- package/dist/components/co-number-field.js +1 -1
- package/dist/components/co-option-list.js +1 -1
- package/dist/components/co-overlay.js +1 -1
- package/dist/components/co-page-header.js +1 -1
- package/dist/components/co-phone-field.js +1 -1
- package/dist/components/co-popover.js +1 -1
- package/dist/components/co-progress-bar.js +1 -1
- package/dist/components/co-progress-circle.js +1 -1
- package/dist/components/co-radio-group.js +1 -1
- package/dist/components/co-radio.js +1 -1
- package/dist/components/co-rating.js +1 -1
- package/dist/components/co-ref-field.js +1 -1
- package/dist/components/co-rich-text-editor.js +1 -1
- package/dist/components/co-rich-text-toolbar.js +1 -1
- package/dist/components/co-row.js +1 -1
- package/dist/components/co-segmented-bar.js +1 -1
- package/dist/components/co-select.js +1 -1
- package/dist/components/co-separator.js +1 -1
- package/dist/components/co-sidebar-nav.js +1 -1
- package/dist/components/co-sidebar.js +1 -1
- package/dist/components/co-skeleton.js +1 -1
- package/dist/components/co-slider.js +1 -1
- package/dist/components/co-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-BHqdcGDh.js +1 -0
- package/dist/components/{p-B0buzt_E.js → p-BJTMFYax.js} +1 -1
- package/dist/components/{p-vLFwJ77w.js → p-Ba5lW0pA.js} +1 -1
- package/dist/components/p-Bsq90mo4.js +1 -0
- package/dist/components/{p-CybHxq25.js → p-CNIs9j-h.js} +1 -1
- package/dist/components/{p-Bx1OwdIV.js → p-COb8X_fE.js} +1 -1
- package/dist/components/{p-CzkeIavk.js → p-Cam92sWP.js} +1 -1
- package/dist/components/p-CmCsm4L-.js +1 -0
- package/dist/components/p-D3ts7oo9.js +1 -0
- package/dist/components/{p-CUvAZhuM.js → p-D4SOCy8I.js} +1 -1
- package/dist/components/{p-BnTTeIFH.js → p-Dh-h40mY.js} +1 -1
- package/dist/components/p-DrQh1Cb8.js +1 -0
- package/dist/components/{p-D7dk2gM7.js → p-DvL2TcDG.js} +1 -1
- package/dist/components/{p-BxiKVtk4.js → p-OKwHt2i9.js} +1 -1
- package/dist/components/{p-CBzpUqwG.js → p-QWi9AmnD.js} +1 -1
- package/dist/components/{p-B3igDRut.js → p-Xwo2HQmt.js} +1 -1
- package/dist/components/{p-DTS-dgEe.js → p-_k-j03K-.js} +1 -1
- package/dist/components/{p-HXlAaApx.js → p-eSq2ze8W.js} +1 -1
- package/dist/components/{p-C7tPadNy.js → p-lus32JrB.js} +1 -1
- package/dist/esm/co-accordion.entry.js +4 -4
- package/dist/esm/co-app-shell.entry.js +3 -3
- package/dist/esm/co-autocomplete.entry.js +38 -73
- package/dist/esm/co-avatar-group.entry.js +3 -3
- package/dist/esm/co-avatar.entry.js +2 -2
- package/dist/esm/co-badge.entry.js +2 -2
- package/dist/esm/co-bottom-sheet.entry.js +4 -4
- package/dist/esm/co-breadcrumb-item.entry.js +3 -3
- package/dist/esm/co-breadcrumb.entry.js +2 -2
- package/dist/esm/co-button-group.entry.js +3 -3
- package/dist/esm/co-button.entry.js +4 -4
- package/dist/esm/co-calendar-month.entry.js +2 -2
- package/dist/esm/co-calendar_3.entry.js +19 -14
- package/dist/esm/co-card.entry.js +3 -3
- package/dist/esm/co-checkbox-group.entry.js +4 -4
- package/dist/esm/co-checkbox.entry.js +4 -4
- package/dist/esm/co-chip_2.entry.js +482 -0
- 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 +52 -83
- package/dist/esm/co-command-search.entry.js +21 -60
- package/dist/esm/co-data-table-pagination.entry.js +5 -5
- package/dist/esm/co-data-table.entry.js +54 -5
- package/dist/esm/co-date-picker.entry.js +2 -2
- package/dist/esm/co-date-range-picker.entry.js +3 -3
- package/dist/esm/co-date-range.entry.js +2 -2
- package/dist/esm/co-drive-card.entry.js +2 -2
- package/dist/esm/co-drop-zone.entry.js +2 -2
- package/dist/esm/co-empty-state.entry.js +4 -4
- package/dist/esm/co-event-calendar.entry.js +3 -3
- package/dist/esm/co-fab.entry.js +5 -5
- package/dist/esm/co-file-field.entry.js +7 -7
- package/dist/esm/co-file-type-tile.entry.js +3 -3
- package/dist/esm/co-helper-text.entry.js +3 -3
- package/dist/esm/co-icon-button.entry.js +2 -2
- package/dist/esm/co-icon.entry.js +3 -3
- package/dist/esm/co-input.entry.js +19 -3
- package/dist/esm/co-json-field.entry.js +5 -5
- package/dist/esm/co-lightbox.entry.js +6 -6
- package/dist/esm/co-list-footer.entry.js +2 -2
- package/dist/esm/co-list-item.entry.js +5 -5
- package/dist/esm/co-loader.entry.js +1 -1
- package/dist/esm/co-media-thumb.entry.js +3 -3
- package/dist/esm/co-menu-divider.entry.js +2 -2
- package/dist/esm/co-menu-item.entry.js +2 -2
- package/dist/esm/co-menu.entry.js +2 -2
- package/dist/esm/co-modal.entry.js +3 -3
- package/dist/esm/co-navbar.entry.js +3 -3
- package/dist/esm/co-number-field.entry.js +5 -5
- package/dist/esm/co-overlay.entry.js +2 -2
- package/dist/esm/co-page-header.entry.js +2 -2
- package/dist/esm/co-phone-field.entry.js +4 -4
- package/dist/esm/co-popover.entry.js +12 -3
- package/dist/esm/co-progress-bar.entry.js +4 -4
- 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 +31 -135
- 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 +1 -1
- package/dist/esm/co-row.entry.js +3 -3
- package/dist/esm/co-segmented-bar.entry.js +3 -3
- package/dist/esm/co-select.entry.js +7 -7
- package/dist/esm/co-separator.entry.js +2 -2
- package/dist/esm/co-sidebar-nav.entry.js +10 -8
- 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 +6 -6
- package/dist/esm/co-tab-group.entry.js +10 -4
- package/dist/esm/co-tab.entry.js +5 -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 +3 -3
- package/dist/esm/co-toggle-button-group.entry.js +3 -3
- package/dist/esm/co-toggle-button.entry.js +3 -3
- package/dist/esm/co-tooltip.entry.js +3 -3
- package/dist/esm/co-transfer-list.entry.js +3 -3
- package/dist/esm/co-video.entry.js +4 -4
- package/dist/esm/cobalt.js +3 -3
- package/dist/esm/{fieldChip-BBu4ukje.js → fieldChip-ChXW__C5.js} +1 -1
- package/dist/esm/{index-Es9IUmmt.js → index-tT-aZV0-.js} +9 -13
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{requiredMark-Bg25QWFn.js → requiredMark-C7-_2UhB.js} +1 -1
- package/dist/types/components/co-accordion/co-accordion.d.ts +3 -0
- package/dist/types/components/co-autocomplete/co-autocomplete.d.ts +12 -14
- package/dist/types/components/co-combobox/co-combobox.d.ts +29 -15
- package/dist/types/components/co-command-search/co-command-search.d.ts +13 -5
- package/dist/types/components/co-command-search/commandSearchLogic.d.ts +1 -1
- package/dist/types/components/co-data-table/co-data-table.d.ts +22 -0
- package/dist/types/components/co-fab/co-fab.d.ts +3 -1
- package/dist/types/components/co-input/co-input.d.ts +9 -0
- package/dist/types/components/co-option-list/co-option-list.d.ts +4 -0
- package/dist/types/components/co-popover/co-popover.d.ts +1 -0
- package/dist/types/components/co-ref-field/co-ref-field.d.ts +8 -30
- package/dist/types/components/co-sidebar-nav/co-sidebar-nav.d.ts +2 -0
- package/dist/types/components/co-tab/co-tab.d.ts +2 -2
- package/dist/types/components/co-tab-group/co-tab-group.d.ts +5 -1
- package/dist/types/components.d.ts +123 -45
- package/package.json +4 -4
- package/dist/cjs/co-chip.cjs.entry.js +0 -91
- package/dist/cjs/co-option-list.cjs.entry.js +0 -379
- package/dist/cobalt/p-06c27cc5.entry.js +0 -1
- package/dist/cobalt/p-075f6ca4.entry.js +0 -1
- package/dist/cobalt/p-0810ee1e.entry.js +0 -1
- package/dist/cobalt/p-0b41e76e.entry.js +0 -1
- package/dist/cobalt/p-19f7ee64.entry.js +0 -1
- package/dist/cobalt/p-23c9208a.entry.js +0 -1
- package/dist/cobalt/p-311118cb.entry.js +0 -1
- package/dist/cobalt/p-48c5f311.entry.js +0 -1
- package/dist/cobalt/p-523cfd98.entry.js +0 -1
- package/dist/cobalt/p-5eecea26.entry.js +0 -1
- package/dist/cobalt/p-64a0b656.entry.js +0 -1
- package/dist/cobalt/p-6a3ed174.entry.js +0 -1
- package/dist/cobalt/p-755ecee1.entry.js +0 -1
- package/dist/cobalt/p-76b46336.entry.js +0 -1
- package/dist/cobalt/p-7b5dec05.entry.js +0 -1
- package/dist/cobalt/p-87289d32.entry.js +0 -1
- package/dist/cobalt/p-BUgUTjOB.js +0 -1
- package/dist/cobalt/p-Es9IUmmt.js +0 -2
- package/dist/cobalt/p-a71fd4f1.entry.js +0 -1
- package/dist/cobalt/p-b045d680.entry.js +0 -1
- package/dist/cobalt/p-b3c8fc9a.entry.js +0 -1
- package/dist/cobalt/p-b8f36f12.entry.js +0 -1
- package/dist/cobalt/p-ba6f0f90.entry.js +0 -1
- package/dist/cobalt/p-c1abc74b.entry.js +0 -1
- package/dist/cobalt/p-cf239452.entry.js +0 -1
- package/dist/cobalt/p-d2507f04.entry.js +0 -1
- package/dist/cobalt/p-d55652f2.entry.js +0 -1
- package/dist/cobalt/p-da211abf.entry.js +0 -1
- package/dist/cobalt/p-dcc7fc95.entry.js +0 -1
- package/dist/collection/components/co-command-search/commandSearchGroup.js +0 -17
- package/dist/components/p-BhSJcOUS.js +0 -1
- package/dist/components/p-CZKHHCdL.js +0 -1
- package/dist/components/p-K6LC1Hz4.js +0 -1
- package/dist/components/p-LAxCvyJl.js +0 -1
- package/dist/esm/co-chip.entry.js +0 -89
- package/dist/esm/co-option-list.entry.js +0 -377
- package/dist/types/components/co-command-search/commandSearchGroup.d.ts +0 -20
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as
|
|
1
|
+
import{r as t,c as i,h as a}from"./p-tT-aZV0-.js";const r=class{constructor(a){t(this,a),this.coChange=i(this,"coChange",7),this.value=0,this.max=5,this.size="small",this.disabled=!1,this.readOnly=!1,this.icon="star",this.status="default",this.hoverValue=0,this.handleClick=t=>{if(this.disabled||this.readOnly)return;const i=this.value===t?0:t;this.value=i,this.coChange.emit(i)},this.handleMouseEnter=t=>{this.disabled||this.readOnly||(this.hoverValue=t)},this.handleMouseLeave=()=>{this.hoverValue=0}}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}render(){const t="large"===this.size?28:20,i=this.hoverValue||this.value,r=Array.from({length:this.max},((t,i)=>i+1));return a("div",{key:"79a5d0a2893814ec7bd1a43178d6ae68e51921ef",class:{"co-rating":!0,"co-rating--disabled":this.disabled,"co-rating--readonly":this.readOnly,[`co-rating--${this.size}`]:!0}},this.label&&a("label",{key:"50606dcbbf3783df6d55e78ad03c7d7b85cd9611",class:"co-rating__label"},this.label),a("div",{key:"489d544d4857ba770719086d341b41162af557de",class:"co-rating__stars",onMouseLeave:this.handleMouseLeave},r.map((r=>a("button",{class:{"co-rating__star":!0,"co-rating__star--active":r<=i,"co-rating__star--hover":this.hoverValue>0&&r<=this.hoverValue},type:"button",tabIndex:this.disabled||this.readOnly?-1:0,disabled:this.disabled,onClick:()=>this.handleClick(r),onMouseEnter:()=>this.handleMouseEnter(r),"aria-label":`${r} of ${this.max}`},a("co-icon",{name:this.icon,size:t,weight:r<=i?"fill":"regular"}))))),this.helperText&&a("div",{key:"af6db3a4a405300904ef3bac7634145614813bd4",class:`co-rating__helper co-rating__helper--${this.status}`},this.statusIcon&&a("co-icon",{key:"af9a32a796abceb861bd0e838c058b8414fc1e9b",name:this.statusIcon,size:14,weight:"fill",class:"co-rating__helper-icon"}),a("span",{key:"77d7357560bd293f4adb5e9d85a82d6e9e8da056",class:"co-rating__helper-text"},this.helperText)))}};r.style=":host{display:inline-block;font-family:var(--co-font-family-primary);line-height:1}.co-rating{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-rating__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;cursor:default;padding:0 var(--co-spacing-xs)}.co-rating--disabled .co-rating__label{color:var(--co-semantic-text-disabled)}.co-rating__stars{display:inline-flex;gap:var(--co-spacing-xs)}.co-rating__star{display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-border-subtle);transition:color 0.1s ease, transform 0.1s ease}.co-rating__star:hover:not(:disabled){transform:scale(1.15)}.co-rating__star--active{color:#F5A623;}.co-rating__star--hover{color:#F5A623}.co-rating--disabled .co-rating__star{cursor:not-allowed;opacity:0.5}.co-rating--readonly .co-rating__star{cursor:default}.co-rating__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-rating__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-rating__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-rating__helper--error .co-rating__helper-icon,.co-rating__helper--error .co-rating__helper-text{color:var(--co-semantic-status-error)}.co-rating__helper--success .co-rating__helper-icon,.co-rating__helper--success .co-rating__helper-text{color:var(--co-semantic-status-success)}.co-rating__helper--warning .co-rating__helper-icon,.co-rating__helper--warning .co-rating__helper-text{color:var(--co-color-status-review)}.co-rating__helper--info .co-rating__helper-icon,.co-rating__helper--info .co-rating__helper-text{color:var(--co-semantic-status-info)}";export{r as co_rating}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,c as e,h as d}from"./p-
|
|
1
|
+
import{r as a,c as e,h as d}from"./p-tT-aZV0-.js";const o=class{constructor(d){a(this,d),this.coModeChange=e(this,"coModeChange",7),this.mode="full"}render(){return d("nav",{key:"ea33fc3e60a0b3e7f5d5ad37569524aa46b1cb76",class:{"co-sidebar":!0,[`co-sidebar--${this.mode}`]:!0},part:"sidebar"},d("div",{key:"7feaf48ba91059cf5b046579b68adfbfb896850d",class:"co-sidebar__header",part:"header"},d("slot",{key:"869fd6af70b09829ef05f15b2fdab554a978f1f8",name:"header"})),d("div",{key:"1bc044d4c70854b748e473041fea378ca1e3bd4f",class:"co-sidebar__body",part:"body"},d("slot",{key:"0c0033d1af7a9dd902a61da6e97811e75214e9c5"})),d("div",{key:"ef37cc7709b4d6afc420f1e3aaba13b6db2997e6",class:"co-sidebar__footer",part:"footer"},d("slot",{key:"df1b6a08c313ed1818fcfd93a89f9c1cd709bccd",name:"footer"})))}};o.style=":host{display:flex;height:100%}.co-sidebar{display:flex;flex-direction:column;background:var(--co-semantic-surface-page);border-right:1px solid var(--co-semantic-border-subtle);font-family:var(--co-font-family-primary);box-sizing:border-box;overflow:hidden;transition:width 0.2s ease}.co-sidebar--full{width:256px}.co-sidebar--min{width:58px;align-items:center}.co-sidebar__header{padding:var(--co-spacing-lg);flex-shrink:0}.co-sidebar--min .co-sidebar__header{padding:var(--co-spacing-md)}.co-sidebar__body{flex:1;overflow-y:auto;padding:var(--co-spacing-sm2) var(--co-spacing-md)}.co-sidebar--min .co-sidebar__body{padding:var(--co-spacing-sm2)}.co-sidebar__footer{padding:var(--co-spacing-md) var(--co-spacing-lg);flex-shrink:0}.co-sidebar--min .co-sidebar__footer{padding:var(--co-spacing-md)}.co-sidebar__header:empty,.co-sidebar__footer:empty{display:none}";export{o as co_sidebar}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,c as e,h as c}from"./p-
|
|
1
|
+
import{r,c as e,h as c}from"./p-tT-aZV0-.js";const o=class{constructor(c){r(this,c),this.coOpen=e(this,"coOpen",7),this.coToggleSelect=e(this,"coToggleSelect",7),this.coStar=e(this,"coStar",7),this.variant="folder",this.density="comfy",this.accent="var(--co-color-primary-azul)",this.name="",this.meta="",this.selected=!1,this.starred=!1,this.active=!1,this.handleOpen=()=>{this.coOpen.emit()},this.handleKeyDown=r=>{"Enter"!==r.key&&" "!==r.key||(r.preventDefault(),this.coOpen.emit())},this.handleToggleSelect=r=>{r.stopPropagation(),this.coToggleSelect.emit(!this.selected)},this.handleStar=r=>{r.stopPropagation(),this.coStar.emit()}}renderSelectChip(r){return c("span",{class:"co-drive-card__select",part:"select",role:"checkbox","aria-checked":String(this.selected),"aria-label":"Select item",onClick:this.handleToggleSelect},this.selected&&c("svg",{class:"co-drive-card__check",width:r,height:r,viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},c("path",{d:"M3.5 8.5l3 3 6-6.5",stroke:"#fff","stroke-width":"2.2","stroke-linecap":"round","stroke-linejoin":"round"})))}renderFolder(){const r="compact"===this.density?20:24;return[this.renderSelectChip(12),c("span",{class:"co-drive-card__tile",part:"tile"},c("co-icon",{name:"folder",size:r,weight:"fill"})),c("div",{class:"co-drive-card__text"},c("span",{class:"co-drive-card__name",part:"name"},this.name),this.meta&&c("span",{class:"co-drive-card__meta",part:"meta"},this.meta)),c("div",{class:"co-drive-card__trailing",part:"trailing"},this.starred&&c("co-icon",{class:"co-drive-card__star",name:"star",size:15,weight:"fill"}),c("slot",{name:"trailing"}))]}renderFile(){return[c("div",{class:"co-drive-card__thumb",part:"thumb"},c("slot",{name:"thumb"})),this.renderSelectChip(13),c("span",{class:"co-drive-card__star-overlay",part:"star",role:"button","aria-label":this.starred?"Unstar item":"Star item",onClick:this.handleStar},c("co-icon",{name:"star",size:17,weight:this.starred?"fill":"regular"})),c("div",{class:"co-drive-card__foot",part:"foot"},c("span",{class:"co-drive-card__type"},c("slot",{name:"type"},this.ext?c("co-file-type-tile",{ext:this.ext,size:26,radius:7}):null)),c("div",{class:"co-drive-card__foot-text"},c("span",{class:"co-drive-card__name",part:"name"},this.name),this.meta&&c("span",{class:"co-drive-card__sub",part:"meta"},this.meta)),c("span",{class:"co-drive-card__actions",part:"actions"},c("slot",{name:"actions"})))]}render(){const r="file"===this.variant;return c("div",{key:"8f843886a6953476f075dcec86567da6d6160d51",class:{"co-drive-card":!0,[`co-drive-card--${this.variant}`]:!0,[`co-drive-card--${this.density}`]:!0,"co-drive-card--selected":this.selected,"co-drive-card--starred":this.starred,"co-drive-card--active":this.active&&r},part:"card",role:"button",tabIndex:0,style:{"--dc-accent":this.accent},onClick:this.handleOpen,onKeyDown:this.handleKeyDown},r?this.renderFile():this.renderFolder())}};o.style=":host{display:block}.co-drive-card{--dc-accent:var(--co-color-primary-azul, #2563eb);position:relative;box-sizing:border-box;width:100%;border-radius:14px;cursor:pointer;outline:none;font-family:var(--co-font-family-primary);background:var(--co-color-base-blanco, #fff);box-shadow:inset 0 0 0 1px var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08))}.co-drive-card:focus-visible{box-shadow:inset 0 0 0 1.5px var(--dc-accent)}.co-drive-card--folder{display:flex;align-items:center;gap:12px;transition:box-shadow 0.14s ease, background 0.12s ease}.co-drive-card--folder.co-drive-card--comfy{padding:14px}.co-drive-card--folder.co-drive-card--compact{padding:10px 12px}.co-drive-card--folder:hover:not(.co-drive-card--selected){box-shadow:var(--co-shadow-sm, 0 1px 2px 0 rgba(26, 26, 26, 0.04)), inset 0 0 0 1px var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08))}.co-drive-card--folder.co-drive-card--selected{background:color-mix(in srgb, var(--dc-accent) 7%, white);box-shadow:inset 0 0 0 1.5px var(--dc-accent)}.co-drive-card__tile{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;background:color-mix(in srgb, var(--dc-accent) 12%, white);color:var(--dc-accent)}.co-drive-card--comfy .co-drive-card__tile{width:44px;height:44px}.co-drive-card--compact .co-drive-card__tile{width:38px;height:38px}.co-drive-card__text{flex:1;min-width:0;display:flex;flex-direction:column}.co-drive-card__name{font-family:var(--co-font-family-primary);font-size:14px;font-weight:500;line-height:1.3;color:var(--co-color-base-negro, #1f1c1b);letter-spacing:var(--co-font-letter-spacing-body, -0.03em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-drive-card__meta{font-family:var(--co-font-family-primary);font-size:12px;color:var(--co-color-gray-500, #888888);margin-top:2px;letter-spacing:var(--co-font-letter-spacing-body, -0.03em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-drive-card__trailing{flex-shrink:0;display:flex;align-items:center;gap:6px}.co-drive-card__star{display:inline-flex;color:var(--co-color-primary-amarillo, #fdbf00)}.co-drive-card--file{display:flex;flex-direction:column;gap:10px;transition:box-shadow 0.14s ease}.co-drive-card--file.co-drive-card--comfy{padding:10px}.co-drive-card--file.co-drive-card--compact{padding:8px}.co-drive-card--file:hover:not(.co-drive-card--selected):not(.co-drive-card--active){box-shadow:var(--co-shadow-sm, 0 1px 2px 0 rgba(26, 26, 26, 0.04)), inset 0 0 0 1px var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08))}.co-drive-card--file.co-drive-card--active:not(.co-drive-card--selected){box-shadow:inset 0 0 0 1.5px var(--co-color-opacity-negro-25, rgba(31, 28, 27, 0.25))}.co-drive-card--file.co-drive-card--selected{box-shadow:inset 0 0 0 1.5px var(--dc-accent)}.co-drive-card__thumb{display:block;border-radius:10px;overflow:hidden;background:var(--co-color-gray-100, #f6f6f6)}.co-drive-card--comfy .co-drive-card__thumb{height:132px}.co-drive-card--compact .co-drive-card__thumb{height:96px}.co-drive-card__thumb ::slotted(*){display:block;width:100%;height:100%}.co-drive-card__thumb ::slotted(img){object-fit:cover}.co-drive-card--file .co-drive-card__name{font-size:13px}.co-drive-card__sub{font-family:var(--co-font-family-primary);font-size:11.5px;color:var(--co-color-gray-500, #888888);margin-top:1px;letter-spacing:var(--co-font-letter-spacing-body, -0.03em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-drive-card__foot{display:flex;align-items:center;gap:8px;padding:0 2px 2px}.co-drive-card__type{flex-shrink:0;display:inline-flex}.co-drive-card__foot-text{flex:1;min-width:0;display:flex;flex-direction:column}.co-drive-card__actions{flex-shrink:0;display:inline-flex;align-items:center;color:var(--co-color-gray-400, #a0a0a0);opacity:0;transition:opacity 0.12s ease}.co-drive-card:hover .co-drive-card__actions{opacity:1}.co-drive-card__star-overlay{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--co-color-base-blanco, #fff);opacity:0;transition:opacity 0.12s ease}.co-drive-card:hover .co-drive-card__star-overlay,.co-drive-card--starred .co-drive-card__star-overlay{opacity:1}.co-drive-card--starred .co-drive-card__star-overlay{color:var(--co-color-primary-amarillo, #fdbf00)}.co-drive-card__select{position:absolute;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;opacity:0;transition:opacity 0.12s ease;background:rgba(255, 255, 255, 0.9);box-shadow:inset 0 0 0 1px var(--co-color-opacity-negro-16, rgba(31, 28, 27, 0.16))}.co-drive-card:hover .co-drive-card__select,.co-drive-card--selected .co-drive-card__select{opacity:1}.co-drive-card--folder .co-drive-card__select{top:8px;left:8px;width:20px;height:20px}.co-drive-card--file .co-drive-card__select{top:16px;left:16px;width:22px;height:22px;background:rgba(255, 255, 255, 0.92)}.co-drive-card--selected .co-drive-card__select{background:var(--dc-accent);box-shadow:none}.co-drive-card__check{display:block;pointer-events:none}";export{o as co_drive_card}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,h as o}from"./p-
|
|
1
|
+
import{r as a,h as o}from"./p-tT-aZV0-.js";const l=class{constructor(o){a(this,o),this.visible=!0,this.overlay=!1,this.size="md",this.text="",this.background=""}render(){return this.visible?o("div",{class:{"co-loader":!0,"co-loader--overlay":this.overlay},style:this.overlay&&this.background?{background:this.background}:void 0,part:"root",role:"status","aria-live":"polite"},o("div",{class:"co-loader__balls",part:"balls"},o("span",{class:"co-loader__ball co-loader__ball--blue"}),o("span",{class:"co-loader__ball co-loader__ball--yellow"}),o("span",{class:"co-loader__ball co-loader__ball--red"})),this.text&&o("p",{class:"co-loader__text",part:"text"},this.text)):null}};l.style=':host{display:contents;--co-loader-ball:15px;--co-loader-step:25px;--co-loader-text:var(--co-font-size-14);--co-loader-gap:10px}:host([size="sm"]){--co-loader-ball:8px;--co-loader-step:14px;--co-loader-text:var(--co-font-size-12);--co-loader-gap:6px}:host([size="lg"]){--co-loader-ball:20px;--co-loader-step:33px;--co-loader-gap:12px}.co-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--co-loader-gap)}.co-loader--overlay{position:absolute;inset:0;background:rgba(255, 255, 255, 0.72);z-index:10}.co-loader__balls{position:relative;width:calc(var(--co-loader-step) * 3);height:var(--co-loader-ball)}.co-loader__ball{position:absolute;width:var(--co-loader-ball);height:var(--co-loader-ball);border-radius:50%;animation:co-loader-bounce 2s infinite cubic-bezier(0.28, 0.84, 0.42, 1)}.co-loader__ball--blue{background-color:#4285f4}.co-loader__ball--yellow{background-color:#fdbd00;animation-delay:0.4s}.co-loader__ball--red{background-color:#d4145a;animation-delay:0.8s}.co-loader__text{margin:0;font-family:var(--co-font-family-primary);font-size:var(--co-loader-text);color:var(--co-semantic-text-secondary);text-align:center;white-space:pre-line}@keyframes co-loader-bounce{0%,100%{transform:translateX(0) scale(1)}25%{transform:translateX(var(--co-loader-step)) scale(1.2)}50%{transform:translateX(calc(var(--co-loader-step) * 2)) scale(0.8)}75%{transform:translateX(var(--co-loader-step)) scale(1.2)}}@media (prefers-reduced-motion: reduce){.co-loader__ball{animation:none}.co-loader__ball--blue{transform:translateX(0)}.co-loader__ball--yellow{transform:translateX(var(--co-loader-step))}.co-loader__ball--red{transform:translateX(calc(var(--co-loader-step) * 2))}}';export{l as co_loader}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as i,h as r,a as t}from"./p-tT-aZV0-.js";import{R as o}from"./p-7FZXeBK4.js";import{F as s}from"./p-BAA4ln31.js";const a=class{constructor(r){e(this,r),this.coChange=i(this,"coChange",7),this.coClear=i(this,"coClear",7),this.coSearch=i(this,"coSearch",7),this.coLoadMore=i(this,"coLoadMore",7),this.coOpen=i(this,"coOpen",3),this.coClose=i(this,"coClose",3),this.coRemove=i(this,"coRemove",7),this.coFooterPrimary=i(this,"coFooterPrimary",7),this.coFooterSecondary=i(this,"coFooterSecondary",7),this.required=!1,this.placeholder="Select…",this.disabled=!1,this.clearable=!0,this.multiple=!1,this.status="default",this.layout="vertical",this.size="md",this.value="",this.options="[]",this.selectedDisplay="[]",this.loading=!1,this.total=0,this.searchable=!0,this.searchPlaceholder="Search…",this.searchDebounce=350,this.emptyMessage="No results found",this.showFooter=!1,this.footerPrimaryLabel="Ok",this.footerSecondaryLabel="New",this.maxChips=0,this.panelTheme="auto",this.avatarShape="circle",this.isOpen=!1,this.overflowCount=0,this.lastChipsKey="\0",this.pendingFocus=!1,this.handlePopoverOpen=()=>{this.isOpen=!0},this.handlePopoverClose=()=>{this.isOpen=!1},this.handleTriggerClick=e=>{this.disabled&&e.stopPropagation()},this.handleOptionClick=e=>{if(this.multiple){const i=this.parsedValue;let r;r=i.indexOf(e._id)>=0?i.filter((i=>i!==e._id)):[...i,e._id],this.value=JSON.stringify(r),this.coChange.emit({value:r,item:e})}else this.value=e._id,this.coChange.emit({value:e._id,item:e}),this.isOpen=!1},this.handleClear=e=>{e.stopPropagation(),this.value=this.multiple?"[]":"",this.coClear.emit()},this.handleRemoveChip=(e,i)=>{i.stopPropagation();const r=this.parsedValue.filter((i=>i!==e));this.value=JSON.stringify(r),this.coRemove.emit(e)},this.handleFooterPrimary=()=>{this.coFooterPrimary.emit(),this.isOpen=!1},this.handleFooterSecondary=()=>{this.coFooterSecondary.emit()}}get normalizedSize(){return"default"===this.size?"md":this.size}get parsedOptions(){try{const e="string"==typeof this.options?JSON.parse(this.options):this.options;return Array.isArray(e)?e:[]}catch(e){return[]}}get parsedSelectedDisplay(){try{const e="string"==typeof this.selectedDisplay?JSON.parse(this.selectedDisplay):this.selectedDisplay;return Array.isArray(e)?e:[]}catch(e){return[]}}get effectiveDisplayItems(){const e=this.parsedValue;if(0===e.length)return[];const i=new Map;for(const e of this.parsedSelectedDisplay)i.set(e._id,e);for(const e of this.parsedOptions)i.has(e._id)||i.set(e._id,{_id:e._id,label:e.label,description:e.description,color:e.color,avatar:e.avatar,image:e.image});return e.map((e=>i.get(e))).filter(Boolean)}get parsedValue(){if(!this.value)return[];try{const e=JSON.parse(this.value);return Array.isArray(e)?e:[this.value]}catch(e){return this.value?[this.value]:[]}}connectedCallback(){this.resizeObserver=new ResizeObserver((()=>this.calcOverflow()))}componentDidRender(){var e,i,r,t;this.chipsEl!==this.observedChipsEl&&(null===(e=this.resizeObserver)||void 0===e||e.disconnect(),this.chipsEl&&(null===(i=this.resizeObserver)||void 0===i||i.observe(this.chipsEl)),this.observedChipsEl=this.chipsEl);const o=null===(r=this.chipsEl)||void 0===r?void 0:r.querySelectorAll(".co-ref-field__chip"),s=o?Array.from(o,(e=>e.textContent)).join(""):"";s!==this.lastChipsKey&&(this.lastChipsKey=s,this.calcOverflow()),this.pendingFocus&&(null===(t=this.optionListEl)||void 0===t?void 0:t.isConnected)&&(this.pendingFocus=!1,this.optionListEl.focusSearch())}disconnectedCallback(){var e;null===(e=this.resizeObserver)||void 0===e||e.disconnect()}calcOverflow(){if(!this.multiple||this.maxChips>0||!this.chipsEl)return void(0!==this.overflowCount&&(this.overflowCount=0));const e=Array.from(this.chipsEl.querySelectorAll(".co-ref-field__chip"));if(0===e.length)return void(0!==this.overflowCount&&(this.overflowCount=0));const i=this.chipsEl.getBoundingClientRect().right;let r=0;for(let t=e.length-1;t>=0&&e[t].getBoundingClientRect().right>i+1;t--)r++;r!==this.overflowCount&&(this.overflowCount=r)}onOpenChange(e){e?(this.coOpen.emit(),this.pendingFocus=!0):this.coClose.emit()}renderTrigger(){const e=this.effectiveDisplayItems,i=e.length>0;return r("div",{class:{"co-ref-field__trigger":!0,"co-ref-field--open":this.isOpen,"co-ref-field--disabled":this.disabled,[`co-ref-field--${this.normalizedSize}`]:!0,[`co-ref-field--${this.status}`]:"default"!==this.status},onClick:this.handleTriggerClick},this.iconLeft&&r("span",{class:"co-ref-field__icon"},r("co-icon",{name:this.iconLeft,size:16})),r("div",{class:"co-ref-field__value"},!i&&r("span",{class:"co-ref-field__placeholder",part:"trigger-placeholder"},this.placeholder),i&&!this.multiple&&this.renderSingleValue(e[0]),i&&this.multiple&&this.renderMultipleValue(e)),i&&this.clearable&&!this.disabled&&r("button",{class:"co-ref-field__clear",part:"trigger-clear",onClick:this.handleClear,type:"button"},r("co-icon",{name:"x",size:14})),r("span",{class:"co-ref-field__caret",part:"trigger-chevron"},r("co-icon",{name:"caret-up-down",size:16})))}renderItemAvatar(e){return e.image||e.avatar?r("co-avatar",{class:"co-ref-field__avatar",type:e.image?"image":"text",src:e.image,text:e.avatar,color:e.color,size:"xxs",shape:this.avatarShape}):e.color?r("span",{class:"co-ref-field__color-dot",style:{backgroundColor:e.color}}):null}renderSingleValue(e){return r("div",{class:"co-ref-field__selected"},this.renderItemAvatar(e),r("span",{class:"co-ref-field__selected-label",part:"trigger-text"},e.label))}renderMultipleValue(e){const i=this.maxChips>0,t=Math.min(this.overflowCount,Math.max(0,e.length-1)),o=i?e.slice(0,this.maxChips):e,a=i?e.length-this.maxChips:t,c=e.length-(i?0:t);return r("div",{class:"co-ref-field__chips-row"},r("div",{class:"co-ref-field__chips",ref:e=>this.chipsEl=e},o.map(((e,t)=>r(s,{key:e._id,baseClass:"co-ref-field__chip",label:e.label,modifiers:{"co-ref-field__chip--avatar":!(!e.image&&!e.avatar),"co-ref-field__chip--clipped":!i&&t>=c,[`co-ref-field__chip--${this.normalizedSize}`]:!0},onRemove:i=>this.handleRemoveChip(e._id,i)},e.image||e.avatar?this.renderItemAvatar(e):e.color?r("span",{class:"co-ref-field__chip-dot",style:{backgroundColor:e.color}}):null)))),a>0&&r("span",{class:"co-ref-field__chip-overflow"},"+",a))}renderPanel(){return r("div",{class:{"co-ref-field__panel":!0,"co-ref-field__panel--dark":"dark"===this.panelTheme,"co-ref-field__panel--light":"light"===this.panelTheme}},r("co-option-list",{ref:e=>this.optionListEl=e,items:"string"==typeof this.options?this.options:JSON.stringify(this.options),value:this.value,selectedItems:"string"==typeof this.selectedDisplay?this.selectedDisplay:JSON.stringify(this.selectedDisplay),multiple:this.multiple,selectedFirst:this.multiple,selectedAffordance:"deselect",searchable:this.searchable,searchPlaceholder:this.searchPlaceholder,searchDebounce:this.searchDebounce,loading:this.loading,total:this.total,emptyMessage:this.emptyMessage,avatarShape:this.avatarShape,onCoSearch:e=>this.coSearch.emit(e.detail),onCoChange:e=>this.handleOptionClick(e.detail.item),onCoLoadMore:()=>this.coLoadMore.emit()},this.showFooter&&r("div",{class:"co-ref-field__footer",slot:"footer"},r("button",{class:"co-ref-field__footer-btn co-ref-field__footer-btn--secondary",type:"button",onClick:this.handleFooterSecondary},r("co-icon",{name:"plus",size:16}),r("span",null,this.footerSecondaryLabel)),r("button",{class:"co-ref-field__footer-btn co-ref-field__footer-btn--primary",type:"button",onClick:this.handleFooterPrimary},r("co-icon",{name:"check",size:16}),r("span",null,this.footerPrimaryLabel)))))}render(){return r("div",{key:"0a0d45f7d4bd24ab9f0d7f5beeb5d444fae8d5af",class:"co-ref-field"},(this.label||this.secondaryLabel)&&r("div",{key:"da3a3f9d1a5d3abfede2d561793cb905b9764910",class:"co-ref-field__labels"},this.label&&r("label",{key:"89add7a385fcb6ace824e1f5d3a83db86be49b61",class:"co-ref-field__label"},this.labelIcon&&r("co-icon",{key:"224b3ad35fb667b6ba6b7f29a6977f8c982dac54",class:"co-ref-field__label-icon",name:this.labelIcon,size:16}),this.label,r(o,{key:"43dbec013e8110b6a80f6b79f92b93e9bfa5c475",required:this.required})),this.secondaryLabel&&r("span",{key:"8c12c993b8743b4083e9eba68bd5cae1be6141fe",class:"co-ref-field__secondary-label"},this.secondaryLabel)),r("co-popover",{key:"6dc3087da1ac993100c24232e753b9648e1a3503",open:this.isOpen,placement:"bottom-start",matchWidth:!0,offset:4,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},r("div",{key:"bf97e3528bafe25727a352d9a59c7a2116824336",slot:"trigger"},this.renderTrigger()),this.isOpen&&this.renderPanel()),this.helperText&&r("div",{key:"e43a260c5acfe19f18956a029ad9dceecb05adf2",class:`co-ref-field__helper co-ref-field__helper--${this.status}`},"default"!==this.status&&r("co-icon",{key:"7965e269ee23603880e1b215f12688071d26f138",name:"error"===this.status?"warning-circle":"success"===this.status?"check-circle":"info",size:14}),r("span",{key:"9f36e0298724cc9c5296528be84b08d2c17bb6fa"},this.helperText)))}get el(){return t(this)}static get watchers(){return{isOpen:[{onOpenChange:0}]}}};a.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;position:relative}.co-ref-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-ref-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-ref-field__label{display:inline-flex;align-items:center;color:var(--co-ref-field-label-color, var(--co-semantic-text-secondary));font-family:var(--co-ref-field-label-font-family, var(--co-font-family-primary));font-size:var(--co-ref-field-label-font-size, var(--co-font-size-14));font-weight:var(--co-ref-field-label-font-weight, 400);line-height:1;white-space:nowrap;cursor:default;text-transform:var(--co-ref-field-label-text-transform, none);letter-spacing:var(--co-ref-field-label-letter-spacing, var(--co-font-letter-spacing-body))}.co-ref-field__secondary-label{color:var(--co-semantic-text-muted);font-family:var(--co-font-family-mono);font-size:var(--co-font-size-12);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-ref-field__trigger{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-ref-field-trigger-bg, var(--co-semantic-surface-page));border:1px solid var(--co-ref-field-trigger-border-color, var(--co-color-opacity-negro-25, rgba(31, 28, 27, 0.25)));border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;cursor:pointer;transition:border-color 0.15s ease, box-shadow 0.15s ease}.co-ref-field--s{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-ref-field--sm{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-ref-field--lg{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-ref-field--open{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-ref-field--disabled{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-ref-field--error{border-color:var(--co-semantic-status-error)}.co-ref-field--success{border-color:var(--co-semantic-status-success)}.co-ref-field--warning{border-color:var(--co-color-status-review)}.co-ref-field--s .co-ref-field__selected{--co-avatar-size:20px}.co-ref-field--sm .co-ref-field__selected{--co-avatar-size:22px}.co-ref-field--md .co-ref-field__selected{--co-avatar-size:22px}.co-ref-field--lg .co-ref-field__selected{--co-avatar-size:28px}.co-ref-field__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-ref-field__label-icon{flex-shrink:0;margin-right:var(--co-spacing-xs);color:var(--co-semantic-text-secondary)}.co-ref-field__value{flex:1;min-width:0;display:flex;align-items:center}.co-ref-field__placeholder{color:var(--co-semantic-text-muted);font-size:inherit;font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-ref-field__caret{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-ref-field__clear{flex-shrink:0;display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-ref-field__clear:hover{color:var(--co-semantic-text-default)}.co-ref-field__selected{display:flex;align-items:center;gap:var(--co-spacing-sm);min-width:0}.co-ref-field__color-dot{width:10px;height:10px;min-width:10px;border-radius:var(--co-border-radius-full);flex-shrink:0}.co-ref-field__avatar{flex-shrink:0}.co-ref-field__selected-label{color:var(--co-semantic-text-default);font-size:inherit;font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-ref-field__chips-row{flex:1;min-width:0;display:flex;align-items:center;gap:var(--co-spacing-xs)}.co-ref-field__chips{flex:1;min-width:0;display:flex;flex-wrap:nowrap;overflow:hidden;gap:var(--co-spacing-xs);align-items:center}.co-ref-field__chip{display:inline-flex;align-items:center;gap:var(--co-spacing-sm);padding:0 var(--co-spacing-sm2);background:var(--co-color-gray-100);border-radius:var(--co-border-radius-full);line-height:1;max-width:min(160px, 100%);flex-shrink:0}.co-ref-field__chip--avatar{padding-left:var(--co-spacing-xxs)}.co-ref-field__chip--s{min-height:20px;--co-avatar-size:20px;font-size:var(--co-font-size-12)}.co-ref-field__chip--sm{min-height:22px;--co-avatar-size:22px;font-size:var(--co-font-size-12)}.co-ref-field__chip--md{min-height:22px;--co-avatar-size:22px;font-size:var(--co-font-size-14)}.co-ref-field__chip--lg{min-height:28px;--co-avatar-size:28px;font-size:var(--co-font-size-14)}.co-ref-field__chip--clipped{visibility:hidden}.co-ref-field__chip-dot{width:8px;height:8px;min-width:8px;border-radius:var(--co-border-radius-full);flex-shrink:0}.co-ref-field__chip-label{color:var(--co-semantic-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.co-ref-field__chip-remove{display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-color-gray-500);transition:color 0.1s ease;flex-shrink:0}.co-ref-field__chip-remove:hover{color:var(--co-semantic-text-default)}.co-ref-field__chip-overflow{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:var(--co-spacing-xs) var(--co-spacing-sm);background:var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-12);font-weight:600;color:var(--co-semantic-text-secondary);line-height:1}.co-ref-field__panel{display:flex;flex-direction:column;border-radius:var(--co-border-radius-sm, 12px);overflow:hidden}.co-ref-field__panel--dark{--co-semantic-surface-page:#0A0A0A;--co-semantic-surface-primary:#0A0A0A;--co-semantic-surface-hover:rgba(255, 255, 255, 0.08);--co-semantic-surface-muted:rgba(255, 255, 255, 0.12);--co-semantic-text-default:#ffffff;--co-semantic-text-secondary:rgba(255, 255, 255, 0.8);--co-semantic-text-muted:rgba(255, 255, 255, 0.5);--co-semantic-border-subtle:rgba(255, 255, 255, 0.12);--co-semantic-border-default:rgba(255, 255, 255, 0.16);background:#0A0A0A;color:#ffffff}.co-ref-field__panel--light{--co-semantic-surface-page:#ffffff;--co-semantic-surface-primary:#ffffff;--co-semantic-surface-hover:var(--co-color-gray-100, #f5f5f5);--co-semantic-surface-muted:var(--co-color-gray-200, #e5e5e5);--co-semantic-text-default:var(--co-color-gray-700, #1F1C1B);--co-semantic-text-secondary:rgba(0, 0, 0, 0.6);--co-semantic-text-muted:rgba(0, 0, 0, 0.45);--co-semantic-border-subtle:var(--co-color-gray-200, #e5e5e5);--co-semantic-border-default:var(--co-color-gray-300, #d4d4d4);background:#ffffff;color:var(--co-color-gray-700, #1F1C1B)}.co-ref-field__footer{display:flex;gap:var(--co-spacing-sm2);border-top:1px solid var(--co-semantic-border-subtle);padding:var(--co-spacing-sm2)}.co-ref-field__footer-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm2) var(--co-spacing-md);border-radius:var(--co-border-radius-xs);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);font-weight:500;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;cursor:pointer;transition:opacity 0.15s ease;box-sizing:border-box;min-height:32px}.co-ref-field__footer-btn:hover{opacity:0.85}.co-ref-field__footer-btn--secondary{background:transparent;color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-default)}.co-ref-field__footer-btn--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);border:none}.co-ref-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs);font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-muted)}.co-ref-field__helper--error{color:var(--co-semantic-status-error)}.co-ref-field__helper--success{color:var(--co-semantic-status-success)}.co-ref-field__helper--warning{color:var(--co-color-status-review)}:host([layout='horizontal']) .co-ref-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-ref-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-ref-field__label{white-space:normal}:host([layout='horizontal']) .co-ref-field>:not(.co-ref-field__labels){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}";export{a as co_ref_field}
|
|
@@ -1 +1 @@
|
|
|
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}
|
|
1
|
+
import{r as e,c as i,h as t,a as s}from"./p-tT-aZV0-.js";import{R as a}from"./p-7FZXeBK4.js";import{F as o}from"./p-BAA4ln31.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:"45bafe056e1e22295fca85e4117688b3689f6531",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:"74f22995661cc3617ec781c002e9dd0d14be1d08",class:"co-tags-field__labels"},t("label",{key:"90d1e9356d0e2e308b74be32fc508dcfd0d1049c",class:"co-tags-field__label",part:"label"},this.label,t(a,{key:"0cdef38368b8770ccf6f202f947a9b8797a0de2d",required:this.required}))),t("div",{key:"9be586d54135a42590ccd1114aa0024fb0a4cb89",class:"co-tags-field__field-row"},t("div",{key:"61024e618e9140aa6e8ca14dc9b0d26dcf0192ed",class:"co-tags-field__field",part:"field",onClick:this.handleFieldClick},t("div",{key:"bcac0080c15699779e844632f52969ed3b97e669",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:"a72e551df5531ccbc08db60c9f2c87dfd4d4b554",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:"c18186dba9f0f07db60885885734fb924c8deeb5",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:"6831ec45b34a29da992291838bcd21bec82f9bc3",name:"x-circle",size:16,weight:"fill"})))),this.name&&t("input",{key:"ec43dc82ad02fe07a7dde183355c824275d64c7e",type:"hidden",name:this.name,value:JSON.stringify(e)}),s&&t("div",{key:"8d1a219b0536746e0d57a31b9124f203872e9360",class:{"co-tags-field__helper":!0,"co-tags-field__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&t("co-icon",{key:"ceb06b309d8614eefaa81fd92a028e6fb69c8302",name:"warning-circle",size:14,class:"co-tags-field__helper-icon"}),t("span",{key:"96134b037eb376bc20aab31b627b8cf579f76f8f",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 +1 @@
|
|
|
1
|
-
import{r as o,c as
|
|
1
|
+
import{r as o,c as e,h as r,a as c}from"./p-tT-aZV0-.js";import{R as i}from"./p-7FZXeBK4.js";const a=[{name:"Green",value:"#02A270"},{name:"Yellow",value:"#FDBF00"},{name:"Blue",value:"#2563EB"},{name:"Pink",value:"#F32A73"},{name:"Red",value:"#EB1E1E"},{name:"Orange",value:"#F0821E"},{name:"Teal",value:"#00AFAF"},{name:"Light blue",value:"#00BEE6"},{name:"Electric blue",value:"#000AFF"},{name:"Violet",value:"#5F4BD7"},{name:"Burgundy",value:"#811137"},{name:"Olive",value:"#AAB43C"}],t=class{constructor(r){o(this,r),this.coChange=e(this,"coChange",7),this.value="",this.placeholder="Select color",this.disabled=!1,this.required=!1,this.status="default",this.layout="vertical",this.size="md",this.presets="",this.isOpen=!1,this.copied=!1,this.handlePopoverOpen=()=>{this.isOpen=!0},this.handlePopoverClose=()=>{this.isOpen=!1}}get parsedPresets(){if(Array.isArray(this.presets))return this.presets.map((o=>"string"==typeof o?{name:o,value:o}:o));if("string"==typeof this.presets&&this.presets.trim())try{const o=JSON.parse(this.presets);if(Array.isArray(o))return o.map((o=>"string"==typeof o?{name:o,value:o}:o))}catch(o){}return a}handleSwatchClick(o){this.value=o,this.coChange.emit(o),this.isOpen=!1}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning"}[this.status]||null}async handleCopy(){if(this.value)try{await navigator.clipboard.writeText(this.value),this.copied=!0,setTimeout((()=>{this.copied=!1}),1500)}catch(o){}}render(){const o=this.parsedPresets,e=!!this.value;return r("div",{key:"cf82d2fe5d1ca59a0be4edbd98f2f127cbb0666c",class:`co-color-picker co-color-picker--${this.size} ${"default"!==this.status?`co-color-picker--${this.status}`:""} ${this.isOpen?"co-color-picker--open":""} ${this.disabled?"co-color-picker--disabled":""}`},this.label&&r("label",{key:"ad0e372b32b0e7d5294609b7a952e8d4fb633447",class:"co-color-picker__label"},this.label,r(i,{key:"9976b6350be9c69a5db48079cdcc32b597b99e4f",required:this.required})),r("co-popover",{key:"e50a584f035be8e4cb7d18968c16e6dfe5b8fad2",open:this.isOpen,placement:"bottom-start",matchWidth:!0,offset:4,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},r("div",{key:"79bfb8856c30be5bbedf2471651eafabf4c2faa5",slot:"trigger",class:"co-color-picker__trigger"},r("span",{key:"468b9f7f6a63297086f48938155bea1a5a82ec04",class:"co-color-picker__swatch",style:{background:e?this.value:"transparent"}}),r("span",{key:"727966662cfa0c6647d66f0268eca9f77452c46d",class:"co-color-picker__value "+(e?"":"co-color-picker__value--empty")},e?this.value:this.placeholder)),this.isOpen&&r("div",{key:"25df03b58bf3a690e524f53d53a16fe299f019ed",class:"co-color-picker__panel"},r("div",{key:"d102f3c6b266046dc2b8d6d7536d25aa2dffb79c",class:"co-color-picker__grid"},o.map((o=>{var e;return r("button",{type:"button",key:o.value,class:"co-color-picker__grid-item "+(o.value.toUpperCase()===(null===(e=this.value)||void 0===e?void 0:e.toUpperCase())?"co-color-picker__grid-item--selected":""),style:{background:o.value},title:o.name,onClick:()=>this.handleSwatchClick(o.value)})}))),e&&r("div",{key:"4897fc8e3c3d371b23b7ae6c9e5c04c92dfe27df",class:"co-color-picker__hex-row"},r("span",{key:"625828e841d8f8b545ee6119d74e839eca80841e",class:"co-color-picker__hex-prefix"},"#"),r("span",{key:"00f73948a453f2db74103ab1d49013e999d13b1f",class:"co-color-picker__hex-value"},this.value.replace(/^#/,"")),r("button",{key:"c87e69f32065bf05dcad1eaa73cf21d028abf93c",type:"button",class:"co-color-picker__copy-btn "+(this.copied?"co-color-picker__copy-btn--copied":""),title:"Copy",onClick:()=>this.handleCopy()},r("co-icon",{key:"bf8e7abbb52e543bb4335acc577b268cce40c2be",name:this.copied?"check":"copy",size:16}))))),this.helperText&&r("div",{key:"368cf0c7f3877c1a6fd35c992b6543862b1cebc8",class:"co-color-picker__helper"},this.statusIcon&&r("co-icon",{key:"5b9f3568320860fde1d701ef6e5d9b3475903d8c",name:this.statusIcon,size:14,weight:"fill",class:"co-color-picker__helper-icon"}),r("span",{key:"5a480e0edaf010df948e8f73e9befa70f88b0865",class:"co-color-picker__helper-text"},this.helperText)))}get el(){return c(this)}};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-color-picker{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-color-picker--disabled{opacity:0.5;pointer-events:none}.co-color-picker__label{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-secondary);padding:0 var(--co-spacing-xs)}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-color-picker co-popover{display:block;width:100%}.co-color-picker__trigger{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background: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);min-height:40px;box-sizing:border-box;cursor:pointer;transition:border-color 0.15s ease, box-shadow 0.15s ease}.co-color-picker--s .co-color-picker__trigger{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-color-picker--sm .co-color-picker__trigger{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-color-picker--lg .co-color-picker__trigger{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-color-picker--s .co-color-picker__swatch,.co-color-picker--sm .co-color-picker__swatch{width:18px;height:18px}.co-color-picker__trigger:hover{border-color:var(--co-semantic-border-default)}.co-color-picker--open .co-color-picker__trigger{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-focus) 15%, transparent)}.co-color-picker--error .co-color-picker__trigger{border-color:var(--co-color-status-error)}.co-color-picker__swatch{width:24px;height:24px;border-radius:var(--co-border-radius-full);border:1px solid var(--co-semantic-border-subtle);flex-shrink:0}.co-color-picker__value{flex:1;font-size:inherit;font-family:inherit;color:var(--co-semantic-text-default);font-weight:500;text-transform:uppercase}.co-color-picker__value--empty{color:var(--co-semantic-text-muted);font-weight:400}.co-color-picker__panel{padding:var(--co-spacing-md);display:flex;flex-direction:column;gap:var(--co-spacing-md)}.co-color-picker__grid{display:grid;grid-template-columns:repeat(8, 1fr);gap:var(--co-spacing-sm2)}.co-color-picker__grid-item{width:32px;height:32px;border-radius:var(--co-border-radius-xxs);border:2px solid transparent;cursor:pointer;transition:transform 0.1s ease, border-color 0.1s ease;box-sizing:border-box}.co-color-picker__grid-item:hover{transform:scale(1.1)}.co-color-picker__grid-item--selected{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-focus) 25%, transparent)}.co-color-picker__hex-row{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-xs) var(--co-spacing-sm);background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xxs)}.co-color-picker__hex-prefix{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:500}.co-color-picker__hex-value{flex:1;font-size:var(--co-font-size-14);font-family:var(--co-font-family-mono, monospace);color:var(--co-semantic-text-default);text-transform:uppercase;user-select:all}.co-color-picker__copy-btn{display:flex;align-items:center;justify-content:center;padding:var(--co-spacing-xs);border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);border-radius:var(--co-border-radius-xxs);transition:color 0.15s ease, background 0.15s ease}.co-color-picker__copy-btn:hover{color:var(--co-semantic-text-default);background:var(--co-semantic-surface-hover)}.co-color-picker__copy-btn--copied{color:var(--co-color-status-success)}.co-color-picker__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);font-size:var(--co-font-size-14);color:var(--co-semantic-text-muted);padding:0 var(--co-spacing-xs)}.co-color-picker__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-color-picker--error .co-color-picker__helper{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-color-picker{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-color-picker__label{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-color-picker__label{white-space:normal}:host([layout='horizontal']) .co-color-picker>:not(.co-color-picker__label){grid-column:2;min-width:0}@supports not (background: color-mix(in srgb, red, transparent)){.co-color-picker__trigger{background:var(--co-semantic-surface-secondary)}}";export{t as co_color_picker}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as s,a as i}from"./p-tT-aZV0-.js";const a=class{constructor(s){t(this,s),this.coChange=e(this,"coChange",7),this.coClear=e(this,"coClear",7),this.value="",this.label="",this.placeholder="Select range",this.disabled=!1,this.clearable=!0,this.presets=!0,this.helperText="",this.locale="es",this.warned=!1,this.handleApply=t=>{this.value=JSON.stringify(t.detail),this.coChange.emit(t.detail)}}connectedCallback(){this.warned||(this.warned=!0,console.warn("[cobalt] <co-date-range> is deprecated — use <co-date-range-picker>."))}render(){return s("co-date-range-picker",{key:"4982a84de425fdf533128dc3ce3665b51d8c885d",value:this.value,label:this.label,placeholder:this.placeholder,disabled:this.disabled,clearable:this.clearable,presets:this.presets,helperText:this.helperText,locale:this.locale,applyLabel:this.applyLabel,clearLabel:this.clearLabel,onCoApply:this.handleApply,onCoClear:()=>this.coClear.emit()})}get el(){return i(this)}};a.style=":host{display:block}";export{a as co_date_range}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as r}from"./p-
|
|
1
|
+
import{r as o,h as r}from"./p-tT-aZV0-.js";const a=class{constructor(r){o(this,r),this.position="single",this.size="sm"}render(){return r("div",{key:"3b77dcfd8a0d6fccdb5932e2dd316ab1166e13e9",class:{"co-row":!0,[`co-row--${this.position}`]:!0,[`co-row--${this.size}`]:!0},part:"row"},r("div",{key:"0f0112ad8cf977587af1cc756ec822ca5d8c81fc",class:"co-row__prefix"},r("slot",{key:"d6ac18b41dca0597dba80f5d49554471832b6c4f",name:"prefix"})),r("div",{key:"8c1de305f4268cc8d10f6ba1203750bd96061dc3",class:"co-row__content"},r("slot",{key:"fe882bbb96faae81377c4613024a74762f84c113"})),r("div",{key:"0bb2646c6f0d4f52573021b76e3a950ddca11056",class:"co-row__suffix"},r("slot",{key:"3518a826a39d3491a24067a9be3a5284e6a184d4",name:"suffix"})))}};a.style=":host{display:block}.co-row{display:flex;align-items:center;gap:var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-subtle);font-family:var(--co-font-family-primary);box-sizing:border-box}.co-row--sm{padding:var(--co-spacing-sm2) var(--co-spacing-lg);min-height:40px;font-size:var(--co-font-size-14)}.co-row--lg{padding:var(--co-spacing-lg) var(--co-spacing-xl);min-height:76px;font-size:var(--co-font-size-16)}.co-row--single{border-radius:var(--co-border-radius-lg)}.co-row--top{border-radius:var(--co-border-radius-lg) var(--co-border-radius-lg) 0 0;border-bottom:none}.co-row--middle{border-radius:0;border-bottom:none}.co-row--bottom{border-radius:0 0 var(--co-border-radius-lg) var(--co-border-radius-lg)}.co-row__prefix,.co-row__suffix{display:flex;align-items:center;gap:var(--co-spacing-sm);flex-shrink:0;color:var(--co-semantic-text-muted)}.co-row__prefix:empty,.co-row__suffix:empty{display:none}.co-row__content{display:flex;flex-direction:column;flex:1;min-width:0;gap:var(--co-spacing-xs)}.co-row__suffix{margin-left:auto}";export{a as co_row}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,c as o,h as i}from"./p-
|
|
1
|
+
import{r as a,c as o,h as i}from"./p-tT-aZV0-.js";const e=class{constructor(i){a(this,i),this.coPageChange=o(this,"coPageChange",7),this.page=1,this.pageSize=40,this.totalCount=0,this.pageSizes="[10, 20, 40, 50, 100]",this.perPageLabel="Per page",this.recordsLabel="Records",this.jumpToPageLabel="Jump to page",this.previousLabel="Previous",this.nextLabel="Next",this.parsedPageSizes=[10,20,40,50,100],this.jumpToValue="",this.showPageSizeDropdown=!1}parsePageSizes(){try{this.parsedPageSizes="string"==typeof this.pageSizes?JSON.parse(this.pageSizes):this.pageSizes}catch(a){this.parsedPageSizes=[10,20,40,50,100]}}componentWillLoad(){this.parsePageSizes()}get totalPages(){return Math.max(1,Math.ceil(this.totalCount/this.pageSize))}goToPage(a){const o=Math.max(1,Math.min(a,this.totalPages));o!==this.page&&(this.page=o,this.coPageChange.emit({page:this.page,pageSize:this.pageSize}))}changePageSize(a){this.pageSize=a,this.page=1,this.showPageSizeDropdown=!1,this.coPageChange.emit({page:1,pageSize:a})}handleJumpToPage(a){if("Enter"===a.key){const a=parseInt(this.jumpToValue,10);isNaN(a)||(this.goToPage(a),this.jumpToValue="")}}getVisiblePages(){const a=this.totalPages,o=this.page;if(a<=7)return Array.from({length:a},((a,o)=>o+1));const i=[1];o>3&&i.push("...");const e=Math.max(2,o-1),t=Math.min(a-1,o+1);for(let a=e;a<=t;a++)i.push(a);return o<a-2&&i.push("..."),i.push(a),i}render(){const a=this.getVisiblePages();return i("div",{key:"a0634afed71b18005f42921052b2bb41b5710818",class:"co-pagination",part:"pagination"},i("div",{key:"08afef194748764e581c9c0e173af57bd7484e6a",class:"co-pagination__section"},i("span",{key:"8bf238dd11b3c322becb18e07afbe087584ce3e0",class:"co-pagination__label"},this.jumpToPageLabel),i("input",{key:"109f501ce7a1dc4ee2c109d75f7fcbc81aa3bfcc",type:"text",class:"co-pagination__jump-input",value:this.jumpToValue||String(this.page),onInput:a=>{this.jumpToValue=a.target.value},onKeyDown:a=>this.handleJumpToPage(a),onFocus:a=>{a.target.select()},part:"jump-input"})),i("div",{key:"706f537a7165004e18a4cf9f3b172392cbc25657",class:"co-pagination__section co-pagination__section--page-size"},i("div",{key:"15102e983f876658cf56c2aba8d94d29d132fa47",class:"co-pagination__page-size-trigger",onClick:()=>{this.showPageSizeDropdown=!this.showPageSizeDropdown}},i("span",{key:"5eb114f934a1f694c45ae4165d3dc32e120fd7c9",class:"co-pagination__page-size-value"},this.pageSize),i("span",{key:"f767df618ae0f1193dd107d8b8ab66434ab3da92",class:"co-pagination__label"},this.perPageLabel),i("co-icon",{key:"013df9bfa151cbc9c266c10e94e18823edd48050",name:"caret-down",size:14})),this.showPageSizeDropdown&&i("div",{key:"634d6cdb5ceaaf6e0ffee6ee3533d568765d8868",class:"co-pagination__page-size-dropdown",part:"dropdown"},this.parsedPageSizes.map((a=>i("button",{class:{"co-pagination__page-size-option":!0,"co-pagination__page-size-option--active":a===this.pageSize},onClick:()=>this.changePageSize(a)},a))))),i("div",{key:"9cd537ceee590fdf03fb71f1e703c468e88881c5",class:"co-pagination__spacer"}),i("div",{key:"4f958f5ce6d1d5bb77a232d49dcf0375cadd8bff",class:"co-pagination__section"},i("span",{key:"50717cd14f6dd64a47c31d64c6b98064316c5363",class:"co-pagination__count"},this.totalCount.toLocaleString()," ",this.recordsLabel)),i("div",{key:"d133196b3970aed10f5e80fe8edc16576d3ef723",class:"co-pagination__section co-pagination__nav"},i("button",{key:"497d2dec11447e6426810770a38ff09564796336",class:"co-pagination__nav-btn",disabled:this.page<=1,onClick:()=>this.goToPage(this.page-1),part:"prev-btn"},this.previousLabel),a.map((a=>"..."===a?i("span",{class:"co-pagination__ellipsis"},"…"):i("button",{class:{"co-pagination__page-btn":!0,"co-pagination__page-btn--active":a===this.page},onClick:()=>this.goToPage(a)},a))),i("button",{key:"86ef170b109112e82cc2b7e53932a1ce1594e3cf",class:"co-pagination__nav-btn",disabled:this.page>=this.totalPages,onClick:()=>this.goToPage(this.page+1),part:"next-btn"},this.nextLabel)))}static get watchers(){return{pageSizes:[{parsePageSizes:0}]}}};e.style=":host{display:block;font-family:var(--co-font-family-primary)}.co-pagination{display:flex;align-items:center;gap:var(--co-spacing-lg);padding:var(--co-spacing-md) var(--co-spacing-lg);border-top:1px solid var(--co-color-opacity-negro-8);background:var(--co-color-base-blanco);font-size:var(--co-font-size-12);color:var(--co-semantic-text-secondary);letter-spacing:var(--co-font-letter-spacing-body);user-select:none}.co-pagination__section{display:flex;align-items:center;gap:var(--co-spacing-sm);flex-shrink:0}.co-pagination__spacer{flex:1}.co-pagination__label{color:var(--co-semantic-text-secondary);white-space:nowrap}.co-pagination__count{color:var(--co-semantic-text-secondary);white-space:nowrap}.co-pagination__jump-input{width:32px;height:28px;border:1px solid var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-xxs);background:var(--co-color-base-blanco);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);color:var(--co-semantic-text-default);text-align:center;padding:0 var(--co-spacing-xs);outline:none;transition:border-color 0.15s ease}.co-pagination__jump-input:focus{border-color:var(--co-color-primary-azul)}.co-pagination__section--page-size{position:relative}.co-pagination__page-size-trigger{display:flex;align-items:center;gap:var(--co-spacing-xs);cursor:pointer;padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xxs);transition:background-color 0.15s ease}.co-pagination__page-size-trigger:hover{background:var(--co-semantic-surface-hover)}.co-pagination__page-size-value{font-weight:500;color:var(--co-semantic-text-default)}.co-pagination__page-size-dropdown{position:absolute;bottom:calc(100% + 4px);left:0;min-width:72px;background:var(--co-color-base-blanco);border:1px solid var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-xs);box-shadow:0 4px 12px var(--co-color-opacity-negro-8);padding:var(--co-spacing-xs) 0;z-index:10}.co-pagination__page-size-option{display:block;width:100%;padding:var(--co-spacing-sm) var(--co-spacing-md);border:none;background:none;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);color:var(--co-semantic-text-default);text-align:left;cursor:pointer;transition:background-color 0.1s ease}.co-pagination__page-size-option:hover{background:var(--co-semantic-surface-hover)}.co-pagination__page-size-option--active{font-weight:500;color:var(--co-color-primary-azul)}.co-pagination__nav{display:flex;align-items:center;gap:var(--co-spacing-xxs)}.co-pagination__nav-btn{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:var(--co-spacing-xs) var(--co-spacing-sm);border:1px solid var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-xxs);background:var(--co-color-base-blanco);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);color:var(--co-semantic-text-default);cursor:pointer;transition:background-color 0.15s ease;white-space:nowrap}.co-pagination__nav-btn:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-pagination__nav-btn:disabled{opacity:0.4;cursor:not-allowed}.co-pagination__page-btn{min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--co-border-radius-xxs);background:none;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);color:var(--co-semantic-text-secondary);cursor:pointer;transition:background-color 0.1s ease}.co-pagination__page-btn:hover{background:var(--co-semantic-surface-hover)}.co-pagination__page-btn--active{background:var(--co-color-base-negro);color:var(--co-color-base-blanco);font-weight:500}.co-pagination__page-btn--active:hover{background:var(--co-color-base-negro)}.co-pagination__ellipsis{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;color:var(--co-color-gray-400)}";export{e as co_data_table_pagination}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as
|
|
1
|
+
import{r as a,c as o,h as e}from"./p-tT-aZV0-.js";import{a as r}from"./p-Ch1jfwZ2.js";const t=class{constructor(e){a(this,e),this.coClose=o(this,"coClose",7),this.coAfterClose=o(this,"coAfterClose",3),this.coAfterOpen=o(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=a=>{a.stopPropagation()},this.handleTransitionEnd=a=>{if(a.target!==this.modalEl)return;const o=r(a.propertyName,this.open,"transform");"after-open"===o?this.coAfterOpen.emit():"after-close"===o&&this.coAfterClose.emit()}}handleKeydown(a){this.open&&this.closeOnEscape&&"Escape"===a.key&&this.coClose.emit()}render(){return e("co-overlay",{key:"3560ee34e7edb62cd0ae34572bac0afbb5b02a74",open:this.open,onCoClose:this.handleOverlayClick},e("div",{key:"ba68e320e4e0a0881193f1d85f2d5a2ef287e324",class:"co-modal__frame"},e("div",{key:"7d3748b4b0f8fc5a4715bd075d2d9f74e2ada0ed",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:a=>this.modalEl=a,role:"dialog","aria-modal":"true","aria-labelledby":"modal-heading",onClick:this.stopPropagation,onTransitionEnd:this.handleTransitionEnd},e("div",{key:"48239c6af5968213349a4f3516a96ab66d7aa744",class:"co-modal__header",part:"header"},e("div",{key:"c807b66cb3d2a1a5b84ee70677f5d33ceaa83a7c",class:"co-modal__header-text"},e("h2",{key:"7fa46d607d26d0904014ad20209838bd237492f2",class:"co-modal__heading",id:"modal-heading"},this.heading),this.description&&e("p",{key:"7e53e9b13ea2cc8eca07dc17cb240f19ce6eb1a1",class:"co-modal__description"},this.description)),this.closable&&e("button",{key:"3af5d2c54faa331a6017cd19b96aea1f97baef03",class:"co-modal__close",type:"button","aria-label":"Close",onClick:this.handleCloseClick},e("co-icon",{key:"d8f58ed52f686df6663515d38fa98d30a45392ee",name:"x",size:20}))),!this.noDividers&&e("div",{key:"d69ffa8c7726633b744b014b3f7744822ffa6448",class:"co-modal__body",part:"body"},e("slot",{key:"5d3faeee4f96f314a8045c0482f88da2f7f328c3"})),e("div",{key:"5ff15a6387c186e2425ca08dc4b9085588f83f61",class:"co-modal__footer",part:"footer"},e("slot",{key:"5742d36c7a46f3b4b535d9224f747bbca0d82305",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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as a,h as o,a as i}from"./p-Es9IUmmt.js";import{R as n}from"./p-BUgUTjOB.js";import{r as d,h as s}from"./p-CQY6Ul7q.js";const l=[{iso2:"AF",dialCode:"+93",name:"Afghanistan"},{iso2:"AL",dialCode:"+355",name:"Albania"},{iso2:"DZ",dialCode:"+213",name:"Algeria"},{iso2:"AD",dialCode:"+376",name:"Andorra"},{iso2:"AO",dialCode:"+244",name:"Angola"},{iso2:"AG",dialCode:"+1268",name:"Antigua and Barbuda"},{iso2:"AR",dialCode:"+54",name:"Argentina"},{iso2:"AM",dialCode:"+374",name:"Armenia"},{iso2:"AU",dialCode:"+61",name:"Australia"},{iso2:"AT",dialCode:"+43",name:"Austria"},{iso2:"AZ",dialCode:"+994",name:"Azerbaijan"},{iso2:"BS",dialCode:"+1242",name:"Bahamas"},{iso2:"BH",dialCode:"+973",name:"Bahrain"},{iso2:"BD",dialCode:"+880",name:"Bangladesh"},{iso2:"BB",dialCode:"+1246",name:"Barbados"},{iso2:"BY",dialCode:"+375",name:"Belarus"},{iso2:"BE",dialCode:"+32",name:"Belgium"},{iso2:"BZ",dialCode:"+501",name:"Belize"},{iso2:"BJ",dialCode:"+229",name:"Benin"},{iso2:"BT",dialCode:"+975",name:"Bhutan"},{iso2:"BO",dialCode:"+591",name:"Bolivia"},{iso2:"BA",dialCode:"+387",name:"Bosnia and Herzegovina"},{iso2:"BW",dialCode:"+267",name:"Botswana"},{iso2:"BR",dialCode:"+55",name:"Brazil"},{iso2:"BN",dialCode:"+673",name:"Brunei"},{iso2:"BG",dialCode:"+359",name:"Bulgaria"},{iso2:"BF",dialCode:"+226",name:"Burkina Faso"},{iso2:"BI",dialCode:"+257",name:"Burundi"},{iso2:"KH",dialCode:"+855",name:"Cambodia"},{iso2:"CM",dialCode:"+237",name:"Cameroon"},{iso2:"CA",dialCode:"+1",name:"Canada"},{iso2:"CV",dialCode:"+238",name:"Cape Verde"},{iso2:"CF",dialCode:"+236",name:"Central African Republic"},{iso2:"TD",dialCode:"+235",name:"Chad"},{iso2:"CL",dialCode:"+56",name:"Chile"},{iso2:"CN",dialCode:"+86",name:"China"},{iso2:"CO",dialCode:"+57",name:"Colombia"},{iso2:"KM",dialCode:"+269",name:"Comoros"},{iso2:"CD",dialCode:"+243",name:"Congo (DRC)"},{iso2:"CG",dialCode:"+242",name:"Congo (Republic)"},{iso2:"CR",dialCode:"+506",name:"Costa Rica"},{iso2:"CI",dialCode:"+225",name:"Côte d'Ivoire"},{iso2:"HR",dialCode:"+385",name:"Croatia"},{iso2:"CU",dialCode:"+53",name:"Cuba"},{iso2:"CY",dialCode:"+357",name:"Cyprus"},{iso2:"CZ",dialCode:"+420",name:"Czech Republic"},{iso2:"DK",dialCode:"+45",name:"Denmark"},{iso2:"DJ",dialCode:"+253",name:"Djibouti"},{iso2:"DM",dialCode:"+1767",name:"Dominica"},{iso2:"DO",dialCode:"+1809",name:"Dominican Republic"},{iso2:"EC",dialCode:"+593",name:"Ecuador"},{iso2:"EG",dialCode:"+20",name:"Egypt"},{iso2:"SV",dialCode:"+503",name:"El Salvador"},{iso2:"GQ",dialCode:"+240",name:"Equatorial Guinea"},{iso2:"ER",dialCode:"+291",name:"Eritrea"},{iso2:"EE",dialCode:"+372",name:"Estonia"},{iso2:"SZ",dialCode:"+268",name:"Eswatini"},{iso2:"ET",dialCode:"+251",name:"Ethiopia"},{iso2:"FJ",dialCode:"+679",name:"Fiji"},{iso2:"FI",dialCode:"+358",name:"Finland"},{iso2:"FR",dialCode:"+33",name:"France"},{iso2:"GA",dialCode:"+241",name:"Gabon"},{iso2:"GM",dialCode:"+220",name:"Gambia"},{iso2:"GE",dialCode:"+995",name:"Georgia"},{iso2:"DE",dialCode:"+49",name:"Germany"},{iso2:"GH",dialCode:"+233",name:"Ghana"},{iso2:"GR",dialCode:"+30",name:"Greece"},{iso2:"GD",dialCode:"+1473",name:"Grenada"},{iso2:"GT",dialCode:"+502",name:"Guatemala"},{iso2:"GN",dialCode:"+224",name:"Guinea"},{iso2:"GW",dialCode:"+245",name:"Guinea-Bissau"},{iso2:"GY",dialCode:"+592",name:"Guyana"},{iso2:"HT",dialCode:"+509",name:"Haiti"},{iso2:"HN",dialCode:"+504",name:"Honduras"},{iso2:"HU",dialCode:"+36",name:"Hungary"},{iso2:"IS",dialCode:"+354",name:"Iceland"},{iso2:"IN",dialCode:"+91",name:"India"},{iso2:"ID",dialCode:"+62",name:"Indonesia"},{iso2:"IR",dialCode:"+98",name:"Iran"},{iso2:"IQ",dialCode:"+964",name:"Iraq"},{iso2:"IE",dialCode:"+353",name:"Ireland"},{iso2:"IL",dialCode:"+972",name:"Israel"},{iso2:"IT",dialCode:"+39",name:"Italy"},{iso2:"JM",dialCode:"+1876",name:"Jamaica"},{iso2:"JP",dialCode:"+81",name:"Japan"},{iso2:"JO",dialCode:"+962",name:"Jordan"},{iso2:"KZ",dialCode:"+7",name:"Kazakhstan"},{iso2:"KE",dialCode:"+254",name:"Kenya"},{iso2:"KI",dialCode:"+686",name:"Kiribati"},{iso2:"KW",dialCode:"+965",name:"Kuwait"},{iso2:"KG",dialCode:"+996",name:"Kyrgyzstan"},{iso2:"LA",dialCode:"+856",name:"Laos"},{iso2:"LV",dialCode:"+371",name:"Latvia"},{iso2:"LB",dialCode:"+961",name:"Lebanon"},{iso2:"LS",dialCode:"+266",name:"Lesotho"},{iso2:"LR",dialCode:"+231",name:"Liberia"},{iso2:"LY",dialCode:"+218",name:"Libya"},{iso2:"LI",dialCode:"+423",name:"Liechtenstein"},{iso2:"LT",dialCode:"+370",name:"Lithuania"},{iso2:"LU",dialCode:"+352",name:"Luxembourg"},{iso2:"MG",dialCode:"+261",name:"Madagascar"},{iso2:"MW",dialCode:"+265",name:"Malawi"},{iso2:"MY",dialCode:"+60",name:"Malaysia"},{iso2:"MV",dialCode:"+960",name:"Maldives"},{iso2:"ML",dialCode:"+223",name:"Mali"},{iso2:"MT",dialCode:"+356",name:"Malta"},{iso2:"MH",dialCode:"+692",name:"Marshall Islands"},{iso2:"MR",dialCode:"+222",name:"Mauritania"},{iso2:"MU",dialCode:"+230",name:"Mauritius"},{iso2:"MX",dialCode:"+52",name:"Mexico"},{iso2:"FM",dialCode:"+691",name:"Micronesia"},{iso2:"MD",dialCode:"+373",name:"Moldova"},{iso2:"MC",dialCode:"+377",name:"Monaco"},{iso2:"MN",dialCode:"+976",name:"Mongolia"},{iso2:"ME",dialCode:"+382",name:"Montenegro"},{iso2:"MA",dialCode:"+212",name:"Morocco"},{iso2:"MZ",dialCode:"+258",name:"Mozambique"},{iso2:"MM",dialCode:"+95",name:"Myanmar"},{iso2:"NA",dialCode:"+264",name:"Namibia"},{iso2:"NR",dialCode:"+674",name:"Nauru"},{iso2:"NP",dialCode:"+977",name:"Nepal"},{iso2:"NL",dialCode:"+31",name:"Netherlands"},{iso2:"NZ",dialCode:"+64",name:"New Zealand"},{iso2:"NI",dialCode:"+505",name:"Nicaragua"},{iso2:"NE",dialCode:"+227",name:"Niger"},{iso2:"NG",dialCode:"+234",name:"Nigeria"},{iso2:"KP",dialCode:"+850",name:"North Korea"},{iso2:"MK",dialCode:"+389",name:"North Macedonia"},{iso2:"NO",dialCode:"+47",name:"Norway"},{iso2:"OM",dialCode:"+968",name:"Oman"},{iso2:"PK",dialCode:"+92",name:"Pakistan"},{iso2:"PW",dialCode:"+680",name:"Palau"},{iso2:"PS",dialCode:"+970",name:"Palestine"},{iso2:"PA",dialCode:"+507",name:"Panama"},{iso2:"PG",dialCode:"+675",name:"Papua New Guinea"},{iso2:"PY",dialCode:"+595",name:"Paraguay"},{iso2:"PE",dialCode:"+51",name:"Peru"},{iso2:"PH",dialCode:"+63",name:"Philippines"},{iso2:"PL",dialCode:"+48",name:"Poland"},{iso2:"PT",dialCode:"+351",name:"Portugal"},{iso2:"QA",dialCode:"+974",name:"Qatar"},{iso2:"RO",dialCode:"+40",name:"Romania"},{iso2:"RU",dialCode:"+7",name:"Russia"},{iso2:"RW",dialCode:"+250",name:"Rwanda"},{iso2:"KN",dialCode:"+1869",name:"Saint Kitts and Nevis"},{iso2:"LC",dialCode:"+1758",name:"Saint Lucia"},{iso2:"VC",dialCode:"+1784",name:"Saint Vincent and the Grenadines"},{iso2:"WS",dialCode:"+685",name:"Samoa"},{iso2:"SM",dialCode:"+378",name:"San Marino"},{iso2:"ST",dialCode:"+239",name:"São Tomé and Príncipe"},{iso2:"SA",dialCode:"+966",name:"Saudi Arabia"},{iso2:"SN",dialCode:"+221",name:"Senegal"},{iso2:"RS",dialCode:"+381",name:"Serbia"},{iso2:"SC",dialCode:"+248",name:"Seychelles"},{iso2:"SL",dialCode:"+232",name:"Sierra Leone"},{iso2:"SG",dialCode:"+65",name:"Singapore"},{iso2:"SK",dialCode:"+421",name:"Slovakia"},{iso2:"SI",dialCode:"+386",name:"Slovenia"},{iso2:"SB",dialCode:"+677",name:"Solomon Islands"},{iso2:"SO",dialCode:"+252",name:"Somalia"},{iso2:"ZA",dialCode:"+27",name:"South Africa"},{iso2:"KR",dialCode:"+82",name:"South Korea"},{iso2:"SS",dialCode:"+211",name:"South Sudan"},{iso2:"ES",dialCode:"+34",name:"Spain"},{iso2:"LK",dialCode:"+94",name:"Sri Lanka"},{iso2:"SD",dialCode:"+249",name:"Sudan"},{iso2:"SR",dialCode:"+597",name:"Suriname"},{iso2:"SE",dialCode:"+46",name:"Sweden"},{iso2:"CH",dialCode:"+41",name:"Switzerland"},{iso2:"SY",dialCode:"+963",name:"Syria"},{iso2:"TW",dialCode:"+886",name:"Taiwan"},{iso2:"TJ",dialCode:"+992",name:"Tajikistan"},{iso2:"TZ",dialCode:"+255",name:"Tanzania"},{iso2:"TH",dialCode:"+66",name:"Thailand"},{iso2:"TL",dialCode:"+670",name:"Timor-Leste"},{iso2:"TG",dialCode:"+228",name:"Togo"},{iso2:"TO",dialCode:"+676",name:"Tonga"},{iso2:"TT",dialCode:"+1868",name:"Trinidad and Tobago"},{iso2:"TN",dialCode:"+216",name:"Tunisia"},{iso2:"TR",dialCode:"+90",name:"Turkey"},{iso2:"TM",dialCode:"+993",name:"Turkmenistan"},{iso2:"TV",dialCode:"+688",name:"Tuvalu"},{iso2:"UG",dialCode:"+256",name:"Uganda"},{iso2:"UA",dialCode:"+380",name:"Ukraine"},{iso2:"AE",dialCode:"+971",name:"United Arab Emirates"},{iso2:"GB",dialCode:"+44",name:"United Kingdom"},{iso2:"US",dialCode:"+1",name:"United States"},{iso2:"UY",dialCode:"+598",name:"Uruguay"},{iso2:"UZ",dialCode:"+998",name:"Uzbekistan"},{iso2:"VU",dialCode:"+678",name:"Vanuatu"},{iso2:"VA",dialCode:"+379",name:"Vatican City"},{iso2:"VE",dialCode:"+58",name:"Venezuela"},{iso2:"VN",dialCode:"+84",name:"Vietnam"},{iso2:"YE",dialCode:"+967",name:"Yemen"},{iso2:"ZM",dialCode:"+260",name:"Zambia"},{iso2:"ZW",dialCode:"+263",name:"Zimbabwe"}],t=Object.fromEntries(l.map((e=>[e.iso2,e]))),r=class{constructor(o){e(this,o),this.coChange=a(this,"coChange",7),this.placeholder="",this.value="",this.disabled=!1,this.required=!1,this.status="default",this.layout="vertical",this.size="md",this.defaultCountry="",this.selectedIso2="",this.numberPart="",this.isOpen=!1,this.searchQuery="",this.handleOutsideClick=e=>{if(!this.isOpen)return;const a=e.composedPath(),o=this.host.shadowRoot;if(!o)return;const i=o.querySelector(".co-phone-field__dropdown"),n=o.querySelector(".co-phone-field__selector");i&&a.includes(i)||n&&a.includes(n)||(this.isOpen=!1,this.searchQuery="")}}get selectedEntry(){var e;return this.selectedIso2&&null!==(e=t[this.selectedIso2])&&void 0!==e?e:null}get filteredCountries(){return this.searchQuery.trim()?d(l,this.searchQuery,(e=>[e.name,e.dialCode,e.iso2])):l}renderName(e){const a=this.searchQuery.trim()?s(e,this.searchQuery):null;return a?[a.pre,o("span",{class:"co-phone-field__match"},a.match),a.post]:e}onValueChange(e){if(!e)return void(this.numberPart="");const a=this.findDialCodeInValue(e);a?(this.selectedIso2=a.iso2,this.numberPart=e.slice(a.dialCode.length).trim()):this.numberPart=e}onDefaultCountryChange(e){t[e]&&!this.value&&(this.selectedIso2=e)}componentWillLoad(){this.defaultCountry&&t[this.defaultCountry]&&(this.selectedIso2=this.defaultCountry),this.value&&this.onValueChange(this.value)}get hasCountry(){return!!this.selectedIso2&&!!this.selectedEntry}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}findDialCodeInValue(e){if(!e.startsWith("+"))return null;for(let a=5;a>=1;a--){const o=e.slice(0,a+1),i=l.find((e=>e.dialCode===o));if(i)return i}return null}emitValue(){var e,a;const o=null!==(a=null===(e=this.selectedEntry)||void 0===e?void 0:e.dialCode)&&void 0!==a?a:"",i=this.numberPart?`${o}${this.numberPart}`:"";this.value=i,this.coChange.emit(i)}handleCountrySelect(e){this.selectedIso2=e.iso2,this.isOpen=!1,this.searchQuery="",this.emitValue()}handleNumberInput(e){this.numberPart=e.target.value,this.emitValue()}handleToggleDropdown(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen||(this.searchQuery=""))}handleSearchInput(e){this.searchQuery=e.target.value}connectedCallback(){document.addEventListener("click",this.handleOutsideClick,!0)}disconnectedCallback(){document.removeEventListener("click",this.handleOutsideClick,!0)}render(){const e=this.selectedEntry;return o("div",{key:"a716785bef2a754a09c502f13fcae90f7a8cb00e",class:`co-phone-field co-phone-field--${this.size} ${"default"!==this.status?`co-phone-field--${this.status}`:""} ${this.disabled?"co-phone-field--disabled":""}`},this.label&&o("label",{key:"ec550e1d699292885133c96effcb791541f649aa",class:"co-phone-field__label"},this.label,o(n,{key:"61c864be67e0283a00db014b1cd2bb734c249a2d",required:this.required})),o("div",{key:"e019c16551cc205bf27e03cc7a4f91fb95ec07e7",class:"co-phone-field__container"},o("button",{key:"58a0958e3e3240bcd68edcde4d2dc1de72ecaf33",type:"button",class:"co-phone-field__selector",disabled:this.disabled,onClick:()=>this.handleToggleDropdown(),"aria-expanded":String(this.isOpen),"aria-haspopup":"listbox"},e?o("img",{class:"co-phone-field__flag",src:`https://flagcdn.com/w40/${e.iso2.toLowerCase()}.png`,alt:e.iso2}):o("co-icon",{name:"phone",size:16}),o("span",{key:"ee75fbf56e703a88b6026244588d2da0f4ed1478",class:"co-phone-field__dial-code"},e?e.dialCode:""),o("span",{key:"05b173aded9b5fd4cf2173c453c70d94ddb8dd00",class:"co-phone-field__chevron"},o("co-icon",{key:"d7a543b4bedd61d7e6fdf88ae56cbf350fea31be",name:"caret-down",size:14}))),o("input",{key:"31e21dbce76c374dc8dd0c80919b7af0d8641375",class:"co-phone-field__input",type:"tel",placeholder:this.placeholder,value:this.numberPart,disabled:this.disabled,onInput:e=>this.handleNumberInput(e)})),this.isOpen&&o("div",{key:"8b5689485bba266776b988564a2b14602a80d9d4",class:"co-phone-field__dropdown",role:"listbox"},o("div",{key:"f4453a595520c177e5f1ef184737c3b25bf84939",class:"co-phone-field__search"},o("input",{key:"5f85ac03bbd7dff3f8d9130ab1f0a4c23b5d327d",class:"co-phone-field__search-input",type:"text",placeholder:"Search country...",value:this.searchQuery,onInput:e=>this.handleSearchInput(e),autoFocus:!0})),o("div",{key:"97051407520f0ba0514c746064e813b033ae1594",class:"co-phone-field__options"},this.filteredCountries.map((e=>o("button",{type:"button",key:e.iso2,class:"co-phone-field__option "+(e.iso2===this.selectedIso2?"co-phone-field__option--selected":""),role:"option","aria-selected":e.iso2===this.selectedIso2?"true":"false",onClick:()=>this.handleCountrySelect(e)},o("img",{class:"co-phone-field__option-flag",src:`https://flagcdn.com/w40/${e.iso2.toLowerCase()}.png`,alt:e.iso2}),o("span",{class:"co-phone-field__option-name"},this.renderName(e.name)),o("span",{class:"co-phone-field__option-code"},e.dialCode)))))),this.helperText&&o("div",{key:"6d19085b7a08978c42f05713de48c1bdf0b19dba",class:"co-phone-field__helper"},this.statusIcon&&o("co-icon",{key:"612cf27d01f0afda0fa75d58206114160dd61bcb",name:this.statusIcon,size:14,weight:"fill",class:"co-phone-field__helper-icon"}),o("span",{key:"910b4584c3a2df48e30d11894bba7fd8fbb7e03c",class:"co-phone-field__helper-text"},this.helperText)))}get host(){return i(this)}static get watchers(){return{value:[{onValueChange:0}],defaultCountry:[{onDefaultCountryChange: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;position:relative}.co-phone-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2);position:relative;font-family:var(--co-font-family-primary)}.co-phone-field--disabled{opacity:0.5;pointer-events:none}.co-phone-field__label{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-secondary);padding:0 var(--co-spacing-xs)}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-phone-field__container{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) 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}.co-phone-field--s .co-phone-field__container{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-phone-field--sm .co-phone-field__container{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-phone-field--lg .co-phone-field__container{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-phone-field--error .co-phone-field__container{border-color:var(--co-color-status-error)}.co-phone-field__container:focus-within{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-focus) 15%, transparent)}.co-phone-field__selector{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0;background:none;border:none;border-right:1px solid var(--co-semantic-border-subtle);padding-right:var(--co-spacing-sm);margin-right:var(--co-spacing-sm);cursor:pointer;font-size:inherit;font-family:inherit;color:var(--co-semantic-text-default);white-space:nowrap}.co-phone-field__selector:hover{opacity:0.8}.co-phone-field__flag{width:20px;height:15px;border-radius:2px;object-fit:cover}.co-phone-field__dial-code{font-size:inherit;color:var(--co-semantic-text-secondary);font-weight:500}.co-phone-field__chevron{display:flex;align-items:center;color:var(--co-semantic-text-muted)}.co-phone-field__input{flex:1;min-width:0;padding:0;border:none;outline:none;font-size:inherit;font-family:inherit;font-weight:400;letter-spacing:inherit;color:var(--co-semantic-text-default);background:transparent;line-height:1}.co-phone-field__input::placeholder{color:var(--co-semantic-text-muted)}.co-phone-field__dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:var(--co-spacing-xs);background:var(--co-semantic-surface-page, #fff);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);max-height:280px;display:flex;flex-direction:column;overflow:hidden}.co-phone-field__search{padding:var(--co-spacing-sm);border-bottom:1px solid var(--co-semantic-border-subtle)}.co-phone-field__search-input{width:100%;padding:var(--co-spacing-xs) var(--co-spacing-sm);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xxs);font-size:var(--co-font-size-14);font-family:var(--co-font-family-primary);outline:none;background:var(--co-semantic-surface-secondary);color:var(--co-semantic-text-default);box-sizing:border-box}.co-phone-field__search-input:focus{border-color:var(--co-semantic-border-focus)}.co-phone-field__options{overflow-y:auto;flex:1}.co-phone-field__option{display:flex;align-items:center;gap:var(--co-spacing-sm);width:100%;padding:var(--co-spacing-sm) var(--co-spacing-md);border:none;background:none;cursor:pointer;font-size:var(--co-font-size-14);font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);text-align:left}.co-phone-field__option:hover{background:var(--co-semantic-surface-hover)}.co-phone-field__option--selected{background:color-mix(in srgb, var(--co-semantic-border-focus) 8%, transparent);font-weight:500}.co-phone-field__option-flag{width:20px;height:15px;border-radius:2px;object-fit:cover;flex-shrink:0}.co-phone-field__match{font-weight:700}.co-phone-field__option-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-phone-field__option-code{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);white-space:nowrap}.co-phone-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs);font-size:var(--co-font-size-14);color:var(--co-semantic-text-muted)}.co-phone-field__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-phone-field--error .co-phone-field__helper{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-phone-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-phone-field__label{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-phone-field__label{white-space:normal}:host([layout='horizontal']) .co-phone-field>:not(.co-phone-field__label){grid-column:2;min-width:0}@supports not (background: color-mix(in srgb, red, transparent)){.co-phone-field__container{background:var(--co-semantic-surface-secondary)}}";export{r as co_phone_field}
|
|
1
|
+
import{r as e,c as a,h as o,a as i}from"./p-tT-aZV0-.js";import{R as n}from"./p-7FZXeBK4.js";import{r as d,h as s}from"./p-CQY6Ul7q.js";const l=[{iso2:"AF",dialCode:"+93",name:"Afghanistan"},{iso2:"AL",dialCode:"+355",name:"Albania"},{iso2:"DZ",dialCode:"+213",name:"Algeria"},{iso2:"AD",dialCode:"+376",name:"Andorra"},{iso2:"AO",dialCode:"+244",name:"Angola"},{iso2:"AG",dialCode:"+1268",name:"Antigua and Barbuda"},{iso2:"AR",dialCode:"+54",name:"Argentina"},{iso2:"AM",dialCode:"+374",name:"Armenia"},{iso2:"AU",dialCode:"+61",name:"Australia"},{iso2:"AT",dialCode:"+43",name:"Austria"},{iso2:"AZ",dialCode:"+994",name:"Azerbaijan"},{iso2:"BS",dialCode:"+1242",name:"Bahamas"},{iso2:"BH",dialCode:"+973",name:"Bahrain"},{iso2:"BD",dialCode:"+880",name:"Bangladesh"},{iso2:"BB",dialCode:"+1246",name:"Barbados"},{iso2:"BY",dialCode:"+375",name:"Belarus"},{iso2:"BE",dialCode:"+32",name:"Belgium"},{iso2:"BZ",dialCode:"+501",name:"Belize"},{iso2:"BJ",dialCode:"+229",name:"Benin"},{iso2:"BT",dialCode:"+975",name:"Bhutan"},{iso2:"BO",dialCode:"+591",name:"Bolivia"},{iso2:"BA",dialCode:"+387",name:"Bosnia and Herzegovina"},{iso2:"BW",dialCode:"+267",name:"Botswana"},{iso2:"BR",dialCode:"+55",name:"Brazil"},{iso2:"BN",dialCode:"+673",name:"Brunei"},{iso2:"BG",dialCode:"+359",name:"Bulgaria"},{iso2:"BF",dialCode:"+226",name:"Burkina Faso"},{iso2:"BI",dialCode:"+257",name:"Burundi"},{iso2:"KH",dialCode:"+855",name:"Cambodia"},{iso2:"CM",dialCode:"+237",name:"Cameroon"},{iso2:"CA",dialCode:"+1",name:"Canada"},{iso2:"CV",dialCode:"+238",name:"Cape Verde"},{iso2:"CF",dialCode:"+236",name:"Central African Republic"},{iso2:"TD",dialCode:"+235",name:"Chad"},{iso2:"CL",dialCode:"+56",name:"Chile"},{iso2:"CN",dialCode:"+86",name:"China"},{iso2:"CO",dialCode:"+57",name:"Colombia"},{iso2:"KM",dialCode:"+269",name:"Comoros"},{iso2:"CD",dialCode:"+243",name:"Congo (DRC)"},{iso2:"CG",dialCode:"+242",name:"Congo (Republic)"},{iso2:"CR",dialCode:"+506",name:"Costa Rica"},{iso2:"CI",dialCode:"+225",name:"Côte d'Ivoire"},{iso2:"HR",dialCode:"+385",name:"Croatia"},{iso2:"CU",dialCode:"+53",name:"Cuba"},{iso2:"CY",dialCode:"+357",name:"Cyprus"},{iso2:"CZ",dialCode:"+420",name:"Czech Republic"},{iso2:"DK",dialCode:"+45",name:"Denmark"},{iso2:"DJ",dialCode:"+253",name:"Djibouti"},{iso2:"DM",dialCode:"+1767",name:"Dominica"},{iso2:"DO",dialCode:"+1809",name:"Dominican Republic"},{iso2:"EC",dialCode:"+593",name:"Ecuador"},{iso2:"EG",dialCode:"+20",name:"Egypt"},{iso2:"SV",dialCode:"+503",name:"El Salvador"},{iso2:"GQ",dialCode:"+240",name:"Equatorial Guinea"},{iso2:"ER",dialCode:"+291",name:"Eritrea"},{iso2:"EE",dialCode:"+372",name:"Estonia"},{iso2:"SZ",dialCode:"+268",name:"Eswatini"},{iso2:"ET",dialCode:"+251",name:"Ethiopia"},{iso2:"FJ",dialCode:"+679",name:"Fiji"},{iso2:"FI",dialCode:"+358",name:"Finland"},{iso2:"FR",dialCode:"+33",name:"France"},{iso2:"GA",dialCode:"+241",name:"Gabon"},{iso2:"GM",dialCode:"+220",name:"Gambia"},{iso2:"GE",dialCode:"+995",name:"Georgia"},{iso2:"DE",dialCode:"+49",name:"Germany"},{iso2:"GH",dialCode:"+233",name:"Ghana"},{iso2:"GR",dialCode:"+30",name:"Greece"},{iso2:"GD",dialCode:"+1473",name:"Grenada"},{iso2:"GT",dialCode:"+502",name:"Guatemala"},{iso2:"GN",dialCode:"+224",name:"Guinea"},{iso2:"GW",dialCode:"+245",name:"Guinea-Bissau"},{iso2:"GY",dialCode:"+592",name:"Guyana"},{iso2:"HT",dialCode:"+509",name:"Haiti"},{iso2:"HN",dialCode:"+504",name:"Honduras"},{iso2:"HU",dialCode:"+36",name:"Hungary"},{iso2:"IS",dialCode:"+354",name:"Iceland"},{iso2:"IN",dialCode:"+91",name:"India"},{iso2:"ID",dialCode:"+62",name:"Indonesia"},{iso2:"IR",dialCode:"+98",name:"Iran"},{iso2:"IQ",dialCode:"+964",name:"Iraq"},{iso2:"IE",dialCode:"+353",name:"Ireland"},{iso2:"IL",dialCode:"+972",name:"Israel"},{iso2:"IT",dialCode:"+39",name:"Italy"},{iso2:"JM",dialCode:"+1876",name:"Jamaica"},{iso2:"JP",dialCode:"+81",name:"Japan"},{iso2:"JO",dialCode:"+962",name:"Jordan"},{iso2:"KZ",dialCode:"+7",name:"Kazakhstan"},{iso2:"KE",dialCode:"+254",name:"Kenya"},{iso2:"KI",dialCode:"+686",name:"Kiribati"},{iso2:"KW",dialCode:"+965",name:"Kuwait"},{iso2:"KG",dialCode:"+996",name:"Kyrgyzstan"},{iso2:"LA",dialCode:"+856",name:"Laos"},{iso2:"LV",dialCode:"+371",name:"Latvia"},{iso2:"LB",dialCode:"+961",name:"Lebanon"},{iso2:"LS",dialCode:"+266",name:"Lesotho"},{iso2:"LR",dialCode:"+231",name:"Liberia"},{iso2:"LY",dialCode:"+218",name:"Libya"},{iso2:"LI",dialCode:"+423",name:"Liechtenstein"},{iso2:"LT",dialCode:"+370",name:"Lithuania"},{iso2:"LU",dialCode:"+352",name:"Luxembourg"},{iso2:"MG",dialCode:"+261",name:"Madagascar"},{iso2:"MW",dialCode:"+265",name:"Malawi"},{iso2:"MY",dialCode:"+60",name:"Malaysia"},{iso2:"MV",dialCode:"+960",name:"Maldives"},{iso2:"ML",dialCode:"+223",name:"Mali"},{iso2:"MT",dialCode:"+356",name:"Malta"},{iso2:"MH",dialCode:"+692",name:"Marshall Islands"},{iso2:"MR",dialCode:"+222",name:"Mauritania"},{iso2:"MU",dialCode:"+230",name:"Mauritius"},{iso2:"MX",dialCode:"+52",name:"Mexico"},{iso2:"FM",dialCode:"+691",name:"Micronesia"},{iso2:"MD",dialCode:"+373",name:"Moldova"},{iso2:"MC",dialCode:"+377",name:"Monaco"},{iso2:"MN",dialCode:"+976",name:"Mongolia"},{iso2:"ME",dialCode:"+382",name:"Montenegro"},{iso2:"MA",dialCode:"+212",name:"Morocco"},{iso2:"MZ",dialCode:"+258",name:"Mozambique"},{iso2:"MM",dialCode:"+95",name:"Myanmar"},{iso2:"NA",dialCode:"+264",name:"Namibia"},{iso2:"NR",dialCode:"+674",name:"Nauru"},{iso2:"NP",dialCode:"+977",name:"Nepal"},{iso2:"NL",dialCode:"+31",name:"Netherlands"},{iso2:"NZ",dialCode:"+64",name:"New Zealand"},{iso2:"NI",dialCode:"+505",name:"Nicaragua"},{iso2:"NE",dialCode:"+227",name:"Niger"},{iso2:"NG",dialCode:"+234",name:"Nigeria"},{iso2:"KP",dialCode:"+850",name:"North Korea"},{iso2:"MK",dialCode:"+389",name:"North Macedonia"},{iso2:"NO",dialCode:"+47",name:"Norway"},{iso2:"OM",dialCode:"+968",name:"Oman"},{iso2:"PK",dialCode:"+92",name:"Pakistan"},{iso2:"PW",dialCode:"+680",name:"Palau"},{iso2:"PS",dialCode:"+970",name:"Palestine"},{iso2:"PA",dialCode:"+507",name:"Panama"},{iso2:"PG",dialCode:"+675",name:"Papua New Guinea"},{iso2:"PY",dialCode:"+595",name:"Paraguay"},{iso2:"PE",dialCode:"+51",name:"Peru"},{iso2:"PH",dialCode:"+63",name:"Philippines"},{iso2:"PL",dialCode:"+48",name:"Poland"},{iso2:"PT",dialCode:"+351",name:"Portugal"},{iso2:"QA",dialCode:"+974",name:"Qatar"},{iso2:"RO",dialCode:"+40",name:"Romania"},{iso2:"RU",dialCode:"+7",name:"Russia"},{iso2:"RW",dialCode:"+250",name:"Rwanda"},{iso2:"KN",dialCode:"+1869",name:"Saint Kitts and Nevis"},{iso2:"LC",dialCode:"+1758",name:"Saint Lucia"},{iso2:"VC",dialCode:"+1784",name:"Saint Vincent and the Grenadines"},{iso2:"WS",dialCode:"+685",name:"Samoa"},{iso2:"SM",dialCode:"+378",name:"San Marino"},{iso2:"ST",dialCode:"+239",name:"São Tomé and Príncipe"},{iso2:"SA",dialCode:"+966",name:"Saudi Arabia"},{iso2:"SN",dialCode:"+221",name:"Senegal"},{iso2:"RS",dialCode:"+381",name:"Serbia"},{iso2:"SC",dialCode:"+248",name:"Seychelles"},{iso2:"SL",dialCode:"+232",name:"Sierra Leone"},{iso2:"SG",dialCode:"+65",name:"Singapore"},{iso2:"SK",dialCode:"+421",name:"Slovakia"},{iso2:"SI",dialCode:"+386",name:"Slovenia"},{iso2:"SB",dialCode:"+677",name:"Solomon Islands"},{iso2:"SO",dialCode:"+252",name:"Somalia"},{iso2:"ZA",dialCode:"+27",name:"South Africa"},{iso2:"KR",dialCode:"+82",name:"South Korea"},{iso2:"SS",dialCode:"+211",name:"South Sudan"},{iso2:"ES",dialCode:"+34",name:"Spain"},{iso2:"LK",dialCode:"+94",name:"Sri Lanka"},{iso2:"SD",dialCode:"+249",name:"Sudan"},{iso2:"SR",dialCode:"+597",name:"Suriname"},{iso2:"SE",dialCode:"+46",name:"Sweden"},{iso2:"CH",dialCode:"+41",name:"Switzerland"},{iso2:"SY",dialCode:"+963",name:"Syria"},{iso2:"TW",dialCode:"+886",name:"Taiwan"},{iso2:"TJ",dialCode:"+992",name:"Tajikistan"},{iso2:"TZ",dialCode:"+255",name:"Tanzania"},{iso2:"TH",dialCode:"+66",name:"Thailand"},{iso2:"TL",dialCode:"+670",name:"Timor-Leste"},{iso2:"TG",dialCode:"+228",name:"Togo"},{iso2:"TO",dialCode:"+676",name:"Tonga"},{iso2:"TT",dialCode:"+1868",name:"Trinidad and Tobago"},{iso2:"TN",dialCode:"+216",name:"Tunisia"},{iso2:"TR",dialCode:"+90",name:"Turkey"},{iso2:"TM",dialCode:"+993",name:"Turkmenistan"},{iso2:"TV",dialCode:"+688",name:"Tuvalu"},{iso2:"UG",dialCode:"+256",name:"Uganda"},{iso2:"UA",dialCode:"+380",name:"Ukraine"},{iso2:"AE",dialCode:"+971",name:"United Arab Emirates"},{iso2:"GB",dialCode:"+44",name:"United Kingdom"},{iso2:"US",dialCode:"+1",name:"United States"},{iso2:"UY",dialCode:"+598",name:"Uruguay"},{iso2:"UZ",dialCode:"+998",name:"Uzbekistan"},{iso2:"VU",dialCode:"+678",name:"Vanuatu"},{iso2:"VA",dialCode:"+379",name:"Vatican City"},{iso2:"VE",dialCode:"+58",name:"Venezuela"},{iso2:"VN",dialCode:"+84",name:"Vietnam"},{iso2:"YE",dialCode:"+967",name:"Yemen"},{iso2:"ZM",dialCode:"+260",name:"Zambia"},{iso2:"ZW",dialCode:"+263",name:"Zimbabwe"}],t=Object.fromEntries(l.map((e=>[e.iso2,e]))),r=class{constructor(o){e(this,o),this.coChange=a(this,"coChange",7),this.placeholder="",this.value="",this.disabled=!1,this.required=!1,this.status="default",this.layout="vertical",this.size="md",this.defaultCountry="",this.selectedIso2="",this.numberPart="",this.isOpen=!1,this.searchQuery="",this.handleOutsideClick=e=>{if(!this.isOpen)return;const a=e.composedPath(),o=this.host.shadowRoot;if(!o)return;const i=o.querySelector(".co-phone-field__dropdown"),n=o.querySelector(".co-phone-field__selector");i&&a.includes(i)||n&&a.includes(n)||(this.isOpen=!1,this.searchQuery="")}}get selectedEntry(){var e;return this.selectedIso2&&null!==(e=t[this.selectedIso2])&&void 0!==e?e:null}get filteredCountries(){return this.searchQuery.trim()?d(l,this.searchQuery,(e=>[e.name,e.dialCode,e.iso2])):l}renderName(e){const a=this.searchQuery.trim()?s(e,this.searchQuery):null;return a?[a.pre,o("span",{class:"co-phone-field__match"},a.match),a.post]:e}onValueChange(e){if(!e)return void(this.numberPart="");const a=this.findDialCodeInValue(e);a?(this.selectedIso2=a.iso2,this.numberPart=e.slice(a.dialCode.length).trim()):this.numberPart=e}onDefaultCountryChange(e){t[e]&&!this.value&&(this.selectedIso2=e)}componentWillLoad(){this.defaultCountry&&t[this.defaultCountry]&&(this.selectedIso2=this.defaultCountry),this.value&&this.onValueChange(this.value)}get hasCountry(){return!!this.selectedIso2&&!!this.selectedEntry}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}findDialCodeInValue(e){if(!e.startsWith("+"))return null;for(let a=5;a>=1;a--){const o=e.slice(0,a+1),i=l.find((e=>e.dialCode===o));if(i)return i}return null}emitValue(){var e,a;const o=null!==(a=null===(e=this.selectedEntry)||void 0===e?void 0:e.dialCode)&&void 0!==a?a:"",i=this.numberPart?`${o}${this.numberPart}`:"";this.value=i,this.coChange.emit(i)}handleCountrySelect(e){this.selectedIso2=e.iso2,this.isOpen=!1,this.searchQuery="",this.emitValue()}handleNumberInput(e){this.numberPart=e.target.value,this.emitValue()}handleToggleDropdown(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen||(this.searchQuery=""))}handleSearchInput(e){this.searchQuery=e.target.value}connectedCallback(){document.addEventListener("click",this.handleOutsideClick,!0)}disconnectedCallback(){document.removeEventListener("click",this.handleOutsideClick,!0)}render(){const e=this.selectedEntry;return o("div",{key:"0c1c765453fd4ec3c25ea586c24df13d563d0183",class:`co-phone-field co-phone-field--${this.size} ${"default"!==this.status?`co-phone-field--${this.status}`:""} ${this.disabled?"co-phone-field--disabled":""}`},this.label&&o("label",{key:"7241ea86c1aa5ecdfaca9f916da0b8857c546f7f",class:"co-phone-field__label"},this.label,o(n,{key:"a9b6361645cfbaf46a51eae6251a1e4896661b45",required:this.required})),o("div",{key:"88f91585a55d38b3a9e1d0141a804633e8cda902",class:"co-phone-field__container"},o("button",{key:"86b736933e4116fe035bf744b974f39d8f9282ad",type:"button",class:"co-phone-field__selector",disabled:this.disabled,onClick:()=>this.handleToggleDropdown(),"aria-expanded":String(this.isOpen),"aria-haspopup":"listbox"},e?o("img",{class:"co-phone-field__flag",src:`https://flagcdn.com/w40/${e.iso2.toLowerCase()}.png`,alt:e.iso2}):o("co-icon",{name:"phone",size:16}),o("span",{key:"8417712d8a5da930057989996f830874a38e5320",class:"co-phone-field__dial-code"},e?e.dialCode:""),o("span",{key:"8bf326a6846b9a3ed83a6cf2191e5df2d8cc859a",class:"co-phone-field__chevron"},o("co-icon",{key:"fb5d2975572898de1f82e295180f55306b326bbf",name:"caret-down",size:14}))),o("input",{key:"797a9cbea54cb59c40da94365eb8a1350e750cea",class:"co-phone-field__input",type:"tel",placeholder:this.placeholder,value:this.numberPart,disabled:this.disabled,onInput:e=>this.handleNumberInput(e)})),this.isOpen&&o("div",{key:"48cb464f8abb745ae4a15428b1fa339d0f51264d",class:"co-phone-field__dropdown",role:"listbox"},o("div",{key:"a0deba5bd857051ff6917be7f87829291379c9ac",class:"co-phone-field__search"},o("input",{key:"621d9b646763d44535e158f618113dfe5bfe807e",class:"co-phone-field__search-input",type:"text",placeholder:"Search country...",value:this.searchQuery,onInput:e=>this.handleSearchInput(e),autoFocus:!0})),o("div",{key:"f704fb94729f3001faa17e0fdb631bda0cc03b02",class:"co-phone-field__options"},this.filteredCountries.map((e=>o("button",{type:"button",key:e.iso2,class:"co-phone-field__option "+(e.iso2===this.selectedIso2?"co-phone-field__option--selected":""),role:"option","aria-selected":e.iso2===this.selectedIso2?"true":"false",onClick:()=>this.handleCountrySelect(e)},o("img",{class:"co-phone-field__option-flag",src:`https://flagcdn.com/w40/${e.iso2.toLowerCase()}.png`,alt:e.iso2}),o("span",{class:"co-phone-field__option-name"},this.renderName(e.name)),o("span",{class:"co-phone-field__option-code"},e.dialCode)))))),this.helperText&&o("div",{key:"acdb17617c05389dc188b5c02e301841302ddfc5",class:"co-phone-field__helper"},this.statusIcon&&o("co-icon",{key:"966719a393cf04403fab56f839b383c2df02597e",name:this.statusIcon,size:14,weight:"fill",class:"co-phone-field__helper-icon"}),o("span",{key:"3e91617e7159c113219acb3617c1a0db1fc736f3",class:"co-phone-field__helper-text"},this.helperText)))}get host(){return i(this)}static get watchers(){return{value:[{onValueChange:0}],defaultCountry:[{onDefaultCountryChange: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;position:relative}.co-phone-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2);position:relative;font-family:var(--co-font-family-primary)}.co-phone-field--disabled{opacity:0.5;pointer-events:none}.co-phone-field__label{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-secondary);padding:0 var(--co-spacing-xs)}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-phone-field__container{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-color-opacity-negro-25, rgba(31, 28, 27, 0.25));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}.co-phone-field--s .co-phone-field__container{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-phone-field--sm .co-phone-field__container{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-phone-field--lg .co-phone-field__container{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-phone-field--error .co-phone-field__container{border-color:var(--co-color-status-error)}.co-phone-field__container:focus-within{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-focus) 15%, transparent)}.co-phone-field__selector{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0;background:none;border:none;border-right:1px solid var(--co-semantic-border-subtle);padding-right:var(--co-spacing-sm);margin-right:var(--co-spacing-sm);cursor:pointer;font-size:inherit;font-family:inherit;color:var(--co-semantic-text-default);white-space:nowrap}.co-phone-field__selector:hover{opacity:0.8}.co-phone-field__flag{width:20px;height:15px;border-radius:2px;object-fit:cover}.co-phone-field__dial-code{font-size:inherit;color:var(--co-semantic-text-secondary);font-weight:500}.co-phone-field__chevron{display:flex;align-items:center;color:var(--co-semantic-text-muted)}.co-phone-field__input{flex:1;min-width:0;padding:0;border:none;outline:none;font-size:inherit;font-family:inherit;font-weight:400;letter-spacing:inherit;color:var(--co-semantic-text-default);background:transparent;line-height:1}.co-phone-field__input::placeholder{color:var(--co-semantic-text-muted)}.co-phone-field__dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:var(--co-spacing-xs);background:var(--co-semantic-surface-page, #fff);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);max-height:280px;display:flex;flex-direction:column;overflow:hidden}.co-phone-field__search{padding:var(--co-spacing-sm);border-bottom:1px solid var(--co-semantic-border-subtle)}.co-phone-field__search-input{width:100%;padding:var(--co-spacing-xs) var(--co-spacing-sm);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xxs);font-size:var(--co-font-size-14);font-family:var(--co-font-family-primary);outline:none;background:var(--co-semantic-surface-secondary);color:var(--co-semantic-text-default);box-sizing:border-box}.co-phone-field__search-input:focus{border-color:var(--co-semantic-border-focus)}.co-phone-field__options{overflow-y:auto;flex:1}.co-phone-field__option{display:flex;align-items:center;gap:var(--co-spacing-sm);width:100%;padding:var(--co-spacing-sm) var(--co-spacing-md);border:none;background:none;cursor:pointer;font-size:var(--co-font-size-14);font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);text-align:left}.co-phone-field__option:hover{background:var(--co-semantic-surface-hover)}.co-phone-field__option--selected{background:color-mix(in srgb, var(--co-semantic-border-focus) 8%, transparent);font-weight:500}.co-phone-field__option-flag{width:20px;height:15px;border-radius:2px;object-fit:cover;flex-shrink:0}.co-phone-field__match{font-weight:700}.co-phone-field__option-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-phone-field__option-code{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);white-space:nowrap}.co-phone-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs);font-size:var(--co-font-size-14);color:var(--co-semantic-text-muted)}.co-phone-field__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-phone-field--error .co-phone-field__helper{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-phone-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-phone-field__label{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-phone-field__label{white-space:normal}:host([layout='horizontal']) .co-phone-field>:not(.co-phone-field__label){grid-column:2;min-width:0}";export{r as co_phone_field}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,h as t}from"./p-
|
|
1
|
+
import{r as a,h as t}from"./p-tT-aZV0-.js";function r(a){const t=function(a){if(!a||"string"!=typeof a)return null;const t=a.replace("#","");return 3===t.length?{r:parseInt(t[0]+t[0],16),g:parseInt(t[1]+t[1],16),b:parseInt(t[2]+t[2],16)}:6===t.length?{r:parseInt(t.slice(0,2),16),g:parseInt(t.slice(2,4),16),b:parseInt(t.slice(4,6),16)}:null}(a);if(!t)return 0;const[r,e,o]=[t.r/255,t.g/255,t.b/255].map((a=>a<=.03928?a/12.92:Math.pow((a+.055)/1.055,2.4)));return.2126*r+.7152*e+.0722*o}const e={xl:80,lg:64,md:56,sm:48,xs:32,xxs:24},o={xl:32,lg:28,md:24,sm:20,xs:16,xxs:12},s={xl:"var(--co-font-size-26)",lg:"var(--co-font-size-22)",md:"var(--co-font-size-18)",sm:"var(--co-font-size-16)",xs:"var(--co-font-size-12)",xxs:"var(--co-font-size-10)"},i=class{constructor(t){a(this,t),this.type="text",this.size="md",this.icon="user",this.iconWeight="regular",this.shape="circle",this.imgFailed=!1,this.handleImgError=()=>{this.imgFailed=!0}}render(){var a,i,c,n,v,l,L;const h=null!==(a=e[this.size])&&void 0!==a?a:56,d=null!==(i=o[this.size])&&void 0!==i?i:24,u=null!==(c=s[this.size])&&void 0!==c?c:"var(--co-font-size-18)",p="image"===this.type&&this.src&&!this.imgFailed,f="text"===this.type?this.text:"image"===this.type&&null!==(v=null!==(n=this.alt)&&void 0!==n?n:this.text)&&void 0!==v?v:this.icon;return t("div",{key:"41da32ebacadf5fd33c9f6a10ac0069ddaa81ce6",class:{"co-avatar":!0,[`co-avatar--${this.size}`]:!0,[`co-avatar--${this.type}`]:!0,"co-avatar--square":"square"===this.shape,"co-avatar--light":!!this.color&&(m=this.color,r(m)>.4)},style:Object.assign(Object.assign({width:`var(--co-avatar-size, ${h}px)`,height:`var(--co-avatar-size, ${h}px)`,fontSize:u},this.color?{background:this.color}:{}),this.ringColor?{"--co-avatar-border-color":this.ringColor,"--co-avatar-border-width":"2px"}:{}),part:"avatar",role:"img","aria-label":f},p?t("img",{class:"co-avatar__img",src:this.src,alt:null!==(L=null!==(l=this.alt)&&void 0!==l?l:this.text)&&void 0!==L?L:"",onError:this.handleImgError}):"icon"===this.type?t("co-icon",{name:this.icon,weight:this.iconWeight,size:d}):t("span",{class:"co-avatar__text"},this.text));var m}};i.style=":host{display:inline-flex;--co-avatar-squircle:url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><path d='M100 50L99.94 68.06L99.75 73.81L99.44 77.94L99.01 81.26L98.44 84.05L97.74 86.46L96.91 88.57L95.94 90.43L94.81 92.07L93.53 93.53L92.07 94.81L90.43 95.94L88.57 96.91L86.46 97.74L84.05 98.44L81.26 99.01L77.94 99.44L73.81 99.75L68.06 99.94L50 100L31.94 99.94L26.19 99.75L22.06 99.44L18.74 99.01L15.95 98.44L13.54 97.74L11.43 96.91L9.57 95.94L7.93 94.81L6.47 93.53L5.19 92.07L4.06 90.43L3.09 88.57L2.26 86.46L1.56 84.05L0.99 81.26L0.56 77.94L0.25 73.81L0.06 68.06L0 50L0.06 31.94L0.25 26.19L0.56 22.06L0.99 18.74L1.56 15.95L2.26 13.54L3.09 11.43L4.06 9.57L5.19 7.93L6.47 6.47L7.93 5.19L9.57 4.06L11.43 3.09L13.54 2.26L15.95 1.56L18.74 0.99L22.06 0.56L26.19 0.25L31.94 0.06L50 0L68.06 0.06L73.81 0.25L77.94 0.56L81.26 0.99L84.05 1.56L86.46 2.26L88.57 3.09L90.43 4.06L92.07 5.19L93.53 6.47L94.81 7.93L95.94 9.57L96.91 11.43L97.74 13.54L98.44 15.95L99.01 18.74L99.44 22.06L99.75 26.19L99.94 31.94Z' fill='%23fff'/></svg>\")}.co-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);font-family:var(--co-font-family-primary);font-weight:600;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);overflow:hidden;flex-shrink:0;user-select:none;-webkit-font-smoothing:antialiased}.co-avatar::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 var(--co-avatar-border-width, 1px) var(--co-avatar-border-color, transparent)}.co-avatar__text{text-transform:uppercase}.co-avatar__img{width:100%;height:100%;object-fit:cover;display:block}.co-avatar--square{border-radius:0;-webkit-mask:var(--co-avatar-squircle) center / 100% 100% no-repeat;mask:var(--co-avatar-squircle) center / 100% 100% no-repeat}.co-avatar--square::after{--co-avatar-bw:var(--co-avatar-border-width, 1px);box-shadow:none;background:var(--co-avatar-border-color, transparent);-webkit-mask:var(--co-avatar-squircle) center / 100% 100% no-repeat, var(--co-avatar-squircle) center / calc(100% - 2 * var(--co-avatar-bw)) calc(100% - 2 * var(--co-avatar-bw)) no-repeat;-webkit-mask-composite:xor;mask:var(--co-avatar-squircle) center / 100% 100% no-repeat, var(--co-avatar-squircle) center / calc(100% - 2 * var(--co-avatar-bw)) calc(100% - 2 * var(--co-avatar-bw)) no-repeat;mask-composite:exclude}.co-avatar--light{color:rgba(0, 0, 0, 0.87)}";export{i as co_avatar}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as s}from"./p-
|
|
1
|
+
import{r,h as s}from"./p-tT-aZV0-.js";const o=class{constructor(s){r(this,s),this.value=0,this.status="default",this.variant="solid",this.thickness=4,this.indeterminate=!1}render(){const r=Math.max(0,Math.min(100,this.value)),o=this.indeterminate;return s("div",{key:"89d8f4d14642d426bdd7cefd047aa27eb301c217",class:{"co-progress-bar":!0,[`co-progress-bar--${this.status}`]:!0,[`co-progress-bar--${this.variant}`]:!0,"co-progress-bar--indeterminate":o},role:"progressbar","aria-valuenow":o?void 0:r,"aria-valuemin":0,"aria-valuemax":100,part:"bar",style:{height:`${this.thickness}px`}},s("div",{key:"1aa79096ed24c2f4cddeefe704ffbd312d5e95ce",class:"co-progress-bar__fill",style:o?void 0:{width:`${r}%`}}))}};o.style=":host{display:block;width:100%}.co-progress-bar{width:100%;border-radius:9999px;overflow:hidden;background:var(--co-semantic-border-subtle);position:relative}.co-progress-bar__fill{height:100%;border-radius:9999px;transition:width 0.3s ease}.co-progress-bar--solid .co-progress-bar__fill{background:var(--co-semantic-status-info)}.co-progress-bar--solid.co-progress-bar--success .co-progress-bar__fill{background:var(--co-semantic-status-success)}.co-progress-bar--solid.co-progress-bar--warning .co-progress-bar__fill{background:var(--co-semantic-status-warning)}.co-progress-bar--solid.co-progress-bar--error .co-progress-bar__fill{background:var(--co-semantic-status-error)}.co-progress-bar--dashed{background:transparent;border:2px dashed var(--co-semantic-border-subtle)}.co-progress-bar--dashed .co-progress-bar__fill{background:transparent;border-bottom:2px dashed var(--co-semantic-status-info);border-radius:0}.co-progress-bar--dashed.co-progress-bar--success .co-progress-bar__fill{border-bottom-color:var(--co-semantic-status-success)}.co-progress-bar--dashed.co-progress-bar--warning .co-progress-bar__fill{border-bottom-color:var(--co-semantic-status-warning)}.co-progress-bar--dashed.co-progress-bar--error .co-progress-bar__fill{border-bottom-color:var(--co-semantic-status-error)}.co-progress-bar--dashed.co-progress-bar--default{border-color:var(--co-semantic-border-subtle, rgba(31, 28, 27, 0.08))}.co-progress-bar--indeterminate .co-progress-bar__fill{width:40%;transition:none;animation:co-progress-indeterminate 1.4s ease-in-out infinite;will-change:transform}@keyframes co-progress-indeterminate{0%{transform:translateX(-110%)}100%{transform:translateX(360%)}}@media (prefers-reduced-motion: reduce){.co-progress-bar--indeterminate .co-progress-bar__fill{animation:none;width:100%;opacity:0.45}}";export{o as co_progress_bar}
|