@prolibu-suite/cobalt-core 0.9.0 → 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 +589 -27
- package/dist/cjs/co-accordion.cjs.entry.js +2 -2
- package/dist/cjs/co-action-bar.cjs.entry.js +2 -2
- package/dist/cjs/co-app-shell.cjs.entry.js +2 -2
- package/dist/cjs/co-audio-player.cjs.entry.js +3 -3
- package/dist/cjs/co-autocomplete.cjs.entry.js +1 -1
- package/dist/cjs/co-avatar_2.cjs.entry.js +2 -2
- package/dist/cjs/co-badge.cjs.entry.js +1 -1
- package/dist/cjs/co-bottom-sheet.cjs.entry.js +10 -11
- package/dist/cjs/co-breadcrumb-item.cjs.entry.js +2 -2
- package/dist/cjs/co-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/co-button-group.cjs.entry.js +2 -2
- package/dist/cjs/co-button.cjs.entry.js +2 -2
- package/dist/cjs/co-calendar-month_2.cjs.entry.js +3 -3
- package/dist/cjs/co-calendar_3.cjs.entry.js +42 -7
- package/dist/cjs/co-card.cjs.entry.js +2 -2
- package/dist/cjs/co-carousel-item.cjs.entry.js +1 -1
- package/dist/cjs/co-carousel.cjs.entry.js +2 -2
- package/dist/cjs/co-checkbox.cjs.entry.js +3 -3
- package/dist/cjs/co-chip_2.cjs.entry.js +11 -11
- package/dist/cjs/co-color-picker.cjs.entry.js +2 -2
- package/dist/cjs/co-column-picker.cjs.entry.js +2 -2
- package/dist/cjs/co-combobox.cjs.entry.js +1 -1
- package/dist/cjs/co-data-table-pagination.cjs.entry.js +4 -4
- package/dist/cjs/co-data-table.cjs.entry.js +127 -8
- package/dist/cjs/co-date-range.cjs.entry.js +1 -1
- package/dist/cjs/co-date-time-picker.cjs.entry.js +2 -2
- package/dist/cjs/co-drive-card.cjs.entry.js +1 -1
- package/dist/cjs/co-drop-zone.cjs.entry.js +1 -1
- package/dist/cjs/co-emoji-picker.cjs.entry.js +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 +3 -3
- 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-popover.cjs.entry.js +49 -3
- 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-ref-field.cjs.entry.js +13 -4
- 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-select.cjs.entry.js +13 -4
- package/dist/cjs/co-separator.cjs.entry.js +1 -1
- package/dist/cjs/co-sidebar-nav.cjs.entry.js +2 -2
- 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-toast.cjs.entry.js +2 -2
- 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-transfer-list.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 +16 -12
- 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-142506d9.entry.js → p-02ac492f.entry.js} +1 -1
- package/dist/cobalt/p-07904986.entry.js +1 -0
- package/dist/cobalt/{p-24e93fcb.entry.js → p-07d570a6.entry.js} +1 -1
- package/dist/cobalt/p-09799193.entry.js +1 -0
- package/dist/cobalt/{p-e5b5ae89.entry.js → p-0ccb672b.entry.js} +1 -1
- package/dist/cobalt/{p-49bde154.entry.js → p-0e91e5c4.entry.js} +1 -1
- package/dist/cobalt/{p-724b9b54.entry.js → p-17ae943c.entry.js} +1 -1
- package/dist/cobalt/{p-fa5c25d6.entry.js → p-18af9e44.entry.js} +1 -1
- package/dist/cobalt/{p-b9ac1f25.entry.js → p-18d34b01.entry.js} +1 -1
- package/dist/cobalt/{p-d7b00e5f.entry.js → p-1c68bc41.entry.js} +1 -1
- package/dist/cobalt/{p-2a9ba4c8.entry.js → p-2114c036.entry.js} +1 -1
- package/dist/cobalt/{p-37541725.entry.js → p-23a103a0.entry.js} +1 -1
- package/dist/cobalt/{p-7255ab63.entry.js → p-23b3ff3f.entry.js} +1 -1
- package/dist/cobalt/{p-baeb5d55.entry.js → p-2d329ac8.entry.js} +1 -1
- package/dist/cobalt/{p-417ce874.entry.js → p-2d81b292.entry.js} +1 -1
- package/dist/cobalt/{p-b64b0a07.entry.js → p-316c62c0.entry.js} +1 -1
- package/dist/cobalt/{p-c3c2087e.entry.js → p-33ea4a90.entry.js} +1 -1
- package/dist/cobalt/{p-8a93beb0.entry.js → p-342e1da4.entry.js} +1 -1
- package/dist/cobalt/p-3495fda1.entry.js +1 -0
- package/dist/cobalt/{p-5f1b273b.entry.js → p-36197363.entry.js} +1 -1
- package/dist/cobalt/{p-2d0354cc.entry.js → p-3f0eed59.entry.js} +1 -1
- package/dist/cobalt/{p-6d532475.entry.js → p-43bd298d.entry.js} +1 -1
- package/dist/cobalt/{p-81866f71.entry.js → p-4a503187.entry.js} +1 -1
- package/dist/cobalt/{p-c7a809c7.entry.js → p-4b083da4.entry.js} +1 -1
- package/dist/cobalt/{p-f1284fcd.entry.js → p-4c7e3984.entry.js} +1 -1
- package/dist/cobalt/p-4f754c9a.entry.js +1 -0
- package/dist/cobalt/p-54ae807d.entry.js +1 -0
- package/dist/cobalt/{p-d21da71a.entry.js → p-55566b37.entry.js} +1 -1
- package/dist/cobalt/p-682b3313.entry.js +1 -0
- package/dist/cobalt/{p-a5d84c7a.entry.js → p-7457aa89.entry.js} +1 -1
- package/dist/cobalt/{p-8b7a4f6c.entry.js → p-77719335.entry.js} +1 -1
- package/dist/cobalt/{p-94a8a119.entry.js → p-7c5e846a.entry.js} +1 -1
- package/dist/cobalt/{p-9c2ce487.entry.js → p-7c88163e.entry.js} +1 -1
- package/dist/cobalt/{p-12a0ae24.entry.js → p-7cf4b4ae.entry.js} +1 -1
- package/dist/cobalt/{p-3ac316e0.entry.js → p-7e53e9c8.entry.js} +1 -1
- package/dist/cobalt/{p-e99832a9.entry.js → p-8183f56f.entry.js} +1 -1
- package/dist/cobalt/p-8345b25f.entry.js +1 -0
- package/dist/cobalt/{p-b004c3bb.entry.js → p-88a0659f.entry.js} +1 -1
- package/dist/cobalt/{p-87fc5aed.entry.js → p-89e38c5e.entry.js} +1 -1
- package/dist/cobalt/{p-a074f2ba.entry.js → p-8eb485c8.entry.js} +1 -1
- package/dist/cobalt/{p-c31f5c1b.entry.js → p-8f38e24d.entry.js} +1 -1
- package/dist/cobalt/{p-f52f61d4.entry.js → p-8f600512.entry.js} +1 -1
- package/dist/cobalt/{p-09fe6ece.entry.js → p-95efe661.entry.js} +1 -1
- package/dist/cobalt/{p-c42c505c.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-19f5d480.entry.js → p-a51d8775.entry.js} +1 -1
- package/dist/cobalt/{p-d3c765e3.entry.js → p-a6357340.entry.js} +1 -1
- package/dist/cobalt/p-a6b5cadd.entry.js +1 -0
- package/dist/cobalt/{p-5d7c26f2.entry.js → p-a8c64cc3.entry.js} +1 -1
- package/dist/cobalt/{p-19706923.entry.js → p-a9096b5c.entry.js} +1 -1
- package/dist/cobalt/{p-b800e107.entry.js → p-a9b29cc2.entry.js} +1 -1
- package/dist/cobalt/p-aafb9d11.entry.js +1 -0
- package/dist/cobalt/{p-cc72557d.entry.js → p-ab45d9bd.entry.js} +1 -1
- package/dist/cobalt/{p-43b1f8fb.entry.js → p-ac466658.entry.js} +1 -1
- package/dist/cobalt/{p-3ecc29fa.entry.js → p-ac91259e.entry.js} +1 -1
- package/dist/cobalt/{p-a45e2c00.entry.js → p-b0319a2d.entry.js} +1 -1
- package/dist/cobalt/{p-8206c7c0.entry.js → p-b8581787.entry.js} +1 -1
- package/dist/cobalt/{p-debe0d79.entry.js → p-bfc2a849.entry.js} +1 -1
- package/dist/cobalt/{p-4e2379e4.entry.js → p-c1e7fb32.entry.js} +1 -1
- package/dist/cobalt/{p-21832273.entry.js → p-c5684c79.entry.js} +1 -1
- package/dist/cobalt/p-c6b9b9d6.entry.js +1 -0
- package/dist/cobalt/{p-ed2ca588.entry.js → p-ce35c898.entry.js} +1 -1
- package/dist/cobalt/{p-e5296961.entry.js → p-d15d3a97.entry.js} +1 -1
- package/dist/cobalt/p-d40a465f.entry.js +1 -0
- package/dist/cobalt/{p-d85a751d.entry.js → p-d4debd6f.entry.js} +1 -1
- package/dist/cobalt/{p-7ec85887.entry.js → p-d629fb4e.entry.js} +1 -1
- package/dist/cobalt/p-da18b5f4.entry.js +1 -0
- package/dist/cobalt/{p-360714ae.entry.js → p-dca4cd5f.entry.js} +1 -1
- package/dist/cobalt/{p-a530bec2.entry.js → p-dea43204.entry.js} +1 -1
- package/dist/cobalt/{p-f4cebc1f.entry.js → p-dfcf667d.entry.js} +1 -1
- package/dist/cobalt/{p-9fe9e2fe.entry.js → p-e5495539.entry.js} +1 -1
- package/dist/cobalt/{p-39bce45f.entry.js → p-e8878cf9.entry.js} +1 -1
- package/dist/cobalt/{p-39007b6c.entry.js → p-ef5e1167.entry.js} +1 -1
- package/dist/cobalt/{p-b1ef5107.entry.js → p-fabe5fb2.entry.js} +1 -1
- package/dist/cobalt/{p-76dff399.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-accordion/co-accordion.js +2 -2
- package/dist/collection/components/co-action-bar/co-action-bar.js +2 -2
- package/dist/collection/components/co-app-shell/co-app-shell.js +2 -2
- package/dist/collection/components/co-audio-player/co-audio-player.js +3 -3
- package/dist/collection/components/co-autocomplete/co-autocomplete.css +1 -1
- 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-badge/co-badge.js +1 -1
- package/dist/collection/components/co-bottom-sheet/co-bottom-sheet.js +10 -11
- package/dist/collection/components/co-breadcrumb/co-breadcrumb.js +1 -1
- package/dist/collection/components/co-breadcrumb-item/co-breadcrumb-item.js +2 -2
- package/dist/collection/components/co-button/co-button.js +2 -2
- package/dist/collection/components/co-button-group/co-button-group.js +2 -2
- package/dist/collection/components/co-calendar/co-calendar.js +1 -1
- package/dist/collection/components/co-calendar-month/co-calendar-month.js +1 -1
- package/dist/collection/components/co-calendar-timegrid/co-calendar-timegrid.js +2 -2
- package/dist/collection/components/co-card/co-card.js +2 -2
- package/dist/collection/components/co-carousel/co-carousel.js +2 -2
- package/dist/collection/components/co-carousel-item/co-carousel-item.js +1 -1
- package/dist/collection/components/co-checkbox/co-checkbox.js +3 -3
- package/dist/collection/components/co-checkbox-group/co-checkbox-group.js +1 -1
- package/dist/collection/components/co-chip/co-chip.js +2 -2
- package/dist/collection/components/co-color-picker/co-color-picker.js +2 -2
- package/dist/collection/components/co-column-picker/co-column-picker.js +2 -2
- package/dist/collection/components/co-combobox/co-combobox.css +3 -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.css +33 -0
- package/dist/collection/components/co-data-table/co-data-table.js +90 -8
- package/dist/collection/components/co-data-table-pagination/co-data-table-pagination.js +4 -4
- package/dist/collection/components/co-date-field/co-date-field.js +4 -4
- package/dist/collection/components/co-date-range/co-date-range.js +1 -1
- package/dist/collection/components/co-date-range-picker/co-date-range-picker.js +2 -2
- package/dist/collection/components/co-date-time-picker/co-date-time-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-drive-card/co-drive-card.js +1 -1
- package/dist/collection/components/co-drop-zone/co-drop-zone.js +1 -1
- package/dist/collection/components/co-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.css +8 -5
- 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.css +11 -9
- package/dist/collection/components/co-option-list/co-option-list.js +8 -8
- 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 +27 -5
- 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.css +15 -0
- package/dist/collection/components/co-ref-field/co-ref-field.js +72 -4
- 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 +68 -5
- 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 +3 -3
- 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 +4 -4
- package/dist/collection/components/co-toggle-button/co-toggle-button.js +2 -2
- package/dist/collection/components/co-toggle-button-group/co-toggle-button-group.js +2 -2
- package/dist/collection/components/co-tooltip/co-tooltip.js +2 -2
- package/dist/collection/components/co-transfer-list/co-transfer-list.js +3 -3
- package/dist/collection/components/co-video/co-video.js +2 -2
- package/dist/collection/utils/columnResize.js +37 -0
- package/dist/collection/utils/emojiI18n.js +92 -0
- package/dist/collection/utils/popover-stack.js +28 -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-app-shell.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-badge.js +1 -1
- package/dist/components/co-bottom-sheet.js +1 -1
- package/dist/components/co-breadcrumb-item.js +1 -1
- package/dist/components/co-breadcrumb.js +1 -1
- package/dist/components/co-button-group.js +1 -1
- package/dist/components/co-button.js +1 -1
- package/dist/components/co-calendar-month.js +1 -1
- package/dist/components/co-calendar-timegrid.js +1 -1
- package/dist/components/co-calendar.js +1 -1
- package/dist/components/co-card.js +1 -1
- package/dist/components/co-carousel-item.js +1 -1
- package/dist/components/co-carousel.js +1 -1
- package/dist/components/co-checkbox-group.js +1 -1
- package/dist/components/co-checkbox.js +1 -1
- package/dist/components/co-chip.js +1 -1
- package/dist/components/co-color-picker.js +1 -1
- package/dist/components/co-column-picker.js +1 -1
- package/dist/components/co-combobox.js +1 -1
- package/dist/components/co-command-search.js +1 -1
- package/dist/components/co-data-table-pagination.js +1 -1
- package/dist/components/co-data-table.js +1 -1
- package/dist/components/co-date-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-popover.js +1 -1
- package/dist/components/co-progress-bar.js +1 -1
- package/dist/components/co-progress-circle.js +1 -1
- package/dist/components/co-radio-group.js +1 -1
- package/dist/components/co-radio.js +1 -1
- package/dist/components/co-rating.js +1 -1
- package/dist/components/co-ref-field.js +1 -1
- package/dist/components/co-rich-text-editor.js +1 -1
- package/dist/components/co-rich-text-toolbar.js +1 -1
- package/dist/components/co-row.js +1 -1
- package/dist/components/co-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-AvSaw4Ua.js +1 -0
- package/dist/components/p-B3TkpLNh.js +1 -0
- package/dist/components/p-B6oiFdUY.js +1 -0
- package/dist/components/{p-CmxZEGYq.js → p-B7hvddnu.js} +1 -1
- package/dist/components/{p-Ce0ZJcks.js → p-BGD3oQ73.js} +1 -1
- package/dist/components/{p-CJNo2JDc.js → p-BT5tSgZa.js} +1 -1
- package/dist/components/{p-CYv2ig6I.js → p-BsQQ7Mki.js} +1 -1
- package/dist/components/p-CBX_oabB.js +1 -0
- package/dist/components/{p-Cv5yuGLz.js → p-CXLX8DpD.js} +1 -1
- package/dist/components/{p-DFT1qsVu.js → p-CklsvHeL.js} +1 -1
- package/dist/components/{p-CKKBJaNB.js → p-CyMaOb1j.js} +1 -1
- package/dist/components/{p-xvWmYN3W.js → p-D5QJpmqf.js} +1 -1
- package/dist/components/{p-BlvsTlsS.js → p-D6OUW6oW.js} +1 -1
- package/dist/components/p-DP0bbhfN.js +1 -0
- package/dist/components/{p-BUE9mBqk.js → p-DTvb412h.js} +1 -1
- package/dist/components/{p-Bsll5Ofy.js → p-DkmKOF60.js} +1 -1
- package/dist/components/{p-re2gJwnQ.js → p-DolCkNsL.js} +1 -1
- package/dist/components/{p-CkQqqKRp.js → p-KWTokD0C.js} +1 -1
- package/dist/components/{p-BCnjq3jN.js → p-Q6caHt79.js} +1 -1
- package/dist/components/{p-2zy1K6zg.js → p-WWlZiln1.js} +1 -1
- package/dist/components/{p-DAaKsGqj.js → p-_131DL6m.js} +1 -1
- package/dist/components/{p-ushHimOL.js → p-gI62K3Be.js} +1 -1
- package/dist/components/{p-_YYd42XM.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-accordion.entry.js +2 -2
- package/dist/esm/co-action-bar.entry.js +2 -2
- package/dist/esm/co-app-shell.entry.js +2 -2
- package/dist/esm/co-audio-player.entry.js +3 -3
- package/dist/esm/co-autocomplete.entry.js +1 -1
- package/dist/esm/co-avatar_2.entry.js +2 -2
- package/dist/esm/co-badge.entry.js +1 -1
- package/dist/esm/co-bottom-sheet.entry.js +10 -11
- package/dist/esm/co-breadcrumb-item.entry.js +2 -2
- package/dist/esm/co-breadcrumb.entry.js +1 -1
- package/dist/esm/co-button-group.entry.js +2 -2
- package/dist/esm/co-button.entry.js +2 -2
- package/dist/esm/co-calendar-month_2.entry.js +3 -3
- package/dist/esm/co-calendar_3.entry.js +42 -7
- package/dist/esm/co-card.entry.js +2 -2
- package/dist/esm/co-carousel-item.entry.js +1 -1
- package/dist/esm/co-carousel.entry.js +2 -2
- package/dist/esm/co-checkbox.entry.js +3 -3
- package/dist/esm/co-chip_2.entry.js +11 -11
- package/dist/esm/co-color-picker.entry.js +2 -2
- package/dist/esm/co-column-picker.entry.js +2 -2
- package/dist/esm/co-combobox.entry.js +1 -1
- package/dist/esm/co-data-table-pagination.entry.js +4 -4
- package/dist/esm/co-data-table.entry.js +127 -8
- package/dist/esm/co-date-range.entry.js +1 -1
- package/dist/esm/co-date-time-picker.entry.js +2 -2
- package/dist/esm/co-drive-card.entry.js +1 -1
- package/dist/esm/co-drop-zone.entry.js +1 -1
- 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 +3 -3
- 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-popover.entry.js +49 -3
- 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-ref-field.entry.js +13 -4
- package/dist/esm/co-rich-text-editor.entry.js +3 -3
- package/dist/esm/co-row.entry.js +2 -2
- package/dist/esm/co-select.entry.js +13 -4
- package/dist/esm/co-separator.entry.js +1 -1
- package/dist/esm/co-sidebar-nav.entry.js +2 -2
- 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-toast.entry.js +2 -2
- 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-transfer-list.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 +16 -12
- 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-data-table/co-data-table.d.ts +5 -0
- 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/co-popover/co-popover.d.ts +8 -1
- package/dist/types/components/co-ref-field/co-ref-field.d.ts +17 -0
- package/dist/types/components/co-select/co-select.d.ts +7 -0
- package/dist/types/components.d.ts +255 -2
- package/dist/types/utils/columnResize.d.ts +42 -0
- package/dist/types/utils/emojiI18n.d.ts +22 -0
- package/dist/types/utils/popover-stack.d.ts +5 -0
- package/dist/types/utils/slotContent.d.ts +19 -0
- package/package.json +4 -4
- package/dist/cobalt/p-212ed2ba.entry.js +0 -1
- package/dist/cobalt/p-2aeb1471.entry.js +0 -1
- package/dist/cobalt/p-30ec230e.entry.js +0 -1
- package/dist/cobalt/p-5ddebd10.entry.js +0 -1
- package/dist/cobalt/p-5f0f5d4b.entry.js +0 -1
- package/dist/cobalt/p-7521ec0c.entry.js +0 -1
- package/dist/cobalt/p-77593319.entry.js +0 -1
- package/dist/cobalt/p-7a2dab23.entry.js +0 -1
- package/dist/cobalt/p-e054cb52.entry.js +0 -1
- package/dist/cobalt/p-e612b43c.entry.js +0 -1
- package/dist/cobalt/p-e7e34852.entry.js +0 -1
- package/dist/cobalt/p-f1731fe9.entry.js +0 -1
- package/dist/components/p-Bh2__nEw.js +0 -1
- package/dist/components/p-BiefJDu3.js +0 -1
- package/dist/components/p-CL4dicvk.js +0 -1
- package/dist/components/p-DTJsO_Eg.js +0 -1
|
@@ -15,11 +15,11 @@ const CoEmptyState = class {
|
|
|
15
15
|
render() {
|
|
16
16
|
var _a;
|
|
17
17
|
const iconWeight = (_a = this.iconWeight) !== null && _a !== void 0 ? _a : (this.variant === 'card' ? 'regular' : 'light');
|
|
18
|
-
return (index.h("div", { key: '
|
|
18
|
+
return (index.h("div", { key: 'e113826d18559a68ffae18ccf6529eea99d1e3e1', class: {
|
|
19
19
|
'co-empty-state': true,
|
|
20
20
|
[`co-empty-state--${this.variant}`]: true,
|
|
21
21
|
[`co-empty-state--${this.size}`]: true,
|
|
22
|
-
}, part: "empty-state" }, this.icon && (index.h("div", { key: '
|
|
22
|
+
}, part: "empty-state" }, this.icon && (index.h("div", { key: 'ada3644ee8b42e431b7d433f2240a3500caa2876', class: "co-empty-state__icon" }, index.h("co-icon", { key: 'ecfbb6c8ffefa7e919859a960bc56390f0c1403d', name: this.icon, size: 40, weight: iconWeight }))), this.heading && (index.h("div", { key: '3473ab221979388c12fb4f5c9dd4a0816f0a9eea', class: "co-empty-state__heading" }, this.heading)), this.description && (index.h("div", { key: '55065da69e04e5ac3d6859b28ecdb452320b9263', class: "co-empty-state__description" }, this.description)), index.h("div", { key: '2842e7935653e51f42fb389827abf7db433a00a4', class: "co-empty-state__actions" }, index.h("slot", { key: 'ed90d3aaced375020cfb4af1c1d44077fbba0f17' }))));
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
25
|
CoEmptyState.style = coEmptyStateCss();
|
|
@@ -359,10 +359,10 @@ const CoEventCalendar = class {
|
|
|
359
359
|
const t = dateI18n.getDateStrings(this.locale);
|
|
360
360
|
const views = this.viewsList;
|
|
361
361
|
const a = dates.parseISO(this.anchor);
|
|
362
|
-
return (index.h("div", { key: '
|
|
362
|
+
return (index.h("div", { key: 'd0a147fee3fa5ad01d40dacbbc2a0b1adf8f3808', class: "cal" }, index.h("div", { key: '35feaa81dc6f139fcced1ee691864b1587b19931', class: "cal__toolbar", part: "toolbar" }, index.h("button", { key: 'd05cf866772e81bacd7c904ff31d7f5032431672', type: "button", class: "cal__btn", onClick: this.goToday }, (_a = t.today) !== null && _a !== void 0 ? _a : 'Today'), index.h("div", { key: 'b3c1389ec39de8121d807c8eec944751245b2324', class: "cal__title-group" }, index.h("button", { key: '17224b09c008cf0d5bae8e585f3ffc7981bf63bb', type: "button", class: "cal__icon-btn", "aria-label": t.prevMonth, onClick: this.goPrev }, index.h("co-icon", { key: '2bf18c14b972a6a2b0136e67279b743b69074060', name: "caret-left", size: 16 })), index.h("h2", { key: '7ad21c7a35e45355870f699ecbbe79099de7e7e6', class: "cal__title", "aria-live": "polite" }, this.title()), index.h("button", { key: '4bb0d0287b41b4f100d09c9627afeb91bc5b57d7', type: "button", class: "cal__icon-btn", "aria-label": t.nextMonth, onClick: this.goNext }, index.h("co-icon", { key: '9bf5ab51b1d31e4d5c8274be1ca5b71ef96335a1', name: "caret-right", size: 16 }))), views.length > 1 ? (index.h("div", { class: "cal__views", role: "tablist" }, views.map((v) => {
|
|
363
363
|
var _a;
|
|
364
364
|
return (index.h("button", { type: "button", role: "tab", "aria-selected": this.view === v ? 'true' : 'false', class: { 'cal__view-btn': true, 'cal__view-btn--active': this.view === v }, onClick: () => this.switchView(v) }, (_a = t[v]) !== null && _a !== void 0 ? _a : v));
|
|
365
|
-
}))) : (index.h("span", { class: "cal__views-spacer" }))), index.h("div", { key: '
|
|
365
|
+
}))) : (index.h("span", { class: "cal__views-spacer" }))), index.h("div", { key: '468dd7e859c0f9cbbe7d9e48e0c4cd55fdea2ddf', class: "cal__body", part: "body" }, this.view === 'month' ? (index.h("co-calendar-month", { loading: this.loading, events: this.normalized, year: a.year, month: a.month, locale: this.locale, firstDayOfWeek: this.firstDayOfWeek, timeZone: this.tz, minDate: this.minDate, maxDate: this.maxDate, editable: this.editable, selectable: this.selectable, maxLanes: this.dayMaxEvents, onCoDaySelect: this.handleDaySelect, onCoEventClick: this.handleEventClick, onCoEventDblClick: this.handleEventDblClick, onCoEventDrop: this.handleEventDrop, onCoMoreClick: this.handleMoreClick })) : this.view === 'week' || this.view === 'day' ? (index.h("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 })) : (index.h("div", { class: "cal__placeholder" }, index.h("co-icon", { name: "calendar-dots", size: 32 }), index.h("p", null, `${this.view} view — coming soon`))))));
|
|
366
366
|
}
|
|
367
367
|
get el() { return index.getElement(this); }
|
|
368
368
|
static get watchers() { return {
|
|
@@ -115,7 +115,7 @@ const CoEventPopover = class {
|
|
|
115
115
|
this.coClose.emit();
|
|
116
116
|
}
|
|
117
117
|
render() {
|
|
118
|
-
return (index.h(index.Host, { key: '
|
|
118
|
+
return (index.h(index.Host, { key: '2bf728a720fb724085b945b4128a4bad5831b870' }, index.h("div", { key: '81bf88204d662d59a9b4d0b2148063e8244287c3', class: "pop", popover: "manual", role: "dialog", "aria-modal": "false", "aria-label": this.popoverLabel, tabIndex: -1, ref: (el) => (this.panelEl = el) }, index.h("div", { key: '1dae9ef8ef905f269946cb0a842636d77af46e66', class: "pop__actions", part: "actions" }, index.h("slot", { key: 'ce5a5fa4ea60a6649d323953dbfa2cccd8840f7c', name: "actions" })), index.h("div", { key: '019f8e05e990563069e33dd1936655df664085ae', class: "pop__head" }, this.dot && index.h("span", { key: 'a1f11545250cbf9fb900840dfca4d6721cb98852', class: "pop__dot", style: this.color ? { background: this.color } : {} }), index.h("div", { key: 'e81876518297dde46ef6288538c4e471b5eab521', class: "pop__body", part: "body" }, index.h("slot", { key: '9818f107cee7d29278b58efd1af3109d345651b4' }))))));
|
|
119
119
|
}
|
|
120
120
|
get el() { return index.getElement(this); }
|
|
121
121
|
static get watchers() { return {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var index = require('./index-DK-2Lzmf.js');
|
|
4
4
|
|
|
5
|
-
const coFabCss = () => `:host{display:inline-flex;font-family:var(--co-font-family-primary);line-height:1}.co-fab{display:inline-flex;align-items:center;justify-content:center;gap:var(--co-spacing-sm2);border:none;border-radius:var(--co-border-radius-full);cursor:pointer;font-family:inherit;font-weight:500;white-space:nowrap;box-sizing:border-box;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out);box-shadow:0 4px 12px rgba(31, 28, 27, 0.15)}.co-fab--xl{--co-fab-size:64px;width:64px;height:64px;font-size:var(--co-font-size-16)}.co-fab--l{--co-fab-size:56px;width:56px;height:56px;font-size:var(--co-font-size-16)}.co-fab--m{--co-fab-size:48px;width:48px;height:48px;font-size:var(--co-font-size-14)}.co-fab--s{--co-fab-size:40px;width:40px;height:40px;font-size:var(--co-font-size-14)}.co-fab--extended{width:auto;border-radius:var(--co-border-radius-lg)}.co-fab--extended.co-fab--xl{padding:0 var(--co-spacing-xl)}.co-fab--extended.co-fab--l{padding:0 var(--co-spacing-xl)}.co-fab--extended.co-fab--m{padding:0 var(--co-spacing-lg)}.co-fab--extended.co-fab--s{padding:0 var(--co-spacing-md)}.co-fab--hover-expand{justify-content:flex-start;overflow:hidden;transition:width var(--co-motion-duration-slow) var(--co-motion-ease-in-out), background var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-fab--hover-expand.co-fab--xl{padding:0 20px}.co-fab--hover-expand.co-fab--l{padding:0 16px}.co-fab--hover-expand.co-fab--m{padding:0 14px}.co-fab--hover-expand.co-fab--s{padding:0 11px}.co-fab--hover-expand:hover:not(:disabled),.co-fab--hover-expand:focus-visible{width:calc(var(--co-fab-size) + var(--co-spacing-sm2) + var(--co-fab-label-w, 0px));transition:width var(--co-motion-duration-slower) var(--co-motion-ease-spring), background var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-fab--hover-expand co-icon{flex-shrink:0;transition:transform var(--co-motion-duration-slower) var(--co-motion-ease-spring)}.co-fab--hover-expand:hover:not(:disabled) co-icon,.co-fab--hover-expand:focus-visible co-icon{transform:rotate(90deg)}.co-fab--hover-expand .co-fab__label{flex-shrink:0;opacity:0;transform:translateX(-6px);transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-fab--hover-expand:hover:not(:disabled) .co-fab__label,.co-fab--hover-expand:focus-visible .co-fab__label{opacity:1;transform:translateX(0);transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out) 0.1s, transform var(--co-motion-duration-slow) var(--co-motion-ease-spring) 0.1s}@media (prefers-reduced-motion: reduce){.co-fab--hover-expand:hover:not(:disabled) .co-fab__label,.co-fab--hover-expand:focus-visible .co-fab__label{transition-delay:0s}}.co-fab--primary{background:var(--co-fab-bg, var(--co-color-base-negro, #1f1c1b));color:var(--co-semantic-on-primary)}.co-fab--primary:hover:not(:disabled){box-shadow:0 6px 20px rgba(31, 28, 27, 0.2);transform:translateY(-1px)}.co-fab--secondary{background:var(--co-semantic-surface-secondary);color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-subtle)}.co-fab--secondary:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-fab--stroke{background:transparent;color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-default)}.co-fab--stroke:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-fab:active:not(:disabled){transform:translateY(0) scale(0.96)}.co-fab--disabled{opacity:0.4;cursor:not-allowed;box-shadow:none}.co-fab--bottom-right{position:fixed;bottom:24px;right:24px;z-index:1000}.co-fab--bottom-left{position:fixed;bottom:24px;left:24px;z-index:1000}.co-fab--top-right{position:fixed;top:24px;right:24px;z-index:1000}.co-fab--top-left{position:fixed;top:24px;left:24px;z-index:1000}.co-fab__label{line-height:1}`;
|
|
5
|
+
const coFabCss = () => `:host{display:inline-flex;font-family:var(--co-font-family-primary);line-height:1}.co-fab{display:inline-flex;align-items:center;justify-content:center;gap:var(--co-spacing-sm2);border:none;border-radius:var(--co-border-radius-full);cursor:pointer;font-family:inherit;font-weight:500;white-space:nowrap;box-sizing:border-box;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out);box-shadow:0 4px 12px rgba(31, 28, 27, 0.15)}.co-fab--xl{--co-fab-size:64px;width:64px;height:64px;font-size:var(--co-font-size-16)}.co-fab--l{--co-fab-size:56px;width:56px;height:56px;font-size:var(--co-font-size-16)}.co-fab--m{--co-fab-size:48px;width:48px;height:48px;font-size:var(--co-font-size-14)}.co-fab--s{--co-fab-size:40px;width:40px;height:40px;font-size:var(--co-font-size-14)}.co-fab--extended{width:auto;border-radius:var(--co-border-radius-lg)}.co-fab--extended.co-fab--xl{padding:0 var(--co-spacing-xl)}.co-fab--extended.co-fab--l{padding:0 var(--co-spacing-xl)}.co-fab--extended.co-fab--m{padding:0 var(--co-spacing-lg)}.co-fab--extended.co-fab--s{padding:0 var(--co-spacing-md)}.co-fab--hover-expand{justify-content:flex-start;overflow:hidden;transition:width var(--co-motion-duration-slow) var(--co-motion-ease-in-out), background var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-fab--hover-expand.co-fab--xl{padding:0 20px}.co-fab--hover-expand.co-fab--l{padding:0 16px}.co-fab--hover-expand.co-fab--m{padding:0 14px}.co-fab--hover-expand.co-fab--s{padding:0 11px}.co-fab--hover-expand:hover:not(:disabled),.co-fab--hover-expand:focus-visible{width:calc(var(--co-fab-size) + var(--co-spacing-sm2) + var(--co-fab-label-w, 0px));transition:width var(--co-motion-duration-slower) var(--co-motion-ease-spring), background var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-fab--hover-expand co-icon{flex-shrink:0;transition:transform var(--co-motion-duration-slower) var(--co-motion-ease-spring)}.co-fab--hover-expand:hover:not(:disabled) co-icon,.co-fab--hover-expand:focus-visible co-icon{transform:rotate(90deg)}.co-fab--hover-expand .co-fab__label{flex-shrink:0;opacity:0;transform:translateX(-6px);transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-fab--hover-expand:hover:not(:disabled) .co-fab__label,.co-fab--hover-expand:focus-visible .co-fab__label{opacity:1;transform:translateX(0);transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out) 0.1s, transform var(--co-motion-duration-slow) var(--co-motion-ease-spring) 0.1s}@media (prefers-reduced-motion: reduce){.co-fab--hover-expand:hover:not(:disabled) .co-fab__label,.co-fab--hover-expand:focus-visible .co-fab__label{transition-delay:0s}}.co-fab--primary{background:var(--co-fab-bg, var(--co-color-base-negro, #1f1c1b));color:var(--co-semantic-on-primary)}.co-fab--primary:hover:not(:disabled){box-shadow:0 6px 20px rgba(31, 28, 27, 0.2);transform:translateY(-1px)}.co-fab--secondary{background:var(--co-semantic-surface-secondary);color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-subtle)}.co-fab--secondary:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-fab--stroke{background:transparent;color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-default)}.co-fab--stroke:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-fab:active:not(:disabled){transform:translateY(0) scale(0.96)}.co-fab--disabled{opacity:0.4;cursor:not-allowed;box-shadow:none}.co-fab--bottom-right{position:fixed;bottom:var(--co-fab-offset-bottom, 24px);right:var(--co-fab-offset-right, 24px);z-index:1000}.co-fab--bottom-left{position:fixed;bottom:var(--co-fab-offset-bottom, 24px);left:var(--co-fab-offset-left, 24px);z-index:1000}.co-fab--top-right{position:fixed;top:var(--co-fab-offset-top, 24px);right:var(--co-fab-offset-right, 24px);z-index:1000}.co-fab--top-left{position:fixed;top:var(--co-fab-offset-top, 24px);left:var(--co-fab-offset-left, 24px);z-index:1000}.co-fab__label{line-height:1}`;
|
|
6
6
|
|
|
7
7
|
const CoFab = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -35,7 +35,7 @@ const CoFab = class {
|
|
|
35
35
|
const iconSize = this.size === 'xl' ? 24 : this.size === 'l' ? 24 : this.size === 's' ? 18 : 20;
|
|
36
36
|
const hasLabel = !!this.label;
|
|
37
37
|
const hoverExpand = hasLabel && this.expandOnHover;
|
|
38
|
-
return (index.h("button", { key: '
|
|
38
|
+
return (index.h("button", { key: '33b456dcff41cacf4783c6aacdd8d99e6b699eff', class: {
|
|
39
39
|
'co-fab': true,
|
|
40
40
|
[`co-fab--${this.variant}`]: true,
|
|
41
41
|
[`co-fab--${this.size}`]: true,
|
|
@@ -43,7 +43,7 @@ const CoFab = class {
|
|
|
43
43
|
'co-fab--hover-expand': hoverExpand,
|
|
44
44
|
'co-fab--disabled': this.disabled,
|
|
45
45
|
[`co-fab--${this.position}`]: this.position !== 'none',
|
|
46
|
-
}, type: "button", disabled: this.disabled, onClick: this.handleClick, onPointerEnter: this.handleExpandMeasure, onFocusin: this.handleExpandMeasure, "aria-label": this.ariaLabelText || this.label || this.icon }, index.h("co-icon", { key: '
|
|
46
|
+
}, type: "button", disabled: this.disabled, onClick: this.handleClick, onPointerEnter: this.handleExpandMeasure, onFocusin: this.handleExpandMeasure, "aria-label": this.ariaLabelText || this.label || this.icon }, index.h("co-icon", { key: '4d7ab37bc111369fc17277ece2e397b4207ec3f4', name: this.icon, size: iconSize }), this.label && (index.h("span", { key: '7de41d3f16a27dc3ce66c6b1d2731f5774046630', class: "co-fab__label", ref: (el) => (this.labelEl = el) }, this.label))));
|
|
47
47
|
}
|
|
48
48
|
get el() { return index.getElement(this); }
|
|
49
49
|
};
|
|
@@ -452,12 +452,12 @@ const CoFileField = class {
|
|
|
452
452
|
const previews = items.filter((it) => isImage(it) && !this.failedPreviews.has(this.keyFor(it)));
|
|
453
453
|
const canReorder = this.reorderable && this.multiple && !this.disabled && !this.readonly && items.length > 1;
|
|
454
454
|
const capacity = this.capacityHint(s);
|
|
455
|
-
return (index.h("div", { key: '
|
|
455
|
+
return (index.h("div", { key: '615291bd9c075d4f26f264602da03427e13bf35b', class: {
|
|
456
456
|
'co-file-field': true,
|
|
457
457
|
'co-file-field--disabled': this.disabled,
|
|
458
458
|
'co-file-field--invalid': this.isInvalid,
|
|
459
459
|
[statusClass]: !!statusClass,
|
|
460
|
-
}, part: "wrapper" }, this.label && (index.h("div", { key: '
|
|
460
|
+
}, part: "wrapper" }, this.label && (index.h("div", { key: '0c4fbdb6c5824824bbe39a96c568f06f442955ef', class: "co-file-field__labels" }, index.h("label", { key: '4f8767b17adcd04d553c2cf6668c60c30a780783', class: "co-file-field__label", part: "label" }, this.label, index.h(requiredMark.RequiredMark, { key: '82fb4a69b136fcdcdd3b3e81ea8d2deb8ca64e10', required: this.required })))), showDropzone && (index.h("div", { key: 'bce9efbedf17d917ae4bf00ae839409f63e4cccd', class: {
|
|
461
461
|
'co-file-field__dropzone': true,
|
|
462
462
|
'co-file-field__dropzone--drag': this.dragOver,
|
|
463
463
|
}, part: "dropzone", role: "button", tabIndex: this.disabled ? -1 : 0, onClick: this.handleBrowse, onKeyDown: (e) => {
|
|
@@ -465,7 +465,7 @@ const CoFileField = class {
|
|
|
465
465
|
e.preventDefault();
|
|
466
466
|
this.handleBrowse();
|
|
467
467
|
}
|
|
468
|
-
}, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave, onDrop: this.handleDrop }, index.h("button", { key: '
|
|
468
|
+
}, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave, onDrop: this.handleDrop }, index.h("button", { key: '82c82cf57f9692bc560d4c82e0bc22a539e25e08', class: "co-file-field__upload-btn", part: "upload-button", type: "button", tabIndex: -1 }, index.h("co-icon", { key: 'e2dc567ce78647717c894c877334e2eecab6b80e', name: "file-arrow-up", size: 18 }), index.h("span", { key: '9c0082e62f13a53d5d598623e35678db84df52b3' }, this.uploadButtonText || s.uploadButton)), index.h("span", { key: '3f43f21c3fb54f1d21143aa7cdf9a485ee89cf69', class: "co-file-field__dropzone-text" }, this.dropText || s.dropHint), capacity && index.h("span", { key: 'd4b2a12ffde1a17c5f1cdded7fb50f035ffb6f0c', class: "co-file-field__dropzone-hint" }, capacity), index.h("div", { key: '38e36894d82bb094d4dbd37fb10b915607bf3f13', class: "co-file-field__actions", part: "actions" }, index.h("slot", { key: '993f64d18baed0474f29e50418bd5883ac6bc90c', name: "actions" })), index.h("input", { key: '33dcec562a9c266ca3920537297ddbff2688a0a3', ref: (el) => (this.inputEl = el), class: "co-file-field__input", type: "file", multiple: this.multiple, accept: this.inputAccept, disabled: this.disabled, onChange: this.handleInputChange, "aria-hidden": "true", tabIndex: -1 }))), items.length > 0 && (index.h("div", { key: 'a78a747ee890c15d082c99770c0a8487405301ee', class: "co-file-field__uploaded" }, this.multiple && (index.h("div", { key: '08336c691f85e1c39216779a850e1c4eb4ad92eb', class: "co-file-field__uploaded-title", part: "uploaded-title" }, `${this.uploadedTitle || s.uploadedTitle} (${items.length})`)), previews.length > 0 && (index.h("div", { key: '374c52cbaf91ab19d1781c6f4faaed809146aea5', class: "co-file-field__previews", part: "previews" }, previews.map((item) => (index.h("button", { class: "co-file-field__preview", part: "preview", type: "button", key: `prev-${this.keyFor(item)}`, title: item.name, "aria-label": s.openPreview, onClick: () => this.handlePreviewOpen(item) }, index.h("img", { src: item.thumbnail || item.url, alt: item.name, loading: "lazy", onError: () => this.handlePreviewError(item) })))))), index.h("ul", { key: '93ab31f0a3567287db8de9b5b00f4e3772988c82', class: "co-file-field__list", part: "list" }, items.map((item) => {
|
|
469
469
|
const key = this.keyFor(item);
|
|
470
470
|
const draggable = canReorder && item.status === 'done';
|
|
471
471
|
return (index.h("li", { class: {
|
|
@@ -486,10 +486,10 @@ const CoFileField = class {
|
|
|
486
486
|
'co-file-field__action': true,
|
|
487
487
|
'co-file-field__action--copied': this.copiedKey === key,
|
|
488
488
|
}, type: "button", tabIndex: -1, title: this.copiedKey === key ? s.copied : s.copyUrl, "aria-label": s.copyUrl, onClick: () => this.handleCopy(item) }, index.h("co-icon", { name: this.copiedKey === key ? 'check' : 'copy', size: 18 }))), !this.disabled && !this.readonly && (index.h("button", { class: "co-file-field__action", type: "button", tabIndex: -1, title: s.removeFile, "aria-label": s.removeFile, onClick: () => this.coRemove.emit(key) }, index.h("co-icon", { name: "trash", size: 18 })))));
|
|
489
|
-
})))), helper && (index.h("div", { key: '
|
|
489
|
+
})))), helper && (index.h("div", { key: 'fce82b34f47fbf65872fbd5dea20a87b4c99ae12', class: {
|
|
490
490
|
'co-file-field__helper': true,
|
|
491
491
|
'co-file-field__helper--error': this.isInvalid,
|
|
492
|
-
}, part: "helper" }, this.isInvalid && (index.h("co-icon", { key: '
|
|
492
|
+
}, part: "helper" }, this.isInvalid && (index.h("co-icon", { key: '920361c5833f0252673779b716f872af151ae4b2', name: "warning-circle", size: 14, class: "co-file-field__helper-icon" })), index.h("span", { key: '6711fa168985fb206fdb79533834e4d8548da3dd', class: "co-file-field__helper-text" }, helper)))));
|
|
493
493
|
}
|
|
494
494
|
get el() { return index.getElement(this); }
|
|
495
495
|
};
|
|
@@ -60,7 +60,7 @@ const CoFileTypeTile = class {
|
|
|
60
60
|
const iconSize = Math.round(this.size * 0.5);
|
|
61
61
|
const background = this.colorTags ? meta.tint : 'var(--co-color-gray-100)';
|
|
62
62
|
const color = this.colorTags ? meta.accent : 'var(--co-color-gray-600)';
|
|
63
|
-
return (index.h("span", { key: '
|
|
63
|
+
return (index.h("span", { key: 'adb6141d2b0d587d289d0d1c8f3887963a33261a', class: {
|
|
64
64
|
'co-file-type-tile': true,
|
|
65
65
|
[`co-file-type-tile--${type}`]: true,
|
|
66
66
|
'co-file-type-tile--mono': !this.colorTags,
|
|
@@ -70,7 +70,7 @@ const CoFileTypeTile = class {
|
|
|
70
70
|
borderRadius: `${this.radius}px`,
|
|
71
71
|
background,
|
|
72
72
|
color,
|
|
73
|
-
} }, index.h("co-icon", { key: '
|
|
73
|
+
} }, index.h("co-icon", { key: 'e409cbb4d9c2d08f9417058ec843a6466d875f04', name: meta.icon, size: iconSize, weight: "fill" })));
|
|
74
74
|
}
|
|
75
75
|
};
|
|
76
76
|
CoFileTypeTile.style = coFileTypeTileCss();
|
|
@@ -18,10 +18,10 @@ const CoHelperText = class {
|
|
|
18
18
|
};
|
|
19
19
|
}
|
|
20
20
|
render() {
|
|
21
|
-
return (index.h("div", { key: '
|
|
21
|
+
return (index.h("div", { key: '09ca6f7214d2c25432ffb9e9fa90036d81c48200', class: {
|
|
22
22
|
'co-helper-text': true,
|
|
23
23
|
[`co-helper-text--${this.status}`]: true,
|
|
24
|
-
}, part: "helper-text" }, index.h("co-icon", { key: '
|
|
24
|
+
}, part: "helper-text" }, index.h("co-icon", { key: 'd3757438d31d6a14d4c52157197818846ac3fd11', name: this.STATUS_ICON[this.status], size: 14, weight: "fill", class: "co-helper-text__icon" }), index.h("span", { key: '7ae8d75fa07b8a6046e02d36c05b73676a68425e', class: "co-helper-text__message" }, index.h("slot", { key: 'd13a404f19f6b04d0b63aa2a4f68caf84d33e619' }, this.message))));
|
|
25
25
|
}
|
|
26
26
|
};
|
|
27
27
|
CoHelperText.style = coHelperTextCss();
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var index = require('./index-DK-2Lzmf.js');
|
|
4
4
|
|
|
5
|
-
const coIconButtonCss = () => `:host{display:inline-flex}.co-icon-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent;outline:none;padding:0;flex-shrink:0;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out), background var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out);box-sizing:border-box;-webkit-font-smoothing:antialiased;-webkit-backdrop-filter:var(--co-icon-button-backdrop-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)));backdrop-filter:var(--co-icon-button-backdrop-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)))}.co-icon-button--filled{background:color-mix(in srgb, var(--co-semantic-surface-primary) 78%, transparent);color:var(--co-semantic-on-primary);border-color:color-mix(in srgb, var(--co-semantic-on-primary) 28%, transparent)}.co-icon-button--outlined{background:color-mix(in srgb, var(--co-icon-button-bg, var(--co-semantic-surface-secondary)) 55%, transparent);color:var(--co-icon-button-color, var(--co-semantic-on-secondary));border:1px solid var(--co-icon-button-border, var(--co-semantic-border-subtle))}.co-icon-button--ghost{background:transparent;color:var(--co-icon-button-color, var(--co-semantic-text-default));border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.co-icon-button--ghost:hover:not(:disabled){background:var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08))}.co-icon-button--dark{color:var(--co-icon-button-color, var(--co-color-base-blanco, #fff))}.co-icon-button--dark.co-icon-button--ghost:hover:not(:disabled){background:var(--co-color-opacity-blanco-16, rgba(255, 255, 255, 0.16))}.co-icon-button--rounded.co-icon-button--xl{width:80px;height:80px;border-radius:var(--co-border-radius-full)}.co-icon-button--rounded.co-icon-button--lg{width:64px;height:64px;border-radius:var(--co-border-radius-full)}.co-icon-button--rounded.co-icon-button--md{width:56px;height:56px;border-radius:var(--co-border-radius-full)}.co-icon-button--rounded.co-icon-button--sm{width:48px;height:48px;border-radius:var(--co-border-radius-full)}.co-icon-button--rounded.co-icon-button--xs{width:32px;height:32px;border-radius:var(--co-border-radius-full)}.co-icon-button--rounded.co-icon-button--xxs{width:24px;height:24px;border-radius:var(--co-border-radius-full)}.co-icon-button--square.co-icon-button--xl{width:80px;height:80px;border-radius:var(--co-border-radius-xl);}.co-icon-button--square.co-icon-button--lg{width:64px;height:64px;border-radius:var(--co-border-radius-lg);}.co-icon-button--square.co-icon-button--md{width:56px;height:56px;border-radius:var(--co-border-radius-lg);}.co-icon-button--square.co-icon-button--sm{width:48px;height:48px;border-radius:var(--co-border-radius-sm);}.co-icon-button--square.co-icon-button--xs{width:32px;height:32px;border-radius:var(--co-border-radius-xs);}.co-icon-button--square.co-icon-button--xxs{width:24px;height:24px;border-radius:var(--co-spacing-sm);}.co-icon-button--xl ::slotted(*){width:32px;height:32px}.co-icon-button--lg ::slotted(*){width:24px;height:24px}.co-icon-button--md ::slotted(*){width:20px;height:20px}.co-icon-button--sm ::slotted(*){width:18px;height:18px}.co-icon-button--xs ::slotted(*){width:16px;height:16px}.co-icon-button--xxs ::slotted(*){width:12px;height:12px}.co-icon-button--disabled,.co-icon-button:disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-icon-button:hover:not(:disabled){opacity:0.88}.co-icon-button:active:not(:disabled){transform:scale(0.97);transition-duration:var(--co-motion-duration-instant)}@supports not (background: color-mix(in srgb, red, transparent)){.co-icon-button--filled{background:var(--co-semantic-surface-primary)}.co-icon-button--outlined{background:var(--co-icon-button-bg, var(--co-semantic-surface-secondary))}}`;
|
|
5
|
+
const coIconButtonCss = () => `:host{display:inline-flex}.co-icon-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent;outline:none;padding:0;flex-shrink:0;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out), background var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out);box-sizing:border-box;-webkit-font-smoothing:antialiased;-webkit-backdrop-filter:var(--co-icon-button-backdrop-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)));backdrop-filter:var(--co-icon-button-backdrop-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)))}.co-icon-button--filled{background:color-mix(in srgb, var(--co-semantic-surface-primary) 78%, transparent);color:var(--co-semantic-on-primary);border-color:color-mix(in srgb, var(--co-semantic-on-primary) 28%, transparent)}.co-icon-button--outlined{background:color-mix(in srgb, var(--co-icon-button-bg, var(--co-semantic-surface-secondary)) 55%, transparent);color:var(--co-icon-button-color, var(--co-semantic-on-secondary));border:1px solid var(--co-icon-button-border, var(--co-semantic-border-subtle))}.co-icon-button--ghost{background:transparent;color:var(--co-icon-button-color, var(--co-semantic-text-default));border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.co-icon-button--ghost:hover:not(:disabled){background:var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08))}.co-icon-button--dark{color:var(--co-icon-button-color, var(--co-color-base-blanco, #fff))}.co-icon-button--dark.co-icon-button--ghost:hover:not(:disabled){background:var(--co-color-opacity-blanco-16, rgba(255, 255, 255, 0.16))}.co-icon-button--rounded.co-icon-button--xl{width:80px;height:80px;border-radius:var(--co-border-radius-full)}.co-icon-button--rounded.co-icon-button--lg{width:64px;height:64px;border-radius:var(--co-border-radius-full)}.co-icon-button--rounded.co-icon-button--md{width:56px;height:56px;border-radius:var(--co-border-radius-full)}.co-icon-button--rounded.co-icon-button--sm{width:48px;height:48px;border-radius:var(--co-border-radius-full)}.co-icon-button--rounded.co-icon-button--xs{width:32px;height:32px;border-radius:var(--co-border-radius-full)}.co-icon-button--rounded.co-icon-button--xxs{width:24px;height:24px;border-radius:var(--co-border-radius-full)}.co-icon-button--square.co-icon-button--xl{width:80px;height:80px;border-radius:var(--co-border-radius-xl);}.co-icon-button--square.co-icon-button--lg{width:64px;height:64px;border-radius:var(--co-border-radius-lg);}.co-icon-button--square.co-icon-button--md{width:56px;height:56px;border-radius:var(--co-border-radius-lg);}.co-icon-button--square.co-icon-button--sm{width:48px;height:48px;border-radius:var(--co-border-radius-sm);}.co-icon-button--square.co-icon-button--xs{width:32px;height:32px;border-radius:var(--co-border-radius-xs);}.co-icon-button--square.co-icon-button--xxs{width:24px;height:24px;border-radius:var(--co-spacing-sm);}.co-icon-button--xl ::slotted(*){width:32px;height:32px}.co-icon-button--lg ::slotted(*){width:24px;height:24px}.co-icon-button--md ::slotted(*){width:20px;height:20px}.co-icon-button--sm ::slotted(*){width:18px;height:18px}.co-icon-button--xs ::slotted(*){width:16px;height:16px}.co-icon-button--xxs ::slotted(*){width:12px;height:12px}.co-icon-button--disabled,.co-icon-button:disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-icon-button:hover:not(:disabled){opacity:0.88}.co-icon-button:focus-visible{outline:none;border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus)}.co-icon-button--dark:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--co-color-base-blanco, #fff) 45%, transparent)}.co-icon-button:active:not(:disabled){transform:scale(0.97);transition-duration:var(--co-motion-duration-instant)}@supports not (background: color-mix(in srgb, red, transparent)){.co-icon-button--filled{background:var(--co-semantic-surface-primary)}.co-icon-button--outlined{background:var(--co-icon-button-bg, var(--co-semantic-surface-secondary))}}`;
|
|
6
6
|
|
|
7
7
|
const CoIconButton = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -47,7 +47,7 @@ const CoIconButton = class {
|
|
|
47
47
|
: 'var(--co-border-radius-full)',
|
|
48
48
|
}
|
|
49
49
|
: undefined;
|
|
50
|
-
return (index.h("button", { key: '
|
|
50
|
+
return (index.h("button", { key: '870a3f745f22073b730bf78c57712aefcd1f0ae1', class: {
|
|
51
51
|
'co-icon-button': true,
|
|
52
52
|
[`co-icon-button--${this.variant}`]: true,
|
|
53
53
|
[`co-icon-button--${this.shape}`]: true,
|
|
@@ -69,12 +69,12 @@ const CoIcon = class {
|
|
|
69
69
|
this.svgContent = await loadSvg(this.name, this.weight);
|
|
70
70
|
}
|
|
71
71
|
render() {
|
|
72
|
-
return (index.h(index.Host, { key: '
|
|
72
|
+
return (index.h(index.Host, { key: '9fa97e09f5063eaa9b463f1bb7f06d4b277c8bc6', "aria-hidden": "true", style: {
|
|
73
73
|
display: 'inline-flex',
|
|
74
74
|
width: `${this.size}px`,
|
|
75
75
|
height: `${this.size}px`,
|
|
76
76
|
flexShrink: '0',
|
|
77
|
-
} }, index.h("span", { key: '
|
|
77
|
+
} }, index.h("span", { key: '092068cc819b5d0cd63e15a5f3e0b7349cdb63cd', part: "svg", innerHTML: this.svgContent })));
|
|
78
78
|
}
|
|
79
79
|
static get watchers() { return {
|
|
80
80
|
"name": [{
|
|
@@ -89,17 +89,17 @@ const CoJsonField = class {
|
|
|
89
89
|
render() {
|
|
90
90
|
const helper = this.internalInvalid ? this.invalidMessage : this.helperText;
|
|
91
91
|
const statusClass = this.status !== 'default' ? `co-json-field--${this.status}` : '';
|
|
92
|
-
return (index.h("div", { key: '
|
|
92
|
+
return (index.h("div", { key: '5b2311f320820573ac6f7fb501b1a566e1e640fb', class: {
|
|
93
93
|
'co-json-field': true,
|
|
94
94
|
'co-json-field--disabled': this.disabled,
|
|
95
95
|
'co-json-field--focused': this.hasFocus,
|
|
96
96
|
'co-json-field--invalid': this.isInvalid,
|
|
97
97
|
[`co-json-field--${this.size}`]: true,
|
|
98
98
|
[statusClass]: !!statusClass,
|
|
99
|
-
}, part: "wrapper" }, this.label && (index.h("div", { key: '
|
|
99
|
+
}, part: "wrapper" }, this.label && (index.h("div", { key: '98b624bc8d99515a83f19df185207ae696dcb943', class: "co-json-field__labels" }, index.h("label", { key: 'cfdccd9cedd268e5c8074b9f68c06618cf7d222d', class: "co-json-field__label", part: "label" }, this.label, index.h(requiredMark.RequiredMark, { key: 'eb659605e09458ba403de648c4d499f08e899e90', required: this.required })))), index.h("div", { key: '25cc5eb6b413f4d2f3e57154849adc2e91d23cea', class: "co-json-field__field", part: "field" }, index.h("textarea", { key: '5739bc7a9f45853d0c553bc03459028fb9225e1e', class: "co-json-field__native", rows: this.rows, spellcheck: false, autocomplete: "off", value: this.draft, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, "aria-invalid": this.isInvalid ? 'true' : 'false', "aria-label": !this.label ? 'JSON' : undefined, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, part: "input" })), this.name && index.h("input", { key: '2a49f930780920205b51403271c86e2a7d49908f', type: "hidden", name: this.name, value: this.draft }), helper && (index.h("div", { key: '3ffa24824f850162de4e3dbdf12535f35ccdb864', class: {
|
|
100
100
|
'co-json-field__helper': true,
|
|
101
101
|
'co-json-field__helper--error': this.isInvalid,
|
|
102
|
-
}, part: "helper" }, this.isInvalid && (index.h("co-icon", { key: '
|
|
102
|
+
}, part: "helper" }, this.isInvalid && (index.h("co-icon", { key: 'f01083ead8818bdb50e0579f6805ab3c07d5829f', name: "warning-circle", size: 14, class: "co-json-field__helper-icon" })), index.h("span", { key: '02d8146ec67d84171bb21ce58838e4ef9cc6391c', class: "co-json-field__helper-text" }, helper)))));
|
|
103
103
|
}
|
|
104
104
|
get el() { return index.getElement(this); }
|
|
105
105
|
static get watchers() { return {
|
|
@@ -341,17 +341,17 @@ const CoLightbox = class {
|
|
|
341
341
|
const counter = s.counter
|
|
342
342
|
.replace('{i}', String(this.index + 1))
|
|
343
343
|
.replace('{n}', String(imgs.length));
|
|
344
|
-
return (index.h("div", { key: '
|
|
344
|
+
return (index.h("div", { key: 'b3999d685ec6dc1c12bf430eba3bc0982b2fd4d3', class: { 'co-lightbox': true, 'co-lightbox--open': this.open }, part: "overlay", role: "dialog", "aria-modal": "true", "aria-label": img === null || img === void 0 ? void 0 : img.alt, popover: "manual", ref: this.syncTopLayer, onClick: this.requestClose }, img && (index.h("div", { key: '3c757d34339330ddc8179869771548d2e10eeb86', class: "co-lightbox__toolbar", part: "toolbar", onClick: this.stop }, index.h("span", { key: 'ea97b286b84225423f46de0241fb7ab5f86a615e', class: "co-lightbox__caption", title: img.alt }, img.alt), index.h("div", { key: '273f23d1c551f459ed2d2b7d2dbdccf43beba000', class: "co-lightbox__zoom" }, index.h("button", { key: '7af226c8ea17183f2555e9983627ecf29189ddb3', class: "co-lightbox__btn", type: "button", "aria-label": s.zoomOut, title: s.zoomOut, onClick: () => this.zoomAt(this.scale / WHEEL_FACTOR, 0, 0) }, index.h("co-icon", { key: '085ed06e6593b99e13cf36009149d9cf90524280', name: "minus", size: 16 })), index.h("button", { key: 'f4df42781faa209de6b8ebbcfdd58c9c605a7977', class: "co-lightbox__btn co-lightbox__zoom-value", type: "button", "aria-label": s.zoomReset, title: s.zoomReset, onClick: () => this.resetView() }, Math.round(this.scale * 100), "%"), index.h("button", { key: 'd1cbe7e831ff8b1f76927c87cc5929d5d29aae02', class: "co-lightbox__btn", type: "button", "aria-label": s.zoomIn, title: s.zoomIn, onClick: () => this.zoomAt(this.scale * WHEEL_FACTOR, 0, 0) }, index.h("co-icon", { key: 'e10fb035385e19dab132fffc4b8d962e720c379e', name: "plus", size: 16 }))), index.h("button", { key: 'f500ccfea7a04b5f47cf786579cd1d1f138cbbd9', class: "co-lightbox__btn", type: "button", "aria-label": s.openOriginal, title: s.openOriginal, onClick: this.openOriginal }, index.h("co-icon", { key: 'd9098c2bf45c888681b5982dea6d59b9a5e3d89d', name: "arrow-square-out", size: 16 })), index.h("button", { key: 'b61f45f9df568c4441cc764a88d74ba31debd16c', class: "co-lightbox__btn", part: "close", type: "button", "aria-label": s.close, title: s.close, ref: (el) => (this.closeBtnEl = el), onClick: this.requestClose }, index.h("co-icon", { key: '787d1be07f3befb406beddbb7853d1f604fbfa30', name: "x", size: 16 })))), img && (index.h("div", { key: 'd4e4dcab4f5b34cfade28927cb484eb0fade7c6c', class: "co-lightbox__stage", ref: (el) => (this.stageEl = el), onWheel: this.handleWheel }, index.h("img", { key: '06ce0ba917e7007da67a5db9372457286d33d84c', class: {
|
|
345
345
|
'co-lightbox__img': true,
|
|
346
346
|
'co-lightbox__img--zoomed': this.scale > MIN_SCALE,
|
|
347
347
|
'co-lightbox__img--dragging': this.dragging,
|
|
348
|
-
}, part: "image", ref: (el) => (this.imgEl = el), src: img.src, alt: img.alt || '', draggable: false, 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 }))), img && multi && (index.h("button", { key: '
|
|
348
|
+
}, part: "image", ref: (el) => (this.imgEl = el), src: img.src, alt: img.alt || '', draggable: false, 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 }))), img && multi && (index.h("button", { key: 'c0af13776f424508ef953c40efe203e8a9f0ffab', class: "co-lightbox__nav co-lightbox__nav--prev", part: "prev", type: "button", "aria-label": s.prevImage, title: s.prevImage, onClick: (e) => {
|
|
349
349
|
e.stopPropagation();
|
|
350
350
|
this.goTo(-1);
|
|
351
|
-
} }, index.h("co-icon", { key: '
|
|
351
|
+
} }, index.h("co-icon", { key: '17cb67246511c6a83a06ce594060be52c9f46cd0', name: "caret-left", size: 24 }))), img && multi && (index.h("button", { key: 'b2e8ab1029b75ef8db09c7141bf035e3aa67d156', class: "co-lightbox__nav co-lightbox__nav--next", part: "next", type: "button", "aria-label": s.nextImage, title: s.nextImage, onClick: (e) => {
|
|
352
352
|
e.stopPropagation();
|
|
353
353
|
this.goTo(1);
|
|
354
|
-
} }, index.h("co-icon", { key: '
|
|
354
|
+
} }, index.h("co-icon", { key: '1ab70f0b03bb640b9df26420df704b041b14a5a4', name: "caret-right", size: 24 }))), img && multi && (index.h("div", { key: '116097d4c98a45c150033b38dbf1e83f12602449', class: "co-lightbox__counter", part: "counter", onClick: this.stop }, counter))));
|
|
355
355
|
}
|
|
356
356
|
get el() { return index.getElement(this); }
|
|
357
357
|
static get watchers() { return {
|
|
@@ -17,7 +17,7 @@ const CoListFooter = class {
|
|
|
17
17
|
this.handleSecondary = () => this.coSecondary.emit();
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
|
-
return (index.h("div", { key: '
|
|
20
|
+
return (index.h("div", { key: 'd522b5d67635a4a7751a7b4760ccca1133f6e8f1', class: "co-list-footer", part: "footer" }, this.secondaryLabel && (index.h("button", { key: '3e1ba3d6e14b48014dce5c91a1a39baba5a14556', class: "co-list-footer__btn co-list-footer__btn--secondary", type: "button", onClick: this.handleSecondary }, this.secondaryIcon && index.h("co-icon", { key: '9b31eb5104f0109c93a11ddcef4029517348c9da', name: this.secondaryIcon, size: 16 }), index.h("span", { key: '1d097b4874f5379a7e6f2f9882ba83b0828d1099' }, this.secondaryLabel))), this.primaryLabel && (index.h("button", { key: '7ffa258f1778a0ae31b574a3ccb1319162648fb9', class: "co-list-footer__btn co-list-footer__btn--primary", type: "button", onClick: this.handlePrimary }, this.primaryIcon && index.h("co-icon", { key: 'd75c5a25355c3b65222889b5a1ea75ecb559c05c', name: this.primaryIcon, size: 16 }), index.h("span", { key: '3a3cb4f049c8d590088182ef486304b291963aa4' }, this.primaryLabel))), index.h("slot", { key: '8e7579f147928f28f3f119ebb5423efb85922995' })));
|
|
21
21
|
}
|
|
22
22
|
};
|
|
23
23
|
CoListFooter.style = coListFooterCss();
|
|
@@ -71,21 +71,21 @@ const CoListItem = class {
|
|
|
71
71
|
requestAnimationFrame(this.measureTruncation);
|
|
72
72
|
}
|
|
73
73
|
render() {
|
|
74
|
-
return (index.h("div", { key: '
|
|
74
|
+
return (index.h("div", { key: '4f75f2a1f42dea993a9b6fa7fe922bed8cbac7e5', class: {
|
|
75
75
|
'co-list-item': true,
|
|
76
76
|
'co-list-item--selected': this.selected,
|
|
77
77
|
'co-list-item--disabled': this.disabled,
|
|
78
78
|
'co-list-item--dense': this.dense,
|
|
79
79
|
'co-list-item--has-description': !!this.description,
|
|
80
|
-
}, part: "item", role: "option", tabindex: this.disabled ? -1 : 0, "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', onClick: this.handleClick, onKeyDown: this.handleKeyDown }, index.h("span", { key: '
|
|
80
|
+
}, part: "item", role: "option", tabindex: this.disabled ? -1 : 0, "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', onClick: this.handleClick, onKeyDown: this.handleKeyDown }, index.h("span", { key: 'f4da4a9cfc3685cd3124c95308857353729fe71e', class: "co-list-item__prefix" }, this.icon && index.h("co-icon", { key: '640630cb8639d9b897734ceb4fa91b6eddd2a432', name: this.icon, size: 18 }), index.h("slot", { key: '300cfc7354b11bce7c94a349d2ec0c6d58bc00da', name: "prefix" })), index.h("div", { key: '7278c5c18ce4f390e31fc2af8f360de91c2ca644', class: "co-list-item__content" }, this.label && (index.h("co-tooltip", { key: 'fb1a48e2364bd34d1940cddda3402c8a114720cc', block: true, class: "co-list-item__tip", content: this.label, placement: "top", disabled: !this.labelTruncated }, index.h("span", { key: '4079eb57702d8faa93f6dab67ddf3024ba2fea15', class: "co-list-item__label", ref: (el) => {
|
|
81
81
|
this.labelEl = el;
|
|
82
82
|
if (el && this.ro)
|
|
83
83
|
this.ro.observe(el);
|
|
84
|
-
} }, this.label))), this.description && (index.h("co-tooltip", { key: '
|
|
84
|
+
} }, this.label))), this.description && (index.h("co-tooltip", { key: 'b40df7e5bec902fad45f79e2984b226302b68d5f', block: true, class: "co-list-item__tip", content: this.description, placement: "top", disabled: !this.descTruncated }, index.h("span", { key: '2af014c92bbf2d596f7fd78d73309f6cb7813047', class: "co-list-item__description", ref: (el) => {
|
|
85
85
|
this.descEl = el;
|
|
86
86
|
if (el && this.ro)
|
|
87
87
|
this.ro.observe(el);
|
|
88
|
-
} }, this.description))), index.h("slot", { key: '
|
|
88
|
+
} }, this.description))), index.h("slot", { key: '1066c2e56c9855d77e28d891b77602988e70aba4' })), index.h("span", { key: 'c6413614311416a7d06681c7d381a004dfd9891b', class: "co-list-item__suffix" }, index.h("slot", { key: 'aff9146f80c9b61c42e1da3926b7b6b8a7eaf1f7', name: "suffix" }))));
|
|
89
89
|
}
|
|
90
90
|
get el() { return index.getElement(this); }
|
|
91
91
|
static get watchers() { return {
|
|
@@ -22,13 +22,13 @@ const CoMediaThumb = class {
|
|
|
22
22
|
}
|
|
23
23
|
render() {
|
|
24
24
|
var _a;
|
|
25
|
-
return (index.h("div", { key: '
|
|
25
|
+
return (index.h("div", { key: '12fa10a5ad7d6148b1dfbbe0c0e176770c87674e', class: {
|
|
26
26
|
'co-media-thumb': true,
|
|
27
27
|
'co-media-thumb--video': this.video,
|
|
28
28
|
}, part: "thumb", style: {
|
|
29
29
|
height: this.toCss(this.height),
|
|
30
30
|
borderRadius: `${this.radius}px`,
|
|
31
|
-
} }, this.src ? (index.h("img", { class: "co-media-thumb__img", src: this.src, alt: (_a = this.alt) !== null && _a !== void 0 ? _a : '', part: "img" })) : (index.h("slot", null)), this.video && (index.h("div", { key: '
|
|
31
|
+
} }, this.src ? (index.h("img", { class: "co-media-thumb__img", src: this.src, alt: (_a = this.alt) !== null && _a !== void 0 ? _a : '', part: "img" })) : (index.h("slot", null)), this.video && (index.h("div", { key: 'd361913b211494e36be8f84eadd3e79087c97453', class: "co-media-thumb__scrim", part: "scrim" }, index.h("div", { key: 'ca2ee329750c62c701026b9e42e9983ca9dd3c11', class: "co-media-thumb__play", part: "play" }, index.h("svg", { key: 'e6b20bcfd2bd8862ab4bccf71da18222534650dd', class: "co-media-thumb__play-icon", width: "16", height: "18", viewBox: "0 0 16 18", fill: "none", "aria-hidden": "true" }, index.h("path", { key: '8a197ade5ab1afc39e4ffcd19b44b44933efffa6', d: "M2 2l12 7-12 7z", fill: "var(--co-color-base-negro, #1f1c1b)" })))))));
|
|
32
32
|
}
|
|
33
33
|
};
|
|
34
34
|
CoMediaThumb.style = coMediaThumbCss();
|
|
@@ -9,7 +9,7 @@ const CoMenuDivider = class {
|
|
|
9
9
|
index.registerInstance(this, hostRef);
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return index.h("hr", { key: '
|
|
12
|
+
return index.h("hr", { key: 'be5b2213b3e1d8bf8a0b3c238de90598117b5fce', class: "co-menu-divider", role: "separator" });
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
15
|
CoMenuDivider.style = coMenuDividerCss();
|
|
@@ -92,7 +92,7 @@ const CoMenu = class {
|
|
|
92
92
|
(_b = (_a = items[next]) === null || _a === void 0 ? void 0 : _a.focusItem) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
93
93
|
}
|
|
94
94
|
render() {
|
|
95
|
-
return (index.h("co-popover", { key: '
|
|
95
|
+
return (index.h("co-popover", { key: '718b9e0d42dad29533ca48b7fef6ee22fa6cc333', placement: this.placement, offset: this.offset, open: this.open, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, index.h("slot", { key: 'f9c94ff702e55f1410b1114b753c25b6e57095d7', name: "trigger", slot: "trigger" }), index.h("div", { key: 'a9d5c6bf91ece47c8fb1ba73e6287035c97f21fd', class: "co-menu", role: "menu", style: this.width ? { width: this.width, minWidth: this.width } : undefined }, index.h("slot", { key: '8fc58143f17c900f7dfe82319e5d39eb2766e7a9' }))));
|
|
96
96
|
}
|
|
97
97
|
get el() { return index.getElement(this); }
|
|
98
98
|
static get watchers() { return {
|
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
var index = require('./index-DK-2Lzmf.js');
|
|
4
4
|
var overlayAfterClose = require('./overlayAfterClose-BdeXrhVY.js');
|
|
5
|
+
var slotContent = require('./slotContent-Bm9RcM_Q.js');
|
|
5
6
|
|
|
6
|
-
const coModalCss = () => `:host{display:contents;--co-overlay-blur:8px;--co-overlay-bg:rgba(31, 28, 27, 0.35)}.co-modal__frame{display:flex;filter:drop-shadow(0 1px 2px rgba(31, 28, 27, 0.06)) drop-shadow(0 14px 34px rgba(31, 28, 27, 0.16))}.co-modal{display:flex;flex-direction:column;background:var(--co-semantic-surface-secondary);--co-modal-r:var(--co-border-radius-xl);--co-sq-tl:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 0L95 0L92.5 0L90 0L87.5 0.01L85 0.01L82.5 0.02L80 0.04L77.5 0.06L75 0.1L72.5 0.14L70 0.2L67.5 0.28L65 0.38L62.5 0.5L60 0.65L57.5 0.83L55 1.04L52.5 1.3L50 1.6L47.5 1.96L45 2.37L42.5 2.85L40 3.41L37.5 4.05L35 4.8L32.5 5.65L30 6.63L27.5 7.77L25 9.07L22.5 10.58L20 12.34L17.5 14.41L15 16.85L12.5 19.79L10 23.42L7.5 28.06L5 34.37L2.5 44.29L0 100L100 100Z%27 fill=%27%23fff%27/></svg>");--co-sq-tr:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 0L5 0L7.5 0L10 0L12.5 0.01L15 0.01L17.5 0.02L20 0.04L22.5 0.06L25 0.1L27.5 0.14L30 0.2L32.5 0.28L35 0.38L37.5 0.5L40 0.65L42.5 0.83L45 1.04L47.5 1.3L50 1.6L52.5 1.96L55 2.37L57.5 2.85L60 3.41L62.5 4.05L65 4.8L67.5 5.65L70 6.63L72.5 7.77L75 9.07L77.5 10.58L80 12.34L82.5 14.41L85 16.85L87.5 19.79L90 23.42L92.5 28.06L95 34.37L97.5 44.29L100 100L0 100Z%27 fill=%27%23fff%27/></svg>");--co-sq-bl:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 55.71L5 65.63L7.5 71.94L10 76.58L12.5 80.21L15 83.15L17.5 85.59L20 87.66L22.5 89.42L25 90.93L27.5 92.23L30 93.37L32.5 94.35L35 95.2L37.5 95.95L40 96.59L42.5 97.15L45 97.63L47.5 98.04L50 98.4L52.5 98.7L55 98.96L57.5 99.17L60 99.35L62.5 99.5L65 99.62L67.5 99.72L70 99.8L72.5 99.86L75 99.9L77.5 99.94L80 99.96L82.5 99.98L85 99.99L87.5 99.99L90 100L92.5 100L95 100L97.5 100L100 100L100 0Z%27 fill=%27%23fff%27/></svg>");--co-sq-br:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 55.71L95 65.63L92.5 71.94L90 76.58L87.5 80.21L85 83.15L82.5 85.59L80 87.66L77.5 89.42L75 90.93L72.5 92.23L70 93.37L67.5 94.35L65 95.2L62.5 95.95L60 96.59L57.5 97.15L55 97.63L52.5 98.04L50 98.4L47.5 98.7L45 98.96L42.5 99.17L40 99.35L37.5 99.5L35 99.62L32.5 99.72L30 99.8L27.5 99.86L25 99.9L22.5 99.94L20 99.96L17.5 99.98L15 99.99L12.5 99.99L10 100L7.5 100L5 100L2.5 100L0 100L0 0Z%27 fill=%27%23fff%27/></svg>");-webkit-mask:var(--co-sq-tl) top left / var(--co-modal-r) var(--co-modal-r) no-repeat, var(--co-sq-tr) top right / var(--co-modal-r) var(--co-modal-r) no-repeat, var(--co-sq-bl) bottom left / var(--co-modal-r) var(--co-modal-r) no-repeat, var(--co-sq-br) bottom right / var(--co-modal-r) var(--co-modal-r) no-repeat, linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-modal-r) + 2px) no-repeat, linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-modal-r) + 2px) 100% no-repeat;mask:var(--co-sq-tl) top left / var(--co-modal-r) var(--co-modal-r) no-repeat, var(--co-sq-tr) top right / var(--co-modal-r) var(--co-modal-r) no-repeat, var(--co-sq-bl) bottom left / var(--co-modal-r) var(--co-modal-r) no-repeat, var(--co-sq-br) bottom right / var(--co-modal-r) var(--co-modal-r) no-repeat, linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-modal-r) + 2px) no-repeat, linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-modal-r) + 2px) 100% no-repeat;border-radius:0;max-width:540px;width:90vw;max-height:80vh;overflow:hidden;font-family:var(--co-font-family-primary);transform:translateY(8px);opacity:0;transition:transform var(--co-motion-duration-slow) var(--co-motion-ease-out), opacity var(--co-motion-duration-slow) var(--co-motion-ease-out)}.co-modal--sm{max-width:400px}.co-modal--lg{max-width:680px}.co-modal--full{max-width:min(1400px, 95vw);width:95vw;height:92vh;max-height:92vh}.co-modal--full .co-modal__body{flex:1;min-height:0;padding:0;overflow:hidden}.co-modal--open{transform:none;opacity:1}.co-modal__header{display:flex;align-items:flex-start;gap:var(--co-spacing-md);padding:var(--co-spacing-xl) var(--co-spacing-xl) var(--co-spacing-md)}.co-modal__header-text{display:flex;flex-direction:column;gap:var(--co-spacing-sm);flex:1}.co-modal__heading{margin:0;font-size:var(--co-font-size-20);font-weight:700;color:var(--co-semantic-text-default);line-height:1.3}.co-modal__description{margin:0;font-size:var(--co-font-size-14);color:var(--co-semantic-text-secondary);line-height:1.5}.co-modal__close{display:flex;align-items:center;justify-content:center;padding:var(--co-spacing-xs);margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);border-radius:var(--co-border-radius-sm);flex-shrink:0;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-modal__close:hover{background:var(--co-semantic-surface-hover)}.co-modal__body{padding:var(--co-spacing-lg) var(--co-spacing-xl);overflow-y:auto;overscroll-behavior:contain;font-size:var(--co-font-size-14);color:var(--co-semantic-text-secondary);line-height:1.6;border-top:1px solid var(--co-semantic-border-default)}.co-modal__body:empty{display:none}.co-modal__footer{display:flex;justify-content:flex-end;gap:var(--co-spacing-md);padding:var(--co-spacing-lg) var(--co-spacing-xl) var(--co-spacing-xl);border-top:1px solid var(--co-semantic-border-default);--co-button-radius:var(--co-border-radius-xs)}.co-modal__footer
|
|
7
|
+
const coModalCss = () => `:host{display:contents;--co-overlay-blur:8px;--co-overlay-bg:rgba(31, 28, 27, 0.35)}.co-modal__frame{display:flex;filter:drop-shadow(0 1px 2px rgba(31, 28, 27, 0.06)) drop-shadow(0 14px 34px rgba(31, 28, 27, 0.16))}.co-modal{display:flex;flex-direction:column;background:var(--co-semantic-surface-secondary);--co-modal-r:var(--co-border-radius-xl);--co-sq-tl:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 0L95 0L92.5 0L90 0L87.5 0.01L85 0.01L82.5 0.02L80 0.04L77.5 0.06L75 0.1L72.5 0.14L70 0.2L67.5 0.28L65 0.38L62.5 0.5L60 0.65L57.5 0.83L55 1.04L52.5 1.3L50 1.6L47.5 1.96L45 2.37L42.5 2.85L40 3.41L37.5 4.05L35 4.8L32.5 5.65L30 6.63L27.5 7.77L25 9.07L22.5 10.58L20 12.34L17.5 14.41L15 16.85L12.5 19.79L10 23.42L7.5 28.06L5 34.37L2.5 44.29L0 100L100 100Z%27 fill=%27%23fff%27/></svg>");--co-sq-tr:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 0L5 0L7.5 0L10 0L12.5 0.01L15 0.01L17.5 0.02L20 0.04L22.5 0.06L25 0.1L27.5 0.14L30 0.2L32.5 0.28L35 0.38L37.5 0.5L40 0.65L42.5 0.83L45 1.04L47.5 1.3L50 1.6L52.5 1.96L55 2.37L57.5 2.85L60 3.41L62.5 4.05L65 4.8L67.5 5.65L70 6.63L72.5 7.77L75 9.07L77.5 10.58L80 12.34L82.5 14.41L85 16.85L87.5 19.79L90 23.42L92.5 28.06L95 34.37L97.5 44.29L100 100L0 100Z%27 fill=%27%23fff%27/></svg>");--co-sq-bl:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 55.71L5 65.63L7.5 71.94L10 76.58L12.5 80.21L15 83.15L17.5 85.59L20 87.66L22.5 89.42L25 90.93L27.5 92.23L30 93.37L32.5 94.35L35 95.2L37.5 95.95L40 96.59L42.5 97.15L45 97.63L47.5 98.04L50 98.4L52.5 98.7L55 98.96L57.5 99.17L60 99.35L62.5 99.5L65 99.62L67.5 99.72L70 99.8L72.5 99.86L75 99.9L77.5 99.94L80 99.96L82.5 99.98L85 99.99L87.5 99.99L90 100L92.5 100L95 100L97.5 100L100 100L100 0Z%27 fill=%27%23fff%27/></svg>");--co-sq-br:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 55.71L95 65.63L92.5 71.94L90 76.58L87.5 80.21L85 83.15L82.5 85.59L80 87.66L77.5 89.42L75 90.93L72.5 92.23L70 93.37L67.5 94.35L65 95.2L62.5 95.95L60 96.59L57.5 97.15L55 97.63L52.5 98.04L50 98.4L47.5 98.7L45 98.96L42.5 99.17L40 99.35L37.5 99.5L35 99.62L32.5 99.72L30 99.8L27.5 99.86L25 99.9L22.5 99.94L20 99.96L17.5 99.98L15 99.99L12.5 99.99L10 100L7.5 100L5 100L2.5 100L0 100L0 0Z%27 fill=%27%23fff%27/></svg>");-webkit-mask:var(--co-sq-tl) top left / var(--co-modal-r) var(--co-modal-r) no-repeat, var(--co-sq-tr) top right / var(--co-modal-r) var(--co-modal-r) no-repeat, var(--co-sq-bl) bottom left / var(--co-modal-r) var(--co-modal-r) no-repeat, var(--co-sq-br) bottom right / var(--co-modal-r) var(--co-modal-r) no-repeat, linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-modal-r) + 2px) no-repeat, linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-modal-r) + 2px) 100% no-repeat;mask:var(--co-sq-tl) top left / var(--co-modal-r) var(--co-modal-r) no-repeat, var(--co-sq-tr) top right / var(--co-modal-r) var(--co-modal-r) no-repeat, var(--co-sq-bl) bottom left / var(--co-modal-r) var(--co-modal-r) no-repeat, var(--co-sq-br) bottom right / var(--co-modal-r) var(--co-modal-r) no-repeat, linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-modal-r) + 2px) no-repeat, linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-modal-r) + 2px) 100% no-repeat;border-radius:0;max-width:540px;width:90vw;max-height:80vh;overflow:hidden;font-family:var(--co-font-family-primary);transform:translateY(8px);opacity:0;transition:transform var(--co-motion-duration-slow) var(--co-motion-ease-out), opacity var(--co-motion-duration-slow) var(--co-motion-ease-out)}.co-modal--sm{max-width:400px}.co-modal--lg{max-width:680px}.co-modal--full{max-width:min(1400px, 95vw);width:95vw;height:92vh;max-height:92vh}.co-modal--full .co-modal__body{flex:1;min-height:0;padding:0;overflow:hidden}.co-modal--open{transform:none;opacity:1}.co-modal__header{display:flex;align-items:flex-start;gap:var(--co-spacing-md);padding:var(--co-spacing-xl) var(--co-spacing-xl) var(--co-spacing-md)}.co-modal__header-text{display:flex;flex-direction:column;gap:var(--co-spacing-sm);flex:1}.co-modal__heading{margin:0;font-size:var(--co-font-size-20);font-weight:700;color:var(--co-semantic-text-default);line-height:1.3}.co-modal__description{margin:0;font-size:var(--co-font-size-14);color:var(--co-semantic-text-secondary);line-height:1.5}.co-modal__close{display:flex;align-items:center;justify-content:center;padding:var(--co-spacing-xs);margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);border-radius:var(--co-border-radius-sm);flex-shrink:0;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-modal__close:hover{background:var(--co-semantic-surface-hover)}.co-modal__body{padding:var(--co-spacing-lg) var(--co-spacing-xl);overflow-y:auto;overscroll-behavior:contain;font-size:var(--co-font-size-14);color:var(--co-semantic-text-secondary);line-height:1.6;border-top:1px solid var(--co-semantic-border-default)}.co-modal__body:empty{display:none}.co-modal__footer{display:flex;justify-content:flex-end;gap:var(--co-spacing-md);padding:var(--co-spacing-lg) var(--co-spacing-xl) var(--co-spacing-xl);border-top:1px solid var(--co-semantic-border-default);--co-button-radius:var(--co-border-radius-xs)}.co-modal__footer--empty{display:none}.co-modal--no-dividers .co-modal__footer{border-top:none}`;
|
|
7
8
|
|
|
8
9
|
const CoModal = class {
|
|
9
10
|
constructor(hostRef) {
|
|
@@ -40,6 +41,11 @@ const CoModal = class {
|
|
|
40
41
|
this.size = 'md';
|
|
41
42
|
/** Hide body section and all border dividers (compact confirm dialogs) */
|
|
42
43
|
this.noDividers = false;
|
|
44
|
+
/* `:empty` can't see across a <slot>, so slotted presence is tracked in JS */
|
|
45
|
+
this.hasFooter = false;
|
|
46
|
+
this.handleFooterSlotChange = (e) => {
|
|
47
|
+
this.hasFooter = slotContent.slotHasContent(e);
|
|
48
|
+
};
|
|
43
49
|
this.handleOverlayClick = () => {
|
|
44
50
|
if (this.closeOnOverlay)
|
|
45
51
|
this.coClose.emit();
|
|
@@ -67,14 +73,14 @@ const CoModal = class {
|
|
|
67
73
|
this.coClose.emit();
|
|
68
74
|
}
|
|
69
75
|
render() {
|
|
70
|
-
return (index.h("co-overlay", { key: '
|
|
76
|
+
return (index.h("co-overlay", { key: 'd8a169309bd13e529bbe1f6363f7d5f261aab8eb', open: this.open, onCoClose: this.handleOverlayClick }, index.h("div", { key: 'e9045bb14dcba0d2eba7d985fe1b79723b21ba6c', class: "co-modal__frame" }, index.h("div", { key: '1ed0eede2a8b8408112c32253b8046a6a9761dae', class: {
|
|
71
77
|
'co-modal': true,
|
|
72
78
|
'co-modal--open': this.open,
|
|
73
79
|
'co-modal--sm': this.size === 'sm',
|
|
74
80
|
'co-modal--lg': this.size === 'lg',
|
|
75
81
|
'co-modal--full': this.size === 'full',
|
|
76
82
|
'co-modal--no-dividers': this.noDividers,
|
|
77
|
-
}, part: "modal", ref: (el) => (this.modalEl = el), role: "dialog", "aria-modal": "true", "aria-labelledby":
|
|
83
|
+
}, part: "modal", ref: (el) => (this.modalEl = el), role: "dialog", "aria-modal": "true", "aria-labelledby": this.heading ? 'modal-heading' : undefined, onClick: this.stopPropagation, onTransitionEnd: this.handleTransitionEnd }, index.h("div", { key: '7208dd4502f2f001a3b4b0d187de7b244e29b9d4', class: "co-modal__header", part: "header" }, index.h("div", { key: '81dad02cdce3b324e0609b5863c0b17649224899', class: "co-modal__header-text" }, index.h("h2", { key: '0e94f6295c645ba100c4b762d18e5171d32d8c8a', class: "co-modal__heading", id: "modal-heading" }, this.heading), this.description && (index.h("p", { key: '7a6e9b0f9a2c4a0d8bd5a75050b8644f0802e4b0', class: "co-modal__description" }, this.description))), this.closable && (index.h("button", { key: 'b22682124517861d9f4ba7a24f697460ef03573d', class: "co-modal__close", type: "button", "aria-label": "Close", onClick: this.handleCloseClick }, index.h("co-icon", { key: 'c1c9152d1d37396428f9990c96128a93f60c78df', name: "x", size: 20 })))), !this.noDividers && (index.h("div", { key: '95073452c4e27974f82c0b0c815e4b0dc620869a', class: "co-modal__body", part: "body" }, index.h("slot", { key: '6f4e9ac5e29347de9116e4654ab94929c6d75d0e' }))), index.h("div", { key: '13cb1e194dd20201b9560edbe6891dd8982073b8', class: { 'co-modal__footer': true, 'co-modal__footer--empty': !this.hasFooter }, part: "footer" }, index.h("slot", { key: '73e1c6cfb288fa0debfa3064434fb9b44d6823ce', name: "footer", onSlotchange: this.handleFooterSlotChange }))))));
|
|
78
84
|
}
|
|
79
85
|
};
|
|
80
86
|
CoModal.style = coModalCss();
|
|
@@ -15,12 +15,12 @@ const CoNavbar = class {
|
|
|
15
15
|
this.rounded = false;
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
|
-
return (index.h("div", { key: '
|
|
18
|
+
return (index.h("div", { key: '9db66169484ffc0954c76c21ca395bafe6a5c749', class: {
|
|
19
19
|
'co-navbar': true,
|
|
20
20
|
[`co-navbar--${this.variant}`]: true,
|
|
21
21
|
[`co-navbar--${this.size}`]: true,
|
|
22
22
|
'co-navbar--rounded': this.rounded,
|
|
23
|
-
}, part: "navbar", role: "toolbar" }, index.h("slot", { key: '
|
|
23
|
+
}, part: "navbar", role: "toolbar" }, index.h("slot", { key: 'dbf92282c2698bc55b7c7b0ce6bcc49724f636d6' })));
|
|
24
24
|
}
|
|
25
25
|
};
|
|
26
26
|
CoNavbar.style = coNavbarCss();
|
|
@@ -132,13 +132,13 @@ const CoNumberField = class {
|
|
|
132
132
|
this.coChange.emit(clamped);
|
|
133
133
|
}
|
|
134
134
|
render() {
|
|
135
|
-
return (index.h("div", { key: '
|
|
135
|
+
return (index.h("div", { key: 'e21d2694b5fd0fd5b77f514d8455c71f455a894b', class: {
|
|
136
136
|
'co-number-field': true,
|
|
137
137
|
'co-number-field--disabled': this.disabled,
|
|
138
138
|
'co-number-field--focused': this.focused,
|
|
139
139
|
[`co-number-field--${this.size}`]: true,
|
|
140
140
|
[`co-number-field--${this.status}`]: this.status !== 'default',
|
|
141
|
-
} }, (this.label || this.secondaryLabel) && (index.h("div", { key: '
|
|
141
|
+
} }, (this.label || this.secondaryLabel) && (index.h("div", { key: '17efd9e4987c6ea49173cac684b0bff5a218c5c6', class: "co-number-field__labels" }, this.label && index.h("label", { key: '977f2f3606ccf1080028fa45bf039dc419e51501', class: "co-number-field__label" }, this.label, index.h(requiredMark.RequiredMark, { key: '79866d27266b934c2bbf0b2c9b7ff5234e3ee31c', required: this.required })), this.secondaryLabel && index.h("span", { key: '0f336f36b8c40655088cbe25e42c582df103b235', class: "co-number-field__secondary-label" }, this.secondaryLabel))), index.h("div", { key: 'a46ab7533a82a23c935e76dc44d1d6f6cf3c1cad', class: "co-number-field__row" }, index.h("button", { key: '8ade028bbfe79d177a95b3a72823ddf325fb39bf', class: "co-number-field__btn co-number-field__btn--minus", type: "button", tabIndex: -1, disabled: !this.canDecrement, onClick: this.handleDecrement, "aria-label": "Decrease" }, index.h("co-icon", { key: '85f7ecc76fab9ac8776be5669fe1dc7f494b55a2', name: "minus", size: 16 })), index.h("input", { key: '0e3959431a17c29a6ee42c18f893be71d6ff156f', ref: el => (this.inputEl = el), class: "co-number-field__input", type: "text", inputMode: "decimal", value: this.isEmpty ? '' : String(this.toDisplay(this.value)), placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown }), this.scaled && !this.isEmpty && (index.h("span", { key: 'f5d2518f8bb4ae3aefdf7ee059ad92e6fee66e9c', class: "co-number-field__affix", "aria-hidden": "true" }, "%")), this.clearable && !this.isEmpty && !this.disabled && (index.h("button", { key: '5ee9748d2a17601638276af4ce5cc7eb57a75ac9', class: "co-number-field__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, index.h("co-icon", { key: '05e5ebbbb8f8403b8fca2e53d2df4e915e53af21', name: "x-circle", size: 16, weight: "fill" }))), index.h("button", { key: 'f1d0473bec40293d4bd4cd558516118731069b4e', class: "co-number-field__btn co-number-field__btn--plus", type: "button", tabIndex: -1, disabled: !this.canIncrement, onClick: this.handleIncrement, "aria-label": "Increase" }, index.h("co-icon", { key: 'b8fca118622fab53168fb5123e20029fe5864ce9', name: "plus", size: 16 }))), this.helperText && (index.h("div", { key: '9feea41492ad64cb440c03ad69410ad49f4130c1', class: `co-number-field__helper co-number-field__helper--${this.status}` }, this.statusIcon && index.h("co-icon", { key: '66217b4f1a8a44e111bc9b73abf6f8a44665bf12', name: this.statusIcon, size: 14, weight: "fill", class: "co-number-field__helper-icon" }), index.h("span", { key: '201c84b2cb3a055e08e3eb004e50666513828038', class: "co-number-field__helper-text" }, this.helperText)))));
|
|
142
142
|
}
|
|
143
143
|
get el() { return index.getElement(this); }
|
|
144
144
|
};
|
|
@@ -249,7 +249,7 @@ const CoOverlay = class {
|
|
|
249
249
|
focusables[nextIndex].focus();
|
|
250
250
|
}
|
|
251
251
|
render() {
|
|
252
|
-
return (index.h("div", { key: '
|
|
252
|
+
return (index.h("div", { key: '686e2708db09be6fbbb35bb267e3969d240bba4f', class: { 'co-overlay': true, 'co-overlay--open': this.open }, part: "overlay", popover: "manual", tabindex: this.trapFocus ? -1 : undefined, ref: (el) => (this.overlayEl = el), onClick: this.handleClick, onTransitionEnd: this.handleTransitionEnd }, index.h("slot", { key: '61b7864c03339835d2373efe36804d781f770d3a' })));
|
|
253
253
|
}
|
|
254
254
|
get el() { return index.getElement(this); }
|
|
255
255
|
static get watchers() { return {
|
|
@@ -9,7 +9,7 @@ const CoPageHeader = class {
|
|
|
9
9
|
index.registerInstance(this, hostRef);
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (index.h("div", { key: '
|
|
12
|
+
return (index.h("div", { key: 'cc4d3011b35cf0c7e409e26e81c0443d4acf7116', class: "co-page-header", part: "page-header" }, index.h("div", { key: 'd0d79d2a1f1e55ef178ae6deb4a4bda9a718f3f7', class: "co-page-header__left" }, this.icon && (index.h("span", { key: '5d6c4210d2f18a69c9f1371ec79ba63a884a586b', class: "co-page-header__icon" }, index.h("co-icon", { key: '3bd905fa57f3c772cd2f61cd9de1e2d60407af62', name: this.icon, size: 24 }))), index.h("span", { key: '9656285b6a3d91f442d00e4acf9c55a8300ca5a0', class: "co-page-header__title" }, index.h("slot", { key: '1b31917e3bcbacdc111d8c5f46be03a56d188548' }, this.heading))), index.h("div", { key: 'fa551bee2dade362de86402835532b09547bdb30', class: "co-page-header__actions" }, index.h("slot", { key: '8ecfd5b89dd1c1fb5d62f5d78c375e918f6abff6', name: "actions" }))));
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
15
|
CoPageHeader.style = coPageHeaderCss();
|
|
@@ -361,7 +361,7 @@ const CoPhoneField = class {
|
|
|
361
361
|
render() {
|
|
362
362
|
const entry = this.selectedEntry;
|
|
363
363
|
const statusClass = this.status !== 'default' ? `co-phone-field--${this.status}` : '';
|
|
364
|
-
return (index.h("div", { key: '
|
|
364
|
+
return (index.h("div", { key: '39e358a001c1c0df6b6fb626f031ea2efd416e78', class: `co-phone-field co-phone-field--${this.size} ${statusClass} ${this.disabled ? 'co-phone-field--disabled' : ''}` }, this.label && (index.h("label", { key: '3210c553f76fafdfec97bab4f9468e2438f0c5c2', class: "co-phone-field__label" }, this.label, index.h(requiredMark.RequiredMark, { key: 'f9057119f8e7d7d37765ae758829aef9ef4b47c6', required: this.required }))), index.h("div", { key: '782a76b6c15bdac59b6e33964f326451ce85a5ef', class: "co-phone-field__container" }, index.h("button", { key: 'fc31bf1af8767f56508f9fcff28e9c50be6da447', type: "button", class: "co-phone-field__selector", disabled: this.disabled, onClick: () => this.handleToggleDropdown(), "aria-expanded": String(this.isOpen), "aria-haspopup": "listbox" }, entry ? (index.h("img", { class: "co-phone-field__flag", src: `https://flagcdn.com/w40/${entry.iso2.toLowerCase()}.png`, alt: entry.iso2 })) : (index.h("co-icon", { name: "phone", size: 16 })), index.h("span", { key: 'd98253ada8bbf1a905ef6eadd4b30723dd4ec4ee', class: "co-phone-field__dial-code" }, entry ? entry.dialCode : ''), index.h("span", { key: '746626be2b166e290af16181f5f9e9837ae8e3dc', class: "co-phone-field__chevron" }, index.h("co-icon", { key: 'bffa21af2ceee3dad2d045cdf07996b4da1ad0bb', name: "caret-down", size: 14 }))), index.h("input", { key: '51d59eb3fa78d64984f59f6096f8ca5ea013cb3d', class: "co-phone-field__input", type: "tel", placeholder: this.placeholder, value: this.numberPart, disabled: this.disabled, onInput: (e) => this.handleNumberInput(e) })), this.isOpen && (index.h("div", { key: 'e0b96accd38c9226812da68f811db79ae1f39e06', class: "co-phone-field__dropdown", role: "listbox" }, index.h("div", { key: '919556f077ab5b55fb7b72dcec7cfa43c4ae2b25', class: "co-phone-field__search" }, index.h("input", { key: 'f3d78c9daa4bb43f8617d06b6d9bb9efdb88dc58', class: "co-phone-field__search-input", type: "text", placeholder: "Search country...", value: this.searchQuery, onInput: (e) => this.handleSearchInput(e), autoFocus: true })), index.h("div", { key: 'ad53c211f9130391585e21da43435777f156bdf1', class: "co-phone-field__options" }, this.filteredCountries.map((d) => (index.h("button", { type: "button", key: d.iso2, class: `co-phone-field__option ${d.iso2 === this.selectedIso2 ? 'co-phone-field__option--selected' : ''}`, role: "option", "aria-selected": d.iso2 === this.selectedIso2 ? 'true' : 'false', onClick: () => this.handleCountrySelect(d) }, index.h("img", { class: "co-phone-field__option-flag", src: `https://flagcdn.com/w40/${d.iso2.toLowerCase()}.png`, alt: d.iso2 }), index.h("span", { class: "co-phone-field__option-name" }, this.renderName(d.name)), index.h("span", { class: "co-phone-field__option-code" }, d.dialCode))))))), this.helperText && (index.h("div", { key: 'a39f039fe9ae6216e84e032c9f8ef1b18791d224', class: "co-phone-field__helper" }, this.statusIcon && (index.h("co-icon", { key: 'fd32dedcbd326365ae80f71d58ad1a7653a0474c', name: this.statusIcon, size: 14, weight: "fill", class: "co-phone-field__helper-icon" })), index.h("span", { key: '369daab4e46552564be76402d739f56b3f46b669', class: "co-phone-field__helper-text" }, this.helperText)))));
|
|
365
365
|
}
|
|
366
366
|
get host() { return index.getElement(this); }
|
|
367
367
|
static get watchers() { return {
|