@odx/websites-react 1.1.8 → 1.1.9

package/dist/web/index.js

@@ -19,8 +19,12 @@ export * from './productFinder/productFinderSection';
 export * from './productFinder/filter';
 export * from './productFinder/overview';
 export * from './productFinder/navigation';
+export * from './productFinder/contentSwitch';
+export * from './productFinder/stageSection';
 /**
  * Product page components
  */
+export * from './product/productBenefits';
+export * from './product/productAccessories';
 export * from './product/productInfoBlock';
 //# sourceMappingURL=index.js.map

package/dist/web/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/web/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AAEzC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AAEzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AAExC;;GAEG;AACH,cAAc,sCAAsC,CAAC;AACrD,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAE3C;;GAEG;AACH,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/web/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AAEzC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AAEzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AAExC;;GAEG;AACH,cAAc,sCAAsC,CAAC;AACrD,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAE7C;;GAEG;AAEH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC"}

package/dist/web/product/productAccessories/ProductAccessoryCard.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { type ButtonProps, type HeadlineProps, type ImageProps, type LinkButtonProps } from '../../../components';
+export interface ProductAccessoryCardRequestButtonProps extends Omit<ButtonProps, 'variant' | 'iconLeft' | 'size'> {
+}
+declare const ProductAccessoryCardRequestButton: React.FC<ProductAccessoryCardRequestButtonProps>;
+export interface ProductAccessoryCardInfoButtoLinknProps extends Omit<LinkButtonProps, 'variant' | 'iconLeft' | 'iconRight' | 'size'> {
+}
+declare const ProductAccessoryCardInfoLinkButton: React.FC<ProductAccessoryCardInfoButtoLinknProps>;
+export interface ProductAccessoryCardProps {
+    image?: Omit<ImageProps, 'ratio'>;
+    title: string;
+    description: string;
+    expandLabel?: string;
+    headlineActAs?: HeadlineProps['actAs'];
+    children?: React.ReactNode;
+    addToRequestButton?: React.ReactNode;
+    moreInfoButton?: React.ReactNode;
+}
+declare const ProductAccessoryCard: React.FC<ProductAccessoryCardProps>;
+export { ProductAccessoryCard, ProductAccessoryCardRequestButton, ProductAccessoryCardInfoLinkButton, };
+//# sourceMappingURL=ProductAccessoryCard.d.ts.map

package/dist/web/product/productAccessories/ProductAccessoryCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductAccessoryCard.d.ts","sourceRoot":"","sources":["../../../../src/web/product/productAccessories/ProductAccessoryCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EASL,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,eAAe,EACrB,MAAM,qBAAqB,CAAC;AAI7B,MAAM,WAAW,sCACf,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;CAAG;AAE/D,QAAA,MAAM,iCAAiC,EAAE,KAAK,CAAC,EAAE,CAC/C,sCAAsC,CAUvC,CAAC;AAEF,MAAM,WAAW,uCACf,SAAQ,IAAI,CACV,eAAe,EACf,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,MAAM,CAC9C;CAAG;AAEN,QAAA,MAAM,kCAAkC,EAAE,KAAK,CAAC,EAAE,CAChD,uCAAuC,CAKxC,CAAC;AAEF,MAAM,WAAW,yBAAyB;IACxC,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC;AAED,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAiD7D,CAAC;AAEF,OAAO,EACL,oBAAoB,EACpB,iCAAiC,EACjC,kCAAkC,GACnC,CAAC"}

package/dist/web/product/productAccessories/ProductAccessoryCard.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from 'react';
+import { Headline, SlimRichText, Image, Modal, ModalBody, Button, Icon, LinkButton, } from '../../../components';
+import { cn } from '../../../utils';
+import { CardElipsis } from '../productBenefits/CardElipsis';
+const ProductAccessoryCardRequestButton = ({ ...props }) => {
+    return (_jsx(Button, { size: 'sm', variant: 'secondary', iconLeft: _jsx(Icon, { name: "core::plus", size: 'md' }), ...props }));
+};
+const ProductAccessoryCardInfoLinkButton = ({ ...props }) => {
+    return (_jsx(LinkButton, { size: 'sm', variant: 'ghost', ...props, iconLeft: undefined }));
+};
+const ProductAccessoryCard = ({ image, title, description, expandLabel = '\u2026', headlineActAs, addToRequestButton, moreInfoButton, }) => {
+    const [isOpen, setOpen] = React.useState(false);
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex flex-col gap-2", children: [image && _jsx(Image, { ratio: '4/3', ...image }), _jsx(Headline, { headingLevel: "h5", spacingBottom: false, actAs: headlineActAs, children: title }), _jsx(SlimRichText, { text: description, maxLength: 150, bottomSpacing: false, ellipsis: _jsx(CardElipsis, { expandLabel: expandLabel, setOpen: setOpen }) }), addToRequestButton && (_jsx("div", { className: "self-start pt-2", children: addToRequestButton }))] }), _jsxs(Modal, { open: isOpen, onOpenChange: setOpen, canClose: true, headline: title, children: [_jsx(ModalBody, { children: _jsxs("div", { className: "flex flex-col gap-4", children: [image && (_jsx(Image, { className: cn('basis-1/2', image.className), ratio: '4/3', ...image })), _jsx(SlimRichText, { text: description, bottomSpacing: false })] }) }), _jsxs("div", { className: "flex flex-col items-center gap-3 pt-6", children: [addToRequestButton, moreInfoButton] })] })] }));
+};
+export { ProductAccessoryCard, ProductAccessoryCardRequestButton, ProductAccessoryCardInfoLinkButton, };
+//# sourceMappingURL=ProductAccessoryCard.js.map

