@eui/eds-wc 22.0.0-alpha.5 → 22.0.0-alpha.51
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
package/eds-chip/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eds-chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eds-chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
import { EdsBaseElement } from '../shared/index.js';
|
|
2
|
+
/**
|
|
3
|
+
* `<eds-wc-content-item>` — A flexible teaser that links to a page of interest and gives a quick
|
|
4
|
+
* overview of its content. Supports picture (left / right / top), inline (event/date-block) and
|
|
5
|
+
* divider variants. Layout is derived from projected children:
|
|
6
|
+
*
|
|
7
|
+
* - A `<eds-wc-content-item-picture position="top">` switches to stacked layout.
|
|
8
|
+
* - A `<eds-wc-date-block>` switches to inline (event) layout.
|
|
9
|
+
*
|
|
10
|
+
* @slot picture - Picture wrapper (`<eds-wc-content-item-picture>`).
|
|
11
|
+
* @slot date-block - Date block element (`<eds-wc-date-block>`).
|
|
12
|
+
* @slot - Default slot (typically `<eds-wc-content-item-body>` and any other content).
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* ```html
|
|
16
|
+
* <eds-wc-content-item>
|
|
17
|
+
* <eds-wc-content-item-picture slot="picture">
|
|
18
|
+
* <img class="eds-content-item__image" src="news.jpg" alt="" />
|
|
19
|
+
* </eds-wc-content-item-picture>
|
|
20
|
+
* <eds-wc-content-item-body>
|
|
21
|
+
* <eds-wc-content-item-title><a href="/news">Headline</a></eds-wc-content-item-title>
|
|
22
|
+
* <eds-wc-content-item-description>Teaser text.</eds-wc-content-item-description>
|
|
23
|
+
* </eds-wc-content-item-body>
|
|
24
|
+
* </eds-wc-content-item>
|
|
25
|
+
* ```
|
|
26
|
+
*/
|
|
27
|
+
export declare class EdsWcContentItem extends EdsBaseElement {
|
|
28
|
+
/** Whether to display a bottom divider (for vertical lists). */
|
|
29
|
+
hasDivider: boolean;
|
|
30
|
+
/** Data attribute for e2e testing. */
|
|
31
|
+
dataE2e: string;
|
|
32
|
+
/** ARIA role (reflected, defaults to `article`). */
|
|
33
|
+
role: string;
|
|
34
|
+
private _isStack;
|
|
35
|
+
private _isInline;
|
|
36
|
+
private _picturePosition;
|
|
37
|
+
static styles: import("lit").CSSResult;
|
|
38
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
39
|
+
protected updated(): void;
|
|
40
|
+
private _reflectLayout;
|
|
41
|
+
private _onPictureSlotChange;
|
|
42
|
+
private _onDateBlockSlotChange;
|
|
43
|
+
}
|
|
44
|
+
export type EdsWcContentItemPicturePosition = 'left' | 'right' | 'top';
|
|
45
|
+
export type EdsWcContentItemPictureSize = 'large' | 'small';
|
|
46
|
+
/**
|
|
47
|
+
* `<eds-wc-content-item-picture>` — Wrapper for the content item's image.
|
|
48
|
+
* Controls image size, position relative to the content, and an optional hover zoom.
|
|
49
|
+
*
|
|
50
|
+
* @slot - The native `<img>` (add `class="eds-content-item__image"` to it).
|
|
51
|
+
*/
|
|
52
|
+
export declare class EdsWcContentItemPicture extends EdsBaseElement {
|
|
53
|
+
/** Position relative to the content. `top` switches parent to stacked layout. */
|
|
54
|
+
position: EdsWcContentItemPicturePosition;
|
|
55
|
+
/** Size of the picture. `small` renders a compact square thumbnail. */
|
|
56
|
+
size: EdsWcContentItemPictureSize;
|
|
57
|
+
/** Enables a subtle zoom effect on hover. */
|
|
58
|
+
hasZoom: boolean;
|
|
59
|
+
static styles: import("lit").CSSResult;
|
|
60
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
61
|
+
}
|
|
62
|
+
export declare class EdsWcContentItemBody extends EdsBaseElement {
|
|
63
|
+
static styles: import("lit").CSSResult;
|
|
64
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
65
|
+
}
|
|
66
|
+
export declare class EdsWcContentItemLabels extends EdsBaseElement {
|
|
67
|
+
/** ARIA role for the labels group (reflected, defaults to `group`). */
|
|
68
|
+
role: string;
|
|
69
|
+
static styles: import("lit").CSSResult;
|
|
70
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
71
|
+
}
|
|
72
|
+
export declare class EdsWcContentItemPrimaryMeta extends EdsBaseElement {
|
|
73
|
+
static styles: import("lit").CSSResult;
|
|
74
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
75
|
+
/**
|
|
76
|
+
* Add dot separators between consecutive children (the ::slotted pseudo
|
|
77
|
+
* can only target one compound selector, so we use JS for the ::before).
|
|
78
|
+
*/
|
|
79
|
+
private _addDots;
|
|
80
|
+
}
|
|
81
|
+
export declare class EdsWcContentItemTitle extends EdsBaseElement {
|
|
82
|
+
static styles: import("lit").CSSResult;
|
|
83
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
84
|
+
}
|
|
85
|
+
export declare class EdsWcContentItemDescription extends EdsBaseElement {
|
|
86
|
+
static styles: import("lit").CSSResult;
|
|
87
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
88
|
+
}
|
|
89
|
+
export declare class EdsWcContentItemSecondaryMeta extends EdsBaseElement {
|
|
90
|
+
static styles: import("lit").CSSResult;
|
|
91
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
92
|
+
}
|
|
93
|
+
export declare class EdsWcContentItemSecondaryMetaItem extends EdsBaseElement {
|
|
94
|
+
static styles: import("lit").CSSResult;
|
|
95
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
96
|
+
}
|
|
97
|
+
declare global {
|
|
98
|
+
interface HTMLElementTagNameMap {
|
|
99
|
+
'eds-wc-content-item': EdsWcContentItem;
|
|
100
|
+
'eds-wc-content-item-picture': EdsWcContentItemPicture;
|
|
101
|
+
'eds-wc-content-item-body': EdsWcContentItemBody;
|
|
102
|
+
'eds-wc-content-item-labels': EdsWcContentItemLabels;
|
|
103
|
+
'eds-wc-content-item-primary-meta': EdsWcContentItemPrimaryMeta;
|
|
104
|
+
'eds-wc-content-item-title': EdsWcContentItemTitle;
|
|
105
|
+
'eds-wc-content-item-description': EdsWcContentItemDescription;
|
|
106
|
+
'eds-wc-content-item-secondary-meta': EdsWcContentItemSecondaryMeta;
|
|
107
|
+
'eds-wc-content-item-secondary-meta-item': EdsWcContentItemSecondaryMetaItem;
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
//# sourceMappingURL=eds-wc-content-item.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"eds-wc-content-item.d.ts","sourceRoot":"","sources":["../../src/eds-content-item/eds-wc-content-item.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAMpD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBACa,gBAAiB,SAAQ,cAAc;IAChD,gEAAgE;IAEhE,UAAU,UAAS;IAEnB,sCAAsC;IAEtC,OAAO,SAAsB;IAE7B,oDAAoD;IAE3C,IAAI,SAAa;IAEjB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,gBAAgB,CAAuB;IAExD,OAAgB,MAAM,0BAuCpB;cAEiB,MAAM;cAQN,OAAO,IAAI,IAAI;IAIlC,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,oBAAoB;IAe5B,OAAO,CAAC,sBAAsB;CAKjC;AAMD,MAAM,MAAM,+BAA+B,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;AACvE,MAAM,MAAM,2BAA2B,GAAG,OAAO,GAAG,OAAO,CAAC;AAE5D;;;;;GAKG;AACH,qBACa,uBAAwB,SAAQ,cAAc;IACvD,iFAAiF;IAEjF,QAAQ,EAAE,+BAA+B,CAAU;IAEnD,uEAAuE;IAEvE,IAAI,EAAE,2BAA2B,CAAW;IAE5C,6CAA6C;IAE7C,OAAO,UAAS;IAEhB,OAAgB,MAAM,0BAyCpB;cAEiB,MAAM;CAG5B;AAMD,qBACa,oBAAqB,SAAQ,cAAc;IACpD,OAAgB,MAAM,0BAQpB;cAEiB,MAAM;CAG5B;AAMD,qBACa,sBAAuB,SAAQ,cAAc;IACtD,uEAAuE;IAE9D,IAAI,SAAW;IAExB,OAAgB,MAAM,0BAOpB;cAEiB,MAAM;CAG5B;AAMD,qBACa,2BAA4B,SAAQ,cAAc;IAC3D,OAAgB,MAAM,0BAiBpB;cAEiB,MAAM;IAIzB;;;OAGG;IACH,OAAO,CAAC,QAAQ;CAwBnB;AAMD,qBACa,qBAAsB,SAAQ,cAAc;IACrD,OAAgB,MAAM,0BAMpB;cAEiB,MAAM;CAG5B;AAMD,qBACa,2BAA4B,SAAQ,cAAc;IAC3D,OAAgB,MAAM,0BAMpB;cAEiB,MAAM;CAG5B;AAMD,qBACa,6BAA8B,SAAQ,cAAc;IAC7D,OAAgB,MAAM,0BASpB;cAEiB,MAAM;CAG5B;AAMD,qBACa,iCAAkC,SAAQ,cAAc;IACjE,OAAgB,MAAM,0BAMpB;cAEiB,MAAM;CAG5B;AAMD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,qBAAqB,EAAE,gBAAgB,CAAC;QACxC,6BAA6B,EAAE,uBAAuB,CAAC;QACvD,0BAA0B,EAAE,oBAAoB,CAAC;QACjD,4BAA4B,EAAE,sBAAsB,CAAC;QACrD,kCAAkC,EAAE,2BAA2B,CAAC;QAChE,2BAA2B,EAAE,qBAAqB,CAAC;QACnD,iCAAiC,EAAE,2BAA2B,CAAC;QAC/D,oCAAoC,EAAE,6BAA6B,CAAC;QACpE,yCAAyC,EAAE,iCAAiC,CAAC;KAChF;CACJ"}
|
|
@@ -0,0 +1,420 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { html, css } from 'lit';
|
|
8
|
+
import { customElement, property, state } from 'lit/decorators.js';
|
|
9
|
+
import { EdsBaseElement } from '../shared/index.js';
|
|
10
|
+
/* ────────────────────────────────────────────────────────────────────────────
|
|
11
|
+
* eds-wc-content-item — Main container
|
|
12
|
+
* ──────────────────────────────────────────────────────────────────────────── */
|
|
13
|
+
/**
|
|
14
|
+
* `<eds-wc-content-item>` — A flexible teaser that links to a page of interest and gives a quick
|
|
15
|
+
* overview of its content. Supports picture (left / right / top), inline (event/date-block) and
|
|
16
|
+
* divider variants. Layout is derived from projected children:
|
|
17
|
+
*
|
|
18
|
+
* - A `<eds-wc-content-item-picture position="top">` switches to stacked layout.
|
|
19
|
+
* - A `<eds-wc-date-block>` switches to inline (event) layout.
|
|
20
|
+
*
|
|
21
|
+
* @slot picture - Picture wrapper (`<eds-wc-content-item-picture>`).
|
|
22
|
+
* @slot date-block - Date block element (`<eds-wc-date-block>`).
|
|
23
|
+
* @slot - Default slot (typically `<eds-wc-content-item-body>` and any other content).
|
|
24
|
+
*
|
|
25
|
+
* @example
|
|
26
|
+
* ```html
|
|
27
|
+
* <eds-wc-content-item>
|
|
28
|
+
* <eds-wc-content-item-picture slot="picture">
|
|
29
|
+
* <img class="eds-content-item__image" src="news.jpg" alt="" />
|
|
30
|
+
* </eds-wc-content-item-picture>
|
|
31
|
+
* <eds-wc-content-item-body>
|
|
32
|
+
* <eds-wc-content-item-title><a href="/news">Headline</a></eds-wc-content-item-title>
|
|
33
|
+
* <eds-wc-content-item-description>Teaser text.</eds-wc-content-item-description>
|
|
34
|
+
* </eds-wc-content-item-body>
|
|
35
|
+
* </eds-wc-content-item>
|
|
36
|
+
* ```
|
|
37
|
+
*/
|
|
38
|
+
let EdsWcContentItem = class EdsWcContentItem extends EdsBaseElement {
|
|
39
|
+
constructor() {
|
|
40
|
+
super(...arguments);
|
|
41
|
+
/** Whether to display a bottom divider (for vertical lists). */
|
|
42
|
+
this.hasDivider = false;
|
|
43
|
+
/** Data attribute for e2e testing. */
|
|
44
|
+
this.dataE2e = 'eds-content-item';
|
|
45
|
+
/** ARIA role (reflected, defaults to `article`). */
|
|
46
|
+
this.role = 'article';
|
|
47
|
+
this._isStack = false;
|
|
48
|
+
this._isInline = false;
|
|
49
|
+
this._picturePosition = null;
|
|
50
|
+
}
|
|
51
|
+
static { this.styles = css `
|
|
52
|
+
:host, *, *::before, *::after { box-sizing: border-box; }
|
|
53
|
+
|
|
54
|
+
:host {
|
|
55
|
+
display: flex;
|
|
56
|
+
flex-flow: row nowrap;
|
|
57
|
+
align-items: flex-start;
|
|
58
|
+
gap: var(--eds-sp-m);
|
|
59
|
+
font: var(--eds-f-paragraph-m);
|
|
60
|
+
color: var(--eds-c-foreground);
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
:host([picture-position='right']) ::slotted([slot='picture']) {
|
|
64
|
+
order: 2;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
:host([stack]) {
|
|
68
|
+
flex-direction: column;
|
|
69
|
+
align-items: stretch;
|
|
70
|
+
gap: var(--eds-sp-s);
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
:host([inline]) {
|
|
74
|
+
align-items: flex-start;
|
|
75
|
+
gap: var(--eds-sp-m);
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
:host([divider]) {
|
|
79
|
+
padding-bottom: var(--eds-sp-m);
|
|
80
|
+
border-bottom: var(--eds-bw-xs) solid var(--eds-c-border-divider);
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
/* Responsive: collapse to stacked on mobile for non-inline variants */
|
|
84
|
+
@media (max-width: 767px) {
|
|
85
|
+
:host(:not([inline])) {
|
|
86
|
+
flex-direction: column;
|
|
87
|
+
align-items: stretch;
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
`; }
|
|
91
|
+
render() {
|
|
92
|
+
return html `
|
|
93
|
+
<slot name="picture" @slotchange="${this._onPictureSlotChange}"></slot>
|
|
94
|
+
<slot name="date-block" @slotchange="${this._onDateBlockSlotChange}"></slot>
|
|
95
|
+
<slot></slot>
|
|
96
|
+
`;
|
|
97
|
+
}
|
|
98
|
+
updated() {
|
|
99
|
+
this._reflectLayout();
|
|
100
|
+
}
|
|
101
|
+
_reflectLayout() {
|
|
102
|
+
this.toggleAttribute('stack', this._isStack);
|
|
103
|
+
this.toggleAttribute('inline', this._isInline);
|
|
104
|
+
if (this._picturePosition) {
|
|
105
|
+
this.setAttribute('picture-position', this._picturePosition);
|
|
106
|
+
}
|
|
107
|
+
else {
|
|
108
|
+
this.removeAttribute('picture-position');
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
_onPictureSlotChange(e) {
|
|
112
|
+
const slot = e.target;
|
|
113
|
+
const pictures = slot.assignedElements();
|
|
114
|
+
if (pictures.length > 0) {
|
|
115
|
+
const picture = pictures[0];
|
|
116
|
+
const pos = picture.getAttribute('position') || 'left';
|
|
117
|
+
const nextStack = pos === 'top';
|
|
118
|
+
if (this._isStack !== nextStack)
|
|
119
|
+
this._isStack = nextStack;
|
|
120
|
+
if (this._picturePosition !== pos)
|
|
121
|
+
this._picturePosition = pos;
|
|
122
|
+
}
|
|
123
|
+
else {
|
|
124
|
+
if (this._isStack)
|
|
125
|
+
this._isStack = false;
|
|
126
|
+
if (this._picturePosition !== null)
|
|
127
|
+
this._picturePosition = null;
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
_onDateBlockSlotChange(e) {
|
|
131
|
+
const slot = e.target;
|
|
132
|
+
const next = slot.assignedElements().length > 0;
|
|
133
|
+
if (this._isInline !== next)
|
|
134
|
+
this._isInline = next;
|
|
135
|
+
}
|
|
136
|
+
};
|
|
137
|
+
__decorate([
|
|
138
|
+
property({ type: Boolean, reflect: true, attribute: 'divider' })
|
|
139
|
+
], EdsWcContentItem.prototype, "hasDivider", void 0);
|
|
140
|
+
__decorate([
|
|
141
|
+
property({ type: String, attribute: 'data-e2e' })
|
|
142
|
+
], EdsWcContentItem.prototype, "dataE2e", void 0);
|
|
143
|
+
__decorate([
|
|
144
|
+
property({ type: String, reflect: true, attribute: 'role' })
|
|
145
|
+
], EdsWcContentItem.prototype, "role", void 0);
|
|
146
|
+
__decorate([
|
|
147
|
+
state()
|
|
148
|
+
], EdsWcContentItem.prototype, "_isStack", void 0);
|
|
149
|
+
__decorate([
|
|
150
|
+
state()
|
|
151
|
+
], EdsWcContentItem.prototype, "_isInline", void 0);
|
|
152
|
+
__decorate([
|
|
153
|
+
state()
|
|
154
|
+
], EdsWcContentItem.prototype, "_picturePosition", void 0);
|
|
155
|
+
EdsWcContentItem = __decorate([
|
|
156
|
+
customElement('eds-wc-content-item')
|
|
157
|
+
], EdsWcContentItem);
|
|
158
|
+
export { EdsWcContentItem };
|
|
159
|
+
/**
|
|
160
|
+
* `<eds-wc-content-item-picture>` — Wrapper for the content item's image.
|
|
161
|
+
* Controls image size, position relative to the content, and an optional hover zoom.
|
|
162
|
+
*
|
|
163
|
+
* @slot - The native `<img>` (add `class="eds-content-item__image"` to it).
|
|
164
|
+
*/
|
|
165
|
+
let EdsWcContentItemPicture = class EdsWcContentItemPicture extends EdsBaseElement {
|
|
166
|
+
constructor() {
|
|
167
|
+
super(...arguments);
|
|
168
|
+
/** Position relative to the content. `top` switches parent to stacked layout. */
|
|
169
|
+
this.position = 'left';
|
|
170
|
+
/** Size of the picture. `small` renders a compact square thumbnail. */
|
|
171
|
+
this.size = 'large';
|
|
172
|
+
/** Enables a subtle zoom effect on hover. */
|
|
173
|
+
this.hasZoom = false;
|
|
174
|
+
}
|
|
175
|
+
static { this.styles = css `
|
|
176
|
+
:host, *, *::before, *::after { box-sizing: border-box; }
|
|
177
|
+
|
|
178
|
+
:host {
|
|
179
|
+
--_eds-content-item-picture-width: 13.125rem;
|
|
180
|
+
--_eds-content-item-picture-ratio: 3 / 2;
|
|
181
|
+
|
|
182
|
+
display: block;
|
|
183
|
+
flex: 0 0 auto;
|
|
184
|
+
width: var(--_eds-content-item-picture-width);
|
|
185
|
+
aspect-ratio: var(--_eds-content-item-picture-ratio);
|
|
186
|
+
overflow: hidden;
|
|
187
|
+
border-radius: var(--eds-br-m);
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
::slotted(.eds-content-item__image) {
|
|
191
|
+
display: block;
|
|
192
|
+
width: 100%;
|
|
193
|
+
height: 100%;
|
|
194
|
+
object-fit: cover;
|
|
195
|
+
transition: transform 0.3s ease;
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
:host([size='large']) {
|
|
199
|
+
--_eds-content-item-picture-width: 13.125rem;
|
|
200
|
+
--_eds-content-item-picture-ratio: 3 / 2;
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
:host([size='small']) {
|
|
204
|
+
--_eds-content-item-picture-width: 8.75rem;
|
|
205
|
+
--_eds-content-item-picture-ratio: 1 / 1;
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
:host([position='top']) {
|
|
209
|
+
--_eds-content-item-picture-width: 100%;
|
|
210
|
+
--_eds-content-item-picture-ratio: 16 / 9;
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
:host([zoom]:hover) ::slotted(.eds-content-item__image) {
|
|
214
|
+
transform: scale(1.05);
|
|
215
|
+
}
|
|
216
|
+
`; }
|
|
217
|
+
render() {
|
|
218
|
+
return html `<slot></slot>`;
|
|
219
|
+
}
|
|
220
|
+
};
|
|
221
|
+
__decorate([
|
|
222
|
+
property({ type: String, reflect: true })
|
|
223
|
+
], EdsWcContentItemPicture.prototype, "position", void 0);
|
|
224
|
+
__decorate([
|
|
225
|
+
property({ type: String, reflect: true })
|
|
226
|
+
], EdsWcContentItemPicture.prototype, "size", void 0);
|
|
227
|
+
__decorate([
|
|
228
|
+
property({ type: Boolean, reflect: true, attribute: 'zoom' })
|
|
229
|
+
], EdsWcContentItemPicture.prototype, "hasZoom", void 0);
|
|
230
|
+
EdsWcContentItemPicture = __decorate([
|
|
231
|
+
customElement('eds-wc-content-item-picture')
|
|
232
|
+
], EdsWcContentItemPicture);
|
|
233
|
+
export { EdsWcContentItemPicture };
|
|
234
|
+
/* ────────────────────────────────────────────────────────────────────────────
|
|
235
|
+
* eds-wc-content-item-body — Content block
|
|
236
|
+
* ──────────────────────────────────────────────────────────────────────────── */
|
|
237
|
+
let EdsWcContentItemBody = class EdsWcContentItemBody extends EdsBaseElement {
|
|
238
|
+
static { this.styles = css `
|
|
239
|
+
:host {
|
|
240
|
+
display: flex;
|
|
241
|
+
flex-direction: column;
|
|
242
|
+
flex: 1 1 auto;
|
|
243
|
+
min-width: 0;
|
|
244
|
+
gap: var(--eds-sp-xs);
|
|
245
|
+
}
|
|
246
|
+
`; }
|
|
247
|
+
render() {
|
|
248
|
+
return html `<slot></slot>`;
|
|
249
|
+
}
|
|
250
|
+
};
|
|
251
|
+
EdsWcContentItemBody = __decorate([
|
|
252
|
+
customElement('eds-wc-content-item-body')
|
|
253
|
+
], EdsWcContentItemBody);
|
|
254
|
+
export { EdsWcContentItemBody };
|
|
255
|
+
/* ────────────────────────────────────────────────────────────────────────────
|
|
256
|
+
* eds-wc-content-item-labels — Labels group
|
|
257
|
+
* ──────────────────────────────────────────────────────────────────────────── */
|
|
258
|
+
let EdsWcContentItemLabels = class EdsWcContentItemLabels extends EdsBaseElement {
|
|
259
|
+
constructor() {
|
|
260
|
+
super(...arguments);
|
|
261
|
+
/** ARIA role for the labels group (reflected, defaults to `group`). */
|
|
262
|
+
this.role = 'group';
|
|
263
|
+
}
|
|
264
|
+
static { this.styles = css `
|
|
265
|
+
:host {
|
|
266
|
+
display: flex;
|
|
267
|
+
flex-wrap: wrap;
|
|
268
|
+
gap: var(--eds-sp-2xs);
|
|
269
|
+
margin-bottom: var(--eds-sp-3xs);
|
|
270
|
+
}
|
|
271
|
+
`; }
|
|
272
|
+
render() {
|
|
273
|
+
return html `<slot></slot>`;
|
|
274
|
+
}
|
|
275
|
+
};
|
|
276
|
+
__decorate([
|
|
277
|
+
property({ type: String, reflect: true, attribute: 'role' })
|
|
278
|
+
], EdsWcContentItemLabels.prototype, "role", void 0);
|
|
279
|
+
EdsWcContentItemLabels = __decorate([
|
|
280
|
+
customElement('eds-wc-content-item-labels')
|
|
281
|
+
], EdsWcContentItemLabels);
|
|
282
|
+
export { EdsWcContentItemLabels };
|
|
283
|
+
/* ────────────────────────────────────────────────────────────────────────────
|
|
284
|
+
* eds-wc-content-item-primary-meta — Primary metadata
|
|
285
|
+
* ──────────────────────────────────────────────────────────────────────────── */
|
|
286
|
+
let EdsWcContentItemPrimaryMeta = class EdsWcContentItemPrimaryMeta extends EdsBaseElement {
|
|
287
|
+
static { this.styles = css `
|
|
288
|
+
:host {
|
|
289
|
+
display: flex;
|
|
290
|
+
flex-wrap: wrap;
|
|
291
|
+
align-items: center;
|
|
292
|
+
gap: var(--eds-sp-xs);
|
|
293
|
+
font: var(--eds-f-microcopy-xs);
|
|
294
|
+
text-transform: uppercase;
|
|
295
|
+
letter-spacing: 0.04em;
|
|
296
|
+
color: var(--eds-c-foreground);
|
|
297
|
+
}
|
|
298
|
+
|
|
299
|
+
/* Dot separators between consecutive slotted meta entries */
|
|
300
|
+
::slotted(* + *) {
|
|
301
|
+
padding-left: calc(var(--eds-sp-3xs) + var(--eds-sp-xs));
|
|
302
|
+
position: relative;
|
|
303
|
+
}
|
|
304
|
+
`; }
|
|
305
|
+
render() {
|
|
306
|
+
return html `<slot @slotchange="${this._addDots}"></slot>`;
|
|
307
|
+
}
|
|
308
|
+
/**
|
|
309
|
+
* Add dot separators between consecutive children (the ::slotted pseudo
|
|
310
|
+
* can only target one compound selector, so we use JS for the ::before).
|
|
311
|
+
*/
|
|
312
|
+
_addDots(e) {
|
|
313
|
+
const slot = e.target;
|
|
314
|
+
const children = slot.assignedElements();
|
|
315
|
+
children.forEach((child, i) => {
|
|
316
|
+
const el = child;
|
|
317
|
+
// Clean up any previously injected dots.
|
|
318
|
+
el.querySelectorAll('.eds-ci-dot').forEach(d => d.remove());
|
|
319
|
+
if (i > 0) {
|
|
320
|
+
const dot = document.createElement('span');
|
|
321
|
+
dot.className = 'eds-ci-dot';
|
|
322
|
+
dot.setAttribute('aria-hidden', 'true');
|
|
323
|
+
dot.style.cssText = `
|
|
324
|
+
display: inline-block;
|
|
325
|
+
width: var(--eds-sp-3xs);
|
|
326
|
+
height: var(--eds-sp-3xs);
|
|
327
|
+
margin-right: var(--eds-sp-xs);
|
|
328
|
+
border-radius: var(--eds-br-full);
|
|
329
|
+
background: currentcolor;
|
|
330
|
+
vertical-align: middle;
|
|
331
|
+
`;
|
|
332
|
+
el.insertBefore(dot, el.firstChild);
|
|
333
|
+
}
|
|
334
|
+
});
|
|
335
|
+
}
|
|
336
|
+
};
|
|
337
|
+
EdsWcContentItemPrimaryMeta = __decorate([
|
|
338
|
+
customElement('eds-wc-content-item-primary-meta')
|
|
339
|
+
], EdsWcContentItemPrimaryMeta);
|
|
340
|
+
export { EdsWcContentItemPrimaryMeta };
|
|
341
|
+
/* ────────────────────────────────────────────────────────────────────────────
|
|
342
|
+
* eds-wc-content-item-title — Title
|
|
343
|
+
* ──────────────────────────────────────────────────────────────────────────── */
|
|
344
|
+
let EdsWcContentItemTitle = class EdsWcContentItemTitle extends EdsBaseElement {
|
|
345
|
+
static { this.styles = css `
|
|
346
|
+
:host {
|
|
347
|
+
display: block;
|
|
348
|
+
font: var(--eds-f-heading-xs);
|
|
349
|
+
color: var(--eds-c-foreground);
|
|
350
|
+
}
|
|
351
|
+
`; }
|
|
352
|
+
render() {
|
|
353
|
+
return html `<slot></slot>`;
|
|
354
|
+
}
|
|
355
|
+
};
|
|
356
|
+
EdsWcContentItemTitle = __decorate([
|
|
357
|
+
customElement('eds-wc-content-item-title')
|
|
358
|
+
], EdsWcContentItemTitle);
|
|
359
|
+
export { EdsWcContentItemTitle };
|
|
360
|
+
/* ────────────────────────────────────────────────────────────────────────────
|
|
361
|
+
* eds-wc-content-item-description — Description
|
|
362
|
+
* ──────────────────────────────────────────────────────────────────────────── */
|
|
363
|
+
let EdsWcContentItemDescription = class EdsWcContentItemDescription extends EdsBaseElement {
|
|
364
|
+
static { this.styles = css `
|
|
365
|
+
:host {
|
|
366
|
+
display: block;
|
|
367
|
+
font: var(--eds-f-paragraph-m);
|
|
368
|
+
color: var(--eds-c-foreground);
|
|
369
|
+
}
|
|
370
|
+
`; }
|
|
371
|
+
render() {
|
|
372
|
+
return html `<slot></slot>`;
|
|
373
|
+
}
|
|
374
|
+
};
|
|
375
|
+
EdsWcContentItemDescription = __decorate([
|
|
376
|
+
customElement('eds-wc-content-item-description')
|
|
377
|
+
], EdsWcContentItemDescription);
|
|
378
|
+
export { EdsWcContentItemDescription };
|
|
379
|
+
/* ────────────────────────────────────────────────────────────────────────────
|
|
380
|
+
* eds-wc-content-item-secondary-meta — Secondary metadata container
|
|
381
|
+
* ──────────────────────────────────────────────────────────────────────────── */
|
|
382
|
+
let EdsWcContentItemSecondaryMeta = class EdsWcContentItemSecondaryMeta extends EdsBaseElement {
|
|
383
|
+
static { this.styles = css `
|
|
384
|
+
:host {
|
|
385
|
+
display: flex;
|
|
386
|
+
flex-wrap: wrap;
|
|
387
|
+
gap: var(--eds-sp-xs) var(--eds-sp-m);
|
|
388
|
+
margin-top: var(--eds-sp-3xs);
|
|
389
|
+
font: var(--eds-f-paragraph-s);
|
|
390
|
+
color: var(--eds-c-foreground);
|
|
391
|
+
}
|
|
392
|
+
`; }
|
|
393
|
+
render() {
|
|
394
|
+
return html `<slot></slot>`;
|
|
395
|
+
}
|
|
396
|
+
};
|
|
397
|
+
EdsWcContentItemSecondaryMeta = __decorate([
|
|
398
|
+
customElement('eds-wc-content-item-secondary-meta')
|
|
399
|
+
], EdsWcContentItemSecondaryMeta);
|
|
400
|
+
export { EdsWcContentItemSecondaryMeta };
|
|
401
|
+
/* ────────────────────────────────────────────────────────────────────────────
|
|
402
|
+
* eds-wc-content-item-secondary-meta-item — Single secondary meta entry
|
|
403
|
+
* ──────────────────────────────────────────────────────────────────────────── */
|
|
404
|
+
let EdsWcContentItemSecondaryMetaItem = class EdsWcContentItemSecondaryMetaItem extends EdsBaseElement {
|
|
405
|
+
static { this.styles = css `
|
|
406
|
+
:host {
|
|
407
|
+
display: inline-flex;
|
|
408
|
+
align-items: center;
|
|
409
|
+
gap: var(--eds-sp-2xs);
|
|
410
|
+
}
|
|
411
|
+
`; }
|
|
412
|
+
render() {
|
|
413
|
+
return html `<slot></slot>`;
|
|
414
|
+
}
|
|
415
|
+
};
|
|
416
|
+
EdsWcContentItemSecondaryMetaItem = __decorate([
|
|
417
|
+
customElement('eds-wc-content-item-secondary-meta-item')
|
|
418
|
+
], EdsWcContentItemSecondaryMetaItem);
|
|
419
|
+
export { EdsWcContentItemSecondaryMetaItem };
|
|
420
|
+
//# sourceMappingURL=eds-wc-content-item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"eds-wc-content-item.js","sourceRoot":"","sources":["../../src/eds-content-item/eds-wc-content-item.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { EdsWcContentItem, EdsWcContentItemPicture, EdsWcContentItemBody, EdsWcContentItemLabels, EdsWcContentItemPrimaryMeta, EdsWcContentItemTitle, EdsWcContentItemDescription, EdsWcContentItemSecondaryMeta, EdsWcContentItemSecondaryMetaItem, } from './eds-wc-content-item';
|
|
2
|
+
export type { EdsWcContentItemPicturePosition, EdsWcContentItemPictureSize, } from './eds-wc-content-item';
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-content-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,gBAAgB,EAChB,uBAAuB,EACvB,oBAAoB,EACpB,sBAAsB,EACtB,2BAA2B,EAC3B,qBAAqB,EACrB,2BAA2B,EAC3B,6BAA6B,EAC7B,iCAAiC,GACpC,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EACR,+BAA+B,EAC/B,2BAA2B,GAC9B,MAAM,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { EdsWcContentItem, EdsWcContentItemPicture, EdsWcContentItemBody, EdsWcContentItemLabels, EdsWcContentItemPrimaryMeta, EdsWcContentItemTitle, EdsWcContentItemDescription, EdsWcContentItemSecondaryMeta, EdsWcContentItemSecondaryMetaItem, } from './eds-wc-content-item';
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eds-content-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,gBAAgB,EAChB,uBAAuB,EACvB,oBAAoB,EACpB,sBAAsB,EACtB,2BAA2B,EAC3B,qBAAqB,EACrB,2BAA2B,EAC3B,6BAA6B,EAC7B,iCAAiC,GACpC,MAAM,uBAAuB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eds-wc-date-block.d.ts","sourceRoot":"","sources":["../../src/eds-date-block/eds-wc-date-block.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,OAAO,EAAE,MAAM,KAAK,CAAC;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;;AAGvD;;;;;;;;;;;;;;;;GAgBG;AACH,qBACa,cAAe,SAAQ,mBAA0B;IAC1D;;;OAGG;IAEH,IAAI,SAAM;IAEV,0DAA0D;IAE1D,MAAM,SAAQ;IAEd,OAAO,KAAK,QAAQ,GAInB;IAED,OAAO,CAAC,OAAO;IAUf,OAAgB,MAAM,
|
|
1
|
+
{"version":3,"file":"eds-wc-date-block.d.ts","sourceRoot":"","sources":["../../src/eds-date-block/eds-wc-date-block.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,OAAO,EAAE,MAAM,KAAK,CAAC;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;;AAGvD;;;;;;;;;;;;;;;;GAgBG;AACH,qBACa,cAAe,SAAQ,mBAA0B;IAC1D;;;OAGG;IAEH,IAAI,SAAM;IAEV,0DAA0D;IAE1D,MAAM,SAAQ;IAEd,OAAO,KAAK,QAAQ,GAInB;IAED,OAAO,CAAC,OAAO;IAUf,OAAgB,MAAM,0BAoDpB;cAEiB,MAAM;cAoBN,OAAO,IAAI,IAAI;CASrC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,mBAAmB,EAAE,cAAc,CAAC;KACvC;CACJ"}
|
|
@@ -86,7 +86,8 @@ let EdsWcDateBlock = class EdsWcDateBlock extends ColorMixin(EdsBaseElement) {
|
|
|
86
86
|
}
|
|
87
87
|
|
|
88
88
|
.day {
|
|
89
|
-
font: var(--eds-f-label-l
|
|
89
|
+
font: var(--eds-f-label-l);
|
|
90
|
+
font-weight: var(--eds-f-w-semibold);
|
|
90
91
|
color: var(--eds-c-foreground-default);
|
|
91
92
|
}
|
|
92
93
|
|
|
@@ -99,7 +100,8 @@ let EdsWcDateBlock = class EdsWcDateBlock extends ColorMixin(EdsBaseElement) {
|
|
|
99
100
|
.year {
|
|
100
101
|
background-color: var(--_bottom-bg);
|
|
101
102
|
color: var(--_bottom-color);
|
|
102
|
-
font: var(--eds-f-label-s
|
|
103
|
+
font: var(--eds-f-label-s);
|
|
104
|
+
font-weight: var(--eds-f-w-semibold);
|
|
103
105
|
text-align: center;
|
|
104
106
|
padding: var(--eds-sp-4xs) var(--eds-sp-l);
|
|
105
107
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eds-wc-date-block.js","sourceRoot":"","sources":["../../src/eds-date-block/eds-wc-date-block.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD;;;;;;;;;;;;;;;;GAgBG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU,CAAC,cAAc,CAAC;IAAvD;;QACH;;;WAGG;QAEH,SAAI,GAAG,EAAE,CAAC;QAEV,0DAA0D;QAE1D,WAAM,GAAG,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"eds-wc-date-block.js","sourceRoot":"","sources":["../../src/eds-date-block/eds-wc-date-block.ts"],"names":[],"mappings":"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"}
|
|
@@ -93,7 +93,7 @@ let EdsWcDatepicker = class EdsWcDatepicker extends EdsBaseElement {
|
|
|
93
93
|
}
|
|
94
94
|
|
|
95
95
|
.cal-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--eds-sp-xs); }
|
|
96
|
-
.cal-header span { font: var(--eds-f-label-m-
|
|
96
|
+
.cal-header span { font: var(--eds-f-label-m); font-weight: var(--eds-f-w-semibold); }
|
|
97
97
|
.nav-btn {
|
|
98
98
|
background: none; border: none; cursor: pointer; padding: var(--eds-sp-3xs);
|
|
99
99
|
border-radius: var(--eds-br-s); color: var(--eds-c-foreground-subtle); font-family: inherit;
|
|
@@ -69,7 +69,7 @@ let EdsWcDialog = class EdsWcDialog extends ColorMixin(EdsBaseElement) {
|
|
|
69
69
|
display: flex; align-items: center; justify-content: space-between;
|
|
70
70
|
padding: var(--eds-sp-m) var(--eds-sp-l); border-bottom: var(--eds-bw-xs) solid var(--eds-c-border-divider);
|
|
71
71
|
}
|
|
72
|
-
.header__title { font: var(--eds-f-label-l-
|
|
72
|
+
.header__title { font: var(--eds-f-label-l); font-weight: var(--eds-f-w-semibold); color: var(--eds-c-foreground-default); margin: 0; }
|
|
73
73
|
.header__icon { display: flex; margin-right: var(--eds-sp-xs); }
|
|
74
74
|
.header__icon svg { width: var(--eds-is-l); height: var(--eds-is-l); }
|
|
75
75
|
.header__close {
|
|
@@ -36,7 +36,7 @@ let EdsWcDiscussionThread = class EdsWcDiscussionThread extends EdsBaseElement {
|
|
|
36
36
|
|
|
37
37
|
.header { display: flex; flex-direction: column; width: 100%; }
|
|
38
38
|
.header-title {
|
|
39
|
-
font: var(--eds-f-label-m-
|
|
39
|
+
font: var(--eds-f-label-m); font-weight: var(--eds-f-w-semibold); border-bottom: var(--eds-bw-xs) solid var(--eds-c-border-divider);
|
|
40
40
|
padding-bottom: var(--eds-sp-2xs); margin-bottom: var(--eds-sp-xs);
|
|
41
41
|
}
|
|
42
42
|
.header-subtitle { color: var(--eds-c-foreground-subtler); font: var(--eds-f-paragraph-m); }
|
|
@@ -163,7 +163,7 @@ let EdsWcDiscussionThreadItem = class EdsWcDiscussionThreadItem extends ColorMix
|
|
|
163
163
|
|
|
164
164
|
.header { border-bottom: var(--eds-bw-xs) solid var(--eds-c-border-divider); margin-bottom: var(--eds-sp-s); padding-bottom: var(--eds-sp-s); }
|
|
165
165
|
.heading { display: flex; align-items: center; justify-content: space-between; }
|
|
166
|
-
.title { font: var(--eds-f-label-m-
|
|
166
|
+
.title { font: var(--eds-f-label-m); font-weight: var(--eds-f-w-semibold); }
|
|
167
167
|
.time { font: var(--eds-f-paragraph-s); color: var(--eds-c-foreground-subtler); display: flex; align-items: center; gap: var(--eds-sp-2xs); }
|
|
168
168
|
.time svg { width: var(--eds-is-s); height: var(--eds-is-s); fill: currentColor; }
|
|
169
169
|
.author { margin-top: var(--eds-sp-xs); font: var(--eds-f-paragraph-s); color: var(--eds-c-foreground-subtler); }
|