@prolibu-suite/cobalt-core 0.7.0 → 0.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +8275 -5147
- package/dist/cjs/co-accordion.cjs.entry.js +4 -4
- package/dist/cjs/co-action-bar.cjs.entry.js +89 -0
- package/dist/cjs/co-app-shell.cjs.entry.js +4 -4
- package/dist/cjs/co-audio-player.cjs.entry.js +279 -0
- 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 +17 -6
- package/dist/cjs/co-badge.cjs.entry.js +2 -2
- package/dist/cjs/co-bottom-sheet.cjs.entry.js +5 -5
- package/dist/cjs/co-breadcrumb-item.cjs.entry.js +3 -3
- package/dist/cjs/co-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/co-button-group.cjs.entry.js +3 -3
- package/dist/cjs/co-button.cjs.entry.js +13 -6
- package/dist/cjs/co-calendar-month_2.cjs.entry.js +1601 -0
- package/dist/cjs/co-calendar_3.cjs.entry.js +13 -13
- package/dist/cjs/co-card.cjs.entry.js +4 -4
- package/dist/cjs/co-carousel-item.cjs.entry.js +2 -2
- package/dist/cjs/co-carousel.cjs.entry.js +4 -4
- package/dist/cjs/co-checkbox-group.cjs.entry.js +2 -2
- package/dist/cjs/co-checkbox.cjs.entry.js +5 -5
- package/dist/cjs/co-chip_2.cjs.entry.js +109 -8
- 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 +2 -2
- package/dist/cjs/co-date-picker.cjs.entry.js +3 -3
- package/dist/cjs/co-date-range-picker.cjs.entry.js +5 -5
- package/dist/cjs/co-date-range.cjs.entry.js +2 -2
- package/dist/cjs/co-date-time-picker.cjs.entry.js +409 -0
- 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 +119 -18
- package/dist/cjs/co-event-popover.cjs.entry.js +132 -0
- 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 +7 -7
- 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 +3 -3
- 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 +33 -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 +72 -0
- 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 +22 -6
- 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 +4 -4
- package/dist/cjs/co-separator.cjs.entry.js +2 -2
- package/dist/cjs/co-sidebar-nav.cjs.entry.js +14 -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 +20 -4
- 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 +4 -4
- package/dist/cjs/co-video.cjs.entry.js +4 -4
- package/dist/cjs/cobalt.cjs.js +2 -2
- package/dist/cjs/{dateI18n-BdiNAl0_.js → dateI18n-wblvKRq_.js} +21 -0
- package/dist/cjs/{dates-D8D-aS5d.js → dates-TQLHlFd2.js} +64 -13
- package/dist/cjs/{fieldChip-B_npd9rL.js → fieldChip-xNJPEFcS.js} +1 -1
- package/dist/cjs/{index-kBiXCEE7.js → index-DK-2Lzmf.js} +29 -13
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{positioning-DwHW399W.js → positioning-DCj_AJ2T.js} +10 -0
- package/dist/cjs/{requiredMark-DuMIcKtt.js → requiredMark-C1xcrzSZ.js} +1 -1
- package/dist/cjs/time-LBHtzLHe.js +42 -0
- package/dist/cobalt/cobalt.css +1 -1
- package/dist/cobalt/cobalt.esm.js +1 -1
- package/dist/cobalt/p-09fe6ece.entry.js +1 -0
- package/dist/cobalt/p-12a0ae24.entry.js +1 -0
- package/dist/cobalt/p-142506d9.entry.js +1 -0
- package/dist/cobalt/{p-e4555fda.entry.js → p-19706923.entry.js} +1 -1
- package/dist/cobalt/p-19f5d480.entry.js +1 -0
- package/dist/cobalt/{p-B6JZk8fL.js → p-1EK-COrb.js} +1 -1
- package/dist/cobalt/p-1ddbc48b.entry.js +1 -0
- package/dist/cobalt/p-212ed2ba.entry.js +1 -0
- package/dist/cobalt/p-21832273.entry.js +1 -0
- package/dist/cobalt/p-24e93fcb.entry.js +1 -0
- package/dist/cobalt/{p-9211e794.entry.js → p-2a9ba4c8.entry.js} +1 -1
- package/dist/cobalt/p-2aeb1471.entry.js +1 -0
- package/dist/cobalt/p-2d0354cc.entry.js +1 -0
- package/dist/cobalt/p-30ec230e.entry.js +1 -0
- package/dist/cobalt/p-360714ae.entry.js +1 -0
- package/dist/cobalt/{p-3c681e3a.entry.js → p-37541725.entry.js} +1 -1
- package/dist/cobalt/p-39007b6c.entry.js +1 -0
- package/dist/cobalt/{p-2f6c7eb5.entry.js → p-39bce45f.entry.js} +1 -1
- package/dist/cobalt/{p-7f78e45c.entry.js → p-3ac316e0.entry.js} +1 -1
- package/dist/cobalt/{p-69723cc1.entry.js → p-3ced4269.entry.js} +1 -1
- package/dist/cobalt/{p-9994fcd8.entry.js → p-3ecc29fa.entry.js} +1 -1
- package/dist/cobalt/p-417ce874.entry.js +1 -0
- package/dist/cobalt/{p-28ab9cef.entry.js → p-43b1f8fb.entry.js} +1 -1
- package/dist/cobalt/p-49bde154.entry.js +1 -0
- package/dist/cobalt/{p-54f8c68c.entry.js → p-4e2379e4.entry.js} +1 -1
- package/dist/cobalt/p-5d7c26f2.entry.js +1 -0
- package/dist/cobalt/p-5ddebd10.entry.js +1 -0
- package/dist/cobalt/{p-bcd38114.entry.js → p-5f0f5d4b.entry.js} +1 -1
- package/dist/cobalt/{p-2661557c.entry.js → p-5f1b273b.entry.js} +1 -1
- package/dist/cobalt/p-60cb66f5.entry.js +1 -0
- package/dist/cobalt/{p-48fbf051.entry.js → p-6795a258.entry.js} +1 -1
- package/dist/cobalt/{p-5b84cf37.entry.js → p-6d532475.entry.js} +1 -1
- package/dist/cobalt/{p-0110108f.entry.js → p-724b9b54.entry.js} +1 -1
- package/dist/cobalt/{p-ceb85838.entry.js → p-7255ab63.entry.js} +1 -1
- package/dist/cobalt/p-7521ec0c.entry.js +1 -0
- package/dist/cobalt/{p-69ce2269.entry.js → p-76dff399.entry.js} +1 -1
- package/dist/cobalt/p-77593319.entry.js +1 -0
- package/dist/cobalt/p-7a2dab23.entry.js +1 -0
- package/dist/cobalt/p-7ec85887.entry.js +1 -0
- package/dist/cobalt/p-81866f71.entry.js +1 -0
- package/dist/cobalt/{p-c3004e1c.entry.js → p-8206c7c0.entry.js} +1 -1
- package/dist/cobalt/p-85a61e28.entry.js +1 -0
- package/dist/cobalt/p-87fc5aed.entry.js +1 -0
- package/dist/cobalt/p-8a93beb0.entry.js +1 -0
- package/dist/cobalt/p-8b7a4f6c.entry.js +1 -0
- package/dist/cobalt/{p-741cf623.entry.js → p-8e667eb6.entry.js} +1 -1
- package/dist/cobalt/{p-3b9be8a8.entry.js → p-94a8a119.entry.js} +1 -1
- package/dist/cobalt/p-9c2ce487.entry.js +1 -0
- package/dist/cobalt/p-9fe9e2fe.entry.js +1 -0
- package/dist/cobalt/p-BMdapAL8.js +1 -0
- package/dist/cobalt/p-BU7SQCje.js +1 -0
- package/dist/cobalt/p-CF8OB_TM.js +1 -0
- package/dist/cobalt/p-CQAYgqA6.js +1 -0
- package/dist/cobalt/p-CnNpoKwg.js +1 -0
- package/dist/cobalt/p-CrtiywTB.js +2 -0
- package/dist/cobalt/p-T4la7ly_.js +1 -0
- package/dist/cobalt/{p-2da09948.entry.js → p-a074f2ba.entry.js} +1 -1
- package/dist/cobalt/{p-0a294205.entry.js → p-a45e2c00.entry.js} +1 -1
- package/dist/cobalt/p-a530bec2.entry.js +1 -0
- package/dist/cobalt/p-a5d84c7a.entry.js +1 -0
- package/dist/cobalt/p-b004c3bb.entry.js +1 -0
- package/dist/cobalt/p-b1ef5107.entry.js +1 -0
- package/dist/cobalt/p-b28dc0fe.entry.js +1 -0
- package/dist/cobalt/{p-cdedaa82.entry.js → p-b64b0a07.entry.js} +1 -1
- package/dist/cobalt/p-b800e107.entry.js +1 -0
- package/dist/cobalt/p-b9ac1f25.entry.js +1 -0
- package/dist/cobalt/{p-202eadfc.entry.js → p-baeb5d55.entry.js} +1 -1
- package/dist/cobalt/{p-7178113f.entry.js → p-c31f5c1b.entry.js} +1 -1
- package/dist/cobalt/p-c3c2087e.entry.js +1 -0
- package/dist/cobalt/p-c42c505c.entry.js +1 -0
- package/dist/cobalt/p-c7a809c7.entry.js +1 -0
- package/dist/cobalt/{p-eec1c44c.entry.js → p-c8dba82f.entry.js} +1 -1
- package/dist/cobalt/p-cc72557d.entry.js +1 -0
- package/dist/cobalt/p-d21da71a.entry.js +1 -0
- package/dist/cobalt/{p-e1b468c1.entry.js → p-d3c765e3.entry.js} +1 -1
- package/dist/cobalt/p-d7b00e5f.entry.js +1 -0
- package/dist/cobalt/p-d85a751d.entry.js +1 -0
- package/dist/cobalt/{p-3af74ab8.entry.js → p-da546d08.entry.js} +1 -1
- package/dist/cobalt/p-debe0d79.entry.js +1 -0
- package/dist/cobalt/p-e054cb52.entry.js +1 -0
- package/dist/cobalt/p-e5296961.entry.js +1 -0
- package/dist/cobalt/p-e5b5ae89.entry.js +1 -0
- package/dist/cobalt/p-e612b43c.entry.js +1 -0
- package/dist/cobalt/{p-97875bde.entry.js → p-e6882ddd.entry.js} +1 -1
- package/dist/cobalt/p-e7e34852.entry.js +1 -0
- package/dist/cobalt/p-e99832a9.entry.js +1 -0
- package/dist/cobalt/{p-616e4286.entry.js → p-ed2ca588.entry.js} +1 -1
- package/dist/cobalt/p-f1284fcd.entry.js +1 -0
- package/dist/cobalt/{p-6b38e8fb.entry.js → p-f1731fe9.entry.js} +1 -1
- package/dist/cobalt/{p-ba5c6aa7.entry.js → p-f4cebc1f.entry.js} +1 -1
- package/dist/cobalt/p-f52f61d4.entry.js +1 -0
- package/dist/cobalt/{p-a252f8c5.entry.js → p-f83b48fd.entry.js} +1 -1
- package/dist/cobalt/p-fa5c25d6.entry.js +1 -0
- package/dist/cobalt/p-fd39f410.entry.js +1 -0
- package/dist/collection/collection-manifest.json +6 -0
- package/dist/collection/components/co-accordion/co-accordion.css +12 -4
- package/dist/collection/components/co-accordion/co-accordion.js +2 -2
- package/dist/collection/components/co-action-bar/co-action-bar.css +136 -0
- package/dist/collection/components/co-action-bar/co-action-bar.js +247 -0
- package/dist/collection/components/co-app-shell/co-app-shell.css +1 -1
- package/dist/collection/components/co-app-shell/co-app-shell.js +2 -2
- package/dist/collection/components/co-audio-player/co-audio-player.css +57 -0
- package/dist/collection/components/co-audio-player/co-audio-player.js +453 -0
- package/dist/collection/components/co-audio-player/co-audio-player.utils.js +44 -0
- package/dist/collection/components/co-autocomplete/co-autocomplete.css +2 -2
- 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-badge/co-badge.js +1 -1
- package/dist/collection/components/co-bottom-sheet/co-bottom-sheet.css +4 -12
- package/dist/collection/components/co-bottom-sheet/co-bottom-sheet.js +3 -3
- package/dist/collection/components/co-breadcrumb/co-breadcrumb.js +1 -1
- package/dist/collection/components/co-breadcrumb-item/co-breadcrumb-item.js +2 -2
- package/dist/collection/components/co-button/co-button.css +36 -1
- package/dist/collection/components/co-button/co-button.js +31 -5
- package/dist/collection/components/co-button-group/co-button-group.js +2 -2
- package/dist/collection/components/co-calendar/co-calendar.css +2 -2
- package/dist/collection/components/co-calendar/co-calendar.js +1 -1
- package/dist/collection/components/co-calendar-month/co-calendar-month.css +53 -4
- package/dist/collection/components/co-calendar-month/co-calendar-month.js +238 -55
- package/dist/collection/components/co-calendar-timegrid/co-calendar-timegrid.css +265 -0
- package/dist/collection/components/co-calendar-timegrid/co-calendar-timegrid.js +1305 -0
- package/dist/collection/components/co-card/co-card.css +1 -1
- package/dist/collection/components/co-card/co-card.js +2 -2
- package/dist/collection/components/co-carousel/co-carousel.js +2 -2
- package/dist/collection/components/co-carousel-item/co-carousel-item.js +1 -1
- package/dist/collection/components/co-checkbox/co-checkbox.css +85 -59
- package/dist/collection/components/co-checkbox/co-checkbox.js +3 -3
- 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 +2 -2
- 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 +9 -9
- 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 +325 -0
- package/dist/collection/components/co-date-time-picker/co-date-time-picker.js +1079 -0
- package/dist/collection/components/co-drawer/co-drawer.css +48 -2
- package/dist/collection/components/co-drawer/co-drawer.js +1 -1
- 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 +21 -9
- package/dist/collection/components/co-event-calendar/co-event-calendar.js +342 -39
- package/dist/collection/components/co-event-popover/co-event-popover.css +25 -0
- package/dist/collection/components/co-event-popover/co-event-popover.js +326 -0
- package/dist/collection/components/co-fab/co-fab.css +18 -12
- 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 +22 -1
- package/dist/collection/components/co-menu-item/co-menu-item.js +20 -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 +20 -2
- package/dist/collection/components/co-option-list/co-option-list.js +141 -7
- package/dist/collection/components/co-option-list/optionListLogic.js +13 -0
- 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 +30 -4
- 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-provider-logo/co-provider-logo.css +23 -0
- package/dist/collection/components/co-provider-logo/co-provider-logo.js +124 -0
- 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 +4 -4
- package/dist/collection/components/co-ref-field/co-ref-field.js +18 -2
- package/dist/collection/components/co-rich-text-editor/co-rich-text-editor.css +16 -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 +20 -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 +1 -1
- 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 +12 -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.css +25 -0
- package/dist/collection/components/co-tab-group/co-tab-group.js +18 -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-transfer-list/co-transfer-list.js +2 -2
- 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/dateI18n.js +21 -0
- package/dist/collection/utils/eventColor.js +52 -0
- package/dist/collection/utils/positioning.js +10 -0
- package/dist/components/co-accordion.js +1 -1
- package/dist/components/co-action-bar.d.ts +11 -0
- package/dist/components/co-action-bar.js +1 -0
- package/dist/components/co-app-shell.js +1 -1
- package/dist/components/co-audio-player.d.ts +11 -0
- package/dist/components/co-audio-player.js +1 -0
- package/dist/components/co-autocomplete.js +1 -1
- package/dist/components/co-avatar-group.js +1 -1
- package/dist/components/co-avatar.js +1 -1
- package/dist/components/co-badge.js +1 -1
- package/dist/components/co-bottom-sheet.js +1 -1
- package/dist/components/co-breadcrumb-item.js +1 -1
- package/dist/components/co-breadcrumb.js +1 -1
- package/dist/components/co-button-group.js +1 -1
- package/dist/components/co-button.js +1 -1
- package/dist/components/co-calendar-month.js +1 -1
- package/dist/components/co-calendar-timegrid.d.ts +11 -0
- package/dist/components/co-calendar-timegrid.js +1 -0
- package/dist/components/co-calendar.js +1 -1
- package/dist/components/co-card.js +1 -1
- package/dist/components/co-carousel-item.js +1 -1
- package/dist/components/co-carousel.js +1 -1
- package/dist/components/co-checkbox-group.js +1 -1
- package/dist/components/co-checkbox.js +1 -1
- package/dist/components/co-chip.js +1 -1
- package/dist/components/co-color-picker.js +1 -1
- package/dist/components/co-column-picker.js +1 -1
- package/dist/components/co-combobox.js +1 -1
- package/dist/components/co-command-search.js +1 -1
- package/dist/components/co-data-table-pagination.js +1 -1
- package/dist/components/co-data-table.js +1 -1
- package/dist/components/co-date-field.js +1 -1
- package/dist/components/co-date-picker.js +1 -1
- package/dist/components/co-date-range-picker.js +1 -1
- package/dist/components/co-date-range.js +1 -1
- package/dist/components/co-date-time-picker.d.ts +11 -0
- package/dist/components/co-date-time-picker.js +1 -0
- 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.d.ts +11 -0
- package/dist/components/co-event-popover.js +1 -0
- 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-provider-logo.d.ts +11 -0
- package/dist/components/co-provider-logo.js +1 -0
- 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-2zy1K6zg.js +1 -0
- package/dist/components/{p-B3U63yZw.js → p-BCnjq3jN.js} +1 -1
- package/dist/components/p-BMdapAL8.js +1 -0
- package/dist/components/{p-T0UfY6rA.js → p-BUE9mBqk.js} +1 -1
- package/dist/components/p-Bh2__nEw.js +1 -0
- package/dist/components/{p-Cd3inFSL.js → p-BiefJDu3.js} +1 -1
- package/dist/components/{p-Bul6EdDX.js → p-BlvsTlsS.js} +1 -1
- package/dist/components/p-Bsll5Ofy.js +1 -0
- package/dist/components/p-C-5cLeKr.js +1 -0
- package/dist/components/p-CF8OB_TM.js +1 -0
- package/dist/components/p-CJNo2JDc.js +1 -0
- package/dist/components/p-CKKBJaNB.js +1 -0
- package/dist/components/p-CL4dicvk.js +1 -0
- package/dist/components/{p-DfpOEXHC.js → p-CYv2ig6I.js} +1 -1
- package/dist/components/p-Ce0ZJcks.js +1 -0
- package/dist/components/p-Ch837Ggl.js +1 -0
- package/dist/components/p-CkQqqKRp.js +1 -0
- package/dist/components/p-CmxZEGYq.js +1 -0
- package/dist/components/p-CnNpoKwg.js +1 -0
- package/dist/components/p-Cv5yuGLz.js +1 -0
- package/dist/components/{p-oV_1MoAN.js → p-DAaKsGqj.js} +1 -1
- package/dist/components/p-DFT1qsVu.js +1 -0
- package/dist/components/p-DTJsO_Eg.js +1 -0
- package/dist/components/p-Dxa7c4Ap.js +1 -0
- package/dist/components/p-_YYd42XM.js +1 -0
- package/dist/components/p-e5KibEs8.js +1 -0
- package/dist/components/p-re2gJwnQ.js +1 -0
- package/dist/components/p-ushHimOL.js +1 -0
- package/dist/components/p-xvWmYN3W.js +1 -0
- package/dist/esm/co-accordion.entry.js +4 -4
- package/dist/esm/co-action-bar.entry.js +87 -0
- package/dist/esm/co-app-shell.entry.js +4 -4
- package/dist/esm/co-audio-player.entry.js +277 -0
- 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 +17 -6
- package/dist/esm/co-badge.entry.js +2 -2
- package/dist/esm/co-bottom-sheet.entry.js +5 -5
- package/dist/esm/co-breadcrumb-item.entry.js +3 -3
- package/dist/esm/co-breadcrumb.entry.js +2 -2
- package/dist/esm/co-button-group.entry.js +3 -3
- package/dist/esm/co-button.entry.js +13 -6
- package/dist/esm/co-calendar-month_2.entry.js +1598 -0
- package/dist/esm/co-calendar_3.entry.js +13 -13
- package/dist/esm/co-card.entry.js +4 -4
- package/dist/esm/co-carousel-item.entry.js +2 -2
- package/dist/esm/co-carousel.entry.js +4 -4
- package/dist/esm/co-checkbox-group.entry.js +2 -2
- package/dist/esm/co-checkbox.entry.js +5 -5
- package/dist/esm/co-chip_2.entry.js +109 -8
- 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 +2 -2
- package/dist/esm/co-date-picker.entry.js +3 -3
- package/dist/esm/co-date-range-picker.entry.js +5 -5
- package/dist/esm/co-date-range.entry.js +2 -2
- package/dist/esm/co-date-time-picker.entry.js +407 -0
- 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 +120 -19
- package/dist/esm/co-event-popover.entry.js +130 -0
- 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 +7 -7
- 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 +3 -3
- 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 +33 -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 +69 -0
- 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 +22 -6
- 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 +4 -4
- package/dist/esm/co-separator.entry.js +2 -2
- package/dist/esm/co-sidebar-nav.entry.js +14 -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 +20 -4
- 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 +4 -4
- package/dist/esm/co-video.entry.js +4 -4
- package/dist/esm/cobalt.js +3 -3
- package/dist/esm/{dateI18n-C1DCLOEl.js → dateI18n-CnNpoKwg.js} +21 -0
- package/dist/esm/{dates-tPYikBRJ.js → dates-BU7SQCje.js} +64 -13
- package/dist/esm/{fieldChip-Bb8YIN0J.js → fieldChip-BZDUy9Z-.js} +1 -1
- package/dist/esm/{index-BCEz3S-z.js → index-CrtiywTB.js} +29 -13
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{positioning-C2mZ7x_Y.js → positioning-BMdapAL8.js} +10 -0
- package/dist/esm/{requiredMark-D7kAMXHM.js → requiredMark-DCD-ZA51.js} +1 -1
- package/dist/esm/time-CF8OB_TM.js +37 -0
- package/dist/esm/{tz-B6JZk8fL.js → tz-1EK-COrb.js} +1 -1
- package/dist/types/components/co-action-bar/co-action-bar.d.ts +66 -0
- package/dist/types/components/co-audio-player/co-audio-player.d.ts +62 -0
- package/dist/types/components/co-audio-player/co-audio-player.utils.d.ts +11 -0
- package/dist/types/components/co-autocomplete/co-autocomplete.d.ts +1 -1
- package/dist/types/components/co-button/co-button.d.ts +18 -1
- package/dist/types/components/co-calendar-month/co-calendar-month.d.ts +33 -1
- package/dist/types/components/co-calendar-timegrid/co-calendar-timegrid.d.ts +178 -0
- 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-date-time-picker/co-date-time-picker.d.ts +131 -0
- package/dist/types/components/co-event-calendar/co-event-calendar.d.ts +61 -8
- package/dist/types/components/co-event-popover/co-event-popover.d.ts +45 -0
- package/dist/types/components/co-menu-item/co-menu-item.d.ts +3 -0
- package/dist/types/components/co-option-list/co-option-list.d.ts +28 -1
- package/dist/types/components/co-option-list/optionListLogic.d.ts +3 -0
- package/dist/types/components/co-provider-logo/co-provider-logo.d.ts +17 -0
- package/dist/types/components/co-ref-field/co-ref-field.d.ts +5 -0
- package/dist/types/components/co-tab-group/co-tab-group.d.ts +5 -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 +1251 -82
- package/dist/types/utils/dateI18n.d.ts +7 -0
- package/dist/types/utils/eventColor.d.ts +20 -0
- package/package.json +3 -3
- package/dist/cjs/co-calendar-month.cjs.entry.js +0 -381
- package/dist/cjs/co-skeleton.cjs.entry.js +0 -26
- package/dist/cobalt/p-037cc571.entry.js +0 -1
- package/dist/cobalt/p-080f62e4.entry.js +0 -1
- package/dist/cobalt/p-0b7359bb.entry.js +0 -1
- package/dist/cobalt/p-0b92167a.entry.js +0 -1
- package/dist/cobalt/p-0bc5a962.entry.js +0 -1
- package/dist/cobalt/p-264508ae.entry.js +0 -1
- package/dist/cobalt/p-27dce0ac.entry.js +0 -1
- package/dist/cobalt/p-30c80e3a.entry.js +0 -1
- package/dist/cobalt/p-331a0108.entry.js +0 -1
- package/dist/cobalt/p-36ad3a96.entry.js +0 -1
- package/dist/cobalt/p-3ecbbe93.entry.js +0 -1
- package/dist/cobalt/p-3f1030fb.entry.js +0 -1
- package/dist/cobalt/p-3f7215e7.entry.js +0 -1
- package/dist/cobalt/p-431cec34.entry.js +0 -1
- package/dist/cobalt/p-4f615cbd.entry.js +0 -1
- package/dist/cobalt/p-5319ac3f.entry.js +0 -1
- package/dist/cobalt/p-532baca4.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-54857f78.entry.js +0 -1
- package/dist/cobalt/p-585c132d.entry.js +0 -1
- package/dist/cobalt/p-59b114ab.entry.js +0 -1
- package/dist/cobalt/p-5c250889.entry.js +0 -1
- package/dist/cobalt/p-5d0510a5.entry.js +0 -1
- package/dist/cobalt/p-5e246304.entry.js +0 -1
- package/dist/cobalt/p-64115d66.entry.js +0 -1
- package/dist/cobalt/p-75515a8e.entry.js +0 -1
- package/dist/cobalt/p-8155d781.entry.js +0 -1
- package/dist/cobalt/p-8fe5b07e.entry.js +0 -1
- package/dist/cobalt/p-9824c478.entry.js +0 -1
- package/dist/cobalt/p-9bf42bf4.entry.js +0 -1
- package/dist/cobalt/p-9fab9c1f.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-C1DCLOEl.js +0 -1
- package/dist/cobalt/p-C2mZ7x_Y.js +0 -1
- package/dist/cobalt/p-D5gr2ent.js +0 -1
- package/dist/cobalt/p-b06af5c6.entry.js +0 -1
- package/dist/cobalt/p-b87a2e7a.entry.js +0 -1
- package/dist/cobalt/p-bb00ae4a.entry.js +0 -1
- package/dist/cobalt/p-c237add6.entry.js +0 -1
- package/dist/cobalt/p-c589ae25.entry.js +0 -1
- package/dist/cobalt/p-c635417b.entry.js +0 -1
- package/dist/cobalt/p-c7d9ff39.entry.js +0 -1
- package/dist/cobalt/p-c9528a5f.entry.js +0 -1
- package/dist/cobalt/p-cbac0a11.entry.js +0 -1
- package/dist/cobalt/p-cd28aa6d.entry.js +0 -1
- package/dist/cobalt/p-d3a1a604.entry.js +0 -1
- package/dist/cobalt/p-d71b800a.entry.js +0 -1
- package/dist/cobalt/p-df752f6e.entry.js +0 -1
- package/dist/cobalt/p-ec9dd3a3.entry.js +0 -1
- package/dist/cobalt/p-eeed80ac.entry.js +0 -1
- package/dist/cobalt/p-f0a98453.entry.js +0 -1
- package/dist/cobalt/p-ff581807.entry.js +0 -1
- package/dist/cobalt/p-fffeb610.entry.js +0 -1
- package/dist/cobalt/p-tPYikBRJ.js +0 -1
- package/dist/components/p-9aNhJfTT.js +0 -1
- package/dist/components/p-B0b9Etx4.js +0 -1
- package/dist/components/p-B7Yv00g9.js +0 -1
- package/dist/components/p-BTa6ss5i.js +0 -1
- package/dist/components/p-BtpRnpaF.js +0 -1
- package/dist/components/p-Bzg5FPSA.js +0 -1
- package/dist/components/p-C1DCLOEl.js +0 -1
- package/dist/components/p-C2mZ7x_Y.js +0 -1
- package/dist/components/p-CQ-8domm.js +0 -1
- package/dist/components/p-CVeEoHr7.js +0 -1
- package/dist/components/p-CYi6V_Ss.js +0 -1
- package/dist/components/p-CmCsm4L-.js +0 -1
- package/dist/components/p-CuQjKAf5.js +0 -1
- package/dist/components/p-CyYF8IJE.js +0 -1
- package/dist/components/p-DKvTqEaf.js +0 -1
- package/dist/components/p-DwwxS5bY.js +0 -1
- package/dist/esm/co-calendar-month.entry.js +0 -379
- package/dist/esm/co-skeleton.entry.js +0 -24
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, a as getElement } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CrtiywTB.js';
|
|
2
2
|
|
|
3
|
-
const coSliderCss = () => `: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
|
|
3
|
+
const coSliderCss = () => `: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)}`;
|
|
4
4
|
|
|
5
5
|
const CoSlider = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -78,12 +78,12 @@ const CoSlider = class {
|
|
|
78
78
|
}
|
|
79
79
|
render() {
|
|
80
80
|
const pct = this.percentage;
|
|
81
|
-
return (h("div", { key: '
|
|
81
|
+
return (h("div", { key: '4027635cf79ecb8673a36a63bda49528b3affe3d', class: {
|
|
82
82
|
'co-slider': true,
|
|
83
83
|
'co-slider--disabled': this.disabled,
|
|
84
84
|
'co-slider--dragging': this.dragging,
|
|
85
85
|
[`co-slider--${this.status}`]: this.status !== 'default',
|
|
86
|
-
} }, (this.label || this.secondaryLabel || this.showValue) && (h("div", { key: '
|
|
86
|
+
} }, (this.label || this.secondaryLabel || this.showValue) && (h("div", { key: '63340e4f0e30dc8d764ec1e53d1382ed7439f2ff', class: "co-slider__labels" }, h("div", { key: '3d7eb11db7b0b3a02dca5ab7dfdad3d46eca0f99', class: "co-slider__labels-left" }, this.label && h("label", { key: 'ca00277f2008cb58bc28cf4783f445d2f56e8427', class: "co-slider__label" }, this.label), this.secondaryLabel && h("span", { key: '90b3d3afc80a0ecfafbd3e379c181a1679192aab', class: "co-slider__secondary-label" }, this.secondaryLabel)), this.showValue && h("span", { key: 'ac9f0a0b1dc054838c6d2635db0f036bcf8949ad', class: "co-slider__value" }, this.value))), h("div", { key: 'e16828daeb3549bb2b892cbb237313a90551c731', class: "co-slider__track-wrapper", ref: el => (this.trackEl = el), onPointerDown: this.handlePointerDown }, h("div", { key: '094704838f8898680e950ecb31d71a396fbd46ee', class: "co-slider__track" }, h("div", { key: '0c47a259e49d126aaf7471ef56e887b99c2636de', class: "co-slider__fill", style: { width: `${pct}%` } })), h("div", { key: '61cb3dd1621bdcb6b103f073eefceb5a11f08806', class: "co-slider__thumb", style: { left: `${pct}%` } })), this.showMarks && (h("div", { key: '60ea2eb0db6393ca95d712e1441b316f34b2e39d', class: "co-slider__marks" }, h("span", { key: '3ef4f78b7ee3b920dc1be7be1cad43c2cd268ce6', class: "co-slider__mark" }, this.min), h("span", { key: 'c1b0bb6ada1ec898c7ae8ff9160f53c58454a5c9', class: "co-slider__mark" }, this.max))), h("input", { key: 'c38e3b83d4e546a3349fa504022592face8f7ef5', 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 && (h("div", { key: 'f3a87f53d9411991b55656e964c826ed0f6a4583', class: `co-slider__helper co-slider__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: '5532c726e5aa75d9c24b850daf27162502fa898a', name: this.statusIcon, size: 14, weight: "fill", class: "co-slider__helper-icon" }), h("span", { key: 'c992c8393ed716d12bbe70dccc62c998c16da751', class: "co-slider__helper-text" }, this.helperText)))));
|
|
87
87
|
}
|
|
88
88
|
get el() { return getElement(this); }
|
|
89
89
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h } from './index-
|
|
2
|
-
import { R as RequiredMark } from './requiredMark-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h } from './index-CrtiywTB.js';
|
|
2
|
+
import { R as RequiredMark } from './requiredMark-DCD-ZA51.js';
|
|
3
3
|
|
|
4
|
-
const coSwitchCss = () => `: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
|
|
4
|
+
const coSwitchCss = () => `: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)}}`;
|
|
5
5
|
|
|
6
6
|
const CoSwitch = class {
|
|
7
7
|
constructor(hostRef) {
|
|
@@ -34,16 +34,16 @@ const CoSwitch = class {
|
|
|
34
34
|
render() {
|
|
35
35
|
const hasLabels = this.label || this.secondaryLabel;
|
|
36
36
|
const hasHelper = !!this.helperText;
|
|
37
|
-
return (h("div", { key: '
|
|
37
|
+
return (h("div", { key: '9c2ab9ebe8300b1a0430ee3abd450844801dce02', class: {
|
|
38
38
|
'co-switch-wrapper': true,
|
|
39
39
|
'co-switch-wrapper--disabled': this.disabled,
|
|
40
40
|
[`co-switch-wrapper--${this.status}`]: this.status !== 'default',
|
|
41
|
-
} }, h("div", { key: '
|
|
41
|
+
} }, h("div", { key: 'becf03e42f9d2df55852aeabcbeb5c0ee8526584', class: "co-switch-wrapper__row", onClick: this.handleClick }, h("button", { key: 'd7930e7325b081f72696d7c9714e87cfc8fdc4d3', role: "switch", "aria-checked": String(this.checked), "aria-label": this.label || '', class: {
|
|
42
42
|
'co-switch': true,
|
|
43
43
|
'co-switch--on': this.checked,
|
|
44
44
|
'co-switch--off': !this.checked,
|
|
45
45
|
'co-switch--disabled': this.disabled,
|
|
46
|
-
}, disabled: this.disabled, part: "track" }, h("span", { key: '
|
|
46
|
+
}, disabled: this.disabled, part: "track" }, h("span", { key: '916a6994673e9d91f9acd1a983f7a071f6e13de6', class: "co-switch__thumb", part: "thumb" })), hasLabels && (h("div", { key: '41ab06a752560079d9cde87bd761320aa44722eb', class: "co-switch-wrapper__labels" }, this.label && h("span", { key: 'cd56a3a783507bb0aae71032ef71d8d1375fb96d', class: "co-switch-wrapper__label", part: "label" }, this.label, h(RequiredMark, { key: 'a6da50ef41d10d45d7d0b8a4fbdb8d1e445cc8be', required: this.required })), this.secondaryLabel && (h("span", { key: '294791b598a8ef01ce63d3324bad895e8751ec7c', class: "co-switch-wrapper__secondary-label", part: "secondary-label" }, this.secondaryLabel))))), hasHelper && (h("div", { key: '2a387c0a099a6d0774d9228c70a00a550f0515ab', class: `co-switch-wrapper__helper co-switch-wrapper__helper--${this.status}` }, this.statusIcon && (h("co-icon", { key: '1184f6971047834c8527234c3b97bc4332425644', name: this.statusIcon, size: 14, weight: "fill", class: "co-switch-wrapper__helper-icon" })), h("span", { key: 'cbb3ea33790321d59111c74dc4282b9393be5c54', class: "co-switch-wrapper__helper-text" }, this.helperText)))));
|
|
47
47
|
}
|
|
48
48
|
};
|
|
49
49
|
CoSwitch.style = coSwitchCss();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, a as getElement } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CrtiywTB.js';
|
|
2
2
|
|
|
3
|
-
const coTabGroupCss = () => `:host{display:flex}.co-tab-group{display:flex;align-items:center;gap:var(--co-spacing-sm2)}.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)}`;
|
|
3
|
+
const coTabGroupCss = () => `: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)}`;
|
|
4
4
|
|
|
5
5
|
const CoTabGroup = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -14,6 +14,22 @@ const CoTabGroup = class {
|
|
|
14
14
|
this.onSlotChange = () => {
|
|
15
15
|
this.syncTabs();
|
|
16
16
|
};
|
|
17
|
+
/** Wheel → horizontal scroll cuando el track desborda (los tabs clipean con
|
|
18
|
+
`overflow-x`, ver CSS): la rueda vertical del mouse scrollea el strip.
|
|
19
|
+
Solo consume el evento si realmente puede desplazarse en esa dirección —
|
|
20
|
+
en los extremos deja pasar el scroll a la página. */
|
|
21
|
+
this.onWheel = (e) => {
|
|
22
|
+
const track = e.currentTarget;
|
|
23
|
+
const max = track.scrollWidth - track.clientWidth;
|
|
24
|
+
if (max <= 0)
|
|
25
|
+
return;
|
|
26
|
+
const delta = Math.abs(e.deltaY) > Math.abs(e.deltaX) ? e.deltaY : e.deltaX;
|
|
27
|
+
const next = Math.max(0, Math.min(max, track.scrollLeft + delta));
|
|
28
|
+
if (next === track.scrollLeft)
|
|
29
|
+
return;
|
|
30
|
+
track.scrollLeft = next;
|
|
31
|
+
e.preventDefault();
|
|
32
|
+
};
|
|
17
33
|
}
|
|
18
34
|
onTabSelect(e) {
|
|
19
35
|
e.stopPropagation();
|
|
@@ -38,10 +54,10 @@ const CoTabGroup = class {
|
|
|
38
54
|
});
|
|
39
55
|
}
|
|
40
56
|
render() {
|
|
41
|
-
return (h("div", { key: '
|
|
57
|
+
return (h("div", { key: '8987563ec721e13e7cbc186b11ab4c6b28f82068', class: {
|
|
42
58
|
'co-tab-group': true,
|
|
43
59
|
[`co-tab-group--${this.variant}`]: true,
|
|
44
|
-
}, role: "tablist", part: "tab-group" }, h("slot", { key: '
|
|
60
|
+
}, role: "tablist", part: "tab-group", onWheel: this.onWheel }, h("slot", { key: '9adad54c12867486cdf0677e92f5c5007f2b55e1', onSlotchange: this.onSlotChange })));
|
|
45
61
|
}
|
|
46
62
|
get el() { return getElement(this); }
|
|
47
63
|
static get watchers() { return {
|
package/dist/esm/co-tab.entry.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h } from './index-CrtiywTB.js';
|
|
2
2
|
|
|
3
|
-
const coTabCss = () => `: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
|
|
3
|
+
const coTabCss = () => `: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)}`;
|
|
4
4
|
|
|
5
5
|
const CoTab = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -26,13 +26,13 @@ const CoTab = class {
|
|
|
26
26
|
}
|
|
27
27
|
render() {
|
|
28
28
|
const iconSize = this.variant === 'underline' ? 16 : this.size === 'large' ? 18 : 14;
|
|
29
|
-
return (h("button", { key: '
|
|
29
|
+
return (h("button", { key: '85ffca32d8f2fb7c2be25e9b2cf8c0570a438f54', class: {
|
|
30
30
|
'co-tab': true,
|
|
31
31
|
[`co-tab--${this.size}`]: true,
|
|
32
32
|
[`co-tab--${this.variant}`]: true,
|
|
33
33
|
'co-tab--selected': this.selected,
|
|
34
34
|
'co-tab--disabled': this.disabled,
|
|
35
|
-
}, type: "button", role: "tab", "aria-selected": this.selected ? 'true' : 'false', disabled: this.disabled, part: "tab", onClick: this.handleClick }, this.iconLeft && (h("co-icon", { key: '
|
|
35
|
+
}, type: "button", role: "tab", "aria-selected": this.selected ? 'true' : 'false', disabled: this.disabled, part: "tab", onClick: this.handleClick }, this.iconLeft && (h("co-icon", { key: 'a5084c288fbbf42f418450343b0cbcd1c36f3553', name: this.iconLeft, size: iconSize })), h("span", { key: '9dda4ae43156ee5e7274de262fb0df601b9a2221' }, this.label), this.badge && (h("span", { key: '84205996d20e27a69ac6dc49f88bf690ef9bb33d', class: "co-tab__badge", part: "badge" }, this.badge)), this.iconRight && (h("co-icon", { key: '7281ba1b981fca02a57b28f461877d2aa831e360', name: this.iconRight, size: iconSize }))));
|
|
36
36
|
}
|
|
37
37
|
};
|
|
38
38
|
CoTab.style = coTabCss();
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, a as getElement } from './index-
|
|
2
|
-
import { R as RequiredMark } from './requiredMark-
|
|
3
|
-
import { F as FieldChip } from './fieldChip-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CrtiywTB.js';
|
|
2
|
+
import { R as RequiredMark } from './requiredMark-DCD-ZA51.js';
|
|
3
|
+
import { F as FieldChip } from './fieldChip-BZDUy9Z-.js';
|
|
4
4
|
|
|
5
|
-
const coTagsFieldCss = () => `: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
|
|
5
|
+
const coTagsFieldCss = () => `: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}`;
|
|
6
6
|
|
|
7
7
|
const CoTagsField = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -174,14 +174,14 @@ const CoTagsField = class {
|
|
|
174
174
|
const showClear = this.clearable && this.hasValue && !this.disabled && !this.readonly;
|
|
175
175
|
const helper = this.isInvalid ? this.errorMessage : this.helperText;
|
|
176
176
|
const showInput = !this.readonly && !this.atCapacity;
|
|
177
|
-
return (h("div", { key: '
|
|
177
|
+
return (h("div", { key: '1cddcc09b84bd9986332518809b22727e0ea6be8', class: {
|
|
178
178
|
'co-tags-field': true,
|
|
179
179
|
'co-tags-field--disabled': this.disabled,
|
|
180
180
|
'co-tags-field--focused': this.hasFocus,
|
|
181
181
|
'co-tags-field--filled': this.hasValue,
|
|
182
182
|
'co-tags-field--invalid': this.isInvalid,
|
|
183
183
|
[`co-tags-field--${this.size}`]: true,
|
|
184
|
-
}, part: "wrapper" }, this.label && (h("div", { key: '
|
|
184
|
+
}, part: "wrapper" }, this.label && (h("div", { key: '2a17c1550fb77d74795e29019865decf25b62637', class: "co-tags-field__labels" }, h("label", { key: 'b4fa98a4375ebf9cb09854528bae440310dd6e7a', class: "co-tags-field__label", part: "label" }, this.label, h(RequiredMark, { key: '491ec28ffeade76cc659e5920654d4b25474348b', required: this.required })))), h("div", { key: '5959a21a0586e453bdd260a32aa4e9e6f9ee5b97', class: "co-tags-field__field-row" }, h("div", { key: 'babe8f7f15287758aaa6e644edbdd20bea271085', class: "co-tags-field__field", part: "field", onClick: this.handleFieldClick }, h("div", { key: '6f2a17374c0fd13463cd62f9596f7ff896b0b4b4', class: "co-tags-field__input-wrapper" }, tags.map((tag, index) => this.editingIndex === index ? (h("input", { key: `edit-${index}`, ref: (el) => (this.editEl = el), class: "co-tags-field__edit", type: "text", value: this.editingDraft, onInput: (e) => (this.editingDraft = e.target.value), onKeyDown: this.handleEditKeyDown, onBlur: () => this.saveEdit() })) : (
|
|
185
185
|
// Shared field-chip (utils/fieldChip.tsx) per the Figma
|
|
186
186
|
// "Tipo=Chips" spec — same look as co-ref-field's chips.
|
|
187
187
|
h(FieldChip, { key: `chip-${index}-${tag}`, baseClass: "co-tags-field__chip", label: tag, title: tag, onChipDblClick: () => this.startEdit(index), onRemove: !this.disabled && !this.readonly
|
|
@@ -189,13 +189,13 @@ const CoTagsField = class {
|
|
|
189
189
|
e.stopPropagation();
|
|
190
190
|
this.removeTag(index);
|
|
191
191
|
}
|
|
192
|
-
: undefined }))), showInput && (h("input", { key: '
|
|
192
|
+
: undefined }))), showInput && (h("input", { key: '13fb645e7da2b931d565591cdca76010cc585d3d', ref: (el) => (this.inputEl = el), class: "co-tags-field__native", type: "text", autocomplete: "off", value: this.draft, placeholder: tags.length === 0 ? this.placeholder : '', disabled: this.disabled, required: this.required && tags.length === 0, "aria-invalid": this.isInvalid ? 'true' : 'false', "aria-label": !this.label ? 'Tags' : undefined, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, part: "input" }))), this.clearable && (h("button", { key: 'c7285e54cc7fbad03c5f0b107d01c31e63204f4b', class: {
|
|
193
193
|
'co-tags-field__clear': true,
|
|
194
194
|
'co-tags-field__clear--hidden': !showClear,
|
|
195
|
-
}, type: "button", tabIndex: -1, onMouseDown: (e) => e.preventDefault() /* keep input focus */, onClick: this.handleClearAll, "aria-label": "Clear all", part: "clear" }, h("co-icon", { key: '
|
|
195
|
+
}, type: "button", tabIndex: -1, onMouseDown: (e) => e.preventDefault() /* keep input focus */, onClick: this.handleClearAll, "aria-label": "Clear all", part: "clear" }, h("co-icon", { key: '9361a6e3f0d35bb2e976106a77dd6ee3c0053490', name: "x-circle", size: 16, weight: "fill" }))))), this.name && h("input", { key: 'b0d3ea0609153c6237337bdf7463d3eaac0977d5', type: "hidden", name: this.name, value: JSON.stringify(tags) }), helper && (h("div", { key: 'be4a5527ef638303d3c4583063a364f03a26fbf6', class: {
|
|
196
196
|
'co-tags-field__helper': true,
|
|
197
197
|
'co-tags-field__helper--error': this.isInvalid,
|
|
198
|
-
}, part: "helper" }, this.isInvalid && (h("co-icon", { key: '
|
|
198
|
+
}, part: "helper" }, this.isInvalid && (h("co-icon", { key: 'b945852d4bc7cebf2440afb5507be3151009a789', name: "warning-circle", size: 14, class: "co-tags-field__helper-icon" })), h("span", { key: '92a7ac0cc4d84f63a4c9ca4b17c922bae485ffd6', class: "co-tags-field__helper-text" }, helper)))));
|
|
199
199
|
}
|
|
200
200
|
get el() { return getElement(this); }
|
|
201
201
|
static get watchers() { return {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, a as getElement } from './index-
|
|
2
|
-
import { R as RequiredMark } from './requiredMark-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CrtiywTB.js';
|
|
2
|
+
import { R as RequiredMark } from './requiredMark-DCD-ZA51.js';
|
|
3
3
|
|
|
4
|
-
const coTextareaCss = () => `: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
|
|
4
|
+
const coTextareaCss = () => `: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}`;
|
|
5
5
|
|
|
6
6
|
const CoTextarea = class {
|
|
7
7
|
constructor(hostRef) {
|
|
@@ -73,7 +73,7 @@ const CoTextarea = class {
|
|
|
73
73
|
const showClear = this.clearable && this.hasValue && !this.disabled && !this.readonly;
|
|
74
74
|
const isOverLimit = this.maxLength != null && this.charCount > this.maxLength;
|
|
75
75
|
const statusClass = this.status !== 'default' ? `co-textarea--${this.status}` : '';
|
|
76
|
-
return (h("div", { key: '
|
|
76
|
+
return (h("div", { key: '9d323b813a3c11f045f48556233675ce07ceb79d', class: {
|
|
77
77
|
'co-textarea': true,
|
|
78
78
|
'co-textarea--disabled': this.disabled,
|
|
79
79
|
'co-textarea--focused': this.hasFocus,
|
|
@@ -82,13 +82,13 @@ const CoTextarea = class {
|
|
|
82
82
|
[`co-textarea--${this.size}`]: true,
|
|
83
83
|
[statusClass]: !!statusClass,
|
|
84
84
|
'co-textarea--flat': this.variant === 'flat',
|
|
85
|
-
}, part: "wrapper" }, (this.label || this.secondaryLabel) && (h("div", { key: '
|
|
85
|
+
}, part: "wrapper" }, (this.label || this.secondaryLabel) && (h("div", { key: 'efd2f5901bbb5e9ecd6ef6cecf9c58917dc310bc', class: "co-textarea__labels" }, this.label && (h("label", { key: '006c3e9b5b219164e1794617e0fee742a195f18e', class: "co-textarea__label", part: "label" }, this.label, h(RequiredMark, { key: '7a2842c50c8151104fb529bba60ea02045384744', required: this.required }))), this.secondaryLabel && (h("span", { key: '76798fcfeae6ed5f7fa7dcd5be4c5c32fc345198', class: "co-textarea__secondary-label" }, this.secondaryLabel)))), h("div", { key: '8ea7e80d1d39807d4b5097a7c010e79726caf6cf', class: "co-textarea__field", part: "field" }, h("textarea", { key: 'aeed03e98299c0bbdc11dc35c7ffb8964b5f5785', ref: (el) => (this.textareaEl = el), class: {
|
|
86
86
|
'co-textarea__native': true,
|
|
87
87
|
[`co-textarea__native--resize-${this.resize}`]: true,
|
|
88
|
-
}, rows: this.rows, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, "aria-invalid": this.status === 'error' || isOverLimit ? 'true' : 'false', onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, part: "input" }), showClear && (h("button", { key: '
|
|
88
|
+
}, rows: this.rows, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, "aria-invalid": this.status === 'error' || isOverLimit ? 'true' : 'false', onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, part: "input" }), showClear && (h("button", { key: '886cea9e161fff68046654f854a110f8fbefa320', class: "co-textarea__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, h("co-icon", { key: '8f1055f7e0ea57b0811c0bed69e41fb7e70aaf34', name: "x-circle", size: 16, weight: "fill" })))), (this.helperText || this.maxLength != null) && (h("div", { key: '998fe8b200baac9f1f8198747b05f6836fedeb3d', class: "co-textarea__footer" }, this.helperText && (h("div", { key: 'deef703967cf1e57dab1a6df16b2e04139e41ed5', class: {
|
|
89
89
|
'co-textarea__helper': true,
|
|
90
90
|
'co-textarea__helper--error': this.status === 'error',
|
|
91
|
-
}, part: "helper" }, this.status === 'error' && (h("co-icon", { key: '
|
|
91
|
+
}, part: "helper" }, this.status === 'error' && (h("co-icon", { key: '6f42cf1cb23657ca1db2cb2b5db5a4bbad94c05b', name: "warning-circle", size: 14, class: "co-textarea__helper-icon" })), h("span", { key: '85ab87ee37978ee22fffbca0cfc75d9609b97212', class: "co-textarea__helper-text" }, this.helperText))), this.maxLength != null && (h("span", { key: '97a0c33e19dc4f39da62daadb3122a1373884622', class: {
|
|
92
92
|
'co-textarea__counter': true,
|
|
93
93
|
'co-textarea__counter--over': isOverLimit,
|
|
94
94
|
}, part: "counter" }, this.charCount, "/", this.maxLength))))));
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h } from './index-CrtiywTB.js';
|
|
2
2
|
|
|
3
|
-
const coToastCss = () => `: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
|
|
3
|
+
const coToastCss = () => `: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)}`;
|
|
4
4
|
|
|
5
5
|
const DEFAULT_ICON = {
|
|
6
6
|
success: 'info',
|
|
@@ -14,6 +14,15 @@ const CoToast = class {
|
|
|
14
14
|
constructor(hostRef) {
|
|
15
15
|
registerInstance(this, hostRef);
|
|
16
16
|
this.coDismiss = createEvent(this, "coDismiss", 7);
|
|
17
|
+
/**
|
|
18
|
+
* Bandera de entrada. Vive en el SHADOW (clase del root interno), no en el
|
|
19
|
+
* host: el host es de quien monta el toast, y frameworks como Vue asignan
|
|
20
|
+
* `el.className` ENTERO al patchear un `:class` dinámico — una bandera puesta
|
|
21
|
+
* ahí con `classList.add` se borraría y, como el estado base es `opacity: 0`
|
|
22
|
+
* y `componentDidLoad` ya corrió, el toast quedaría invisible para siempre
|
|
23
|
+
* sin forma de recuperarse. Adentro del shadow nadie puede pisarla.
|
|
24
|
+
*/
|
|
25
|
+
this.entered = false;
|
|
17
26
|
/** Toast message (title row) */
|
|
18
27
|
this.message = '';
|
|
19
28
|
/** Show dismiss (X) button */
|
|
@@ -23,6 +32,20 @@ const CoToast = class {
|
|
|
23
32
|
/** Semantic variant — drives left accent color, icon tint, default icon, and announced ARIA role. */
|
|
24
33
|
this.variant = 'neutral';
|
|
25
34
|
}
|
|
35
|
+
/**
|
|
36
|
+
* El toast se monta/desmonta desde afuera y no tiene estado `open`, así que
|
|
37
|
+
* la entrada la dispara él mismo: nace oculto (CSS) y un frame después del
|
|
38
|
+
* mount se marca `.co-toast--in` en el root interno, que es lo que la
|
|
39
|
+
* transición interpola. El rAF es obligatorio — cambiar el estado en el
|
|
40
|
+
* mismo frame que el markup dejaría un solo recálculo de estilo y la
|
|
41
|
+
* transición no arrancaría.
|
|
42
|
+
* La SALIDA sigue siendo del host (ver comentario "Entrada" en el CSS).
|
|
43
|
+
*/
|
|
44
|
+
componentDidLoad() {
|
|
45
|
+
requestAnimationFrame(() => {
|
|
46
|
+
this.entered = true;
|
|
47
|
+
});
|
|
48
|
+
}
|
|
26
49
|
render() {
|
|
27
50
|
var _a;
|
|
28
51
|
const hasDescription = !!this.description;
|
|
@@ -31,7 +54,13 @@ const CoToast = class {
|
|
|
31
54
|
const clampedProgress = hasProgress
|
|
32
55
|
? Math.max(0, Math.min(100, this.progress))
|
|
33
56
|
: 0;
|
|
34
|
-
|
|
57
|
+
// Success sin icono propio dibuja su check en vez del co-icon por defecto.
|
|
58
|
+
// Con `icon` custom manda el consumidor; con `progress` manda el icono de
|
|
59
|
+
// subida (azul), que es la señal de la barra — ninguno de los dos se pisa.
|
|
60
|
+
const drawsCheck = this.variant === 'success' && !this.icon && !hasProgress;
|
|
61
|
+
const resolvedIcon = drawsCheck
|
|
62
|
+
? null
|
|
63
|
+
: (_a = this.icon) !== null && _a !== void 0 ? _a : (hasProgress ? 'upload-simple' : DEFAULT_ICON[this.variant]);
|
|
35
64
|
const role = ALERT_VARIANTS.includes(this.variant) ? 'alert' : 'status';
|
|
36
65
|
const rootClass = {
|
|
37
66
|
'co-toast': true,
|
|
@@ -39,9 +68,10 @@ const CoToast = class {
|
|
|
39
68
|
'co-toast--multiline': hasDescription,
|
|
40
69
|
'co-toast--stacked': isStacked,
|
|
41
70
|
'co-toast--progress': hasProgress,
|
|
71
|
+
'co-toast--in': this.entered,
|
|
42
72
|
};
|
|
43
|
-
const content = (h("div", { key: '
|
|
44
|
-
return (h("div", { key: '
|
|
73
|
+
const content = (h("div", { key: '5782bc9fab6ba26b7a73628f3d4155d8c8b948b5', class: "co-toast__content" }, h("span", { key: 'e10a34acb31b7486fe3d26b8dce48e80d643181e', class: "co-toast__message" }, this.message), hasDescription && (h("span", { key: '8b6d2c9db99fe292b5a7d183c4a7a43d8b551f7d', class: "co-toast__description" }, this.description))));
|
|
74
|
+
return (h("div", { key: '30b8670f843101c9c3c409fa89f06d4e86167bc2', class: rootClass, part: "toast", role: role }, (drawsCheck || resolvedIcon) && (h("span", { key: 'e1420c1642606f7687fd7f093881e077b627cdc0', class: "co-toast__icon" }, resolvedIcon ? (h("co-icon", { name: resolvedIcon, size: 20 })) : (h("svg", { class: "co-toast__check", viewBox: "0 0 16 16", width: "20", height: "20", "aria-hidden": "true" }, h("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" }))))), h("div", { key: '400ec792a47ad70c8c43dbf4ee2893e0424423bb', class: "co-toast__body" }, hasProgress ? (h("div", { class: "co-toast__progress" }, h("div", { class: "co-toast__progress-header" }, content, h("span", { class: "co-toast__percent" }, clampedProgress, "%")), h("div", { class: "co-toast__track", part: "track", role: "progressbar", "aria-valuenow": clampedProgress, "aria-valuemin": 0, "aria-valuemax": 100 }, h("span", { class: "co-toast__fill", part: "fill", style: { width: `${clampedProgress}%` } })))) : (content), isStacked && (h("div", { key: 'f23e18bdd93f6edc8b1a5af7bf78bcc73e0b7659', class: "co-toast__actions" }, h("slot", { key: '690f4816bd3cdbfbefd1c3942aea88c4be1bdd9b', name: "action" })))), !isStacked && (h("div", { key: '9c26cb590848ff43481fa1073b97b5199dde01ca', class: "co-toast__actions" }, h("slot", { key: 'ee2e7247f74064bfbd88fae99b3c6924db37e4be', name: "action" }))), this.dismissible && (h("button", { key: 'd061e369a02d7ebb5fd851bd20554dfbf149e536', class: "co-toast__dismiss", type: "button", "aria-label": "Dismiss", onClick: () => this.coDismiss.emit() }, h("co-icon", { key: '8d8ce58403181a0710bf16cc21b1f4f3a10be8f3', name: "x", size: 16 })))));
|
|
45
75
|
}
|
|
46
76
|
};
|
|
47
77
|
CoToast.style = coToastCss();
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, a as getElement } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CrtiywTB.js';
|
|
2
2
|
|
|
3
3
|
const coToggleButtonGroupCss = () => `: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}`;
|
|
4
4
|
|
|
@@ -70,13 +70,13 @@ const CoToggleButtonGroup = class {
|
|
|
70
70
|
});
|
|
71
71
|
}
|
|
72
72
|
render() {
|
|
73
|
-
return (h("div", { key: '
|
|
73
|
+
return (h("div", { key: 'b8ab02efbc0d6d8490f5ab75af56290f05f45e6e', class: {
|
|
74
74
|
'co-toggle-button-group': true,
|
|
75
75
|
[`co-toggle-button-group--${this.direction}`]: true,
|
|
76
76
|
[`co-toggle-button-group--${this.variant}`]: true,
|
|
77
77
|
'co-toggle-button-group--disabled': this.disabled,
|
|
78
78
|
'co-toggle-button-group--full': this.fullWidth,
|
|
79
|
-
}, role: "group" }, h("slot", { key: '
|
|
79
|
+
}, role: "group" }, h("slot", { key: 'a43e7b7faf9051abac32eda76634ada88f0e3d5f' })));
|
|
80
80
|
}
|
|
81
81
|
get el() { return getElement(this); }
|
|
82
82
|
static get watchers() { return {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h } from './index-CrtiywTB.js';
|
|
2
2
|
|
|
3
|
-
const coToggleButtonCss = () => `: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
|
|
3
|
+
const coToggleButtonCss = () => `: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}`;
|
|
4
4
|
|
|
5
5
|
const CoToggleButton = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -23,13 +23,13 @@ const CoToggleButton = class {
|
|
|
23
23
|
render() {
|
|
24
24
|
const iconSize = this.variant === 'track' ? 18 : this.size === 'l' ? 20 : this.size === 'xs' ? 14 : 16;
|
|
25
25
|
const iconWeight = this.selected && this.selectedIconWeight ? this.selectedIconWeight : undefined;
|
|
26
|
-
return (h("button", { key: '
|
|
26
|
+
return (h("button", { key: '8e7cae7ef747e0f9c1dae261c4a405ab067f3682', class: {
|
|
27
27
|
'co-toggle-button': true,
|
|
28
28
|
'co-toggle-button--selected': this.selected,
|
|
29
29
|
[`co-toggle-button--${this.size}`]: true,
|
|
30
30
|
'co-toggle-button--disabled': this.disabled,
|
|
31
31
|
'co-toggle-button--icon-only': !this.label && (!!this.iconLeft || !!this.iconRight),
|
|
32
|
-
}, type: "button", disabled: this.disabled, "aria-pressed": String(this.selected), onClick: this.handleClick }, this.iconLeft && h("co-icon", { key: '
|
|
32
|
+
}, type: "button", disabled: this.disabled, "aria-pressed": String(this.selected), onClick: this.handleClick }, h("slot", { key: 'e1d87665d05262e7b254d1a794837a9ae498abed', name: "leading" }), this.iconLeft && h("co-icon", { key: '0ecf3a91f22ac583166ebc823eedd1b889b708cb', name: this.iconLeft, size: iconSize, weight: iconWeight }), this.label && h("span", { key: '25cc1de5e1d12cd7d3cc575ce82b9e4f87f91afd', class: "co-toggle-button__label" }, this.label), this.iconRight && h("co-icon", { key: '15b8d7d2c140185ebfd2f53e8afcd52590a42243', name: this.iconRight, size: iconSize, weight: iconWeight })));
|
|
33
33
|
}
|
|
34
34
|
};
|
|
35
35
|
CoToggleButton.style = coToggleButtonCss();
|