package/dist/web/product/productAccessories/ProductAccessoryCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductAccessoryCard.js","sourceRoot":"","sources":["../../../../src/web/product/productAccessories/ProductAccessoryCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,KAAK,EACL,SAAS,EACT,MAAM,EACN,IAAI,EACJ,UAAU,GAKX,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,WAAW,EAAC,MAAM,gCAAgC,CAAC;AAK3D,MAAM,iCAAiC,GAEnC,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,EAAE;IACjB,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAE,IAAI,GAAI,KAC5C,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAQF,MAAM,kCAAkC,GAEpC,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,EAAE;IACjB,OAAO,CACL,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,KAAM,KAAK,EAAE,QAAQ,EAAE,SAAS,GAAI,CAC7E,CAAC;AACJ,CAAC,CAAC;AAaF,MAAM,oBAAoB,GAAwC,CAAC,EACjE,KAAK,EACL,KAAK,EACL,WAAW,EACX,WAAW,GAAG,QAAQ,EACtB,aAAa,EACb,kBAAkB,EAClB,cAAc,GACf,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,OAAO,CACL,8BACE,eAAK,SAAS,EAAC,qBAAqB,aACjC,KAAK,IAAI,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,KAAM,KAAK,GAAI,EAE5C,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,EAAC,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,YACnE,KAAK,GACG,EACX,KAAC,YAAY,IACX,IAAI,EAAE,WAAW,EACjB,SAAS,EAAE,GAAG,EACd,aAAa,EAAE,KAAK,EACpB,QAAQ,EAAE,KAAC,WAAW,IAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,GAAI,GACrE,EACD,kBAAkB,IAAI,CACrB,cAAK,SAAS,EAAC,iBAAiB,YAAE,kBAAkB,GAAO,CAC5D,IACG,EACN,MAAC,KAAK,IAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,QAAC,QAAQ,EAAE,KAAK,aAClE,KAAC,SAAS,cACR,eAAK,SAAS,EAAC,qBAAqB,aACjC,KAAK,IAAI,CACR,KAAC,KAAK,IACJ,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,EAC3C,KAAK,EAAE,KAAK,KACR,KAAK,GACT,CACH,EACD,KAAC,YAAY,IAAC,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,KAAK,GAAI,IACrD,GACI,EACZ,eAAK,SAAS,EAAC,uCAAuC,aACnD,kBAAkB,EAClB,cAAc,IACX,IACA,IACP,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EACL,oBAAoB,EACpB,iCAAiC,EACjC,kCAAkC,GACnC,CAAC"}

package/dist/web/product/productAccessories/ProductSystemBox.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { type HeadlineProps } from '../../../components';
+export interface ProductSystemBoxProps {
+    children?: React.ReactNode;
+    headline?: string;
+    headlineActAs?: HeadlineProps['actAs'];
+    text?: string;
+}
+declare const ProductSystemBox: React.FC<ProductSystemBoxProps>;
+export { ProductSystemBox };
+//# sourceMappingURL=ProductSystemBox.d.ts.map

package/dist/web/product/productAccessories/ProductSystemBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductSystemBox.d.ts","sourceRoot":"","sources":["../../../../src/web/product/productAccessories/ProductSystemBox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAKL,KAAK,aAAa,EACnB,MAAM,qBAAqB,CAAC;AAM7B,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAUD,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAmErD,CAAC;AAEF,OAAO,EAAC,gBAAgB,EAAC,CAAC"}

package/dist/web/product/productAccessories/ProductSystemBox.js

@@ -0,0 +1,47 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import useEmblaCarousel from 'embla-carousel-react';
+import { cn } from '../../../utils';
+import { BlockGrid, BlockChildrenWidthContainer, Headline, SlimRichText, } from '../../../components';
+import { useSelectedSnapDisplay } from '../../../hooks/emblaCarousel/useSelectedSnapDisplay';
+import { usePrevNextButtons } from '../../../hooks/emblaCarousel/usePrevNextButtons';
+import { getThemeBreakpoints } from '../../../utils/breakpoints';
+import { CarouselControl } from '../../../components/common/carouselControl';
+const breakpoints = getThemeBreakpoints();
+const scrollabelContainerClasses = `
+  flex -ml-6 lg:-ml-0
+  touch-pan-y touch-pinch-zoom
+  lg:grid lg:grid-cols-2 lg:gap-x-6 lg:gap-y-11 xl:grid-cols-3
+`;
+const ProductSystemBox = ({ children, headline, text, headlineActAs, }) => {
+    const [carouselRef, emblaApi] = useEmblaCarousel({
+        align: 'start',
+        slidesToScroll: 1,
+        containScroll: 'keepSnaps',
+        watchDrag: true,
+        breakpoints: {
+            [`(min-width: ${breakpoints.md.min})`]: { slidesToScroll: 2 },
+            [`(min-width: ${breakpoints.lg.min})`]: {
+                dragFree: false,
+                watchDrag: false,
+            },
+        },
+    });
+    const { selectedSnap, snapCount } = useSelectedSnapDisplay(emblaApi);
+    const { canScrollNext, canScrollPrev, scrollPrev, scrollNext } = usePrevNextButtons(emblaApi);
+    const childNodesArray = React.Children.toArray(children);
+    if (!childNodesArray.length)
+        return;
+    return (_jsxs(BlockGrid, { children: [(headline || text) && (_jsxs(BlockChildrenWidthContainer, { className: "xl:max-w-[80%]", children: [_jsx(Headline, { headingLevel: "h3", actAs: headlineActAs, children: headline }), _jsx(SlimRichText, { text: text })] })), _jsxs(BlockChildrenWidthContainer, { children: [_jsx("div", { ref: carouselRef, className: cn('overflow-hidden'), children: _jsx("div", { className: cn(scrollabelContainerClasses), children: childNodesArray.map((child, index) => (_jsx("div", { className: "flex-[0_0] basis-full md:basis-1/2 min-w-0 pl-6 lg:pl-0", children: child }, index))) }) }), snapCount > 1 && (_jsx(CarouselControl, { counterText: `${selectedSnap + 1}/${snapCount}`, prevButtonProps: {
+                            disabled: !canScrollPrev,
+                            onClick: scrollPrev,
+                            ariaLabel: 'previousButtonAriaLabel',
+                        }, nextButtonProps: {
+                            disabled: !canScrollNext,
+                            onClick: scrollNext,
+                            ariaLabel: 'nextButtonAriaLabel',
+                        } }))] })] }));
+};
+export { ProductSystemBox };
+//# sourceMappingURL=ProductSystemBox.js.map

