@eui/eds-wc 22.0.0-alpha.5 → 22.0.0-alpha.50
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/eds-accordion/eds-wc-accordion.d.ts.map +1 -1
- package/eds-accordion/eds-wc-accordion.js +6 -3
- package/eds-accordion/eds-wc-accordion.js.map +1 -1
- package/eds-alert/eds-wc-alert.d.ts +59 -21
- package/eds-alert/eds-wc-alert.d.ts.map +1 -1
- package/eds-alert/eds-wc-alert.js +211 -85
- package/eds-alert/eds-wc-alert.js.map +1 -1
- package/eds-alert/index.d.ts +1 -0
- package/eds-alert/index.d.ts.map +1 -1
- package/eds-autocomplete/eds-wc-autocomplete.d.ts.map +1 -1
- package/eds-autocomplete/eds-wc-autocomplete.js +3 -0
- package/eds-autocomplete/eds-wc-autocomplete.js.map +1 -1
- package/eds-avatar/eds-wc-avatar.d.ts.map +1 -1
- package/eds-avatar/eds-wc-avatar.js +19 -18
- package/eds-avatar/eds-wc-avatar.js.map +1 -1
- package/eds-badge/eds-wc-badge.d.ts +63 -23
- package/eds-badge/eds-wc-badge.d.ts.map +1 -1
- package/eds-badge/eds-wc-badge.js +228 -101
- package/eds-badge/eds-wc-badge.js.map +1 -1
- package/eds-badge/index.d.ts +1 -0
- package/eds-badge/index.d.ts.map +1 -1
- package/eds-blockquote/eds-wc-blockquote.d.ts.map +1 -1
- package/eds-blockquote/eds-wc-blockquote.js +2 -1
- package/eds-blockquote/eds-wc-blockquote.js.map +1 -1
- package/eds-breadcrumb/eds-wc-breadcrumb.d.ts +20 -1
- package/eds-breadcrumb/eds-wc-breadcrumb.d.ts.map +1 -1
- package/eds-breadcrumb/eds-wc-breadcrumb.js +68 -22
- package/eds-breadcrumb/eds-wc-breadcrumb.js.map +1 -1
- package/eds-breadcrumb/index.d.ts +2 -1
- package/eds-breadcrumb/index.d.ts.map +1 -1
- package/eds-breadcrumb/index.js +1 -1
- package/eds-breadcrumb/index.js.map +1 -1
- package/eds-button/eds-wc-button.d.ts +41 -17
- package/eds-button/eds-wc-button.d.ts.map +1 -1
- package/eds-button/eds-wc-button.js +178 -150
- package/eds-button/eds-wc-button.js.map +1 -1
- package/eds-button/index.d.ts +2 -2
- package/eds-button/index.d.ts.map +1 -1
- package/eds-button/index.js +1 -1
- package/eds-button/index.js.map +1 -1
- package/eds-calendar/eds-wc-calendar.d.ts +274 -0
- package/eds-calendar/eds-wc-calendar.d.ts.map +1 -0
- package/eds-calendar/eds-wc-calendar.js +1237 -0
- package/eds-calendar/eds-wc-calendar.js.map +1 -0
- package/eds-calendar/index.d.ts +3 -0
- package/eds-calendar/index.d.ts.map +1 -0
- package/eds-calendar/index.js +2 -0
- package/eds-calendar/index.js.map +1 -0
- package/eds-card/eds-wc-card.d.ts.map +1 -1
- package/eds-card/eds-wc-card.js +2 -1
- package/eds-card/eds-wc-card.js.map +1 -1
- package/eds-chat-bubble/eds-wc-chat-bubble.d.ts +83 -0
- package/eds-chat-bubble/eds-wc-chat-bubble.d.ts.map +1 -0
- package/eds-chat-bubble/eds-wc-chat-bubble.js +238 -0
- package/eds-chat-bubble/eds-wc-chat-bubble.js.map +1 -0
- package/eds-chat-bubble/index.d.ts +3 -0
- package/eds-chat-bubble/index.d.ts.map +1 -0
- package/eds-chat-bubble/index.js +2 -0
- package/eds-chat-bubble/index.js.map +1 -0
- package/{eds-input-checkbox/eds-wc-input-checkbox.d.ts → eds-checkbox/eds-wc-checkbox.d.ts} +8 -8
- package/eds-checkbox/eds-wc-checkbox.d.ts.map +1 -0
- package/{eds-input-checkbox/eds-wc-input-checkbox.js → eds-checkbox/eds-wc-checkbox.js} +19 -19
- package/eds-checkbox/eds-wc-checkbox.js.map +1 -0
- package/eds-checkbox/index.d.ts +2 -0
- package/eds-checkbox/index.d.ts.map +1 -0
- package/eds-checkbox/index.js +2 -0
- package/eds-checkbox/index.js.map +1 -0
- package/eds-chip/eds-wc-chip.d.ts +107 -18
- package/eds-chip/eds-wc-chip.d.ts.map +1 -1
- package/eds-chip/eds-wc-chip.js +418 -114
- package/eds-chip/eds-wc-chip.js.map +1 -1
- package/eds-chip/index.d.ts +2 -1
- package/eds-chip/index.d.ts.map +1 -1
- package/eds-chip/index.js +1 -1
- package/eds-chip/index.js.map +1 -1
- package/eds-content-item/eds-wc-content-item.d.ts +110 -0
- package/eds-content-item/eds-wc-content-item.d.ts.map +1 -0
- package/eds-content-item/eds-wc-content-item.js +420 -0
- package/eds-content-item/eds-wc-content-item.js.map +1 -0
- package/eds-content-item/index.d.ts +3 -0
- package/eds-content-item/index.d.ts.map +1 -0
- package/eds-content-item/index.js +2 -0
- package/eds-content-item/index.js.map +1 -0
- package/eds-date-block/eds-wc-date-block.d.ts.map +1 -1
- package/eds-date-block/eds-wc-date-block.js +4 -2
- package/eds-date-block/eds-wc-date-block.js.map +1 -1
- package/eds-datepicker/eds-wc-datepicker.js +1 -1
- package/eds-dialog/eds-wc-dialog.js +1 -1
- package/eds-discussion-thread/eds-wc-discussion-thread.js +2 -2
- package/eds-divider/eds-wc-divider.d.ts +56 -0
- package/eds-divider/eds-wc-divider.d.ts.map +1 -0
- package/eds-divider/eds-wc-divider.js +109 -0
- package/eds-divider/eds-wc-divider.js.map +1 -0
- package/eds-divider/index.d.ts +3 -0
- package/eds-divider/index.d.ts.map +1 -0
- package/eds-divider/index.js +2 -0
- package/eds-divider/index.js.map +1 -0
- package/eds-empty-state/eds-wc-empty-state.d.ts.map +1 -1
- package/eds-empty-state/eds-wc-empty-state.js +2 -1
- package/eds-empty-state/eds-wc-empty-state.js.map +1 -1
- package/eds-fab-button/eds-wc-fab-button.js +2 -2
- package/eds-fieldset/eds-wc-fieldset.d.ts.map +1 -1
- package/eds-fieldset/eds-wc-fieldset.js +2 -1
- package/eds-fieldset/eds-wc-fieldset.js.map +1 -1
- package/eds-file-upload/eds-wc-file-upload.js +1 -1
- package/eds-icon/eds-wc-icon-image.d.ts +43 -0
- package/eds-icon/eds-wc-icon-image.d.ts.map +1 -0
- package/eds-icon/eds-wc-icon-image.js +107 -0
- package/eds-icon/eds-wc-icon-image.js.map +1 -0
- package/eds-icon/eds-wc-icon.d.ts +44 -28
- package/eds-icon/eds-wc-icon.d.ts.map +1 -1
- package/eds-icon/eds-wc-icon.js +129 -85
- package/eds-icon/eds-wc-icon.js.map +1 -1
- package/eds-icon/index.d.ts +3 -1
- package/eds-icon/index.d.ts.map +1 -1
- package/eds-icon/index.js +2 -1
- package/eds-icon/index.js.map +1 -1
- package/eds-icon-button/eds-wc-icon-button.d.ts +53 -18
- package/eds-icon-button/eds-wc-icon-button.d.ts.map +1 -1
- package/eds-icon-button/eds-wc-icon-button.js +165 -74
- package/eds-icon-button/eds-wc-icon-button.js.map +1 -1
- package/eds-icon-button/index.d.ts +2 -1
- package/eds-icon-button/index.d.ts.map +1 -1
- package/eds-icon-button/index.js +1 -1
- package/eds-icon-button/index.js.map +1 -1
- package/eds-icon-state/eds-wc-icon-state.d.ts +56 -0
- package/eds-icon-state/eds-wc-icon-state.d.ts.map +1 -0
- package/eds-icon-state/eds-wc-icon-state.js +93 -0
- package/eds-icon-state/eds-wc-icon-state.js.map +1 -0
- package/eds-icon-state/index.d.ts +3 -0
- package/eds-icon-state/index.d.ts.map +1 -0
- package/eds-icon-state/index.js +2 -0
- package/eds-icon-state/index.js.map +1 -0
- package/eds-input-addon/eds-wc-input-addon.d.ts +55 -0
- package/eds-input-addon/eds-wc-input-addon.d.ts.map +1 -0
- package/eds-input-addon/eds-wc-input-addon.js +177 -0
- package/eds-input-addon/eds-wc-input-addon.js.map +1 -0
- package/eds-input-addon/index.d.ts +3 -0
- package/eds-input-addon/index.d.ts.map +1 -0
- package/eds-input-addon/index.js +2 -0
- package/eds-input-addon/index.js.map +1 -0
- package/eds-input-button/eds-wc-input-button.d.ts +86 -8
- package/eds-input-button/eds-wc-input-button.d.ts.map +1 -1
- package/eds-input-button/eds-wc-input-button.js +275 -13
- package/eds-input-button/eds-wc-input-button.js.map +1 -1
- package/eds-input-button/index.d.ts +2 -1
- package/eds-input-button/index.d.ts.map +1 -1
- package/eds-input-button/index.js +1 -1
- package/eds-input-button/index.js.map +1 -1
- package/eds-input-chat/eds-wc-input-chat.d.ts +97 -0
- package/eds-input-chat/eds-wc-input-chat.d.ts.map +1 -0
- package/eds-input-chat/eds-wc-input-chat.js +363 -0
- package/eds-input-chat/eds-wc-input-chat.js.map +1 -0
- package/eds-input-chat/index.d.ts +3 -0
- package/eds-input-chat/index.d.ts.map +1 -0
- package/eds-input-chat/index.js +2 -0
- package/eds-input-chat/index.js.map +1 -0
- package/eds-input-number/eds-wc-input-number.js +1 -1
- package/eds-input-password/eds-wc-input-password.d.ts +115 -0
- package/eds-input-password/eds-wc-input-password.d.ts.map +1 -0
- package/eds-input-password/eds-wc-input-password.js +295 -0
- package/eds-input-password/eds-wc-input-password.js.map +1 -0
- package/eds-input-password/index.d.ts +2 -0
- package/eds-input-password/index.d.ts.map +1 -0
- package/eds-input-password/index.js +2 -0
- package/eds-input-password/index.js.map +1 -0
- package/eds-input-text/eds-wc-input-text.d.ts +4 -0
- package/eds-input-text/eds-wc-input-text.d.ts.map +1 -1
- package/eds-input-text/eds-wc-input-text.js +37 -5
- package/eds-input-text/eds-wc-input-text.js.map +1 -1
- package/eds-label/eds-wc-label.d.ts +10 -0
- package/eds-label/eds-wc-label.d.ts.map +1 -1
- package/eds-label/eds-wc-label.js +29 -1
- package/eds-label/eds-wc-label.js.map +1 -1
- package/eds-language-selector/eds-wc-language-selector.d.ts +108 -0
- package/eds-language-selector/eds-wc-language-selector.d.ts.map +1 -0
- package/eds-language-selector/eds-wc-language-selector.js +655 -0
- package/eds-language-selector/eds-wc-language-selector.js.map +1 -0
- package/eds-language-selector/index.d.ts +3 -0
- package/eds-language-selector/index.d.ts.map +1 -0
- package/eds-language-selector/index.js +2 -0
- package/eds-language-selector/index.js.map +1 -0
- package/eds-loading-indicator/eds-wc-loading-indicator.d.ts +61 -0
- package/eds-loading-indicator/eds-wc-loading-indicator.d.ts.map +1 -0
- package/eds-loading-indicator/eds-wc-loading-indicator.js +106 -0
- package/eds-loading-indicator/eds-wc-loading-indicator.js.map +1 -0
- package/eds-loading-indicator/index.d.ts +3 -0
- package/eds-loading-indicator/index.d.ts.map +1 -0
- package/eds-loading-indicator/index.js +2 -0
- package/eds-loading-indicator/index.js.map +1 -0
- package/eds-message-box/eds-wc-message-box.js +1 -1
- package/eds-multiselect/eds-wc-multiselect.d.ts +118 -0
- package/eds-multiselect/eds-wc-multiselect.d.ts.map +1 -0
- package/eds-multiselect/eds-wc-multiselect.js +618 -0
- package/eds-multiselect/eds-wc-multiselect.js.map +1 -0
- package/eds-multiselect/index.d.ts +3 -0
- package/eds-multiselect/index.d.ts.map +1 -0
- package/eds-multiselect/index.js +2 -0
- package/eds-multiselect/index.js.map +1 -0
- package/eds-overlay/eds-wc-overlay-content.d.ts +17 -0
- package/eds-overlay/eds-wc-overlay-content.d.ts.map +1 -0
- package/eds-overlay/eds-wc-overlay-content.js +34 -0
- package/eds-overlay/eds-wc-overlay-content.js.map +1 -0
- package/eds-overlay/eds-wc-overlay-footer.d.ts +17 -0
- package/eds-overlay/eds-wc-overlay-footer.d.ts.map +1 -0
- package/eds-overlay/eds-wc-overlay-footer.js +35 -0
- package/eds-overlay/eds-wc-overlay-footer.js.map +1 -0
- package/eds-overlay/eds-wc-overlay-header-action-items.d.ts +18 -0
- package/eds-overlay/eds-wc-overlay-header-action-items.d.ts.map +1 -0
- package/eds-overlay/eds-wc-overlay-header-action-items.js +34 -0
- package/eds-overlay/eds-wc-overlay-header-action-items.js.map +1 -0
- package/eds-overlay/eds-wc-overlay-header-label.d.ts +17 -0
- package/eds-overlay/eds-wc-overlay-header-label.d.ts.map +1 -0
- package/eds-overlay/eds-wc-overlay-header-label.js +32 -0
- package/eds-overlay/eds-wc-overlay-header-label.js.map +1 -0
- package/eds-overlay/eds-wc-overlay-header-sublabel.d.ts +17 -0
- package/eds-overlay/eds-wc-overlay-header-sublabel.d.ts.map +1 -0
- package/eds-overlay/eds-wc-overlay-header-sublabel.js +32 -0
- package/eds-overlay/eds-wc-overlay-header-sublabel.js.map +1 -0
- package/eds-overlay/eds-wc-overlay-header.d.ts +25 -0
- package/eds-overlay/eds-wc-overlay-header.d.ts.map +1 -0
- package/eds-overlay/eds-wc-overlay-header.js +105 -0
- package/eds-overlay/eds-wc-overlay-header.js.map +1 -0
- package/eds-overlay/eds-wc-overlay.d.ts +97 -0
- package/eds-overlay/eds-wc-overlay.d.ts.map +1 -0
- package/eds-overlay/eds-wc-overlay.js +352 -0
- package/eds-overlay/eds-wc-overlay.js.map +1 -0
- package/eds-overlay/index.d.ts +9 -0
- package/eds-overlay/index.d.ts.map +1 -0
- package/eds-overlay/index.js +8 -0
- package/eds-overlay/index.js.map +1 -0
- package/{eds-paginator/eds-wc-paginator.d.ts → eds-pagination/eds-wc-pagination.d.ts} +6 -6
- package/eds-pagination/eds-wc-pagination.d.ts.map +1 -0
- package/{eds-paginator/eds-wc-paginator.js → eds-pagination/eds-wc-pagination.js} +21 -21
- package/eds-pagination/eds-wc-pagination.js.map +1 -0
- package/eds-pagination/index.d.ts +3 -0
- package/eds-pagination/index.d.ts.map +1 -0
- package/eds-pagination/index.js +2 -0
- package/eds-pagination/index.js.map +1 -0
- package/eds-popover/eds-wc-popover.js +1 -1
- package/eds-progress-bar/eds-wc-progress-bar.d.ts.map +1 -1
- package/eds-progress-bar/eds-wc-progress-bar.js +2 -1
- package/eds-progress-bar/eds-wc-progress-bar.js.map +1 -1
- package/eds-progress-circle/eds-wc-progress-circle.d.ts.map +1 -1
- package/eds-progress-circle/eds-wc-progress-circle.js +4 -3
- package/eds-progress-circle/eds-wc-progress-circle.js.map +1 -1
- package/{eds-input-radio/eds-wc-input-radio.d.ts → eds-radio/eds-wc-radio.d.ts} +6 -6
- package/eds-radio/eds-wc-radio.d.ts.map +1 -0
- package/{eds-input-radio/eds-wc-input-radio.js → eds-radio/eds-wc-radio.js} +19 -19
- package/eds-radio/eds-wc-radio.js.map +1 -0
- package/eds-radio/index.d.ts +2 -0
- package/eds-radio/index.d.ts.map +1 -0
- package/eds-radio/index.js +2 -0
- package/eds-radio/index.js.map +1 -0
- package/eds-segmented-control/eds-wc-segmented-control.d.ts +67 -0
- package/eds-segmented-control/eds-wc-segmented-control.d.ts.map +1 -0
- package/{eds-button-group/eds-wc-button-group.js → eds-segmented-control/eds-wc-segmented-control.js} +40 -35
- package/eds-segmented-control/eds-wc-segmented-control.js.map +1 -0
- package/eds-segmented-control/index.d.ts +3 -0
- package/eds-segmented-control/index.d.ts.map +1 -0
- package/eds-segmented-control/index.js +2 -0
- package/eds-segmented-control/index.js.map +1 -0
- package/eds-select/eds-wc-select.d.ts +11 -0
- package/eds-select/eds-wc-select.d.ts.map +1 -1
- package/eds-select/eds-wc-select.js +42 -4
- package/eds-select/eds-wc-select.js.map +1 -1
- package/eds-side-sheet/eds-wc-side-sheet-content.d.ts +17 -0
- package/eds-side-sheet/eds-wc-side-sheet-content.d.ts.map +1 -0
- package/eds-side-sheet/eds-wc-side-sheet-content.js +34 -0
- package/eds-side-sheet/eds-wc-side-sheet-content.js.map +1 -0
- package/eds-side-sheet/eds-wc-side-sheet-footer.d.ts +17 -0
- package/eds-side-sheet/eds-wc-side-sheet-footer.d.ts.map +1 -0
- package/eds-side-sheet/eds-wc-side-sheet-footer.js +35 -0
- package/eds-side-sheet/eds-wc-side-sheet-footer.js.map +1 -0
- package/eds-side-sheet/eds-wc-side-sheet-header-action-items.d.ts +18 -0
- package/eds-side-sheet/eds-wc-side-sheet-header-action-items.d.ts.map +1 -0
- package/eds-side-sheet/eds-wc-side-sheet-header-action-items.js +34 -0
- package/eds-side-sheet/eds-wc-side-sheet-header-action-items.js.map +1 -0
- package/eds-side-sheet/eds-wc-side-sheet-header-label.d.ts +17 -0
- package/eds-side-sheet/eds-wc-side-sheet-header-label.d.ts.map +1 -0
- package/eds-side-sheet/eds-wc-side-sheet-header-label.js +32 -0
- package/eds-side-sheet/eds-wc-side-sheet-header-label.js.map +1 -0
- package/eds-side-sheet/eds-wc-side-sheet-header-sublabel.d.ts +17 -0
- package/eds-side-sheet/eds-wc-side-sheet-header-sublabel.d.ts.map +1 -0
- package/eds-side-sheet/eds-wc-side-sheet-header-sublabel.js +32 -0
- package/eds-side-sheet/eds-wc-side-sheet-header-sublabel.js.map +1 -0
- package/eds-side-sheet/eds-wc-side-sheet-header.d.ts +25 -0
- package/eds-side-sheet/eds-wc-side-sheet-header.d.ts.map +1 -0
- package/eds-side-sheet/eds-wc-side-sheet-header.js +105 -0
- package/eds-side-sheet/eds-wc-side-sheet-header.js.map +1 -0
- package/eds-side-sheet/eds-wc-side-sheet.d.ts +97 -0
- package/eds-side-sheet/eds-wc-side-sheet.d.ts.map +1 -0
- package/eds-side-sheet/eds-wc-side-sheet.js +352 -0
- package/eds-side-sheet/eds-wc-side-sheet.js.map +1 -0
- package/eds-side-sheet/index.d.ts +9 -0
- package/eds-side-sheet/index.d.ts.map +1 -0
- package/eds-side-sheet/index.js +8 -0
- package/eds-side-sheet/index.js.map +1 -0
- package/eds-skeleton/eds-wc-skeleton.js +1 -1
- package/eds-swiper/eds-wc-swiper.d.ts +100 -0
- package/eds-swiper/eds-wc-swiper.d.ts.map +1 -0
- package/eds-swiper/eds-wc-swiper.js +384 -0
- package/eds-swiper/eds-wc-swiper.js.map +1 -0
- package/eds-swiper/index.d.ts +2 -0
- package/eds-swiper/index.d.ts.map +1 -0
- package/eds-swiper/index.js +2 -0
- package/eds-swiper/index.js.map +1 -0
- package/{eds-toggle/eds-wc-toggle.d.ts → eds-switch/eds-wc-switch.d.ts} +11 -11
- package/{eds-toggle/eds-wc-toggle.d.ts.map → eds-switch/eds-wc-switch.d.ts.map} +1 -1
- package/{eds-toggle/eds-wc-toggle.js → eds-switch/eds-wc-switch.js} +39 -39
- package/{eds-toggle/eds-wc-toggle.js.map → eds-switch/eds-wc-switch.js.map} +1 -1
- package/eds-switch/index.d.ts +2 -0
- package/eds-switch/index.d.ts.map +1 -0
- package/eds-switch/index.js +2 -0
- package/eds-switch/index.js.map +1 -0
- package/eds-table/eds-wc-table.js +1 -1
- package/eds-tabs/eds-wc-tabs.d.ts.map +1 -1
- package/eds-tabs/eds-wc-tabs.js +2 -1
- package/eds-tabs/eds-wc-tabs.js.map +1 -1
- package/eds-tag/eds-wc-tag.d.ts +45 -16
- package/eds-tag/eds-wc-tag.d.ts.map +1 -1
- package/eds-tag/eds-wc-tag.js +196 -72
- package/eds-tag/eds-wc-tag.js.map +1 -1
- package/eds-tag/index.d.ts +2 -1
- package/eds-tag/index.d.ts.map +1 -1
- package/eds-tag/index.js +1 -1
- package/eds-tag/index.js.map +1 -1
- package/eds-textarea/eds-wc-textarea.js +1 -1
- package/eds-timeline/eds-wc-timeline.js +2 -2
- package/eds-timepicker/eds-wc-timepicker.js +1 -1
- package/{eds-growl/eds-wc-growl.d.ts → eds-toast/eds-wc-toast.d.ts} +18 -18
- package/{eds-growl/eds-wc-growl.d.ts.map → eds-toast/eds-wc-toast.d.ts.map} +1 -1
- package/{eds-growl/eds-wc-growl.js → eds-toast/eds-wc-toast.js} +17 -17
- package/{eds-growl/eds-wc-growl.js.map → eds-toast/eds-wc-toast.js.map} +1 -1
- package/eds-toast/index.d.ts +3 -0
- package/eds-toast/index.d.ts.map +1 -0
- package/eds-toast/index.js +2 -0
- package/eds-toast/index.js.map +1 -0
- package/eds-user-profile/eds-wc-user-profile.d.ts +146 -0
- package/eds-user-profile/eds-wc-user-profile.d.ts.map +1 -0
- package/eds-user-profile/eds-wc-user-profile.js +564 -0
- package/eds-user-profile/eds-wc-user-profile.js.map +1 -0
- package/eds-user-profile/index.d.ts +2 -0
- package/eds-user-profile/index.d.ts.map +1 -0
- package/eds-user-profile/index.js +2 -0
- package/eds-user-profile/index.js.map +1 -0
- package/eds-wizard/eds-wc-wizard.js +1 -1
- package/index.d.ts +46 -12
- package/index.d.ts.map +1 -1
- package/index.js +31 -9
- package/index.js.map +1 -1
- package/package.json +79 -19
- package/eds-button-group/eds-wc-button-group.d.ts +0 -62
- package/eds-button-group/eds-wc-button-group.d.ts.map +0 -1
- package/eds-button-group/eds-wc-button-group.js.map +0 -1
- package/eds-button-group/index.d.ts +0 -2
- package/eds-button-group/index.d.ts.map +0 -1
- package/eds-button-group/index.js +0 -2
- package/eds-button-group/index.js.map +0 -1
- package/eds-growl/index.d.ts +0 -3
- package/eds-growl/index.d.ts.map +0 -1
- package/eds-growl/index.js +0 -2
- package/eds-growl/index.js.map +0 -1
- package/eds-input-checkbox/eds-wc-input-checkbox.d.ts.map +0 -1
- package/eds-input-checkbox/eds-wc-input-checkbox.js.map +0 -1
- package/eds-input-checkbox/index.d.ts +0 -2
- package/eds-input-checkbox/index.d.ts.map +0 -1
- package/eds-input-checkbox/index.js +0 -2
- package/eds-input-checkbox/index.js.map +0 -1
- package/eds-input-radio/eds-wc-input-radio.d.ts.map +0 -1
- package/eds-input-radio/eds-wc-input-radio.js.map +0 -1
- package/eds-input-radio/index.d.ts +0 -2
- package/eds-input-radio/index.d.ts.map +0 -1
- package/eds-input-radio/index.js +0 -2
- package/eds-input-radio/index.js.map +0 -1
- package/eds-paginator/eds-wc-paginator.d.ts.map +0 -1
- package/eds-paginator/eds-wc-paginator.js.map +0 -1
- package/eds-paginator/index.d.ts +0 -3
- package/eds-paginator/index.d.ts.map +0 -1
- package/eds-paginator/index.js +0 -2
- package/eds-paginator/index.js.map +0 -1
- package/eds-toggle/index.d.ts +0 -2
- package/eds-toggle/index.d.ts.map +0 -1
- package/eds-toggle/index.js +0 -2
- package/eds-toggle/index.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eds-wc-autocomplete.js","sourceRoot":"","sources":["../../src/eds-autocomplete/eds-wc-autocomplete.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAUpE;;;;;;;;;;;;;GAaG;AAEI,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,cAAc;IAA9C;;QACwB,UAAK,GAA0B,EAAE,CAAC;QACjC,gBAAW,GAAG,EAAE,CAAC;QACjB,UAAK,GAAG,EAAE,CAAC;QACX,aAAQ,GAA8B,UAAU,CAAC;QACnB,mBAAc,GAAG,CAAC,CAAC;QACjC,aAAQ,GAAG,KAAK,CAAC;QACjB,aAAQ,GAAG,KAAK,CAAC;QAE5C,UAAK,GAAG,KAAK,CAAC;QACd,WAAM,GAAG,EAAE,CAAC;QACZ,kBAAa,GAAG,CAAC,CAAC,CAAC;QAK5B,aAAQ,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"eds-wc-autocomplete.js","sourceRoot":"","sources":["../../src/eds-autocomplete/eds-wc-autocomplete.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAUpE;;;;;;;;;;;;;GAaG;AAEI,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,cAAc;IAA9C;;QACwB,UAAK,GAA0B,EAAE,CAAC;QACjC,gBAAW,GAAG,EAAE,CAAC;QACjB,UAAK,GAAG,EAAE,CAAC;QACX,aAAQ,GAA8B,UAAU,CAAC;QACnB,mBAAc,GAAG,CAAC,CAAC;QACjC,aAAQ,GAAG,KAAK,CAAC;QACjB,aAAQ,GAAG,KAAK,CAAC;QAE5C,UAAK,GAAG,KAAK,CAAC;QACd,WAAM,GAAG,EAAE,CAAC;QACZ,kBAAa,GAAG,CAAC,CAAC,CAAC;QAK5B,aAAQ,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC;QAkGjF,oBAAe,GAAG,GAAS,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;IAuBjE,CAAC;IAvHG,IAAY,SAAS;QACjB,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;QACpC,IAAI,CAAC,CAAC;YAAE,OAAO,IAAI,CAAC,KAAK,CAAC;QAC1B,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;YAC5B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;YACvC,OAAO,IAAI,CAAC,QAAQ,KAAK,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACpF,CAAC,CAAC,CAAC;IACP,CAAC;IAEQ,oBAAoB,KAAW,KAAK,CAAC,oBAAoB,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;aAEhF,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiC3B,AAjCqB,CAiCpB;IAEiB,MAAM;QACrB,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC;QAChC,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;QAEtC,OAAO,IAAI,CAAA;;6CAE0B,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,kBAAkB,IAAI,CAAC,WAAW;iCACvE,IAAI,CAAC,QAAQ,gBAAgB,IAAI,CAAC,QAAQ;qDACtB,IAAI,CAAC,KAAK;8BACjC,IAAI,CAAC,QAAQ,aAAa,IAAI,CAAC,QAAQ,eAAe,IAAI,CAAC,UAAU;;gCAEnE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,uCAAuC,IAAI;kBACjF,QAAQ,CAAC,MAAM,KAAK,CAAC;YACnB,CAAC,CAAC,IAAI,CAAA,0CAA0C;YAChD,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,CAAA;;6CAEP,IAAI,CAAC,QAAQ,IAAI,KAAK;wCAC3B,CAAC,KAAK,IAAI,CAAC,aAAa;;sCAE1B,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK;qBACxD,CACL;;SAEP,CAAC;IACN,CAAC;IAEO,QAAQ,CAAC,CAAQ;QACrB,IAAI,CAAC,MAAM,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;QACnD,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;QACxB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC;QACvH,IAAI,CAAC,IAAI,CAAC,KAAK;YAAE,IAAI,CAAC,UAAU,EAAE,CAAC;IACvC,CAAC;IAEO,QAAQ,KAAW,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM;QAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IAEvE,KAAK,CAAC,UAAU;QACpB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,MAAM,IAAI,CAAC,cAAc,CAAC;QAC1B,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QACzD,IAAI,CAAC,gBAAgB,CAAC,eAAe,EAAE,IAAI,CAAC,eAAe,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;IACjF,CAAC;IAEO,UAAU;QACd,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QACrB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QACrC,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;QACxB,IAAI,CAAC,mBAAmB,CAAC,eAAe,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;IACpE,CAAC;IAIO,OAAO,CAAC,IAAyB;QACrC,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACxB,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;QACjB,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,kBAAkB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;IACjH,CAAC;IAEO,UAAU,CAAC,CAAgB;QAC/B,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC;QAChC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,WAAW,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS,CAAC,EAAE,CAAC;YAAC,CAAC,CAAC,cAAc,EAAE,CAAC;YAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YAAC,OAAO;QAAC,CAAC;QACrH,IAAI,CAAC,IAAI,CAAC,KAAK;YAAE,OAAO;QAExB,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACZ,KAAK,WAAW;gBAAE,CAAC,CAAC,cAAc,EAAE,CAAC;gBAAC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,GAAG,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBAAC,MAAM;YACxH,KAAK,SAAS;gBAAE,CAAC,CAAC,cAAc,EAAE,CAAC;gBAAC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;gBAAC,MAAM;YACpG,KAAK,OAAO;gBAAE,CAAC,CAAC,cAAc,EAAE,CAAC;gBAAC,IAAI,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC;oBAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;gBAAC,MAAM;YACjJ,KAAK,QAAQ;gBAAE,IAAI,CAAC,UAAU,EAAE,CAAC;gBAAC,MAAM;YACxC,KAAK,KAAK;gBAAE,IAAI,CAAC,UAAU,EAAE,CAAC;gBAAC,MAAM;QACzC,CAAC;IACL,CAAC;;AAvI0B;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;gDAAmC;AACjC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDAAkB;AACjB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDAAY;AACX;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAAkD;AACnB;IAAzD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;yDAAoB;AACjC;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAAkB;AACjB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAAkB;AAE5C;IAAhB,KAAK,EAAE;gDAAuB;AACd;IAAhB,KAAK,EAAE;iDAAqB;AACZ;IAAhB,KAAK,EAAE;wDAA4B;AAEH;IAAhC,KAAK,CAAC,gBAAgB,CAAC;qDAAkC;AACjC;IAAxB,KAAK,CAAC,QAAQ,CAAC;mDAAgC;AAdvC,iBAAiB;IAD7B,aAAa,CAAC,qBAAqB,CAAC;GACxB,iBAAiB,CAyI7B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eds-wc-avatar.d.ts","sourceRoot":"","sources":["../../src/eds-avatar/eds-wc-avatar.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;;AAGvD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBACa,WAAY,SAAQ,gBAAyB;IACtD,4CAA4C;IAE5C,QAAQ,SAAM;IAEd,iFAAiF;IAEjF,QAAQ,SAAM;IAEd,wBAAwB;IAEf,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEzC,OAAgB,MAAM,
|
|
1
|
+
{"version":3,"file":"eds-wc-avatar.d.ts","sourceRoot":"","sources":["../../src/eds-avatar/eds-wc-avatar.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;;AAGvD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBACa,WAAY,SAAQ,gBAAyB;IACtD,4CAA4C;IAE5C,QAAQ,SAAM;IAEd,iFAAiF;IAEjF,QAAQ,SAAM;IAEd,wBAAwB;IAEf,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEzC,OAAgB,MAAM,0BA2DpB;cAEiB,MAAM;cAuBN,OAAO,IAAI,IAAI;CAGrC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,eAAe,EAAE,WAAW,CAAC;KAChC;CACJ"}
|
|
@@ -41,11 +41,12 @@ let EdsWcAvatar = class EdsWcAvatar extends SizeMixin(EdsBaseElement) {
|
|
|
41
41
|
}
|
|
42
42
|
static { this.styles = css `
|
|
43
43
|
:host {
|
|
44
|
-
|
|
45
|
-
--
|
|
46
|
-
--
|
|
47
|
-
--
|
|
48
|
-
--
|
|
44
|
+
/* name-prefixed privates (match the Angular eds-avatar.scss convention) */
|
|
45
|
+
--_eds-avatar-size: 2.5rem;
|
|
46
|
+
--_eds-avatar-font-size: var(--eds-f-s-m);
|
|
47
|
+
--_eds-avatar-icon-size: var(--eds-is-m);
|
|
48
|
+
--_eds-avatar-surface: var(--eds-c-surface-neutral-subtler);
|
|
49
|
+
--_eds-avatar-on-surface: var(--eds-c-on-surface-neutral-subtler);
|
|
49
50
|
|
|
50
51
|
display: inline-flex;
|
|
51
52
|
position: relative;
|
|
@@ -54,35 +55,35 @@ let EdsWcAvatar = class EdsWcAvatar extends SizeMixin(EdsBaseElement) {
|
|
|
54
55
|
}
|
|
55
56
|
|
|
56
57
|
/* Sizes */
|
|
57
|
-
:host([size="2xs"]) { --
|
|
58
|
-
:host([size="xs"]) { --
|
|
59
|
-
:host([size="s"]) { --
|
|
60
|
-
:host([size="m"]) { --
|
|
61
|
-
:host([size="l"]) { --
|
|
62
|
-
:host([size="xl"]) { --
|
|
58
|
+
:host([size="2xs"]) { --_eds-avatar-size: 1rem; --_eds-avatar-font-size: 0.5rem; --_eds-avatar-icon-size: var(--eds-is-2xs); }
|
|
59
|
+
:host([size="xs"]) { --_eds-avatar-size: 1.5rem; --_eds-avatar-font-size: 0.625rem; --_eds-avatar-icon-size: var(--eds-is-xs); }
|
|
60
|
+
:host([size="s"]) { --_eds-avatar-size: 2rem; --_eds-avatar-font-size: var(--eds-f-s-s); --_eds-avatar-icon-size: var(--eds-is-s); }
|
|
61
|
+
:host([size="m"]) { --_eds-avatar-size: 2.5rem; --_eds-avatar-font-size: var(--eds-f-s-m); --_eds-avatar-icon-size: var(--eds-is-m); }
|
|
62
|
+
:host([size="l"]) { --_eds-avatar-size: 3rem; --_eds-avatar-font-size: var(--eds-f-s-l); --_eds-avatar-icon-size: var(--eds-is-l); }
|
|
63
|
+
:host([size="xl"]) { --_eds-avatar-size: 4rem; --_eds-avatar-font-size: var(--eds-f-s-xl); --_eds-avatar-icon-size: var(--eds-is-xl); }
|
|
63
64
|
|
|
64
65
|
.avatar-circle {
|
|
65
66
|
display: inline-flex;
|
|
66
67
|
align-items: center;
|
|
67
68
|
justify-content: center;
|
|
68
|
-
width: var(--
|
|
69
|
-
height: var(--
|
|
69
|
+
width: var(--_eds-avatar-size);
|
|
70
|
+
height: var(--_eds-avatar-size);
|
|
70
71
|
border-radius: var(--eds-br-full);
|
|
71
|
-
background-color: var(--
|
|
72
|
-
color: var(--
|
|
72
|
+
background-color: var(--_eds-avatar-surface);
|
|
73
|
+
color: var(--_eds-avatar-on-surface);
|
|
73
74
|
overflow: hidden;
|
|
74
75
|
}
|
|
75
76
|
|
|
76
77
|
.avatar-circle__initials {
|
|
77
|
-
font-size: var(--
|
|
78
|
+
font-size: var(--_eds-avatar-font-size);
|
|
78
79
|
font-weight: 600;
|
|
79
80
|
line-height: 1;
|
|
80
81
|
text-transform: uppercase;
|
|
81
82
|
}
|
|
82
83
|
|
|
83
84
|
.avatar-circle__icon svg {
|
|
84
|
-
width: var(--
|
|
85
|
-
height: var(--
|
|
85
|
+
width: var(--_eds-avatar-icon-size);
|
|
86
|
+
height: var(--_eds-avatar-icon-size);
|
|
86
87
|
fill: currentColor;
|
|
87
88
|
}
|
|
88
89
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eds-wc-avatar.js","sourceRoot":"","sources":["../../src/eds-avatar/eds-wc-avatar.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD;;;;;;;;;;;;;;;;;;;;GAoBG;AAEI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,SAAS,CAAC,cAAc,CAAC;IAAnD;;QACH,4CAA4C;QAE5C,aAAQ,GAAG,EAAE,CAAC;QAEd,iFAAiF;QAEjF,aAAQ,GAAG,EAAE,CAAC;QAEd,wBAAwB;QAEf,cAAS,GAAkB,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"eds-wc-avatar.js","sourceRoot":"","sources":["../../src/eds-avatar/eds-wc-avatar.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD;;;;;;;;;;;;;;;;;;;;GAoBG;AAEI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,SAAS,CAAC,cAAc,CAAC;IAAnD;;QACH,4CAA4C;QAE5C,aAAQ,GAAG,EAAE,CAAC;QAEd,iFAAiF;QAEjF,aAAQ,GAAG,EAAE,CAAC;QAEd,wBAAwB;QAEf,cAAS,GAAkB,IAAI,CAAC;IAyF7C,CAAC;aAvFmB,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2D3B,AA3DqB,CA2DpB;IAEiB,MAAM;QACrB,MAAM,OAAO,GAAG,cAAc,CAAC,aAAa,CAAC;QAC7C,MAAM,YAAY,GAAG,GAAG,OAAO,kCAAkC,CAAC;QAElE,IAAI,OAAO,CAAC;QACZ,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,OAAO,GAAG,IAAI,CAAA,uDAAuD,IAAI,CAAC,QAAQ,aAAa,CAAC;QACpG,CAAC;aAAM,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACvB,OAAO,GAAG,IAAI,CAAA,yCAAyC,IAAI,CAAC,QAAQ,SAAS,CAAC;QAClF,CAAC;aAAM,CAAC;YACJ,OAAO,GAAG,IAAI,CAAA;;yDAE+B,YAAY;;aAExD,CAAC;QACN,CAAC;QAED,OAAO,IAAI,CAAA;wDACqC,OAAO;;SAEtD,CAAC;IACN,CAAC;IAEkB,OAAO;QACtB,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACrC,CAAC;;AAhGD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CACb;AAId;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;6CACrC;AAIL;IADR,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;8CACX;AAXhC,WAAW;IADvB,aAAa,CAAC,eAAe,CAAC;GAClB,WAAW,CAoGvB"}
|
|
@@ -1,51 +1,91 @@
|
|
|
1
1
|
import { EdsBaseElement } from '../shared/eds-base.js';
|
|
2
|
-
|
|
2
|
+
/**
|
|
3
|
+
* Local narrowed unions — the badge's variant contract. Copied verbatim from the
|
|
4
|
+
* Angular `eds-badge` exported unions. No shared-token import.
|
|
5
|
+
*/
|
|
6
|
+
export type EdsWcBadgeColor = 'primary' | 'neutral' | 'success' | 'info' | 'warning' | 'critical';
|
|
7
|
+
export type EdsWcBadgeVariant = 'filled' | 'light';
|
|
8
|
+
export type EdsWcBadgeSize = 's' | 'm';
|
|
3
9
|
/**
|
|
4
10
|
* `<eds-wc-badge>` — EDS Badge Web Component.
|
|
5
11
|
*
|
|
6
|
-
* A
|
|
7
|
-
*
|
|
8
|
-
*
|
|
12
|
+
* A badge that displays text, numbers, or a dot indicator with semantic color, size,
|
|
13
|
+
* and variant styling. Supports content truncation via `max-char-count`, an automatic
|
|
14
|
+
* empty state (dot), and an icon-only mode. 1:1 projection of the Angular `eds-badge`.
|
|
9
15
|
*
|
|
10
16
|
* @example
|
|
11
17
|
* ```html
|
|
12
|
-
* <eds-wc-badge
|
|
13
|
-
* <eds-wc-badge color="success"
|
|
14
|
-
* <eds-wc-badge color="info"
|
|
18
|
+
* <eds-wc-badge>99</eds-wc-badge>
|
|
19
|
+
* <eds-wc-badge color="success">Active</eds-wc-badge>
|
|
20
|
+
* <eds-wc-badge color="info" variant="light">New</eds-wc-badge>
|
|
21
|
+
* <eds-wc-badge max-char-count="2" char-replacement="99+">150</eds-wc-badge>
|
|
22
|
+
* <eds-wc-badge icon-only color="critical"></eds-wc-badge>
|
|
15
23
|
* ```
|
|
16
24
|
*
|
|
17
|
-
* @slot - Badge content (text, number
|
|
25
|
+
* @slot - Badge content (text, number). Empty content renders a dot indicator.
|
|
18
26
|
*/
|
|
19
|
-
export declare class EdsWcBadge extends
|
|
27
|
+
export declare class EdsWcBadge extends EdsBaseElement {
|
|
28
|
+
/**
|
|
29
|
+
* Semantic color of the badge.
|
|
30
|
+
* @default 'neutral'
|
|
31
|
+
*/
|
|
32
|
+
color: EdsWcBadgeColor;
|
|
33
|
+
/**
|
|
34
|
+
* Visual variant. `filled` uses a solid semantic surface; `light` uses a subtle
|
|
35
|
+
* semantic surface with a matching subtler foreground.
|
|
36
|
+
* @default 'filled'
|
|
37
|
+
*/
|
|
38
|
+
variant: EdsWcBadgeVariant;
|
|
39
|
+
/**
|
|
40
|
+
* Size of the badge.
|
|
41
|
+
* @default 'm'
|
|
42
|
+
*/
|
|
43
|
+
size: EdsWcBadgeSize;
|
|
20
44
|
/**
|
|
21
|
-
*
|
|
22
|
-
*
|
|
45
|
+
* Whether the badge is a small dot indicator with no text content.
|
|
46
|
+
* @default false
|
|
47
|
+
*/
|
|
48
|
+
iconOnly: boolean;
|
|
49
|
+
/**
|
|
50
|
+
* Maximum number of characters to display before truncating. When the content
|
|
51
|
+
* exceeds this limit it is replaced with `charReplacement`. `0` disables truncation.
|
|
52
|
+
* @default 0
|
|
23
53
|
*/
|
|
24
54
|
maxCharCount: number;
|
|
25
55
|
/**
|
|
26
|
-
*
|
|
27
|
-
* @default '
|
|
56
|
+
* Text shown when the content is truncated by `maxCharCount`. Falls back to `'99+'`.
|
|
57
|
+
* @default ''
|
|
28
58
|
*/
|
|
29
59
|
charReplacement: string;
|
|
30
|
-
/**
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
60
|
+
/**
|
|
61
|
+
* Data attribute for e2e testing.
|
|
62
|
+
* @default 'eds-badge'
|
|
63
|
+
*/
|
|
64
|
+
e2eAttr: string;
|
|
65
|
+
/**
|
|
66
|
+
* ARIA label for accessibility. When `null`, the visible content serves as the
|
|
67
|
+
* accessible name.
|
|
68
|
+
* @default 'badge'
|
|
69
|
+
*/
|
|
70
|
+
ariaLabel: string | null;
|
|
71
|
+
/** Whether the projected content is empty (drives the dot/empty state). Reflected → `:host([empty])`. */
|
|
72
|
+
empty: boolean;
|
|
73
|
+
/** Whether the content was truncated by `maxCharCount`. */
|
|
38
74
|
private _isTruncated;
|
|
75
|
+
/** The always-mounted content slot; queried so first render can evaluate empty/truncation. */
|
|
76
|
+
private _slot;
|
|
39
77
|
static styles: import("lit").CSSResult;
|
|
40
78
|
protected render(): import("lit-html").TemplateResult<1>;
|
|
41
79
|
protected updated(): void;
|
|
80
|
+
protected firstUpdated(): void;
|
|
42
81
|
private _onSlotChange;
|
|
43
|
-
|
|
82
|
+
/** Guarded computation of `empty` + `_isTruncated` from the slot's assigned content. */
|
|
83
|
+
private _evaluate;
|
|
84
|
+
private _computeTruncated;
|
|
44
85
|
}
|
|
45
86
|
declare global {
|
|
46
87
|
interface HTMLElementTagNameMap {
|
|
47
88
|
'eds-wc-badge': EdsWcBadge;
|
|
48
89
|
}
|
|
49
90
|
}
|
|
50
|
-
export {};
|
|
51
91
|
//# sourceMappingURL=eds-wc-badge.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eds-wc-badge.d.ts","sourceRoot":"","sources":["../../src/eds-badge/eds-wc-badge.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC
|
|
1
|
+
{"version":3,"file":"eds-wc-badge.d.ts","sourceRoot":"","sources":["../../src/eds-badge/eds-wc-badge.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC;AAClG,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,OAAO,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,GAAG,GAAG,GAAG,CAAC;AAEvC;;;;;;;;;;;;;;;;;GAiBG;AACH,qBACa,UAAW,SAAQ,cAAc;IAC1C;;;OAGG;IAEH,KAAK,EAAE,eAAe,CAAa;IAEnC;;;;OAIG;IAEH,OAAO,EAAE,iBAAiB,CAAY;IAEtC;;;OAGG;IAEH,IAAI,EAAE,cAAc,CAAO;IAE3B;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,YAAY,SAAK;IAEjB;;;OAGG;IAEH,eAAe,SAAM;IAErB;;;OAGG;IAEH,OAAO,SAAe;IAEtB;;;;OAIG;IAEH,SAAS,EAAE,MAAM,GAAG,IAAI,CAAW;IAEnC,yGAAyG;IAEzG,KAAK,UAAS;IAEd,2DAA2D;IAE3D,OAAO,CAAC,YAAY,CAAS;IAE7B,8FAA8F;IAE9F,OAAO,CAAC,KAAK,CAAmB;IAEhC,OAAgB,MAAM,0BAgJpB;cAEiB,MAAM;cAMN,OAAO,IAAI,IAAI;cAIf,YAAY,IAAI,IAAI;IAMvC,OAAO,CAAC,aAAa;IAIrB,wFAAwF;IACxF,OAAO,CAAC,SAAS;IAmBjB,OAAO,CAAC,iBAAiB;CAO5B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,cAAc,EAAE,UAAU,CAAC;KAC9B;CACJ"}
|
|
@@ -5,144 +5,274 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
7
|
import { html, css } from 'lit';
|
|
8
|
-
import { customElement, property, state } from 'lit/decorators.js';
|
|
8
|
+
import { customElement, property, query, state } from 'lit/decorators.js';
|
|
9
9
|
import { EdsBaseElement } from '../shared/eds-base.js';
|
|
10
|
-
import { ColorMixin } from '../shared/color-mixin.js';
|
|
11
|
-
import { SizeMixin } from '../shared/size-mixin.js';
|
|
12
10
|
/**
|
|
13
11
|
* `<eds-wc-badge>` — EDS Badge Web Component.
|
|
14
12
|
*
|
|
15
|
-
* A
|
|
16
|
-
*
|
|
17
|
-
*
|
|
13
|
+
* A badge that displays text, numbers, or a dot indicator with semantic color, size,
|
|
14
|
+
* and variant styling. Supports content truncation via `max-char-count`, an automatic
|
|
15
|
+
* empty state (dot), and an icon-only mode. 1:1 projection of the Angular `eds-badge`.
|
|
18
16
|
*
|
|
19
17
|
* @example
|
|
20
18
|
* ```html
|
|
21
|
-
* <eds-wc-badge
|
|
22
|
-
* <eds-wc-badge color="success"
|
|
23
|
-
* <eds-wc-badge color="info"
|
|
19
|
+
* <eds-wc-badge>99</eds-wc-badge>
|
|
20
|
+
* <eds-wc-badge color="success">Active</eds-wc-badge>
|
|
21
|
+
* <eds-wc-badge color="info" variant="light">New</eds-wc-badge>
|
|
22
|
+
* <eds-wc-badge max-char-count="2" char-replacement="99+">150</eds-wc-badge>
|
|
23
|
+
* <eds-wc-badge icon-only color="critical"></eds-wc-badge>
|
|
24
24
|
* ```
|
|
25
25
|
*
|
|
26
|
-
* @slot - Badge content (text, number
|
|
26
|
+
* @slot - Badge content (text, number). Empty content renders a dot indicator.
|
|
27
27
|
*/
|
|
28
|
-
let EdsWcBadge = class EdsWcBadge extends
|
|
28
|
+
let EdsWcBadge = class EdsWcBadge extends EdsBaseElement {
|
|
29
29
|
constructor() {
|
|
30
30
|
super(...arguments);
|
|
31
31
|
/**
|
|
32
|
-
*
|
|
33
|
-
*
|
|
32
|
+
* Semantic color of the badge.
|
|
33
|
+
* @default 'neutral'
|
|
34
|
+
*/
|
|
35
|
+
this.color = 'neutral';
|
|
36
|
+
/**
|
|
37
|
+
* Visual variant. `filled` uses a solid semantic surface; `light` uses a subtle
|
|
38
|
+
* semantic surface with a matching subtler foreground.
|
|
39
|
+
* @default 'filled'
|
|
40
|
+
*/
|
|
41
|
+
this.variant = 'filled';
|
|
42
|
+
/**
|
|
43
|
+
* Size of the badge.
|
|
44
|
+
* @default 'm'
|
|
45
|
+
*/
|
|
46
|
+
this.size = 'm';
|
|
47
|
+
/**
|
|
48
|
+
* Whether the badge is a small dot indicator with no text content.
|
|
49
|
+
* @default false
|
|
50
|
+
*/
|
|
51
|
+
this.iconOnly = false;
|
|
52
|
+
/**
|
|
53
|
+
* Maximum number of characters to display before truncating. When the content
|
|
54
|
+
* exceeds this limit it is replaced with `charReplacement`. `0` disables truncation.
|
|
55
|
+
* @default 0
|
|
34
56
|
*/
|
|
35
57
|
this.maxCharCount = 0;
|
|
36
58
|
/**
|
|
37
|
-
*
|
|
38
|
-
* @default '
|
|
59
|
+
* Text shown when the content is truncated by `maxCharCount`. Falls back to `'99+'`.
|
|
60
|
+
* @default ''
|
|
39
61
|
*/
|
|
40
62
|
this.charReplacement = '';
|
|
41
|
-
/**
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
63
|
+
/**
|
|
64
|
+
* Data attribute for e2e testing.
|
|
65
|
+
* @default 'eds-badge'
|
|
66
|
+
*/
|
|
67
|
+
this.e2eAttr = 'eds-badge';
|
|
68
|
+
/**
|
|
69
|
+
* ARIA label for accessibility. When `null`, the visible content serves as the
|
|
70
|
+
* accessible name.
|
|
71
|
+
* @default 'badge'
|
|
72
|
+
*/
|
|
73
|
+
this.ariaLabel = 'badge';
|
|
74
|
+
/** Whether the projected content is empty (drives the dot/empty state). Reflected → `:host([empty])`. */
|
|
75
|
+
this.empty = false;
|
|
76
|
+
/** Whether the content was truncated by `maxCharCount`. */
|
|
49
77
|
this._isTruncated = false;
|
|
50
78
|
}
|
|
51
79
|
static { this.styles = css `
|
|
52
|
-
:host {
|
|
53
|
-
|
|
54
|
-
border-radius: var(--eds-br-full);
|
|
55
|
-
|
|
56
|
-
--_border-width: var(--eds-bw-none);
|
|
80
|
+
:host, *, *::before, *::after {
|
|
81
|
+
box-sizing: border-box;
|
|
57
82
|
}
|
|
58
83
|
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
:host([color="critical"]) { --_surface: var(--eds-c-surface-critical); --_on-surface: var(--eds-c-on-surface-critical); }
|
|
84
|
+
:host {
|
|
85
|
+
/* inherited channels (optionally set by a composing ancestor — icon / avatar) */
|
|
86
|
+
--_eds-badge-size: var(--_eds-badge-size-inherit, calc(var(--eds-sp-m) + var(--eds-sp-3xs)));
|
|
87
|
+
--_eds-badge-empty-size: var(--_eds-badge-empty-size-inherit, var(--eds-sp-s));
|
|
88
|
+
--_eds-badge-icon-size: var(--_eds-badge-icon-size-inherit, var(--eds-is-xs));
|
|
65
89
|
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
90
|
+
/* Common defaults */
|
|
91
|
+
--_eds-badge-padding: 0 var(--eds-sp-3xs);
|
|
92
|
+
--_eds-badge-border-radius: var(--eds-br-full);
|
|
93
|
+
--_eds-badge-border-width: var(--eds-bw-xs);
|
|
94
|
+
--_eds-badge-font: var(--eds-f-microcopy-m);
|
|
95
|
+
--_eds-badge-font-weight: var(--eds-f-w-regular);
|
|
72
96
|
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
:host([size="l"]) { --_min-height: var(--eds-si-xl); --_min-width: var(--eds-si-xl); --_font: var(--eds-f-paragraph-s-semi-bold); --_padding: var(--eds-sp-4xs) var(--eds-sp-2xs); }
|
|
97
|
+
/* Default color (neutral) */
|
|
98
|
+
--_eds-badge-surface: var(--eds-c-surface-neutral);
|
|
99
|
+
--_eds-badge-on-surface: var(--eds-c-on-surface-neutral);
|
|
100
|
+
--_eds-badge-border-color: var(--eds-c-border-neutral-subtle);
|
|
78
101
|
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
:host(.eds-badge--empty[size="m"]) { --_min-height: var(--eds-si-m); --_min-width: var(--eds-si-m); --_padding: 0; }
|
|
84
|
-
:host(.eds-badge--empty[size="l"]) { --_min-height: var(--eds-si-l); --_min-width: var(--eds-si-l); --_padding: 0; }
|
|
102
|
+
display: inline-flex;
|
|
103
|
+
border: var(--_eds-badge-border-width) solid var(--_eds-badge-border-color);
|
|
104
|
+
border-radius: var(--_eds-badge-border-radius);
|
|
105
|
+
background-color: var(--_eds-badge-surface);
|
|
85
106
|
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
:host([icon-only][size="s"]) { --_icon-size: var(--eds-is-xs); }
|
|
91
|
-
:host([icon-only][size="m"]) { --_icon-size: var(--eds-is-s); }
|
|
92
|
-
:host([icon-only][size="l"]) { --_icon-size: var(--eds-is-m); }
|
|
107
|
+
/* a projected eds-icon follows the badge foreground (on-surface) color + size */
|
|
108
|
+
--_eds-icon-color-inherit: var(--_eds-badge-on-surface);
|
|
109
|
+
--_eds-icon-size-inherit: var(--_eds-badge-icon-size);
|
|
110
|
+
}
|
|
93
111
|
|
|
94
|
-
.eds-
|
|
112
|
+
.eds-badge__wrapper {
|
|
95
113
|
display: inline-flex;
|
|
96
|
-
border-radius: var(--eds-br-full);
|
|
97
|
-
border: var(--_border-width) solid var(--eds-c-border-inverted);
|
|
98
114
|
align-items: center;
|
|
99
|
-
min-height: var(--_min-height);
|
|
100
|
-
min-width: var(--_min-width);
|
|
101
|
-
padding: var(--_padding);
|
|
102
115
|
justify-content: center;
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
116
|
+
color: var(--_eds-badge-on-surface);
|
|
117
|
+
height: var(--_eds-badge-size);
|
|
118
|
+
min-width: var(--_eds-badge-size);
|
|
119
|
+
padding: var(--_eds-badge-padding);
|
|
120
|
+
font: var(--_eds-badge-font);
|
|
121
|
+
font-weight: var(--_eds-badge-font-weight);
|
|
122
|
+
/* base.eds-ellipsis() inlined */
|
|
106
123
|
overflow: hidden;
|
|
107
124
|
text-overflow: ellipsis;
|
|
108
125
|
white-space: nowrap;
|
|
109
126
|
}
|
|
127
|
+
|
|
128
|
+
/* COLOR — filled (default) surface / foreground / border */
|
|
129
|
+
:host([color="primary"]) {
|
|
130
|
+
--_eds-badge-surface: var(--eds-c-surface-primary);
|
|
131
|
+
--_eds-badge-on-surface: var(--eds-c-on-surface-primary);
|
|
132
|
+
--_eds-badge-border-color: var(--eds-c-border-primary-subtle);
|
|
133
|
+
}
|
|
134
|
+
:host([color="neutral"]) {
|
|
135
|
+
--_eds-badge-surface: var(--eds-c-surface-neutral);
|
|
136
|
+
--_eds-badge-on-surface: var(--eds-c-on-surface-neutral);
|
|
137
|
+
--_eds-badge-border-color: var(--eds-c-border-neutral-subtle);
|
|
138
|
+
}
|
|
139
|
+
:host([color="success"]) {
|
|
140
|
+
--_eds-badge-surface: var(--eds-c-surface-success);
|
|
141
|
+
--_eds-badge-on-surface: var(--eds-c-on-surface-success);
|
|
142
|
+
--_eds-badge-border-color: var(--eds-c-border-success-subtle);
|
|
143
|
+
}
|
|
144
|
+
:host([color="info"]) {
|
|
145
|
+
--_eds-badge-surface: var(--eds-c-surface-info);
|
|
146
|
+
--_eds-badge-on-surface: var(--eds-c-on-surface-info);
|
|
147
|
+
--_eds-badge-border-color: var(--eds-c-border-info-subtle);
|
|
148
|
+
}
|
|
149
|
+
:host([color="warning"]) {
|
|
150
|
+
--_eds-badge-surface: var(--eds-c-surface-warning);
|
|
151
|
+
--_eds-badge-on-surface: var(--eds-c-on-surface-warning);
|
|
152
|
+
--_eds-badge-border-color: var(--eds-c-border-warning-subtle);
|
|
153
|
+
}
|
|
154
|
+
:host([color="critical"]) {
|
|
155
|
+
--_eds-badge-surface: var(--eds-c-surface-critical);
|
|
156
|
+
--_eds-badge-on-surface: var(--eds-c-on-surface-critical);
|
|
157
|
+
--_eds-badge-border-color: var(--eds-c-border-critical-subtle);
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
/* VARIANT — light: subtle semantic surface with a matching subtler foreground */
|
|
161
|
+
:host([variant="light"][color="primary"]) {
|
|
162
|
+
--_eds-badge-surface: var(--eds-c-surface-primary-subtler);
|
|
163
|
+
--_eds-badge-on-surface: var(--eds-c-on-surface-primary-subtler);
|
|
164
|
+
--_eds-badge-border-color: var(--eds-c-border-primary-subtler);
|
|
165
|
+
}
|
|
166
|
+
:host([variant="light"][color="neutral"]) {
|
|
167
|
+
--_eds-badge-surface: var(--eds-c-surface-neutral-subtler);
|
|
168
|
+
--_eds-badge-on-surface: var(--eds-c-on-surface-neutral-subtler);
|
|
169
|
+
--_eds-badge-border-color: var(--eds-c-border-neutral-subtler);
|
|
170
|
+
}
|
|
171
|
+
:host([variant="light"][color="success"]) {
|
|
172
|
+
--_eds-badge-surface: var(--eds-c-surface-success-subtler);
|
|
173
|
+
--_eds-badge-on-surface: var(--eds-c-on-surface-success-subtler);
|
|
174
|
+
--_eds-badge-border-color: var(--eds-c-border-success-subtler);
|
|
175
|
+
}
|
|
176
|
+
:host([variant="light"][color="info"]) {
|
|
177
|
+
--_eds-badge-surface: var(--eds-c-surface-info-subtler);
|
|
178
|
+
--_eds-badge-on-surface: var(--eds-c-on-surface-info-subtler);
|
|
179
|
+
--_eds-badge-border-color: var(--eds-c-border-info-subtler);
|
|
180
|
+
}
|
|
181
|
+
:host([variant="light"][color="warning"]) {
|
|
182
|
+
--_eds-badge-surface: var(--eds-c-surface-warning-subtler);
|
|
183
|
+
--_eds-badge-on-surface: var(--eds-c-on-surface-warning-subtler);
|
|
184
|
+
--_eds-badge-border-color: var(--eds-c-border-warning-subtler);
|
|
185
|
+
}
|
|
186
|
+
:host([variant="light"][color="critical"]) {
|
|
187
|
+
--_eds-badge-surface: var(--eds-c-surface-critical-subtler);
|
|
188
|
+
--_eds-badge-on-surface: var(--eds-c-on-surface-critical-subtler);
|
|
189
|
+
--_eds-badge-border-color: var(--eds-c-border-critical-subtler);
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
/* SIZE */
|
|
193
|
+
:host([size="xs"]) {
|
|
194
|
+
--_eds-badge-size: var(--eds-sp-s);
|
|
195
|
+
--_eds-badge-font: var(--eds-f-supportive-m);
|
|
196
|
+
--_eds-badge-font-weight: var(--eds-f-w-regular);
|
|
197
|
+
--_eds-badge-empty-size: var(--eds-sp-2xs);
|
|
198
|
+
}
|
|
199
|
+
:host([size="s"]) {
|
|
200
|
+
--_eds-badge-size: var(--eds-sp-m);
|
|
201
|
+
--_eds-badge-font: var(--eds-f-supportive-m);
|
|
202
|
+
--_eds-badge-font-weight: var(--eds-f-w-regular);
|
|
203
|
+
}
|
|
204
|
+
:host([size="l"]) {
|
|
205
|
+
--_eds-badge-size: calc(var(--eds-sp-m) + var(--eds-sp-2xs));
|
|
206
|
+
--_eds-badge-font: var(--eds-f-microcopy-m);
|
|
207
|
+
--_eds-badge-font-weight: var(--eds-f-w-regular);
|
|
208
|
+
--_eds-badge-empty-size: var(--eds-sp-m);
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
/* EMPTY — dot badge, no content in wrapper */
|
|
212
|
+
:host([empty]) {
|
|
213
|
+
width: var(--_eds-badge-empty-size);
|
|
214
|
+
height: var(--_eds-badge-empty-size);
|
|
215
|
+
}
|
|
216
|
+
|
|
217
|
+
/* ICON-ONLY — circular indicator, no wrapper padding */
|
|
218
|
+
:host([icon-only]) .eds-badge__wrapper {
|
|
219
|
+
padding: 0;
|
|
220
|
+
width: var(--_eds-badge-size);
|
|
221
|
+
min-width: var(--_eds-badge-size);
|
|
222
|
+
}
|
|
110
223
|
`; }
|
|
111
224
|
render() {
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
}
|
|
115
|
-
return html `<span class="eds-badge-wrapper"><slot @slotchange="${this._onSlotChange}"></slot></span>`;
|
|
225
|
+
// The <slot> is ALWAYS mounted (never toggled) to avoid the slotchange render loop.
|
|
226
|
+
// When truncated, the slot is hidden and the replacement text is shown beside it.
|
|
227
|
+
return html `<span class="eds-badge__wrapper">${this._isTruncated ? html `<span>${this.charReplacement || '99+'}</span>` : ''}<slot @slotchange="${this._onSlotChange}" style="${this._isTruncated ? 'display:none' : ''}"></slot></span>`;
|
|
116
228
|
}
|
|
117
229
|
updated() {
|
|
118
230
|
this.setAttribute('role', 'status');
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
else {
|
|
125
|
-
this.classList.remove('eds-badge--empty');
|
|
126
|
-
}
|
|
231
|
+
}
|
|
232
|
+
firstUpdated() {
|
|
233
|
+
// A badge that never receives a `slotchange` (e.g. icon-only / content-less) must
|
|
234
|
+
// still get `empty` evaluated on first render. Runs the same guarded computation.
|
|
235
|
+
this._evaluate(this._slot);
|
|
127
236
|
}
|
|
128
237
|
_onSlotChange(e) {
|
|
129
|
-
|
|
238
|
+
this._evaluate(e.target);
|
|
239
|
+
}
|
|
240
|
+
/** Guarded computation of `empty` + `_isTruncated` from the slot's assigned content. */
|
|
241
|
+
_evaluate(slot) {
|
|
242
|
+
if (!slot) {
|
|
243
|
+
return;
|
|
244
|
+
}
|
|
130
245
|
const nodes = slot.assignedNodes({ flatten: true });
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
246
|
+
// Empty = no meaningful content: no element nodes AND no non-whitespace text.
|
|
247
|
+
const nextEmpty = nodes.every(n => n.nodeType === Node.TEXT_NODE ? !(n.textContent ?? '').trim() : false);
|
|
248
|
+
if (this.empty !== nextEmpty) {
|
|
249
|
+
this.empty = nextEmpty;
|
|
250
|
+
}
|
|
251
|
+
const nextTruncated = this._computeTruncated(nextEmpty, nodes);
|
|
252
|
+
if (this._isTruncated !== nextTruncated) {
|
|
253
|
+
this._isTruncated = nextTruncated;
|
|
134
254
|
}
|
|
135
255
|
}
|
|
136
|
-
|
|
137
|
-
if (this.maxCharCount
|
|
138
|
-
|
|
139
|
-
if (text.length > this.maxCharCount) {
|
|
140
|
-
this._isTruncated = true;
|
|
141
|
-
this._truncatedContent = this.charReplacement || '99+';
|
|
142
|
-
}
|
|
256
|
+
_computeTruncated(isEmpty, nodes) {
|
|
257
|
+
if (isEmpty || this.maxCharCount === 0) {
|
|
258
|
+
return false;
|
|
143
259
|
}
|
|
260
|
+
const text = nodes.map(n => n.textContent ?? '').join('').trim();
|
|
261
|
+
return !!text && text.length > this.maxCharCount;
|
|
144
262
|
}
|
|
145
263
|
};
|
|
264
|
+
__decorate([
|
|
265
|
+
property({ type: String, reflect: true })
|
|
266
|
+
], EdsWcBadge.prototype, "color", void 0);
|
|
267
|
+
__decorate([
|
|
268
|
+
property({ type: String, reflect: true })
|
|
269
|
+
], EdsWcBadge.prototype, "variant", void 0);
|
|
270
|
+
__decorate([
|
|
271
|
+
property({ type: String, reflect: true })
|
|
272
|
+
], EdsWcBadge.prototype, "size", void 0);
|
|
273
|
+
__decorate([
|
|
274
|
+
property({ type: Boolean, reflect: true, attribute: 'icon-only' })
|
|
275
|
+
], EdsWcBadge.prototype, "iconOnly", void 0);
|
|
146
276
|
__decorate([
|
|
147
277
|
property({ type: Number, attribute: 'max-char-count' })
|
|
148
278
|
], EdsWcBadge.prototype, "maxCharCount", void 0);
|
|
@@ -150,23 +280,20 @@ __decorate([
|
|
|
150
280
|
property({ type: String, attribute: 'char-replacement' })
|
|
151
281
|
], EdsWcBadge.prototype, "charReplacement", void 0);
|
|
152
282
|
__decorate([
|
|
153
|
-
property({ type:
|
|
154
|
-
], EdsWcBadge.prototype, "
|
|
283
|
+
property({ type: String, reflect: true, attribute: 'data-e2e' })
|
|
284
|
+
], EdsWcBadge.prototype, "e2eAttr", void 0);
|
|
155
285
|
__decorate([
|
|
156
|
-
property({ type:
|
|
157
|
-
], EdsWcBadge.prototype, "
|
|
286
|
+
property({ type: String, reflect: true, attribute: 'aria-label' })
|
|
287
|
+
], EdsWcBadge.prototype, "ariaLabel", void 0);
|
|
158
288
|
__decorate([
|
|
159
289
|
property({ type: Boolean, reflect: true })
|
|
160
|
-
], EdsWcBadge.prototype, "
|
|
161
|
-
__decorate([
|
|
162
|
-
state()
|
|
163
|
-
], EdsWcBadge.prototype, "_isEmpty", void 0);
|
|
164
|
-
__decorate([
|
|
165
|
-
state()
|
|
166
|
-
], EdsWcBadge.prototype, "_truncatedContent", void 0);
|
|
290
|
+
], EdsWcBadge.prototype, "empty", void 0);
|
|
167
291
|
__decorate([
|
|
168
292
|
state()
|
|
169
293
|
], EdsWcBadge.prototype, "_isTruncated", void 0);
|
|
294
|
+
__decorate([
|
|
295
|
+
query('slot')
|
|
296
|
+
], EdsWcBadge.prototype, "_slot", void 0);
|
|
170
297
|
EdsWcBadge = __decorate([
|
|
171
298
|
customElement('eds-wc-badge')
|
|
172
299
|
], EdsWcBadge);
|