@odx/websites-react 1.2.47 → 1.2.48
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/actions/autocomplete/Autocomplete.js +1 -1
- package/dist/components/actions/autocomplete/Autocomplete.js.map +1 -1
- package/dist/components/actions/button/Button.d.ts +2 -2
- package/dist/components/actions/checkbox/Checkbox.d.ts +1 -1
- package/dist/components/actions/checkbox/Checkbox.js +6 -6
- package/dist/components/actions/checkbox/Checkbox.js.map +1 -1
- package/dist/components/actions/checkboxGroup/CheckboxGroup.js +1 -1
- package/dist/components/actions/checkboxGroup/CheckboxGroup.js.map +1 -1
- package/dist/components/actions/dropdown/Dropdown.d.ts +2 -2
- package/dist/components/actions/dropdown/Dropdown.js +1 -1
- package/dist/components/actions/dropdown/Dropdown.js.map +1 -1
- package/dist/components/actions/floatingButton/FloatingButton.js +1 -1
- package/dist/components/actions/formField/FormField.d.ts +1 -1
- package/dist/components/actions/formField/FormField.js +1 -1
- package/dist/components/actions/link/Link.js +1 -1
- package/dist/components/actions/phoneInput/PhoneInput.js +1 -1
- package/dist/components/actions/phoneInput/PhoneInput.js.map +1 -1
- package/dist/components/actions/radioGroup/RadioGroup.d.ts.map +1 -1
- package/dist/components/actions/radioGroup/RadioGroup.js +2 -2
- package/dist/components/actions/radioGroup/RadioGroup.js.map +1 -1
- package/dist/components/actions/readOnlyTag/ReadOnlyTag.d.ts +1 -1
- package/dist/components/actions/select/Select.js +1 -1
- package/dist/components/actions/select/Select.js.map +1 -1
- package/dist/components/actions/tag/Tag.d.ts +1 -1
- package/dist/components/actions/tag/Tag.js +3 -3
- package/dist/components/actions/tag/Tag.js.map +1 -1
- package/dist/components/actions/text-input/TextInput.d.ts.map +1 -1
- package/dist/components/actions/text-input/TextInput.js +2 -2
- package/dist/components/actions/text-input/TextInput.js.map +1 -1
- package/dist/components/actions/toggle-button/ToggleButton.js +1 -1
- package/dist/components/actions/toggle-button/ToggleButton.js.map +1 -1
- package/dist/components/charts/pieChart/PieChart.d.ts.map +1 -1
- package/dist/components/charts/pieChart/PieChart.js +16 -18
- package/dist/components/charts/pieChart/PieChart.js.map +1 -1
- package/dist/components/icon/IconBase.d.ts +2 -2
- package/dist/components/images-icons/badge/Badge.d.ts +1 -1
- package/dist/components/images-icons/logo/Logo.d.ts +1 -1
- package/dist/components/layout/accordion/Accordion.d.ts +1 -1
- package/dist/components/layout/accordion/AccordionContext.d.ts +1 -1
- package/dist/components/layout/card/Card.d.ts +3 -3
- package/dist/components/layout/card/Card.d.ts.map +1 -1
- package/dist/components/layout/card/Card.js +1 -1
- package/dist/components/layout/card/Card.js.map +1 -1
- package/dist/components/layout/cardCarousel/CardCarousel.js +1 -1
- package/dist/components/layout/cardCarousel/CardCarousel.js.map +1 -1
- package/dist/components/layout/contentSlider/ContentSlider.js +1 -1
- package/dist/components/layout/contentSlider/ContentSlider.js.map +1 -1
- package/dist/components/layout/flexBox/FlexBox.d.ts +1 -1
- package/dist/components/layout/mediaGallery/MediaGallery.js +1 -1
- package/dist/components/layout/mediaGallery/MediaGalleryModal.d.ts.map +1 -1
- package/dist/components/layout/mediaGallery/MediaGalleryModal.js +1 -1
- package/dist/components/layout/mediaGallery/MediaGalleryModal.js.map +1 -1
- package/dist/components/layout/modal/Modal.d.ts +1 -1
- package/dist/components/layout/modal/Modal.js +4 -4
- package/dist/components/layout/sheet/Sheet.js +1 -1
- package/dist/components/layout/sheet/Sheet.js.map +1 -1
- package/dist/components/layout/tabBar/TabBar.js +1 -1
- package/dist/components/layout/tabBar/TabBar.js.map +1 -1
- package/dist/components/layout/teaserBreakerBox/TeaserBreakerBox.d.ts +1 -1
- package/dist/components/layout/text/SlimRichText.d.ts.map +1 -1
- package/dist/components/layout/text/SlimRichText.js +4 -3
- package/dist/components/layout/text/SlimRichText.js.map +1 -1
- package/dist/components/navigation/anchorNav/AnchorNav.d.ts.map +1 -1
- package/dist/components/navigation/anchorNav/AnchorNav.js +1 -2
- package/dist/components/navigation/anchorNav/AnchorNav.js.map +1 -1
- package/dist/components/navigation/flyout/Flyout.js +2 -2
- package/dist/components/navigation/flyout/Flyout.js.map +1 -1
- package/dist/components/navigation/flyout/FlyoutMobile.js +1 -1
- package/dist/components/navigation/flyout/FlyoutMobile.js.map +1 -1
- package/dist/components/navigation/header/Header.d.ts.map +1 -1
- package/dist/components/navigation/header/Header.js +1 -1
- package/dist/components/navigation/header/Header.js.map +1 -1
- package/dist/components/navigation/header/headerNavigationMenuList/HeaderNavigationMenuList.js +1 -1
- package/dist/components/navigation/header/headerNavigationMenuList/HeaderNavigationMenuList.js.map +1 -1
- package/dist/components/navigation/searchInput/SearchInput.js +3 -8
- package/dist/components/navigation/searchInput/SearchInput.js.map +1 -1
- package/dist/components/navigation/searchModal/SearchModal.js +1 -1
- package/dist/components/navigation/searchModal/SearchModal.js.map +1 -1
- package/dist/components/structures/loadingSpinner/LoadingSpinner.d.ts +1 -1
- package/dist/components/typography/bodyText/BodyText.d.ts +2 -2
- package/dist/components/typography/headline/Headline.d.ts +1 -1
- package/dist/hooks/useElementSize/useElementSize.d.ts.map +1 -1
- package/dist/hooks/useElementSize/useElementSize.js +0 -1
- package/dist/hooks/useElementSize/useElementSize.js.map +1 -1
- package/dist/utils/breakpoints.d.ts +2 -1
- package/dist/utils/breakpoints.d.ts.map +1 -1
- package/dist/utils/breakpoints.js +3 -4
- package/dist/utils/breakpoints.js.map +1 -1
- package/dist/utils/scrollUtils.js +1 -1
- package/dist/utils/scrollUtils.js.map +1 -1
- package/dist/web/product/productAccessories/ProductSystemBox.js +1 -1
- package/dist/web/product/productAccessories/ProductSystemBox.js.map +1 -1
- package/dist/web/product/productStage/ProductStageContainerThumbnail.js +2 -2
- package/dist/web/product/productStage/ProductStageContainerThumbnail.js.map +1 -1
- package/dist/web/product/productStage/ProductStageNavBar.js +1 -1
- package/dist/web/product/productStage/ProductStageNavBar.js.map +1 -1
- package/dist/web/product/relatedProductsBox/RelatedProductsBox.js +1 -1
- package/dist/web/product/relatedProductsBox/RelatedProductsBox.js.map +1 -1
- package/dist/web/productCompare/ProductCompare.d.ts +3 -42
- package/dist/web/productCompare/ProductCompare.d.ts.map +1 -1
- package/dist/web/productCompare/ProductCompare.js +4 -30
- package/dist/web/productCompare/ProductCompare.js.map +1 -1
- package/dist/web/productCompare/ProductCompareComponents.d.ts +43 -0
- package/dist/web/productCompare/ProductCompareComponents.d.ts.map +1 -0
- package/dist/web/productCompare/ProductCompareComponents.js +31 -0
- package/dist/web/productCompare/ProductCompareComponents.js.map +1 -0
- package/dist/web/productCompare/ProductCompareTable.d.ts +1 -1
- package/dist/web/productCompare/ProductCompareTable.d.ts.map +1 -1
- package/dist/web/productCompare/ProductCompareTable.js +0 -1
- package/dist/web/productCompare/ProductCompareTable.js.map +1 -1
- package/dist/web/productCompare/index.d.ts +1 -0
- package/dist/web/productCompare/index.d.ts.map +1 -1
- package/dist/web/productCompare/index.js +1 -0
- package/dist/web/productCompare/index.js.map +1 -1
- package/dist/web/productCompareBar/ProductCompareBar.js +2 -2
- package/dist/web/productCompareBar/ProductCompareBar.js.map +1 -1
- package/dist/web/productCompareSection/ProductCompareSection.d.ts +2 -2
- package/dist/web/productCompareSection/ProductCompareSection.d.ts.map +1 -1
- package/dist/web/productCompareSection/ProductCompareSection.js +2 -2
- package/dist/web/productCompareSection/ProductCompareSection.js.map +1 -1
- package/dist/web/productFinder/filter/ProductFinderSubstanceSearch.js +1 -1
- package/dist/web/productFinder/filter/ProductFinderSubstanceSearch.js.map +1 -1
- package/dist/web/productFinder/stageSection/ProductFinderStageSection.js +1 -1
- package/package.json +4 -5
|
@@ -1,20 +1,16 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import * as React from 'react';
|
|
4
|
-
import
|
|
5
|
-
import { Button } from '../../components/actions/button';
|
|
6
|
-
import { Headline, } from '../../components/typography/headline';
|
|
7
|
-
import { IconCoreClose, IconCorePlus } from '../../components/icon';
|
|
4
|
+
import { IconCorePlus } from '../../components/icon';
|
|
8
5
|
import { Link } from '../../components/actions/link';
|
|
9
6
|
import { LinkList } from '../../components/actions/link/linkList';
|
|
10
7
|
import { ProductCompareTable } from './ProductCompareTable';
|
|
11
|
-
import {
|
|
12
|
-
import { Image } from '../../components/images-icons/image';
|
|
8
|
+
import { ProductCompareAddProductWrapper, ProductCompareHeaderCardWrapper, ProductComparePagination, } from './ProductCompareComponents';
|
|
13
9
|
import { cn, throttle } from '../../utils';
|
|
14
10
|
import { useBreakpoint } from '../../hooks';
|
|
15
11
|
import { Controller } from 'swiper/modules';
|
|
16
12
|
import { Swiper, SwiperSlide, } from 'swiper/react';
|
|
17
|
-
import 'swiper
|
|
13
|
+
import './swiper-core.css';
|
|
18
14
|
import { getThemeBreakpoints } from '../../utils/breakpoints';
|
|
19
15
|
function usePrevious(value) {
|
|
20
16
|
const ref = React.useRef(undefined);
|
|
@@ -23,25 +19,6 @@ function usePrevious(value) {
|
|
|
23
19
|
});
|
|
24
20
|
return ref.current;
|
|
25
21
|
}
|
|
26
|
-
const ProductCompareHeaderCardWrapper = ({ className, variant = 'primary', ...props }) => (_jsx("div", { className: cn('w-full p-4 lg:w-1/5 bg-surface-primary shrink-0', variant === 'primary' ? 'bg-surface-primary' : 'bg-surface-secondary', className), ...props }));
|
|
27
|
-
export const ProductComparePagination = ({ paginatedIndex, pagesCount, swiperInstance, activeIndex, variant = 'primary', }) => (_jsx(CarouselControl, { className: cn('justify-center p-2 mt-0 mb-2', variant === 'primary' ? 'bg-surface-primary' : 'bg-surface-secondary'), prevButtonProps: {
|
|
28
|
-
disabled: activeIndex === 0,
|
|
29
|
-
onClick: () => swiperInstance?.slidePrev(),
|
|
30
|
-
ariaLabel: 'previousButtonAriaLabel',
|
|
31
|
-
'data-dte-button-id': 'product-compare-prev',
|
|
32
|
-
}, nextButtonProps: {
|
|
33
|
-
disabled: paginatedIndex === pagesCount,
|
|
34
|
-
onClick: () => swiperInstance?.slideNext(),
|
|
35
|
-
ariaLabel: 'nextButtonAriaLabel',
|
|
36
|
-
'data-dte-button-id': 'product-compare-next',
|
|
37
|
-
} }));
|
|
38
|
-
const ProductCompareAddProductWrapper = ({ headline, children }) => {
|
|
39
|
-
return (_jsxs("div", { className: cn('flex flex-col'), children: [_jsx(Headline, { headingLevel: "h5", children: headline }), _jsx("div", { className: "relative", children: _jsx("div", { className: "absolute flex flex-col w-full gap-6 overflow-auto", "data-product-compare-other-products": true, children: children }) })] }));
|
|
40
|
-
};
|
|
41
|
-
const ProductCompareProductCard = ({ className, image, headline, headlineActAs, children, isRemovable = true, onRemove, variant = 'primary', }) => {
|
|
42
|
-
const removeButton = isRemovable && (_jsx("div", { className: "absolute z-10 top-2 right-2", children: _jsx(Button, { iconButtonStyle: "brand", variant: 'ghost', iconLeft: _jsx(IconCoreClose, {}), onClick: onRemove, tabIndex: 0 }) }));
|
|
43
|
-
return (_jsxs("div", { className: cn('relative h-full', variant === 'primary' ? 'bg-surface-primary' : 'bg-surface-secondary', className), children: [removeButton, _jsx("div", { className: "relative max-w-full", children: image && _jsx(Image, { ...image, ratio: "4/3" }) }), _jsxs("div", { className: "flex flex-col p-2 pb-4", children: [_jsx(Headline, { headingLevel: "h5", actAs: headlineActAs, children: headline }), children] })] }));
|
|
44
|
-
};
|
|
45
22
|
const ProductCompare = ({ headerCardLinks, columns, columnDataHeader, selectedProductsCards, otherProductsCards, addProductsHeadline, addProductsLabel, }) => {
|
|
46
23
|
const containerRef = React.useRef(null);
|
|
47
24
|
const headerRef = React.useRef(null);
|
|
@@ -130,8 +107,5 @@ const ProductCompare = ({ headerCardLinks, columns, columnDataHeader, selectedPr
|
|
|
130
107
|
const showStickyHeader = isHeaderSticky && selectedProductsCards.length > 0;
|
|
131
108
|
return (_jsxs("div", { className: "relative", ref: containerRef, children: [_jsxs("div", { className: "relative z-10 flex flex-col gap-2 lg:flex-row", ref: headerRef, children: [headerCard, _jsxs("div", { className: "w-full lg:w-4/5", children: [paginationElement, _jsx("div", { className: "w-full overflow-x-hidden overflow-x-clip", children: _jsxs(Swiper, { ...commonSwiperProps, onSwiper: setHeaderSwiper, onRealIndexChange: ({ realIndex }) => setActiveIndex(realIndex), style: { width: '100%', overflow: 'visible' }, children: [selectedProductsCards.map((selectedProductsCards, index) => (_jsx(SwiperSlide, { className: "!h-auto", children: _jsx("div", { className: "h-full", "data-product-tile": true, children: selectedProductsCards }) }, `product_card_slide_${index}`))), _jsx(SwiperSlide, { children: _jsx(ProductCompareAddProductWrapper, { headline: addProductsHeadline, children: otherProductsCards }) }, 'add-products')] }) })] })] }), _jsx("div", { className: cn('sticky top-0 z-10 w-full', !showStickyHeader && 'invisible max-h-0 overflow-hidden'), children: _jsxs("div", { className: 'absolute top-0 left-0 right-0 flex flex-col gap-2 lg:flex-row bg-surface-primary border-b border-border-separator lg:w-[calc(100%+8px)] lg:pr-2', children: [headerCard, _jsxs("div", { className: "flex flex-col w-full lg:w-4/5", children: [paginationElement, _jsx("div", { className: "h-full", children: _jsxs(Swiper, { ...commonSwiperProps, onSwiper: setStickyHeaderSwiper, className: "h-full", children: [selectedProductsCards.map((selectedProductsCard, index) => (_jsx(SwiperSlide, { className: "!h-auto", children: _jsx("div", { className: "h-full [&_img]:hidden [&_button]:hidden", "data-product-tile": true, children: selectedProductsCard }) }, `product_card_slide_sticky_${index}`))), _jsx(SwiperSlide, {})] }) })] })] }) }), _jsx("div", { className: "invisible", ref: stickyHeaderBoundaryRef }), _jsx(ProductCompareTable, { columnDataHeader: columnDataHeader, columns: columns, tableSwiper: tableSwiper, setTableSwiper: setTableSwiper, activeIndex: activeIndex, commonSwiperProps: commonSwiperProps })] }));
|
|
132
109
|
};
|
|
133
|
-
|
|
134
|
-
return (_jsx("div", { className: "flex flex-col gap-6 lg:gap-8", ...props, children: children }));
|
|
135
|
-
};
|
|
136
|
-
export { ProductCompareWrapper, ProductCompare, ProductCompareHeaderCardWrapper, ProductCompareProductCard, ProductCompareAddProductWrapper, };
|
|
110
|
+
export { ProductCompare };
|
|
137
111
|
//# sourceMappingURL=ProductCompare.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCompare.js","sourceRoot":"","sources":["../../../src/web/productCompare/ProductCompare.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,
|
|
1
|
+
{"version":3,"file":"ProductCompare.js","sourceRoot":"","sources":["../../../src/web/productCompare/ProductCompare.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,YAAY,EAAC,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAC,IAAI,EAAC,MAAM,+BAA+B,CAAC;AACnD,OAAO,EAAC,QAAQ,EAAC,MAAM,wCAAwC,CAAC;AAChE,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EACL,+BAA+B,EAE/B,+BAA+B,EAC/B,wBAAwB,GACzB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAC,EAAE,EAAE,QAAQ,EAAC,MAAM,aAAa,CAAC;AACzC,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EACL,MAAM,EACN,WAAW,GAGZ,MAAM,cAAc,CAAC;AACtB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAC;AAE5D,SAAS,WAAW,CAAI,KAAQ;IAC9B,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAI,SAAS,CAAC,CAAC;IACvC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;IACtB,CAAC,CAAC,CAAC;IACH,OAAO,GAAG,CAAC,OAAO,CAAC;AACrB,CAAC;AAaD,MAAM,cAAc,GAAkC,CAAC,EACrD,eAAe,EACf,OAAO,EACP,gBAAgB,EAChB,qBAAqB,EACrB,kBAAkB,EAClB,mBAAmB,EACnB,gBAAgB,GACjB,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxD,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAErD,MAAM,uBAAuB,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEnE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CACpD,IAAI,CACL,CAAC;IACF,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAC/C,KAAK,CAAC,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAE3C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAClD,IAAI,CACL,CAAC;IAEF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACxD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElE,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAE/C,MAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACvC,MAAM,iBAAiB,GAAG,qBAAqB,CAAC,MAAM,GAAG,CAAC,CAAC;IAC3D,MAAM,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAC/B,aAAa,EACb,iBAAiB,GAAG,WAAW,CAChC,CAAC;IACF,MAAM,mBAAmB,GAAG,WAAW,GAAG,gBAAgB,CAAC;IAE3D,MAAM,WAAW,GACf,iBAAiB,GAAG,aAAa,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,mBAAmB,CAAC;IAE9E,MAAM,UAAU,GAAG,WAAW,KAAK,iBAAiB,CAAC;IAErD,MAAM,yBAAyB,GAAG,WAAW,CAAC,iBAAiB,CAAC,CAAC;IAEjE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IACE,iBAAiB;YACjB,yBAAyB,KAAK,SAAS;YACvC,yBAAyB,KAAK,iBAAiB,EAC/C,CAAC;YACD,YAAY,EAAE,OAAO,CAAC,WAAW,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,MAAM,iBAAiB,GAAG;QACxB,OAAO,EAAE,CAAC,UAAU,CAAC;QACrB,YAAY,EAAE,CAAC;QACf,YAAY,EAAE,WAAW;QACzB,aAAa;QACb,WAAW,EAAE;YACX,CAAC,QAAQ,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE;gBACtC,aAAa,EAAE,CAAC;aACjB;YACD,CAAC,QAAQ,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE;gBACtC,aAAa,EAAE,CAAC;aACjB;SACF;KACa,CAAC;IAEjB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IACE,YAAY,EAAE,UAAU;YACxB,WAAW,EAAE,UAAU;YACvB,kBAAkB,EAAE,UAAU,EAC9B,CAAC;YACD,YAAY,CAAC,UAAU,CAAC,OAAO,GAAG,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;YACpE,kBAAkB,CAAC,UAAU,CAAC,OAAO,GAAG,YAAY,CAAC;YACrD,WAAW,CAAC,UAAU,CAAC,OAAO,GAAG,YAAY,CAAC;QAChD,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAEpD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,uBAAuB,GAAG,GAAG,EAAE;YACnC,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;gBACzB,MAAM,4BAA4B,GAChC,YAAY,CAAC,OAAO;qBACjB,aAAa,CAAC,uCAAuC,CAAC;oBACvD,EAAE,qBAAqB,EAAE,CAAC,MAAM,IAAI,CAAC,CAAC;gBAC1C,MAAM,qBAAqB,GACzB,SAAS,CAAC,OAAO,EAAE,qBAAqB,EAAE,CAAC,MAAM,IAAI,CAAC,CAAC;gBACzD,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC;gBAExD,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,4BAA4B,GAAG,UAAU,IAAI,CAAC;YAC1F,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,CAAC,mBAAmB,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE;YAClD,qBAAqB,CAAC,uBAAuB,CAAC,CAAC;QACjD,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,MAAM,sBAAsB,GAAG,IAAI,cAAc,CAAC,mBAAmB,CAAC,CAAC;QACvE,sBAAsB,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAE9C,OAAO,GAAG,EAAE;YACV,sBAAsB,CAAC,UAAU,EAAE,CAAC;YACpC,MAAM,EAAE,CAAC;QACX,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAErC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,8BAA8B,GAAG,uBAAuB,CAAC,OAAO,CAAC;QACvE,IAAI,CAAC,8BAA8B;YAAE,OAAO;QAE5C,MAAM,cAAc,GAAG,IAAI,oBAAoB,CAC7C,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE;YACV,IAAI,CAAC,KAAK;gBAAE,OAAO;YACnB,iBAAiB,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QAC3C,CAAC,EACD,EAAC,SAAS,EAAE,CAAC,EAAC,CACf,CAAC;QAEF,cAAc,CAAC,OAAO,CAAC,8BAA8B,CAAC,CAAC;QAEvD,OAAO,GAAG,EAAE;YACV,cAAc,CAAC,UAAU,EAAE,CAAC;QAC9B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,iBAAiB,GAAG,CACxB,KAAC,wBAAwB,IACvB,UAAU,EAAE,iBAAiB,EAC7B,cAAc,EAAE,WAAW,EAC3B,cAAc,EAAE,YAAY,EAC5B,WAAW,EAAE,WAAW,GACxB,CACH,CAAC;IAEF,MAAM,UAAU,GAAG,CACjB,KAAC,+BAA+B,cAC9B,MAAC,QAAQ,IAAC,SAAS,EAAE,KAAK,aACvB,eAAe,EAChB,KAAC,IAAI,IACH,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,UAAU,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAClD,IAAI,EAAE,KAAC,YAAY,KAAG,EACtB,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,CACtB,kBACM,KAAK,EACT,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC,GAChD,CACH,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,iBAAiB,CAAC,YAEtD,gBAAgB,GACZ,IACE,GACqB,CACnC,CAAC;IAEF,MAAM,gBAAgB,GAAG,cAAc,IAAI,qBAAqB,CAAC,MAAM,GAAG,CAAC,CAAC;IAE5E,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,EAAC,GAAG,EAAE,YAAY,aACzC,eACE,SAAS,EAAC,+CAA+C,EACzD,GAAG,EAAE,SAAS,aAEb,UAAU,EACX,eAAK,SAAS,EAAC,iBAAiB,aAC7B,iBAAiB,EAClB,cAAK,SAAS,EAAC,0CAA0C,YACvD,MAAC,MAAM,OACD,iBAAiB,EACrB,QAAQ,EAAE,eAAe,EACzB,iBAAiB,EAAE,CAAC,EAAC,SAAS,EAAC,EAAE,EAAE,CAAC,cAAc,CAAC,SAAS,CAAC,EAC7D,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAC,aAE1C,qBAAqB,CAAC,GAAG,CAAC,CAAC,qBAAqB,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3D,KAAC,WAAW,IACV,SAAS,EAAC,SAAS,YAGnB,cAAK,SAAS,EAAC,QAAQ,uCACpB,qBAAqB,GAClB,IAJD,sBAAsB,KAAK,EAAE,CAKtB,CACf,CAAC,EACF,KAAC,WAAW,cACV,KAAC,+BAA+B,IAAC,QAAQ,EAAE,mBAAmB,YAC3D,kBAAkB,GACa,IAHlB,cAAc,CAIlB,IACP,GACL,IACF,IACF,EAEN,cACE,SAAS,EAAE,EAAE,CACX,0BAA0B,EAC1B,CAAC,gBAAgB,IAAI,mCAAmC,CACzD,YAED,eACE,SAAS,EACP,iJAAiJ,aAGlJ,UAAU,EACX,eAAK,SAAS,EAAC,+BAA+B,aAC3C,iBAAiB,EAClB,cAAK,SAAS,EAAC,QAAQ,YACrB,MAAC,MAAM,OACD,iBAAiB,EACrB,QAAQ,EAAE,qBAAqB,EAC/B,SAAS,EAAC,QAAQ,aAEjB,qBAAqB,CAAC,GAAG,CAAC,CAAC,oBAAoB,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1D,KAAC,WAAW,IAEV,SAAS,EAAC,SAAS,YAEnB,cACE,SAAS,EAAC,yCAAyC,uCAGlD,oBAAoB,GACjB,IARD,6BAA6B,KAAK,EAAE,CAS7B,CACf,CAAC,EACF,KAAC,WAAW,KAAG,IACR,GACL,IACF,IACF,GACF,EAEN,cAAK,SAAS,EAAC,WAAW,EAAC,GAAG,EAAE,uBAAuB,GAAI,EAC3D,KAAC,mBAAmB,IAClB,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,iBAAiB,GACpC,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,cAAc,EAAC,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type HeadlineProps } from '../../components/typography/headline';
|
|
3
|
+
import { type ImageProps } from '../../components/images-icons/image';
|
|
4
|
+
import { type DataTrackingAttributes } from '../../utils';
|
|
5
|
+
import { type SwiperClass } from 'swiper/react';
|
|
6
|
+
export interface ProductCompareHeaderCardWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7
|
+
variant?: 'primary' | 'secondary';
|
|
8
|
+
}
|
|
9
|
+
declare const ProductCompareHeaderCardWrapper: React.FC<ProductCompareHeaderCardWrapperProps>;
|
|
10
|
+
export interface ProductComparePaginationProps {
|
|
11
|
+
paginatedIndex: number;
|
|
12
|
+
pagesCount: number;
|
|
13
|
+
swiperInstance?: SwiperClass | null;
|
|
14
|
+
activeIndex: number;
|
|
15
|
+
variant?: 'primary' | 'secondary';
|
|
16
|
+
}
|
|
17
|
+
export declare const ProductComparePagination: React.FC<ProductComparePaginationProps>;
|
|
18
|
+
export interface ProductCompareAddProductWrapperProps {
|
|
19
|
+
children?: React.ReactNode;
|
|
20
|
+
headline?: string;
|
|
21
|
+
maxHeight?: string;
|
|
22
|
+
}
|
|
23
|
+
declare const ProductCompareAddProductWrapper: React.FC<ProductCompareAddProductWrapperProps>;
|
|
24
|
+
export interface ProductCompareProductCardProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
25
|
+
children?: React.ReactNode;
|
|
26
|
+
image?: Omit<ImageProps, 'ratio'>;
|
|
27
|
+
headline?: string;
|
|
28
|
+
headlineActAs?: HeadlineProps['actAs'];
|
|
29
|
+
onRemove?: () => void;
|
|
30
|
+
isRemovable?: boolean;
|
|
31
|
+
variant?: 'primary' | 'secondary';
|
|
32
|
+
}
|
|
33
|
+
declare const ProductCompareProductCard: React.FC<ProductCompareProductCardProps>;
|
|
34
|
+
export type ProductCompareColumnType = {
|
|
35
|
+
product: string;
|
|
36
|
+
element: React.ReactNode;
|
|
37
|
+
};
|
|
38
|
+
export interface ProductCompareWrapperProps extends DataTrackingAttributes {
|
|
39
|
+
children?: React.ReactNode;
|
|
40
|
+
}
|
|
41
|
+
declare const ProductCompareWrapper: React.FC<ProductCompareWrapperProps>;
|
|
42
|
+
export { ProductCompareWrapper, ProductCompareHeaderCardWrapper, ProductCompareProductCard, ProductCompareAddProductWrapper, };
|
|
43
|
+
//# sourceMappingURL=ProductCompareComponents.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductCompareComponents.d.ts","sourceRoot":"","sources":["../../../src/web/productCompare/ProductCompareComponents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,sCAAsC,CAAC;AAM9C,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAK,KAAK,sBAAsB,EAAC,MAAM,aAAa,CAAC;AAE5D,OAAO,EAAC,KAAK,WAAW,EAAC,MAAM,cAAc,CAAC;AAE9C,MAAM,WAAW,oCAAqC,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChG,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;CACnC;AAED,QAAA,MAAM,+BAA+B,EAAE,KAAK,CAAC,EAAE,CAC7C,oCAAoC,CAUrC,CAAC;AAEF,MAAM,WAAW,6BAA6B;IAC5C,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;CACnC;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAC7C,6BAA6B,CA8B9B,CAAC;AAEF,MAAM,WAAW,oCAAoC;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,+BAA+B,EAAE,KAAK,CAAC,EAAE,CAC7C,oCAAoC,CAerC,CAAC;AAEF,MAAM,WAAW,8BAA+B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1F,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;CACnC;AAED,QAAA,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CA0CvE,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,MAAM,WAAW,0BAA2B,SAAQ,sBAAsB;IACxE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAS/D,CAAC;AAEF,OAAO,EACL,qBAAqB,EACrB,+BAA+B,EAC/B,yBAAyB,EACzB,+BAA+B,GAChC,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Button } from '../../components/actions/button';
|
|
3
|
+
import { Headline, } from '../../components/typography/headline';
|
|
4
|
+
import { IconCoreClose } from '../../components/icon';
|
|
5
|
+
import { CarouselControl, } from '../../components/common/carouselControl';
|
|
6
|
+
import { Image } from '../../components/images-icons/image';
|
|
7
|
+
import { cn } from '../../utils';
|
|
8
|
+
const ProductCompareHeaderCardWrapper = ({ className, variant = 'primary', ...props }) => (_jsx("div", { className: cn('w-full p-4 lg:w-1/5 bg-surface-primary shrink-0', variant === 'primary' ? 'bg-surface-primary' : 'bg-surface-secondary', className), ...props }));
|
|
9
|
+
export const ProductComparePagination = ({ paginatedIndex, pagesCount, swiperInstance, activeIndex, variant = 'primary', }) => (_jsx(CarouselControl, { className: cn('justify-center p-2 mt-0 mb-2', variant === 'primary' ? 'bg-surface-primary' : 'bg-surface-secondary'), prevButtonProps: {
|
|
10
|
+
disabled: activeIndex === 0,
|
|
11
|
+
onClick: () => swiperInstance?.slidePrev(),
|
|
12
|
+
ariaLabel: 'previousButtonAriaLabel',
|
|
13
|
+
'data-dte-button-id': 'product-compare-prev',
|
|
14
|
+
}, nextButtonProps: {
|
|
15
|
+
disabled: paginatedIndex === pagesCount,
|
|
16
|
+
onClick: () => swiperInstance?.slideNext(),
|
|
17
|
+
ariaLabel: 'nextButtonAriaLabel',
|
|
18
|
+
'data-dte-button-id': 'product-compare-next',
|
|
19
|
+
} }));
|
|
20
|
+
const ProductCompareAddProductWrapper = ({ headline, children }) => {
|
|
21
|
+
return (_jsxs("div", { className: cn('flex flex-col'), children: [_jsx(Headline, { headingLevel: "h5", children: headline }), _jsx("div", { className: "relative", children: _jsx("div", { className: "absolute flex flex-col w-full gap-6 overflow-auto", "data-product-compare-other-products": true, children: children }) })] }));
|
|
22
|
+
};
|
|
23
|
+
const ProductCompareProductCard = ({ className, image, headline, headlineActAs, children, isRemovable = true, onRemove, variant = 'primary', }) => {
|
|
24
|
+
const removeButton = isRemovable && (_jsx("div", { className: "absolute z-10 top-2 right-2", children: _jsx(Button, { iconButtonStyle: "brand", variant: 'ghost', iconLeft: _jsx(IconCoreClose, {}), onClick: onRemove, tabIndex: 0 }) }));
|
|
25
|
+
return (_jsxs("div", { className: cn('relative h-full', variant === 'primary' ? 'bg-surface-primary' : 'bg-surface-secondary', className), children: [removeButton, _jsx("div", { className: "relative max-w-full", children: image && _jsx(Image, { ...image, ratio: "4/3" }) }), _jsxs("div", { className: "flex flex-col p-2 pb-4", children: [_jsx(Headline, { headingLevel: "h5", actAs: headlineActAs, children: headline }), children] })] }));
|
|
26
|
+
};
|
|
27
|
+
const ProductCompareWrapper = ({ children, ...props }) => {
|
|
28
|
+
return (_jsx("div", { className: "flex flex-col gap-6 lg:gap-8", ...props, children: children }));
|
|
29
|
+
};
|
|
30
|
+
export { ProductCompareWrapper, ProductCompareHeaderCardWrapper, ProductCompareProductCard, ProductCompareAddProductWrapper, };
|
|
31
|
+
//# sourceMappingURL=ProductCompareComponents.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductCompareComponents.js","sourceRoot":"","sources":["../../../src/web/productCompare/ProductCompareComponents.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { type TooltipProps } from '../../components/actions/tooltip';
|
|
3
|
-
import {
|
|
3
|
+
import { ProductCompareColumnType } from './ProductCompareComponents';
|
|
4
4
|
import { type SwiperProps, type SwiperClass } from 'swiper/react';
|
|
5
5
|
export interface ProductCompareTableCellProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
6
6
|
children?: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCompareTable.d.ts","sourceRoot":"","sources":["../../../src/web/productCompare/ProductCompareTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ProductCompareTable.d.ts","sourceRoot":"","sources":["../../../src/web/productCompare/ProductCompareTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAU,KAAK,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAK5E,OAAO,EAAC,wBAAwB,EAAC,MAAM,4BAA4B,CAAC;AAIpE,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,WAAW,EACjB,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,4BAA6B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,oBAAoB,CAAC,CAAC;CACzD;AAED,QAAA,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAyDnE,CAAC;AAEF,MAAM,WAAW,iCAAkC,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7F,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAC1C,iCAAiC,CA0BlC,CAAC;AAEF,MAAM,WAAW,8BAA8B;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAcvE,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,wBAAwB,EAAE,CAAC;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,cAAc,EAAE,CAAC,cAAc,EAAE,WAAW,KAAK,IAAI,CAAC;IACtD,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,iBAAiB,EAAE,WAAW,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAkI3D,CAAC;AAEF,OAAO,EACL,mBAAmB,EACnB,yBAAyB,EACzB,uBAAuB,EACvB,4BAA4B,GAC7B,CAAC"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import * as React from 'react';
|
|
4
|
-
import ResizeObserver from 'resize-observer-polyfill';
|
|
5
4
|
import { BodyText } from '../../components/typography/bodyText';
|
|
6
5
|
import { Headline } from '../../components/typography/headline';
|
|
7
6
|
import { Tooltip } from '../../components/actions/tooltip';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCompareTable.js","sourceRoot":"","sources":["../../../src/web/productCompare/ProductCompareTable.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,
|
|
1
|
+
{"version":3,"file":"ProductCompareTable.js","sourceRoot":"","sources":["../../../src/web/productCompare/ProductCompareTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/web/productCompare/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/web/productCompare/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/web/productCompare/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/web/productCompare/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC"}
|
|
@@ -10,7 +10,7 @@ import { usePrevNextButtons } from '../../hooks/emblaCarousel/usePrevNextButtons
|
|
|
10
10
|
import { useElementSize } from '../../hooks/useElementSize';
|
|
11
11
|
import { cn } from '../../utils';
|
|
12
12
|
const ProductCompareBarTile = ({ label, imageProps, onRemove, }) => {
|
|
13
|
-
return (_jsx("div", { className: "pl-6 min-w-0
|
|
13
|
+
return (_jsx("div", { className: "pl-6 min-w-0 shrink-0 basis-1/2 2xl:basis-1/4", children: _jsxs("div", { className: "relative p-2 h-full rounded-md bg-surface-primary min-h-36 lg:min-h-24", children: [_jsx(Button, { variant: 'ghost', className: "absolute top-2 right-2", iconButtonStyle: "brand", iconLeft: _jsx(IconCoreClose, {}), onClick: onRemove, "aria-label": "Remove product" }), _jsxs("div", { className: "flex flex-col gap-2 justify-center items-center h-full lg:flex-row lg:justify-start", children: [_jsx(Image, { className: "max-w-24", ratio: '4/3', ...imageProps }), _jsx(BodyText, { variant: 'small', className: "min-w-0 lg:mr-6", children: label })] })] }) }));
|
|
14
14
|
};
|
|
15
15
|
const ProductCompareBarGroupControl = ({ active, onClick }) => (_jsx("div", { className: cn('transition-colors w-2 h-2 border rounded-full cursor-pointer border-border-secondary', active && 'bg-surface-primary'), onClick: () => onClick?.() }));
|
|
16
16
|
const ProductCompareBarGroupControls = ({ children }) => {
|
|
@@ -53,7 +53,7 @@ const ProductCompareBarGroup = ({ categoryHeadline, children, }) => {
|
|
|
53
53
|
const ProductCompareBar = ({ headline, isExpanded, onExpand, clearButtonProps, compareLinkButtonProps, children, className, }) => {
|
|
54
54
|
const [ref, { height: contentHeight }] = useElementSize([isExpanded]);
|
|
55
55
|
const id = React.useId();
|
|
56
|
-
return (_jsx("div", { className: cn('overflow-y-auto overscroll-contain sticky bottom-0 z-10 max-w-full h-full min-h-14 max-h-[80svh] lg:max-h-[50svh]', className), children: _jsxs("div", { className: cn('flex flex-col items-center justify-center w-full max-h-
|
|
56
|
+
return (_jsx("div", { className: cn('overflow-y-auto overscroll-contain sticky bottom-0 z-10 max-w-full h-full min-h-14 max-h-[80svh] lg:max-h-[50svh]', className), children: _jsxs("div", { className: cn('flex flex-col items-center justify-center w-full max-h-full h-full bg-surface-brand'), children: [_jsx("div", { className: "sticky top-0 z-10 px-9 py-2 w-full lg:px-10 bg-surface-brand max-w-content-block", children: _jsxs("div", { className: "flex relative justify-between items-center w-full min-h-11", children: [_jsx(BodyText, { textColor: "invert", className: "max-w-[40%]", weight: 'bold', children: headline }), _jsx("div", { className: "absolute top-0 bottom-0 left-1/2 -translate-x-1/2", children: _jsx("div", { className: "flex justify-center items-center h-full", children: _jsx(Button, { iconLeft: _jsx(IconCoreChevronUp, { className: cn('transition-transform duration-100', isExpanded ? 'rotate-180' : 'rotate-0') }), "aria-label": isExpanded
|
|
57
57
|
? 'Hide product compare bar'
|
|
58
58
|
: 'Show product compare bar', size: 'sm', variant: 'ghost', theme: "dark", onClick: () => {
|
|
59
59
|
onExpand();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCompareBar.js","sourceRoot":"","sources":["../../../src/web/productCompareBar/ProductCompareBar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AACpD,OAAO,EACL,MAAM,EACN,UAAU,GAGX,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,aAAa,EACb,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,GAClB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAC,KAAK,EAAkB,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAC,QAAQ,EAAC,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAC,kBAAkB,EAAC,MAAM,8CAA8C,CAAC;AAChF,OAAO,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAC,EAAE,EAAC,MAAM,aAAa,CAAC;AAQ/B,MAAM,qBAAqB,GAAyC,CAAC,EACnE,KAAK,EACL,UAAU,EACV,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,cAAK,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"ProductCompareBar.js","sourceRoot":"","sources":["../../../src/web/productCompareBar/ProductCompareBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { ProductCompareColumnType } from '../productCompare/
|
|
3
|
-
import 'swiper
|
|
2
|
+
import { ProductCompareColumnType } from '../productCompare/ProductCompareComponents';
|
|
3
|
+
import '../productCompare/swiper-core.css';
|
|
4
4
|
type ComparisonClusterGroup = {
|
|
5
5
|
categoryName: string;
|
|
6
6
|
categoryHeader: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCompareSection.d.ts","sourceRoot":"","sources":["../../../src/web/productCompareSection/ProductCompareSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,wBAAwB,EAGzB,MAAM,
|
|
1
|
+
{"version":3,"file":"ProductCompareSection.d.ts","sourceRoot":"","sources":["../../../src/web/productCompareSection/ProductCompareSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,wBAAwB,EAGzB,MAAM,4CAA4C,CAAC;AAiBpD,OAAO,mCAAmC,CAAC;AAE3C,KAAK,sBAAsB,GAAG;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,eAAe,EAAE,wBAAwB,EAAE,CAAC;CAC7C,CAAC;AAEF,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACzC,uBAAuB,EAAE,sBAAsB,EAAE,CAAC;CACnD;AAED,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CA4I/D,CAAC;AAEF,OAAO,EAAC,qBAAqB,EAAC,CAAC"}
|
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ProductCompareTable } from '../productCompare/ProductCompareTable';
|
|
5
|
-
import { ProductCompareHeaderCardWrapper, ProductComparePagination, } from '../productCompare/
|
|
5
|
+
import { ProductCompareHeaderCardWrapper, ProductComparePagination, } from '../productCompare/ProductCompareComponents';
|
|
6
6
|
import { Accordion, AccordionItem, AccordionItemToggle, AccordionContent, } from '../../components/layout/accordion';
|
|
7
7
|
import { Headline } from '../../components/typography/headline';
|
|
8
8
|
import { cn } from '../../utils';
|
|
9
9
|
import { useBreakpoint } from '../../hooks';
|
|
10
10
|
import { Controller } from 'swiper/modules';
|
|
11
11
|
import { Swiper, SwiperSlide, } from 'swiper/react';
|
|
12
|
-
import 'swiper
|
|
12
|
+
import '../productCompare/swiper-core.css';
|
|
13
13
|
const ProductCompareSection = ({ selectedProductsCards, comparisonClusterGroups, headline, }) => {
|
|
14
14
|
const [headerSwiper, setHeaderSwiper] = React.useState(null);
|
|
15
15
|
const [tableSwiperInstances, setTableSwiperInstances] = React.useState({});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCompareSection.js","sourceRoot":"","sources":["../../../src/web/productCompareSection/ProductCompareSection.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,mBAAmB,EAAC,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAEL,+BAA+B,EAC/B,wBAAwB,GACzB,MAAM,
|
|
1
|
+
{"version":3,"file":"ProductCompareSection.js","sourceRoot":"","sources":["../../../src/web/productCompareSection/ProductCompareSection.tsx"],"names":[],"mappings":"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"}
|
|
@@ -18,7 +18,7 @@ const ProductFinderSubstanceSearch = ({ className, ...props }) => {
|
|
|
18
18
|
return (_jsx("div", { className: cn('flex flex-col gap-6 p-px', className), ...props }));
|
|
19
19
|
};
|
|
20
20
|
const ProductFinderSubstanceCard = ({ headline, textInfos, onClose, className, ...props }) => {
|
|
21
|
-
return (_jsxs("div", { className: cn('flex items-start gap-6 border border-border-primary bg-surface-tertiary rounded p-4 justify-between', className), ...props, children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Headline, { headingLevel: "h6", spacingBottom: false, children: headline }), _jsx("div", { children: textInfos?.map((textInfo, index) => (_jsx(BodyText, { variant: 'small', children: textInfo }, index))) })] }), _jsx(Button, {
|
|
21
|
+
return (_jsxs("div", { className: cn('flex items-start gap-6 border border-border-primary bg-surface-tertiary rounded p-4 justify-between', className), ...props, children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Headline, { headingLevel: "h6", spacingBottom: false, children: headline }), _jsx("div", { children: textInfos?.map((textInfo, index) => (_jsx(BodyText, { variant: 'small', children: textInfo }, index))) })] }), _jsx(Button, { size: 'xs', iconButtonStyle: "brand", variant: 'ghost', onClick: onClose, iconLeft: _jsx(IconCoreClose, {}) })] }));
|
|
22
22
|
};
|
|
23
23
|
export { ProductFinderSubstanceSearch, ProductFinderSubstanceSearchItem, ProductFinderSubstanceSearchItems, ProductFinderSubstanceCard, };
|
|
24
24
|
//# sourceMappingURL=ProductFinderSubstanceSearch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductFinderSubstanceSearch.js","sourceRoot":"","sources":["../../../../src/web/productFinder/filter/ProductFinderSubstanceSearch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,yCAAyC,CAAC;AACjE,OAAO,EAAC,MAAM,EAAC,MAAM,oCAAoC,CAAC;AAC1D,OAAO,EAAC,QAAQ,EAAC,MAAM,yCAAyC,CAAC;AACjE,OAAO,EAAC,aAAa,EAAC,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAIlC,MAAM,iCAAiC,GAEnC,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IAC5B,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC5E,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,uCAAuC,GAAG;;;CAG/C,CAAC;AAIF,MAAM,gCAAgC,GAElC,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IAC5B,OAAO,CACL,KAAC,QAAQ,IAAC,OAAO,QAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,wBAAwB,YACpE,iBACE,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,SAAS,CAAC,KAC7D,KAAK,GACT,GACO,CACZ,CAAC;AACJ,CAAC,CAAC;AAIF,MAAM,4BAA4B,GAE9B,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IAC5B,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACzE,CAAC;AACJ,CAAC,CAAC;AAQF,MAAM,0BAA0B,GAA8C,CAAC,EAC7E,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,qGAAqG,EACrG,SAAS,CACV,KACG,KAAK,aAET,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,EAAC,aAAa,EAAE,KAAK,YAC7C,QAAQ,GACA,EACX,wBACG,SAAS,EAAE,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,CACnC,KAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,YACvB,QAAQ,IADsB,KAAK,CAE3B,CACZ,CAAC,GACE,IACF,EACN,KAAC,MAAM,IACL,
|
|
1
|
+
{"version":3,"file":"ProductFinderSubstanceSearch.js","sourceRoot":"","sources":["../../../../src/web/productFinder/filter/ProductFinderSubstanceSearch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,yCAAyC,CAAC;AACjE,OAAO,EAAC,MAAM,EAAC,MAAM,oCAAoC,CAAC;AAC1D,OAAO,EAAC,QAAQ,EAAC,MAAM,yCAAyC,CAAC;AACjE,OAAO,EAAC,aAAa,EAAC,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAIlC,MAAM,iCAAiC,GAEnC,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IAC5B,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC5E,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,uCAAuC,GAAG;;;CAG/C,CAAC;AAIF,MAAM,gCAAgC,GAElC,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IAC5B,OAAO,CACL,KAAC,QAAQ,IAAC,OAAO,QAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,wBAAwB,YACpE,iBACE,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,SAAS,CAAC,KAC7D,KAAK,GACT,GACO,CACZ,CAAC;AACJ,CAAC,CAAC;AAIF,MAAM,4BAA4B,GAE9B,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IAC5B,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACzE,CAAC;AACJ,CAAC,CAAC;AAQF,MAAM,0BAA0B,GAA8C,CAAC,EAC7E,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,qGAAqG,EACrG,SAAS,CACV,KACG,KAAK,aAET,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,EAAC,aAAa,EAAE,KAAK,YAC7C,QAAQ,GACA,EACX,wBACG,SAAS,EAAE,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,CACnC,KAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,YACvB,QAAQ,IADsB,KAAK,CAE3B,CACZ,CAAC,GACE,IACF,EACN,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,eAAe,EAAC,OAAO,EACvB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,KAAC,aAAa,KAAG,GAC3B,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EACL,4BAA4B,EAC5B,gCAAgC,EAChC,iCAAiC,EACjC,0BAA0B,GAC3B,CAAC"}
|
|
@@ -28,7 +28,7 @@ const scrollableContainerClasses = `
|
|
|
28
28
|
lg:justify-center lg:flex-wrap lg:gap-x-3 gap-y-10
|
|
29
29
|
`;
|
|
30
30
|
const scrollableContainerItemsClasses = `
|
|
31
|
-
|
|
31
|
+
shrink-0 min-w-0
|
|
32
32
|
basis-[197px] md:basis-[232px] lg:basis-[164px] xl:basis-[193px]
|
|
33
33
|
pl-3 lg:pl-0 lg:pr-0 lg:first:ml-0 first:ml-auto last:mr-auto lg:first:ml-0 lg:last:mr-0
|
|
34
34
|
`;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@odx/websites-react",
|
|
3
3
|
"author": "Drägerwerk AG & Co. KGaA",
|
|
4
|
-
"version": "1.2.
|
|
4
|
+
"version": "1.2.48",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"description": "ODX React component library for websites",
|
|
7
7
|
"type": "module",
|
|
@@ -535,10 +535,9 @@
|
|
|
535
535
|
"downshift": "^9.0.13",
|
|
536
536
|
"echarts": "5.6.0",
|
|
537
537
|
"embla-carousel-react": "8.6.0",
|
|
538
|
-
"html-react-parser": "^
|
|
538
|
+
"html-react-parser": "^6.1.3",
|
|
539
539
|
"react-toastify": "^11.0.5",
|
|
540
|
-
"
|
|
541
|
-
"swiper": "^11.2.7",
|
|
540
|
+
"swiper": "^12.2.0",
|
|
542
541
|
"tailwind-merge": "^2.3.0",
|
|
543
542
|
"tailwindcss-animate": "^1.0.7",
|
|
544
543
|
"tsx": "^4.19.2",
|
|
@@ -571,7 +570,7 @@
|
|
|
571
570
|
"vitest": "^3.1.0-beta.1",
|
|
572
571
|
"@odx/eslint-config-websites": "0.0.1",
|
|
573
572
|
"@odx/websites-tsconfig": "0.0.0",
|
|
574
|
-
"@odx/websites-ui": "0.2.
|
|
573
|
+
"@odx/websites-ui": "0.2.42"
|
|
575
574
|
},
|
|
576
575
|
"peerDependencies": {
|
|
577
576
|
"@odx/websites-ui": ">=0.2.1",
|