package/dist/web/product/productAccessories/ProductSystemBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductSystemBox.js","sourceRoot":"","sources":["../../../../src/web/product/productAccessories/ProductSystemBox.tsx"],"names":[],"mappings":"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"}

package/dist/web/product/productAccessories/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ProductAccessoryCard';
+export * from './ProductSystemBox';
+//# sourceMappingURL=index.d.ts.map

package/dist/web/product/productAccessories/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/web/product/productAccessories/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC"}

package/dist/web/product/productAccessories/index.js

@@ -0,0 +1,3 @@
+export * from './ProductAccessoryCard';
+export * from './ProductSystemBox';
+//# sourceMappingURL=index.js.map

package/dist/web/product/productAccessories/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/web/product/productAccessories/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC"}

package/dist/web/product/productBenefits/CardElipsis.d.ts

@@ -0,0 +1,7 @@
+export interface CardElipsisProps {
+    expandLabel?: string;
+    setOpen: (open: boolean) => void;
+}
+declare const CardElipsis: React.FC<CardElipsisProps>;
+export { CardElipsis };
+//# sourceMappingURL=CardElipsis.d.ts.map

package/dist/web/product/productBenefits/CardElipsis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardElipsis.d.ts","sourceRoot":"","sources":["../../../../src/web/product/productBenefits/CardElipsis.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAClC;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoBzC,CAAC;AAEJ,OAAO,EAAC,WAAW,EAAC,CAAC"}

package/dist/web/product/productBenefits/CardElipsis.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link } from '../../../components';
+const CardElipsis = ({ expandLabel, setOpen }) => expandLabel && (_jsxs(_Fragment, { children: ["\u00A0", _jsx(Link, { className: "cursor-pointer", role: "button", LinkComponent: props => _jsx("span", { ...props }), href: undefined, display: 'inline', onKeyDown: e => {
+                if (e.key === 'Enter' || e.key === ' ' || e.key === 'Space') {
+                    setOpen(true);
+                }
+            }, onClick: () => setOpen(true), children: expandLabel })] }));
+export { CardElipsis };
+//# sourceMappingURL=CardElipsis.js.map

package/dist/web/product/productBenefits/CardElipsis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardElipsis.js","sourceRoot":"","sources":["../../../../src/web/product/productBenefits/CardElipsis.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,qBAAqB,CAAC;AAOzC,MAAM,WAAW,GAA+B,CAAC,EAAC,WAAW,EAAE,OAAO,EAAC,EAAE,EAAE,CACzE,WAAW,IAAI,CACb,wCAEE,KAAC,IAAI,IACH,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EAAC,QAAQ,EACb,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAU,KAAK,GAAI,EAC3C,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,CAAC,CAAC,EAAE;gBACb,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;oBAC5D,OAAO,CAAC,IAAI,CAAC,CAAC;gBAChB,CAAC;YACH,CAAC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,YAE3B,WAAW,GACP,IACN,CACJ,CAAC;AAEJ,OAAO,EAAC,WAAW,EAAC,CAAC"}

package/dist/web/product/productBenefits/ProductBenefitSingleItem.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { type HeadlineProps, type ImageProps } from '../../../components';
+export interface ProductBenefitSingleItemProps {
+    image?: Omit<ImageProps, 'ratio'>;
+    title: string;
+    description: string;
+    expandLabel?: string;
+    headlineActAs?: HeadlineProps['actAs'];
+}
+declare const ProductBenefitSingleItem: React.FC<ProductBenefitSingleItemProps>;
+export { ProductBenefitSingleItem };
+//# sourceMappingURL=ProductBenefitSingleItem.d.ts.map

package/dist/web/product/productBenefits/ProductBenefitSingleItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductBenefitSingleItem.d.ts","sourceRoot":"","sources":["../../../../src/web/product/productBenefits/ProductBenefitSingleItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAML,KAAK,aAAa,EAClB,KAAK,UAAU,EAChB,MAAM,qBAAqB,CAAC;AAI7B,MAAM,WAAW,6BAA6B;IAC5C,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CA0DrE,CAAC;AAEF,OAAO,EAAC,wBAAwB,EAAC,CAAC"}

package/dist/web/product/productBenefits/ProductBenefitSingleItem.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from 'react';
+import { Headline, SlimRichText, Image, Modal, ModalBody, } from '../../../components';
+import { cn } from '../../../utils';
+import { CardElipsis } from './CardElipsis';
+const ProductBenefitSingleItem = ({ image, title, description, expandLabel = '\u2026', headlineActAs, }) => {
+    const [isOpen, setOpen] = React.useState(false);
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex flex-col-reverse gap-4", "data-benefit-single-item": true, children: [_jsxs("div", { className: cn('flex flex-col self-center gap-2', image && 'basis-1/2'), children: [_jsx(Headline, { headingLevel: "h4", spacingBottom: false, actAs: headlineActAs, children: title }), _jsx(SlimRichText, { text: description, maxLength: 150, bottomSpacing: false, ellipsis: _jsx(CardElipsis, { expandLabel: expandLabel, setOpen: setOpen }) })] }), image && (_jsx(Image, { className: cn('basis-1/2', image.className), ratio: '4/3', ...image }))] }), _jsx(Modal, { open: isOpen, onOpenChange: setOpen, canClose: true, headline: title, children: _jsx(ModalBody, { children: _jsxs("div", { className: "flex flex-col gap-4", children: [image && (_jsx(Image, { className: cn('basis-1/2', image.className), ratio: '4/3', ...image })), _jsx(SlimRichText, { text: description, bottomSpacing: false })] }) }) })] }));
+};
+export { ProductBenefitSingleItem };
+//# sourceMappingURL=ProductBenefitSingleItem.js.map

