@cupra/ui-kit 2.0.0-canary.132 → 2.0.0-canary.134
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/dist/cjs/components/ds-accordion/ds-accordion.cjs +4 -4
- package/dist/cjs/components/ds-avatar/ds-avatar.cjs +4 -4
- package/dist/cjs/components/ds-basic-card-header/ds-basic-card-header.cjs +3 -3
- package/dist/cjs/components/ds-basic-card-section/ds-basic-card-section.cjs +3 -3
- package/dist/cjs/components/ds-breadcrumbs/ds-breadcrumbs.cjs +12 -9
- package/dist/cjs/components/ds-button/ds-button.cjs +12 -12
- package/dist/cjs/components/ds-calendar/ds-calendar.cjs +25 -4
- package/dist/cjs/components/ds-calendar-day/ds-calendar-day.cjs +1 -1
- package/dist/cjs/components/ds-checkbox/ds-checkbox.cjs +3 -3
- package/dist/cjs/components/ds-chip/ds-chip.cjs +14 -4
- package/dist/cjs/components/ds-chips/ds-chips.cjs +12 -3
- package/dist/cjs/components/ds-date-picker/ds-date-picker.cjs +11 -3
- package/dist/cjs/components/ds-dialog-header/ds-dialog-header.cjs +4 -4
- package/dist/cjs/components/ds-divider/ds-divider.cjs +1 -1
- package/dist/cjs/components/ds-drawer/ds-drawer.cjs +13 -4
- package/dist/cjs/components/ds-favourite-action/ds-favourite-action.cjs +3 -3
- package/dist/cjs/components/ds-icon/ds-icon.cjs +1 -1
- package/dist/cjs/components/ds-icon-button/ds-icon-button.cjs +6 -6
- package/dist/cjs/components/ds-inline-alert/ds-inline-alert.cjs +11 -5
- package/dist/cjs/components/ds-input/ds-input.cjs +4 -4
- package/dist/cjs/components/ds-interactive-card/ds-interactive-card.cjs +11 -4
- package/dist/cjs/components/ds-link-button/ds-link-button.cjs +5 -5
- package/dist/cjs/components/ds-loader-logo/ds-loader-logo.cjs +3 -3
- package/dist/cjs/components/ds-loader-spinner/ds-loader-spinner.cjs +1 -1
- package/dist/cjs/components/ds-logo/ds-logo.cjs +3 -3
- package/dist/cjs/components/ds-map-pin/ds-map-pin.cjs +3 -3
- package/dist/cjs/components/ds-media-control/ds-media-control.cjs +3 -3
- package/dist/cjs/components/ds-modal/ds-modal.cjs +22 -4
- package/dist/cjs/components/ds-password-input/ds-password-input.cjs +9 -1
- package/dist/cjs/components/ds-rating/ds-rating.cjs +3 -3
- package/dist/cjs/components/ds-search/ds-search.cjs +6 -6
- package/dist/cjs/components/ds-search-input/ds-search-input.cjs +20 -4
- package/dist/cjs/components/ds-secondary-navigation/ds-secondary-navigation.cjs +24 -12
- package/dist/cjs/components/ds-select/ds-select.cjs +10 -9
- package/dist/cjs/components/ds-selection/ds-selection.cjs +3 -3
- package/dist/cjs/components/ds-sidebar-navigation/ds-sidebar-navigation.cjs +11 -3
- package/dist/cjs/components/ds-skeleton/ds-skeleton.cjs +1 -1
- package/dist/cjs/components/ds-tabs/ds-tabs.cjs +12 -4
- package/dist/cjs/components/ds-tag/ds-tag.cjs +5 -5
- package/dist/cjs/components/ds-text/ds-text.cjs +3 -3
- package/dist/cjs/components/ds-text-input/ds-text-input.cjs +11 -3
- package/dist/cjs/components/ds-theme-provider/ds-theme-provider.cjs +1 -1
- package/dist/cjs/components/ds-toast/ds-toast.cjs +10 -4
- package/dist/cjs/components/ds-toast-message/ds-toast-message.cjs +11 -5
- package/dist/cjs/components/ds-tooltip/ds-tooltip.cjs +2 -2
- package/dist/cjs/components/index.cjs +1 -1
- package/dist/cjs/decorators/customUiKitElement.cjs +1 -1
- package/dist/cjs/mixins/ViewportMixin.cjs +1 -1
- package/dist/cjs/utils/IconsManager.cjs +1 -1
- package/dist/cjs/utils/PubSub.cjs +1 -1
- package/dist/cjs/utils/StylesRegistry/StylesRegistry.cjs +1 -1
- package/dist/cjs/utils/uiKitHtml.cjs +1 -0
- package/dist/cjs/utils/version.cjs +1 -1
- package/dist/esm/components/ds-accordion/ds-accordion.js +14 -18
- package/dist/esm/components/ds-avatar/ds-avatar.js +16 -17
- package/dist/esm/components/ds-basic-card-header/ds-basic-card-header.js +9 -10
- package/dist/esm/components/ds-basic-card-section/ds-basic-card-section.js +10 -11
- package/dist/esm/components/ds-breadcrumbs/ds-breadcrumbs.js +26 -28
- package/dist/esm/components/ds-button/ds-button.js +40 -41
- package/dist/esm/components/ds-calendar/ds-calendar.js +47 -45
- package/dist/esm/components/ds-calendar-day/ds-calendar-day.js +0 -1
- package/dist/esm/components/ds-checkbox/ds-checkbox.js +26 -29
- package/dist/esm/components/ds-chip/ds-chip.js +27 -28
- package/dist/esm/components/ds-chips/ds-chips.js +24 -20
- package/dist/esm/components/ds-date-picker/ds-date-picker.js +29 -25
- package/dist/esm/components/ds-dialog-header/ds-dialog-header.js +13 -13
- package/dist/esm/components/ds-divider/ds-divider.js +0 -1
- package/dist/esm/components/ds-drawer/ds-drawer.js +23 -19
- package/dist/esm/components/ds-favourite-action/ds-favourite-action.js +12 -13
- package/dist/esm/components/ds-icon/ds-icon.js +0 -1
- package/dist/esm/components/ds-icon-button/ds-icon-button.js +29 -29
- package/dist/esm/components/ds-inline-alert/ds-inline-alert.js +24 -24
- package/dist/esm/components/ds-input/ds-input.js +9 -11
- package/dist/esm/components/ds-interactive-card/ds-interactive-card.js +22 -23
- package/dist/esm/components/ds-link-button/ds-link-button.js +22 -21
- package/dist/esm/components/ds-loader-logo/ds-loader-logo.js +11 -10
- package/dist/esm/components/ds-loader-spinner/ds-loader-spinner.js +0 -1
- package/dist/esm/components/ds-logo/ds-logo.js +12 -16
- package/dist/esm/components/ds-map-pin/ds-map-pin.js +17 -17
- package/dist/esm/components/ds-media-control/ds-media-control.js +13 -13
- package/dist/esm/components/ds-modal/ds-modal.js +47 -47
- package/dist/esm/components/ds-password-input/ds-password-input.js +17 -13
- package/dist/esm/components/ds-rating/ds-rating.js +11 -14
- package/dist/esm/components/ds-search/ds-search.js +20 -29
- package/dist/esm/components/ds-search-input/ds-search-input.js +42 -40
- package/dist/esm/components/ds-secondary-navigation/ds-secondary-navigation.js +39 -44
- package/dist/esm/components/ds-select/ds-select.js +34 -32
- package/dist/esm/components/ds-selection/ds-selection.js +9 -11
- package/dist/esm/components/ds-sidebar-navigation/ds-sidebar-navigation.js +29 -27
- package/dist/esm/components/ds-skeleton/ds-skeleton.js +0 -1
- package/dist/esm/components/ds-tabs/ds-tabs.js +27 -23
- package/dist/esm/components/ds-tag/ds-tag.js +19 -20
- package/dist/esm/components/ds-text/ds-text.js +10 -10
- package/dist/esm/components/ds-text-input/ds-text-input.js +28 -24
- package/dist/esm/components/ds-theme-provider/ds-theme-provider.js +1 -1
- package/dist/esm/components/ds-toast/ds-toast.js +26 -22
- package/dist/esm/components/ds-toast-message/ds-toast-message.js +24 -24
- package/dist/esm/components/ds-tooltip/ds-tooltip.js +10 -11
- package/dist/esm/components/index.js +5 -5
- package/dist/esm/decorators/customUiKitElement.js +11 -15
- package/dist/esm/mixins/ViewportMixin.js +9 -9
- package/dist/esm/utils/IconsManager.js +1 -1
- package/dist/esm/utils/PubSub.js +1 -1
- package/dist/esm/utils/StylesRegistry/StylesRegistry.js +1 -1
- package/dist/esm/utils/uiKitHtml.js +9 -0
- package/dist/esm/utils/version.js +1 -1
- package/dist/types/components/base/UiKitElement.d.ts +0 -2
- package/dist/types/components/ds-accordion/ds-accordion.d.ts +4 -3
- package/dist/types/components/ds-avatar/ds-avatar.d.ts +2 -1
- package/dist/types/components/ds-basic-card-header/ds-basic-card-header.d.ts +2 -1
- package/dist/types/components/ds-basic-card-section/ds-basic-card-section.d.ts +2 -1
- package/dist/types/components/ds-breadcrumbs/ds-breadcrumbs.d.ts +2 -0
- package/dist/types/components/ds-button/ds-button.d.ts +2 -1
- package/dist/types/components/ds-calendar/ds-calendar.d.ts +1 -0
- package/dist/types/components/ds-checkbox/ds-checkbox.d.ts +3 -1
- package/dist/types/components/ds-chip/ds-chip.d.ts +3 -1
- package/dist/types/components/ds-chips/ds-chips.d.ts +1 -0
- package/dist/types/components/ds-date-picker/ds-date-picker.d.ts +1 -0
- package/dist/types/components/ds-dialog/ds-dialog.d.ts +0 -2
- package/dist/types/components/ds-dialog-header/ds-dialog-header.d.ts +3 -1
- package/dist/types/components/ds-drawer/ds-drawer.d.ts +1 -0
- package/dist/types/components/ds-favourite-action/ds-favourite-action.d.ts +2 -1
- package/dist/types/components/ds-icon-button/ds-icon-button.d.ts +3 -2
- package/dist/types/components/ds-inline-alert/ds-inline-alert.d.ts +4 -2
- package/dist/types/components/ds-input/ds-input.d.ts +1 -2
- package/dist/types/components/ds-interactive-card/ds-interactive-card.d.ts +5 -2
- package/dist/types/components/ds-link-button/ds-link-button.d.ts +3 -1
- package/dist/types/components/ds-loader-logo/ds-loader-logo.d.ts +1 -0
- package/dist/types/components/ds-logo/ds-logo.d.ts +4 -2
- package/dist/types/components/ds-map-pin/ds-map-pin.d.ts +2 -1
- package/dist/types/components/ds-media-control/ds-media-control.d.ts +1 -0
- package/dist/types/components/ds-modal/ds-modal.d.ts +3 -0
- package/dist/types/components/ds-password-input/ds-password-input.d.ts +2 -1
- package/dist/types/components/ds-search/ds-search.d.ts +1 -0
- package/dist/types/components/ds-search-input/ds-search-input.d.ts +7 -4
- package/dist/types/components/ds-secondary-navigation/ds-secondary-navigation.d.ts +4 -2
- package/dist/types/components/ds-select/ds-select.d.ts +5 -2
- package/dist/types/components/ds-select/ds-select.types.d.ts +1 -0
- package/dist/types/components/ds-selection/ds-selection.d.ts +2 -1
- package/dist/types/components/ds-sidebar-navigation/ds-sidebar-navigation.d.ts +1 -0
- package/dist/types/components/ds-tabs/ds-tabs.d.ts +1 -0
- package/dist/types/components/ds-tag/ds-tag.d.ts +2 -1
- package/dist/types/components/ds-text-input/ds-text-input.d.ts +2 -1
- package/dist/types/components/ds-toast/ds-toast.d.ts +1 -0
- package/dist/types/components/ds-toast-message/ds-toast-message.d.ts +4 -2
- package/dist/types/utils/uiKitHtml.d.ts +2 -0
- package/dist-react/cjs/components/ds-accordion/ds-accordion.cjs +4 -4
- package/dist-react/cjs/components/ds-avatar/ds-avatar.cjs +4 -4
- package/dist-react/cjs/components/ds-basic-card-header/ds-basic-card-header.cjs +3 -3
- package/dist-react/cjs/components/ds-basic-card-section/ds-basic-card-section.cjs +3 -3
- package/dist-react/cjs/components/ds-breadcrumbs/ds-breadcrumbs.cjs +12 -9
- package/dist-react/cjs/components/ds-button/ds-button.cjs +12 -12
- package/dist-react/cjs/components/ds-calendar/ds-calendar.cjs +25 -4
- package/dist-react/cjs/components/ds-calendar-day/ds-calendar-day.cjs +1 -1
- package/dist-react/cjs/components/ds-checkbox/ds-checkbox.cjs +3 -3
- package/dist-react/cjs/components/ds-chip/ds-chip.cjs +14 -4
- package/dist-react/cjs/components/ds-chips/ds-chips.cjs +12 -3
- package/dist-react/cjs/components/ds-date-picker/ds-date-picker.cjs +11 -3
- package/dist-react/cjs/components/ds-dialog-header/ds-dialog-header.cjs +4 -4
- package/dist-react/cjs/components/ds-divider/ds-divider.cjs +1 -1
- package/dist-react/cjs/components/ds-drawer/ds-drawer.cjs +13 -4
- package/dist-react/cjs/components/ds-favourite-action/ds-favourite-action.cjs +3 -3
- package/dist-react/cjs/components/ds-icon/ds-icon.cjs +1 -1
- package/dist-react/cjs/components/ds-icon-button/ds-icon-button.cjs +6 -6
- package/dist-react/cjs/components/ds-inline-alert/ds-inline-alert.cjs +11 -5
- package/dist-react/cjs/components/ds-input/ds-input.cjs +4 -4
- package/dist-react/cjs/components/ds-interactive-card/ds-interactive-card.cjs +11 -4
- package/dist-react/cjs/components/ds-link-button/ds-link-button.cjs +5 -5
- package/dist-react/cjs/components/ds-loader-logo/ds-loader-logo.cjs +3 -3
- package/dist-react/cjs/components/ds-loader-spinner/ds-loader-spinner.cjs +1 -1
- package/dist-react/cjs/components/ds-logo/ds-logo.cjs +3 -3
- package/dist-react/cjs/components/ds-map-pin/ds-map-pin.cjs +3 -3
- package/dist-react/cjs/components/ds-media-control/ds-media-control.cjs +3 -3
- package/dist-react/cjs/components/ds-modal/ds-modal.cjs +22 -4
- package/dist-react/cjs/components/ds-password-input/ds-password-input.cjs +9 -1
- package/dist-react/cjs/components/ds-rating/ds-rating.cjs +3 -3
- package/dist-react/cjs/components/ds-search/ds-search.cjs +6 -6
- package/dist-react/cjs/components/ds-search-input/ds-search-input.cjs +20 -4
- package/dist-react/cjs/components/ds-secondary-navigation/ds-secondary-navigation.cjs +24 -12
- package/dist-react/cjs/components/ds-select/ds-select.cjs +10 -9
- package/dist-react/cjs/components/ds-selection/ds-selection.cjs +3 -3
- package/dist-react/cjs/components/ds-sidebar-navigation/ds-sidebar-navigation.cjs +11 -3
- package/dist-react/cjs/components/ds-skeleton/ds-skeleton.cjs +1 -1
- package/dist-react/cjs/components/ds-tabs/ds-tabs.cjs +12 -4
- package/dist-react/cjs/components/ds-tag/ds-tag.cjs +5 -5
- package/dist-react/cjs/components/ds-text/ds-text.cjs +3 -3
- package/dist-react/cjs/components/ds-text-input/ds-text-input.cjs +11 -3
- package/dist-react/cjs/components/ds-theme-provider/ds-theme-provider.cjs +1 -1
- package/dist-react/cjs/components/ds-toast/ds-toast.cjs +10 -4
- package/dist-react/cjs/components/ds-toast-message/ds-toast-message.cjs +11 -5
- package/dist-react/cjs/components/ds-tooltip/ds-tooltip.cjs +2 -2
- package/dist-react/cjs/components/index.cjs +1 -1
- package/dist-react/cjs/decorators/customUiKitElement.cjs +1 -1
- package/dist-react/cjs/mixins/ViewportMixin.cjs +1 -1
- package/dist-react/cjs/utils/IconsManager.cjs +1 -1
- package/dist-react/cjs/utils/PubSub.cjs +1 -1
- package/dist-react/cjs/utils/StylesRegistry/StylesRegistry.cjs +1 -1
- package/dist-react/cjs/utils/uiKitHtml.cjs +1 -0
- package/dist-react/cjs/utils/version.cjs +1 -1
- package/dist-react/esm/components/ds-accordion/ds-accordion.js +14 -18
- package/dist-react/esm/components/ds-avatar/ds-avatar.js +16 -17
- package/dist-react/esm/components/ds-basic-card-header/ds-basic-card-header.js +9 -10
- package/dist-react/esm/components/ds-basic-card-section/ds-basic-card-section.js +10 -11
- package/dist-react/esm/components/ds-breadcrumbs/ds-breadcrumbs.js +26 -28
- package/dist-react/esm/components/ds-button/ds-button.js +40 -41
- package/dist-react/esm/components/ds-calendar/ds-calendar.js +47 -45
- package/dist-react/esm/components/ds-calendar-day/ds-calendar-day.js +0 -1
- package/dist-react/esm/components/ds-checkbox/ds-checkbox.js +26 -29
- package/dist-react/esm/components/ds-chip/ds-chip.js +27 -28
- package/dist-react/esm/components/ds-chips/ds-chips.js +24 -20
- package/dist-react/esm/components/ds-date-picker/ds-date-picker.js +29 -25
- package/dist-react/esm/components/ds-dialog-header/ds-dialog-header.js +13 -13
- package/dist-react/esm/components/ds-divider/ds-divider.js +0 -1
- package/dist-react/esm/components/ds-drawer/ds-drawer.js +23 -19
- package/dist-react/esm/components/ds-favourite-action/ds-favourite-action.js +12 -13
- package/dist-react/esm/components/ds-icon/ds-icon.js +0 -1
- package/dist-react/esm/components/ds-icon-button/ds-icon-button.js +29 -29
- package/dist-react/esm/components/ds-inline-alert/ds-inline-alert.js +24 -24
- package/dist-react/esm/components/ds-input/ds-input.js +9 -11
- package/dist-react/esm/components/ds-interactive-card/ds-interactive-card.js +22 -23
- package/dist-react/esm/components/ds-link-button/ds-link-button.js +22 -21
- package/dist-react/esm/components/ds-loader-logo/ds-loader-logo.js +11 -10
- package/dist-react/esm/components/ds-loader-spinner/ds-loader-spinner.js +0 -1
- package/dist-react/esm/components/ds-logo/ds-logo.js +12 -16
- package/dist-react/esm/components/ds-map-pin/ds-map-pin.js +17 -17
- package/dist-react/esm/components/ds-media-control/ds-media-control.js +13 -13
- package/dist-react/esm/components/ds-modal/ds-modal.js +47 -47
- package/dist-react/esm/components/ds-password-input/ds-password-input.js +17 -13
- package/dist-react/esm/components/ds-rating/ds-rating.js +11 -14
- package/dist-react/esm/components/ds-search/ds-search.js +20 -29
- package/dist-react/esm/components/ds-search-input/ds-search-input.js +42 -40
- package/dist-react/esm/components/ds-secondary-navigation/ds-secondary-navigation.js +39 -44
- package/dist-react/esm/components/ds-select/ds-select.js +34 -32
- package/dist-react/esm/components/ds-selection/ds-selection.js +9 -11
- package/dist-react/esm/components/ds-sidebar-navigation/ds-sidebar-navigation.js +29 -27
- package/dist-react/esm/components/ds-skeleton/ds-skeleton.js +0 -1
- package/dist-react/esm/components/ds-tabs/ds-tabs.js +27 -23
- package/dist-react/esm/components/ds-tag/ds-tag.js +19 -20
- package/dist-react/esm/components/ds-text/ds-text.js +10 -10
- package/dist-react/esm/components/ds-text-input/ds-text-input.js +28 -24
- package/dist-react/esm/components/ds-theme-provider/ds-theme-provider.js +1 -1
- package/dist-react/esm/components/ds-toast/ds-toast.js +26 -22
- package/dist-react/esm/components/ds-toast-message/ds-toast-message.js +24 -24
- package/dist-react/esm/components/ds-tooltip/ds-tooltip.js +10 -11
- package/dist-react/esm/components/index.js +5 -5
- package/dist-react/esm/decorators/customUiKitElement.js +10 -14
- package/dist-react/esm/mixins/ViewportMixin.js +9 -9
- package/dist-react/esm/utils/IconsManager.js +1 -1
- package/dist-react/esm/utils/PubSub.js +1 -1
- package/dist-react/esm/utils/StylesRegistry/StylesRegistry.js +1 -1
- package/dist-react/esm/utils/uiKitHtml.js +18 -0
- package/dist-react/esm/utils/version.js +1 -1
- package/dist-react/types/components/base/UiKitElement.d.ts +0 -2
- package/dist-react/types/components/ds-accordion/ds-accordion.d.ts +4 -3
- package/dist-react/types/components/ds-avatar/ds-avatar.d.ts +2 -1
- package/dist-react/types/components/ds-basic-card-header/ds-basic-card-header.d.ts +2 -1
- package/dist-react/types/components/ds-basic-card-section/ds-basic-card-section.d.ts +2 -1
- package/dist-react/types/components/ds-breadcrumbs/ds-breadcrumbs.d.ts +2 -0
- package/dist-react/types/components/ds-button/ds-button.d.ts +2 -1
- package/dist-react/types/components/ds-calendar/ds-calendar.d.ts +1 -0
- package/dist-react/types/components/ds-checkbox/ds-checkbox.d.ts +3 -1
- package/dist-react/types/components/ds-chip/ds-chip.d.ts +3 -1
- package/dist-react/types/components/ds-chips/ds-chips.d.ts +1 -0
- package/dist-react/types/components/ds-date-picker/ds-date-picker.d.ts +1 -0
- package/dist-react/types/components/ds-dialog/ds-dialog.d.ts +0 -2
- package/dist-react/types/components/ds-dialog-header/ds-dialog-header.d.ts +3 -1
- package/dist-react/types/components/ds-drawer/ds-drawer.d.ts +1 -0
- package/dist-react/types/components/ds-favourite-action/ds-favourite-action.d.ts +2 -1
- package/dist-react/types/components/ds-icon-button/ds-icon-button.d.ts +3 -2
- package/dist-react/types/components/ds-inline-alert/ds-inline-alert.d.ts +4 -2
- package/dist-react/types/components/ds-input/ds-input.d.ts +1 -2
- package/dist-react/types/components/ds-interactive-card/ds-interactive-card.d.ts +5 -2
- package/dist-react/types/components/ds-link-button/ds-link-button.d.ts +3 -1
- package/dist-react/types/components/ds-loader-logo/ds-loader-logo.d.ts +1 -0
- package/dist-react/types/components/ds-logo/ds-logo.d.ts +4 -2
- package/dist-react/types/components/ds-map-pin/ds-map-pin.d.ts +2 -1
- package/dist-react/types/components/ds-media-control/ds-media-control.d.ts +1 -0
- package/dist-react/types/components/ds-modal/ds-modal.d.ts +3 -0
- package/dist-react/types/components/ds-password-input/ds-password-input.d.ts +2 -1
- package/dist-react/types/components/ds-search/ds-search.d.ts +1 -0
- package/dist-react/types/components/ds-search-input/ds-search-input.d.ts +7 -4
- package/dist-react/types/components/ds-secondary-navigation/ds-secondary-navigation.d.ts +4 -2
- package/dist-react/types/components/ds-select/ds-select.d.ts +5 -2
- package/dist-react/types/components/ds-select/ds-select.types.d.ts +1 -0
- package/dist-react/types/components/ds-selection/ds-selection.d.ts +2 -1
- package/dist-react/types/components/ds-sidebar-navigation/ds-sidebar-navigation.d.ts +1 -0
- package/dist-react/types/components/ds-tabs/ds-tabs.d.ts +1 -0
- package/dist-react/types/components/ds-tag/ds-tag.d.ts +2 -1
- package/dist-react/types/components/ds-text-input/ds-text-input.d.ts +2 -1
- package/dist-react/types/components/ds-toast/ds-toast.d.ts +1 -0
- package/dist-react/types/components/ds-toast-message/ds-toast-message.d.ts +4 -2
- package/dist-react/types/utils/uiKitHtml.d.ts +2 -0
- package/package.json +1 -1
- package/dist/cjs/utils/componentFactory.cjs +0 -239
- package/dist/esm/utils/componentFactory.js +0 -276
- package/dist/types/utils/componentFactory.d.ts +0 -30
- package/dist-react/cjs/utils/componentFactory.cjs +0 -120
- package/dist-react/esm/utils/componentFactory.js +0 -145
- package/dist-react/types/utils/componentFactory.d.ts +0 -30
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const r=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),i=require(`../base/UiKitElement.cjs`),a=require(`./styles/common.styles.cjs`),o=require(`./theme-config.cjs`),s=require(`../../decorators/customUiKitElement.cjs`)
|
|
1
|
+
const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const r=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),i=require(`../base/UiKitElement.cjs`),a=require(`./styles/common.styles.cjs`),o=require(`./theme-config.cjs`),s=require(`../../decorators/customUiKitElement.cjs`);require(`../ds-icon/ds-icon.cjs`);const c=require(`../../utils/booleanConverter.cjs`),l=require(`../../utils/uiKitHtml.cjs`),u=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const d=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs`);var f=class extends i.UiKitElement{constructor(...e){super(...e),this.maxHeight=300,this.open=!1,this.mode=`light`,this.size=`large`,this.disabled=!1,this._open=!1}static{this.styles=[a.commonStyles]}willUpdate(e){super.willUpdate(e),e.has(`open`)&&(this._open=this.open)}get containerClasses(){return{container:!0,disabled:this.disabled,open:this._open,[this.size]:!0,[this.mode]:!!this.mode}}get dividerClasses(){return{divider:!0,[this.mode]:!!this.mode}}get openIconTemplate(){if(!this.theme)return e.E;let t=o.themeConfig[this.theme]?.[`icon-names`];return l.uiKitHtml`<ds-icon class="icon open-icon" role="presentation" icon-name=${d.o(t?.open||`minus`)}></ds-icon>`}get closeIconTemplate(){if(!this.theme)return e.E;let t=o.themeConfig[this.theme]?.[`icon-names`];return l.uiKitHtml`<ds-icon class="icon close-icon" role="presentation" icon-name=${d.o(t?.close||`plus`)}></ds-icon>`}get styleTokens(){return e.x`
|
|
2
2
|
<style>
|
|
3
3
|
:host{
|
|
4
4
|
color-scheme: ${this.mode};
|
|
@@ -9,7 +9,7 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
|
|
|
9
9
|
${this.styleTokens}
|
|
10
10
|
|
|
11
11
|
<details
|
|
12
|
-
class=${
|
|
12
|
+
class=${u.e(this.containerClasses)}
|
|
13
13
|
aria-disabled=${!!this.disabled}
|
|
14
14
|
?open=${this.open}
|
|
15
15
|
@keydown=${this.handleKeyDown}
|
|
@@ -22,5 +22,5 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
|
|
|
22
22
|
</summary>
|
|
23
23
|
<slot name="content"></slot>
|
|
24
24
|
</details>
|
|
25
|
-
<div class=${
|
|
26
|
-
`}};r.__decorate([t.n({type:Number,attribute:`max-height`})],
|
|
25
|
+
<div class=${u.e(this.dividerClasses)}></div>
|
|
26
|
+
`}};r.__decorate([t.n({type:Number,attribute:`max-height`})],f.prototype,`maxHeight`,void 0),r.__decorate([t.n({type:Boolean,converter:c.booleanConverter,reflect:!0})],f.prototype,`open`,void 0),r.__decorate([t.n({type:String,reflect:!0})],f.prototype,`mode`,void 0),r.__decorate([t.n({type:String})],f.prototype,`size`,void 0),r.__decorate([t.n({type:Boolean,converter:c.booleanConverter})],f.prototype,`disabled`,void 0),r.__decorate([n.r()],f.prototype,`_open`,void 0),f=r.__decorate([s.customUiKitElement(`ds-accordion`)],f);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const r=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),i=require(`../base/UiKitElement.cjs`),a=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/
|
|
1
|
+
const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const r=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),i=require(`../base/UiKitElement.cjs`),a=require(`../../decorators/customUiKitElement.cjs`);require(`../ds-icon/ds-icon.cjs`);const o=require(`../../utils/booleanConverter.cjs`),s=require(`../../utils/uiKitHtml.cjs`),c=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const l=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs`);const u=require(`./styles/common.styles.cjs`);var d=class extends i.UiKitElement{constructor(...e){super(...e),this.size=`medium`,this.disabled=!1}static{this.styles=[u.commonStyles]}get iconTemplate(){return s.uiKitHtml`<ds-icon class="icon" icon-name="user"></ds-icon>`}get initialsTemplate(){return e.x`<span class="initials" aria-hidden="true">${this.getInitialsFromName(this.name)}</span>`}getInitialsFromName(e){return e?e.trim().split(/\s+/).filter(Boolean).slice(0,2).map(e=>e[0]).join(``).toUpperCase():``}get classes(){return{container:!0,disabled:this.disabled,[this.size]:!0,[`mode-${this.mode}`]:!0}}get hasImage(){return Array.isArray(this.assignedImages)&&this.assignedImages.length>0}get mode(){return this.hasImage?`media`:this.name?.trim()?`text`:`icon`}handleSlotChange(){this.requestUpdate()}get styleTokens(){return e.x`
|
|
2
2
|
<style>
|
|
3
3
|
:host{
|
|
4
4
|
pointer-events: ${this.disabled?`none`:`auto`};
|
|
@@ -8,9 +8,9 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
|
|
|
8
8
|
${this.styleTokens}
|
|
9
9
|
<div
|
|
10
10
|
class=${c.e(this.classes)}
|
|
11
|
-
title=${
|
|
11
|
+
title=${l.o(this.name)}
|
|
12
12
|
aria-label=${`Open ${this.name?this.name+`'s `:``}profile menu`}
|
|
13
|
-
aria-disabled=${
|
|
13
|
+
aria-disabled=${l.o(this.disabled?`true`:void 0)}
|
|
14
14
|
role="button"
|
|
15
15
|
tabindex=${this.disabled?-1:0}
|
|
16
16
|
@keydown=${this.handleKeyDown}
|
|
@@ -19,4 +19,4 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
|
|
|
19
19
|
${this.mode===`text`?this.initialsTemplate:e.E}
|
|
20
20
|
<div class="media" aria-hidden=${String(this.mode!==`media`)}><slot name="media" @slotchange=${this.handleSlotChange}></slot></div>
|
|
21
21
|
</div>
|
|
22
|
-
`}};r.__decorate([t.n({type:String})],
|
|
22
|
+
`}};r.__decorate([t.n({type:String})],d.prototype,`size`,void 0),r.__decorate([t.n({type:String})],d.prototype,`name`,void 0),r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,reflect:!0})],d.prototype,`disabled`,void 0),r.__decorate([n.o({slot:`media`,selector:`img`})],d.prototype,`assignedImages`,void 0),d=r.__decorate([a.customUiKitElement(`ds-avatar`)],d);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),n=require(`../base/UiKitElement.cjs`),r=require(`../../decorators/customUiKitElement.cjs`),i=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const
|
|
1
|
+
const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),n=require(`../base/UiKitElement.cjs`),r=require(`../../decorators/customUiKitElement.cjs`),i=require(`../../utils/uiKitHtml.cjs`),a=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`),require(`../ds-divider/ds-divider.cjs`);const o=require(`./styles/common.styles.cjs`);var s=class extends n.UiKitElement{static{this.styles=[o.commonStyles]}get dividerTemplate(){return i.uiKitHtml`<ds-divider class="divider" variant="secondary"></ds-divider>`}get classes(){return{"header-wrapper":!0}}render(){return e.x`
|
|
2
2
|
<header
|
|
3
3
|
part="header-wrapper"
|
|
4
|
-
class="${
|
|
4
|
+
class="${a.e(this.classes)}"
|
|
5
5
|
data-testid="ds-basic-card-header-container"
|
|
6
6
|
>
|
|
7
7
|
<div class="header-content">
|
|
@@ -14,4 +14,4 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
|
|
|
14
14
|
<slot name="sub-header" part="sub-header"></slot>
|
|
15
15
|
${this.dividerTemplate}
|
|
16
16
|
</header>
|
|
17
|
-
`}};
|
|
17
|
+
`}};s=t.__decorate([r.customUiKitElement(`ds-basic-card-header`)],s);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`),a=require(`../../utils/booleanConverter.cjs`),o=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const
|
|
2
|
-
<div part="container" class=${
|
|
1
|
+
const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`),a=require(`../../utils/booleanConverter.cjs`),o=require(`../../utils/uiKitHtml.cjs`),s=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`),require(`../ds-divider/ds-divider.cjs`);const c=require(`./styles/common.styles.cjs`);var l=class extends r.UiKitElement{constructor(...e){super(...e),this.withDivider=!0,this.centered=!0}static{this.styles=[c.commonStyles]}get dividerTemplate(){return o.uiKitHtml`<ds-divider class="divider" variant="secondary"></ds-divider>`}get classes(){return{container:!0,centered:this.centered}}render(){return e.x`
|
|
2
|
+
<div part="container" class=${s.e(this.classes)} data-testid="ds-basic-card-section-container">
|
|
3
3
|
<slot></slot>
|
|
4
4
|
</div>
|
|
5
5
|
${this.withDivider?this.dividerTemplate:e.E}
|
|
6
|
-
`}};n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],
|
|
6
|
+
`}};n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],l.prototype,`withDivider`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],l.prototype,`centered`,void 0),l=n.__decorate([i.customUiKitElement(`ds-basic-card-section`)],l);
|
|
@@ -1,21 +1,24 @@
|
|
|
1
|
-
const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs`);const
|
|
1
|
+
const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`);require(`../ds-icon/ds-icon.cjs`);const a=require(`../../utils/uiKitHtml.cjs`),o=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs`),require(`../ds-tooltip/ds-tooltip.cjs`);const s=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/static.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/static-html.cjs`),require(`../ds-breadcrumbs-item/ds-breadcrumbs-item.cjs`);var c=[{below:768,maxItems:3},{below:1024,maxItems:4}],l=5,u=class extends r.UiKitElement{constructor(...e){super(...e),this.items=[],this.maxItems=l,this.itemTag=`ds-breadcrumbs-item`,this.onResize=()=>{this.maxItems=c.find(({below:e})=>window.innerWidth<e)?.maxItems??l}}async firstUpdated(e){super.firstUpdated(e),this.onResize()}connectedCallback(){super.connectedCallback(),window.addEventListener(`resize`,this.onResize)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener(`resize`,this.onResize)}handleSlotChange(e){let t=e.target.assignedElements({flatten:!0}).filter(e=>e.tagName.toLowerCase().startsWith(`ds-breadcrumbs-item`));t.length>0&&(this.itemTag=t[0].tagName.toLowerCase()),this.items=t.map(e=>({label:e.getAttribute(`label`)||e.textContent?.trim()||``,href:e.getAttribute(`href`)||e.querySelector(`[slot="item"]`)?.getAttribute(`href`)||void 0,disabled:e.hasAttribute(`disabled`),loading:e.hasAttribute(`loading`),selected:e.hasAttribute(`selected`)}))}get separatorIcon(){return a.uiKitHtml`<ds-icon class="separator-icon" icon-name="arrow-right" size="24"></ds-icon>`}itemTemplate(t,n){let r=t.selected||n,i=s.s(this.itemTag),a=r||t.disabled||!t.href?s.u`<span slot="item">${t.label}</span>`:s.u`<a href=${t.href} slot="item">${t.label}</a>`;return s.u`<li class="breadcrumb-list-item">
|
|
2
2
|
<${i}
|
|
3
3
|
?selected=${r}
|
|
4
4
|
?disabled=${t.disabled}
|
|
5
5
|
?loading=${t.loading}
|
|
6
6
|
>
|
|
7
|
-
${
|
|
7
|
+
${a}
|
|
8
8
|
</${i}>
|
|
9
9
|
${n?e.E:this.separatorIcon}
|
|
10
|
-
</li>`}get slotTemplate(){return
|
|
11
|
-
${this.items.slice(1,this.items.length-(this.maxItems-2)).map(e=>
|
|
10
|
+
</li>`}get slotTemplate(){return s.u`<slot @slotchange=${this.handleSlotChange} style="display: none;"></slot>`}get overflowMenuTemplate(){return s.u`<ul class="overflow-menu" role="menu">
|
|
11
|
+
${this.items.slice(1,this.items.length-(this.maxItems-2)).map(e=>s.u`
|
|
12
12
|
<li class="overflow-menu-item" role="none">
|
|
13
|
-
<a href=${
|
|
13
|
+
<a href=${o.o(e.href)} class="overflow-menu-link" role="menuitem">${e.label}</a>
|
|
14
14
|
</li>
|
|
15
15
|
`)}
|
|
16
|
-
</ul>`}get overflowTriggerTemplate(){return
|
|
16
|
+
</ul>`}get overflowTriggerTemplate(){return s.u`<button class="overflow-trigger">
|
|
17
17
|
<span class="overflow-label">...</span>
|
|
18
|
-
</button>`}get tooltipTemplate(){return
|
|
18
|
+
</button>`}get tooltipTemplate(){return a.uiKitHtml`<ds-tooltip class="breadcrumbs-tooltip">
|
|
19
|
+
${this.overflowTriggerTemplate}
|
|
20
|
+
<div slot="content">${this.overflowMenuTemplate}</div>
|
|
21
|
+
</ds-tooltip>`}get listTemplate(){let{items:e,maxItems:t}=this;if(e.length<=t)return e.map((t,n)=>this.itemTemplate(t,n===e.length-1));let n=e.slice(e.length-(t-2));return s.u`
|
|
19
22
|
${this.itemTemplate(e[0],!1)}
|
|
20
23
|
<li class="breadcrumb-list-item">
|
|
21
24
|
<div class="overflow-item-wrapper">
|
|
@@ -24,11 +27,11 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
|
|
|
24
27
|
</div>
|
|
25
28
|
</li>
|
|
26
29
|
${n.map((e,t)=>this.itemTemplate(e,t===n.length-1))}
|
|
27
|
-
`}render(){return
|
|
30
|
+
`}render(){return s.u`
|
|
28
31
|
${this.slotTemplate}
|
|
29
32
|
<nav class="container" aria-label="Breadcrumb">
|
|
30
33
|
<ol class="breadcrumb-list">
|
|
31
34
|
${this.listTemplate}
|
|
32
35
|
</ol>
|
|
33
36
|
</nav>
|
|
34
|
-
`}};n.__decorate([t.r()],
|
|
37
|
+
`}};n.__decorate([t.r()],u.prototype,`items`,void 0),n.__decorate([t.r()],u.prototype,`maxItems`,void 0),n.__decorate([t.r()],u.prototype,`itemTag`,void 0),u=n.__decorate([i.customUiKitElement(`ds-breadcrumbs`)],u);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`)
|
|
1
|
+
const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`);require(`../ds-icon/ds-icon.cjs`);const a=require(`../../utils/booleanConverter.cjs`),o=require(`../../utils/uiKitHtml.cjs`),s=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const c=require(`../../mixins/ViewportMixin.cjs`),l=require(`../../utils/objectConverter.cjs`),u=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/choose.cjs`),d=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.cjs`),f=require(`./styles/common.styles.cjs`);var p=class extends c.ViewportMixin(r.UiKitElement){constructor(...e){super(...e),this.variant=`primary`,this.mode=`light`,this.size=`large`,this.disabled=!1,this.destructive=!1,this.htmlTagName=`button`,this.type=`button`,this.iconPosition=`left`,this.rounded=!1,this.fullWidth=!1,this.loading=!1}static{this.styles=[f.buttonStyles,f.textStyles,f.loadingDotsStyles]}connectedCallback(){super.connectedCallback(),this.closestForm=this.closest(`form`)}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport];return{button:!0,[`tag-${this.htmlTagName}`]:!0,[`variant-${this.variant}`]:!0,[e]:!!e,[this.mode]:!!this.mode,rounded:this.rounded,disabled:this.disabled||this.loading,destructive:this.destructive,"full-width":this.fullWidth}}handleClick(e){if(this.href||e.preventDefault(),this.closestForm&&this.type===`submit`){let e=new Event(`submit`,{bubbles:!0,composed:!0,cancelable:!0});this.closestForm.dispatchEvent(e)}}handleCustomClick(e){let t=(this.shadowRoot?.querySelector(`slot`))?.assignedElements()[0];t&&!t.contains(e.composedPath()[0])&&(e.stopPropagation(),t.click())}get iconTemplate(){return this.iconName?o.uiKitHtml`<ds-icon class="icon" icon-name=${this.iconName}></ds-icon>`:e.E}get loadingTemplate(){return this.loading?e.x`
|
|
2
2
|
<span class="loading-dots">
|
|
3
3
|
<span>.</span>
|
|
4
4
|
<span>.</span>
|
|
@@ -16,42 +16,42 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
|
|
|
16
16
|
}
|
|
17
17
|
</style>`}render(){return e.x`
|
|
18
18
|
${this.cssTokens}
|
|
19
|
-
${
|
|
19
|
+
${u.r(this.htmlTagName||`button`,[[`button`,()=>e.x`
|
|
20
20
|
<button
|
|
21
|
-
class=${
|
|
21
|
+
class=${s.e(this.classes)}
|
|
22
22
|
aria-label=${this.textContent?.replace(/^\s+|\s+$/g,``)}
|
|
23
23
|
type=${this.type}
|
|
24
24
|
@click=${this.handleClick}
|
|
25
25
|
?disabled=${this.disabled}
|
|
26
26
|
>
|
|
27
|
-
${
|
|
27
|
+
${d.n(this.iconPosition===`left`,()=>e.x` ${this.iconTemplate} `)}
|
|
28
28
|
<span class="container">
|
|
29
29
|
${this.contentTemplate}
|
|
30
30
|
${this.loadingTemplate}
|
|
31
31
|
</span>
|
|
32
|
-
${
|
|
32
|
+
${d.n(this.iconPosition===`right`,()=>e.x` ${this.iconTemplate} `)}
|
|
33
33
|
</button>
|
|
34
34
|
`],[`a`,()=>e.x`
|
|
35
35
|
<a
|
|
36
|
-
class=${
|
|
36
|
+
class=${s.e(this.classes)}
|
|
37
37
|
aria-label=${this.textContent?.replace(/^\s+|\s+$/g,``)}
|
|
38
38
|
href=${this.href}
|
|
39
39
|
rel=${this.rel}
|
|
40
40
|
target=${this.target}
|
|
41
41
|
@click=${this.handleClick}
|
|
42
42
|
>
|
|
43
|
-
${
|
|
43
|
+
${d.n(this.iconPosition===`left`,()=>e.x`${this.iconTemplate}`)}
|
|
44
44
|
<span class="container">
|
|
45
45
|
${this.contentTemplate}
|
|
46
46
|
${this.loadingTemplate}
|
|
47
47
|
</span>
|
|
48
|
-
${
|
|
48
|
+
${d.n(this.iconPosition===`right`,()=>e.x`${this.iconTemplate}`)}
|
|
49
49
|
</a>
|
|
50
50
|
`],[`custom`,()=>e.x`
|
|
51
|
-
<div class=${
|
|
52
|
-
${
|
|
51
|
+
<div class=${s.e(this.classes)} @click=${this.handleCustomClick}>
|
|
52
|
+
${d.n(this.iconPosition===`left`,()=>e.x`${this.iconTemplate}`)}
|
|
53
53
|
${this.loading&&this.textLoading?e.x`<span class="container">${this.textLoading}${this.loadingTemplate}</span>`:e.x`<slot></slot>${this.loadingTemplate}`}
|
|
54
|
-
${
|
|
54
|
+
${d.n(this.iconPosition===`right`,()=>e.x`${this.iconTemplate}`)}
|
|
55
55
|
</div>
|
|
56
56
|
`]])}
|
|
57
|
-
`}};n.__decorate([t.n({type:String,reflect:!0})],
|
|
57
|
+
`}};n.__decorate([t.n({type:String,reflect:!0})],p.prototype,`variant`,void 0),n.__decorate([t.n({type:String,reflect:!0})],p.prototype,`mode`,void 0),n.__decorate([t.n({type:String,converter:l.objectConverter})],p.prototype,`size`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],p.prototype,`disabled`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],p.prototype,`destructive`,void 0),n.__decorate([t.n({type:String,attribute:`icon-name`})],p.prototype,`iconName`,void 0),n.__decorate([t.n({type:String,attribute:`html-tag-name`})],p.prototype,`htmlTagName`,void 0),n.__decorate([t.n({type:String,reflect:!0})],p.prototype,`href`,void 0),n.__decorate([t.n({type:String,reflect:!0})],p.prototype,`rel`,void 0),n.__decorate([t.n({type:String,reflect:!0})],p.prototype,`target`,void 0),n.__decorate([t.n({type:String})],p.prototype,`type`,void 0),n.__decorate([t.n({type:String,attribute:`icon-position`})],p.prototype,`iconPosition`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],p.prototype,`rounded`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,attribute:`full-width`})],p.prototype,`fullWidth`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],p.prototype,`loading`,void 0),n.__decorate([t.n({type:String,attribute:`text-loading`})],p.prototype,`textLoading`,void 0),p=n.__decorate([i.customUiKitElement(`ds-button`)],p),Object.defineProperty(exports,`DsButton`,{enumerable:!0,get:function(){return p}});
|
|
@@ -1,4 +1,18 @@
|
|
|
1
|
-
const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const r=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),i=require(`../base/UiKitElement.cjs`),a=require(`../../decorators/customUiKitElement.cjs`),o=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`),require(`../ds-calendar-day/ds-calendar-day.cjs`);const
|
|
1
|
+
const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const r=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),i=require(`../base/UiKitElement.cjs`),a=require(`../../decorators/customUiKitElement.cjs`),o=require(`../../utils/uiKitHtml.cjs`),s=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const c=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs`),require(`../ds-calendar-day/ds-calendar-day.cjs`),require(`../ds-icon-button/ds-icon-button.cjs`);const l=require(`../../utils/arrayConverter.cjs`),u=require(`./styles/common.styles.cjs`);var d=class extends i.UiKitElement{constructor(...e){super(...e),this.variant=`plane`,this.size=`large`,this.locale=`en-US`,this.firstDayOfWeek=1,this.disabledDates=[],this.disabledWeekdays=[],this._viewDate=new Date,this._value=null,this._initialValueApplied=!1,this._viewDateInitialized=!1}static{this.styles=[u.commonStyles]}get selectedDate(){if(this.value){let e=this.parseDate(this.value);if(e)return e}return this._value}get viewDate(){return this._viewDate}connectedCallback(){super.connectedCallback(),this.applyInitialValue()}willUpdate(e){super.willUpdate(e),(!this._viewDateInitialized||e.has(`value`)||e.has(`viewDateAttr`))&&(this._viewDateInitialized=!0,this.initializeViewDate())}applyInitialValue(){if(!this._initialValueApplied&&(this._initialValueApplied=!0,this.initialValue)){let e=this.parseDate(this.initialValue);e&&(this._value=e)}}initializeViewDate(){if(this.viewDateAttr){let e=this.parseDate(this.viewDateAttr);e&&(this._viewDate=e)}else if(this.value){let e=this.parseDate(this.value);e&&(this._viewDate=new Date(e))}else this._value?this._viewDate=new Date(this._value):this._viewDate=new Date}parseDate(e){let t=e.split(`-`);if(t.length>=2){let e=Number.parseInt(t[0],10),n=Number.parseInt(t[1],10)-1,r=t.length>=3?Number.parseInt(t[2],10):1,i=new Date(e,n,r);if(!Number.isNaN(i.getTime()))return i}return null}get calendarClasses(){return{calendar:!0,[this.variant]:!0,[this.size]:!0}}get weekdayNames(){let e=new Intl.DateTimeFormat(this.locale,{weekday:`short`}),t=[],n=new Date(2024,0,1);for(;n.getDay()!==this.firstDayOfWeek;)n.setDate(n.getDate()+1);for(let r=0;r<7;r++){let i=new Date(n);i.setDate(n.getDate()+r);let a=e.format(i);t.push(a.slice(0,2))}return t}get monthYearLabel(){return new Intl.DateTimeFormat(this.locale,{month:`long`,year:`numeric`}).format(this._viewDate)}getDaysInMonth(e,t){return new Date(e,t+1,0).getDate()}getFirstDayOfMonth(e,t){return new Date(e,t,1).getDay()}get calendarDays(){let e=this._viewDate.getFullYear(),t=this._viewDate.getMonth(),n=new Date;n.setHours(0,0,0,0);let r=this.getDaysInMonth(e,t),i=this.getFirstDayOfMonth(e,t)-this.firstDayOfWeek;i<0&&(i+=7);let a=[],o=t===0?11:t-1,s=t===0?e-1:e,c=this.getDaysInMonth(s,o);for(let e=i-1;e>=0;e--){let t=c-e,r=new Date(s,o,t);a.push(this.createCalendarDay(r,!1,n))}for(let i=1;i<=r;i++){let r=new Date(e,t,i);a.push(this.createCalendarDay(r,!0,n))}let l=42-a.length,u=t===11?0:t+1,d=t===11?e+1:e;for(let e=1;e<=l;e++){let t=new Date(d,u,e);a.push(this.createCalendarDay(t,!1,n))}return a}createCalendarDay(e,t,n){e.setHours(0,0,0,0);let r=e.getDate(),i=e.getMonth(),a=e.getFullYear(),o=r===n.getDate()&&i===n.getMonth()&&a===n.getFullYear(),s=this.selectedDate;return{day:r,month:i,year:a,date:e,isCurrentMonth:t,isToday:o,isSelected:s?r===s.getDate()&&i===s.getMonth()&&a===s.getFullYear():!1,isDisabled:!t||this.isDateDisabled(e)}}isDateDisabled(e){if(this.minDate){let t=new Date(this.minDate);if(t.setHours(0,0,0,0),e<t)return!0}if(this.maxDate){let t=new Date(this.maxDate);if(t.setHours(0,0,0,0),e>t)return!0}if(this.disabledWeekdays&&this.disabledWeekdays.length>0){let t=e.getDay();if(this.disabledWeekdays.some(e=>Number(e)===t))return!0}if(this.disabledDates&&this.disabledDates.length>0){let t=`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`;if(this.disabledDates.includes(t))return!0}return!1}handlePrevMonth(){let e=new Date(this._viewDate);e.setMonth(e.getMonth()-1),this._viewDate=e}handleNextMonth(){let e=new Date(this._viewDate);e.setMonth(e.getMonth()+1),this._viewDate=e}handleDayChange(e){e.stopPropagation();let t=e.target;if(!t||!t.tagName.toLowerCase().startsWith(`ds-calendar-day`))return;let n=t.tagName.toLowerCase(),r=Array.from(this.shadowRoot?.querySelectorAll(n)||[]).indexOf(t);if(r===-1)return;let i=this.calendarDays[r];if(!i||i.isDisabled)return;this._value=i.date,this._viewDate=new Date(i.date);let a=`${i.date.getFullYear()}-${String(i.date.getMonth()+1).padStart(2,`0`)}-${String(i.date.getDate()).padStart(2,`0`)}`;this.dispatchEvent(new CustomEvent(`ds-calendar-change`,{bubbles:!0,composed:!0,detail:{value:a,date:i.date}}))}get navButtonSize(){return this.size===`medium`?`small`:`medium`}get prevButtonTemplate(){return o.uiKitHtml`<ds-icon-button
|
|
2
|
+
class="nav-button"
|
|
3
|
+
icon-name="arrow-left"
|
|
4
|
+
data-aria-label="Previous month"
|
|
5
|
+
@click=${this.handlePrevMonth}
|
|
6
|
+
variant="naked"
|
|
7
|
+
size=${c.o(this.navButtonSize)}
|
|
8
|
+
></ds-icon-button>`}get nextButtonTemplate(){return o.uiKitHtml`<ds-icon-button
|
|
9
|
+
class="nav-button"
|
|
10
|
+
icon-name="arrow-right"
|
|
11
|
+
data-aria-label="Next month"
|
|
12
|
+
@click=${this.handleNextMonth}
|
|
13
|
+
variant="naked"
|
|
14
|
+
size=${c.o(this.navButtonSize)}
|
|
15
|
+
></ds-icon-button>`}get weekdaysTemplate(){return e.x`
|
|
2
16
|
<div class="weekdays">
|
|
3
17
|
${this.weekdayNames.map(t=>e.x`<div class="weekday">${t}</div>`)}
|
|
4
18
|
</div>
|
|
@@ -6,12 +20,19 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
|
|
|
6
20
|
<div class="days-grid" role="grid" @ds-calendar-day-change=${this.handleDayChange}>
|
|
7
21
|
${n.map(t=>e.x`
|
|
8
22
|
<div class="days-row" role="row">
|
|
9
|
-
${t.map(e=>
|
|
23
|
+
${t.map(e=>o.uiKitHtml`<ds-calendar-day
|
|
24
|
+
day=${e.day}
|
|
25
|
+
size=${c.o(this.size)}
|
|
26
|
+
?disabled=${e.isDisabled}
|
|
27
|
+
?selected=${e.isSelected}
|
|
28
|
+
?today=${e.isToday}
|
|
29
|
+
?outside-month=${!e.isCurrentMonth}
|
|
30
|
+
></ds-calendar-day>`)}
|
|
10
31
|
</div>
|
|
11
32
|
`)}
|
|
12
33
|
</div>
|
|
13
34
|
`}render(){return e.x`
|
|
14
|
-
<div class=${
|
|
35
|
+
<div class=${s.e(this.calendarClasses)} role="application" aria-label="Calendar">
|
|
15
36
|
<div class="header">
|
|
16
37
|
${this.prevButtonTemplate}
|
|
17
38
|
<div class="month-year" aria-live="polite">${this.monthYearLabel}</div>
|
|
@@ -19,4 +40,4 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
|
|
|
19
40
|
</div>
|
|
20
41
|
${this.weekdaysTemplate} ${this.daysTemplate}
|
|
21
42
|
</div>
|
|
22
|
-
`}};r.__decorate([t.n({type:String,reflect:!0})],
|
|
43
|
+
`}};r.__decorate([t.n({type:String,reflect:!0})],d.prototype,`value`,void 0),r.__decorate([t.n({type:String,reflect:!0})],d.prototype,`variant`,void 0),r.__decorate([t.n({type:String,reflect:!0})],d.prototype,`size`,void 0),r.__decorate([t.n({type:String,reflect:!0})],d.prototype,`locale`,void 0),r.__decorate([t.n({type:Number,reflect:!0,attribute:`first-day-of-week`})],d.prototype,`firstDayOfWeek`,void 0),r.__decorate([t.n({type:String,reflect:!0,attribute:`min-date`})],d.prototype,`minDate`,void 0),r.__decorate([t.n({type:String,reflect:!0,attribute:`max-date`})],d.prototype,`maxDate`,void 0),r.__decorate([t.n({attribute:`disabled-dates`,converter:l.arrayConverter})],d.prototype,`disabledDates`,void 0),r.__decorate([t.n({attribute:`disabled-weekdays`,converter:l.arrayConverter})],d.prototype,`disabledWeekdays`,void 0),r.__decorate([t.n({type:String,reflect:!0,attribute:`view-date`})],d.prototype,`viewDateAttr`,void 0),r.__decorate([t.n({type:String,attribute:`initial-value`})],d.prototype,`initialValue`,void 0),r.__decorate([n.r()],d.prototype,`_viewDate`,void 0),r.__decorate([n.r()],d.prototype,`_value`,void 0),d=r.__decorate([a.customUiKitElement(`ds-calendar`)],d);
|
|
@@ -12,4 +12,4 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
|
|
|
12
12
|
>
|
|
13
13
|
${this.day}
|
|
14
14
|
</button>
|
|
15
|
-
`}};n.__decorate([t.n({type:Number,reflect:!0})],c.prototype,`day`,void 0),n.__decorate([t.n({type:String,reflect:!0})],c.prototype,`size`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,reflect:!0})],c.prototype,`disabled`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,reflect:!0})],c.prototype,`selected`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,reflect:!0})],c.prototype,`today`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,reflect:!0,attribute:`outside-month`})],c.prototype,`outsideMonth`,void 0),c=n.__decorate([i.customUiKitElement(`ds-calendar-day`)],c)
|
|
15
|
+
`}};n.__decorate([t.n({type:Number,reflect:!0})],c.prototype,`day`,void 0),n.__decorate([t.n({type:String,reflect:!0})],c.prototype,`size`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,reflect:!0})],c.prototype,`disabled`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,reflect:!0})],c.prototype,`selected`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,reflect:!0})],c.prototype,`today`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,reflect:!0,attribute:`outside-month`})],c.prototype,`outsideMonth`,void 0),c=n.__decorate([i.customUiKitElement(`ds-calendar-day`)],c);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e=require(`../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/controllers/context-consumer.cjs`),t=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),r=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const i=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),a=require(`../base/UiKitElement.cjs`),o=require(`../../decorators/customUiKitElement.cjs`)
|
|
1
|
+
const e=require(`../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/controllers/context-consumer.cjs`),t=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),r=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const i=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),a=require(`../base/UiKitElement.cjs`),o=require(`../../decorators/customUiKitElement.cjs`);require(`../ds-icon/ds-icon.cjs`);const s=require(`../../utils/booleanConverter.cjs`),c=require(`../../utils/uiKitHtml.cjs`),l=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const u=require(`../ds-checkbox-group/ds-checkbox-group.cjs`),d=require(`../../mixins/FormAssociatedMixin.cjs`),f=require(`./styles/common.styles.cjs`);var p=class extends d.FormAssociatedMixin(a.UiKitElement){constructor(...e){super(...e),this.inputPlacement=`left`,this._checked=void 0,this._checkedState=!1,this.required=!1,this._disabled=!1,this.mode=`light`,this._size=`medium`,this.helperText=``,this.infoText=``,this._forcedError=``,this.invalidError=``,this.indeterminate=!1,this.dataAriaLabel=``}get checked(){return this._checked??this._checkedState}set checked(e){this._checked=e}static{this.styles=[f.commonStyles]}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>{this.createContextConsumers([{context:u.checkboxGroupDisabledContext,callback:e=>{this.disabledGroup=e}},{context:u.checkboxGroupErrorContext,callback:e=>{this.errorGroup=e}},{context:u.checkboxGroupSizeContext,callback:e=>{this.sizeGroup=e}}])})}createContextConsumers(t){t.forEach(({context:t,callback:n})=>{new e.s(this,{context:t,callback:n,subscribe:!0})})}get disabled(){return this.disabledGroup??this._disabled}set disabled(e){this._disabled=e}get size(){return this.sizeGroup||this._size}set size(e){this._size=e}get forcedError(){return this._forcedError}set forcedError(e){this._forcedError=e}get error(){return this.errorGroup??!!this._forcedError}handleChange(e){let t=e.target.checked;this._checkedState=t,this._checked=void 0,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{checked:t,value:this.value}}))}get classes(){return{container:!0,[this.inputPlacement]:!!this.inputPlacement,[this.mode]:!!this.mode,[this.size]:!!this.size,disabled:this.disabled,checked:this.checked,error:this.error}}get iconTemplate(){return this.checked?c.uiKitHtml`<ds-icon class="icon" icon-name=${this.indeterminate?`minus`:`check`}></ds-icon>`:t.E}get styleTokens(){return t.x`
|
|
2
2
|
<style>
|
|
3
3
|
:host{
|
|
4
4
|
color-scheme: ${this.mode};
|
|
@@ -7,7 +7,7 @@ const e=require(`../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/c
|
|
|
7
7
|
</style>
|
|
8
8
|
`}render(){return t.x`
|
|
9
9
|
${this.styleTokens}
|
|
10
|
-
<div class=${
|
|
10
|
+
<div class=${l.e(this.classes)}>
|
|
11
11
|
<label>
|
|
12
12
|
<span class="checkmark-container">
|
|
13
13
|
<span class="checkmark">
|
|
@@ -36,4 +36,4 @@ const e=require(`../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/c
|
|
|
36
36
|
</div>
|
|
37
37
|
</label>
|
|
38
38
|
</div>
|
|
39
|
-
`}};i.__decorate([n.n({type:String})],
|
|
39
|
+
`}};i.__decorate([n.n({type:String})],p.prototype,`name`,void 0),i.__decorate([n.n({type:String})],p.prototype,`value`,void 0),i.__decorate([n.n({type:String,attribute:`input-placement`})],p.prototype,`inputPlacement`,void 0),i.__decorate([n.n({type:Boolean,attribute:`checked`,converter:s.booleanConverter,reflect:!0})],p.prototype,`_checked`,void 0),i.__decorate([r.r()],p.prototype,`_checkedState`,void 0),i.__decorate([n.n({type:Boolean,converter:s.booleanConverter})],p.prototype,`required`,void 0),i.__decorate([n.n({type:Boolean,converter:s.booleanConverter,attribute:`disabled`})],p.prototype,`_disabled`,void 0),i.__decorate([n.n({type:String,reflect:!0})],p.prototype,`mode`,void 0),i.__decorate([n.n({type:String,attribute:`size`})],p.prototype,`_size`,void 0),i.__decorate([n.n({type:String,attribute:`helper-text`})],p.prototype,`helperText`,void 0),i.__decorate([n.n({type:String,attribute:`info-text`})],p.prototype,`infoText`,void 0),i.__decorate([n.n({type:String,attribute:`forced-error`})],p.prototype,`_forcedError`,void 0),i.__decorate([n.n({type:String,attribute:`invalid-error`})],p.prototype,`invalidError`,void 0),i.__decorate([n.n({type:Boolean,converter:s.booleanConverter})],p.prototype,`indeterminate`,void 0),i.__decorate([n.n({type:String,attribute:`data-aria-label`})],p.prototype,`dataAriaLabel`,void 0),i.__decorate([r.r()],p.prototype,`disabledGroup`,void 0),i.__decorate([r.r()],p.prototype,`errorGroup`,void 0),i.__decorate([r.r()],p.prototype,`sizeGroup`,void 0),p=i.__decorate([o.customUiKitElement(`ds-checkbox`)],p);
|
|
@@ -1,18 +1,28 @@
|
|
|
1
|
-
const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`)
|
|
1
|
+
const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`);require(`../ds-icon/ds-icon.cjs`);const a=require(`../../utils/booleanConverter.cjs`),o=require(`../../utils/uiKitHtml.cjs`),s=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const c=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs`);const l=require(`./styles/common.styles.cjs`);var u=class extends r.UiKitElement{constructor(...e){super(...e),this.mode=`light`,this.size=`large`,this.selected=!1,this.deselectable=!1,this.slottedText=``,this.handleSlotChange=e=>{this.slottedText=e.target.assignedNodes({flatten:!0}).filter(e=>e.nodeType===Node.TEXT_NODE).map(e=>e.textContent.trim()).join(` `),this.requestUpdate()}}static{this.styles=[l.commonStyles]}get classes(){return{container:!0,"ds-blur":!0,[this.size]:!0,[this.mode]:!!this.mode,selected:this.selected,deselectable:this.deselectable}}get styleTokens(){return e.x`
|
|
2
2
|
<style>
|
|
3
3
|
:host{
|
|
4
4
|
color-scheme: ${this.mode};
|
|
5
5
|
pointer-events: ${this.selected?`none`:`visible`};
|
|
6
6
|
}
|
|
7
7
|
</style>
|
|
8
|
-
`}handleClick(){this.selected||this.dispatchEvent(new CustomEvent(`select`,{bubbles:!0,composed:!0,detail:{value:this.value}}))}handleKeyDown(e){(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this.handleClick())}handleClickIcon(e){e.stopImmediatePropagation(),!(!this.deselectable||!this.selected)&&this.dispatchEvent(new CustomEvent(`deselect`,{bubbles:!0,composed:!0,detail:{value:this.value}}))}handleKeyDownIcon(e){(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this.handleClickIcon(e))}get leadingIconTemplate(){return this.iconName?
|
|
8
|
+
`}handleClick(){this.selected||this.dispatchEvent(new CustomEvent(`select`,{bubbles:!0,composed:!0,detail:{value:this.value}}))}handleKeyDown(e){(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this.handleClick())}handleClickIcon(e){e.stopImmediatePropagation(),!(!this.deselectable||!this.selected)&&this.dispatchEvent(new CustomEvent(`deselect`,{bubbles:!0,composed:!0,detail:{value:this.value}}))}handleKeyDownIcon(e){(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this.handleClickIcon(e))}get leadingIconTemplate(){return this.iconName?o.uiKitHtml`<ds-icon class="icon" icon-name=${c.o(this.iconName)}></ds-icon>`:e.E}get iconTemplate(){return!this.selected||!this.deselectable?e.E:o.uiKitHtml`<ds-icon
|
|
9
|
+
class="icon"
|
|
10
|
+
icon-name="cross"
|
|
11
|
+
mode=${this.mode===`light`?`dark`:`light`}
|
|
12
|
+
data-testid="ds-chip-icon"
|
|
13
|
+
@click=${this.handleClickIcon}
|
|
14
|
+
@keydown=${this.handleKeyDownIcon}
|
|
15
|
+
role="button"
|
|
16
|
+
aria-label=${`deselect ${this.slottedText}`}
|
|
17
|
+
tabindex="0"
|
|
18
|
+
></ds-icon>`}render(){return e.x`
|
|
9
19
|
${this.styleTokens}
|
|
10
20
|
<div
|
|
11
21
|
role="button"
|
|
12
22
|
aria-label=${`chip ${this.slottedText}`}
|
|
13
23
|
tabindex="0"
|
|
14
24
|
data-testid="ds-chip-container"
|
|
15
|
-
class=${
|
|
25
|
+
class=${s.e(this.classes)}
|
|
16
26
|
@click=${this.handleClick}
|
|
17
27
|
@keydown=${this.handleKeyDown}
|
|
18
28
|
>
|
|
@@ -20,4 +30,4 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
|
|
|
20
30
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
21
31
|
${this.iconTemplate}
|
|
22
32
|
</div>
|
|
23
|
-
`}};n.__decorate([t.n({type:String})],
|
|
33
|
+
`}};n.__decorate([t.n({type:String})],u.prototype,`value`,void 0),n.__decorate([t.n({type:String,reflect:!0})],u.prototype,`mode`,void 0),n.__decorate([t.n({type:String,reflect:!0})],u.prototype,`size`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,reflect:!0})],u.prototype,`selected`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],u.prototype,`deselectable`,void 0),n.__decorate([t.n({type:String,attribute:`icon-name`})],u.prototype,`iconName`,void 0),u=n.__decorate([i.customUiKitElement(`ds-chip`)],u);
|
|
@@ -1,4 +1,13 @@
|
|
|
1
|
-
const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`),r=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs`),i=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const a=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),o=require(`../base/UiKitElement.cjs`),s=require(`../../decorators/customUiKitElement.cjs`),c=require(`../../utils/booleanConverter.cjs`),l=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const
|
|
1
|
+
const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`),r=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs`),i=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const a=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),o=require(`../base/UiKitElement.cjs`),s=require(`../../decorators/customUiKitElement.cjs`),c=require(`../../utils/booleanConverter.cjs`),l=require(`../../utils/uiKitHtml.cjs`),u=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const d=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs`),require(`../ds-icon-button/ds-icon-button.cjs`);const f=require(`../../utils/arrayConverter.cjs`),p=require(`./styles/common.styles.cjs`);var m=class extends o.UiKitElement{constructor(...e){super(...e),this.multiChoice=null,this.size=`medium`,this.mode=`light`,this.hasScrollLeft=!1,this.hasScrollRight=!1,this.resizeObserver=new ResizeObserver(()=>{this.handleScrollNav()}),this.handleScrollNav=()=>{let e=this.chipsContainer?.scrollLeft+this.chipsContainer?.clientWidth;this.hasScrollLeft=this.chipsContainer?.scrollLeft>0,this.hasScrollRight=e<this.chipsContainer?.scrollWidth},this.handleScrollLeft=()=>{this.chipsContainer.scrollBy({left:-150,behavior:`smooth`})},this.handleScrollRight=()=>{this.chipsContainer.scrollBy({left:150,behavior:`smooth`})}}static{this.styles=[p.commonStyles]}firstUpdated(){this.handleScrollNav(),this.resizeObserver.observe(this.chipsContainer),this.chips.forEach(e=>this.resizeObserver.observe(e)),window.addEventListener(`resize`,this.handleScrollNav),this.chipsContainer.addEventListener(`scroll`,this.handleScrollNav)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.disconnect(),window.removeEventListener(`resize`,this.handleScrollNav),this.chipsContainer.removeEventListener(`scroll`,this.handleScrollNav)}getScrollButtonTemplate(t,n){if(t===`left`&&!this.hasScrollLeft||t===`right`&&!this.hasScrollRight)return e.E;let r=`arrow-${t}`;return l.uiKitHtml`<ds-icon-button
|
|
2
|
+
class=${`scroll-button ${t}`}
|
|
3
|
+
data-testid=${`scroll-button-${t}`}
|
|
4
|
+
data-aria-label=${`scroll-button-${t}`}
|
|
5
|
+
@click=${n}
|
|
6
|
+
size=${this.size||`large`}
|
|
7
|
+
icon-name=${r}
|
|
8
|
+
variant="rounded"
|
|
9
|
+
mode=${d.o(this.mode)}
|
|
10
|
+
></ds-icon-button>`}updated(e){super.updated(e),(e.has(`selectedChips`)||e.has(`multiChoice`)||e.has(`size`)||e.has(`mode`))&&this.updateChildChips()}updateChildChips(){this.chips?.forEach(e=>{e.size=this.size,e.selected=this.selectedChips?.includes?.(e.value),e.deselectable=!!this.multiChoice,e.mode=this.mode})}get chipsContainerClasses(){return{"chips-container":!0,"scroll-left":this.hasScrollLeft,"scroll-right":this.hasScrollRight}}handleSelect(e){let t;t=this.multiChoice&&!this.selectedChips?.includes?.(e.detail.value)?[...this.selectedChips||[],e.detail.value]:[e.detail.value],this.selectedChips=t,this.updateChildChips(),this.dispatchEvent(new CustomEvent(`ds-chips:change`,{bubbles:!0,composed:!0,detail:{selectedChips:t}}))}handleDeselect(e){let t=[...(this.selectedChips||[]).filter(t=>t!==e.detail.value)];this.selectedChips=t,this.updateChildChips(),this.dispatchEvent(new CustomEvent(`ds-chips:change`,{bubbles:!0,composed:!0,detail:{selectedChips:t}}))}render(){return e.x`
|
|
2
11
|
<div
|
|
3
12
|
class="container"
|
|
4
13
|
data-testid="ds-chips-container"
|
|
@@ -6,9 +15,9 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
|
|
|
6
15
|
@deselect=${this.handleDeselect}
|
|
7
16
|
>
|
|
8
17
|
${this.getScrollButtonTemplate(`left`,this.handleScrollLeft)}
|
|
9
|
-
<nav tabindex="0" class=${
|
|
18
|
+
<nav tabindex="0" class=${u.e(this.chipsContainerClasses)}>
|
|
10
19
|
<slot @slotchange=${this.updateChildChips}></slot>
|
|
11
20
|
</nav>
|
|
12
21
|
${this.getScrollButtonTemplate(`right`,this.handleScrollRight)}
|
|
13
22
|
</div>
|
|
14
|
-
`}};a.__decorate([t.n({type:Array,attribute:`selected-chips`,converter:
|
|
23
|
+
`}};a.__decorate([t.n({type:Array,attribute:`selected-chips`,converter:f.arrayConverter,reflect:!0})],m.prototype,`selectedChips`,void 0),a.__decorate([t.n({type:Boolean,attribute:`multi-choice`,converter:c.booleanConverter})],m.prototype,`multiChoice`,void 0),a.__decorate([t.n({type:String})],m.prototype,`size`,void 0),a.__decorate([t.n({type:String,reflect:!0})],m.prototype,`mode`,void 0),a.__decorate([n.r()],m.prototype,`hasScrollLeft`,void 0),a.__decorate([n.r()],m.prototype,`hasScrollRight`,void 0),a.__decorate([i.o({slot:``})],m.prototype,`chips`,void 0),a.__decorate([r.e(`.chips-container`)],m.prototype,`chipsContainer`,void 0),m=a.__decorate([s.customUiKitElement(`ds-chips`)],m);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const r=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),i=require(`../base/UiKitElement.cjs`),a=require(`../../decorators/customUiKitElement.cjs`),o=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const
|
|
1
|
+
const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const r=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),i=require(`../base/UiKitElement.cjs`),a=require(`../../decorators/customUiKitElement.cjs`),o=require(`../../utils/uiKitHtml.cjs`),s=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const c=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs`),require(`../ds-icon-button/ds-icon-button.cjs`);const l=require(`../../mixins/inputStatesMixin.cjs`),u=require(`./styles/common.styles.cjs`);var d,f=class extends l.inputStatesMixin(i.UiKitElement){static{d=this}constructor(...e){super(...e),this.size=`large`,this.helperText=``,this.forcedError=``,this.invalidError=``,this.readonlyText=``,this.dataAriaLabelCalendarButton=``,this.isExpanded=!1,this.handleCalendarButtonClick=()=>{this.inputStates.disabled||this.inputStates.readonly||(this.isExpanded=!this.isExpanded)},this.handleCalendarChange=e=>{e.stopPropagation();let t=e.detail.value;this.nativeInput&&(this.nativeInput.value=t,this.nativeInput.dispatchEvent(new Event(`input`,{bubbles:!0}))),this.isExpanded=!1},this.handleDocumentClick=e=>{this.isExpanded&&!this.contains(e.target)&&(this.isExpanded=!1)}}static{this.styles=[u.commonStyles]}static{this.nativeStylesInjected=!1}connectedCallback(){super.connectedCallback(),this.classList.add(`ds-date-picker`),document.addEventListener(`click`,this.handleDocumentClick),this.addEventListener(`ds-calendar-change`,this.handleCalendarChange),d.injectNativeInputStyles()}static injectNativeInputStyles(){if(d.nativeStylesInjected)return;d.nativeStylesInjected=!0;let e=document.createElement(`style`);e.textContent=[`.ds-date-picker input[type="date"]::-webkit-calendar-picker-indicator { display: none !important; }`,`.ds-date-picker input[type="date"]::-webkit-inner-spin-button { display: none !important; }`].join(`
|
|
2
2
|
`),document.head.appendChild(e)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`click`,this.handleDocumentClick),this.removeEventListener(`ds-calendar-change`,this.handleCalendarChange)}get classes(){return{container:!0,error:!!this.forcedError,[this.size]:!!this.size,disabled:this.inputStates.disabled,readonly:this.inputStates.readonly,filled:this.inputStates.filled,invalid:this.inputStates.invalid,focus:this.inputStates.focus,"focus-visible":this.inputStates.focusVisible,expanded:this.isExpanded}}render(){return e.x`
|
|
3
|
-
<div class=${
|
|
3
|
+
<div class=${s.e(this.classes)}>
|
|
4
4
|
<div class="input-container">
|
|
5
5
|
<div><slot></slot></div>
|
|
6
6
|
${this.calendarButtonTemplate}
|
|
@@ -17,4 +17,12 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
|
|
|
17
17
|
<div class="calendar-dropdown" ?hidden=${!this.isExpanded}>
|
|
18
18
|
<slot name="calendar"></slot>
|
|
19
19
|
</div>
|
|
20
|
-
`}get calendarButtonTemplate(){return
|
|
20
|
+
`}get calendarButtonTemplate(){return o.uiKitHtml`<ds-icon-button
|
|
21
|
+
class="calendar-button"
|
|
22
|
+
icon-name="calendar"
|
|
23
|
+
size=${c.o(this.size)}
|
|
24
|
+
?disabled=${!!this.nativeInput?.disabled}
|
|
25
|
+
variant="naked"
|
|
26
|
+
@click=${this.handleCalendarButtonClick}
|
|
27
|
+
data-aria-label=${this.dataAriaLabelCalendarButton||`open calendar`}
|
|
28
|
+
></ds-icon-button>`}get helperTextTemplate(){return this.inputStates.readonly||this.forcedError||this.inputStates.invalid&&this.invalidError?e.E:e.x`<span class="support-text helper-text">${this.helperText}</span>`}get forcedErrorTemplate(){return this.inputStates.readonly||!this.forcedError?e.E:e.x`<span class="support-text error-text forced-error">${this.forcedError}</span>`}get readonlyTextTemplate(){return!this.inputStates.readonly||!this.readonlyText?e.E:e.x`<span class="support-text readonly-text">${this.readonlyText}</span>`}get invalidErrorTemplate(){return this.inputStates.readonly||this.forcedError||!this.inputStates.invalid||!this.invalidError?e.E:e.x`<span class="support-text error-text invalid-error">${this.invalidError}</span>`}};r.__decorate([t.n({type:String})],f.prototype,`size`,void 0),r.__decorate([t.n({type:String,attribute:`helper-text`})],f.prototype,`helperText`,void 0),r.__decorate([t.n({type:String,attribute:`forced-error`})],f.prototype,`forcedError`,void 0),r.__decorate([t.n({type:String,attribute:`invalid-error`})],f.prototype,`invalidError`,void 0),r.__decorate([t.n({type:String,attribute:`readonly-text`})],f.prototype,`readonlyText`,void 0),r.__decorate([t.n({type:String,attribute:`data-aria-label-calendar-button`})],f.prototype,`dataAriaLabelCalendarButton`,void 0),r.__decorate([n.r()],f.prototype,`isExpanded`,void 0),f=d=r.__decorate([a.customUiKitElement(`ds-date-picker`)],f);
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`)
|
|
1
|
+
const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`);require(`../ds-icon/ds-icon.cjs`);const a=require(`../../utils/uiKitHtml.cjs`),o=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const s=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs`);const c=require(`./styles/common.styles.cjs`);var l=class extends r.UiKitElement{constructor(...e){super(...e),this.title=`primary`,this.iconSize=32}static{this.styles=[c.commonStyles]}get classes(){return{container:!0}}get styleTokens(){return e.x`
|
|
2
2
|
<style>
|
|
3
3
|
:host{
|
|
4
4
|
grid-area: header;
|
|
5
5
|
}
|
|
6
6
|
</style>
|
|
7
|
-
`}get iconTemplate(){return this.iconName?
|
|
7
|
+
`}get iconTemplate(){return this.iconName?a.uiKitHtml`<ds-icon class="icon" icon-name=${s.o(this.iconName)} size=${s.o(this.iconSize)}></ds-icon>`:e.E}render(){return e.x`
|
|
8
8
|
${this.styleTokens}
|
|
9
|
-
<div data-testid="ds-dialog-header-container" class=${
|
|
9
|
+
<div data-testid="ds-dialog-header-container" class=${o.e(this.classes)}>
|
|
10
10
|
<div class="title-container">
|
|
11
11
|
${this.iconTemplate}
|
|
12
12
|
<div class="title">${this.title}</div>
|
|
13
13
|
</div>
|
|
14
14
|
<slot name="subtitle"></slot>
|
|
15
15
|
</div>
|
|
16
|
-
`}};n.__decorate([t.n({type:String})],
|
|
16
|
+
`}};n.__decorate([t.n({type:String})],l.prototype,`title`,void 0),n.__decorate([t.n({type:String,attribute:`icon-name`})],l.prototype,`iconName`,void 0),n.__decorate([t.n({type:Number,attribute:`icon-size`})],l.prototype,`iconSize`,void 0),l=n.__decorate([i.customUiKitElement(`ds-dialog-header`)],l);
|
|
@@ -7,4 +7,4 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
|
|
|
7
7
|
`}render(){return e.x`
|
|
8
8
|
${this.styleTokens}
|
|
9
9
|
<hr aria-orientation=${this.orientation} class=${a.e(this.classes)} />
|
|
10
|
-
`}};n.__decorate([t.n({type:String})],s.prototype,`orientation`,void 0),n.__decorate([t.n({type:String})],s.prototype,`variant`,void 0),n.__decorate([t.n({type:String,reflect:!0})],s.prototype,`mode`,void 0),s=n.__decorate([i.customUiKitElement(`ds-divider`)],s)
|
|
10
|
+
`}};n.__decorate([t.n({type:String})],s.prototype,`orientation`,void 0),n.__decorate([t.n({type:String})],s.prototype,`variant`,void 0),n.__decorate([t.n({type:String,reflect:!0})],s.prototype,`mode`,void 0),s=n.__decorate([i.customUiKitElement(`ds-divider`)],s);
|