@prolibu-suite/cobalt-core 0.11.10 → 0.11.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +112 -34
- package/dist/cjs/co-accordion.cjs.entry.js +5 -5
- package/dist/cjs/co-action-bar.cjs.entry.js +1 -1
- package/dist/cjs/co-app-shell.cjs.entry.js +1 -1
- package/dist/cjs/co-audio-player.cjs.entry.js +1 -1
- package/dist/cjs/co-autocomplete.cjs.entry.js +2 -2
- package/dist/cjs/co-avatar-group.cjs.entry.js +1 -1
- package/dist/cjs/co-avatar.cjs.entry.js +1 -1
- package/dist/cjs/co-badge.cjs.entry.js +1 -1
- package/dist/cjs/co-bottom-sheet.cjs.entry.js +1 -1
- package/dist/cjs/co-breadcrumb-item.cjs.entry.js +1 -1
- package/dist/cjs/co-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/co-button-group.cjs.entry.js +1 -1
- package/dist/cjs/co-button.cjs.entry.js +1 -1
- package/dist/cjs/co-calendar-month_2.cjs.entry.js +2 -2
- package/dist/cjs/co-calendar_3.cjs.entry.js +2 -2
- package/dist/cjs/co-card.cjs.entry.js +1 -1
- package/dist/cjs/co-carousel-item.cjs.entry.js +1 -1
- package/dist/cjs/co-carousel.cjs.entry.js +2 -2
- package/dist/cjs/co-checkbox-group.cjs.entry.js +2 -2
- package/dist/cjs/co-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/co-chip_2.cjs.entry.js +6 -6
- package/dist/cjs/co-color-area.cjs.entry.js +1 -1
- package/dist/cjs/co-color-picker.cjs.entry.js +3 -3
- package/dist/cjs/co-color-slider.cjs.entry.js +1 -1
- package/dist/cjs/co-column-picker.cjs.entry.js +2 -2
- package/dist/cjs/co-combobox.cjs.entry.js +2 -2
- package/dist/cjs/co-command-search.cjs.entry.js +2 -2
- package/dist/cjs/co-data-table-pagination.cjs.entry.js +2 -2
- package/dist/cjs/co-data-table.cjs.entry.js +2 -2
- package/dist/cjs/co-date-picker.cjs.entry.js +2 -2
- package/dist/cjs/co-date-range-picker.cjs.entry.js +2 -2
- package/dist/cjs/co-date-range.cjs.entry.js +1 -1
- package/dist/cjs/co-date-time-picker.cjs.entry.js +2 -2
- package/dist/cjs/co-document-editor.cjs.entry.js +2 -2
- package/dist/cjs/co-drive-card.cjs.entry.js +1 -1
- package/dist/cjs/co-drop-zone.cjs.entry.js +1 -1
- package/dist/cjs/co-emoji-picker.cjs.entry.js +2 -2
- package/dist/cjs/co-empty-state.cjs.entry.js +2 -2
- package/dist/cjs/co-event-calendar.cjs.entry.js +1 -1
- package/dist/cjs/co-event-popover.cjs.entry.js +1 -1
- package/dist/cjs/co-fab.cjs.entry.js +1 -1
- package/dist/cjs/co-file-field.cjs.entry.js +3 -3
- package/dist/cjs/co-file-type-tile.cjs.entry.js +1 -1
- package/dist/cjs/co-gradient-bar.cjs.entry.js +1 -1
- package/dist/cjs/co-helper-text.cjs.entry.js +1 -1
- package/dist/cjs/co-icon-button.cjs.entry.js +2 -2
- package/dist/cjs/co-icon.cjs.entry.js +1 -1
- package/dist/cjs/co-input.cjs.entry.js +2 -2
- package/dist/cjs/co-json-field.cjs.entry.js +2 -2
- package/dist/cjs/co-kbd_2.cjs.entry.js +1 -1
- package/dist/cjs/co-lightbox.cjs.entry.js +1 -1
- package/dist/cjs/co-list-footer.cjs.entry.js +1 -1
- package/dist/cjs/co-list-item.cjs.entry.js +2 -2
- package/dist/cjs/co-loader.cjs.entry.js +1 -1
- package/dist/cjs/co-media-thumb.cjs.entry.js +1 -1
- package/dist/cjs/co-menu-divider.cjs.entry.js +1 -1
- package/dist/cjs/co-menu-item.cjs.entry.js +40 -7
- package/dist/cjs/co-menu.cjs.entry.js +2 -2
- package/dist/cjs/co-modal.cjs.entry.js +2 -2
- package/dist/cjs/co-navbar.cjs.entry.js +1 -1
- package/dist/cjs/co-number-field.cjs.entry.js +2 -2
- package/dist/cjs/co-overlay.cjs.entry.js +1 -1
- package/dist/cjs/co-page-header.cjs.entry.js +1 -1
- package/dist/cjs/co-phone-field.cjs.entry.js +4 -4
- package/dist/cjs/co-popover.cjs.entry.js +2 -2
- package/dist/cjs/co-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/co-progress-circle.cjs.entry.js +2 -2
- package/dist/cjs/co-provider-logo_2.cjs.entry.js +2 -2
- package/dist/cjs/co-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/co-radio.cjs.entry.js +2 -2
- package/dist/cjs/co-rating.cjs.entry.js +2 -2
- package/dist/cjs/co-ref-field.cjs.entry.js +3 -3
- package/dist/cjs/co-rich-text-editor.cjs.entry.js +2 -2
- 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 +1 -1
- package/dist/cjs/co-segmented-bar.cjs.entry.js +1 -1
- package/dist/cjs/co-select.cjs.entry.js +3 -3
- package/dist/cjs/co-separator.cjs.entry.js +1 -1
- package/dist/cjs/co-sidebar-nav.cjs.entry.js +1 -1
- package/dist/cjs/co-sidebar.cjs.entry.js +1 -1
- package/dist/cjs/co-slider.cjs.entry.js +2 -2
- package/dist/cjs/co-swatch-grid.cjs.entry.js +1 -1
- package/dist/cjs/co-switch.cjs.entry.js +3 -3
- package/dist/cjs/co-tab-group.cjs.entry.js +2 -2
- package/dist/cjs/co-tab.cjs.entry.js +2 -2
- package/dist/cjs/co-tags-field.cjs.entry.js +4 -4
- package/dist/cjs/co-textarea.cjs.entry.js +2 -2
- package/dist/cjs/co-tile.cjs.entry.js +1 -1
- package/dist/cjs/co-time-field.cjs.entry.js +1 -1
- package/dist/cjs/co-toast.cjs.entry.js +1 -1
- package/dist/cjs/co-toggle-button-group.cjs.entry.js +1 -1
- package/dist/cjs/co-toggle-button.cjs.entry.js +2 -2
- package/dist/cjs/co-transfer-list.cjs.entry.js +2 -2
- package/dist/cjs/co-tree-item.cjs.entry.js +2 -2
- package/dist/cjs/co-video.cjs.entry.js +2 -2
- package/dist/cjs/cobalt.cjs.js +2 -2
- package/dist/cjs/{fieldChip-DbYMfylq.js → fieldChip-D-x9bJ-W.js} +1 -1
- package/dist/cjs/{index-bHoidDwv.js → index-CuskTAyj.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{requiredMark-21yHvvZS.js → requiredMark-ooEZAZbC.js} +1 -1
- package/dist/cobalt/cobalt.css +1 -1
- package/dist/cobalt/cobalt.esm.js +1 -1
- package/dist/cobalt/{p-d9b4594b.entry.js → p-011fd3ca.entry.js} +1 -1
- package/dist/cobalt/{p-33840969.entry.js → p-038cc50a.entry.js} +1 -1
- package/dist/cobalt/{p-d375c84e.entry.js → p-052289b3.entry.js} +1 -1
- package/dist/cobalt/{p-bbf3d859.entry.js → p-05f0feca.entry.js} +1 -1
- package/dist/cobalt/p-05f90173.entry.js +1 -0
- package/dist/cobalt/{p-c004fde5.entry.js → p-09ff5302.entry.js} +1 -1
- package/dist/cobalt/{p-d26dc681.entry.js → p-0bd8e079.entry.js} +1 -1
- package/dist/cobalt/{p-5a32b9a2.entry.js → p-0d163b25.entry.js} +1 -1
- package/dist/cobalt/{p-cea21e08.entry.js → p-0d2deeaa.entry.js} +1 -1
- package/dist/cobalt/{p-94b871fb.entry.js → p-0ea06cee.entry.js} +1 -1
- package/dist/cobalt/{p-a18c01eb.entry.js → p-1288867e.entry.js} +1 -1
- package/dist/cobalt/p-1318c5b9.entry.js +1 -0
- package/dist/cobalt/{p-15d995b4.entry.js → p-134331e6.entry.js} +1 -1
- package/dist/cobalt/p-1361f386.entry.js +1 -0
- package/dist/cobalt/{p-3e532a11.entry.js → p-15e29500.entry.js} +1 -1
- package/dist/cobalt/{p-feec49a4.entry.js → p-16eb0771.entry.js} +1 -1
- package/dist/cobalt/{p-3b5024ce.entry.js → p-19544796.entry.js} +1 -1
- package/dist/cobalt/{p-71ee36a8.entry.js → p-1cc15af6.entry.js} +1 -1
- package/dist/cobalt/{p-a27013e6.entry.js → p-1ef7bbbc.entry.js} +1 -1
- package/dist/cobalt/{p-b402665a.entry.js → p-20651254.entry.js} +1 -1
- package/dist/cobalt/{p-353ff9ed.entry.js → p-24456175.entry.js} +1 -1
- package/dist/cobalt/{p-d1e83525.entry.js → p-2d76fafb.entry.js} +1 -1
- package/dist/cobalt/{p-dabcbba7.entry.js → p-2f44a37b.entry.js} +1 -1
- package/dist/cobalt/{p-37f9ec35.entry.js → p-3842ac1a.entry.js} +1 -1
- package/dist/cobalt/p-388f5a71.entry.js +1 -0
- package/dist/cobalt/{p-59a71695.entry.js → p-45460f75.entry.js} +1 -1
- package/dist/cobalt/{p-4ae6fe0e.entry.js → p-4e1ba090.entry.js} +1 -1
- package/dist/cobalt/{p-1c9253a2.entry.js → p-4ee87962.entry.js} +1 -1
- package/dist/cobalt/{p-d7775109.entry.js → p-5009ad0a.entry.js} +1 -1
- package/dist/cobalt/p-5259c731.entry.js +1 -0
- package/dist/cobalt/{p-600d0cab.entry.js → p-5aaaa257.entry.js} +1 -1
- package/dist/cobalt/{p-83691cfb.entry.js → p-5b098a4c.entry.js} +1 -1
- package/dist/cobalt/{p-f1da1df1.entry.js → p-5d17b6e9.entry.js} +1 -1
- package/dist/cobalt/{p-f6f273f7.entry.js → p-5e04cecc.entry.js} +1 -1
- package/dist/cobalt/{p-efb3cbb0.entry.js → p-63c588e1.entry.js} +1 -1
- package/dist/cobalt/{p-f562bd96.entry.js → p-63e5d7fe.entry.js} +1 -1
- package/dist/cobalt/{p-fb6671e0.entry.js → p-65e0176c.entry.js} +1 -1
- package/dist/cobalt/{p-e5350eeb.entry.js → p-66375026.entry.js} +1 -1
- package/dist/cobalt/{p-74804c79.entry.js → p-669ad1c6.entry.js} +1 -1
- package/dist/cobalt/{p-5d41b58b.entry.js → p-66a07095.entry.js} +1 -1
- package/dist/cobalt/{p-4e81e580.entry.js → p-67fac886.entry.js} +1 -1
- package/dist/cobalt/{p-12fc5119.entry.js → p-6a270d5d.entry.js} +1 -1
- package/dist/cobalt/{p-89328cd8.entry.js → p-6bb9964f.entry.js} +1 -1
- package/dist/cobalt/{p-9af26af0.entry.js → p-6c35584c.entry.js} +1 -1
- package/dist/cobalt/{p-019eed8e.entry.js → p-6d12e825.entry.js} +1 -1
- package/dist/cobalt/{p-2832ab99.entry.js → p-6fe227e0.entry.js} +1 -1
- package/dist/cobalt/p-71a289f9.entry.js +1 -0
- package/dist/cobalt/{p-b6463d35.entry.js → p-71f9fa68.entry.js} +1 -1
- package/dist/cobalt/{p-3890d22f.entry.js → p-741c14af.entry.js} +1 -1
- package/dist/cobalt/{p-76ea3f34.entry.js → p-7550fc02.entry.js} +1 -1
- package/dist/cobalt/{p-7737354e.entry.js → p-76244cca.entry.js} +1 -1
- package/dist/cobalt/{p-be520bd5.entry.js → p-79b62ce3.entry.js} +1 -1
- package/dist/cobalt/{p-6eca1c7c.entry.js → p-7be0f85b.entry.js} +1 -1
- package/dist/cobalt/{p-a4154bcf.entry.js → p-811f1dd7.entry.js} +1 -1
- package/dist/cobalt/{p-9ce57385.entry.js → p-88edf7d0.entry.js} +1 -1
- package/dist/cobalt/{p-c23630ab.entry.js → p-894f59ce.entry.js} +1 -1
- package/dist/cobalt/{p-0f3a3232.entry.js → p-8b2432b2.entry.js} +1 -1
- package/dist/cobalt/{p-299c2425.entry.js → p-8bf0975d.entry.js} +1 -1
- package/dist/cobalt/p-90823b79.entry.js +1 -0
- package/dist/cobalt/{p-5e14f676.entry.js → p-9a307b64.entry.js} +1 -1
- package/dist/cobalt/p-9a3e631e.entry.js +1 -0
- package/dist/cobalt/{p-3878f174.entry.js → p-9c00499b.entry.js} +1 -1
- package/dist/cobalt/p-C_xES1w3.js +1 -0
- package/dist/cobalt/{p-DJkaRtbb.js → p-YRicbXh3.js} +2 -2
- package/dist/cobalt/{p-3b7e90c8.entry.js → p-a6516907.entry.js} +1 -1
- package/dist/cobalt/{p-b723aa47.entry.js → p-a671facd.entry.js} +1 -1
- package/dist/cobalt/{p-e4646a0e.entry.js → p-a679c368.entry.js} +1 -1
- package/dist/cobalt/{p-a33a277a.entry.js → p-a9242183.entry.js} +1 -1
- package/dist/cobalt/{p-2ff8f591.entry.js → p-ac1565df.entry.js} +1 -1
- package/dist/cobalt/{p-3bff827a.entry.js → p-ac963082.entry.js} +1 -1
- package/dist/cobalt/{p-50ab6b9b.entry.js → p-ae66e746.entry.js} +1 -1
- package/dist/cobalt/{p-438cc876.entry.js → p-af8cc16e.entry.js} +1 -1
- package/dist/cobalt/{p-02133c95.entry.js → p-b3994c94.entry.js} +1 -1
- package/dist/cobalt/{p-53a251ca.entry.js → p-be860577.entry.js} +1 -1
- package/dist/cobalt/{p-c220362c.entry.js → p-be9f69e4.entry.js} +1 -1
- package/dist/cobalt/{p-5e39cf70.entry.js → p-bf8212cf.entry.js} +1 -1
- package/dist/cobalt/{p-cb1013e6.entry.js → p-c01454be.entry.js} +1 -1
- package/dist/cobalt/{p-eab59be5.entry.js → p-c0f579d9.entry.js} +1 -1
- package/dist/cobalt/{p-4a7fd0b4.entry.js → p-c4bbb701.entry.js} +1 -1
- package/dist/cobalt/{p-4cdfcd9c.entry.js → p-c5978c46.entry.js} +1 -1
- package/dist/cobalt/{p-8a26f3cc.entry.js → p-c71b736c.entry.js} +1 -1
- package/dist/cobalt/{p-82bcd062.entry.js → p-ce9a3708.entry.js} +1 -1
- package/dist/cobalt/{p-04e3e1f6.entry.js → p-d0129851.entry.js} +1 -1
- package/dist/cobalt/p-d127a7c4.entry.js +1 -0
- package/dist/cobalt/p-d1293695.entry.js +1 -0
- package/dist/cobalt/{p-d1595580.entry.js → p-d525aec4.entry.js} +1 -1
- package/dist/cobalt/p-ddf6083f.entry.js +1 -0
- package/dist/cobalt/{p-8e7ad2fe.entry.js → p-e0b542ad.entry.js} +1 -1
- package/dist/cobalt/{p-63f888a1.entry.js → p-e120435e.entry.js} +1 -1
- package/dist/cobalt/{p-a4264bde.entry.js → p-e71f6186.entry.js} +1 -1
- package/dist/cobalt/{p-ff218d09.entry.js → p-ea2cc20e.entry.js} +1 -1
- package/dist/cobalt/{p-c026968c.entry.js → p-ebcdc0b2.entry.js} +1 -1
- package/dist/cobalt/{p-3e864e7d.entry.js → p-ec11b337.entry.js} +1 -1
- package/dist/cobalt/{p-a6c9a0c5.entry.js → p-eca12c29.entry.js} +1 -1
- package/dist/cobalt/{p-19f0f534.entry.js → p-f3975988.entry.js} +1 -1
- package/dist/cobalt/{p-7e678cbd.entry.js → p-f9937237.entry.js} +1 -1
- package/dist/cobalt/{p-0bbaaf4f.entry.js → p-fa4a59e8.entry.js} +1 -1
- package/dist/cobalt/{p-f23f52ed.entry.js → p-fd15353a.entry.js} +1 -1
- package/dist/cobalt/p-pl89alJ1.js +1 -0
- package/dist/collection/components/co-accordion/co-accordion.css +1 -1
- package/dist/collection/components/co-accordion/co-accordion.js +3 -3
- package/dist/collection/components/co-autocomplete/co-autocomplete.js +1 -1
- package/dist/collection/components/co-avatar-group/co-avatar-group.js +1 -1
- package/dist/collection/components/co-calendar-month/co-calendar-month.css +9 -4
- package/dist/collection/components/co-carousel/co-carousel.css +7 -5
- package/dist/collection/components/co-checkbox/co-checkbox.css +12 -17
- package/dist/collection/components/co-checkbox-group/co-checkbox-group.css +4 -2
- package/dist/collection/components/co-checkbox-group/co-checkbox-group.js +1 -1
- package/dist/collection/components/co-chip/co-chip.css +14 -1
- package/dist/collection/components/co-color-area/co-color-area.js +2 -2
- package/dist/collection/components/co-color-picker/co-color-picker.css +4 -4
- package/dist/collection/components/co-color-slider/co-color-slider.js +1 -1
- package/dist/collection/components/co-column-picker/co-column-picker.css +12 -2
- package/dist/collection/components/co-combobox/co-combobox.js +1 -1
- package/dist/collection/components/co-command-search/co-command-search.css +1 -1
- package/dist/collection/components/co-command-search/co-command-search.js +1 -1
- package/dist/collection/components/co-data-table/co-data-table.css +20 -10
- package/dist/collection/components/co-data-table/co-data-table.js +1 -1
- package/dist/collection/components/co-data-table-pagination/co-data-table-pagination.css +11 -3
- package/dist/collection/components/co-date-range-picker/co-date-range-picker.js +2 -2
- package/dist/collection/components/co-document-editor/co-document-editor.css +10 -7
- package/dist/collection/components/co-document-editor/co-document-editor.js +5 -5
- package/dist/collection/components/co-emoji-picker/co-emoji-picker.css +3 -3
- package/dist/collection/components/co-empty-state/co-empty-state.css +7 -4
- package/dist/collection/components/co-file-field/co-file-field.css +3 -1
- package/dist/collection/components/co-icon-button/co-icon-button.css +1 -1
- package/dist/collection/components/co-list-item/co-list-item.css +6 -0
- package/dist/collection/components/co-menu/co-menu.css +4 -2
- package/dist/collection/components/co-menu-item/co-menu-item.css +14 -5
- package/dist/collection/components/co-menu-item/co-menu-item.js +80 -7
- package/dist/collection/components/co-option-list/co-option-list.css +12 -4
- package/dist/collection/components/co-option-list/co-option-list.js +3 -3
- package/dist/collection/components/co-phone-field/co-phone-field.css +12 -3
- package/dist/collection/components/co-phone-field/co-phone-field.js +1 -1
- package/dist/collection/components/co-popover/co-popover.css +4 -0
- package/dist/collection/components/co-popover/co-popover.js +1 -1
- package/dist/collection/components/co-progress-circle/co-progress-circle.css +3 -1
- package/dist/collection/components/co-radio/co-radio.css +10 -1
- package/dist/collection/components/co-radio-group/co-radio-group.js +1 -1
- package/dist/collection/components/co-rating/co-rating.css +3 -1
- package/dist/collection/components/co-ref-field/co-ref-field.js +4 -4
- package/dist/collection/components/co-segmented-bar/co-segmented-bar.js +1 -1
- package/dist/collection/components/co-select/co-select.css +10 -0
- package/dist/collection/components/co-select/co-select.js +1 -1
- package/dist/collection/components/co-sidebar-nav/co-sidebar-nav.js +1 -1
- package/dist/collection/components/co-skeleton/co-skeleton.css +6 -3
- package/dist/collection/components/co-slider/co-slider.css +21 -1
- package/dist/collection/components/co-switch/co-switch.css +10 -4
- package/dist/collection/components/co-tab/co-tab.css +14 -8
- package/dist/collection/components/co-tab-group/co-tab-group.css +15 -9
- package/dist/collection/components/co-tags-field/co-tags-field.css +3 -2
- package/dist/collection/components/co-toast/co-toast.js +2 -2
- package/dist/collection/components/co-toggle-button/co-toggle-button.css +10 -4
- package/dist/collection/components/co-transfer-list/co-transfer-list.css +4 -2
- package/dist/collection/components/co-transfer-list/co-transfer-list.js +1 -1
- package/dist/collection/components/co-tree-item/co-tree-item.css +1 -1
- package/dist/collection/components/co-tree-item/co-tree-item.js +2 -2
- package/dist/collection/components/co-video/co-video.css +5 -3
- package/dist/collection/utils/dragMove.js +1 -1
- package/dist/components/co-accordion.js +1 -1
- package/dist/components/co-action-bar.js +1 -1
- package/dist/components/co-autocomplete.js +1 -1
- package/dist/components/co-calendar-month.js +1 -1
- package/dist/components/co-calendar-timegrid.js +1 -1
- package/dist/components/co-carousel.js +1 -1
- package/dist/components/co-checkbox-group.js +1 -1
- package/dist/components/co-checkbox.js +1 -1
- package/dist/components/co-chip.js +1 -1
- package/dist/components/co-color-picker.js +1 -1
- package/dist/components/co-column-picker.js +1 -1
- package/dist/components/co-combobox.js +1 -1
- package/dist/components/co-command-search.js +1 -1
- package/dist/components/co-data-table-pagination.js +1 -1
- package/dist/components/co-data-table.js +1 -1
- package/dist/components/co-date-picker.js +1 -1
- package/dist/components/co-date-range-picker.js +1 -1
- package/dist/components/co-date-range.js +1 -1
- package/dist/components/co-date-time-picker.js +1 -1
- package/dist/components/co-document-editor.js +1 -1
- package/dist/components/co-emoji-picker.js +1 -1
- package/dist/components/co-empty-state.js +1 -1
- package/dist/components/co-event-calendar.js +1 -1
- package/dist/components/co-file-field.js +1 -1
- package/dist/components/co-icon-button.js +1 -1
- package/dist/components/co-lightbox.js +1 -1
- package/dist/components/co-list-item.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-option-list.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-circle.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-select.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-toggle-button.js +1 -1
- package/dist/components/co-transfer-list.js +1 -1
- package/dist/components/co-tree-item.js +1 -1
- package/dist/components/co-video.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/{p-COCcx0DN.js → p-4nVctQq9.js} +1 -1
- package/dist/components/p-BDk4ffI3.js +1 -0
- package/dist/components/p-BXDvRVSp.js +1 -0
- package/dist/components/{p-xA7AfoIW.js → p-BxDO3-bY.js} +1 -1
- package/dist/components/{p-rfvTj6cP.js → p-C1WNmtGN.js} +1 -1
- package/dist/components/p-CV7I0t8n.js +1 -0
- package/dist/components/p-CpwIdVV5.js +1 -0
- package/dist/components/{p-DMW9TJ7Z.js → p-Ct4MpUdn.js} +1 -1
- package/dist/components/{p-R1W48hzW.js → p-CxXO0llX.js} +1 -1
- package/dist/components/{p-BkyYV32T.js → p-DXl_Q4WY.js} +1 -1
- package/dist/components/p-DpnlSVX3.js +1 -0
- package/dist/components/{p-BMyWdiVO.js → p-y-UE-CLu.js} +1 -1
- package/dist/esm/co-accordion.entry.js +5 -5
- package/dist/esm/co-action-bar.entry.js +1 -1
- package/dist/esm/co-app-shell.entry.js +1 -1
- package/dist/esm/co-audio-player.entry.js +1 -1
- package/dist/esm/co-autocomplete.entry.js +2 -2
- package/dist/esm/co-avatar-group.entry.js +1 -1
- package/dist/esm/co-avatar.entry.js +1 -1
- package/dist/esm/co-badge.entry.js +1 -1
- package/dist/esm/co-bottom-sheet.entry.js +1 -1
- package/dist/esm/co-breadcrumb-item.entry.js +1 -1
- package/dist/esm/co-breadcrumb.entry.js +1 -1
- package/dist/esm/co-button-group.entry.js +1 -1
- package/dist/esm/co-button.entry.js +1 -1
- package/dist/esm/co-calendar-month_2.entry.js +2 -2
- package/dist/esm/co-calendar_3.entry.js +2 -2
- package/dist/esm/co-card.entry.js +1 -1
- package/dist/esm/co-carousel-item.entry.js +1 -1
- package/dist/esm/co-carousel.entry.js +2 -2
- package/dist/esm/co-checkbox-group.entry.js +2 -2
- package/dist/esm/co-checkbox.entry.js +2 -2
- package/dist/esm/co-chip_2.entry.js +6 -6
- package/dist/esm/co-color-area.entry.js +1 -1
- package/dist/esm/co-color-picker.entry.js +3 -3
- package/dist/esm/co-color-slider.entry.js +1 -1
- package/dist/esm/co-column-picker.entry.js +2 -2
- package/dist/esm/co-combobox.entry.js +2 -2
- package/dist/esm/co-command-search.entry.js +2 -2
- package/dist/esm/co-data-table-pagination.entry.js +2 -2
- package/dist/esm/co-data-table.entry.js +2 -2
- package/dist/esm/co-date-picker.entry.js +2 -2
- package/dist/esm/co-date-range-picker.entry.js +2 -2
- package/dist/esm/co-date-range.entry.js +1 -1
- package/dist/esm/co-date-time-picker.entry.js +2 -2
- package/dist/esm/co-document-editor.entry.js +2 -2
- package/dist/esm/co-drive-card.entry.js +1 -1
- package/dist/esm/co-drop-zone.entry.js +1 -1
- package/dist/esm/co-emoji-picker.entry.js +2 -2
- package/dist/esm/co-empty-state.entry.js +2 -2
- package/dist/esm/co-event-calendar.entry.js +1 -1
- package/dist/esm/co-event-popover.entry.js +1 -1
- package/dist/esm/co-fab.entry.js +1 -1
- package/dist/esm/co-file-field.entry.js +3 -3
- package/dist/esm/co-file-type-tile.entry.js +1 -1
- package/dist/esm/co-gradient-bar.entry.js +1 -1
- package/dist/esm/co-helper-text.entry.js +1 -1
- package/dist/esm/co-icon-button.entry.js +2 -2
- package/dist/esm/co-icon.entry.js +1 -1
- package/dist/esm/co-input.entry.js +2 -2
- package/dist/esm/co-json-field.entry.js +2 -2
- package/dist/esm/co-kbd_2.entry.js +1 -1
- package/dist/esm/co-lightbox.entry.js +1 -1
- package/dist/esm/co-list-footer.entry.js +1 -1
- package/dist/esm/co-list-item.entry.js +2 -2
- package/dist/esm/co-loader.entry.js +1 -1
- package/dist/esm/co-media-thumb.entry.js +1 -1
- package/dist/esm/co-menu-divider.entry.js +1 -1
- package/dist/esm/co-menu-item.entry.js +40 -7
- package/dist/esm/co-menu.entry.js +2 -2
- package/dist/esm/co-modal.entry.js +2 -2
- package/dist/esm/co-navbar.entry.js +1 -1
- package/dist/esm/co-number-field.entry.js +2 -2
- package/dist/esm/co-overlay.entry.js +1 -1
- package/dist/esm/co-page-header.entry.js +1 -1
- package/dist/esm/co-phone-field.entry.js +4 -4
- package/dist/esm/co-popover.entry.js +2 -2
- package/dist/esm/co-progress-bar.entry.js +1 -1
- package/dist/esm/co-progress-circle.entry.js +2 -2
- package/dist/esm/co-provider-logo_2.entry.js +2 -2
- package/dist/esm/co-radio-group.entry.js +1 -1
- package/dist/esm/co-radio.entry.js +2 -2
- package/dist/esm/co-rating.entry.js +2 -2
- package/dist/esm/co-ref-field.entry.js +3 -3
- package/dist/esm/co-rich-text-editor.entry.js +2 -2
- 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 +1 -1
- package/dist/esm/co-segmented-bar.entry.js +1 -1
- package/dist/esm/co-select.entry.js +3 -3
- package/dist/esm/co-separator.entry.js +1 -1
- package/dist/esm/co-sidebar-nav.entry.js +1 -1
- package/dist/esm/co-sidebar.entry.js +1 -1
- package/dist/esm/co-slider.entry.js +2 -2
- package/dist/esm/co-swatch-grid.entry.js +1 -1
- package/dist/esm/co-switch.entry.js +3 -3
- package/dist/esm/co-tab-group.entry.js +2 -2
- package/dist/esm/co-tab.entry.js +2 -2
- package/dist/esm/co-tags-field.entry.js +4 -4
- package/dist/esm/co-textarea.entry.js +2 -2
- package/dist/esm/co-tile.entry.js +1 -1
- package/dist/esm/co-time-field.entry.js +1 -1
- package/dist/esm/co-toast.entry.js +1 -1
- package/dist/esm/co-toggle-button-group.entry.js +1 -1
- package/dist/esm/co-toggle-button.entry.js +2 -2
- package/dist/esm/co-transfer-list.entry.js +2 -2
- package/dist/esm/co-tree-item.entry.js +2 -2
- package/dist/esm/co-video.entry.js +2 -2
- package/dist/esm/cobalt.js +3 -3
- package/dist/esm/{fieldChip-B0N8z5W-.js → fieldChip-DFpKjAN_.js} +1 -1
- package/dist/esm/{index-DJkaRtbb.js → index-YRicbXh3.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{requiredMark-D5C5NzOE.js → requiredMark-BNC0WBDk.js} +1 -1
- package/dist/types/components/co-menu-item/co-menu-item.d.ts +30 -4
- package/dist/types/components.d.ts +26 -4
- package/package.json +4 -4
- package/dist/cobalt/p-01b54d81.entry.js +0 -1
- package/dist/cobalt/p-21b4a830.entry.js +0 -1
- package/dist/cobalt/p-256ca457.entry.js +0 -1
- package/dist/cobalt/p-454dd8ab.entry.js +0 -1
- package/dist/cobalt/p-7e444408.entry.js +0 -1
- package/dist/cobalt/p-7e72720a.entry.js +0 -1
- package/dist/cobalt/p-84ad0227.entry.js +0 -1
- package/dist/cobalt/p-947b8e35.entry.js +0 -1
- package/dist/cobalt/p-CSLjZ3WO.js +0 -1
- package/dist/cobalt/p-CYN5B3IQ.js +0 -1
- package/dist/cobalt/p-bee52042.entry.js +0 -1
- package/dist/cobalt/p-c93be2d5.entry.js +0 -1
- package/dist/cobalt/p-fb731600.entry.js +0 -1
- package/dist/components/p-B70R6xWE.js +0 -1
- package/dist/components/p-BGNXvnDr.js +0 -1
- package/dist/components/p-BSt2t5Fy.js +0 -1
- package/dist/components/p-BfDYq7JS.js +0 -1
- package/dist/components/p-CwRoHnzq.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as i,H as s,c as o,h as e}from"./index.js";import{i as h,c as n,g as r,f as a}from"./p-BtliEQAT.js";import{i as c}from"./p-Dp1JT0dm.js";const p=[];function l(t){const i=p.indexOf(t);-1!==i&&p.splice(i,1)}function d(t){return p.length>0&&p[p.length-1]===t}const m=["top","bottom","left","right"].map((t=>`co-popover__panel--${t}`)),f=i(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coOpen=o(this,"coOpen",3),this.coClose=o(this,"coClose",3),this.coPlacement=o(this,"coPlacement",3),this.open=!1,this.placement="bottom-start",this.matchWidth=!1,this.offset=4,this.closeOnClickOutside=!0,this.closeOnEscape=!0,this.flip=!0,this.bare=!1,this.shift=0,this.closing=!1,this.anchorSeenVisible=!1,this.keepSide=!1,this.scrollParents=[],this.cachedOffsetAncestor=null,this.offsetAncestorComputed=!1,this.docListenersBound=!1,this.finishClose=()=>{clearTimeout(this.closeFallbackTimer),this.open||(this.closing=!1,this.panelEl=void 0)},this.handlePanelTransitionEnd=t=>{!this.open&&this.closing&&t.target===this.panelEl&&"transform"===t.propertyName&&this.finishClose()},this.pressStartedInside=!1,this.handleDocumentPointerDownManual=t=>{this.pressStartedInside=t.composedPath().includes(this.el)},this.handleDocumentClickManual=t=>{const i=this.pressStartedInside;this.pressStartedInside=!1,this.open&&this.closeOnClickOutside&&(i||d(this.el)&&(t.composedPath().includes(this.el)||(this.open=!1)))},this.handleDocumentKeydownManual=t=>{this.open&&this.closeOnEscape&&d(this.el)&&"Escape"===t.key&&(t.stopPropagation(),this.open=!1)},this.updatePosition=()=>{if(!this.open||!this.triggerEl||!this.panelEl)return;const t=this.triggerEl.getBoundingClientRect(),i=this.scrollParents.map((t=>t.getBoundingClientRect()));if(h(t,i))this.anchorSeenVisible=!0;else if(this.anchorSeenVisible&&this.closeOnClickOutside)return void(this.open=!1);const s=DOMRect.fromRect({width:this.panelEl.offsetWidth,height:this.panelEl.offsetHeight}),o=this.resolveAnchor(),e=null==o?void 0:o.getBoundingClientRect(),a=this.keepSide&&this.lastPlacement?this.lastPlacement:this.placement;this.keepSide=!1,this.observePanel();const{top:p,left:l,actualPlacement:d}=n(t,s,{placement:a,offset:this.offset,flip:this.flip,anchorRect:e,shift:this.shift});this.lastPlacement=d;let f=p,v=l;if(!c(this.panelEl)&&(this.offsetAncestorComputed||(this.cachedOffsetAncestor=r(this.panelEl),this.offsetAncestorComputed=!0),this.cachedOffsetAncestor)){const t=this.cachedOffsetAncestor.getBoundingClientRect();f-=t.top,v-=t.left}const u={top:`${f}px`,left:`${v}px`};if(this.matchWidth&&(u.width=`${(null!=e?e:t).width}px`),this.panelEl){Object.assign(this.panelEl.style,u);const t=`co-popover__panel--${d.split("-")[0]}`;this.panelEl.classList.contains(t)||(this.panelEl.classList.remove(...m),this.panelEl.classList.add(t),this.coPlacement.emit({placement:d})),this.panelEl.classList.add("co-popover__panel--positioned")}},this.handlePanelResize=()=>{this.open&&(this.keepSide=!0,this.scheduleUpdate())},this.scheduleUpdate=()=>{this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame(this.updatePosition)},this.handleTriggerClick=()=>{this.open=!this.open}}componentDidLoad(){this.open&&this.onOpenChange(!0)}disconnectedCallback(){l(this.el),this.unbindDocListeners(),this.cleanupListeners(),clearTimeout(this.closeFallbackTimer),this.closing=!1}onOpenChange(t){var i;this.anchorSeenVisible=!1,t?(this.closing=!1,clearTimeout(this.closeFallbackTimer),l(i=this.el),p.push(i),this.coOpen.emit(),this.bindDocListeners(),this.scheduleUpdate(),requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.updatePosition()}))})),this.addScrollListeners()):(l(this.el),this.coClose.emit(),this.cleanupListeners(),this.unbindDocListeners(),this.cachedOffsetAncestor=null,this.offsetAncestorComputed=!1,this.closing=!0,clearTimeout(this.closeFallbackTimer),this.closeFallbackTimer=setTimeout((()=>this.finishClose()),400))}bindDocListeners(){this.docListenersBound||(document.addEventListener("pointerdown",this.handleDocumentPointerDownManual,!0),document.addEventListener("click",this.handleDocumentClickManual,!0),document.addEventListener("keydown",this.handleDocumentKeydownManual,!0),this.docListenersBound=!0)}unbindDocListeners(){this.docListenersBound&&(document.removeEventListener("pointerdown",this.handleDocumentPointerDownManual,!0),document.removeEventListener("click",this.handleDocumentClickManual,!0),document.removeEventListener("keydown",this.handleDocumentKeydownManual,!0),this.docListenersBound=!1,this.pressStartedInside=!1)}async toggle(){this.open=!this.open}async show(){this.open=!0}async hide(){this.open=!1}resolveAnchor(){return this.anchor?"string"==typeof this.anchor?document.querySelector(this.anchor):this.anchor:null}promotePanel(){const t=this.panelEl;if(t&&"function"==typeof t.showPopover)try{c(t)||t.showPopover()}catch(t){}}observePanel(){var t;"undefined"!=typeof ResizeObserver&&this.panelEl&&this.observedPanel!==this.panelEl&&(null!==(t=this.resizeObserver)&&void 0!==t||(this.resizeObserver=new ResizeObserver(this.handlePanelResize)),this.observedPanel&&this.resizeObserver.unobserve(this.observedPanel),this.observedPanel=this.panelEl,this.resizeObserver.observe(this.panelEl))}addScrollListeners(){window.addEventListener("resize",this.scheduleUpdate,{passive:!0}),window.addEventListener("scroll",this.scheduleUpdate,{passive:!0,capture:!0}),this.scrollParents=a(this.el);for(const t of this.scrollParents)t.addEventListener("scroll",this.scheduleUpdate,{passive:!0})}cleanupListeners(){var t;null===(t=this.resizeObserver)||void 0===t||t.disconnect(),this.observedPanel=void 0,this.lastPlacement=void 0,this.keepSide=!1,this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=void 0),window.removeEventListener("resize",this.scheduleUpdate),window.removeEventListener("scroll",this.scheduleUpdate,{capture:!0});for(const t of this.scrollParents)t.removeEventListener("scroll",this.scheduleUpdate);this.scrollParents=[]}render(){return e("div",{key:"36563fc43d535139e1dcacf5c10f7d94ac7c3c56",class:"co-popover"},e("div",{key:"b89ff545f53702c42e95058449644af4336c7b8e",class:"co-popover__trigger",ref:t=>this.triggerEl=t,onClick:this.handleTriggerClick},e("slot",{key:"aacbf2fbf099af3402d2a09d2f003893ed01b6da",name:"trigger"})),(this.open||this.closing)&&e("div",{key:"571d316922717803b4645e66302068f8081e8d36",class:{"co-popover__panel":!0,"co-popover__panel--closing":this.closing},part:"panel",popover:"manual",onTransitionEnd:this.handlePanelTransitionEnd,ref:t=>{t&&t!==this.panelEl&&(this.panelEl=t,this.promotePanel(),this.scheduleUpdate())}},e("slot",{key:"cd42d52c6bbdf2522ce692b75ba556da35c8a5b9"})))}get el(){return this}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return":host{display:inline-block;position:relative}:host([match-width]){display:block;width:100%}.co-popover{display:block;width:100%}.co-popover__trigger{display:block;width:100%;cursor:pointer}.co-popover__panel{position:fixed;inset:auto;top:0;left:0;margin:0;padding:0;width:auto;height:auto;max-width:none;max-height:none;z-index:10000;visibility:hidden;opacity:0;transform:scale(0.97);background:var(--co-semantic-surface-page, #fff);color:var(--co-semantic-text-default);border:1px solid var(--co-popover-border-color, var(--co-semantic-border-subtle));border-radius:var(--co-border-radius-sm, 12px);box-shadow:var(--co-popover-shadow, 0 4px 16px rgba(31, 28, 27, 0.08));overflow:visible}:host([bare]) .co-popover__panel{background:transparent;border:0;box-shadow:none}.co-popover__panel--positioned{visibility:visible;opacity:1;transform:scale(1);transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out), transform var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-popover__panel--closing{visibility:visible;opacity:0;transform:scale(0.99);pointer-events:none;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-in), transform var(--co-motion-duration-fast) var(--co-motion-ease-in)}.co-popover__panel--bottom{transform-origin:top center}.co-popover__panel--top{transform-origin:bottom center}.co-popover__panel--right{transform-origin:center left}.co-popover__panel--left{transform-origin:center right}"}},[257,"co-popover",{open:[1540],placement:[1],matchWidth:[516,"match-width"],offset:[2],closeOnClickOutside:[4,"close-on-click-outside"],closeOnEscape:[4,"close-on-escape"],flip:[4],bare:[516],anchor:[1],shift:[2],closing:[32],toggle:[64],show:[64],hide:[64]},void 0,{open:[{onOpenChange:0}]}]);function v(){"undefined"!=typeof customElements&&["co-popover"].forEach((i=>{"co-popover"===i&&(customElements.get(t(i))||customElements.define(t(i),f))}))}v();export{f as C,v as d}
|
|
1
|
+
import{t,p as i,H as s,c as o,h as e}from"./index.js";import{i as h,c as n,g as r,f as a}from"./p-BtliEQAT.js";import{i as c}from"./p-Dp1JT0dm.js";const p=[];function l(t){const i=p.indexOf(t);-1!==i&&p.splice(i,1)}function d(t){return p.length>0&&p[p.length-1]===t}const m=["top","bottom","left","right"].map((t=>`co-popover__panel--${t}`)),f=i(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coOpen=o(this,"coOpen",3),this.coClose=o(this,"coClose",3),this.coPlacement=o(this,"coPlacement",3),this.open=!1,this.placement="bottom-start",this.matchWidth=!1,this.offset=4,this.closeOnClickOutside=!0,this.closeOnEscape=!0,this.flip=!0,this.bare=!1,this.shift=0,this.closing=!1,this.anchorSeenVisible=!1,this.keepSide=!1,this.scrollParents=[],this.cachedOffsetAncestor=null,this.offsetAncestorComputed=!1,this.docListenersBound=!1,this.finishClose=()=>{clearTimeout(this.closeFallbackTimer),this.open||(this.closing=!1,this.panelEl=void 0)},this.handlePanelTransitionEnd=t=>{!this.open&&this.closing&&t.target===this.panelEl&&"transform"===t.propertyName&&this.finishClose()},this.pressStartedInside=!1,this.handleDocumentPointerDownManual=t=>{this.pressStartedInside=t.composedPath().includes(this.el)},this.handleDocumentClickManual=t=>{const i=this.pressStartedInside;this.pressStartedInside=!1,this.open&&this.closeOnClickOutside&&(i||d(this.el)&&(t.composedPath().includes(this.el)||(this.open=!1)))},this.handleDocumentKeydownManual=t=>{this.open&&this.closeOnEscape&&d(this.el)&&"Escape"===t.key&&(t.stopPropagation(),this.open=!1)},this.updatePosition=()=>{if(!this.open||!this.triggerEl||!this.panelEl)return;const t=this.triggerEl.getBoundingClientRect(),i=this.scrollParents.map((t=>t.getBoundingClientRect()));if(h(t,i))this.anchorSeenVisible=!0;else if(this.anchorSeenVisible&&this.closeOnClickOutside)return void(this.open=!1);const s=DOMRect.fromRect({width:this.panelEl.offsetWidth,height:this.panelEl.offsetHeight}),o=this.resolveAnchor(),e=null==o?void 0:o.getBoundingClientRect(),a=this.keepSide&&this.lastPlacement?this.lastPlacement:this.placement;this.keepSide=!1,this.observePanel();const{top:p,left:l,actualPlacement:d}=n(t,s,{placement:a,offset:this.offset,flip:this.flip,anchorRect:e,shift:this.shift});this.lastPlacement=d;let f=p,v=l;if(!c(this.panelEl)&&(this.offsetAncestorComputed||(this.cachedOffsetAncestor=r(this.panelEl),this.offsetAncestorComputed=!0),this.cachedOffsetAncestor)){const t=this.cachedOffsetAncestor.getBoundingClientRect();f-=t.top,v-=t.left}const u={top:`${f}px`,left:`${v}px`};if(this.matchWidth&&(u.width=`${(null!=e?e:t).width}px`),this.panelEl){Object.assign(this.panelEl.style,u);const t=`co-popover__panel--${d.split("-")[0]}`;this.panelEl.classList.contains(t)||(this.panelEl.classList.remove(...m),this.panelEl.classList.add(t),this.coPlacement.emit({placement:d})),this.panelEl.classList.add("co-popover__panel--positioned")}},this.handlePanelResize=()=>{this.open&&(this.keepSide=!0,this.scheduleUpdate())},this.scheduleUpdate=()=>{this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame(this.updatePosition)},this.handleTriggerClick=()=>{this.open=!this.open}}componentDidLoad(){this.open&&this.onOpenChange(!0)}disconnectedCallback(){l(this.el),this.unbindDocListeners(),this.cleanupListeners(),clearTimeout(this.closeFallbackTimer),this.closing=!1}onOpenChange(t){var i;this.anchorSeenVisible=!1,t?(this.closing=!1,clearTimeout(this.closeFallbackTimer),l(i=this.el),p.push(i),this.coOpen.emit(),this.bindDocListeners(),this.scheduleUpdate(),requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.updatePosition()}))})),this.addScrollListeners()):(l(this.el),this.coClose.emit(),this.cleanupListeners(),this.unbindDocListeners(),this.cachedOffsetAncestor=null,this.offsetAncestorComputed=!1,this.closing=!0,clearTimeout(this.closeFallbackTimer),this.closeFallbackTimer=setTimeout((()=>this.finishClose()),400))}bindDocListeners(){this.docListenersBound||(document.addEventListener("pointerdown",this.handleDocumentPointerDownManual,!0),document.addEventListener("click",this.handleDocumentClickManual,!0),document.addEventListener("keydown",this.handleDocumentKeydownManual,!0),this.docListenersBound=!0)}unbindDocListeners(){this.docListenersBound&&(document.removeEventListener("pointerdown",this.handleDocumentPointerDownManual,!0),document.removeEventListener("click",this.handleDocumentClickManual,!0),document.removeEventListener("keydown",this.handleDocumentKeydownManual,!0),this.docListenersBound=!1,this.pressStartedInside=!1)}async toggle(){this.open=!this.open}async show(){this.open=!0}async hide(){this.open=!1}resolveAnchor(){return this.anchor?"string"==typeof this.anchor?document.querySelector(this.anchor):this.anchor:null}promotePanel(){const t=this.panelEl;if(t&&"function"==typeof t.showPopover)try{c(t)||t.showPopover()}catch(t){}}observePanel(){var t;"undefined"!=typeof ResizeObserver&&this.panelEl&&this.observedPanel!==this.panelEl&&(null!==(t=this.resizeObserver)&&void 0!==t||(this.resizeObserver=new ResizeObserver(this.handlePanelResize)),this.observedPanel&&this.resizeObserver.unobserve(this.observedPanel),this.observedPanel=this.panelEl,this.resizeObserver.observe(this.panelEl))}addScrollListeners(){window.addEventListener("resize",this.scheduleUpdate,{passive:!0}),window.addEventListener("scroll",this.scheduleUpdate,{passive:!0,capture:!0}),this.scrollParents=a(this.el);for(const t of this.scrollParents)t.addEventListener("scroll",this.scheduleUpdate,{passive:!0})}cleanupListeners(){var t;null===(t=this.resizeObserver)||void 0===t||t.disconnect(),this.observedPanel=void 0,this.lastPlacement=void 0,this.keepSide=!1,this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=void 0),window.removeEventListener("resize",this.scheduleUpdate),window.removeEventListener("scroll",this.scheduleUpdate,{capture:!0});for(const t of this.scrollParents)t.removeEventListener("scroll",this.scheduleUpdate);this.scrollParents=[]}render(){return e("div",{key:"36563fc43d535139e1dcacf5c10f7d94ac7c3c56",class:"co-popover"},e("div",{key:"b89ff545f53702c42e95058449644af4336c7b8e",class:"co-popover__trigger",ref:t=>this.triggerEl=t,onClick:this.handleTriggerClick},e("slot",{key:"aacbf2fbf099af3402d2a09d2f003893ed01b6da",name:"trigger"})),(this.open||this.closing)&&e("div",{key:"571d316922717803b4645e66302068f8081e8d36",class:{"co-popover__panel":!0,"co-popover__panel--closing":this.closing},part:"panel",popover:"manual",onTransitionEnd:this.handlePanelTransitionEnd,ref:t=>{t&&t!==this.panelEl&&(this.panelEl=t,this.promotePanel(),this.scheduleUpdate())}},e("slot",{key:"cd42d52c6bbdf2522ce692b75ba556da35c8a5b9"})))}get el(){return this}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return":host{display:inline-block;position:relative}:host([match-width]){display:block;width:100%}.co-popover{display:block;width:100%}.co-popover__trigger{display:block;width:100%;cursor:pointer}.co-popover__panel{position:fixed;inset:auto;top:0;left:0;margin:0;padding:0;width:auto;min-width:var(--co-popover-min-width, 0);height:auto;max-width:none;max-height:none;z-index:10000;visibility:hidden;opacity:0;transform:scale(0.97);background:var(--co-semantic-surface-page, #fff);color:var(--co-semantic-text-default);border:1px solid var(--co-popover-border-color, var(--co-semantic-border-subtle));border-radius:var(--co-border-radius-sm, 12px);box-shadow:var(--co-popover-shadow, 0 4px 16px rgba(31, 28, 27, 0.08));overflow:visible}:host([bare]) .co-popover__panel{background:transparent;border:0;box-shadow:none}.co-popover__panel--positioned{visibility:visible;opacity:1;transform:scale(1);transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out), transform var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-popover__panel--closing{visibility:visible;opacity:0;transform:scale(0.99);pointer-events:none;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-in), transform var(--co-motion-duration-fast) var(--co-motion-ease-in)}.co-popover__panel--bottom{transform-origin:top center}.co-popover__panel--top{transform-origin:bottom center}.co-popover__panel--right{transform-origin:center left}.co-popover__panel--left{transform-origin:center right}"}},[257,"co-popover",{open:[1540],placement:[1],matchWidth:[516,"match-width"],offset:[2],closeOnClickOutside:[4,"close-on-click-outside"],closeOnEscape:[4,"close-on-escape"],flip:[4],bare:[516],anchor:[1],shift:[2],closing:[32],toggle:[64],show:[64],hide:[64]},void 0,{open:[{onOpenChange:0}]}]);function v(){"undefined"!=typeof customElements&&["co-popover"].forEach((i=>{"co-popover"===i&&(customElements.get(t(i))||customElements.define(t(i),f))}))}v();export{f as C,v as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as s,c as o,h as i}from"./index.js";const a=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coRevealEnd=o(this,"coRevealEnd",7),this.variant="rect",this.width="100%",this.height="",this.revealed=!1,this.revealEndEmitted=!1,this.handleTransitionEnd=e=>{this.revealed&&"opacity"===e.propertyName&&this.emitRevealEnd()}}onRevealedChange(e){clearTimeout(this.revealFallbackTimer),e?(this.revealEndEmitted=!1,this.revealFallbackTimer=setTimeout((()=>this.emitRevealEnd()),400)):this.revealEndEmitted=!1}disconnectedCallback(){clearTimeout(this.revealFallbackTimer)}emitRevealEnd(){clearTimeout(this.revealFallbackTimer),this.revealEndEmitted||(this.revealEndEmitted=!0,this.coRevealEnd.emit())}render(){const e={width:this.width};return this.height&&(e.height=this.height),i("div",{key:"e4f8d19b4993eed4acce3f5a3db3a126ea728fbe",class:{"co-skeleton":!0,[`co-skeleton--${this.variant}`]:!0,"co-skeleton--revealed":this.revealed},part:"skeleton",style:e,"aria-hidden":"true",onTransitionEnd:this.handleTransitionEnd})}static get watchers(){return{revealed:[{onRevealedChange:0}]}}static get style(){return":host{display:block}.co-skeleton{height:1em;border-radius:var(--co-border-radius-xs);background:linear-gradient( 90deg, var(--co-semantic-surface-
|
|
1
|
+
import{t as e,p as t,H as s,c as o,h as i}from"./index.js";const a=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coRevealEnd=o(this,"coRevealEnd",7),this.variant="rect",this.width="100%",this.height="",this.revealed=!1,this.revealEndEmitted=!1,this.handleTransitionEnd=e=>{this.revealed&&"opacity"===e.propertyName&&this.emitRevealEnd()}}onRevealedChange(e){clearTimeout(this.revealFallbackTimer),e?(this.revealEndEmitted=!1,this.revealFallbackTimer=setTimeout((()=>this.emitRevealEnd()),400)):this.revealEndEmitted=!1}disconnectedCallback(){clearTimeout(this.revealFallbackTimer)}emitRevealEnd(){clearTimeout(this.revealFallbackTimer),this.revealEndEmitted||(this.revealEndEmitted=!0,this.coRevealEnd.emit())}render(){const e={width:this.width};return this.height&&(e.height=this.height),i("div",{key:"e4f8d19b4993eed4acce3f5a3db3a126ea728fbe",class:{"co-skeleton":!0,[`co-skeleton--${this.variant}`]:!0,"co-skeleton--revealed":this.revealed},part:"skeleton",style:e,"aria-hidden":"true",onTransitionEnd:this.handleTransitionEnd})}static get watchers(){return{revealed:[{onRevealedChange:0}]}}static get style(){return":host{display:block}.co-skeleton{height:1em;border-radius:var(--co-border-radius-xs);background:linear-gradient( 90deg, var(--co-semantic-surface-muted) 0%, color-mix(in srgb, var(--co-semantic-surface-muted), var(--co-semantic-surface-page) 50%) 50%, var(--co-semantic-surface-muted) 100% );background-size:200% 100%;animation:co-skeleton-sweep 1.2s ease-in-out infinite}.co-skeleton--text{border-radius:var(--co-border-radius-xxs)}.co-skeleton--circle{border-radius:var(--co-border-radius-full)}.co-skeleton{transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-in-out)}.co-skeleton--revealed{opacity:0;pointer-events:none;animation:none}@keyframes co-skeleton-sweep{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.co-skeleton{animation:none}}"}},[1,"co-skeleton",{variant:[513],width:[1],height:[1],revealed:[516]},void 0,{revealed:[{onRevealedChange:0}]}]);function n(){"undefined"!=typeof customElements&&["co-skeleton"].forEach((t=>{"co-skeleton"===t&&(customElements.get(e(t))||customElements.define(e(t),a))}))}n();export{a as C,n as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as c,p as o,H as e,c as a,h as r}from"./index.js";const t=o(class extends e{constructor(c){super(),!1!==c&&this.__registerHost(),this.__attachShadow(),this.coChange=a(this,"coChange",7),this.checked=!1,this.indeterminate=!1,this.size="small",this.labelSize="default",this.disabled=!1,this.value="",this.appearance="default",this.handleClick=()=>{this.disabled||(this.indeterminate?(this.indeterminate=!1,this.checked=!1,this.coChange.emit(!1)):(this.checked=!this.checked,this.coChange.emit(this.checked)))},this.handleKeyDown=c=>{" "===c.key&&(c.preventDefault(),this.handleClick())}}render(){const c="overlay"===this.appearance,o=this.checkedColor&&(this.checked||this.indeterminate)?{background:this.checkedColor}:void 0;return r("div",{key:"9e2c38b7ae4421165cf8ebea81516a91478b99a1",class:{"co-checkbox-row":!0,"co-checkbox-row--disabled":this.disabled,"co-checkbox-row--label-xs":"xs"===this.labelSize},onClick:this.handleClick},r("span",{key:"6d7d00ff7624068dda50673b75844f7ac338c6e9",role:"checkbox","aria-checked":this.indeterminate?"mixed":String(this.checked),"aria-label":this.label||this.ariaLabelText||"","aria-disabled":this.disabled?"true":void 0,tabIndex:this.disabled?-1:0,onKeyDown:this.handleKeyDown,class:{"co-checkbox":!0,[`co-checkbox--${this.size}`]:!0,"co-checkbox--overlay":c,"co-checkbox--checked":this.checked&&!this.indeterminate,"co-checkbox--indeterminate":this.indeterminate,"co-checkbox--disabled":this.disabled},style:o,part:"box"},r("svg",{key:"2c6377c45aa39658fe85d399d812fb7f32d0a51b",class:"co-checkbox__glyph",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},r("path",{key:"0f754ffa9b90acc943bcb9ec354a27596b4b3532",class:"co-checkbox__check",d:"M3.5 8.5l3 3 6-6.5",pathLength:"1","stroke-linecap":"round","stroke-linejoin":"round"}),r("path",{key:"beca1dff6db4a2eae3c7c2c25dcd10061fae5f31",class:"co-checkbox__dash",d:"M3 8h10",pathLength:"1","stroke-linecap":"round"}))),this.label&&r("span",{key:"28f0916e57c3377040ebeb2a901ba1dec491f580",class:"co-checkbox__label",part:"label"},this.label))}static get style(){return":host{display:inline-flex;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-checkbox-row{display:flex;align-items:center;gap:var(--co-spacing-sm2);cursor:pointer}.co-checkbox-row--disabled{cursor:not-allowed}.co-checkbox__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;user-select:none}.co-checkbox-row--disabled .co-checkbox__label{color:var(--co-semantic-text-disabled)}.co-checkbox{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;outline:none;padding:0;overflow:hidden;flex-shrink:0;box-sizing:border-box;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), border-color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-checkbox--small{width:16px;height:16px;border-radius:var(--co-border-radius-xxs);}.co-checkbox--medium{width:20px;height:20px;border-radius:var(--co-spacing-sm);}.co-checkbox--large{width:24px;height:24px;border-radius:var(--co-spacing-sm);}.co-checkbox:not(.co-checkbox--checked){background:color-mix(in srgb, var(--co-semantic-surface-secondary) 35%, transparent);border:1px solid var(--co-semantic-border-field)}.co-checkbox--checked{background:var(--co-semantic-surface-primary);border:none}.co-checkbox.co-checkbox--indeterminate{background:var(--co-semantic-surface-primary);border:none}.co-checkbox--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-checkbox--overlay{border-radius:6px}.co-checkbox--overlay.co-checkbox--small{width:20px;height:20px;border-radius:6px}.co-checkbox--overlay.co-checkbox--medium,.co-checkbox--overlay.co-checkbox--large{width:22px;height:22px;border-radius:6px}.co-checkbox--overlay:not(.co-checkbox--checked):not(.co-checkbox--indeterminate){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));border:none;-webkit-backdrop-filter:var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)));backdrop-filter:var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)))}.co-checkbox--overlay.co-checkbox--checked,.co-checkbox--overlay.co-checkbox--indeterminate{background:var(--co-color-primary-azul, #2563eb);border:none;box-shadow:none}.co-checkbox__glyph{display:block;pointer-events:none}.co-checkbox__glyph path{stroke:var(--co-semantic-on-primary);stroke-dasharray:1;stroke-dashoffset:1;opacity:0}.co-checkbox--checked .co-checkbox__check,.co-checkbox--indeterminate .co-checkbox__dash{stroke-dashoffset:0;opacity:1;transition:stroke-dashoffset var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-checkbox--small .co-checkbox__glyph{width:12px;height:12px}.co-checkbox--medium .co-checkbox__glyph{width:14px;height:14px}.co-checkbox--large .co-checkbox__glyph{width:18px;height:18px}.co-checkbox--small .co-checkbox__check{stroke-width:2;}.co-checkbox--medium .co-checkbox__check{stroke-width:1.714;}.co-checkbox--large .co-checkbox__check{stroke-width:1.333;}.co-checkbox--small .co-checkbox__dash{stroke-width:2;}.co-checkbox--medium .co-checkbox__dash{stroke-width:2;}.co-checkbox--large .co-checkbox__dash{stroke-width:1.778;}.co-checkbox--overlay .co-checkbox__glyph{width:100%;height:100%}.co-checkbox--overlay .co-checkbox__glyph path{stroke:#fff;stroke-width:2.2}@supports not (background: color-mix(in srgb, red, transparent)){.co-checkbox:not(.co-checkbox--checked){background:transparent}}.co-checkbox.co-checkbox:focus-visible{outline:none;border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus)}.co-checkbox-row--label-xs{gap:var(--co-spacing-sm);}.co-checkbox-row--label-xs .co-checkbox__label{color:var(--co-semantic-text-default);font-size:var(--co-font-size-12)}.co-checkbox-row--disabled.co-checkbox-row--label-xs .co-checkbox__label{color:var(--co-semantic-text-disabled)}.co-checkbox-row--label-xs .co-checkbox:not(.co-checkbox--checked):not(.co-checkbox--indeterminate){background:transparent;border:1px solid var(--co-semantic-border-field)}"}},[1,"co-checkbox",{checked:[1540],indeterminate:[1540],size:[1],labelSize:[1,"label-size"],disabled:[4],label:[1],ariaLabelText:[1,"aria-label-text"],value:[1],checkedColor:[1,"checked-color"],appearance:[1]}]);function s(){"undefined"!=typeof customElements&&["co-checkbox"].forEach((o=>{"co-checkbox"===o&&(customElements.get(c(o))||customElements.define(c(o),t))}))}s();export{t as C,s as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as c,p as o,H as i,c as a,h as e}from"./index.js";import{d as t}from"./p-qMNHMnvI.js";const r=o(class extends i{constructor(c){super(),!1!==c&&this.__registerHost(),this.__attachShadow(),this.coRemove=a(this,"coRemove",7),this.coClick=a(this,"coClick",7),this.shape="rounded",this.size="large",this.iconMode="none",this.variant="filled",this.color="default",this.iconWeight="regular",this.removable=!1,this.dot=!1,this.clickable=!1,this.disabled=!1,this.selected=!1,this.handleClick=()=>{this.disabled||this.clickable&&this.coClick.emit()},this.handleRemove=c=>{c.stopPropagation(),this.disabled||this.coRemove.emit()}}render(){const c="left"===this.iconMode||"both"===this.iconMode,o="both"===this.iconMode&&!this.removable,i="large"===this.size?16:10,a="large"===this.size?16:10,t="filter"===this.variant?13:i,r=c||!!this.iconLeft||this.dot,s=o||!!this.iconRight||this.removable||!!this.trailingIcon;let n;return n=r&&s?"both":r?"left":s?"right":"none",e(this.clickable?"button":"div",{key:"a0fef13e5a67b2d8c1ac96576d1f75f5187c70cb",class:{"co-chip":!0,[`co-chip--${this.shape}`]:!0,[`co-chip--${this.size}`]:!0,[`co-chip--icon-${n}`]:!0,[`co-chip--${this.variant}`]:!0,[`co-chip--${this.color}`]:"default"!==this.color,"co-chip--clickable":this.clickable,"co-chip--disabled":this.disabled,"co-chip--selected":this.selected},part:"chip",type:this.clickable?"button":void 0,disabled:this.clickable?this.disabled:void 0,onClick:this.handleClick},this.dot&&e("span",{key:"cac1c98fa890bae489af9b3efb4fb3ec0a06d1ca",class:"co-chip__dot",part:"dot",style:this.dotColor?{color:this.dotColor}:void 0},e("co-icon",{key:"545dba15817d7375447a0adb1d472b2accf7b878",name:"circle",size:i,weight:"fill"})),this.iconLeft&&!c&&e("span",{key:"a54ecde8516125b1670716ebd8555d3ac6ca24be",class:"co-chip__icon-left",part:"icon-left"},e("co-icon",{key:"0e3174abeb9761a8a2abca7bbd9ebec0bd3e9dea",name:this.iconLeft,size:i,weight:this.iconWeight})),c&&e("span",{key:"cf7a72c01e63140bc22bde8d87841cbb79bb4f4a",class:"co-chip__icon-left",part:"icon-left"},e("slot",{key:"f2398a1b9bb41f1f2dc039303ec0a6b8c8ccfada",name:"icon-left"})),e("span",{key:"de70419bb5a522cd5425096f6da19752736d14b8",class:"co-chip__label"},e("slot",{key:"6bf611ee5235e60514eb2b3f37040183f7e0032c"},this.label),null!=this.valueLabel&&""!==this.valueLabel&&e("span",{key:"bc36276493cd3ff26ce131c85094125b27791028",class:"co-chip__value",part:"value"},`: ${this.valueLabel}`)),this.iconRight&&!o&&!this.removable&&e("span",{key:"8d20d206a23ed7109c5cc40b2beb278fd0e89614",class:"co-chip__icon-right",part:"icon-right"},e("co-icon",{key:"28cdb555b65fefcf3e3471aea46fe4ec0d2aad18",name:this.iconRight,size:i,weight:this.iconWeight})),o&&e("span",{key:"009206c164ae5d378481e8512fe8e63c921bb57e",class:"co-chip__icon-right",part:"icon-right"},e("slot",{key:"8397bf2f3add45386d34b61964fe6ea5ecb05f70",name:"icon-right"})),this.removable&&e("span",{key:"bb95705bdb89959b8bc64a5d692d54dcc2387e0b",class:"co-chip__remove",part:"remove",role:"button",tabIndex:this.disabled?-1:0,onClick:this.handleRemove,"aria-label":"Remove"},e("co-icon",{key:"a616ebe4d69c08be3bb908e7da1dcdd15a4c257a",name:"x-circle",size:a,weight:"fill"})),this.trailingIcon&&e("span",{key:"3302ddb23482eaeff3a4ba2de38282f423768b2c",class:"co-chip__trailing",part:"trailing"},e("co-icon",{key:"34a716149f174722d7b7a5549821a80ee7cdad63",name:this.trailingIcon,size:t,weight:this.iconWeight})))}static get style(){return":host{display:inline-flex;max-width:var(--co-chip-max-width, none)}.co-chip{display:inline-flex;align-items:center;justify-content:center;font-family:var(--co-font-family-primary);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;box-sizing:border-box;-webkit-font-smoothing:antialiased;max-width:100%;overflow:hidden;border:1px solid transparent;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), opacity var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out);cursor:default;margin:0;padding:0}button.co-chip{cursor:pointer;outline:none}button.co-chip:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px}.co-chip__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.co-chip__value{color:var(--co-chip-value-color, var(--co-semantic-text-muted, #888888))}.co-chip--filled:not(.co-chip--primary,.co-chip--success,.co-chip--error,.co-chip--warning,.co-chip--info,.co-chip--pending,.co-chip--progress,.co-chip--review,.co-chip--submitted) .co-chip__value{color:var(--co-chip-value-color, var(--co-semantic-text-secondary))}.co-chip--filled{background:var(--co-chip-bg, var(--co-semantic-surface-muted));color:var(--co-chip-color, var(--co-semantic-text-default));border-color:var(--co-chip-border, transparent)}.co-chip--filled.co-chip--clickable:hover:not(.co-chip--disabled){background:var(--co-semantic-surface-hover)}.co-chip--filled.co-chip--clickable:active:not(.co-chip--disabled){opacity:0.85}.co-chip--filled.co-chip--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary)}.co-chip--filled.co-chip--primary.co-chip--clickable:hover:not(.co-chip--disabled){background:var(--co-semantic-surface-primary);opacity:0.85}.co-chip--filled.co-chip--success{background:var(--co-semantic-status-success);color:#fff}.co-chip--filled.co-chip--error{background:var(--co-semantic-status-error);color:#fff}.co-chip--filled.co-chip--warning{background:var(--co-color-status-review);color:#fff}.co-chip--filled.co-chip--info{background:var(--co-semantic-status-info);color:#fff}.co-chip--filled.co-chip--pending{background:var(--co-color-status-pending);color:#fff}.co-chip--filled.co-chip--progress{background:var(--co-color-status-progress);color:#fff}.co-chip--filled.co-chip--review{background:var(--co-color-status-review);color:#fff}.co-chip--filled.co-chip--submitted{background:var(--co-color-status-submitted);color:#fff}.co-chip--outlined{background:transparent;color:var(--co-semantic-text-default);border-color:var(--co-semantic-border-default)}.co-chip--outlined.co-chip--clickable:hover:not(.co-chip--disabled){background:var(--co-semantic-surface-hover)}.co-chip--outlined.co-chip--clickable:active:not(.co-chip--disabled){background:var(--co-semantic-surface-muted)}.co-chip--outlined.co-chip--primary{color:var(--co-semantic-surface-primary);border-color:var(--co-semantic-surface-primary)}.co-chip--outlined.co-chip--success{color:var(--co-semantic-text-success, var(--co-semantic-status-success));border-color:var(--co-semantic-status-success)}.co-chip--outlined.co-chip--error{color:var(--co-semantic-text-error, var(--co-semantic-status-error));border-color:var(--co-semantic-status-error)}.co-chip--outlined.co-chip--warning{color:var(--co-semantic-text-warning, var(--co-color-status-review));border-color:var(--co-color-status-review)}.co-chip--outlined.co-chip--info{color:var(--co-semantic-text-info, var(--co-semantic-status-info));border-color:var(--co-semantic-status-info)}.co-chip--filled.co-chip--selected{box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.3)}.co-chip--outlined.co-chip--selected{background:var(--co-semantic-surface-muted);border-width:2px}.co-chip--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}button.co-chip--disabled{pointer-events:auto;}.co-chip--large{font-size:var(--co-font-size-12)}.co-chip--large.co-chip--icon-none{padding:var(--co-spacing-sm) var(--co-spacing-sm2);gap:0}.co-chip--large.co-chip--icon-left{padding:var(--co-spacing-xs) var(--co-spacing-sm2) var(--co-spacing-xs) var(--co-spacing-sm);gap:var(--co-spacing-sm)}.co-chip--large.co-chip--icon-right{padding:var(--co-spacing-xs) var(--co-spacing-xs) var(--co-spacing-xs) var(--co-spacing-sm2);gap:var(--co-spacing-sm)}.co-chip--large.co-chip--icon-both{padding:var(--co-spacing-xs);gap:var(--co-spacing-sm)}.co-chip--small{font-size:var(--co-font-size-10)}.co-chip--small.co-chip--icon-none{padding:var(--co-spacing-xs) var(--co-spacing-sm);gap:0}.co-chip--small.co-chip--icon-left{padding:var(--co-spacing-xs) var(--co-spacing-sm) var(--co-spacing-xs) var(--co-spacing-xs);gap:var(--co-spacing-xs)}.co-chip--small.co-chip--icon-right{padding:var(--co-spacing-xs) var(--co-spacing-xs) var(--co-spacing-xs) var(--co-spacing-sm);gap:var(--co-spacing-xs)}.co-chip--small.co-chip--icon-both{padding:var(--co-spacing-xs);gap:var(--co-spacing-xs)}.co-chip--rounded{border-radius:var(--co-chip-radius, var(--co-border-radius-full))}.co-chip--square{border-radius:var(--co-chip-radius, var(--co-spacing-sm))}.co-chip__icon-left,.co-chip__icon-right,.co-chip__dot,.co-chip__trailing{display:inline-flex;flex-shrink:0;align-items:center}.co-chip__trailing{color:var(--co-chip-trailing-color, currentColor)}.co-chip--large .co-chip__icon-left,.co-chip--large .co-chip__icon-right,.co-chip--large .co-chip__dot{width:16px;height:16px}.co-chip--small .co-chip__icon-left,.co-chip--small .co-chip__icon-right,.co-chip--small .co-chip__dot{width:10px;height:10px}.co-chip__remove{display:inline-flex;flex-shrink:0;align-items:center;cursor:pointer;opacity:1;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out);border:none;background:transparent;padding:0;color:inherit}.co-chip__remove:hover{opacity:0.7}.co-chip--large .co-chip__remove{width:16px;height:16px}.co-chip--small .co-chip__remove{width:10px;height:10px}::slotted(*){display:inline-flex;width:100%;height:100%}.co-chip.co-chip--filter{height:34px;padding:0 12px;gap:7px;font-size:13.5px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-page, #fff);color:var(--co-semantic-text-default, #1f1c1b);border-color:transparent;box-shadow:inset 0 0 0 1px var(--co-semantic-border-default, rgba(0, 0, 0, 0.16))}.co-chip--filter .co-chip__icon-left{color:var(--co-semantic-text-muted, #888888)}.co-chip--filter .co-chip__trailing{color:var(--co-semantic-text-muted, #888888)}.co-chip--filter.co-chip--clickable:hover:not(.co-chip--disabled){box-shadow:inset 0 0 0 1px var(--co-semantic-border-field, rgba(0, 0, 0, 0.25))}.co-chip--filter.co-chip--clickable:active:not(.co-chip--disabled){background:var(--co-semantic-surface-disabled, #f6f6f6)}.co-chip--filter.co-chip--selected{background:var(--co-semantic-surface-disabled, #f6f6f6)}"}},[257,"co-chip",{shape:[1],size:[1],iconMode:[1,"icon-mode"],variant:[1],color:[1],label:[1],iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],iconWeight:[1,"icon-weight"],valueLabel:[1,"value-label"],trailingIcon:[1,"trailing-icon"],removable:[516],dot:[516],dotColor:[513,"dot-color"],clickable:[4],disabled:[4],selected:[1540]}]);function s(){"undefined"!=typeof customElements&&["co-chip","co-icon"].forEach((o=>{switch(o){case"co-chip":customElements.get(c(o))||customElements.define(c(o),r);break;case"co-icon":customElements.get(c(o))||t()}}))}s();export{r as C,s as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as i,H as e,c as s,h as o}from"./index.js";import{l as n,r as a}from"./p-CDiRdG6I.js";import{d as r}from"./p-qMNHMnvI.js";import{d as h}from"./p-C-5cLeKr.js";import{d as l}from"./p-rfvTj6cP.js";import{c,z as d,a as u,w as g,t as v}from"./p-Ch837Ggl.js";import{a as f,t as p,b,c as _,p as m}from"./p-DJ468fPu.js";function x(t,i,e){return Math.min(e,Math.max(i,t))}function y(t,i){return i<=0?t:Math.round(t/i)*i}function w(t,i,e){const s=e-i;return s<=0?0:x(t,i,e)===t?(t-i)/s:Math.min(1,Math.max(0,(t-i)/s))}function k(t,i,e){const s=[...t].sort(((t,s)=>i(t)-i(s)||e(t)-e(s))),o=[];let n=[],a=[],r=-1/0;const h=()=>{const t=a.length;for(const i of n)o[i].columnCount=t;n=[],a=[],r=-1/0};for(const t of s){const s=i(t),l=e(t);n.length&&s>=r&&h();let c=-1;for(let t=0;t<a.length;t++)if(a[t]<=s){c=t;break}-1===c?(c=a.length,a.push(l)):a[c]=l,o.push({event:t,columnIndex:c,columnCount:1}),n.push(o.length-1),r=Math.max(r,l)}return h(),o}function M(t,i,e){const s=c(t),o=c(i);if(o<=s)return[];const n=[];let a=d(s,e),r=z(a,e);for(let t=0;t<366&&r<o;t++){const t=f(a,1),i=z(t,e),h=Math.max(s,r),l=Math.min(o,i);n.push({dateKey:a,startMinutes:h===r?0:u(h,e),endMinutes:l===i?1440:u(l,e),isStart:h===s,isEnd:l===o}),a=t,r=i}return n}const D=new Map;function z(t,i){const e=`${i}|${t}`;let s=D.get(e);if(void 0===s){const[o,n,a]=t.split("-").map(Number);s=g({year:o,month:n,day:a,hour:0,minute:0,second:0},i),D.size>1e3&&D.clear(),D.set(e,s)}return s}const $=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coRangeSelect=s(this,"coRangeSelect",1),this.coEventClick=s(this,"coEventClick",1),this.coEventDrop=s(this,"coEventDrop",1),this.coEventDblClick=s(this,"coEventDblClick",1),this.events=[],this.dates=[],this.locale="es-CO",this.editable=!0,this.selectable=!0,this.slotMinutes=15,this.snapMinutes=15,this.defaultDurationMinutes=60,this.scrollTime="07:00",this.nowIndicator=!0,this.loading=!1,this.allDaySlot=!0,this.minTime="00:00",this.maxTime="24:00",this.nowMinutes=0,this.nowDay="",this.focusDate="",this.focusMin=0,this.selDate=null,this.selStartMin=0,this.selEndMin=0,this.selecting=!1,this.pendingSel=null,this.selRaf=0,this.pendingDrag=null,this.dragRaf=0,this.onWindowPointerUp=()=>this.finishSelection(),this.dragId=null,this.dragMode=null,this.dragGrabOffsetMin=0,this.dragDurationMin=0,this.dragDate=null,this.dragStartMin=0,this.dragEndMin=0,this.origStartMin=0,this.origEndMin=0,this.origDate=null,this.suppressNextClick=!1,this.dragArmedId=null,this.dragStartPointer=null,this.onWindowPointerMove=t=>this.trackDrag(t),this.onWindowPointerUpDrag=()=>this.finishDrag(),this.colRects=[],this.gridRect=null,this.onDragViewportChange=()=>this.captureDragRects(),this.startSelection=(t,i,e)=>{if(!this.selectable||!this.isDayInteractable(i))return;if(t.target.closest(".tg__event, .tg__allday-bar"))return;t.preventDefault();const s=this.minutesFromPointer(t.clientY,e);this.selecting=!0,this.selDate=i,this.selStartMin=s,this.selEndMin=s,this.setInteracting(!0)},this.extendSelection=(t,i)=>{this.selecting&&(this.pendingSel={y:t.clientY,colEl:i},this.selRaf||(this.selRaf=requestAnimationFrame((()=>{this.selRaf=0;const t=this.pendingSel;if(this.pendingSel=null,!t||!this.selecting)return;const i=this.minutesFromPointer(t.y,t.colEl);i!==this.selEndMin&&(this.selEndMin=i)}))))},this.startMove=(t,i)=>{const e=this.eventById(i);if(!e||e.allDay||!this.editable||!1===e.editable||!1===e.startEditable)return;t.stopPropagation();const s=d(e.startMs,this.timeZone);if(this.captureDragRects(),!this.gridRect||!this.colRects.some((t=>t.d===s)))return;const o=this.minutesFromCachedY(t.clientY),n=u(e.startMs,this.timeZone);this.dragArmedId=i,this.dragMode="move",this.dragDate=s,this.dragGrabOffsetMin=o-n,this.dragDurationMin=Math.round((e.endMs-e.startMs)/6e4),this.dragStartMin=n,this.dragEndMin=n+this.dragDurationMin,this.origStartMin=n,this.origEndMin=n+this.dragDurationMin,this.origDate=s,this.dragStartPointer={x:t.clientX,y:t.clientY}},this.startResize=(t,i)=>{const e=this.eventById(i);if(!e||e.allDay||!this.editable||!1===e.editable||!1===e.durationEditable)return;t.stopPropagation();const s=d(e.startMs,this.timeZone);this.captureDragRects(),this.gridRect&&this.colRects.some((t=>t.d===s))&&(this.dragArmedId=i,this.dragMode="resize",this.dragDate=s,this.dragStartMin=u(e.startMs,this.timeZone),this.dragEndMin=u(e.endMs,this.timeZone),this.origStartMin=this.dragStartMin,this.origEndMin=this.dragEndMin,this.origDate=s,this.dragStartPointer={x:t.clientX,y:t.clientY})},this.handleKeyDown=t=>{const i=this.slotMinutes;let e=!0;switch(t.key){case"ArrowUp":this.focusMin=x(this.focusMin-i,this.minM,this.maxM-i);break;case"ArrowDown":this.focusMin=x(this.focusMin+i,this.minM,this.maxM-i);break;case"ArrowLeft":this.focusDate=this.shiftFocusDate(-1);break;case"ArrowRight":this.focusDate=this.shiftFocusDate(1);break;case"Enter":case" ":{if(!this.isDayInteractable(this.focusDate))break;const t=this.toInstant(this.focusDate,this.focusMin),i=this.toInstant(this.focusDate,Math.min(this.focusMin+this.defaultDurationMinutes,this.maxM));new Date(t).getTime()>=Date.now()&&this.coRangeSelect.emit({start:t,end:i});break}default:e=!1}e&&(t.preventDefault(),t.stopPropagation())}}componentWillLoad(){this.refreshNow(),this.focusDate=this.dates&&this.dates[0]||p(),this.focusMin=C(this.scrollTime,420)}componentDidLoad(){this.scrollToInitial(),this.nowTimer=window.setInterval((()=>this.refreshNow()),6e4),window.addEventListener("pointerup",this.onWindowPointerUp),window.addEventListener("pointermove",this.onWindowPointerMove),window.addEventListener("pointerup",this.onWindowPointerUpDrag)}disconnectedCallback(){this.nowTimer&&window.clearInterval(this.nowTimer),this.selRaf&&cancelAnimationFrame(this.selRaf),this.dragRaf&&cancelAnimationFrame(this.dragRaf),window.removeEventListener("pointerup",this.onWindowPointerUp),window.removeEventListener("pointermove",this.onWindowPointerMove),window.removeEventListener("pointerup",this.onWindowPointerUpDrag),this.bindDragViewportListeners(!1),this.hideGhost(),this.colRects=[],this.gridRect=null}async clearSelection(){this.selDate=null}onEventsChange(){this.selecting||(this.selDate=null)}refreshNow(){const t=Date.now();this.nowDay=d(t,this.timeZone),this.nowMinutes=u(t,this.timeZone)}get minM(){return C(this.minTime,0)}get maxM(){return C(this.maxTime,1440)}scrollToInitial(){var t,i,e;const s=null!==(t=this.scrollEl)&&void 0!==t?t:null===(i=this.el.shadowRoot)||void 0===i?void 0:i.querySelector(".tg__scroll"),o=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector(".tg__body");if(!s||!o)return;const n=w(C(this.scrollTime,420),this.minM,this.maxM);s.scrollTop=n*o.offsetHeight}visibleDates(){return this.dates.length?this.dates:[p()]}get slotM(){return this.slotMinutes>0?this.slotMinutes:15}slotCount(){return Math.max(1,Math.ceil((this.maxM-this.minM)/this.slotM))}hourList(){const t=[];for(let i=60*Math.ceil(this.minM/60);i<this.maxM;i+=60)t.push(i);return t}minutesFromPointer(t,i){const e=i.getBoundingClientRect();return this.minutesAtFraction((t-e.top)/e.height)}minutesFromCachedY(t){const i=this.gridRect;return i&&i.height?this.minutesAtFraction((t-i.top)/i.height):this.minM}minutesAtFraction(t){return x(y(this.minM+t*(this.maxM-this.minM),this.snapMinutes),this.minM,this.maxM)}captureDragRects(){const t=this.el.shadowRoot,i=null==t?void 0:t.querySelector(".tg__cols"),e=null==t?void 0:t.querySelectorAll(".tg__col");if(!i||!e||!e.length)return this.colRects=[],void(this.gridRect=null);const s=i.getBoundingClientRect();this.gridRect={top:s.top,height:s.height},this.colRects=Array.from(e).map((t=>{var i;const e=t.getBoundingClientRect();return{d:null!==(i=t.dataset.colDate)&&void 0!==i?i:"",left:e.left,right:e.right}}))}bindDragViewportListeners(t){const i=this.scrollEl;t?(null==i||i.addEventListener("scroll",this.onDragViewportChange,{passive:!0}),window.addEventListener("resize",this.onDragViewportChange)):(null==i||i.removeEventListener("scroll",this.onDragViewportChange),window.removeEventListener("resize",this.onDragViewportChange))}setInteracting(t){var i;null===(i=this.rootEl)||void 0===i||i.classList.toggle("tg--interacting",t)}toInstant(t,i){const[e,s,o]=t.split("-").map(Number),n=g({year:e,month:s,day:o,hour:Math.floor(i/60),minute:i%60,second:0},this.timeZone);return v(n)}isDayInteractable(t){return!(this.minDate&&t<this.minDate||this.maxDate&&t>this.maxDate)}finishSelection(){if(!this.selecting)return;this.selRaf&&(cancelAnimationFrame(this.selRaf),this.selRaf=0);const t=this.pendingSel;if(this.pendingSel=null,t){const i=this.minutesFromPointer(t.y,t.colEl);i!==this.selEndMin&&(this.selEndMin=i)}this.selecting=!1,this.setInteracting(!1);const i=this.selDate;let e=Math.min(this.selStartMin,this.selEndMin),s=Math.max(this.selStartMin,this.selEndMin);s-e<this.snapMinutes&&(s=e+this.defaultDurationMinutes),s=Math.min(s,this.maxM);const o=i?this.selectionRect(i,e,s):void 0;if(!i)return;const n=this.toInstant(i,e),a=this.toInstant(i,s);new Date(n).getTime()<Date.now()?this.selDate=null:(this.selStartMin=e,this.selEndMin=s,this.coRangeSelect.emit({start:n,end:a,rect:o}))}selectionRect(t,i,e){var s;const o=null===(s=this.el.shadowRoot)||void 0===s?void 0:s.querySelector(`[data-col-date="${t}"]`);if(!o)return;const n=o.getBoundingClientRect();try{const t=w(i,this.minM,this.maxM),s=w(e,this.minM,this.maxM);return{top:n.top+t*n.height,left:n.left,width:n.width,height:(s-t)*n.height}}catch(t){return n}}eventById(t){return this.events.find((i=>i.id===t))}dateKeyAtX(t){for(const i of this.colRects)if(t>=i.left&&t<i.right)return i.d||null;return null}beginDragInteraction(){this.setInteracting(!0),this.bindDragViewportListeners(!0),this.paintGhost()}paintGhost(){const t=this.ghostEl;if(!t)return;const i=this.colRects.length,e=this.dragDate?this.colRects.findIndex((t=>t.d===this.dragDate)):-1;if(!i||e<0)return void(t.style.display="none");const s=this.maxM-this.minM||1,o=(this.dragStartMin-this.minM)/s,n=(this.dragEndMin-this.dragStartMin)/s;t.style.display="block",t.style.left=e/i*100+"%",t.style.width=`calc(${100/i}% - 2px)`,t.style.top=100*o+"%",t.style.height=100*n+"%"}hideGhost(){this.ghostEl&&(this.ghostEl.style.display="none")}trackDrag(t){if(this.dragArmedId&&!this.dragId){const i=this.dragStartPointer;if(!i)return;if(Math.hypot(t.clientX-i.x,t.clientY-i.y)<5)return;this.dragId=this.dragArmedId,this.dragArmedId=null,this.beginDragInteraction()}this.dragId&&this.dragMode&&this.dragDate&&(this.pendingDrag={x:t.clientX,y:t.clientY},this.dragRaf||(this.dragRaf=requestAnimationFrame((()=>{this.dragRaf=0;const t=this.pendingDrag;this.pendingDrag=null,t&&this.dragId&&this.dragMode&&this.dragDate&&this.applyDrag(t.x,t.y)}))))}applyDrag(t,i){var e;if(!this.dragId||!this.dragMode||!this.dragDate)return;if(!this.gridRect)return;const s=this.minutesFromCachedY(i);if("move"===this.dragMode){const i=null!==(e=this.dateKeyAtX(t))&&void 0!==e?e:this.dragDate;let o=s-this.dragGrabOffsetMin;o=x(y(o,this.snapMinutes),this.minM,this.maxM-this.dragDurationMin),this.dragDate=i,this.dragStartMin=o,this.dragEndMin=o+this.dragDurationMin}else this.dragEndMin=Math.max(this.dragStartMin+this.slotMinutes,s);this.paintGhost()}finishDrag(){if(this.dragArmedId&&!this.dragId)return this.dragArmedId=null,this.dragStartPointer=null,this.dragMode=null,this.dragDate=null,void(this.origDate=null);if(!this.dragId)return;this.dragRaf&&(cancelAnimationFrame(this.dragRaf),this.dragRaf=0);const t=this.pendingDrag;this.pendingDrag=null,t&&this.dragMode&&this.dragDate&&this.applyDrag(t.x,t.y),this.setInteracting(!1),this.bindDragViewportListeners(!1),this.hideGhost(),this.colRects=[],this.gridRect=null;const i=this.dragId,e=this.dragMode,s=this.dragDate,o=this.dragStartMin,n=this.dragEndMin,a=this.origStartMin,r=this.origEndMin,h=this.origDate;if(this.dragId=null,this.dragMode=null,this.dragDate=null,this.origDate=null,this.dragStartPointer=null,!i||!e||!s)return;const l=this.eventById(i);if(!l)return;if(!("move"===e?o!==a||s!==h:n!==r))return;const c="move"===e?this.toInstant(s,o):l.start,d=this.toInstant(s,n);new Date("move"===e?c:d).getTime()<Date.now()||this.isDayInteractable(s)&&(this.suppressNextClick=!0,setTimeout((()=>{this.suppressNextClick=!1}),0),this.coEventDrop.emit({id:i,start:c,end:d,oldStart:l.start,oldEnd:l.end,allDay:!1}))}shiftFocusDate(t){const i=this.dates.indexOf(this.focusDate)+t;return i<0||i>=this.dates.length?this.focusDate:this.dates[i]}renderSelectionGhost(){const t=Math.min(this.selStartMin,this.selEndMin),i=Math.max(this.selStartMin,this.selEndMin),e=w(t,this.minM,this.maxM),s=w(Math.max(i,t+this.snapMinutes),this.minM,this.maxM);return o("div",{class:"tg__selection",style:{top:100*e+"%",height:100*(s-e)+"%"}})}renderEventBox(t){var i;const e=t.event,s=e.endMs<=Date.now(),n=!0===(null===(i=e.extendedProps)||void 0===i?void 0:i.isExternal),r=!this.editable||!1===e.editable,h=100/t.columnCount,l={top:100*t.topFraction+"%",height:100*t.heightFraction+"%",left:t.columnIndex*h+"%",width:`calc(${h}% - 2px)`};if(e.backgroundColor){l["--co-cal-event-bg"]=e.backgroundColor;const t=a(this.rootEl,e.backgroundColor);t&&(l["--co-cal-event-text"]=t)}return o("button",{type:"button",key:`${e.id}-${t.dateKey}`,"data-event-id":e.id,"data-date":t.dateKey,class:{tg__event:!0,"tg__event--past":s,"tg__event--external":n,"tg__event--locked":r,"tg__event--dragging":this.dragId===e.id,"tg__event--tentative":"tentative"===e.responseState,"tg__event--cancelled":"cancelled"===e.responseState||"declined"===e.responseState},style:l,title:e.title,"aria-label":e.title,onClick:t=>{t.stopPropagation(),this.suppressNextClick?this.suppressNextClick=!1:this.coEventClick.emit({id:e.id,rect:t.currentTarget.getBoundingClientRect()})},onDblClick:t=>{t.stopPropagation(),this.coEventDblClick.emit({id:e.id,rect:t.currentTarget.getBoundingClientRect()})},onPointerDown:t=>{r||this.startMove(t,e.id)}},t.isStart&&o("span",{class:"tg__event-time"},function(t,i){const e=`${i}|${t}`,s=E.get(e);if(void 0!==s)return s;let o=I.get(i);o||(o=new Intl.DateTimeFormat(i,{hour:"numeric",minute:"2-digit"}),I.set(i,o));const n=Math.floor(t/60),a=o.format(new Date(2e3,0,1,n,t%60));return E.size>2e3&&E.clear(),E.set(e,a),a}(t.startMinutes,this.locale)),o("span",{class:"tg__event-title"},e.title||"—"),n&&(j(e)?o("co-provider-logo",{provider:j(e),size:11,plated:!0,class:"tg__event-ext"}):o("co-icon",{name:"link",size:11,class:"tg__event-ext"})),t.isEnd&&!r&&!1!==e.durationEditable&&o("span",{class:"tg__event-resize",onPointerDown:t=>this.startResize(t,e.id)}))}renderAllDayBar(t,i,e){const s=e.get(t.eventId);if(!s)return null;const n={left:t.startCol/i*100+"%",width:(t.endCol-t.startCol+1)/i*100+"%",top:22*t.lane+"px"};if(s.backgroundColor){n["--co-cal-event-bg"]=s.backgroundColor;const t=a(this.rootEl,s.backgroundColor);t&&(n["--co-cal-event-text"]=t)}return o("button",{type:"button",key:s.id,"data-event-id":s.id,class:{"tg__allday-bar":!0,"tg__allday-bar--continues-before":t.continuesBefore,"tg__allday-bar--continues-after":t.continuesAfter,"tg__allday-bar--tentative":"tentative"===s.responseState,"tg__allday-bar--cancelled":"cancelled"===s.responseState||"declined"===s.responseState},style:n,title:s.title,onClick:t=>{t.stopPropagation(),this.coEventClick.emit({id:s.id,rect:t.currentTarget.getBoundingClientRect()})},onDblClick:t=>{t.stopPropagation(),this.coEventDblClick.emit({id:s.id,rect:t.currentTarget.getBoundingClientRect()})}},s.title||"—")}getLayouts(t){const i=t.join(","),e=this.layoutCache;if(e&&e.events===this.events&&e.datesKey===i&&e.tz===this.timeZone&&e.minM===this.minM&&e.maxM===this.maxM)return e;const s=function(t,i,e){const s=e.minMinutes??0,o=e.maxMinutes??1440,n=new Set(i),a={},r={},h={};for(const t of i)a[t]=[],r[t]=[],h[t]=[];for(const a of t)if(a.allDay){const t=a.start.slice(0,10),e=a.end.slice(0,10);for(const s of i)s>=t&&s<e&&r[s].push(a)}else for(const t of M(a.start,a.end,e.timeZone)){if(!n.has(t.dateKey))continue;const i=x(t.startMinutes,s,o),e=x(t.endMinutes,s,o);e<=i||h[t.dateKey].push({event:a,startMinutes:i,endMinutes:e,isStart:t.isStart&&i===t.startMinutes,isEnd:t.isEnd&&e===t.endMinutes})}for(const t of i){const i=k(h[t],(t=>t.startMinutes),(t=>t.endMinutes));a[t]=i.map((i=>{const e=w(i.event.startMinutes,s,o),n=w(i.event.endMinutes,s,o);return{event:i.event.event,dateKey:t,startMinutes:i.event.startMinutes,endMinutes:i.event.endMinutes,topFraction:e,heightFraction:n-e,columnIndex:i.columnIndex,columnCount:i.columnCount,isStart:i.event.isStart,isEnd:i.event.isEnd}}))}return{timed:a,allDay:r}}(this.events,t,{timeZone:this.timeZone,minMinutes:this.minM,maxMinutes:this.maxM}),o=function(t,i,e={}){const s=t.filter((t=>t.allDay)),o=n(s,[i],e);return{segments:o.segments.map((t=>({eventId:t.eventId,lane:t.lane,startCol:t.startCol,endCol:t.endCol,isStart:t.isStart,isEnd:t.isEnd,continuesBefore:t.continuesBefore,continuesAfter:t.continuesAfter}))),overflow:o.overflow,laneCount:o.laneCount}}(this.events,t,{timeZone:this.timeZone}),a=new Map(this.events.map((t=>[t.id,t])));return this.layoutCache={events:this.events,datesKey:i,tz:this.timeZone,minM:this.minM,maxM:this.maxM,layout:s,allDay:o,byId:a},this.layoutCache}render(){const t=this.visibleDates(),{layout:i,allDay:e,byId:s}=this.getLayouts(t),n=b(this.locale,0,"short"),a=`repeat(${t.length}, 1fr)`,r=p(),h=`calc(${this.slotCount()} * var(--co-cal-slot-h))`,l={"--co-cal-hour-h":`calc(${60/this.slotM} * var(--co-cal-slot-h))`,"--co-cal-hour-offset":`calc(${(60-this.minM%60)%60/this.slotM} * var(--co-cal-slot-h))`};return o("div",{key:"55c583abdd12ac65d8188a8f9d4f0448e4fcf5b7",class:"tg",tabIndex:0,onKeyDown:this.handleKeyDown,ref:t=>this.rootEl=t},o("div",{key:"33fa43418fdff096918441e6a2fdbf1d647980ec",class:"tg__head"},o("div",{key:"2c4134daefc3cb99aa4965787c11318be9f27d40",class:"tg__head-spacer"}),o("div",{key:"0b6c10bbfb8b91723d62f05f1387d8c0513d7b09",class:"tg__head-days",style:{gridTemplateColumns:a}},t.map((t=>{const i=m(t),e=function(t){const[i,e,s]=t.split("-").map(Number);return new Date(Date.UTC(i,e-1,s)).getUTCDay()}(t);return o("div",{class:{"tg__head-day":!0,"tg__head-day--today":0===_(t,r)}},o("span",{class:"tg__head-dow"},n[e]),o("span",{class:"tg__head-num"},i.day))})))),this.allDaySlot&&o("div",{key:"ac00b1d478138334f6b265e7e7861dc910ea778e",class:"tg__allday"},o("div",{key:"52ea789daff3b284863e90fe2356b3f1f5ed8e75",class:"tg__allday-axis"},function(t,i){if(!t)return"";const e=`${t}|${null!=i?i:""}`,s=F.get(e);if(void 0!==s)return s;const o=function(t,i){var e,s;try{const o=new Date(`${null!=i?i:"2026-01-01"}T12:00:00Z`),n=null!==(s=null===(e=new Intl.DateTimeFormat("en-US",{timeZone:t,timeZoneName:"shortOffset"}).formatToParts(o).find((t=>"timeZoneName"===t.type)))||void 0===e?void 0:e.value)&&void 0!==s?s:"",a=n.match(/GMT([+-])(\d{1,2})(?::(\d{2}))?/);if(!a)return n;const r=a[2].padStart(2,"0");return a[3]?`GMT${a[1]}${r}:${a[3]}`:`GMT${a[1]}${r}`}catch(t){return""}}(t,i);return F.size>2e3&&F.clear(),F.set(e,o),o}(this.timeZone,t[0])),o("div",{key:"24e0a67773437bad42a3fb183cf55f53f2e04d0f",class:"tg__allday-lane",style:{height:22*Math.max(1,e.laneCount)+4+"px"}},e.segments.map((i=>this.renderAllDayBar(i,t.length,s))))),o("div",{key:"19ee69ba01bcd63d015acebba5001390324b1c93",class:"tg__scroll",ref:t=>this.scrollEl=t},o("div",{key:"644e0cae08a22795bfdaa802227c176e733dd418",class:"tg__body"},o("div",{key:"56a20d546083e0a0695c01a0910c80fdcaf56589",class:"tg__axis",style:{height:h}},this.hourList().map((t=>o("span",{class:"tg__axis-hour",style:{top:100*w(t,this.minM,this.maxM)+"%"}},function(t,i){const e=`${i}|${t}`,s=A.get(e);if(void 0!==s)return s;let o=S.get(i);o||(o=new Intl.DateTimeFormat(i,{hour:"numeric",hour12:!0}),S.set(i,o));const n=Math.floor(t/60),a=o.format(new Date(2e3,0,1,n,0));return A.size>2e3&&A.clear(),A.set(e,a),a}(t,this.locale))))),o("div",{key:"391004de33499561a0fdc75e3eabf401fb4e5561",class:"tg__cols",style:Object.assign({gridTemplateColumns:a,height:h},l)},t.map(((t,e)=>{var s;const n=0===_(t,r);return o("div",{class:{tg__col:!0,"tg__col--today":n},"data-col-date":t,onPointerDown:i=>this.startSelection(i,t,i.currentTarget),onPointerMove:t=>this.extendSelection(t,t.currentTarget)},this.loading?T[e%T.length].map((([t,i])=>o("div",{class:"tg__event-skeleton","aria-hidden":"true",style:{top:`${t}%`,height:`${i}%`}},o("co-skeleton",{variant:"rect",width:"100%",height:"100%"})))):(null!==(s=i.timed[t])&&void 0!==s?s:[]).map((t=>this.renderEventBox(t))),this.selDate===t&&this.renderSelectionGhost(),this.focusDate===t&&o("div",{class:"tg__focus",style:{top:100*w(this.focusMin,this.minM,this.maxM)+"%",height:100*(w(this.focusMin+this.slotMinutes,this.minM,this.maxM)-w(this.focusMin,this.minM,this.maxM))+"%"}}),this.nowIndicator&&this.nowDay===t&&this.nowMinutes>=this.minM&&this.nowMinutes<this.maxM&&o("div",{class:"tg__now",style:{top:100*w(this.nowMinutes,this.minM,this.maxM)+"%"}}))})),o("div",{class:"tg__drag-ghost",key:"tg-drag-ghost",ref:t=>this.ghostEl=t})))))}get el(){return this}static get watchers(){return{events:[{onEventsChange:0}]}}static get style(){return":host{display:flex;flex-direction:column;min-block-size:0;font-family:var(--co-font-family-primary);--co-cal-slot-h:12px;--co-cal-axis-w:56px;--co-cal-surface:var(--co-semantic-surface-page);--co-cal-border:var(--co-semantic-border-default);--co-cal-grid-line:color-mix(in srgb, var(--co-cal-border) 60%, transparent);--co-cal-text:var(--co-semantic-text-default);--co-cal-text-muted:var(--co-semantic-text-muted);--co-cal-hover:var(--co-semantic-surface-hover);--co-cal-today-ring:var(--co-color-primary-azul);--co-cal-now-color:var(--co-color-status-error, #AA2E1B);--co-cal-allday-h:28px;--co-cal-event-radius:6px;--co-cal-elevation-hover:var(--co-shadow-lg);--co-cal-event-bg:var(--co-color-primary-azul);--co-cal-event-border:transparent;--co-cal-event-text:var(--co-color-base-blanco, #fff);--co-cal-event-text-light:var(--co-color-base-blanco, #fff);--co-cal-event-text-dark:var(--co-color-base-negro, #1f1c1b)}.tg{display:flex;flex-direction:column;min-block-size:0;border-radius:var(--co-border-radius-xs);overflow:hidden;background:var(--co-cal-surface)}.tg__head{display:grid;grid-template-columns:var(--co-cal-axis-w) 1fr;border-bottom:1px solid var(--co-cal-border)}.tg__head-spacer{border-right:1px solid var(--co-cal-border)}.tg__head-days{display:grid}.tg__head-day{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--co-spacing-xs)}.tg__head-dow{font-size:var(--co-font-size-11, 11px);text-transform:uppercase;letter-spacing:0.04em;color:var(--co-cal-text-muted)}.tg__head-num{font-size:var(--co-font-size-20, 20px);color:var(--co-cal-text);min-width:34px;height:34px;line-height:34px;text-align:center;border-radius:var(--co-border-radius-full)}.tg__head-day--today .tg__head-dow{color:var(--co-cal-today-ring)}.tg__head-day--today .tg__head-num{background:var(--co-cal-today-ring);color:var(--co-color-base-blanco, #fff);font-weight:500}.tg__allday{display:grid;grid-template-columns:var(--co-cal-axis-w) 1fr;min-height:var(--co-cal-allday-h);border-bottom:1px solid var(--co-cal-border)}.tg__allday-axis{border-right:1px solid var(--co-cal-border);font-size:var(--co-font-size-10, 10px);color:var(--co-cal-text-muted);padding:var(--co-spacing-xxs)}.tg__allday-lane{position:relative;min-height:var(--co-cal-allday-h);padding:2px 0}.tg__allday-bar{position:absolute;height:20px;box-sizing:border-box;padding:0 var(--co-spacing-xs);border:0;border-radius:var(--co-cal-event-radius);background:var(--co-cal-event-bg);color:var(--co-cal-event-text);font:500 var(--co-font-size-11, 11px)/20px var(--co-font-family-primary);text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.tg__allday-bar:hover{box-shadow:var(--co-cal-elevation-hover);z-index:2}.tg__allday-bar--continues-before{border-top-left-radius:0;border-bottom-left-radius:0}.tg__allday-bar--continues-after{border-top-right-radius:0;border-bottom-right-radius:0}.tg__allday-bar--tentative{background-image:repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.5) 0 4px, transparent 4px 8px)}.tg__allday-bar--cancelled{opacity:0.6;text-decoration:line-through}.tg__allday-bar:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.tg__scroll{flex:1 1 auto;min-block-size:0;overflow-y:auto}.tg__body{display:grid;grid-template-columns:var(--co-cal-axis-w) 1fr;position:relative}.tg__axis{border-right:1px solid var(--co-cal-border);position:relative}.tg__axis-hour{position:absolute;right:var(--co-spacing-xs);transform:translateY(-50%);font-size:var(--co-font-size-11, 11px);color:var(--co-cal-text-muted);white-space:nowrap}.tg__cols{display:grid;grid-auto-rows:100%;position:relative}.tg__col{position:relative;border-right:1px solid var(--co-cal-border);background-image:linear-gradient( to bottom, var(--co-cal-border) 0, var(--co-cal-border) 1px, transparent 1px );background-size:100% var(--co-cal-hour-h, calc(4 * var(--co-cal-slot-h)));background-position:0 var(--co-cal-hour-offset, 0px);background-repeat:repeat-y}.tg__col:last-child{border-right:0}.tg--interacting .tg__event{pointer-events:none}.tg--interacting .tg__col{contain:layout}.tg__event{position:absolute;user-select:none;-webkit-user-select:none;touch-action:none;box-sizing:border-box;border-radius:var(--co-cal-event-radius);background:var(--co-cal-event-bg);color:var(--co-cal-event-text);border:1px solid var(--co-cal-event-border);padding:2px var(--co-spacing-xs);font-size:var(--co-font-size-11, 11px);line-height:1.15;overflow:hidden;cursor:pointer;text-align:left}.tg__event-skeleton{position:absolute;inset-inline:0 2px;box-sizing:border-box;border-radius:var(--co-cal-event-radius);overflow:hidden;pointer-events:none}.tg__event-skeleton co-skeleton{display:block;block-size:100%}.tg__event:hover{box-shadow:var(--co-cal-elevation-hover);z-index:5}.tg__event--dragging:hover{box-shadow:none}.tg__event:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.tg__event-time{display:block;font-variant-numeric:tabular-nums;opacity:0.85}.tg__event-title{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tg__event-ext{position:absolute;top:3px;right:3px;opacity:0.9}.tg__event--past{opacity:0.55}.tg__event--external{border-style:dashed}.tg__event--locked{cursor:default}.tg__event--dragging{opacity:0.5}.tg__event--tentative{background-image:repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.5) 0 4px, transparent 4px 8px)}.tg__event--cancelled{opacity:0.6}.tg__event--cancelled .tg__event-title{text-decoration:line-through}.tg__event-resize{position:absolute;left:0;right:0;bottom:0;height:6px;cursor:ns-resize}.tg__selection{position:absolute;left:0;right:0;box-sizing:border-box;z-index:2;background:color-mix(in srgb, var(--co-cal-today-ring) 22%, transparent);border:1px solid var(--co-cal-today-ring);border-radius:var(--co-border-radius-xxs);pointer-events:none}.tg__drag-ghost{position:absolute;display:none;box-sizing:border-box;z-index:4;pointer-events:none;background:color-mix(in srgb, var(--co-cal-today-ring) 22%, transparent);border:1px solid var(--co-cal-today-ring);border-radius:var(--co-border-radius-xxs);will-change:transform}.tg__focus{position:absolute;left:0;right:0;z-index:1;pointer-events:none;box-sizing:border-box;outline:2px solid var(--co-semantic-border-focus);outline-offset:-2px;border-radius:var(--co-border-radius-xxs)}.tg__now{position:absolute;left:0;right:0;height:0;z-index:3;pointer-events:none}.tg__now::before{content:'';position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--co-cal-now-color)}.tg__now::after{content:'';position:absolute;left:0;right:0;top:0;border-top:2px solid var(--co-cal-now-color)}"}},[1,"co-calendar-timegrid",{events:[16],dates:[16],locale:[1],timeZone:[1,"time-zone"],editable:[4],selectable:[4],minDate:[1,"min-date"],maxDate:[1,"max-date"],slotMinutes:[2,"slot-minutes"],snapMinutes:[2,"snap-minutes"],defaultDurationMinutes:[2,"default-duration-minutes"],scrollTime:[1,"scroll-time"],nowIndicator:[4,"now-indicator"],loading:[4],allDaySlot:[4,"all-day-slot"],minTime:[1,"min-time"],maxTime:[1,"max-time"],nowMinutes:[32],nowDay:[32],focusDate:[32],focusMin:[32],selDate:[32],selStartMin:[32],selEndMin:[32],dragId:[32],clearSelection:[64]},void 0,{events:[{onEventsChange:0}]}]);function C(t,i){const e=/^(\d{1,2}):(\d{2})$/.exec(t);return e?60*Number(e[1])+Number(e[2]):i}const E=new Map,I=new Map,A=new Map,S=new Map,F=new Map,T=[[[26,8],[42,12]],[[30,14]],[[24,6],[38,9],[56,7]],[[34,11],[52,6]],[[28,9]],[[40,13],[60,8]],[[32,7],[46,10]]];function j(t){var i,e;const s=String(null!==(e=null===(i=t.extendedProps)||void 0===i?void 0:i.provider)&&void 0!==e?e:"").toLowerCase();return s.includes("google")?"google":s.includes("microsoft")||s.includes("outlook")?"microsoft":""}function N(){"undefined"!=typeof customElements&&["co-calendar-timegrid","co-icon","co-provider-logo","co-skeleton"].forEach((i=>{switch(i){case"co-calendar-timegrid":customElements.get(t(i))||customElements.define(t(i),$);break;case"co-icon":customElements.get(t(i))||r();break;case"co-provider-logo":customElements.get(t(i))||h();break;case"co-skeleton":customElements.get(t(i))||l()}}))}N();export{$ as C,N as d}
|
|
1
|
+
import{t,p as i,H as e,c as s,h as o}from"./index.js";import{l as n,r as a}from"./p-CDiRdG6I.js";import{d as r}from"./p-qMNHMnvI.js";import{d as h}from"./p-C-5cLeKr.js";import{d as l}from"./p-C1WNmtGN.js";import{c,z as d,a as u,w as g,t as v}from"./p-Ch837Ggl.js";import{a as f,t as p,b,c as _,p as m}from"./p-DJ468fPu.js";function x(t,i,e){return Math.min(e,Math.max(i,t))}function y(t,i){return i<=0?t:Math.round(t/i)*i}function w(t,i,e){const s=e-i;return s<=0?0:x(t,i,e)===t?(t-i)/s:Math.min(1,Math.max(0,(t-i)/s))}function k(t,i,e){const s=[...t].sort(((t,s)=>i(t)-i(s)||e(t)-e(s))),o=[];let n=[],a=[],r=-1/0;const h=()=>{const t=a.length;for(const i of n)o[i].columnCount=t;n=[],a=[],r=-1/0};for(const t of s){const s=i(t),l=e(t);n.length&&s>=r&&h();let c=-1;for(let t=0;t<a.length;t++)if(a[t]<=s){c=t;break}-1===c?(c=a.length,a.push(l)):a[c]=l,o.push({event:t,columnIndex:c,columnCount:1}),n.push(o.length-1),r=Math.max(r,l)}return h(),o}function M(t,i,e){const s=c(t),o=c(i);if(o<=s)return[];const n=[];let a=d(s,e),r=z(a,e);for(let t=0;t<366&&r<o;t++){const t=f(a,1),i=z(t,e),h=Math.max(s,r),l=Math.min(o,i);n.push({dateKey:a,startMinutes:h===r?0:u(h,e),endMinutes:l===i?1440:u(l,e),isStart:h===s,isEnd:l===o}),a=t,r=i}return n}const D=new Map;function z(t,i){const e=`${i}|${t}`;let s=D.get(e);if(void 0===s){const[o,n,a]=t.split("-").map(Number);s=g({year:o,month:n,day:a,hour:0,minute:0,second:0},i),D.size>1e3&&D.clear(),D.set(e,s)}return s}const $=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coRangeSelect=s(this,"coRangeSelect",1),this.coEventClick=s(this,"coEventClick",1),this.coEventDrop=s(this,"coEventDrop",1),this.coEventDblClick=s(this,"coEventDblClick",1),this.events=[],this.dates=[],this.locale="es-CO",this.editable=!0,this.selectable=!0,this.slotMinutes=15,this.snapMinutes=15,this.defaultDurationMinutes=60,this.scrollTime="07:00",this.nowIndicator=!0,this.loading=!1,this.allDaySlot=!0,this.minTime="00:00",this.maxTime="24:00",this.nowMinutes=0,this.nowDay="",this.focusDate="",this.focusMin=0,this.selDate=null,this.selStartMin=0,this.selEndMin=0,this.selecting=!1,this.pendingSel=null,this.selRaf=0,this.pendingDrag=null,this.dragRaf=0,this.onWindowPointerUp=()=>this.finishSelection(),this.dragId=null,this.dragMode=null,this.dragGrabOffsetMin=0,this.dragDurationMin=0,this.dragDate=null,this.dragStartMin=0,this.dragEndMin=0,this.origStartMin=0,this.origEndMin=0,this.origDate=null,this.suppressNextClick=!1,this.dragArmedId=null,this.dragStartPointer=null,this.onWindowPointerMove=t=>this.trackDrag(t),this.onWindowPointerUpDrag=()=>this.finishDrag(),this.colRects=[],this.gridRect=null,this.onDragViewportChange=()=>this.captureDragRects(),this.startSelection=(t,i,e)=>{if(!this.selectable||!this.isDayInteractable(i))return;if(t.target.closest(".tg__event, .tg__allday-bar"))return;t.preventDefault();const s=this.minutesFromPointer(t.clientY,e);this.selecting=!0,this.selDate=i,this.selStartMin=s,this.selEndMin=s,this.setInteracting(!0)},this.extendSelection=(t,i)=>{this.selecting&&(this.pendingSel={y:t.clientY,colEl:i},this.selRaf||(this.selRaf=requestAnimationFrame((()=>{this.selRaf=0;const t=this.pendingSel;if(this.pendingSel=null,!t||!this.selecting)return;const i=this.minutesFromPointer(t.y,t.colEl);i!==this.selEndMin&&(this.selEndMin=i)}))))},this.startMove=(t,i)=>{const e=this.eventById(i);if(!e||e.allDay||!this.editable||!1===e.editable||!1===e.startEditable)return;t.stopPropagation();const s=d(e.startMs,this.timeZone);if(this.captureDragRects(),!this.gridRect||!this.colRects.some((t=>t.d===s)))return;const o=this.minutesFromCachedY(t.clientY),n=u(e.startMs,this.timeZone);this.dragArmedId=i,this.dragMode="move",this.dragDate=s,this.dragGrabOffsetMin=o-n,this.dragDurationMin=Math.round((e.endMs-e.startMs)/6e4),this.dragStartMin=n,this.dragEndMin=n+this.dragDurationMin,this.origStartMin=n,this.origEndMin=n+this.dragDurationMin,this.origDate=s,this.dragStartPointer={x:t.clientX,y:t.clientY}},this.startResize=(t,i)=>{const e=this.eventById(i);if(!e||e.allDay||!this.editable||!1===e.editable||!1===e.durationEditable)return;t.stopPropagation();const s=d(e.startMs,this.timeZone);this.captureDragRects(),this.gridRect&&this.colRects.some((t=>t.d===s))&&(this.dragArmedId=i,this.dragMode="resize",this.dragDate=s,this.dragStartMin=u(e.startMs,this.timeZone),this.dragEndMin=u(e.endMs,this.timeZone),this.origStartMin=this.dragStartMin,this.origEndMin=this.dragEndMin,this.origDate=s,this.dragStartPointer={x:t.clientX,y:t.clientY})},this.handleKeyDown=t=>{const i=this.slotMinutes;let e=!0;switch(t.key){case"ArrowUp":this.focusMin=x(this.focusMin-i,this.minM,this.maxM-i);break;case"ArrowDown":this.focusMin=x(this.focusMin+i,this.minM,this.maxM-i);break;case"ArrowLeft":this.focusDate=this.shiftFocusDate(-1);break;case"ArrowRight":this.focusDate=this.shiftFocusDate(1);break;case"Enter":case" ":{if(!this.isDayInteractable(this.focusDate))break;const t=this.toInstant(this.focusDate,this.focusMin),i=this.toInstant(this.focusDate,Math.min(this.focusMin+this.defaultDurationMinutes,this.maxM));new Date(t).getTime()>=Date.now()&&this.coRangeSelect.emit({start:t,end:i});break}default:e=!1}e&&(t.preventDefault(),t.stopPropagation())}}componentWillLoad(){this.refreshNow(),this.focusDate=this.dates&&this.dates[0]||p(),this.focusMin=C(this.scrollTime,420)}componentDidLoad(){this.scrollToInitial(),this.nowTimer=window.setInterval((()=>this.refreshNow()),6e4),window.addEventListener("pointerup",this.onWindowPointerUp),window.addEventListener("pointermove",this.onWindowPointerMove),window.addEventListener("pointerup",this.onWindowPointerUpDrag)}disconnectedCallback(){this.nowTimer&&window.clearInterval(this.nowTimer),this.selRaf&&cancelAnimationFrame(this.selRaf),this.dragRaf&&cancelAnimationFrame(this.dragRaf),window.removeEventListener("pointerup",this.onWindowPointerUp),window.removeEventListener("pointermove",this.onWindowPointerMove),window.removeEventListener("pointerup",this.onWindowPointerUpDrag),this.bindDragViewportListeners(!1),this.hideGhost(),this.colRects=[],this.gridRect=null}async clearSelection(){this.selDate=null}onEventsChange(){this.selecting||(this.selDate=null)}refreshNow(){const t=Date.now();this.nowDay=d(t,this.timeZone),this.nowMinutes=u(t,this.timeZone)}get minM(){return C(this.minTime,0)}get maxM(){return C(this.maxTime,1440)}scrollToInitial(){var t,i,e;const s=null!==(t=this.scrollEl)&&void 0!==t?t:null===(i=this.el.shadowRoot)||void 0===i?void 0:i.querySelector(".tg__scroll"),o=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector(".tg__body");if(!s||!o)return;const n=w(C(this.scrollTime,420),this.minM,this.maxM);s.scrollTop=n*o.offsetHeight}visibleDates(){return this.dates.length?this.dates:[p()]}get slotM(){return this.slotMinutes>0?this.slotMinutes:15}slotCount(){return Math.max(1,Math.ceil((this.maxM-this.minM)/this.slotM))}hourList(){const t=[];for(let i=60*Math.ceil(this.minM/60);i<this.maxM;i+=60)t.push(i);return t}minutesFromPointer(t,i){const e=i.getBoundingClientRect();return this.minutesAtFraction((t-e.top)/e.height)}minutesFromCachedY(t){const i=this.gridRect;return i&&i.height?this.minutesAtFraction((t-i.top)/i.height):this.minM}minutesAtFraction(t){return x(y(this.minM+t*(this.maxM-this.minM),this.snapMinutes),this.minM,this.maxM)}captureDragRects(){const t=this.el.shadowRoot,i=null==t?void 0:t.querySelector(".tg__cols"),e=null==t?void 0:t.querySelectorAll(".tg__col");if(!i||!e||!e.length)return this.colRects=[],void(this.gridRect=null);const s=i.getBoundingClientRect();this.gridRect={top:s.top,height:s.height},this.colRects=Array.from(e).map((t=>{var i;const e=t.getBoundingClientRect();return{d:null!==(i=t.dataset.colDate)&&void 0!==i?i:"",left:e.left,right:e.right}}))}bindDragViewportListeners(t){const i=this.scrollEl;t?(null==i||i.addEventListener("scroll",this.onDragViewportChange,{passive:!0}),window.addEventListener("resize",this.onDragViewportChange)):(null==i||i.removeEventListener("scroll",this.onDragViewportChange),window.removeEventListener("resize",this.onDragViewportChange))}setInteracting(t){var i;null===(i=this.rootEl)||void 0===i||i.classList.toggle("tg--interacting",t)}toInstant(t,i){const[e,s,o]=t.split("-").map(Number),n=g({year:e,month:s,day:o,hour:Math.floor(i/60),minute:i%60,second:0},this.timeZone);return v(n)}isDayInteractable(t){return!(this.minDate&&t<this.minDate||this.maxDate&&t>this.maxDate)}finishSelection(){if(!this.selecting)return;this.selRaf&&(cancelAnimationFrame(this.selRaf),this.selRaf=0);const t=this.pendingSel;if(this.pendingSel=null,t){const i=this.minutesFromPointer(t.y,t.colEl);i!==this.selEndMin&&(this.selEndMin=i)}this.selecting=!1,this.setInteracting(!1);const i=this.selDate;let e=Math.min(this.selStartMin,this.selEndMin),s=Math.max(this.selStartMin,this.selEndMin);s-e<this.snapMinutes&&(s=e+this.defaultDurationMinutes),s=Math.min(s,this.maxM);const o=i?this.selectionRect(i,e,s):void 0;if(!i)return;const n=this.toInstant(i,e),a=this.toInstant(i,s);new Date(n).getTime()<Date.now()?this.selDate=null:(this.selStartMin=e,this.selEndMin=s,this.coRangeSelect.emit({start:n,end:a,rect:o}))}selectionRect(t,i,e){var s;const o=null===(s=this.el.shadowRoot)||void 0===s?void 0:s.querySelector(`[data-col-date="${t}"]`);if(!o)return;const n=o.getBoundingClientRect();try{const t=w(i,this.minM,this.maxM),s=w(e,this.minM,this.maxM);return{top:n.top+t*n.height,left:n.left,width:n.width,height:(s-t)*n.height}}catch(t){return n}}eventById(t){return this.events.find((i=>i.id===t))}dateKeyAtX(t){for(const i of this.colRects)if(t>=i.left&&t<i.right)return i.d||null;return null}beginDragInteraction(){this.setInteracting(!0),this.bindDragViewportListeners(!0),this.paintGhost()}paintGhost(){const t=this.ghostEl;if(!t)return;const i=this.colRects.length,e=this.dragDate?this.colRects.findIndex((t=>t.d===this.dragDate)):-1;if(!i||e<0)return void(t.style.display="none");const s=this.maxM-this.minM||1,o=(this.dragStartMin-this.minM)/s,n=(this.dragEndMin-this.dragStartMin)/s;t.style.display="block",t.style.left=e/i*100+"%",t.style.width=`calc(${100/i}% - 2px)`,t.style.top=100*o+"%",t.style.height=100*n+"%"}hideGhost(){this.ghostEl&&(this.ghostEl.style.display="none")}trackDrag(t){if(this.dragArmedId&&!this.dragId){const i=this.dragStartPointer;if(!i)return;if(Math.hypot(t.clientX-i.x,t.clientY-i.y)<5)return;this.dragId=this.dragArmedId,this.dragArmedId=null,this.beginDragInteraction()}this.dragId&&this.dragMode&&this.dragDate&&(this.pendingDrag={x:t.clientX,y:t.clientY},this.dragRaf||(this.dragRaf=requestAnimationFrame((()=>{this.dragRaf=0;const t=this.pendingDrag;this.pendingDrag=null,t&&this.dragId&&this.dragMode&&this.dragDate&&this.applyDrag(t.x,t.y)}))))}applyDrag(t,i){var e;if(!this.dragId||!this.dragMode||!this.dragDate)return;if(!this.gridRect)return;const s=this.minutesFromCachedY(i);if("move"===this.dragMode){const i=null!==(e=this.dateKeyAtX(t))&&void 0!==e?e:this.dragDate;let o=s-this.dragGrabOffsetMin;o=x(y(o,this.snapMinutes),this.minM,this.maxM-this.dragDurationMin),this.dragDate=i,this.dragStartMin=o,this.dragEndMin=o+this.dragDurationMin}else this.dragEndMin=Math.max(this.dragStartMin+this.slotMinutes,s);this.paintGhost()}finishDrag(){if(this.dragArmedId&&!this.dragId)return this.dragArmedId=null,this.dragStartPointer=null,this.dragMode=null,this.dragDate=null,void(this.origDate=null);if(!this.dragId)return;this.dragRaf&&(cancelAnimationFrame(this.dragRaf),this.dragRaf=0);const t=this.pendingDrag;this.pendingDrag=null,t&&this.dragMode&&this.dragDate&&this.applyDrag(t.x,t.y),this.setInteracting(!1),this.bindDragViewportListeners(!1),this.hideGhost(),this.colRects=[],this.gridRect=null;const i=this.dragId,e=this.dragMode,s=this.dragDate,o=this.dragStartMin,n=this.dragEndMin,a=this.origStartMin,r=this.origEndMin,h=this.origDate;if(this.dragId=null,this.dragMode=null,this.dragDate=null,this.origDate=null,this.dragStartPointer=null,!i||!e||!s)return;const l=this.eventById(i);if(!l)return;if(!("move"===e?o!==a||s!==h:n!==r))return;const c="move"===e?this.toInstant(s,o):l.start,d=this.toInstant(s,n);new Date("move"===e?c:d).getTime()<Date.now()||this.isDayInteractable(s)&&(this.suppressNextClick=!0,setTimeout((()=>{this.suppressNextClick=!1}),0),this.coEventDrop.emit({id:i,start:c,end:d,oldStart:l.start,oldEnd:l.end,allDay:!1}))}shiftFocusDate(t){const i=this.dates.indexOf(this.focusDate)+t;return i<0||i>=this.dates.length?this.focusDate:this.dates[i]}renderSelectionGhost(){const t=Math.min(this.selStartMin,this.selEndMin),i=Math.max(this.selStartMin,this.selEndMin),e=w(t,this.minM,this.maxM),s=w(Math.max(i,t+this.snapMinutes),this.minM,this.maxM);return o("div",{class:"tg__selection",style:{top:100*e+"%",height:100*(s-e)+"%"}})}renderEventBox(t){var i;const e=t.event,s=e.endMs<=Date.now(),n=!0===(null===(i=e.extendedProps)||void 0===i?void 0:i.isExternal),r=!this.editable||!1===e.editable,h=100/t.columnCount,l={top:100*t.topFraction+"%",height:100*t.heightFraction+"%",left:t.columnIndex*h+"%",width:`calc(${h}% - 2px)`};if(e.backgroundColor){l["--co-cal-event-bg"]=e.backgroundColor;const t=a(this.rootEl,e.backgroundColor);t&&(l["--co-cal-event-text"]=t)}return o("button",{type:"button",key:`${e.id}-${t.dateKey}`,"data-event-id":e.id,"data-date":t.dateKey,class:{tg__event:!0,"tg__event--past":s,"tg__event--external":n,"tg__event--locked":r,"tg__event--dragging":this.dragId===e.id,"tg__event--tentative":"tentative"===e.responseState,"tg__event--cancelled":"cancelled"===e.responseState||"declined"===e.responseState},style:l,title:e.title,"aria-label":e.title,onClick:t=>{t.stopPropagation(),this.suppressNextClick?this.suppressNextClick=!1:this.coEventClick.emit({id:e.id,rect:t.currentTarget.getBoundingClientRect()})},onDblClick:t=>{t.stopPropagation(),this.coEventDblClick.emit({id:e.id,rect:t.currentTarget.getBoundingClientRect()})},onPointerDown:t=>{r||this.startMove(t,e.id)}},t.isStart&&o("span",{class:"tg__event-time"},function(t,i){const e=`${i}|${t}`,s=E.get(e);if(void 0!==s)return s;let o=I.get(i);o||(o=new Intl.DateTimeFormat(i,{hour:"numeric",minute:"2-digit"}),I.set(i,o));const n=Math.floor(t/60),a=o.format(new Date(2e3,0,1,n,t%60));return E.size>2e3&&E.clear(),E.set(e,a),a}(t.startMinutes,this.locale)),o("span",{class:"tg__event-title"},e.title||"—"),n&&(T(e)?o("co-provider-logo",{provider:T(e),size:11,plated:!0,class:"tg__event-ext"}):o("co-icon",{name:"link",size:11,class:"tg__event-ext"})),t.isEnd&&!r&&!1!==e.durationEditable&&o("span",{class:"tg__event-resize",onPointerDown:t=>this.startResize(t,e.id)}))}renderAllDayBar(t,i,e){const s=e.get(t.eventId);if(!s)return null;const n={left:t.startCol/i*100+"%",width:(t.endCol-t.startCol+1)/i*100+"%",top:22*t.lane+"px"};if(s.backgroundColor){n["--co-cal-event-bg"]=s.backgroundColor;const t=a(this.rootEl,s.backgroundColor);t&&(n["--co-cal-event-text"]=t)}return o("button",{type:"button",key:s.id,"data-event-id":s.id,class:{"tg__allday-bar":!0,"tg__allday-bar--continues-before":t.continuesBefore,"tg__allday-bar--continues-after":t.continuesAfter,"tg__allday-bar--tentative":"tentative"===s.responseState,"tg__allday-bar--cancelled":"cancelled"===s.responseState||"declined"===s.responseState},style:n,title:s.title,onClick:t=>{t.stopPropagation(),this.coEventClick.emit({id:s.id,rect:t.currentTarget.getBoundingClientRect()})},onDblClick:t=>{t.stopPropagation(),this.coEventDblClick.emit({id:s.id,rect:t.currentTarget.getBoundingClientRect()})}},s.title||"—")}getLayouts(t){const i=t.join(","),e=this.layoutCache;if(e&&e.events===this.events&&e.datesKey===i&&e.tz===this.timeZone&&e.minM===this.minM&&e.maxM===this.maxM)return e;const s=function(t,i,e){const s=e.minMinutes??0,o=e.maxMinutes??1440,n=new Set(i),a={},r={},h={};for(const t of i)a[t]=[],r[t]=[],h[t]=[];for(const a of t)if(a.allDay){const t=a.start.slice(0,10),e=a.end.slice(0,10);for(const s of i)s>=t&&s<e&&r[s].push(a)}else for(const t of M(a.start,a.end,e.timeZone)){if(!n.has(t.dateKey))continue;const i=x(t.startMinutes,s,o),e=x(t.endMinutes,s,o);e<=i||h[t.dateKey].push({event:a,startMinutes:i,endMinutes:e,isStart:t.isStart&&i===t.startMinutes,isEnd:t.isEnd&&e===t.endMinutes})}for(const t of i){const i=k(h[t],(t=>t.startMinutes),(t=>t.endMinutes));a[t]=i.map((i=>{const e=w(i.event.startMinutes,s,o),n=w(i.event.endMinutes,s,o);return{event:i.event.event,dateKey:t,startMinutes:i.event.startMinutes,endMinutes:i.event.endMinutes,topFraction:e,heightFraction:n-e,columnIndex:i.columnIndex,columnCount:i.columnCount,isStart:i.event.isStart,isEnd:i.event.isEnd}}))}return{timed:a,allDay:r}}(this.events,t,{timeZone:this.timeZone,minMinutes:this.minM,maxMinutes:this.maxM}),o=function(t,i,e={}){const s=t.filter((t=>t.allDay)),o=n(s,[i],e);return{segments:o.segments.map((t=>({eventId:t.eventId,lane:t.lane,startCol:t.startCol,endCol:t.endCol,isStart:t.isStart,isEnd:t.isEnd,continuesBefore:t.continuesBefore,continuesAfter:t.continuesAfter}))),overflow:o.overflow,laneCount:o.laneCount}}(this.events,t,{timeZone:this.timeZone}),a=new Map(this.events.map((t=>[t.id,t])));return this.layoutCache={events:this.events,datesKey:i,tz:this.timeZone,minM:this.minM,maxM:this.maxM,layout:s,allDay:o,byId:a},this.layoutCache}render(){const t=this.visibleDates(),{layout:i,allDay:e,byId:s}=this.getLayouts(t),n=b(this.locale,0,"short"),a=`repeat(${t.length}, 1fr)`,r=p(),h=`calc(${this.slotCount()} * var(--co-cal-slot-h))`,l={"--co-cal-hour-h":`calc(${60/this.slotM} * var(--co-cal-slot-h))`,"--co-cal-hour-offset":`calc(${(60-this.minM%60)%60/this.slotM} * var(--co-cal-slot-h))`};return o("div",{key:"55c583abdd12ac65d8188a8f9d4f0448e4fcf5b7",class:"tg",tabIndex:0,onKeyDown:this.handleKeyDown,ref:t=>this.rootEl=t},o("div",{key:"33fa43418fdff096918441e6a2fdbf1d647980ec",class:"tg__head"},o("div",{key:"2c4134daefc3cb99aa4965787c11318be9f27d40",class:"tg__head-spacer"}),o("div",{key:"0b6c10bbfb8b91723d62f05f1387d8c0513d7b09",class:"tg__head-days",style:{gridTemplateColumns:a}},t.map((t=>{const i=m(t),e=function(t){const[i,e,s]=t.split("-").map(Number);return new Date(Date.UTC(i,e-1,s)).getUTCDay()}(t);return o("div",{class:{"tg__head-day":!0,"tg__head-day--today":0===_(t,r)}},o("span",{class:"tg__head-dow"},n[e]),o("span",{class:"tg__head-num"},i.day))})))),this.allDaySlot&&o("div",{key:"ac00b1d478138334f6b265e7e7861dc910ea778e",class:"tg__allday"},o("div",{key:"52ea789daff3b284863e90fe2356b3f1f5ed8e75",class:"tg__allday-axis"},function(t,i){if(!t)return"";const e=`${t}|${null!=i?i:""}`,s=F.get(e);if(void 0!==s)return s;const o=function(t,i){var e,s;try{const o=new Date(`${null!=i?i:"2026-01-01"}T12:00:00Z`),n=null!==(s=null===(e=new Intl.DateTimeFormat("en-US",{timeZone:t,timeZoneName:"shortOffset"}).formatToParts(o).find((t=>"timeZoneName"===t.type)))||void 0===e?void 0:e.value)&&void 0!==s?s:"",a=n.match(/GMT([+-])(\d{1,2})(?::(\d{2}))?/);if(!a)return n;const r=a[2].padStart(2,"0");return a[3]?`GMT${a[1]}${r}:${a[3]}`:`GMT${a[1]}${r}`}catch(t){return""}}(t,i);return F.size>2e3&&F.clear(),F.set(e,o),o}(this.timeZone,t[0])),o("div",{key:"24e0a67773437bad42a3fb183cf55f53f2e04d0f",class:"tg__allday-lane",style:{height:22*Math.max(1,e.laneCount)+4+"px"}},e.segments.map((i=>this.renderAllDayBar(i,t.length,s))))),o("div",{key:"19ee69ba01bcd63d015acebba5001390324b1c93",class:"tg__scroll",ref:t=>this.scrollEl=t},o("div",{key:"644e0cae08a22795bfdaa802227c176e733dd418",class:"tg__body"},o("div",{key:"56a20d546083e0a0695c01a0910c80fdcaf56589",class:"tg__axis",style:{height:h}},this.hourList().map((t=>o("span",{class:"tg__axis-hour",style:{top:100*w(t,this.minM,this.maxM)+"%"}},function(t,i){const e=`${i}|${t}`,s=A.get(e);if(void 0!==s)return s;let o=S.get(i);o||(o=new Intl.DateTimeFormat(i,{hour:"numeric",hour12:!0}),S.set(i,o));const n=Math.floor(t/60),a=o.format(new Date(2e3,0,1,n,0));return A.size>2e3&&A.clear(),A.set(e,a),a}(t,this.locale))))),o("div",{key:"391004de33499561a0fdc75e3eabf401fb4e5561",class:"tg__cols",style:Object.assign({gridTemplateColumns:a,height:h},l)},t.map(((t,e)=>{var s;const n=0===_(t,r);return o("div",{class:{tg__col:!0,"tg__col--today":n},"data-col-date":t,onPointerDown:i=>this.startSelection(i,t,i.currentTarget),onPointerMove:t=>this.extendSelection(t,t.currentTarget)},this.loading?N[e%N.length].map((([t,i])=>o("div",{class:"tg__event-skeleton","aria-hidden":"true",style:{top:`${t}%`,height:`${i}%`}},o("co-skeleton",{variant:"rect",width:"100%",height:"100%"})))):(null!==(s=i.timed[t])&&void 0!==s?s:[]).map((t=>this.renderEventBox(t))),this.selDate===t&&this.renderSelectionGhost(),this.focusDate===t&&o("div",{class:"tg__focus",style:{top:100*w(this.focusMin,this.minM,this.maxM)+"%",height:100*(w(this.focusMin+this.slotMinutes,this.minM,this.maxM)-w(this.focusMin,this.minM,this.maxM))+"%"}}),this.nowIndicator&&this.nowDay===t&&this.nowMinutes>=this.minM&&this.nowMinutes<this.maxM&&o("div",{class:"tg__now",style:{top:100*w(this.nowMinutes,this.minM,this.maxM)+"%"}}))})),o("div",{class:"tg__drag-ghost",key:"tg-drag-ghost",ref:t=>this.ghostEl=t})))))}get el(){return this}static get watchers(){return{events:[{onEventsChange:0}]}}static get style(){return":host{display:flex;flex-direction:column;min-block-size:0;font-family:var(--co-font-family-primary);--co-cal-slot-h:12px;--co-cal-axis-w:56px;--co-cal-surface:var(--co-semantic-surface-page);--co-cal-border:var(--co-semantic-border-default);--co-cal-grid-line:color-mix(in srgb, var(--co-cal-border) 60%, transparent);--co-cal-text:var(--co-semantic-text-default);--co-cal-text-muted:var(--co-semantic-text-muted);--co-cal-hover:var(--co-semantic-surface-hover);--co-cal-today-ring:var(--co-color-primary-azul);--co-cal-now-color:var(--co-color-status-error, #AA2E1B);--co-cal-allday-h:28px;--co-cal-event-radius:6px;--co-cal-elevation-hover:var(--co-shadow-lg);--co-cal-event-bg:var(--co-color-primary-azul);--co-cal-event-border:transparent;--co-cal-event-text:var(--co-color-base-blanco, #fff);--co-cal-event-text-light:var(--co-color-base-blanco, #fff);--co-cal-event-text-dark:var(--co-color-base-negro, #1f1c1b)}.tg{display:flex;flex-direction:column;min-block-size:0;border-radius:var(--co-border-radius-xs);overflow:hidden;background:var(--co-cal-surface)}.tg__head{display:grid;grid-template-columns:var(--co-cal-axis-w) 1fr;border-bottom:1px solid var(--co-cal-border)}.tg__head-spacer{border-right:1px solid var(--co-cal-border)}.tg__head-days{display:grid}.tg__head-day{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--co-spacing-xs)}.tg__head-dow{font-size:var(--co-font-size-11, 11px);text-transform:uppercase;letter-spacing:0.04em;color:var(--co-cal-text-muted)}.tg__head-num{font-size:var(--co-font-size-20, 20px);color:var(--co-cal-text);min-width:34px;height:34px;line-height:34px;text-align:center;border-radius:var(--co-border-radius-full)}.tg__head-day--today .tg__head-dow{color:var(--co-cal-today-ring)}.tg__head-day--today .tg__head-num{background:var(--co-cal-today-ring);color:var(--co-color-base-blanco, #fff);font-weight:500}.tg__allday{display:grid;grid-template-columns:var(--co-cal-axis-w) 1fr;min-height:var(--co-cal-allday-h);border-bottom:1px solid var(--co-cal-border)}.tg__allday-axis{border-right:1px solid var(--co-cal-border);font-size:var(--co-font-size-10, 10px);color:var(--co-cal-text-muted);padding:var(--co-spacing-xxs)}.tg__allday-lane{position:relative;min-height:var(--co-cal-allday-h);padding:2px 0}.tg__allday-bar{position:absolute;height:20px;box-sizing:border-box;padding:0 var(--co-spacing-xs);border:0;border-radius:var(--co-cal-event-radius);background:var(--co-cal-event-bg);color:var(--co-cal-event-text);font:500 var(--co-font-size-11, 11px)/20px var(--co-font-family-primary);text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.tg__allday-bar:hover{box-shadow:var(--co-cal-elevation-hover);z-index:2}.tg__allday-bar--continues-before{border-top-left-radius:0;border-bottom-left-radius:0}.tg__allday-bar--continues-after{border-top-right-radius:0;border-bottom-right-radius:0}.tg__allday-bar--tentative{background-image:repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.5) 0 4px, transparent 4px 8px)}.tg__allday-bar--cancelled{opacity:0.6;text-decoration:line-through}.tg__allday-bar:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.tg__scroll{flex:1 1 auto;min-block-size:0;overflow-y:auto}.tg__body{display:grid;grid-template-columns:var(--co-cal-axis-w) 1fr;position:relative}.tg__axis{border-right:1px solid var(--co-cal-border);position:relative}.tg__axis-hour{position:absolute;right:var(--co-spacing-xs);transform:translateY(-50%);font-size:var(--co-font-size-11, 11px);color:var(--co-cal-text-muted);white-space:nowrap}.tg__cols{display:grid;grid-auto-rows:100%;position:relative}.tg__col{position:relative;border-right:1px solid var(--co-cal-border);background-image:linear-gradient( to bottom, var(--co-cal-border) 0, var(--co-cal-border) 1px, transparent 1px );background-size:100% var(--co-cal-hour-h, calc(4 * var(--co-cal-slot-h)));background-position:0 var(--co-cal-hour-offset, 0px);background-repeat:repeat-y}.tg__col:last-child{border-right:0}.tg--interacting .tg__event{pointer-events:none}.tg--interacting .tg__col{contain:layout}.tg__event{position:absolute;user-select:none;-webkit-user-select:none;touch-action:none;box-sizing:border-box;border-radius:var(--co-cal-event-radius);background:var(--co-cal-event-bg);color:var(--co-cal-event-text);border:1px solid var(--co-cal-event-border);padding:2px var(--co-spacing-xs);font-size:var(--co-font-size-11, 11px);line-height:1.15;overflow:hidden;cursor:pointer;text-align:left}.tg__event-skeleton{position:absolute;inset-inline:0 2px;box-sizing:border-box;border-radius:var(--co-cal-event-radius);overflow:hidden;pointer-events:none}.tg__event-skeleton co-skeleton{display:block;block-size:100%}.tg__event:hover{box-shadow:var(--co-cal-elevation-hover);z-index:5}.tg__event--dragging:hover{box-shadow:none}.tg__event:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.tg__event-time{display:block;font-variant-numeric:tabular-nums;opacity:0.85}.tg__event-title{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tg__event-ext{position:absolute;top:3px;right:3px;opacity:0.9}.tg__event--past{opacity:0.55}.tg__event--external{border-style:dashed}.tg__event--locked{cursor:default}.tg__event--dragging{opacity:0.5}.tg__event--tentative{background-image:repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.5) 0 4px, transparent 4px 8px)}.tg__event--cancelled{opacity:0.6}.tg__event--cancelled .tg__event-title{text-decoration:line-through}.tg__event-resize{position:absolute;left:0;right:0;bottom:0;height:6px;cursor:ns-resize}.tg__selection{position:absolute;left:0;right:0;box-sizing:border-box;z-index:2;background:color-mix(in srgb, var(--co-cal-today-ring) 22%, transparent);border:1px solid var(--co-cal-today-ring);border-radius:var(--co-border-radius-xxs);pointer-events:none}.tg__drag-ghost{position:absolute;display:none;box-sizing:border-box;z-index:4;pointer-events:none;background:color-mix(in srgb, var(--co-cal-today-ring) 22%, transparent);border:1px solid var(--co-cal-today-ring);border-radius:var(--co-border-radius-xxs);will-change:transform}.tg__focus{position:absolute;left:0;right:0;z-index:1;pointer-events:none;box-sizing:border-box;outline:2px solid var(--co-semantic-border-focus);outline-offset:-2px;border-radius:var(--co-border-radius-xxs)}.tg__now{position:absolute;left:0;right:0;height:0;z-index:3;pointer-events:none}.tg__now::before{content:'';position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--co-cal-now-color)}.tg__now::after{content:'';position:absolute;left:0;right:0;top:0;border-top:2px solid var(--co-cal-now-color)}"}},[1,"co-calendar-timegrid",{events:[16],dates:[16],locale:[1],timeZone:[1,"time-zone"],editable:[4],selectable:[4],minDate:[1,"min-date"],maxDate:[1,"max-date"],slotMinutes:[2,"slot-minutes"],snapMinutes:[2,"snap-minutes"],defaultDurationMinutes:[2,"default-duration-minutes"],scrollTime:[1,"scroll-time"],nowIndicator:[4,"now-indicator"],loading:[4],allDaySlot:[4,"all-day-slot"],minTime:[1,"min-time"],maxTime:[1,"max-time"],nowMinutes:[32],nowDay:[32],focusDate:[32],focusMin:[32],selDate:[32],selStartMin:[32],selEndMin:[32],dragId:[32],clearSelection:[64]},void 0,{events:[{onEventsChange:0}]}]);function C(t,i){const e=/^(\d{1,2}):(\d{2})$/.exec(t);return e?60*Number(e[1])+Number(e[2]):i}const E=new Map,I=new Map,A=new Map,S=new Map,F=new Map,N=[[[26,8],[42,12]],[[30,14]],[[24,6],[38,9],[56,7]],[[34,11],[52,6]],[[28,9]],[[40,13],[60,8]],[[32,7],[46,10]]];function T(t){var i,e;const s=String(null!==(e=null===(i=t.extendedProps)||void 0===i?void 0:i.provider)&&void 0!==e?e:"").toLowerCase();return s.includes("google")?"google":s.includes("microsoft")||s.includes("outlook")?"microsoft":""}function G(){"undefined"!=typeof customElements&&["co-calendar-timegrid","co-icon","co-provider-logo","co-skeleton"].forEach((i=>{switch(i){case"co-calendar-timegrid":customElements.get(t(i))||customElements.define(t(i),$);break;case"co-icon":customElements.get(t(i))||r();break;case"co-provider-logo":customElements.get(t(i))||h();break;case"co-skeleton":customElements.get(t(i))||l()}}))}G();export{$ as C,G as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as c,H as r,c as t,h as a}from"./index.js";import{R as s}from"./p-CWneqh4n.js";import{d as o}from"./p-qMNHMnvI.js";const i=c(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coChange=t(this,"coChange",7),this.checked=!1,this.disabled=!1,this.required=!1,this.status="default",this.handleClick=()=>{this.disabled||(this.checked=!this.checked,this.coChange.emit(this.checked))}}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}render(){const e=this.label||this.secondaryLabel,c=!!this.helperText;return a("div",{key:"6aabc6ae0391fbf4fa7426b76bc681055ecbf2d3",class:{"co-switch-wrapper":!0,"co-switch-wrapper--disabled":this.disabled,[`co-switch-wrapper--${this.status}`]:"default"!==this.status}},a("div",{key:"4873bb3271632fc90720c04b3354a1ba01237575",class:"co-switch-wrapper__row",onClick:this.handleClick},a("button",{key:"b393832df4eabb3d3411373517de4cc10942b847",role:"switch","aria-checked":String(this.checked),"aria-label":this.label||"",class:{"co-switch":!0,"co-switch--on":this.checked,"co-switch--off":!this.checked,"co-switch--disabled":this.disabled},disabled:this.disabled,part:"track"},a("span",{key:"22caaea1c694f5a18193c83cb3777c42dd8c76e1",class:"co-switch__thumb",part:"thumb"})),e&&a("div",{key:"a4bd9311e6dffdce3478bcf58d7aa1dbce60eb2f",class:"co-switch-wrapper__labels"},this.label&&a("span",{key:"7be285b4acfd32bcaa6aaf87ea73cfaa62f4e1ba",class:"co-switch-wrapper__label",part:"label"},this.label,a(s,{key:"50aa4b8a2895781424d9b9e5049c51ab0d105ccd",required:this.required})),this.secondaryLabel&&a("span",{key:"77d37cc202438af84f5b80638bb8592f07168882",class:"co-switch-wrapper__secondary-label",part:"secondary-label"},this.secondaryLabel))),c&&a("div",{key:"8133fa87b018a7a2ec96368ec0687652319c40ec",class:`co-switch-wrapper__helper co-switch-wrapper__helper--${this.status}`},this.statusIcon&&a("co-icon",{key:"c55bad51cdddcc583de762b563dfbabf39cb7d76",name:this.statusIcon,size:14,weight:"fill",class:"co-switch-wrapper__helper-icon"}),a("span",{key:"9f99e4fcf3ea29a1db4b7fdb7bc7d1e81ec56c31",class:"co-switch-wrapper__helper-text"},this.helperText)))}static get style(){return":host{display:inline-flex;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-switch-wrapper{display:flex;flex-direction:column;gap:var(--co-spacing-xs)}.co-switch-wrapper__row{display:flex;align-items:center;gap:var(--co-switch-label-gap, var(--co-spacing-sm2));cursor:pointer}.co-switch-wrapper--disabled .co-switch-wrapper__row{cursor:not-allowed}.co-switch-wrapper__labels{display:flex;align-items:center;gap:var(--co-spacing-sm2);flex:1;min-width:0}.co-switch-wrapper__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap}.co-switch-wrapper__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;margin-left:auto}.co-switch-wrapper--disabled .co-switch-wrapper__label,.co-switch-wrapper--disabled .co-switch-wrapper__secondary-label{color:var(--co-semantic-text-disabled)}.co-switch-wrapper__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding-left:calc(44px + var(--co-spacing-sm2));}.co-switch-wrapper__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-switch-wrapper__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-switch-wrapper__helper--error .co-switch-wrapper__helper-icon,.co-switch-wrapper__helper--error .co-switch-wrapper__helper-text{color:var(--co-semantic-text-error, var(--co-semantic-status-error))}.co-switch-wrapper__helper--success .co-switch-wrapper__helper-icon,.co-switch-wrapper__helper--success .co-switch-wrapper__helper-text{color:var(--co-semantic-text-success, var(--co-semantic-status-success))}.co-switch-wrapper__helper--warning .co-switch-wrapper__helper-icon,.co-switch-wrapper__helper--warning .co-switch-wrapper__helper-text{color:var(--co-semantic-text-warning, var(--co-color-status-review))}.co-switch-wrapper__helper--info .co-switch-wrapper__helper-icon,.co-switch-wrapper__helper--info .co-switch-wrapper__helper-text{color:var(--co-semantic-text-info, var(--co-semantic-status-info))}.co-switch{position:relative;display:inline-flex;align-items:center;width:44px;height:24px;border-radius:var(--co-border-radius-full);border:none;outline:none;cursor:pointer;padding:0;overflow:hidden;transition:background var(--co-motion-duration-base) var(--co-motion-ease-out);box-sizing:border-box;flex-shrink:0}.co-switch--on{background:var(--co-semantic-surface-primary)}.co-switch--off{background:var(--co-semantic-control-track-off, color-mix(in srgb, var(--co-semantic-surface-muted) 35%, transparent))}.co-switch__thumb{position:absolute;top:50%;left:2px;transform:translateY(-50%);width:20px;height:20px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-control-thumb);transition:transform var(--co-motion-duration-base) var(--co-motion-ease-spring);box-shadow:0 1px 3px var(--co-semantic-control-shadow)}.co-switch--off .co-switch__thumb{transform:translateY(-50%) translateX(0)}.co-switch--on .co-switch__thumb{transform:translateY(-50%) translateX(20px)}.co-switch--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-field-required{margin-left:2px;color:var(--co-semantic-text-error, var(--co-color-status-error))}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}@supports not (background: color-mix(in srgb, red, transparent)){.co-switch--off{background:var(--co-semantic-surface-muted)}}"}},[1,"co-switch",{checked:[1540],disabled:[4],label:[1],required:[4],secondaryLabel:[1,"secondary-label"],helperText:[1,"helper-text"],status:[1]}]);function n(){"undefined"!=typeof customElements&&["co-switch","co-icon"].forEach((c=>{switch(c){case"co-switch":customElements.get(e(c))||customElements.define(e(c),i);break;case"co-icon":customElements.get(e(c))||o()}}))}n();export{i as C,n as d}
|
|
1
|
+
import{t as e,p as c,H as r,c as t,h as a}from"./index.js";import{R as s}from"./p-CWneqh4n.js";import{d as o}from"./p-qMNHMnvI.js";const i=c(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coChange=t(this,"coChange",7),this.checked=!1,this.disabled=!1,this.required=!1,this.status="default",this.handleClick=()=>{this.disabled||(this.checked=!this.checked,this.coChange.emit(this.checked))}}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}render(){const e=this.label||this.secondaryLabel,c=!!this.helperText;return a("div",{key:"6aabc6ae0391fbf4fa7426b76bc681055ecbf2d3",class:{"co-switch-wrapper":!0,"co-switch-wrapper--disabled":this.disabled,[`co-switch-wrapper--${this.status}`]:"default"!==this.status}},a("div",{key:"4873bb3271632fc90720c04b3354a1ba01237575",class:"co-switch-wrapper__row",onClick:this.handleClick},a("button",{key:"b393832df4eabb3d3411373517de4cc10942b847",role:"switch","aria-checked":String(this.checked),"aria-label":this.label||"",class:{"co-switch":!0,"co-switch--on":this.checked,"co-switch--off":!this.checked,"co-switch--disabled":this.disabled},disabled:this.disabled,part:"track"},a("span",{key:"22caaea1c694f5a18193c83cb3777c42dd8c76e1",class:"co-switch__thumb",part:"thumb"})),e&&a("div",{key:"a4bd9311e6dffdce3478bcf58d7aa1dbce60eb2f",class:"co-switch-wrapper__labels"},this.label&&a("span",{key:"7be285b4acfd32bcaa6aaf87ea73cfaa62f4e1ba",class:"co-switch-wrapper__label",part:"label"},this.label,a(s,{key:"50aa4b8a2895781424d9b9e5049c51ab0d105ccd",required:this.required})),this.secondaryLabel&&a("span",{key:"77d37cc202438af84f5b80638bb8592f07168882",class:"co-switch-wrapper__secondary-label",part:"secondary-label"},this.secondaryLabel))),c&&a("div",{key:"8133fa87b018a7a2ec96368ec0687652319c40ec",class:`co-switch-wrapper__helper co-switch-wrapper__helper--${this.status}`},this.statusIcon&&a("co-icon",{key:"c55bad51cdddcc583de762b563dfbabf39cb7d76",name:this.statusIcon,size:14,weight:"fill",class:"co-switch-wrapper__helper-icon"}),a("span",{key:"9f99e4fcf3ea29a1db4b7fdb7bc7d1e81ec56c31",class:"co-switch-wrapper__helper-text"},this.helperText)))}static get style(){return":host{display:inline-flex;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-switch-wrapper{display:flex;flex-direction:column;gap:var(--co-spacing-xs)}.co-switch-wrapper__row{display:flex;align-items:center;gap:var(--co-switch-label-gap, var(--co-spacing-sm2));cursor:pointer}.co-switch-wrapper--disabled .co-switch-wrapper__row{cursor:not-allowed}.co-switch-wrapper__labels{display:flex;align-items:center;gap:var(--co-spacing-sm2);flex:1;min-width:0}.co-switch-wrapper__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap}.co-switch-wrapper__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;margin-left:auto}.co-switch-wrapper--disabled .co-switch-wrapper__label,.co-switch-wrapper--disabled .co-switch-wrapper__secondary-label{color:var(--co-semantic-text-disabled)}.co-switch-wrapper__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding-left:calc(44px + var(--co-spacing-sm2));}.co-switch-wrapper__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-switch-wrapper__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-switch-wrapper__helper--error .co-switch-wrapper__helper-icon,.co-switch-wrapper__helper--error .co-switch-wrapper__helper-text{color:var(--co-semantic-text-error, var(--co-semantic-status-error))}.co-switch-wrapper__helper--success .co-switch-wrapper__helper-icon,.co-switch-wrapper__helper--success .co-switch-wrapper__helper-text{color:var(--co-semantic-text-success, var(--co-semantic-status-success))}.co-switch-wrapper__helper--warning .co-switch-wrapper__helper-icon,.co-switch-wrapper__helper--warning .co-switch-wrapper__helper-text{color:var(--co-semantic-text-warning, var(--co-color-status-review))}.co-switch-wrapper__helper--info .co-switch-wrapper__helper-icon,.co-switch-wrapper__helper--info .co-switch-wrapper__helper-text{color:var(--co-semantic-text-info, var(--co-semantic-status-info))}.co-switch{position:relative;display:inline-flex;align-items:center;width:44px;height:24px;border-radius:var(--co-border-radius-full);border:none;outline:none;cursor:pointer;padding:0;overflow:hidden;transition:background var(--co-motion-duration-base) var(--co-motion-ease-out);box-sizing:border-box;flex-shrink:0}.co-switch:focus-visible{box-shadow:0 0 0 2px var(--co-semantic-surface-page), 0 0 0 4px var(--co-semantic-border-focus)}.co-switch--on{background:var(--co-semantic-surface-primary)}.co-switch--off{background:var(--co-semantic-control-track-off, color-mix(in srgb, var(--co-semantic-surface-muted) 35%, transparent))}.co-switch__thumb{position:absolute;top:50%;left:2px;transform:translateY(-50%);width:20px;height:20px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-control-thumb);transition:transform var(--co-motion-duration-base) var(--co-motion-ease-spring);box-shadow:0 1px 3px var(--co-semantic-control-shadow)}.co-switch--off .co-switch__thumb{transform:translateY(-50%) translateX(0)}.co-switch--on .co-switch__thumb{transform:translateY(-50%) translateX(20px)}.co-switch--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-field-required{margin-left:2px;color:var(--co-semantic-text-error, var(--co-color-status-error))}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}@supports not (background: color-mix(in srgb, red, transparent)){.co-switch--off{background:var(--co-semantic-surface-muted)}}"}},[1,"co-switch",{checked:[1540],disabled:[4],label:[1],required:[4],secondaryLabel:[1,"secondary-label"],helperText:[1,"helper-text"],status:[1]}]);function n(){"undefined"!=typeof customElements&&["co-switch","co-icon"].forEach((c=>{switch(c){case"co-switch":customElements.get(e(c))||customElements.define(e(c),i);break;case"co-icon":customElements.get(e(c))||o()}}))}n();export{i as C,n as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as a,c as r,h as i}from"./index.js";import{R as o}from"./p-CWneqh4n.js";import{g as s}from"./p-jYd9gu_c.js";import{d as c}from"./p-o5wUtH9g.js";import{d as n}from"./p-BhmVj5-9.js";import{d as l}from"./p-DHIa14ep.js";import{d}from"./p-qMNHMnvI.js";import{d as h}from"./p-BH184F0X.js";import{d as p}from"./p-Bd6H9_5D.js";import{d as g}from"./p-xA7AfoIW.js";import{e as m,h as u,p as f,c as b,t as _,j as k,s as v,a as y,f as x}from"./p-DJ468fPu.js";const w=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coRangeStartChange=r(this,"coRangeStartChange",7),this.coRangeEndChange=r(this,"coRangeEndChange",7),this.coRangeChange=r(this,"coRangeChange",7),this.coApply=r(this,"coApply",7),this.coCancel=r(this,"coCancel",7),this.coClear=r(this,"coClear",7),this.coOpen=r(this,"coOpen",3),this.coClose=r(this,"coClose",3),this.value="",this.locale="es-CO",this.displayFormat="d MMM yyyy",this.firstDayOfWeek=1,this.presets=!0,this.allowSameDay=!0,this.clearable=!0,this.applyOnSelect=!1,this.disabled=!1,this.readonly=!1,this.invalid=!1,this.required=!1,this.layout="vertical",this.size="md",this.variant="default",this.placement="bottom-start",this.open=!1,this.mobileBreakpoint=600,this.draftFrom=null,this.draftTo=null,this.isMobile=!1,this.mqlHandler=e=>{this.isMobile=e.matches},this.onPopoverOpen=()=>{this.open||(this.open=!0,this.coOpen.emit()),this.syncDraftFromValue()},this.onPopoverClose=()=>{this.open&&(this.open=!1,this.coClose.emit()),this.syncDraftFromValue()},this.onRootKeyDown=e=>{"Escape"===e.key&&this.open&&(e.stopPropagation(),this.handleCancel())},this.onCalendarRange=e=>{this.updateDraft(e.detail.start,e.detail.end)},this.onFromChange=e=>{this.updateDraft(e.detail,this.draftTo)},this.onToChange=e=>{this.updateDraft(this.draftFrom,e.detail)},this.openSheet=()=>{this.disabled||this.open||(this.syncDraftFromValue(),this.open=!0,this.coOpen.emit())},this.handleApply=()=>{this.canApply&&(this.value=JSON.stringify({from:this.draftFrom,to:this.draftTo}),this.coApply.emit({from:this.draftFrom,to:this.draftTo}),this.open=!1)},this.handleCancel=()=>{this.coCancel.emit(),this.syncDraftFromValue(),this.open=!1},this.handleClear=()=>{this.value="",this.draftFrom=null,this.draftTo=null,this.coClear.emit(),this.coRangeChange.emit({from:null,to:null}),this.open=!1}}componentWillLoad(){const e=this.parseValue();this.draftFrom=e.from,this.draftTo=e.to}connectedCallback(){this.mql=window.matchMedia(`(max-width: ${this.mobileBreakpoint}px)`),this.isMobile=this.mql.matches,this.mql.addEventListener("change",this.mqlHandler)}disconnectedCallback(){var e;null===(e=this.mql)||void 0===e||e.removeEventListener("change",this.mqlHandler)}onValueChange(){const e=this.parseValue();this.draftFrom=e.from,this.draftTo=e.to}parseValue(){if(!this.value)return{from:null,to:null};try{const e=JSON.parse(this.value);return{from:m(e.from)?e.from:null,to:m(e.to)?e.to:null}}catch(e){return{from:null,to:null}}}get committed(){return this.parseValue()}inclusiveDays(e,t){const a=u(f(t)).getTime()-u(f(e)).getTime();return Math.round(a/864e5)+1}get canApply(){const e=this.draftFrom,t=this.draftTo;if(!e||!t)return!1;if(b(e,t)>0)return!1;if(!this.allowSameDay&&0===b(e,t))return!1;const a=this.inclusiveDays(e,t);return!(this.minRangeDays&&a<this.minRangeDays||this.maxRangeDays&&a>this.maxRangeDays)}syncDraftFromValue(){const e=this.parseValue();this.draftFrom=e.from,this.draftTo=e.to}updateDraft(e,t){const a=this.draftFrom,r=this.draftTo;this.draftFrom=e,this.draftTo=t,e!==a&&this.coRangeStartChange.emit(e),t!==r&&this.coRangeEndChange.emit(t),this.coRangeChange.emit({from:e,to:t}),this.applyOnSelect&&this.canApply&&this.scheduleApply()}scheduleApply(){clearTimeout(this.applyTimer),this.applyTimer=setTimeout((()=>{this.canApply&&this.handleApply()}),250)}applyPreset(e){const t=_();let a=null,r=null;switch(e){case"today":a=t,r=t;break;case"yesterday":a=y(t,-1),r=a;break;case"last7Days":r=t,a=y(t,-6);break;case"last14Days":r=t,a=y(t,-13);break;case"last30Days":r=t,a=y(t,-29);break;case"last90Days":r=t,a=y(t,-89);break;case"thisWeek":a=function(e,t){const a=f(e);if(!a)return e;const r=u(a).getDay();return y(e,-(r-t+7)%7)}(t,this.firstDayOfWeek),r=y(a,6);break;case"thisMonth":a=v(t),r=C(t);break;case"lastMonth":{const e=k(t,-1);a=v(e),r=C(e);break}case"thisYear":{const e=f(t).year;a=`${e}-01-01`,r=`${e}-12-31`;break}case"lastYear":{const e=f(t).year-1;a=`${e}-01-01`,r=`${e}-12-31`;break}case"custom":a=null,r=null}this.updateDraft(a,r)}get hasCommitted(){const e=this.committed;return!(!e.from&&!e.to)}triggerText(e){const t=this.committed,a=t.from?x(t.from,this.displayFormat,this.locale):null,r=t.to?x(t.to,this.displayFormat,this.locale):null;return a&&r?`${a} → ${r}`:a?`${a} → …`:r?`… → ${r}`:this.placeholder||e.setDate}presetItems(e){const t=function(e){if(Array.isArray(e))return e;if("string"==typeof e&&e.trim()){const t=e.trim();try{const e=JSON.parse(t);if(Array.isArray(e))return e.map(String)}catch(e){}return t.split(",").map((e=>e.trim())).filter(Boolean)}return[]}(this.presetIds);return(t.length?t:["today","yesterday","last7Days","last30Days","thisWeek","thisMonth","lastMonth","custom"]).map((t=>{var a;return{id:t,label:null!==(a=e[t])&&void 0!==a?a:t}}))}renderTriggerChildren(e,t){var a;return[i("co-icon",{name:"calendar",size:16,class:"co-date-range-picker__icon"}),i("span",{class:{"co-date-range-picker__trigger-text":!0,"co-date-range-picker__trigger-text--placeholder":!this.hasCommitted}},this.triggerText(e)),t&&i("button",{class:"co-date-range-picker__clear",type:"button",tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:e=>{e.stopPropagation(),this.handleClear()},"aria-label":null!==(a=this.clearLabel)&&void 0!==a?a:e.clear},i("co-icon",{name:"x-circle",size:16,weight:"fill"})),i("co-icon",{name:"caret-down",size:14,class:"co-date-range-picker__caret"})]}renderPanel(e,t){var a,r,o,s,c,n;return i("div",{class:"co-date-range-picker__panel"},i("div",{class:"co-date-range-picker__fields"},i("co-date-field",{class:"co-date-range-picker__field",label:null!==(a=this.fromLabel)&&void 0!==a?a:e.from,value:this.draftFrom,min:this.min,max:null!==(r=this.draftTo)&&void 0!==r?r:this.max,locale:this.locale,displayFormat:this.displayFormat,clearable:!1,onCoChange:this.onFromChange}),i("co-date-field",{class:"co-date-range-picker__field",label:null!==(o=this.toLabel)&&void 0!==o?o:e.to,value:this.draftTo,min:null!==(s=this.draftFrom)&&void 0!==s?s:this.min,max:this.max,locale:this.locale,displayFormat:this.displayFormat,clearable:!1,onCoChange:this.onToChange})),i("div",{class:{"co-date-range-picker__body":!0,"co-date-range-picker__body--touch":t}},this.presets&&i("div",{class:"co-date-range-picker__presets"},this.presetItems(e).map((e=>i("button",{key:e.id,type:"button",class:"co-date-range-picker__preset",onClick:()=>this.applyPreset(e.id)},e.label)))),i("co-calendar",{mode:"range","data-touch":t?"":void 0,rangeStart:this.draftFrom,rangeEnd:this.draftTo,min:this.min,max:this.max,locale:this.locale,firstDayOfWeek:this.firstDayOfWeek,onCoRangeSelect:this.onCalendarRange})),i("div",{class:"co-date-range-picker__footer"},i("button",{type:"button",class:"co-date-range-picker__btn co-date-range-picker__btn--ghost",onClick:this.handleCancel},null!==(c=this.cancelLabel)&&void 0!==c?c:e.cancel),i("button",{type:"button",class:"co-date-range-picker__btn co-date-range-picker__btn--primary",disabled:!this.canApply,onClick:this.handleApply},null!==(n=this.applyLabel)&&void 0!==n?n:e.apply)))}renderHelper(e,t){return t?i("div",{class:{"co-date-range-picker__helper":!0,"co-date-range-picker__helper--error":e},part:"helper"},e&&i("co-icon",{name:"warning-circle",size:14}),i("span",null,t)):null}render(){const e=s(this.locale),t=this.invalid,a=t?this.errorMessage:this.helperText,r=this.clearable&&this.hasCommitted&&!this.disabled&&!this.readonly,c={"co-date-range-picker__trigger":!0,"co-date-range-picker__trigger--open":this.open,"co-date-range-picker__trigger--disabled":this.disabled,"co-date-range-picker__trigger--flat":"flat"===this.variant};return this.isMobile?i("div",{class:{"co-date-range-picker":!0,"co-date-range-picker--invalid":t,[`co-date-range-picker--${this.size}`]:!0},onKeyDown:this.onRootKeyDown},this.label&&i("label",{class:"co-date-range-picker__label",part:"label"},this.label,i(o,{required:this.required})),i("div",{class:c,part:"trigger",role:"button",tabIndex:this.disabled?-1:0,"aria-haspopup":"dialog","aria-expanded":this.open?"true":"false",onClick:this.openSheet},this.renderTriggerChildren(e,r)),i("co-drawer",{position:"bottom",open:this.open,heading:e.selectDate,onCoClose:this.handleCancel},this.renderPanel(e,!0)),this.renderHelper(t,a)):i("div",{class:{"co-date-range-picker":!0,"co-date-range-picker--invalid":t,[`co-date-range-picker--${this.size}`]:!0},onKeyDown:this.onRootKeyDown},this.label&&i("label",{class:"co-date-range-picker__label",part:"label"},this.label,i(o,{required:this.required})),i("co-popover",{open:this.open,placement:this.placement,offset:4,closeOnEscape:!1,onCoOpen:this.onPopoverOpen,onCoClose:this.onPopoverClose},i("div",{slot:"trigger",class:c,part:"trigger",role:"button",tabIndex:this.disabled?-1:0,"aria-haspopup":"dialog","aria-expanded":this.open?"true":"false"},this.renderTriggerChildren(e,r)),this.open&&this.renderPanel(e,!1)),this.renderHelper(t,a))}get el(){return this}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14)}.co-date-range-picker{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-date-range-picker__label{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-secondary);line-height:1;padding:0 var(--co-spacing-xs)}.co-date-range-picker co-popover{display:block;width:100%}.co-date-range-picker--s .co-date-range-picker__trigger{min-height:28px;padding:0 var(--co-spacing-sm)}.co-date-range-picker--sm .co-date-range-picker__trigger{min-height:32px;padding:0 var(--co-spacing-sm)}.co-date-range-picker--lg .co-date-range-picker__trigger{min-height:48px;padding:0 var(--co-spacing-lg)}.co-date-range-picker__trigger{display:inline-flex;align-items:center;gap:var(--co-spacing-sm2);width:100%;min-height:40px;padding:0 var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);cursor:pointer;color:var(--co-semantic-text-default);box-sizing:border-box;transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-date-range-picker__trigger--flat{background:transparent;border-color:transparent}.co-date-range-picker__trigger--open{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-date-range-picker__trigger--disabled{opacity:0.5;cursor:not-allowed}.co-date-range-picker--invalid .co-date-range-picker__trigger{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error))}.co-date-range-picker__icon,.co-date-range-picker__caret{color:var(--co-semantic-text-muted);flex-shrink:0}.co-date-range-picker__trigger-text{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-date-range-picker__trigger-text--placeholder{color:var(--co-semantic-text-muted)}.co-date-range-picker__clear{background:none;border:0;padding:0;cursor:pointer;color:var(--co-semantic-text-muted);display:inline-flex;align-items:center;flex-shrink:0}.co-date-range-picker__clear:hover{color:var(--co-semantic-text-default)}.co-date-range-picker__panel{display:flex;flex-direction:column;gap:var(--co-spacing-md);padding:var(--co-spacing-md);min-width:280px}.co-date-range-picker__fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--co-spacing-sm)}.co-date-range-picker__body{display:flex;gap:var(--co-spacing-md);align-items:flex-start}.co-date-range-picker__body:not(.co-date-range-picker__body--touch) co-calendar{flex:1;min-width:0;--co-calendar-width:100%;--co-calendar-col:minmax(var(--co-calendar-day-size), 1fr);--co-calendar-day-width:100%}.co-date-range-picker__body--touch{flex-direction:column;align-items:stretch}.co-date-range-picker__body--touch .co-date-range-picker__presets{flex-direction:row;flex-wrap:wrap;min-width:0;border-right:0;padding-right:0;border-bottom:1px solid var(--co-semantic-border-subtle);padding-bottom:var(--co-spacing-sm)}.co-date-range-picker__body--touch co-calendar{align-self:center}.co-date-range-picker__presets{display:flex;flex-direction:column;gap:var(--co-spacing-xxs);min-width:120px;border-right:1px solid var(--co-semantic-border-subtle);padding-right:var(--co-spacing-md)}.co-date-range-picker__preset{text-align:left;background:none;border:0;padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xs);font-size:var(--co-font-size-14);font-family:inherit;color:var(--co-semantic-text-default);cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-date-range-picker__preset:hover{background:var(--co-semantic-surface-hover)}.co-date-range-picker__footer{display:flex;justify-content:flex-end;gap:var(--co-spacing-sm);padding-top:var(--co-spacing-sm);border-top:1px solid var(--co-semantic-border-subtle)}.co-date-range-picker__btn{padding:var(--co-spacing-xs) var(--co-spacing-md);border-radius:var(--co-border-radius-xs);font-size:var(--co-font-size-14);font-family:inherit;font-weight:500;cursor:pointer;border:0}.co-date-range-picker__btn--ghost{background:transparent;color:var(--co-semantic-text-default)}.co-date-range-picker__btn--ghost:hover{background:var(--co-semantic-surface-hover)}.co-date-range-picker__btn--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary)}.co-date-range-picker__btn--primary:hover:not(:disabled){opacity:0.88}.co-date-range-picker__btn--primary:disabled{opacity:0.5;cursor:not-allowed}.co-date-range-picker__helper{display:inline-flex;align-items:center;gap:var(--co-spacing-xs);font-size:var(--co-font-size-14);color:var(--co-semantic-text-muted);padding:0 var(--co-spacing-xs)}.co-date-range-picker__helper--error{color:var(--co-semantic-text-error, var(--co-semantic-status-error))}:host([layout='horizontal']) .co-date-range-picker{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-date-range-picker__label{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-date-range-picker__label{white-space:normal}:host([layout='horizontal']) .co-date-range-picker>:not(.co-date-range-picker__label){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-semantic-text-error, 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)')}"}},[1,"co-date-range-picker",{value:[1025],min:[1],max:[1],locale:[1],displayFormat:[1,"display-format"],firstDayOfWeek:[2,"first-day-of-week"],presets:[4],presetIds:[1,"preset-ids"],allowSameDay:[4,"allow-same-day"],minRangeDays:[2,"min-range-days"],maxRangeDays:[2,"max-range-days"],clearable:[4],applyOnSelect:[4,"apply-on-select"],disabled:[4],readonly:[4],invalid:[4],errorMessage:[1,"error-message"],helperText:[1,"helper-text"],label:[1],required:[4],placeholder:[1],layout:[513],size:[513],variant:[513],placement:[1],open:[1540],applyLabel:[1,"apply-label"],cancelLabel:[1,"cancel-label"],clearLabel:[1,"clear-label"],fromLabel:[1,"from-label"],toLabel:[1,"to-label"],mobileBreakpoint:[2,"mobile-breakpoint"],draftFrom:[32],draftTo:[32],isMobile:[32]},void 0,{value:[{onValueChange:0}]}]);function C(e){return y(v(k(e,1)),-1)}function z(){"undefined"!=typeof customElements&&["co-date-range-picker","co-calendar","co-date-field","co-drawer","co-icon","co-loader","co-overlay","co-popover"].forEach((t=>{switch(t){case"co-date-range-picker":customElements.get(e(t))||customElements.define(e(t),w);break;case"co-calendar":customElements.get(e(t))||c();break;case"co-date-field":customElements.get(e(t))||n();break;case"co-drawer":customElements.get(e(t))||l();break;case"co-icon":customElements.get(e(t))||d();break;case"co-loader":customElements.get(e(t))||h();break;case"co-overlay":customElements.get(e(t))||p();break;case"co-popover":customElements.get(e(t))||g()}}))}z();export{w as C,z as d}
|
|
1
|
+
import{t as e,p as t,H as a,c as r,h as i}from"./index.js";import{R as o}from"./p-CWneqh4n.js";import{g as s}from"./p-jYd9gu_c.js";import{d as c}from"./p-o5wUtH9g.js";import{d as n}from"./p-BhmVj5-9.js";import{d as l}from"./p-DHIa14ep.js";import{d}from"./p-qMNHMnvI.js";import{d as h}from"./p-BH184F0X.js";import{d as p}from"./p-Bd6H9_5D.js";import{d as g}from"./p-BxDO3-bY.js";import{e as m,h as u,p as f,c as b,t as _,j as k,s as v,a as y,f as x}from"./p-DJ468fPu.js";const w=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coRangeStartChange=r(this,"coRangeStartChange",7),this.coRangeEndChange=r(this,"coRangeEndChange",7),this.coRangeChange=r(this,"coRangeChange",7),this.coApply=r(this,"coApply",7),this.coCancel=r(this,"coCancel",7),this.coClear=r(this,"coClear",7),this.coOpen=r(this,"coOpen",3),this.coClose=r(this,"coClose",3),this.value="",this.locale="es-CO",this.displayFormat="d MMM yyyy",this.firstDayOfWeek=1,this.presets=!0,this.allowSameDay=!0,this.clearable=!0,this.applyOnSelect=!1,this.disabled=!1,this.readonly=!1,this.invalid=!1,this.required=!1,this.layout="vertical",this.size="md",this.variant="default",this.placement="bottom-start",this.open=!1,this.mobileBreakpoint=600,this.draftFrom=null,this.draftTo=null,this.isMobile=!1,this.mqlHandler=e=>{this.isMobile=e.matches},this.onPopoverOpen=()=>{this.open||(this.open=!0,this.coOpen.emit()),this.syncDraftFromValue()},this.onPopoverClose=()=>{this.open&&(this.open=!1,this.coClose.emit()),this.syncDraftFromValue()},this.onRootKeyDown=e=>{"Escape"===e.key&&this.open&&(e.stopPropagation(),this.handleCancel())},this.onCalendarRange=e=>{this.updateDraft(e.detail.start,e.detail.end)},this.onFromChange=e=>{this.updateDraft(e.detail,this.draftTo)},this.onToChange=e=>{this.updateDraft(this.draftFrom,e.detail)},this.openSheet=()=>{this.disabled||this.open||(this.syncDraftFromValue(),this.open=!0,this.coOpen.emit())},this.handleApply=()=>{this.canApply&&(this.value=JSON.stringify({from:this.draftFrom,to:this.draftTo}),this.coApply.emit({from:this.draftFrom,to:this.draftTo}),this.open=!1)},this.handleCancel=()=>{this.coCancel.emit(),this.syncDraftFromValue(),this.open=!1},this.handleClear=()=>{this.value="",this.draftFrom=null,this.draftTo=null,this.coClear.emit(),this.coRangeChange.emit({from:null,to:null}),this.open=!1}}componentWillLoad(){const e=this.parseValue();this.draftFrom=e.from,this.draftTo=e.to}connectedCallback(){this.mql=window.matchMedia(`(max-width: ${this.mobileBreakpoint}px)`),this.isMobile=this.mql.matches,this.mql.addEventListener("change",this.mqlHandler)}disconnectedCallback(){var e;null===(e=this.mql)||void 0===e||e.removeEventListener("change",this.mqlHandler)}onValueChange(){const e=this.parseValue();this.draftFrom=e.from,this.draftTo=e.to}parseValue(){if(!this.value)return{from:null,to:null};try{const e=JSON.parse(this.value);return{from:m(e.from)?e.from:null,to:m(e.to)?e.to:null}}catch(e){return{from:null,to:null}}}get committed(){return this.parseValue()}inclusiveDays(e,t){const a=u(f(t)).getTime()-u(f(e)).getTime();return Math.round(a/864e5)+1}get canApply(){const e=this.draftFrom,t=this.draftTo;if(!e||!t)return!1;if(b(e,t)>0)return!1;if(!this.allowSameDay&&0===b(e,t))return!1;const a=this.inclusiveDays(e,t);return!(this.minRangeDays&&a<this.minRangeDays||this.maxRangeDays&&a>this.maxRangeDays)}syncDraftFromValue(){const e=this.parseValue();this.draftFrom=e.from,this.draftTo=e.to}updateDraft(e,t){const a=this.draftFrom,r=this.draftTo;this.draftFrom=e,this.draftTo=t,e!==a&&this.coRangeStartChange.emit(e),t!==r&&this.coRangeEndChange.emit(t),this.coRangeChange.emit({from:e,to:t}),this.applyOnSelect&&this.canApply&&this.scheduleApply()}scheduleApply(){clearTimeout(this.applyTimer),this.applyTimer=setTimeout((()=>{this.canApply&&this.handleApply()}),250)}applyPreset(e){const t=_();let a=null,r=null;switch(e){case"today":a=t,r=t;break;case"yesterday":a=y(t,-1),r=a;break;case"last7Days":r=t,a=y(t,-6);break;case"last14Days":r=t,a=y(t,-13);break;case"last30Days":r=t,a=y(t,-29);break;case"last90Days":r=t,a=y(t,-89);break;case"thisWeek":a=function(e,t){const a=f(e);if(!a)return e;const r=u(a).getDay();return y(e,-(r-t+7)%7)}(t,this.firstDayOfWeek),r=y(a,6);break;case"thisMonth":a=v(t),r=C(t);break;case"lastMonth":{const e=k(t,-1);a=v(e),r=C(e);break}case"thisYear":{const e=f(t).year;a=`${e}-01-01`,r=`${e}-12-31`;break}case"lastYear":{const e=f(t).year-1;a=`${e}-01-01`,r=`${e}-12-31`;break}case"custom":a=null,r=null}this.updateDraft(a,r)}get hasCommitted(){const e=this.committed;return!(!e.from&&!e.to)}triggerText(e){const t=this.committed,a=t.from?x(t.from,this.displayFormat,this.locale):null,r=t.to?x(t.to,this.displayFormat,this.locale):null;return a&&r?`${a} → ${r}`:a?`${a} → …`:r?`… → ${r}`:this.placeholder||e.setDate}presetItems(e){const t=function(e){if(Array.isArray(e))return e;if("string"==typeof e&&e.trim()){const t=e.trim();try{const e=JSON.parse(t);if(Array.isArray(e))return e.map(String)}catch(e){}return t.split(",").map((e=>e.trim())).filter(Boolean)}return[]}(this.presetIds);return(t.length?t:["today","yesterday","last7Days","last30Days","thisWeek","thisMonth","lastMonth","custom"]).map((t=>{var a;return{id:t,label:null!==(a=e[t])&&void 0!==a?a:t}}))}renderTriggerChildren(e,t){var a;return[i("co-icon",{name:"calendar",size:16,class:"co-date-range-picker__icon"}),i("span",{class:{"co-date-range-picker__trigger-text":!0,"co-date-range-picker__trigger-text--placeholder":!this.hasCommitted}},this.triggerText(e)),t&&i("button",{class:"co-date-range-picker__clear",type:"button",tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:e=>{e.stopPropagation(),this.handleClear()},"aria-label":null!==(a=this.clearLabel)&&void 0!==a?a:e.clear},i("co-icon",{name:"x-circle",size:16,weight:"fill"})),i("co-icon",{name:"caret-down",size:14,class:"co-date-range-picker__caret"})]}renderPanel(e,t){var a,r,o,s,c,n;return i("div",{class:"co-date-range-picker__panel"},i("div",{class:"co-date-range-picker__fields"},i("co-date-field",{class:"co-date-range-picker__field",label:null!==(a=this.fromLabel)&&void 0!==a?a:e.from,value:this.draftFrom,min:this.min,max:null!==(r=this.draftTo)&&void 0!==r?r:this.max,locale:this.locale,displayFormat:this.displayFormat,clearable:!1,onCoChange:this.onFromChange}),i("co-date-field",{class:"co-date-range-picker__field",label:null!==(o=this.toLabel)&&void 0!==o?o:e.to,value:this.draftTo,min:null!==(s=this.draftFrom)&&void 0!==s?s:this.min,max:this.max,locale:this.locale,displayFormat:this.displayFormat,clearable:!1,onCoChange:this.onToChange})),i("div",{class:{"co-date-range-picker__body":!0,"co-date-range-picker__body--touch":t}},this.presets&&i("div",{class:"co-date-range-picker__presets"},this.presetItems(e).map((e=>i("button",{key:e.id,type:"button",class:"co-date-range-picker__preset",onClick:()=>this.applyPreset(e.id)},e.label)))),i("co-calendar",{mode:"range","data-touch":t?"":void 0,rangeStart:this.draftFrom,rangeEnd:this.draftTo,min:this.min,max:this.max,locale:this.locale,firstDayOfWeek:this.firstDayOfWeek,onCoRangeSelect:this.onCalendarRange})),i("div",{class:"co-date-range-picker__footer"},i("button",{type:"button",class:"co-date-range-picker__btn co-date-range-picker__btn--ghost",onClick:this.handleCancel},null!==(c=this.cancelLabel)&&void 0!==c?c:e.cancel),i("button",{type:"button",class:"co-date-range-picker__btn co-date-range-picker__btn--primary",disabled:!this.canApply,onClick:this.handleApply},null!==(n=this.applyLabel)&&void 0!==n?n:e.apply)))}renderHelper(e,t){return t?i("div",{class:{"co-date-range-picker__helper":!0,"co-date-range-picker__helper--error":e},part:"helper"},e&&i("co-icon",{name:"warning-circle",size:14}),i("span",null,t)):null}render(){const e=s(this.locale),t=this.invalid,a=t?this.errorMessage:this.helperText,r=this.clearable&&this.hasCommitted&&!this.disabled&&!this.readonly,c={"co-date-range-picker__trigger":!0,"co-date-range-picker__trigger--open":this.open,"co-date-range-picker__trigger--disabled":this.disabled,"co-date-range-picker__trigger--flat":"flat"===this.variant};return this.isMobile?i("div",{class:{"co-date-range-picker":!0,"co-date-range-picker--invalid":t,[`co-date-range-picker--${this.size}`]:!0},onKeyDown:this.onRootKeyDown},this.label&&i("label",{class:"co-date-range-picker__label",part:"label"},this.label,i(o,{required:this.required})),i("div",{class:c,part:"trigger",role:"button",tabIndex:this.disabled?-1:0,"aria-haspopup":"dialog","aria-expanded":this.open?"true":"false",onClick:this.openSheet},this.renderTriggerChildren(e,r)),i("co-drawer",{position:"bottom",open:this.open,heading:e.selectDate,onCoClose:this.handleCancel},this.renderPanel(e,!0)),this.renderHelper(t,a)):i("div",{class:{"co-date-range-picker":!0,"co-date-range-picker--invalid":t,[`co-date-range-picker--${this.size}`]:!0},onKeyDown:this.onRootKeyDown},this.label&&i("label",{class:"co-date-range-picker__label",part:"label"},this.label,i(o,{required:this.required})),i("co-popover",{open:this.open,placement:this.placement,offset:4,closeOnEscape:!1,onCoOpen:this.onPopoverOpen,onCoClose:this.onPopoverClose},i("div",{slot:"trigger",class:c,part:"trigger",role:"button",tabIndex:this.disabled?-1:0,"aria-haspopup":"dialog","aria-expanded":this.open?"true":"false"},this.renderTriggerChildren(e,r)),this.open&&this.renderPanel(e,!1)),this.renderHelper(t,a))}get el(){return this}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14)}.co-date-range-picker{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-date-range-picker__label{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-secondary);line-height:1;padding:0 var(--co-spacing-xs)}.co-date-range-picker co-popover{display:block;width:100%}.co-date-range-picker--s .co-date-range-picker__trigger{min-height:28px;padding:0 var(--co-spacing-sm)}.co-date-range-picker--sm .co-date-range-picker__trigger{min-height:32px;padding:0 var(--co-spacing-sm)}.co-date-range-picker--lg .co-date-range-picker__trigger{min-height:48px;padding:0 var(--co-spacing-lg)}.co-date-range-picker__trigger{display:inline-flex;align-items:center;gap:var(--co-spacing-sm2);width:100%;min-height:40px;padding:0 var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);cursor:pointer;color:var(--co-semantic-text-default);box-sizing:border-box;transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-date-range-picker__trigger--flat{background:transparent;border-color:transparent}.co-date-range-picker__trigger--open{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-date-range-picker__trigger--disabled{opacity:0.5;cursor:not-allowed}.co-date-range-picker--invalid .co-date-range-picker__trigger{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error))}.co-date-range-picker__icon,.co-date-range-picker__caret{color:var(--co-semantic-text-muted);flex-shrink:0}.co-date-range-picker__trigger-text{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-date-range-picker__trigger-text--placeholder{color:var(--co-semantic-text-muted)}.co-date-range-picker__clear{background:none;border:0;padding:0;cursor:pointer;color:var(--co-semantic-text-muted);display:inline-flex;align-items:center;flex-shrink:0}.co-date-range-picker__clear:hover{color:var(--co-semantic-text-default)}.co-date-range-picker__panel{display:flex;flex-direction:column;gap:var(--co-spacing-md);padding:var(--co-spacing-md);min-width:280px}.co-date-range-picker__fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--co-spacing-sm)}.co-date-range-picker__body{display:flex;gap:var(--co-spacing-md);align-items:flex-start}.co-date-range-picker__body:not(.co-date-range-picker__body--touch) co-calendar{flex:1;min-width:0;--co-calendar-width:100%;--co-calendar-col:minmax(var(--co-calendar-day-size), 1fr);--co-calendar-day-width:100%}.co-date-range-picker__body--touch{flex-direction:column;align-items:stretch}.co-date-range-picker__body--touch .co-date-range-picker__presets{flex-direction:row;flex-wrap:wrap;min-width:0;border-right:0;padding-right:0;border-bottom:1px solid var(--co-semantic-border-subtle);padding-bottom:var(--co-spacing-sm)}.co-date-range-picker__body--touch co-calendar{align-self:center}.co-date-range-picker__presets{display:flex;flex-direction:column;gap:var(--co-spacing-xxs);min-width:120px;border-right:1px solid var(--co-semantic-border-subtle);padding-right:var(--co-spacing-md)}.co-date-range-picker__preset{text-align:left;background:none;border:0;padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xs);font-size:var(--co-font-size-14);font-family:inherit;color:var(--co-semantic-text-default);cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-date-range-picker__preset:hover{background:var(--co-semantic-surface-hover)}.co-date-range-picker__footer{display:flex;justify-content:flex-end;gap:var(--co-spacing-sm);padding-top:var(--co-spacing-sm);border-top:1px solid var(--co-semantic-border-subtle)}.co-date-range-picker__btn{padding:var(--co-spacing-xs) var(--co-spacing-md);border-radius:var(--co-border-radius-xs);font-size:var(--co-font-size-14);font-family:inherit;font-weight:500;cursor:pointer;border:0}.co-date-range-picker__btn--ghost{background:transparent;color:var(--co-semantic-text-default)}.co-date-range-picker__btn--ghost:hover{background:var(--co-semantic-surface-hover)}.co-date-range-picker__btn--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary)}.co-date-range-picker__btn--primary:hover:not(:disabled){opacity:0.88}.co-date-range-picker__btn--primary:disabled{opacity:0.5;cursor:not-allowed}.co-date-range-picker__helper{display:inline-flex;align-items:center;gap:var(--co-spacing-xs);font-size:var(--co-font-size-14);color:var(--co-semantic-text-muted);padding:0 var(--co-spacing-xs)}.co-date-range-picker__helper--error{color:var(--co-semantic-text-error, var(--co-semantic-status-error))}:host([layout='horizontal']) .co-date-range-picker{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-date-range-picker__label{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-date-range-picker__label{white-space:normal}:host([layout='horizontal']) .co-date-range-picker>:not(.co-date-range-picker__label){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-semantic-text-error, 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)')}"}},[1,"co-date-range-picker",{value:[1025],min:[1],max:[1],locale:[1],displayFormat:[1,"display-format"],firstDayOfWeek:[2,"first-day-of-week"],presets:[4],presetIds:[1,"preset-ids"],allowSameDay:[4,"allow-same-day"],minRangeDays:[2,"min-range-days"],maxRangeDays:[2,"max-range-days"],clearable:[4],applyOnSelect:[4,"apply-on-select"],disabled:[4],readonly:[4],invalid:[4],errorMessage:[1,"error-message"],helperText:[1,"helper-text"],label:[1],required:[4],placeholder:[1],layout:[513],size:[513],variant:[513],placement:[1],open:[1540],applyLabel:[1,"apply-label"],cancelLabel:[1,"cancel-label"],clearLabel:[1,"clear-label"],fromLabel:[1,"from-label"],toLabel:[1,"to-label"],mobileBreakpoint:[2,"mobile-breakpoint"],draftFrom:[32],draftTo:[32],isMobile:[32]},void 0,{value:[{onValueChange:0}]}]);function C(e){return y(v(k(e,1)),-1)}function z(){"undefined"!=typeof customElements&&["co-date-range-picker","co-calendar","co-date-field","co-drawer","co-icon","co-loader","co-overlay","co-popover"].forEach((t=>{switch(t){case"co-date-range-picker":customElements.get(e(t))||customElements.define(e(t),w);break;case"co-calendar":customElements.get(e(t))||c();break;case"co-date-field":customElements.get(e(t))||n();break;case"co-drawer":customElements.get(e(t))||l();break;case"co-icon":customElements.get(e(t))||d();break;case"co-loader":customElements.get(e(t))||h();break;case"co-overlay":customElements.get(e(t))||p();break;case"co-popover":customElements.get(e(t))||g()}}))}z();export{w as C,z as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as o,p as t,H as c,h as i}from"./index.js";import{d as n}from"./p-qMNHMnvI.js";const r=t(class extends c{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.variant="filled",this.surface="light",this.shape="rounded",this.size="md",this.disabled=!1,this.label="",this.toggled=!1,this.iconWeight="regular",this.selected=!1,this.fluid=!1,this.caret=!1}render(){var o,t;const c=null!==(o=this.iconSize)&&void 0!==o?o:null!==(t={xl:32,lg:28,md:24,sm:20,xs:16,xxs:16}[this.size])&&void 0!==t?t:24,n=null!=this.boxSize?{width:`${this.caret?this.boxSize+8:this.boxSize}px`,height:`${this.boxSize}px`,borderRadius:`var(--co-icon-button-radius, ${"square"===this.shape?"var(--co-border-radius-xs, 8px)":"var(--co-border-radius-full)"})`}:void 0,r=this.icon?n:Object.assign(Object.assign({},null!=n?n:{}),{"--co-icon-button-glyph-size":`${c}px`});return i("button",{key:"c83227eb38cf7d3573e5490c7dff2130402e8a09",class:{"co-icon-button":!0,[`co-icon-button--${this.variant}`]:!0,[`co-icon-button--${this.shape}`]:!0,[`co-icon-button--${this.size}`]:!0,"co-icon-button--dark":"dark"===this.surface,"co-icon-button--selected":this.selected,"co-icon-button--caret":this.caret,"co-icon-button--disabled":this.disabled},style:r,disabled:this.disabled,"aria-label":this.label||(this.toggled&&this.toggleIcon?this.toggleIcon:this.icon),"aria-pressed":this.selected?"true":void 0,part:"button"},this.icon&&this.toggleIcon?i("span",{class:{"co-icon-button__swap":!0,"co-icon-button__swap--toggled":this.toggled},"aria-hidden":"true"},i("co-icon",{name:this.icon,weight:this.iconWeight,size:c}),i("co-icon",{name:this.toggleIcon,weight:this.iconWeight,size:c})):this.icon?i("co-icon",{name:this.icon,weight:this.iconWeight,size:c}):i("slot",null),this.caret&&i("co-icon",{key:"a70e77a1b2c2db11dfa0a0e0f5629c3ea2829754",class:"co-icon-button__caret",name:"caret-down",size:8}))}static get style(){return":host{display:inline-flex}:host([disabled]){pointer-events:none}:host([fluid]){flex:1 1 0;min-width:0}:host([fluid]) .co-icon-button{width:100%}.co-icon-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent;outline:none;padding:0;flex-shrink:0;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out), background var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out);box-sizing:border-box;-webkit-font-smoothing:antialiased;-webkit-backdrop-filter:var(--co-icon-button-backdrop-filter, var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate))));backdrop-filter:var(--co-icon-button-backdrop-filter, var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate))))}.co-icon-button--filled{background:color-mix(in srgb, var(--co-semantic-surface-primary) 78%, transparent);color:var(--co-semantic-on-primary);border-color:color-mix(in srgb, var(--co-semantic-on-primary) 28%, transparent)}.co-icon-button--outlined{background:color-mix(in srgb, var(--co-icon-button-bg, var(--co-semantic-surface-secondary)) 55%, transparent);color:var(--co-icon-button-color, var(--co-semantic-on-secondary));border:1px solid var(--co-icon-button-border, var(--co-semantic-border-subtle))}.co-icon-button--ghost{background:transparent;color:var(--co-icon-button-color, var(--co-semantic-text-default));border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.co-icon-button--ghost:hover:not(:disabled){background:var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.08))}.co-icon-button--soft{background:var(--co-semantic-surface-control);color:var(--co-icon-button-color, var(--co-semantic-text-default));border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.co-icon-button--soft:hover:not(:disabled){background:color-mix(in srgb, var(--co-semantic-surface-control), var(--co-semantic-surface-hover))}.co-icon-button--dark{color:var(--co-icon-button-color, var(--co-surface-dark-ink, var(--co-color-base-blanco, #fff)))}.co-icon-button--dark.co-icon-button--ghost:hover:not(:disabled){background:color-mix(in srgb, var(--co-surface-dark-ink, var(--co-color-base-blanco, #fff)) 16%, transparent)}.co-icon-button--selected,.co-icon-button--selected:hover:not(:disabled),.co-icon-button--dark.co-icon-button--selected:hover:not(:disabled){background:var(--co-icon-button-selected-bg, var(--co-semantic-accent));color:var(--co-icon-button-selected-color, var(--co-semantic-on-accent))}.co-icon-button--rounded.co-icon-button--xl{width:80px;height:80px;border-radius:var(--co-icon-button-radius, var(--co-border-radius-full))}.co-icon-button--rounded.co-icon-button--lg{width:64px;height:64px;border-radius:var(--co-icon-button-radius, var(--co-border-radius-full))}.co-icon-button--rounded.co-icon-button--md{width:56px;height:56px;border-radius:var(--co-icon-button-radius, var(--co-border-radius-full))}.co-icon-button--rounded.co-icon-button--sm{width:48px;height:48px;border-radius:var(--co-icon-button-radius, var(--co-border-radius-full))}.co-icon-button--rounded.co-icon-button--xs{width:32px;height:32px;border-radius:var(--co-icon-button-radius, var(--co-border-radius-full))}.co-icon-button--rounded.co-icon-button--xxs{width:24px;height:24px;border-radius:var(--co-icon-button-radius, var(--co-border-radius-full))}.co-icon-button--square.co-icon-button--xl{width:80px;height:80px;border-radius:var(--co-icon-button-radius, var(--co-border-radius-xl));}.co-icon-button--square.co-icon-button--lg{width:64px;height:64px;border-radius:var(--co-icon-button-radius, var(--co-border-radius-lg));}.co-icon-button--square.co-icon-button--md{width:56px;height:56px;border-radius:var(--co-icon-button-radius, var(--co-border-radius-lg));}.co-icon-button--square.co-icon-button--sm{width:48px;height:48px;border-radius:var(--co-icon-button-radius, var(--co-border-radius-sm));}.co-icon-button--square.co-icon-button--xs{width:32px;height:32px;border-radius:var(--co-icon-button-radius, var(--co-border-radius-xs));}.co-icon-button--square.co-icon-button--xxs{width:24px;height:24px;border-radius:var(--co-icon-button-radius, var(--co-spacing-sm));}::slotted(*){width:var(--co-icon-button-glyph-size);height:var(--co-icon-button-glyph-size);flex-shrink:0}.co-icon-button--caret{gap:4px}.co-icon-button--caret.co-icon-button--xl{width:calc(80px + 8px)}.co-icon-button--caret.co-icon-button--lg{width:calc(64px + 8px)}.co-icon-button--caret.co-icon-button--md{width:calc(56px + 8px)}.co-icon-button--caret.co-icon-button--sm{width:calc(48px + 8px)}.co-icon-button--caret.co-icon-button--xs{width:calc(32px + 8px)}.co-icon-button--caret.co-icon-button--xxs{width:calc(24px + 8px)}.co-icon-button--disabled,.co-icon-button:disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-icon-button:hover:not(:disabled){opacity:0.88}.co-icon-button:focus-visible{outline:none;border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus)}.co-icon-button--dark:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--co-surface-dark-ink, var(--co-color-base-blanco, #fff)) 45%, transparent)}.co-icon-button:active:not(:disabled){transform:scale(0.97);transition-duration:var(--co-motion-duration-instant)}@supports not (background: color-mix(in srgb, red, transparent)){.co-icon-button--filled{background:var(--co-semantic-surface-primary)}.co-icon-button--outlined{background:var(--co-icon-button-bg, var(--co-semantic-surface-secondary))}}.co-icon-button__swap{display:inline-grid}.co-icon-button__swap>co-icon{grid-area:1 / 1;transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-in-out), transform var(--co-motion-duration-base) var(--co-motion-ease-in-out), filter var(--co-motion-duration-base) var(--co-motion-ease-in-out)}.co-icon-button__swap>co-icon:last-child{opacity:0;transform:scale(0.25);filter:blur(var(--co-motion-blur-sm))}.co-icon-button__swap--toggled>co-icon:first-child{opacity:0;transform:scale(0.25);filter:blur(var(--co-motion-blur-sm))}.co-icon-button__swap--toggled>co-icon:last-child{opacity:1;transform:scale(1);filter:blur(0)}"}},[257,"co-icon-button",{variant:[1],surface:[1],shape:[513],size:[1],boxSize:[2,"box-size"],iconSize:[2,"icon-size"],disabled:[516],label:[1],icon:[1],toggleIcon:[1,"toggle-icon"],toggled:[4],iconWeight:[1,"icon-weight"],selected:[516],fluid:[516],caret:[4]}]);function a(){"undefined"!=typeof customElements&&["co-icon-button","co-icon"].forEach((t=>{switch(t){case"co-icon-button":customElements.get(o(t))||customElements.define(o(t),r);break;case"co-icon":customElements.get(o(t))||n()}}))}a();export{r as C,a as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as i,H as o,c as e,h as a}from"./index.js";import{l as s}from"./p-jYd9gu_c.js";import{i as n}from"./p-Dp1JT0dm.js";import{d as r}from"./p-qMNHMnvI.js";import{d as c}from"./p-COCcx0DN.js";const h={es:{close:"Cerrar visor",prevImage:"Imagen anterior",nextImage:"Imagen siguiente",zoomIn:"Acercar",zoomOut:"Alejar",zoomReset:"Restablecer zoom",openOriginal:"Abrir original",counter:"{i} de {n}"},en:{close:"Close viewer",prevImage:"Previous image",nextImage:"Next image",zoomIn:"Zoom in",zoomOut:"Zoom out",zoomReset:"Reset zoom",openOriginal:"Open original",counter:"{i} of {n}"},pt:{close:"Fechar visualizador",prevImage:"Imagem anterior",nextImage:"Próxima imagem",zoomIn:"Aproximar",zoomOut:"Afastar",zoomReset:"Redefinir zoom",openOriginal:"Abrir original",counter:"{i} de {n}"}};function l(t,i=d){const o=(null==t?void 0:t.original)||(null==t?void 0:t.src);if(!t||!o)return!1;const e=i("","_blank");if(!e)return!1;try{e.opener=null}catch(t){}return function(t,i,o){var e;if(t.title=i.alt||"",!t.body)return;t.body.style.cssText="margin:0;min-height:100vh;display:grid;place-items:center;color-scheme:dark;background:Canvas;color:CanvasText";const a="video"===i.kind,s=t.createElement(a?"video":"img");s.style.cssText="max-width:100vw;max-height:100vh;object-fit:contain",s.setAttribute("src",o),a?(s.setAttribute("controls",""),i.poster&&s.setAttribute("poster",i.poster)):(s.setAttribute("alt",i.alt||""),i.src&&i.src!==o&&(null===(e=s.addEventListener)||void 0===e||e.call(s,"error",(()=>s.setAttribute("src",i.src)),{once:!0}))),t.body.appendChild(s)}(e.document,t,o),!0}function d(t,i){return window.open(t,i)}const b=1.15,u=i(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coClose=e(this,"coClose",3),this.coChange=e(this,"coChange",3),this.images="[]",this.startIndex=0,this.open=!1,this.index=0,this.scale=1,this.tx=0,this.ty=0,this.dragging=!1,this.lastImagesStr="",this.lastParsed=[],this.dragStart={x:0,y:0,tx:0,ty:0},this.pendingFocus=!1,this.syncTopLayer=t=>{t&&(this.rootEl=t);const i=this.rootEl;if(i&&"function"==typeof i.showPopover)if(this.open){clearTimeout(this.demoteTimer);try{n(i)||i.showPopover()}catch(t){}}else n(i)&&(clearTimeout(this.demoteTimer),this.demoteTimer=setTimeout((()=>{try{i.hidePopover()}catch(t){}}),220))},this.handleKey=t=>{if(this.open){if("Escape"===t.key)return this.escapeBelongsToPlayer()||(this.requestClose(),t.preventDefault()),void t.stopPropagation();if("Tab"!==t.key){if(!this.isFocusInPlayer()){switch(t.key){case"ArrowLeft":this.goTo(-1);break;case"ArrowRight":this.goTo(1);break;case"+":case"=":if(this.isVideoSlide)return;this.zoomAt(this.scale*b,0,0);break;case"-":if(this.isVideoSlide)return;this.zoomAt(this.scale/b,0,0);break;case"0":if(this.isVideoSlide)return;this.resetView();break;default:return}t.preventDefault(),t.stopPropagation()}}else this.trapTab(t)}},this.requestClose=()=>{this.coClose.emit()},this.mountPlayer=t=>{t&&t!==this.playerEl&&(this.playerEl=t,this.tryAutoplay())},this.handlePlayerReady=t=>{var i;const{width:o,height:e}=t.detail||{};o&&e&&(null===(i=this.playerEl)||void 0===i||i.style.setProperty("--co-lb-ar",String(o/e)))},this.handleWheel=t=>{t.preventDefault();const[i,o]=this.stagePoint(t);this.zoomAt(this.scale*(t.deltaY<0?b:1/b),i,o)},this.handleDblClick=t=>{const[i,o]=this.stagePoint(t);this.zoomAt(this.scale>1?1:2.5,i,o)},this.handlePointerDown=t=>{var i;this.scale<=1||(t.preventDefault(),this.dragging=!0,this.dragStart={x:t.clientX,y:t.clientY,tx:this.tx,ty:this.ty},null===(i=this.imgEl)||void 0===i||i.setPointerCapture(t.pointerId))},this.handlePointerMove=t=>{if(!this.dragging)return;const i=this.dragStart.tx+(t.clientX-this.dragStart.x),o=this.dragStart.ty+(t.clientY-this.dragStart.y);[this.tx,this.ty]=this.clampPan(i,o,this.scale)},this.handlePointerUp=t=>{var i;this.dragging&&(this.dragging=!1,null===(i=this.imgEl)||void 0===i||i.releasePointerCapture(t.pointerId))},this.openOriginal=()=>{l(this.parsedImages[this.index])},this.stop=t=>t.stopPropagation()}get activeItem(){return this.parsedImages[this.index]}get isVideoSlide(){var t;return"video"===(null===(t=this.activeItem)||void 0===t?void 0:t.kind)}get parsedImages(){const t=this.images;if("string"!=typeof t||!t.trim())return[];if(t===this.lastImagesStr)return this.lastParsed;let i=[];try{const o=JSON.parse(t);Array.isArray(o)&&(i=o.filter((t=>t&&t.src)))}catch(t){}return this.lastImagesStr=t,this.lastParsed=i,i}componentWillLoad(){this.index=this.clampIndex(this.startIndex),this.pendingAutoplay=this.open}connectedCallback(){this.open&&this.attachKeyListener()}disconnectedCallback(){this.detachKeyListener(),this.pauseVideo(),clearTimeout(this.demoteTimer)}componentDidRender(){var t;this.pendingFocus&&(this.pendingFocus=!1,null===(t=this.closeBtnEl)||void 0===t||t.focus())}onOpenChange(t){var i,o,e;this.syncTopLayer(),t?(this.index=this.clampIndex(this.startIndex),this.resetView(),this.preloadNeighbors(),this.attachKeyListener(),this.pendingAutoplay=!0,this.tryAutoplay(),this.previouslyFocused=null!==(i=document.activeElement)&&void 0!==i?i:void 0,this.pendingFocus=!0):(this.detachKeyListener(),this.pauseVideo(),this.pendingAutoplay=!1,null===(e=null===(o=this.previouslyFocused)||void 0===o?void 0:o.focus)||void 0===e||e.call(o),this.previouslyFocused=void 0)}onStartIndexChange(t){this.open&&(this.index=this.clampIndex(t),this.resetView())}onImagesChange(){this.index=this.clampIndex(this.index)}attachKeyListener(){window.addEventListener("keydown",this.handleKey,{capture:!0})}detachKeyListener(){window.removeEventListener("keydown",this.handleKey,{capture:!0})}focusables(){var t,i;return Array.from(null!==(i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelectorAll("button, co-video"))&&void 0!==i?i:[]).flatMap((t=>{var i,o;return"CO-VIDEO"===t.tagName?Array.from(null!==(o=null===(i=t.shadowRoot)||void 0===i?void 0:i.querySelectorAll('button:not([tabindex="-1"]), [tabindex="0"]'))&&void 0!==o?o:[]):[t]}))}deepActive(){var t,i,o;let e=null!==(i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.activeElement)&&void 0!==i?i:null;for(;null===(o=null==e?void 0:e.shadowRoot)||void 0===o?void 0:o.activeElement;)e=e.shadowRoot.activeElement;return e}escapeBelongsToPlayer(){var t,i;const o=document;return!(!o.fullscreenElement&&!o.webkitFullscreenElement&&!(null===(i=null===(t=this.playerEl)||void 0===t?void 0:t.shadowRoot)||void 0===i?void 0:i.querySelector(".co-video__speed-menu")))}isFocusInPlayer(){var t;const i=this.playerEl;return!!i&&(null===(t=this.el.shadowRoot)||void 0===t?void 0:t.activeElement)===i}trapTab(t){const i=this.focusables();if(0===i.length)return;t.preventDefault(),t.stopPropagation();const o=t.shiftKey?-1:1,e=i.indexOf(this.deepActive());(e<0?i[o>0?0:i.length-1]:i[(e+o+i.length)%i.length]).focus()}clampIndex(t){const i=this.parsedImages.length;return 0===i?0:Math.min(Math.max(0,t),i-1)}resetView(){this.scale=1,this.tx=0,this.ty=0,this.dragging=!1}goTo(t){const i=this.parsedImages.length;i<2||(this.pauseVideo(),this.pendingAutoplay=!1,this.index=(this.index+t+i)%i,this.resetView(),this.coChange.emit(this.index),this.preloadNeighbors())}preloadNeighbors(){const t=this.parsedImages;if(!(t.length<2))for(const i of[1,-1]){const o=t[(this.index+i+t.length)%t.length];if(!o)continue;const e="video"===o.kind?o.poster:o.src;e&&((new Image).src=e)}}tryAutoplay(){var t;if(!this.pendingAutoplay||!this.open)return;if(!this.isVideoSlide)return void(this.pendingAutoplay=!1);const i=this.playerEl;i&&(this.pendingAutoplay=!1,Promise.resolve(null===(t=i.componentOnReady)||void 0===t?void 0:t.call(i)).then((()=>{var t;if(this.open&&this.playerEl===i&&this.isVideoSlide)return null===(t=i.play)||void 0===t?void 0:t.call(i)})).catch((()=>{})))}pauseVideo(){var t,i;try{const o=null===(i=null===(t=this.playerEl)||void 0===t?void 0:t.pause)||void 0===i?void 0:i.call(t);o&&"function"==typeof o.catch&&o.catch((()=>{}))}catch(t){}}clampPan(t,i,o){const e=this.stageEl,a=this.imgEl;if(!e||!a)return[t,i];const s=Math.max(0,(a.offsetWidth*o-e.clientWidth)/2),n=Math.max(0,(a.offsetHeight*o-e.clientHeight)/2);return[Math.min(Math.max(t,-s),s),Math.min(Math.max(i,-n),n)]}zoomAt(t,i,o){const e=this.scale,a=Math.min(Math.max(t,1),8);if(a===e)return;const s=a/e;let n=i-(i-this.tx)*s,r=o-(o-this.ty)*s;1===a?(n=0,r=0):[n,r]=this.clampPan(n,r,a),this.scale=a,this.tx=n,this.ty=r}stagePoint(t){var i;const o=null===(i=this.stageEl)||void 0===i?void 0:i.getBoundingClientRect();return o?[t.clientX-o.left-o.width/2,t.clientY-o.top-o.height/2]:[0,0]}render(){const t=h[s(this.locale)],i=this.parsedImages,o=i[this.index],e=i.length>1,n="video"===(null==o?void 0:o.kind),r=t.counter.replace("{i}",String(this.index+1)).replace("{n}",String(i.length));return a("div",{key:"0e6491fbe0eb9515df66d167abb555ee00d68a07",class:{"co-lightbox":!0,"co-lightbox--open":this.open},part:"overlay",role:"dialog","aria-modal":"true","aria-label":null==o?void 0:o.alt,popover:"manual",ref:this.syncTopLayer,onClick:this.requestClose},o&&a("div",{key:"799faaab6bb3504d723732d47618d2489ff9eae4",class:"co-lightbox__toolbar",part:"toolbar",onClick:this.stop},a("span",{key:"a9fe7f715cb0b76c4c411514ab872f45022be9ed",class:"co-lightbox__caption",title:o.alt},o.alt),!n&&a("div",{key:"9e0df923dd41bfaa5ed3ba28538e170529a19823",class:"co-lightbox__zoom"},a("button",{key:"c56a015724fe92be890e6d2681e552c303c02b0a",class:"co-lightbox__btn",type:"button","aria-label":t.zoomOut,title:t.zoomOut,onClick:()=>this.zoomAt(this.scale/b,0,0)},a("co-icon",{key:"6b84a1dac161507d4084fba067aa1d2b4bfea5ea",name:"minus",size:16})),a("button",{key:"0e4747500888c3bb7a35dbe490d936de053f1a0c",class:"co-lightbox__btn co-lightbox__zoom-value",type:"button","aria-label":t.zoomReset,title:t.zoomReset,onClick:()=>this.resetView()},Math.round(100*this.scale),"%"),a("button",{key:"52d89aa312e2eacf96072dd1f4b14f04a5966e81",class:"co-lightbox__btn",type:"button","aria-label":t.zoomIn,title:t.zoomIn,onClick:()=>this.zoomAt(this.scale*b,0,0)},a("co-icon",{key:"a32b55340d8027b57595c097d992de88b5cd8799",name:"plus",size:16}))),a("button",{key:"f138d46223ac0db43b3ce037f323bb5f226260a9",class:"co-lightbox__btn",type:"button","aria-label":t.openOriginal,title:t.openOriginal,onClick:this.openOriginal},a("co-icon",{key:"e39089e43b1178eb20bce0647c7b3f19e0c58110",name:"arrow-square-out",size:16})),a("button",{key:"c52ebe7347d11c0c1416978002cc2b67ffc94a25",class:"co-lightbox__btn",part:"close",type:"button","aria-label":t.close,title:t.close,ref:t=>this.closeBtnEl=t,onClick:this.requestClose},a("co-icon",{key:"bb3e0aac0dfa10c8b5de5cb54bd7601a8ae66dec",name:"x",size:16}))),o&&a("div",{key:"3597bd31e1b65efbb2c02cb55dbacf0ec43d7639",class:"co-lightbox__stage",ref:t=>this.stageEl=t,onWheel:n?void 0:this.handleWheel},n?a("co-video",{class:"co-lightbox__video",part:"video",key:`video-${this.index}`,ref:this.mountPlayer,src:o.src,poster:o.poster||"",aspectRatio:"auto",rounded:"none",controlsAutoHide:!1,showSpeed:!0,showPip:!0,locale:s(this.locale),onCoReady:this.handlePlayerReady,onClick:this.stop}):a("img",{class:{"co-lightbox__img":!0,"co-lightbox__img--zoomed":this.scale>1,"co-lightbox__img--dragging":this.dragging},part:"image",ref:t=>this.imgEl=t,src:o.src,alt:o.alt||"",draggable:!1,style:{transform:`translate(${this.tx}px, ${this.ty}px) scale(${this.scale})`},onClick:this.stop,onDblClick:this.handleDblClick,onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerUp})),o&&e&&a("button",{key:"5185685a016df10825bd2ddd4479c074ab88b9e4",class:"co-lightbox__nav co-lightbox__nav--prev",part:"prev",type:"button","aria-label":t.prevImage,title:t.prevImage,onClick:t=>{t.stopPropagation(),this.goTo(-1)}},a("co-icon",{key:"ff3d9a5e57dc9e74ef29c9ee8696040f46a295f2",name:"caret-left",size:24})),o&&e&&a("button",{key:"33eaec6709a4f22490ff56c93a32de332c6adc65",class:"co-lightbox__nav co-lightbox__nav--next",part:"next",type:"button","aria-label":t.nextImage,title:t.nextImage,onClick:t=>{t.stopPropagation(),this.goTo(1)}},a("co-icon",{key:"1631e46b4d05c2f1495842adb2a6e524dc67b47d",name:"caret-right",size:24})),o&&e&&a("div",{key:"cf751691f9dffb1325c9a5183b1cca2c01bd28c4",class:"co-lightbox__counter",part:"counter",onClick:this.stop},r))}get el(){return this}static get watchers(){return{open:[{onOpenChange:0}],startIndex:[{onStartIndexChange:0}],images:[{onImagesChange:0}]}}static get style(){return":host{display:contents;font-family:var(--co-font-family-primary)}.co-lightbox{position:fixed;inset:0;margin:0;border:0;padding:0;width:auto;height:auto;overflow:visible;color:inherit;z-index:1100;display:flex;align-items:center;justify-content:center;background:var(--co-color-opacity-negro-80);opacity:0;pointer-events:none;transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-lightbox--open{opacity:1;pointer-events:auto}.co-lightbox__toolbar{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-md) var(--co-spacing-lg);background:linear-gradient(var(--co-color-opacity-negro-50), transparent)}.co-lightbox__caption{flex:1;min-width:0;color:var(--co-color-base-blanco);font-size:var(--co-font-size-14);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-lightbox__zoom{display:flex;align-items:center;gap:var(--co-spacing-xxs);padding:0 var(--co-spacing-xs);border-radius:var(--co-border-radius-full);background:var(--co-color-opacity-blanco-8)}.co-lightbox__btn{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--co-spacing-xs);border:none;border-radius:var(--co-border-radius-full);background:transparent;color:var(--co-color-base-blanco);font-family:inherit;font-size:var(--co-font-size-13, 13px);cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-lightbox__btn:hover{background:var(--co-color-opacity-blanco-16)}.co-lightbox__zoom-value{min-width:48px;font-variant-numeric:tabular-nums}.co-lightbox__stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}.co-lightbox__img{max-width:calc(100vw - var(--co-spacing-5xl) * 2);max-height:calc(100vh - var(--co-spacing-5xl) * 2);border-radius:var(--co-border-radius-xs);user-select:none;transition:transform var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-lightbox__video{--co-lb-ar:1.7778;flex:0 0 auto;width:auto;aspect-ratio:var(--co-lb-ar);height:min( calc(100vh - var(--co-spacing-5xl) * 2), calc((100vw - var(--co-spacing-5xl) * 2) / var(--co-lb-ar)), calc(1200px / var(--co-lb-ar)) );border-radius:var(--co-border-radius-xs);overflow:hidden}.co-lightbox__img--zoomed{cursor:grab}.co-lightbox__img--dragging{cursor:grabbing;transition:none}.co-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:var(--co-border-radius-full);background:var(--co-color-opacity-blanco-8);color:var(--co-color-base-blanco);cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-lightbox__nav:hover{background:var(--co-color-opacity-blanco-25)}.co-lightbox__nav--prev{left:var(--co-spacing-lg)}.co-lightbox__nav--next{right:var(--co-spacing-lg)}.co-lightbox__counter{position:absolute;bottom:var(--co-spacing-lg);left:50%;transform:translateX(-50%);z-index:2;padding:var(--co-spacing-xs) var(--co-spacing-md);border-radius:var(--co-border-radius-full);background:var(--co-color-opacity-blanco-8);color:var(--co-color-base-blanco);font-size:var(--co-font-size-13, 13px);font-variant-numeric:tabular-nums}"}},[1,"co-lightbox",{images:[1],startIndex:[2,"start-index"],open:[1540],locale:[1],index:[32],scale:[32],tx:[32],ty:[32],dragging:[32]},void 0,{open:[{onOpenChange:0}],startIndex:[{onStartIndexChange:0}],images:[{onImagesChange:0}]}]);function g(){"undefined"!=typeof customElements&&["co-lightbox","co-icon","co-video"].forEach((i=>{switch(i){case"co-lightbox":customElements.get(t(i))||customElements.define(t(i),u);break;case"co-icon":customElements.get(t(i))||r();break;case"co-video":customElements.get(t(i))||c()}}))}g();export{u as C,g as d}
|
|
1
|
+
import{t,p as i,H as o,c as e,h as a}from"./index.js";import{l as s}from"./p-jYd9gu_c.js";import{i as n}from"./p-Dp1JT0dm.js";import{d as r}from"./p-qMNHMnvI.js";import{d as c}from"./p-4nVctQq9.js";const h={es:{close:"Cerrar visor",prevImage:"Imagen anterior",nextImage:"Imagen siguiente",zoomIn:"Acercar",zoomOut:"Alejar",zoomReset:"Restablecer zoom",openOriginal:"Abrir original",counter:"{i} de {n}"},en:{close:"Close viewer",prevImage:"Previous image",nextImage:"Next image",zoomIn:"Zoom in",zoomOut:"Zoom out",zoomReset:"Reset zoom",openOriginal:"Open original",counter:"{i} of {n}"},pt:{close:"Fechar visualizador",prevImage:"Imagem anterior",nextImage:"Próxima imagem",zoomIn:"Aproximar",zoomOut:"Afastar",zoomReset:"Redefinir zoom",openOriginal:"Abrir original",counter:"{i} de {n}"}};function l(t,i=d){const o=(null==t?void 0:t.original)||(null==t?void 0:t.src);if(!t||!o)return!1;const e=i("","_blank");if(!e)return!1;try{e.opener=null}catch(t){}return function(t,i,o){var e;if(t.title=i.alt||"",!t.body)return;t.body.style.cssText="margin:0;min-height:100vh;display:grid;place-items:center;color-scheme:dark;background:Canvas;color:CanvasText";const a="video"===i.kind,s=t.createElement(a?"video":"img");s.style.cssText="max-width:100vw;max-height:100vh;object-fit:contain",s.setAttribute("src",o),a?(s.setAttribute("controls",""),i.poster&&s.setAttribute("poster",i.poster)):(s.setAttribute("alt",i.alt||""),i.src&&i.src!==o&&(null===(e=s.addEventListener)||void 0===e||e.call(s,"error",(()=>s.setAttribute("src",i.src)),{once:!0}))),t.body.appendChild(s)}(e.document,t,o),!0}function d(t,i){return window.open(t,i)}const b=1.15,u=i(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coClose=e(this,"coClose",3),this.coChange=e(this,"coChange",3),this.images="[]",this.startIndex=0,this.open=!1,this.index=0,this.scale=1,this.tx=0,this.ty=0,this.dragging=!1,this.lastImagesStr="",this.lastParsed=[],this.dragStart={x:0,y:0,tx:0,ty:0},this.pendingFocus=!1,this.syncTopLayer=t=>{t&&(this.rootEl=t);const i=this.rootEl;if(i&&"function"==typeof i.showPopover)if(this.open){clearTimeout(this.demoteTimer);try{n(i)||i.showPopover()}catch(t){}}else n(i)&&(clearTimeout(this.demoteTimer),this.demoteTimer=setTimeout((()=>{try{i.hidePopover()}catch(t){}}),220))},this.handleKey=t=>{if(this.open){if("Escape"===t.key)return this.escapeBelongsToPlayer()||(this.requestClose(),t.preventDefault()),void t.stopPropagation();if("Tab"!==t.key){if(!this.isFocusInPlayer()){switch(t.key){case"ArrowLeft":this.goTo(-1);break;case"ArrowRight":this.goTo(1);break;case"+":case"=":if(this.isVideoSlide)return;this.zoomAt(this.scale*b,0,0);break;case"-":if(this.isVideoSlide)return;this.zoomAt(this.scale/b,0,0);break;case"0":if(this.isVideoSlide)return;this.resetView();break;default:return}t.preventDefault(),t.stopPropagation()}}else this.trapTab(t)}},this.requestClose=()=>{this.coClose.emit()},this.mountPlayer=t=>{t&&t!==this.playerEl&&(this.playerEl=t,this.tryAutoplay())},this.handlePlayerReady=t=>{var i;const{width:o,height:e}=t.detail||{};o&&e&&(null===(i=this.playerEl)||void 0===i||i.style.setProperty("--co-lb-ar",String(o/e)))},this.handleWheel=t=>{t.preventDefault();const[i,o]=this.stagePoint(t);this.zoomAt(this.scale*(t.deltaY<0?b:1/b),i,o)},this.handleDblClick=t=>{const[i,o]=this.stagePoint(t);this.zoomAt(this.scale>1?1:2.5,i,o)},this.handlePointerDown=t=>{var i;this.scale<=1||(t.preventDefault(),this.dragging=!0,this.dragStart={x:t.clientX,y:t.clientY,tx:this.tx,ty:this.ty},null===(i=this.imgEl)||void 0===i||i.setPointerCapture(t.pointerId))},this.handlePointerMove=t=>{if(!this.dragging)return;const i=this.dragStart.tx+(t.clientX-this.dragStart.x),o=this.dragStart.ty+(t.clientY-this.dragStart.y);[this.tx,this.ty]=this.clampPan(i,o,this.scale)},this.handlePointerUp=t=>{var i;this.dragging&&(this.dragging=!1,null===(i=this.imgEl)||void 0===i||i.releasePointerCapture(t.pointerId))},this.openOriginal=()=>{l(this.parsedImages[this.index])},this.stop=t=>t.stopPropagation()}get activeItem(){return this.parsedImages[this.index]}get isVideoSlide(){var t;return"video"===(null===(t=this.activeItem)||void 0===t?void 0:t.kind)}get parsedImages(){const t=this.images;if("string"!=typeof t||!t.trim())return[];if(t===this.lastImagesStr)return this.lastParsed;let i=[];try{const o=JSON.parse(t);Array.isArray(o)&&(i=o.filter((t=>t&&t.src)))}catch(t){}return this.lastImagesStr=t,this.lastParsed=i,i}componentWillLoad(){this.index=this.clampIndex(this.startIndex),this.pendingAutoplay=this.open}connectedCallback(){this.open&&this.attachKeyListener()}disconnectedCallback(){this.detachKeyListener(),this.pauseVideo(),clearTimeout(this.demoteTimer)}componentDidRender(){var t;this.pendingFocus&&(this.pendingFocus=!1,null===(t=this.closeBtnEl)||void 0===t||t.focus())}onOpenChange(t){var i,o,e;this.syncTopLayer(),t?(this.index=this.clampIndex(this.startIndex),this.resetView(),this.preloadNeighbors(),this.attachKeyListener(),this.pendingAutoplay=!0,this.tryAutoplay(),this.previouslyFocused=null!==(i=document.activeElement)&&void 0!==i?i:void 0,this.pendingFocus=!0):(this.detachKeyListener(),this.pauseVideo(),this.pendingAutoplay=!1,null===(e=null===(o=this.previouslyFocused)||void 0===o?void 0:o.focus)||void 0===e||e.call(o),this.previouslyFocused=void 0)}onStartIndexChange(t){this.open&&(this.index=this.clampIndex(t),this.resetView())}onImagesChange(){this.index=this.clampIndex(this.index)}attachKeyListener(){window.addEventListener("keydown",this.handleKey,{capture:!0})}detachKeyListener(){window.removeEventListener("keydown",this.handleKey,{capture:!0})}focusables(){var t,i;return Array.from(null!==(i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelectorAll("button, co-video"))&&void 0!==i?i:[]).flatMap((t=>{var i,o;return"CO-VIDEO"===t.tagName?Array.from(null!==(o=null===(i=t.shadowRoot)||void 0===i?void 0:i.querySelectorAll('button:not([tabindex="-1"]), [tabindex="0"]'))&&void 0!==o?o:[]):[t]}))}deepActive(){var t,i,o;let e=null!==(i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.activeElement)&&void 0!==i?i:null;for(;null===(o=null==e?void 0:e.shadowRoot)||void 0===o?void 0:o.activeElement;)e=e.shadowRoot.activeElement;return e}escapeBelongsToPlayer(){var t,i;const o=document;return!(!o.fullscreenElement&&!o.webkitFullscreenElement&&!(null===(i=null===(t=this.playerEl)||void 0===t?void 0:t.shadowRoot)||void 0===i?void 0:i.querySelector(".co-video__speed-menu")))}isFocusInPlayer(){var t;const i=this.playerEl;return!!i&&(null===(t=this.el.shadowRoot)||void 0===t?void 0:t.activeElement)===i}trapTab(t){const i=this.focusables();if(0===i.length)return;t.preventDefault(),t.stopPropagation();const o=t.shiftKey?-1:1,e=i.indexOf(this.deepActive());(e<0?i[o>0?0:i.length-1]:i[(e+o+i.length)%i.length]).focus()}clampIndex(t){const i=this.parsedImages.length;return 0===i?0:Math.min(Math.max(0,t),i-1)}resetView(){this.scale=1,this.tx=0,this.ty=0,this.dragging=!1}goTo(t){const i=this.parsedImages.length;i<2||(this.pauseVideo(),this.pendingAutoplay=!1,this.index=(this.index+t+i)%i,this.resetView(),this.coChange.emit(this.index),this.preloadNeighbors())}preloadNeighbors(){const t=this.parsedImages;if(!(t.length<2))for(const i of[1,-1]){const o=t[(this.index+i+t.length)%t.length];if(!o)continue;const e="video"===o.kind?o.poster:o.src;e&&((new Image).src=e)}}tryAutoplay(){var t;if(!this.pendingAutoplay||!this.open)return;if(!this.isVideoSlide)return void(this.pendingAutoplay=!1);const i=this.playerEl;i&&(this.pendingAutoplay=!1,Promise.resolve(null===(t=i.componentOnReady)||void 0===t?void 0:t.call(i)).then((()=>{var t;if(this.open&&this.playerEl===i&&this.isVideoSlide)return null===(t=i.play)||void 0===t?void 0:t.call(i)})).catch((()=>{})))}pauseVideo(){var t,i;try{const o=null===(i=null===(t=this.playerEl)||void 0===t?void 0:t.pause)||void 0===i?void 0:i.call(t);o&&"function"==typeof o.catch&&o.catch((()=>{}))}catch(t){}}clampPan(t,i,o){const e=this.stageEl,a=this.imgEl;if(!e||!a)return[t,i];const s=Math.max(0,(a.offsetWidth*o-e.clientWidth)/2),n=Math.max(0,(a.offsetHeight*o-e.clientHeight)/2);return[Math.min(Math.max(t,-s),s),Math.min(Math.max(i,-n),n)]}zoomAt(t,i,o){const e=this.scale,a=Math.min(Math.max(t,1),8);if(a===e)return;const s=a/e;let n=i-(i-this.tx)*s,r=o-(o-this.ty)*s;1===a?(n=0,r=0):[n,r]=this.clampPan(n,r,a),this.scale=a,this.tx=n,this.ty=r}stagePoint(t){var i;const o=null===(i=this.stageEl)||void 0===i?void 0:i.getBoundingClientRect();return o?[t.clientX-o.left-o.width/2,t.clientY-o.top-o.height/2]:[0,0]}render(){const t=h[s(this.locale)],i=this.parsedImages,o=i[this.index],e=i.length>1,n="video"===(null==o?void 0:o.kind),r=t.counter.replace("{i}",String(this.index+1)).replace("{n}",String(i.length));return a("div",{key:"0e6491fbe0eb9515df66d167abb555ee00d68a07",class:{"co-lightbox":!0,"co-lightbox--open":this.open},part:"overlay",role:"dialog","aria-modal":"true","aria-label":null==o?void 0:o.alt,popover:"manual",ref:this.syncTopLayer,onClick:this.requestClose},o&&a("div",{key:"799faaab6bb3504d723732d47618d2489ff9eae4",class:"co-lightbox__toolbar",part:"toolbar",onClick:this.stop},a("span",{key:"a9fe7f715cb0b76c4c411514ab872f45022be9ed",class:"co-lightbox__caption",title:o.alt},o.alt),!n&&a("div",{key:"9e0df923dd41bfaa5ed3ba28538e170529a19823",class:"co-lightbox__zoom"},a("button",{key:"c56a015724fe92be890e6d2681e552c303c02b0a",class:"co-lightbox__btn",type:"button","aria-label":t.zoomOut,title:t.zoomOut,onClick:()=>this.zoomAt(this.scale/b,0,0)},a("co-icon",{key:"6b84a1dac161507d4084fba067aa1d2b4bfea5ea",name:"minus",size:16})),a("button",{key:"0e4747500888c3bb7a35dbe490d936de053f1a0c",class:"co-lightbox__btn co-lightbox__zoom-value",type:"button","aria-label":t.zoomReset,title:t.zoomReset,onClick:()=>this.resetView()},Math.round(100*this.scale),"%"),a("button",{key:"52d89aa312e2eacf96072dd1f4b14f04a5966e81",class:"co-lightbox__btn",type:"button","aria-label":t.zoomIn,title:t.zoomIn,onClick:()=>this.zoomAt(this.scale*b,0,0)},a("co-icon",{key:"a32b55340d8027b57595c097d992de88b5cd8799",name:"plus",size:16}))),a("button",{key:"f138d46223ac0db43b3ce037f323bb5f226260a9",class:"co-lightbox__btn",type:"button","aria-label":t.openOriginal,title:t.openOriginal,onClick:this.openOriginal},a("co-icon",{key:"e39089e43b1178eb20bce0647c7b3f19e0c58110",name:"arrow-square-out",size:16})),a("button",{key:"c52ebe7347d11c0c1416978002cc2b67ffc94a25",class:"co-lightbox__btn",part:"close",type:"button","aria-label":t.close,title:t.close,ref:t=>this.closeBtnEl=t,onClick:this.requestClose},a("co-icon",{key:"bb3e0aac0dfa10c8b5de5cb54bd7601a8ae66dec",name:"x",size:16}))),o&&a("div",{key:"3597bd31e1b65efbb2c02cb55dbacf0ec43d7639",class:"co-lightbox__stage",ref:t=>this.stageEl=t,onWheel:n?void 0:this.handleWheel},n?a("co-video",{class:"co-lightbox__video",part:"video",key:`video-${this.index}`,ref:this.mountPlayer,src:o.src,poster:o.poster||"",aspectRatio:"auto",rounded:"none",controlsAutoHide:!1,showSpeed:!0,showPip:!0,locale:s(this.locale),onCoReady:this.handlePlayerReady,onClick:this.stop}):a("img",{class:{"co-lightbox__img":!0,"co-lightbox__img--zoomed":this.scale>1,"co-lightbox__img--dragging":this.dragging},part:"image",ref:t=>this.imgEl=t,src:o.src,alt:o.alt||"",draggable:!1,style:{transform:`translate(${this.tx}px, ${this.ty}px) scale(${this.scale})`},onClick:this.stop,onDblClick:this.handleDblClick,onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerUp})),o&&e&&a("button",{key:"5185685a016df10825bd2ddd4479c074ab88b9e4",class:"co-lightbox__nav co-lightbox__nav--prev",part:"prev",type:"button","aria-label":t.prevImage,title:t.prevImage,onClick:t=>{t.stopPropagation(),this.goTo(-1)}},a("co-icon",{key:"ff3d9a5e57dc9e74ef29c9ee8696040f46a295f2",name:"caret-left",size:24})),o&&e&&a("button",{key:"33eaec6709a4f22490ff56c93a32de332c6adc65",class:"co-lightbox__nav co-lightbox__nav--next",part:"next",type:"button","aria-label":t.nextImage,title:t.nextImage,onClick:t=>{t.stopPropagation(),this.goTo(1)}},a("co-icon",{key:"1631e46b4d05c2f1495842adb2a6e524dc67b47d",name:"caret-right",size:24})),o&&e&&a("div",{key:"cf751691f9dffb1325c9a5183b1cca2c01bd28c4",class:"co-lightbox__counter",part:"counter",onClick:this.stop},r))}get el(){return this}static get watchers(){return{open:[{onOpenChange:0}],startIndex:[{onStartIndexChange:0}],images:[{onImagesChange:0}]}}static get style(){return":host{display:contents;font-family:var(--co-font-family-primary)}.co-lightbox{position:fixed;inset:0;margin:0;border:0;padding:0;width:auto;height:auto;overflow:visible;color:inherit;z-index:1100;display:flex;align-items:center;justify-content:center;background:var(--co-color-opacity-negro-80);opacity:0;pointer-events:none;transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-lightbox--open{opacity:1;pointer-events:auto}.co-lightbox__toolbar{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-md) var(--co-spacing-lg);background:linear-gradient(var(--co-color-opacity-negro-50), transparent)}.co-lightbox__caption{flex:1;min-width:0;color:var(--co-color-base-blanco);font-size:var(--co-font-size-14);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-lightbox__zoom{display:flex;align-items:center;gap:var(--co-spacing-xxs);padding:0 var(--co-spacing-xs);border-radius:var(--co-border-radius-full);background:var(--co-color-opacity-blanco-8)}.co-lightbox__btn{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--co-spacing-xs);border:none;border-radius:var(--co-border-radius-full);background:transparent;color:var(--co-color-base-blanco);font-family:inherit;font-size:var(--co-font-size-13, 13px);cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-lightbox__btn:hover{background:var(--co-color-opacity-blanco-16)}.co-lightbox__zoom-value{min-width:48px;font-variant-numeric:tabular-nums}.co-lightbox__stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}.co-lightbox__img{max-width:calc(100vw - var(--co-spacing-5xl) * 2);max-height:calc(100vh - var(--co-spacing-5xl) * 2);border-radius:var(--co-border-radius-xs);user-select:none;transition:transform var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-lightbox__video{--co-lb-ar:1.7778;flex:0 0 auto;width:auto;aspect-ratio:var(--co-lb-ar);height:min( calc(100vh - var(--co-spacing-5xl) * 2), calc((100vw - var(--co-spacing-5xl) * 2) / var(--co-lb-ar)), calc(1200px / var(--co-lb-ar)) );border-radius:var(--co-border-radius-xs);overflow:hidden}.co-lightbox__img--zoomed{cursor:grab}.co-lightbox__img--dragging{cursor:grabbing;transition:none}.co-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:var(--co-border-radius-full);background:var(--co-color-opacity-blanco-8);color:var(--co-color-base-blanco);cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-lightbox__nav:hover{background:var(--co-color-opacity-blanco-25)}.co-lightbox__nav--prev{left:var(--co-spacing-lg)}.co-lightbox__nav--next{right:var(--co-spacing-lg)}.co-lightbox__counter{position:absolute;bottom:var(--co-spacing-lg);left:50%;transform:translateX(-50%);z-index:2;padding:var(--co-spacing-xs) var(--co-spacing-md);border-radius:var(--co-border-radius-full);background:var(--co-color-opacity-blanco-8);color:var(--co-color-base-blanco);font-size:var(--co-font-size-13, 13px);font-variant-numeric:tabular-nums}"}},[1,"co-lightbox",{images:[1],startIndex:[2,"start-index"],open:[1540],locale:[1],index:[32],scale:[32],tx:[32],ty:[32],dragging:[32]},void 0,{open:[{onOpenChange:0}],startIndex:[{onStartIndexChange:0}],images:[{onImagesChange:0}]}]);function g(){"undefined"!=typeof customElements&&["co-lightbox","co-icon","co-video"].forEach((i=>{switch(i){case"co-lightbox":customElements.get(t(i))||customElements.define(t(i),u);break;case"co-icon":customElements.get(t(i))||r();break;case"co-video":customElements.get(t(i))||c()}}))}g();export{u as C,g as d}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, a as getElement } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, a as getElement } from './index-YRicbXh3.js';
|
|
2
2
|
|
|
3
|
-
const coAccordionCss = () => `:host{display:block}.co-accordion{display:flex;flex-direction:column;width:100%}.co-accordion__header{display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm, 6px);width:100%;font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);text-align:left}.co-accordion__heading-group{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--co-spacing-xxs, 2px);cursor:pointer}.co-accordion__heading{font-size:var(--co-font-size-24);font-weight:500;line-height:1.25;letter-spacing:-0.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-accordion__subheading{font-size:var(--co-font-size-14);font-weight:400;line-height:1.3;letter-spacing:normal;color:var(--co-semantic-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-accordion__caret{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;border-radius:var(--co-border-radius-full, 9999px);color:var(--co-semantic-text-default);cursor:pointer;transition:transform var(--co-motion-duration-base) var(--co-motion-ease-out), background-color var(--co-motion-duration-fast) var(--co-motion-ease-out);transform:rotate(180deg);}.co-accordion__caret:hover:not(:disabled){background:var(--co-
|
|
3
|
+
const coAccordionCss = () => `:host{display:block}.co-accordion{display:flex;flex-direction:column;width:100%}.co-accordion__header{display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm, 6px);width:100%;font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);text-align:left}.co-accordion__heading-group{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--co-spacing-xxs, 2px);cursor:pointer}.co-accordion__heading{font-size:var(--co-font-size-24);font-weight:500;line-height:1.25;letter-spacing:-0.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-accordion__subheading{font-size:var(--co-font-size-14);font-weight:400;line-height:1.3;letter-spacing:normal;color:var(--co-semantic-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-accordion__caret{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;border-radius:var(--co-border-radius-full, 9999px);color:var(--co-semantic-text-default);cursor:pointer;transition:transform var(--co-motion-duration-base) var(--co-motion-ease-out), background-color var(--co-motion-duration-fast) var(--co-motion-ease-out);transform:rotate(180deg);}.co-accordion__caret:hover:not(:disabled){background:var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.08))}.co-accordion--open .co-accordion__caret{transform:rotate(0deg);}.co-accordion__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--co-motion-duration-slow) var(--co-motion-ease-out)}.co-accordion__body-inner{min-height:0;overflow:hidden;padding-top:var(--co-spacing-md);transition:padding-top var(--co-motion-duration-slow) var(--co-motion-ease-out)}.co-accordion:not(.co-accordion--open) .co-accordion__body-inner{padding-top:0}.co-accordion--open .co-accordion__body{grid-template-rows:1fr}.co-accordion:not(.co-accordion--open) .co-accordion__body-inner{visibility:hidden;transition:padding-top var(--co-motion-duration-slow) var(--co-motion-ease-out), visibility 0s linear var(--co-motion-duration-slow)}.co-accordion--open .co-accordion__body-inner{visibility:visible;transition:padding-top var(--co-motion-duration-slow) var(--co-motion-ease-out), visibility 0s linear 0s}.co-accordion__caret:focus-visible{outline:2px solid var(--co-color-primary-azul, #2563eb);outline-offset:2px}.co-accordion--disabled .co-accordion__header{opacity:0.5}.co-accordion--disabled .co-accordion__caret{cursor:not-allowed}.co-accordion--disabled .co-accordion__heading-group{cursor:default}`;
|
|
4
4
|
|
|
5
5
|
/** Native controls, ARIA widgets and Cobalt fields: a click on them is theirs, not a toggle. */
|
|
6
6
|
const INTERACTIVE_SELECTOR = [
|
|
7
7
|
'a[href]', 'button', 'input', 'select', 'textarea', 'label', 'summary', '[contenteditable="true"]',
|
|
8
|
-
'[role="button"]', '[role="link"]', '[role="checkbox"]', '[role="switch"]', '[role
|
|
8
|
+
'[role="button"]', '[role="link"]', '[role="checkbox"]', '[role="switch"]', '[role^="menuitem"]', '[role="tab"]',
|
|
9
9
|
'co-button', 'co-icon-button', 'co-switch', 'co-checkbox', 'co-radio', 'co-chip', 'co-input', 'co-select',
|
|
10
10
|
'co-combobox', 'co-autocomplete', 'co-ref-field', 'co-number-field', 'co-toggle-button', 'co-menu',
|
|
11
11
|
].join(',');
|
|
@@ -63,11 +63,11 @@ const CoAccordion = class {
|
|
|
63
63
|
return !!(this.subheading && this.subheading.trim()) || this.hasSubheadingSlot;
|
|
64
64
|
}
|
|
65
65
|
render() {
|
|
66
|
-
return (h("div", { key: '
|
|
66
|
+
return (h("div", { key: 'd477686c4426bac01fedcc0975acdb28d5de8d53', class: {
|
|
67
67
|
'co-accordion': true,
|
|
68
68
|
'co-accordion--open': this.open,
|
|
69
69
|
'co-accordion--disabled': this.disabled,
|
|
70
|
-
}, part: "accordion" }, h("div", { key: '
|
|
70
|
+
}, part: "accordion" }, h("div", { key: '3fbbb44e513e7c8e66ca1bfaf56568bc1fb441cc', class: "co-accordion__header", part: "header" }, h("span", { key: 'e090a74991c94904898ccfc26ca811ea1a98cd1a', class: "co-accordion__heading-group", onClick: this.handleHeadingClick }, h("span", { key: '896535a0074fafc9fda7d6f0beb0705ff18517dc', class: "co-accordion__heading", part: "heading" }, h("slot", { key: '0f6c088e61270e49eb9f4ec21de2362154dc995a', name: "header" }, this.heading)), this.showSubheading && (h("span", { key: 'bf4bb26b48e7d018d6571bec195aff5cd4be3c1c', class: "co-accordion__subheading", part: "subheading" }, h("slot", { key: 'fbf7719ffea35741770fe3b3937f5dfb393d6682', name: "subheading" }, this.subheading)))), h("button", { key: 'c2c433dce96427231874e6454083753311be37bf', class: "co-accordion__caret", type: "button", "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.heading || 'Toggle section', disabled: this.disabled, onClick: this.handleToggle, part: "caret" }, h("co-icon", { key: 'a561c34c9ee2028718d0eb6dffb70075245b0090', name: "caret-up", size: 20 }))), h("div", { key: 'cbc7c2a0f773bfc4d65af4734db07f940b705109', class: "co-accordion__body", part: "body" }, h("div", { key: '5ef87ae96275711717b0f48aa65459e6ee454763', class: "co-accordion__body-inner", part: "body-inner" }, h("slot", { key: '9b675cfe81faf2ad10e226d55a41aa2b4add32c8' })))));
|
|
71
71
|
}
|
|
72
72
|
get el() { return getElement(this); }
|
|
73
73
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h } from './index-YRicbXh3.js';
|
|
2
2
|
|
|
3
3
|
const coActionBarCss = () => `:host{display:inline-flex;font-family:var(--co-font-family-primary);--co-surface-dark-ink:var(--co-semantic-on-primary);pointer-events:none}:host([position='bottom-center']){position:fixed;left:50%;transform:translateX(-50%);bottom:var(--co-action-bar-offset, 24px);z-index:var(--co-action-bar-z, 1000);max-width:calc(100% - 2 * var(--co-action-bar-inline-margin, 24px))}.co-action-bar{position:relative;display:flex;align-items:center;box-sizing:border-box;max-width:100%;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md) var(--co-spacing-sm2) var(--co-spacing-lg);border-radius:var(--co-border-radius-lg);background:var(--co-semantic-surface-primary);color:var(--co-semantic-text-inverse);box-shadow:var(--co-shadow-lg);opacity:0;transform:translateY(8px);pointer-events:none;visibility:hidden}.co-action-bar--open{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible}.co-action-bar--animated{transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out), transform var(--co-motion-duration-base) var(--co-motion-ease-out), visibility 0s linear var(--co-motion-duration-base)}.co-action-bar--animated.co-action-bar--open{transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out), transform var(--co-motion-duration-base) var(--co-motion-ease-out), visibility 0s}.co-action-bar__label{font-size:var(--co-font-size-14);font-weight:500;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;flex-shrink:0;padding-right:var(--co-spacing-xs)}.co-action-bar__actions{display:flex;align-items:center;gap:var(--co-spacing-xs);min-width:0}::slotted(hr){width:1px;height:24px;flex-shrink:0;align-self:center;margin:0 var(--co-spacing-xs);border:none;padding:0;background:color-mix(in srgb, var(--co-surface-dark-ink, var(--co-color-base-blanco, #fff)) 28%, transparent)}.co-action-bar__dismiss{flex-shrink:0}.co-action-bar__live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap}`;
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, H as Host } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, H as Host } from './index-YRicbXh3.js';
|
|
2
2
|
|
|
3
3
|
const coAppShellCss = () => `.co-sq-elevation{border-radius:var(--co-sq-r);corner-shape:squircle;box-shadow:var(--co-sq-shadow)}.co-sq-clip{overflow:hidden;border-radius:var(--co-sq-r);corner-shape:squircle}@supports not (corner-shape: squircle){.co-sq-elevation{box-shadow:none}.co-sq-elevation-fallback{filter:var(--co-sq-drop-shadow)}.co-sq-clip{border-radius:0;--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-sq-r) var(--co-sq-r) no-repeat, var(--co-sq-tr) top right / var(--co-sq-r) var(--co-sq-r) no-repeat, var(--co-sq-bl) bottom left / var(--co-sq-r) var(--co-sq-r) no-repeat, var(--co-sq-br) bottom right / var(--co-sq-r) var(--co-sq-r) no-repeat, linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-sq-r) + 2px) no-repeat, linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-sq-r) + 2px) 100% no-repeat;mask:var(--co-sq-tl) top left / var(--co-sq-r) var(--co-sq-r) no-repeat, var(--co-sq-tr) top right / var(--co-sq-r) var(--co-sq-r) no-repeat, var(--co-sq-bl) bottom left / var(--co-sq-r) var(--co-sq-r) no-repeat, var(--co-sq-br) bottom right / var(--co-sq-r) var(--co-sq-r) no-repeat, linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-sq-r) + 2px) no-repeat, linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-sq-r) + 2px) 100% no-repeat}}:host{display:flex;height:100vh;overflow:hidden;background:var(--co-app-shell-bg, linear-gradient( 180deg, var(--co-color-base-off-white) 0%, var(--co-color-neutral-100) 50%, var(--co-color-neutral-100) 100% ));font-family:var(--co-font-family-primary)}.sidebar{display:flex;flex-direction:column;width:256px;height:100%;flex-shrink:0;overflow:hidden;transition:width var(--co-motion-duration-base) var(--co-motion-ease-out);padding:var(--co-spacing-sm);padding-right:0;box-sizing:border-box}:host([sidebar-mode="min"]) .sidebar{--co-sidebar-min-width:64px;width:var(--co-sidebar-min-width);align-items:flex-start;padding:var(--co-spacing-sm) 0}.sidebar__header{flex-shrink:0}.sidebar__body{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent}.sidebar__body:hover{scrollbar-color:var(--co-color-opacity-blanco-16) transparent}.sidebar__body::-webkit-scrollbar{width:6px}.sidebar__body::-webkit-scrollbar-track{background:transparent}.sidebar__body::-webkit-scrollbar-thumb{background:transparent;border-radius:9999px}.sidebar__body:hover::-webkit-scrollbar-thumb{background:var(--co-color-opacity-blanco-16)}.sidebar__body:hover::-webkit-scrollbar-thumb:hover{background:var(--co-color-opacity-blanco-25)}.sidebar__body:hover::-webkit-scrollbar-thumb:active{background:var(--co-color-opacity-blanco-50)}.sidebar__footer{flex-shrink:0}:host([sidebar-mode="min"]) .sidebar__header,:host([sidebar-mode="min"]) .sidebar__body,:host([sidebar-mode="min"]) .sidebar__footer{display:flex;flex-direction:column;align-items:center;width:var(--co-sidebar-min-width, 64px)}:host([sidebar-mode="min"]) .sidebar__header{gap:var(--co-spacing-sm);padding-bottom:var(--co-spacing-md)}:host([sidebar-mode="min"]) .sidebar__body{scrollbar-width:none}:host([sidebar-mode="min"]) .sidebar__body::-webkit-scrollbar{width:0}.main{display:flex;flex-direction:column;flex:1;min-width:0;padding:0;margin:var(--co-spacing-sm);margin-left:0;min-height:0;contain:layout;--co-shell-r:var(--co-border-radius-md);--co-sq-r:var(--co-shell-r);--co-sq-shadow:var(--co-app-shell-shadow, 0 1px 4px rgba(31, 28, 27, 0.06), 0 10px 56px rgba(31, 28, 27, 0.12));--co-sq-drop-shadow:var(--co-app-shell-drop-shadow, drop-shadow(0 1px 2px rgba(31, 28, 27, 0.06)) drop-shadow(0 10px 28px rgba(31, 28, 27, 0.12)))}.main__card{flex:1;min-height:0;display:flex;flex-direction:column}.main__header{flex-shrink:0}.main__content{flex:1;min-height:0;overflow:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent}.main__content:hover{scrollbar-color:var(--co-semantic-border-default) transparent}.main__content::-webkit-scrollbar{width:6px;height:6px}.main__content::-webkit-scrollbar-track{background:transparent}.main__content::-webkit-scrollbar-thumb{background:transparent;border-radius:9999px}.main__content:hover::-webkit-scrollbar-thumb{background:var(--co-semantic-border-default)}.main__content:hover::-webkit-scrollbar-thumb:hover{background:var(--co-semantic-border-field)}.main__content:hover::-webkit-scrollbar-thumb:active{background:var(--co-semantic-border-strong)}.main__content--card{background:var(--co-semantic-surface-secondary)}`;
|
|
4
4
|
|