package/dist/web/product/productBenefits/ProductBenefitSingleItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductBenefitSingleItem.js","sourceRoot":"","sources":["../../../../src/web/product/productBenefits/ProductBenefitSingleItem.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,KAAK,EACL,SAAS,GAGV,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAU1C,MAAM,wBAAwB,GAA4C,CAAC,EACzE,KAAK,EACL,KAAK,EACL,WAAW,EACX,WAAW,GAAG,QAAQ,EACtB,aAAa,GACd,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,OAAO,CACL,8BACE,eAAK,SAAS,EAAC,6BAA6B,+CAC1C,eACE,SAAS,EAAE,EAAE,CACX,iCAAiC,EACjC,KAAK,IAAI,WAAW,CACrB,aAED,KAAC,QAAQ,IACP,YAAY,EAAC,IAAI,EACjB,aAAa,EAAE,KAAK,EACpB,KAAK,EAAE,aAAa,YAEnB,KAAK,GACG,EACX,KAAC,YAAY,IACX,IAAI,EAAE,WAAW,EACjB,SAAS,EAAE,GAAG,EACd,aAAa,EAAE,KAAK,EACpB,QAAQ,EACN,KAAC,WAAW,IAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,GAAI,GAE7D,IACE,EACL,KAAK,IAAI,CACR,KAAC,KAAK,IACJ,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,EAC3C,KAAK,EAAE,KAAK,KACR,KAAK,GACT,CACH,IACG,EACN,KAAC,KAAK,IAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,QAAC,QAAQ,EAAE,KAAK,YAClE,KAAC,SAAS,cACR,eAAK,SAAS,EAAC,qBAAqB,aACjC,KAAK,IAAI,CACR,KAAC,KAAK,IACJ,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,EAC3C,KAAK,EAAE,KAAK,KACR,KAAK,GACT,CACH,EACD,KAAC,YAAY,IAAC,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,KAAK,GAAI,IACrD,GACI,GACN,IACP,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,wBAAwB,EAAC,CAAC"}

package/dist/web/product/productBenefits/ProductBenefits.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { type HeadlineProps } from '../../../components';
+export interface ProductBenefitsContainerProps {
+    children?: React.ReactNode;
+    headline?: string;
+    headlineActAs?: HeadlineProps['actAs'];
+    text?: string;
+}
+declare const ProductBenefitsContainer: React.FC<ProductBenefitsContainerProps>;
+export interface ProductBenefitsProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const ProductBenefits: React.FC<ProductBenefitsProps>;
+export { ProductBenefits, ProductBenefitsContainer };
+//# sourceMappingURL=ProductBenefits.d.ts.map

package/dist/web/product/productBenefits/ProductBenefits.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductBenefits.d.ts","sourceRoot":"","sources":["../../../../src/web/product/productBenefits/ProductBenefits.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAKL,KAAK,aAAa,EACnB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAqBrE,CAAC;AAEF,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAoDjD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgCnD,CAAC;AAEF,OAAO,EAAC,eAAe,EAAE,wBAAwB,EAAC,CAAC"}

package/dist/web/product/productBenefits/ProductBenefits.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../../../utils';
+import { BlockChildrenWidthContainer, BlockGrid, Headline, SlimRichText, } from '../../../components';
+const ProductBenefitsContainer = ({ children, headline, text, headlineActAs, }) => {
+    return (_jsxs(BlockGrid, { children: [(headline || text) && (_jsxs(BlockChildrenWidthContainer, { elementWidth: 'narrow', children: [_jsx(Headline, { headingLevel: "h3", actAs: headlineActAs, children: headline }), _jsx(SlimRichText, { text: text })] })), _jsx(BlockChildrenWidthContainer, { children: _jsx("div", { className: "flex flex-col gap-11", children: children }) })] }));
+};
+const rowTemplates = {
+    1: [1],
+    2: [2],
+    3: [3],
+    4: [1, 3],
+    5: [2, 3],
+    6: [3, 3],
+    7: [2, 2, 3],
+    8: [2, 3, 3],
+    9: [3, 3, 3],
+    10: [2, 2, 3, 3],
+    11: [2, 3, 3, 3],
+    12: [3, 3, 3, 3],
+    13: [2, 2, 3, 3, 3],
+    14: [2, 3, 3, 3, 3],
+    15: [3, 3, 3, 3, 3],
+};
+const getChildrenRows = (children) => {
+    const childrenArray = React.Children.toArray(children);
+    const childrenCount = childrenArray.length;
+    if (childrenCount === 0)
+        return [];
+    let rowTemplate = [];
+    // If childrenCount is greater than 15, combine the first 15 elements
+    // into rows array based on the rowsTemplate
+    // futher elements will take 3 columns
+    if (childrenCount > 15) {
+        const firstRowsElementsCount = (childrenCount %
+            15);
+        const restRowsElementsCount = childrenCount - firstRowsElementsCount;
+        rowTemplate = [
+            ...rowTemplates[firstRowsElementsCount],
+            ...Array.from({ length: restRowsElementsCount }).fill(3),
+        ];
+    }
+    else
+        rowTemplate = rowTemplates[childrenCount];
+    const rows = [];
+    let startIndex = 0;
+    for (const columns of rowTemplate) {
+        const row = childrenArray.slice(startIndex, startIndex + columns);
+        rows.push(row);
+        startIndex += columns;
+    }
+    return rows;
+};
+const ProductBenefits = ({ children, ...props }) => {
+    const childrenRows = getChildrenRows(children);
+    const cols = {
+        1: 'xl:grid-cols-1 lg:[&_[data-benefit-single-item=true]:first-child]:[grid-column:span_2/span_2] xl:[&_[data-benefit-single-item=true]:first-child]:[grid-column:unset]',
+        2: 'xl:grid-cols-2',
+        3: 'xl:grid-cols-3 lg:[&_[data-benefit-single-item=true]:first-child]:[grid-column:span_3/span_3] xl:[&_[data-benefit-single-item=true]:first-child]:[grid-column:unset]',
+    };
+    return (_jsx("div", { children: _jsx("div", { className: cn('flex flex-col gap-6 gap-y-11'), ...props, children: childrenRows.map((row, index) => (_jsx("div", { className: cn('grid grid-cols-1 lg:grid-cols-2 gap-4 lg:gap-6', row.length === 1 &&
+                    'xl:[&_[data-benefit-single-item=true]]:flex-row', cols[row.length], row.length === 1 &&
+                    'xl:[&_[data-benefit-single-item=true]:not(:has(img))]:max-w-[75%]'), children: row }, index))) }) }));
+};
+export { ProductBenefits, ProductBenefitsContainer };
+//# sourceMappingURL=ProductBenefits.js.map

