@prolibu-suite/cobalt-core 0.8.0 → 0.9.1
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 +188 -19
- 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 +2 -2
- package/dist/cjs/co-autocomplete.cjs.entry.js +15 -6
- package/dist/cjs/co-avatar-group.cjs.entry.js +2 -2
- package/dist/cjs/co-avatar_2.cjs.entry.js +16 -5
- package/dist/cjs/co-badge.cjs.entry.js +1 -1
- package/dist/cjs/co-bottom-sheet.cjs.entry.js +2 -2
- package/dist/cjs/co-breadcrumb-item.cjs.entry.js +1 -1
- package/dist/cjs/co-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/co-button-group.cjs.entry.js +1 -1
- package/dist/cjs/co-button.cjs.entry.js +2 -2
- package/dist/cjs/co-calendar-month_2.cjs.entry.js +2 -2
- package/dist/cjs/co-calendar_3.cjs.entry.js +9 -9
- 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 +1 -1
- package/dist/cjs/co-checkbox-group.cjs.entry.js +2 -2
- package/dist/cjs/co-checkbox.cjs.entry.js +3 -3
- package/dist/cjs/co-chip_2.cjs.entry.js +26 -14
- package/dist/cjs/co-color-picker.cjs.entry.js +5 -5
- package/dist/cjs/co-column-picker.cjs.entry.js +4 -4
- package/dist/cjs/co-combobox.cjs.entry.js +14 -6
- package/dist/cjs/co-command-search.cjs.entry.js +20 -6
- package/dist/cjs/co-data-table-pagination.cjs.entry.js +6 -6
- package/dist/cjs/co-data-table.cjs.entry.js +128 -9
- package/dist/cjs/co-date-picker.cjs.entry.js +2 -2
- package/dist/cjs/co-date-range-picker.cjs.entry.js +3 -3
- package/dist/cjs/co-date-range.cjs.entry.js +2 -2
- package/dist/cjs/co-date-time-picker.cjs.entry.js +5 -5
- package/dist/cjs/co-drive-card.cjs.entry.js +3 -3
- package/dist/cjs/co-drop-zone.cjs.entry.js +2 -2
- package/dist/cjs/co-empty-state.cjs.entry.js +3 -3
- package/dist/cjs/co-event-calendar.cjs.entry.js +4 -4
- package/dist/cjs/co-event-popover.cjs.entry.js +3 -3
- package/dist/cjs/co-fab.cjs.entry.js +4 -4
- package/dist/cjs/co-file-field.cjs.entry.js +8 -8
- package/dist/cjs/co-file-type-tile.cjs.entry.js +3 -3
- package/dist/cjs/co-helper-text.cjs.entry.js +3 -3
- package/dist/cjs/co-icon-button.cjs.entry.js +3 -3
- package/dist/cjs/co-icon.cjs.entry.js +3 -3
- package/dist/cjs/co-input.cjs.entry.js +3 -3
- package/dist/cjs/co-json-field.cjs.entry.js +6 -6
- package/dist/cjs/co-lightbox.cjs.entry.js +6 -6
- package/dist/cjs/co-list-footer.cjs.entry.js +3 -3
- package/dist/cjs/co-list-item.cjs.entry.js +6 -6
- package/dist/cjs/co-loader.cjs.entry.js +1 -1
- package/dist/cjs/co-media-thumb.cjs.entry.js +3 -3
- package/dist/cjs/co-menu-divider.cjs.entry.js +2 -2
- package/dist/cjs/co-menu-item.cjs.entry.js +2 -2
- package/dist/cjs/co-menu.cjs.entry.js +2 -2
- package/dist/cjs/co-modal.cjs.entry.js +4 -4
- package/dist/cjs/co-navbar.cjs.entry.js +3 -3
- package/dist/cjs/co-number-field.cjs.entry.js +5 -5
- package/dist/cjs/co-overlay.cjs.entry.js +3 -3
- package/dist/cjs/co-page-header.cjs.entry.js +2 -2
- package/dist/cjs/co-phone-field.cjs.entry.js +4 -4
- package/dist/cjs/co-popover.cjs.entry.js +79 -7
- package/dist/cjs/co-progress-bar.cjs.entry.js +3 -3
- package/dist/cjs/co-progress-circle.cjs.entry.js +4 -4
- package/dist/cjs/co-provider-logo_2.cjs.entry.js +2 -2
- package/dist/cjs/co-radio-group.cjs.entry.js +2 -2
- package/dist/cjs/co-radio.cjs.entry.js +5 -5
- package/dist/cjs/co-rating.cjs.entry.js +5 -5
- package/dist/cjs/co-ref-field.cjs.entry.js +28 -7
- package/dist/cjs/co-rich-text-editor.cjs.entry.js +5 -5
- package/dist/cjs/co-rich-text-toolbar.cjs.entry.js +2 -2
- package/dist/cjs/co-rich-text-viewer.cjs.entry.js +1 -1
- package/dist/cjs/co-row.cjs.entry.js +3 -3
- package/dist/cjs/co-segmented-bar.cjs.entry.js +1 -1
- package/dist/cjs/co-select.cjs.entry.js +16 -7
- package/dist/cjs/co-separator.cjs.entry.js +2 -2
- package/dist/cjs/co-sidebar-nav.cjs.entry.js +4 -4
- package/dist/cjs/co-sidebar.cjs.entry.js +4 -4
- package/dist/cjs/co-slider.cjs.entry.js +4 -4
- package/dist/cjs/co-switch.cjs.entry.js +6 -6
- package/dist/cjs/co-tab-group.cjs.entry.js +3 -3
- package/dist/cjs/co-tab.cjs.entry.js +4 -4
- package/dist/cjs/co-tags-field.cjs.entry.js +9 -9
- package/dist/cjs/co-textarea.cjs.entry.js +7 -7
- package/dist/cjs/co-toast.cjs.entry.js +35 -5
- package/dist/cjs/co-toggle-button-group.cjs.entry.js +3 -3
- package/dist/cjs/co-toggle-button.cjs.entry.js +4 -4
- package/dist/cjs/co-transfer-list.cjs.entry.js +2 -2
- package/dist/cjs/co-video.cjs.entry.js +4 -4
- package/dist/cjs/cobalt.cjs.js +2 -2
- package/dist/cjs/{fieldChip-B_npd9rL.js → fieldChip-xNJPEFcS.js} +1 -1
- package/dist/cjs/{index-kBiXCEE7.js → index-DK-2Lzmf.js} +13 -13
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{requiredMark-DuMIcKtt.js → requiredMark-C1xcrzSZ.js} +1 -1
- package/dist/cobalt/cobalt.css +1 -1
- package/dist/cobalt/cobalt.esm.js +1 -1
- package/dist/cobalt/{p-890296f9.entry.js → p-02ac492f.entry.js} +1 -1
- package/dist/cobalt/{p-f0c589ad.entry.js → p-02f4b71a.entry.js} +1 -1
- package/dist/cobalt/p-07d570a6.entry.js +1 -0
- package/dist/cobalt/p-136440fc.entry.js +1 -0
- package/dist/cobalt/{p-3ae69426.entry.js → p-138b8bc1.entry.js} +1 -1
- package/dist/cobalt/{p-df63f23c.entry.js → p-17ae943c.entry.js} +1 -1
- package/dist/cobalt/p-1ddbc48b.entry.js +1 -0
- package/dist/cobalt/{p-38ae8bff.entry.js → p-2637efc5.entry.js} +1 -1
- package/dist/cobalt/p-2c0099a4.entry.js +1 -0
- package/dist/cobalt/{p-202eadfc.entry.js → p-2d329ac8.entry.js} +1 -1
- package/dist/cobalt/p-2d81b292.entry.js +1 -0
- package/dist/cobalt/p-2f778a5a.entry.js +1 -0
- package/dist/cobalt/p-315586b0.entry.js +1 -0
- package/dist/cobalt/{p-0fc1edca.entry.js → p-316c62c0.entry.js} +1 -1
- package/dist/cobalt/p-342e1da4.entry.js +1 -0
- package/dist/cobalt/{p-acdb68a7.entry.js → p-37c17bd8.entry.js} +1 -1
- package/dist/cobalt/p-3a229bba.entry.js +1 -0
- package/dist/cobalt/{p-69723cc1.entry.js → p-3ced4269.entry.js} +1 -1
- package/dist/cobalt/{p-5c1328ff.entry.js → p-3d338881.entry.js} +1 -1
- package/dist/cobalt/{p-6985a964.entry.js → p-3ef0f849.entry.js} +1 -1
- package/dist/cobalt/p-40ce8a3d.entry.js +1 -0
- package/dist/cobalt/{p-8fe08257.entry.js → p-4299cfa5.entry.js} +1 -1
- package/dist/cobalt/{p-959556f4.entry.js → p-43bd298d.entry.js} +1 -1
- package/dist/cobalt/{p-dc8e88f4.entry.js → p-43d31055.entry.js} +1 -1
- package/dist/cobalt/{p-3a746267.entry.js → p-44fb4a3f.entry.js} +1 -1
- package/dist/cobalt/p-4a503187.entry.js +1 -0
- package/dist/cobalt/p-4fe9a3ae.entry.js +1 -0
- package/dist/cobalt/{p-f53b9536.entry.js → p-5c1767db.entry.js} +1 -1
- package/dist/cobalt/p-60cb66f5.entry.js +1 -0
- package/dist/cobalt/p-6556465f.entry.js +1 -0
- package/dist/cobalt/{p-48fbf051.entry.js → p-6795a258.entry.js} +1 -1
- package/dist/cobalt/p-682b3313.entry.js +1 -0
- package/dist/cobalt/p-6c35b5cc.entry.js +1 -0
- package/dist/cobalt/p-7457aa89.entry.js +1 -0
- package/dist/cobalt/{p-0769eee9.entry.js → p-75b7ed13.entry.js} +1 -1
- package/dist/cobalt/{p-afd957c0.entry.js → p-7c5e846a.entry.js} +1 -1
- package/dist/cobalt/{p-cd96aabf.entry.js → p-7cf4b4ae.entry.js} +1 -1
- package/dist/cobalt/p-7fbd3359.entry.js +1 -0
- package/dist/cobalt/p-8183f56f.entry.js +1 -0
- package/dist/cobalt/p-82c8f07b.entry.js +1 -0
- package/dist/cobalt/p-85a61e28.entry.js +1 -0
- package/dist/cobalt/p-88a0659f.entry.js +1 -0
- package/dist/cobalt/{p-dc269096.entry.js → p-8e667eb6.entry.js} +1 -1
- package/dist/cobalt/{p-1e9c9d46.entry.js → p-8eb485c8.entry.js} +1 -1
- package/dist/cobalt/p-8f600512.entry.js +1 -0
- package/dist/cobalt/{p-25f59046.entry.js → p-905ba0dd.entry.js} +1 -1
- package/dist/cobalt/p-909c0113.entry.js +1 -0
- package/dist/cobalt/p-90e292de.entry.js +1 -0
- package/dist/cobalt/p-929a4f19.entry.js +1 -0
- package/dist/cobalt/p-9c89cb01.entry.js +1 -0
- package/dist/cobalt/p-9c9f5b26.entry.js +1 -0
- package/dist/cobalt/p-CQAYgqA6.js +1 -0
- package/dist/cobalt/p-CrtiywTB.js +2 -0
- package/dist/cobalt/p-T4la7ly_.js +1 -0
- package/dist/cobalt/p-a0a6bfa3.entry.js +1 -0
- package/dist/cobalt/p-a3669301.entry.js +1 -0
- package/dist/cobalt/p-a3c6b974.entry.js +1 -0
- package/dist/cobalt/{p-20bd3702.entry.js → p-a6357340.entry.js} +1 -1
- package/dist/cobalt/p-a6b5cadd.entry.js +1 -0
- package/dist/cobalt/p-a811464d.entry.js +1 -0
- package/dist/cobalt/p-a8c64cc3.entry.js +1 -0
- package/dist/cobalt/p-a9b29cc2.entry.js +1 -0
- package/dist/cobalt/p-aafb9d11.entry.js +1 -0
- package/dist/cobalt/p-ab45d9bd.entry.js +1 -0
- package/dist/cobalt/p-b107063c.entry.js +1 -0
- package/dist/cobalt/{p-a04feb70.entry.js → p-b22981fd.entry.js} +1 -1
- package/dist/cobalt/p-b28dc0fe.entry.js +1 -0
- package/dist/cobalt/p-b5b97c9b.entry.js +1 -0
- package/dist/cobalt/{p-6b256d01.entry.js → p-b892b312.entry.js} +1 -1
- package/dist/cobalt/{p-39dea0c0.entry.js → p-bfc2a849.entry.js} +1 -1
- package/dist/cobalt/p-c1880595.entry.js +1 -0
- package/dist/cobalt/{p-7c6b3175.entry.js → p-c3bb7e1f.entry.js} +1 -1
- package/dist/cobalt/{p-ce961fba.entry.js → p-c3fd7b22.entry.js} +1 -1
- package/dist/cobalt/p-c6b9b9d6.entry.js +1 -0
- package/dist/cobalt/{p-195c67ee.entry.js → p-c8dba82f.entry.js} +1 -1
- package/dist/cobalt/{p-00830b8c.entry.js → p-ce35c898.entry.js} +1 -1
- package/dist/cobalt/p-d4debd6f.entry.js +1 -0
- package/dist/cobalt/p-da18b5f4.entry.js +1 -0
- package/dist/cobalt/{p-3af74ab8.entry.js → p-da546d08.entry.js} +1 -1
- package/dist/cobalt/{p-50bbfad8.entry.js → p-e085b4ff.entry.js} +1 -1
- package/dist/cobalt/{p-b45ea918.entry.js → p-e4ef25b0.entry.js} +1 -1
- package/dist/cobalt/{p-97875bde.entry.js → p-e6882ddd.entry.js} +1 -1
- package/dist/cobalt/{p-bebacee2.entry.js → p-e742e978.entry.js} +1 -1
- package/dist/cobalt/{p-52af222b.entry.js → p-e8878cf9.entry.js} +1 -1
- package/dist/cobalt/{p-a252f8c5.entry.js → p-f83b48fd.entry.js} +1 -1
- package/dist/cobalt/{p-3d4e697e.entry.js → p-f945a1bd.entry.js} +1 -1
- package/dist/cobalt/p-fabe5fb2.entry.js +1 -0
- package/dist/cobalt/{p-15852fec.entry.js → p-fd39f410.entry.js} +1 -1
- package/dist/cobalt/{p-51a1ad38.entry.js → p-fdc6ec11.entry.js} +1 -1
- package/dist/collection/components/co-accordion/co-accordion.css +12 -4
- package/dist/collection/components/co-action-bar/co-action-bar.css +4 -16
- package/dist/collection/components/co-app-shell/co-app-shell.css +1 -1
- package/dist/collection/components/co-audio-player/co-audio-player.css +1 -2
- package/dist/collection/components/co-autocomplete/co-autocomplete.css +3 -3
- package/dist/collection/components/co-autocomplete/co-autocomplete.js +14 -5
- package/dist/collection/components/co-avatar-group/co-avatar-group.css +1 -1
- package/dist/collection/components/co-bottom-sheet/co-bottom-sheet.css +4 -12
- package/dist/collection/components/co-button/co-button.css +17 -1
- package/dist/collection/components/co-calendar/co-calendar.css +2 -2
- package/dist/collection/components/co-calendar-month/co-calendar-month.css +1 -1
- package/dist/collection/components/co-card/co-card.css +1 -1
- package/dist/collection/components/co-checkbox/co-checkbox.css +84 -58
- package/dist/collection/components/co-checkbox/co-checkbox.js +1 -1
- package/dist/collection/components/co-checkbox-group/co-checkbox-group.css +1 -1
- package/dist/collection/components/co-chip/co-chip.css +2 -2
- package/dist/collection/components/co-chip/co-chip.js +2 -2
- package/dist/collection/components/co-color-picker/co-color-picker.css +3 -3
- package/dist/collection/components/co-color-picker/co-color-picker.js +2 -2
- package/dist/collection/components/co-column-picker/co-column-picker.css +8 -8
- package/dist/collection/components/co-column-picker/co-column-picker.js +2 -2
- package/dist/collection/components/co-combobox/co-combobox.css +5 -3
- package/dist/collection/components/co-combobox/co-combobox.js +13 -5
- package/dist/collection/components/co-command-search/co-command-search.css +13 -3
- package/dist/collection/components/co-command-search/co-command-search.js +18 -4
- package/dist/collection/components/co-data-table/co-data-table.css +38 -5
- package/dist/collection/components/co-data-table/co-data-table.js +89 -7
- package/dist/collection/components/co-data-table-pagination/co-data-table-pagination.css +5 -5
- package/dist/collection/components/co-data-table-pagination/co-data-table-pagination.js +4 -4
- package/dist/collection/components/co-date-field/co-date-field.css +2 -2
- package/dist/collection/components/co-date-field/co-date-field.js +4 -4
- package/dist/collection/components/co-date-range/co-date-range.js +1 -1
- package/dist/collection/components/co-date-range-picker/co-date-range-picker.css +2 -2
- package/dist/collection/components/co-date-time-picker/co-date-time-picker.css +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 +2 -2
- package/dist/collection/components/co-drive-card/co-drive-card.css +5 -5
- package/dist/collection/components/co-drive-card/co-drive-card.js +1 -1
- package/dist/collection/components/co-drop-zone/co-drop-zone.js +1 -1
- package/dist/collection/components/co-empty-state/co-empty-state.js +2 -2
- package/dist/collection/components/co-event-calendar/co-event-calendar.css +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.css +1 -2
- package/dist/collection/components/co-event-popover/co-event-popover.js +1 -1
- package/dist/collection/components/co-fab/co-fab.css +26 -17
- package/dist/collection/components/co-fab/co-fab.js +2 -2
- package/dist/collection/components/co-file-field/co-file-field.css +5 -5
- package/dist/collection/components/co-file-field/co-file-field.js +5 -5
- package/dist/collection/components/co-file-type-tile/co-file-type-tile.js +2 -2
- package/dist/collection/components/co-helper-text/co-helper-text.js +2 -2
- package/dist/collection/components/co-icon/co-icon.js +2 -2
- package/dist/collection/components/co-icon-button/co-icon-button.css +10 -1
- package/dist/collection/components/co-icon-button/co-icon-button.js +1 -1
- package/dist/collection/components/co-input/co-input.css +3 -3
- package/dist/collection/components/co-json-field/co-json-field.css +1 -1
- package/dist/collection/components/co-json-field/co-json-field.js +3 -3
- package/dist/collection/components/co-lightbox/co-lightbox.css +4 -4
- package/dist/collection/components/co-lightbox/co-lightbox.js +4 -4
- package/dist/collection/components/co-list-footer/co-list-footer.css +1 -1
- package/dist/collection/components/co-list-footer/co-list-footer.js +1 -1
- package/dist/collection/components/co-list-item/co-list-item.css +1 -1
- package/dist/collection/components/co-list-item/co-list-item.js +4 -4
- package/dist/collection/components/co-media-thumb/co-media-thumb.js +2 -2
- package/dist/collection/components/co-menu/co-menu.js +1 -1
- package/dist/collection/components/co-menu-divider/co-menu-divider.js +1 -1
- package/dist/collection/components/co-menu-item/co-menu-item.css +1 -1
- package/dist/collection/components/co-modal/co-modal.css +2 -2
- package/dist/collection/components/co-modal/co-modal.js +2 -2
- package/dist/collection/components/co-navbar/co-navbar.js +2 -2
- package/dist/collection/components/co-number-field/co-number-field.css +3 -3
- package/dist/collection/components/co-number-field/co-number-field.js +2 -2
- package/dist/collection/components/co-option-list/co-option-list.css +13 -11
- package/dist/collection/components/co-option-list/co-option-list.js +23 -11
- package/dist/collection/components/co-overlay/co-overlay.css +2 -2
- package/dist/collection/components/co-overlay/co-overlay.js +1 -1
- package/dist/collection/components/co-page-header/co-page-header.js +1 -1
- package/dist/collection/components/co-phone-field/co-phone-field.css +1 -1
- package/dist/collection/components/co-phone-field/co-phone-field.js +1 -1
- package/dist/collection/components/co-popover/co-popover.css +27 -0
- package/dist/collection/components/co-popover/co-popover.js +54 -6
- package/dist/collection/components/co-progress-bar/co-progress-bar.js +2 -2
- package/dist/collection/components/co-progress-circle/co-progress-circle.css +1 -1
- package/dist/collection/components/co-progress-circle/co-progress-circle.js +2 -2
- package/dist/collection/components/co-radio/co-radio.css +1 -1
- package/dist/collection/components/co-radio/co-radio.js +3 -3
- package/dist/collection/components/co-radio-group/co-radio-group.css +1 -1
- package/dist/collection/components/co-rating/co-rating.css +1 -1
- package/dist/collection/components/co-rating/co-rating.js +3 -3
- package/dist/collection/components/co-ref-field/co-ref-field.css +19 -4
- package/dist/collection/components/co-ref-field/co-ref-field.js +83 -3
- package/dist/collection/components/co-rich-text-editor/co-rich-text-editor.css +5 -5
- package/dist/collection/components/co-rich-text-editor/co-rich-text-editor.js +3 -3
- package/dist/collection/components/co-rich-text-toolbar/co-rich-text-toolbar.css +12 -12
- package/dist/collection/components/co-row/co-row.js +2 -2
- package/dist/collection/components/co-select/co-select.css +4 -4
- package/dist/collection/components/co-select/co-select.js +67 -4
- package/dist/collection/components/co-separator/co-separator.js +1 -1
- package/dist/collection/components/co-sidebar/co-sidebar.css +1 -1
- package/dist/collection/components/co-sidebar/co-sidebar.js +2 -2
- package/dist/collection/components/co-sidebar-nav/co-sidebar-nav.css +33 -7
- package/dist/collection/components/co-sidebar-nav/co-sidebar-nav.js +2 -2
- package/dist/collection/components/co-skeleton/co-skeleton.js +1 -1
- package/dist/collection/components/co-slider/co-slider.css +9 -2
- package/dist/collection/components/co-slider/co-slider.js +2 -2
- package/dist/collection/components/co-switch/co-switch.css +5 -4
- package/dist/collection/components/co-switch/co-switch.js +3 -3
- package/dist/collection/components/co-tab/co-tab.css +2 -2
- 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.css +3 -3
- package/dist/collection/components/co-tags-field/co-tags-field.js +5 -5
- package/dist/collection/components/co-textarea/co-textarea.css +2 -2
- package/dist/collection/components/co-textarea/co-textarea.js +4 -4
- package/dist/collection/components/co-toast/co-toast.css +63 -1
- package/dist/collection/components/co-toast/co-toast.js +38 -3
- package/dist/collection/components/co-toggle-button/co-toggle-button.css +1 -1
- 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.css +1 -1
- package/dist/collection/components/co-tooltip/co-tooltip.js +14 -3
- package/dist/collection/components/co-transfer-list/co-transfer-list.css +3 -3
- package/dist/collection/components/co-video/co-video.css +9 -9
- package/dist/collection/components/co-video/co-video.js +2 -2
- package/dist/collection/utils/columnResize.js +37 -0
- package/dist/collection/utils/popover-stack.js +28 -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-bottom-sheet.js +1 -1
- package/dist/components/co-breadcrumb-item.js +1 -1
- package/dist/components/co-breadcrumb.js +1 -1
- package/dist/components/co-button.js +1 -1
- package/dist/components/co-calendar-month.js +1 -1
- package/dist/components/co-calendar-timegrid.js +1 -1
- package/dist/components/co-calendar.js +1 -1
- package/dist/components/co-card.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-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/index.js +1 -1
- package/dist/components/{p-BC6sxVVr.js → p-4t5Fputx.js} +1 -1
- package/dist/components/p-8wvfrEY4.js +1 -0
- package/dist/components/{p-DbISGXT_.js → p-BCZ-tPBT.js} +1 -1
- package/dist/components/p-BEiPCCVl.js +1 -0
- package/dist/components/{p-CDWXNRpo.js → p-BOmAHbix.js} +1 -1
- package/dist/components/p-BUYgHlPz.js +1 -0
- package/dist/components/p-BYnSPxpp.js +1 -0
- package/dist/components/{p-CVCEiwOS.js → p-Bhuk55S0.js} +1 -1
- package/dist/components/{p-CIWoKlGj.js → p-C4So28aS.js} +1 -1
- package/dist/components/p-CRABrJmD.js +1 -0
- package/dist/components/p-CXLX8DpD.js +1 -0
- package/dist/components/{p-ChPooamL.js → p-CXdIxtbK.js} +1 -1
- package/dist/components/p-ClAsHpYv.js +1 -0
- package/dist/components/p-CnBjUP_M.js +1 -0
- package/dist/components/p-DEYpoVxc.js +1 -0
- package/dist/components/p-DP0bbhfN.js +1 -0
- package/dist/components/{p-T0MdU7sb.js → p-DUYGgqjB.js} +1 -1
- package/dist/components/p-DWt_rL1l.js +1 -0
- package/dist/components/p-DmyELlI1.js +1 -0
- package/dist/components/{p-uZ2D6ESV.js → p-aiNhl9Xd.js} +1 -1
- package/dist/components/p-njonLO8t.js +1 -0
- package/dist/components/{p-BQFperIX.js → p-xjzIZcgZ.js} +1 -1
- 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 +2 -2
- package/dist/esm/co-autocomplete.entry.js +15 -6
- package/dist/esm/co-avatar-group.entry.js +2 -2
- package/dist/esm/co-avatar_2.entry.js +16 -5
- package/dist/esm/co-badge.entry.js +1 -1
- package/dist/esm/co-bottom-sheet.entry.js +2 -2
- package/dist/esm/co-breadcrumb-item.entry.js +1 -1
- package/dist/esm/co-breadcrumb.entry.js +1 -1
- package/dist/esm/co-button-group.entry.js +1 -1
- package/dist/esm/co-button.entry.js +2 -2
- package/dist/esm/co-calendar-month_2.entry.js +2 -2
- package/dist/esm/co-calendar_3.entry.js +9 -9
- 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 +1 -1
- package/dist/esm/co-checkbox-group.entry.js +2 -2
- package/dist/esm/co-checkbox.entry.js +3 -3
- package/dist/esm/co-chip_2.entry.js +26 -14
- package/dist/esm/co-color-picker.entry.js +5 -5
- package/dist/esm/co-column-picker.entry.js +4 -4
- package/dist/esm/co-combobox.entry.js +14 -6
- package/dist/esm/co-command-search.entry.js +20 -6
- package/dist/esm/co-data-table-pagination.entry.js +6 -6
- package/dist/esm/co-data-table.entry.js +128 -9
- package/dist/esm/co-date-picker.entry.js +2 -2
- package/dist/esm/co-date-range-picker.entry.js +3 -3
- package/dist/esm/co-date-range.entry.js +2 -2
- package/dist/esm/co-date-time-picker.entry.js +5 -5
- package/dist/esm/co-drive-card.entry.js +3 -3
- package/dist/esm/co-drop-zone.entry.js +2 -2
- package/dist/esm/co-empty-state.entry.js +3 -3
- package/dist/esm/co-event-calendar.entry.js +4 -4
- package/dist/esm/co-event-popover.entry.js +3 -3
- package/dist/esm/co-fab.entry.js +4 -4
- package/dist/esm/co-file-field.entry.js +8 -8
- package/dist/esm/co-file-type-tile.entry.js +3 -3
- package/dist/esm/co-helper-text.entry.js +3 -3
- package/dist/esm/co-icon-button.entry.js +3 -3
- package/dist/esm/co-icon.entry.js +3 -3
- package/dist/esm/co-input.entry.js +3 -3
- package/dist/esm/co-json-field.entry.js +6 -6
- package/dist/esm/co-lightbox.entry.js +6 -6
- package/dist/esm/co-list-footer.entry.js +3 -3
- package/dist/esm/co-list-item.entry.js +6 -6
- package/dist/esm/co-loader.entry.js +1 -1
- package/dist/esm/co-media-thumb.entry.js +3 -3
- package/dist/esm/co-menu-divider.entry.js +2 -2
- package/dist/esm/co-menu-item.entry.js +2 -2
- package/dist/esm/co-menu.entry.js +2 -2
- package/dist/esm/co-modal.entry.js +4 -4
- package/dist/esm/co-navbar.entry.js +3 -3
- package/dist/esm/co-number-field.entry.js +5 -5
- package/dist/esm/co-overlay.entry.js +3 -3
- package/dist/esm/co-page-header.entry.js +2 -2
- package/dist/esm/co-phone-field.entry.js +4 -4
- package/dist/esm/co-popover.entry.js +79 -7
- package/dist/esm/co-progress-bar.entry.js +3 -3
- package/dist/esm/co-progress-circle.entry.js +4 -4
- package/dist/esm/co-provider-logo_2.entry.js +2 -2
- package/dist/esm/co-radio-group.entry.js +2 -2
- package/dist/esm/co-radio.entry.js +5 -5
- package/dist/esm/co-rating.entry.js +5 -5
- package/dist/esm/co-ref-field.entry.js +28 -7
- package/dist/esm/co-rich-text-editor.entry.js +5 -5
- package/dist/esm/co-rich-text-toolbar.entry.js +2 -2
- package/dist/esm/co-rich-text-viewer.entry.js +1 -1
- package/dist/esm/co-row.entry.js +3 -3
- package/dist/esm/co-segmented-bar.entry.js +1 -1
- package/dist/esm/co-select.entry.js +16 -7
- package/dist/esm/co-separator.entry.js +2 -2
- package/dist/esm/co-sidebar-nav.entry.js +4 -4
- package/dist/esm/co-sidebar.entry.js +4 -4
- package/dist/esm/co-slider.entry.js +4 -4
- package/dist/esm/co-switch.entry.js +6 -6
- package/dist/esm/co-tab-group.entry.js +3 -3
- package/dist/esm/co-tab.entry.js +4 -4
- package/dist/esm/co-tags-field.entry.js +9 -9
- package/dist/esm/co-textarea.entry.js +7 -7
- package/dist/esm/co-toast.entry.js +35 -5
- package/dist/esm/co-toggle-button-group.entry.js +3 -3
- package/dist/esm/co-toggle-button.entry.js +4 -4
- package/dist/esm/co-transfer-list.entry.js +2 -2
- package/dist/esm/co-video.entry.js +4 -4
- package/dist/esm/cobalt.js +3 -3
- package/dist/esm/{fieldChip-Bb8YIN0J.js → fieldChip-BZDUy9Z-.js} +1 -1
- package/dist/esm/{index-BCEz3S-z.js → index-CrtiywTB.js} +13 -13
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{requiredMark-D7kAMXHM.js → requiredMark-DCD-ZA51.js} +1 -1
- package/dist/types/components/co-autocomplete/co-autocomplete.d.ts +1 -1
- package/dist/types/components/co-combobox/co-combobox.d.ts +1 -1
- package/dist/types/components/co-command-search/co-command-search.d.ts +7 -0
- package/dist/types/components/co-data-table/co-data-table.d.ts +5 -0
- package/dist/types/components/co-option-list/co-option-list.d.ts +5 -1
- package/dist/types/components/co-popover/co-popover.d.ts +8 -1
- package/dist/types/components/co-ref-field/co-ref-field.d.ts +21 -0
- package/dist/types/components/co-select/co-select.d.ts +7 -0
- package/dist/types/components/co-toast/co-toast.d.ts +19 -0
- package/dist/types/components/co-tooltip/co-tooltip.d.ts +6 -0
- package/dist/types/components.d.ts +66 -8
- package/dist/types/utils/columnResize.d.ts +42 -0
- package/dist/types/utils/popover-stack.d.ts +5 -0
- package/package.json +2 -2
- package/dist/cobalt/p-0f18c4d2.entry.js +0 -1
- package/dist/cobalt/p-260196cb.entry.js +0 -1
- package/dist/cobalt/p-27dce0ac.entry.js +0 -1
- package/dist/cobalt/p-2bf44b2b.entry.js +0 -1
- package/dist/cobalt/p-2c100914.entry.js +0 -1
- package/dist/cobalt/p-2e1d930f.entry.js +0 -1
- package/dist/cobalt/p-35518aee.entry.js +0 -1
- package/dist/cobalt/p-38cf47b6.entry.js +0 -1
- package/dist/cobalt/p-445acc4c.entry.js +0 -1
- package/dist/cobalt/p-4de9232a.entry.js +0 -1
- package/dist/cobalt/p-523aca9f.entry.js +0 -1
- package/dist/cobalt/p-5319ac3f.entry.js +0 -1
- package/dist/cobalt/p-53a276a8.entry.js +0 -1
- package/dist/cobalt/p-543cc00d.entry.js +0 -1
- package/dist/cobalt/p-59f7d44b.entry.js +0 -1
- package/dist/cobalt/p-5b984323.entry.js +0 -1
- package/dist/cobalt/p-5bfaca70.entry.js +0 -1
- package/dist/cobalt/p-5c250889.entry.js +0 -1
- package/dist/cobalt/p-5e21ca17.entry.js +0 -1
- package/dist/cobalt/p-61d5ca3c.entry.js +0 -1
- package/dist/cobalt/p-6357d9dd.entry.js +0 -1
- package/dist/cobalt/p-69b8d98e.entry.js +0 -1
- package/dist/cobalt/p-6b089060.entry.js +0 -1
- package/dist/cobalt/p-7d077a7c.entry.js +0 -1
- package/dist/cobalt/p-7f4bf341.entry.js +0 -1
- package/dist/cobalt/p-869c338a.entry.js +0 -1
- package/dist/cobalt/p-913b2a14.entry.js +0 -1
- package/dist/cobalt/p-9824c478.entry.js +0 -1
- package/dist/cobalt/p-99c1ff0f.entry.js +0 -1
- package/dist/cobalt/p-BCEz3S-z.js +0 -2
- package/dist/cobalt/p-C-d15gih.js +0 -1
- package/dist/cobalt/p-D5gr2ent.js +0 -1
- package/dist/cobalt/p-a4f39ba2.entry.js +0 -1
- package/dist/cobalt/p-a7c23027.entry.js +0 -1
- package/dist/cobalt/p-ab8e150e.entry.js +0 -1
- package/dist/cobalt/p-bad7ce84.entry.js +0 -1
- package/dist/cobalt/p-c237add6.entry.js +0 -1
- package/dist/cobalt/p-c32949a5.entry.js +0 -1
- package/dist/cobalt/p-cd5555d2.entry.js +0 -1
- package/dist/cobalt/p-d56b8a1f.entry.js +0 -1
- package/dist/cobalt/p-d6fff135.entry.js +0 -1
- package/dist/cobalt/p-d71b87d3.entry.js +0 -1
- package/dist/cobalt/p-d83e5189.entry.js +0 -1
- package/dist/cobalt/p-de5a05fc.entry.js +0 -1
- package/dist/cobalt/p-e2188319.entry.js +0 -1
- package/dist/cobalt/p-f4370423.entry.js +0 -1
- package/dist/cobalt/p-f4e4bebf.entry.js +0 -1
- package/dist/cobalt/p-f7ae0228.entry.js +0 -1
- package/dist/components/p-B21rOC2Y.js +0 -1
- package/dist/components/p-BXtiFFM2.js +0 -1
- package/dist/components/p-BdArvV6T.js +0 -1
- package/dist/components/p-BnkGlFYy.js +0 -1
- package/dist/components/p-CfeNhAHW.js +0 -1
- package/dist/components/p-ChLib-si.js +0 -1
- package/dist/components/p-D-3BTFRs.js +0 -1
- package/dist/components/p-D0wrmRH8.js +0 -1
- package/dist/components/p-DZX7cEqP.js +0 -1
- package/dist/components/p-W8Y8ZuPs.js +0 -1
- package/dist/components/p-cteJszd-.js +0 -1
- package/dist/components/p-mUoTCiYa.js +0 -1
- package/dist/components/p-ySi6UG0O.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as a,p as t,H as r,h as o}from"./index.js";const s=t(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.vertical=!1,this.spaced=!1,this.inset=!1,this.dark=!1}render(){const a={};return this.color&&(a["--co-separator-color"]=this.color),this.size&&(a["--co-separator-size"]=this.size),!1!==this.spaced&&void 0!==this.spaced&&(a["--co-separator-spacing"]=!0===this.spaced||""===this.spaced?"var(--co-spacing-sm2)":{xs:"var(--co-spacing-xs)",sm:"var(--co-spacing-sm)",md:"var(--co-spacing-md)",lg:"var(--co-spacing-lg)",xl:"var(--co-spacing-xl)"}[this.spaced]||this.spaced),!1!==this.inset&&void 0!==this.inset&&(!0===this.inset||""===this.inset?(a["--co-separator-inset-start"]="16px",a["--co-separator-inset-end"]="16px"):"item"===this.inset?(a["--co-separator-inset-start"]="56px",a["--co-separator-inset-end"]="0px"):"item-thumbnail"===this.inset&&(a["--co-separator-inset-start"]="72px",a["--co-separator-inset-end"]="0px")),o("hr",{key:"
|
|
1
|
+
import{t as a,p as t,H as r,h as o}from"./index.js";const s=t(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.vertical=!1,this.spaced=!1,this.inset=!1,this.dark=!1}render(){const a={};return this.color&&(a["--co-separator-color"]=this.color),this.size&&(a["--co-separator-size"]=this.size),!1!==this.spaced&&void 0!==this.spaced&&(a["--co-separator-spacing"]=!0===this.spaced||""===this.spaced?"var(--co-spacing-sm2)":{xs:"var(--co-spacing-xs)",sm:"var(--co-spacing-sm)",md:"var(--co-spacing-md)",lg:"var(--co-spacing-lg)",xl:"var(--co-spacing-xl)"}[this.spaced]||this.spaced),!1!==this.inset&&void 0!==this.inset&&(!0===this.inset||""===this.inset?(a["--co-separator-inset-start"]="16px",a["--co-separator-inset-end"]="16px"):"item"===this.inset?(a["--co-separator-inset-start"]="56px",a["--co-separator-inset-end"]="0px"):"item-thumbnail"===this.inset&&(a["--co-separator-inset-start"]="72px",a["--co-separator-inset-end"]="0px")),o("hr",{key:"e3424f147cc4168638d2ac823046351fb880ac57",class:{"co-separator":!0,"co-separator--vertical":this.vertical,"co-separator--dark":this.dark},style:a,part:"separator","aria-orientation":this.vertical?"vertical":"horizontal",role:"separator"})}static get style(){return":host{display:block;width:100%}:host([vertical]){display:inline-block;width:auto;height:auto;align-self:stretch}.co-separator{--co-separator-color:var(--co-semantic-border-default);--co-separator-size:1px;--co-separator-spacing:0px;--co-separator-inset-start:0px;--co-separator-inset-end:0px;border:none;margin:0;padding:0;background:var(--co-separator-color)}.co-separator:not(.co-separator--vertical){height:var(--co-separator-size);width:auto;margin-top:var(--co-separator-spacing);margin-bottom:var(--co-separator-spacing);margin-left:var(--co-separator-inset-start);margin-right:var(--co-separator-inset-end)}.co-separator--vertical{width:var(--co-separator-size);height:100%;min-height:1em;margin-left:var(--co-separator-spacing);margin-right:var(--co-separator-spacing);margin-top:var(--co-separator-inset-start);margin-bottom:var(--co-separator-inset-end)}.co-separator--dark{--co-separator-color:var(--co-color-opacity-blanco-25)}"}},[1,"co-separator",{vertical:[516],spaced:[520],inset:[520],color:[1],size:[1],dark:[516]}]);function i(){"undefined"!=typeof customElements&&["co-separator"].forEach((t=>{"co-separator"===t&&(customElements.get(a(t))||customElements.define(a(t),s))}))}i();const e=s,c=i;export{e as CoSeparator,c as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as a,H as o,c as t,h as s,a as i}from"./index.js";import{n as r}from"./p-CQY6Ul7q.js";import{d as n}from"./p-DbISGXT_.js";import{d as c}from"./p-cteJszd-.js";const l={Home:"house",Contacts:"address-book",Companies:"buildings",Presentations:"presentation-chart",Deals:"handshake",Invoices:"receipt",Payments:"credit-card",Conversations:"chat-circle",Channels:"broadcast",ChannelProviders:"plugs-connected",ConversationFlows:"flow-arrow",PhoneNumbers:"phone",Tasks:"check-square",TaskGroups:"squares-four",WorkOrders:"clipboard-text",Tickets:"ticket",CaseTypes:"tag",EmailHubs:"at",RoutingRules:"path",Contracts:"file-text",Notes:"note",Meetings:"video-camera",Calls:"phone-call",CloudDrive:"cloud",Quotes:"quotes",ContentTemplates:"article",MessageTemplates:"chat-text",Skills:"brain",Insights:"chart-line",Dashboards:"gauge",Reports:"chart-bar",Emails:"envelope",ContactLists:"users-three",EmailCampaigns:"megaphone",VirtualTours:"cube",Scenes:"image",Spots:"map-pin",FloorPlans:"blueprint",Users:"user",UserTeams:"users",UserGroups:"user-circle-gear",Roles:"shield",Workspaces:"stack",AuthenticationRules:"lock-key",OauthApps:"key",ServiceCredentials:"certificate",Calendars:"calendar",CalendarPolicies:"calendar-check",CalendarGroups:"calendar-dots",CalendarEvents:"calendar-plus",ProposalWizards:"magic-wand",WizardGroups:"folders",AdHubs:"storefront",AdCampaigns:"flag-banner",Pricebooks:"book-open",PricebookEntries:"list-numbers",Products:"package",Taxes:"percent",ProductGroups:"stack",ProductFamilies:"tree-structure",ProductCategories:"tag",ProductRules:"gear-six",DiscountSchedules:"piggy-bank",LiveStreams:"broadcast",EventSubscriptions:"bell-ringing",Stages:"steps",ContactFlows:"flow-arrow",Categories:"folder-simple",CustomFilters:"funnel",Logs:"list-bullets",Devices:"cpu",Scripts:"code",Webhooks:"webhooks-logo",Endpoints:"plug",Sites:"globe",HealthChecks:"heartbeat",Plugins:"puzzle-piece",Cobs:"cube",CustomFields:"textbox",CustomUis:"layout",Documentation:"book-open-text",Sections:"article",Articles:"newspaper",Directory:"address-book",Sales:"currency-dollar",Communications:"chat-teardrop-text",Operations:"gear",Support:"lifebuoy",Tools:"wrench",Configuration:"sliders",Analytics:"chart-pie",Mailing:"envelope-simple",Billing:"money",Libraries:"books",Scheduling:"timer",Pricing:"tag",Development:"terminal",AccessControl:"shield-check",Notifications:"bell",System:"database",Iot:"wifi-high",Advertising:"megaphone",Wizards:"magic-wand",TourStudio:"cube",Docs:"file-text",Setup:"gear-six",Recruitment:"user-plus",Candidates:"user-list",Recognition:"hands-clapping",Achievements:"trophy",Rewards:"gift",Badges:"medal",BadgeNominations:"star",Prizes:"trophy",RewardsBudgets:"wallet",RedeemedPrizes:"crown",PaymentReceipts:"hand-coins",Coupons:"seal-percent",EventManager:"calendar-star",EventProspects:"users-four",BusinessEvents:"briefcase",EventExpense:"coins",Content:"folder-open",Portals:"app-window",CommunicationCenter:"headset",Integrations:"plugs-connected",Mcp:"plug",LifecycleHooks:"arrows-clockwise",PaymentProviders:"credit-card",Stripe:"credit-card",ThirdParty:"plugs-connected",Sendgrid:"paper-plane-tilt",Apollo:"rocket-launch",Kaspr:"identification-card",OpenAi:"robot",Ultramsg:"whatsapp-logo",Slack:"slack-logo",Telegram:"telegram-logo",Discord:"discord-logo"},d=a(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coNavigate=t(this,"coNavigate",7),this.coSearch=t(this,"coSearch",7),this.items="{}",this.activeKey="",this.mode="full",this.searchable=!1,this.searchPlaceholder="Search",this.search="",this.iconMap="{}",this.translations="{}",this.searchText="",this.expandedKeys=new Set,this.flyoutKey=null,this.flyoutPosition={top:0,bottom:null,left:0},this.parsedIconMap={},this.parsedTranslations={},this.flyoutTimeout=null,this.handleSearchInput=e=>{this.searchText=e.target.value,this.coSearch.emit(this.searchText)}}onIconMapChange(){this.parseIconMap()}onTranslationsChange(){this.parseTranslations()}onSearchChange(){this.searchText=this.search}onActiveKeyChange(){this.autoExpandForActiveKey()}onItemsChange(){this.autoExpandForActiveKey()}componentWillLoad(){this.parseIconMap(),this.parseTranslations(),this.autoExpandForActiveKey()}componentDidLoad(){}parseIconMap(){try{this.parsedIconMap=Object.assign(Object.assign({},l),JSON.parse(this.iconMap))}catch(e){this.parsedIconMap=Object.assign({},l)}}parseTranslations(){try{this.parsedTranslations=JSON.parse(this.translations)}catch(e){this.parsedTranslations={}}}get parsedItems(){try{const e=JSON.parse(this.items);return Array.isArray(e)?e:this.transformMenuData(e,0)}catch(e){return[]}}transformMenuData(e,a){return Object.keys(e).map((o=>{const t=e[o],s=t.modelName||"object"==typeof t&&!Object.keys(t).some((e=>"object"==typeof t[e]&&"modelName"!==e));return{key:o,label:o,url:t.url,target:t.target,modelName:s?t.modelName:void 0,customIcon:t.customIcon,children:s?void 0:this.transformMenuData(t,a+1),level:a}}))}get filteredItems(){return this.searchText?this.filterRecursive(this.parsedItems,r(this.searchText)):this.parsedItems}filterRecursive(e,a){const o=[];for(const t of e)if(r(this.getLabel(t.key)).includes(a))o.push(t);else if(t.children){const e=this.filterRecursive(t.children,a);e.length>0&&o.push(Object.assign(Object.assign({},t),{children:e}))}return o}autoExpandForActiveKey(){if(!this.activeKey)return;const e=new Set(this.expandedKeys);this.findAndExpandParents(this.parsedItems,this.activeKey,e),this.expandedKeys=e}findAndExpandParents(e,a,o){for(const t of e){if(t.key===a)return!0;if(t.children&&this.findAndExpandParents(t.children,a,o))return o.add(t.key),!0}return!1}getLabel(e){return this.parsedTranslations[e]?this.parsedTranslations[e]:e.replace(/([a-z])([A-Z])/g,"$1 $2")}getIcon(e){return this.parsedIconMap[e]||"circle"}isLeaf(e){return!e.children||0===e.children.length}hasActiveDescendant(e){return e.key===this.activeKey||!!e.children&&e.children.some((e=>this.hasActiveDescendant(e)))}toggleExpand(e){const a=new Set(this.expandedKeys);a.has(e)?a.delete(e):a.add(e),this.expandedKeys=a}handleLeafClick(e){this.flyoutKey=null,this.coNavigate.emit({key:e.key,modelName:e.modelName,url:e.url,target:e.target,customIcon:e.customIcon})}renderSearch(){return this.searchable&&"min"!==this.mode?s("div",{class:"co-sidebar-nav__search"},s("co-icon",{name:"magnifying-glass",size:16}),s("input",{type:"text",class:"co-sidebar-nav__search-input",placeholder:this.searchPlaceholder,value:this.searchText,onInput:this.handleSearchInput}),this.searchText&&s("button",{class:"co-sidebar-nav__search-clear",onClick:()=>{this.searchText="",this.coSearch.emit("")}},s("co-icon",{name:"x",size:14}))):null}renderIcon(e,a=16){if(e.customIcon)return s("img",{class:"co-sidebar-nav__custom-icon",src:e.customIcon,alt:""});const o=e.icon||this.getIcon(e.key);return s("co-icon",{name:o,size:a})}renderHighlightedLabel(e){const a=this.getLabel(e);if(!this.searchText)return a;const o=this.searchText.toLowerCase(),t=a.toLowerCase().indexOf(o);if(-1===t)return a;const i=a.slice(0,t),r=a.slice(t,t+o.length),n=a.slice(t+o.length);return[i,s("mark",{class:"co-sidebar-nav__highlight"},r),n]}renderLeafItem(e,a=!1){const o=e.key===this.activeKey,t=this.getLabel(e.key),i="full"===this.mode||a,r=s("button",{class:{"co-sidebar-nav__item":!0,"co-sidebar-nav__item--active":o},onClick:()=>this.handleLeafClick(e),"aria-label":i?void 0:t},s("span",{class:"co-sidebar-nav__item-icon"},this.renderIcon(e,i?16:18)),i&&s("span",{class:"co-sidebar-nav__item-label"},this.renderHighlightedLabel(e.key)));return"min"!==this.mode||a?r:s("co-tooltip",{content:t,placement:"right",offset:12},r)}openFlyout(e,a,o=0){if(clearTimeout(this.flyoutTimeout),a){const e=a.getBoundingClientRect(),t=e.right+8,s=window.innerHeight;this.flyoutPosition=e.top+(28+32*o+24)>s-16?{top:null,bottom:s-e.bottom,left:t}:{top:e.top,bottom:null,left:t}}this.flyoutKey=e}closeFlyout(){this.flyoutTimeout=setTimeout((()=>{this.flyoutKey=null}),150)}renderExpansion(e){const a=this.expandedKeys.has(e.key)||this.searchText.length>0,o=this.hasActiveDescendant(e);if("min"===this.mode){const a=this.flyoutKey===e.key;return s("div",{class:"co-sidebar-nav__flyout-anchor",onMouseEnter:a=>{var o;return this.openFlyout(e.key,a.currentTarget,(null===(o=e.children)||void 0===o?void 0:o.length)||0)},onMouseLeave:()=>this.closeFlyout()},s("button",{class:{"co-sidebar-nav__item":!0,"co-sidebar-nav__item--active":o||a},title:this.getLabel(e.key),onClick:a=>{var o;a.stopPropagation();const t=a.currentTarget.closest(".co-sidebar-nav__flyout-anchor");this.flyoutKey===e.key?this.flyoutKey=null:this.openFlyout(e.key,t||void 0,(null===(o=e.children)||void 0===o?void 0:o.length)||0)}},s("span",{class:"co-sidebar-nav__item-icon"},this.renderIcon(e,18))),a&&s("div",{class:"co-sidebar-nav__flyout",style:Object.assign(Object.assign(Object.assign({},null!==this.flyoutPosition.top?{top:this.flyoutPosition.top+"px"}:{}),null!==this.flyoutPosition.bottom?{bottom:this.flyoutPosition.bottom+"px"}:{}),{left:this.flyoutPosition.left+"px"}),onMouseEnter:()=>clearTimeout(this.flyoutTimeout),onMouseLeave:()=>this.closeFlyout()},s("span",{class:"co-sidebar-nav__flyout-title"},this.renderHighlightedLabel(e.key)),e.children.map((e=>this.renderLeafItem(e,!0)))))}return s("div",{class:{"co-sidebar-nav__expansion":!0,"co-sidebar-nav__expansion--expanded":a,"co-sidebar-nav__expansion--active":o}},s("button",{class:"co-sidebar-nav__expansion-header",onClick:()=>this.toggleExpand(e.key)},s("span",{class:"co-sidebar-nav__item-icon"},this.renderIcon(e)),s("span",{class:"co-sidebar-nav__item-label"},this.renderHighlightedLabel(e.key)),s("co-icon",{name:"caret-right",size:14,class:"co-sidebar-nav__expansion-caret"})),s("div",{class:"co-sidebar-nav__expansion-body"},e.children.map((e=>this.renderItem(e)))))}renderCategory(e){return"min"===this.mode?s("div",{class:"co-sidebar-nav__category--min"},e.children.map((e=>this.renderItem(e)))):s("div",{class:"co-sidebar-nav__category"},s("span",{class:"co-sidebar-nav__category-label"},this.renderHighlightedLabel(e.key)),s("div",{class:"co-sidebar-nav__category-items"},e.children.map((e=>this.renderItem(e)))))}renderItem(e){return this.isLeaf(e)?this.renderLeafItem(e):0!==e.level&&void 0!==e.level||e.modelName?this.renderExpansion(e):this.renderCategory(e)}render(){const e=this.filteredItems;return s(i,{key:"637707894cb777ff149c0516aff13786054e5393",class:{"flyout-open":!!this.flyoutKey}},s("nav",{key:"3d98909c4d5d0f17eb478fbd01603884d040f45f",class:{"co-sidebar-nav":!0,"co-sidebar-nav--min":"min"===this.mode}},this.renderSearch(),s("div",{key:"d46c1e3b5e60ded1d232e7ccf8beb768d34ffe88",class:"co-sidebar-nav__items"},e.map((e=>this.renderItem(e))))))}get el(){return this}static get watchers(){return{iconMap:[{onIconMapChange:0}],translations:[{onTranslationsChange:0}],search:[{onSearchChange:0}],activeKey:[{onActiveKeyChange:0}],items:[{onItemsChange:0}]}}static get style(){return'@property --co-sidebar-fade-top{syntax:"<length>";inherits:false;initial-value:0px}@property --co-sidebar-fade-bottom{syntax:"<length>";inherits:false;initial-value:0px}:host{display:block;height:100%;overflow-y:auto;overflow-x:hidden;font-family:var(--co-font-family-primary);scrollbar-width:thin;scrollbar-color:transparent transparent;--co-sidebar-fade-size:28px}:host(:not([mode="min"])),:host([mode="min"]:not(.flyout-open)){-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--co-sidebar-fade-top), #000 calc(100% - var(--co-sidebar-fade-bottom)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 var(--co-sidebar-fade-top), #000 calc(100% - var(--co-sidebar-fade-bottom)), transparent 100%)}@supports (animation-timeline: scroll()){:host(:not([mode="min"])),:host([mode="min"]:not(.flyout-open)){animation:co-sidebar-edge-fade linear both;animation-timeline:scroll(self block)}}@keyframes co-sidebar-edge-fade{0%{--co-sidebar-fade-top:0px;--co-sidebar-fade-bottom:var(--co-sidebar-fade-size)}8%{--co-sidebar-fade-top:var(--co-sidebar-fade-size);--co-sidebar-fade-bottom:var(--co-sidebar-fade-size)}92%{--co-sidebar-fade-top:var(--co-sidebar-fade-size);--co-sidebar-fade-bottom:var(--co-sidebar-fade-size)}100%{--co-sidebar-fade-top:var(--co-sidebar-fade-size);--co-sidebar-fade-bottom:0px}}:host(:hover){scrollbar-color:var(--co-color-opacity-blanco-16) transparent}:host::-webkit-scrollbar{width:6px}:host::-webkit-scrollbar-track{background:transparent}:host::-webkit-scrollbar-thumb{background:transparent;border-radius:9999px}:host(:hover)::-webkit-scrollbar-thumb{background:var(--co-color-opacity-blanco-16)}:host(:hover)::-webkit-scrollbar-thumb:hover{background:var(--co-color-opacity-blanco-25)}:host(:hover)::-webkit-scrollbar-thumb:active{background:var(--co-color-opacity-blanco-50)}:host([mode="min"]){scrollbar-width:none !important}:host([mode="min"])::-webkit-scrollbar{width:0 !important}.co-sidebar-nav{display:flex;flex-direction:column;gap:var(--co-spacing-xs);padding:var(--co-spacing-xs)}.co-sidebar-nav--min{align-items:center;padding:var(--co-spacing-xs) 0}.co-sidebar-nav__search{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-xs) var(--co-spacing-sm);margin:0 var(--co-spacing-xs) var(--co-spacing-xs);border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-xs);background:var(--co-semantic-surface-secondary);height:32px}.co-sidebar-nav__search co-icon{color:var(--co-semantic-text-muted);flex-shrink:0}.co-sidebar-nav__search-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);letter-spacing:var(--co-font-letter-spacing-body);color:var(--co-semantic-text-default);min-width:0}.co-sidebar-nav__search-input::placeholder{color:var(--co-semantic-text-muted)}.co-sidebar-nav__search-clear{display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;padding:0;color:var(--co-semantic-text-muted);border-radius:var(--co-border-radius-xxs)}.co-sidebar-nav__search-clear:hover{color:var(--co-semantic-text-default)}.co-sidebar-nav__items{display:flex;flex-direction:column;gap:var(--co-spacing-xxs)}.co-sidebar-nav--min .co-sidebar-nav__items{align-items:center}.co-sidebar-nav__category{display:flex;flex-direction:column}.co-sidebar-nav__category+.co-sidebar-nav__category{margin-top:var(--co-spacing-sm)}.co-sidebar-nav__category-label{text-transform:uppercase;font-family:var(--co-font-family-mono);font-size:var(--co-font-size-10);font-weight:400;color:var(--co-semantic-text-muted);line-height:110%;letter-spacing:0.08em;padding:var(--co-spacing-lg) var(--co-spacing-sm) var(--co-spacing-xs);user-select:none}.co-sidebar-nav__category-items{display:flex;flex-direction:column;gap:var(--co-spacing-xxs)}.co-sidebar-nav__category--min{display:flex;flex-direction:column;align-items:center;gap:var(--co-spacing-xxs)}.co-sidebar-nav__category--min+.co-sidebar-nav__category--min{margin-top:var(--co-spacing-md)}.co-sidebar-nav__item{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xs);border:none;background:none;cursor:pointer;width:100%;text-align:left;color:var(--co-semantic-text-default);transition:background 0.15s ease, color 0.15s ease;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);font-weight:var(--co-font-weight-medium);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-sidebar-nav__item:hover{background:var(--co-semantic-surface-hover);color:var(--co-semantic-text-default)}.co-sidebar-nav__item--active{background:var(--co-sidebar-nav-active-bg, var(--co-semantic-surface-hover));color:var(--co-sidebar-nav-active-color, var(--co-color-primary-azul));font-weight:var(--co-font-weight-medium);--co-glass-blur:12px;--co-glass-saturate:1.3;-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate))}.co-sidebar-nav__item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.co-sidebar-nav__item-icon co-icon{color:inherit}.co-sidebar-nav__item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-sidebar-nav__custom-icon{width:18px;height:18px;object-fit:contain;border-radius:var(--co-border-radius-xxs)}.co-sidebar-nav--min .co-sidebar-nav__item{width:36px;height:36px;padding:0;justify-content:center;border-radius:var(--co-border-radius-xs)}.co-sidebar-nav__flyout-anchor{position:relative}.co-sidebar-nav__flyout{position:fixed;min-width:180px;max-width:240px;background:var(--co-color-base-blanco);border:1px solid var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-sm);box-shadow:var(--co-shadow-lg);padding:var(--co-spacing-md);display:flex;flex-direction:column;z-index:9999;animation:co-flyout-in 0.15s ease}.co-sidebar-nav__flyout-title{text-transform:uppercase;font-family:var(--co-font-family-mono);font-size:var(--co-font-size-10);font-weight:400;color:var(--co-color-gray-500);line-height:110%;letter-spacing:var(--co-font-letter-spacing-overline);padding:var(--co-spacing-xxs) var(--co-spacing-sm) var(--co-spacing-xs);user-select:none}.co-sidebar-nav__flyout .co-sidebar-nav__item{width:100%;height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xs);gap:var(--co-spacing-md);font-weight:var(--co-font-weight-regular);color:var(--co-color-base-negro);line-height:var(--co-font-line-height-none);justify-content:flex-start}.co-sidebar-nav__flyout .co-sidebar-nav__item:hover{background:var(--co-color-gray-100)}.co-sidebar-nav__flyout .co-sidebar-nav__item--active{background:var(--co-color-gray-100);color:var(--co-sidebar-nav-active-color, var(--co-color-primary-azul));font-weight:var(--co-font-weight-medium)}.co-sidebar-nav__flyout .co-sidebar-nav__item-icon{display:flex;width:24px;height:24px}.co-sidebar-nav__flyout .co-sidebar-nav__item-icon co-icon{color:var(--co-color-base-negro)}@keyframes co-flyout-in{from{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}.co-sidebar-nav__expansion{display:flex;flex-direction:column}.co-sidebar-nav__expansion-header{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xs);border:none;background:none;cursor:pointer;width:100%;text-align:left;color:var(--co-semantic-text-secondary);transition:background 0.15s ease, color 0.15s ease;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);font-weight:var(--co-font-weight-medium);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-sidebar-nav__expansion-header:hover{background:var(--co-semantic-surface-hover);color:var(--co-semantic-text-default)}.co-sidebar-nav__expansion--active>.co-sidebar-nav__expansion-header{color:var(--co-semantic-text-default)}.co-sidebar-nav__expansion-caret{margin-left:auto;flex-shrink:0;transition:transform 0.2s ease;color:var(--co-semantic-text-muted)}.co-sidebar-nav__expansion--expanded>.co-sidebar-nav__expansion-header .co-sidebar-nav__expansion-caret{transform:rotate(90deg)}.co-sidebar-nav__expansion-body{display:flex;flex-direction:column;gap:var(--co-spacing-xxs);overflow:hidden;max-height:0;opacity:0;transition:max-height 0.25s ease, opacity 0.2s ease, padding 0.2s ease;padding-left:var(--co-spacing-xl)}.co-sidebar-nav__expansion--expanded>.co-sidebar-nav__expansion-body{max-height:1000px;opacity:1;padding-top:var(--co-spacing-xxs)}.co-sidebar-nav__highlight{all:unset;background-color:var(--co-color-primary-amarillo, #facc15);color:var(--co-color-base-negro, #000);border-radius:2px;padding:0 1px}'}},[1,"co-sidebar-nav",{items:[1],activeKey:[513,"active-key"],mode:[513],searchable:[4],searchPlaceholder:[1,"search-placeholder"],search:[1],iconMap:[1,"icon-map"],translations:[1],searchText:[32],expandedKeys:[32],flyoutKey:[32],flyoutPosition:[32]},void 0,{iconMap:[{onIconMapChange:0}],translations:[{onTranslationsChange:0}],search:[{onSearchChange:0}],activeKey:[{onActiveKeyChange:0}],items:[{onItemsChange:0}]}]);function h(){"undefined"!=typeof customElements&&["co-sidebar-nav","co-icon","co-tooltip"].forEach((a=>{switch(a){case"co-sidebar-nav":customElements.get(e(a))||customElements.define(e(a),d);break;case"co-icon":customElements.get(e(a))||n();break;case"co-tooltip":customElements.get(e(a))||c()}}))}h();const p=d,b=h;export{p as CoSidebarNav,b as defineCustomElement}
|
|
1
|
+
import{t as e,p as a,H as o,c as t,h as i,a as r}from"./index.js";import{n as s}from"./p-CQY6Ul7q.js";import{d as n}from"./p-BCZ-tPBT.js";import{d as c}from"./p-BYnSPxpp.js";const l={Home:"house",Contacts:"address-book",Companies:"buildings",Presentations:"presentation-chart",Deals:"handshake",Invoices:"receipt",Payments:"credit-card",Conversations:"chat-circle",Channels:"broadcast",ChannelProviders:"plugs-connected",ConversationFlows:"flow-arrow",PhoneNumbers:"phone",Tasks:"check-square",TaskGroups:"squares-four",WorkOrders:"clipboard-text",Tickets:"ticket",CaseTypes:"tag",EmailHubs:"at",RoutingRules:"path",Contracts:"file-text",Notes:"note",Meetings:"video-camera",Calls:"phone-call",CloudDrive:"cloud",Quotes:"quotes",ContentTemplates:"article",MessageTemplates:"chat-text",Skills:"brain",Insights:"chart-line",Dashboards:"gauge",Reports:"chart-bar",Emails:"envelope",ContactLists:"users-three",EmailCampaigns:"megaphone",VirtualTours:"cube",Scenes:"image",Spots:"map-pin",FloorPlans:"blueprint",Users:"user",UserTeams:"users",UserGroups:"user-circle-gear",Roles:"shield",Workspaces:"stack",AuthenticationRules:"lock-key",OauthApps:"key",ServiceCredentials:"certificate",Calendars:"calendar",CalendarPolicies:"calendar-check",CalendarGroups:"calendar-dots",CalendarEvents:"calendar-plus",ProposalWizards:"magic-wand",WizardGroups:"folders",AdHubs:"storefront",AdCampaigns:"flag-banner",Pricebooks:"book-open",PricebookEntries:"list-numbers",Products:"package",Taxes:"percent",ProductGroups:"stack",ProductFamilies:"tree-structure",ProductCategories:"tag",ProductRules:"gear-six",DiscountSchedules:"piggy-bank",LiveStreams:"broadcast",EventSubscriptions:"bell-ringing",Stages:"steps",ContactFlows:"flow-arrow",Categories:"folder-simple",CustomFilters:"funnel",Logs:"list-bullets",Devices:"cpu",Scripts:"code",Webhooks:"webhooks-logo",Endpoints:"plug",Sites:"globe",HealthChecks:"heartbeat",Plugins:"puzzle-piece",Cobs:"cube",CustomFields:"textbox",CustomUis:"layout",Documentation:"book-open-text",Sections:"article",Articles:"newspaper",Directory:"address-book",Sales:"currency-dollar",Communications:"chat-teardrop-text",Operations:"gear",Support:"lifebuoy",Tools:"wrench",Configuration:"sliders",Analytics:"chart-pie",Mailing:"envelope-simple",Billing:"money",Libraries:"books",Scheduling:"timer",Pricing:"tag",Development:"terminal",AccessControl:"shield-check",Notifications:"bell",System:"database",Iot:"wifi-high",Advertising:"megaphone",Wizards:"magic-wand",TourStudio:"cube",Docs:"file-text",Setup:"gear-six",Recruitment:"user-plus",Candidates:"user-list",Recognition:"hands-clapping",Achievements:"trophy",Rewards:"gift",Badges:"medal",BadgeNominations:"star",Prizes:"trophy",RewardsBudgets:"wallet",RedeemedPrizes:"crown",PaymentReceipts:"hand-coins",Coupons:"seal-percent",EventManager:"calendar-star",EventProspects:"users-four",BusinessEvents:"briefcase",EventExpense:"coins",Content:"folder-open",Portals:"app-window",CommunicationCenter:"headset",Integrations:"plugs-connected",Mcp:"plug",LifecycleHooks:"arrows-clockwise",PaymentProviders:"credit-card",Stripe:"credit-card",ThirdParty:"plugs-connected",Sendgrid:"paper-plane-tilt",Apollo:"rocket-launch",Kaspr:"identification-card",OpenAi:"robot",Ultramsg:"whatsapp-logo",Slack:"slack-logo",Telegram:"telegram-logo",Discord:"discord-logo"},d=a(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coNavigate=t(this,"coNavigate",7),this.coSearch=t(this,"coSearch",7),this.items="{}",this.activeKey="",this.mode="full",this.searchable=!1,this.searchPlaceholder="Search",this.search="",this.iconMap="{}",this.translations="{}",this.searchText="",this.expandedKeys=new Set,this.flyoutKey=null,this.flyoutPosition={top:0,bottom:null,left:0},this.parsedIconMap={},this.parsedTranslations={},this.flyoutTimeout=null,this.handleSearchInput=e=>{this.searchText=e.target.value,this.coSearch.emit(this.searchText)}}onIconMapChange(){this.parseIconMap()}onTranslationsChange(){this.parseTranslations()}onSearchChange(){this.searchText=this.search}onActiveKeyChange(){this.autoExpandForActiveKey()}onItemsChange(){this.autoExpandForActiveKey()}componentWillLoad(){this.parseIconMap(),this.parseTranslations(),this.autoExpandForActiveKey()}componentDidLoad(){}parseIconMap(){try{this.parsedIconMap=Object.assign(Object.assign({},l),JSON.parse(this.iconMap))}catch(e){this.parsedIconMap=Object.assign({},l)}}parseTranslations(){try{this.parsedTranslations=JSON.parse(this.translations)}catch(e){this.parsedTranslations={}}}get parsedItems(){try{const e=JSON.parse(this.items);return Array.isArray(e)?e:this.transformMenuData(e,0)}catch(e){return[]}}transformMenuData(e,a){return Object.keys(e).map((o=>{const t=e[o],i=t.modelName||"object"==typeof t&&!Object.keys(t).some((e=>"object"==typeof t[e]&&"modelName"!==e));return{key:o,label:o,url:t.url,target:t.target,modelName:i?t.modelName:void 0,customIcon:t.customIcon,children:i?void 0:this.transformMenuData(t,a+1),level:a}}))}get filteredItems(){return this.searchText?this.filterRecursive(this.parsedItems,s(this.searchText)):this.parsedItems}filterRecursive(e,a){const o=[];for(const t of e)if(s(this.getLabel(t.key)).includes(a))o.push(t);else if(t.children){const e=this.filterRecursive(t.children,a);e.length>0&&o.push(Object.assign(Object.assign({},t),{children:e}))}return o}autoExpandForActiveKey(){if(!this.activeKey)return;const e=new Set(this.expandedKeys);this.findAndExpandParents(this.parsedItems,this.activeKey,e),this.expandedKeys=e}findAndExpandParents(e,a,o){for(const t of e){if(t.key===a)return!0;if(t.children&&this.findAndExpandParents(t.children,a,o))return o.add(t.key),!0}return!1}getLabel(e){return this.parsedTranslations[e]?this.parsedTranslations[e]:e.replace(/([a-z])([A-Z])/g,"$1 $2")}getIcon(e){return this.parsedIconMap[e]||"circle"}isLeaf(e){return!e.children||0===e.children.length}hasActiveDescendant(e){return e.key===this.activeKey||!!e.children&&e.children.some((e=>this.hasActiveDescendant(e)))}toggleExpand(e){const a=new Set(this.expandedKeys);a.has(e)?a.delete(e):a.add(e),this.expandedKeys=a}handleLeafClick(e){this.flyoutKey=null,this.coNavigate.emit({key:e.key,modelName:e.modelName,url:e.url,target:e.target,customIcon:e.customIcon})}renderSearch(){return this.searchable&&"min"!==this.mode?i("div",{class:"co-sidebar-nav__search"},i("co-icon",{name:"magnifying-glass",size:16}),i("input",{type:"text",class:"co-sidebar-nav__search-input",placeholder:this.searchPlaceholder,value:this.searchText,onInput:this.handleSearchInput}),this.searchText&&i("button",{class:"co-sidebar-nav__search-clear",onClick:()=>{this.searchText="",this.coSearch.emit("")}},i("co-icon",{name:"x",size:14}))):null}renderIcon(e,a=16){if(e.customIcon)return i("img",{class:"co-sidebar-nav__custom-icon",src:e.customIcon,alt:""});const o=e.icon||this.getIcon(e.key);return i("co-icon",{name:o,size:a})}renderHighlightedLabel(e){const a=this.getLabel(e);if(!this.searchText)return a;const o=this.searchText.toLowerCase(),t=a.toLowerCase().indexOf(o);if(-1===t)return a;const r=a.slice(0,t),s=a.slice(t,t+o.length),n=a.slice(t+o.length);return[r,i("mark",{class:"co-sidebar-nav__highlight"},s),n]}renderLeafItem(e,a=!1){const o=e.key===this.activeKey,t=this.getLabel(e.key),r="full"===this.mode||a,s=i("button",{class:{"co-sidebar-nav__item":!0,"co-sidebar-nav__item--active":o},onClick:()=>this.handleLeafClick(e),"aria-label":r?void 0:t},i("span",{class:"co-sidebar-nav__item-icon"},this.renderIcon(e,r?16:18)),r&&i("span",{class:"co-sidebar-nav__item-label"},this.renderHighlightedLabel(e.key)));return"min"!==this.mode||a?s:i("co-tooltip",{content:t,placement:"right",offset:12},s)}openFlyout(e,a,o=0){if(clearTimeout(this.flyoutTimeout),a){const e=a.getBoundingClientRect(),t=e.right+8,i=window.innerHeight;this.flyoutPosition=e.top+(28+32*o+24)>i-16?{top:null,bottom:i-e.bottom,left:t}:{top:e.top,bottom:null,left:t}}this.flyoutKey=e}closeFlyout(){this.flyoutTimeout=setTimeout((()=>{this.flyoutKey=null}),150)}renderExpansion(e){const a=this.expandedKeys.has(e.key)||this.searchText.length>0,o=this.hasActiveDescendant(e);if("min"===this.mode){const a=this.flyoutKey===e.key;return i("div",{class:"co-sidebar-nav__flyout-anchor",onMouseEnter:a=>{var o;return this.openFlyout(e.key,a.currentTarget,(null===(o=e.children)||void 0===o?void 0:o.length)||0)},onMouseLeave:()=>this.closeFlyout()},i("button",{class:{"co-sidebar-nav__item":!0,"co-sidebar-nav__item--active":o||a},title:this.getLabel(e.key),onClick:a=>{var o;a.stopPropagation();const t=a.currentTarget.closest(".co-sidebar-nav__flyout-anchor");this.flyoutKey===e.key?this.flyoutKey=null:this.openFlyout(e.key,t||void 0,(null===(o=e.children)||void 0===o?void 0:o.length)||0)}},i("span",{class:"co-sidebar-nav__item-icon"},this.renderIcon(e,18))),a&&i("div",{class:"co-sidebar-nav__flyout",style:Object.assign(Object.assign(Object.assign({},null!==this.flyoutPosition.top?{top:this.flyoutPosition.top+"px"}:{}),null!==this.flyoutPosition.bottom?{bottom:this.flyoutPosition.bottom+"px"}:{}),{left:this.flyoutPosition.left+"px"}),onMouseEnter:()=>clearTimeout(this.flyoutTimeout),onMouseLeave:()=>this.closeFlyout()},i("span",{class:"co-sidebar-nav__flyout-title"},this.renderHighlightedLabel(e.key)),e.children.map((e=>this.renderLeafItem(e,!0)))))}return i("div",{class:{"co-sidebar-nav__expansion":!0,"co-sidebar-nav__expansion--expanded":a,"co-sidebar-nav__expansion--active":o}},i("button",{class:"co-sidebar-nav__expansion-header",onClick:()=>this.toggleExpand(e.key)},i("span",{class:"co-sidebar-nav__item-icon"},this.renderIcon(e)),i("span",{class:"co-sidebar-nav__item-label"},this.renderHighlightedLabel(e.key)),i("co-icon",{name:"caret-right",size:14,class:"co-sidebar-nav__expansion-caret"})),i("div",{class:"co-sidebar-nav__expansion-body"},e.children.map((e=>this.renderItem(e)))))}renderCategory(e){return"min"===this.mode?i("div",{class:"co-sidebar-nav__category--min"},e.children.map((e=>this.renderItem(e)))):i("div",{class:"co-sidebar-nav__category"},i("span",{class:"co-sidebar-nav__category-label"},this.renderHighlightedLabel(e.key)),i("div",{class:"co-sidebar-nav__category-items"},e.children.map((e=>this.renderItem(e)))))}renderItem(e){return this.isLeaf(e)?this.renderLeafItem(e):0!==e.level&&void 0!==e.level||e.modelName?this.renderExpansion(e):this.renderCategory(e)}render(){const e=this.filteredItems;return i(r,{key:"fa9a50c4a517fa550406669bb3d40abbf12db32a",class:{"flyout-open":!!this.flyoutKey}},i("nav",{key:"5df964b67ed0e376a268dd28e1095b985c0b328b",class:{"co-sidebar-nav":!0,"co-sidebar-nav--min":"min"===this.mode}},this.renderSearch(),i("div",{key:"c276aacf1b0b9eb66e35977d124465c400c96cd1",class:"co-sidebar-nav__items"},e.map((e=>this.renderItem(e))))))}get el(){return this}static get watchers(){return{iconMap:[{onIconMapChange:0}],translations:[{onTranslationsChange:0}],search:[{onSearchChange:0}],activeKey:[{onActiveKeyChange:0}],items:[{onItemsChange:0}]}}static get style(){return'@property --co-sidebar-fade-top{syntax:"<length>";inherits:false;initial-value:0px}@property --co-sidebar-fade-bottom{syntax:"<length>";inherits:false;initial-value:0px}:host{display:block;height:100%;overflow-y:auto;overflow-x:hidden;font-family:var(--co-font-family-primary);scrollbar-width:thin;scrollbar-color:transparent transparent;--co-sidebar-fade-size:28px}:host(:not([mode="min"])),:host([mode="min"]:not(.flyout-open)){-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--co-sidebar-fade-top), #000 calc(100% - var(--co-sidebar-fade-bottom)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 var(--co-sidebar-fade-top), #000 calc(100% - var(--co-sidebar-fade-bottom)), transparent 100%)}@supports (animation-timeline: scroll()){:host(:not([mode="min"])),:host([mode="min"]:not(.flyout-open)){animation:co-sidebar-edge-fade linear both;animation-timeline:scroll(self block)}}@keyframes co-sidebar-edge-fade{0%{--co-sidebar-fade-top:0px;--co-sidebar-fade-bottom:var(--co-sidebar-fade-size)}8%{--co-sidebar-fade-top:var(--co-sidebar-fade-size);--co-sidebar-fade-bottom:var(--co-sidebar-fade-size)}92%{--co-sidebar-fade-top:var(--co-sidebar-fade-size);--co-sidebar-fade-bottom:var(--co-sidebar-fade-size)}100%{--co-sidebar-fade-top:var(--co-sidebar-fade-size);--co-sidebar-fade-bottom:0px}}:host(:hover){scrollbar-color:var(--co-color-opacity-blanco-16) transparent}:host::-webkit-scrollbar{width:6px}:host::-webkit-scrollbar-track{background:transparent}:host::-webkit-scrollbar-thumb{background:transparent;border-radius:9999px}:host(:hover)::-webkit-scrollbar-thumb{background:var(--co-color-opacity-blanco-16)}:host(:hover)::-webkit-scrollbar-thumb:hover{background:var(--co-color-opacity-blanco-25)}:host(:hover)::-webkit-scrollbar-thumb:active{background:var(--co-color-opacity-blanco-50)}:host([mode="min"]){scrollbar-width:none !important}:host([mode="min"])::-webkit-scrollbar{width:0 !important}.co-sidebar-nav{display:flex;flex-direction:column;gap:var(--co-spacing-xs);padding:var(--co-spacing-xs)}.co-sidebar-nav--min{align-items:center;padding:var(--co-spacing-xs) 0}.co-sidebar-nav__search{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-xs) var(--co-spacing-sm);margin:0 var(--co-spacing-xs) var(--co-spacing-xs);border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-xs);background:var(--co-semantic-surface-secondary);height:32px}.co-sidebar-nav__search co-icon{color:var(--co-semantic-text-muted);flex-shrink:0}.co-sidebar-nav__search-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);letter-spacing:var(--co-font-letter-spacing-body);color:var(--co-semantic-text-default);min-width:0}.co-sidebar-nav__search-input::placeholder{color:var(--co-semantic-text-muted)}.co-sidebar-nav__search-clear{display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;padding:0;color:var(--co-semantic-text-muted);border-radius:var(--co-border-radius-xxs)}.co-sidebar-nav__search-clear:hover{color:var(--co-semantic-text-default)}.co-sidebar-nav__items{display:flex;flex-direction:column;gap:var(--co-spacing-xxs)}.co-sidebar-nav--min .co-sidebar-nav__items{align-items:center}.co-sidebar-nav__category{display:flex;flex-direction:column}.co-sidebar-nav__category+.co-sidebar-nav__category{margin-top:var(--co-spacing-sm)}.co-sidebar-nav__category-label{text-transform:uppercase;font-family:var(--co-font-family-mono);font-size:var(--co-font-size-10);font-weight:400;color:var(--co-semantic-text-muted);line-height:110%;letter-spacing:0.08em;padding:var(--co-spacing-lg) var(--co-spacing-sm) var(--co-spacing-xs);user-select:none}.co-sidebar-nav__category-items{display:flex;flex-direction:column;gap:var(--co-spacing-xxs)}.co-sidebar-nav__category--min{display:flex;flex-direction:column;align-items:center;gap:var(--co-spacing-xxs)}.co-sidebar-nav__category--min+.co-sidebar-nav__category--min{margin-top:var(--co-spacing-md)}.co-sidebar-nav__item{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xs);border:none;background:none;cursor:pointer;width:100%;text-align:left;color:var(--co-semantic-text-default);transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);font-weight:var(--co-font-weight-medium);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-sidebar-nav__item:hover{background:var(--co-semantic-surface-hover);color:var(--co-semantic-text-default)}.co-sidebar-nav__item--active{background:var(--co-sidebar-nav-active-bg, var(--co-semantic-surface-hover));color:var(--co-sidebar-nav-active-color, var(--co-color-primary-azul));font-weight:var(--co-font-weight-medium);--co-glass-blur:12px;--co-glass-saturate:1.3;-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate))}.co-sidebar-nav__item--active:hover{background:var(--co-sidebar-nav-active-bg-min, var(--co-sidebar-nav-active-bg, var(--co-semantic-surface-hover)));color:var(--co-sidebar-nav-active-color, var(--co-color-primary-azul))}.co-sidebar-nav__item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.co-sidebar-nav__item-icon co-icon{color:inherit}.co-sidebar-nav__item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-sidebar-nav__custom-icon{width:18px;height:18px;object-fit:contain;border-radius:var(--co-border-radius-xxs)}.co-sidebar-nav--min .co-sidebar-nav__item{width:36px;height:36px;padding:0;justify-content:center;border-radius:var(--co-border-radius-xs)}.co-sidebar-nav__flyout-anchor{position:relative}.co-sidebar-nav__flyout{position:fixed;min-width:180px;max-width:240px;background:var(--co-color-base-blanco);border:1px solid var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-sm);box-shadow:var(--co-shadow-lg);padding:var(--co-spacing-md);display:flex;flex-direction:column;z-index:9999;animation:co-flyout-in var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-sidebar-nav__flyout-title{text-transform:uppercase;font-family:var(--co-font-family-mono);font-size:var(--co-font-size-10);font-weight:400;color:var(--co-color-gray-500);line-height:110%;letter-spacing:var(--co-font-letter-spacing-overline);padding:var(--co-spacing-xxs) var(--co-spacing-sm) var(--co-spacing-xs);user-select:none}.co-sidebar-nav__flyout .co-sidebar-nav__item{width:100%;height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xs);gap:var(--co-spacing-md);font-weight:var(--co-font-weight-regular);color:var(--co-color-base-negro);line-height:var(--co-font-line-height-none);justify-content:flex-start}.co-sidebar-nav__flyout .co-sidebar-nav__item:hover{background:var(--co-color-gray-100)}.co-sidebar-nav__flyout .co-sidebar-nav__item--active{background:var(--co-sidebar-nav-active-bg-min, var(--co-color-gray-100));color:var(--co-sidebar-nav-active-color, var(--co-color-primary-azul));font-weight:var(--co-font-weight-medium)}.co-sidebar-nav__flyout .co-sidebar-nav__item-icon{display:flex;width:24px;height:24px}.co-sidebar-nav__flyout .co-sidebar-nav__item-icon co-icon{color:var(--co-color-base-negro)}.co-sidebar-nav__flyout .co-sidebar-nav__item--active .co-sidebar-nav__item-icon co-icon{color:var(--co-sidebar-nav-active-color, var(--co-color-primary-azul))}@keyframes co-flyout-in{from{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}.co-sidebar-nav__expansion{display:flex;flex-direction:column}.co-sidebar-nav__expansion-header{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xs);border:none;background:none;cursor:pointer;width:100%;text-align:left;color:var(--co-semantic-text-secondary);transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);font-weight:var(--co-font-weight-medium);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-sidebar-nav__expansion-header:hover{background:var(--co-semantic-surface-hover);color:var(--co-semantic-text-default)}.co-sidebar-nav__expansion--active>.co-sidebar-nav__expansion-header{color:var(--co-semantic-text-default)}.co-sidebar-nav__expansion-caret{margin-left:auto;flex-shrink:0;transition:transform var(--co-motion-duration-base) var(--co-motion-ease-out);color:var(--co-semantic-text-muted)}.co-sidebar-nav__expansion--expanded>.co-sidebar-nav__expansion-header .co-sidebar-nav__expansion-caret{transform:rotate(90deg)}.co-sidebar-nav__expansion-body{display:flex;flex-direction:column;gap:var(--co-spacing-xxs);overflow:hidden;max-height:0;opacity:0;transition:max-height var(--co-motion-duration-slow) var(--co-motion-ease-out), opacity var(--co-motion-duration-base) var(--co-motion-ease-out), padding var(--co-motion-duration-base) var(--co-motion-ease-out);padding-left:var(--co-spacing-xl)}.co-sidebar-nav__expansion--expanded>.co-sidebar-nav__expansion-body{max-height:1000px;opacity:1;padding-top:var(--co-spacing-xxs)}.co-sidebar-nav__highlight{all:unset;background-color:var(--co-color-primary-amarillo, #facc15);color:var(--co-color-base-negro, #000);border-radius:2px;padding:0 1px}'}},[1,"co-sidebar-nav",{items:[1],activeKey:[513,"active-key"],mode:[513],searchable:[4],searchPlaceholder:[1,"search-placeholder"],search:[1],iconMap:[1,"icon-map"],translations:[1],searchText:[32],expandedKeys:[32],flyoutKey:[32],flyoutPosition:[32]},void 0,{iconMap:[{onIconMapChange:0}],translations:[{onTranslationsChange:0}],search:[{onSearchChange:0}],activeKey:[{onActiveKeyChange:0}],items:[{onItemsChange:0}]}]);function h(){"undefined"!=typeof customElements&&["co-sidebar-nav","co-icon","co-tooltip"].forEach((a=>{switch(a){case"co-sidebar-nav":customElements.get(e(a))||customElements.define(e(a),d);break;case"co-icon":customElements.get(e(a))||n();break;case"co-tooltip":customElements.get(e(a))||c()}}))}h();const v=d,p=h;export{v as CoSidebarNav,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as a,H as
|
|
1
|
+
import{t as e,p as a,H as d,c as o,h as s}from"./index.js";const i=a(class extends d{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coModeChange=o(this,"coModeChange",7),this.mode="full"}render(){return s("nav",{key:"ad5f66c721365f3a9ca2192765df243e8dea492e",class:{"co-sidebar":!0,["co-sidebar--"+this.mode]:!0},part:"sidebar"},s("div",{key:"45a2250516e1080f79b4a4554a0db7715c30066d",class:"co-sidebar__header",part:"header"},s("slot",{key:"04a468d4eb6cf9bbd2acc482ba50defc4271166e",name:"header"})),s("div",{key:"730e37997945ce8bc7bc2d177beb25bbd0a1813f",class:"co-sidebar__body",part:"body"},s("slot",{key:"22c20554c8f2d85952d43484cda5903dbf33588d"})),s("div",{key:"6bb53d0394b9107ea1553e21047d51ea5fe0f292",class:"co-sidebar__footer",part:"footer"},s("slot",{key:"2b326d1beed32288d50ba17abad459929ed1e940",name:"footer"})))}static get style(){return":host{display:flex;height:100%}.co-sidebar{display:flex;flex-direction:column;background:var(--co-semantic-surface-page);border-right:1px solid var(--co-semantic-border-subtle);font-family:var(--co-font-family-primary);box-sizing:border-box;overflow:hidden;transition:width var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-sidebar--full{width:256px}.co-sidebar--min{width:58px;align-items:center}.co-sidebar__header{padding:var(--co-spacing-lg);flex-shrink:0}.co-sidebar--min .co-sidebar__header{padding:var(--co-spacing-md)}.co-sidebar__body{flex:1;overflow-y:auto;padding:var(--co-spacing-sm2) var(--co-spacing-md)}.co-sidebar--min .co-sidebar__body{padding:var(--co-spacing-sm2)}.co-sidebar__footer{padding:var(--co-spacing-md) var(--co-spacing-lg);flex-shrink:0}.co-sidebar--min .co-sidebar__footer{padding:var(--co-spacing-md)}.co-sidebar__header:empty,.co-sidebar__footer:empty{display:none}"}},[257,"co-sidebar",{mode:[1537]}]);function r(){"undefined"!=typeof customElements&&["co-sidebar"].forEach((a=>{"co-sidebar"===a&&(customElements.get(e(a))||customElements.define(e(a),i))}))}r();const c=i,t=r;export{c as CoSidebar,t as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{C as
|
|
1
|
+
import{C as o,d as s}from"./p-DUYGgqjB.js";const p=o,r=s;export{p as CoSkeleton,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as s,H as i,c as r,h as
|
|
1
|
+
import{t as e,p as s,H as i,c as r,h as t}from"./index.js";import{d as c}from"./p-BCZ-tPBT.js";const o=s(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coChange=r(this,"coChange",7),this.coInput=r(this,"coInput",7),this.status="default",this.value=0,this.min=0,this.max=100,this.step=1,this.disabled=!1,this.showValue=!0,this.showMarks=!1,this.dragging=!1,this.handlePointerDown=e=>{if(this.disabled)return;e.preventDefault(),this.dragging=!0;const s=this.valueFromEvent(e.clientX);this.value=s,this.coInput.emit(s);const i=e=>{const s=this.valueFromEvent(e.clientX);this.value=s,this.coInput.emit(s)},r=()=>{this.dragging=!1,this.coChange.emit(this.value),document.removeEventListener("pointermove",i),document.removeEventListener("pointerup",r)};document.addEventListener("pointermove",i),document.addEventListener("pointerup",r)},this.handleInputChange=e=>{const s=parseFloat(e.target.value);if(!isNaN(s)){const e=this.snap(s);this.value=e,this.coChange.emit(e)}}}get percentage(){const e=this.max-this.min;return e<=0?0:(this.value-this.min)/e*100}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}clamp(e){return Math.min(this.max,Math.max(this.min,e))}snap(e){return this.clamp(this.min+Math.round((e-this.min)/this.step)*this.step)}valueFromEvent(e){if(!this.trackEl)return this.value;const s=this.trackEl.getBoundingClientRect();return this.snap(this.min+Math.max(0,Math.min(1,(e-s.left)/s.width))*(this.max-this.min))}render(){const e=this.percentage;return t("div",{key:"9b0393d126f0951918b8579542019448949f8537",class:{"co-slider":!0,"co-slider--disabled":this.disabled,"co-slider--dragging":this.dragging,["co-slider--"+this.status]:"default"!==this.status}},(this.label||this.secondaryLabel||this.showValue)&&t("div",{key:"e5a6e71de571099179da3fff7fad8a49f4007b58",class:"co-slider__labels"},t("div",{key:"e2e7b16b04ab4405efefe3c706f0b17e554e3403",class:"co-slider__labels-left"},this.label&&t("label",{key:"5bfdab322661e6a4ff23c3f51b98f92beb7f71d2",class:"co-slider__label"},this.label),this.secondaryLabel&&t("span",{key:"badb1274cb50e9fd5aa4ffe0ecd2fcdf7e356ac5",class:"co-slider__secondary-label"},this.secondaryLabel)),this.showValue&&t("span",{key:"100c039646a494ab2311fe665dcca69ac373412c",class:"co-slider__value"},this.value)),t("div",{key:"cccc6eec3cb96c59fde0dd61f243b99d4dd906a5",class:"co-slider__track-wrapper",ref:e=>this.trackEl=e,onPointerDown:this.handlePointerDown},t("div",{key:"f2e4c77eaad6f282a8516cbecf658309d288e960",class:"co-slider__track"},t("div",{key:"a4b4e062c0f4fc63fe06c0f82635b7938d362872",class:"co-slider__fill",style:{width:e+"%"}})),t("div",{key:"82aaafcee3e10dabda359e1633d3d43cb907efef",class:"co-slider__thumb",style:{left:e+"%"}})),this.showMarks&&t("div",{key:"df196b5f77697d80ba347049252f06bd941210af",class:"co-slider__marks"},t("span",{key:"842cf8078d2ce44015bfff1ef5c6af9e81226c65",class:"co-slider__mark"},this.min),t("span",{key:"e9016d28e3cccb5422ee69fc420ffe8573261bb5",class:"co-slider__mark"},this.max)),t("input",{key:"e39cf4e0e392b19bbc69a8824b5304923690a111",class:"co-slider__native",type:"range",min:this.min,max:this.max,step:this.step,value:this.value,disabled:this.disabled,onInput:this.handleInputChange,"aria-label":this.label||"Slider"}),this.helperText&&t("div",{key:"8f63357fba596c559f7a8844588c7c95f85c7216",class:"co-slider__helper co-slider__helper--"+this.status},this.statusIcon&&t("co-icon",{key:"bd3cb81a4b8e934f97db8520566f41094b4054be",name:this.statusIcon,size:14,weight:"fill",class:"co-slider__helper-icon"}),t("span",{key:"2840f87c55a9404b682b00be36f90807ba2e5cab",class:"co-slider__helper-text"},this.helperText)))}get el(){return this}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);line-height:1}.co-slider{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-slider__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs)}.co-slider__labels-left{display:flex;align-items:center;gap:var(--co-spacing-sm2)}.co-slider__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;cursor:default}.co-slider__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400}.co-slider__value{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);font-weight:500;font-variant-numeric:tabular-nums}.co-slider--disabled .co-slider__label,.co-slider--disabled .co-slider__secondary-label,.co-slider--disabled .co-slider__value{color:var(--co-semantic-text-disabled)}.co-slider__track-wrapper{position:relative;height:24px;display:flex;align-items:center;cursor:pointer;touch-action:none}.co-slider--disabled .co-slider__track-wrapper{cursor:not-allowed}.co-slider__track{width:100%;height:4px;background:var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-full);overflow:hidden}.co-slider__fill{height:100%;background:var(--co-semantic-surface-primary);border-radius:var(--co-border-radius-full);transition:width var(--co-motion-duration-instant) var(--co-motion-ease-out)}.co-slider--disabled .co-slider__fill{background:var(--co-semantic-text-disabled)}.co-slider--error .co-slider__fill{background:var(--co-semantic-status-error)}.co-slider--success .co-slider__fill{background:var(--co-semantic-status-success)}.co-slider--warning .co-slider__fill{background:var(--co-color-status-review)}.co-slider__thumb{position:absolute;top:50%;width:20px;height:20px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-primary);border:2px solid var(--co-semantic-surface-secondary);box-shadow:var(--co-semantic-control-shadow, 0 1px 4px rgba(0,0,0,0.12));transform:translate(-50%, -50%);transition:box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out);pointer-events:none}.co-slider--dragging .co-slider__thumb{transform:translate(-50%, -50%) scale(1.15);box-shadow:0 0 0 4px var(--co-semantic-border-focus-ring)}.co-slider--dragging .co-slider__fill{transition:none}.co-slider--disabled .co-slider__thumb{background:var(--co-semantic-text-disabled)}.co-slider--error .co-slider__thumb{background:var(--co-semantic-status-error)}.co-slider--success .co-slider__thumb{background:var(--co-semantic-status-success)}.co-slider--warning .co-slider__thumb{background:var(--co-color-status-review)}.co-slider__marks{display:flex;justify-content:space-between;padding:0 var(--co-spacing-xs)}.co-slider__mark{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-variant-numeric:tabular-nums}.co-slider__native{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;padding:0;margin:-1px}.co-slider__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-slider__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-slider__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-slider__helper--error .co-slider__helper-icon,.co-slider__helper--error .co-slider__helper-text{color:var(--co-semantic-status-error)}.co-slider__helper--success .co-slider__helper-icon,.co-slider__helper--success .co-slider__helper-text{color:var(--co-semantic-status-success)}.co-slider__helper--warning .co-slider__helper-icon,.co-slider__helper--warning .co-slider__helper-text{color:var(--co-color-status-review)}.co-slider__helper--info .co-slider__helper-icon,.co-slider__helper--info .co-slider__helper-text{color:var(--co-semantic-status-info)}"}},[1,"co-slider",{label:[1],secondaryLabel:[1,"secondary-label"],helperText:[1,"helper-text"],status:[1],value:[1026],min:[2],max:[2],step:[2],disabled:[4],showValue:[4,"show-value"],showMarks:[4,"show-marks"],dragging:[32]}]);function a(){"undefined"!=typeof customElements&&["co-slider","co-icon"].forEach((s=>{switch(s){case"co-slider":customElements.get(e(s))||customElements.define(e(s),o);break;case"co-icon":customElements.get(e(s))||c()}}))}a();const l=o,d=a;export{l as CoSlider,d as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as r,H as c,c as t,h as s}from"./index.js";import{R as a}from"./p-CWneqh4n.js";import{d as
|
|
1
|
+
import{t as e,p as r,H as c,c as t,h as s}from"./index.js";import{R as a}from"./p-CWneqh4n.js";import{d as o}from"./p-BCZ-tPBT.js";const i=r(class extends c{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coChange=t(this,"coChange",7),this.checked=!1,this.disabled=!1,this.required=!1,this.status="default",this.handleClick=()=>{this.disabled||(this.checked=!this.checked,this.coChange.emit(this.checked))}}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}render(){const e=this.label||this.secondaryLabel,r=!!this.helperText;return s("div",{key:"cf5f5cf9c86e531772cab2fc89ce7f671fac6b88",class:{"co-switch-wrapper":!0,"co-switch-wrapper--disabled":this.disabled,["co-switch-wrapper--"+this.status]:"default"!==this.status}},s("div",{key:"1b4a84420f7cbf55b797c900633278226e6bb876",class:"co-switch-wrapper__row",onClick:this.handleClick},s("button",{key:"84935bfd4332c5f75d9a55c302a215704255687e",role:"switch","aria-checked":this.checked+"","aria-label":this.label||"",class:{"co-switch":!0,"co-switch--on":this.checked,"co-switch--off":!this.checked,"co-switch--disabled":this.disabled},disabled:this.disabled,part:"track"},s("span",{key:"5fd9ccdee226488b7bf40135310dfa8edc6f21ca",class:"co-switch__thumb",part:"thumb"})),e&&s("div",{key:"8c218d1e80fde949aaaeddb5beb82f0db903c5fd",class:"co-switch-wrapper__labels"},this.label&&s("span",{key:"8ac9fd5b3c508f1aa8d5dc68958b3503088c6573",class:"co-switch-wrapper__label",part:"label"},this.label,s(a,{key:"6484f45dcf71fde79d7e9b2dcb1e05736222eb43",required:this.required})),this.secondaryLabel&&s("span",{key:"cafa4abbf0b8bab98992a1fc8450828eddf5a84e",class:"co-switch-wrapper__secondary-label",part:"secondary-label"},this.secondaryLabel))),r&&s("div",{key:"50b2fa3efe5f9231b334785a5fcc12976e100529",class:"co-switch-wrapper__helper co-switch-wrapper__helper--"+this.status},this.statusIcon&&s("co-icon",{key:"d43268eb4c94458681cd0d29c25e63c6f228e744",name:this.statusIcon,size:14,weight:"fill",class:"co-switch-wrapper__helper-icon"}),s("span",{key:"dca85627fe32f4991716e5bd0d74f52ee7825159",class:"co-switch-wrapper__helper-text"},this.helperText)))}static get style(){return":host{display:inline-flex;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-switch-wrapper{display:flex;flex-direction:column;gap:var(--co-spacing-xs)}.co-switch-wrapper__row{display:flex;align-items:center;gap:var(--co-switch-label-gap, var(--co-spacing-sm2));cursor:pointer}.co-switch-wrapper--disabled .co-switch-wrapper__row{cursor:not-allowed}.co-switch-wrapper__labels{display:flex;align-items:center;gap:var(--co-spacing-sm2);flex:1;min-width:0}.co-switch-wrapper__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap}.co-switch-wrapper__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;margin-left:auto}.co-switch-wrapper--disabled .co-switch-wrapper__label,.co-switch-wrapper--disabled .co-switch-wrapper__secondary-label{color:var(--co-semantic-text-disabled)}.co-switch-wrapper__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding-left:calc(44px + var(--co-spacing-sm2));}.co-switch-wrapper__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-switch-wrapper__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-switch-wrapper__helper--error .co-switch-wrapper__helper-icon,.co-switch-wrapper__helper--error .co-switch-wrapper__helper-text{color:var(--co-semantic-status-error)}.co-switch-wrapper__helper--success .co-switch-wrapper__helper-icon,.co-switch-wrapper__helper--success .co-switch-wrapper__helper-text{color:var(--co-semantic-status-success)}.co-switch-wrapper__helper--warning .co-switch-wrapper__helper-icon,.co-switch-wrapper__helper--warning .co-switch-wrapper__helper-text{color:var(--co-color-status-review)}.co-switch-wrapper__helper--info .co-switch-wrapper__helper-icon,.co-switch-wrapper__helper--info .co-switch-wrapper__helper-text{color:var(--co-semantic-status-info)}.co-switch{position:relative;display:inline-flex;align-items:center;width:44px;height:24px;border-radius:var(--co-border-radius-full);border:none;outline:none;cursor:pointer;padding:0;overflow:hidden;transition:background var(--co-motion-duration-base) var(--co-motion-ease-out);box-sizing:border-box;flex-shrink:0}.co-switch--on{background:var(--co-semantic-surface-primary)}.co-switch--off{background:color-mix(in srgb, var(--co-semantic-surface-muted) 35%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate))}.co-switch__thumb{position:absolute;top:50%;left:2px;transform:translateY(-50%);width:20px;height:20px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-control-thumb);transition:transform var(--co-motion-duration-base) var(--co-motion-ease-out);box-shadow:0 1px 3px var(--co-semantic-control-shadow)}.co-switch--off .co-switch__thumb{transform:translateY(-50%) translateX(0)}.co-switch--on .co-switch__thumb{transform:translateY(-50%) translateX(20px)}.co-switch--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}@supports not (background: color-mix(in srgb, red, transparent)){.co-switch--off{background:var(--co-semantic-surface-muted)}}"}},[1,"co-switch",{checked:[1540],disabled:[4],label:[1],required:[4],secondaryLabel:[1,"secondary-label"],helperText:[1,"helper-text"],status:[1]}]);function n(){"undefined"!=typeof customElements&&["co-switch","co-icon"].forEach((r=>{switch(r){case"co-switch":customElements.get(e(r))||customElements.define(e(r),i);break;case"co-icon":customElements.get(e(r))||o()}}))}n();const p=i,l=n;export{p as CoSwitch,l as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as a,H as o,c as e,h as s}from"./index.js";const r=a(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coTabChange=e(this,"coTabChange",7),this.variant="pill",this.onSlotChange=()=>{this.syncTabs()},this.onWheel=t=>{const a=t.currentTarget,o=a.scrollWidth-a.clientWidth;if(o<=0)return;const e=Math.max(0,Math.min(o,a.scrollLeft+(Math.abs(t.deltaY)>Math.abs(t.deltaX)?t.deltaY:t.deltaX)));e!==a.scrollLeft&&(a.scrollLeft=e,t.preventDefault())}}onTabSelect(t){t.stopPropagation(),this.value=t.detail,this.coTabChange.emit(this.value),this.syncTabs()}watchValue(){this.syncTabs()}watchVariant(){this.syncTabs()}componentDidLoad(){this.syncTabs()}syncTabs(){this.el.querySelectorAll("co-tab").forEach((t=>{t.selected=(t.value||t.label)===this.value,t.variant=this.variant}))}render(){return s("div",{key:"
|
|
1
|
+
import{t,p as a,H as o,c as e,h as s}from"./index.js";const r=a(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coTabChange=e(this,"coTabChange",7),this.variant="pill",this.onSlotChange=()=>{this.syncTabs()},this.onWheel=t=>{const a=t.currentTarget,o=a.scrollWidth-a.clientWidth;if(o<=0)return;const e=Math.max(0,Math.min(o,a.scrollLeft+(Math.abs(t.deltaY)>Math.abs(t.deltaX)?t.deltaY:t.deltaX)));e!==a.scrollLeft&&(a.scrollLeft=e,t.preventDefault())}}onTabSelect(t){t.stopPropagation(),this.value=t.detail,this.coTabChange.emit(this.value),this.syncTabs()}watchValue(){this.syncTabs()}watchVariant(){this.syncTabs()}componentDidLoad(){this.syncTabs()}syncTabs(){this.el.querySelectorAll("co-tab").forEach((t=>{t.selected=(t.value||t.label)===this.value,t.variant=this.variant}))}render(){return s("div",{key:"b4a12a70b2ea662d7560b44dee50ecdbbb9314bb",class:{"co-tab-group":!0,["co-tab-group--"+this.variant]:!0},role:"tablist",part:"tab-group",onWheel:this.onWheel},s("slot",{key:"4427ca133a60ae07f53f1c50ef6dd9ee39784aa6",onSlotchange:this.onSlotChange}))}get el(){return this}static get watchers(){return{value:[{watchValue:0}],variant:[{watchVariant:0}]}}static get style(){return":host{display:flex;max-width:100%;min-width:0}.co-tab-group{display:flex;align-items:center;gap:var(--co-spacing-sm2);max-width:100%;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}.co-tab-group::-webkit-scrollbar{display:none}::slotted(co-tab){flex-shrink:0}.co-tab-group--underline{gap:var(--co-spacing-xs, 4px);border-bottom:1px solid var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08))}.co-tab-group--segmented{display:inline-flex;gap:var(--co-spacing-xxs, 2px);padding:var(--co-spacing-sm, 6px);background:var(--co-color-gray-100, #f6f6f6);border-bottom:1px solid var(--co-color-opacity-negro-4, rgba(31, 28, 27, 0.04));border-radius:var(--co-border-radius-sm, 12px)}"}},[257,"co-tab-group",{value:[1537],variant:[1]},[[0,"coTabSelect","onTabSelect"]],{value:[{watchValue:0}],variant:[{watchVariant:0}]}]);function i(){"undefined"!=typeof customElements&&["co-tab-group"].forEach((a=>{"co-tab-group"===a&&(customElements.get(t(a))||customElements.define(t(a),r))}))}i();const c=r,n=i;export{c as CoTabGroup,n as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as o,p as e,H as a,c,h as r}from"./index.js";import{d as
|
|
1
|
+
import{t as o,p as e,H as a,c as t,h as r}from"./index.js";import{d as c}from"./p-BCZ-tPBT.js";const s=e(class extends a{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coTabSelect=t(this,"coTabSelect",7),this.label="",this.value="",this.selected=!1,this.size="small",this.variant="pill",this.disabled=!1,this.handleClick=()=>{this.disabled||this.coTabSelect.emit(this.value||this.label)}}render(){const o="underline"===this.variant?16:"large"===this.size?18:14;return r("button",{key:"f569dd0913e8a6640fbbaecbf2b083e480f6f137",class:{"co-tab":!0,["co-tab--"+this.size]:!0,["co-tab--"+this.variant]:!0,"co-tab--selected":this.selected,"co-tab--disabled":this.disabled},type:"button",role:"tab","aria-selected":this.selected?"true":"false",disabled:this.disabled,part:"tab",onClick:this.handleClick},this.iconLeft&&r("co-icon",{key:"8bd16fd9d62bcf85872743b4508b1d7e774564a7",name:this.iconLeft,size:o}),r("span",{key:"e2477eb4d568a14cbc2751478b193f72fe485827"},this.label),this.badge&&r("span",{key:"8d66cc9036bb4a70ffc51b29edbd1a766e650c41",class:"co-tab__badge",part:"badge"},this.badge),this.iconRight&&r("co-icon",{key:"f7e31ab5fed7cc1c1df82655f16e52efd6459c04",name:this.iconRight,size:o}))}static get style(){return":host{display:inline-flex}.co-tab{display:inline-flex;align-items:center;gap:var(--co-spacing-sm2);border:none;outline:none;cursor:pointer;font-family:var(--co-font-family-primary);font-weight:400;line-height:1;white-space:nowrap;border-radius:var(--co-border-radius-full);background:transparent;color:var(--co-color-gray-500, #888);transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out);box-sizing:border-box}.co-tab--small{padding:0 var(--co-spacing-sm2);font-size:var(--co-font-size-14);height:32px}.co-tab--large{padding:0 var(--co-spacing-lg);font-size:var(--co-font-size-16);height:40px}.co-tab--pill:hover:not(:disabled){background:var(--co-color-gray-100, #f6f6f6);color:var(--co-color-base-negro, #1f1c1b)}.co-tab--selected{background:var(--co-color-gray-100, #f6f6f6);color:var(--co-color-base-negro, #1f1c1b);font-weight:500}.co-tab--pill.co-tab--selected:hover:not(:disabled){background:var(--co-color-gray-100, #f6f6f6);color:var(--co-color-base-negro, #1f1c1b)}.co-tab--disabled{opacity:0.4;cursor:not-allowed}.co-tab:focus-visible{outline:2px solid var(--co-semantic-border-focus, var(--co-color-primary-azul, #2563eb));outline-offset:2px}.co-tab--underline{height:var(--co-spacing-4xl, 40px);padding:0 var(--co-spacing-md, 12px);gap:var(--co-spacing-sm2, 8px);border-radius:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:var(--co-color-gray-500, #888888);font-size:var(--co-font-size-14, 14px);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body, -0.03em);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-tab--underline.co-tab--selected{background:transparent;border-bottom-color:var(--co-color-base-negro, #1f1c1b);color:var(--co-color-base-negro, #1f1c1b);font-weight:500}.co-tab__badge{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:18px;height:18px;padding:0 5px;border-radius:var(--co-border-radius-full, 9999px);font-size:11px;font-weight:500;line-height:1;background:var(--co-color-gray-200, #e3e3e3);color:var(--co-color-gray-600, #585858)}.co-tab--selected .co-tab__badge{background:var(--co-color-base-negro, #1f1c1b);color:var(--co-color-base-blanco, #fff)}.co-tab--segmented{height:auto;padding:var(--co-spacing-sm2, 8px) var(--co-spacing-md, 12px);border:1px solid transparent;border-radius:var(--co-border-radius-xs, 8px);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:-0.03em;color:var(--co-color-gray-600, #585858);background:transparent}.co-tab--segmented:hover:not(:disabled){background:transparent;color:var(--co-color-base-negro, #1f1c1b)}.co-tab--segmented.co-tab--selected{background:var(--co-color-base-blanco, #fff);border-color:var(--co-semantic-border-subtle, rgba(31, 28, 27, 0.08));box-shadow:var(--co-shadow-lg);font-weight:500;color:var(--co-color-base-negro, #1f1c1b)}.co-tab--segmented.co-tab--selected:hover:not(:disabled){background:var(--co-color-base-blanco, #fff);color:var(--co-color-base-negro, #1f1c1b)}"}},[1,"co-tab",{label:[1],value:[1],selected:[1540],size:[1],variant:[1],badge:[1],iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],disabled:[4]}]);function i(){"undefined"!=typeof customElements&&["co-tab","co-icon"].forEach((e=>{switch(e){case"co-tab":customElements.get(o(e))||customElements.define(o(e),s);break;case"co-icon":customElements.get(o(e))||c()}}))}i();const n=s,b=i;export{n as CoTab,b as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as i,H as t,c as s,h as a}from"./index.js";import{R as o}from"./p-CWneqh4n.js";import{F as r}from"./p-DvhR3H61.js";import{d as c}from"./p-DbISGXT_.js";const l=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coChange=s(this,"coChange",7),this.coInput=s(this,"coInput",7),this.coClear=s(this,"coClear",7),this.coFocus=s(this,"coFocus",7),this.coBlur=s(this,"coBlur",7),this.value="[]",this.placeholder="",this.required=!1,this.disabled=!1,this.readonly=!1,this.clearable=!0,this.allowDuplicates=!1,this.invalid=!1,this.layout="vertical",this.size="md",this.draft="",this.editingIndex=null,this.editingDraft="",this.hasFocus=!1,this.handleClearAll=()=>{var e;this.hasValue&&(this.commit([]),this.coClear.emit(),null===(e=this.inputEl)||void 0===e||e.focus())},this.handleInput=e=>{this.draft=e.target.value,this.coInput.emit(this.draft)},this.handleKeyDown=e=>{"Enter"!==e.key&&"Tab"!==e.key&&","!==e.key?"Backspace"===e.key&&""===this.draft&&this.hasValue&&(e.preventDefault(),this.removeTag(this.tags.length-1)):this.draft.trim()&&(e.preventDefault(),this.addTag())},this.handleFocus=()=>{this.hasFocus=!0,this.coFocus.emit()},this.handleBlur=()=>{this.draft.trim()&&this.addTag(),this.hasFocus=!1,this.coBlur.emit()},this.handleEditKeyDown=e=>{"Enter"===e.key?(e.preventDefault(),this.saveEdit()):"Escape"===e.key&&(e.preventDefault(),this.cancelEdit())},this.handleFieldClick=()=>{var e;this.disabled||this.readonly||null===this.editingIndex&&(null===(e=this.inputEl)||void 0===e||e.focus())}}onEditingIndexChange(e){null!==e&&requestAnimationFrame((()=>{var e;return null===(e=this.editEl)||void 0===e?void 0:e.focus()}))}get tags(){if(Array.isArray(this.value))return this.value.map((e=>e+""));if("string"==typeof this.value&&this.value.trim())try{const e=JSON.parse(this.value);if(Array.isArray(e))return e.map((e=>e+""))}catch(e){}return[]}get hasValue(){return this.tags.length>0}get isInvalid(){return this.invalid}get atCapacity(){return"number"==typeof this.maxTags&&this.tags.length>=this.maxTags}commit(e){this.value=JSON.stringify(e),this.coChange.emit(e)}addTag(){const e=this.draft.trim();if(this.draft="",!e||this.atCapacity)return;const i=this.tags;!this.allowDuplicates&&i.includes(e)||this.commit([...i,e])}removeTag(e){const i=this.tags.filter(((i,t)=>t!==e));this.commit(i)}startEdit(e){var i;this.disabled||this.readonly||(this.editingIndex=e,this.editingDraft=null!==(i=this.tags[e])&&void 0!==i?i:"")}saveEdit(){if(null===this.editingIndex)return;const e=this.editingIndex,i=this.editingDraft.trim(),t=this.tags;if(this.editingIndex=null,this.editingDraft="",!i)return void this.commit(t.filter(((i,t)=>t!==e)));if(!this.allowDuplicates&&t.some(((t,s)=>s!==e&&t===i)))return void this.commit(t.filter(((i,t)=>t!==e)));const s=[...t];s[e]=i,this.commit(s)}cancelEdit(){this.editingIndex=null,this.editingDraft=""}render(){const e=this.tags,i=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly,t=this.isInvalid?this.errorMessage:this.helperText,s=!this.readonly&&!this.atCapacity;return a("div",{key:"47f84ca4f1ca42b71bb652f557e5a8718ab5a463",class:{"co-tags-field":!0,"co-tags-field--disabled":this.disabled,"co-tags-field--focused":this.hasFocus,"co-tags-field--filled":this.hasValue,"co-tags-field--invalid":this.isInvalid,["co-tags-field--"+this.size]:!0},part:"wrapper"},this.label&&a("div",{key:"718b221eab4b3e7ed2397bde6e13a3f5f8c5f703",class:"co-tags-field__labels"},a("label",{key:"e3479f790451e5d2e7d89977f88af29db2bd3269",class:"co-tags-field__label",part:"label"},this.label,a(o,{key:"5a544537e8a663a53bc44d3333788e1fa1270112",required:this.required}))),a("div",{key:"0174ad7bb299efa97d98450de80c4c8dd9378f35",class:"co-tags-field__field-row"},a("div",{key:"25b80d7f435195f9c789f4eb8553d3c326984b31",class:"co-tags-field__field",part:"field",onClick:this.handleFieldClick},a("div",{key:"b4eb779b42ffc118e584d36ff6896de6e39148bc",class:"co-tags-field__input-wrapper"},e.map(((e,i)=>this.editingIndex===i?a("input",{key:"edit-"+i,ref:e=>this.editEl=e,class:"co-tags-field__edit",type:"text",value:this.editingDraft,onInput:e=>this.editingDraft=e.target.value,onKeyDown:this.handleEditKeyDown,onBlur:()=>this.saveEdit()}):a(r,{key:`chip-${i}-${e}`,baseClass:"co-tags-field__chip",label:e,title:e,onChipDblClick:()=>this.startEdit(i),onRemove:this.disabled||this.readonly?void 0:e=>{e.stopPropagation(),this.removeTag(i)}}))),s&&a("input",{key:"35e2946e38d6b3e69e1a1cdad49ade9999ad1c48",ref:e=>this.inputEl=e,class:"co-tags-field__native",type:"text",autocomplete:"off",value:this.draft,placeholder:0===e.length?this.placeholder:"",disabled:this.disabled,required:this.required&&0===e.length,"aria-invalid":this.isInvalid?"true":"false","aria-label":this.label?void 0:"Tags",onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,part:"input"})),this.clearable&&a("button",{key:"1be954210a0d61e36cf987d12127594119b40095",class:{"co-tags-field__clear":!0,"co-tags-field__clear--hidden":!i},type:"button",tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:this.handleClearAll,"aria-label":"Clear all",part:"clear"},a("co-icon",{key:"c1a4975e339115a6a2fc933a2d73a3d5ff0b4653",name:"x-circle",size:16,weight:"fill"})))),this.name&&a("input",{key:"bd3e4bf286efe97939e9933d3b4c3bda0909f54f",type:"hidden",name:this.name,value:JSON.stringify(e)}),t&&a("div",{key:"e32c923da1928cfa6bc1bf041e257e41809df047",class:{"co-tags-field__helper":!0,"co-tags-field__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&a("co-icon",{key:"8ab523ee51f9f3525985d6f7ec5b0cede3dd1d61",name:"warning-circle",size:14,class:"co-tags-field__helper-icon"}),a("span",{key:"24641df824075583a1ece04e202b6f419a99c54d",class:"co-tags-field__helper-text"},t)))}get el(){return this}static get watchers(){return{editingIndex:[{onEditingIndexChange:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-tags-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-tags-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-tags-field__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-tags-field__field-row{display:flex;align-items:stretch}.co-tags-field__field{display:flex;align-items:flex-start;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);transition:border-color 0.15s ease, box-shadow 0.15s ease;min-height:40px;box-sizing:border-box;flex:1;min-width:0;cursor:text}.co-tags-field__input-wrapper{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--co-spacing-sm);min-width:0;min-height:22px;padding:0}.co-tags-field--s .co-tags-field__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-tags-field--sm .co-tags-field__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-tags-field--lg .co-tags-field__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-tags-field__chip{display:inline-flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm) var(--co-spacing-sm2);background:var(--co-semantic-surface-hover);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-14);line-height:1;max-width:240px;cursor:pointer;user-select:none}.co-tags-field__chip-label{color:var(--co-semantic-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-tags-field__chip-remove{display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.1s ease;flex-shrink:0}.co-tags-field__chip-remove:hover{color:var(--co-semantic-text-default)}.co-tags-field__native{flex:1;min-width:80px;border:none;outline:none;background:transparent;font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:1;color:var(--co-semantic-text-default);padding:0;margin:0}.co-tags-field__native::placeholder{color:var(--co-semantic-text-muted)}.co-tags-field__edit{border:1px solid var(--co-semantic-border-focus);border-radius:var(--co-border-radius-xxs);outline:none;background:var(--co-semantic-surface-page);font-family:inherit;font-size:var(--co-font-size-12);line-height:1;color:var(--co-semantic-text-default);padding:var(--co-spacing-xxs) var(--co-spacing-xs);margin:0;min-width:60px}.co-tags-field__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;padding:0;margin:var(--co-spacing-xxs) 0 0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-tags-field__clear--hidden{visibility:hidden;pointer-events:none}.co-tags-field__clear:hover{color:var(--co-semantic-text-default)}.co-tags-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-tags-field__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-tags-field__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body)}.co-tags-field--focused .co-tags-field__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-tags-field--disabled{opacity:0.6;pointer-events:none}.co-tags-field--disabled .co-tags-field__labels .co-tags-field__label{color:var(--co-semantic-text-disabled)}.co-tags-field--disabled .co-tags-field__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-tags-field--invalid .co-tags-field__field{border-color:var(--co-semantic-status-error)}.co-tags-field--invalid.co-tags-field--focused .co-tags-field__field{border-color:var(--co-semantic-status-error);box-shadow:0 0 0 2px rgba(170, 46, 27, 0.12)}.co-tags-field__helper--error .co-tags-field__helper-icon,.co-tags-field__helper--error .co-tags-field__helper-text{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-tags-field{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-tags-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-tags-field__label{white-space:normal}:host([layout='horizontal']) .co-tags-field>:not(.co-tags-field__labels){grid-column:2;min-width:0}"}},[1,"co-tags-field",{value:[1025],label:[1],placeholder:[1],name:[1],required:[4],disabled:[4],readonly:[4],clearable:[4],maxTags:[2,"max-tags"],allowDuplicates:[4,"allow-duplicates"],invalid:[4],errorMessage:[1,"error-message"],helperText:[1,"helper-text"],layout:[513],size:[513],draft:[32],editingIndex:[32],editingDraft:[32],hasFocus:[32]},void 0,{editingIndex:[{onEditingIndexChange:0}]}]);function n(){"undefined"!=typeof customElements&&["co-tags-field","co-icon"].forEach((i=>{switch(i){case"co-tags-field":customElements.get(e(i))||customElements.define(e(i),l);break;case"co-icon":customElements.get(e(i))||c()}}))}n();const d=l,h=n;export{d as CoTagsField,h as defineCustomElement}
|
|
1
|
+
import{t as e,p as i,H as t,c as a,h as s}from"./index.js";import{R as o}from"./p-CWneqh4n.js";import{F as r}from"./p-DvhR3H61.js";import{d as c}from"./p-BCZ-tPBT.js";const n=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coChange=a(this,"coChange",7),this.coInput=a(this,"coInput",7),this.coClear=a(this,"coClear",7),this.coFocus=a(this,"coFocus",7),this.coBlur=a(this,"coBlur",7),this.value="[]",this.placeholder="",this.required=!1,this.disabled=!1,this.readonly=!1,this.clearable=!0,this.allowDuplicates=!1,this.invalid=!1,this.layout="vertical",this.size="md",this.draft="",this.editingIndex=null,this.editingDraft="",this.hasFocus=!1,this.handleClearAll=()=>{var e;this.hasValue&&(this.commit([]),this.coClear.emit(),null===(e=this.inputEl)||void 0===e||e.focus())},this.handleInput=e=>{this.draft=e.target.value,this.coInput.emit(this.draft)},this.handleKeyDown=e=>{"Enter"!==e.key&&"Tab"!==e.key&&","!==e.key?"Backspace"===e.key&&""===this.draft&&this.hasValue&&(e.preventDefault(),this.removeTag(this.tags.length-1)):this.draft.trim()&&(e.preventDefault(),this.addTag())},this.handleFocus=()=>{this.hasFocus=!0,this.coFocus.emit()},this.handleBlur=()=>{this.draft.trim()&&this.addTag(),this.hasFocus=!1,this.coBlur.emit()},this.handleEditKeyDown=e=>{"Enter"===e.key?(e.preventDefault(),this.saveEdit()):"Escape"===e.key&&(e.preventDefault(),this.cancelEdit())},this.handleFieldClick=()=>{var e;this.disabled||this.readonly||null===this.editingIndex&&(null===(e=this.inputEl)||void 0===e||e.focus())}}onEditingIndexChange(e){null!==e&&requestAnimationFrame((()=>{var e;return null===(e=this.editEl)||void 0===e?void 0:e.focus()}))}get tags(){if(Array.isArray(this.value))return this.value.map((e=>e+""));if("string"==typeof this.value&&this.value.trim())try{const e=JSON.parse(this.value);if(Array.isArray(e))return e.map((e=>e+""))}catch(e){}return[]}get hasValue(){return this.tags.length>0}get isInvalid(){return this.invalid}get atCapacity(){return"number"==typeof this.maxTags&&this.tags.length>=this.maxTags}commit(e){this.value=JSON.stringify(e),this.coChange.emit(e)}addTag(){const e=this.draft.trim();if(this.draft="",!e||this.atCapacity)return;const i=this.tags;!this.allowDuplicates&&i.includes(e)||this.commit([...i,e])}removeTag(e){const i=this.tags.filter(((i,t)=>t!==e));this.commit(i)}startEdit(e){var i;this.disabled||this.readonly||(this.editingIndex=e,this.editingDraft=null!==(i=this.tags[e])&&void 0!==i?i:"")}saveEdit(){if(null===this.editingIndex)return;const e=this.editingIndex,i=this.editingDraft.trim(),t=this.tags;if(this.editingIndex=null,this.editingDraft="",!i)return void this.commit(t.filter(((i,t)=>t!==e)));if(!this.allowDuplicates&&t.some(((t,a)=>a!==e&&t===i)))return void this.commit(t.filter(((i,t)=>t!==e)));const a=[...t];a[e]=i,this.commit(a)}cancelEdit(){this.editingIndex=null,this.editingDraft=""}render(){const e=this.tags,i=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly,t=this.isInvalid?this.errorMessage:this.helperText,a=!this.readonly&&!this.atCapacity;return s("div",{key:"e7035dd352d920f06cf7ae067f4d5016fceff48b",class:{"co-tags-field":!0,"co-tags-field--disabled":this.disabled,"co-tags-field--focused":this.hasFocus,"co-tags-field--filled":this.hasValue,"co-tags-field--invalid":this.isInvalid,["co-tags-field--"+this.size]:!0},part:"wrapper"},this.label&&s("div",{key:"4ff2eb4ab1fb00a193679063a30069847d85c6be",class:"co-tags-field__labels"},s("label",{key:"238e18f48cb6c482de2957cd0f466c9875c71c20",class:"co-tags-field__label",part:"label"},this.label,s(o,{key:"4a86dbeb54674e7b0f38052bb7f9c9a6b96e2380",required:this.required}))),s("div",{key:"2ce5b7b6c520aac7d10e0ae2aad06ca27d12b705",class:"co-tags-field__field-row"},s("div",{key:"aa2e01fbbeeaddc8a53ffcb62c4c871ba2fe57d6",class:"co-tags-field__field",part:"field",onClick:this.handleFieldClick},s("div",{key:"bb6b037edb3036b029a664f7ef6d72b110e7b6a8",class:"co-tags-field__input-wrapper"},e.map(((e,i)=>this.editingIndex===i?s("input",{key:"edit-"+i,ref:e=>this.editEl=e,class:"co-tags-field__edit",type:"text",value:this.editingDraft,onInput:e=>this.editingDraft=e.target.value,onKeyDown:this.handleEditKeyDown,onBlur:()=>this.saveEdit()}):s(r,{key:`chip-${i}-${e}`,baseClass:"co-tags-field__chip",label:e,title:e,onChipDblClick:()=>this.startEdit(i),onRemove:this.disabled||this.readonly?void 0:e=>{e.stopPropagation(),this.removeTag(i)}}))),a&&s("input",{key:"419fa34260f36353b30c58b0883b8ebbaaca0176",ref:e=>this.inputEl=e,class:"co-tags-field__native",type:"text",autocomplete:"off",value:this.draft,placeholder:0===e.length?this.placeholder:"",disabled:this.disabled,required:this.required&&0===e.length,"aria-invalid":this.isInvalid?"true":"false","aria-label":this.label?void 0:"Tags",onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,part:"input"})),this.clearable&&s("button",{key:"06372259382dfc3a6edeba8f7e6dd5b9617ae306",class:{"co-tags-field__clear":!0,"co-tags-field__clear--hidden":!i},type:"button",tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:this.handleClearAll,"aria-label":"Clear all",part:"clear"},s("co-icon",{key:"1a2985e18467e778c56ae21c4de64ca7444cebcb",name:"x-circle",size:16,weight:"fill"})))),this.name&&s("input",{key:"0a97d32c8efa0b29e0f050eceb4015cec8d55512",type:"hidden",name:this.name,value:JSON.stringify(e)}),t&&s("div",{key:"7225ade1dad3a5a63ad3214ae80890c082e89e19",class:{"co-tags-field__helper":!0,"co-tags-field__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&s("co-icon",{key:"42225192d8d73f9e091ee069f7f5307ea42f5516",name:"warning-circle",size:14,class:"co-tags-field__helper-icon"}),s("span",{key:"75eefd041a4d17ef9514ed24d7a3a417e89dc19c",class:"co-tags-field__helper-text"},t)))}get el(){return this}static get watchers(){return{editingIndex:[{onEditingIndexChange:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-tags-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-tags-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-tags-field__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-tags-field__field-row{display:flex;align-items:stretch}.co-tags-field__field{display:flex;align-items:flex-start;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out);min-height:40px;box-sizing:border-box;flex:1;min-width:0;cursor:text}.co-tags-field__input-wrapper{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--co-spacing-sm);min-width:0;min-height:22px;padding:0}.co-tags-field--s .co-tags-field__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-tags-field--sm .co-tags-field__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-tags-field--lg .co-tags-field__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-tags-field__chip{display:inline-flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm) var(--co-spacing-sm2);background:var(--co-semantic-surface-hover);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-14);line-height:1;max-width:240px;cursor:pointer;user-select:none}.co-tags-field__chip-label{color:var(--co-semantic-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-tags-field__chip-remove{display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out);flex-shrink:0}.co-tags-field__chip-remove:hover{color:var(--co-semantic-text-default)}.co-tags-field__native{flex:1;min-width:80px;border:none;outline:none;background:transparent;font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:1;color:var(--co-semantic-text-default);padding:0;margin:0}.co-tags-field__native::placeholder{color:var(--co-semantic-text-muted)}.co-tags-field__edit{border:1px solid var(--co-semantic-border-focus);border-radius:var(--co-border-radius-xxs);outline:none;background:var(--co-semantic-surface-page);font-family:inherit;font-size:var(--co-font-size-12);line-height:1;color:var(--co-semantic-text-default);padding:var(--co-spacing-xxs) var(--co-spacing-xs);margin:0;min-width:60px}.co-tags-field__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;padding:0;margin:var(--co-spacing-xxs) 0 0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-tags-field__clear--hidden{visibility:hidden;pointer-events:none}.co-tags-field__clear:hover{color:var(--co-semantic-text-default)}.co-tags-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-tags-field__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-tags-field__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body)}.co-tags-field--focused .co-tags-field__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-tags-field--disabled{opacity:0.6;pointer-events:none}.co-tags-field--disabled .co-tags-field__labels .co-tags-field__label{color:var(--co-semantic-text-disabled)}.co-tags-field--disabled .co-tags-field__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-tags-field--invalid .co-tags-field__field{border-color:var(--co-semantic-status-error)}.co-tags-field--invalid.co-tags-field--focused .co-tags-field__field{border-color:var(--co-semantic-status-error);box-shadow:0 0 0 2px rgba(170, 46, 27, 0.12)}.co-tags-field__helper--error .co-tags-field__helper-icon,.co-tags-field__helper--error .co-tags-field__helper-text{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-tags-field{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-tags-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-tags-field__label{white-space:normal}:host([layout='horizontal']) .co-tags-field>:not(.co-tags-field__labels){grid-column:2;min-width:0}"}},[1,"co-tags-field",{value:[1025],label:[1],placeholder:[1],name:[1],required:[4],disabled:[4],readonly:[4],clearable:[4],maxTags:[2,"max-tags"],allowDuplicates:[4,"allow-duplicates"],invalid:[4],errorMessage:[1,"error-message"],helperText:[1,"helper-text"],layout:[513],size:[513],draft:[32],editingIndex:[32],editingDraft:[32],hasFocus:[32]},void 0,{editingIndex:[{onEditingIndexChange:0}]}]);function l(){"undefined"!=typeof customElements&&["co-tags-field","co-icon"].forEach((i=>{switch(i){case"co-tags-field":customElements.get(e(i))||customElements.define(e(i),n);break;case"co-icon":customElements.get(e(i))||c()}}))}l();const d=n,h=l;export{d as CoTagsField,h as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as a,c as
|
|
1
|
+
import{t as e,p as t,H as a,c as o,h as r}from"./index.js";import{R as c}from"./p-CWneqh4n.js";import{d as i}from"./p-BCZ-tPBT.js";const s=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coInput=o(this,"coInput",7),this.coChange=o(this,"coChange",7),this.coFocus=o(this,"coFocus",7),this.coBlur=o(this,"coBlur",7),this.coClear=o(this,"coClear",7),this.value="",this.placeholder="",this.required=!1,this.disabled=!1,this.readonly=!1,this.rows=4,this.status="default",this.layout="vertical",this.size="md",this.variant="default",this.clearable=!1,this.resize="vertical",this.hasFocus=!1,this.handleInput=e=>{this.value=e.target.value,this.coInput.emit(this.value)},this.handleFocus=()=>{this.hasFocus=!0,this.coFocus.emit()},this.handleBlur=()=>{this.hasFocus=!1,this.coChange.emit(this.value),this.coBlur.emit()},this.handleClear=()=>{var e;this.value="",this.coClear.emit(),this.coInput.emit(""),null===(e=this.textareaEl)||void 0===e||e.focus()}}get hasValue(){return null!=this.value&&""!==this.value}get charCount(){var e;return(null!==(e=this.value)&&void 0!==e?e:"").length}render(){const e=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly,t=null!=this.maxLength&&this.charCount>this.maxLength,a="default"!==this.status?"co-textarea--"+this.status:"";return r("div",{key:"26a30e39d13d782711adb94e4c12c6c0db282095",class:{"co-textarea":!0,"co-textarea--disabled":this.disabled,"co-textarea--focused":this.hasFocus,"co-textarea--filled":this.hasValue,"co-textarea--over-limit":t,["co-textarea--"+this.size]:!0,[a]:!!a,"co-textarea--flat":"flat"===this.variant},part:"wrapper"},(this.label||this.secondaryLabel)&&r("div",{key:"b4f8df968cff2b5b175cfcbf1e68b31ca29d9afe",class:"co-textarea__labels"},this.label&&r("label",{key:"af366be59684f535c8fb87e9b974ce759cc18076",class:"co-textarea__label",part:"label"},this.label,r(c,{key:"e8a27b76c9fde30eef0aef8fbbbc46e296edf537",required:this.required})),this.secondaryLabel&&r("span",{key:"945182ab7091298aab4631167615df0b742250d2",class:"co-textarea__secondary-label"},this.secondaryLabel)),r("div",{key:"23d1c1c7af5a03b0cd9196bfc18f24746f5e523d",class:"co-textarea__field",part:"field"},r("textarea",{key:"def518b0c40dad1749d9c4271f6b0b4bb08abb64",ref:e=>this.textareaEl=e,class:{"co-textarea__native":!0,["co-textarea__native--resize-"+this.resize]:!0},rows:this.rows,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,"aria-invalid":"error"===this.status||t?"true":"false",onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,part:"input"}),e&&r("button",{key:"207bde67b9f3adcca674b93dbb135bb10d448f5e",class:"co-textarea__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},r("co-icon",{key:"927918569b359aebd7c1f2e0ae8c7be607453531",name:"x-circle",size:16,weight:"fill"}))),(this.helperText||null!=this.maxLength)&&r("div",{key:"4374030bb6cbf6fa45c40f464481c2bf40cba6fc",class:"co-textarea__footer"},this.helperText&&r("div",{key:"b92692e4149b404999221cb6ef3de0d2adb73291",class:{"co-textarea__helper":!0,"co-textarea__helper--error":"error"===this.status},part:"helper"},"error"===this.status&&r("co-icon",{key:"544c72f9baa84f61b76104e62373dc8ba4d445e0",name:"warning-circle",size:14,class:"co-textarea__helper-icon"}),r("span",{key:"531d0c60b322ce09760889cc1b979e3c48046847",class:"co-textarea__helper-text"},this.helperText)),null!=this.maxLength&&r("span",{key:"72eadc738677c3bbf50c9d0bdeb1cee713528507",class:{"co-textarea__counter":!0,"co-textarea__counter--over":t},part:"counter"},this.charCount,"/",this.maxLength)))}get el(){return this}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-textarea{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-textarea__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-textarea__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-textarea__secondary-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;text-align:right}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-textarea__field{position:relative;display:flex;background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out);box-sizing:border-box;overflow:hidden}.co-textarea--flat .co-textarea__field{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:transparent}.co-textarea__native{width:100%;border:none;outline:none;background:transparent;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);font-weight:400;line-height:1.5;color:var(--co-semantic-text-default);padding:var(--co-spacing-sm2) var(--co-spacing-md);margin:0;box-sizing:border-box}.co-textarea__native::placeholder{color:var(--co-semantic-text-muted)}.co-textarea--s .co-textarea__native{padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-textarea--sm .co-textarea__native{padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-textarea--lg .co-textarea__native{padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-textarea__native--resize-vertical{resize:vertical}.co-textarea__native--resize-none{resize:none}.co-textarea__native--resize-both{resize:both}.co-textarea__clear{position:absolute;top:var(--co-spacing-sm2);right:var(--co-spacing-sm2);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:var(--co-border-radius-xxs);background:transparent;color:var(--co-semantic-text-muted);cursor:pointer;padding:0;transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out), background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-textarea__clear:hover{color:var(--co-semantic-text-default);background:var(--co-semantic-surface-hover)}.co-textarea__footer{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-md)}.co-textarea__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);flex:1;min-width:0}.co-textarea__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-textarea__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body)}.co-textarea__counter{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12, 12px);font-weight:400;line-height:1;white-space:nowrap;flex-shrink:0}.co-textarea__counter--over{color:var(--co-color-status-error);font-weight:500}.co-textarea--focused .co-textarea__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-textarea--disabled{opacity:0.6;pointer-events:none}.co-textarea--disabled .co-textarea__field{background:var(--co-semantic-surface-disabled);border-color:transparent}.co-textarea--error .co-textarea__field{border-color:var(--co-semantic-status-error)}.co-textarea--error.co-textarea--focused .co-textarea__field{border-color:var(--co-semantic-status-error);box-shadow:0 0 0 2px rgba(170, 46, 27, 0.12)}.co-textarea--error .co-textarea__helper-icon,.co-textarea--error .co-textarea__helper-text{color:var(--co-semantic-status-error)}.co-textarea--success .co-textarea__field{border-color:var(--co-semantic-status-success)}.co-textarea--success.co-textarea--focused .co-textarea__field{border-color:var(--co-semantic-status-success);box-shadow:0 0 0 2px rgba(10, 119, 36, 0.12)}.co-textarea--warning .co-textarea__field{border-color:var(--co-semantic-status-warning)}.co-textarea--warning.co-textarea--focused .co-textarea__field{border-color:var(--co-semantic-status-warning);box-shadow:0 0 0 2px rgba(253, 191, 0, 0.12)}.co-textarea--over-limit .co-textarea__field{border-color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-textarea{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-textarea__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-textarea__label{white-space:normal}:host([layout='horizontal']) .co-textarea>:not(.co-textarea__labels){grid-column:2;min-width:0}"}},[1,"co-textarea",{value:[1025],label:[1],secondaryLabel:[1,"secondary-label"],placeholder:[1],name:[1],required:[4],disabled:[4],readonly:[4],rows:[2],maxLength:[2,"max-length"],status:[1],helperText:[1,"helper-text"],layout:[513],size:[513],variant:[513],clearable:[4],resize:[1],hasFocus:[32]}]);function n(){"undefined"!=typeof customElements&&["co-textarea","co-icon"].forEach((t=>{switch(t){case"co-textarea":customElements.get(e(t))||customElements.define(e(t),s);break;case"co-icon":customElements.get(e(t))||i()}}))}n();const l=s,d=n;export{l as CoTextarea,d as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as o,p as t,H as s,c as a,h as c}from"./index.js";import{d as
|
|
1
|
+
import{t as o,p as t,H as s,c as a,h as c}from"./index.js";import{d as r}from"./p-BCZ-tPBT.js";const e={success:"info",error:"info",warning:"info",info:"info",neutral:null},i=["error","warning"],n=t(class extends s{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coDismiss=a(this,"coDismiss",7),this.entered=!1,this.message="",this.dismissible=!0,this.actionsLayout="inline",this.variant="neutral"}componentDidLoad(){requestAnimationFrame((()=>{this.entered=!0}))}render(){var o;const t=!!this.description,s="stacked"===this.actionsLayout,a=null!=this.progress,r=a?Math.max(0,Math.min(100,this.progress)):0,n="success"===this.variant&&!this.icon&&!a,l=n?null:null!==(o=this.icon)&&void 0!==o?o:a?"upload-simple":e[this.variant],d=i.includes(this.variant)?"alert":"status",u={"co-toast":!0,["co-toast--"+this.variant]:!0,"co-toast--multiline":t,"co-toast--stacked":s,"co-toast--progress":a,"co-toast--in":this.entered},b=c("div",{key:"5479799fdc6e1290192530a8cbda7308a610821e",class:"co-toast__content"},c("span",{key:"7d3b310377e78b8e5551cc80f2941aa621ea9bcb",class:"co-toast__message"},this.message),t&&c("span",{key:"f3d0a88cc99ba0884875217454192bf285480b65",class:"co-toast__description"},this.description));return c("div",{key:"1194ce0b8e6b279dcf747467df23903c9f79770d",class:u,part:"toast",role:d},(n||l)&&c("span",{key:"46c9ed361690be9f2ad60235efbefbd9ab30bb0d",class:"co-toast__icon"},l?c("co-icon",{name:l,size:20}):c("svg",{class:"co-toast__check",viewBox:"0 0 16 16",width:"20",height:"20","aria-hidden":"true"},c("path",{d:"M3.5 8.5l3 3 6-6.5",pathLength:"1",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),c("div",{key:"e277b37fccc9c3770e3c102cb0039cd97f83223a",class:"co-toast__body"},a?c("div",{class:"co-toast__progress"},c("div",{class:"co-toast__progress-header"},b,c("span",{class:"co-toast__percent"},r,"%")),c("div",{class:"co-toast__track",part:"track",role:"progressbar","aria-valuenow":r,"aria-valuemin":0,"aria-valuemax":100},c("span",{class:"co-toast__fill",part:"fill",style:{width:r+"%"}}))):b,s&&c("div",{key:"029587321c2cd209fa838c24a435027b7a029a90",class:"co-toast__actions"},c("slot",{key:"c937442479f63185efc37428b9c25680ed72248d",name:"action"}))),!s&&c("div",{key:"b4f2be5646b30478315256d04cf86e4eb939fcb9",class:"co-toast__actions"},c("slot",{key:"689ef19ee688a4f4abc38b4c8ec7918aed4338bf",name:"action"})),this.dismissible&&c("button",{key:"7424c7bacc165e5e6828fa28233c3e8151c769f3",class:"co-toast__dismiss",type:"button","aria-label":"Dismiss",onClick:()=>this.coDismiss.emit()},c("co-icon",{key:"64149b651baa0cdd39a4ed17a865d5624872d4a9",name:"x",size:16})))}static get style(){return":host{display:block;--co-toast-bg:var(--co-semantic-surface-page);--co-toast-border:var(--co-semantic-border-subtle);--co-toast-text:var(--co-semantic-text-default);--co-toast-text-secondary:var(--co-semantic-text-secondary);--co-toast-icon:var(--co-semantic-text-default);--co-toast-dismiss-bg:var(--co-semantic-surface-disabled);--co-toast-dismiss-color:var(--co-semantic-text-default)}.co-toast{display:flex;align-items:center;gap:var(--co-spacing-md);padding:var(--co-spacing-lg);background:var(--co-toast-bg);border:1px solid var(--co-toast-border);border-radius:var(--co-border-radius-sm);font-family:var(--co-font-family-primary);box-sizing:border-box;width:100%;min-width:320px;max-width:458px}.co-toast--multiline,.co-toast--stacked,.co-toast--progress{align-items:flex-start}.co-toast__icon{display:inline-flex;flex-shrink:0;color:var(--co-toast-icon)}.co-toast--multiline .co-toast__icon,.co-toast--progress .co-toast__icon{padding-top:2px}.co-toast--progress .co-toast__icon{color:var(--co-color-primary-azul, #2563eb)}.co-toast__body{display:flex;flex-direction:column;flex:1;min-width:0;gap:var(--co-spacing-md)}.co-toast__content{display:flex;flex-direction:column;gap:var(--co-spacing-xs);min-width:0}.co-toast__message{font-size:var(--co-font-size-14);font-weight:400;line-height:1.25;letter-spacing:var(--co-font-letter-spacing-body);color:var(--co-toast-text)}.co-toast__description{font-size:var(--co-font-size-12);font-weight:400;line-height:1.4;letter-spacing:var(--co-font-letter-spacing-body);color:var(--co-toast-text-secondary)}.co-toast__actions{display:flex;align-items:center;gap:var(--co-spacing-sm2);flex-shrink:0}.co-toast__actions:empty{display:none}.co-toast--stacked .co-toast__actions{justify-content:flex-end;width:100%}.co-toast__dismiss{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;margin:0;border:none;border-radius:var(--co-border-radius-full);background:var(--co-toast-dismiss-bg);color:var(--co-toast-dismiss-color);cursor:pointer;flex-shrink:0;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out);-webkit-font-smoothing:antialiased}.co-toast__dismiss:hover{opacity:0.88}.co-toast__dismiss:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px}.co-toast--success{--co-toast-bg:var(--co-color-status-bg-success);--co-toast-border:var(--co-color-status-bg-success);--co-toast-text:var(--co-color-status-success);--co-toast-text-secondary:var(--co-color-status-success);--co-toast-icon:var(--co-color-status-success);--co-toast-dismiss-bg:var(--co-color-status-success);--co-toast-dismiss-color:var(--co-color-base-blanco)}.co-toast--error{--co-toast-bg:var(--co-color-status-bg-error);--co-toast-border:var(--co-color-status-bg-error);--co-toast-text:var(--co-color-status-error);--co-toast-text-secondary:var(--co-color-status-error);--co-toast-icon:var(--co-color-status-error);--co-toast-dismiss-bg:var(--co-color-status-error);--co-toast-dismiss-color:var(--co-color-base-blanco)}.co-toast--warning{--co-toast-bg:var(--co-color-status-bg-review);--co-toast-border:var(--co-color-status-bg-review);--co-toast-text:var(--co-color-status-review);--co-toast-text-secondary:var(--co-color-status-review);--co-toast-icon:var(--co-color-status-review);--co-toast-dismiss-bg:var(--co-color-status-review);--co-toast-dismiss-color:var(--co-color-base-blanco)}.co-toast--info{--co-toast-bg:var(--co-color-status-bg-progress);--co-toast-border:var(--co-color-status-bg-progress);--co-toast-text:var(--co-color-status-progress);--co-toast-text-secondary:var(--co-color-status-progress);--co-toast-icon:var(--co-color-status-progress);--co-toast-dismiss-bg:var(--co-color-status-progress);--co-toast-dismiss-color:var(--co-color-base-blanco)}.co-toast__progress{min-width:0}.co-toast__progress-header{display:flex;align-items:center;gap:var(--co-spacing-md);min-width:0}.co-toast__progress-header .co-toast__content{flex:1;min-width:0}.co-toast__percent{flex-shrink:0;font-size:var(--co-font-size-12, 12px);font-weight:400;line-height:1.25;letter-spacing:var(--co-font-letter-spacing-body);color:var(--co-color-gray-500, #888888);font-variant-numeric:tabular-nums}.co-toast__track{width:100%;height:6px;margin-top:9px;border-radius:9999px;background:var(--co-color-gray-100, #f6f6f6);overflow:hidden}.co-toast__fill{display:block;height:100%;border-radius:inherit;background:var(--co-color-primary-azul, #2563eb);transition:width 0.3s ease}.co-toast{opacity:0;transform:translateY(8px) scale(0.98)}.co-toast--in{opacity:1;transform:none;transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out), transform var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-toast--in.co-toast--success{transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out), transform var(--co-motion-duration-slow) var(--co-motion-ease-spring)}.co-toast__check path{stroke-dasharray:1;stroke-dashoffset:1}.co-toast--in .co-toast__check path{stroke-dashoffset:0;transition:stroke-dashoffset var(--co-motion-duration-slow) var(--co-motion-ease-out) var(--co-motion-duration-fast)}"}},[257,"co-toast",{message:[1],description:[1],icon:[1],dismissible:[4],actionsLayout:[1,"actions-layout"],variant:[1],progress:[2],entered:[32]}]);function l(){"undefined"!=typeof customElements&&["co-toast","co-icon"].forEach((t=>{switch(t){case"co-toast":customElements.get(o(t))||customElements.define(o(t),n);break;case"co-icon":customElements.get(o(t))||r()}}))}l();const d=n,u=l;export{d as CoToast,u as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as o,H as e,c as g,h as l}from"./index.js";const r=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coChange=g(this,"coChange",7),this.value="",this.multiple=!1,this.size="m",this.disabled=!1,this.direction="row",this.fullWidth=!1,this.variant="connected"}get selectedValues(){if(this.multiple){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(t){return this.value?[this.value]:[]}return this.value}return"string"==typeof this.value&&this.value?[this.value]:[]}syncChildren(){this.updateChildStates()}syncVariant(){this.updateChildStates()}componentDidLoad(){this.updateChildStates()}handleToggle(t){t.stopPropagation();const{value:o}=t.detail;if(this.multiple){const t=[...this.selectedValues],e=t.indexOf(o);e>=0?t.splice(e,1):t.push(o),this.value=JSON.stringify(t),this.coChange.emit(t)}else this.value=o,this.coChange.emit(o);this.updateChildStates()}updateChildStates(){const t=this.selectedValues;this.el.querySelectorAll("co-toggle-button").forEach((o=>{o.selected=t.includes(o.value),o.variant=this.variant}))}render(){return l("div",{key:"
|
|
1
|
+
import{t,p as o,H as e,c as g,h as l}from"./index.js";const r=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coChange=g(this,"coChange",7),this.value="",this.multiple=!1,this.size="m",this.disabled=!1,this.direction="row",this.fullWidth=!1,this.variant="connected"}get selectedValues(){if(this.multiple){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(t){return this.value?[this.value]:[]}return this.value}return"string"==typeof this.value&&this.value?[this.value]:[]}syncChildren(){this.updateChildStates()}syncVariant(){this.updateChildStates()}componentDidLoad(){this.updateChildStates()}handleToggle(t){t.stopPropagation();const{value:o}=t.detail;if(this.multiple){const t=[...this.selectedValues],e=t.indexOf(o);e>=0?t.splice(e,1):t.push(o),this.value=JSON.stringify(t),this.coChange.emit(t)}else this.value=o,this.coChange.emit(o);this.updateChildStates()}updateChildStates(){const t=this.selectedValues;this.el.querySelectorAll("co-toggle-button").forEach((o=>{o.selected=t.includes(o.value),o.variant=this.variant}))}render(){return l("div",{key:"01f91b5b2749347beebc42452a260093ce47e117",class:{"co-toggle-button-group":!0,["co-toggle-button-group--"+this.direction]:!0,["co-toggle-button-group--"+this.variant]:!0,"co-toggle-button-group--disabled":this.disabled,"co-toggle-button-group--full":this.fullWidth},role:"group"},l("slot",{key:"1f5b0b91d4ec0a2b6cf120ba3e62d8c9ca60f41b"}))}get el(){return this}static get watchers(){return{value:[{syncChildren:0}],variant:[{syncVariant:0}]}}static get style(){return":host{display:inline-flex}.co-toggle-button-group{display:inline-flex;gap:0}.co-toggle-button-group--row{flex-direction:row}.co-toggle-button-group--column{flex-direction:column}:host([full-width]){display:flex;width:100%}.co-toggle-button-group--full{display:flex;width:100%}.co-toggle-button-group--full.co-toggle-button-group--row ::slotted(co-toggle-button){flex:1 1 0;--co-toggle-button-width:100%}.co-toggle-button-group--row ::slotted(co-toggle-button){--co-tbr-tl:0;--co-tbr-tr:0;--co-tbr-br:0;--co-tbr-bl:0}.co-toggle-button-group--row ::slotted(co-toggle-button:first-child){--co-tbr-tl:var(--co-toggle-button-radius);--co-tbr-bl:var(--co-toggle-button-radius)}.co-toggle-button-group--row ::slotted(co-toggle-button:last-child){--co-tbr-tr:var(--co-toggle-button-radius);--co-tbr-br:var(--co-toggle-button-radius)}.co-toggle-button-group--column ::slotted(co-toggle-button){--co-tbr-tl:0;--co-tbr-tr:0;--co-tbr-br:0;--co-tbr-bl:0;width:100%}.co-toggle-button-group--column ::slotted(co-toggle-button:first-child){--co-tbr-tl:var(--co-toggle-button-radius);--co-tbr-tr:var(--co-toggle-button-radius)}.co-toggle-button-group--column ::slotted(co-toggle-button:last-child){--co-tbr-bl:var(--co-toggle-button-radius);--co-tbr-br:var(--co-toggle-button-radius)}.co-toggle-button-group--row ::slotted(co-toggle-button:not(:first-child)){margin-left:-1px}.co-toggle-button-group--column ::slotted(co-toggle-button:not(:first-child)){margin-top:-1px}.co-toggle-button-group--disabled{opacity:0.4;pointer-events:none}.co-toggle-button-group--track{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:var(--co-color-gray-100, #f6f6f6)}.co-toggle-button-group--track ::slotted(co-toggle-button){margin:0 !important}"}},[257,"co-toggle-button-group",{value:[1025],multiple:[4],size:[1],disabled:[4],direction:[1],fullWidth:[516,"full-width"],variant:[513]},[[0,"coToggle","handleToggle"]],{value:[{syncChildren:0}],variant:[{syncVariant:0}]}]);function n(){"undefined"!=typeof customElements&&["co-toggle-button-group"].forEach((o=>{"co-toggle-button-group"===o&&(customElements.get(t(o))||customElements.define(t(o),r))}))}n();const c=r,i=n;export{c as CoToggleButtonGroup,i as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as o,p as t,H as e,c as r,h as a}from"./index.js";import{d as c}from"./p-
|
|
1
|
+
import{t as o,p as t,H as e,c as r,h as a}from"./index.js";import{d as c}from"./p-BCZ-tPBT.js";const s=t(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coToggle=r(this,"coToggle",7),this.selected=!1,this.value="",this.size="m",this.disabled=!1,this.variant="connected",this.handleClick=()=>{this.disabled||(this.selected=!this.selected,this.coToggle.emit({value:this.value,selected:this.selected}))}}render(){const o="track"===this.variant?18:"l"===this.size?20:"xs"===this.size?14:16,t=this.selected&&this.selectedIconWeight?this.selectedIconWeight:void 0;return a("button",{key:"c12171239c10c23954b6e2bc33f26583e3bfdde9",class:{"co-toggle-button":!0,"co-toggle-button--selected":this.selected,["co-toggle-button--"+this.size]:!0,"co-toggle-button--disabled":this.disabled,"co-toggle-button--icon-only":!(this.label||!this.iconLeft&&!this.iconRight)},type:"button",disabled:this.disabled,"aria-pressed":this.selected+"",onClick:this.handleClick},a("slot",{key:"99f4fd25830d9a39473496cb92b9b5e038bb45bc",name:"leading"}),this.iconLeft&&a("co-icon",{key:"6a4fc7af28557a64a01cf62a0b53e95173fe0669",name:this.iconLeft,size:o,weight:t}),this.label&&a("span",{key:"6483a804b6d43d7ffe6e004c40bacec5c6e00980",class:"co-toggle-button__label"},this.label),this.iconRight&&a("co-icon",{key:"bd6d165f96b8ae2fd036380f840fa308ac236200",name:this.iconRight,size:o,weight:t}))}static get style(){return":host{display:inline-flex;--co-toggle-button-radius:var(--co-border-radius-sm)}:host([size='l']){--co-toggle-button-radius:var(--co-border-radius-lg)}:host([size='m']){--co-toggle-button-radius:var(--co-border-radius-sm)}:host([size='s']){--co-toggle-button-radius:var(--co-border-radius-xs)}:host([size='xs']){--co-toggle-button-radius:var(--co-border-radius-xs)}.co-toggle-button{display:inline-flex;width:var(--co-toggle-button-width, auto);align-items:center;justify-content:center;gap:var(--co-spacing-sm2);border:1px solid var(--co-semantic-border-subtle);border-top-left-radius:var(--co-tbr-tl, var(--co-toggle-button-radius));border-top-right-radius:var(--co-tbr-tr, var(--co-toggle-button-radius));border-bottom-right-radius:var(--co-tbr-br, var(--co-toggle-button-radius));border-bottom-left-radius:var(--co-tbr-bl, var(--co-toggle-button-radius));background:color-mix(in srgb, var(--co-semantic-surface-secondary) 35%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));color:var(--co-semantic-text-default);font-family:var(--co-font-family-primary);font-weight:500;cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out);white-space:nowrap;box-sizing:border-box;line-height:1}.co-toggle-button--l{height:48px;padding:0 var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-toggle-button--m{height:40px;padding:0 var(--co-spacing-md);font-size:var(--co-font-size-14)}.co-toggle-button--s{height:32px;padding:0 var(--co-spacing-sm2);font-size:var(--co-font-size-14)}.co-toggle-button--xs{height:24px;padding:0 var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-toggle-button--icon-only.co-toggle-button--l{width:48px;padding:0}.co-toggle-button--icon-only.co-toggle-button--m{width:40px;padding:0}.co-toggle-button--icon-only.co-toggle-button--s{width:32px;padding:0}.co-toggle-button--icon-only.co-toggle-button--xs{width:24px;padding:0}.co-toggle-button:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-toggle-button--selected{background:var(--co-color-base-negro, #1f1c1b);color:var(--co-color-base-blanco, #fff);border-color:var(--co-color-base-negro, #1f1c1b)}.co-toggle-button--selected:hover:not(:disabled){background:var(--co-color-gray-800, #0a0a0a);border-color:var(--co-color-gray-800, #0a0a0a)}.co-toggle-button--disabled{opacity:0.4;cursor:not-allowed}.co-toggle-button__label{line-height:1}@supports not (background: color-mix(in srgb, red, transparent)){.co-toggle-button{background:var(--co-semantic-surface-secondary)}}:host([variant='track']) .co-toggle-button{height:30px;border-radius:8px;border-color:transparent;background:transparent;color:var(--co-color-gray-500, #888888);box-shadow:none;padding:0 12px;-webkit-backdrop-filter:none;backdrop-filter:none}:host([variant='track']) .co-toggle-button.co-toggle-button--icon-only{width:34px;padding:0}:host([variant='track']) .co-toggle-button:hover:not(:disabled){background:transparent;color:var(--co-color-base-negro, #1f1c1b)}:host([variant='track']) .co-toggle-button--selected{background:var(--co-color-base-blanco, #fff);color:var(--co-color-base-negro, #1f1c1b);border-color:transparent;box-shadow:var(--co-shadow-sm, 0 1px 2px 0 rgba(26, 26, 26, 0.04))}:host([variant='track']) .co-toggle-button--selected:hover:not(:disabled){background:var(--co-color-base-blanco, #fff);border-color:transparent}"}},[257,"co-toggle-button",{selected:[1540],value:[1],label:[1],iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],size:[513],disabled:[4],variant:[513],selectedIconWeight:[1,"selected-icon-weight"]}]);function n(){"undefined"!=typeof customElements&&["co-toggle-button","co-icon"].forEach((t=>{switch(t){case"co-toggle-button":customElements.get(o(t))||customElements.define(o(t),s);break;case"co-icon":customElements.get(o(t))||c()}}))}n();const i=s,g=n;export{i as CoToggleButton,g as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{C as
|
|
1
|
+
import{C as p,d as o}from"./p-BYnSPxpp.js";const s=p,r=o;export{s as CoTooltip,r as defineCustomElement}
|