@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
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { EdsBaseElement } from '../shared/eds-base.js';
|
|
2
2
|
/**
|
|
3
|
-
* `<eds-wc-
|
|
3
|
+
* `<eds-wc-radio>` — EDS Radio Button Web Component.
|
|
4
4
|
*
|
|
5
5
|
* A styled radio button with CSS-only dot rendering via inline SVG.
|
|
6
6
|
* Group multiple radios with the same `name` attribute.
|
|
7
7
|
*
|
|
8
8
|
* @example
|
|
9
9
|
* ```html
|
|
10
|
-
* <eds-wc-
|
|
11
|
-
* <eds-wc-
|
|
10
|
+
* <eds-wc-radio name="color" value="red" label="Red"></eds-wc-radio>
|
|
11
|
+
* <eds-wc-radio name="color" value="blue" label="Blue" checked></eds-wc-radio>
|
|
12
12
|
* ```
|
|
13
13
|
*
|
|
14
14
|
* @fires change - Dispatched when selection changes. `detail: { value: string }`
|
|
@@ -16,7 +16,7 @@ import { EdsBaseElement } from '../shared/eds-base.js';
|
|
|
16
16
|
* @csspart input - The internal `<input>` element
|
|
17
17
|
* @csspart label - The label text
|
|
18
18
|
*/
|
|
19
|
-
export declare class
|
|
19
|
+
export declare class EdsWcRadio extends EdsBaseElement {
|
|
20
20
|
/** Radio value. */
|
|
21
21
|
value: string;
|
|
22
22
|
/** Radio group name. */
|
|
@@ -39,7 +39,7 @@ export declare class EdsWcInputRadio extends EdsBaseElement {
|
|
|
39
39
|
}
|
|
40
40
|
declare global {
|
|
41
41
|
interface HTMLElementTagNameMap {
|
|
42
|
-
'eds-wc-
|
|
42
|
+
'eds-wc-radio': EdsWcRadio;
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
|
-
//# sourceMappingURL=eds-wc-
|
|
45
|
+
//# sourceMappingURL=eds-wc-radio.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"eds-wc-radio.d.ts","sourceRoot":"","sources":["../../src/eds-radio/eds-wc-radio.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;;;;;;;;;;;;GAgBG;AACH,qBACa,UAAW,SAAQ,cAAc;IAC1C,mBAAmB;IAEnB,KAAK,SAAM;IAEX,wBAAwB;IAExB,IAAI,SAAM;IAEV,qBAAqB;IAErB,OAAO,UAAS;IAEhB,sBAAsB;IAEtB,QAAQ,UAAS;IAEjB,sBAAsB;IAEtB,QAAQ,UAAS;IAEjB,qBAAqB;IAErB,OAAO,UAAS;IAEhB,uDAAuD;IAEvD,KAAK,SAAM;IAEX,OAAgB,MAAM,0BA6FpB;cAEiB,MAAM;IAoBzB,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,SAAS;CAQpB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,cAAc,EAAE,UAAU,CAAC;KAC9B;CACJ"}
|
|
@@ -8,15 +8,15 @@ import { html, css } from 'lit';
|
|
|
8
8
|
import { customElement, property } from 'lit/decorators.js';
|
|
9
9
|
import { EdsBaseElement } from '../shared/eds-base.js';
|
|
10
10
|
/**
|
|
11
|
-
* `<eds-wc-
|
|
11
|
+
* `<eds-wc-radio>` — EDS Radio Button Web Component.
|
|
12
12
|
*
|
|
13
13
|
* A styled radio button with CSS-only dot rendering via inline SVG.
|
|
14
14
|
* Group multiple radios with the same `name` attribute.
|
|
15
15
|
*
|
|
16
16
|
* @example
|
|
17
17
|
* ```html
|
|
18
|
-
* <eds-wc-
|
|
19
|
-
* <eds-wc-
|
|
18
|
+
* <eds-wc-radio name="color" value="red" label="Red"></eds-wc-radio>
|
|
19
|
+
* <eds-wc-radio name="color" value="blue" label="Blue" checked></eds-wc-radio>
|
|
20
20
|
* ```
|
|
21
21
|
*
|
|
22
22
|
* @fires change - Dispatched when selection changes. `detail: { value: string }`
|
|
@@ -24,7 +24,7 @@ import { EdsBaseElement } from '../shared/eds-base.js';
|
|
|
24
24
|
* @csspart input - The internal `<input>` element
|
|
25
25
|
* @csspart label - The label text
|
|
26
26
|
*/
|
|
27
|
-
let
|
|
27
|
+
let EdsWcRadio = class EdsWcRadio extends EdsBaseElement {
|
|
28
28
|
constructor() {
|
|
29
29
|
super(...arguments);
|
|
30
30
|
/** Radio value. */
|
|
@@ -86,7 +86,7 @@ let EdsWcInputRadio = class EdsWcInputRadio extends EdsBaseElement {
|
|
|
86
86
|
|
|
87
87
|
/* Disabled */
|
|
88
88
|
input:disabled {
|
|
89
|
-
background-color: var(--eds-c-
|
|
89
|
+
background-color: var(--eds-c-surface-disabled);
|
|
90
90
|
border-color: var(--eds-c-border-disabled);
|
|
91
91
|
pointer-events: none;
|
|
92
92
|
cursor: default;
|
|
@@ -118,11 +118,11 @@ let EdsWcInputRadio = class EdsWcInputRadio extends EdsBaseElement {
|
|
|
118
118
|
|
|
119
119
|
/* Focus */
|
|
120
120
|
input:focus-visible {
|
|
121
|
-
outline: 2px solid var(--eds-c-focus
|
|
121
|
+
outline: 2px solid var(--eds-c-border-focus);
|
|
122
122
|
outline-offset: 2px;
|
|
123
123
|
}
|
|
124
124
|
:host([invalid]) input:focus-visible {
|
|
125
|
-
outline-color: var(--eds-c-border-critical
|
|
125
|
+
outline-color: var(--eds-c-border-critical);
|
|
126
126
|
}
|
|
127
127
|
|
|
128
128
|
.label-text {
|
|
@@ -178,27 +178,27 @@ let EdsWcInputRadio = class EdsWcInputRadio extends EdsBaseElement {
|
|
|
178
178
|
};
|
|
179
179
|
__decorate([
|
|
180
180
|
property({ type: String })
|
|
181
|
-
],
|
|
181
|
+
], EdsWcRadio.prototype, "value", void 0);
|
|
182
182
|
__decorate([
|
|
183
183
|
property({ type: String })
|
|
184
|
-
],
|
|
184
|
+
], EdsWcRadio.prototype, "name", void 0);
|
|
185
185
|
__decorate([
|
|
186
186
|
property({ type: Boolean, reflect: true })
|
|
187
|
-
],
|
|
187
|
+
], EdsWcRadio.prototype, "checked", void 0);
|
|
188
188
|
__decorate([
|
|
189
189
|
property({ type: Boolean, reflect: true })
|
|
190
|
-
],
|
|
190
|
+
], EdsWcRadio.prototype, "disabled", void 0);
|
|
191
191
|
__decorate([
|
|
192
192
|
property({ type: Boolean, reflect: true })
|
|
193
|
-
],
|
|
193
|
+
], EdsWcRadio.prototype, "readonly", void 0);
|
|
194
194
|
__decorate([
|
|
195
195
|
property({ type: Boolean, reflect: true })
|
|
196
|
-
],
|
|
196
|
+
], EdsWcRadio.prototype, "invalid", void 0);
|
|
197
197
|
__decorate([
|
|
198
198
|
property({ type: String })
|
|
199
|
-
],
|
|
200
|
-
|
|
201
|
-
customElement('eds-wc-
|
|
202
|
-
],
|
|
203
|
-
export {
|
|
204
|
-
//# sourceMappingURL=eds-wc-
|
|
199
|
+
], EdsWcRadio.prototype, "label", void 0);
|
|
200
|
+
EdsWcRadio = __decorate([
|
|
201
|
+
customElement('eds-wc-radio')
|
|
202
|
+
], EdsWcRadio);
|
|
203
|
+
export { EdsWcRadio };
|
|
204
|
+
//# sourceMappingURL=eds-wc-radio.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"eds-wc-radio.js","sourceRoot":"","sources":["../../src/eds-radio/eds-wc-radio.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eds-radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
import { EdsBaseElement } from '../shared/eds-base.js';
|
|
3
|
+
/**
|
|
4
|
+
* Sizes the segmented control styles (ported 1:1 from the Angular `EdsSegmentedControlSize`).
|
|
5
|
+
*/
|
|
6
|
+
export type EdsWcSegmentedControlSize = 's' | 'm' | 'l';
|
|
7
|
+
/**
|
|
8
|
+
* `<eds-wc-segmented-control>` — EDS Segmented Control Web Component.
|
|
9
|
+
*
|
|
10
|
+
* A pill-shaped selection group with single or multiple selection modes, projecting
|
|
11
|
+
* `<eds-wc-segmented-control-item>` children. Mirrors the Angular `eds-segmented-control` 1:1:
|
|
12
|
+
* reflected `size` (`s|m|l`), boolean `multiple` / `connected` / `fluid`, `radiogroup` / `toolbar`
|
|
13
|
+
* roles, and roving-tabindex keyboard navigation.
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* ```html
|
|
17
|
+
* <eds-wc-segmented-control size="m">
|
|
18
|
+
* <eds-wc-segmented-control-item value="all" checked>All</eds-wc-segmented-control-item>
|
|
19
|
+
* <eds-wc-segmented-control-item value="draft">Draft</eds-wc-segmented-control-item>
|
|
20
|
+
* <eds-wc-segmented-control-item value="done">Done</eds-wc-segmented-control-item>
|
|
21
|
+
* </eds-wc-segmented-control>
|
|
22
|
+
* ```
|
|
23
|
+
*
|
|
24
|
+
* @fires selection-change - Fired when the selection changes. `detail: { values: string[] }`
|
|
25
|
+
* @slot - `<eds-wc-segmented-control-item>` elements
|
|
26
|
+
*/
|
|
27
|
+
export declare class EdsWcSegmentedControl extends EdsBaseElement {
|
|
28
|
+
size: EdsWcSegmentedControlSize;
|
|
29
|
+
multiple: boolean;
|
|
30
|
+
connected: boolean;
|
|
31
|
+
fluid: boolean;
|
|
32
|
+
ariaLabel: string | null;
|
|
33
|
+
static styles: import("lit").CSSResult;
|
|
34
|
+
connectedCallback(): void;
|
|
35
|
+
disconnectedCallback(): void;
|
|
36
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
37
|
+
private get _items();
|
|
38
|
+
private _onSlotChange;
|
|
39
|
+
private _onItemClick;
|
|
40
|
+
private _onKeydown;
|
|
41
|
+
}
|
|
42
|
+
/**
|
|
43
|
+
* `<eds-wc-segmented-control-item>` — A single item in the segmented control.
|
|
44
|
+
*
|
|
45
|
+
* @fires item-click - Internal event consumed by the parent group.
|
|
46
|
+
* @slot - Item content (text, icons)
|
|
47
|
+
*/
|
|
48
|
+
export declare class EdsWcSegmentedControlItem extends LitElement {
|
|
49
|
+
value: string;
|
|
50
|
+
checked: boolean;
|
|
51
|
+
disabled: boolean;
|
|
52
|
+
connected: boolean;
|
|
53
|
+
fluid: boolean;
|
|
54
|
+
static styles: import("lit").CSSResult;
|
|
55
|
+
connectedCallback(): void;
|
|
56
|
+
protected updated(): void;
|
|
57
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
58
|
+
focus(): void;
|
|
59
|
+
private _onClick;
|
|
60
|
+
}
|
|
61
|
+
declare global {
|
|
62
|
+
interface HTMLElementTagNameMap {
|
|
63
|
+
'eds-wc-segmented-control': EdsWcSegmentedControl;
|
|
64
|
+
'eds-wc-segmented-control-item': EdsWcSegmentedControlItem;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
//# sourceMappingURL=eds-wc-segmented-control.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"eds-wc-segmented-control.d.ts","sourceRoot":"","sources":["../../src/eds-segmented-control/eds-wc-segmented-control.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAExD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBACa,qBAAsB,SAAQ,cAAc;IACV,IAAI,EAAE,yBAAyB,CAAO;IACrC,QAAQ,UAAS;IACjB,SAAS,UAAS;IAClB,KAAK,UAAS;IACI,SAAS,EAAE,MAAM,GAAG,IAAI,CAAqB;IAE3G,OAAgB,MAAM,0BAWpB;IAEO,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;cAMlB,MAAM;IAIzB,OAAO,KAAK,MAAM,GAEjB;IAED,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,YAAY,CAgBlB;IAEF,OAAO,CAAC,UAAU,CAchB;CACL;AAED;;;;;GAKG;AACH,qBACa,yBAA0B,SAAQ,UAAU;IACzB,KAAK,SAAM;IACK,OAAO,UAAS;IAChB,QAAQ,UAAS;IACjB,SAAS,UAAS;IAClB,KAAK,UAAS;IAE1D,OAAgB,MAAM,0BA4BpB;IAEO,iBAAiB,IAAI,IAAI;cAKf,OAAO,IAAI,IAAI;cAIf,MAAM;IAIhB,KAAK,IAAI,IAAI;IAItB,OAAO,CAAC,QAAQ;CAGnB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,0BAA0B,EAAE,qBAAqB,CAAC;QAClD,+BAA+B,EAAE,yBAAyB,CAAC;KAC9D;CACJ"}
|
|
@@ -6,29 +6,31 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
6
6
|
};
|
|
7
7
|
import { html, css, LitElement } from 'lit';
|
|
8
8
|
import { customElement, property } from 'lit/decorators.js';
|
|
9
|
-
import { SizeMixin } from '../shared/size-mixin.js';
|
|
10
9
|
import { EdsBaseElement } from '../shared/eds-base.js';
|
|
11
10
|
/**
|
|
12
|
-
* `<eds-wc-
|
|
11
|
+
* `<eds-wc-segmented-control>` — EDS Segmented Control Web Component.
|
|
13
12
|
*
|
|
14
|
-
* A pill-shaped selection group with single or multiple selection modes
|
|
15
|
-
*
|
|
13
|
+
* A pill-shaped selection group with single or multiple selection modes, projecting
|
|
14
|
+
* `<eds-wc-segmented-control-item>` children. Mirrors the Angular `eds-segmented-control` 1:1:
|
|
15
|
+
* reflected `size` (`s|m|l`), boolean `multiple` / `connected` / `fluid`, `radiogroup` / `toolbar`
|
|
16
|
+
* roles, and roving-tabindex keyboard navigation.
|
|
16
17
|
*
|
|
17
18
|
* @example
|
|
18
19
|
* ```html
|
|
19
|
-
* <eds-wc-
|
|
20
|
-
* <eds-wc-
|
|
21
|
-
* <eds-wc-
|
|
22
|
-
* <eds-wc-
|
|
23
|
-
* </eds-wc-
|
|
20
|
+
* <eds-wc-segmented-control size="m">
|
|
21
|
+
* <eds-wc-segmented-control-item value="all" checked>All</eds-wc-segmented-control-item>
|
|
22
|
+
* <eds-wc-segmented-control-item value="draft">Draft</eds-wc-segmented-control-item>
|
|
23
|
+
* <eds-wc-segmented-control-item value="done">Done</eds-wc-segmented-control-item>
|
|
24
|
+
* </eds-wc-segmented-control>
|
|
24
25
|
* ```
|
|
25
26
|
*
|
|
26
|
-
* @fires selection-change - `detail: { values: string[] }`
|
|
27
|
-
* @slot - `<eds-wc-
|
|
27
|
+
* @fires selection-change - Fired when the selection changes. `detail: { values: string[] }`
|
|
28
|
+
* @slot - `<eds-wc-segmented-control-item>` elements
|
|
28
29
|
*/
|
|
29
|
-
let
|
|
30
|
+
let EdsWcSegmentedControl = class EdsWcSegmentedControl extends EdsBaseElement {
|
|
30
31
|
constructor() {
|
|
31
32
|
super(...arguments);
|
|
33
|
+
this.size = 'm';
|
|
32
34
|
this.multiple = false;
|
|
33
35
|
this.connected = false;
|
|
34
36
|
this.fluid = false;
|
|
@@ -110,7 +112,7 @@ let EdsWcButtonGroup = class EdsWcButtonGroup extends SizeMixin(EdsBaseElement)
|
|
|
110
112
|
return html `<slot @slotchange="${this._onSlotChange}"></slot>`;
|
|
111
113
|
}
|
|
112
114
|
get _items() {
|
|
113
|
-
return Array.from(this.querySelectorAll('eds-wc-
|
|
115
|
+
return Array.from(this.querySelectorAll('eds-wc-segmented-control-item'));
|
|
114
116
|
}
|
|
115
117
|
_onSlotChange() {
|
|
116
118
|
this._items.forEach(item => {
|
|
@@ -121,29 +123,32 @@ let EdsWcButtonGroup = class EdsWcButtonGroup extends SizeMixin(EdsBaseElement)
|
|
|
121
123
|
});
|
|
122
124
|
}
|
|
123
125
|
};
|
|
126
|
+
__decorate([
|
|
127
|
+
property({ type: String, reflect: true })
|
|
128
|
+
], EdsWcSegmentedControl.prototype, "size", void 0);
|
|
124
129
|
__decorate([
|
|
125
130
|
property({ type: Boolean, reflect: true })
|
|
126
|
-
],
|
|
131
|
+
], EdsWcSegmentedControl.prototype, "multiple", void 0);
|
|
127
132
|
__decorate([
|
|
128
133
|
property({ type: Boolean, reflect: true })
|
|
129
|
-
],
|
|
134
|
+
], EdsWcSegmentedControl.prototype, "connected", void 0);
|
|
130
135
|
__decorate([
|
|
131
136
|
property({ type: Boolean, reflect: true })
|
|
132
|
-
],
|
|
137
|
+
], EdsWcSegmentedControl.prototype, "fluid", void 0);
|
|
133
138
|
__decorate([
|
|
134
139
|
property({ type: String, attribute: 'aria-label' })
|
|
135
|
-
],
|
|
136
|
-
|
|
137
|
-
customElement('eds-wc-
|
|
138
|
-
],
|
|
139
|
-
export {
|
|
140
|
+
], EdsWcSegmentedControl.prototype, "ariaLabel", void 0);
|
|
141
|
+
EdsWcSegmentedControl = __decorate([
|
|
142
|
+
customElement('eds-wc-segmented-control')
|
|
143
|
+
], EdsWcSegmentedControl);
|
|
144
|
+
export { EdsWcSegmentedControl };
|
|
140
145
|
/**
|
|
141
|
-
* `<eds-wc-
|
|
146
|
+
* `<eds-wc-segmented-control-item>` — A single item in the segmented control.
|
|
142
147
|
*
|
|
143
|
-
* @fires item-click - Internal event consumed by parent group
|
|
144
|
-
* @slot -
|
|
148
|
+
* @fires item-click - Internal event consumed by the parent group.
|
|
149
|
+
* @slot - Item content (text, icons)
|
|
145
150
|
*/
|
|
146
|
-
let
|
|
151
|
+
let EdsWcSegmentedControlItem = class EdsWcSegmentedControlItem extends LitElement {
|
|
147
152
|
constructor() {
|
|
148
153
|
super(...arguments);
|
|
149
154
|
this.value = '';
|
|
@@ -200,21 +205,21 @@ let EdsWcButtonGroupItem = class EdsWcButtonGroupItem extends LitElement {
|
|
|
200
205
|
};
|
|
201
206
|
__decorate([
|
|
202
207
|
property({ type: String })
|
|
203
|
-
],
|
|
208
|
+
], EdsWcSegmentedControlItem.prototype, "value", void 0);
|
|
204
209
|
__decorate([
|
|
205
210
|
property({ type: Boolean, reflect: true })
|
|
206
|
-
],
|
|
211
|
+
], EdsWcSegmentedControlItem.prototype, "checked", void 0);
|
|
207
212
|
__decorate([
|
|
208
213
|
property({ type: Boolean, reflect: true })
|
|
209
|
-
],
|
|
214
|
+
], EdsWcSegmentedControlItem.prototype, "disabled", void 0);
|
|
210
215
|
__decorate([
|
|
211
216
|
property({ type: Boolean, reflect: true })
|
|
212
|
-
],
|
|
217
|
+
], EdsWcSegmentedControlItem.prototype, "connected", void 0);
|
|
213
218
|
__decorate([
|
|
214
219
|
property({ type: Boolean, reflect: true })
|
|
215
|
-
],
|
|
216
|
-
|
|
217
|
-
customElement('eds-wc-
|
|
218
|
-
],
|
|
219
|
-
export {
|
|
220
|
-
//# sourceMappingURL=eds-wc-
|
|
220
|
+
], EdsWcSegmentedControlItem.prototype, "fluid", void 0);
|
|
221
|
+
EdsWcSegmentedControlItem = __decorate([
|
|
222
|
+
customElement('eds-wc-segmented-control-item')
|
|
223
|
+
], EdsWcSegmentedControlItem);
|
|
224
|
+
export { EdsWcSegmentedControlItem };
|
|
225
|
+
//# sourceMappingURL=eds-wc-segmented-control.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"eds-wc-segmented-control.js","sourceRoot":"","sources":["../../src/eds-segmented-control/eds-wc-segmented-control.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/eds-segmented-control/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAC9F,YAAY,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eds-segmented-control/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import { EdsBaseElement } from '../shared/eds-base.js';
|
|
2
|
+
/** Size variants supported by the EDS select (mirrors `EdsSelectSize`). */
|
|
3
|
+
export type EdsWcSelectSize = 's' | 'm' | 'l';
|
|
2
4
|
/**
|
|
3
5
|
* `<eds-wc-select>` — EDS Select / Dropdown Web Component.
|
|
4
6
|
*
|
|
@@ -33,6 +35,15 @@ export declare class EdsWcSelect extends EdsBaseElement {
|
|
|
33
35
|
readonly: boolean;
|
|
34
36
|
/** Invalid/error state. */
|
|
35
37
|
invalid: boolean;
|
|
38
|
+
/** Size variant — reflected as the `size` host attribute. */
|
|
39
|
+
size: EdsWcSelectSize;
|
|
40
|
+
/**
|
|
41
|
+
* Number of visible option rows — maps to the native `<select size="N">`
|
|
42
|
+
* attribute to render the control as a multi-row list box. Omit (or <=1)
|
|
43
|
+
* for the default single-row dropdown. Mirrors the Angular `rowCount` input;
|
|
44
|
+
* kept off the host `size` attribute (which is the s/m/l variant).
|
|
45
|
+
*/
|
|
46
|
+
rowCount?: number;
|
|
36
47
|
/** Accessible label. */
|
|
37
48
|
ariaLabel: string | null;
|
|
38
49
|
private _select;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eds-wc-select.d.ts","sourceRoot":"","sources":["../../src/eds-select/eds-wc-select.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBACa,WAAY,SAAQ,cAAc;IAC3C,qBAAqB;IAErB,KAAK,SAAM;IAEX,+DAA+D;IAE/D,WAAW,SAAM;IAEjB,sBAAsB;IAEtB,QAAQ,UAAS;IAEjB,kEAAkE;IAElE,QAAQ,UAAS;IAEjB,2BAA2B;IAE3B,OAAO,UAAS;IAEhB,wBAAwB;IAEf,SAAS,EAAE,MAAM,GAAG,IAAI,CAAsB;IAGvD,OAAO,CAAC,OAAO,CAAqB;IAEpC,OAAgB,MAAM,
|
|
1
|
+
{"version":3,"file":"eds-wc-select.d.ts","sourceRoot":"","sources":["../../src/eds-select/eds-wc-select.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,2EAA2E;AAC3E,MAAM,MAAM,eAAe,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAE9C;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBACa,WAAY,SAAQ,cAAc;IAC3C,qBAAqB;IAErB,KAAK,SAAM;IAEX,+DAA+D;IAE/D,WAAW,SAAM;IAEjB,sBAAsB;IAEtB,QAAQ,UAAS;IAEjB,kEAAkE;IAElE,QAAQ,UAAS;IAEjB,2BAA2B;IAE3B,OAAO,UAAS;IAEhB,6DAA6D;IAE7D,IAAI,EAAE,eAAe,CAAO;IAE5B;;;;;OAKG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,wBAAwB;IAEf,SAAS,EAAE,MAAM,GAAG,IAAI,CAAsB;IAGvD,OAAO,CAAC,OAAO,CAAqB;IAEpC,OAAgB,MAAM,0BAwGpB;cAEiB,MAAM;cA0BN,OAAO,IAAI,IAAI;IAOlC,OAAO,CAAC,SAAS;IASjB,OAAO,CAAC,gBAAgB;CAS3B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,eAAe,EAAE,WAAW,CAAC;KAChC;CACJ"}
|
|
@@ -43,6 +43,8 @@ let EdsWcSelect = class EdsWcSelect extends EdsBaseElement {
|
|
|
43
43
|
this.readonly = false;
|
|
44
44
|
/** Invalid/error state. */
|
|
45
45
|
this.invalid = false;
|
|
46
|
+
/** Size variant — reflected as the `size` host attribute. */
|
|
47
|
+
this.size = 'm';
|
|
46
48
|
/** Accessible label. */
|
|
47
49
|
this.ariaLabel = 'Select an option';
|
|
48
50
|
}
|
|
@@ -51,16 +53,38 @@ let EdsWcSelect = class EdsWcSelect extends EdsBaseElement {
|
|
|
51
53
|
display: block;
|
|
52
54
|
}
|
|
53
55
|
|
|
56
|
+
:host {
|
|
57
|
+
/* Size-driven privates (defaults = m) */
|
|
58
|
+
--_eds-select-min-height: var(--eds-si-4xl);
|
|
59
|
+
--_eds-select-pad-v: var(--eds-sp-xs);
|
|
60
|
+
--_eds-select-pad-h: var(--eds-sp-s);
|
|
61
|
+
--_eds-select-font: var(--eds-f-paragraph-m);
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
:host([size="s"]) {
|
|
65
|
+
--_eds-select-min-height: var(--eds-si-3xl); /* 32px */
|
|
66
|
+
--_eds-select-pad-v: var(--eds-sp-2xs);
|
|
67
|
+
--_eds-select-pad-h: var(--eds-sp-s);
|
|
68
|
+
--_eds-select-font: var(--eds-f-paragraph-s);
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
:host([size="l"]) {
|
|
72
|
+
--_eds-select-min-height: var(--eds-si-6xl); /* 48px */
|
|
73
|
+
--_eds-select-pad-v: var(--eds-sp-s);
|
|
74
|
+
--_eds-select-pad-h: var(--eds-sp-m);
|
|
75
|
+
--_eds-select-font: var(--eds-f-paragraph-l);
|
|
76
|
+
}
|
|
77
|
+
|
|
54
78
|
select {
|
|
55
|
-
font: var(--
|
|
79
|
+
font: var(--_eds-select-font);
|
|
56
80
|
appearance: none;
|
|
57
81
|
background-color: var(--eds-c-surface-elevation);
|
|
58
82
|
border: var(--eds-bw-xs) solid var(--eds-c-border-neutral);
|
|
59
83
|
border-radius: var(--eds-br-s);
|
|
60
84
|
box-shadow: none;
|
|
61
85
|
color: var(--eds-c-foreground-default);
|
|
62
|
-
min-height: var(--
|
|
63
|
-
padding: var(--
|
|
86
|
+
min-height: var(--_eds-select-min-height);
|
|
87
|
+
padding: var(--_eds-select-pad-v) var(--_eds-select-pad-h);
|
|
64
88
|
padding-right: var(--eds-sp-3xl);
|
|
65
89
|
width: 100%;
|
|
66
90
|
box-sizing: border-box;
|
|
@@ -75,6 +99,13 @@ let EdsWcSelect = class EdsWcSelect extends EdsBaseElement {
|
|
|
75
99
|
background-size: var(--eds-sp-l);
|
|
76
100
|
}
|
|
77
101
|
|
|
102
|
+
/* Multi-row list box (rowCount > 1): no dropdown caret, auto height */
|
|
103
|
+
select[size]:not([size="1"]):not([size="0"]) {
|
|
104
|
+
background-image: none;
|
|
105
|
+
height: auto;
|
|
106
|
+
padding-right: var(--_eds-select-pad-h);
|
|
107
|
+
}
|
|
108
|
+
|
|
78
109
|
select:focus-visible {
|
|
79
110
|
outline: 2px solid var(--eds-c-border-primary);
|
|
80
111
|
outline-offset: -2px;
|
|
@@ -87,7 +118,7 @@ let EdsWcSelect = class EdsWcSelect extends EdsBaseElement {
|
|
|
87
118
|
|
|
88
119
|
/* Disabled */
|
|
89
120
|
select:disabled {
|
|
90
|
-
background-color: var(--eds-c-
|
|
121
|
+
background-color: var(--eds-c-surface-disabled);
|
|
91
122
|
border-color: var(--eds-c-border-disabled);
|
|
92
123
|
color: var(--eds-c-foreground-subtler);
|
|
93
124
|
cursor: default;
|
|
@@ -132,6 +163,7 @@ let EdsWcSelect = class EdsWcSelect extends EdsBaseElement {
|
|
|
132
163
|
<select
|
|
133
164
|
part="select"
|
|
134
165
|
class="${selectClasses}"
|
|
166
|
+
size="${this.rowCount && this.rowCount > 1 ? this.rowCount : 1}"
|
|
135
167
|
?disabled="${this.disabled}"
|
|
136
168
|
aria-label="${this.ariaLabel || 'Select an option'}"
|
|
137
169
|
aria-invalid="${this.invalid}"
|
|
@@ -184,6 +216,12 @@ __decorate([
|
|
|
184
216
|
__decorate([
|
|
185
217
|
property({ type: Boolean, reflect: true })
|
|
186
218
|
], EdsWcSelect.prototype, "invalid", void 0);
|
|
219
|
+
__decorate([
|
|
220
|
+
property({ type: String, reflect: true })
|
|
221
|
+
], EdsWcSelect.prototype, "size", void 0);
|
|
222
|
+
__decorate([
|
|
223
|
+
property({ type: Number, attribute: 'row-count' })
|
|
224
|
+
], EdsWcSelect.prototype, "rowCount", void 0);
|
|
187
225
|
__decorate([
|
|
188
226
|
property({ type: String, attribute: 'aria-label' })
|
|
189
227
|
], EdsWcSelect.prototype, "ariaLabel", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eds-wc-select.js","sourceRoot":"","sources":["../../src/eds-select/eds-wc-select.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"eds-wc-select.js","sourceRoot":"","sources":["../../src/eds-select/eds-wc-select.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { EdsBaseElement } from '../shared/eds-base.js';
|
|
2
|
+
/**
|
|
3
|
+
* `<eds-wc-side-sheet-content>` — scrollable body region of `<eds-wc-side-sheet>`.
|
|
4
|
+
* 1:1 projection of the Angular `eds-side-sheet-content` component. Place with `slot="content"`.
|
|
5
|
+
*
|
|
6
|
+
* @slot - Default slot for the side sheet body content.
|
|
7
|
+
*/
|
|
8
|
+
export declare class EdsWcSideSheetContent extends EdsBaseElement {
|
|
9
|
+
static styles: import("lit").CSSResult;
|
|
10
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
11
|
+
}
|
|
12
|
+
declare global {
|
|
13
|
+
interface HTMLElementTagNameMap {
|
|
14
|
+
'eds-wc-side-sheet-content': EdsWcSideSheetContent;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=eds-wc-side-sheet-content.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"eds-wc-side-sheet-content.d.ts","sourceRoot":"","sources":["../../src/eds-side-sheet/eds-wc-side-sheet-content.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;GAKG;AACH,qBACa,qBAAsB,SAAQ,cAAc;IACrD,OAAgB,MAAM,0BAQpB;cAEiB,MAAM;CAG5B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,2BAA2B,EAAE,qBAAqB,CAAC;KACtD;CACJ"}
|
|
@@ -0,0 +1,34 @@
|
|
|
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 } from 'lit/decorators.js';
|
|
9
|
+
import { EdsBaseElement } from '../shared/eds-base.js';
|
|
10
|
+
/**
|
|
11
|
+
* `<eds-wc-side-sheet-content>` — scrollable body region of `<eds-wc-side-sheet>`.
|
|
12
|
+
* 1:1 projection of the Angular `eds-side-sheet-content` component. Place with `slot="content"`.
|
|
13
|
+
*
|
|
14
|
+
* @slot - Default slot for the side sheet body content.
|
|
15
|
+
*/
|
|
16
|
+
let EdsWcSideSheetContent = class EdsWcSideSheetContent extends EdsBaseElement {
|
|
17
|
+
static { this.styles = css `
|
|
18
|
+
:host {
|
|
19
|
+
display: block;
|
|
20
|
+
flex: 1;
|
|
21
|
+
padding: var(--eds-sp-l);
|
|
22
|
+
overflow-y: auto;
|
|
23
|
+
min-height: 0;
|
|
24
|
+
}
|
|
25
|
+
`; }
|
|
26
|
+
render() {
|
|
27
|
+
return html `<slot></slot>`;
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
EdsWcSideSheetContent = __decorate([
|
|
31
|
+
customElement('eds-wc-side-sheet-content')
|
|
32
|
+
], EdsWcSideSheetContent);
|
|
33
|
+
export { EdsWcSideSheetContent };
|
|
34
|
+
//# sourceMappingURL=eds-wc-side-sheet-content.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"eds-wc-side-sheet-content.js","sourceRoot":"","sources":["../../src/eds-side-sheet/eds-wc-side-sheet-content.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;GAKG;AAEI,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,cAAc;aACrC,WAAM,GAAG,GAAG,CAAA;;;;;;;;KAQ3B,AARqB,CAQpB;IAEiB,MAAM;QACrB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC/B,CAAC;;AAbQ,qBAAqB;IADjC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,qBAAqB,CAcjC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { EdsBaseElement } from '../shared/eds-base.js';
|
|
2
|
+
/**
|
|
3
|
+
* `<eds-wc-side-sheet-footer>` — footer region of `<eds-wc-side-sheet>`.
|
|
4
|
+
* 1:1 projection of the Angular `eds-side-sheet-footer` component. Place with `slot="footer"`.
|
|
5
|
+
*
|
|
6
|
+
* @slot - Default slot for footer content (e.g. action buttons).
|
|
7
|
+
*/
|
|
8
|
+
export declare class EdsWcSideSheetFooter extends EdsBaseElement {
|
|
9
|
+
static styles: import("lit").CSSResult;
|
|
10
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
11
|
+
}
|
|
12
|
+
declare global {
|
|
13
|
+
interface HTMLElementTagNameMap {
|
|
14
|
+
'eds-wc-side-sheet-footer': EdsWcSideSheetFooter;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=eds-wc-side-sheet-footer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"eds-wc-side-sheet-footer.d.ts","sourceRoot":"","sources":["../../src/eds-side-sheet/eds-wc-side-sheet-footer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;GAKG;AACH,qBACa,oBAAqB,SAAQ,cAAc;IACpD,OAAgB,MAAM,0BASpB;cAEiB,MAAM;CAG5B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,0BAA0B,EAAE,oBAAoB,CAAC;KACpD;CACJ"}
|