package/dist/web/product/productBenefits/ProductBenefits.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductBenefits.js","sourceRoot":"","sources":["../../../../src/web/product/productBenefits/ProductBenefits.tsx"],"names":[],"mappings":"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"}

package/dist/web/product/productBenefits/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ProductBenefitSingleItem';
+export * from './ProductBenefits';
+//# sourceMappingURL=index.d.ts.map

package/dist/web/product/productBenefits/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/web/product/productBenefits/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mBAAmB,CAAC"}

package/dist/web/product/productBenefits/index.js

@@ -0,0 +1,3 @@
+export * from './ProductBenefitSingleItem';
+export * from './ProductBenefits';
+//# sourceMappingURL=index.js.map

package/dist/web/product/productBenefits/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/web/product/productBenefits/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mBAAmB,CAAC"}

package/dist/web/productFinder/contentSwitch/ContentSwitch.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { type LinkButtonProps } from '../../../components';
+export interface ContentSwitchProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+export interface ContentSwitchTabProps extends React.HTMLAttributes<HTMLButtonElement> {
+    active?: boolean;
+    icon?: React.ReactNode;
+}
+declare const ContentSwitchTab: React.FC<ContentSwitchTabProps>;
+export interface ContentSwitchLinkButtonProps extends Omit<LinkButtonProps, 'variant' | 'size'> {
+}
+declare const ContentSwitchLinkButton: React.FC<ContentSwitchLinkButtonProps>;
+export interface ContentSwitchTabsProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+declare const ContentSwitchTabs: React.FC<ContentSwitchTabsProps>;
+export interface ContentSwitchCategoryLabelProps {
+    label?: string;
+}
+declare const ContentSwitchCategoryLabel: React.FC<ContentSwitchCategoryLabelProps>;
+export interface ContentSwitchDividerProps {
+}
+declare const ContentSwitchDivider: React.FC<ContentSwitchDividerProps>;
+declare const ContentSwitch: React.FC<ContentSwitchProps>;
+export { ContentSwitch, ContentSwitchTabs, ContentSwitchTab, ContentSwitchLinkButton, ContentSwitchCategoryLabel, ContentSwitchDivider, };
+//# sourceMappingURL=ContentSwitch.d.ts.map

package/dist/web/productFinder/contentSwitch/ContentSwitch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentSwitch.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/contentSwitch/ContentSwitch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAuB,KAAK,eAAe,EAAC,MAAM,qBAAqB,CAAC;AAU/E,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAOD,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IAC/C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AASD,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAkCrD,CAAC;AAEF,MAAM,WAAW,4BACf,SAAQ,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,MAAM,CAAC;CAAG;AAEtD,QAAA,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAiBnE,CAAC;AAEF,MAAM,WAAW,sBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAQD,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAqBvD,CAAC;AAEF,MAAM,WAAW,+BAA+B;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CAazE,CAAC;AAEF,MAAM,WAAW,yBAAyB;CAAG;AAE7C,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAE7D,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyD/C,CAAC;AAEF,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,uBAAuB,EACvB,0BAA0B,EAC1B,oBAAoB,GACrB,CAAC"}

package/dist/web/productFinder/contentSwitch/ContentSwitch.js

