@cupra/ui-kit 2.0.0-canary.129 → 2.0.0-canary.131
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/base/ds-base-input/ds-base-input.cjs +3 -3
- package/dist/cjs/components/base/ds-base-progress-bar/ds-base-progress-bar.cjs +3 -3
- package/dist/cjs/components/ds-accordion/ds-accordion.cjs +4 -4
- package/dist/cjs/components/ds-avatar/ds-avatar.cjs +3 -3
- package/dist/cjs/components/ds-badge/styles/common.styles.cjs +2 -2
- package/dist/cjs/components/ds-bullets/ds-bullets.cjs +5 -5
- package/dist/cjs/components/ds-button/ds-button.cjs +13 -13
- package/dist/cjs/components/ds-button/styles/common.styles.cjs +2 -2
- package/dist/cjs/components/ds-checkbox/ds-checkbox.cjs +3 -3
- package/dist/cjs/components/ds-chip/ds-chip.cjs +3 -3
- package/dist/cjs/components/ds-dialog-body/ds-dialog-body.cjs +3 -3
- package/dist/cjs/components/ds-dialog-header/ds-dialog-header.cjs +3 -3
- package/dist/cjs/components/ds-divider/ds-divider.cjs +3 -3
- package/dist/cjs/components/ds-drawer/styles/common.styles.cjs +4 -4
- package/dist/cjs/components/ds-hyperlink/ds-hyperlink.cjs +5 -5
- package/dist/cjs/components/ds-icon/ds-icon.cjs +8 -8
- package/dist/cjs/components/ds-icon-button/ds-icon-button.cjs +6 -6
- package/dist/cjs/components/ds-link-button/ds-link-button.cjs +5 -5
- package/dist/cjs/components/ds-list/styles/common.styles.cjs +2 -2
- package/dist/cjs/components/ds-list-item/styles/common.styles.cjs +2 -2
- package/dist/cjs/components/ds-loader-dots/ds-loader-dots.cjs +3 -3
- package/dist/cjs/components/ds-loader-dots/styles/common.styles.cjs +17 -9
- package/dist/cjs/components/ds-loader-logo/ds-loader-logo.cjs +1 -1
- package/dist/cjs/components/ds-logo/ds-logo.cjs +3 -3
- package/dist/cjs/components/ds-map-pin/styles/common.styles.cjs +1 -1
- package/dist/cjs/components/ds-navigation-controls/styles/common.styles.cjs +1 -1
- package/dist/cjs/components/ds-radio/ds-radio.cjs +3 -3
- package/dist/cjs/components/ds-search/ds-search.cjs +4 -4
- package/dist/cjs/components/ds-skeleton/styles/common.styles.cjs +2 -2
- package/dist/cjs/components/ds-slider/ds-slider.cjs +6 -6
- package/dist/cjs/components/ds-slider/styles/common.styles.cjs +10 -9
- package/dist/cjs/components/ds-static-box/ds-static-box.cjs +5 -5
- package/dist/cjs/components/ds-table/ds-table.cjs +1 -1
- package/dist/cjs/components/ds-table/styles/common.styles.cjs +2 -2
- package/dist/cjs/components/ds-table-cell/styles/common.styles.cjs +2 -2
- package/dist/cjs/components/ds-table-row/styles/common.styles.cjs +2 -2
- package/dist/cjs/components/ds-tag/styles/common.styles.cjs +3 -3
- package/dist/cjs/components/ds-text/ds-text.cjs +1 -1
- package/dist/cjs/components/ds-theme-provider/ds-theme-provider.cjs +1 -1
- package/dist/cjs/components/ds-toast/ds-toast.cjs +2 -2
- package/dist/cjs/components/ds-toggle-switch/ds-toggle-switch.cjs +3 -3
- package/dist/cjs/components/ds-tooltip/ds-tooltip.cjs +7 -7
- package/dist/cjs/components/ds-tooltip/styles/common.styles.cjs +2 -2
- package/dist/cjs/decorators/customUiKitElement.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/componentFactory.cjs +0 -4
- package/dist/cjs/utils/version.cjs +1 -1
- package/dist/esm/components/base/ds-base-input/ds-base-input.js +17 -18
- package/dist/esm/components/base/ds-base-progress-bar/ds-base-progress-bar.js +16 -17
- package/dist/esm/components/ds-accordion/ds-accordion.js +9 -10
- package/dist/esm/components/ds-avatar/ds-avatar.js +9 -10
- package/dist/esm/components/ds-badge/styles/common.styles.js +2 -1
- package/dist/esm/components/ds-bullets/ds-bullets.js +10 -11
- package/dist/esm/components/ds-button/ds-button.js +39 -50
- package/dist/esm/components/ds-button/styles/common.styles.js +2 -2
- package/dist/esm/components/ds-checkbox/ds-checkbox.js +24 -25
- package/dist/esm/components/ds-chip/ds-chip.js +12 -13
- package/dist/esm/components/ds-dialog-body/ds-dialog-body.js +7 -8
- package/dist/esm/components/ds-dialog-header/ds-dialog-header.js +9 -10
- package/dist/esm/components/ds-divider/ds-divider.js +9 -10
- package/dist/esm/components/ds-drawer/styles/common.styles.js +4 -3
- package/dist/esm/components/ds-hyperlink/ds-hyperlink.js +14 -15
- package/dist/esm/components/ds-icon/ds-icon.js +15 -15
- package/dist/esm/components/ds-icon-button/ds-icon-button.js +27 -28
- package/dist/esm/components/ds-link-button/ds-link-button.js +18 -19
- package/dist/esm/components/ds-list/styles/common.styles.js +2 -1
- package/dist/esm/components/ds-list-item/styles/common.styles.js +2 -1
- package/dist/esm/components/ds-loader-dots/ds-loader-dots.js +8 -9
- package/dist/esm/components/ds-loader-dots/styles/common.styles.js +17 -8
- package/dist/esm/components/ds-loader-logo/ds-loader-logo.js +1 -1
- package/dist/esm/components/ds-logo/ds-logo.js +10 -11
- package/dist/esm/components/ds-map-pin/styles/common.styles.js +1 -1
- package/dist/esm/components/ds-navigation-controls/styles/common.styles.js +1 -1
- package/dist/esm/components/ds-radio/ds-radio.js +12 -13
- package/dist/esm/components/ds-search/ds-search.js +16 -17
- package/dist/esm/components/ds-skeleton/styles/common.styles.js +2 -1
- package/dist/esm/components/ds-slider/ds-slider.js +51 -52
- package/dist/esm/components/ds-slider/styles/common.styles.js +10 -10
- package/dist/esm/components/ds-static-box/ds-static-box.js +15 -16
- package/dist/esm/components/ds-table/ds-table.js +1 -1
- package/dist/esm/components/ds-table/styles/common.styles.js +2 -1
- package/dist/esm/components/ds-table-cell/styles/common.styles.js +2 -1
- package/dist/esm/components/ds-table-row/styles/common.styles.js +2 -1
- package/dist/esm/components/ds-tag/styles/common.styles.js +3 -2
- package/dist/esm/components/ds-text/ds-text.js +1 -1
- package/dist/esm/components/ds-theme-provider/ds-theme-provider.js +1 -1
- package/dist/esm/components/ds-toast/ds-toast.js +6 -6
- package/dist/esm/components/ds-toggle-switch/ds-toggle-switch.js +11 -12
- package/dist/esm/components/ds-tooltip/ds-tooltip.js +24 -25
- package/dist/esm/components/ds-tooltip/styles/common.styles.js +2 -2
- package/dist/esm/decorators/customUiKitElement.js +1 -1
- 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/componentFactory.js +0 -4
- package/dist/esm/utils/version.js +1 -1
- package/dist/types/components/base/ds-base-input/ds-base-input.d.ts +1 -1
- package/dist/types/components/base/ds-base-progress-bar/ds-base-progress-bar.d.ts +1 -1
- package/dist/types/components/ds-accordion/ds-accordion.d.ts +1 -1
- package/dist/types/components/ds-avatar/ds-avatar.d.ts +1 -1
- package/dist/types/components/ds-badge/ds-badge.d.ts +1 -1
- package/dist/types/components/ds-bullets/ds-bullets.d.ts +2 -2
- package/dist/types/components/ds-button/ds-button.d.ts +3 -7
- package/dist/types/components/ds-button/ds-button.types.d.ts +0 -2
- package/dist/types/components/ds-carousel-indicator/ds-carousel-indicator.d.ts +1 -1
- package/dist/types/components/ds-checkbox/ds-checkbox.d.ts +1 -1
- package/dist/types/components/ds-chip/ds-chip.d.ts +1 -1
- package/dist/types/components/ds-currency/ds-currency.d.ts +2 -2
- package/dist/types/components/ds-dialog/ds-dialog.d.ts +1 -1
- package/dist/types/components/ds-dialog-body/ds-dialog-body.d.ts +1 -1
- package/dist/types/components/ds-dialog-fullscreen/ds-dialog-fullscreen.d.ts +1 -1
- package/dist/types/components/ds-dialog-header/ds-dialog-header.d.ts +1 -1
- package/dist/types/components/ds-divider/ds-divider.d.ts +1 -1
- package/dist/types/components/ds-hyperlink/ds-hyperlink.d.ts +1 -1
- package/dist/types/components/ds-icon/ds-icon.d.ts +1 -1
- package/dist/types/components/ds-inline-alert/ds-inline-alert.d.ts +1 -1
- package/dist/types/components/ds-input/ds-input.d.ts +1 -1
- package/dist/types/components/ds-link-button/ds-link-button.d.ts +1 -1
- package/dist/types/components/ds-loader-bar/ds-loader-bar.d.ts +1 -1
- package/dist/types/components/ds-loader-dots/ds-loader-dots.d.ts +2 -2
- package/dist/types/components/ds-loader-logo/ds-loader-logo.d.ts +1 -1
- package/dist/types/components/ds-loader-spinner/ds-loader-spinner.d.ts +1 -1
- package/dist/types/components/ds-logo/ds-logo.d.ts +1 -1
- package/dist/types/components/ds-map-pin/ds-map-pin.d.ts +1 -1
- package/dist/types/components/ds-picker-item/ds-picker-item.d.ts +1 -1
- package/dist/types/components/ds-progress-bar/ds-progress-bar.d.ts +1 -1
- package/dist/types/components/ds-radio/ds-radio.d.ts +1 -1
- package/dist/types/components/ds-search/ds-search.d.ts +3 -3
- package/dist/types/components/ds-search-input/ds-search-input.d.ts +5 -5
- package/dist/types/components/ds-slider/ds-slider.d.ts +1 -1
- package/dist/types/components/ds-static-box/ds-static-box.d.ts +1 -1
- package/dist/types/components/ds-stepper/ds-stepper.d.ts +1 -1
- package/dist/types/components/ds-table/ds-table.d.ts +1 -1
- package/dist/types/components/ds-tag/ds-tag.d.ts +1 -1
- package/dist/types/components/ds-text-input/ds-text-input.d.ts +5 -5
- package/dist/types/components/ds-textarea/ds-textarea.d.ts +5 -5
- package/dist/types/components/ds-theme-provider/ds-theme-provider.d.ts +1 -1
- package/dist/types/components/ds-toast-message/ds-toast-message.d.ts +1 -1
- package/dist/types/components/ds-toggle-switch/ds-toggle-switch.d.ts +1 -1
- package/dist/types/components/ds-tooltip/ds-tooltip.d.ts +1 -1
- package/dist-react/cjs/components/base/ds-base-input/ds-base-input.cjs +3 -3
- package/dist-react/cjs/components/base/ds-base-progress-bar/ds-base-progress-bar.cjs +3 -3
- package/dist-react/cjs/components/ds-accordion/ds-accordion.cjs +4 -4
- package/dist-react/cjs/components/ds-avatar/ds-avatar.cjs +3 -3
- package/dist-react/cjs/components/ds-badge/styles/common.styles.cjs +2 -2
- package/dist-react/cjs/components/ds-bullets/ds-bullets.cjs +5 -5
- package/dist-react/cjs/components/ds-button/ds-button.cjs +13 -13
- package/dist-react/cjs/components/ds-button/styles/common.styles.cjs +2 -2
- package/dist-react/cjs/components/ds-checkbox/ds-checkbox.cjs +3 -3
- package/dist-react/cjs/components/ds-chip/ds-chip.cjs +3 -3
- package/dist-react/cjs/components/ds-dialog-body/ds-dialog-body.cjs +3 -3
- package/dist-react/cjs/components/ds-dialog-header/ds-dialog-header.cjs +3 -3
- package/dist-react/cjs/components/ds-divider/ds-divider.cjs +3 -3
- package/dist-react/cjs/components/ds-drawer/styles/common.styles.cjs +4 -4
- package/dist-react/cjs/components/ds-hyperlink/ds-hyperlink.cjs +5 -5
- package/dist-react/cjs/components/ds-icon/ds-icon.cjs +8 -8
- package/dist-react/cjs/components/ds-icon-button/ds-icon-button.cjs +6 -6
- package/dist-react/cjs/components/ds-link-button/ds-link-button.cjs +5 -5
- package/dist-react/cjs/components/ds-list/styles/common.styles.cjs +2 -2
- package/dist-react/cjs/components/ds-list-item/styles/common.styles.cjs +2 -2
- package/dist-react/cjs/components/ds-loader-dots/ds-loader-dots.cjs +3 -3
- package/dist-react/cjs/components/ds-loader-dots/styles/common.styles.cjs +17 -9
- package/dist-react/cjs/components/ds-loader-logo/ds-loader-logo.cjs +1 -1
- package/dist-react/cjs/components/ds-logo/ds-logo.cjs +3 -3
- package/dist-react/cjs/components/ds-map-pin/styles/common.styles.cjs +1 -1
- package/dist-react/cjs/components/ds-navigation-controls/styles/common.styles.cjs +1 -1
- package/dist-react/cjs/components/ds-radio/ds-radio.cjs +3 -3
- package/dist-react/cjs/components/ds-search/ds-search.cjs +4 -4
- package/dist-react/cjs/components/ds-skeleton/styles/common.styles.cjs +2 -2
- package/dist-react/cjs/components/ds-slider/ds-slider.cjs +6 -6
- package/dist-react/cjs/components/ds-slider/styles/common.styles.cjs +10 -9
- package/dist-react/cjs/components/ds-static-box/ds-static-box.cjs +5 -5
- package/dist-react/cjs/components/ds-table/ds-table.cjs +1 -1
- package/dist-react/cjs/components/ds-table/styles/common.styles.cjs +2 -2
- package/dist-react/cjs/components/ds-table-cell/styles/common.styles.cjs +2 -2
- package/dist-react/cjs/components/ds-table-row/styles/common.styles.cjs +2 -2
- package/dist-react/cjs/components/ds-tag/styles/common.styles.cjs +3 -3
- package/dist-react/cjs/components/ds-text/ds-text.cjs +1 -1
- package/dist-react/cjs/components/ds-theme-provider/ds-theme-provider.cjs +1 -1
- package/dist-react/cjs/components/ds-toast/ds-toast.cjs +2 -2
- package/dist-react/cjs/components/ds-toggle-switch/ds-toggle-switch.cjs +3 -3
- package/dist-react/cjs/components/ds-tooltip/ds-tooltip.cjs +7 -7
- package/dist-react/cjs/components/ds-tooltip/styles/common.styles.cjs +2 -2
- package/dist-react/cjs/decorators/customUiKitElement.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/componentFactory.cjs +0 -2
- package/dist-react/cjs/utils/version.cjs +1 -1
- package/dist-react/esm/components/base/ds-base-input/ds-base-input.js +17 -18
- package/dist-react/esm/components/base/ds-base-progress-bar/ds-base-progress-bar.js +16 -17
- package/dist-react/esm/components/ds-accordion/ds-accordion.js +9 -10
- package/dist-react/esm/components/ds-avatar/ds-avatar.js +9 -10
- package/dist-react/esm/components/ds-badge/styles/common.styles.js +2 -1
- package/dist-react/esm/components/ds-bullets/ds-bullets.js +10 -11
- package/dist-react/esm/components/ds-button/ds-button.js +39 -50
- package/dist-react/esm/components/ds-button/styles/common.styles.js +2 -2
- package/dist-react/esm/components/ds-checkbox/ds-checkbox.js +24 -25
- package/dist-react/esm/components/ds-chip/ds-chip.js +12 -13
- package/dist-react/esm/components/ds-dialog-body/ds-dialog-body.js +7 -8
- package/dist-react/esm/components/ds-dialog-header/ds-dialog-header.js +9 -10
- package/dist-react/esm/components/ds-divider/ds-divider.js +9 -10
- package/dist-react/esm/components/ds-drawer/styles/common.styles.js +4 -3
- package/dist-react/esm/components/ds-hyperlink/ds-hyperlink.js +14 -15
- package/dist-react/esm/components/ds-icon/ds-icon.js +15 -15
- package/dist-react/esm/components/ds-icon-button/ds-icon-button.js +27 -28
- package/dist-react/esm/components/ds-link-button/ds-link-button.js +18 -19
- package/dist-react/esm/components/ds-list/styles/common.styles.js +2 -1
- package/dist-react/esm/components/ds-list-item/styles/common.styles.js +2 -1
- package/dist-react/esm/components/ds-loader-dots/ds-loader-dots.js +8 -9
- package/dist-react/esm/components/ds-loader-dots/styles/common.styles.js +17 -8
- package/dist-react/esm/components/ds-loader-logo/ds-loader-logo.js +1 -1
- package/dist-react/esm/components/ds-logo/ds-logo.js +10 -11
- package/dist-react/esm/components/ds-map-pin/styles/common.styles.js +1 -1
- package/dist-react/esm/components/ds-navigation-controls/styles/common.styles.js +1 -1
- package/dist-react/esm/components/ds-radio/ds-radio.js +12 -13
- package/dist-react/esm/components/ds-search/ds-search.js +16 -17
- package/dist-react/esm/components/ds-skeleton/styles/common.styles.js +2 -1
- package/dist-react/esm/components/ds-slider/ds-slider.js +51 -52
- package/dist-react/esm/components/ds-slider/styles/common.styles.js +10 -10
- package/dist-react/esm/components/ds-static-box/ds-static-box.js +15 -16
- package/dist-react/esm/components/ds-table/ds-table.js +1 -1
- package/dist-react/esm/components/ds-table/styles/common.styles.js +2 -1
- package/dist-react/esm/components/ds-table-cell/styles/common.styles.js +2 -1
- package/dist-react/esm/components/ds-table-row/styles/common.styles.js +2 -1
- package/dist-react/esm/components/ds-tag/styles/common.styles.js +3 -2
- package/dist-react/esm/components/ds-text/ds-text.js +1 -1
- package/dist-react/esm/components/ds-theme-provider/ds-theme-provider.js +1 -1
- package/dist-react/esm/components/ds-toast/ds-toast.js +6 -6
- package/dist-react/esm/components/ds-toggle-switch/ds-toggle-switch.js +11 -12
- package/dist-react/esm/components/ds-tooltip/ds-tooltip.js +24 -25
- package/dist-react/esm/components/ds-tooltip/styles/common.styles.js +2 -2
- package/dist-react/esm/decorators/customUiKitElement.js +1 -1
- 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/componentFactory.js +0 -2
- package/dist-react/esm/utils/version.js +1 -1
- package/dist-react/types/components/base/ds-base-input/ds-base-input.d.ts +1 -1
- package/dist-react/types/components/base/ds-base-progress-bar/ds-base-progress-bar.d.ts +1 -1
- package/dist-react/types/components/ds-accordion/ds-accordion.d.ts +1 -1
- package/dist-react/types/components/ds-avatar/ds-avatar.d.ts +1 -1
- package/dist-react/types/components/ds-badge/ds-badge.d.ts +1 -1
- package/dist-react/types/components/ds-bullets/ds-bullets.d.ts +2 -2
- package/dist-react/types/components/ds-button/ds-button.d.ts +3 -7
- package/dist-react/types/components/ds-button/ds-button.types.d.ts +0 -2
- package/dist-react/types/components/ds-carousel-indicator/ds-carousel-indicator.d.ts +1 -1
- package/dist-react/types/components/ds-checkbox/ds-checkbox.d.ts +1 -1
- package/dist-react/types/components/ds-chip/ds-chip.d.ts +1 -1
- package/dist-react/types/components/ds-currency/ds-currency.d.ts +2 -2
- package/dist-react/types/components/ds-dialog/ds-dialog.d.ts +1 -1
- package/dist-react/types/components/ds-dialog-body/ds-dialog-body.d.ts +1 -1
- package/dist-react/types/components/ds-dialog-fullscreen/ds-dialog-fullscreen.d.ts +1 -1
- package/dist-react/types/components/ds-dialog-header/ds-dialog-header.d.ts +1 -1
- package/dist-react/types/components/ds-divider/ds-divider.d.ts +1 -1
- package/dist-react/types/components/ds-hyperlink/ds-hyperlink.d.ts +1 -1
- package/dist-react/types/components/ds-icon/ds-icon.d.ts +1 -1
- package/dist-react/types/components/ds-inline-alert/ds-inline-alert.d.ts +1 -1
- package/dist-react/types/components/ds-input/ds-input.d.ts +1 -1
- package/dist-react/types/components/ds-link-button/ds-link-button.d.ts +1 -1
- package/dist-react/types/components/ds-loader-bar/ds-loader-bar.d.ts +1 -1
- package/dist-react/types/components/ds-loader-dots/ds-loader-dots.d.ts +2 -2
- package/dist-react/types/components/ds-loader-logo/ds-loader-logo.d.ts +1 -1
- package/dist-react/types/components/ds-loader-spinner/ds-loader-spinner.d.ts +1 -1
- package/dist-react/types/components/ds-logo/ds-logo.d.ts +1 -1
- package/dist-react/types/components/ds-map-pin/ds-map-pin.d.ts +1 -1
- package/dist-react/types/components/ds-picker-item/ds-picker-item.d.ts +1 -1
- package/dist-react/types/components/ds-progress-bar/ds-progress-bar.d.ts +1 -1
- package/dist-react/types/components/ds-radio/ds-radio.d.ts +1 -1
- package/dist-react/types/components/ds-search/ds-search.d.ts +3 -3
- package/dist-react/types/components/ds-search-input/ds-search-input.d.ts +5 -5
- package/dist-react/types/components/ds-slider/ds-slider.d.ts +1 -1
- package/dist-react/types/components/ds-static-box/ds-static-box.d.ts +1 -1
- package/dist-react/types/components/ds-stepper/ds-stepper.d.ts +1 -1
- package/dist-react/types/components/ds-table/ds-table.d.ts +1 -1
- package/dist-react/types/components/ds-tag/ds-tag.d.ts +1 -1
- package/dist-react/types/components/ds-text-input/ds-text-input.d.ts +5 -5
- package/dist-react/types/components/ds-textarea/ds-textarea.d.ts +5 -5
- package/dist-react/types/components/ds-theme-provider/ds-theme-provider.d.ts +1 -1
- package/dist-react/types/components/ds-toast-message/ds-toast-message.d.ts +1 -1
- package/dist-react/types/components/ds-toggle-switch/ds-toggle-switch.d.ts +1 -1
- package/dist-react/types/components/ds-tooltip/ds-tooltip.d.ts +1 -1
- package/package.json +1 -1
- package/dist/cjs/utils/cssWithTokens.cjs +0 -1
- package/dist/cjs/utils/htmlWithTokens.cjs +0 -1
- package/dist/esm/utils/cssWithTokens.js +0 -8
- package/dist/esm/utils/htmlWithTokens.js +0 -10
- package/dist-react/cjs/utils/cssWithTokens.cjs +0 -1
- package/dist-react/cjs/utils/htmlWithTokens.cjs +0 -1
- package/dist-react/esm/utils/cssWithTokens.js +0 -8
- package/dist-react/esm/utils/htmlWithTokens.js +0 -10
- package/dist-react/types/utils/cssWithTokens.d.ts +0 -2
- package/dist-react/types/utils/htmlWithTokens.d.ts +0 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require(`../ds-theme-provider/themeContext.cjs`);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(`../../
|
|
1
|
+
require(`../ds-theme-provider/themeContext.cjs`);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 s=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/choose.cjs`),c=require(`./styles/common.styles.cjs`);var l=class extends r.UiKitElement{constructor(...e){super(...e),this.mode=`light`,this.size=`large`,this.underline=!1,this.disabled=!1,this.iconName=`arrow-right`,this.iconPosition=`right`}static{this.styles=[c.commonStyles]}get iconTemplate(){return this.iconName===`none`?e.E:this.componentFactory.createIcon({class:`icon`,"icon-name":this.iconName})}get classes(){return{"link-button":!0,disabled:!!this.disabled,underline:!!this.underline,[this.size]:!0,[this.mode]:!!this.mode}}handleClick(e){this.href||e.preventDefault()}get styleTokens(){return e.x`
|
|
2
2
|
<style>
|
|
3
3
|
:host{
|
|
4
4
|
color-scheme: ${this.mode};
|
|
@@ -7,15 +7,15 @@ require(`../ds-theme-provider/themeContext.cjs`);const e=require(`../../node_mod
|
|
|
7
7
|
</style>
|
|
8
8
|
`}render(){return e.x`
|
|
9
9
|
${this.styleTokens}
|
|
10
|
-
${
|
|
11
|
-
<button class=${
|
|
10
|
+
${s.r(this.htmlTagName||`button`,[[`button`,()=>e.x`
|
|
11
|
+
<button class=${o.e(this.classes)} ?disabled=${this.disabled}>
|
|
12
12
|
${this.iconPosition===`left`?this.iconTemplate:e.E}
|
|
13
13
|
<span class="label"><slot></slot></span>
|
|
14
14
|
${this.iconPosition===`right`?this.iconTemplate:e.E}
|
|
15
15
|
</button>
|
|
16
16
|
`],[`a`,()=>e.x`
|
|
17
17
|
<a
|
|
18
|
-
class=${
|
|
18
|
+
class=${o.e(this.classes)}
|
|
19
19
|
href=${this.href}
|
|
20
20
|
rel=${this.rel}
|
|
21
21
|
target=${this.target}
|
|
@@ -27,4 +27,4 @@ require(`../ds-theme-provider/themeContext.cjs`);const e=require(`../../node_mod
|
|
|
27
27
|
${this.iconPosition===`right`?this.iconTemplate:e.E}
|
|
28
28
|
</a>
|
|
29
29
|
`]])}
|
|
30
|
-
`}};n.__decorate([t.n({type:String,reflect:!0})],
|
|
30
|
+
`}};n.__decorate([t.n({type:String,reflect:!0})],l.prototype,`mode`,void 0),n.__decorate([t.n({type:String})],l.prototype,`size`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],l.prototype,`underline`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],l.prototype,`disabled`,void 0),n.__decorate([t.n({type:String,attribute:`html-tag-name`})],l.prototype,`htmlTagName`,void 0),n.__decorate([t.n({type:String,reflect:!0})],l.prototype,`href`,void 0),n.__decorate([t.n({type:String,reflect:!0})],l.prototype,`rel`,void 0),n.__decorate([t.n({type:String,reflect:!0})],l.prototype,`target`,void 0),n.__decorate([t.n({type:String,attribute:`icon-name`})],l.prototype,`iconName`,void 0),n.__decorate([t.n({type:String,attribute:`icon-position`})],l.prototype,`iconPosition`,void 0),l=n.__decorate([i.customUiKitElement(`ds-link-button`)],l);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
|
|
2
2
|
:host {
|
|
3
3
|
display: block;
|
|
4
4
|
width: fit-content;
|
|
5
5
|
padding: 16px 0;
|
|
6
6
|
}
|
|
7
|
-
`;exports.commonStyles=
|
|
7
|
+
`;exports.commonStyles=t;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
|
|
2
2
|
:host {
|
|
3
3
|
display: block;
|
|
4
4
|
width: fit-content;
|
|
5
5
|
}
|
|
6
|
-
`;exports.commonStyles=
|
|
6
|
+
`;exports.commonStyles=t;
|
|
@@ -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`),a=require(`../../utils/booleanConverter.cjs`),o=require(`../../
|
|
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 s=require(`./styles/common.styles.cjs`);var c=class extends r.UiKitElement{constructor(...e){super(...e),this.show=!1,this.mode=`light`,this.size=`large`}static{this.styles=[s.commonStyles]}get classes(){return{container:!0,[this.size]:!0,[this.mode]:!!this.mode}}get styleTokens(){return e.x`
|
|
2
2
|
<style>
|
|
3
3
|
:host {
|
|
4
4
|
color-scheme: ${this.mode};
|
|
@@ -6,9 +6,9 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
|
|
|
6
6
|
</style>
|
|
7
7
|
`}render(){return this.show?e.x`
|
|
8
8
|
${this.styleTokens}
|
|
9
|
-
<div class=${
|
|
9
|
+
<div class=${o.e(this.classes)}>
|
|
10
10
|
<div class="dot first"></div>
|
|
11
11
|
<div class="dot middle"></div>
|
|
12
12
|
<div class="dot last"></div>
|
|
13
13
|
</div>
|
|
14
|
-
`:e.E}};n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],
|
|
14
|
+
`:e.E}};n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],c.prototype,`show`,void 0),n.__decorate([t.n({type:String,reflect:!0})],c.prototype,`mode`,void 0),n.__decorate([t.n({type:String})],c.prototype,`size`,void 0),c=n.__decorate([i.customUiKitElement(`ds-loader-dots`)],c);
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
|
|
1
|
+
const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
|
|
2
2
|
.container {
|
|
3
3
|
display: inline-flex;
|
|
4
4
|
justify-content: center;
|
|
5
5
|
align-items: center;
|
|
6
6
|
}
|
|
7
|
-
|
|
7
|
+
|
|
8
8
|
.dot.middle {
|
|
9
9
|
animation-delay: 0.4s;
|
|
10
10
|
}
|
|
11
|
-
|
|
11
|
+
|
|
12
12
|
.dot.last {
|
|
13
13
|
animation-delay: 0.8s;
|
|
14
14
|
}
|
|
15
|
-
|
|
15
|
+
|
|
16
16
|
.dot {
|
|
17
17
|
border-radius: 50%;
|
|
18
18
|
animation-name: loader;
|
|
@@ -23,9 +23,17 @@ var e=require(`../../../utils/cssWithTokens.cjs`).cssWithTokens`
|
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
@keyframes loader {
|
|
26
|
-
0% {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
26
|
+
0% {
|
|
27
|
+
opacity: 1;
|
|
28
|
+
}
|
|
29
|
+
18% {
|
|
30
|
+
opacity: 0.2;
|
|
31
|
+
}
|
|
32
|
+
82% {
|
|
33
|
+
opacity: 0.6;
|
|
34
|
+
}
|
|
35
|
+
100% {
|
|
36
|
+
opacity: 1;
|
|
37
|
+
}
|
|
30
38
|
}
|
|
31
|
-
`;exports.commonStyles=
|
|
39
|
+
`;exports.commonStyles=t;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
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(`./ds-loader-logo.styles.cjs`);var s=class extends r.UiKitElement{constructor(...e){super(...e),this.show=!1,this.zIndex=2e3,this.iconName=`logo`}static{this.styles=[o.commonStyles]}get styleTokens(){return e.x`
|
|
2
2
|
<style>
|
|
3
3
|
:host {
|
|
4
|
-
--ui-kit-icon-color: ${this.color||`var(--ui-kit-loader-logo-icon-color)`};
|
|
4
|
+
--ui-kit-icon-color: ${this.color||`var(--ui-kit-private-loader-logo-icon-color)`};
|
|
5
5
|
}
|
|
6
6
|
</style>
|
|
7
7
|
`}get iconTemplate(){return this.iconName?this.componentFactory.createIcon({class:`icon`,"icon-name":this.iconName}):e.E}render(){return this.show?e.x`
|
|
@@ -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`),a=require(`../../
|
|
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(`../../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 o=require(`./styles/common.styles.cjs`),s=require(`./theme-config.cjs`);var c=class extends r.UiKitElement{constructor(...e){super(...e),this.size=`xxsmall`,this.mode=`light`}static{this.styles=[o.commonStyles,o.containerStyles]}get logoTemplate(){return this.componentFactory.createIcon({class:`icon-logo`,"icon-name":`logo`})}get logoWordmarkTemplate(){return!this.theme||!s.themeConfig[this.theme]?.[`show-wordmark`]?e.E:this.componentFactory.createIcon({class:`icon-wordmark`,"icon-name":`logo-wordmark`})}get classes(){return{container:!0,[this.size]:!0,[this.mode]:!!this.mode}}get styleTokens(){return e.x`
|
|
2
2
|
<style>
|
|
3
3
|
:host {
|
|
4
4
|
color-scheme: ${this.mode};
|
|
@@ -6,8 +6,8 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
|
|
|
6
6
|
</style>
|
|
7
7
|
`}render(){return e.x`
|
|
8
8
|
${this.styleTokens}
|
|
9
|
-
<div data-testid="ds-logo-container" class=${
|
|
9
|
+
<div data-testid="ds-logo-container" class=${a.e(this.classes)}>
|
|
10
10
|
${this.logoTemplate}
|
|
11
11
|
${this.logoWordmarkTemplate}
|
|
12
12
|
</div>
|
|
13
|
-
`}};n.__decorate([t.n({type:String})],
|
|
13
|
+
`}};n.__decorate([t.n({type:String})],c.prototype,`size`,void 0),n.__decorate([t.n({type:String,reflect:!0})],c.prototype,`mode`,void 0),c=n.__decorate([i.customUiKitElement(`ds-logo`)],c);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
|
|
2
2
|
:host {
|
|
3
3
|
display: inline-block;
|
|
4
|
-
--ui-kit-icon-color: var(--ui-kit-map-pin-icon-color);
|
|
4
|
+
--ui-kit-icon-color: var(--ui-kit-private-map-pin-icon-color);
|
|
5
5
|
}
|
|
6
6
|
|
|
7
7
|
.container {
|
|
@@ -10,7 +10,7 @@ const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_mo
|
|
|
10
10
|
|
|
11
11
|
::slotted(div) {
|
|
12
12
|
display: flex;
|
|
13
|
-
gap: var(--ui-kit-navigation-controls-section-gap, 12px);
|
|
13
|
+
gap: var(--ui-kit-private-navigation-controls-section-gap, 12px);
|
|
14
14
|
align-items: center;
|
|
15
15
|
}
|
|
16
16
|
`;exports.commonStyles=t;
|
|
@@ -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-nodes.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/booleanConverter.cjs`),s=require(`../../
|
|
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-nodes.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/booleanConverter.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(`./styles/common.styles.cjs`);var l=class extends i.UiKitElement{constructor(...e){super(...e),this.readonly=!1,this.checked=!1,this.disabled=!1,this.mode=`light`,this.size=`large`,this.handleClickInput=e=>{this.readonly&&e.preventDefault()},this.handleClickLabel=e=>{e.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent(`click`,{bubbles:!0,composed:!0,detail:{value:this.value}})),this.readonly||(this.input.checked=!0,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{value:this.value}})))}}static{this.styles=[c.commonStyles]}connectedCallback(){super.connectedCallback(),this.input=document.createElement(`input`),this.input.type=`radio`,this.input.slot=`radio`,this.input.ariaLabel=this.value,this.input.addEventListener(`click`,this.handleClickInput),this.appendChild(this.input)}disconnectedCallback(){super.disconnectedCallback(),this.input.removeEventListener(`click`,this.handleClickInput)}updated(e){super.updated(e),[`name`,`value`].forEach(t=>{e.has(t)&&(this.input[t]=this[t])}),e.has(`checked`)&&requestAnimationFrame(()=>{this.input.checked=this.checked}),e.has(`disabled`)&&(this.input.disabled=this.disabled)}get labelClasses(){return{disabled:this.disabled,[this.mode]:!!this.mode,[this.size]:!!this.size}}get styleTokens(){return e.x`
|
|
2
2
|
<style>
|
|
3
3
|
:host{
|
|
4
4
|
color-scheme: ${this.mode};
|
|
@@ -7,8 +7,8 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
|
|
|
7
7
|
</style>
|
|
8
8
|
`}render(){return e.x`
|
|
9
9
|
${this.styleTokens}
|
|
10
|
-
<label @click=${this.handleClickLabel} class=${
|
|
10
|
+
<label @click=${this.handleClickLabel} class=${s.e(this.labelClasses)}>
|
|
11
11
|
<slot name="radio"></slot>
|
|
12
12
|
<slot></slot>
|
|
13
13
|
</label>
|
|
14
|
-
`}};r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,reflect:!0})],
|
|
14
|
+
`}};r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,reflect:!0})],l.prototype,`readonly`,void 0),r.__decorate([t.n({type:String,reflect:!0})],l.prototype,`name`,void 0),r.__decorate([t.n({type:String})],l.prototype,`value`,void 0),r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,reflect:!0})],l.prototype,`checked`,void 0),r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,reflect:!0})],l.prototype,`disabled`,void 0),r.__decorate([t.n({type:String,reflect:!0})],l.prototype,`mode`,void 0),r.__decorate([t.n({type:String})],l.prototype,`size`,void 0),r.__decorate([n.n({slot:``,flatten:!0})],l.prototype,`_defaultSlotNodes`,void 0),l=r.__decorate([a.customUiKitElement(`ds-radio`)],l);
|
|
@@ -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`),r=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.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`),s=require(`../../utils/booleanConverter.cjs`),c=require(`../../
|
|
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`);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`),s=require(`../../utils/booleanConverter.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(`../../mixins/FormAssociatedMixin.cjs`),u=require(`./styles/common.styles.cjs`);var d=class extends l.FormAssociatedMixin(a.UiKitElement){constructor(...e){super(...e),this.initialValue=``,this.label=``,this.helperText=``,this.errorText=``,this.disabled=!1,this.success=!1,this.mode=`light`,this.size=`large`,this.name=``,this.placeholder=``,this.type=`text`,this.focused=!1,this.handleFocus=()=>{this.focused=!0},this.handleBlur=()=>{this.focused=!1},this.handleClickClearIcon=()=>{this._value=``,this.dispatchEvent(new CustomEvent(`ds-search:clear`,{bubbles:!0,composed:!0}))},this.handleInput=e=>{this._value=e.target.value||``},this.handleSuccess=e=>{this.dispatchEvent(new CustomEvent(`ds-search:position-success`,{bubbles:!0,composed:!0,detail:{position:e}}))},this.handleError=e=>{this.dispatchEvent(new CustomEvent(`ds-search:position-error`,{bubbles:!0,composed:!0,detail:{error:e}}))}}static{this.styles=[u.commonStyles,u.containerStyles,u.helperTextStyles,u.inputFieldStyles,u.inputContainerStyles]}firstUpdated(){this._value=this.initialValue}get value(){return this._value}set value(e){this._value=e}get classes(){return{container:!0,focused:this.focused,error:!!this.errorText,success:this.success,disabled:this.disabled,[this.size]:!0,[this.mode]:!0}}get searchIconTemplate(){return e.x`
|
|
2
2
|
${this.componentFactory.createIcon({class:`search-icon`,"icon-name":`magnifying-glass`})}
|
|
3
3
|
`}get positionIconTemplate(){return e.x`
|
|
4
4
|
${this.componentFactory.createIcon({class:`position-icon`,"icon-name":`position`})}
|
|
@@ -23,7 +23,7 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
|
|
|
23
23
|
${this.positionIconTemplate}
|
|
24
24
|
${this.helperText}
|
|
25
25
|
</div>
|
|
26
|
-
`:e.E}get errorTextTemplate(){return this.errorText?e.x`<div class="error-text">${this.errorText}</div>`:e.E}get styleTokens(){return
|
|
26
|
+
`:e.E}get errorTextTemplate(){return this.errorText?e.x`<div class="error-text">${this.errorText}</div>`:e.E}get styleTokens(){return e.x`
|
|
27
27
|
<style>
|
|
28
28
|
:host{
|
|
29
29
|
color-scheme: ${this.mode};
|
|
@@ -32,7 +32,7 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
|
|
|
32
32
|
</style>
|
|
33
33
|
`}handleClickHelperText(){navigator.geolocation.getCurrentPosition(this.handleSuccess,this.handleError)}render(){return e.x`
|
|
34
34
|
${this.styleTokens}
|
|
35
|
-
<div class=${
|
|
35
|
+
<div class=${c.e(this.classes)}>
|
|
36
36
|
<div class="input-container">
|
|
37
37
|
${this.searchIconTemplate}
|
|
38
38
|
${this.inputTemplate}
|
|
@@ -41,4 +41,4 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
|
|
|
41
41
|
${this.errorTextTemplate}
|
|
42
42
|
${this.helperTextTemplate}
|
|
43
43
|
</div>
|
|
44
|
-
`}};i.__decorate([t.n({type:String,reflect:!0,attribute:`initial-value`})],
|
|
44
|
+
`}};i.__decorate([t.n({type:String,reflect:!0,attribute:`initial-value`})],d.prototype,`initialValue`,void 0),i.__decorate([t.n({type:String})],d.prototype,`label`,void 0),i.__decorate([t.n({type:String,attribute:`helper-text`})],d.prototype,`helperText`,void 0),i.__decorate([t.n({type:String,attribute:`error-text`})],d.prototype,`errorText`,void 0),i.__decorate([t.n({type:Boolean,converter:s.booleanConverter})],d.prototype,`disabled`,void 0),i.__decorate([t.n({type:Boolean,converter:s.booleanConverter})],d.prototype,`success`,void 0),i.__decorate([t.n({type:String,reflect:!0})],d.prototype,`mode`,void 0),i.__decorate([t.n({type:String})],d.prototype,`size`,void 0),i.__decorate([t.n({type:String})],d.prototype,`name`,void 0),i.__decorate([t.n({type:String})],d.prototype,`placeholder`,void 0),i.__decorate([t.n({type:String,attribute:`max-length`})],d.prototype,`maxLength`,void 0),i.__decorate([t.n({type:String})],d.prototype,`type`,void 0),i.__decorate([n.r()],d.prototype,`_value`,void 0),i.__decorate([n.r()],d.prototype,`focused`,void 0),i.__decorate([r.e(`.input-field`)],d.prototype,`inputField`,void 0),d=i.__decorate([o.customUiKitElement(`ds-search`)],d);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
|
|
2
2
|
:host {
|
|
3
3
|
display: block;
|
|
4
4
|
}
|
|
5
|
-
`;exports.commonStyles=
|
|
5
|
+
`;exports.commonStyles=t;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require(`../ds-theme-provider/themeContext.cjs`);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`);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`),s=require(`../../utils/booleanConverter.cjs`),c=require(`../../
|
|
1
|
+
require(`../ds-theme-provider/themeContext.cjs`);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`);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`),s=require(`../../utils/booleanConverter.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(`../../mixins/ViewportMixin.cjs`),u=require(`../../utils/objectConverter.cjs`),d=require(`../../utils/formatNumber/formatNumber.cjs`),f=require(`./utils/getStepValue/getStepValue.cjs`),p=require(`./utils/roundToDecimals/roundToDecimals.cjs`),m=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/live.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/live.cjs`);const h=require(`./styles/common.styles.cjs`);var g,_=class extends l.ViewportMixin(a.UiKitElement){static{g=this}constructor(...e){super(...e),this.min=0,this.max=100,this.minLabel=``,this.maxLabel=``,this.step=1,this.initialValueMin=0,this.mode=`light`,this.locale=void 0,this.localeMatcher=`lookup`,this.useGrouping=!0,this.minimumIntegerDigits=1,this.minimumFractionDigits=0,this.maximumFractionDigits=3,this.size=`medium`,this.disabled=!1,this.keyboardMode=!1,this._initialValuesApplied=!1,this.getNewValue=e=>{let{width:t,left:n}=this.track.getBoundingClientRect(),r=this.thumbRadius,i=e.type.indexOf(`mouse`)===-1?e.touches[0].clientX:e.clientX,a=t-r*2,o=Math.min(Math.max(0,i-n-r),a),s=a>0?o*100/a:0;return this.min+s*(this.max-this.min)/100},this.setActiveThumb=e=>{let t=this.getNewValue(e);typeof this._valueMax!=`number`||t<=this._valueMin?this.activeThumb=`min`:t>=this._valueMax?this.activeThumb=`max`:t-this._valueMin<this._valueMax-t?this.activeThumb=`min`:this.activeThumb=`max`},this.handleMouseMove=e=>{this.animationFrameRequest&&cancelAnimationFrame(this.animationFrameRequest),this.animationFrameRequest=requestAnimationFrame(()=>{let t=this.getNewValue(e),n=this.activeThumb??`min`,{stepValue:r}=this.computeStep({proposedValue:t,role:n});this.handleChange({value:r,role:n})})},this.handleMouseDown=e=>{this.disabled||(e?.preventDefault?.(),this.setActiveThumb(e),this.handleMouseMove(e),window?.addEventListener(`mousemove`,this.handleMouseMove),window?.addEventListener(`touchmove`,this.handleMouseMove),window?.addEventListener(`pointerup`,this.handlePointerUp))},this.handlePointerUp=()=>{window?.removeEventListener(`mousemove`,this.handleMouseMove),window?.removeEventListener(`touchmove`,this.handleMouseMove),window?.removeEventListener(`pointerup`,this.handlePointerUp)},this.handleKeydown=()=>{this.keyboardMode=!0},this.handlePointerOrMouseDown=()=>{this.keyboardMode=!1},this.onInputFocus=(e,t)=>{let n=e.currentTarget,r=this.getRoleById(t);this.editingField=r,n.type=`number`,n.step=String(this.step??1);let i=r===`min`?this._valueMin:this._valueMax;n.value=String(i??``),this.keyboardMode&&n.classList.add(`focus-visible`)},this.commitInputValue=(e,t)=>{let n=e.currentTarget,r=this.getRoleById(t),{stepValue:i}=this.computeStep({proposedValue:Number(n.value),role:r});this.handleChange({value:i,role:r}),this.isControlled(r)||(n.value=String(i))},this.onInputBlur=e=>{this.editingField=void 0,e.currentTarget?.classList?.remove(`focus-visible`)},this.onInputKeyDown=(e,t)=>{e.key===`Enter`&&(e.preventDefault(),this.commitInputValue(e,t))},this.onThumbKeyDown=(e,t)=>{if(!this.disabled&&(e.key===`ArrowLeft`||e.key===`ArrowRight`)){e.preventDefault();let n=this.step??1,r=e.key===`ArrowLeft`?-n:n,i=this.getRoleById(t),a=i===`min`?this._valueMin:this._valueMax,{stepValue:o}=this.computeStep({proposedValue:a+r,role:i});this.handleChange({value:o,role:i})}}}static{this.styles=[h.commonStyles,h.trackStyles,h.thumbStyles,h.currentValueStyles,h.rangeValueStyles]}get isRange(){return typeof this.initialValueMax==`number`||typeof this.valueMax==`number`}isControlled(e){return typeof(e===`min`?this.valueMin:this.valueMax)==`number`}getRoleById(e){return e===1?`min`:`max`}get currentValues(){return{1:this._valueMin,...typeof this._valueMax==`number`?{2:this._valueMax}:{}}}computeStep({proposedValue:e,role:t}){return f.getStepValue({step:this.step,min:this.min,max:this.max,proposedValue:e,role:t,currentValues:this.currentValues})}willUpdate(e){super.willUpdate(e),typeof this.valueMin==`number`&&(this._valueMin=this.valueMin),typeof this.valueMax==`number`&&(this._valueMax=this.valueMax),this._initialValuesApplied||(this._initialValuesApplied=!0,this.applyInitialValues())}disconnectedCallback(){super.disconnectedCallback(),window?.removeEventListener(`mousemove`,this.handleMouseMove),window?.removeEventListener(`touchmove`,this.handleMouseMove),window?.removeEventListener(`pointerup`,this.handlePointerUp),window?.removeEventListener(`keydown`,this.handleKeydown),window?.removeEventListener(`mousedown`,this.handlePointerOrMouseDown),window?.removeEventListener(`pointerdown`,this.handlePointerOrMouseDown)}firstUpdated(e){super.firstUpdated(e),window?.addEventListener(`keydown`,this.handleKeydown),window?.addEventListener(`mousedown`,this.handlePointerOrMouseDown),window?.addEventListener(`pointerdown`,this.handlePointerOrMouseDown)}applyInitialValues(){[`min`,`max`].forEach(e=>{if(this.isControlled(e))return;let t=this[e===`min`?`initialValueMin`:`initialValueMax`];if(typeof t!=`number`)return;let{stepValue:n}=this.computeStep({proposedValue:t,role:e});this[e===`min`?`_valueMin`:`_valueMax`]!==n&&this.handleChange({value:n,role:e})})}getTrackPct(e){let t=this.max-this.min;return t===0?0:(e-this.min)/t*100}get thumbRadius(){let e=this.renderRoot?.querySelector(`.thumb`);return e?e.offsetWidth/2:0}static{this.THUMB_RADIUS_CSS_VAR=`var(--ui-kit-private-slider-thumb-radius, 0px)`}trackPosition(e){let t=g.THUMB_RADIUS_CSS_VAR;return`calc(${t} + (100% - ${t} * 2) * ${e/100})`}trackWidth(e){return`calc((100% - ${g.THUMB_RADIUS_CSS_VAR} * 2) * ${e/100})`}handleChange({value:e,role:t}){let n=p.roundToDecimals({value:e,fractionDigits:this.maximumFractionDigits}),r=t===`min`?`_valueMin`:`_valueMax`;this[r]!==n&&(this.isControlled(t)||(this[r]=n),this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{role:t,value:n}})))}formatNumber(e){return d.formatNumber({value:e,locale:this.locale,...this.unitStyle&&{style:this.unitStyle},...this.currency&&{currency:this.currency},...this.unit&&{unit:this.unit},localeMatcher:this.localeMatcher,minimumIntegerDigits:this.minimumIntegerDigits,minimumFractionDigits:this.minimumFractionDigits,maximumFractionDigits:this.maximumFractionDigits,thousandSeparator:this.thousandSeparator,fractionSeparator:this.fractionSeparator,useGrouping:this.useGrouping})}get rangeValuesTemplates(){let{formattedValue:t,unitSymbol:n,unitSymbolPosition:r}=this.formatNumber(this.min),i=this.unitSymbol??n,a=this.unitSymbolPosition??r,{formattedValue:o}=this.formatNumber(this.max);return e.x`
|
|
2
2
|
<div class="range-value-text">
|
|
3
3
|
${this.minLabel?e.x`<span class="range-value-label">${this.minLabel}</span>`:e.E}
|
|
4
4
|
${a===`left`?e.x`<span>${i}</span>`:e.E}
|
|
@@ -49,12 +49,12 @@ require(`../ds-theme-provider/themeContext.cjs`);const e=require(`../../node_mod
|
|
|
49
49
|
}
|
|
50
50
|
</style>
|
|
51
51
|
<div class="track-range" role="presentation"></div>
|
|
52
|
-
`}getInputTemplate(t){let n=this.getRoleById(t),r=this.editingField===n,i=n===`min`?this._valueMin:this._valueMax,{formattedValue:a,unitSymbol:o,unitSymbolPosition:s}=this.formatNumber(i),c=this.unitSymbolPosition??s,l=this.unitSymbol??o,u=l?c===`left`?`${l} ${a}`:`${a} ${l}`:`${a}`,d=r?`number`:`text`,f=r?String(i??``):u,p=t===1?this.inputMinAriaLabel:this.inputMaxAriaLabel,
|
|
52
|
+
`}getInputTemplate(t){let n=this.getRoleById(t),r=this.editingField===n,i=n===`min`?this._valueMin:this._valueMax,{formattedValue:a,unitSymbol:o,unitSymbolPosition:s}=this.formatNumber(i),c=this.unitSymbolPosition??s,l=this.unitSymbol??o,u=l?c===`left`?`${l} ${a}`:`${a} ${l}`:`${a}`,d=r?`number`:`text`,f=r?String(i??``):u,p=t===1?this.inputMinAriaLabel:this.inputMaxAriaLabel,h=this.isRange?t===1?`Start value`:`End value`:`Value`,g=p??h;return e.x`
|
|
53
53
|
<div class="input-wrapper">
|
|
54
54
|
<input
|
|
55
55
|
class="input-value input-value-${t}"
|
|
56
56
|
type=${d}
|
|
57
|
-
.value=${
|
|
57
|
+
.value=${m.l(f)}
|
|
58
58
|
step=${String(this.step??1)}
|
|
59
59
|
?disabled=${this.disabled}
|
|
60
60
|
tabindex=${this.disabled?-1:0}
|
|
@@ -73,7 +73,7 @@ require(`../ds-theme-provider/themeContext.cjs`);const e=require(`../../node_mod
|
|
|
73
73
|
${this.getInputTemplate(1)}
|
|
74
74
|
${this.isRange?this.getInputTemplate(2):e.E}
|
|
75
75
|
</div>
|
|
76
|
-
`}get containerClasses(){let e=typeof this.size==`string`?this.size:this.size?.[this.viewport];return{container:!0,[this.mode]:!!this.mode,[e]:!!e,disabled:!!this.disabled}}get styleTokens(){return
|
|
76
|
+
`}get containerClasses(){let e=typeof this.size==`string`?this.size:this.size?.[this.viewport];return{container:!0,[this.mode]:!!this.mode,[e]:!!e,disabled:!!this.disabled}}get styleTokens(){return e.x`
|
|
77
77
|
<style>
|
|
78
78
|
:host{
|
|
79
79
|
color-scheme: ${this.mode};
|
|
@@ -81,7 +81,7 @@ require(`../ds-theme-provider/themeContext.cjs`);const e=require(`../../node_mod
|
|
|
81
81
|
</style>
|
|
82
82
|
`}render(){return e.x`
|
|
83
83
|
${this.styleTokens}
|
|
84
|
-
<div class=${
|
|
84
|
+
<div class=${c.e(this.containerClasses)}>
|
|
85
85
|
<div @touchstart=${this.handleMouseDown} @mousedown=${this.handleMouseDown} class="track" role="presentation">
|
|
86
86
|
${this.thumbTemplates}
|
|
87
87
|
${this.trackRangeTemplate}
|
|
@@ -89,4 +89,4 @@ require(`../ds-theme-provider/themeContext.cjs`);const e=require(`../../node_mod
|
|
|
89
89
|
<div class="range-value-container">${this.rangeValuesTemplates}</div>
|
|
90
90
|
${this.inputsTemplate}
|
|
91
91
|
</div>
|
|
92
|
-
`}};i.__decorate([t.n({type:Number})],
|
|
92
|
+
`}};i.__decorate([t.n({type:Number})],_.prototype,`min`,void 0),i.__decorate([t.n({type:Number})],_.prototype,`max`,void 0),i.__decorate([t.n({type:String,attribute:`min-label`})],_.prototype,`minLabel`,void 0),i.__decorate([t.n({type:String,attribute:`max-label`})],_.prototype,`maxLabel`,void 0),i.__decorate([t.n({type:Number})],_.prototype,`step`,void 0),i.__decorate([t.n({type:Number,attribute:`initial-value-min`})],_.prototype,`initialValueMin`,void 0),i.__decorate([t.n({type:Number,attribute:`initial-value-max`})],_.prototype,`initialValueMax`,void 0),i.__decorate([t.n({type:Number,attribute:`value-min`})],_.prototype,`valueMin`,void 0),i.__decorate([t.n({type:Number,attribute:`value-max`})],_.prototype,`valueMax`,void 0),i.__decorate([t.n({type:String,reflect:!0})],_.prototype,`mode`,void 0),i.__decorate([t.n({type:String,attribute:`locale`})],_.prototype,`locale`,void 0),i.__decorate([t.n({type:String,attribute:`locale-matcher`})],_.prototype,`localeMatcher`,void 0),i.__decorate([t.n({type:String,attribute:`unit-symbol`})],_.prototype,`unitSymbol`,void 0),i.__decorate([t.n({type:String,attribute:`unit-symbol-position`})],_.prototype,`unitSymbolPosition`,void 0),i.__decorate([t.n({type:String,attribute:`unit-style`})],_.prototype,`unitStyle`,void 0),i.__decorate([t.n({type:String,attribute:`currency`})],_.prototype,`currency`,void 0),i.__decorate([t.n({type:String,attribute:`unit`})],_.prototype,`unit`,void 0),i.__decorate([t.n({type:String,attribute:`use-grouping`,converter:e=>e===`auto`?`auto`:typeof e==`boolean`?e:e===`true`||e===``?!0:e!==`false`})],_.prototype,`useGrouping`,void 0),i.__decorate([t.n({type:Number,attribute:`minimum-integer-digits`})],_.prototype,`minimumIntegerDigits`,void 0),i.__decorate([t.n({type:Number,attribute:`minimum-fraction-digits`})],_.prototype,`minimumFractionDigits`,void 0),i.__decorate([t.n({type:Number,attribute:`maximum-fraction-digits`})],_.prototype,`maximumFractionDigits`,void 0),i.__decorate([t.n({type:String,attribute:`thousand-separator`})],_.prototype,`thousandSeparator`,void 0),i.__decorate([t.n({type:String,attribute:`fraction-separator`})],_.prototype,`fractionSeparator`,void 0),i.__decorate([t.n({type:String,converter:u.objectConverter})],_.prototype,`size`,void 0),i.__decorate([t.n({type:Boolean,converter:s.booleanConverter})],_.prototype,`disabled`,void 0),i.__decorate([t.n({type:String,attribute:`input-min-aria-label`})],_.prototype,`inputMinAriaLabel`,void 0),i.__decorate([t.n({type:String,attribute:`input-max-aria-label`})],_.prototype,`inputMaxAriaLabel`,void 0),i.__decorate([r.e(`.track`)],_.prototype,`track`,void 0),i.__decorate([n.r()],_.prototype,`_valueMin`,void 0),i.__decorate([n.r()],_.prototype,`_valueMax`,void 0),i.__decorate([n.r()],_.prototype,`editingField`,void 0),_=g=i.__decorate([o.customUiKitElement(`ds-slider`)],_);
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);
|
|
1
|
+
const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
|
|
2
2
|
:host {
|
|
3
3
|
display: block;
|
|
4
4
|
}
|
|
5
|
-
`,
|
|
5
|
+
`,n=e.i`
|
|
6
6
|
.current-value-container {
|
|
7
7
|
position: relative;
|
|
8
8
|
}
|
|
9
|
-
|
|
9
|
+
|
|
10
10
|
.current-value-text {
|
|
11
11
|
display: inline-flex;
|
|
12
12
|
position: absolute;
|
|
13
13
|
}
|
|
14
|
-
`,
|
|
14
|
+
`,r=e.i`
|
|
15
15
|
.range-value-container {
|
|
16
16
|
display: flex;
|
|
17
17
|
justify-content: space-between;
|
|
18
18
|
}
|
|
19
|
-
|
|
19
|
+
|
|
20
20
|
.range-value-text {
|
|
21
21
|
display: inline-flex;
|
|
22
22
|
}
|
|
@@ -24,7 +24,7 @@ const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_mo
|
|
|
24
24
|
.range-value-label:after {
|
|
25
25
|
content: ':';
|
|
26
26
|
}
|
|
27
|
-
`,
|
|
27
|
+
`,i=e.i`
|
|
28
28
|
.track {
|
|
29
29
|
position: relative;
|
|
30
30
|
cursor: pointer;
|
|
@@ -38,12 +38,13 @@ const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_mo
|
|
|
38
38
|
position: absolute;
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
-
.track,
|
|
41
|
+
.track,
|
|
42
|
+
.track-range {
|
|
42
43
|
background-clip: content-box;
|
|
43
44
|
}
|
|
44
|
-
`,
|
|
45
|
+
`,a=e.i`
|
|
45
46
|
.thumb {
|
|
46
47
|
z-index: 2;
|
|
47
48
|
position: absolute;
|
|
48
49
|
}
|
|
49
|
-
`;exports.commonStyles=
|
|
50
|
+
`;exports.commonStyles=t,exports.currentValueStyles=n,exports.rangeValueStyles=r,exports.thumbStyles=a,exports.trackStyles=i;
|
|
@@ -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`),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-nodes.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(`../../
|
|
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-nodes.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(`../../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(`../../mixins/ViewportMixin.cjs`),u=require(`../../utils/objectConverter.cjs`),d=require(`../../utils/observeScroll/observeScroll.cjs`),f=require(`./styles/common.styles.cjs`);var p=class extends l.ViewportMixin(o.UiKitElement){constructor(...e){super(...e),this.size=`medium`,this.showTopShadow=!1,this.showBottomShadow=!1}static{this.styles=[f.commonStyles]}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport];return{container:!0,[e]:!!e}}get mainWrapperClasses(){return{"main-wrapper":!0,"shadow-top":this.showTopShadow,"shadow-bottom":this.showBottomShadow}}get styleTokens(){return e.x`
|
|
2
2
|
<style>
|
|
3
3
|
.header {
|
|
4
4
|
display: ${this.headerItems?.length>0?`block`:`none`};
|
|
@@ -8,14 +8,14 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
|
|
|
8
8
|
display: ${this.footerItems?.length>0?`block`:`none`};
|
|
9
9
|
}
|
|
10
10
|
</style>
|
|
11
|
-
`}onSlotChange(){this.cleanupScrollObserver&&this.cleanupScrollObserver(),this.cleanupScrollObserver=
|
|
11
|
+
`}onSlotChange(){this.cleanupScrollObserver&&this.cleanupScrollObserver(),this.cleanupScrollObserver=d.observeScroll(this.mainElement,({top:e,bottom:t})=>{this.showTopShadow=e,this.showBottomShadow=t})}firstUpdated(){this.onSlotChange()}disconnectedCallback(){super.disconnectedCallback(),this.cleanupScrollObserver?.()}render(){return e.x`
|
|
12
12
|
${this.styleTokens}
|
|
13
|
-
<div part="container" data-testid="ds-static-box-container" class=${
|
|
13
|
+
<div part="container" data-testid="ds-static-box-container" class=${c.e(this.classes)}>
|
|
14
14
|
<div class="body">
|
|
15
15
|
<div part="header" class="header">
|
|
16
16
|
<slot name="header"></slot>
|
|
17
17
|
</div>
|
|
18
|
-
<div class=${
|
|
18
|
+
<div class=${c.e(this.mainWrapperClasses)}>
|
|
19
19
|
<div part="main" class="main ds-scroll" tabindex="0">
|
|
20
20
|
<slot name="main" @slotchange=${this.onSlotChange}></slot>
|
|
21
21
|
</div>
|
|
@@ -25,4 +25,4 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
|
|
|
25
25
|
<slot name="footer"></slot>
|
|
26
26
|
</div>
|
|
27
27
|
</div>
|
|
28
|
-
`}};a.__decorate([t.n({type:String,converter:
|
|
28
|
+
`}};a.__decorate([t.n({type:String,converter:u.objectConverter})],p.prototype,`size`,void 0),a.__decorate([i.n({slot:`header`,flatten:!0})],p.prototype,`headerItems`,void 0),a.__decorate([i.n({slot:`footer`,flatten:!0})],p.prototype,`footerItems`,void 0),a.__decorate([r.e(`.main`)],p.prototype,`mainElement`,void 0),a.__decorate([n.r()],p.prototype,`showTopShadow`,void 0),a.__decorate([n.r()],p.prototype,`showBottomShadow`,void 0),p=a.__decorate([s.customUiKitElement(`ds-static-box`)],p);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
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/style-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/style-map.cjs`);const s=require(`./styles/common.styles.cjs`);var c=class extends i.UiKitElement{constructor(...e){super(...e),this.emptyMessage=``,this.hasHeaderContent=!1,this.hasBodyContent=!1}static{this.styles=[s.commonStyles]}handleHeaderSlotChange(e){this.hasHeaderContent=e.target.assignedElements({flatten:!0}).length>0}handleBodySlotChange(e){this.hasBodyContent=e.target.assignedElements({flatten:!0}).length>0}get columnCount(){let e=this.querySelector(`[data-column-count]`);return e?Number(e.getAttribute(`data-column-count`)):0}get showEmptyState(){return!this.hasBodyContent&&this.emptyMessage}render(){return this.columnCount===0?e.E:e.x`
|
|
2
|
-
<div class="table-wrapper" role="table" style=${o.o({"--ui-kit-table-grid-template-columns-default":`repeat(${this.columnCount}, 1fr)`})}>
|
|
2
|
+
<div class="table-wrapper" role="table" style=${o.o({"--ui-kit-private-table-grid-template-columns-default":`repeat(${this.columnCount}, 1fr)`})}>
|
|
3
3
|
<div class="header" role="rowgroup">
|
|
4
4
|
<slot name="header" @slotchange=${this.handleHeaderSlotChange}></slot>
|
|
5
5
|
</div>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
|
|
2
2
|
:host {
|
|
3
3
|
display: contents;
|
|
4
4
|
}
|
|
5
|
-
`;exports.commonStyles=
|
|
5
|
+
`;exports.commonStyles=t;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
|
|
2
2
|
:host {
|
|
3
3
|
display: table-cell;
|
|
4
4
|
box-sizing: border-box;
|
|
5
5
|
}
|
|
6
|
-
`;exports.commonStyles=
|
|
6
|
+
`;exports.commonStyles=t;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
|
|
2
2
|
:host {
|
|
3
3
|
display: table-row;
|
|
4
4
|
}
|
|
5
|
-
`;exports.commonStyles=
|
|
5
|
+
`;exports.commonStyles=t;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
const e=require(`../../../
|
|
1
|
+
const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
|
|
2
2
|
:host {
|
|
3
3
|
display: inline-block;
|
|
4
4
|
}
|
|
5
|
-
|
|
5
|
+
|
|
6
6
|
.container {
|
|
7
7
|
display: inline-flex;
|
|
8
8
|
justify-content: center;
|
|
9
9
|
align-items: center;
|
|
10
10
|
}
|
|
11
|
-
`,n=e.
|
|
11
|
+
`,n=e.i`
|
|
12
12
|
.icon.clicable {
|
|
13
13
|
cursor: pointer;
|
|
14
14
|
}
|
|
@@ -3,7 +3,7 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
|
|
|
3
3
|
part="container"
|
|
4
4
|
data-testid="ds-text-container"
|
|
5
5
|
class=${c.e(this.classes)}
|
|
6
|
-
style=${d.o({color:this.color||`var(--ui-kit-text-color)`})}
|
|
6
|
+
style=${d.o({color:this.color||`var(--ui-kit-private-text-color)`})}
|
|
7
7
|
>
|
|
8
8
|
${this.value?this.value:e.E}
|
|
9
9
|
<slot></slot>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
const e=require(`../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/provide.cjs`),t=require(`./themeContext.cjs`),n=require(`../../core/theme.constants.cjs`),r=require(`../../utils/PubSub.cjs`),i=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`),a=require(`../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const o=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),s=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 c=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),l=require(`../../decorators/customUiKitElement.cjs`),u=require(`../../utils/booleanConverter.cjs`),d=require(`../../styles/source/shared/fonts-config.cjs`);var f=class extends a.i{constructor(...e){super(...e),this.loadFonts=!0,this.loadStyles=!0,this.cssLoaded=!1,this.loadedFonts=new Set}updated(e){super.updated(e),e.has(`theme`)&&(r.pubSub.publish(`theme`,this.theme),sessionStorage?.setItem(n.THEME_STORAGE_KEY,this.theme),typeof FontFace<`u`&&document?.fonts&&this.loadThemeFonts(),this.loadThemeStyles().then(()=>{this.cssLoaded=!0,this.dispatchEvent(new CustomEvent(`ui-kit:ready`,{bubbles:!0,composed:!0}))}))}loadThemeFonts(){d.fontsConfig[this.theme]?.fonts.forEach(e=>{this.loadThemeFont(e)})}async loadThemeFont({weight:e,name:t,file:n}){if(!this.loadFonts)return Promise.resolve();let r=`${t}-${e}`;if(this.loadedFonts.has(r))return;let i=new FontFace(t,`url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.woff2') format('woff2'),
|
|
2
2
|
url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.woff') format('woff'),
|
|
3
3
|
url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.ttf') format('truetype'),
|
|
4
|
-
url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.otf') format('opentype')`,{style:`normal`,weight:e,display:`swap`});try{await i.load(),document.fonts.add(i),this.loadedFonts.add(r)}catch(n){console.error(`Error loading "${t}" font with "${e}" weight:`,n)}}loadThemeStyles(){return this.loadStyles?new Promise((e,t)=>{let n=`/2.0.0-canary.
|
|
4
|
+
url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.otf') format('opentype')`,{style:`normal`,weight:e,display:`swap`});try{await i.load(),document.fonts.add(i),this.loadedFonts.add(r)}catch(n){console.error(`Error loading "${t}" font with "${e}" weight:`,n)}}loadThemeStyles(){return this.loadStyles?new Promise((e,t)=>{let n=`/2.0.0-canary.131`,r=`https://ds-assets.cupra.com${n}/styles/${this.theme}/theme.css`;if(document.head.querySelector(`link[href="${r}"]`))e();else{let i=`ui-kit-theme-${n}`,a=document.getElementById(i),o=document.createElement(`link`);o.id=i,o.rel=`stylesheet`,o.href=r,o.onload=()=>e(),o.onerror=()=>t(Error(`Failed to load theme CSS: ${r}`)),document.head.appendChild(o),a?.remove()}}):Promise.resolve()}render(){return this.cssLoaded?i.x`<slot></slot>`:i.E}};c.__decorate([o.n({type:Boolean,converter:u.booleanConverter,attribute:`load-fonts`})],f.prototype,`loadFonts`,void 0),c.__decorate([o.n({type:Boolean,converter:u.booleanConverter,attribute:`load-styles`})],f.prototype,`loadStyles`,void 0),c.__decorate([e.e({context:t.themeContext}),o.n({type:String})],f.prototype,`theme`,void 0),c.__decorate([s.r()],f.prototype,`cssLoaded`,void 0),c.__decorate([s.r()],f.prototype,`loadedFonts`,void 0),f=c.__decorate([l.customUiKitElement(`ds-theme-provider`)],f);
|
|
@@ -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(`../../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/
|
|
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 s=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/unsafe-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/unsafe-html.cjs`);const c=require(`./utils/ToastManager.cjs`),l=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/repeat.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/repeat.cjs`);const u=require(`./styles/common.styles.cjs`);var d=class extends i.UiKitElement{constructor(...e){super(...e),this.position=`top-right`,this.toasts=[],this.unsubscribe=null}static{this.styles=[u.containerStyles,u.toastStyles]}connectedCallback(){super.connectedCallback(),this.unsubscribe=c.toastManager.subscribe(e=>{this.toasts=e})}disconnectedCallback(){this.unsubscribe&&=(this.unsubscribe(),null),super.disconnectedCallback()}handleAnimationEnd(e){let t=e.target;if(t.classList.contains(`exiting`)&&(e.animationName===`toast-out-left`||e.animationName===`toast-out-right`)){let e=t.getAttribute(`data-id`);e&&c.toastManager.removeToast(e)}}getToastMessageTemplate(t){let n={toast:!0,[t.status]:!0,exiting:t.exiting},r=e.E;if(t.referenceId){let e=document.querySelector(`[data-id="${t.referenceId}"]`);if(e){let n=e.cloneNode(!0);n.setAttribute(`data-template`,`false`),n.setAttribute(`data-id`,t.id),r=s.o(n.outerHTML)}}else r=this.componentFactory.createToastMessage({"data-id":t.id,"data-template":!1,title:t.title,text:t.text,status:t.status});return e.x`<div class=${o.e(n)} data-id="${t.id}">${r}</div>`}get containerClasses(){return{"toast-container":!0,[this.position]:!0}}render(){return e.x`
|
|
2
2
|
<div
|
|
3
3
|
part="toast-container"
|
|
4
|
-
class=${
|
|
4
|
+
class=${o.e(this.containerClasses)}
|
|
5
5
|
@animationend=${this.handleAnimationEnd}
|
|
6
6
|
aria-live="polite"
|
|
7
7
|
>
|