@prolibu-suite/cobalt-core 0.9.1 → 0.9.2
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 +411 -18
- package/dist/cjs/co-avatar_2.cjs.entry.js +2 -2
- package/dist/cjs/co-bottom-sheet.cjs.entry.js +10 -11
- package/dist/cjs/co-calendar_3.cjs.entry.js +37 -2
- package/dist/cjs/co-chip_2.cjs.entry.js +2 -2
- package/dist/cjs/co-emoji-picker.cjs.entry.js +2808 -0
- package/dist/cjs/co-empty-state.cjs.entry.js +2 -2
- package/dist/cjs/co-event-calendar.cjs.entry.js +2 -2
- package/dist/cjs/co-event-popover.cjs.entry.js +1 -1
- package/dist/cjs/co-fab.cjs.entry.js +2 -2
- package/dist/cjs/co-file-field.cjs.entry.js +5 -5
- package/dist/cjs/co-file-type-tile.cjs.entry.js +2 -2
- package/dist/cjs/co-helper-text.cjs.entry.js +2 -2
- package/dist/cjs/co-icon-button.cjs.entry.js +2 -2
- package/dist/cjs/co-icon.cjs.entry.js +2 -2
- package/dist/cjs/co-json-field.cjs.entry.js +3 -3
- package/dist/cjs/co-lightbox.cjs.entry.js +4 -4
- package/dist/cjs/co-list-footer.cjs.entry.js +1 -1
- package/dist/cjs/co-list-item.cjs.entry.js +4 -4
- package/dist/cjs/co-media-thumb.cjs.entry.js +2 -2
- package/dist/cjs/co-menu-divider.cjs.entry.js +1 -1
- package/dist/cjs/co-menu.cjs.entry.js +1 -1
- package/dist/cjs/co-modal.cjs.entry.js +9 -3
- package/dist/cjs/co-navbar.cjs.entry.js +2 -2
- package/dist/cjs/co-number-field.cjs.entry.js +2 -2
- package/dist/cjs/co-overlay.cjs.entry.js +1 -1
- package/dist/cjs/co-page-header.cjs.entry.js +1 -1
- package/dist/cjs/co-phone-field.cjs.entry.js +1 -1
- package/dist/cjs/co-progress-bar.cjs.entry.js +2 -2
- package/dist/cjs/co-progress-circle.cjs.entry.js +2 -2
- package/dist/cjs/co-provider-logo_2.cjs.entry.js +1 -1
- package/dist/cjs/co-radio.cjs.entry.js +3 -3
- package/dist/cjs/co-rating.cjs.entry.js +3 -3
- package/dist/cjs/co-rich-text-editor.cjs.entry.js +3 -3
- package/dist/cjs/co-row.cjs.entry.js +2 -2
- package/dist/cjs/co-separator.cjs.entry.js +1 -1
- package/dist/cjs/co-sidebar.cjs.entry.js +2 -2
- package/dist/cjs/co-slider.cjs.entry.js +2 -2
- package/dist/cjs/co-switch.cjs.entry.js +3 -3
- package/dist/cjs/co-tab-group.cjs.entry.js +2 -2
- package/dist/cjs/co-tab.cjs.entry.js +2 -2
- package/dist/cjs/co-tags-field.cjs.entry.js +5 -5
- package/dist/cjs/co-textarea.cjs.entry.js +4 -4
- package/dist/cjs/co-toggle-button-group.cjs.entry.js +2 -2
- package/dist/cjs/co-toggle-button.cjs.entry.js +2 -2
- package/dist/cjs/co-video.cjs.entry.js +2 -2
- package/dist/cjs/cobalt.cjs.js +1 -1
- package/dist/cjs/emojiNames.es-BjpSEJ0c.js +1925 -0
- package/dist/cjs/emojiNames.pt-DWupaZMJ.js +1925 -0
- package/dist/cjs/index-DK-2Lzmf.js +4 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/slotContent-Bm9RcM_Q.js +34 -0
- package/dist/cobalt/cobalt.esm.js +1 -1
- package/dist/cobalt/p-07904986.entry.js +1 -0
- package/dist/cobalt/p-09799193.entry.js +1 -0
- package/dist/cobalt/{p-a811464d.entry.js → p-0ccb672b.entry.js} +1 -1
- package/dist/cobalt/{p-4fe9a3ae.entry.js → p-0e91e5c4.entry.js} +1 -1
- package/dist/cobalt/{p-90e292de.entry.js → p-18af9e44.entry.js} +1 -1
- package/dist/cobalt/{p-136440fc.entry.js → p-18d34b01.entry.js} +1 -1
- package/dist/cobalt/{p-a0a6bfa3.entry.js → p-1c68bc41.entry.js} +1 -1
- package/dist/cobalt/{p-f945a1bd.entry.js → p-2114c036.entry.js} +1 -1
- package/dist/cobalt/{p-44fb4a3f.entry.js → p-23a103a0.entry.js} +1 -1
- package/dist/cobalt/{p-b892b312.entry.js → p-23b3ff3f.entry.js} +1 -1
- package/dist/cobalt/{p-b107063c.entry.js → p-33ea4a90.entry.js} +1 -1
- package/dist/cobalt/p-3495fda1.entry.js +1 -0
- package/dist/cobalt/{p-c3fd7b22.entry.js → p-36197363.entry.js} +1 -1
- package/dist/cobalt/p-3f0eed59.entry.js +1 -0
- package/dist/cobalt/{p-40ce8a3d.entry.js → p-4b083da4.entry.js} +1 -1
- package/dist/cobalt/p-4c7e3984.entry.js +1 -0
- package/dist/cobalt/p-4f754c9a.entry.js +1 -0
- package/dist/cobalt/p-54ae807d.entry.js +1 -0
- package/dist/cobalt/{p-3a229bba.entry.js → p-55566b37.entry.js} +1 -1
- package/dist/cobalt/{p-b5b97c9b.entry.js → p-77719335.entry.js} +1 -1
- package/dist/cobalt/{p-9c89cb01.entry.js → p-7c88163e.entry.js} +1 -1
- package/dist/cobalt/{p-e085b4ff.entry.js → p-7e53e9c8.entry.js} +1 -1
- package/dist/cobalt/{p-6c35b5cc.entry.js → p-8345b25f.entry.js} +1 -1
- package/dist/cobalt/{p-9c9f5b26.entry.js → p-89e38c5e.entry.js} +1 -1
- package/dist/cobalt/{p-4299cfa5.entry.js → p-8f38e24d.entry.js} +1 -1
- package/dist/cobalt/{p-905ba0dd.entry.js → p-95efe661.entry.js} +1 -1
- package/dist/cobalt/{p-909c0113.entry.js → p-983af614.entry.js} +1 -1
- package/dist/cobalt/p-B6oiFdUY.js +1 -0
- package/dist/cobalt/p-CBX_oabB.js +1 -0
- package/dist/cobalt/p-a02db338.entry.js +1 -0
- package/dist/cobalt/{p-a3669301.entry.js → p-a51d8775.entry.js} +1 -1
- package/dist/cobalt/{p-43d31055.entry.js → p-a9096b5c.entry.js} +1 -1
- package/dist/cobalt/{p-2637efc5.entry.js → p-ac466658.entry.js} +1 -1
- package/dist/cobalt/{p-75b7ed13.entry.js → p-ac91259e.entry.js} +1 -1
- package/dist/cobalt/{p-3ef0f849.entry.js → p-b0319a2d.entry.js} +1 -1
- package/dist/cobalt/{p-e4ef25b0.entry.js → p-b8581787.entry.js} +1 -1
- package/dist/cobalt/{p-fdc6ec11.entry.js → p-c1e7fb32.entry.js} +1 -1
- package/dist/cobalt/{p-a3c6b974.entry.js → p-c5684c79.entry.js} +1 -1
- package/dist/cobalt/{p-c1880595.entry.js → p-d15d3a97.entry.js} +1 -1
- package/dist/cobalt/p-d40a465f.entry.js +1 -0
- package/dist/cobalt/{p-138b8bc1.entry.js → p-d629fb4e.entry.js} +1 -1
- package/dist/cobalt/{p-929a4f19.entry.js → p-dca4cd5f.entry.js} +1 -1
- package/dist/cobalt/{p-3d338881.entry.js → p-dea43204.entry.js} +1 -1
- package/dist/cobalt/{p-b22981fd.entry.js → p-dfcf667d.entry.js} +1 -1
- package/dist/cobalt/{p-2c0099a4.entry.js → p-e5495539.entry.js} +1 -1
- package/dist/cobalt/{p-5c1767db.entry.js → p-ef5e1167.entry.js} +1 -1
- package/dist/cobalt/{p-37c17bd8.entry.js → p-fb3a095b.entry.js} +1 -1
- package/dist/cobalt/p-reaWaY4g.js +1 -0
- package/dist/collection/collection-manifest.json +1 -0
- 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-bottom-sheet/co-bottom-sheet.js +10 -11
- package/dist/collection/components/co-checkbox-group/co-checkbox-group.js +1 -1
- package/dist/collection/components/co-combobox/co-combobox.js +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.js +1 -1
- package/dist/collection/components/co-date-range-picker/co-date-range-picker.js +2 -2
- package/dist/collection/components/co-drawer/co-drawer.css +5 -2
- package/dist/collection/components/co-drawer/co-drawer.js +43 -1
- package/dist/collection/components/co-emoji-picker/co-emoji-picker.css +290 -0
- package/dist/collection/components/co-emoji-picker/co-emoji-picker.js +682 -0
- package/dist/collection/components/co-emoji-picker/emojiData.js +1953 -0
- package/dist/collection/components/co-emoji-picker/emojiNames.es.js +1922 -0
- package/dist/collection/components/co-emoji-picker/emojiNames.pt.js +1922 -0
- package/dist/collection/components/co-emoji-picker/emojiPickerLogic.js +375 -0
- package/dist/collection/components/co-empty-state/co-empty-state.js +2 -2
- package/dist/collection/components/co-event-calendar/co-event-calendar.js +2 -2
- package/dist/collection/components/co-event-popover/co-event-popover.js +1 -1
- package/dist/collection/components/co-fab/co-fab.js +2 -2
- package/dist/collection/components/co-file-field/co-file-field.js +5 -5
- package/dist/collection/components/co-file-type-tile/co-file-type-tile.js +2 -2
- package/dist/collection/components/co-helper-text/co-helper-text.js +2 -2
- package/dist/collection/components/co-icon/co-icon.js +2 -2
- package/dist/collection/components/co-icon-button/co-icon-button.css +25 -0
- package/dist/collection/components/co-icon-button/co-icon-button.js +1 -1
- package/dist/collection/components/co-json-field/co-json-field.js +3 -3
- package/dist/collection/components/co-lightbox/co-lightbox.js +4 -4
- package/dist/collection/components/co-list-footer/co-list-footer.js +1 -1
- package/dist/collection/components/co-list-item/co-list-item.js +4 -4
- package/dist/collection/components/co-media-thumb/co-media-thumb.js +2 -2
- package/dist/collection/components/co-menu/co-menu.js +1 -1
- package/dist/collection/components/co-menu-divider/co-menu-divider.js +1 -1
- package/dist/collection/components/co-modal/co-modal.css +3 -1
- package/dist/collection/components/co-modal/co-modal.js +13 -2
- package/dist/collection/components/co-navbar/co-navbar.js +2 -2
- package/dist/collection/components/co-number-field/co-number-field.js +2 -2
- package/dist/collection/components/co-option-list/co-option-list.js +2 -2
- package/dist/collection/components/co-overlay/co-overlay.js +1 -1
- package/dist/collection/components/co-page-header/co-page-header.js +1 -1
- package/dist/collection/components/co-phone-field/co-phone-field.js +1 -1
- package/dist/collection/components/co-popover/co-popover.js +1 -1
- package/dist/collection/components/co-progress-bar/co-progress-bar.js +2 -2
- package/dist/collection/components/co-progress-circle/co-progress-circle.js +2 -2
- package/dist/collection/components/co-radio/co-radio.js +3 -3
- package/dist/collection/components/co-radio-group/co-radio-group.js +1 -1
- package/dist/collection/components/co-rating/co-rating.js +3 -3
- package/dist/collection/components/co-ref-field/co-ref-field.js +1 -1
- package/dist/collection/components/co-rich-text-editor/co-rich-text-editor.js +3 -3
- package/dist/collection/components/co-row/co-row.js +2 -2
- package/dist/collection/components/co-segmented-bar/co-segmented-bar.js +1 -1
- package/dist/collection/components/co-select/co-select.js +1 -1
- package/dist/collection/components/co-separator/co-separator.js +1 -1
- package/dist/collection/components/co-sidebar/co-sidebar.js +2 -2
- package/dist/collection/components/co-sidebar-nav/co-sidebar-nav.js +1 -1
- package/dist/collection/components/co-skeleton/co-skeleton.js +1 -1
- package/dist/collection/components/co-slider/co-slider.js +2 -2
- package/dist/collection/components/co-switch/co-switch.js +3 -3
- package/dist/collection/components/co-tab/co-tab.js +2 -2
- package/dist/collection/components/co-tab-group/co-tab-group.js +2 -2
- package/dist/collection/components/co-tags-field/co-tags-field.js +5 -5
- package/dist/collection/components/co-textarea/co-textarea.js +4 -4
- package/dist/collection/components/co-toast/co-toast.js +2 -2
- package/dist/collection/components/co-toggle-button/co-toggle-button.js +2 -2
- package/dist/collection/components/co-toggle-button-group/co-toggle-button-group.js +2 -2
- package/dist/collection/components/co-tooltip/co-tooltip.js +2 -2
- package/dist/collection/components/co-transfer-list/co-transfer-list.js +1 -1
- package/dist/collection/components/co-video/co-video.js +2 -2
- package/dist/collection/utils/emojiI18n.js +92 -0
- package/dist/collection/utils/slotContent.js +30 -0
- package/dist/components/co-accordion.js +1 -1
- package/dist/components/co-action-bar.js +1 -1
- package/dist/components/co-audio-player.js +1 -1
- package/dist/components/co-autocomplete.js +1 -1
- package/dist/components/co-avatar-group.js +1 -1
- package/dist/components/co-avatar.js +1 -1
- package/dist/components/co-bottom-sheet.js +1 -1
- package/dist/components/co-breadcrumb-item.js +1 -1
- package/dist/components/co-breadcrumb.js +1 -1
- package/dist/components/co-button.js +1 -1
- package/dist/components/co-calendar-month.js +1 -1
- package/dist/components/co-calendar-timegrid.js +1 -1
- package/dist/components/co-calendar.js +1 -1
- package/dist/components/co-carousel.js +1 -1
- package/dist/components/co-checkbox-group.js +1 -1
- package/dist/components/co-chip.js +1 -1
- package/dist/components/co-color-picker.js +1 -1
- package/dist/components/co-column-picker.js +1 -1
- package/dist/components/co-combobox.js +1 -1
- package/dist/components/co-command-search.js +1 -1
- package/dist/components/co-data-table-pagination.js +1 -1
- package/dist/components/co-data-table.js +1 -1
- package/dist/components/co-date-field.js +1 -1
- package/dist/components/co-date-picker.js +1 -1
- package/dist/components/co-date-range-picker.js +1 -1
- package/dist/components/co-date-range.js +1 -1
- package/dist/components/co-date-time-picker.js +1 -1
- package/dist/components/co-drawer.js +1 -1
- package/dist/components/co-drive-card.js +1 -1
- package/dist/components/co-drop-zone.js +1 -1
- package/dist/components/co-emoji-picker.d.ts +11 -0
- package/dist/components/co-emoji-picker.js +1 -0
- package/dist/components/co-empty-state.js +1 -1
- package/dist/components/co-event-calendar.js +1 -1
- package/dist/components/co-event-popover.js +1 -1
- package/dist/components/co-fab.js +1 -1
- package/dist/components/co-file-field.js +1 -1
- package/dist/components/co-file-type-tile.js +1 -1
- package/dist/components/co-helper-text.js +1 -1
- package/dist/components/co-icon-button.js +1 -1
- package/dist/components/co-icon.js +1 -1
- package/dist/components/co-input.js +1 -1
- package/dist/components/co-json-field.js +1 -1
- package/dist/components/co-lightbox.js +1 -1
- package/dist/components/co-list-footer.js +1 -1
- package/dist/components/co-list-item.js +1 -1
- package/dist/components/co-media-thumb.js +1 -1
- package/dist/components/co-menu-divider.js +1 -1
- package/dist/components/co-menu-item.js +1 -1
- package/dist/components/co-menu.js +1 -1
- package/dist/components/co-modal.js +1 -1
- package/dist/components/co-navbar.js +1 -1
- package/dist/components/co-number-field.js +1 -1
- package/dist/components/co-option-list.js +1 -1
- package/dist/components/co-overlay.js +1 -1
- package/dist/components/co-page-header.js +1 -1
- package/dist/components/co-phone-field.js +1 -1
- package/dist/components/co-progress-bar.js +1 -1
- package/dist/components/co-progress-circle.js +1 -1
- package/dist/components/co-radio-group.js +1 -1
- package/dist/components/co-radio.js +1 -1
- package/dist/components/co-rating.js +1 -1
- package/dist/components/co-ref-field.js +1 -1
- package/dist/components/co-rich-text-editor.js +1 -1
- package/dist/components/co-rich-text-toolbar.js +1 -1
- package/dist/components/co-row.js +1 -1
- package/dist/components/co-select.js +1 -1
- package/dist/components/co-separator.js +1 -1
- package/dist/components/co-sidebar-nav.js +1 -1
- package/dist/components/co-sidebar.js +1 -1
- package/dist/components/co-skeleton.js +1 -1
- package/dist/components/co-slider.js +1 -1
- package/dist/components/co-switch.js +1 -1
- package/dist/components/co-tab-group.js +1 -1
- package/dist/components/co-tab.js +1 -1
- package/dist/components/co-tags-field.js +1 -1
- package/dist/components/co-textarea.js +1 -1
- package/dist/components/co-toast.js +1 -1
- package/dist/components/co-toggle-button-group.js +1 -1
- package/dist/components/co-toggle-button.js +1 -1
- package/dist/components/co-tooltip.js +1 -1
- package/dist/components/co-transfer-list.js +1 -1
- package/dist/components/co-video.js +1 -1
- package/dist/components/{p-BOmAHbix.js → p-AvSaw4Ua.js} +1 -1
- package/dist/components/p-B3TkpLNh.js +1 -0
- package/dist/components/p-B6oiFdUY.js +1 -0
- package/dist/components/{p-BEiPCCVl.js → p-B7hvddnu.js} +1 -1
- package/dist/components/{p-njonLO8t.js → p-BGD3oQ73.js} +1 -1
- package/dist/components/{p-xjzIZcgZ.js → p-BT5tSgZa.js} +1 -1
- package/dist/components/{p-CXdIxtbK.js → p-BsQQ7Mki.js} +1 -1
- package/dist/components/p-CBX_oabB.js +1 -0
- package/dist/components/{p-ClAsHpYv.js → p-CklsvHeL.js} +1 -1
- package/dist/components/{p-DWt_rL1l.js → p-CyMaOb1j.js} +1 -1
- package/dist/components/{p-DEYpoVxc.js → p-D5QJpmqf.js} +1 -1
- package/dist/components/{p-Bhuk55S0.js → p-D6OUW6oW.js} +1 -1
- package/dist/components/p-DTvb412h.js +1 -0
- package/dist/components/{p-DmyELlI1.js → p-DkmKOF60.js} +1 -1
- package/dist/components/{p-DUYGgqjB.js → p-DolCkNsL.js} +1 -1
- package/dist/components/{p-CnBjUP_M.js → p-KWTokD0C.js} +1 -1
- package/dist/components/{p-BCZ-tPBT.js → p-Q6caHt79.js} +1 -1
- package/dist/components/{p-BUYgHlPz.js → p-WWlZiln1.js} +1 -1
- package/dist/components/{p-C4So28aS.js → p-_131DL6m.js} +1 -1
- package/dist/components/{p-BYnSPxpp.js → p-gI62K3Be.js} +1 -1
- package/dist/components/{p-8wvfrEY4.js → p-mom5kiBa.js} +1 -1
- package/dist/components/p-nwy6X1QT.js +1 -0
- package/dist/components/p-reaWaY4g.js +1 -0
- package/dist/esm/co-avatar_2.entry.js +2 -2
- package/dist/esm/co-bottom-sheet.entry.js +10 -11
- package/dist/esm/co-calendar_3.entry.js +37 -2
- package/dist/esm/co-chip_2.entry.js +2 -2
- package/dist/esm/co-emoji-picker.entry.js +2806 -0
- package/dist/esm/co-empty-state.entry.js +2 -2
- package/dist/esm/co-event-calendar.entry.js +2 -2
- package/dist/esm/co-event-popover.entry.js +1 -1
- package/dist/esm/co-fab.entry.js +2 -2
- package/dist/esm/co-file-field.entry.js +5 -5
- package/dist/esm/co-file-type-tile.entry.js +2 -2
- package/dist/esm/co-helper-text.entry.js +2 -2
- package/dist/esm/co-icon-button.entry.js +2 -2
- package/dist/esm/co-icon.entry.js +2 -2
- package/dist/esm/co-json-field.entry.js +3 -3
- package/dist/esm/co-lightbox.entry.js +4 -4
- package/dist/esm/co-list-footer.entry.js +1 -1
- package/dist/esm/co-list-item.entry.js +4 -4
- package/dist/esm/co-media-thumb.entry.js +2 -2
- package/dist/esm/co-menu-divider.entry.js +1 -1
- package/dist/esm/co-menu.entry.js +1 -1
- package/dist/esm/co-modal.entry.js +9 -3
- package/dist/esm/co-navbar.entry.js +2 -2
- package/dist/esm/co-number-field.entry.js +2 -2
- package/dist/esm/co-overlay.entry.js +1 -1
- package/dist/esm/co-page-header.entry.js +1 -1
- package/dist/esm/co-phone-field.entry.js +1 -1
- package/dist/esm/co-progress-bar.entry.js +2 -2
- package/dist/esm/co-progress-circle.entry.js +2 -2
- package/dist/esm/co-provider-logo_2.entry.js +1 -1
- package/dist/esm/co-radio.entry.js +3 -3
- package/dist/esm/co-rating.entry.js +3 -3
- package/dist/esm/co-rich-text-editor.entry.js +3 -3
- package/dist/esm/co-row.entry.js +2 -2
- package/dist/esm/co-separator.entry.js +1 -1
- package/dist/esm/co-sidebar.entry.js +2 -2
- package/dist/esm/co-slider.entry.js +2 -2
- package/dist/esm/co-switch.entry.js +3 -3
- package/dist/esm/co-tab-group.entry.js +2 -2
- package/dist/esm/co-tab.entry.js +2 -2
- package/dist/esm/co-tags-field.entry.js +5 -5
- package/dist/esm/co-textarea.entry.js +4 -4
- package/dist/esm/co-toggle-button-group.entry.js +2 -2
- package/dist/esm/co-toggle-button.entry.js +2 -2
- package/dist/esm/co-video.entry.js +2 -2
- package/dist/esm/cobalt.js +1 -1
- package/dist/esm/emojiNames.es-reaWaY4g.js +1923 -0
- package/dist/esm/emojiNames.pt-B6oiFdUY.js +1923 -0
- package/dist/esm/index-CrtiywTB.js +4 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/slotContent-CBX_oabB.js +32 -0
- package/dist/types/components/co-bottom-sheet/co-bottom-sheet.d.ts +0 -1
- package/dist/types/components/co-drawer/co-drawer.d.ts +23 -0
- package/dist/types/components/co-emoji-picker/co-emoji-picker.d.ts +145 -0
- package/dist/types/components/co-emoji-picker/emojiData.d.ts +24 -0
- package/dist/types/components/co-emoji-picker/emojiNames.es.d.ts +12 -0
- package/dist/types/components/co-emoji-picker/emojiNames.pt.d.ts +12 -0
- package/dist/types/components/co-emoji-picker/emojiPickerLogic.d.ts +149 -0
- package/dist/types/components/co-modal/co-modal.d.ts +2 -0
- package/dist/types/components.d.ts +195 -0
- package/dist/types/utils/emojiI18n.d.ts +22 -0
- package/dist/types/utils/slotContent.d.ts +19 -0
- package/package.json +4 -4
- package/dist/cobalt/p-02f4b71a.entry.js +0 -1
- package/dist/cobalt/p-2f778a5a.entry.js +0 -1
- package/dist/cobalt/p-315586b0.entry.js +0 -1
- package/dist/cobalt/p-6556465f.entry.js +0 -1
- package/dist/cobalt/p-7fbd3359.entry.js +0 -1
- package/dist/cobalt/p-82c8f07b.entry.js +0 -1
- package/dist/cobalt/p-c3bb7e1f.entry.js +0 -1
- package/dist/cobalt/p-e742e978.entry.js +0 -1
- package/dist/components/p-4t5Fputx.js +0 -1
- package/dist/components/p-CRABrJmD.js +0 -1
- package/dist/components/p-aiNhl9Xd.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,a as s}from"./p-CrtiywTB.js";import{g as a}from"./p-CnNpoKwg.js";import{a as n,d as o,p as r,g as c,b as l,e as h}from"./p-BU7SQCje.js";import{b as d,t as u,g as f}from"./p-1EK-COrb.js";const b=/^\d{4}-\d{2}-\d{2}$/,v=864e5;function m(t){if(!b.exec(t))return null;const[e,i,s]=t.split("-").map(Number);return i<1||i>12||s<1||s>31?null:Date.UTC(e,i-1,s)}function p(t){return u(t).slice(0,10)}function g(t,e={}){if(!t||!t.id||!t.start)return null;const i=e.defaultDurationMinutes??60,s=!0===t.allDay;let a,n,o,r;if(s){const e=m(t.start.slice(0,10));if(null===e)return null;if(a=e,o=p(e),t.end){const i=m(t.end.slice(0,10));n=null!==i&&i>e?i:e+v}else n=e+v;r=p(n)}else{let e;try{e=d(t.start)}catch{return null}if(a=e,o=t.start,t.end){let s;try{s=d(t.end)}catch{return null}n=s>e?s:e+6e4*i}else n=e+6e4*i;r=u(n)}const c=t.status?e.statusColors?.[t.status]:void 0,l=t.editable??!0;return{id:t.id,title:t.title??"",allDay:s,start:o,end:r,startMs:a,endMs:n,status:t.status,responseState:t.responseState,backgroundColor:t.backgroundColor??t.color??c?.backgroundColor,borderColor:t.borderColor??c?.borderColor,className:t.className,editable:l,startEditable:t.startEditable??l,durationEditable:t.durationEditable??l,display:t.display??"block",extendedProps:t.extendedProps??{}}}const y=class{constructor(i){t(this,i),this.coEventClick=e(this,"coEventClick",3),this.coDateSelect=e(this,"coDateSelect",3),this.coEventDrop=e(this,"coEventDrop",3),this.coEventDblClick=e(this,"coEventDblClick",3),this.coDatesSet=e(this,"coDatesSet",3),this.coViewChange=e(this,"coViewChange",3),this.coMoreClick=e(this,"coMoreClick",3),this.view="month",this.events=[],this.locale="es-CO",this.editable=!0,this.selectable=!0,this.dayMaxEvents=3,this.firstDayOfWeek=1,this.availableViews=["month"],this.defaultDurationMinutes=60,this.allDaySlot=!0,this.minTime="00:00",this.maxTime="24:00",this.slotMinutes=15,this.snapMinutes=15,this.scrollTime="07:00",this.nowIndicator=!0,this.loading=!1,this.goToday=()=>this.setAnchor(n()),this.goPrev=()=>this.step(-1),this.goNext=()=>this.step(1),this.handleDaySelect=t=>{var e;const i=t.detail.date;this.coDateSelect.emit({start:i,end:o(i,1),allDay:!0,rect:null!==(e=t.detail.rect)&&void 0!==e?e:null})},this.handleRangeSelect=t=>{var e;this.coDateSelect.emit({start:t.detail.start,end:t.detail.end,allDay:!1,rect:null!==(e=t.detail.rect)&&void 0!==e?e:null})},this.handleEventClick=t=>{var e;const i=this.normalized.find((e=>e.id===t.detail.id));i&&this.coEventClick.emit({event:i,rect:null!==(e=t.detail.rect)&&void 0!==e?e:null})},this.handleEventDblClick=t=>{var e;const i=this.normalized.find((e=>e.id===t.detail.id));i&&this.coEventDblClick.emit({event:i,rect:null!==(e=t.detail.rect)&&void 0!==e?e:null})},this.handleEventDrop=t=>{const e=this.normalized.find((e=>e.id===t.detail.id));e&&this.coEventDrop.emit({event:e,start:t.detail.start,end:t.detail.end,oldStart:t.detail.oldStart,oldEnd:t.detail.oldEnd,allDay:t.detail.allDay,revert:()=>{}})},this.handleMoreClick=t=>{const e=t.detail.date,i=this.tz,s=this.normalized.filter((t=>{var s;return(t.allDay?t.start.slice(0,10):(s=t.startMs,new Intl.DateTimeFormat("en-CA",{timeZone:i,year:"numeric",month:"2-digit",day:"2-digit"}).format(new Date(s))))===e}));this.coMoreClick.emit({date:e,events:s})}}async clearRangeSelection(){var t,e;const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("co-calendar-timegrid, co-calendar-month");await(null===(e=null==i?void 0:i.clearSelection)||void 0===e?void 0:e.call(i))}componentWillLoad(){this.anchor=this.date&&r(this.date)?this.date:n()}componentDidLoad(){this.emitDatesSet()}onDateChange(t){t&&r(t)&&t!==this.anchor&&(this.anchor=t,this.emitDatesSet())}get tz(){return this.timeZone||f()}get normalized(){const t=this._normCache;if(t&&t.events===this.events&&t.dd===this.defaultDurationMinutes&&t.sc===this.statusColors)return t.result;const e=function(t,e={}){if(!Array.isArray(t))return[];const i=[];for(const s of t){const t=g(s,e);t&&i.push(t)}return i}(function(t){if(Array.isArray(t))return t;if("string"==typeof t&&t.trim())try{const e=JSON.parse(t);return Array.isArray(e)?e:[]}catch(t){return[]}return[]}(this.events),{defaultDurationMinutes:this.defaultDurationMinutes,statusColors:_(this.statusColors)});return this._normCache={events:this.events,dd:this.defaultDurationMinutes,sc:this.statusColors,result:e},e}get viewsList(){return Array.isArray(this.availableViews)?this.availableViews:String(this.availableViews).split(",").map((t=>t.trim())).filter(Boolean)}dowOf(t){const[e,i,s]=t.split("-").map(Number);return new Date(Date.UTC(e,i-1,s)).getUTCDay()}weekStart(t){const e=(this.dowOf(t)-this.firstDayOfWeek+7)%7;return o(t,-e)}get visibleDates(){if("week"===this.view){const t=this.weekStart(this.anchor);return Array.from({length:7},((e,i)=>o(t,i)))}return"day"===this.view?[this.anchor]:[]}visibleRange(){if("week"===this.view){const t=this.weekStart(this.anchor);return{start:t,end:o(t,7)}}if("day"===this.view)return{start:this.anchor,end:o(this.anchor,1)};const t=r(this.anchor),e=c(t.year,t.month,this.firstDayOfWeek);return{start:e[0][0].value,end:o(e[e.length-1][6].value,1)}}emitDatesSet(){const{start:t,end:e}=this.visibleRange();this.coDatesSet.emit({view:this.view,start:t,end:e,activeDate:this.anchor})}setAnchor(t){this.anchor=t,this.date=t,this.emitDatesSet()}step(t){this.setAnchor("month"===this.view?l(this.anchor,t):o(this.anchor,"day"===this.view?t:7*t))}switchView(t){t!==this.view&&(this.view=t,this.coViewChange.emit({view:t}),this.emitDatesSet())}title(){const t=r(this.anchor);if("month"===this.view)return h(t.year,t.month,this.locale,"long");if("day"===this.view)return new Intl.DateTimeFormat(this.locale,{weekday:"short",day:"numeric",month:"short",year:"numeric"}).format(x(this.anchor));const e=this.weekStart(this.anchor),i=o(e,6),s=new Intl.DateTimeFormat(this.locale,{day:"numeric",month:"short"}),a=new Intl.DateTimeFormat(this.locale,{year:"numeric"}).format(x(i));return`${s.format(x(e))} – ${s.format(x(i))} ${a}`}render(){var t;const e=a(this.locale),s=this.viewsList,n=r(this.anchor);return i("div",{key:"eb07a859a28ba0d09a3880a77a5b122c1ae063fb",class:"cal"},i("div",{key:"693683cddfad9a1aed4be0bf3651cfff8b2ba1c7",class:"cal__toolbar",part:"toolbar"},i("button",{key:"48f8fc44179b2950ea0498205f8f8a5d91d33e04",type:"button",class:"cal__btn",onClick:this.goToday},null!==(t=e.today)&&void 0!==t?t:"Today"),i("div",{key:"387a1cee67da85bf72e791ca2adc67f7482eb629",class:"cal__title-group"},i("button",{key:"24d316422fb98f7d7c66ed6154a90f54a56cab12",type:"button",class:"cal__icon-btn","aria-label":e.prevMonth,onClick:this.goPrev},i("co-icon",{key:"d0c575fce693943e91de8c578bb3371bfdb6425a",name:"caret-left",size:16})),i("h2",{key:"1bc26dd2c49d67854a1fc922cffc519485437f6a",class:"cal__title","aria-live":"polite"},this.title()),i("button",{key:"0e152157ed337011d00699b450b6a5cd10016b97",type:"button",class:"cal__icon-btn","aria-label":e.nextMonth,onClick:this.goNext},i("co-icon",{key:"c821a72abc278e325cadfeae54b4d2b05984d3ba",name:"caret-right",size:16}))),s.length>1?i("div",{class:"cal__views",role:"tablist"},s.map((t=>{var s;return i("button",{type:"button",role:"tab","aria-selected":this.view===t?"true":"false",class:{"cal__view-btn":!0,"cal__view-btn--active":this.view===t},onClick:()=>this.switchView(t)},null!==(s=e[t])&&void 0!==s?s:t)}))):i("span",{class:"cal__views-spacer"})),i("div",{key:"2472ed0d314a489f41f2f46dc7988ce8860a64c2",class:"cal__body",part:"body"},"month"===this.view?i("co-calendar-month",{loading:this.loading,events:this.normalized,year:n.year,month:n.month,locale:this.locale,firstDayOfWeek:this.firstDayOfWeek,timeZone:this.tz,minDate:this.minDate,maxDate:this.maxDate,editable:this.editable,selectable:this.selectable,maxLanes:this.dayMaxEvents,onCoDaySelect:this.handleDaySelect,onCoEventClick:this.handleEventClick,onCoEventDblClick:this.handleEventDblClick,onCoEventDrop:this.handleEventDrop,onCoMoreClick:this.handleMoreClick}):"week"===this.view||"day"===this.view?i("co-calendar-timegrid",{loading:this.loading,events:this.normalized,dates:this.visibleDates,locale:this.locale,timeZone:this.tz,editable:this.editable,selectable:this.selectable,minDate:this.minDate,maxDate:this.maxDate,onCoRangeSelect:this.handleRangeSelect,onCoEventClick:this.handleEventClick,onCoEventDblClick:this.handleEventDblClick,onCoEventDrop:this.handleEventDrop,defaultDurationMinutes:this.defaultDurationMinutes,allDaySlot:this.allDaySlot,minTime:this.minTime,maxTime:this.maxTime,slotMinutes:this.slotMinutes,snapMinutes:this.snapMinutes,scrollTime:this.scrollTime,nowIndicator:this.nowIndicator}):i("div",{class:"cal__placeholder"},i("co-icon",{name:"calendar-dots",size:32}),i("p",null,`${this.view} view — coming soon`))))}get el(){return s(this)}static get watchers(){return{date:[{onDateChange:0}]}}};function _(t){if(t){if("string"==typeof t)try{return JSON.parse(t)}catch(t){return}return t}}function x(t){const[e,i,s]=t.split("-").map(Number);return new Date(Date.UTC(e,i-1,s,12))}y.style=":host{display:flex;flex-direction:column;gap:var(--co-spacing-md);font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);block-size:100%;min-block-size:0}.cal{display:flex;flex-direction:column;gap:var(--co-spacing-md);block-size:100%;min-block-size:0}.cal__toolbar{display:flex;align-items:center;gap:var(--co-spacing-md)}.cal__title-group{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center;gap:var(--co-spacing-xs)}.cal__title{margin:0;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--co-font-size-20, 20px);font-weight:400;letter-spacing:-0.01em;text-transform:capitalize;color:var(--co-semantic-text-default)}.cal__views-spacer{flex:0 0 auto;inline-size:1px}.cal__btn{height:32px;padding:0 var(--co-spacing-md);background:none;border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-full);font-family:inherit;font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-default);cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.cal__btn:hover{background:var(--co-semantic-surface-hover)}.cal__btn:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.cal__icon-btn{height:32px;width:32px;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;border-radius:var(--co-border-radius-xs);color:var(--co-semantic-text-default);cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.cal__icon-btn:hover{background:var(--co-semantic-surface-hover)}.cal__icon-btn:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.cal__views{display:inline-flex;gap:2px;padding:2px;background:var(--co-semantic-surface-hover);border-radius:var(--co-border-radius-xs)}.cal__view-btn{height:28px;padding:0 var(--co-spacing-md);background:none;border:0;border-radius:var(--co-border-radius-xxs);font-family:inherit;font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-secondary);cursor:pointer;text-transform:capitalize}.cal__view-btn--active{background:var(--co-semantic-surface-page);color:var(--co-semantic-text-default);font-weight:600;box-shadow:0 1px 2px rgba(0, 0, 0, 0.08)}.cal__view-btn:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.cal__body{flex:1 1 auto;min-block-size:0;display:flex;flex-direction:column}.cal__body co-calendar-month{flex:1 1 auto;min-block-size:0}.cal__body co-calendar-timegrid{flex:1 1 auto;min-block-size:0}.cal__placeholder{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--co-spacing-sm);color:var(--co-semantic-text-muted);text-transform:capitalize}";export{y as co_event_calendar}
|
|
1
|
+
import{r as t,c as e,h as i,a as s}from"./p-CrtiywTB.js";import{g as a}from"./p-CnNpoKwg.js";import{a as n,d as o,p as r,g as c,b as l,e as h}from"./p-BU7SQCje.js";import{b as d,t as u,g as f}from"./p-1EK-COrb.js";const b=/^\d{4}-\d{2}-\d{2}$/,v=864e5;function m(t){if(!b.exec(t))return null;const[e,i,s]=t.split("-").map(Number);return i<1||i>12||s<1||s>31?null:Date.UTC(e,i-1,s)}function p(t){return u(t).slice(0,10)}function g(t,e={}){if(!t||!t.id||!t.start)return null;const i=e.defaultDurationMinutes??60,s=!0===t.allDay;let a,n,o,r;if(s){const e=m(t.start.slice(0,10));if(null===e)return null;if(a=e,o=p(e),t.end){const i=m(t.end.slice(0,10));n=null!==i&&i>e?i:e+v}else n=e+v;r=p(n)}else{let e;try{e=d(t.start)}catch{return null}if(a=e,o=t.start,t.end){let s;try{s=d(t.end)}catch{return null}n=s>e?s:e+6e4*i}else n=e+6e4*i;r=u(n)}const c=t.status?e.statusColors?.[t.status]:void 0,l=t.editable??!0;return{id:t.id,title:t.title??"",allDay:s,start:o,end:r,startMs:a,endMs:n,status:t.status,responseState:t.responseState,backgroundColor:t.backgroundColor??t.color??c?.backgroundColor,borderColor:t.borderColor??c?.borderColor,className:t.className,editable:l,startEditable:t.startEditable??l,durationEditable:t.durationEditable??l,display:t.display??"block",extendedProps:t.extendedProps??{}}}const y=class{constructor(i){t(this,i),this.coEventClick=e(this,"coEventClick",3),this.coDateSelect=e(this,"coDateSelect",3),this.coEventDrop=e(this,"coEventDrop",3),this.coEventDblClick=e(this,"coEventDblClick",3),this.coDatesSet=e(this,"coDatesSet",3),this.coViewChange=e(this,"coViewChange",3),this.coMoreClick=e(this,"coMoreClick",3),this.view="month",this.events=[],this.locale="es-CO",this.editable=!0,this.selectable=!0,this.dayMaxEvents=3,this.firstDayOfWeek=1,this.availableViews=["month"],this.defaultDurationMinutes=60,this.allDaySlot=!0,this.minTime="00:00",this.maxTime="24:00",this.slotMinutes=15,this.snapMinutes=15,this.scrollTime="07:00",this.nowIndicator=!0,this.loading=!1,this.goToday=()=>this.setAnchor(n()),this.goPrev=()=>this.step(-1),this.goNext=()=>this.step(1),this.handleDaySelect=t=>{var e;const i=t.detail.date;this.coDateSelect.emit({start:i,end:o(i,1),allDay:!0,rect:null!==(e=t.detail.rect)&&void 0!==e?e:null})},this.handleRangeSelect=t=>{var e;this.coDateSelect.emit({start:t.detail.start,end:t.detail.end,allDay:!1,rect:null!==(e=t.detail.rect)&&void 0!==e?e:null})},this.handleEventClick=t=>{var e;const i=this.normalized.find((e=>e.id===t.detail.id));i&&this.coEventClick.emit({event:i,rect:null!==(e=t.detail.rect)&&void 0!==e?e:null})},this.handleEventDblClick=t=>{var e;const i=this.normalized.find((e=>e.id===t.detail.id));i&&this.coEventDblClick.emit({event:i,rect:null!==(e=t.detail.rect)&&void 0!==e?e:null})},this.handleEventDrop=t=>{const e=this.normalized.find((e=>e.id===t.detail.id));e&&this.coEventDrop.emit({event:e,start:t.detail.start,end:t.detail.end,oldStart:t.detail.oldStart,oldEnd:t.detail.oldEnd,allDay:t.detail.allDay,revert:()=>{}})},this.handleMoreClick=t=>{const e=t.detail.date,i=this.tz,s=this.normalized.filter((t=>{var s;return(t.allDay?t.start.slice(0,10):(s=t.startMs,new Intl.DateTimeFormat("en-CA",{timeZone:i,year:"numeric",month:"2-digit",day:"2-digit"}).format(new Date(s))))===e}));this.coMoreClick.emit({date:e,events:s})}}async clearRangeSelection(){var t,e;const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("co-calendar-timegrid, co-calendar-month");await(null===(e=null==i?void 0:i.clearSelection)||void 0===e?void 0:e.call(i))}componentWillLoad(){this.anchor=this.date&&r(this.date)?this.date:n()}componentDidLoad(){this.emitDatesSet()}onDateChange(t){t&&r(t)&&t!==this.anchor&&(this.anchor=t,this.emitDatesSet())}get tz(){return this.timeZone||f()}get normalized(){const t=this._normCache;if(t&&t.events===this.events&&t.dd===this.defaultDurationMinutes&&t.sc===this.statusColors)return t.result;const e=function(t,e={}){if(!Array.isArray(t))return[];const i=[];for(const s of t){const t=g(s,e);t&&i.push(t)}return i}(function(t){if(Array.isArray(t))return t;if("string"==typeof t&&t.trim())try{const e=JSON.parse(t);return Array.isArray(e)?e:[]}catch(t){return[]}return[]}(this.events),{defaultDurationMinutes:this.defaultDurationMinutes,statusColors:_(this.statusColors)});return this._normCache={events:this.events,dd:this.defaultDurationMinutes,sc:this.statusColors,result:e},e}get viewsList(){return Array.isArray(this.availableViews)?this.availableViews:String(this.availableViews).split(",").map((t=>t.trim())).filter(Boolean)}dowOf(t){const[e,i,s]=t.split("-").map(Number);return new Date(Date.UTC(e,i-1,s)).getUTCDay()}weekStart(t){const e=(this.dowOf(t)-this.firstDayOfWeek+7)%7;return o(t,-e)}get visibleDates(){if("week"===this.view){const t=this.weekStart(this.anchor);return Array.from({length:7},((e,i)=>o(t,i)))}return"day"===this.view?[this.anchor]:[]}visibleRange(){if("week"===this.view){const t=this.weekStart(this.anchor);return{start:t,end:o(t,7)}}if("day"===this.view)return{start:this.anchor,end:o(this.anchor,1)};const t=r(this.anchor),e=c(t.year,t.month,this.firstDayOfWeek);return{start:e[0][0].value,end:o(e[e.length-1][6].value,1)}}emitDatesSet(){const{start:t,end:e}=this.visibleRange();this.coDatesSet.emit({view:this.view,start:t,end:e,activeDate:this.anchor})}setAnchor(t){this.anchor=t,this.date=t,this.emitDatesSet()}step(t){this.setAnchor("month"===this.view?l(this.anchor,t):o(this.anchor,"day"===this.view?t:7*t))}switchView(t){t!==this.view&&(this.view=t,this.coViewChange.emit({view:t}),this.emitDatesSet())}title(){const t=r(this.anchor);if("month"===this.view)return h(t.year,t.month,this.locale,"long");if("day"===this.view)return new Intl.DateTimeFormat(this.locale,{weekday:"short",day:"numeric",month:"short",year:"numeric"}).format(x(this.anchor));const e=this.weekStart(this.anchor),i=o(e,6),s=new Intl.DateTimeFormat(this.locale,{day:"numeric",month:"short"}),a=new Intl.DateTimeFormat(this.locale,{year:"numeric"}).format(x(i));return`${s.format(x(e))} – ${s.format(x(i))} ${a}`}render(){var t;const e=a(this.locale),s=this.viewsList,n=r(this.anchor);return i("div",{key:"d0a147fee3fa5ad01d40dacbbc2a0b1adf8f3808",class:"cal"},i("div",{key:"35feaa81dc6f139fcced1ee691864b1587b19931",class:"cal__toolbar",part:"toolbar"},i("button",{key:"d05cf866772e81bacd7c904ff31d7f5032431672",type:"button",class:"cal__btn",onClick:this.goToday},null!==(t=e.today)&&void 0!==t?t:"Today"),i("div",{key:"b3c1389ec39de8121d807c8eec944751245b2324",class:"cal__title-group"},i("button",{key:"17224b09c008cf0d5bae8e585f3ffc7981bf63bb",type:"button",class:"cal__icon-btn","aria-label":e.prevMonth,onClick:this.goPrev},i("co-icon",{key:"2bf18c14b972a6a2b0136e67279b743b69074060",name:"caret-left",size:16})),i("h2",{key:"7ad21c7a35e45355870f699ecbbe79099de7e7e6",class:"cal__title","aria-live":"polite"},this.title()),i("button",{key:"4bb0d0287b41b4f100d09c9627afeb91bc5b57d7",type:"button",class:"cal__icon-btn","aria-label":e.nextMonth,onClick:this.goNext},i("co-icon",{key:"9bf5ab51b1d31e4d5c8274be1ca5b71ef96335a1",name:"caret-right",size:16}))),s.length>1?i("div",{class:"cal__views",role:"tablist"},s.map((t=>{var s;return i("button",{type:"button",role:"tab","aria-selected":this.view===t?"true":"false",class:{"cal__view-btn":!0,"cal__view-btn--active":this.view===t},onClick:()=>this.switchView(t)},null!==(s=e[t])&&void 0!==s?s:t)}))):i("span",{class:"cal__views-spacer"})),i("div",{key:"468dd7e859c0f9cbbe7d9e48e0c4cd55fdea2ddf",class:"cal__body",part:"body"},"month"===this.view?i("co-calendar-month",{loading:this.loading,events:this.normalized,year:n.year,month:n.month,locale:this.locale,firstDayOfWeek:this.firstDayOfWeek,timeZone:this.tz,minDate:this.minDate,maxDate:this.maxDate,editable:this.editable,selectable:this.selectable,maxLanes:this.dayMaxEvents,onCoDaySelect:this.handleDaySelect,onCoEventClick:this.handleEventClick,onCoEventDblClick:this.handleEventDblClick,onCoEventDrop:this.handleEventDrop,onCoMoreClick:this.handleMoreClick}):"week"===this.view||"day"===this.view?i("co-calendar-timegrid",{loading:this.loading,events:this.normalized,dates:this.visibleDates,locale:this.locale,timeZone:this.tz,editable:this.editable,selectable:this.selectable,minDate:this.minDate,maxDate:this.maxDate,onCoRangeSelect:this.handleRangeSelect,onCoEventClick:this.handleEventClick,onCoEventDblClick:this.handleEventDblClick,onCoEventDrop:this.handleEventDrop,defaultDurationMinutes:this.defaultDurationMinutes,allDaySlot:this.allDaySlot,minTime:this.minTime,maxTime:this.maxTime,slotMinutes:this.slotMinutes,snapMinutes:this.snapMinutes,scrollTime:this.scrollTime,nowIndicator:this.nowIndicator}):i("div",{class:"cal__placeholder"},i("co-icon",{name:"calendar-dots",size:32}),i("p",null,`${this.view} view — coming soon`))))}get el(){return s(this)}static get watchers(){return{date:[{onDateChange:0}]}}};function _(t){if(t){if("string"==typeof t)try{return JSON.parse(t)}catch(t){return}return t}}function x(t){const[e,i,s]=t.split("-").map(Number);return new Date(Date.UTC(e,i-1,s,12))}y.style=":host{display:flex;flex-direction:column;gap:var(--co-spacing-md);font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);block-size:100%;min-block-size:0}.cal{display:flex;flex-direction:column;gap:var(--co-spacing-md);block-size:100%;min-block-size:0}.cal__toolbar{display:flex;align-items:center;gap:var(--co-spacing-md)}.cal__title-group{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center;gap:var(--co-spacing-xs)}.cal__title{margin:0;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--co-font-size-20, 20px);font-weight:400;letter-spacing:-0.01em;text-transform:capitalize;color:var(--co-semantic-text-default)}.cal__views-spacer{flex:0 0 auto;inline-size:1px}.cal__btn{height:32px;padding:0 var(--co-spacing-md);background:none;border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-full);font-family:inherit;font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-default);cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.cal__btn:hover{background:var(--co-semantic-surface-hover)}.cal__btn:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.cal__icon-btn{height:32px;width:32px;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;border-radius:var(--co-border-radius-xs);color:var(--co-semantic-text-default);cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.cal__icon-btn:hover{background:var(--co-semantic-surface-hover)}.cal__icon-btn:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.cal__views{display:inline-flex;gap:2px;padding:2px;background:var(--co-semantic-surface-hover);border-radius:var(--co-border-radius-xs)}.cal__view-btn{height:28px;padding:0 var(--co-spacing-md);background:none;border:0;border-radius:var(--co-border-radius-xxs);font-family:inherit;font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-secondary);cursor:pointer;text-transform:capitalize}.cal__view-btn--active{background:var(--co-semantic-surface-page);color:var(--co-semantic-text-default);font-weight:600;box-shadow:0 1px 2px rgba(0, 0, 0, 0.08)}.cal__view-btn:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.cal__body{flex:1 1 auto;min-block-size:0;display:flex;flex-direction:column}.cal__body co-calendar-month{flex:1 1 auto;min-block-size:0}.cal__body co-calendar-timegrid{flex:1 1 auto;min-block-size:0}.cal__placeholder{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--co-spacing-sm);color:var(--co-semantic-text-muted);text-transform:capitalize}";export{y as co_event_calendar}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,h as i,a as e}from"./p-CrtiywTB.js";import{l as a}from"./p-CnNpoKwg.js";const s={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}"}},n=1.15,r=class{constructor(i){t(this,i),this.coClose=o(this,"coClose",3),this.coChange=o(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 o=this.rootEl;if(o&&"function"==typeof o.showPopover)if(this.open){clearTimeout(this.demoteTimer);try{o.matches(":popover-open")||o.showPopover()}catch(t){}}else o.matches(":popover-open")&&(clearTimeout(this.demoteTimer),this.demoteTimer=setTimeout((()=>{try{o.hidePopover()}catch(t){}}),220))},this.handleKey=t=>{if(this.open){switch(t.key){case"Escape":this.requestClose();break;case"ArrowLeft":this.goTo(-1);break;case"ArrowRight":this.goTo(1);break;case"+":case"=":this.zoomAt(this.scale*n,0,0);break;case"-":this.zoomAt(this.scale/n,0,0);break;case"0":this.resetView();break;case"Tab":return void this.trapTab(t);default:return}t.preventDefault(),t.stopPropagation()}},this.requestClose=()=>{this.coClose.emit()},this.handleWheel=t=>{t.preventDefault();const[o,i]=this.stagePoint(t);this.zoomAt(this.scale*(t.deltaY<0?n:1/n),o,i)},this.handleDblClick=t=>{const[o,i]=this.stagePoint(t);this.zoomAt(this.scale>1?1:2.5,o,i)},this.handlePointerDown=t=>{var o;this.scale<=1||(t.preventDefault(),this.dragging=!0,this.dragStart={x:t.clientX,y:t.clientY,tx:this.tx,ty:this.ty},null===(o=this.imgEl)||void 0===o||o.setPointerCapture(t.pointerId))},this.handlePointerMove=t=>{if(!this.dragging)return;const o=this.dragStart.tx+(t.clientX-this.dragStart.x),i=this.dragStart.ty+(t.clientY-this.dragStart.y);[this.tx,this.ty]=this.clampPan(o,i,this.scale)},this.handlePointerUp=t=>{var o;this.dragging&&(this.dragging=!1,null===(o=this.imgEl)||void 0===o||o.releasePointerCapture(t.pointerId))},this.openOriginal=()=>{const t=this.parsedImages[this.index];(null==t?void 0:t.src)&&window.open(t.src,"_blank","noopener")},this.stop=t=>t.stopPropagation()}get parsedImages(){const t=this.images;if("string"!=typeof t||!t.trim())return[];if(t===this.lastImagesStr)return this.lastParsed;let o=[];try{const i=JSON.parse(t);Array.isArray(i)&&(o=i.filter((t=>t&&t.src)))}catch(t){}return this.lastImagesStr=t,this.lastParsed=o,o}componentWillLoad(){this.index=this.clampIndex(this.startIndex)}connectedCallback(){this.open&&this.attachKeyListener()}disconnectedCallback(){this.detachKeyListener(),clearTimeout(this.demoteTimer)}componentDidRender(){var t;this.pendingFocus&&(this.pendingFocus=!1,null===(t=this.closeBtnEl)||void 0===t||t.focus())}onOpenChange(t){var o,i,e;this.syncTopLayer(),t?(this.index=this.clampIndex(this.startIndex),this.resetView(),this.preloadNeighbors(),this.attachKeyListener(),this.previouslyFocused=null!==(o=document.activeElement)&&void 0!==o?o:void 0,this.pendingFocus=!0):(this.detachKeyListener(),null===(e=null===(i=this.previouslyFocused)||void 0===i?void 0:i.focus)||void 0===e||e.call(i),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})}trapTab(t){var o,i,e;const a=Array.from(null!==(i=null===(o=this.el.shadowRoot)||void 0===o?void 0:o.querySelectorAll("button"))&&void 0!==i?i:[]);if(0===a.length)return;t.preventDefault(),t.stopPropagation();const s=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.activeElement,n=a.indexOf(s);a[(n+(t.shiftKey?-1:1)+a.length)%a.length].focus()}clampIndex(t){const o=this.parsedImages.length;return 0===o?0:Math.min(Math.max(0,t),o-1)}resetView(){this.scale=1,this.tx=0,this.ty=0,this.dragging=!1}goTo(t){const o=this.parsedImages.length;o<2||(this.index=(this.index+t+o)%o,this.resetView(),this.coChange.emit(this.index),this.preloadNeighbors())}preloadNeighbors(){const t=this.parsedImages;if(!(t.length<2))for(const o of[1,-1]){const i=t[(this.index+o+t.length)%t.length];(null==i?void 0:i.src)&&((new Image).src=i.src)}}clampPan(t,o,i){const e=this.stageEl,a=this.imgEl;if(!e||!a)return[t,o];const s=Math.max(0,(a.offsetWidth*i-e.clientWidth)/2),n=Math.max(0,(a.offsetHeight*i-e.clientHeight)/2);return[Math.min(Math.max(t,-s),s),Math.min(Math.max(o,-n),n)]}zoomAt(t,o,i){const e=this.scale,a=Math.min(Math.max(t,1),8);if(a===e)return;const s=a/e;let n=o-(o-this.tx)*s,r=i-(i-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 o;const i=null===(o=this.stageEl)||void 0===o?void 0:o.getBoundingClientRect();return i?[t.clientX-i.left-i.width/2,t.clientY-i.top-i.height/2]:[0,0]}render(){const t=s[a(this.locale)],o=this.parsedImages,e=o[this.index],r=o.length>1,c=t.counter.replace("{i}",String(this.index+1)).replace("{n}",String(o.length));return i("div",{key:"ee47c98cd468a05ffc7536756b72818bfa9391da",class:{"co-lightbox":!0,"co-lightbox--open":this.open},part:"overlay",role:"dialog","aria-modal":"true","aria-label":null==e?void 0:e.alt,popover:"manual",ref:this.syncTopLayer,onClick:this.requestClose},e&&i("div",{key:"80859431215ee33bc0480f8788a32886486d4e7c",class:"co-lightbox__toolbar",part:"toolbar",onClick:this.stop},i("span",{key:"09ee3dc94fdb88f66516a1d5e5f44f1f2a90d850",class:"co-lightbox__caption",title:e.alt},e.alt),i("div",{key:"86a02fb7b0c0e92eb633d5d61464c1a8e044564c",class:"co-lightbox__zoom"},i("button",{key:"3e83390c0b22ef8986c39dc399f04e2cad48556e",class:"co-lightbox__btn",type:"button","aria-label":t.zoomOut,title:t.zoomOut,onClick:()=>this.zoomAt(this.scale/n,0,0)},i("co-icon",{key:"e4241a61696d191b262270370924ee4700949e98",name:"minus",size:16})),i("button",{key:"92b11da3129dfdd181b9114c613fc3624c9df41a",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),"%"),i("button",{key:"e224e703bf5902f7b72acb6428ed5ec46ace49a1",class:"co-lightbox__btn",type:"button","aria-label":t.zoomIn,title:t.zoomIn,onClick:()=>this.zoomAt(this.scale*n,0,0)},i("co-icon",{key:"4216032ce75fee7e05bdbc50095ddc7037910876",name:"plus",size:16}))),i("button",{key:"8ec864104b0127f0d6150d91179a46b35270fb4c",class:"co-lightbox__btn",type:"button","aria-label":t.openOriginal,title:t.openOriginal,onClick:this.openOriginal},i("co-icon",{key:"836480f7857396b613e99abf85fedabbf73fa43a",name:"arrow-square-out",size:16})),i("button",{key:"736dbb247d0af9e261fa5bf21ec6113f8d40f612",class:"co-lightbox__btn",part:"close",type:"button","aria-label":t.close,title:t.close,ref:t=>this.closeBtnEl=t,onClick:this.requestClose},i("co-icon",{key:"0c45bcfb64245b5388452216204effd74482a862",name:"x",size:16}))),e&&i("div",{key:"af2d7a221312f18a62895579a067e740e878caf3",class:"co-lightbox__stage",ref:t=>this.stageEl=t,onWheel:this.handleWheel},i("img",{key:"fac630a31bf240d6ef5ffe3c85136e5534722b26",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:e.src,alt:e.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})),e&&r&&i("button",{key:"3cca38f856ec367dc40596acc988875d6b334f60",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)}},i("co-icon",{key:"f5c296f6802355140cb64b690401f12faac29faa",name:"caret-left",size:24})),e&&r&&i("button",{key:"a0104539bcc4a9ebc4090d28636c7fae7cfcf1ae",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)}},i("co-icon",{key:"6adef24091aeaa4df0bf92cbade32bdf9273c015",name:"caret-right",size:24})),e&&r&&i("div",{key:"6a31e663231a66339621c26aba74c28e3c9b152e",class:"co-lightbox__counter",part:"counter",onClick:this.stop},c))}get el(){return e(this)}static get watchers(){return{open:[{onOpenChange:0}],startIndex:[{onStartIndexChange:0}],images:[{onImagesChange:0}]}}};r.style=":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__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}";export{r as co_lightbox}
|
|
1
|
+
import{r as t,c as o,h as i,a as e}from"./p-CrtiywTB.js";import{l as a}from"./p-CnNpoKwg.js";const s={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}"}},n=1.15,r=class{constructor(i){t(this,i),this.coClose=o(this,"coClose",3),this.coChange=o(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 o=this.rootEl;if(o&&"function"==typeof o.showPopover)if(this.open){clearTimeout(this.demoteTimer);try{o.matches(":popover-open")||o.showPopover()}catch(t){}}else o.matches(":popover-open")&&(clearTimeout(this.demoteTimer),this.demoteTimer=setTimeout((()=>{try{o.hidePopover()}catch(t){}}),220))},this.handleKey=t=>{if(this.open){switch(t.key){case"Escape":this.requestClose();break;case"ArrowLeft":this.goTo(-1);break;case"ArrowRight":this.goTo(1);break;case"+":case"=":this.zoomAt(this.scale*n,0,0);break;case"-":this.zoomAt(this.scale/n,0,0);break;case"0":this.resetView();break;case"Tab":return void this.trapTab(t);default:return}t.preventDefault(),t.stopPropagation()}},this.requestClose=()=>{this.coClose.emit()},this.handleWheel=t=>{t.preventDefault();const[o,i]=this.stagePoint(t);this.zoomAt(this.scale*(t.deltaY<0?n:1/n),o,i)},this.handleDblClick=t=>{const[o,i]=this.stagePoint(t);this.zoomAt(this.scale>1?1:2.5,o,i)},this.handlePointerDown=t=>{var o;this.scale<=1||(t.preventDefault(),this.dragging=!0,this.dragStart={x:t.clientX,y:t.clientY,tx:this.tx,ty:this.ty},null===(o=this.imgEl)||void 0===o||o.setPointerCapture(t.pointerId))},this.handlePointerMove=t=>{if(!this.dragging)return;const o=this.dragStart.tx+(t.clientX-this.dragStart.x),i=this.dragStart.ty+(t.clientY-this.dragStart.y);[this.tx,this.ty]=this.clampPan(o,i,this.scale)},this.handlePointerUp=t=>{var o;this.dragging&&(this.dragging=!1,null===(o=this.imgEl)||void 0===o||o.releasePointerCapture(t.pointerId))},this.openOriginal=()=>{const t=this.parsedImages[this.index];(null==t?void 0:t.src)&&window.open(t.src,"_blank","noopener")},this.stop=t=>t.stopPropagation()}get parsedImages(){const t=this.images;if("string"!=typeof t||!t.trim())return[];if(t===this.lastImagesStr)return this.lastParsed;let o=[];try{const i=JSON.parse(t);Array.isArray(i)&&(o=i.filter((t=>t&&t.src)))}catch(t){}return this.lastImagesStr=t,this.lastParsed=o,o}componentWillLoad(){this.index=this.clampIndex(this.startIndex)}connectedCallback(){this.open&&this.attachKeyListener()}disconnectedCallback(){this.detachKeyListener(),clearTimeout(this.demoteTimer)}componentDidRender(){var t;this.pendingFocus&&(this.pendingFocus=!1,null===(t=this.closeBtnEl)||void 0===t||t.focus())}onOpenChange(t){var o,i,e;this.syncTopLayer(),t?(this.index=this.clampIndex(this.startIndex),this.resetView(),this.preloadNeighbors(),this.attachKeyListener(),this.previouslyFocused=null!==(o=document.activeElement)&&void 0!==o?o:void 0,this.pendingFocus=!0):(this.detachKeyListener(),null===(e=null===(i=this.previouslyFocused)||void 0===i?void 0:i.focus)||void 0===e||e.call(i),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})}trapTab(t){var o,i,e;const a=Array.from(null!==(i=null===(o=this.el.shadowRoot)||void 0===o?void 0:o.querySelectorAll("button"))&&void 0!==i?i:[]);if(0===a.length)return;t.preventDefault(),t.stopPropagation();const s=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.activeElement,n=a.indexOf(s);a[(n+(t.shiftKey?-1:1)+a.length)%a.length].focus()}clampIndex(t){const o=this.parsedImages.length;return 0===o?0:Math.min(Math.max(0,t),o-1)}resetView(){this.scale=1,this.tx=0,this.ty=0,this.dragging=!1}goTo(t){const o=this.parsedImages.length;o<2||(this.index=(this.index+t+o)%o,this.resetView(),this.coChange.emit(this.index),this.preloadNeighbors())}preloadNeighbors(){const t=this.parsedImages;if(!(t.length<2))for(const o of[1,-1]){const i=t[(this.index+o+t.length)%t.length];(null==i?void 0:i.src)&&((new Image).src=i.src)}}clampPan(t,o,i){const e=this.stageEl,a=this.imgEl;if(!e||!a)return[t,o];const s=Math.max(0,(a.offsetWidth*i-e.clientWidth)/2),n=Math.max(0,(a.offsetHeight*i-e.clientHeight)/2);return[Math.min(Math.max(t,-s),s),Math.min(Math.max(o,-n),n)]}zoomAt(t,o,i){const e=this.scale,a=Math.min(Math.max(t,1),8);if(a===e)return;const s=a/e;let n=o-(o-this.tx)*s,r=i-(i-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 o;const i=null===(o=this.stageEl)||void 0===o?void 0:o.getBoundingClientRect();return i?[t.clientX-i.left-i.width/2,t.clientY-i.top-i.height/2]:[0,0]}render(){const t=s[a(this.locale)],o=this.parsedImages,e=o[this.index],r=o.length>1,c=t.counter.replace("{i}",String(this.index+1)).replace("{n}",String(o.length));return i("div",{key:"b3999d685ec6dc1c12bf430eba3bc0982b2fd4d3",class:{"co-lightbox":!0,"co-lightbox--open":this.open},part:"overlay",role:"dialog","aria-modal":"true","aria-label":null==e?void 0:e.alt,popover:"manual",ref:this.syncTopLayer,onClick:this.requestClose},e&&i("div",{key:"3c757d34339330ddc8179869771548d2e10eeb86",class:"co-lightbox__toolbar",part:"toolbar",onClick:this.stop},i("span",{key:"ea97b286b84225423f46de0241fb7ab5f86a615e",class:"co-lightbox__caption",title:e.alt},e.alt),i("div",{key:"273f23d1c551f459ed2d2b7d2dbdccf43beba000",class:"co-lightbox__zoom"},i("button",{key:"7af226c8ea17183f2555e9983627ecf29189ddb3",class:"co-lightbox__btn",type:"button","aria-label":t.zoomOut,title:t.zoomOut,onClick:()=>this.zoomAt(this.scale/n,0,0)},i("co-icon",{key:"085ed06e6593b99e13cf36009149d9cf90524280",name:"minus",size:16})),i("button",{key:"f4df42781faa209de6b8ebbcfdd58c9c605a7977",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),"%"),i("button",{key:"d1cbe7e831ff8b1f76927c87cc5929d5d29aae02",class:"co-lightbox__btn",type:"button","aria-label":t.zoomIn,title:t.zoomIn,onClick:()=>this.zoomAt(this.scale*n,0,0)},i("co-icon",{key:"e10fb035385e19dab132fffc4b8d962e720c379e",name:"plus",size:16}))),i("button",{key:"f500ccfea7a04b5f47cf786579cd1d1f138cbbd9",class:"co-lightbox__btn",type:"button","aria-label":t.openOriginal,title:t.openOriginal,onClick:this.openOriginal},i("co-icon",{key:"d9098c2bf45c888681b5982dea6d59b9a5e3d89d",name:"arrow-square-out",size:16})),i("button",{key:"b61f45f9df568c4441cc764a88d74ba31debd16c",class:"co-lightbox__btn",part:"close",type:"button","aria-label":t.close,title:t.close,ref:t=>this.closeBtnEl=t,onClick:this.requestClose},i("co-icon",{key:"787d1be07f3befb406beddbb7853d1f604fbfa30",name:"x",size:16}))),e&&i("div",{key:"d4e4dcab4f5b34cfade28927cb484eb0fade7c6c",class:"co-lightbox__stage",ref:t=>this.stageEl=t,onWheel:this.handleWheel},i("img",{key:"06ce0ba917e7007da67a5db9372457286d33d84c",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:e.src,alt:e.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})),e&&r&&i("button",{key:"c0af13776f424508ef953c40efe203e8a9f0ffab",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)}},i("co-icon",{key:"17cb67246511c6a83a06ce594060be52c9f46cd0",name:"caret-left",size:24})),e&&r&&i("button",{key:"b2e8ab1029b75ef8db09c7141bf035e3aa67d156",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)}},i("co-icon",{key:"1ab70f0b03bb640b9df26420df704b041b14a5a4",name:"caret-right",size:24})),e&&r&&i("div",{key:"116097d4c98a45c150033b38dbf1e83f12602449",class:"co-lightbox__counter",part:"counter",onClick:this.stop},c))}get el(){return e(this)}static get watchers(){return{open:[{onOpenChange:0}],startIndex:[{onStartIndexChange:0}],images:[{onImagesChange:0}]}}};r.style=":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__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}";export{r as co_lightbox}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const a=["rosto risonho\nrosto risonho com olhos bem abertos\nrosto risonho com olhos sorridentes\nrosto contente com olhos sorridentes\nrosto risonho com olhos semicerrados\nrosto risonho com gota de suor\nrolando no chão de rir\nrosto chorando de rir\nrosto levemente sorridente\nrosto de cabeça para baixo\nrosto derretendo\nrosto com olho piscando\nrosto sorridente com olhos sorridentes\nrosto sorridente com auréola\nrosto sorridente com 3 corações\nrosto sorridente com olhos de coração\nrosto com olhar maravilhado\nrosto mandando um beijo\nrosto beijando\nrosto sorridente\nrosto beijando com olhos fechados\nrosto beijando com olhos sorridentes\nrosto sorridente com lágrima\nrosto saboreando comida\nrosto mostrando a língua\nrosto piscando e com língua para fora\nrosto bizarro\nrosto com olhos semicerrados e língua para fora\nrosto com cifrões\nrosto abraçando\nrosto com a mão sobre a boca\nrosto com olhos abertos e mão sobre a boca\nrosto com olho espiando\nrosto fazendo sinal de silêncio\nrosto pensativo\nrosto saudando\nrosto com boca de zíper\nrosto com sobrancelha levantada\nrosto neutro\nrosto inexpressivo\nrosto sem boca\nrosto com linha pontilhada\nrosto nas nuvens\nrosto com sorriso maroto\nrosto aborrecido\nrosto com olhos revirados\nrosto expressando desagrado\nrosto exalando\nrosto de mentiroso\nrosto tremendo\ncabeça virando de um lado para o outro\ncabeça balançando na vertical\nrosto aliviado\nrosto deprimido\nrosto sonolento\nrosto babando\nrosto dormindo\nface with bags under eyes\nrosto com máscara médica\nrosto com termômetro\nrosto com atadura na cabeça\nrosto nauseado\nrosto vomitando\nrosto espirrando\nrosto fervendo de calor\nrosto gelado\nrosto embriagado\nrosto atordoado\nrosto com olhos em espiral\ncabeça explodindo\nrosto com chapéu de caubói\nrosto festivo\nrosto disfarçado\nrosto sorridente com óculos escuros\nrosto de nerd\nrosto com monóculo\nrosto confuso\nrosto com boca diagonal\nrosto preocupado\nrosto meio triste\nrosto descontente\nrosto com boca aberta\nrosto surpreso\nrosto espantado\nrosto ruborizado\nrosto implorando\nrosto segurando as lágrimas\nrosto franzido com boca aberta\nrosto angustiado\nrosto amedrontado\nrosto ansioso com gota de suor\nrosto triste, mas aliviado\nrosto chorando\nrosto chorando aos berros\nrosto gritando de medo\nrosto perplexo\nrosto perseverante\nrosto desapontado\nrosto cabisbaixo com gota de suor\nrosto desolado\nrosto cansado\nrosto bocejando\nrosto soltando vapor pelo nariz\nrosto furioso\nrosto zangado\nrosto com símbolos na boca\nrosto sorridente com chifres\nrosto zangado com chifres\ncaveira\ncaveira e ossos cruzados\ncocô\nrosto de palhaço\nogro\nduende japonês\nfantasma\nalienígena\nmonstro alienígena\nrosto de robô\nrosto de gato sorrindo\nrosto de gato sorrindo com olhos sorridentes\nrosto de gato com lágrimas de alegria\nrosto de gato sorridente com olhos de coração\nrosto de gato com sorriso irônico\nrosto de gato mandando um beijo\nrosto de gato desolado\nrosto de gato chorando\nrosto de gato mal-humorado\nmacaco que não vê nada\nmacaco que não ouve nada\nmacaco que não fala nada\ncarta de amor\ncoração com flecha\ncoração com fita\ncoração brilhante\ncoração crescendo\ncoração pulsante\ncorações girando\ndois corações\ncoração decorativo\nexclamação de coração\ncoração partido\ncoração em chamas\ncoração remendado\ncoração vermelho\ncoração rosa\ncoração laranja\ncoração amarelo\ncoração verde\ncoração azul\ncoração azul-claro\ncoração roxo\ncoração marrom\ncoração preto\ncoração cinza\ncoração branco\nmarca de beijo\ncem pontos\nsímbolo de raiva\ncolisão\nzonzo\npingos de suor\nrapidez\nburaco\nbalão de diálogo\nolho no balão de diálogo\nbalão de diálogo à esquerda\nbalão de raiva à direita\nbalão de pensamento\nzzz",'mão acenando\ndorso da mão levantado\nmão aberta com os dedos separados\nmão levantada\nsaudação vulcana\nmão para a direita\nmão para a esquerda\nmão com a palma para baixo\nmão com a palma para cima\nmão empurrando para a esquerda\nmão empurrando para a direita\nsinal de ok\ndedos comprimidos\nmão beliscando\nmão em V de vitória\ndedos cruzados\nmão com dedo indicador e polegar cruzados\ngesto de "te amo"\nsaudação do rock\nsinal "me liga"\ndorso da mão com dedo indicador apontando para a esquerda\ndorso da mão com dedo indicador apontando para a direita\ndorso da mão com dedo indicador apontando para cima\ndedo do meio\ndorso da mão com dedo indicador apontando para baixo\nindicador apontando para cima\nindicador apontando para o visualizador\npolegar para cima\npolegar para baixo\npunho levantado\nsoco\npunho esquerdo\npunho direito\nmãos aplaudindo\nmãos para cima\nmãos de coração\nmãos abertas\npalmas unidas para cima\naperto de mãos\nmãos juntas\nescrevendo à mão\nesmalte de unha\nselfie\nbíceps\nbraço mecânico\nperna mecânica\nperna\npé\norelha\nouvido com aparelho auditivo\nnariz\ncérebro\ncoração humano\npulmões\ndente\nosso\nolhos\nolho\nlíngua\nboca\nmordendo o lábio\nbebê\ncriança\nmenino\nmenina\npessoa\npessoa: cabelo louro\nhomem\nhomem: barba\nhomem: barbudo\nmulher: barba\nman red hair\nman curly hair\nman white hair\nman bald\nmulher\nwoman red hair\nperson red hair\nwoman curly hair\nperson curly hair\nwoman white hair\nperson white hair\nwoman bald\nperson bald\nmulher: cabelo loiro\nhomem: cabelo loiro\nidoso\nhomem idoso\nidosa\nfranzindo a sobrancelha\nhomem franzindo a sobrancelha\nmulher franzindo a sobrancelha\npessoa fazendo bico\nhomem fazendo bico\nmulher fazendo bico\npessoa fazendo gesto de “não”\nhomem fazendo gesto de “não”\nmulher fazendo gesto de “não”\npessoa fazendo gesto de “OK”\nhomem fazendo gesto de “OK”\nmulher fazendo gesto de “OK”\npessoa com a palma virada para cima\nhomem com a palma virada para cima\nmulher com a palma virada para cima\npessoa levantando a mão\nhomem levantando a mão\nmulher levantando a mão\npessoa surda\nhomem surdo\nmulher surda\npessoa fazendo reverência\nhomem fazendo reverência\nmulher fazendo reverência\npessoa decepcionada\nhomem decepcionado\nmulher decepcionada\npessoa dando de ombros\nhomem dando de ombros\nmulher dando de ombros\nprofissional de saúde\nhomem profissional da saúde\nmulher profissional da saúde\naluno\nestudante\naluna\nprofessora na escola\nprofessor\nprofessora\njuiz no tribunal\njuiz\njuíza\nagricultor\nfazendeiro\nfazendeira\nchef de cozinha\ncozinheiro\ncozinheira\nmecânico trabalhando\nmecânico\nmecânica\nfuncionário de fábrica\noperário\noperária\ntrabalhador de escritório\nfuncionário de escritório\nfuncionária de escritório\ncientista\ncientista homem\ncientista mulher\nprogramador\ntecnólogo\ntecnóloga\ncantor\ncantor homem\ncantora\nartista\nartista plástico\nartista plástica\npiloto\npiloto de avião homem\npiloto de avião mulher\nastronauta\nastronauta homem\nastronauta mulher\nbombeiro\nbombeiro homem\nbombeira\npolicial\npolicial homem\npolicial mulher\ndetetive\ndetetive homem\ndetetive mulher\nguarda\nguarda homem\nguarda mulher\nninja\ntrabalhador de construção civil\npedreiro\npedreira\npessoa com coroa\npríncipe\nprincesa\npessoa com turbante\nhomem com turbante\nmulher com turbante\nhomem de boné\nmulher com véu\npessoa de smoking\nhomem de smoking\nmulher de smoking\npessoa com véu\nnoivo com véu\nnoiva com véu\ngrávida\nhomem grávido\npessoa grávida\namamentando\nmulher alimentando bebê\nhomem alimentando bebê\npessoa alimentando bebê\nbebê anjo\nPapai Noel\nMamãe Noel\nnoel\nsuper-herói\nhomem super-herói\nsuper-heroína\nsupervilão\nhomem supervilão\nsupervilã\nmago\nhomem mago\nmaga\nfada\nhomem fada\nmulher fada\nvampiro\nhomem vampiro\nmulher vampira\npessoa sereia\nsereio\nsereia\nelfo\nelfo homem\nelfa\ngênio\nhomem gênio\nmulher gênio\nzumbi\nhomem zumbi\nmulher zumbi\ntroll\npessoa recebendo massagem facial\nhomem recebendo massagem facial\nmulher recebendo massagem facial\npessoa cortando o cabelo\nhomem cortando o cabelo\nmulher cortando o cabelo\npessoa andando\nhomem andando\nmulher andando\nperson walking facing right\nwoman walking facing right\nman walking facing right\npessoa em pé\nhomem em pé\nmulher em pé\npessoa ajoelhando\nhomem ajoelhando\nmulher ajoelhando\nperson kneeling facing right\nwoman kneeling facing right\nman kneeling facing right\npessoa com bengala para cego\nperson with white cane facing right\nhomem com bengala para cego\nman with white cane facing right\nmulher com bengala para cego\nwoman with white cane facing right\npessoa em cadeira de rodas motorizada\nperson in motorized wheelchair facing right\nhomem em cadeira de rodas motorizada\nman in motorized wheelchair facing right\nmulher em cadeira de rodas motorizada\nwoman in motorized wheelchair facing right\npessoa em cadeira de rodas manual\nperson in manual wheelchair facing right\nhomem em cadeira de rodas manual\nman in manual wheelchair facing right\nmulher em cadeira de rodas manual\nwoman in manual wheelchair facing right\npessoa correndo\nhomem correndo\nmulher correndo\nperson running facing right\nwoman running facing right\nman running facing right\nmulher dançando\nhomem dançando\nhomem de terno levitando\npessoas com orelhas de coelho\nhomens com orelhas de coelho\nmulheres com orelhas de coelho\npessoa na sauna\nhomem na sauna\nmulher na sauna\npessoa escalando\nhomem escalando\nmulher escalando\nesgrimista\ncorrida de cavalos\nesquiador\npraticante de snowboard\ngolfista\nhomem golfista\nmulher golfista\nsurfista\nhomem surfista\nmulher surfista\npessoa remando\nhomem remando\nmulher remando\npessoa nadando\nhomem nadando\nmulher nadando\npessoa jogando basquete\nhomem jogando basquete\nmulher jogando basquete\npessoa levantando peso\nhomem levantando peso\nmulher levantando peso\nciclista\nhomem ciclista\nmulher ciclista\npessoa fazendo mountain bike\nhomem fazendo mountain bike\nmulher fazendo mountain bike\npessoa fazendo estrela\nhomem fazendo estrela\nmulher fazendo estrela\npessoas lutando\nhomens lutando\nmulheres lutando\npessoa jogando polo aquático\nhomem jogando polo aquático\nmulher jogando polo aquático\nhandebol\njogador de handebol\njogadora de handebol\nmalabarista\nhomem malabarista\nmulher malabarista\npessoa na posição de lótus\nhomem na posição de lótus\nmulher na posição de lótus\npessoa tomando banho\npessoa deitada na cama\npessoas de mãos dadas\nduas mulheres de mãos dadas\nhomem e mulher de mãos dadas\ndois homens de mãos dadas\nbeijo\nkiss woman, man\nkiss man, man\nkiss woman, woman\ncasal apaixonado\ncouple with heart woman, man\ncouple with heart man, man\ncouple with heart woman, woman\nfamily man, woman, boy\nfamily man, woman, girl\nfamily man, woman, girl, boy\nfamily man, woman, boy, boy\nfamily man, woman, girl, girl\nfamily man, man, boy\nfamily man, man, girl\nfamily man, man, girl, boy\nfamily man, man, boy, boy\nfamily man, man, girl, girl\nfamily woman, woman, boy\nfamily woman, woman, girl\nfamily woman, woman, girl, boy\nfamily woman, woman, boy, boy\nfamily woman, woman, girl, girl\nfamily man, boy\nfamily man, boy, boy\nfamily man, girl\nfamily man, girl, boy\nfamily man, girl, girl\nfamily woman, boy\nfamily woman, boy, boy\nfamily woman, girl\nfamily woman, girl, boy\nfamily woman, girl, girl\nsilhueta falando\nsilhueta de busto\nsilhueta de bustos\npessoas se abraçando\nfamília\nfamília: adulto, adulto, criança\nfamília: adulto, adulto, criança, criança\nfamília: adulto, criança\nfamília: adulto, criança, criança\npegadas\nfingerprint',"rosto de macaco\nmacaco\ngorila\norangotango\nrosto de cachorro\ncachorro\ncão-guia\ncão de serviço\npoodle\nrosto de lobo\nrosto de raposa\nguaxinim\nrosto de gato\ngato\ngato preto\nrosto de leão\nrosto de tigre\ntigre\nleopardo\nrosto de cavalo\nalce\nburro\ncavalo\nrosto de unicórnio\nzebra\ncervo\nbisão\nrosto de vaca\nboi\nbúfalo-asiático\nvaca\nrosto de porco\nporco\njavali\nnariz de porco\ncarneiro\novelha\ncabra\ncamelo\ncamelo com duas corcovas\nlhama\ngirafa\nelefante\nmamute\nrinoceronte\nhipopótamo\nrosto de camundongo\ncamundongo\nrato\nrosto de hamster\nrosto de coelho\ncoelho\nesquilo\ncastor\nporco-espinho\nmorcego\nrosto de urso\nurso polar\ncoala\nrosto de panda\npreguiça\nlontra\ngambá\ncanguru\ntexugo\npatas\nperu\ngalinha\ngalo\npintinho chocando\npintinho de perfil\npintinho de frente\npássaro\npinguim\npomba branca\náguia\npato\ncisne\ncoruja\ndodô\npena\nflamingo\npavão\npapagaio\nasa\npássaro preto\nganso\nfênix\nsapo\ncrocodilo\ntartaruga\nlagartixa\ncobra\nrosto de dragão\ndragão\nsaurópode\ntiranossauro rex\nbaleia esguichando água\nbaleia\ngolfinho\nfoca\npeixe\npeixe tropical\nbaiacu\ntubarão\npolvo\ncaramujo\ncoral\nágua-viva\ncaranguejo\nlagosta\ncamarão\nlula\nostra\ncaracol\nborboleta\ninseto\nformiga\nabelha\nbesouro\njoaninha\ngrilo\nbarata\naranha\nteia de aranha\nescorpião\nmosquito\nmosca\nminhoca\nmicróbio\nbuquê\nflor de cerejeira\nflor branca\nlótus\nroseta\nrosa\nflor murcha\nhibisco\ngirassol\nflor\ntulipa\njacinto\nmuda de planta\nvaso com planta\nconífera\nárvore caidiça\npalmeira\ncacto\nplanta de arroz\nerva\ntrevo\ntrevo de quatro folhas\nfolha de bordo\nfolhas caídas\nfolha ao vento\nninho vazio\nninho com ovos\ncogumelo\nleafless tree","uvas\nmelão\nmelancia\ntangerina\nlimão\nlima\nbanana\nabacaxi\nmanga\nmaçã vermelha\nmaçã verde\npera\npêssego\ncereja\nmorango\nmirtilos\nkiwi\ntomate\nazeitona\ncoco\nabacate\nberinjela\nbatata\ncenoura\nmilho\npimenta\npimentão\npepino\nverdura\nbrócolis\nalho\ncebola\namendoim\nfeijões\ncastanha\ngengibre\nvagem\ncogumelo marrom\nroot vegetable\npão\ncroissant\nbaguete\npão sírio\npretzel\nrosca\npanquecas\nwaffle\nqueijo\ncarne\ncoxa de frango\ncorte de carne\nbacon\nhambúrguer\nbatata frita\npizza\ncachorro-quente\nsanduíche\ntaco\nburrito\ntamale\npão recheado\nfalafel\novo\novo frito\ncaçarola com comida\npanela\nfondue\ntigela com colher\nsalada verde\npipoca\nmanteiga\nsal\ncomida enlatada\nbentô\nbiscoito de arroz\narroz japonês\narroz cozido\narroz com curry\nlámen\nespaguete\nbatata assada\noden\nsushi\ncamarão frito\nbolinho de peixe\nbolo lunar\ndango\nbolinho asiático\nbiscoito da sorte\ncaixa para viagem\nsorvete italiano\nraspadinha de gelo\nsorvete\ndonut\nbiscoito\nbolo de aniversário\npão de ló de morango\ncupcake\ntorta\nchocolate\nbala\npirulito\npudim\npote de mel\nmamadeira\ncopo de leite\ncafé\nbule\nxícara de chá sem alça\nsaquê\ngarrafa de champanhe\nvinho\ncoquetel\nbebida tropical\ncerveja\ncanecas de cerveja\ntaças brindando\ncopo\nderramando líquido\ncopo com canudo\nchá perolado\nsuco de caixa\nmate\ncubo de gelo\nhashi\nprato com talheres\ngarfo e faca\ncolher\nfaca de cozinha\njarro\nânfora","globo mostrando Europa e África\nglobo mostrando as Américas\nglobo mostrando Ásia e Oceania\nglobo com meridianos\nmapa-múndi\nmapa do Japão\nbússola\nmontanha com neve\nmontanha\nvulcão\nMonte Fuji\nacampamento\npraia e guarda-sol\ndeserto\nilha deserta\nparque nacional\nestádio\nprédio grego\nconstrução\ntijolo\npedra\nmadeira\ncabana\ncasas\ncasa abandonada\ncasa\ncasa com jardim\nedifício comercial\ncorreio japonês\ncorreio\nhospital\nbanco\nhotel\nmotel\nloja de conveniência\nescola\nloja de departamentos\nfábrica\ncastelo japonês\ncastelo\ncapela de casamento\nTorre de Tóquio\nEstátua da Liberdade\nigreja\nmesquita\ntemplo hindu\nsinagoga\nsantuário japonês\ncaaba islã\nfonte\nbarraca\nenevoado\nnoite estrelada\ncidade\naurora sobre montanhas\naurora sobre água\ncidade ao anoitecer\npôr do sol\nponte à noite\nchamas\ncarrossel\nescorregador\nroda gigante\nmontanha russa\nbarbearia\ncirco\nlocomotiva\nvagão de trem\ntrem de alta velocidade\ntrem de alta velocidade japonês\ntrem\nmetrô\ntrem urbano\nestação\nbonde elétrico\nmonotrilho\nestrada de ferro na montanha\nbonde\nônibus\nônibus se aproximando\ntrólebus\nvan\nambulância\ncarro do corpo de bombeiros\nviatura policial\nviatura policial se aproximando\ntáxi\ntáxi se aproximando\ncarro\ncarro se aproximando\nSUV\ncaminhonete\ncaminhão de entrega\ncaminhão\ntrator\ncarro de corrida\nmotocicleta\nscooter\ncadeira de rodas manual\ncadeira de rodas motorizada\nautomóvel riquixá\nbicicleta\npatinete\nskate\npatins de rodas\nponto de ônibus\nestrada\ntrilhos\nbarril de óleo\nposto de gasolina\nroda\nsirene\nsemáforo horizontal\nsemáforo vertical\nsinal de pare\nem construção\nâncora\nboia\nbarco a vela\ncanoa\nlancha\ncruzeiro\nbalsa\nbarco\nnavio\navião\navião pequeno\navião decolando\navião aterrissando\nparaquedas\nassento\nhelicóptero\nestrada de ferro suspensa\ncabo suspenso usado em teleféricos nas montanhas\nteleférico\nsatélite\nfoguete\ndisco voador\nsineta\nmala\nampulheta\nampulheta contando o tempo\nrelógio de pulso\ndespertador\ncronômetro\nrelógio temporizador\nrelógio de mesa\n12 horas\ndoze e meia\n1 hora\numa e meia\n2 horas\nduas e meia\n3 horas\ntrês e meia\n4 horas\nquatro e meia\n5 horas\ncinco e meia\n6 horas\nseis e meia\n7 horas\nsete e meia\n8 horas\noito e meia\n9 horas\nnove e meia\n10 horas\ndez e meia\n11 horas\nonze e meia\nlua nova\nlua crescente côncava\nquarto crescente\nlua crescente convexa\nlua cheia\nlua minguante convexa\nquarto minguante\nlua minguante côncava\nlua crescente\nrosto da lua nova\nrosto da lua de quarto crescente\nrosto da lua de quarto minguante\ntermômetro\nsol\nrosto da lua cheia\nrosto do sol\nplaneta com anéis\nestrela branca média\nestrela brilhante\nestrela cadente\nvia láctea\nnuvem\nsol por trás das nuvens\nchuva com trovão\nsol com nuvens\nnublado\nsol com chuva\nnuvem com chuva\nnuvem com neve\nnuvem com trovão\ntornado\nnevoeiro\nrosto de vento\nciclone\narco-íris\nguarda-chuva fechado\nguarda-chuva\nsombrinha na chuva\nguarda-sol\nalta tensão\nfloco de neve\nboneco de neve\nboneco de neve sem neve\ncometa\nfogo\ngota\nonda","abóbora de halloween\nárvore de natal\nfogos de artifício\nvela estrela\nbombinha\nbrilhos\nbalão\ncone de festa\nconfete\nárvore de tanabata\ndecoração de pinhos\nbonecas japonesas\nbandeira de carpas\ncarrilhão de vento\ncontemplação da lua\nenvelope vermelho\nlaço de fita\npresente\nfita de lembrete\ningresso de cinema\ningresso\nmedalha militar\ntroféu\nmedalha esportiva\nmedalha de ouro\nmedalha de prata\nmedalha de bronze\nbola de futebol\nbola de beisebol\nsoftbol\nbola de basquete\nbola de vôlei\nbola de futebol americano\nbola de rugby\ntênis\nfrisbee\nboliche\ncríquete\nhóquei de campo\nhóquei no gelo\nlacrosse\npingue-pongue\nbadminton\nluva de boxe\nquimono de artes marciais\ngol\nbandeira no buraco\npatins de gelo\npesca\nmáscara de mergulho\ncamiseta de corrida\nesqui\ntrenó\npedra de curling\nno alvo\nioiô\npipa\npistola d’água\nbilhar\nbola de cristal\nvarinha mágica\nvideogame\njoystick\ncaça-níquel\njogo de dado\nquebra-cabeça\nursinho de pelúcia\npinhata\nglobo de espelhos\nboneca russa\nnaipe de espadas\nnaipe de copas\nnaipe de ouros\nnaipe de paus\npeão de xadrez\ncuringa\ndragão vermelho de mahjong\ncarta de flores\nmáscara\nquadro emoldurado\npaleta de tintas\ncarretel\nagulha de costura\nnovelo\nnó","óculos\nóculos escuros\nóculos de proteção\njaleco\ncolete salva-vidas\ngravata\ncamiseta\njeans\ncachecol\nluvas\ncasaco\nmeias\nvestido\nquimono\nsari\nmaiô\ncueca\nshorts\nbiquíni\nroupas femininas\nleque dobrável\nbolsinha\nbolsa de mão\nbolsa pequena\nsacolas de compras\nmochila\nchinelo\nsapato masculino\ntênis de corrida\nbota de trekking\nsapatilha\nsapato de salto alto\nsandália feminina\nsapatilha de balé\nbota feminina\npente de cabelo\ncoroa\nchapéu feminino\ncartola\nchapéu de formatura\nboné\ncapacete militar\ncapacacete de socorrista\nrosário de oração\nbatom\nanel\npedra preciosa\nalto-falante silenciado\nalto-falante com volume baixo\nalto-falante com volume médio\nalto-falante com volume alto\nbuzina\nmegafone\ncorneta postal\nsino\nsino silenciado\npartitura musical\nnota musical\nnotas musicais\nmicrofone de estúdio\ncontrole de volume\nbotões giratórios\nmicrofone\nfones de ouvido\nrádio\nsaxofone\nacordeão\nguitarra\nteclado musical\ntrompete\nviolino\nbanjo\ntambor\ntambor comprido\nmaracás\nflauta\nharp\ntelefone celular\ntelefone celular com seta\ntelefone no gancho\ntelefone\npager\nfax\npilha\npouca bateria\ntomada elétrica\nlaptop\ncomputador de mesa\nimpressora\nteclado\nmouse\ntrackball\nminidisc\ndisquete\ncd\nDVD\nábaco\ncâmera de cinema\nrolo de filmes\nprojetor de filmes\nclaquete\ntelevisão\ncâmera\ncâmera com flash\ncâmera de vídeo\nvideocassete\nlupa para a esquerda\nlupa para a direita\nvela\nlâmpada\nlanterna\nlanterna vermelha de papel\nlâmpada de óleo\ncaderno decorado\nlivro fechado\nlivro aberto\nlivro verde\nlivro azul\nlivro laranja\nlivros\ncaderno\nlivro contábil\npágina dobrada\npergaminho\npágina voltada para cima\njornal\njornal enrolado\nmarcadores de página\nmarcador de página\netiqueta\nsaco de dinheiro\nmoeda\nnota de iene\nnota de dólar\nnota de euro\nnota de libra\ndinheiro voando\ncartão de crédito\nrecibo\ngráfico subindo com iene\nenvelope\ne-mail\nenvelope chegando\nenvelope com seta\nbandeja de saída\nbandeja de entrada\npacote\ncaixa de correio fechada com bandeira levantada\ncaixa de correio fechada com bandeira abaixada\ncaixa de correio aberta com bandeira levantada\ncaixa de correio aberta com bandeira abaixada\ncaixa de correio\nurna eleitoral com cédula\nlápis\nponta de caneta tinteiro\ncaneta tinteiro\ncaneta\npincel\ngiz de cera\nmemorando\nmaleta\npasta de arquivos\npasta de arquivos aberta\ndivisores de pastas\ncalendário\ncalendário com folhas destacáveis\nbloco espiral\ncalendário espiral\níndice de cartões\ngráfico subindo\ngráfico caindo\ngráfico de barras\nprancheta\ntacha\ntacha redonda\nclipe de papel\nclipes de papel conectados\nrégua reta\nrégua triangular\ntesoura\ncaixa de arquivos\ngavetas de escritório\nlixeira\ncadeado\ncadeado aberto\ncadeado com caneta\ncadeado fechado com chave\nchave\nchave antiga\nmartelo\nmachado\npicareta\nmartelo e picareta\nmartelo e chave-inglesa\nadaga\nespadas cruzadas\nbomba\nbumerangue\narco e flecha\nescudo\nserrote\nchave inglesa\nchave de fenda\nporca e parafuso\nengrenagem\nbraçadeira\nbalança\nbengala para cegos\nlink\ncorrente quebrada\ncorrentes\ngancho\ncaixa de ferramentas\nímã\nescada\nshovel\nalambique\ntubo de ensaio\nplaca de Petri\ndna\nmicroscópio\ntelescópio\nantena parabólica\nseringa\ngota de sangue\ncomprimido\natadura adesiva\nmuleta\nestetoscópio\nraio x\nporta\nelevador\nespelho\njanela\ncama\nsofá e luminária\ncadeira\nvaso sanitário\ndesentupidor\nchuveiro\nbanheira\nratoeira\nlâmina\nfrasco de loção\nalfinete de segurança\nvassoura\ncesta\nrolo de papel\nbalde\nsabonete\nbolhas\nescova de dentes\nesponja\nextintor de incêndio\ncarrinho de compras\ncigarro\ncaixão\nlápide\nurna funerária\nolho grego\nhamsá\nmoai\nplaca\ncartão de identificação",'símbolo de caixa automático\nsímbolo de lixeira\nágua potável\nsímbolo de cadeira de rodas\nbanheiro masculino\nbanheiro feminino\nbanheiro\nsímbolo de bebê\nWC\ncontrole de passaportes\nalfândega\nrestituição de bagagem\ndepósito de bagagem\naviso\ncrianças atravessando\nentrada proibida\nproibido\nproibido andar de bicicleta\nproibido fumar\nproibido jogar lixo no chão\nágua não potável\nproibida a passagem de pedestres\nproibido o uso de telefone celular\nproibido para menores de 18 anos\nradioativo\nrisco biológico\nseta para cima\nseta para cima e para a direita\nseta para a direita\nseta para baixo e para a direita\nseta para baixo\nseta para baixo e para a esquerda\nseta para a esquerda\nseta para cima e para a esquerda\nseta para cima e para baixo\nseta para esquerda e direita\nseta curva da direita para a esquerda\nseta curva da esquerda para a direita\nseta para a direita curvada para cima\nseta para a direita curvada para baixo\nsetas verticais no sentido horário\nbotão de setas em sentido anti-horário\nseta "BACK"\nseta "END"\nseta "ON!"\nseta "SOON"\nseta "TOP"\nlocal de culto\nsímbolo de átomo\nom\nestrela de Davi\nroda do Dharma\nyin yang\ncruz latina\ncruz ortodoxa\nestrela e lua crescente\nsímbolo da paz\nmenorá\nestrela de seis pontas\nkhanda\nsigno de Áries\nsigno de Touro\nsigno de Gêmeos\nsigno de Câncer\nsigno de Leão\nsigno de Virgem\nsigno de Libra\nsigno de Escorpião\nsigno de Sagitário\nsigno de Capricórnio\nsigno de Aquário\nsigno de Peixes\nsigno de Ofiúco\nbotão de músicas aleatórias\nbotão de repetir\nbotão de repetir uma única faixa\nbotão reproduzir\nbotão avançar\nbotão de próxima faixa\nbotão de reproduzir ou pausar\nbotão de voltar\nbotão de retroceder\nbotão de faixa anterior\nbotão apontando para cima\nbotão de avanço para cima\nbotão apontando para baixo\nbotão de avanço para baixo\nbotão pausar\nbotão parar\nbotão gravar\nbotão ejetar\ncinema\nbotão de diminuir brilho\nbotão de aumentar brilho\nbarras de sinal\nsem fio\nmodo vibratório\ntelefone celular desligado\nsímbolo de feminino\nsímbolo de masculino\nsímbolo transgênero\nsinal de multiplicação\nsímbolo de adição\nsímbolo de subtração\nsímbolo de divisão\nsinal de igual\ninfinito\ndupla exclamação\nexclamação com interrogação\nponto de interrogação vermelho\nponto de interrogação branco\nponto de exclamação branco\nponto de exclamação vermelho\ntravessão ondulado\ncâmbio de moeda\ncifrão\nsímbolo da medicina\nsímbolo de reciclagem\nflor-de-lis\nemblema de tridente\ncrachá\nsímbolo japonês de principiante\ncírculo grande oco\nmarca de seleção branca\ncaixa de seleção marcada com tique\nmarca de seleção\nxis\nbotão de xis\nlaço encaracolado\nloop encaracolado duas vezes\nsinal japonês indicando início de música\nasterisco de oito pontas\nestrela de oito pontas\nfaísca\nsímbolo de copyright\nsímbolo de registrado\nsímbolo de marca registrada\nsplatter\nkeycap #\nkeycap *\nkeycap 0\nkeycap 1\nkeycap 2\nkeycap 3\nkeycap 4\nkeycap 5\nkeycap 6\nkeycap 7\nkeycap 8\nkeycap 9\nkeycap 10\nletras latinas maiúsculas\nletras latinas minúsculas\nnúmeros\nsímbolos\nletras latinas\nbotão A (tipo sanguíneo)\nbotão AB (tipo sanguíneo)\nbotão B (tipo sanguíneo)\nbotão CL\nbotão "COOL"\nbotão "FREE"\ninformações\nbotão ID\ncírculo com a letra M\nbotão "NEW"\nbotão NG\nbotão O (tipo sanguíneo)\nbotão OK\nbotão P\nbotão SOS\nbotão "UP!"\nbotão VS\nbotão japonês de “aqui”\nbotão japonês de “taxa de serviço”\nbotão japonês de “quantidade mensal”\nbotão japonês de “não gratuito”\nbotão japonês de “reservado”\nbotão japonês de “barganha”\nbotão japonês de “desconto”\nbotão japonês de “gratuito”\nbotão japonês de “proibido”\nbotão japonês de “aceitável”\nbotão japonês de “aplicação”\nbotão japonês de “nota mínima”\nbotão japonês de “vago”\nbotão japonês de “parabéns”\nbotão japonês de “segredo”\nbotão japonês de “aberto para negócios”\nbotão japonês de “sem vagas”\ncírculo vermelho\ncírculo laranja\ncírculo amarelo\ncírculo verde\ncírculo azul\ncírculo roxo\ncírculo marrom\ncírculo preto\ncírculo branco\nquadrado vermelho\nquadrado laranja\nquadrado amarelo\nquadrado verde\nquadrado azul\nquadrado roxo\nquadrado marrom\nquadrado preto grande\nquadrado branco grande\nquadrado preto médio\nquadrado branco médio\nquadrado preto médio menor\nquadrado branco médio menor\nquadrado preto pequeno\nquadrado branco pequeno\nlosango laranja grande\nlosango azul grande\nlosango laranja pequeno\nlosango azul pequeno\ntriângulo vermelho para cima\ntriângulo vermelho para baixo\ndiamante com um ponto\nbotão de opção\nbotão quadrado branco\nbotão quadrado preto',"bandeira quadriculada\nbandeira triangular\nbandeiras cruzadas\nbandeira preta\nbandeira branca\nbandeira do arco-íris\nbandeira transgênero\nbandeira de pirata\nflag Ascension Island\nflag Andorra\nflag United Arab Emirates\nflag Afghanistan\nflag Antigua & Barbuda\nflag Anguilla\nflag Albania\nflag Armenia\nflag Angola\nflag Antarctica\nflag Argentina\nflag American Samoa\nflag Austria\nflag Australia\nflag Aruba\nflag Åland Islands\nflag Azerbaijan\nflag Bosnia & Herzegovina\nflag Barbados\nflag Bangladesh\nflag Belgium\nflag Burkina Faso\nflag Bulgaria\nflag Bahrain\nflag Burundi\nflag Benin\nflag St. Barthélemy\nflag Bermuda\nflag Brunei\nflag Bolivia\nflag Caribbean Netherlands\nflag Brazil\nflag Bahamas\nflag Bhutan\nflag Bouvet Island\nflag Botswana\nflag Belarus\nflag Belize\nflag Canada\nflag Cocos (Keeling) Islands\nflag Congo - Kinshasa\nflag Central African Republic\nflag Congo - Brazzaville\nflag Switzerland\nflag Côte d’Ivoire\nflag Cook Islands\nflag Chile\nflag Cameroon\nflag China\nflag Colombia\nflag Clipperton Island\nflag Sark\nflag Costa Rica\nflag Cuba\nflag Cape Verde\nflag Curaçao\nflag Christmas Island\nflag Cyprus\nflag Czechia\nflag Germany\nflag Diego Garcia\nflag Djibouti\nflag Denmark\nflag Dominica\nflag Dominican Republic\nflag Algeria\nflag Ceuta & Melilla\nflag Ecuador\nflag Estonia\nflag Egypt\nflag Western Sahara\nflag Eritrea\nflag Spain\nflag Ethiopia\nflag European Union\nflag Finland\nflag Fiji\nflag Falkland Islands\nflag Micronesia\nflag Faroe Islands\nflag France\nflag Gabon\nflag United Kingdom\nflag Grenada\nflag Georgia\nflag French Guiana\nflag Guernsey\nflag Ghana\nflag Gibraltar\nflag Greenland\nflag Gambia\nflag Guinea\nflag Guadeloupe\nflag Equatorial Guinea\nflag Greece\nflag South Georgia & South Sandwich Islands\nflag Guatemala\nflag Guam\nflag Guinea-Bissau\nflag Guyana\nflag Hong Kong SAR China\nflag Heard & McDonald Islands\nflag Honduras\nflag Croatia\nflag Haiti\nflag Hungary\nflag Canary Islands\nflag Indonesia\nflag Ireland\nflag Israel\nflag Isle of Man\nflag India\nflag British Indian Ocean Territory\nflag Iraq\nflag Iran\nflag Iceland\nflag Italy\nflag Jersey\nflag Jamaica\nflag Jordan\nflag Japan\nflag Kenya\nflag Kyrgyzstan\nflag Cambodia\nflag Kiribati\nflag Comoros\nflag St. Kitts & Nevis\nflag North Korea\nflag South Korea\nflag Kuwait\nflag Cayman Islands\nflag Kazakhstan\nflag Laos\nflag Lebanon\nflag St. Lucia\nflag Liechtenstein\nflag Sri Lanka\nflag Liberia\nflag Lesotho\nflag Lithuania\nflag Luxembourg\nflag Latvia\nflag Libya\nflag Morocco\nflag Monaco\nflag Moldova\nflag Montenegro\nflag St. Martin\nflag Madagascar\nflag Marshall Islands\nflag North Macedonia\nflag Mali\nflag Myanmar (Burma)\nflag Mongolia\nflag Macao SAR China\nflag Northern Mariana Islands\nflag Martinique\nflag Mauritania\nflag Montserrat\nflag Malta\nflag Mauritius\nflag Maldives\nflag Malawi\nflag Mexico\nflag Malaysia\nflag Mozambique\nflag Namibia\nflag New Caledonia\nflag Niger\nflag Norfolk Island\nflag Nigeria\nflag Nicaragua\nflag Netherlands\nflag Norway\nflag Nepal\nflag Nauru\nflag Niue\nflag New Zealand\nflag Oman\nflag Panama\nflag Peru\nflag French Polynesia\nflag Papua New Guinea\nflag Philippines\nflag Pakistan\nflag Poland\nflag St. Pierre & Miquelon\nflag Pitcairn Islands\nflag Puerto Rico\nflag Palestinian Territories\nflag Portugal\nflag Palau\nflag Paraguay\nflag Qatar\nflag Réunion\nflag Romania\nflag Serbia\nflag Russia\nflag Rwanda\nflag Saudi Arabia\nflag Solomon Islands\nflag Seychelles\nflag Sudan\nflag Sweden\nflag Singapore\nflag St. Helena\nflag Slovenia\nflag Svalbard & Jan Mayen\nflag Slovakia\nflag Sierra Leone\nflag San Marino\nflag Senegal\nflag Somalia\nflag Suriname\nflag South Sudan\nflag São Tomé & Príncipe\nflag El Salvador\nflag Sint Maarten\nflag Syria\nflag Eswatini\nflag Tristan da Cunha\nflag Turks & Caicos Islands\nflag Chad\nflag French Southern Territories\nflag Togo\nflag Thailand\nflag Tajikistan\nflag Tokelau\nflag Timor-Leste\nflag Turkmenistan\nflag Tunisia\nflag Tonga\nflag Türkiye\nflag Trinidad & Tobago\nflag Tuvalu\nflag Taiwan\nflag Tanzania\nflag Ukraine\nflag Uganda\nflag U.S. Outlying Islands\nflag United Nations\nflag United States\nflag Uruguay\nflag Uzbekistan\nflag Vatican City\nflag St. Vincent & Grenadines\nflag Venezuela\nflag British Virgin Islands\nflag U.S. Virgin Islands\nflag Vietnam\nflag Vanuatu\nflag Wallis & Futuna\nflag Samoa\nflag Kosovo\nflag Yemen\nflag Mayotte\nflag South Africa\nflag Zambia\nflag Zimbabwe\nflag England\nflag Scotland\nflag Wales"];export{a as default}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function t(t){const n=t.target;return!(!n||"function"!=typeof n.assignedNodes)&&n.assignedNodes({flatten:!0}).some((t=>t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&""!==(t.textContent||"").trim()))}export{t as s}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as o,H as s,a}from"./p-CrtiywTB.js";import{c as e}from"./p-BMdapAL8.js";const r=class{constructor(o){t(this,o),this.coClose=i(this,"coClose",3),this.open=!1,this.placement="right-start",this.dot=!0,this.closeOnEscape=!0,this.closeOnClickOutside=!0,this.position=()=>{if(!this.open||!this.panelEl||!this.anchorRect)return;const t=this.anchorRect,i={top:t.top,left:t.left,right:t.left+t.width,bottom:t.top+t.height,width:t.width,height:t.height},o=this.panelEl.getBoundingClientRect(),{top:s,left:a}=e(i,o,{placement:this.placement,offset:8,flip:!0});this.panelEl.style.top=`${s}px`,this.panelEl.style.left=`${a}px`},this.onScroll=()=>{this.open&&this.requestClose()},this.onKeydown=t=>{this.open&&this.closeOnEscape&&"Escape"===t.key&&(t.stopPropagation(),this.requestClose())},this.onPointerDown=t=>{if(!this.open||!this.closeOnClickOutside||!this.panelEl)return;const i=t.composedPath();i.includes(this.panelEl)||i.includes(this.el)||this.requestClose()}}componentDidLoad(){this.open&&this.onOpenChange(!0)}onOpenChange(t){var i;t?(this.prevFocus=null!==(i=document.activeElement)&&void 0!==i?i:void 0,requestAnimationFrame((()=>this.promoteAndPosition()))):(this.dismissPanel(),this.prevFocus&&this.prevFocus.focus())}onAnchorChange(){this.open&&this.position()}disconnectedCallback(){this.teardownListeners()}promoteAndPosition(){var t,i;if(this.open&&this.panelEl){try{null===(i=(t=this.panelEl).showPopover)||void 0===i||i.call(t)}catch(t){}this.position(),this.panelEl.focus(),window.addEventListener("resize",this.onScroll),window.addEventListener("scroll",this.onScroll,!0),window.addEventListener("keydown",this.onKeydown,!0),window.addEventListener("pointerdown",this.onPointerDown,!0)}}dismissPanel(){var t,i;try{null===(i=null===(t=this.panelEl)||void 0===t?void 0:t.hidePopover)||void 0===i||i.call(t)}catch(t){}this.teardownListeners()}teardownListeners(){window.removeEventListener("resize",this.onScroll),window.removeEventListener("scroll",this.onScroll,!0),window.removeEventListener("keydown",this.onKeydown,!0),window.removeEventListener("pointerdown",this.onPointerDown,!0)}requestClose(){this.coClose.emit()}render(){return o(s,{key:"2bf728a720fb724085b945b4128a4bad5831b870"},o("div",{key:"81bf88204d662d59a9b4d0b2148063e8244287c3",class:"pop",popover:"manual",role:"dialog","aria-modal":"false","aria-label":this.popoverLabel,tabIndex:-1,ref:t=>this.panelEl=t},o("div",{key:"1dae9ef8ef905f269946cb0a842636d77af46e66",class:"pop__actions",part:"actions"},o("slot",{key:"ce5a5fa4ea60a6649d323953dbfa2cccd8840f7c",name:"actions"})),o("div",{key:"019f8e05e990563069e33dd1936655df664085ae",class:"pop__head"},this.dot&&o("span",{key:"a1f11545250cbf9fb900840dfca4d6721cb98852",class:"pop__dot",style:this.color?{background:this.color}:{}}),o("div",{key:"e81876518297dde46ef6288538c4e471b5eab521",class:"pop__body",part:"body"},o("slot",{key:"9818f107cee7d29278b58efd1af3109d345651b4"})))))}get el(){return a(this)}static get watchers(){return{open:[{onOpenChange:0}],anchorRect:[{onAnchorChange:0}]}}};r.style=":host{display:contents}.pop{position:fixed;margin:0;inset:auto;width:400px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:auto;background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-md, 14px);box-shadow:var(--co-shadow-xl, var(--co-shadow-lg));padding:0;z-index:1000;font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);animation:co-pop-in var(--co-motion-duration-fast) var(--co-motion-ease-out);outline:none}@keyframes co-pop-in{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}.pop__actions{display:flex;justify-content:flex-end;gap:var(--co-spacing-xxs);padding:var(--co-spacing-sm2) var(--co-spacing-sm2) 0}.pop__head{display:flex;gap:var(--co-spacing-md);padding:var(--co-spacing-xs) var(--co-spacing-xl) var(--co-spacing-xl)}.pop__dot{flex:0 0 auto;width:14px;height:14px;border-radius:var(--co-border-radius-xxs);margin-top:5px;background:var(--co-color-primary-azul)}.pop__body{min-width:0;flex:1 1 auto}";export{r as co_event_popover}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c as r,h as i,a as e}from"./p-CrtiywTB.js";import{h as t}from"./p-CQY6Ul7q.js";import{i as a}from"./p-DqyWGweA.js";import"./p-ox7HzCZn.js";const s=class{constructor(i){o(this,i),this.coRemove=r(this,"coRemove",7),this.coClick=r(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=o=>{o.stopPropagation(),this.disabled||this.coRemove.emit()}}render(){const o="left"===this.iconMode||"both"===this.iconMode,r="both"===this.iconMode&&!this.removable,e="large"===this.size?16:10,t="large"===this.size?16:10,a="filter"===this.variant?13:e,s=o||!!this.iconLeft||this.dot,c=r||!!this.iconRight||this.removable||!!this.trailingIcon;let l;return l=s&&c?"both":s?"left":c?"right":"none",i(this.clickable?"button":"div",{key:"385173584372bbad8872565f1fc95e8ae8e14563",class:{"co-chip":!0,[`co-chip--${this.shape}`]:!0,[`co-chip--${this.size}`]:!0,[`co-chip--icon-${l}`]:!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&&i("span",{key:"a680c376ac13140b2c073e01fc901f2cfa54bde8",class:"co-chip__dot",part:"dot",style:this.dotColor?{color:this.dotColor}:void 0},i("co-icon",{key:"73e58b8b90234eb883b6a1e49b5e37b267f03d1b",name:"circle",size:e,weight:"fill"})),this.iconLeft&&!o&&i("span",{key:"b944fbf0a0161846411d8fc2fe034c48c77d42ea",class:"co-chip__icon-left",part:"icon-left"},i("co-icon",{key:"b24a5a3c64d0eda1b9d87c66ac93c0d4703973bc",name:this.iconLeft,size:e,weight:this.iconWeight})),o&&i("span",{key:"9f1e7fa47bd86e1d7e4812ec0fe5f61490ab0878",class:"co-chip__icon-left",part:"icon-left"},i("slot",{key:"e52df105783ff84c932bc289f6e88304ccc4240a",name:"icon-left"})),i("span",{key:"269f54eca09a4ff301d9ec4e673bf9c8d19ccd87",class:"co-chip__label"},i("slot",{key:"31fba7c9c05b830562800cc46c48e667e7dc046c"},this.label),null!=this.valueLabel&&""!==this.valueLabel&&i("span",{key:"a455314236c688f2bff9185135787899da52ea5f",class:"co-chip__value",part:"value"},`: ${this.valueLabel}`)),this.iconRight&&!r&&!this.removable&&i("span",{key:"13e5862e03e2fcf7129230a4d68ce7e2b1b4f11e",class:"co-chip__icon-right",part:"icon-right"},i("co-icon",{key:"66fc09efbdeea37f1dbce3b5ad4443a760618b66",name:this.iconRight,size:e,weight:this.iconWeight})),r&&i("span",{key:"7acfa1a23e294cb92b17d5174ec0a78161877624",class:"co-chip__icon-right",part:"icon-right"},i("slot",{key:"9e8ded0f256a72ab81c587a82d2bb570930288f9",name:"icon-right"})),this.removable&&i("span",{key:"e30345ce825c823fbf7da1aaaec4141351e18a02",class:"co-chip__remove",part:"remove",role:"button",tabIndex:this.disabled?-1:0,onClick:this.handleRemove,"aria-label":"Remove"},i("co-icon",{key:"3d9777c29b706cda71ee64b313961c97e215b900",name:"x-circle",size:t,weight:"fill"})),this.trailingIcon&&i("span",{key:"d99af23fbbb7a8557b8cefd15a4cebdc7437ff43",class:"co-chip__trailing",part:"trailing"},i("co-icon",{key:"aa99f2c0f6ec96f95656c607ca5846c282447e35",name:this.trailingIcon,size:a,weight:this.iconWeight})))}};function c(o){let r=o;if("string"==typeof o)try{r=JSON.parse(o)}catch(o){return[]}return Array.isArray(r)?r:[]}function l(o,r,i){const e=[];if(i.forEach(((o,r)=>{o.disabled||e.push(r)})),0===e.length)return-1;const t=e.indexOf(o);return-1===t?1===r?e[0]:e[e.length-1]:e[(t+r+e.length)%e.length]}function n(o,r,i){return r>0?{hasMore:o<r,remaining:Math.max(0,r-o)}:{hasMore:i,remaining:0}}s.style=":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{box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.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-color-gray-500, #888888))}.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-color-opacity-negro-8, rgba(0, 0, 0, 0.08))}.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-status-success);border-color:var(--co-semantic-status-success)}.co-chip--outlined.co-chip--error{color:var(--co-semantic-status-error);border-color:var(--co-semantic-status-error)}.co-chip--outlined.co-chip--warning{color:var(--co-color-status-review);border-color:var(--co-color-status-review)}.co-chip--outlined.co-chip--info{color: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-border-radius-full)}.co-chip--square{border-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-color-base-blanco, #fff);color:var(--co-color-base-negro, #1f1c1b);border-color:transparent;box-shadow:inset 0 0 0 1px var(--co-color-opacity-negro-16, rgba(0, 0, 0, 0.16))}.co-chip--filter .co-chip__icon-left{color:var(--co-color-gray-500, #888888)}.co-chip--filter .co-chip__trailing{color:var(--co-color-gray-400, #a0a0a0)}.co-chip--filter.co-chip--clickable:hover:not(.co-chip--disabled){box-shadow:inset 0 0 0 1px var(--co-color-opacity-negro-25, rgba(0, 0, 0, 0.25))}.co-chip--filter.co-chip--clickable:active:not(.co-chip--disabled){background:var(--co-color-gray-100, #f6f6f6)}.co-chip--filter.co-chip--selected{background:var(--co-color-gray-100, #f6f6f6)}";const d=class{constructor(i){o(this,i),this.coSearch=r(this,"coSearch",1),this.coChange=r(this,"coChange",1),this.coLoadMore=r(this,"coLoadMore",1),this.coClearSelection=r(this,"coClearSelection",1),this.coRemoveItem=r(this,"coRemoveItem",1),this.coReorder=r(this,"coReorder",1),this.items="[]",this.value="",this.selectedItems="[]",this.multiple=!1,this.selectedFirst=!1,this.selectedAffordance="check",this.removableItems=!1,this.reorderable=!1,this.searchable=!1,this.searchPlaceholder="Search…",this.searchDebounce=350,this.initialTerm="",this.loading=!1,this.total=0,this.hasMore=!1,this.emptyMessage="No results found",this.clearOptionLabel="",this.virtual=!1,this.highlightMatches=!1,this.highlightTerm="",this.avatarShape="circle",this.autoHighlight=!1,this.term="",this.activeIndex=-1,this.scrollTop=0,this.armedKey="",this.dragKey="",this.overKey="",this.dropAfter=!1,this.sortSnapshot=new Set,this.displaySnapshot=[],this.onRootKeyDown=o=>{var r,i;if("Enter"===o.key){const e=(null===(r=o.composedPath)||void 0===r?void 0:r.call(o)[0])||o.target;if(e instanceof HTMLElement&&(null===(i=e.closest)||void 0===i?void 0:i.call(e,"button:not(.co-option-list__option), co-list-footer")))return}this.processKey(o.key)&&o.preventDefault()},this.onSearchInput=o=>{const r=o.target.value;this.term=r,this.activeIndex=-1,this.debounceTimer&&clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>this.coSearch.emit(r)),this.searchDebounce)},this.handleRowDragEnd=()=>{this.resetDragState()},this.handleRowDragLeave=(o,r)=>{this.overKey!==r||o.currentTarget.contains(o.relatedTarget)||(this.overKey="")},this.disarmDrag=()=>{this.armedKey&&!this.dragKey&&(this.armedKey="")},this.onNativeScroll=o=>{const r=o.target;this.scrollTop=r.scrollTop,this.maybeLoadMore(r.scrollTop,r.clientHeight,r.scrollHeight)}}get parsedItems(){return c(this.items)}get selectedIds(){return function(o){if(!o)return[];try{const r=JSON.parse(o);return Array.isArray(r)?r:[o]}catch(r){return[o]}}(this.value)}get orderedItems(){return this.selectedFirst?function(o,r,i,e){var t;if(0===r.size)return o;const a=new Map(o.map((o=>[o._id,o]))),s=[];if(e)for(const i of o)r.has(i._id)&&s.push(i);else for(const o of i)s.push(null!==(t=a.get(o._id))&&void 0!==t?t:o);const c=o.filter((o=>!r.has(o._id)));return[...s,...c]}(this.parsedItems,this.sortSnapshot,this.displaySnapshot,!!this.term):this.parsedItems}get effectiveHighlightTerm(){return this.highlightMatches?this.searchable?this.term:this.highlightTerm:""}componentWillLoad(){this.term=this.initialTerm||"",this.takeSnapshot(),this.autoHighlight&&(this.activeIndex=l(-1,1,this.orderedItems))}componentDidRender(){this.optionsEl&&!this.osInstance&&(this.osInstance=a(this.optionsEl,(o=>{this.scrollTop=o.scrollTop,this.maybeLoadMore(o.scrollTop,o.clientHeight,o.scrollHeight)})))}connectedCallback(){window.addEventListener("mouseup",this.disarmDrag)}disconnectedCallback(){var o;this.debounceTimer&&clearTimeout(this.debounceTimer),null===(o=this.osInstance)||void 0===o||o.destroy(),this.osInstance=void 0,window.removeEventListener("mouseup",this.disarmDrag)}onItemsChange(){this.autoHighlight?this.activeIndex=l(-1,1,this.orderedItems):this.activeIndex>=this.orderedItems.length&&(this.activeIndex=-1);const o=Math.max(0,34*this.orderedItems.length-272);this.scrollTop>34*this.orderedItems.length&&(this.scrollTop=o)}async snapshotOrder(){this.takeSnapshot()}async focusSearch(){var o,r;for(let i=0;i<20;i++){if(null===(o=this.searchInputEl)||void 0===o||o.focus(),this.searchInputEl&&(null===(r=this.el.shadowRoot)||void 0===r?void 0:r.activeElement)===this.searchInputEl)return;await new Promise((o=>requestAnimationFrame((()=>o()))))}}async handleKey(o){return this.processKey(o.key)}takeSnapshot(){this.sortSnapshot=new Set(this.selectedIds);const o=new Map;for(const r of c(this.selectedItems))o.set(r._id,r);for(const r of this.parsedItems)o.has(r._id)||o.set(r._id,r);this.displaySnapshot=this.selectedIds.map((r=>o.get(r))).filter(Boolean)}processKey(o){const r=this.orderedItems;switch(o){case"ArrowDown":return this.activeIndex=l(this.activeIndex,1,r),this.scrollActiveIntoView(),!0;case"ArrowUp":return this.activeIndex=l(this.activeIndex,-1,r),this.scrollActiveIntoView(),!0;case"Enter":{if(this.loading)return!0;const o=r[this.activeIndex];return!(!o||o.disabled||(this.pick(o),0))}default:return!1}}deselectItem(o){if(this.multiple){const r=this.selectedIds.filter((r=>r!==o._id));this.coChange.emit({value:r,item:o})}else this.coChange.emit({value:null,item:o})}pick(o){if(this.multiple){const r=this.selectedIds,i=r.indexOf(o._id)>=0?r.filter((r=>r!==o._id)):[...r,o._id];this.coChange.emit({value:i,item:o})}else this.coChange.emit({value:o._id,item:o})}handleRowDragStart(o,r){this.armedKey===r?(this.dragKey=r,o.dataTransfer&&(o.dataTransfer.effectAllowed="move",o.dataTransfer.setData("text/plain",r))):o.preventDefault()}handleRowDragOver(o,r){if(!this.dragKey||this.dragKey===r)return;o.preventDefault(),o.dataTransfer&&(o.dataTransfer.dropEffect="move"),this.overKey=r;const i=this.displaySnapshot.map((o=>o._id));this.dropAfter=i.indexOf(this.dragKey)<i.indexOf(r)}handleRowDrop(o,r){o.preventDefault(),o.stopPropagation();const i=this.dragKey,e=this.displaySnapshot.map((o=>o._id));if(this.resetDragState(),i===r||!e.includes(i)||!e.includes(r))return;const t=function(o,r,i){if(r===i)return o;const e=o.indexOf(r),t=o.indexOf(i);if(-1===e||-1===t)return o;const a=[...o];return a.splice(t,0,a.splice(e,1)[0]),a}(e,i,r),a=new Map(this.displaySnapshot.map((o=>[o._id,o])));this.displaySnapshot=t.map((o=>a.get(o))),this.coReorder.emit({value:t,item:a.get(i)})}resetDragState(){this.armedKey="",this.dragKey="",this.overKey="",this.dropAfter=!1}maybeLoadMore(o,r,i){if(this.loading)return;const{hasMore:e}=n(this.parsedItems.length,this.total,this.hasMore);e&&o+r>=i-40&&this.coLoadMore.emit()}scrollActiveIntoView(){requestAnimationFrame((()=>{var o,r;null===(r=null===(o=this.el.shadowRoot)||void 0===o?void 0:o.getElementById(`co-optlist-${this.activeIndex}`))||void 0===r||r.scrollIntoView({block:"nearest"})}))}renderLeading(o){return o.image||o.avatar?i("co-avatar",{class:"co-option-list__avatar",type:o.image?"image":"text",src:o.image,text:o.avatar,color:o.color,size:"xxs",shape:this.avatarShape}):o.color?i("span",{class:"co-option-list__dot",style:{backgroundColor:o.color}}):o.icon?i("co-icon",{name:o.icon,size:16,class:"co-option-list__icon"}):null}renderLabelText(o){const r=this.effectiveHighlightTerm,e=r?t(o,r):null;return e?[e.pre,i("span",{class:"co-option-list__match"},e.match),e.post]:o}renderRow(o,r,e){const t=e.includes(o._id),a=this.reorderable&&this.selectedFirst&&t&&!this.term;return i("div",{class:{"co-option-list__option":!0,"co-option-list__option--selected":t,"co-option-list__option--active":r===this.activeIndex,"co-option-list__option--disabled":!!o.disabled,"co-option-list__option--dragging":this.dragKey===o._id,"co-option-list__option--drop-before":this.overKey===o._id&&!this.dropAfter,"co-option-list__option--drop-after":this.overKey===o._id&&this.dropAfter},key:o._id,id:`co-optlist-${r}`,role:"option","aria-selected":t?"true":"false","aria-disabled":o.disabled?"true":"false",draggable:a&&this.armedKey===o._id,onClick:()=>!o.disabled&&this.pick(o),onMouseEnter:()=>{this.activeIndex=r},onDragStart:a?r=>this.handleRowDragStart(r,o._id):void 0,onDragOver:a?r=>this.handleRowDragOver(r,o._id):void 0,onDrop:a?r=>this.handleRowDrop(r,o._id):void 0,onDragEnd:a?this.handleRowDragEnd:void 0,onDragLeave:a?r=>this.handleRowDragLeave(r,o._id):void 0},a&&i("span",{class:"co-option-list__drag-handle",part:"drag-handle",title:"Drag to reorder",onMouseDown:()=>this.armedKey=o._id,onClick:o=>o.stopPropagation()},i("co-icon",{name:"dots-six-vertical",size:16})),this.renderLeading(o),i("div",{class:"co-option-list__text"},i("span",{class:"co-option-list__title"},i("span",{class:"co-option-list__label",style:o.labelColor?{color:o.labelColor,fontWeight:"600"}:void 0},this.renderLabelText(o.label)),o.suffix&&i("span",{class:"co-option-list__suffix"},"- ",o.suffix),o.badge&&i("span",{class:"co-option-list__badge",style:o.badge.color?{backgroundColor:o.badge.color,color:"var(--co-color-base-blanco, #fff)"}:void 0},o.badge.label)),o.description&&i("span",{class:"co-option-list__desc"},o.description)),t&&this.removableItems&&this.multiple&&i("button",{class:"co-option-list__row-action",type:"button",tabIndex:-1,"aria-label":`Remove ${o.label}`,onClick:r=>{r.stopPropagation(),this.coRemoveItem.emit(o._id)}},i("co-icon",{name:"x-circle",size:16,weight:"fill"})),t&&!this.removableItems&&"deselect"===this.selectedAffordance&&i("button",{class:"co-option-list__row-action",type:"button",tabIndex:-1,"aria-label":`Deselect ${o.label}`,onClick:r=>{r.stopPropagation(),this.deselectItem(o)}},i("co-icon",{name:"x-circle",size:16,weight:"fill"})),t&&!this.removableItems&&"check"===this.selectedAffordance&&i("co-icon",{name:"check",size:16,class:"co-option-list__check"}))}renderVirtual(o,r){const{totalHeight:e,startIdx:t,endIdx:a,offsetY:s}=function(o,r){const i=34*r,e=Math.max(0,Math.floor(o/34)-3);return{totalHeight:i,startIdx:e,endIdx:Math.min(r,e+8+6),offsetY:34*e}}(this.scrollTop,o.length);return i("div",{class:"co-option-list__spacer",style:{height:`${e}px`,position:"relative"}},i("div",{style:{position:"absolute",top:`${s}px`,left:"0",right:"0"}},o.slice(t,a).map(((o,i)=>this.renderRow(o,t+i,r)))))}render(){const o=this.orderedItems,r=this.selectedIds,{hasMore:e,remaining:t}=n(this.parsedItems.length,this.total,this.hasMore),a=!!this.clearOptionLabel&&r.length>0;return i("div",{key:"e71c23c9e944811e8a2fe22ed0da7e0079a09fc1",class:"co-option-list",onKeyDown:this.onRootKeyDown},this.searchable&&i("div",{key:"243cac58bf43d1d96517ce23339566f64ac0e829",class:"co-option-list__search",part:"search"},i("co-icon",{key:"88cacafb269fba4d2f257c3fb4e782aac87e6ccb",name:"magnifying-glass",size:16}),i("input",{key:"bbf89cd00fb5abcf4da69cb8717dbde333c9bee5",class:"co-option-list__search-input",type:"text",placeholder:this.searchPlaceholder,value:this.term,onInput:this.onSearchInput,ref:o=>this.searchInputEl=o,role:"combobox","aria-expanded":"true","aria-autocomplete":"list"})),i("div",{key:"7dad7f46277280ada5db040cc075600e1ca9fc8e",class:"co-option-list__options",part:"options",role:"listbox","aria-multiselectable":this.multiple?"true":"false",ref:o=>this.optionsEl=o,onScroll:this.onNativeScroll},i("div",{key:"ab0925bef3b21a9458bbf9e878050032bf12a314",class:"co-option-list__inner"},a&&i("button",{key:"f0191ab61018bf5f485e38a7ec91a3669be65d8c",class:"co-option-list__clear-row",type:"button",onClick:()=>this.coClearSelection.emit()},i("co-icon",{key:"f1fdecf5c762d0ea35fbc7b226db07af68ffe5f6",name:"x-circle",size:14}),i("span",{key:"cc0f9bbbba12d77fe16b6257d1055ae0b5dfb412"},this.clearOptionLabel)),this.loading&&0===o.length&&i("div",{key:"a4d274d005e27eecc2aa00bc3e26200f609b6557",class:"co-option-list__loading"},i("co-loader",{key:"fc26901e715b626c554fbb966acaab6c6545dc65",size:"sm"})),!this.loading&&0===o.length&&i("div",{key:"8e5ec84e5b457fffe510811325167120bb93d0a4",class:"co-option-list__empty"},i("co-icon",{key:"f4432e87a933d6a26223095c8fb98c7d524e9ec5",name:"magnifying-glass",size:20}),i("span",{key:"9ff323be5cbef3a9e47a3a4df2d083e45ea8c66f"},this.emptyMessage)),o.length>0&&this.virtual?this.renderVirtual(o,r):function(o){const r=[];let i,e=0;for(const t of o)t.group&&t.group!==i&&r.push({kind:"header",label:t.group}),i=t.group,r.push({kind:"item",item:t,index:e}),e++;return r}(o).map((o=>"header"===o.kind?i("div",{class:"co-option-list__group",role:"presentation"},o.label):this.renderRow(o.item,o.index,r))),this.loading&&o.length>0&&i("div",{key:"75da57f74983d6e1d6c51c9a7028ab5b60cb09fb",class:"co-option-list__loading-more"},i("co-loader",{key:"2de686294f2b7420c914b7fc2de6ad61accef230",size:"sm"})),!this.loading&&e&&t>0&&i("div",{key:"abfd2f90990eff232b87b64f5cfe80c158e2d51c",class:"co-option-list__more"},t," more results"))),i("slot",{key:"c8c245a8fd133ce0b24a135592a4bdac4d2da485",name:"footer"}))}get el(){return e(this)}static get watchers(){return{items:[{onItemsChange:0}]}}};d.style=".os-size-observer,.os-size-observer-listener{scroll-behavior:auto !important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(0.1)}.os-size-observer::before{content:\"\";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(calc(1 / 0.1))}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty::before{content:\"\";width:100%;height:100%}.os-size-observer-listener:empty::before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{from{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{overflow:visible;margin:0}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch !important;flex-direction:row !important;flex-wrap:nowrap !important;scroll-behavior:auto !important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;position:relative;flex:auto;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw:0;--os-vah:0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before{content:\"\";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden !important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible !important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x:hidden;--os-viewport-overflow-y:hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x:visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x:hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x:scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y:visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y:hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y:scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x) !important;overflow-y:var(--os-viewport-overflow-y) !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0 !important;line-height:0 !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*:not(#osFakeId){display:none !important;position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto !important;scroll-snap-type:none !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden !important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto !important;width:auto !important}@property --os-scroll-percent{syntax:\"<number>\";inherits:true;initial-value:0}@property --os-viewport-percent{syntax:\"<number>\";inherits:true;initial-value:0}.os-scrollbar{--os-viewport-percent:0;--os-scroll-percent:0;--os-scroll-direction:0;--os-scroll-percent-directional:calc( var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction) )}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none !important}.os-scrollbar-track{position:relative;padding:0 !important;border:none !important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none !important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0 !important;transition:none !important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translateX(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type: size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{left:auto;transform:translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-vertical .os-scrollbar-handle{top:auto;transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{right:auto;left:0}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:\"\";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none !important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px}.os-theme-dark{--os-handle-bg:rgba(0, 0, 0, 0.44);--os-handle-bg-hover:rgba(0, 0, 0, 0.55);--os-handle-bg-active:rgba(0, 0, 0, 0.66)}.os-theme-light{--os-handle-bg:rgba(255, 255, 255, 0.44);--os-handle-bg-hover:rgba(255, 255, 255, 0.55);--os-handle-bg-active:rgba(255, 255, 255, 0.66)}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{-webkit-appearance:none !important;appearance:none !important;display:none !important;width:0 !important;height:0 !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}:host{display:block;font-family:var(--co-font-family-primary, 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif)}.co-option-list{display:flex;flex-direction:column;min-width:0}.co-option-list__search{display:flex;align-items:center;gap:var(--co-spacing-sm, 6px);height:32px;box-sizing:border-box;margin:var(--co-spacing-md, 12px) var(--co-spacing-md, 12px) 0;padding:0 var(--co-spacing-sm2, 8px) 0 var(--co-spacing-xs, 4px);border:1px solid var(--co-semantic-border-subtle, rgba(31, 28, 27, 0.08));border-radius:var(--co-border-radius-xs, 8px);color:var(--co-semantic-text-muted, #888888)}.co-option-list__search:focus-within{border-color:var(--co-semantic-border-focus, rgba(31, 28, 27, 0.25))}.co-option-list__search co-icon{flex-shrink:0;width:24px;display:flex;align-items:center;justify-content:center;opacity:0.7}.co-option-list__search-input{flex:1;min-width:0;border:0;outline:none;background:transparent;padding:0;font-family:var(--co-font-family-primary, 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);font-size:var(--co-font-size-14, 14px);font-weight:500;letter-spacing:var(--co-font-letter-spacing-body, -0.03em);line-height:1;color:var(--co-semantic-text-default, #1f1c1b)}.co-option-list__search-input::placeholder{color:var(--co-semantic-text-muted, #888888)}.co-option-list__options{max-height:280px;overflow-y:auto;overflow-x:hidden;padding:var(--co-spacing-md, 12px)}.co-option-list__inner{display:flex;flex-direction:column;gap:var(--co-spacing-xxs, 2px);min-width:0}.os-scrollbar.os-theme-co{--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-bg:transparent;--os-handle-border-radius:var(--co-border-radius-full, 9999px);--os-handle-bg:var(--co-color-opacity-negro-16, rgba(31, 28, 27, 0.16));--os-handle-bg-hover:var(--co-color-opacity-negro-25, rgba(31, 28, 27, 0.25));--os-handle-bg-active:var(--co-color-opacity-negro-50, rgba(31, 28, 27, 0.5));--os-handle-min-size:24px}.co-option-list__option{display:flex;align-items:center;gap:var(--co-spacing-sm2, 8px);min-width:0;min-height:32px;box-sizing:border-box;padding:var(--co-spacing-xs, 4px) var(--co-spacing-sm2, 8px) var(--co-spacing-xs, 4px) var(--co-spacing-xs, 4px);border-radius:var(--co-border-radius-xs, 8px);cursor:pointer;font-size:var(--co-font-size-14, 14px);letter-spacing:var(--co-font-letter-spacing-body, -0.03em);color:var(--co-semantic-text-default, #1f1c1b);transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-option-list__spacer .co-option-list__option{height:32px;margin-bottom:var(--co-spacing-xxs, 2px)}.co-option-list__option--active{background:var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.04))}.co-option-list__option--selected{background:var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.04))}.co-option-list__option--disabled{opacity:0.5;cursor:not-allowed}.co-option-list__avatar,.co-option-list__icon{flex-shrink:0}.co-option-list__icon{margin:0 var(--co-spacing-xs, 4px)}.co-option-list__dot{flex-shrink:0;width:10px;height:10px;margin:0 7px;border-radius:var(--co-border-radius-full, 9999px)}.co-option-list__text{display:flex;flex-direction:column;gap:var(--co-spacing-xxs, 2px);flex:1;min-width:0}.co-option-list__title{display:flex;align-items:center;gap:var(--co-spacing-xs, 4px);min-width:0}.co-option-list__label{font-weight:400;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-option-list__suffix{color:var(--co-semantic-text-secondary, #585858);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}.co-option-list__badge{flex-shrink:0;padding:0 var(--co-spacing-xs, 4px);border-radius:var(--co-border-radius-full, 9999px);background:var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.04));color:var(--co-semantic-text-default, #1f1c1b);font-size:var(--co-font-size-10, 10px);font-weight:600;line-height:16px}.co-option-list__desc{font-size:var(--co-font-size-12, 12px);color:var(--co-semantic-text-muted, #888888);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-option-list__match{color:var(--co-color-primary-azul, #2563eb);font-weight:700}.co-option-list__check{flex-shrink:0;color:var(--co-semantic-text-default, #1f1c1b)}.co-option-list__row-action{flex-shrink:0;display:inline-flex;align-items:center;border:0;background:transparent;padding:0;cursor:pointer;color:var(--co-semantic-text-muted, #888888);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-option-list__row-action:hover{color:var(--co-semantic-text-default, #1f1c1b)}.co-option-list__drag-handle{display:inline-flex;align-items:center;cursor:grab;color:var(--co-semantic-text-muted);margin-right:var(--co-spacing-xs);flex:0 0 auto}.co-option-list__drag-handle:active{cursor:grabbing}.co-option-list__option--dragging{opacity:0.5}.co-option-list__option--drop-before{box-shadow:inset 0 2px 0 0 var(--co-semantic-border-focus)}.co-option-list__option--drop-after{box-shadow:inset 0 -2px 0 0 var(--co-semantic-border-focus)}.co-option-list__group{padding:var(--co-spacing-sm2, 8px) var(--co-spacing-xs, 4px) var(--co-spacing-xs, 4px);font-family:var(--co-font-family-mono, 'Geist Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', monospace);font-size:var(--co-font-size-10, 10px);font-weight:400;text-transform:uppercase;letter-spacing:var(--co-font-letter-spacing-overline, 0.08em);line-height:1.1;color:var(--co-semantic-text-default, #1f1c1b)}.co-option-list__clear-row{display:flex;align-items:center;gap:var(--co-spacing-sm2, 8px);width:100%;min-height:32px;box-sizing:border-box;border:0;background:transparent;padding:var(--co-spacing-xs, 4px) var(--co-spacing-sm2, 8px);border-radius:var(--co-border-radius-xs, 8px);cursor:pointer;text-align:left;font-family:var(--co-font-family-primary, 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);font-size:var(--co-font-size-14, 14px);letter-spacing:var(--co-font-letter-spacing-body, -0.03em);color:var(--co-semantic-text-secondary, #585858)}.co-option-list__clear-row:hover{background:var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.04))}.co-option-list__loading,.co-option-list__loading-more{display:flex;justify-content:center;padding:var(--co-spacing-sm, 6px)}.co-option-list__empty{display:flex;align-items:center;gap:var(--co-spacing-sm2, 8px);padding:var(--co-spacing-md, 12px) var(--co-spacing-xs, 4px);font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-muted, #888888)}.co-option-list__more{padding:var(--co-spacing-xs, 4px) var(--co-spacing-sm, 6px);font-size:var(--co-font-size-12, 12px);color:var(--co-semantic-text-muted, #888888);text-align:center}.co-option-list__option:focus-visible,.co-option-list__clear-row:focus-visible{outline:2px solid var(--co-semantic-border-focus, rgba(31, 28, 27, 0.25));outline-offset:-2px}";export{s as co_chip,d as co_option_list}
|
|
1
|
+
import{r as o,c as r,h as i,a as e}from"./p-CrtiywTB.js";import{h as t}from"./p-CQY6Ul7q.js";import{i as a}from"./p-DqyWGweA.js";import"./p-ox7HzCZn.js";const s=class{constructor(i){o(this,i),this.coRemove=r(this,"coRemove",7),this.coClick=r(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=o=>{o.stopPropagation(),this.disabled||this.coRemove.emit()}}render(){const o="left"===this.iconMode||"both"===this.iconMode,r="both"===this.iconMode&&!this.removable,e="large"===this.size?16:10,t="large"===this.size?16:10,a="filter"===this.variant?13:e,s=o||!!this.iconLeft||this.dot,c=r||!!this.iconRight||this.removable||!!this.trailingIcon;let l;return l=s&&c?"both":s?"left":c?"right":"none",i(this.clickable?"button":"div",{key:"385173584372bbad8872565f1fc95e8ae8e14563",class:{"co-chip":!0,[`co-chip--${this.shape}`]:!0,[`co-chip--${this.size}`]:!0,[`co-chip--icon-${l}`]:!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&&i("span",{key:"a680c376ac13140b2c073e01fc901f2cfa54bde8",class:"co-chip__dot",part:"dot",style:this.dotColor?{color:this.dotColor}:void 0},i("co-icon",{key:"73e58b8b90234eb883b6a1e49b5e37b267f03d1b",name:"circle",size:e,weight:"fill"})),this.iconLeft&&!o&&i("span",{key:"b944fbf0a0161846411d8fc2fe034c48c77d42ea",class:"co-chip__icon-left",part:"icon-left"},i("co-icon",{key:"b24a5a3c64d0eda1b9d87c66ac93c0d4703973bc",name:this.iconLeft,size:e,weight:this.iconWeight})),o&&i("span",{key:"9f1e7fa47bd86e1d7e4812ec0fe5f61490ab0878",class:"co-chip__icon-left",part:"icon-left"},i("slot",{key:"e52df105783ff84c932bc289f6e88304ccc4240a",name:"icon-left"})),i("span",{key:"269f54eca09a4ff301d9ec4e673bf9c8d19ccd87",class:"co-chip__label"},i("slot",{key:"31fba7c9c05b830562800cc46c48e667e7dc046c"},this.label),null!=this.valueLabel&&""!==this.valueLabel&&i("span",{key:"a455314236c688f2bff9185135787899da52ea5f",class:"co-chip__value",part:"value"},`: ${this.valueLabel}`)),this.iconRight&&!r&&!this.removable&&i("span",{key:"13e5862e03e2fcf7129230a4d68ce7e2b1b4f11e",class:"co-chip__icon-right",part:"icon-right"},i("co-icon",{key:"66fc09efbdeea37f1dbce3b5ad4443a760618b66",name:this.iconRight,size:e,weight:this.iconWeight})),r&&i("span",{key:"7acfa1a23e294cb92b17d5174ec0a78161877624",class:"co-chip__icon-right",part:"icon-right"},i("slot",{key:"9e8ded0f256a72ab81c587a82d2bb570930288f9",name:"icon-right"})),this.removable&&i("span",{key:"e30345ce825c823fbf7da1aaaec4141351e18a02",class:"co-chip__remove",part:"remove",role:"button",tabIndex:this.disabled?-1:0,onClick:this.handleRemove,"aria-label":"Remove"},i("co-icon",{key:"3d9777c29b706cda71ee64b313961c97e215b900",name:"x-circle",size:t,weight:"fill"})),this.trailingIcon&&i("span",{key:"d99af23fbbb7a8557b8cefd15a4cebdc7437ff43",class:"co-chip__trailing",part:"trailing"},i("co-icon",{key:"aa99f2c0f6ec96f95656c607ca5846c282447e35",name:this.trailingIcon,size:a,weight:this.iconWeight})))}};function c(o){let r=o;if("string"==typeof o)try{r=JSON.parse(o)}catch(o){return[]}return Array.isArray(r)?r:[]}function l(o,r,i){const e=[];if(i.forEach(((o,r)=>{o.disabled||e.push(r)})),0===e.length)return-1;const t=e.indexOf(o);return-1===t?1===r?e[0]:e[e.length-1]:e[(t+r+e.length)%e.length]}function n(o,r,i){return r>0?{hasMore:o<r,remaining:Math.max(0,r-o)}:{hasMore:i,remaining:0}}s.style=":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{box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.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-color-gray-500, #888888))}.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-color-opacity-negro-8, rgba(0, 0, 0, 0.08))}.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-status-success);border-color:var(--co-semantic-status-success)}.co-chip--outlined.co-chip--error{color:var(--co-semantic-status-error);border-color:var(--co-semantic-status-error)}.co-chip--outlined.co-chip--warning{color:var(--co-color-status-review);border-color:var(--co-color-status-review)}.co-chip--outlined.co-chip--info{color: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-border-radius-full)}.co-chip--square{border-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-color-base-blanco, #fff);color:var(--co-color-base-negro, #1f1c1b);border-color:transparent;box-shadow:inset 0 0 0 1px var(--co-color-opacity-negro-16, rgba(0, 0, 0, 0.16))}.co-chip--filter .co-chip__icon-left{color:var(--co-color-gray-500, #888888)}.co-chip--filter .co-chip__trailing{color:var(--co-color-gray-400, #a0a0a0)}.co-chip--filter.co-chip--clickable:hover:not(.co-chip--disabled){box-shadow:inset 0 0 0 1px var(--co-color-opacity-negro-25, rgba(0, 0, 0, 0.25))}.co-chip--filter.co-chip--clickable:active:not(.co-chip--disabled){background:var(--co-color-gray-100, #f6f6f6)}.co-chip--filter.co-chip--selected{background:var(--co-color-gray-100, #f6f6f6)}";const d=class{constructor(i){o(this,i),this.coSearch=r(this,"coSearch",1),this.coChange=r(this,"coChange",1),this.coLoadMore=r(this,"coLoadMore",1),this.coClearSelection=r(this,"coClearSelection",1),this.coRemoveItem=r(this,"coRemoveItem",1),this.coReorder=r(this,"coReorder",1),this.items="[]",this.value="",this.selectedItems="[]",this.multiple=!1,this.selectedFirst=!1,this.selectedAffordance="check",this.removableItems=!1,this.reorderable=!1,this.searchable=!1,this.searchPlaceholder="Search…",this.searchDebounce=350,this.initialTerm="",this.loading=!1,this.total=0,this.hasMore=!1,this.emptyMessage="No results found",this.clearOptionLabel="",this.virtual=!1,this.highlightMatches=!1,this.highlightTerm="",this.avatarShape="circle",this.autoHighlight=!1,this.term="",this.activeIndex=-1,this.scrollTop=0,this.armedKey="",this.dragKey="",this.overKey="",this.dropAfter=!1,this.sortSnapshot=new Set,this.displaySnapshot=[],this.onRootKeyDown=o=>{var r,i;if("Enter"===o.key){const e=(null===(r=o.composedPath)||void 0===r?void 0:r.call(o)[0])||o.target;if(e instanceof HTMLElement&&(null===(i=e.closest)||void 0===i?void 0:i.call(e,"button:not(.co-option-list__option), co-list-footer")))return}this.processKey(o.key)&&o.preventDefault()},this.onSearchInput=o=>{const r=o.target.value;this.term=r,this.activeIndex=-1,this.debounceTimer&&clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>this.coSearch.emit(r)),this.searchDebounce)},this.handleRowDragEnd=()=>{this.resetDragState()},this.handleRowDragLeave=(o,r)=>{this.overKey!==r||o.currentTarget.contains(o.relatedTarget)||(this.overKey="")},this.disarmDrag=()=>{this.armedKey&&!this.dragKey&&(this.armedKey="")},this.onNativeScroll=o=>{const r=o.target;this.scrollTop=r.scrollTop,this.maybeLoadMore(r.scrollTop,r.clientHeight,r.scrollHeight)}}get parsedItems(){return c(this.items)}get selectedIds(){return function(o){if(!o)return[];try{const r=JSON.parse(o);return Array.isArray(r)?r:[o]}catch(r){return[o]}}(this.value)}get orderedItems(){return this.selectedFirst?function(o,r,i,e){var t;if(0===r.size)return o;const a=new Map(o.map((o=>[o._id,o]))),s=[];if(e)for(const i of o)r.has(i._id)&&s.push(i);else for(const o of i)s.push(null!==(t=a.get(o._id))&&void 0!==t?t:o);const c=o.filter((o=>!r.has(o._id)));return[...s,...c]}(this.parsedItems,this.sortSnapshot,this.displaySnapshot,!!this.term):this.parsedItems}get effectiveHighlightTerm(){return this.highlightMatches?this.searchable?this.term:this.highlightTerm:""}componentWillLoad(){this.term=this.initialTerm||"",this.takeSnapshot(),this.autoHighlight&&(this.activeIndex=l(-1,1,this.orderedItems))}componentDidRender(){this.optionsEl&&!this.osInstance&&(this.osInstance=a(this.optionsEl,(o=>{this.scrollTop=o.scrollTop,this.maybeLoadMore(o.scrollTop,o.clientHeight,o.scrollHeight)})))}connectedCallback(){window.addEventListener("mouseup",this.disarmDrag)}disconnectedCallback(){var o;this.debounceTimer&&clearTimeout(this.debounceTimer),null===(o=this.osInstance)||void 0===o||o.destroy(),this.osInstance=void 0,window.removeEventListener("mouseup",this.disarmDrag)}onItemsChange(){this.autoHighlight?this.activeIndex=l(-1,1,this.orderedItems):this.activeIndex>=this.orderedItems.length&&(this.activeIndex=-1);const o=Math.max(0,34*this.orderedItems.length-272);this.scrollTop>34*this.orderedItems.length&&(this.scrollTop=o)}async snapshotOrder(){this.takeSnapshot()}async focusSearch(){var o,r;for(let i=0;i<20;i++){if(null===(o=this.searchInputEl)||void 0===o||o.focus(),this.searchInputEl&&(null===(r=this.el.shadowRoot)||void 0===r?void 0:r.activeElement)===this.searchInputEl)return;await new Promise((o=>requestAnimationFrame((()=>o()))))}}async handleKey(o){return this.processKey(o.key)}takeSnapshot(){this.sortSnapshot=new Set(this.selectedIds);const o=new Map;for(const r of c(this.selectedItems))o.set(r._id,r);for(const r of this.parsedItems)o.has(r._id)||o.set(r._id,r);this.displaySnapshot=this.selectedIds.map((r=>o.get(r))).filter(Boolean)}processKey(o){const r=this.orderedItems;switch(o){case"ArrowDown":return this.activeIndex=l(this.activeIndex,1,r),this.scrollActiveIntoView(),!0;case"ArrowUp":return this.activeIndex=l(this.activeIndex,-1,r),this.scrollActiveIntoView(),!0;case"Enter":{if(this.loading)return!0;const o=r[this.activeIndex];return!(!o||o.disabled||(this.pick(o),0))}default:return!1}}deselectItem(o){if(this.multiple){const r=this.selectedIds.filter((r=>r!==o._id));this.coChange.emit({value:r,item:o})}else this.coChange.emit({value:null,item:o})}pick(o){if(this.multiple){const r=this.selectedIds,i=r.indexOf(o._id)>=0?r.filter((r=>r!==o._id)):[...r,o._id];this.coChange.emit({value:i,item:o})}else this.coChange.emit({value:o._id,item:o})}handleRowDragStart(o,r){this.armedKey===r?(this.dragKey=r,o.dataTransfer&&(o.dataTransfer.effectAllowed="move",o.dataTransfer.setData("text/plain",r))):o.preventDefault()}handleRowDragOver(o,r){if(!this.dragKey||this.dragKey===r)return;o.preventDefault(),o.dataTransfer&&(o.dataTransfer.dropEffect="move"),this.overKey=r;const i=this.displaySnapshot.map((o=>o._id));this.dropAfter=i.indexOf(this.dragKey)<i.indexOf(r)}handleRowDrop(o,r){o.preventDefault(),o.stopPropagation();const i=this.dragKey,e=this.displaySnapshot.map((o=>o._id));if(this.resetDragState(),i===r||!e.includes(i)||!e.includes(r))return;const t=function(o,r,i){if(r===i)return o;const e=o.indexOf(r),t=o.indexOf(i);if(-1===e||-1===t)return o;const a=[...o];return a.splice(t,0,a.splice(e,1)[0]),a}(e,i,r),a=new Map(this.displaySnapshot.map((o=>[o._id,o])));this.displaySnapshot=t.map((o=>a.get(o))),this.coReorder.emit({value:t,item:a.get(i)})}resetDragState(){this.armedKey="",this.dragKey="",this.overKey="",this.dropAfter=!1}maybeLoadMore(o,r,i){if(this.loading)return;const{hasMore:e}=n(this.parsedItems.length,this.total,this.hasMore);e&&o+r>=i-40&&this.coLoadMore.emit()}scrollActiveIntoView(){requestAnimationFrame((()=>{var o,r;null===(r=null===(o=this.el.shadowRoot)||void 0===o?void 0:o.getElementById(`co-optlist-${this.activeIndex}`))||void 0===r||r.scrollIntoView({block:"nearest"})}))}renderLeading(o){return o.image||o.avatar?i("co-avatar",{class:"co-option-list__avatar",type:o.image?"image":"text",src:o.image,text:o.avatar,color:o.color,size:"xxs",shape:this.avatarShape}):o.color?i("span",{class:"co-option-list__dot",style:{backgroundColor:o.color}}):o.icon?i("co-icon",{name:o.icon,size:16,class:"co-option-list__icon"}):null}renderLabelText(o){const r=this.effectiveHighlightTerm,e=r?t(o,r):null;return e?[e.pre,i("span",{class:"co-option-list__match"},e.match),e.post]:o}renderRow(o,r,e){const t=e.includes(o._id),a=this.reorderable&&this.selectedFirst&&t&&!this.term;return i("div",{class:{"co-option-list__option":!0,"co-option-list__option--selected":t,"co-option-list__option--active":r===this.activeIndex,"co-option-list__option--disabled":!!o.disabled,"co-option-list__option--dragging":this.dragKey===o._id,"co-option-list__option--drop-before":this.overKey===o._id&&!this.dropAfter,"co-option-list__option--drop-after":this.overKey===o._id&&this.dropAfter},key:o._id,id:`co-optlist-${r}`,role:"option","aria-selected":t?"true":"false","aria-disabled":o.disabled?"true":"false",draggable:a&&this.armedKey===o._id,onClick:()=>!o.disabled&&this.pick(o),onMouseEnter:()=>{this.activeIndex=r},onDragStart:a?r=>this.handleRowDragStart(r,o._id):void 0,onDragOver:a?r=>this.handleRowDragOver(r,o._id):void 0,onDrop:a?r=>this.handleRowDrop(r,o._id):void 0,onDragEnd:a?this.handleRowDragEnd:void 0,onDragLeave:a?r=>this.handleRowDragLeave(r,o._id):void 0},a&&i("span",{class:"co-option-list__drag-handle",part:"drag-handle",title:"Drag to reorder",onMouseDown:()=>this.armedKey=o._id,onClick:o=>o.stopPropagation()},i("co-icon",{name:"dots-six-vertical",size:16})),this.renderLeading(o),i("div",{class:"co-option-list__text"},i("span",{class:"co-option-list__title"},i("span",{class:"co-option-list__label",style:o.labelColor?{color:o.labelColor,fontWeight:"600"}:void 0},this.renderLabelText(o.label)),o.suffix&&i("span",{class:"co-option-list__suffix"},"- ",o.suffix),o.badge&&i("span",{class:"co-option-list__badge",style:o.badge.color?{backgroundColor:o.badge.color,color:"var(--co-color-base-blanco, #fff)"}:void 0},o.badge.label)),o.description&&i("span",{class:"co-option-list__desc"},o.description)),t&&this.removableItems&&this.multiple&&i("button",{class:"co-option-list__row-action",type:"button",tabIndex:-1,"aria-label":`Remove ${o.label}`,onClick:r=>{r.stopPropagation(),this.coRemoveItem.emit(o._id)}},i("co-icon",{name:"x-circle",size:16,weight:"fill"})),t&&!this.removableItems&&"deselect"===this.selectedAffordance&&i("button",{class:"co-option-list__row-action",type:"button",tabIndex:-1,"aria-label":`Deselect ${o.label}`,onClick:r=>{r.stopPropagation(),this.deselectItem(o)}},i("co-icon",{name:"x-circle",size:16,weight:"fill"})),t&&!this.removableItems&&"check"===this.selectedAffordance&&i("co-icon",{name:"check",size:16,class:"co-option-list__check"}))}renderVirtual(o,r){const{totalHeight:e,startIdx:t,endIdx:a,offsetY:s}=function(o,r){const i=34*r,e=Math.max(0,Math.floor(o/34)-3);return{totalHeight:i,startIdx:e,endIdx:Math.min(r,e+8+6),offsetY:34*e}}(this.scrollTop,o.length);return i("div",{class:"co-option-list__spacer",style:{height:`${e}px`,position:"relative"}},i("div",{style:{position:"absolute",top:`${s}px`,left:"0",right:"0"}},o.slice(t,a).map(((o,i)=>this.renderRow(o,t+i,r)))))}render(){const o=this.orderedItems,r=this.selectedIds,{hasMore:e,remaining:t}=n(this.parsedItems.length,this.total,this.hasMore),a=!!this.clearOptionLabel&&r.length>0;return i("div",{key:"1002a1993d3a13db23898cba6b8bd14aade3d8ac",class:"co-option-list",onKeyDown:this.onRootKeyDown},this.searchable&&i("div",{key:"a3f6d8a19f4dc7d7aac1898b053de0ccabc5ce6d",class:"co-option-list__search",part:"search"},i("co-icon",{key:"a3972500879ae7e5941841a13bf03af6dccc10f0",name:"magnifying-glass",size:16}),i("input",{key:"37861b77d5848ad9b8d0cfaf7c7ac2699e51000f",class:"co-option-list__search-input",type:"text",placeholder:this.searchPlaceholder,value:this.term,onInput:this.onSearchInput,ref:o=>this.searchInputEl=o,role:"combobox","aria-expanded":"true","aria-autocomplete":"list"})),i("div",{key:"652fbbbbb6145c8c6bffc354a1435c09bc3a4e62",class:"co-option-list__options",part:"options",role:"listbox","aria-multiselectable":this.multiple?"true":"false",ref:o=>this.optionsEl=o,onScroll:this.onNativeScroll},i("div",{key:"e0b68873c27f2d08a9edc0196384b3f75bd95e05",class:"co-option-list__inner"},a&&i("button",{key:"7e4716349f9af4980fac732fdfe4013fc81e7b18",class:"co-option-list__clear-row",type:"button",onClick:()=>this.coClearSelection.emit()},i("co-icon",{key:"3d23e2a85e9387f364b0a5c705ca034020c83e43",name:"x-circle",size:14}),i("span",{key:"8fcc642763adbba7ca79507d53f18de157c61443"},this.clearOptionLabel)),this.loading&&0===o.length&&i("div",{key:"3ea9842f365d5e51338ff5799fccb27ca7bfe466",class:"co-option-list__loading"},i("co-loader",{key:"306972ee829c41ae32ba69bd02b4dec839842a03",size:"sm"})),!this.loading&&0===o.length&&i("div",{key:"b184393bc7348370fc6fc84ff7a38584a7fc2fd5",class:"co-option-list__empty"},i("co-icon",{key:"39e9e495a62f285d22bbb5197227d48a52dd5c40",name:"magnifying-glass",size:20}),i("span",{key:"6faefea453fbf0ce3083c863b9c822a1902466b3"},this.emptyMessage)),o.length>0&&this.virtual?this.renderVirtual(o,r):function(o){const r=[];let i,e=0;for(const t of o)t.group&&t.group!==i&&r.push({kind:"header",label:t.group}),i=t.group,r.push({kind:"item",item:t,index:e}),e++;return r}(o).map((o=>"header"===o.kind?i("div",{class:"co-option-list__group",role:"presentation"},o.label):this.renderRow(o.item,o.index,r))),this.loading&&o.length>0&&i("div",{key:"9a4cc5cf05196070febf62c6bf309b45fe8f5974",class:"co-option-list__loading-more"},i("co-loader",{key:"0eb546749b37b5cd83d88bc6c40b34b3b5b04532",size:"sm"})),!this.loading&&e&&t>0&&i("div",{key:"06c4deab21fe6c56dcda175ba9b4f37add4c2e8a",class:"co-option-list__more"},t," more results"))),i("slot",{key:"eaa788987749e25086a3be92df591e767c33c65b",name:"footer"}))}get el(){return e(this)}static get watchers(){return{items:[{onItemsChange:0}]}}};d.style=".os-size-observer,.os-size-observer-listener{scroll-behavior:auto !important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(0.1)}.os-size-observer::before{content:\"\";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(calc(1 / 0.1))}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty::before{content:\"\";width:100%;height:100%}.os-size-observer-listener:empty::before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{from{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{overflow:visible;margin:0}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch !important;flex-direction:row !important;flex-wrap:nowrap !important;scroll-behavior:auto !important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;position:relative;flex:auto;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw:0;--os-vah:0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before{content:\"\";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden !important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible !important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x:hidden;--os-viewport-overflow-y:hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x:visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x:hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x:scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y:visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y:hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y:scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x) !important;overflow-y:var(--os-viewport-overflow-y) !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0 !important;line-height:0 !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*:not(#osFakeId){display:none !important;position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto !important;scroll-snap-type:none !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden !important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto !important;width:auto !important}@property --os-scroll-percent{syntax:\"<number>\";inherits:true;initial-value:0}@property --os-viewport-percent{syntax:\"<number>\";inherits:true;initial-value:0}.os-scrollbar{--os-viewport-percent:0;--os-scroll-percent:0;--os-scroll-direction:0;--os-scroll-percent-directional:calc( var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction) )}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none !important}.os-scrollbar-track{position:relative;padding:0 !important;border:none !important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none !important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0 !important;transition:none !important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translateX(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type: size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{left:auto;transform:translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-vertical .os-scrollbar-handle{top:auto;transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{right:auto;left:0}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:\"\";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none !important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px}.os-theme-dark{--os-handle-bg:rgba(0, 0, 0, 0.44);--os-handle-bg-hover:rgba(0, 0, 0, 0.55);--os-handle-bg-active:rgba(0, 0, 0, 0.66)}.os-theme-light{--os-handle-bg:rgba(255, 255, 255, 0.44);--os-handle-bg-hover:rgba(255, 255, 255, 0.55);--os-handle-bg-active:rgba(255, 255, 255, 0.66)}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{-webkit-appearance:none !important;appearance:none !important;display:none !important;width:0 !important;height:0 !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}:host{display:block;font-family:var(--co-font-family-primary, 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif)}.co-option-list{display:flex;flex-direction:column;min-width:0}.co-option-list__search{display:flex;align-items:center;gap:var(--co-spacing-sm, 6px);height:32px;box-sizing:border-box;margin:var(--co-spacing-md, 12px) var(--co-spacing-md, 12px) 0;padding:0 var(--co-spacing-sm2, 8px) 0 var(--co-spacing-xs, 4px);border:1px solid var(--co-semantic-border-subtle, rgba(31, 28, 27, 0.08));border-radius:var(--co-border-radius-xs, 8px);color:var(--co-semantic-text-muted, #888888)}.co-option-list__search:focus-within{border-color:var(--co-semantic-border-focus, rgba(31, 28, 27, 0.25))}.co-option-list__search co-icon{flex-shrink:0;width:24px;display:flex;align-items:center;justify-content:center;opacity:0.7}.co-option-list__search-input{flex:1;min-width:0;border:0;outline:none;background:transparent;padding:0;font-family:var(--co-font-family-primary, 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);font-size:var(--co-font-size-14, 14px);font-weight:500;letter-spacing:var(--co-font-letter-spacing-body, -0.03em);line-height:1;color:var(--co-semantic-text-default, #1f1c1b)}.co-option-list__search-input::placeholder{color:var(--co-semantic-text-muted, #888888)}.co-option-list__options{max-height:280px;overflow-y:auto;overflow-x:hidden;padding:var(--co-spacing-md, 12px)}.co-option-list__inner{display:flex;flex-direction:column;gap:var(--co-spacing-xxs, 2px);min-width:0}.os-scrollbar.os-theme-co{--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-bg:transparent;--os-handle-border-radius:var(--co-border-radius-full, 9999px);--os-handle-bg:var(--co-color-opacity-negro-16, rgba(31, 28, 27, 0.16));--os-handle-bg-hover:var(--co-color-opacity-negro-25, rgba(31, 28, 27, 0.25));--os-handle-bg-active:var(--co-color-opacity-negro-50, rgba(31, 28, 27, 0.5));--os-handle-min-size:24px}.co-option-list__option{display:flex;align-items:center;gap:var(--co-spacing-sm2, 8px);min-width:0;min-height:32px;box-sizing:border-box;padding:var(--co-spacing-xs, 4px) var(--co-spacing-sm2, 8px) var(--co-spacing-xs, 4px) var(--co-spacing-xs, 4px);border-radius:var(--co-border-radius-xs, 8px);cursor:pointer;font-size:var(--co-font-size-14, 14px);letter-spacing:var(--co-font-letter-spacing-body, -0.03em);color:var(--co-semantic-text-default, #1f1c1b);transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-option-list__spacer .co-option-list__option{height:32px;margin-bottom:var(--co-spacing-xxs, 2px)}.co-option-list__option--active{background:var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.04))}.co-option-list__option--selected{background:var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.04))}.co-option-list__option--disabled{opacity:0.5;cursor:not-allowed}.co-option-list__avatar,.co-option-list__icon{flex-shrink:0}.co-option-list__icon{margin:0 var(--co-spacing-xs, 4px)}.co-option-list__dot{flex-shrink:0;width:10px;height:10px;margin:0 7px;border-radius:var(--co-border-radius-full, 9999px)}.co-option-list__text{display:flex;flex-direction:column;gap:var(--co-spacing-xxs, 2px);flex:1;min-width:0}.co-option-list__title{display:flex;align-items:center;gap:var(--co-spacing-xs, 4px);min-width:0}.co-option-list__label{font-weight:400;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-option-list__suffix{color:var(--co-semantic-text-secondary, #585858);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}.co-option-list__badge{flex-shrink:0;padding:0 var(--co-spacing-xs, 4px);border-radius:var(--co-border-radius-full, 9999px);background:var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.04));color:var(--co-semantic-text-default, #1f1c1b);font-size:var(--co-font-size-10, 10px);font-weight:600;line-height:16px}.co-option-list__desc{font-size:var(--co-font-size-12, 12px);color:var(--co-semantic-text-muted, #888888);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-option-list__match{color:var(--co-color-primary-azul, #2563eb);font-weight:700}.co-option-list__check{flex-shrink:0;color:var(--co-semantic-text-default, #1f1c1b)}.co-option-list__row-action{flex-shrink:0;display:inline-flex;align-items:center;border:0;background:transparent;padding:0;cursor:pointer;color:var(--co-semantic-text-muted, #888888);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-option-list__row-action:hover{color:var(--co-semantic-text-default, #1f1c1b)}.co-option-list__drag-handle{display:inline-flex;align-items:center;cursor:grab;color:var(--co-semantic-text-muted);margin-right:var(--co-spacing-xs);flex:0 0 auto}.co-option-list__drag-handle:active{cursor:grabbing}.co-option-list__option--dragging{opacity:0.5}.co-option-list__option--drop-before{box-shadow:inset 0 2px 0 0 var(--co-semantic-border-focus)}.co-option-list__option--drop-after{box-shadow:inset 0 -2px 0 0 var(--co-semantic-border-focus)}.co-option-list__group{padding:var(--co-spacing-sm2, 8px) var(--co-spacing-xs, 4px) var(--co-spacing-xs, 4px);font-family:var(--co-font-family-mono, 'Geist Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', monospace);font-size:var(--co-font-size-10, 10px);font-weight:400;text-transform:uppercase;letter-spacing:var(--co-font-letter-spacing-overline, 0.08em);line-height:1.1;color:var(--co-semantic-text-default, #1f1c1b)}.co-option-list__clear-row{display:flex;align-items:center;gap:var(--co-spacing-sm2, 8px);width:100%;min-height:32px;box-sizing:border-box;border:0;background:transparent;padding:var(--co-spacing-xs, 4px) var(--co-spacing-sm2, 8px);border-radius:var(--co-border-radius-xs, 8px);cursor:pointer;text-align:left;font-family:var(--co-font-family-primary, 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);font-size:var(--co-font-size-14, 14px);letter-spacing:var(--co-font-letter-spacing-body, -0.03em);color:var(--co-semantic-text-secondary, #585858)}.co-option-list__clear-row:hover{background:var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.04))}.co-option-list__loading,.co-option-list__loading-more{display:flex;justify-content:center;padding:var(--co-spacing-sm, 6px)}.co-option-list__empty{display:flex;align-items:center;gap:var(--co-spacing-sm2, 8px);padding:var(--co-spacing-md, 12px) var(--co-spacing-xs, 4px);font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-muted, #888888)}.co-option-list__more{padding:var(--co-spacing-xs, 4px) var(--co-spacing-sm, 6px);font-size:var(--co-font-size-12, 12px);color:var(--co-semantic-text-muted, #888888);text-align:center}.co-option-list__option:focus-visible,.co-option-list__clear-row:focus-visible{outline:2px solid var(--co-semantic-border-focus, rgba(31, 28, 27, 0.25));outline-offset:-2px}";export{s as co_chip,d as co_option_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as i,h as o,a as t}from"./p-CrtiywTB.js";import{R as r}from"./p-T4la7ly_.js";const a={es:{uploadButton:"Cargar archivo",dropHint:"Arrastra y suelta archivos aquí",helperBoth:"Puedes subir hasta {n} archivos, cada uno hasta {x}",helperFiles:"Puedes subir hasta {n} archivos",helperBytes:"Cada archivo hasta {x}",uploadedTitle:"Archivos subidos",removeFile:"Eliminar archivo",copyUrl:"Copiar enlace",copied:"Copiado",dragToReorder:"Arrastra para reordenar",openPreview:"Abrir vista previa",errInvalidFormat:"Formato no permitido: .{x}",errTooLarge:"Archivo demasiado grande: {x}",errMaxFiles:"Puedes subir hasta {n} archivos"},en:{uploadButton:"Upload file",dropHint:"Drag and drop files here",helperBoth:"You can upload up to {n} files, each up to {x}",helperFiles:"You can upload up to {n} files",helperBytes:"Each file up to {x}",uploadedTitle:"Uploaded files",removeFile:"Remove file",copyUrl:"Copy link",copied:"Copied",dragToReorder:"Drag to reorder",openPreview:"Open preview",errInvalidFormat:"Invalid format: .{x}",errTooLarge:"File too large: {x}",errMaxFiles:"You can upload up to {n} files"},pt:{uploadButton:"Carregar arquivo",dropHint:"Arraste e solte arquivos aqui",helperBoth:"Você pode enviar até {n} arquivos, cada um até {x}",helperFiles:"Você pode enviar até {n} arquivos",helperBytes:"Cada arquivo até {x}",uploadedTitle:"Arquivos enviados",removeFile:"Remover arquivo",copyUrl:"Copiar link",copied:"Copiado",dragToReorder:"Arraste para reordenar",openPreview:"Abrir pré-visualização",errInvalidFormat:"Formato inválido: .{x}",errTooLarge:"Arquivo muito grande: {x}",errMaxFiles:"Você pode enviar até {n} arquivos"}};function s(e,i){var o,t;return e.replace("{n}",String(null!==(o=i.n)&&void 0!==o?o:"")).replace("{x}",null!==(t=i.x)&&void 0!==t?t:"")}function l(e){if(null==e||isNaN(e))return"";if(e<1024)return`${e} B`;const i=e=>e.toFixed(2).replace(/\.?0+$/,"");return e<1048576?`${i(e/1024)} KB`:`${i(e/1048576)} MB`}const c=new Set(["png","jpg","jpeg","gif","webp","svg","avif","bmp"]);function n(e){const i=(e.name||e.url||"").split("?")[0],o=i.lastIndexOf(".");return o>=0&&c.has(i.slice(o+1).toLowerCase())}function d(e){return"done"===e.status&&(!(!e.thumbnail&&!e.url)&&(!!e.thumbnail||n(e)))}function f(e){return n(e)?e.url||e.thumbnail:e.thumbnail||e.url}const h=class{constructor(o){e(this,o),this.coFilesSelected=i(this,"coFilesSelected",3),this.coRemove=i(this,"coRemove",3),this.coClear=i(this,"coClear",3),this.coReorder=i(this,"coReorder",3),this.coCopy=i(this,"coCopy",3),this.coPreviewOpen=i(this,"coPreviewOpen",3),this.disabled=!1,this.readonly=!1,this.required=!1,this.multiple=!1,this.maxFiles=100,this.status="default",this.layout="vertical",this.reorderable=!0,this.files="[]",this.dragOver=!1,this.localError="",this.copiedKey="",this.armedKey="",this.dragKey="",this.overKey="",this.failedPreviews=new Set,this.tempSeq=0,this.lastFilesStr="",this.lastParsed=[],this.handleDragOver=e=>{this.disabled||this.readonly||this.dragKey||(e.preventDefault(),this.dragOver=!0)},this.handleDragLeave=e=>{const i=e.relatedTarget;i&&e.currentTarget instanceof Node&&e.currentTarget.contains(i)||(this.dragOver=!1)},this.handleDrop=e=>{var i;e.preventDefault(),this.dragOver=!1,this.dragKey||(null===(i=e.dataTransfer)||void 0===i?void 0:i.files)&&this.handleFiles(e.dataTransfer.files)},this.handleBrowse=e=>{var i;this.disabled||this.readonly||e&&this.fromActionsSlot(e)||null===(i=this.inputEl)||void 0===i||i.click()},this.handleInputChange=e=>{const i=e.target;i.files&&this.handleFiles(i.files),i.value=""},this.disarmDrag=()=>{this.armedKey&&!this.dragKey&&(this.armedKey="")},this.handleRowDragEnd=()=>{this.resetDragState()}}connectedCallback(){window.addEventListener("mouseup",this.disarmDrag)}disconnectedCallback(){window.removeEventListener("mouseup",this.disarmDrag),clearTimeout(this.copiedTimer),this.closeLightbox()}get parsedFiles(){const e=this.files;if("string"!=typeof e||!e.trim())return[];if(e===this.lastFilesStr)return this.lastParsed;let i=[];try{const o=JSON.parse(e);Array.isArray(o)&&(i=o)}catch(e){}return this.lastFilesStr=e,this.lastParsed=i,i}get strings(){return a[function(e){const i=(e||"").toLowerCase();return i.startsWith("es")?"es":i.startsWith("pt")?"pt":"en"}(this.locale)]}get acceptList(){const e=this.accept;if(!e)return[];let i=[];try{const o=JSON.parse(e);Array.isArray(o)&&(i=o.map(String))}catch(o){i=e.split(",")}return i.map((e=>e.trim().toLowerCase().replace(/^\./,""))).filter((e=>e&&"*"!==e))}get isInvalid(){return"error"===this.status||!!this.localError}get inputAccept(){const e=this.acceptList;if(e.length)return e.map((e=>e.includes("/")?e:`.${e}`)).join(",")}extOf(e){const i=e.lastIndexOf(".");return i>=0?e.slice(i+1).toLowerCase():""}validate(e){const i=this.acceptList;if(i.length){const o=this.extOf(e.name),t=i.includes(o),r=i.some((i=>i.includes("/")&&e.type===i));if(!t&&!r)return s(this.strings.errInvalidFormat,{x:o})}return this.maxBytes&&e.size>this.maxBytes?s(this.strings.errTooLarge,{x:l(e.size)}):null}handleFiles(e){if(this.disabled||this.readonly)return;this.localError="";const i=Array.from(e);if(!i.length)return;const o=this.multiple?i:i.slice(0,1);if(this.multiple){const e=this.maxFiles-this.parsedFiles.length;if(e<=0)return void(this.localError=s(this.strings.errMaxFiles,{n:this.maxFiles}));o.length>e&&(o.length=e)}const t=[],r=[];for(const e of o){const i=this.validate(e);i?this.localError=i:(t.push(e),r.push(`tmp-${Date.now()}-${this.tempSeq++}`))}t.length&&this.coFilesSelected.emit({files:t,tempIds:r})}fromActionsSlot(e){return e.composedPath().some((e=>{var i,o;return"actions"===(null===(o=(i=e).getAttribute)||void 0===o?void 0:o.call(i,"slot"))}))}keyFor(e){var i;return e.id||e.tempId||`${e.name}:${null!==(i=e.size)&&void 0!==i?i:""}`}handleCopy(e){var i;const o=e.url||"";if(!o)return;const t=this.keyFor(e);this.coCopy.emit({id:t,url:o}),(null===(i=navigator.clipboard)||void 0===i?void 0:i.writeText)&&navigator.clipboard.writeText(o).then((()=>{this.copiedKey=t,clearTimeout(this.copiedTimer),this.copiedTimer=setTimeout((()=>this.copiedKey=""),1500)})).catch((()=>{}))}handlePreviewOpen(e){const i=e.url||e.thumbnail;if(!i)return;this.coPreviewOpen.emit({id:this.keyFor(e),url:i});const o=this.parsedFiles.filter((e=>d(e)&&!this.failedPreviews.has(this.keyFor(e)))),t=o.map((e=>({src:f(e),thumbnail:e.thumbnail,alt:e.name}))),r=Math.max(0,o.findIndex((i=>this.keyFor(i)===this.keyFor(e))));this.closeLightbox();const a=document.createElement("co-lightbox");a.images=JSON.stringify(t),a.startIndex=r,this.locale&&(a.locale=this.locale),a.addEventListener("coClose",(()=>this.closeLightbox())),document.body.appendChild(a),this.lightboxEl=a,requestAnimationFrame((()=>{a.open=!0}))}closeLightbox(){const e=this.lightboxEl;this.lightboxEl=void 0,e&&(e.open=!1,setTimeout((()=>e.remove()),220))}handlePreviewError(e){this.failedPreviews=new Set([...this.failedPreviews,this.keyFor(e)])}handleRowDragStart(e,i){this.armedKey===i?(this.dragKey=i,e.dataTransfer&&(e.dataTransfer.effectAllowed="move",e.dataTransfer.setData("text/plain",i))):e.preventDefault()}handleRowDragOver(e,i){this.dragKey&&this.dragKey!==i&&(e.preventDefault(),e.dataTransfer&&(e.dataTransfer.dropEffect="move"),this.overKey=i)}handleRowDrop(e,i){e.preventDefault(),e.stopPropagation();const o=this.parsedFiles.map((e=>this.keyFor(e))),t=o.indexOf(this.dragKey),r=o.indexOf(i);this.resetDragState(),t<0||r<0||t===r||(o.splice(r,0,...o.splice(t,1)),this.coReorder.emit(o))}resetDragState(){this.armedKey="",this.dragKey="",this.overKey=""}capacityHint(e){const i=this.maxBytes?l(this.maxBytes):"";return this.multiple&&this.maxBytes?s(e.helperBoth,{n:this.maxFiles,x:i}):this.multiple?s(e.helperFiles,{n:this.maxFiles}):this.maxBytes?s(e.helperBytes,{x:i}):""}render(){const e=this.strings,i=this.parsedFiles,t=this.localError||this.helperText,a=!(this.readonly||(this.multiple?this.multiple&&i.length>=this.maxFiles:0!==i.length)),s="default"!==this.status?`co-file-field--${this.status}`:"",c=i.filter((e=>d(e)&&!this.failedPreviews.has(this.keyFor(e)))),n=this.reorderable&&this.multiple&&!this.disabled&&!this.readonly&&i.length>1,f=this.capacityHint(e);return o("div",{key:"f0f1cf1e1f8e7b3551a7f2cf9cda0c780e89a5cd",class:{"co-file-field":!0,"co-file-field--disabled":this.disabled,"co-file-field--invalid":this.isInvalid,[s]:!!s},part:"wrapper"},this.label&&o("div",{key:"1f2f390d2d83efa97c1aaa8721caed6a6c14347b",class:"co-file-field__labels"},o("label",{key:"d60c45bc97aed3e3a5a01078e9f0985378fc6d55",class:"co-file-field__label",part:"label"},this.label,o(r,{key:"99a129fd1477928257771d97dd3800a0ed0bc7b3",required:this.required}))),a&&o("div",{key:"404e7314e1fc2cb92751fae3e01685517649e2a5",class:{"co-file-field__dropzone":!0,"co-file-field__dropzone--drag":this.dragOver},part:"dropzone",role:"button",tabIndex:this.disabled?-1:0,onClick:this.handleBrowse,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||this.fromActionsSlot(e)||(e.preventDefault(),this.handleBrowse())},onDragOver:this.handleDragOver,onDragLeave:this.handleDragLeave,onDrop:this.handleDrop},o("button",{key:"323e98d5e7e25fcfc7c6b616f375f10bfc072c1f",class:"co-file-field__upload-btn",part:"upload-button",type:"button",tabIndex:-1},o("co-icon",{key:"b9862962a720cfd1f2c9774499be80f25070ce58",name:"file-arrow-up",size:18}),o("span",{key:"9e2aead4e161f89a85480200f77b58f3893ce9d9"},this.uploadButtonText||e.uploadButton)),o("span",{key:"85eb14b7a6e7e7bfdca34b65a9e2bc76a98d8a85",class:"co-file-field__dropzone-text"},this.dropText||e.dropHint),f&&o("span",{key:"2c18fd7507c4cf1ff9a62290378ff17a695123a2",class:"co-file-field__dropzone-hint"},f),o("div",{key:"6d2fe109efb9d611ae0e9d0750264c07082d2293",class:"co-file-field__actions",part:"actions"},o("slot",{key:"c4004efe0aaee962fcb21ec9de3672ec747d9c5a",name:"actions"})),o("input",{key:"d2e7504aec97b8cd210b938ed546662b321a0c67",ref:e=>this.inputEl=e,class:"co-file-field__input",type:"file",multiple:this.multiple,accept:this.inputAccept,disabled:this.disabled,onChange:this.handleInputChange,"aria-hidden":"true",tabIndex:-1})),i.length>0&&o("div",{key:"be86d4a85621ebb3ac99a54381ea31f147f7d91e",class:"co-file-field__uploaded"},this.multiple&&o("div",{key:"09a9769ee8a72011600b2516fbea7e2fdb6a8e78",class:"co-file-field__uploaded-title",part:"uploaded-title"},`${this.uploadedTitle||e.uploadedTitle} (${i.length})`),c.length>0&&o("div",{key:"f1e9d57bfaf98939d1371262cc469c770dda1cbb",class:"co-file-field__previews",part:"previews"},c.map((i=>o("button",{class:"co-file-field__preview",part:"preview",type:"button",key:`prev-${this.keyFor(i)}`,title:i.name,"aria-label":e.openPreview,onClick:()=>this.handlePreviewOpen(i)},o("img",{src:i.thumbnail||i.url,alt:i.name,loading:"lazy",onError:()=>this.handlePreviewError(i)}))))),o("ul",{key:"05308858680195f999764585cb6de75629a88db7",class:"co-file-field__list",part:"list"},i.map((i=>{const t=this.keyFor(i),r=n&&"done"===i.status;return o("li",{class:{"co-file-field__row":!0,[`co-file-field__row--${i.status}`]:!0,"co-file-field__row--dragging":this.dragKey===t,"co-file-field__row--drop-target":this.overKey===t},part:"row",key:t,draggable:this.armedKey===t,onDragStart:e=>this.handleRowDragStart(e,t),onDragOver:e=>this.handleRowDragOver(e,t),onDrop:e=>this.handleRowDrop(e,t),onDragEnd:this.handleRowDragEnd},r?o("span",{class:"co-file-field__drag-handle",part:"drag-handle",title:e.dragToReorder,onMouseDown:()=>this.armedKey=t},o("co-icon",{name:"list",size:18})):o("co-icon",{name:"error"===i.status?"warning-circle":"uploading"===i.status?"spinner-gap":"file",size:18,class:{"co-file-field__row-icon":!0,"co-file-field__row-icon--spin":"uploading"===i.status}}),o("div",{class:"co-file-field__row-body"},o("span",{class:"co-file-field__row-name",title:i.name},function(e,i=35){return!e||e.length<=i?e:`...${e.slice(-i)}`}(i.name)),"uploading"===i.status&&o("div",{class:"co-file-field__progress"},o("div",{class:"co-file-field__progress-bar",style:"number"==typeof i.progress?{width:`${i.progress}%`}:void 0})),"error"===i.status&&i.error&&o("span",{class:"co-file-field__row-error"},i.error)),null!=i.size&&o("span",{class:"co-file-field__row-size"},l(i.size)),"done"===i.status&&!!i.url&&o("button",{class:{"co-file-field__action":!0,"co-file-field__action--copied":this.copiedKey===t},type:"button",tabIndex:-1,title:this.copiedKey===t?e.copied:e.copyUrl,"aria-label":e.copyUrl,onClick:()=>this.handleCopy(i)},o("co-icon",{name:this.copiedKey===t?"check":"copy",size:18})),!this.disabled&&!this.readonly&&o("button",{class:"co-file-field__action",type:"button",tabIndex:-1,title:e.removeFile,"aria-label":e.removeFile,onClick:()=>this.coRemove.emit(t)},o("co-icon",{name:"trash",size:18})))})))),t&&o("div",{key:"ebbbb0cffa70dbf5125ffafd5ebdafd6cc03c1d9",class:{"co-file-field__helper":!0,"co-file-field__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&o("co-icon",{key:"bb81007afb2e2cb36d63045d09b784c6ce0aa7f1",name:"warning-circle",size:14,class:"co-file-field__helper-icon"}),o("span",{key:"28618bdc3f08a5e226751e8ac5388e7aea02567f",class:"co-file-field__helper-text"},t)))}get el(){return t(this)}};h.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-file-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-file-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs)}.co-file-field__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;cursor:default}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-file-field__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--co-spacing-md);padding:var(--co-spacing-4xl) var(--co-spacing-2xl);background:color-mix(in srgb, var(--co-semantic-surface-hover) 55%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));border:1px dashed var(--co-semantic-border-field);border-radius:var(--co-border-radius-sm);cursor:pointer;text-align:center;transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-file-field__dropzone:hover{border-color:var(--co-semantic-border-focus)}.co-file-field__dropzone--drag{border-color:var(--co-semantic-border-focus);background:var(--co-semantic-surface-hover)}.co-file-field__upload-btn{display:inline-flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-md) var(--co-spacing-xl);margin-bottom:var(--co-spacing-xs);background:var(--co-semantic-surface-secondary);color:var(--co-semantic-text-default);border:none;border-radius:var(--co-border-radius-full);box-shadow:var(--co-shadow-lg);font-family:inherit;font-size:var(--co-font-size-16);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;cursor:pointer;transition:box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-file-field__upload-btn:hover{box-shadow:var(--co-shadow-xl, var(--co-shadow-lg));transform:translateY(-1px)}.co-file-field__upload-btn co-icon{display:inline-flex;flex-shrink:0}.co-file-field__dropzone-text{color:var(--co-semantic-text-default);font-size:var(--co-font-size-18);line-height:1.25}.co-file-field__dropzone-hint{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);line-height:1.25}.co-file-field__actions{display:contents}.co-file-field__input{display:none}.co-file-field__uploaded{display:flex;flex-direction:column;gap:var(--co-spacing-lg);margin-top:var(--co-spacing-sm2)}.co-file-field__uploaded-title{color:var(--co-semantic-text-default);font-size:var(--co-font-size-22);font-weight:500;letter-spacing:-0.03em;line-height:1.25}.co-file-field__previews{display:grid;grid-template-columns:repeat(auto-fill, minmax(240px, 282px));gap:var(--co-spacing-md)}.co-file-field__preview{padding:0;border:none;border-radius:var(--co-border-radius-sm);overflow:hidden;aspect-ratio:3 / 2;background:var(--co-semantic-surface-hover);cursor:pointer}.co-file-field__preview img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-file-field__preview:hover img{transform:scale(1.02)}.co-file-field__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-file-field__row{display:flex;align-items:center;gap:var(--co-spacing-lg);padding:var(--co-spacing-xl);background:var(--co-semantic-surface-hover);border:1px solid transparent;border-radius:var(--co-border-radius-sm)}.co-file-field__row--error{border-color:var(--co-semantic-status-error)}.co-file-field__row--dragging{opacity:0.5}.co-file-field__row--drop-target{border-color:var(--co-semantic-border-focus);background:var(--co-semantic-surface-hover)}.co-file-field__drag-handle{flex-shrink:0;display:flex;align-items:center;color:var(--co-semantic-text-secondary);cursor:grab}.co-file-field__drag-handle:active{cursor:grabbing}.co-file-field__row-icon{flex-shrink:0;color:var(--co-semantic-text-secondary);display:flex;align-items:center}.co-file-field__row--error .co-file-field__row-icon{color:var(--co-semantic-status-error)}.co-file-field__row-icon--spin{animation:co-file-spin 0.8s linear infinite}@keyframes co-file-spin{to{transform:rotate(360deg)}}.co-file-field__row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--co-spacing-xs)}.co-file-field__row-name{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-file-field__row-error{color:var(--co-semantic-status-error);font-size:var(--co-font-size-12)}.co-file-field__row-size{flex-shrink:0;color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);line-height:1;white-space:nowrap}.co-file-field__progress{position:relative;height:4px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-hover);overflow:hidden}.co-file-field__progress-bar{position:absolute;inset:0;width:40%;border-radius:var(--co-border-radius-full);background:var(--co-semantic-status-info);transition:width var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-file-field__progress-bar:not([style]){animation:co-file-indeterminate 1.2s ease-in-out infinite}@keyframes co-file-indeterminate{0%{left:-40%}100%{left:100%}}.co-file-field__action{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-secondary);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-file-field__action:hover{color:var(--co-semantic-text-default)}.co-file-field__action--copied,.co-file-field__action--copied:hover{color:var(--co-color-primary-verde)}.co-file-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-file-field__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-file-field__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);line-height:1}.co-file-field--disabled{opacity:0.6;pointer-events:none}.co-file-field--invalid .co-file-field__dropzone,.co-file-field--error .co-file-field__dropzone{border-color:var(--co-semantic-status-error)}.co-file-field__helper--error .co-file-field__helper-icon,.co-file-field__helper--error .co-file-field__helper-text{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-file-field{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-file-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-file-field__label{white-space:normal}:host([layout='horizontal']) .co-file-field>:not(.co-file-field__labels){grid-column:2;min-width:0}@supports not (background: color-mix(in srgb, red, transparent)){.co-file-field__dropzone{background:var(--co-semantic-surface-hover)}}";export{h as co_file_field}
|
|
1
|
+
import{r as e,c as i,h as o,a as t}from"./p-CrtiywTB.js";import{R as r}from"./p-T4la7ly_.js";const a={es:{uploadButton:"Cargar archivo",dropHint:"Arrastra y suelta archivos aquí",helperBoth:"Puedes subir hasta {n} archivos, cada uno hasta {x}",helperFiles:"Puedes subir hasta {n} archivos",helperBytes:"Cada archivo hasta {x}",uploadedTitle:"Archivos subidos",removeFile:"Eliminar archivo",copyUrl:"Copiar enlace",copied:"Copiado",dragToReorder:"Arrastra para reordenar",openPreview:"Abrir vista previa",errInvalidFormat:"Formato no permitido: .{x}",errTooLarge:"Archivo demasiado grande: {x}",errMaxFiles:"Puedes subir hasta {n} archivos"},en:{uploadButton:"Upload file",dropHint:"Drag and drop files here",helperBoth:"You can upload up to {n} files, each up to {x}",helperFiles:"You can upload up to {n} files",helperBytes:"Each file up to {x}",uploadedTitle:"Uploaded files",removeFile:"Remove file",copyUrl:"Copy link",copied:"Copied",dragToReorder:"Drag to reorder",openPreview:"Open preview",errInvalidFormat:"Invalid format: .{x}",errTooLarge:"File too large: {x}",errMaxFiles:"You can upload up to {n} files"},pt:{uploadButton:"Carregar arquivo",dropHint:"Arraste e solte arquivos aqui",helperBoth:"Você pode enviar até {n} arquivos, cada um até {x}",helperFiles:"Você pode enviar até {n} arquivos",helperBytes:"Cada arquivo até {x}",uploadedTitle:"Arquivos enviados",removeFile:"Remover arquivo",copyUrl:"Copiar link",copied:"Copiado",dragToReorder:"Arraste para reordenar",openPreview:"Abrir pré-visualização",errInvalidFormat:"Formato inválido: .{x}",errTooLarge:"Arquivo muito grande: {x}",errMaxFiles:"Você pode enviar até {n} arquivos"}};function s(e,i){var o,t;return e.replace("{n}",String(null!==(o=i.n)&&void 0!==o?o:"")).replace("{x}",null!==(t=i.x)&&void 0!==t?t:"")}function l(e){if(null==e||isNaN(e))return"";if(e<1024)return`${e} B`;const i=e=>e.toFixed(2).replace(/\.?0+$/,"");return e<1048576?`${i(e/1024)} KB`:`${i(e/1048576)} MB`}const c=new Set(["png","jpg","jpeg","gif","webp","svg","avif","bmp"]);function n(e){const i=(e.name||e.url||"").split("?")[0],o=i.lastIndexOf(".");return o>=0&&c.has(i.slice(o+1).toLowerCase())}function d(e){return"done"===e.status&&(!(!e.thumbnail&&!e.url)&&(!!e.thumbnail||n(e)))}function f(e){return n(e)?e.url||e.thumbnail:e.thumbnail||e.url}const h=class{constructor(o){e(this,o),this.coFilesSelected=i(this,"coFilesSelected",3),this.coRemove=i(this,"coRemove",3),this.coClear=i(this,"coClear",3),this.coReorder=i(this,"coReorder",3),this.coCopy=i(this,"coCopy",3),this.coPreviewOpen=i(this,"coPreviewOpen",3),this.disabled=!1,this.readonly=!1,this.required=!1,this.multiple=!1,this.maxFiles=100,this.status="default",this.layout="vertical",this.reorderable=!0,this.files="[]",this.dragOver=!1,this.localError="",this.copiedKey="",this.armedKey="",this.dragKey="",this.overKey="",this.failedPreviews=new Set,this.tempSeq=0,this.lastFilesStr="",this.lastParsed=[],this.handleDragOver=e=>{this.disabled||this.readonly||this.dragKey||(e.preventDefault(),this.dragOver=!0)},this.handleDragLeave=e=>{const i=e.relatedTarget;i&&e.currentTarget instanceof Node&&e.currentTarget.contains(i)||(this.dragOver=!1)},this.handleDrop=e=>{var i;e.preventDefault(),this.dragOver=!1,this.dragKey||(null===(i=e.dataTransfer)||void 0===i?void 0:i.files)&&this.handleFiles(e.dataTransfer.files)},this.handleBrowse=e=>{var i;this.disabled||this.readonly||e&&this.fromActionsSlot(e)||null===(i=this.inputEl)||void 0===i||i.click()},this.handleInputChange=e=>{const i=e.target;i.files&&this.handleFiles(i.files),i.value=""},this.disarmDrag=()=>{this.armedKey&&!this.dragKey&&(this.armedKey="")},this.handleRowDragEnd=()=>{this.resetDragState()}}connectedCallback(){window.addEventListener("mouseup",this.disarmDrag)}disconnectedCallback(){window.removeEventListener("mouseup",this.disarmDrag),clearTimeout(this.copiedTimer),this.closeLightbox()}get parsedFiles(){const e=this.files;if("string"!=typeof e||!e.trim())return[];if(e===this.lastFilesStr)return this.lastParsed;let i=[];try{const o=JSON.parse(e);Array.isArray(o)&&(i=o)}catch(e){}return this.lastFilesStr=e,this.lastParsed=i,i}get strings(){return a[function(e){const i=(e||"").toLowerCase();return i.startsWith("es")?"es":i.startsWith("pt")?"pt":"en"}(this.locale)]}get acceptList(){const e=this.accept;if(!e)return[];let i=[];try{const o=JSON.parse(e);Array.isArray(o)&&(i=o.map(String))}catch(o){i=e.split(",")}return i.map((e=>e.trim().toLowerCase().replace(/^\./,""))).filter((e=>e&&"*"!==e))}get isInvalid(){return"error"===this.status||!!this.localError}get inputAccept(){const e=this.acceptList;if(e.length)return e.map((e=>e.includes("/")?e:`.${e}`)).join(",")}extOf(e){const i=e.lastIndexOf(".");return i>=0?e.slice(i+1).toLowerCase():""}validate(e){const i=this.acceptList;if(i.length){const o=this.extOf(e.name),t=i.includes(o),r=i.some((i=>i.includes("/")&&e.type===i));if(!t&&!r)return s(this.strings.errInvalidFormat,{x:o})}return this.maxBytes&&e.size>this.maxBytes?s(this.strings.errTooLarge,{x:l(e.size)}):null}handleFiles(e){if(this.disabled||this.readonly)return;this.localError="";const i=Array.from(e);if(!i.length)return;const o=this.multiple?i:i.slice(0,1);if(this.multiple){const e=this.maxFiles-this.parsedFiles.length;if(e<=0)return void(this.localError=s(this.strings.errMaxFiles,{n:this.maxFiles}));o.length>e&&(o.length=e)}const t=[],r=[];for(const e of o){const i=this.validate(e);i?this.localError=i:(t.push(e),r.push(`tmp-${Date.now()}-${this.tempSeq++}`))}t.length&&this.coFilesSelected.emit({files:t,tempIds:r})}fromActionsSlot(e){return e.composedPath().some((e=>{var i,o;return"actions"===(null===(o=(i=e).getAttribute)||void 0===o?void 0:o.call(i,"slot"))}))}keyFor(e){var i;return e.id||e.tempId||`${e.name}:${null!==(i=e.size)&&void 0!==i?i:""}`}handleCopy(e){var i;const o=e.url||"";if(!o)return;const t=this.keyFor(e);this.coCopy.emit({id:t,url:o}),(null===(i=navigator.clipboard)||void 0===i?void 0:i.writeText)&&navigator.clipboard.writeText(o).then((()=>{this.copiedKey=t,clearTimeout(this.copiedTimer),this.copiedTimer=setTimeout((()=>this.copiedKey=""),1500)})).catch((()=>{}))}handlePreviewOpen(e){const i=e.url||e.thumbnail;if(!i)return;this.coPreviewOpen.emit({id:this.keyFor(e),url:i});const o=this.parsedFiles.filter((e=>d(e)&&!this.failedPreviews.has(this.keyFor(e)))),t=o.map((e=>({src:f(e),thumbnail:e.thumbnail,alt:e.name}))),r=Math.max(0,o.findIndex((i=>this.keyFor(i)===this.keyFor(e))));this.closeLightbox();const a=document.createElement("co-lightbox");a.images=JSON.stringify(t),a.startIndex=r,this.locale&&(a.locale=this.locale),a.addEventListener("coClose",(()=>this.closeLightbox())),document.body.appendChild(a),this.lightboxEl=a,requestAnimationFrame((()=>{a.open=!0}))}closeLightbox(){const e=this.lightboxEl;this.lightboxEl=void 0,e&&(e.open=!1,setTimeout((()=>e.remove()),220))}handlePreviewError(e){this.failedPreviews=new Set([...this.failedPreviews,this.keyFor(e)])}handleRowDragStart(e,i){this.armedKey===i?(this.dragKey=i,e.dataTransfer&&(e.dataTransfer.effectAllowed="move",e.dataTransfer.setData("text/plain",i))):e.preventDefault()}handleRowDragOver(e,i){this.dragKey&&this.dragKey!==i&&(e.preventDefault(),e.dataTransfer&&(e.dataTransfer.dropEffect="move"),this.overKey=i)}handleRowDrop(e,i){e.preventDefault(),e.stopPropagation();const o=this.parsedFiles.map((e=>this.keyFor(e))),t=o.indexOf(this.dragKey),r=o.indexOf(i);this.resetDragState(),t<0||r<0||t===r||(o.splice(r,0,...o.splice(t,1)),this.coReorder.emit(o))}resetDragState(){this.armedKey="",this.dragKey="",this.overKey=""}capacityHint(e){const i=this.maxBytes?l(this.maxBytes):"";return this.multiple&&this.maxBytes?s(e.helperBoth,{n:this.maxFiles,x:i}):this.multiple?s(e.helperFiles,{n:this.maxFiles}):this.maxBytes?s(e.helperBytes,{x:i}):""}render(){const e=this.strings,i=this.parsedFiles,t=this.localError||this.helperText,a=!(this.readonly||(this.multiple?this.multiple&&i.length>=this.maxFiles:0!==i.length)),s="default"!==this.status?`co-file-field--${this.status}`:"",c=i.filter((e=>d(e)&&!this.failedPreviews.has(this.keyFor(e)))),n=this.reorderable&&this.multiple&&!this.disabled&&!this.readonly&&i.length>1,f=this.capacityHint(e);return o("div",{key:"615291bd9c075d4f26f264602da03427e13bf35b",class:{"co-file-field":!0,"co-file-field--disabled":this.disabled,"co-file-field--invalid":this.isInvalid,[s]:!!s},part:"wrapper"},this.label&&o("div",{key:"0c4fbdb6c5824824bbe39a96c568f06f442955ef",class:"co-file-field__labels"},o("label",{key:"4f8767b17adcd04d553c2cf6668c60c30a780783",class:"co-file-field__label",part:"label"},this.label,o(r,{key:"82fb4a69b136fcdcdd3b3e81ea8d2deb8ca64e10",required:this.required}))),a&&o("div",{key:"bce9efbedf17d917ae4bf00ae839409f63e4cccd",class:{"co-file-field__dropzone":!0,"co-file-field__dropzone--drag":this.dragOver},part:"dropzone",role:"button",tabIndex:this.disabled?-1:0,onClick:this.handleBrowse,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||this.fromActionsSlot(e)||(e.preventDefault(),this.handleBrowse())},onDragOver:this.handleDragOver,onDragLeave:this.handleDragLeave,onDrop:this.handleDrop},o("button",{key:"82c82cf57f9692bc560d4c82e0bc22a539e25e08",class:"co-file-field__upload-btn",part:"upload-button",type:"button",tabIndex:-1},o("co-icon",{key:"e2dc567ce78647717c894c877334e2eecab6b80e",name:"file-arrow-up",size:18}),o("span",{key:"9c0082e62f13a53d5d598623e35678db84df52b3"},this.uploadButtonText||e.uploadButton)),o("span",{key:"3f43f21c3fb54f1d21143aa7cdf9a485ee89cf69",class:"co-file-field__dropzone-text"},this.dropText||e.dropHint),f&&o("span",{key:"d4b2a12ffde1a17c5f1cdded7fb50f035ffb6f0c",class:"co-file-field__dropzone-hint"},f),o("div",{key:"38e36894d82bb094d4dbd37fb10b915607bf3f13",class:"co-file-field__actions",part:"actions"},o("slot",{key:"993f64d18baed0474f29e50418bd5883ac6bc90c",name:"actions"})),o("input",{key:"33dcec562a9c266ca3920537297ddbff2688a0a3",ref:e=>this.inputEl=e,class:"co-file-field__input",type:"file",multiple:this.multiple,accept:this.inputAccept,disabled:this.disabled,onChange:this.handleInputChange,"aria-hidden":"true",tabIndex:-1})),i.length>0&&o("div",{key:"a78a747ee890c15d082c99770c0a8487405301ee",class:"co-file-field__uploaded"},this.multiple&&o("div",{key:"08336c691f85e1c39216779a850e1c4eb4ad92eb",class:"co-file-field__uploaded-title",part:"uploaded-title"},`${this.uploadedTitle||e.uploadedTitle} (${i.length})`),c.length>0&&o("div",{key:"374c52cbaf91ab19d1781c6f4faaed809146aea5",class:"co-file-field__previews",part:"previews"},c.map((i=>o("button",{class:"co-file-field__preview",part:"preview",type:"button",key:`prev-${this.keyFor(i)}`,title:i.name,"aria-label":e.openPreview,onClick:()=>this.handlePreviewOpen(i)},o("img",{src:i.thumbnail||i.url,alt:i.name,loading:"lazy",onError:()=>this.handlePreviewError(i)}))))),o("ul",{key:"93ab31f0a3567287db8de9b5b00f4e3772988c82",class:"co-file-field__list",part:"list"},i.map((i=>{const t=this.keyFor(i),r=n&&"done"===i.status;return o("li",{class:{"co-file-field__row":!0,[`co-file-field__row--${i.status}`]:!0,"co-file-field__row--dragging":this.dragKey===t,"co-file-field__row--drop-target":this.overKey===t},part:"row",key:t,draggable:this.armedKey===t,onDragStart:e=>this.handleRowDragStart(e,t),onDragOver:e=>this.handleRowDragOver(e,t),onDrop:e=>this.handleRowDrop(e,t),onDragEnd:this.handleRowDragEnd},r?o("span",{class:"co-file-field__drag-handle",part:"drag-handle",title:e.dragToReorder,onMouseDown:()=>this.armedKey=t},o("co-icon",{name:"list",size:18})):o("co-icon",{name:"error"===i.status?"warning-circle":"uploading"===i.status?"spinner-gap":"file",size:18,class:{"co-file-field__row-icon":!0,"co-file-field__row-icon--spin":"uploading"===i.status}}),o("div",{class:"co-file-field__row-body"},o("span",{class:"co-file-field__row-name",title:i.name},function(e,i=35){return!e||e.length<=i?e:`...${e.slice(-i)}`}(i.name)),"uploading"===i.status&&o("div",{class:"co-file-field__progress"},o("div",{class:"co-file-field__progress-bar",style:"number"==typeof i.progress?{width:`${i.progress}%`}:void 0})),"error"===i.status&&i.error&&o("span",{class:"co-file-field__row-error"},i.error)),null!=i.size&&o("span",{class:"co-file-field__row-size"},l(i.size)),"done"===i.status&&!!i.url&&o("button",{class:{"co-file-field__action":!0,"co-file-field__action--copied":this.copiedKey===t},type:"button",tabIndex:-1,title:this.copiedKey===t?e.copied:e.copyUrl,"aria-label":e.copyUrl,onClick:()=>this.handleCopy(i)},o("co-icon",{name:this.copiedKey===t?"check":"copy",size:18})),!this.disabled&&!this.readonly&&o("button",{class:"co-file-field__action",type:"button",tabIndex:-1,title:e.removeFile,"aria-label":e.removeFile,onClick:()=>this.coRemove.emit(t)},o("co-icon",{name:"trash",size:18})))})))),t&&o("div",{key:"fce82b34f47fbf65872fbd5dea20a87b4c99ae12",class:{"co-file-field__helper":!0,"co-file-field__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&o("co-icon",{key:"920361c5833f0252673779b716f872af151ae4b2",name:"warning-circle",size:14,class:"co-file-field__helper-icon"}),o("span",{key:"6711fa168985fb206fdb79533834e4d8548da3dd",class:"co-file-field__helper-text"},t)))}get el(){return t(this)}};h.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-file-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-file-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs)}.co-file-field__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;cursor:default}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-file-field__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--co-spacing-md);padding:var(--co-spacing-4xl) var(--co-spacing-2xl);background:color-mix(in srgb, var(--co-semantic-surface-hover) 55%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));border:1px dashed var(--co-semantic-border-field);border-radius:var(--co-border-radius-sm);cursor:pointer;text-align:center;transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-file-field__dropzone:hover{border-color:var(--co-semantic-border-focus)}.co-file-field__dropzone--drag{border-color:var(--co-semantic-border-focus);background:var(--co-semantic-surface-hover)}.co-file-field__upload-btn{display:inline-flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-md) var(--co-spacing-xl);margin-bottom:var(--co-spacing-xs);background:var(--co-semantic-surface-secondary);color:var(--co-semantic-text-default);border:none;border-radius:var(--co-border-radius-full);box-shadow:var(--co-shadow-lg);font-family:inherit;font-size:var(--co-font-size-16);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;cursor:pointer;transition:box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-file-field__upload-btn:hover{box-shadow:var(--co-shadow-xl, var(--co-shadow-lg));transform:translateY(-1px)}.co-file-field__upload-btn co-icon{display:inline-flex;flex-shrink:0}.co-file-field__dropzone-text{color:var(--co-semantic-text-default);font-size:var(--co-font-size-18);line-height:1.25}.co-file-field__dropzone-hint{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);line-height:1.25}.co-file-field__actions{display:contents}.co-file-field__input{display:none}.co-file-field__uploaded{display:flex;flex-direction:column;gap:var(--co-spacing-lg);margin-top:var(--co-spacing-sm2)}.co-file-field__uploaded-title{color:var(--co-semantic-text-default);font-size:var(--co-font-size-22);font-weight:500;letter-spacing:-0.03em;line-height:1.25}.co-file-field__previews{display:grid;grid-template-columns:repeat(auto-fill, minmax(240px, 282px));gap:var(--co-spacing-md)}.co-file-field__preview{padding:0;border:none;border-radius:var(--co-border-radius-sm);overflow:hidden;aspect-ratio:3 / 2;background:var(--co-semantic-surface-hover);cursor:pointer}.co-file-field__preview img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-file-field__preview:hover img{transform:scale(1.02)}.co-file-field__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-file-field__row{display:flex;align-items:center;gap:var(--co-spacing-lg);padding:var(--co-spacing-xl);background:var(--co-semantic-surface-hover);border:1px solid transparent;border-radius:var(--co-border-radius-sm)}.co-file-field__row--error{border-color:var(--co-semantic-status-error)}.co-file-field__row--dragging{opacity:0.5}.co-file-field__row--drop-target{border-color:var(--co-semantic-border-focus);background:var(--co-semantic-surface-hover)}.co-file-field__drag-handle{flex-shrink:0;display:flex;align-items:center;color:var(--co-semantic-text-secondary);cursor:grab}.co-file-field__drag-handle:active{cursor:grabbing}.co-file-field__row-icon{flex-shrink:0;color:var(--co-semantic-text-secondary);display:flex;align-items:center}.co-file-field__row--error .co-file-field__row-icon{color:var(--co-semantic-status-error)}.co-file-field__row-icon--spin{animation:co-file-spin 0.8s linear infinite}@keyframes co-file-spin{to{transform:rotate(360deg)}}.co-file-field__row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--co-spacing-xs)}.co-file-field__row-name{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-file-field__row-error{color:var(--co-semantic-status-error);font-size:var(--co-font-size-12)}.co-file-field__row-size{flex-shrink:0;color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);line-height:1;white-space:nowrap}.co-file-field__progress{position:relative;height:4px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-hover);overflow:hidden}.co-file-field__progress-bar{position:absolute;inset:0;width:40%;border-radius:var(--co-border-radius-full);background:var(--co-semantic-status-info);transition:width var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-file-field__progress-bar:not([style]){animation:co-file-indeterminate 1.2s ease-in-out infinite}@keyframes co-file-indeterminate{0%{left:-40%}100%{left:100%}}.co-file-field__action{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-secondary);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-file-field__action:hover{color:var(--co-semantic-text-default)}.co-file-field__action--copied,.co-file-field__action--copied:hover{color:var(--co-color-primary-verde)}.co-file-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-file-field__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-file-field__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);line-height:1}.co-file-field--disabled{opacity:0.6;pointer-events:none}.co-file-field--invalid .co-file-field__dropzone,.co-file-field--error .co-file-field__dropzone{border-color:var(--co-semantic-status-error)}.co-file-field__helper--error .co-file-field__helper-icon,.co-file-field__helper--error .co-file-field__helper-text{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-file-field{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-file-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-file-field__label{white-space:normal}:host([layout='horizontal']) .co-file-field>:not(.co-file-field__labels){grid-column:2;min-width:0}@supports not (background: color-mix(in srgb, red, transparent)){.co-file-field__dropzone{background:var(--co-semantic-surface-hover)}}";export{h as co_file_field}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,a as o}from"./p-CrtiywTB.js";import{a as n}from"./p-Ch1jfwZ2.js";const s=["a[href]","area[href]","button:not([disabled])",'input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])","iframe","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])','[tabindex]:not([tabindex="-1"])'].join(",");function
|
|
1
|
+
import{r as t,c as e,h as i,a as o}from"./p-CrtiywTB.js";import{a as n}from"./p-Ch1jfwZ2.js";const s=["a[href]","area[href]","button:not([disabled])",'input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])","iframe","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])','[tabindex]:not([tabindex="-1"])'].join(",");function r(t){return Array.from(t.querySelectorAll(s)).filter((t=>!t.hasAttribute("disabled")&&"true"!==t.getAttribute("aria-hidden")&&(null!==t.offsetParent||t.getClientRects().length>0)))}let a=0,c="";const h=class{constructor(i){t(this,i),this.coClose=e(this,"coClose",7),this.coAfterClose=e(this,"coAfterClose",3),this.coAfterOpen=e(this,"coAfterOpen",3),this.open=!1,this.trapFocus=!1,this.closeOnEscape=!1,this.hasLock=!1,this.handleClick=()=>{this.coClose.emit()},this.handleTransitionEnd=t=>{if(t.target!==this.overlayEl)return;const e=n(t.propertyName,this.open,"opacity");"after-open"===e?this.coAfterOpen.emit():"after-close"===e&&this.coAfterClose.emit()}}onOpenChange(t){t?this.acquireLock():this.releaseLock(),this.syncPopover(),this.trapFocus&&(t?this.captureAndFocus():this.restoreFocus())}componentDidLoad(){this.open&&this.acquireLock(),this.syncPopover(),this.open&&this.trapFocus&&this.captureAndFocus()}disconnectedCallback(){this.releaseLock(),this.trapFocus&&this.restoreFocus()}acquireLock(){this.hasLock||(this.hasLock=!0,"undefined"!=typeof document&&(0===a&&(c=document.body.style.overflow,document.body.style.overflow="hidden"),a++))}releaseLock(){this.hasLock&&(this.hasLock=!1,"undefined"!=typeof document&&0!==a&&(a--,0===a&&(document.body.style.overflow=c)))}syncPopover(){const t=this.overlayEl;if(t&&"function"==typeof t.showPopover)try{const e=t.matches(":popover-open");this.open&&!e?t.showPopover():!this.open&&e&&t.hidePopover()}catch(t){}}captureAndFocus(){var t;"undefined"!=typeof document&&(this.returnFocusEl=document.activeElement),t=()=>{var t;if(!this.open)return;const e=r(this.el);e.length>0?e[0].focus():null===(t=this.overlayEl)||void 0===t||t.focus()},"function"==typeof requestAnimationFrame?requestAnimationFrame(t):t()}restoreFocus(){const t=this.returnFocusEl;this.returnFocusEl=null,t&&"function"==typeof t.focus&&t.focus()}deepActiveElement(){if("undefined"==typeof document)return null;let t=document.activeElement;for(;t&&t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;return t}handleKeydown(t){this.open&&(this.closeOnEscape&&"Escape"===t.key?this.coClose.emit():this.trapFocus&&"Tab"===t.key&&this.trapTab(t))}trapTab(t){var e;const i=r(this.el);if(0===i.length)return t.preventDefault(),void(null===(e=this.overlayEl)||void 0===e||e.focus());const o=i.indexOf(this.deepActiveElement()),n=function(t,e,i){return t<=0?-1:i?e<=0?t-1:e-1:-1===e||e>=t-1?0:e+1}(i.length,o,t.shiftKey);n<0||(t.preventDefault(),i[n].focus())}render(){return i("div",{key:"686e2708db09be6fbbb35bb267e3969d240bba4f",class:{"co-overlay":!0,"co-overlay--open":this.open},part:"overlay",popover:"manual",tabindex:this.trapFocus?-1:void 0,ref:t=>this.overlayEl=t,onClick:this.handleClick,onTransitionEnd:this.handleTransitionEnd},i("slot",{key:"61b7864c03339835d2373efe36804d781f770d3a"}))}get el(){return o(this)}static get watchers(){return{open:[{onOpenChange:0}]}}};h.style=":host{display:contents}.co-overlay{position:fixed;inset:0;z-index:1000;margin:0;border:0;padding:0;width:auto;height:auto;max-width:none;max-height:none;overflow:visible;display:flex;align-items:center;justify-content:center;background:var(--co-overlay-bg, rgba(0, 0, 0, 0.4));-webkit-backdrop-filter:blur(var(--co-overlay-blur, 2px));backdrop-filter:blur(var(--co-overlay-blur, 2px));opacity:0;pointer-events:none;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-in)}.co-overlay--open{opacity:1;pointer-events:auto;transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out)}";export{h as co_overlay}
|