@@ -0,0 +1,73 @@
+'use client';
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from 'react';
+import { Transition } from '@headlessui/react';
+import { BodyText, LinkButton } from '../../../components';
+import { useElementSize } from '../../../hooks/useElementSize';
+import { cn } from '../../../utils';
+import { useBreakpoint } from '../../../hooks';
+const StickyContext = React.createContext({
+    isSticky: false,
+    isStatic: true,
+});
+const contentSwitchClasses = `
+  font-text p-1.5 rounded-sm z-10 transition-all
+  flex gap-1 items-center lg:gap-4 flex-col lg:flex-row
+`;
+const contentSwitchTabClasses = `
+  relative rounded-full min-w-11 px-4 ease-in-out w-full lg:w-auto min-h-11 lg:min-h-element-height-lg outline-none
+  before:content-[""] before:absolute before:inset-0 before:rounded-full
+  before:outline before:outline-none before:focus:outline-border-accent
+  before:transition-all before:duration-150
+`;
+const ContentSwitchTab = ({ children, active, icon, className, ...props }) => {
+    const { isSticky, isStatic } = React.useContext(StickyContext);
+    return (_jsx("button", { className: cn(contentSwitchTabClasses, active
+            ? 'before:bg-surface-brand before:hover:bg-interactions-brand-hover'
+            : 'before:bg-surface-primary before:hover:bg-field-hover', active &&
+            'first:before:animate-draeger-switch-button-right last:before:animate-draeger-switch-button-left before:z-10', className), tabIndex: isSticky && isStatic ? -1 : undefined, ...props, children: _jsxs("span", { className: cn('relative flex items-center justify-center gap-1 transition-all z-10', active ? 'text-text-invert' : 'text-text-primary'), children: [icon, children] }) }));
+};
+const ContentSwitchLinkButton = ({ iconLeft, ...props }) => {
+    const { isSticky, isStatic } = React.useContext(StickyContext);
+    const isMobilde = useBreakpoint('lg');
+    return (_jsx(LinkButton, { iconLeft: iconLeft, size: isMobilde ? 'md' : 'lg', variant: 'ghost', className: cn('shrink-0', !isStatic && 'invisible lg:visible'), tabIndex: isSticky && isStatic ? -1 : undefined, ...props }));
+};
+const contentSwitchTabsClasses = `
+  bg-surface-primary min-h-14 p-1.5 w-full rounded-full lg:w-auto transition-all overflow-hidden duration-300
+  flex justify-center gap-1.5
+  border border-border-primary
+`;
+const ContentSwitchTabs = ({ children, className, ...props }) => {
+    const { isSticky } = React.useContext(StickyContext);
+    return (_jsxs("div", { className: cn(className), ...props, children: [_jsx("div", { className: cn(contentSwitchTabsClasses, isSticky && 'shadow-draeger-elevation-2 lg:shadow-none'), children: children }), _jsx("div", { className: "self-stretch w-px bg-miscellaneous-divider" })] }));
+};
+const ContentSwitchCategoryLabel = ({ label, }) => {
+    const { isStatic } = React.useContext(StickyContext);
+    return (!isStatic &&
+        label && (_jsx(BodyText, { variant: 'small', className: "hidden pl-4 lg:block shrink-0", children: label })));
+};
+const ContentSwitchDivider = () => {
+    return _jsx("div", { className: "hidden w-px lg:block h-14 bg-miscellaneous-divider" });
+};
+const ContentSwitch = ({ children, ...props }) => {
+    const [isSticky, setIsSticky] = React.useState(false);
+    const stickyAnchorRef = React.useRef(null);
+    const [staticSwitcherRef, { height: staticSwitcherHeight }] = useElementSize();
+    React.useEffect(() => {
+        if (!stickyAnchorRef.current)
+            return;
+        const observer = new IntersectionObserver(([e]) => {
+            if (!e)
+                return;
+            setIsSticky(e.intersectionRatio < 1);
+        }, {
+            threshold: [0],
+            rootMargin: `${staticSwitcherHeight}px 0px 0px 0px`,
+        });
+        observer.observe(stickyAnchorRef.current);
+        return () => observer.disconnect();
+    }, [staticSwitcherHeight]);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { ref: stickyAnchorRef, className: "invisible" }), _jsx("div", { className: cn(contentSwitchClasses, 'lg:justify-self-start transition-all', isSticky ? 'invisible opacity-0' : 'visible opacity-100'), ref: staticSwitcherRef, ...props, children: _jsx(StickyContext.Provider, { value: { isSticky, isStatic: true }, children: children }) }), _jsx("div", { className: "flex justify-center", children: _jsx(Transition, { show: isSticky, children: _jsx("div", { className: cn(contentSwitchClasses, 'lg:shadow-draeger-elevation-2 lg:bg-surface-primary', 'fixed top-4 transition-all duration-300 data-[closed]:duration-0 data-[closed]:opacity-0 data-[open]:opacity-100 ease-out data-[closed]:invisible'), ...props, children: _jsx(StickyContext.Provider, { value: { isSticky, isStatic: false }, children: children }) }) }) })] }));
+};
+export { ContentSwitch, ContentSwitchTabs, ContentSwitchTab, ContentSwitchLinkButton, ContentSwitchCategoryLabel, ContentSwitchDivider, };
+//# sourceMappingURL=ContentSwitch.js.map

