@skodaflow/web-library 4.1.0 → 4.2.0
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/cjs/components/accordion/accordion.js.map +1 -1
- package/cjs/components/agGrid/agGrid.d.ts +3 -5
- package/cjs/components/agGrid/agGrid.js +1 -1
- package/cjs/components/agGrid/agGrid.js.map +1 -1
- package/cjs/components/agGrid/agGridStyled.d.ts +2 -0
- package/cjs/components/agGrid/agGridStyled.js +1 -1
- package/cjs/components/agGrid/agGridStyled.js.map +1 -1
- package/cjs/components/alert/Alert.js.map +1 -1
- package/cjs/components/alert/AlertButton.js.map +1 -1
- package/cjs/components/avatar/Avatar.d.ts +24 -0
- package/cjs/components/avatar/Avatar.js.map +1 -1
- package/cjs/components/backdrop/backdrop.js.map +1 -1
- package/cjs/components/banner/banner.js.map +1 -1
- package/cjs/components/button/button.js.map +1 -1
- package/cjs/components/cardContainer/cardContainer.js.map +1 -1
- package/cjs/components/cardMenu/cardMenu.js.map +1 -1
- package/cjs/components/cardMenu/hooks/useCardMenu.js.map +1 -1
- package/cjs/components/cardMenu/styled/drawerStyled.js.map +1 -1
- package/cjs/components/cardMenu/styled/menuListStyled.d.ts +2 -16
- package/cjs/components/cardMenu/styled/menuListStyled.js +1 -1
- package/cjs/components/cardMenu/styled/menuListStyled.js.map +1 -1
- package/cjs/components/cardMenu/styled/popperStyled.js.map +1 -1
- package/cjs/components/checkbox/checkbox.js.map +1 -1
- package/cjs/components/chip/chipDropdownChildren/chipDropdownChildren.js.map +1 -1
- package/cjs/components/chip/chipFocusVisibleStyled.js.map +1 -1
- package/cjs/components/chip/chipImage/chipImage.js.map +1 -1
- package/cjs/components/chip/chipMultiselect/multiSelectChip.js.map +1 -1
- package/cjs/components/chip/regular/chip.js.map +1 -1
- package/cjs/components/closeDialogButton/index.js.map +1 -1
- package/cjs/components/common/helperText.js.map +1 -1
- package/cjs/components/common/hook/backdrop.js.map +1 -1
- package/cjs/components/common/hook/useWindowSize.js.map +1 -1
- package/cjs/components/common/imageComponent.js.map +1 -1
- package/cjs/components/common/menuContainer.js.map +1 -1
- package/cjs/components/common/menuEmpty.js.map +1 -1
- package/cjs/components/common/resizableSliderInput.js.map +1 -1
- package/cjs/components/common/styled/buttonFocusVisibleStyled.js.map +1 -1
- package/cjs/components/common/styled/formControlLabelStyled.js.map +1 -1
- package/cjs/components/common/styled/sliderValuesStyled.js.map +1 -1
- package/cjs/components/common/styled/textFieldStyled.js.map +1 -1
- package/cjs/components/container/container.js.map +1 -1
- package/cjs/components/controls/controls.js.map +1 -1
- package/cjs/components/customPickersActionBar/index.js +1 -1
- package/cjs/components/customPickersActionBar/index.js.map +1 -1
- package/cjs/components/divider/divider.js.map +1 -1
- package/cjs/components/drawer/drawer.js.map +1 -1
- package/cjs/components/flag/flag.js.map +1 -1
- package/cjs/components/grid/grid.js.map +1 -1
- package/cjs/components/helperTextContent/index.js.map +1 -1
- package/cjs/components/icon/availableIcons.js.map +1 -1
- package/cjs/components/icon/icon.js.map +1 -1
- package/cjs/components/iconButton/index.d.ts +2 -27
- package/cjs/components/iconButton/index.js.map +1 -1
- package/cjs/components/index.d.ts +1 -0
- package/cjs/components/indicator/indicator.js.map +1 -1
- package/cjs/components/label/label.js.map +1 -1
- package/cjs/components/labelCO2/labelCO2.js.map +1 -1
- package/cjs/components/labelFeature/labelFeature.js.map +1 -1
- package/cjs/components/labelPromotional/labelPromotional.js.map +1 -1
- package/cjs/components/labelStatus/labelStatus.js.map +1 -1
- package/cjs/components/logo/Logo.js.map +1 -1
- package/cjs/components/menu/menu.js +1 -1
- package/cjs/components/menu/menu.js.map +1 -1
- package/cjs/components/menuItem/menuItem.js.map +1 -1
- package/cjs/components/mobileStepper/mobileStepper.js.map +1 -1
- package/cjs/components/modal/contentDiv.js.map +1 -1
- package/cjs/components/modal/modal.js +1 -1
- package/cjs/components/modal/modal.js.map +1 -1
- package/cjs/components/modal/modalTitle.js.map +1 -1
- package/cjs/components/numbering/numbering.js.map +1 -1
- package/cjs/components/pagination/pagination.js.map +1 -1
- package/cjs/components/progressBar/components/loader.js.map +1 -1
- package/cjs/components/progressBar/components/spinner.js.map +1 -1
- package/cjs/components/progressBar/components/styledProgressBarMessage.js.map +1 -1
- package/cjs/components/progressBar/progressBar.js.map +1 -1
- package/cjs/components/radioButton/radioButton.js.map +1 -1
- package/cjs/components/selectInput/formControlSelectStyled.d.ts +2 -16
- package/cjs/components/selectInput/formControlSelectStyled.js.map +1 -1
- package/cjs/components/selectInput/hook/useSelectInput.js.map +1 -1
- package/cjs/components/selectInput/inputLabelSelect.js.map +1 -1
- package/cjs/components/selectInput/selectInput.js.map +1 -1
- package/cjs/components/slider/containerStyled.js.map +1 -1
- package/cjs/components/slider/slider.js.map +1 -1
- package/cjs/components/snackbar/snackbar.js.map +1 -1
- package/cjs/components/snackbar/snackbarMessage.js.map +1 -1
- package/cjs/components/stepper/stepper.js.map +1 -1
- package/cjs/components/tab/hook/useTabs.js.map +1 -1
- package/cjs/components/tab/menuTab.js.map +1 -1
- package/cjs/components/tab/secondaryNavigation/secondaryNavigationTabs.js.map +1 -1
- package/cjs/components/tab/secondaryNavigation/secondaryTabStyled.js.map +1 -1
- package/cjs/components/tab/tab.js.map +1 -1
- package/cjs/components/tab/tabPanel.js.map +1 -1
- package/cjs/components/tab/tabStyled.d.ts +2 -29
- package/cjs/components/tab/tabStyled.js.map +1 -1
- package/cjs/components/tab/tabs.js.map +1 -1
- package/cjs/components/textArea/hook/useTextAreaEffect.js.map +1 -1
- package/cjs/components/textArea/textArea.js.map +1 -1
- package/cjs/components/textInput/hook/useTextInput.js.map +1 -1
- package/cjs/components/textInput/hook/useTextInputEffect.js.map +1 -1
- package/cjs/components/textInput/textInput.js.map +1 -1
- package/cjs/components/toggleSwitch/toggleSwitch.js.map +1 -1
- package/cjs/components/tooltip/tooltip.js.map +1 -1
- package/cjs/components/upload/UploadBox.d.ts +14 -0
- package/cjs/components/upload/UploadBox.js +2 -0
- package/cjs/components/upload/UploadBox.js.map +1 -0
- package/cjs/components/upload/UploadField.d.ts +37 -0
- package/cjs/components/upload/UploadField.js +2 -0
- package/cjs/components/upload/UploadField.js.map +1 -0
- package/cjs/components/upload/UploadPreview.d.ts +23 -0
- package/cjs/components/upload/UploadPreview.js +2 -0
- package/cjs/components/upload/UploadPreview.js.map +1 -0
- package/cjs/components/upload/UploadPreviewList.d.ts +28 -0
- package/cjs/components/upload/UploadPreviewList.js +2 -0
- package/cjs/components/upload/UploadPreviewList.js.map +1 -0
- package/cjs/components/upload/UploadProgress.d.ts +14 -0
- package/cjs/components/upload/UploadProgress.js +2 -0
- package/cjs/components/upload/UploadProgress.js.map +1 -0
- package/cjs/components/upload/index.d.ts +5 -0
- package/cjs/design/skoda/SkodaThemeProvider.js.map +1 -1
- package/cjs/design/skoda/SkodaThemeWidgetProvider.js.map +1 -1
- package/cjs/design/skoda/components/accordion/accordion.theme.js.map +1 -1
- package/cjs/design/skoda/components/accordion/accordionSummary.theme.js +1 -1
- package/cjs/design/skoda/components/accordion/accordionSummary.theme.js.map +1 -1
- package/cjs/design/skoda/components/autocomplete.theme.js +1 -1
- package/cjs/design/skoda/components/autocomplete.theme.js.map +1 -1
- package/cjs/design/skoda/components/backdrop.theme.js.map +1 -1
- package/cjs/design/skoda/components/baseline.theme.js.map +1 -1
- package/cjs/design/skoda/components/breadcrumbs.theme.js.map +1 -1
- package/cjs/design/skoda/components/breakpoints.theme.js.map +1 -1
- package/cjs/design/skoda/components/button.theme.js.map +1 -1
- package/cjs/design/skoda/components/buttonBase.theme.js.map +1 -1
- package/cjs/design/skoda/components/checkbox.theme.js.map +1 -1
- package/cjs/design/skoda/components/chip.theme.js.map +1 -1
- package/cjs/design/skoda/components/container.theme.js.map +1 -1
- package/cjs/design/skoda/components/datePickers/clock.theme.js.map +1 -1
- package/cjs/design/skoda/components/datePickers/dateTimePickerTabs.theme.js.map +1 -1
- package/cjs/design/skoda/components/datePickers/dateTimePickerToolbar.theme.js.map +1 -1
- package/cjs/design/skoda/components/datePickers/desktopDateTimePicker.theme.js +1 -1
- package/cjs/design/skoda/components/datePickers/desktopDateTimePicker.theme.js.map +1 -1
- package/cjs/design/skoda/components/datePickers/desktopTimePicker.theme.js.map +1 -1
- package/cjs/design/skoda/components/datePickers/multiSectionDigitalClockSection.theme.js.map +1 -1
- package/cjs/design/skoda/components/datePickers/pickersLayout.theme.js.map +1 -1
- package/cjs/design/skoda/components/datePickers/pickersToolbar.theme.js.map +1 -1
- package/cjs/design/skoda/components/datePickers/pickersToolbarButton.theme.js.map +1 -1
- package/cjs/design/skoda/components/datePickers/pickersToolbarText.theme.js.map +1 -1
- package/cjs/design/skoda/components/datePickers/timeClock.theme.js.map +1 -1
- package/cjs/design/skoda/components/datePickers/timePickerToolbar.theme.js.map +1 -1
- package/cjs/design/skoda/components/dialog.theme.js.map +1 -1
- package/cjs/design/skoda/components/dialogActions.theme.js.map +1 -1
- package/cjs/design/skoda/components/dialogTitle.theme.js.map +1 -1
- package/cjs/design/skoda/components/divider.theme.js.map +1 -1
- package/cjs/design/skoda/components/drawer.theme.js.map +1 -1
- package/cjs/design/skoda/components/filledInput.theme.js.map +1 -1
- package/cjs/design/skoda/components/formControl.theme.js.map +1 -1
- package/cjs/design/skoda/components/formControlLabel.theme.js.map +1 -1
- package/cjs/design/skoda/components/formHelperText.theme.js.map +1 -1
- package/cjs/design/skoda/components/formLabel.theme.js.map +1 -1
- package/cjs/design/skoda/components/grid.theme.js.map +1 -1
- package/cjs/design/skoda/components/icon.theme.js.map +1 -1
- package/cjs/design/skoda/components/iconButton.theme.js.map +1 -1
- package/cjs/design/skoda/components/input.theme.js.map +1 -1
- package/cjs/design/skoda/components/inputAdornment.theme.js.map +1 -1
- package/cjs/design/skoda/components/inputBase.theme.js.map +1 -1
- package/cjs/design/skoda/components/inputLabel.theme.js.map +1 -1
- package/cjs/design/skoda/components/list.theme.js.map +1 -1
- package/cjs/design/skoda/components/listItemText.theme.js.map +1 -1
- package/cjs/design/skoda/components/menuItem.theme.js.map +1 -1
- package/cjs/design/skoda/components/mobileStepper.theme.js.map +1 -1
- package/cjs/design/skoda/components/modal.theme.js.map +1 -1
- package/cjs/design/skoda/components/pagination.theme.js.map +1 -1
- package/cjs/design/skoda/components/paper.theme.js.map +1 -1
- package/cjs/design/skoda/components/popover.theme.js.map +1 -1
- package/cjs/design/skoda/components/radio.theme.js.map +1 -1
- package/cjs/design/skoda/components/select.theme.js +1 -1
- package/cjs/design/skoda/components/select.theme.js.map +1 -1
- package/cjs/design/skoda/components/slider.theme.js.map +1 -1
- package/cjs/design/skoda/components/snackbar.theme.js.map +1 -1
- package/cjs/design/skoda/components/stepper.theme.js.map +1 -1
- package/cjs/design/skoda/components/switch.theme.js.map +1 -1
- package/cjs/design/skoda/components/tabs/tab.theme.js.map +1 -1
- package/cjs/design/skoda/components/tabs/tabs.theme.js +1 -1
- package/cjs/design/skoda/components/tabs/tabs.theme.js.map +1 -1
- package/cjs/design/skoda/components/textField.theme.js.map +1 -1
- package/cjs/design/skoda/components/tooltip.theme.js.map +1 -1
- package/cjs/design/skoda/organisms/card.theme.js.map +1 -1
- package/cjs/design/skoda/palette.theme.js.map +1 -1
- package/cjs/design/skoda/theme.breakpoints.js.map +1 -1
- package/cjs/design/skoda/theme.constants.js.map +1 -1
- package/cjs/design/skoda/theme.js.map +1 -1
- package/cjs/design/skoda/theme.typography.js.map +1 -1
- package/cjs/index.js +1 -1
- package/cjs/layout/Error/ErrorContent.d.ts +20 -5
- package/cjs/layout/Error/ErrorContent.js +1 -1
- package/cjs/layout/Error/ErrorContent.js.map +1 -1
- package/cjs/layout/Error/index.d.ts +0 -1
- package/cjs/layout/Footer/Footer.js.map +1 -1
- package/cjs/layout/Footer/FooterIconButton.js.map +1 -1
- package/cjs/layout/Footer/FooterNavItem.js.map +1 -1
- package/cjs/layout/Footer/PredefinedFooterIconButtons.js.map +1 -1
- package/cjs/layout/Header/Header.d.ts +24 -6
- package/cjs/layout/Header/Header.js +1 -1
- package/cjs/layout/Header/Header.js.map +1 -1
- package/cjs/layout/Header/HeaderButton.js +1 -1
- package/cjs/layout/Header/HeaderButton.js.map +1 -1
- package/cjs/layout/Header/HeaderContext.d.ts +7 -0
- package/cjs/layout/Header/HeaderContext.js +2 -0
- package/cjs/layout/Header/HeaderContext.js.map +1 -0
- package/cjs/layout/Header/HeaderLogo.d.ts +3 -0
- package/cjs/layout/Header/HeaderLogo.js.map +1 -1
- package/cjs/layout/Header/HeaderNavigationHero.d.ts +6 -0
- package/cjs/layout/Header/HeaderNavigationHero.js +2 -0
- package/cjs/layout/Header/HeaderNavigationHero.js.map +1 -0
- package/cjs/layout/Header/HeaderNavigationLink.d.ts +15 -0
- package/cjs/layout/Header/HeaderNavigationLink.js +2 -0
- package/cjs/layout/Header/HeaderNavigationLink.js.map +1 -0
- package/cjs/layout/Header/HeaderNavigationMenu.d.ts +6 -0
- package/cjs/layout/Header/HeaderNavigationMenu.js +2 -0
- package/cjs/layout/Header/HeaderNavigationMenu.js.map +1 -0
- package/cjs/layout/Header/HeaderOverheadItem.js.map +1 -1
- package/cjs/layout/Header/HeaderSkodaLogo.d.ts +1 -0
- package/cjs/layout/Header/HeaderSkodaLogo.js.map +1 -1
- package/cjs/layout/Header/PredefinedHeaderButtons.js.map +1 -1
- package/cjs/layout/Header/index.d.ts +3 -1
- package/cjs/layout/PageLayout/PageLayout.d.ts +27 -6
- package/cjs/layout/PageLayout/PageLayout.js +1 -1
- package/cjs/layout/PageLayout/PageLayout.js.map +1 -1
- package/cjs/layout/SecondaryNavigation/SecondaryNavigation.js.map +1 -1
- package/cjs/layout/SecondaryNavigation/SecondaryNavigationCta.js.map +1 -1
- package/cjs/layout/SecondaryNavigation/SecondaryNavigationItem.js.map +1 -1
- package/cjs/layout/SideMenu/SideMenu.d.ts +20 -5
- package/cjs/layout/SideMenu/SideMenu.js.map +1 -1
- package/cjs/layout/SideMenu/SideMenuItem.js.map +1 -1
- package/cjs/organisms/cardOwnedVehicle/cardOwnedVehicle.js.map +1 -1
- package/cjs/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.js.map +1 -1
- package/cjs/organisms/cardPhotoAdjustable/cardPhotoAdjustable.js.map +1 -1
- package/cjs/organisms/cardPhotoAdjustable/cardPhotoAdjustableComponent.js.map +1 -1
- package/cjs/organisms/cardPhotoFixed/cardPhotoFixed.js.map +1 -1
- package/cjs/organisms/cardPhotoFixed/cardPhotoFixedComponent.js.map +1 -1
- package/cjs/organisms/cardPromoVehicle/cardPromoVehicle.js.map +1 -1
- package/cjs/organisms/cardPromoVehicle/cardPromoVehicleComponent.js.map +1 -1
- package/cjs/organisms/cardTypeOnly/cardTypeOnly.js.map +1 -1
- package/cjs/organisms/cardTypeOnly/cardTypeOnlyComponent.js.map +1 -1
- package/cjs/organisms/carousel/carousel.js.map +1 -1
- package/cjs/organisms/carousel/carouselTemplate.js.map +1 -1
- package/cjs/organisms/carousel/styledComponents/styledCarouselHorizontal.js.map +1 -1
- package/cjs/organisms/carousel/styledComponents/styledCarouselVertical.js.map +1 -1
- package/cjs/organisms/carousel2/cardCarousel/cardCarousel.d.ts +29 -0
- package/cjs/organisms/carousel2/cardCarousel/cardCarousel.js +1 -1
- package/cjs/organisms/carousel2/cardCarousel/cardCarousel.js.map +1 -1
- package/cjs/organisms/carousel2/components/ItemsContainer.js.map +1 -1
- package/cjs/organisms/carousel2/components/NavButton.js +1 -1
- package/cjs/organisms/carousel2/components/NavButton.js.map +1 -1
- package/cjs/organisms/carousel2/components/Numbering.js.map +1 -1
- package/cjs/organisms/carousel2/components/ScrollSnapDots.js.map +1 -1
- package/cjs/organisms/carousel2/components/ViewPort.js.map +1 -1
- package/cjs/organisms/carousel2/galleryCarousel/GalleryItemText.js.map +1 -1
- package/cjs/organisms/carousel2/galleryCarousel/galleryCarousel.d.ts +16 -7
- package/cjs/organisms/carousel2/galleryCarousel/galleryCarousel.js.map +1 -1
- package/cjs/organisms/carousel2/galleryCarousel/galleryCarouselItem.d.ts +50 -0
- package/cjs/organisms/carousel2/galleryCarousel/galleryCarouselItem.js.map +1 -1
- package/cjs/organisms/carousel2/galleryCarousel/galleryContext.js.map +1 -1
- package/cjs/organisms/carousel2/galleryCarousel/galleryItemContext.js.map +1 -1
- package/cjs/organisms/carousel2/galleryCarousel/galleryItemHeading.js.map +1 -1
- package/cjs/organisms/carousel2/heroCarousel/HeroCarouselSlide.d.ts +54 -1
- package/cjs/organisms/carousel2/heroCarousel/HeroCarouselSlide.js.map +1 -1
- package/cjs/organisms/carousel2/heroCarousel/heroCarousel.d.ts +37 -3
- package/cjs/organisms/carousel2/heroCarousel/heroCarousel.js +1 -1
- package/cjs/organisms/carousel2/heroCarousel/heroCarousel.js.map +1 -1
- package/cjs/organisms/carousel2/heroCarousel/heroCarouselContext.js.map +1 -1
- package/cjs/organisms/carousel2/hooks/useContainerPeek.js.map +1 -1
- package/cjs/organisms/carousel2/hooks/useDefaultProps.js.map +1 -1
- package/cjs/organisms/carousel2/hooks/useEmbla.js.map +1 -1
- package/cjs/organisms/common/buttonCardComponent/buttonCardComponent.js.map +1 -1
- package/cjs/organisms/common/infoTextCardComponent/infoTextCardComponent.js.map +1 -1
- package/cjs/organisms/common/menuCardComponent/menuCardComponent.js.map +1 -1
- package/cjs/organisms/common/styled/cardStandardWrapperStyled.d.ts +2 -6
- package/cjs/organisms/common/styled/cardStandardWrapperStyled.js.map +1 -1
- package/cjs/organisms/gallery/Gallery.d.ts +12 -0
- package/cjs/organisms/gallery/Gallery.js +1 -1
- package/cjs/organisms/gallery/Gallery.js.map +1 -1
- package/cjs/organisms/gallery/GalleryItem.js.map +1 -1
- package/cjs/organisms/gallery/GalleryTrigger.js +1 -1
- package/cjs/organisms/gallery/GalleryTrigger.js.map +1 -1
- package/cjs/organisms/heroImageCard/heroImageCard.js.map +1 -1
- package/cjs/organisms/heroImageCard/heroImageCardComponent.js.map +1 -1
- package/cjs/organisms/heroImageCard/videoCardController.js.map +1 -1
- package/cjs/organisms/maps/hook/useMap.js.map +1 -1
- package/cjs/organisms/maps/mapComponents/infoWindowConfig.js.map +1 -1
- package/cjs/organisms/maps/mapComponents/mapComponent.js.map +1 -1
- package/cjs/organisms/maps/mapComponents/mapStyled.js.map +1 -1
- package/cjs/organisms/maps/mapComponents/markerComponent.js.map +1 -1
- package/cjs/organisms/maps/maps.js.map +1 -1
- package/cjs/organisms/maps/utils/mapConfig.js.map +1 -1
- package/cjs/organisms/maps/utils/mapIcons.js.map +1 -1
- package/cjs/organisms/maps/utils/style.js.map +1 -1
- package/cjs/organisms/notification/Notification.js +1 -1
- package/cjs/organisms/notification/Notification.js.map +1 -1
- package/cjs/organisms/notification/NotificationCenter.js.map +1 -1
- package/cjs/organisms/notification/NotificationCenterCategory.js.map +1 -1
- package/cjs/organisms/notification/NotificationCenterHeaderButton.js +1 -1
- package/cjs/organisms/notification/NotificationCenterHeaderButton.js.map +1 -1
- package/cjs/organisms/shortcutLink/shortcutLink.js.map +1 -1
- package/cjs/organisms/textCta/textCta.js.map +1 -1
- package/cjs/organisms/tile/tile.js.map +1 -1
- package/cjs/production/Button.d.ts +1 -1
- package/cjs/production/Button.js.map +1 -1
- package/cjs/utils/ResponsiveType.js.map +1 -1
- package/cjs/utils/enum.js.map +1 -1
- package/cjs/utils/formatFileSize/formatFileSize.d.ts +11 -0
- package/cjs/utils/formatFileSize/formatFileSize.js +2 -0
- package/cjs/utils/formatFileSize/formatFileSize.js.map +1 -0
- package/cjs/utils/icons.js.map +1 -1
- package/cjs/utils/useClosure/useClosure.js.map +1 -1
- package/cjs/utils/utilities.js.map +1 -1
- package/components/accordion/accordion.js.map +1 -1
- package/components/agGrid/agGrid.d.ts +3 -5
- package/components/agGrid/agGrid.js +1 -1
- package/components/agGrid/agGrid.js.map +1 -1
- package/components/agGrid/agGridStyled.d.ts +2 -0
- package/components/agGrid/agGridStyled.js +1 -1
- package/components/agGrid/agGridStyled.js.map +1 -1
- package/components/alert/Alert.js.map +1 -1
- package/components/alert/AlertButton.js.map +1 -1
- package/components/avatar/Avatar.d.ts +24 -0
- package/components/avatar/Avatar.js.map +1 -1
- package/components/backdrop/backdrop.js.map +1 -1
- package/components/banner/banner.js.map +1 -1
- package/components/button/button.js.map +1 -1
- package/components/cardContainer/cardContainer.js.map +1 -1
- package/components/cardMenu/cardMenu.js.map +1 -1
- package/components/cardMenu/hooks/useCardMenu.js.map +1 -1
- package/components/cardMenu/styled/drawerStyled.js.map +1 -1
- package/components/cardMenu/styled/menuListStyled.d.ts +2 -16
- package/components/cardMenu/styled/menuListStyled.js +1 -1
- package/components/cardMenu/styled/menuListStyled.js.map +1 -1
- package/components/cardMenu/styled/popperStyled.js.map +1 -1
- package/components/checkbox/checkbox.js.map +1 -1
- package/components/chip/chipDropdownChildren/chipDropdownChildren.js.map +1 -1
- package/components/chip/chipFocusVisibleStyled.js.map +1 -1
- package/components/chip/chipImage/chipImage.js.map +1 -1
- package/components/chip/chipMultiselect/multiSelectChip.js.map +1 -1
- package/components/chip/regular/chip.js.map +1 -1
- package/components/closeDialogButton/index.js.map +1 -1
- package/components/common/helperText.js.map +1 -1
- package/components/common/hook/backdrop.js.map +1 -1
- package/components/common/hook/useWindowSize.js.map +1 -1
- package/components/common/imageComponent.js.map +1 -1
- package/components/common/menuContainer.js.map +1 -1
- package/components/common/menuEmpty.js.map +1 -1
- package/components/common/resizableSliderInput.js.map +1 -1
- package/components/common/styled/buttonFocusVisibleStyled.js.map +1 -1
- package/components/common/styled/formControlLabelStyled.js.map +1 -1
- package/components/common/styled/sliderValuesStyled.js.map +1 -1
- package/components/common/styled/textFieldStyled.js.map +1 -1
- package/components/container/container.js.map +1 -1
- package/components/controls/controls.js.map +1 -1
- package/components/customPickersActionBar/index.js +1 -1
- package/components/customPickersActionBar/index.js.map +1 -1
- package/components/divider/divider.js.map +1 -1
- package/components/drawer/drawer.js.map +1 -1
- package/components/flag/flag.js.map +1 -1
- package/components/grid/grid.js.map +1 -1
- package/components/helperTextContent/index.js.map +1 -1
- package/components/icon/availableIcons.js.map +1 -1
- package/components/icon/icon.js.map +1 -1
- package/components/iconButton/index.d.ts +2 -27
- package/components/iconButton/index.js.map +1 -1
- package/components/index.d.ts +1 -0
- package/components/indicator/indicator.js.map +1 -1
- package/components/label/label.js.map +1 -1
- package/components/labelCO2/labelCO2.js.map +1 -1
- package/components/labelFeature/labelFeature.js.map +1 -1
- package/components/labelPromotional/labelPromotional.js.map +1 -1
- package/components/labelStatus/labelStatus.js.map +1 -1
- package/components/logo/Logo.js.map +1 -1
- package/components/menu/menu.js +1 -1
- package/components/menu/menu.js.map +1 -1
- package/components/menuItem/menuItem.js.map +1 -1
- package/components/mobileStepper/mobileStepper.js.map +1 -1
- package/components/modal/contentDiv.js.map +1 -1
- package/components/modal/modal.js +1 -1
- package/components/modal/modal.js.map +1 -1
- package/components/modal/modalTitle.js.map +1 -1
- package/components/numbering/numbering.js.map +1 -1
- package/components/pagination/pagination.js.map +1 -1
- package/components/progressBar/components/loader.js.map +1 -1
- package/components/progressBar/components/spinner.js.map +1 -1
- package/components/progressBar/components/styledProgressBarMessage.js.map +1 -1
- package/components/progressBar/progressBar.js.map +1 -1
- package/components/radioButton/radioButton.js.map +1 -1
- package/components/selectInput/formControlSelectStyled.d.ts +2 -16
- package/components/selectInput/formControlSelectStyled.js.map +1 -1
- package/components/selectInput/hook/useSelectInput.js.map +1 -1
- package/components/selectInput/inputLabelSelect.js.map +1 -1
- package/components/selectInput/selectInput.js.map +1 -1
- package/components/slider/containerStyled.js.map +1 -1
- package/components/slider/slider.js.map +1 -1
- package/components/snackbar/snackbar.js.map +1 -1
- package/components/snackbar/snackbarMessage.js.map +1 -1
- package/components/stepper/stepper.js.map +1 -1
- package/components/tab/hook/useTabs.js.map +1 -1
- package/components/tab/menuTab.js.map +1 -1
- package/components/tab/secondaryNavigation/secondaryNavigationTabs.js.map +1 -1
- package/components/tab/secondaryNavigation/secondaryTabStyled.js.map +1 -1
- package/components/tab/tab.js.map +1 -1
- package/components/tab/tabPanel.js.map +1 -1
- package/components/tab/tabStyled.d.ts +2 -29
- package/components/tab/tabStyled.js.map +1 -1
- package/components/tab/tabs.js.map +1 -1
- package/components/textArea/hook/useTextAreaEffect.js.map +1 -1
- package/components/textArea/textArea.js.map +1 -1
- package/components/textInput/hook/useTextInput.js.map +1 -1
- package/components/textInput/hook/useTextInputEffect.js.map +1 -1
- package/components/textInput/textInput.js.map +1 -1
- package/components/toggleSwitch/toggleSwitch.js.map +1 -1
- package/components/tooltip/tooltip.js.map +1 -1
- package/components/upload/UploadBox.d.ts +14 -0
- package/components/upload/UploadBox.js +2 -0
- package/components/upload/UploadBox.js.map +1 -0
- package/components/upload/UploadField.d.ts +37 -0
- package/components/upload/UploadField.js +2 -0
- package/components/upload/UploadField.js.map +1 -0
- package/components/upload/UploadPreview.d.ts +23 -0
- package/components/upload/UploadPreview.js +2 -0
- package/components/upload/UploadPreview.js.map +1 -0
- package/components/upload/UploadPreviewList.d.ts +28 -0
- package/components/upload/UploadPreviewList.js +2 -0
- package/components/upload/UploadPreviewList.js.map +1 -0
- package/components/upload/UploadProgress.d.ts +14 -0
- package/components/upload/UploadProgress.js +2 -0
- package/components/upload/UploadProgress.js.map +1 -0
- package/components/upload/index.d.ts +5 -0
- package/design/skoda/SkodaThemeProvider.js.map +1 -1
- package/design/skoda/SkodaThemeWidgetProvider.js.map +1 -1
- package/design/skoda/components/accordion/accordion.theme.js.map +1 -1
- package/design/skoda/components/accordion/accordionSummary.theme.js +1 -1
- package/design/skoda/components/accordion/accordionSummary.theme.js.map +1 -1
- package/design/skoda/components/autocomplete.theme.js +1 -1
- package/design/skoda/components/autocomplete.theme.js.map +1 -1
- package/design/skoda/components/backdrop.theme.js.map +1 -1
- package/design/skoda/components/baseline.theme.js.map +1 -1
- package/design/skoda/components/breadcrumbs.theme.js.map +1 -1
- package/design/skoda/components/breakpoints.theme.js.map +1 -1
- package/design/skoda/components/button.theme.js.map +1 -1
- package/design/skoda/components/buttonBase.theme.js.map +1 -1
- package/design/skoda/components/checkbox.theme.js.map +1 -1
- package/design/skoda/components/chip.theme.js.map +1 -1
- package/design/skoda/components/container.theme.js.map +1 -1
- package/design/skoda/components/datePickers/clock.theme.js.map +1 -1
- package/design/skoda/components/datePickers/dateTimePickerTabs.theme.js.map +1 -1
- package/design/skoda/components/datePickers/dateTimePickerToolbar.theme.js.map +1 -1
- package/design/skoda/components/datePickers/desktopDateTimePicker.theme.js +1 -1
- package/design/skoda/components/datePickers/desktopDateTimePicker.theme.js.map +1 -1
- package/design/skoda/components/datePickers/desktopTimePicker.theme.js.map +1 -1
- package/design/skoda/components/datePickers/multiSectionDigitalClockSection.theme.js.map +1 -1
- package/design/skoda/components/datePickers/pickersLayout.theme.js.map +1 -1
- package/design/skoda/components/datePickers/pickersToolbar.theme.js.map +1 -1
- package/design/skoda/components/datePickers/pickersToolbarButton.theme.js.map +1 -1
- package/design/skoda/components/datePickers/pickersToolbarText.theme.js.map +1 -1
- package/design/skoda/components/datePickers/timeClock.theme.js.map +1 -1
- package/design/skoda/components/datePickers/timePickerToolbar.theme.js.map +1 -1
- package/design/skoda/components/dialog.theme.js.map +1 -1
- package/design/skoda/components/dialogActions.theme.js.map +1 -1
- package/design/skoda/components/dialogTitle.theme.js.map +1 -1
- package/design/skoda/components/divider.theme.js.map +1 -1
- package/design/skoda/components/drawer.theme.js.map +1 -1
- package/design/skoda/components/filledInput.theme.js.map +1 -1
- package/design/skoda/components/formControl.theme.js.map +1 -1
- package/design/skoda/components/formControlLabel.theme.js.map +1 -1
- package/design/skoda/components/formHelperText.theme.js.map +1 -1
- package/design/skoda/components/formLabel.theme.js.map +1 -1
- package/design/skoda/components/grid.theme.js.map +1 -1
- package/design/skoda/components/icon.theme.js.map +1 -1
- package/design/skoda/components/iconButton.theme.js.map +1 -1
- package/design/skoda/components/input.theme.js.map +1 -1
- package/design/skoda/components/inputAdornment.theme.js.map +1 -1
- package/design/skoda/components/inputBase.theme.js.map +1 -1
- package/design/skoda/components/inputLabel.theme.js.map +1 -1
- package/design/skoda/components/list.theme.js.map +1 -1
- package/design/skoda/components/listItemText.theme.js.map +1 -1
- package/design/skoda/components/menuItem.theme.js.map +1 -1
- package/design/skoda/components/mobileStepper.theme.js.map +1 -1
- package/design/skoda/components/modal.theme.js.map +1 -1
- package/design/skoda/components/pagination.theme.js.map +1 -1
- package/design/skoda/components/paper.theme.js.map +1 -1
- package/design/skoda/components/popover.theme.js.map +1 -1
- package/design/skoda/components/radio.theme.js.map +1 -1
- package/design/skoda/components/select.theme.js +1 -1
- package/design/skoda/components/select.theme.js.map +1 -1
- package/design/skoda/components/slider.theme.js.map +1 -1
- package/design/skoda/components/snackbar.theme.js.map +1 -1
- package/design/skoda/components/stepper.theme.js.map +1 -1
- package/design/skoda/components/switch.theme.js.map +1 -1
- package/design/skoda/components/tabs/tab.theme.js.map +1 -1
- package/design/skoda/components/tabs/tabs.theme.js +1 -1
- package/design/skoda/components/tabs/tabs.theme.js.map +1 -1
- package/design/skoda/components/textField.theme.js.map +1 -1
- package/design/skoda/components/tooltip.theme.js.map +1 -1
- package/design/skoda/organisms/card.theme.js.map +1 -1
- package/design/skoda/palette.theme.js.map +1 -1
- package/design/skoda/theme.breakpoints.js.map +1 -1
- package/design/skoda/theme.constants.js.map +1 -1
- package/design/skoda/theme.js.map +1 -1
- package/design/skoda/theme.typography.js.map +1 -1
- package/index.js +1 -1
- package/layout/Error/ErrorContent.d.ts +20 -5
- package/layout/Error/ErrorContent.js +1 -1
- package/layout/Error/ErrorContent.js.map +1 -1
- package/layout/Error/index.d.ts +0 -1
- package/layout/Footer/Footer.js.map +1 -1
- package/layout/Footer/FooterIconButton.js.map +1 -1
- package/layout/Footer/FooterNavItem.js.map +1 -1
- package/layout/Footer/PredefinedFooterIconButtons.js.map +1 -1
- package/layout/Header/Header.d.ts +24 -6
- package/layout/Header/Header.js +1 -1
- package/layout/Header/Header.js.map +1 -1
- package/layout/Header/HeaderButton.js +1 -1
- package/layout/Header/HeaderButton.js.map +1 -1
- package/layout/Header/HeaderContext.d.ts +7 -0
- package/layout/Header/HeaderContext.js +2 -0
- package/layout/Header/HeaderContext.js.map +1 -0
- package/layout/Header/HeaderLogo.d.ts +3 -0
- package/layout/Header/HeaderLogo.js.map +1 -1
- package/layout/Header/HeaderNavigationHero.d.ts +6 -0
- package/layout/Header/HeaderNavigationHero.js +2 -0
- package/layout/Header/HeaderNavigationHero.js.map +1 -0
- package/layout/Header/HeaderNavigationLink.d.ts +15 -0
- package/layout/Header/HeaderNavigationLink.js +2 -0
- package/layout/Header/HeaderNavigationLink.js.map +1 -0
- package/layout/Header/HeaderNavigationMenu.d.ts +6 -0
- package/layout/Header/HeaderNavigationMenu.js +2 -0
- package/layout/Header/HeaderNavigationMenu.js.map +1 -0
- package/layout/Header/HeaderOverheadItem.js.map +1 -1
- package/layout/Header/HeaderSkodaLogo.d.ts +1 -0
- package/layout/Header/HeaderSkodaLogo.js.map +1 -1
- package/layout/Header/PredefinedHeaderButtons.js.map +1 -1
- package/layout/Header/index.d.ts +3 -1
- package/layout/PageLayout/PageLayout.d.ts +27 -6
- package/layout/PageLayout/PageLayout.js +1 -1
- package/layout/PageLayout/PageLayout.js.map +1 -1
- package/layout/SecondaryNavigation/SecondaryNavigation.js.map +1 -1
- package/layout/SecondaryNavigation/SecondaryNavigationCta.js.map +1 -1
- package/layout/SecondaryNavigation/SecondaryNavigationItem.js.map +1 -1
- package/layout/SideMenu/SideMenu.d.ts +20 -5
- package/layout/SideMenu/SideMenu.js.map +1 -1
- package/layout/SideMenu/SideMenuItem.js.map +1 -1
- package/organisms/cardOwnedVehicle/cardOwnedVehicle.js.map +1 -1
- package/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.js.map +1 -1
- package/organisms/cardPhotoAdjustable/cardPhotoAdjustable.js.map +1 -1
- package/organisms/cardPhotoAdjustable/cardPhotoAdjustableComponent.js.map +1 -1
- package/organisms/cardPhotoFixed/cardPhotoFixed.js.map +1 -1
- package/organisms/cardPhotoFixed/cardPhotoFixedComponent.js.map +1 -1
- package/organisms/cardPromoVehicle/cardPromoVehicle.js.map +1 -1
- package/organisms/cardPromoVehicle/cardPromoVehicleComponent.js.map +1 -1
- package/organisms/cardTypeOnly/cardTypeOnly.js.map +1 -1
- package/organisms/cardTypeOnly/cardTypeOnlyComponent.js.map +1 -1
- package/organisms/carousel/carousel.js.map +1 -1
- package/organisms/carousel/carouselTemplate.js.map +1 -1
- package/organisms/carousel/styledComponents/styledCarouselHorizontal.js.map +1 -1
- package/organisms/carousel/styledComponents/styledCarouselVertical.js.map +1 -1
- package/organisms/carousel2/cardCarousel/cardCarousel.d.ts +29 -0
- package/organisms/carousel2/cardCarousel/cardCarousel.js +1 -1
- package/organisms/carousel2/cardCarousel/cardCarousel.js.map +1 -1
- package/organisms/carousel2/components/ItemsContainer.js.map +1 -1
- package/organisms/carousel2/components/NavButton.js +1 -1
- package/organisms/carousel2/components/NavButton.js.map +1 -1
- package/organisms/carousel2/components/Numbering.js.map +1 -1
- package/organisms/carousel2/components/ScrollSnapDots.js.map +1 -1
- package/organisms/carousel2/components/ViewPort.js.map +1 -1
- package/organisms/carousel2/galleryCarousel/GalleryItemText.js.map +1 -1
- package/organisms/carousel2/galleryCarousel/galleryCarousel.d.ts +16 -7
- package/organisms/carousel2/galleryCarousel/galleryCarousel.js.map +1 -1
- package/organisms/carousel2/galleryCarousel/galleryCarouselItem.d.ts +50 -0
- package/organisms/carousel2/galleryCarousel/galleryCarouselItem.js.map +1 -1
- package/organisms/carousel2/galleryCarousel/galleryContext.js.map +1 -1
- package/organisms/carousel2/galleryCarousel/galleryItemContext.js.map +1 -1
- package/organisms/carousel2/galleryCarousel/galleryItemHeading.js.map +1 -1
- package/organisms/carousel2/heroCarousel/HeroCarouselSlide.d.ts +54 -1
- package/organisms/carousel2/heroCarousel/HeroCarouselSlide.js.map +1 -1
- package/organisms/carousel2/heroCarousel/heroCarousel.d.ts +37 -3
- package/organisms/carousel2/heroCarousel/heroCarousel.js +1 -1
- package/organisms/carousel2/heroCarousel/heroCarousel.js.map +1 -1
- package/organisms/carousel2/heroCarousel/heroCarouselContext.js.map +1 -1
- package/organisms/carousel2/hooks/useContainerPeek.js.map +1 -1
- package/organisms/carousel2/hooks/useDefaultProps.js.map +1 -1
- package/organisms/carousel2/hooks/useEmbla.js.map +1 -1
- package/organisms/common/buttonCardComponent/buttonCardComponent.js.map +1 -1
- package/organisms/common/infoTextCardComponent/infoTextCardComponent.js.map +1 -1
- package/organisms/common/menuCardComponent/menuCardComponent.js.map +1 -1
- package/organisms/common/styled/cardStandardWrapperStyled.d.ts +2 -6
- package/organisms/common/styled/cardStandardWrapperStyled.js.map +1 -1
- package/organisms/gallery/Gallery.d.ts +12 -0
- package/organisms/gallery/Gallery.js +1 -1
- package/organisms/gallery/Gallery.js.map +1 -1
- package/organisms/gallery/GalleryItem.js.map +1 -1
- package/organisms/gallery/GalleryTrigger.js +1 -1
- package/organisms/gallery/GalleryTrigger.js.map +1 -1
- package/organisms/heroImageCard/heroImageCard.js.map +1 -1
- package/organisms/heroImageCard/heroImageCardComponent.js.map +1 -1
- package/organisms/heroImageCard/videoCardController.js.map +1 -1
- package/organisms/maps/hook/useMap.js.map +1 -1
- package/organisms/maps/mapComponents/infoWindowConfig.js.map +1 -1
- package/organisms/maps/mapComponents/mapComponent.js.map +1 -1
- package/organisms/maps/mapComponents/mapStyled.js.map +1 -1
- package/organisms/maps/mapComponents/markerComponent.js.map +1 -1
- package/organisms/maps/maps.js.map +1 -1
- package/organisms/maps/utils/mapConfig.js.map +1 -1
- package/organisms/maps/utils/mapIcons.js.map +1 -1
- package/organisms/maps/utils/style.js.map +1 -1
- package/organisms/notification/Notification.js +1 -1
- package/organisms/notification/Notification.js.map +1 -1
- package/organisms/notification/NotificationCenter.js.map +1 -1
- package/organisms/notification/NotificationCenterCategory.js.map +1 -1
- package/organisms/notification/NotificationCenterHeaderButton.js +1 -1
- package/organisms/notification/NotificationCenterHeaderButton.js.map +1 -1
- package/organisms/shortcutLink/shortcutLink.js.map +1 -1
- package/organisms/textCta/textCta.js.map +1 -1
- package/organisms/tile/tile.js.map +1 -1
- package/package.json +1 -1
- package/production/Button.d.ts +1 -1
- package/production/Button.js.map +1 -1
- package/theme/skoda/globals.css +1 -7483
- package/utils/ResponsiveType.js.map +1 -1
- package/utils/enum.js.map +1 -1
- package/utils/formatFileSize/formatFileSize.d.ts +11 -0
- package/utils/formatFileSize/formatFileSize.js +2 -0
- package/utils/formatFileSize/formatFileSize.js.map +1 -0
- package/utils/icons.js.map +1 -1
- package/utils/useClosure/useClosure.js.map +1 -1
- package/utils/utilities.js.map +1 -1
- package/cjs/layout/Error/ErrorLayout.d.ts +0 -12
- package/cjs/layout/Error/ErrorLayout.js +0 -2
- package/cjs/layout/Error/ErrorLayout.js.map +0 -1
- package/cjs/layout/Header/HeaderNavigationItem.d.ts +0 -16
- package/cjs/layout/Header/HeaderNavigationItem.js +0 -2
- package/cjs/layout/Header/HeaderNavigationItem.js.map +0 -1
- package/layout/Error/ErrorLayout.d.ts +0 -12
- package/layout/Error/ErrorLayout.js +0 -2
- package/layout/Error/ErrorLayout.js.map +0 -1
- package/layout/Header/HeaderNavigationItem.d.ts +0 -16
- package/layout/Header/HeaderNavigationItem.js +0 -2
- package/layout/Header/HeaderNavigationItem.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideMenuItem.js","sources":["
|
|
1
|
+
{"version":3,"file":"SideMenuItem.js","sources":["../../../../src/layout/SideMenu/SideMenuItem.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { ButtonBase, styled } from '@mui/material';\nexport function SideMenuItem(props) {\n const { component = 'a', active, label } = props, rest = __rest(props, [\"component\", \"active\", \"label\"]);\n return (_jsx(ItemButton, Object.assign({}, rest, { component: component, sx: {\n background: active ? 'white' : 'transparent',\n color: active ? undefined : '#7C7D7E',\n fontSize: {\n md: '30px',\n xs: '23px',\n },\n lineHeight: {\n md: '36px',\n xs: '28px',\n },\n }, children: label })));\n}\nconst ItemButton = styled(ButtonBase)(({ theme }) => ({\n appearance: 'inherit',\n border: 'inherit',\n background: 'inherit',\n cursor: 'pointer',\n padding: 0,\n textAlign: 'start',\n fontWeight: '700',\n color: `${theme.palette.onSurface.os900} !important`,\n}));\n//# sourceMappingURL=SideMenuItem.js.map"],"names":["ItemButton","styled","ButtonBase","theme","appearance","border","background","cursor","padding","textAlign","fontWeight","color","palette","onSurface","os900","props","component","active","label","rest","__rest","_jsx","jsx","Object","assign","sx","undefined","fontSize","md","xs","lineHeight","children"],"mappings":"8FAkBA,MAAMA,EAAaC,EAAAA,OAAOC,EAAAA,WAAPD,EAAmB,EAAGE,YAAa,CAClDC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACRC,QAAS,EACTC,UAAW,QACXC,WAAY,MACZC,MAAO,GAAGR,EAAMS,QAAQC,UAAUC,4CAvB/B,SAAsBC,GACzB,MAAMC,UAAEA,EAAY,IAAGC,OAAEA,EAAMC,MAAEA,GAAUH,EAAOI,EAAOC,EAAMA,OAACL,EAAO,CAAC,YAAa,SAAU,UAC/F,OAAQM,EAAIC,IAACtB,EAAYuB,OAAOC,OAAO,GAAIL,EAAM,CAAEH,UAAWA,EAAWS,GAAI,CACrEnB,WAAYW,EAAS,QAAU,cAC/BN,MAAOM,OAASS,EAAY,UAC5BC,SAAU,CACNC,GAAI,OACJC,GAAI,QAERC,WAAY,CACRF,GAAI,OACJC,GAAI,SAETE,SAAUb,IACrB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cardOwnedVehicle.js","sources":["
|
|
1
|
+
{"version":3,"file":"cardOwnedVehicle.js","sources":["../../../../src/organisms/cardOwnedVehicle/cardOwnedVehicle.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport CardOwnedVehicleComponent from './cardOwnedVehicleComponent';\nimport { CardStandardWrapperStyled } from '../common/styled/cardStandardWrapperStyled';\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const CardOwnedVehicle = forwardRef((props, ref) => {\n return (_jsx(CardStandardWrapperStyled, { isBorderRadius: props.isBorderRadius, size: props.size, ref: ref, children: _jsx(CardOwnedVehicleComponent, Object.assign({ isCompact: true }, props)) }));\n});\n//# sourceMappingURL=cardOwnedVehicle.js.map"],"names":["CardOwnedVehicle","forwardRef","props","ref","_jsx","jsx","CardStandardWrapperStyled","isBorderRadius","size","children","CardOwnedVehicleComponent","Object","assign","isCompact"],"mappings":"0KAWY,MAACA,EAAmBC,EAAUA,YAAC,CAACC,EAAOC,IACvCC,EAAIC,IAACC,4BAA2B,CAAEC,eAAgBL,EAAMK,eAAgBC,KAAMN,EAAMM,KAAML,IAAKA,EAAKM,SAAUL,MAAKM,EAAAA,0BAA2BC,OAAOC,OAAO,CAAEC,WAAW,GAAQX"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cardOwnedVehicleComponent.js","sources":["../../../../../src/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.tsx"],"sourcesContent":[null],"names":["CardOwnedVehicleComponent","label","labelVariant","vehicleName","equipment","vehicleStatus","vehicleStatusVariant","image","fallbackImage","altDescriptionImage","mandatoryButtonObject","optionalButtonObject","darkOpacityLayer","lightOpacityLayer","menuCardComponentProps","isMenuDropdown","vehicleSpecs","vehicleSpecsObject","isCompact","size","_jsxs","CardOwnVehicleComponentStyled","_jsx","className","children","jsxs","LabelFeature","variant","handleMaxChars","Label","jsx","style","margin","Indicator","ImageComponent","alt","ButtonCardComponent","buttonObject","compact","map","item","subtitle","value","MenuCardComponent","default","styled","MuiCard","shouldForwardProp","prop","_a","theme","props","__rest","opacityLayer","opacity","handleOpacity","textColor","color","palette","onSurface","os900","os0","handleTextColor","position","width","padding","backgroundColor","transparent","primary","marginTop","breakpoints","up","zIndex","height","display","justifyContent","minHeight","maxWidth","maxHeight","objectFit","fontSize","lineHeight","overflow","flexDirection","boxSizing","marginLeft","marginBottom","flexWrap","alignItems","gap","values","md","marginRight","top","right","background"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"cardOwnedVehicleComponent.js","sources":["../../../../src/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Indicator } from '../../components/indicator';\nimport MuiCard from '@mui/material/Card';\nimport { Label } from '../../components/label';\nimport MenuCardComponent from '../common/menuCardComponent/menuCardComponent';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\nimport { LabelFeature } from '../../components/labelFeature';\nimport { styled } from '@mui/material/styles';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\nexport const CardOwnedVehicleComponent = ({ label, labelVariant, vehicleName, equipment, vehicleStatus, vehicleStatusVariant, image, fallbackImage, altDescriptionImage, mandatoryButtonObject, optionalButtonObject, darkOpacityLayer, lightOpacityLayer, menuCardComponentProps, isMenuDropdown, vehicleSpecs, vehicleSpecsObject, isCompact, size, }) => {\n return (_jsxs(CardOwnVehicleComponentStyled, { size: size, darkOpacityLayer: darkOpacityLayer, lightOpacityLayer: lightOpacityLayer, children: [_jsx(\"div\", { className: \"CardImageOverlayTheme\" }), _jsx(\"div\", { className: \"ownedVehicleContainer\", children: _jsxs(\"div\", { className: \"ownedVehicleContainerContent\", children: [_jsxs(\"div\", { className: \"vehicleTitleContainer\", children: [label &&\n (labelVariant === 'feature' ? (_jsx(LabelFeature, { className: \"CardImageLabelFeature\", variant: \"primary\", children: handleMaxChars(label, 30) })) : (_jsx(Label, { className: \"CardImageLabel\", label: handleMaxChars(label, 30) }))), vehicleName && (_jsx(\"h2\", { style: { margin: 0 }, className: \"vehicleName\", children: handleMaxChars(vehicleName, 20) })), equipment && (_jsx(\"h4\", { style: { margin: 0 }, className: \"vehicleEquipment\", children: handleMaxChars(equipment, 20) })), vehicleStatus && _jsx(Indicator, { className: \"disclamer\", label: vehicleStatus, variant: vehicleStatusVariant })] }), _jsx(\"div\", { className: \"ownedVehicleImage\", children: _jsx(ImageComponent, { image: image, alt: altDescriptionImage, fallbackImage: fallbackImage }) }), _jsxs(\"div\", { className: \"ownedVehicleSpecsContainer\", children: [_jsxs(\"div\", { className: \"ownedVehicleButtons\", children: [(mandatoryButtonObject === null || mandatoryButtonObject === void 0 ? void 0 : mandatoryButtonObject.label) && (_jsx(ButtonCardComponent, { className: \"button-component\", buttonObject: mandatoryButtonObject, compact: isCompact })), (optionalButtonObject === null || optionalButtonObject === void 0 ? void 0 : optionalButtonObject.label) && (_jsx(ButtonCardComponent, { className: \"button-component\", buttonObject: optionalButtonObject, compact: isCompact }))] }), vehicleSpecs && (_jsxs(\"div\", { className: \"ownedVehicleSpecs\", children: [vehicleSpecsObject.map((item) => {\n return (_jsxs(\"div\", { children: [item.subtitle && _jsx(\"p\", { children: item.subtitle }), item.value && (_jsx(\"p\", { children: _jsx(\"b\", { children: item.value }) }))] }, item.value));\n }), ' '] }))] }), isMenuDropdown && _jsx(MenuCardComponent, Object.assign({}, menuCardComponentProps))] }) })] }));\n};\nexport default CardOwnedVehicleComponent;\nconst handleOpacity = (darkOpacityLayer, lightOpacityLayer) => {\n let opacity = '';\n switch (lightOpacityLayer) {\n case 'opacity25':\n opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%)';\n break;\n case 'opacity50':\n opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%)';\n break;\n case 'opacity75':\n opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%)';\n break;\n }\n switch (darkOpacityLayer) {\n case 'opacity25':\n opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)';\n break;\n case 'opacity50':\n opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%)';\n break;\n case 'opacity75':\n opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%)';\n break;\n }\n return opacity;\n};\nconst handleTextColor = (darkOpacityLayer, lightOpacityLayer, theme) => {\n let color = '';\n if (lightOpacityLayer !== 'opacity0' && darkOpacityLayer === 'opacity0') {\n color = theme.palette.onSurface.os900;\n }\n if (darkOpacityLayer !== 'opacity0') {\n color = theme.palette.onSurface.os0;\n }\n else\n color = theme.palette.onSurface.os900;\n return color;\n};\n/**\n * @description cardOwnedVehicleComponent styling definition based on props\n */\nconst CardOwnVehicleComponentStyled = styled(MuiCard, {\n shouldForwardProp: (prop) => prop !== 'darkOpacityLayer' && prop !== 'lightOpacityLayer' && prop !== 'size',\n})((_a) => {\n var { theme } = _a, props = __rest(_a, [\"theme\"]);\n const opacityLayer = handleOpacity(props.darkOpacityLayer, props.lightOpacityLayer);\n const textColor = handleTextColor(props.darkOpacityLayer, props.lightOpacityLayer, theme);\n let style = {};\n style = {\n position: 'relative',\n width: '100%',\n padding: '24px',\n backgroundColor: theme.palette.transparent.primary,\n color: textColor,\n '& .ownedVehicleImage': {\n marginTop: '-45px',\n position: 'relative',\n [theme.breakpoints.up('md')]: {\n position: props.size === 'fixed' ? 'absolute' : 'relative',\n marginTop: props.size === 'fixed' ? 0 : '-45px',\n },\n zIndex: 0,\n width: '100%',\n height: '100%',\n display: 'flex',\n justifyContent: 'center',\n ' & > img': {\n minHeight: '176px',\n maxWidth: '100%',\n maxHeight: '100%',\n position: 'relative',\n objectFit: 'contain',\n },\n },\n '& .disclamer': {\n fontSize: '14px',\n lineHeight: '20px',\n marginTop: '4px',\n color: textColor,\n },\n '& .ownedVehicleContainer': {\n position: 'relative',\n height: '100%',\n width: '100%',\n },\n '& .ownedVehicleContainerContent': {\n overflow: 'hidden',\n height: '100%',\n width: '100%',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: props.size === 'fixed' ? 'space-between' : 'normal',\n boxSizing: 'border-box',\n ' & > .vehicleTitleContainer': {\n zIndex: 2,\n width: '100%',\n '& > .vehicleName': {\n fontSize: '23px',\n [theme.breakpoints.up('md')]: {\n fontSize: '24px',\n },\n lineHeight: '28px',\n },\n '& > .vehicleEquipment': {\n fontSize: '16px',\n [theme.breakpoints.up('md')]: {\n fontSize: '18px',\n },\n lineHeight: '24px',\n },\n '& > .CardImageLabelFeature': {\n marginLeft: '0px !important',\n marginBottom: '8px',\n },\n '& > .CardImageLabel': {\n lineHeight: '12px !important',\n marginBottom: '8px',\n },\n },\n '& > .ownedVehicleSpecsContainer': {\n marginTop: '-25px',\n fontSize: '14px',\n lineHeight: '20px',\n display: 'flex',\n flexDirection: 'column-reverse',\n flexWrap: 'wrap-reverse',\n width: '100%',\n justifyContent: 'space-between',\n zIndex: 2,\n [theme.breakpoints.up('md')]: {\n flexDirection: 'row',\n marginTop: props.size === 'fixed' ? 0 : '-25px',\n },\n '& > .ownedVehicleButtons': {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'end',\n flexWrap: 'wrap',\n gap: '12px 16px',\n marginTop: '8px',\n '& > .button-component': {\n width: '100%',\n [theme.breakpoints.up('md')]: {\n width: 'auto',\n padding: '0 0 2px 2px',\n },\n ' > div': {\n width: '100%',\n },\n },\n '& .MuiButton-root': {\n width: '100%',\n },\n [theme.breakpoints.up('md')]: {\n flexDirection: 'row',\n '& > a': {\n '& + a': {\n marginTop: '0',\n },\n },\n },\n },\n ' & > .ownedVehicleSpecs': {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'end',\n marginBottom: theme.breakpoints.values.md ? 0 : '12px',\n ' & > div:first-of-type': {\n marginRight: '24px',\n },\n ' & > div > p': {\n margin: 0,\n },\n },\n },\n ' & >.menuCardComponent': {\n top: '-7px',\n right: '-5px',\n },\n },\n ' & >.CardImageOverlayTheme': {\n background: opacityLayer,\n },\n };\n return style;\n});\n//# sourceMappingURL=cardOwnedVehicleComponent.js.map"],"names":["CardOwnedVehicleComponent","label","labelVariant","vehicleName","equipment","vehicleStatus","vehicleStatusVariant","image","fallbackImage","altDescriptionImage","mandatoryButtonObject","optionalButtonObject","darkOpacityLayer","lightOpacityLayer","menuCardComponentProps","isMenuDropdown","vehicleSpecs","vehicleSpecsObject","isCompact","size","_jsxs","CardOwnVehicleComponentStyled","children","_jsx","className","jsxs","LabelFeature","variant","handleMaxChars","Label","jsx","style","margin","Indicator","ImageComponent","alt","ButtonCardComponent","buttonObject","compact","map","item","subtitle","value","MenuCardComponent","default","Object","assign","styled","MuiCard","shouldForwardProp","prop","_a","theme","props","__rest","opacityLayer","opacity","handleOpacity","textColor","color","palette","onSurface","os900","os0","handleTextColor","position","width","padding","backgroundColor","transparent","primary","marginTop","breakpoints","up","zIndex","height","display","justifyContent","minHeight","maxWidth","maxHeight","objectFit","fontSize","lineHeight","overflow","flexDirection","boxSizing","marginLeft","marginBottom","flexWrap","alignItems","gap","values","md","marginRight","top","right","background"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cardPhotoAdjustable.js","sources":["
|
|
1
|
+
{"version":3,"file":"cardPhotoAdjustable.js","sources":["../../../../src/organisms/cardPhotoAdjustable/cardPhotoAdjustable.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport CardPhotoFixedComponent from './cardPhotoAdjustableComponent';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/**\n * @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const CardPhotoAdjustable = forwardRef((props, ref) => {\n return (_jsx(CardPhotoAdjustableStyled, { ref: ref, children: _jsx(CardPhotoFixedComponent, Object.assign({}, props)) }));\n});\n/**\n * @description Card Photo Fixed styling definition based on props\n */\nconst CardPhotoAdjustableStyled = styled(MuiCard) `\r\n height: ${(props) => {\n switch (props.children.props.heightSize) {\n case 'small':\n return '180px';\n case 'medium':\n return '400px';\n case 'normal':\n return '400px';\n default:\n return '';\n }\n}};\r\n\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n height: ${(props) => {\n switch (props.children.props.heightSize) {\n case 'small':\n return '150px';\n case 'medium':\n return '240px';\n case 'normal':\n return '300px';\n default:\n return '';\n }\n}};\r\n }\r\n\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n height: ${(props) => {\n switch (props.children.props.heightSize) {\n case 'small':\n return '200px';\n case 'medium':\n return '300px';\n case 'normal':\n return '400px';\n default:\n return '';\n }\n}};\r\n }\r\n\r\n padding: 0;\r\n .CardImagePicture {\r\n display: block;\r\n }\r\n background-color: ${(props) => {\n return props.theme.palette.onSurface.os0;\n}};\r\n\r\n color: ${(props) => {\n if ((props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') ||\n props.children.props.cardType === 'configurator') {\n return props.theme.palette.text.primary;\n }\n if (props.children.props.darkOpacity !== 'opacity0' && props.children.props.cardType === 'configurator') {\n return props.theme.palette.onSurface.os0;\n }\n else\n return props.theme.palette.onSurface.os0;\n}};\r\n ${(props) => {\n if (props.theme.shape.borderRadius) {\n return 'border-radius: 0;';\n }\n}}\r\n\r\n ${(props) => {\n if (props.children.props.isBorderRadius) {\n return 'border-radius: 8px;';\n }\n}}\r\n\r\n\t.CardImageHeader {\r\n width: 100%;\r\n }\r\n .CardImageHeader {\r\n .Label {\r\n margin: 0;\r\n }\r\n color: ${(props) => {\n if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n return props.theme.palette.text.primary;\n }\n if (props.children.props.darkOpacity !== 'opacity0') {\n return props.theme.palette.onSurface.os0;\n }\n}};\r\n }\r\n .CardImageMedia {\r\n position: relative;\r\n height: auto;\r\n }\r\n .CardImageTextContainer {\r\n padding: 24px;\r\n display: flex;\r\n justify-content: space-between;\r\n flex-direction: column;\r\n height: 100%;\r\n width: 100%;\r\n box-sizing: border-box;\r\n }\r\n .CardImageText {\r\n position: absolute;\r\n .CardImageSubtitle {\r\n font-weight: bold;\r\n font-size: 16px;\r\n line-height: 24px;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\r\n font-size: 18px;\r\n line-height: 28px;\r\n }\r\n }\r\n .CardImageTitle {\r\n font-size: 27px;\r\n line-height: 32px;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n font-size: 30px;\r\n line-height: 36px;\r\n }\r\n }\r\n }\r\n .CardImageButtonsContainerContent {\r\n display: flex;\r\n justify-content: space-between;\r\n width: 100%;\r\n flex-direction: column-reverse;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n flex-direction: row;\r\n }\r\n }\r\n .CardImageButtonsContainer {\r\n display: flex;\r\n justify-content: space-between;\r\n width: 100%;\r\n }\r\n .CardImageButtons {\r\n gap: 12px 16px;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n }\r\n .cta-button {\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n width: auto;\r\n }\r\n }\r\n .cta-button button {\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n width: auto;\r\n font-size: 14px;\r\n }\r\n }\r\n }\r\n .LabelsOptional {\r\n display: flex;\r\n flex-wrap: wrap;\r\n margin-top: 8px;\r\n span:first-of-type {\r\n margin-bottom: 4px;\r\n }\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n span:first-of-type {\r\n margin-bottom: 0;\r\n }\r\n }\r\n }\r\n .InfoVehicle {\r\n font-size: 14px;\r\n line-height: 20px;\r\n margin-bottom: 12px;\r\n text-align: left;\r\n width: 100%;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n margin-bottom: 0;\r\n text-align: right;\r\n }\r\n margin-bottom: 16px;\r\n .InfoVehicleTotal {\r\n font-weight: bold;\r\n }\r\n .infoVehicleDealerInfoContainer {\r\n display: inline-flex;\r\n width: 100%;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n text-align: right;\r\n margin-bottom: 0;\r\n width: auto;\r\n }\r\n }\r\n .infoVehicleDealerInfo {\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n }\r\n .CardImageOverlayTheme {\r\n ${(props) => {\n return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\r\n\r\n ${(props) => {\n return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\r\n }\r\n`;\n//# sourceMappingURL=cardPhotoAdjustable.js.map"],"names":["CardPhotoAdjustable","forwardRef","props","ref","_jsx","jsx","CardPhotoAdjustableStyled","children","CardPhotoFixedComponent","Object","assign","styled","MuiCard","default","heightSize","theme","breakpoints","values","sm","md","palette","onSurface","os0","lightOpacity","darkOpacity","cardType","text","primary","shape","borderRadius","isBorderRadius","lg","xl","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"0RAaY,MAACA,EAAsBC,EAAUA,YAAC,CAACC,EAAOC,IAC1CC,EAAIC,IAACC,EAA2B,CAAEH,IAAKA,EAAKI,SAAUH,EAAAA,IAAKI,EAAAA,QAAyBC,OAAOC,OAAO,CAAA,EAAIR,QAK5GI,EAA4BK,EAAAA,QAAOC,EAAOC,QAAE;YACrCX,IACT,OAAQA,EAAMK,SAASL,MAAMY,YACzB,IAAK,QACD,MAAO,QACX,IAAK,SAEL,IAAK,SACD,MAAO,QACX,QACI,MAAO,GACd;;uBAGmBZ,GAAUA,EAAMa,MAAMC,YAAYC,OAAOC;cAClDhB,IACX,OAAQA,EAAMK,SAASL,MAAMY,YACzB,IAAK,QACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,QACI,MAAO,GACd;;;uBAImBZ,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;cAClDjB,IACX,OAAQA,EAAMK,SAASL,MAAMY,YACzB,IAAK,QACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,QACI,MAAO,GACd;;;;;;;sBAQkBZ,GACZA,EAAMa,MAAMK,QAAQC,UAAUC;;WAG7BpB,GACmC,aAAtCA,EAAMK,SAASL,MAAMqB,cAAoE,aAArCrB,EAAMK,SAASL,MAAMsB,aACxC,iBAAlCtB,EAAMK,SAASL,MAAMuB,SACdvB,EAAMa,MAAMK,QAAQM,KAAKC,SAEK,aAArCzB,EAAMK,SAASL,MAAMsB,aAA8BtB,EAAMK,SAASL,MAAMuB,SACjEvB,EAAMa,MAAMK,QAAQC,UAAUC;IAKxCpB,IACD,GAAIA,EAAMa,MAAMa,MAAMC,aAClB,MAAO,mBACV;;IAGA3B,IACD,GAAIA,EAAMK,SAASL,MAAM4B,eACrB,MAAO,qBACV;;;;;;;;;aAUS5B,GACgC,aAAtCA,EAAMK,SAASL,MAAMqB,cAAoE,aAArCrB,EAAMK,SAASL,MAAMsB,YAClEtB,EAAMa,MAAMK,QAAQM,KAAKC,QAEK,aAArCzB,EAAMK,SAASL,MAAMsB,YACdtB,EAAMa,MAAMK,QAAQC,UAAUC,SADzC;;;;;;;;;;;;;;;;;;;;;2BAwBwBpB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOc;;;;;;;;2BAQzC7B,GAAUA,EAAMa,MAAMC,YAAYC,OAAOe;;;;;;;;;;;yBAW3C9B,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;;;;;;;yBAWzCjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;2BAKvCjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;2BAKzCjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;;;;;;;;;yBAa3CjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOC;;;;;;;;;;;;yBAYzChB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;;;;;;;;;;2BAcvCjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOC;;;;;;;;;;;;;MAa9DhB,GACI+B,EAAAA,iCAAiC/B,EAAMK,SAASL,MAAMqB,aAAc;;MAGxErB,GACIgC,EAAAA,gCAAgChC,EAAMK,SAASL,MAAMsB,YAAa;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cardPhotoAdjustableComponent.js","sources":["
|
|
1
|
+
{"version":3,"file":"cardPhotoAdjustableComponent.js","sources":["../../../../src/organisms/cardPhotoAdjustable/cardPhotoAdjustableComponent.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useCallback } from 'react';\nimport { Button } from '../../components/button';\nimport { LabelFeature } from '../../components/labelFeature';\nimport { handleMaxChars } from '../../utils/utilities';\nconst CardPhotoFixedComponent = ({ cardImage, altImageDescription, labelText, labelVariants, title, subtitle, buttonLink, buttonLabel, buttonVariant, optionalButton, optionalButtonLink, optionalButtonLabel, optionalButtonVariant, analyticsCallback, }) => {\n const handleOnClick = useCallback((e) => {\n analyticsCallback === null || analyticsCallback === void 0 ? void 0 : analyticsCallback(e);\n }, [analyticsCallback]);\n return (_jsxs(_Fragment, { children: [_jsx(\"div\", { className: \"CardImageOverlayTheme\" }), _jsx(\"div\", { className: \"CardImageText\", children: _jsxs(\"div\", { className: \"CardImageTextContainer\", children: [_jsxs(\"div\", { className: \"CardImageHeader\", children: [labelText && (_jsx(LabelFeature, { className: \"Label\", variant: labelVariants, label: handleMaxChars(labelText, 30) })), title && _jsx(\"h2\", { className: \"h4\", children: handleMaxChars(title, 30) }), subtitle && _jsx(\"span\", { className: \"CardImageSubtitle\", children: handleMaxChars(subtitle, 30) })] }), _jsx(\"div\", { className: \"CardImageButtonsContainer\", children: _jsx(\"div\", { className: \"CardImageButtonsContainerContent\", children: _jsxs(\"div\", { className: \"CardImageButtons\", children: [_jsx(\"a\", { tabIndex: -1, className: \"cta-button\", href: encodeURI(buttonLink), style: { textDecoration: 'none' }, children: _jsx(Button, { label: handleMaxChars(buttonLabel, 30), variant: buttonVariant, compact: true, onClick: () => handleOnClick(buttonLabel) }) }), optionalButton && optionalButtonLabel && optionalButtonLink && (_jsx(\"a\", { tabIndex: -1, className: \"cta-button\", href: encodeURI(optionalButtonLink), style: { textDecoration: 'none' }, children: _jsx(Button, { label: handleMaxChars(optionalButtonLabel, 30), variant: optionalButtonVariant, compact: true, onClick: () => handleOnClick(optionalButtonLabel) }) }))] }) }) })] }) }), _jsx(\"div\", { className: \"CardImageMedia\", children: _jsx(\"div\", { className: \"CardImagePicture\", children: _jsx(\"img\", { src: cardImage, alt: altImageDescription }) }) })] }));\n};\nexport default CardPhotoFixedComponent;\n//# sourceMappingURL=cardPhotoAdjustableComponent.js.map"],"names":["cardImage","altImageDescription","labelText","labelVariants","title","subtitle","buttonLink","buttonLabel","buttonVariant","optionalButton","optionalButtonLink","optionalButtonLabel","optionalButtonVariant","analyticsCallback","handleOnClick","useCallback","e","_jsxs","jsxs","_Fragment","children","_jsx","jsx","className","LabelFeature","variant","label","handleMaxChars","tabIndex","href","encodeURI","style","textDecoration","Button","compact","onClick","src","alt"],"mappings":"0RAKgC,EAAGA,YAAWC,sBAAqBC,YAAWC,gBAAeC,QAAOC,WAAUC,aAAYC,cAAaC,gBAAeC,iBAAgBC,qBAAoBC,sBAAqBC,wBAAuBC,wBAClO,MAAMC,EAAgBC,eAAaC,IAC/BH,SAAsEA,EAAkBG,EAAE,GAC3F,CAACH,IACJ,OAAQI,EAAKC,KAACC,WAAW,CAAEC,SAAU,CAACC,EAAIC,IAAC,MAAO,CAAEC,UAAW,0BAA4BF,EAAIC,IAAC,MAAO,CAAEC,UAAW,gBAAiBH,SAAUH,EAAKC,KAAC,MAAO,CAAEK,UAAW,yBAA0BH,SAAU,CAACH,EAAAA,KAAM,MAAO,CAAEM,UAAW,kBAAmBH,SAAU,CAAClB,GAAcmB,EAAAA,IAAKG,EAAYA,aAAE,CAAED,UAAW,QAASE,QAAStB,EAAeuB,MAAOC,iBAAezB,EAAW,MAASE,GAASiB,MAAK,KAAM,CAAEE,UAAW,KAAMH,SAAUO,iBAAevB,EAAO,MAAQC,GAAYgB,MAAK,OAAQ,CAAEE,UAAW,oBAAqBH,SAAUO,iBAAetB,EAAU,SAAYgB,MAAK,MAAO,CAAEE,UAAW,4BAA6BH,SAAUC,MAAK,MAAO,CAAEE,UAAW,mCAAoCH,SAAUH,OAAM,MAAO,CAAEM,UAAW,mBAAoBH,SAAU,CAACC,EAAIC,IAAC,IAAK,CAAEM,UAAW,EAAGL,UAAW,aAAcM,KAAMC,UAAUxB,GAAayB,MAAO,CAAEC,eAAgB,QAAUZ,SAAUC,EAAIC,IAACW,SAAQ,CAAEP,MAAOC,iBAAepB,EAAa,IAAKkB,QAASjB,EAAe0B,SAAS,EAAMC,QAAS,IAAMrB,EAAcP,OAAoBE,GAAkBE,GAAuBD,GAAuBW,EAAAA,IAAK,IAAK,CAAEO,UAAW,EAAGL,UAAW,aAAcM,KAAMC,UAAUpB,GAAqBqB,MAAO,CAAEC,eAAgB,QAAUZ,SAAUC,EAAIC,IAACW,EAAMA,OAAE,CAAEP,MAAOC,iBAAehB,EAAqB,IAAKc,QAASb,EAAuBsB,SAAS,EAAMC,QAAS,IAAMrB,EAAcH,mBAA8CU,EAAIC,IAAC,MAAO,CAAEC,UAAW,iBAAkBH,SAAUC,EAAIC,IAAC,MAAO,CAAEC,UAAW,mBAAoBH,SAAUC,EAAIC,IAAC,MAAO,CAAEc,IAAKpC,EAAWqC,IAAKpC,UAAkC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cardPhotoFixed.js","sources":["
|
|
1
|
+
{"version":3,"file":"cardPhotoFixed.js","sources":["../../../../src/organisms/cardPhotoFixed/cardPhotoFixed.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport { useTheme } from '@mui/material/styles';\nimport useMediaQuery from '@mui/material/useMediaQuery';\nimport CardPhotoFixedComponent from './cardPhotoFixedComponent';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/**\n * @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const CardPhotoFixed = forwardRef((props, ref) => {\n const themeBreakpoint = useTheme();\n const isCompact = useMediaQuery(themeBreakpoint.breakpoints.up('md'));\n return (_jsx(CardPhotoFixedsStyled, { ref: ref, children: _jsx(CardPhotoFixedComponent, Object.assign({ isCompact: isCompact }, props)) }));\n});\n/**\n * @description Card Photo Fixed styling definition based on props\n */\nconst CardPhotoFixedsStyled = styled(MuiCard) `\r\n background-color: ${(props) => {\n return props.theme.palette.common.white;\n}};\r\n\r\n color: ${(props) => {\n if ((props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') ||\n props.children.props.cardType === 'configurator') {\n return props.theme.palette.common.black;\n }\n if (props.children.props.darkOpacity !== 'opacity0' && props.children.props.cardType === 'configurator') {\n return props.theme.palette.common.white;\n }\n else\n return props.theme.palette.common.white;\n}};\r\n\r\n ${(props) => {\n if (props.theme.shape.borderRadius) {\n return 'border-radius: 0;';\n }\n}}\r\n\r\n /* Height of the component */\r\n height: 500px;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n height: 440px;\r\n }\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n height: 400px;\r\n }\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\r\n height: 440px;\r\n }\r\n\r\n ${(props) => {\n if (props.children.props.isBorderRadius) {\n return 'border-radius: 8px;';\n }\n}}\r\n\r\n .CardImageHeader {\r\n width: 100%;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n max-width: 560px;\r\n }\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n max-width: 640px;\r\n }\r\n }\r\n\r\n .CardImageHeader {\r\n .VehicleEquipment {\r\n margin: 0;\r\n font-size: 16px;\r\n line-height: 24px;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n font-size: 23px;\r\n line-height: 28px;\r\n }\r\n }\r\n color: ${(props) => {\n if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n return props.theme.palette.text.primary;\n }\n if (props.children.props.darkOpacity !== 'opacity0') {\n return props.theme.palette.onSurface.os0;\n }\n}};\r\n }\r\n\r\n .CardImageText {\r\n .CardImageSubtitleContainer {\r\n display: inline-flex;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n width: 100%;\r\n }\r\n .CardImageSubtitle {\r\n font-size: 16px;\r\n line-height: 24px;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\r\n font-size: 18px;\r\n line-height: 28px;\r\n }\r\n }\r\n .CardImageTitle {\r\n font-size: 23px;\r\n line-height: 28px;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n font-size: 32px;\r\n line-height: 38px;\r\n ${(props) => {\n if (props.children.props.cardSize === 'small') {\n return 'font-size: 27px; line-height: 32px';\n }\n}};\r\n }\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n font-size: 36px;\r\n line-height: 44px;\r\n ${(props) => {\n if (props.children.props.cardSize === 'small') {\n return 'font-size: 30px; line-height: 36px';\n }\n}};\r\n }\r\n }\r\n }\r\n .CardImageButtonsContainer {\r\n display: flex;\r\n justify-content: space-between;\r\n flex-direction: column-reverse;\r\n flex-wrap: wrap-reverse;\r\n width: 100%;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n flex-direction: row;\r\n }\r\n }\r\n .CardImageButtonsGroup {\r\n display: flex;\r\n flex-direction: column;\r\n flex-wrap: wrap;\r\n width: 100%;\r\n gap: 12px 16px;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n width: auto;\r\n }\r\n .cta-button {\r\n text-decoration: none;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n width: auto;\r\n }\r\n div {\r\n width: 100%;\r\n }\r\n button {\r\n width: 100%;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n width: auto;\r\n font-size: 14px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .LabelsOptional {\r\n display: flex;\r\n flex-wrap: wrap;\r\n margin-top: 6px;\r\n }\r\n .infoText {\r\n font-size: 14px;\r\n margin-bottom: 12px;\r\n margin-bottom: 12px;\r\n width: 100%;\r\n align-self: end;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n width: auto;\r\n margin-bottom: 0;\r\n }\r\n .infoTextFirst {\r\n font-weight: bold;\r\n span {\r\n font-weight: 300;\r\n }\r\n }\r\n .infoTextThirdContainer {\r\n display: inline-flex;\r\n width: 100%;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n display: inline;\r\n text-align: right;\r\n margin-bottom: 0;\r\n width: auto;\r\n }\r\n }\r\n .infoTextThird {\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n }\r\n .CardImageOverlayTheme {\r\n ${(props) => {\n return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\r\n\r\n ${(props) => {\n return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\r\n }\r\n`;\n//# sourceMappingURL=cardPhotoFixed.js.map"],"names":["CardPhotoFixed","forwardRef","props","ref","themeBreakpoint","useTheme","isCompact","useMediaQuery","breakpoints","up","_jsx","CardPhotoFixedsStyled","children","CardPhotoFixedComponent","Object","assign","styled","MuiCard","default","theme","palette","common","white","lightOpacity","darkOpacity","cardType","black","shape","borderRadius","values","sm","md","lg","isBorderRadius","xl","text","primary","onSurface","os0","cardSize","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"uWAeY,MAACA,EAAiBC,EAAUA,YAAC,CAACC,EAAOC,KAC7C,MAAMC,EAAkBC,EAAAA,WAClBC,EAAYC,EAAAA,QAAcH,EAAgBI,YAAYC,GAAG,OAC/D,OAAQC,EAAAA,IAAKC,EAAuB,CAAER,IAAKA,EAAKS,SAAUF,MAAKG,EAAAA,QAAyBC,OAAOC,OAAO,CAAET,UAAWA,GAAaJ,KAAY,IAK1IS,EAAwBK,EAAAA,QAAOC,EAAOC,QAAE;sBACvBhB,GACZA,EAAMiB,MAAMC,QAAQC,OAAOC;;WAG1BpB,GACmC,aAAtCA,EAAMU,SAASV,MAAMqB,cAAoE,aAArCrB,EAAMU,SAASV,MAAMsB,aACxC,iBAAlCtB,EAAMU,SAASV,MAAMuB,SACdvB,EAAMiB,MAAMC,QAAQC,OAAOK,OAEG,aAArCxB,EAAMU,SAASV,MAAMsB,aAA8BtB,EAAMU,SAASV,MAAMuB,SACjEvB,EAAMiB,MAAMC,QAAQC,OAAOC;;IAMrCpB,IACD,GAAIA,EAAMiB,MAAMQ,MAAMC,aAClB,MAAO,mBACV;;;;uBAKmB1B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;uBAGzC5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;uBAGzC7B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOG;;;;IAI5D9B,IACD,GAAIA,EAAMU,SAASV,MAAM+B,eACrB,MAAO,qBACV;;;;yBAKqB/B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;yBAGzC5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOK;;;;;;;;;;2BAUvChC,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;;;aAKvD7B,GACgC,aAAtCA,EAAMU,SAASV,MAAMqB,cAAoE,aAArCrB,EAAMU,SAASV,MAAMsB,YAClEtB,EAAMiB,MAAMC,QAAQe,KAAKC,QAEK,aAArClC,EAAMU,SAASV,MAAMsB,YACdtB,EAAMiB,MAAMC,QAAQiB,UAAUC,SADzC;;;;;;;;;;;;;;;;;;2BAqBwBpC,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOG;;;;;;;;2BAQzC9B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;UAG1D7B,IACP,GAAsC,UAAlCA,EAAMU,SAASV,MAAMqC,SACrB,MAAO,oCACV;;2BAGuBrC,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOK;;;UAG1DhC,IACP,GAAsC,UAAlCA,EAAMU,SAASV,MAAMqC,SACrB,MAAO,oCACV;;;;;;;;;;yBAWqBrC,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;;;;;;;;yBAUzC7B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;;;;;2BAOvC5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;;;;;;6BAQvC5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;;;;;;;;;;;;;;;;;yBAmB7C5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;;;;;;;;;;;;;;2BAgBvC7B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;;;;;;;;;;;;MAc9D5B,GACIsC,EAAAA,iCAAiCtC,EAAMU,SAASV,MAAMqB,aAAc;;MAGxErB,GACIuC,EAAAA,gCAAgCvC,EAAMU,SAASV,MAAMsB,YAAa;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cardPhotoFixedComponent.js","sources":["
|
|
1
|
+
{"version":3,"file":"cardPhotoFixedComponent.js","sources":["../../../../src/organisms/cardPhotoFixed/cardPhotoFixedComponent.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useCallback } from 'react';\nimport { Label } from '../../components/label';\nimport { Button } from '../../components/button';\nimport { LabelFeature } from '../../components/labelFeature';\nimport InfoTextCardComponent from '../common/infoTextCardComponent/infoTextCardComponent';\nimport { handleMaxChars } from '../../utils/utilities';\nconst CardPhotoFixedComponent = ({ label, title, subTitle, description, labelInfoFirst, labelInfoFirstText, labelInfoFirstVariant, labelInfoSecond, labelInfoSecondText, labelInfoSecondVariant, cardImage, altImageDescription, buttonLink, buttonLabel, buttonVariant, optionalButton, optionalButtonLink, optionalButtonLabel, optionalButtonVariant, infoText, infoTextSecond, infoTextThird, isCompact, analyticsCallback, }) => {\n const handleOnClick = useCallback((e) => {\n analyticsCallback === null || analyticsCallback === void 0 ? void 0 : analyticsCallback(e);\n }, [analyticsCallback]);\n return (_jsxs(_Fragment, { children: [_jsx(\"div\", { className: \"CardImageOverlayTheme\" }), _jsxs(\"div\", { className: \"CardImageText\", children: [_jsxs(\"div\", { className: \"CardImageHeader\", children: [_jsx(Label, { className: \"CardImageLabel\", label: handleMaxChars(label, 30) }), title && _jsx(\"h2\", { className: \"CardImageTitle\", children: handleMaxChars(title, 35) }), subTitle && _jsx(\"h4\", { className: \"VehicleEquipment\", children: handleMaxChars(subTitle, 20) }), description && (_jsx(\"div\", { className: \"CardImageSubtitleContainer\", children: _jsx(\"span\", { className: \"CardImageSubtitle\", children: handleMaxChars(description, 50) }) })), _jsxs(\"div\", { className: \"LabelsOptional\", children: [labelInfoFirst && labelInfoFirstText && (_jsx(\"div\", { children: _jsx(LabelFeature, { variant: labelInfoFirstVariant, label: handleMaxChars(labelInfoFirstText, 30) }) })), labelInfoSecond && labelInfoSecondText && (_jsx(\"div\", { children: _jsx(LabelFeature, { variant: labelInfoSecondVariant, label: handleMaxChars(labelInfoSecondText, 30) }) }))] })] }), _jsxs(\"div\", { className: \"CardImageButtonsContainer\", children: [_jsxs(\"div\", { className: \"CardImageButtonsGroup\", children: [_jsx(\"a\", { tabIndex: -1, className: \"cta-button\", href: encodeURI(buttonLink), children: _jsx(Button, { label: handleMaxChars(buttonLabel, 30), variant: buttonVariant, compact: isCompact, onClick: () => handleOnClick(buttonLabel) }) }), optionalButton && optionalButtonLabel && optionalButtonLink && (_jsx(\"a\", { tabIndex: -1, className: \"cta-button\", href: encodeURI(optionalButtonLink), children: _jsx(Button, { label: handleMaxChars(optionalButtonLabel, 30), variant: optionalButtonVariant, compact: isCompact, onClick: () => handleOnClick(optionalButtonLabel) }) }))] }), _jsx(InfoTextCardComponent, { infoText: infoText, infoTextSecond: infoTextSecond, infoTextThird: infoTextThird, className: \"infoText\" })] })] }), _jsx(\"div\", { className: \"CardImageMedia\", children: _jsx(\"div\", { className: \"CardImagePicture\", children: _jsx(\"img\", { src: cardImage, alt: altImageDescription }) }) })] }));\n};\nexport default CardPhotoFixedComponent;\n//# sourceMappingURL=cardPhotoFixedComponent.js.map"],"names":["label","title","subTitle","description","labelInfoFirst","labelInfoFirstText","labelInfoFirstVariant","labelInfoSecond","labelInfoSecondText","labelInfoSecondVariant","cardImage","altImageDescription","buttonLink","buttonLabel","buttonVariant","optionalButton","optionalButtonLink","optionalButtonLabel","optionalButtonVariant","infoText","infoTextSecond","infoTextThird","isCompact","analyticsCallback","handleOnClick","useCallback","e","_jsxs","jsxs","_Fragment","Fragment","children","_jsx","className","Label","handleMaxChars","jsx","LabelFeature","variant","tabIndex","href","encodeURI","Button","compact","onClick","InfoTextCardComponent","src","alt"],"mappings":"6YAOgC,EAAGA,MAAAA,EAAOC,QAAOC,WAAUC,cAAaC,iBAAgBC,qBAAoBC,wBAAuBC,kBAAiBC,sBAAqBC,yBAAwBC,YAAWC,sBAAqBC,aAAYC,cAAaC,gBAAeC,iBAAgBC,qBAAoBC,sBAAqBC,wBAAuBC,WAAUC,iBAAgBC,gBAAeC,YAAWC,wBACzY,MAAMC,EAAgBC,eAAaC,IAC/BH,SAAsEA,EAAkBG,EAAE,GAC3F,CAACH,IACJ,OAAQI,EAAKC,KAACC,EAASC,SAAE,CAAEC,SAAU,CAACC,EAAAA,IAAK,MAAO,CAAEC,UAAW,0BAA4BN,EAAKC,KAAC,MAAO,CAAEK,UAAW,gBAAiBF,SAAU,CAACJ,EAAAA,KAAM,MAAO,CAAEM,UAAW,kBAAmBF,SAAU,CAACC,EAAAA,IAAKE,EAAAA,MAAO,CAAED,UAAW,iBAAkBjC,MAAOmC,EAAcA,eAACnC,EAAO,MAAQC,GAAS+B,EAAII,IAAC,KAAM,CAAEH,UAAW,iBAAkBF,SAAUI,EAAAA,eAAelC,EAAO,MAAQC,GAAY8B,EAAAA,IAAK,KAAM,CAAEC,UAAW,mBAAoBF,SAAUI,EAAcA,eAACjC,EAAU,MAAQC,GAAgB6B,EAAAA,IAAK,MAAO,CAAEC,UAAW,6BAA8BF,SAAUC,EAAII,IAAC,OAAQ,CAAEH,UAAW,oBAAqBF,SAAUI,iBAAehC,EAAa,QAAYwB,EAAKC,KAAC,MAAO,CAAEK,UAAW,iBAAkBF,SAAU,CAAC3B,GAAkBC,GAAuB2B,EAAII,IAAC,MAAO,CAAEL,SAAUC,EAAAA,IAAKK,EAAYA,aAAE,CAAEC,QAAShC,EAAuBN,MAAOmC,EAAcA,eAAC9B,EAAoB,QAAYE,GAAmBC,GAAwBwB,EAAII,IAAC,MAAO,CAAEL,SAAUC,EAAII,IAACC,eAAc,CAAEC,QAAS7B,EAAwBT,MAAOmC,EAAAA,eAAe3B,EAAqB,cAAoBmB,EAAKC,KAAC,MAAO,CAAEK,UAAW,4BAA6BF,SAAU,CAACJ,EAAKC,KAAC,MAAO,CAAEK,UAAW,wBAAyBF,SAAU,CAACC,EAAII,IAAC,IAAK,CAAEG,UAAW,EAAGN,UAAW,aAAcO,KAAMC,UAAU7B,GAAamB,SAAUC,EAAII,IAACM,EAAMA,OAAE,CAAE1C,MAAOmC,EAAcA,eAACtB,EAAa,IAAKyB,QAASxB,EAAe6B,QAASrB,EAAWsB,QAAS,IAAMpB,EAAcX,OAAoBE,GAAkBE,GAAuBD,GAAuBgB,EAAII,IAAC,IAAK,CAAEG,UAAW,EAAGN,UAAW,aAAcO,KAAMC,UAAUzB,GAAqBe,SAAUC,EAAAA,IAAKU,EAAAA,OAAQ,CAAE1C,MAAOmC,EAAAA,eAAelB,EAAqB,IAAKqB,QAASpB,EAAuByB,QAASrB,EAAWsB,QAAS,IAAMpB,EAAcP,UAAiCe,EAAII,IAACS,UAAuB,CAAE1B,SAAUA,EAAUC,eAAgBA,EAAgBC,cAAeA,EAAeY,UAAW,mBAAuBD,EAAII,IAAC,MAAO,CAAEH,UAAW,iBAAkBF,SAAUC,EAAAA,IAAK,MAAO,CAAEC,UAAW,mBAAoBF,SAAUC,EAAAA,IAAK,MAAO,CAAEc,IAAKpC,EAAWqC,IAAKpC,UAAkC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cardPromoVehicle.js","sources":["
|
|
1
|
+
{"version":3,"file":"cardPromoVehicle.js","sources":["../../../../src/organisms/cardPromoVehicle/cardPromoVehicle.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport CardPromoVehicleComponent from './cardPromoVehicleComponent';\nimport { CardStandardWrapperStyled } from '../common/styled/cardStandardWrapperStyled';\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const CardPromoVehicle = (props) => {\n return (_jsx(CardStandardWrapperStyled, { isBorderRadius: props.isBorderRadius, size: props.size, children: _jsx(CardPromoVehicleComponent, Object.assign({ isCompact: true }, props)) }));\n};\n//# sourceMappingURL=cardPromoVehicle.js.map"],"names":["props","_jsx","jsx","CardStandardWrapperStyled","isBorderRadius","size","children","CardPromoVehicleComponent","Object","assign","isCompact"],"mappings":"gLAUiCA,GACrBC,EAAIC,IAACC,EAAyBA,0BAAE,CAAEC,eAAgBJ,EAAMI,eAAgBC,KAAML,EAAMK,KAAMC,SAAUL,EAAAA,IAAKM,EAAyBA,0BAAEC,OAAOC,OAAO,CAAEC,WAAW,GAAQV"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cardPromoVehicleComponent.js","sources":["../../../../../src/organisms/cardPromoVehicle/cardPromoVehicleComponent.tsx"],"sourcesContent":[null],"names":["CardPromoVehicleComponent","label","labelVariant","vehicleName","equipment","image","altDescriptionImage","mandatoryButtonObject","optionalButtonObject","darkOpacityLayer","lightOpacityLayer","menuCardComponentProps","isMenuDropdown","infoText","infoTextSecond","infoTextThird","customInfo","description","labelInfoFirstVariant","labelInfoFirstText","labelInfoSecondVariant","labelInfoSecondText","isCompact","size","fallbackImage","_jsxs","CardPromoVehicleComponentStyled","_jsx","className","children","jsxs","LabelFeature","variant","handleMaxChars","Label","style","margin","jsx","ImageComponent","default","alt","ButtonCardComponent","buttonObject","compact","InfoTextCardComponent","MenuCardComponent","Object","assign","styled","MuiCard","shouldForwardProp","prop","_a","theme","props","__rest","opacityLayer","opacity","handleOpacity","textColor","color","palette","text","primary","onSurface","os0","handleTextColor","position","width","padding","backgroundColor","flowColors","transparent","display","flexWrap","zIndex","marginTop","breakpoints","up","height","justifyContent","minHeight","maxWidth","maxHeight","objectFit","overflow","flexDirection","boxSizing","fontSize","lineHeight","marginLeft","marginBottom","whiteSpace","textOverflow","alignItems","gap","alignSelf","fontWeight","span","top","right","background"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"cardPromoVehicleComponent.js","sources":["../../../../src/organisms/cardPromoVehicle/cardPromoVehicleComponent.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport MuiCard from '@mui/material/Card';\nimport { Label } from '../../components/label';\nimport MenuCardComponent from '../common/menuCardComponent/menuCardComponent';\nimport InfoTextCardComponent from '../common/infoTextCardComponent/infoTextCardComponent';\nimport { LabelFeature } from '../../components/labelFeature';\nimport { styled } from '@mui/material/styles';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\nimport { flowColors } from '../../design/skoda/palette.theme';\nexport const CardPromoVehicleComponent = ({ label, labelVariant, vehicleName, equipment, image, altDescriptionImage, mandatoryButtonObject, optionalButtonObject, darkOpacityLayer, lightOpacityLayer, menuCardComponentProps, isMenuDropdown, infoText, infoTextSecond, infoTextThird, customInfo, description, labelInfoFirstVariant, labelInfoFirstText, labelInfoSecondVariant, labelInfoSecondText, isCompact, size, fallbackImage, }) => {\n return (_jsxs(CardPromoVehicleComponentStyled, { size: size, darkOpacityLayer: darkOpacityLayer, lightOpacityLayer: lightOpacityLayer, children: [_jsx(\"div\", { className: \"CardImageOverlayTheme\" }), _jsx(\"div\", { className: \"promoVehicleContainerPadding\", children: _jsxs(\"div\", { className: \"promoVehicleContainer\", children: [_jsxs(\"div\", { className: \"vehicleTitleContainer\", children: [label &&\n (labelVariant === 'feature' ? (_jsx(LabelFeature, { className: \"CardImageLabelFeature\", variant: \"primary\", children: handleMaxChars(label, 30) })) : (_jsx(Label, { className: \"CardImageLabel\", label: handleMaxChars(label, 30) }))), vehicleName && (_jsx(\"h2\", { style: { margin: 0 }, className: \"vehicleName\", children: handleMaxChars(vehicleName, 20) })), equipment && (_jsx(\"h4\", { style: { margin: 0 }, className: \"vehicleEquipment\", children: handleMaxChars(equipment, 20) })), description && (_jsx(\"div\", { className: \"CardImageSubtitleContainer\", children: _jsx(\"span\", { className: \"CardImageSubtitle\", children: handleMaxChars(description, 50) }) })), _jsxs(\"div\", { className: \"LabelsOptional\", children: [labelInfoFirstText && (_jsx(\"div\", { children: _jsx(LabelFeature, { variant: labelInfoFirstVariant, label: handleMaxChars(labelInfoFirstText, 30) }) })), labelInfoSecondText && (_jsx(\"div\", { children: _jsx(LabelFeature, { variant: labelInfoSecondVariant, label: handleMaxChars(labelInfoSecondText, 30) }) }))] })] }), _jsx(\"div\", { className: \"promoVehicleImage\", children: _jsx(ImageComponent, { image: image, alt: altDescriptionImage, fallbackImage: fallbackImage }) }), _jsxs(\"div\", { className: \"promoVehicleInfo\", children: [_jsxs(\"div\", { className: \"promoVehicleButtons\", children: [(mandatoryButtonObject === null || mandatoryButtonObject === void 0 ? void 0 : mandatoryButtonObject.label) && (_jsx(ButtonCardComponent, { className: \"button-component\", buttonObject: mandatoryButtonObject, compact: isCompact })), (optionalButtonObject === null || optionalButtonObject === void 0 ? void 0 : optionalButtonObject.label) && (_jsx(ButtonCardComponent, { className: \"button-component\", buttonObject: optionalButtonObject, compact: isCompact }))] }), customInfo ? (_jsx(\"div\", { className: \"infoText\", children: customInfo })) : (_jsx(InfoTextCardComponent, { infoText: infoText, infoTextSecond: infoTextSecond, infoTextThird: infoTextThird, className: \"infoText\" }))] }), isMenuDropdown && _jsx(MenuCardComponent, Object.assign({}, menuCardComponentProps))] }) })] }));\n};\nexport default CardPromoVehicleComponent;\nconst handleOpacity = (darkOpacityLayer, lightOpacityLayer) => {\n let opacity = '';\n switch (lightOpacityLayer) {\n case 'opacity25':\n opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%)';\n break;\n case 'opacity50':\n opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%)';\n break;\n case 'opacity75':\n opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%)';\n break;\n }\n switch (darkOpacityLayer) {\n case 'opacity25':\n opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)';\n break;\n case 'opacity50':\n opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%)';\n break;\n case 'opacity75':\n opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%)';\n break;\n }\n return opacity;\n};\nconst handleTextColor = (darkOpacityLayer, lightOpacityLayer, theme) => {\n let color = '';\n if (lightOpacityLayer !== 'opacity0' && darkOpacityLayer === 'opacity0') {\n color = theme.palette.text.primary;\n }\n if (darkOpacityLayer !== 'opacity0') {\n color = theme.palette.onSurface.os0;\n }\n else\n color = theme.palette.text.primary;\n return color;\n};\n/**\n * @description cardPromoVehicleComponent styling definition based on props\n */\nconst CardPromoVehicleComponentStyled = styled(MuiCard, {\n shouldForwardProp: (prop) => prop !== 'darkOpacityLayer' && prop !== 'lightOpacityLayer' && prop !== 'size',\n})((_a) => {\n var { theme } = _a, props = __rest(_a, [\"theme\"]);\n const opacityLayer = handleOpacity(props.darkOpacityLayer, props.lightOpacityLayer);\n const textColor = handleTextColor(props.darkOpacityLayer, props.lightOpacityLayer, theme);\n let style = {};\n style = {\n position: 'relative',\n width: '100%',\n padding: '24px',\n backgroundColor: flowColors.transparent.primary,\n color: textColor,\n '& .LabelsOptional': {\n display: 'flex',\n flexWrap: 'wrap',\n position: 'relative',\n zIndex: 2,\n },\n '& .promoVehicleImage': {\n marginTop: '-45px',\n position: 'relative',\n [theme.breakpoints.up('md')]: {\n position: props.size === 'fixed' ? 'absolute' : 'relative',\n marginTop: props.size === 'fixed' ? 0 : '-45px',\n },\n zIndex: 0,\n width: '100%',\n height: '100%',\n display: 'flex',\n justifyContent: 'center',\n ' & > img': {\n minHeight: '176px',\n maxWidth: '100%',\n maxHeight: '100%',\n position: 'relative',\n objectFit: 'contain',\n },\n },\n '& .promoVehicleContainerPadding': {\n position: 'relative',\n height: '100%',\n width: '100%',\n },\n '& .promoVehicleContainer': {\n overflow: 'hidden',\n height: '100%',\n width: '100%',\n flexDirection: 'column',\n display: 'flex',\n justifyContent: props.size === 'fixed' ? 'space-between' : 'normal',\n boxSizing: 'border-box',\n ' & > .vehicleTitleContainer': {\n zIndex: 2,\n width: '100%',\n position: 'relative',\n '& > .vehicleName': {\n fontSize: '23px',\n [theme.breakpoints.up('md')]: {\n fontSize: '24px',\n },\n lineHeight: '28px',\n },\n '& > .vehicleEquipment': {\n fontSize: '16px',\n [theme.breakpoints.up('md')]: {\n fontSize: '18px',\n },\n lineHeight: '24px',\n },\n '& > .CardImageLabelFeature': {\n marginLeft: '0px !important',\n marginBottom: '8px',\n },\n '& > .CardImageLabel': {\n lineHeight: '12px !important',\n marginBottom: '8px',\n },\n '& > .CardImageSubtitleContainer': {\n display: 'inline-flex',\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n width: '100%',\n '& > .CardImageSubtitle': {\n fontSize: '16px',\n lineHeight: '24px',\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n [theme.breakpoints.up('lg')]: {\n fontSize: '18px',\n lineHeight: '28px',\n },\n },\n },\n },\n '& > .promoVehicleInfo': {\n marginTop: '-25px',\n position: 'relative',\n [theme.breakpoints.up('md')]: {\n marginTop: props.size === 'fixed' ? 0 : '-25px',\n },\n display: 'flex',\n flexDirection: 'column-reverse',\n flexWrap: 'wrap-reverse',\n width: '100%',\n justifyContent: 'space-between',\n zIndex: 2,\n [theme.breakpoints.up('md')]: {\n flexDirection: 'row',\n },\n '& > .promoVehicleButtons': {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'end',\n flexWrap: 'wrap',\n gap: '12px 16px',\n marginTop: '8px',\n '& > .button-component': {\n width: '100%',\n [theme.breakpoints.up('md')]: {\n width: 'auto',\n padding: '0 0 2px 2px',\n },\n ' > div': {\n width: '100%',\n },\n },\n '& .MuiButton-root': {\n width: '100%',\n },\n [theme.breakpoints.up('md')]: {\n flexDirection: 'row',\n '& > a': {\n '& + a': {\n marginTop: '0',\n },\n },\n },\n },\n ' & > .infoText': {\n display: 'block',\n maxWidth: '100%',\n fontSize: '14px',\n [theme.breakpoints.up('md')]: {\n width: 'auto',\n alignSelf: 'end',\n },\n ' & > div > p': {\n margin: 0,\n },\n '.infoTextFirst': {\n fontWeight: 'bold',\n span: { fontWeight: '300' },\n },\n '.infoTextThirdContainer': {\n display: 'inline-flex',\n maxWidth: '100%',\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n },\n '.infoTextThird': {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n },\n },\n },\n ' & >.menuCardComponent': {\n top: '-7px',\n right: '-5px',\n },\n },\n ' & >.CardImageOverlayTheme': {\n background: opacityLayer,\n },\n };\n return style;\n});\n//# sourceMappingURL=cardPromoVehicleComponent.js.map"],"names":["CardPromoVehicleComponent","label","labelVariant","vehicleName","equipment","image","altDescriptionImage","mandatoryButtonObject","optionalButtonObject","darkOpacityLayer","lightOpacityLayer","menuCardComponentProps","isMenuDropdown","infoText","infoTextSecond","infoTextThird","customInfo","description","labelInfoFirstVariant","labelInfoFirstText","labelInfoSecondVariant","labelInfoSecondText","isCompact","size","fallbackImage","_jsxs","CardPromoVehicleComponentStyled","children","_jsx","className","jsxs","LabelFeature","variant","handleMaxChars","Label","style","margin","jsx","ImageComponent","default","alt","ButtonCardComponent","buttonObject","compact","InfoTextCardComponent","MenuCardComponent","Object","assign","styled","MuiCard","shouldForwardProp","prop","_a","theme","props","__rest","opacityLayer","opacity","handleOpacity","textColor","color","palette","text","primary","onSurface","os0","handleTextColor","position","width","padding","backgroundColor","flowColors","transparent","display","flexWrap","zIndex","marginTop","breakpoints","up","height","justifyContent","minHeight","maxWidth","maxHeight","objectFit","overflow","flexDirection","boxSizing","fontSize","lineHeight","marginLeft","marginBottom","whiteSpace","textOverflow","alignItems","gap","alignSelf","fontWeight","span","top","right","background"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cardTypeOnly.js","sources":["
|
|
1
|
+
{"version":3,"file":"cardTypeOnly.js","sources":["../../../../src/organisms/cardTypeOnly/cardTypeOnly.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport CardTypeOnlyComponent from './cardTypeOnlyComponent';\nimport { CardStandardWrapperStyled } from '../common/styled/cardStandardWrapperStyled';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const CardTypeOnly = forwardRef((props, ref) => {\n return (_jsx(CardStandardWrapperStyled, { isBorderRadius: props.isBorderRadius, ref: ref, children: _jsx(CardTypeOnlyStyled, { children: _jsx(CardTypeOnlyComponent, Object.assign({ isCompact: true }, props)) }) }));\n});\n/**\n * @description Hero Image Card styling definition based on props\n */\nconst CardTypeOnlyStyled = styled(MuiCard) `\r\n width: 100%;\r\n box-shadow: none;\r\n background-color: #f6f7f8ff !important;\r\n padding: 24px;\r\n min-height: 300px;\r\n ${(props) => {\n if (props.children.props.emptyCardText) {\n return 'background-image: none';\n }\n}};\r\n background-repeat: no-repeat, repeat;\r\n background-color: ${(props) => {\n return props.theme.palette.onSurface.os0;\n}};\r\n\r\n color: ${(props) => {\n if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n return props.theme.palette.text.primary;\n }\n else if (props.children.props.darkOpacity !== 'opacity0') {\n return props.theme.palette.onSurface.os0;\n }\n}};\r\n\r\n ${(props) => {\n if (props.theme.shape.borderRadius) {\n return 'border-radius: 0;';\n }\n}}\r\n\r\n ${(props) => {\n if (props.children.props.isBorderRadius) {\n return 'border-radius: 8px;';\n }\n}}\r\n\t.CardImageText {\r\n text-align: center;\r\n ${(props) => {\n if (props.children.props.cardTypeOnlyText) {\n return 'justify-content: center';\n }\n}};\r\n .CardImageSubtitle {\r\n font-size: 16px;\r\n line-height: 24px;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n font-size: 18px;\r\n line-height: 28px;\r\n }\r\n }\r\n .emptyCardText {\r\n align-self: center;\r\n margin-bottom: 17px;\r\n }\r\n }\r\n .CardImageButtonsContainerContent {\r\n display: flex;\r\n justify-content: space-between;\r\n width: 100%;\r\n flex-direction: column-reverse;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n flex-direction: row;\r\n }\r\n }\r\n .CardImageButtonsContainer {\r\n display: flex;\r\n justify-content: space-between;\r\n width: 100%;\r\n }\r\n .CardImageButtons {\r\n justify-content: center;\r\n gap: 12px 16px;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n }\r\n .button-component {\r\n width: 100%;\r\n div {\r\n width: 100%;\r\n }\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n width: auto;\r\n }\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n width: auto;\r\n font-size: 14px;\r\n }\r\n }\r\n }\r\n .CardImageOverlayTheme {\r\n ${(props) => {\n return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\r\n\r\n ${(props) => {\n return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\r\n }\r\n`;\n//# sourceMappingURL=cardTypeOnly.js.map"],"names":["CardTypeOnly","forwardRef","props","ref","_jsx","CardStandardWrapperStyled","isBorderRadius","children","CardTypeOnlyStyled","CardTypeOnlyComponent","default","Object","assign","isCompact","styled","MuiCard","emptyCardText","theme","palette","onSurface","os0","lightOpacity","darkOpacity","text","primary","shape","borderRadius","cardTypeOnlyText","breakpoints","values","xl","md","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"8UAcY,MAACA,EAAeC,EAAUA,YAAC,CAACC,EAAOC,IACnCC,MAAKC,EAAAA,0BAA2B,CAAEC,eAAgBJ,EAAMI,eAAgBH,IAAKA,EAAKI,SAAUH,EAAAA,IAAKI,EAAoB,CAAED,SAAUH,EAAAA,IAAKK,EAAqBC,QAAEC,OAAOC,OAAO,CAAEC,WAAW,GAAQX,UAKtMM,EAAqBM,EAAAA,QAAOC,EAAOL,QAAE;;;;;;IAMtCR,IACD,GAAIA,EAAMK,SAASL,MAAMc,cACrB,MAAO,wBACV;;sBAGkBd,GACZA,EAAMe,MAAMC,QAAQC,UAAUC;;WAG7BlB,GACkC,aAAtCA,EAAMK,SAASL,MAAMmB,cAAoE,aAArCnB,EAAMK,SAASL,MAAMoB,YAClEpB,EAAMe,MAAMC,QAAQK,KAAKC,QAEU,aAArCtB,EAAMK,SAASL,MAAMoB,YACnBpB,EAAMe,MAAMC,QAAQC,UAAUC,SADpC;;IAKJlB,IACD,GAAIA,EAAMe,MAAMQ,MAAMC,aAClB,MAAO,mBACV;;IAGAxB,IACD,GAAIA,EAAMK,SAASL,MAAMI,eACrB,MAAO,qBACV;;;MAIEJ,IACH,GAAIA,EAAMK,SAASL,MAAMyB,iBACrB,MAAO,yBACV;;;;2BAKuBzB,GAAUA,EAAMe,MAAMW,YAAYC,OAAOC;;;;;;;;;;;;;;;yBAe3C5B,GAAUA,EAAMe,MAAMW,YAAYC,OAAOE;;;;;;;;;;;;yBAYzC7B,GAAUA,EAAMe,MAAMW,YAAYC,OAAOE;;;;;;;;;2BASvC7B,GAAUA,EAAMe,MAAMW,YAAYC,OAAOE;;;2BAGzC7B,GAAUA,EAAMe,MAAMW,YAAYC,OAAOE;;;;;;;MAO9D7B,GACI8B,EAAAA,iCAAiC9B,EAAMK,SAASL,MAAMmB,aAAc;;MAGxEnB,GACI+B,EAAAA,gCAAgC/B,EAAMK,SAASL,MAAMoB,YAAa;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cardTypeOnlyComponent.js","sources":["
|
|
1
|
+
{"version":3,"file":"cardTypeOnlyComponent.js","sources":["../../../../src/organisms/cardTypeOnly/cardTypeOnlyComponent.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { handleMaxChars } from '../../utils/utilities';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\nconst CardTypeOnlyComponent = ({ cardTypeOnlyText, mandatoryButtonObject, optionalButtonObject, isCompact, }) => {\n return (_jsxs(_Fragment, { children: [_jsx(\"div\", { className: \"CardImageOverlayTheme\" }), _jsxs(\"div\", { className: \"CardImageText\", children: [cardTypeOnlyText && _jsx(\"span\", { className: \"emptyCardText\", children: handleMaxChars(cardTypeOnlyText, 120) }), _jsx(\"div\", { className: \"CardImageButtonsContainer\", children: _jsx(\"div\", { className: \"CardImageButtonsContainerContent\", children: _jsxs(\"div\", { className: \"CardImageButtons\", children: [(mandatoryButtonObject === null || mandatoryButtonObject === void 0 ? void 0 : mandatoryButtonObject.label) && (_jsx(ButtonCardComponent, { className: \"button-component\", buttonObject: mandatoryButtonObject, compact: isCompact })), (optionalButtonObject === null || optionalButtonObject === void 0 ? void 0 : optionalButtonObject.label) && (_jsx(ButtonCardComponent, { className: \"button-component\", buttonObject: optionalButtonObject, compact: isCompact }))] }) }) })] })] }));\n};\nexport default CardTypeOnlyComponent;\n//# sourceMappingURL=cardTypeOnlyComponent.js.map"],"names":["cardTypeOnlyText","mandatoryButtonObject","optionalButtonObject","isCompact","_jsxs","jsxs","_Fragment","children","_jsx","jsx","className","handleMaxChars","label","ButtonCardComponent","default","buttonObject","compact"],"mappings":"+NAG8B,EAAGA,mBAAkBC,wBAAuBC,uBAAsBC,eACpFC,EAAKC,KAACC,WAAW,CAAEC,SAAU,CAACC,EAAIC,IAAC,MAAO,CAAEC,UAAW,0BAA4BN,EAAKC,KAAC,MAAO,CAAEK,UAAW,gBAAiBH,SAAU,CAACP,GAAoBQ,EAAIC,IAAC,OAAQ,CAAEC,UAAW,gBAAiBH,SAAUI,EAAcA,eAACX,EAAkB,OAASQ,EAAAA,IAAK,MAAO,CAAEE,UAAW,4BAA6BH,SAAUC,EAAAA,IAAK,MAAO,CAAEE,UAAW,mCAAoCH,SAAUH,EAAKC,KAAC,MAAO,CAAEK,UAAW,mBAAoBH,SAAU,EAAEN,aAAqE,EAASA,EAAsBW,QAAWJ,EAAAA,IAAKK,EAAmBC,QAAE,CAAEJ,UAAW,mBAAoBK,aAAcd,EAAuBe,QAASb,KAAgBD,aAAmE,EAASA,EAAqBU,QAAWJ,EAAIC,IAACI,UAAqB,CAAEH,UAAW,mBAAoBK,aAAcb,EAAsBc,QAASb"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel.js","sources":["../../../../../src/organisms/carousel/carousel.tsx"],"sourcesContent":[null],"names":["handleScrollPrev","emblaApi","direction","scrollPrev","scrollNext","handleScrollNext","handleScrollTo","index","scrollTo","emblaWidthSize","apiParam","slideToShowParam","slideNode","slideNodes","forEach","item","img","querySelector","style","width","naturalWidth","props","align","autoPlay","axis","buttonAreaControlsHeight","buttonControls","buttonControlsPosition","cssClass","heightSlide","isSlideDifferentWidth","loop","numberingSeparator","numberingSlides","progressbar","slidesItems","slideToScroll","slideToShow","slideSelectedClass","speed","startIndex","bulletScroll","bulletStyle","bulletTheme","prevControlIcon","nextControlIcon","controlIconStyle","controlIconFontSize","controlVariant","controlColor","optionsAutoplay","playOnInit","autoplay","Autoplay","optionsClassNames","selected","optionAlign","selectedIndex","setSelectedIndex","useState","prevBtnEnabled","setPrevBtnEnabled","nextBtnEnabled","setNextBtnEnabled","scrollProgress","setScrollProgress","hovered","setHovered","isMobile","setIsMobile","classEmbla","setClassEmbla","emblaOptions","containScroll","slidesToScroll","skipSnaps","emblaRef","useEmblaCarousel","ClassNames","default","theme","useTheme","toggleHover","element","controller","controllerHover","onScroll","useCallback","progress","Math","max","min","useEffect","onSelect","selectedScrollSnap","canScrollPrev","canScrollNext","on","mq","window","matchMedia","breakpoints","values","md","matches","_jsx","jsx","CarouselStyledVertical","Object","assign","template","CarouselStyledHorizontal","children","isBtnEnabled"],"mappings":"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sC,GACAN,EACA3D,GACAC,EACA0E,GACAzC,EACAN,EACAH,EACAD,EACAE,EACAmC,EACA7B,EACAwB,EACAzB,EACAE,EACA8B,GACCmB,GAAYD,GAAYC,IACzB9C,EACAiC,GACA7B,EACAC,EACApC,EACAN,EACAK,EACAuC,EACAC,EACAC,EACAC,EACAC,EACAC,MAIJwD,EAACC,IAAAK,EAAwBA,wCACvBjF,sBAAuBA,EACvBR,MAAOA,EACPa,YAAaA,EACbE,YAAaA,EACbM,YAAaA,GACTtB,EAAK,CAAA2F,SAERF,EAAQA,SACPlF,EACAsC,GACAN,EACA3D,GACAC,EACA0E,GACAzC,EACAN,EACAH,EACAD,EACAE,EACAmC,EACA7B,EACAwB,EACAzB,EACAE,EACA8B,GACCmB,GAAYD,GAAYC,IACzB9C,EACAiC,GACA7B,EACAC,EACApC,EACAN,EACAK,EACAuC,EACAC,EACAC,EACAC,EACAC,EACAC,KAGL,mDA9M4B,CAAC/C,EAA4BgE,EAAkB+C,IACrE/C,GAAW+C,EAAe,GAAG/G,aAAuB"}
|
|
1
|
+
{"version":3,"file":"carousel.js","sources":["../../../../src/organisms/carousel/carousel.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useState } from 'react';\nimport useEmblaCarousel from 'embla-carousel-react';\nimport ClassNames from 'embla-carousel-class-names';\nimport Autoplay from 'embla-carousel-autoplay';\nimport { CarouselStyledHorizontal } from './styledComponents/styledCarouselHorizontal';\nimport { CarouselStyledVertical } from './styledComponents/styledCarouselVertical';\nimport { useTheme } from '@mui/material';\nimport { template } from './carouselTemplate';\n//the following function was moved outside of teh component to reduce its cognitive complexity\nexport const handleScrollPrev = (emblaApi, direction) => {\n if (emblaApi) {\n direction === 'ltr' ? emblaApi.scrollPrev() : emblaApi.scrollNext();\n }\n};\nexport const handleScrollNext = (emblaApi, direction) => {\n if (emblaApi) {\n direction === 'rtl' ? emblaApi.scrollPrev() : emblaApi.scrollNext();\n }\n};\n//the following function was moved outside of teh component to reduce its cognitive complexity\nexport const handleScrollTo = (emblaApi, index) => {\n if (emblaApi) {\n emblaApi.scrollTo(index);\n }\n};\n//the following function was moved outside of teh component to reduce its cognitive complexity\nexport const getHoveredClass = (direction, hovered, isBtnEnabled) => {\n return hovered && isBtnEnabled ? `${direction}--hovered` : '';\n};\nexport const emblaWidthSize = (apiParam, slideToShowParam) => {\n const slideNode = apiParam.slideNodes();\n if (slideToShowParam <= 1) {\n slideNode.forEach((item) => {\n if (item) {\n const img = item.querySelector('img');\n if (img)\n return (item.style.width = `${img.naturalWidth}px`);\n }\n });\n }\n};\nexport const Carousel = (props) => {\n const { align = 'start', autoPlay = false, axis = 'x', buttonAreaControlsHeight = '50%', buttonControls = true, buttonControlsPosition = '0', cssClass = '', direction = 'ltr', heightSlide, isSlideDifferentWidth = false, loop = false, numberingSeparator = '/', numberingSlides = true, progressbar = false, slidesItems, slideToScroll = 1, slideToShow = 1, slideSelectedClass = 'slide-selected', speed = 10, startIndex = 0, bulletScroll = false, bulletStyle = 'dot', bulletTheme = 'dark', prevControlIcon = 'arrow-left', nextControlIcon = 'arrow-right', controlIconStyle = 'regular', controlIconFontSize = 'medium', controlVariant = 'standard', controlColor = 'dark', } = props;\n const optionsAutoplay = {\n playOnInit: autoPlay ? true : false,\n };\n const autoplay = Autoplay(optionsAutoplay);\n const optionsClassNames = { selected: slideSelectedClass };\n const optionAlign = align !== 'center' ? 'trimSnaps' : '';\n const [selectedIndex, setSelectedIndex] = useState(startIndex);\n const [prevBtnEnabled, setPrevBtnEnabled] = useState(true);\n const [nextBtnEnabled, setNextBtnEnabled] = useState(true);\n const [scrollProgress, setScrollProgress] = useState(0);\n const [hovered, setHovered] = useState(false);\n const [isMobile, setIsMobile] = useState();\n const [classEmbla, setClassEmbla] = useState('');\n const emblaOptions = {\n align: align,\n axis: axis,\n containScroll: optionAlign,\n direction: direction,\n loop: loop,\n slidesToScroll: isMobile ? 1 : slideToScroll,\n skipSnaps: false,\n speed: speed,\n startIndex: startIndex,\n };\n const [emblaRef, emblaApi] = useEmblaCarousel(emblaOptions, [autoplay, ClassNames(optionsClassNames)]);\n const theme = useTheme();\n const controllerHover = (controller) => {\n switch (true) {\n case controller === 'prev' && prevBtnEnabled:\n return setClassEmbla('embla-container-prev');\n case controller === 'next' && nextBtnEnabled:\n return setClassEmbla('embla-container-next');\n default:\n return setClassEmbla('');\n }\n };\n const toggleHover = (element) => {\n setHovered(!hovered);\n controllerHover(element);\n };\n const onScroll = useCallback(() => {\n if (!emblaApi && !progressbar)\n return;\n const progress = Math.max(0, Math.min(1, emblaApi.scrollProgress()));\n setScrollProgress(progress * 100);\n }, [emblaApi, progressbar, setScrollProgress]);\n useEffect(() => {\n if (emblaApi) {\n emblaWidthSize(emblaApi, slideToShow);\n const onSelect = () => {\n const index = emblaApi.selectedScrollSnap();\n setSelectedIndex(index);\n setSelectedIndex(emblaApi.selectedScrollSnap());\n setPrevBtnEnabled(emblaApi.canScrollPrev());\n setNextBtnEnabled(emblaApi.canScrollNext());\n };\n emblaApi.on('select', onSelect);\n onSelect();\n emblaApi.on('scroll', onScroll);\n onScroll();\n }\n }, [emblaApi, progressbar, onScroll, slideToShow]);\n useEffect(() => {\n const mq = window.matchMedia(`(max-width: ${theme.breakpoints.values.md}px)`);\n setIsMobile(mq.matches);\n }, [theme.breakpoints.values.md]);\n return axis === 'y' ? (_jsx(CarouselStyledVertical, Object.assign({ align: align, slidesItems: slidesItems, slideToShow: slideToShow, bulletTheme: bulletTheme }, props, { children: template(cssClass, hovered, prevBtnEnabled, emblaApi, direction, emblaRef, slidesItems, heightSlide, buttonControls, buttonAreaControlsHeight, buttonControlsPosition, nextBtnEnabled, numberingSlides, selectedIndex, numberingSeparator, progressbar, scrollProgress, (element) => toggleHover(element), slideToShow, classEmbla, bulletScroll, bulletStyle, handleScrollTo, handleScrollPrev, handleScrollNext, prevControlIcon, nextControlIcon, controlIconStyle, controlIconFontSize, controlVariant, controlColor) }))) : (_jsx(CarouselStyledHorizontal, Object.assign({ isSlideDifferentWidth: isSlideDifferentWidth, align: align, slidesItems: slidesItems, slideToShow: slideToShow, bulletTheme: bulletTheme }, props, { children: template(cssClass, hovered, prevBtnEnabled, emblaApi, direction, emblaRef, slidesItems, heightSlide, buttonControls, buttonAreaControlsHeight, buttonControlsPosition, nextBtnEnabled, numberingSlides, selectedIndex, numberingSeparator, progressbar, scrollProgress, (element) => toggleHover(element), slideToShow, classEmbla, bulletScroll, bulletStyle, handleScrollTo, handleScrollPrev, handleScrollNext, prevControlIcon, nextControlIcon, controlIconStyle, controlIconFontSize, controlVariant, controlColor) })));\n};\n//# sourceMappingURL=carousel.js.map"],"names":["handleScrollPrev","emblaApi","direction","scrollPrev","scrollNext","handleScrollNext","handleScrollTo","index","scrollTo","emblaWidthSize","apiParam","slideToShowParam","slideNode","slideNodes","forEach","item","img","querySelector","style","width","naturalWidth","props","align","autoPlay","axis","buttonAreaControlsHeight","buttonControls","buttonControlsPosition","cssClass","heightSlide","isSlideDifferentWidth","loop","numberingSeparator","numberingSlides","progressbar","slidesItems","slideToScroll","slideToShow","slideSelectedClass","speed","startIndex","bulletScroll","bulletStyle","bulletTheme","prevControlIcon","nextControlIcon","controlIconStyle","controlIconFontSize","controlVariant","controlColor","optionsAutoplay","playOnInit","autoplay","Autoplay","optionsClassNames","selected","optionAlign","selectedIndex","setSelectedIndex","useState","prevBtnEnabled","setPrevBtnEnabled","nextBtnEnabled","setNextBtnEnabled","scrollProgress","setScrollProgress","hovered","setHovered","isMobile","setIsMobile","classEmbla","setClassEmbla","emblaOptions","containScroll","slidesToScroll","skipSnaps","emblaRef","useEmblaCarousel","ClassNames","default","theme","useTheme","toggleHover","element","controller","controllerHover","onScroll","useCallback","progress","Math","max","min","useEffect","onSelect","selectedScrollSnap","canScrollPrev","canScrollNext","on","mq","window","matchMedia","breakpoints","values","md","matches","_jsx","jsx","CarouselStyledVertical","Object","assign","children","template","CarouselStyledHorizontal","isBtnEnabled"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carouselTemplate.js","sources":["
|
|
1
|
+
{"version":3,"file":"carouselTemplate.js","sources":["../../../../src/organisms/carousel/carouselTemplate.tsx"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Controller } from '../../components/controls';\nimport { getHoveredClass } from './carousel';\nimport { Numbering } from '../../components/numbering';\nimport { NumberingColors, NumberingSizes } from '../../utils/enum';\nexport const DotButton = ({ selected, onClick, bulletStyle }) => (_jsx(\"button\", { className: bulletStyle && bulletStyle === 'dot'\n ? `embla__dot_small ${selected ? 'is-selected' : ''}`\n : `embla__dot ${selected ? 'is-selected' : ''}`, type: \"button\", onClick: onClick }));\nexport const template = (cssClass, hovered, prevBtnEnabled, emblaApi, direction, emblaRef, slidesItems, heightSlide, buttonControls, buttonAreaControlsHeight, buttonControlsPosition, nextBtnEnabled, numberingSlides, selectedIndex, numberingSeparator, progressbar, scrollProgress, toggleHover, slideToShow, classEmbla, bulletScroll, bulletStyle, handleScrollTo, handleScrollPrev, handleScrollNext, prevControlIcon, nextControlIcon, controlIconStyle, controlIconFontSize, controlVariant, controlColor) => {\n const isMirrored = direction === 'rtl';\n return (_jsxs(_Fragment, { children: [_jsx(\"div\", { className: `embla ${cssClass} ${classEmbla}`, dir: direction, children: _jsxs(\"div\", { className: \"embla__viewport\", ref: emblaRef, children: [_jsx(\"div\", { className: \"embla__container\", children: slidesItems.map((slide, index) => (_jsx(\"div\", { id: `embla ${cssClass}__${index}`, className: \"embla__slide\", children: _jsx(\"div\", { className: \"embla__slide__inner\", style: { height: heightSlide }, children: slide }) }, index))) }), buttonControls && (_jsxs(_Fragment, { children: [_jsx(Controller, { style: { top: `${buttonControlsPosition}px` }, controlType: prevControlIcon, controllerColor: controlColor, iconStyle: controlIconStyle, iconFontSize: controlIconFontSize, controlVariant: controlVariant, className: `embla__button embla__button--prev ${getHoveredClass('prev', hovered, prevBtnEnabled)}`, onClickCallback: () => handleScrollPrev(emblaApi, direction), isDisabled: isMirrored ? prevBtnEnabled && !nextBtnEnabled : !prevBtnEnabled, customHeight: buttonAreaControlsHeight, onMouseEnter: () => toggleHover('prev'), onMouseLeave: () => toggleHover('') }), _jsx(Controller, { style: { top: `${buttonControlsPosition}px` }, controlType: nextControlIcon, controllerColor: controlColor, iconStyle: controlIconStyle, iconFontSize: controlIconFontSize, controlVariant: controlVariant, className: `embla__button embla__button--next ${getHoveredClass('next', hovered, nextBtnEnabled)}`, onClickCallback: () => handleScrollNext(emblaApi, direction), isDisabled: isMirrored ? !prevBtnEnabled && nextBtnEnabled : !nextBtnEnabled, customHeight: buttonAreaControlsHeight, onMouseEnter: () => toggleHover('next'), onMouseLeave: () => toggleHover('') })] }))] }) }), numberingSlides && (_jsx(_Fragment, { children: _jsx(Numbering, { className: \"carousel_numbering\", index: selectedIndex + slideToShow, total: slidesItems.length, customSeparator: numberingSeparator, colorTheme: NumberingColors.DARK, size: NumberingSizes.LARGE }) })), progressbar && !bulletScroll && (_jsx(\"div\", { className: \"embla__progress\", children: _jsx(\"div\", { className: \"embla__progress__bar\", style: { transform: `translateX(${scrollProgress}%)` } }) })), bulletScroll && slideToShow === 1 && (_jsx(\"div\", { className: \"embla__dots\", children: slidesItems.map((_, index) => {\n const mirroredIndex = slidesItems.length - index - 1;\n return (_jsx(DotButton, { bulletStyle: bulletStyle, selected: isMirrored ? mirroredIndex === selectedIndex : index === selectedIndex, onClick: () => handleScrollTo(emblaApi, index) }, index));\n }) }))] }));\n};\n//# sourceMappingURL=carouselTemplate.js.map"],"names":["DotButton","selected","onClick","bulletStyle","_jsx","className","type","cssClass","hovered","prevBtnEnabled","emblaApi","direction","emblaRef","slidesItems","heightSlide","buttonControls","buttonAreaControlsHeight","buttonControlsPosition","nextBtnEnabled","numberingSlides","selectedIndex","numberingSeparator","progressbar","scrollProgress","toggleHover","slideToShow","classEmbla","bulletScroll","handleScrollTo","handleScrollPrev","handleScrollNext","prevControlIcon","nextControlIcon","controlIconStyle","controlIconFontSize","controlVariant","controlColor","isMirrored","_jsxs","jsxs","_Fragment","Fragment","children","dir","ref","jsx","map","slide","index","id","style","height","Controller","top","controlType","controllerColor","iconStyle","iconFontSize","getHoveredClass","onClickCallback","isDisabled","customHeight","onMouseEnter","onMouseLeave","Numbering","total","length","customSeparator","colorTheme","NumberingColors","DARK","size","NumberingSizes","LARGE","transform","_","mirroredIndex"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styledCarouselHorizontal.js","sources":["../../../../../../src/organisms/carousel/styledComponents/styledCarouselHorizontal.tsx"],"sourcesContent":[null],"names":["controlButtonsHover","CarouselStyledHorizontal","styled","default","shouldForwardProp","prop","_a","theme","props","__rest","styles","Object","assign","position","padding","maxWidth","marginLeft","marginRight","boxSizing","breakpoints","up","left","align","overflow","width","cursor","display","userSelect","webkitTouchCallout","khtmlUserSelect","webkitTapHighlightColor","transition","flex","paddingLeft","down","isSlideDifferentWidth","height","objectFit","alignItems","justifyContent","top","zIndex","border","boxShadow","backgroundColor","borderRadius","color","palette","disabled","primary","PREV","transform","right","NEXT","marginTop","numberingSlides","onSurface","os200","bottom","textAlign","listStyle","paddingTop","outline","flowColors","secondary","content","os900","opacity","ternaryCondition","bulletTheme","surface","tertiary","slideToShow"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"styledCarouselHorizontal.js","sources":["../../../../../src/organisms/carousel/styledComponents/styledCarouselHorizontal.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport styled from '@emotion/styled';\nimport { flowColors } from '../../../design/skoda/palette.theme';\nimport { ternaryCondition } from '../../../utils/utilities';\nexport var controlButtonsHover;\n(function (controlButtonsHover) {\n controlButtonsHover[\"NEXT\"] = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K\";\n controlButtonsHover[\"PREV\"] = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==\";\n})(controlButtonsHover || (controlButtonsHover = {}));\nexport const CarouselStyledHorizontal = styled('div', {\n shouldForwardProp: (prop) => prop !== 'isSlideDifferentWidth' &&\n prop !== 'slidesItems' &&\n prop !== 'slideToShow' &&\n prop !== 'bulletTheme' &&\n prop !== 'numberingSeparator' &&\n prop !== 'numberingSlides' &&\n prop !== 'startIndex' &&\n prop !== 'cssClass' &&\n prop !== 'buttonControls' &&\n prop !== 'buttonAreaControlsHeight' &&\n prop !== 'slideToScroll' &&\n prop !== 'prevControlIcon' &&\n prop !== 'nextControlIcon' &&\n prop !== 'controlColor' &&\n prop !== 'controlIconStyle' &&\n prop !== 'controlVariant' &&\n prop !== 'controlIconFontSize' &&\n prop !== 'slideSelectedClass' &&\n prop !== 'heightSlide' &&\n prop !== 'bulletScroll' &&\n prop !== 'bulletStyle',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n const props = args;\n let styles = {};\n styles = Object.assign(Object.assign({}, styles), { '& .embla': {\n position: 'relative',\n padding: '0px',\n maxWidth: '100%',\n marginLeft: 'auto',\n marginRight: 'auto',\n boxSizing: 'border-box',\n '& *': {\n boxSizing: 'border-box',\n },\n [theme.breakpoints.up('md')]: {\n '&.embla-container-next': {\n '& .embla__container': {\n left: props.align === 'center' ? '-6%' : '-3%',\n },\n },\n '&.embla-container-prev': {\n '& .embla__container': {\n left: props.align === 'center' ? '-2%' : '3%',\n },\n },\n },\n }, '& .embla__viewport': {\n overflow: 'hidden',\n width: '100%',\n }, '& .embla__viewport.is-draggable': {\n cursor: 'move',\n }, '& .embla__viewport.is-dragging': {\n cursor: 'grabbing',\n }, '& .embla__container': {\n display: 'flex',\n userSelect: 'none',\n webkitTouchCallout: 'none',\n khtmlUserSelect: 'none',\n webkitTapHighlightColor: 'transparent',\n marginLeft: '-24px',\n transition: 'left .4s',\n [theme.breakpoints.up('md')]: {\n position: 'relative',\n left: props.align === 'center' ? '-4%' : '0',\n },\n }, '& .embla__slide': {\n position: 'relative',\n flex: '0 0 auto',\n paddingLeft: '24px',\n [theme.breakpoints.down('md')]: {\n width: props.isSlideDifferentWidth ? '' : '100%',\n },\n }, '& .embla__slide__inner': {\n position: 'relative',\n overflow: 'hidden',\n height: '100%',\n display: props.isSlideDifferentWidth ? 'flex' : '',\n '& img': {\n maxWidth: '100%',\n height: '100%',\n objectFit: 'cover',\n },\n }, '& .embla__button': {\n position: 'absolute',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n top: '0',\n height: '100%',\n zIndex: '2',\n border: '0',\n boxShadow: 'none',\n backgroundColor: 'transparent',\n cursor: 'auto',\n borderRadius: 0,\n '& .MuiIcon-fontSizeSmall': {\n width: '24px',\n height: '24px',\n },\n '& .MuiIcon-fontSizeMedium': {\n width: '32px',\n height: '32px',\n },\n '&:disabled': {\n '& .MuiIcon-root': {\n color: theme.palette.disabled.primary,\n },\n '&:hover': {\n [theme.breakpoints.up('lg')]: {\n '& .MuiIcon-root': {\n backgroundColor: 'transparent',\n },\n },\n },\n },\n }, '& .embla__button--prev': {\n left: '0',\n width: '12%',\n }, '& .embla__button--prev.prev--hovered': {\n [theme.breakpoints.up('lg')]: {\n cursor: `url(${controlButtonsHover.PREV}), auto`,\n '& button': {\n transform: 'scale(0)',\n },\n },\n }, '& .embla__button--next': {\n right: '0',\n width: '12%',\n }, '& .embla__button--next.next--hovered': {\n [theme.breakpoints.up('lg')]: {\n cursor: `url(${controlButtonsHover.NEXT}), auto`,\n '& button': {\n transform: 'scale(0)',\n },\n },\n }, '& .embla__progress': {\n position: 'relative',\n backgroundColor: 'transparent',\n marginTop: props.numberingSlides === true ? '30px' : '10px',\n maxWidth: '100%',\n width: '100%',\n height: '4px',\n overflow: 'hidden',\n borderRadius: '4px',\n marginLeft: 'auto',\n marginRight: 'auto',\n }, '& .embla__progress__bar': {\n position: 'absolute',\n backgroundColor: theme.palette.onSurface.os200,\n width: '100%',\n top: '0',\n bottom: '0',\n left: '-100%',\n }, '& .carousel_numbering': {\n [theme.breakpoints.up('md')]: {\n position: 'absolute',\n right: '11%',\n },\n [theme.breakpoints.down('md')]: {\n textAlign: 'center',\n },\n }, '& .embla__dots': {\n display: 'flex',\n listStyle: 'none',\n justifyContent: 'center',\n paddingTop: '10px',\n '& .embla__dot': {\n backgroundColor: 'transparent',\n cursor: 'pointer',\n position: 'relative',\n padding: '0',\n outline: '0',\n border: '0',\n width: '30px',\n height: '30px',\n marginRight: '7.5px',\n marginLeft: '7.5px',\n display: 'flex',\n alignItems: 'center',\n '&:after': {\n backgroundColor: flowColors.disabled.secondary,\n width: '50px',\n height: '4px',\n borderRadius: '2px',\n content: '\"\"',\n },\n '&.is-selected': {\n '&:after': {\n backgroundColor: flowColors.onSurface.os900,\n opacity: '1',\n },\n },\n },\n '& .embla__dot_small': {\n backgroundColor: 'transparent',\n cursor: 'pointer',\n position: 'relative',\n padding: '0',\n outline: '0',\n border: '0',\n width: '12px',\n height: '6px',\n marginRight: '6px',\n marginLeft: '6px',\n display: 'flex',\n alignItems: 'center',\n '&:after': {\n backgroundColor: ternaryCondition(props.bulletTheme, 'dark', flowColors.onSurface.os900, flowColors.surface.tertiary),\n width: '6px',\n height: '6px',\n borderRadius: '50%',\n content: '\"\"',\n },\n '&.is-selected': {\n '&:after': {\n backgroundColor: 'transparent',\n height: '12px',\n width: '12px',\n border: ternaryCondition(props.bulletTheme, 'dark', flowColors.onSurface.os900, flowColors.surface.tertiary),\n borderRadius: '50%',\n opacity: '1',\n },\n },\n },\n } });\n switch (props.slideToShow) {\n case 1:\n return (styles = Object.assign(Object.assign({}, styles), { '& .embla__slide': {\n position: 'relative',\n flex: '0 0 100%',\n paddingLeft: '24px',\n [theme.breakpoints.up('md')]: {\n flex: props.isSlideDifferentWidth ? '0 0 auto' : '0 0 100%',\n maxWidth: props.isSlideDifferentWidth === true ? ' 100%' : '80%',\n },\n } }));\n case 2:\n return (styles = Object.assign(Object.assign({}, styles), { '& .embla__slide': {\n position: 'relative',\n flex: '0 0 100%',\n [theme.breakpoints.up('md')]: {\n flex: '0 0 50%',\n },\n paddingLeft: '24px',\n } }));\n case 3:\n return (styles = Object.assign(Object.assign({}, styles), { '& .embla__slide': {\n position: 'relative',\n flex: '0 0 100%',\n [theme.breakpoints.up('md')]: {\n flex: '0 0 33.33%',\n },\n paddingLeft: '24px',\n } }));\n case 4:\n return (styles = Object.assign(Object.assign({}, styles), { '& .embla__slide': {\n position: 'relative',\n flex: '0 0 100%',\n [theme.breakpoints.up('md')]: {\n flex: '0 0 25%',\n },\n paddingLeft: '24px',\n } }));\n }\n return styles;\n});\n//# sourceMappingURL=styledCarouselHorizontal.js.map"],"names":["controlButtonsHover","CarouselStyledHorizontal","styled","default","shouldForwardProp","prop","_a","theme","props","__rest","styles","Object","assign","position","padding","maxWidth","marginLeft","marginRight","boxSizing","breakpoints","up","left","align","overflow","width","cursor","display","userSelect","webkitTouchCallout","khtmlUserSelect","webkitTapHighlightColor","transition","flex","paddingLeft","down","isSlideDifferentWidth","height","objectFit","alignItems","justifyContent","top","zIndex","border","boxShadow","backgroundColor","borderRadius","color","palette","disabled","primary","PREV","transform","right","NEXT","marginTop","numberingSlides","onSurface","os200","bottom","textAlign","listStyle","paddingTop","outline","flowColors","secondary","content","os900","opacity","ternaryCondition","bulletTheme","surface","tertiary","slideToShow"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styledCarouselVertical.js","sources":["
|
|
1
|
+
{"version":3,"file":"styledCarouselVertical.js","sources":["../../../../../src/organisms/carousel/styledComponents/styledCarouselVertical.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { flowColors } from '../../../design/skoda/palette.theme';\nexport const CarouselStyledVertical = styled('div', {\n shouldForwardProp: (prop) => prop !== 'isSlideDifferentWidth' &&\n prop !== 'slidesItems' &&\n prop !== 'slideToShow' &&\n prop !== 'bulletTheme' &&\n prop !== 'numberingSeparator' &&\n prop !== 'numberingSlides' &&\n prop !== 'startIndex' &&\n prop !== 'cssClass' &&\n prop !== 'buttonControls' &&\n prop !== 'buttonAreaControlsHeight' &&\n prop !== 'slideToScroll' &&\n prop !== 'prevControlIcon' &&\n prop !== 'nextControlIcon' &&\n prop !== 'controlColor' &&\n prop !== 'controlIconStyle' &&\n prop !== 'controlVariant' &&\n prop !== 'controlIconFontSize' &&\n prop !== 'slideSelectedClass' &&\n prop !== 'heightSlide' &&\n prop !== 'bulletScroll' &&\n prop !== 'bulletStyle',\n})(({ theme }) => {\n // const props = args as CarouselPropType;\n let styles = {};\n styles = Object.assign(Object.assign({}, styles), { '& .embla': {\n position: 'relative',\n padding: '0px',\n maxWidth: '100%',\n marginLeft: 'auto',\n marginRight: 'auto',\n }, '& .embla__viewport': {\n overflow: 'hidden',\n width: '100%',\n }, '& .embla__viewport.is-draggable': {\n cursor: 'move grab',\n }, '& .embla__viewport.is-dragging': {\n cursor: 'grabbing',\n }, '& .embla__container': {\n //display: 'flex',\n userSelect: 'none',\n webkitTouchCallout: 'none',\n khtmlUserSelect: 'none',\n webkitTapHighlightColor: 'transparent',\n marginTop: -'10px',\n height: '450px',\n }, '& .embla__slide': {\n position: 'relative',\n overflow: 'hidden',\n height: '100%',\n width: '100%',\n maxWidth: '100%',\n '& *': {\n maxwidth: '100%',\n },\n '& .MuiButton-root': {\n [theme.breakpoints.up('md')]: {\n width: 'auto',\n },\n },\n }, '& .embla__slide__inner': {\n position: 'relative',\n overflow: 'hidden',\n height: '100%',\n }, '& .embla__slide__img': {\n position: 'absolute',\n display: 'block',\n top: ' 50%',\n left: '50%',\n width: 'auto',\n minHeight: '100%',\n minWidth: '100%',\n maxWidth: 'none',\n transform: 'translate(-50%, -50%)',\n }, '& .embla__button': {\n position: 'absolute',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n top: '0',\n height: '100%',\n zIndex: '2',\n border: '0',\n boxShadow: 'none',\n backgroundColor: 'transparent',\n cursor: 'pointer',\n '& .MuiIcon-fontSizeSmall': {\n width: '24px',\n height: '24px',\n },\n '& .MuiIcon-fontSizeMedium': {\n width: '32px',\n height: '32px',\n },\n '&:hover': {\n '& .MuiIcon-root': {\n borderRadius: '50%',\n backgroundColor: flowColors.onSurface.os100,\n transfrom: 'translateY(-3px)',\n },\n },\n '&:disabled': {\n '& .MuiIcon-root': {\n color: theme.palette.disabled.primary,\n },\n '&:hover': {\n '& .MuiIcon-root': {\n backgroundColor: 'transparent',\n },\n },\n },\n }, '& .embla__button--prev': {\n left: '0',\n width: '12%',\n }, '& .embla__button--next': {\n right: '0',\n width: '20%',\n }, '& .embla__progress': {\n position: 'relative',\n backgroundColor: 'transparent',\n marginTop: '10px',\n maxWidth: '100%',\n width: '100%',\n height: '4px',\n overflow: 'hidden',\n borderRadius: '4px',\n marginLeft: 'auto',\n marginRight: 'auto',\n }, '& .embla__progress__bar': {\n position: 'absolute',\n backgroundColor: theme.palette.onSurface.os200,\n width: '100%',\n top: '0',\n bottom: '0',\n left: '-100%',\n } });\n return styles;\n});\n//# sourceMappingURL=styledCarouselVertical.js.map"],"names":["CarouselStyledVertical","default","shouldForwardProp","prop","styled","theme","styles","Object","assign","position","padding","maxWidth","marginLeft","marginRight","overflow","width","cursor","userSelect","webkitTouchCallout","khtmlUserSelect","webkitTapHighlightColor","marginTop","height","maxwidth","breakpoints","up","display","top","left","minHeight","minWidth","transform","alignItems","justifyContent","zIndex","border","boxShadow","backgroundColor","borderRadius","flowColors","onSurface","os100","transfrom","color","palette","disabled","primary","right","os200","bottom"],"mappings":"qJAEY,MAACA,OAA+BC,QAAC,MAAO,CAChDC,kBAAoBC,GAAkB,0BAATA,GAChB,gBAATA,GACS,gBAATA,GACS,gBAATA,GACS,uBAATA,GACS,oBAATA,GACS,eAATA,GACS,aAATA,GACS,mBAATA,GACS,6BAATA,GACS,kBAATA,GACS,oBAATA,GACS,oBAATA,GACS,iBAATA,GACS,qBAATA,GACS,mBAATA,GACS,wBAATA,GACS,uBAATA,GACS,gBAATA,GACS,iBAATA,GACS,gBAATA,GArB8BC,EAsBnC,EAAGC,YAEF,IAAIC,EAAS,CAAA,EAgHb,OA/GAA,EAASC,OAAOC,OAAOD,OAAOC,OAAO,GAAIF,GAAS,CAAE,WAAY,CACxDG,SAAU,WACVC,QAAS,MACTC,SAAU,OACVC,WAAY,OACZC,YAAa,QACd,qBAAsB,CACrBC,SAAU,SACVC,MAAO,QACR,kCAAmC,CAClCC,OAAQ,aACT,iCAAkC,CACjCA,OAAQ,YACT,sBAAuB,CAEtBC,WAAY,OACZC,mBAAoB,OACpBC,gBAAiB,OACjBC,wBAAyB,cACzBC,UAAW,IACXC,OAAQ,SACT,kBAAmB,CAClBb,SAAU,WACVK,SAAU,SACVQ,OAAQ,OACRP,MAAO,OACPJ,SAAU,OACV,MAAO,CACHY,SAAU,QAEd,oBAAqB,CACjB,CAAClB,EAAMmB,YAAYC,GAAG,OAAQ,CAC1BV,MAAO,UAGhB,yBAA0B,CACzBN,SAAU,WACVK,SAAU,SACVQ,OAAQ,QACT,uBAAwB,CACvBb,SAAU,WACViB,QAAS,QACTC,IAAK,OACLC,KAAM,MACNb,MAAO,OACPc,UAAW,OACXC,SAAU,OACVnB,SAAU,OACVoB,UAAW,yBACZ,mBAAoB,CACnBtB,SAAU,WACViB,QAAS,OACTM,WAAY,SACZC,eAAgB,SAChBN,IAAK,IACLL,OAAQ,OACRY,OAAQ,IACRC,OAAQ,IACRC,UAAW,OACXC,gBAAiB,cACjBrB,OAAQ,UACR,2BAA4B,CACxBD,MAAO,OACPO,OAAQ,QAEZ,4BAA6B,CACzBP,MAAO,OACPO,OAAQ,QAEZ,UAAW,CACP,kBAAmB,CACfgB,aAAc,MACdD,gBAAiBE,EAAAA,WAAWC,UAAUC,MACtCC,UAAW,qBAGnB,aAAc,CACV,kBAAmB,CACfC,MAAOtC,EAAMuC,QAAQC,SAASC,SAElC,UAAW,CACP,kBAAmB,CACfT,gBAAiB,kBAI9B,yBAA0B,CACzBT,KAAM,IACNb,MAAO,OACR,yBAA0B,CACzBgC,MAAO,IACPhC,MAAO,OACR,qBAAsB,CACrBN,SAAU,WACV4B,gBAAiB,cACjBhB,UAAW,OACXV,SAAU,OACVI,MAAO,OACPO,OAAQ,MACRR,SAAU,SACVwB,aAAc,MACd1B,WAAY,OACZC,YAAa,QACd,0BAA2B,CAC1BJ,SAAU,WACV4B,gBAAiBhC,EAAMuC,QAAQJ,UAAUQ,MACzCjC,MAAO,OACPY,IAAK,IACLsB,OAAQ,IACRrB,KAAM,WAEPtB,CAAM"}
|
|
@@ -1,5 +1,34 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export type CardCarouselProps = {
|
|
3
|
+
/**
|
|
4
|
+
* Enables autoplay functionality, which can be used to automatically trigger slide changes after certain delay.
|
|
5
|
+
* @default false
|
|
6
|
+
*/
|
|
7
|
+
autoPlay?: boolean;
|
|
8
|
+
/**
|
|
9
|
+
* Delay in ms between automatic slides
|
|
10
|
+
* @default 4000
|
|
11
|
+
*/
|
|
12
|
+
autoPlayDelay?: number;
|
|
13
|
+
/**
|
|
14
|
+
* Adjust slide speed when using buttons to change Slide. Higher numbers enables faster scrolling. Values between `1`-`20` are recommended.
|
|
15
|
+
* @default 10
|
|
16
|
+
*/
|
|
17
|
+
speed?: number;
|
|
18
|
+
/**
|
|
19
|
+
* Direction of content.
|
|
20
|
+
* @default ltr
|
|
21
|
+
*/
|
|
22
|
+
direction?: 'rtl' | 'ltr';
|
|
23
|
+
/**
|
|
24
|
+
* Carousel slides. Any ReactNode can be used here.
|
|
25
|
+
* @requires
|
|
26
|
+
*/
|
|
3
27
|
children: React.ReactNode;
|
|
28
|
+
/**
|
|
29
|
+
* Index of Slide that is active by default.
|
|
30
|
+
* @default 0
|
|
31
|
+
*/
|
|
32
|
+
startIndex?: number;
|
|
4
33
|
};
|
|
5
34
|
export declare const CardCarousel: React.FC<CardCarouselProps>;
|