package/dist/web/productFinder/contentSwitch/ContentSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentSwitch.js","sourceRoot":"","sources":["../../../../src/web/productFinder/contentSwitch/ContentSwitch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAC,QAAQ,EAAE,UAAU,EAAuB,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EAAC,cAAc,EAAC,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAE7C,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC;IACxC,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,IAAI;CACf,CAAC,CAAC;AAOH,MAAM,oBAAoB,GAAG;;;CAG5B,CAAC;AAQF,MAAM,uBAAuB,GAAG;;;;;CAK/B,CAAC;AAEF,MAAM,gBAAgB,GAAoC,CAAC,EACzD,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAE7D,OAAO,CACL,iBACE,SAAS,EAAE,EAAE,CACX,uBAAuB,EACvB,MAAM;YACJ,CAAC,CAAC,kEAAkE;YACpE,CAAC,CAAC,uDAAuD,EAC3D,MAAM;YACJ,6GAA6G,EAC/G,SAAS,CACV,EACD,QAAQ,EAAE,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,KAC3C,KAAK,YAET,gBACE,SAAS,EAAE,EAAE,CACX,qEAAqE,EACrE,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,mBAAmB,CAClD,aAEA,IAAI,EACJ,QAAQ,IACJ,GACA,CACV,CAAC;AACJ,CAAC,CAAC;AAKF,MAAM,uBAAuB,GAA2C,CAAC,EACvE,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAC7D,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEtC,OAAO,CACL,KAAC,UAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAC7B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,CAAC,QAAQ,IAAI,sBAAsB,CAAC,EAC9D,QAAQ,EAAE,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,KAC3C,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAOF,MAAM,wBAAwB,GAAG;;;;CAIhC,CAAC;AAEF,MAAM,iBAAiB,GAAqC,CAAC,EAC3D,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAC,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAEnD,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,aACtC,cACE,SAAS,EAAE,EAAE,CACX,wBAAwB,EACxB,QAAQ,IAAI,2CAA2C,CACxD,YAEA,QAAQ,GACL,EAEN,cAAK,SAAS,EAAC,4CAA4C,GAAG,IAC1D,CACP,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,0BAA0B,GAA8C,CAAC,EAC7E,KAAK,GACN,EAAE,EAAE;IACH,MAAM,EAAC,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAEnD,OAAO,CACL,CAAC,QAAQ;QACT,KAAK,IAAI,CACP,KAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,+BAA+B,YAClE,KAAK,GACG,CACZ,CACF,CAAC;AACJ,CAAC,CAAC;AAIF,MAAM,oBAAoB,GAAwC,GAAG,EAAE;IACrE,OAAO,cAAK,SAAS,EAAC,oDAAoD,GAAG,CAAC;AAChF,CAAC,CAAC;AAEF,MAAM,aAAa,GAAiC,CAAC,EAAC,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IAC3E,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC3D,MAAM,CAAC,iBAAiB,EAAE,EAAC,MAAM,EAAE,oBAAoB,EAAC,CAAC,GAAG,cAAc,EAAE,CAAC;IAE7E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,eAAe,CAAC,OAAO;YAAE,OAAO;QAErC,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CACvC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;YACN,IAAI,CAAC,CAAC;gBAAE,OAAO;YACf,WAAW,CAAC,CAAC,CAAC,iBAAiB,GAAG,CAAC,CAAC,CAAC;QACvC,CAAC,EACD;YACE,SAAS,EAAE,CAAC,CAAC,CAAC;YACd,UAAU,EAAE,GAAG,oBAAoB,gBAAgB;SACpD,CACF,CAAC;QAEF,QAAQ,CAAC,OAAO,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QAC1C,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAE3B,OAAO,CACL,8BACE,cAAK,GAAG,EAAE,eAAe,EAAE,SAAS,EAAC,WAAW,GAAG,EACnD,cACE,SAAS,EAAE,EAAE,CACX,oBAAoB,EACpB,sCAAsC,EACtC,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,qBAAqB,CACzD,EACD,GAAG,EAAE,iBAAiB,KAClB,KAAK,YAET,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAC,YACtD,QAAQ,GACc,GACrB,EACN,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,UAAU,IAAC,IAAI,EAAE,QAAQ,YACxB,cACE,SAAS,EAAE,EAAE,CACX,oBAAoB,EACpB,qDAAqD,EACrD,mJAAmJ,CACpJ,KACG,KAAK,YAET,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAC,YACvD,QAAQ,GACc,GACrB,GACK,GACT,IACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,uBAAuB,EACvB,0BAA0B,EAC1B,oBAAoB,GACrB,CAAC"}

package/dist/web/productFinder/contentSwitch/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ContentSwitch';
+//# sourceMappingURL=index.d.ts.map

package/dist/web/productFinder/contentSwitch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/contentSwitch/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/web/productFinder/contentSwitch/index.js

@@ -0,0 +1,2 @@
+export * from './ContentSwitch';
+//# sourceMappingURL=index.js.map

package/dist/web/productFinder/contentSwitch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/web/productFinder/contentSwitch/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/web/productFinder/stageSection/ProductFinderStageSection.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { type HeadlineProps, type ImageProps } from '../../../components';
+import { type LinkComponent, type LinkComponentProps } from '../../../utils';
+export interface StageCategoryProps extends LinkComponentProps, LinkComponent {
+    image?: Omit<ImageProps, 'ratio'>;
+    label?: string;
+}
+declare const ProductFinderStageSectionTile: React.FC<StageCategoryProps>;
+export interface ProductFinderStageTileWrapperRootProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const ProductFinderStageTileWrapperRoot: React.FC<ProductFinderStageTileWrapperRootProps>;
+export interface ProductFinderStageTileWrapperProps {
+    children?: React.ReactNode;
+}
+declare const ProductFinderStageTileWrapper: React.FC<ProductFinderStageTileWrapperProps>;
+export interface ProductFinderStageContainerProps {
+    children?: React.ReactNode;
+}
+declare const ProductFinderStageContainer: React.FC<ProductFinderStageContainerProps>;
+export interface ProductFinderStageContainerProps {
+    headline?: string;
+    headlineActAs?: HeadlineProps['actAs'];
+    children?: React.ReactNode;
+}
+declare const ProductFinderStageContainerHeader: React.FC<ProductFinderStageContainerProps>;
+export { ProductFinderStageTileWrapperRoot, ProductFinderStageTileWrapper, ProductFinderStageSectionTile, ProductFinderStageContainer, ProductFinderStageContainerHeader, };
+//# sourceMappingURL=ProductFinderStageSection.d.ts.map

package/dist/web/productFinder/stageSection/ProductFinderStageSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductFinderStageSection.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/stageSection/ProductFinderStageSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAQL,KAAK,aAAa,EAClB,KAAK,UAAU,EAChB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAK,KAAK,aAAa,EAAE,KAAK,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAI/E,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB,EAAE,aAAa;IAC3E,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoB/D,CAAC;AAEF,MAAM,WAAW,sCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,iCAAiC,EAAE,KAAK,CAAC,EAAE,CAC/C,sCAAsC,CAYvC,CAAC;AAUF,MAAM,WAAW,kCAAkC;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAC3C,kCAAkC,CAkEnC,CAAC;AAEF,MAAM,WAAW,gCAAgC;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CACzC,gCAAgC,CAYjC,CAAC;AAEF,MAAM,WAAW,gCAAgC;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,iCAAiC,EAAE,KAAK,CAAC,EAAE,CAC/C,gCAAgC,CAYjC,CAAC;AAEF,OAAO,EACL,iCAAiC,EACjC,6BAA6B,EAC7B,6BAA6B,EAC7B,2BAA2B,EAC3B,iCAAiC,GAClC,CAAC"}

package/dist/web/productFinder/stageSection/ProductFinderStageSection.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import useEmblaCarousel from 'embla-carousel-react';
+import { Image, Headline, Button, Icon, Container, BlockGrid, BlockChildrenWidthContainer, } from '../../../components';
+import { cn } from '../../../utils';
+import { getThemeBreakpoints } from '../../../utils/breakpoints';
+import { usePrevNextButtons } from '../../../hooks/emblaCarousel/usePrevNextButtons';
+const ProductFinderStageSectionTile = ({ image, label, LinkComponent = 'a', ...props }) => {
+    return (_jsxs(LinkComponent, { className: "flex flex-col transition-[box-shadow] bg-surface-primary hover:shadow-draeger-elevation-2 focus:outline-1 focus:outline focus:outline-border-accent", tabIndex: 0, ...props, children: [_jsx(Image, { ...image, ratio: "4/3" }), _jsx("div", { className: "p-3", children: _jsx(Headline, { headingLevel: "h6", spacingBottom: false, children: label }) })] }));
+};
+const ProductFinderStageTileWrapperRoot = ({ children, ...props }) => {
+    return (_jsx(BlockChildrenWidthContainer, { paddingBottom: "none", children: _jsx("div", { className: "grid grid-cols-2 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6 gap-x-3 gap-y-10", ...props, children: children }) }));
+};
+const breakpoints = getThemeBreakpoints();
+const scrollabelContainerClasses = `
+  flex -ml-3 lg:-ml-0
+  touch-pan-y touch-pinch-zoom
+  lg:grid lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6 lg:gap-x-3 gap-y-10
+`;
+const ProductFinderStageTileWrapper = ({ children }) => {
+    const [carouselRef, emblaApi] = useEmblaCarousel({
+        align: 'start',
+        slidesToScroll: 2,
+        containScroll: 'keepSnaps',
+        watchDrag: true,
+        breakpoints: {
+            [`(min-width: ${breakpoints.lg.min})`]: {
+                dragFree: false,
+                watchDrag: false,
+            },
+        },
+    });
+    const { canScrollNext, canScrollPrev, scrollPrev, scrollNext } = usePrevNextButtons(emblaApi);
+    const childNodesArray = React.Children.toArray(children);
+    if (!childNodesArray.length)
+        return;
+    return (_jsx(BlockChildrenWidthContainer, { paddingBottom: "none", role: "region", "aria-roledescription": "slider", 
+        // overflow-x-hidden is used as fallback for browsers that do not support overflow-clip
+        className: "font-text max-w-[100vw] w-full overflow-x-hidden overflow-x-clip lg:overflow-x-visible", children: _jsxs("div", { className: "relative", children: [_jsx("div", { ref: carouselRef, children: _jsx("div", { className: cn(scrollabelContainerClasses), children: childNodesArray.map((child, index) => (_jsx("div", { className: "flex-[0_0] basis-[222px] min-w-0 first:pl-0 pl-3 lg:pl-0", children: child }, index))) }) }), canScrollPrev && (_jsx(Button, { size: 'md', iconLeft: _jsx(Icon, { name: "core::chevron-left", size: 'md' }), variant: 'secondary', onClick: scrollPrev, "aria-label": "previousProductCategory", className: "absolute left-0 -translate-y-1/2 top-1/2 bg-surface-primary h-element-height-sm p-1.5" })), canScrollNext && (_jsx(Button, { size: 'md', iconLeft: _jsx(Icon, { name: "core::chevron-right", size: 'md' }), variant: 'secondary', onClick: scrollNext, "aria-label": "nextProductCategory", className: "absolute right-0 -translate-y-1/2 top-1/2 bg-surface-primary h-element-height-sm p-1.5" }))] }) }));
+};
+const ProductFinderStageContainer = ({ children }) => {
+    return (_jsx(Container, { background: "secondary", paddingBottom: "none", paddingTop: "none", className: "py-12 lg:pt-20 ", children: _jsx(BlockGrid, { paddingBottom: "none", children: children }) }));
+};
+const ProductFinderStageContainerHeader = ({ children, headline, headlineActAs }) => {
+    return (_jsx(BlockChildrenWidthContainer, { elementWidth: 'narrow', paddingBottom: "none", children: _jsxs("div", { className: "pb-16", children: [_jsx(Headline, { headingLevel: "h2", actAs: headlineActAs, className: "mb-6", children: headline }), children] }) }));
+};
+export { ProductFinderStageTileWrapperRoot, ProductFinderStageTileWrapper, ProductFinderStageSectionTile, ProductFinderStageContainer, ProductFinderStageContainerHeader, };
+//# sourceMappingURL=ProductFinderStageSection.js.map

package/dist/web/productFinder/stageSection/ProductFinderStageSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductFinderStageSection.js","sourceRoot":"","sources":["../../../../src/web/productFinder/stageSection/ProductFinderStageSection.tsx"],"names":[],"mappings":"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"}

package/dist/web/productFinder/stageSection/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ProductFinderStageSection';
+//# sourceMappingURL=index.d.ts.map

package/dist/web/productFinder/stageSection/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/stageSection/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC"}

package/dist/web/productFinder/stageSection/index.js

@@ -0,0 +1,2 @@
+export * from './ProductFinderStageSection';
+//# sourceMappingURL=index.js.map

package/dist/web/productFinder/stageSection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/web/productFinder/stageSection/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC"}