@odx/websites-react 1.1.32 → 1.1.34

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.
Files changed (56) hide show
  1. package/dist/components/actions/checkbox/Checkbox.js +1 -1
  2. package/dist/components/actions/checkbox/Checkbox.js.map +1 -1
  3. package/dist/components/actions/link/Link.js +4 -4
  4. package/dist/components/actions/link/Link.js.map +1 -1
  5. package/dist/components/actions/toast/Toast.js +1 -1
  6. package/dist/components/actions/toast/Toast.js.map +1 -1
  7. package/dist/components/actions/toast/ToastContext.d.ts +2 -1
  8. package/dist/components/actions/toast/ToastContext.d.ts.map +1 -1
  9. package/dist/components/actions/toast/ToastContext.js +3 -3
  10. package/dist/components/actions/toast/ToastContext.js.map +1 -1
  11. package/dist/components/common/carouselControl/CarouselControl.d.ts +1 -0
  12. package/dist/components/common/carouselControl/CarouselControl.d.ts.map +1 -1
  13. package/dist/components/common/carouselControl/CarouselControl.js +2 -1
  14. package/dist/components/common/carouselControl/CarouselControl.js.map +1 -1
  15. package/dist/components/layout/card/ProductCard.d.ts +1 -0
  16. package/dist/components/layout/card/ProductCard.d.ts.map +1 -1
  17. package/dist/components/layout/card/ProductCard.js +2 -2
  18. package/dist/components/layout/card/ProductCard.js.map +1 -1
  19. package/dist/components/layout/list/List.js +4 -4
  20. package/dist/components/layout/list/List.js.map +1 -1
  21. package/dist/components/structures/loadingSpinner/LoadingSpinner.d.ts.map +1 -1
  22. package/dist/components/structures/loadingSpinner/LoadingSpinner.js +1 -1
  23. package/dist/components/structures/loadingSpinner/LoadingSpinner.js.map +1 -1
  24. package/dist/components/typography/bodyText/BodyText.d.ts +1 -1
  25. package/dist/components/typography/bodyText/BodyText.d.ts.map +1 -1
  26. package/dist/components/typography/bodyText/BodyText.js +1 -0
  27. package/dist/components/typography/bodyText/BodyText.js.map +1 -1
  28. package/dist/web/index.d.ts +5 -0
  29. package/dist/web/index.d.ts.map +1 -1
  30. package/dist/web/index.js +5 -0
  31. package/dist/web/index.js.map +1 -1
  32. package/dist/web/productCompare/ProductCompare.d.ts +38 -0
  33. package/dist/web/productCompare/ProductCompare.d.ts.map +1 -0
  34. package/dist/web/productCompare/ProductCompare.js +131 -0
  35. package/dist/web/productCompare/ProductCompare.js.map +1 -0
  36. package/dist/web/productCompare/ProductCompareContext.d.ts +8 -0
  37. package/dist/web/productCompare/ProductCompareContext.d.ts.map +1 -0
  38. package/dist/web/productCompare/ProductCompareContext.js +12 -0
  39. package/dist/web/productCompare/ProductCompareContext.js.map +1 -0
  40. package/dist/web/productCompare/ProductCompareTable.d.ts +34 -0
  41. package/dist/web/productCompare/ProductCompareTable.d.ts.map +1 -0
  42. package/dist/web/productCompare/ProductCompareTable.js +94 -0
  43. package/dist/web/productCompare/ProductCompareTable.js.map +1 -0
  44. package/dist/web/productCompare/index.d.ts +3 -0
  45. package/dist/web/productCompare/index.d.ts.map +1 -0
  46. package/dist/web/productCompare/index.js +3 -0
  47. package/dist/web/productCompare/index.js.map +1 -0
  48. package/dist/web/productCompareBar/ProductCompareBar.d.ts +29 -0
  49. package/dist/web/productCompareBar/ProductCompareBar.d.ts.map +1 -0
  50. package/dist/web/productCompareBar/ProductCompareBar.js +61 -0
  51. package/dist/web/productCompareBar/ProductCompareBar.js.map +1 -0
  52. package/dist/web/productCompareBar/index.d.ts +2 -0
  53. package/dist/web/productCompareBar/index.d.ts.map +1 -0
  54. package/dist/web/productCompareBar/index.js +2 -0
  55. package/dist/web/productCompareBar/index.js.map +1 -0
  56. package/package.json +12 -3
@@ -27,7 +27,7 @@ const checkboxIndicatorVariants = cva(checkboxIndicatorClasses, {
27
27
  const Checkbox = React.forwardRef(({ className, children, invalid, hidden, color, ...props }, ref) => {
28
28
  const { id, labelId } = useFieldId();
29
29
  return (_jsxs(CheckboxPrimitive.Root, { ...props, className: cn('inline-flex gap-2 items-start font-text group outline-none', hidden && 'hidden', className), ref: ref, id: id, "aria-labelledby": children ? labelId : undefined, "aria-label": children ? undefined : 'checkbox', tabIndex: 0, disabled: props.disabled, children: [_jsx(CheckboxPrimitive.Indicator, { forceMount: true, className: cn(checkboxIndicatorVariants({ color }), invalid &&
30
- 'data-[state=checked]:bg-draeger-error border-draeger-error'), children: _jsx(Icon, { name: "core::check", size: "sm", className: "justify-center" }) }), children && (_jsx(BodyText, { asChild: true, children: _jsxs("label", { id: labelId, htmlFor: id, className: '-mt-0.5 text-left cursor-pointer group-disabled:text-draeger-cool-gray-250 peer-disabled:cursor-not-allowed', children: [children, " ", props.required && ' *'] }) }))] }));
30
+ 'data-[state=checked]:bg-draeger-error border-draeger-error'), children: _jsx(Icon, { name: "core::check", size: "sm", className: "justify-center" }) }), children && (_jsx(BodyText, { asChild: true, textColor: color === 'accent' ? 'invert' : undefined, children: _jsxs("label", { id: labelId, htmlFor: id, className: '-mt-0.5 text-left cursor-pointer group-disabled:text-draeger-cool-gray-250 peer-disabled:cursor-not-allowed min-w-0', children: [children, " ", props.required && ' *'] }) }))] }));
31
31
  });
32
32
  Checkbox.displayName = CheckboxPrimitive.Root.displayName;
33
33
  export { Checkbox };
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/actions/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAE3D,MAAM,wBAAwB,GAAG;;;;;;CAMhC,CAAC;AAEF,MAAM,yBAAyB,GAAG,GAAG,CAAC,wBAAwB,EAAE;IAC9D,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EACL,sGAAsG;YACxG,MAAM,EACJ,oGAAoG;SACvG;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,SAAS;KACjB;CACF,CAAC,CAAC;AAWH,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,EAAE;IACjE,MAAM,EAAC,EAAE,EAAE,OAAO,EAAC,GAAG,UAAU,EAAE,CAAC;IAEnC,OAAO,CACL,MAAC,iBAAiB,CAAC,IAAI,OACjB,KAAK,EACT,SAAS,EAAE,EAAE,CACX,4DAA4D,EAC5D,MAAM,IAAI,QAAQ,EAClB,SAAS,CACV,EACD,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,qBACW,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,gBACnC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAC7C,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,KAAK,CAAC,QAAQ,aAExB,KAAC,iBAAiB,CAAC,SAAS,IAC1B,UAAU,QACV,SAAS,EAAE,EAAE,CACX,yBAAyB,CAAC,EAAC,KAAK,EAAC,CAAC,EAClC,OAAO;oBACL,4DAA4D,CAC/D,YAED,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,GAAG,GACpC,EAC7B,QAAQ,IAAI,CACX,KAAC,QAAQ,IAAC,OAAO,kBACf,iBACE,EAAE,EAAE,OAAO,EACX,OAAO,EAAE,EAAE,EACX,SAAS,EACP,6GAA6G,aAG9G,QAAQ,OAAG,KAAK,CAAC,QAAQ,IAAI,IAAI,IAC5B,GACC,CACZ,IACsB,CAC1B,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,QAAQ,CAAC,WAAW,GAAG,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;AAE1D,OAAO,EAAC,QAAQ,EAAC,CAAC"}
1
+ {"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/actions/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAE3D,MAAM,wBAAwB,GAAG;;;;;;CAMhC,CAAC;AAEF,MAAM,yBAAyB,GAAG,GAAG,CAAC,wBAAwB,EAAE;IAC9D,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EACL,sGAAsG;YACxG,MAAM,EACJ,oGAAoG;SACvG;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,SAAS;KACjB;CACF,CAAC,CAAC;AAWH,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,EAAE;IACjE,MAAM,EAAC,EAAE,EAAE,OAAO,EAAC,GAAG,UAAU,EAAE,CAAC;IAEnC,OAAO,CACL,MAAC,iBAAiB,CAAC,IAAI,OACjB,KAAK,EACT,SAAS,EAAE,EAAE,CACX,4DAA4D,EAC5D,MAAM,IAAI,QAAQ,EAClB,SAAS,CACV,EACD,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,qBACW,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,gBACnC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAC7C,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,KAAK,CAAC,QAAQ,aAExB,KAAC,iBAAiB,CAAC,SAAS,IAC1B,UAAU,QACV,SAAS,EAAE,EAAE,CACX,yBAAyB,CAAC,EAAC,KAAK,EAAC,CAAC,EAClC,OAAO;oBACL,4DAA4D,CAC/D,YAED,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,GAAG,GACpC,EAC7B,QAAQ,IAAI,CACX,KAAC,QAAQ,IAAC,OAAO,QAAC,SAAS,EAAE,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,YACpE,iBACE,EAAE,EAAE,OAAO,EACX,OAAO,EAAE,EAAE,EACX,SAAS,EACP,qHAAqH,aAGtH,QAAQ,OAAG,KAAK,CAAC,QAAQ,IAAI,IAAI,IAC5B,GACC,CACZ,IACsB,CAC1B,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,QAAQ,CAAC,WAAW,GAAG,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;AAE1D,OAAO,EAAC,QAAQ,EAAC,CAAC"}
@@ -6,7 +6,7 @@ import { BodyText } from '../../typography/bodyText';
6
6
  import { Headline } from '../../typography/headline';
7
7
  import { Divider } from '../../structures/divider';
8
8
  const linkClasses = `
9
- align-center gap-x-2 transition-colors duration-150 outline-offset-1 outline-1 focus-visible:outline hover:underline outline-inherit cursor-pointer
9
+ align-center gap-x-2 transition-colors duration-150 outline-offset-1 outline-1 focus-visible:outline hover:underline outline-inherit cursor-pointer max-w-full
10
10
  `;
11
11
  const lightLinkVariants = {
12
12
  primary: 'text-interactions-primary active:text-interactions-primary-active visited:text-interactions-primary-visited focus-visible:text-border-accent',
@@ -17,10 +17,10 @@ const darkLinkVariants = {
17
17
  secondary: 'text-interactions-secondary active:text-interactions-secondary-active visited:text-interactions-secondary-visited focus-visible:text-border-secondary',
18
18
  };
19
19
  const lightLinkDisabledVariants = {
20
- true: 'cursor-not-allowed text-interactions-primary-disabled hover:no-underline',
20
+ true: 'cursor-not-allowed text-interactions-primary-disabled hover:no-underline active:text-interactions-primary-disabled',
21
21
  };
22
22
  const darkLinkDisabledVariants = {
23
- true: 'cursor-not-allowed !text-interactions-secondary-disabled hover:no-underline',
23
+ true: 'cursor-not-allowed !text-interactions-secondary-disabled hover:no-underline active:text-interactions-secondary-disabled',
24
24
  };
25
25
  const linkColorThemes = {
26
26
  light: lightLinkVariants,
@@ -51,7 +51,7 @@ const Link = React.forwardRef(({ LinkComponent, className, children, variant, di
51
51
  disabled,
52
52
  display,
53
53
  className,
54
- })), ...props, children: [icon && _jsx("div", { className: cn(iconRight && 'order-1'), children: icon }), _jsx("span", { className: "self-end flex-grow", children: children })] }) }));
54
+ })), ...props, children: [icon && _jsx("div", { className: cn(iconRight && 'order-1'), children: icon }), _jsx("span", { className: "self-end flex-grow min-w-0", children: children })] }) }));
55
55
  });
56
56
  Link.displayName = 'Link';
57
57
  const linkListVariants = cva('flex flex-wrap gap-4 items-start', {
@@ -1 +1 @@
1
- {"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../src/components/actions/link/Link.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../src/components/actions/link/Link.tsx"],"names":[],"mappings":"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"}
@@ -11,7 +11,7 @@ const Toast = ({ closeToast, data }) => {
11
11
  warning: 'core::warning',
12
12
  error: 'core::error',
13
13
  };
14
- return (_jsxs(Card, { className: "w-auto lg:w-[464px] p-3 rounded-md bg-surface-tertiary shadow-draeger-drop-shadow-level-1", children: [_jsx(CardBody, { className: "p-0", children: _jsx(CardContent, { children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx(Icon, { className: "text-black",
14
+ return (_jsxs(Card, { className: "w-auto p-3 rounded-md bg-surface-tertiary shadow-draeger-drop-shadow-level-1 mx-auto", children: [_jsx(CardBody, { className: "p-0", children: _jsx(CardContent, { children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx(Icon, { className: "text-black",
15
15
  // eslint-disable-next-line no-undef
16
16
  name: iconMap[data.variant], size: "md" }), _jsxs("div", { className: "w-full", children: [_jsx(BodyText, { variant: "small", weight: "bold", className: "text-draeger-dark-blue-700", children: data.headline }), _jsx(BodyText, { variant: "small", children: data.message })] }), _jsx(Button, { onClick: () => {
17
17
  closeToast();
@@ -1 +1 @@
1
- {"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../../src/components/actions/toast/Toast.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,IAAI,EACJ,UAAU,EACV,kBAAkB,EAClB,QAAQ,EACR,WAAW,GACZ,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAC,MAAM,EAAE,UAAU,EAAC,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAC,IAAI,EAAC,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAC,QAAQ,EAAC,MAAM,oCAAoC,CAAC;AAiB5D,MAAM,KAAK,GAAyB,CAAC,EAAC,UAAU,EAAE,IAAI,EAAC,EAAE,EAAE;IACzD,MAAM,OAAO,GAAG;QACd,OAAO,EAAE,aAAa;QACtB,IAAI,EAAE,YAAY;QAClB,OAAO,EAAE,eAAe;QACxB,KAAK,EAAE,aAAa;KACrB,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,2FAA2F,aACzG,KAAC,QAAQ,IAAC,SAAS,EAAC,KAAK,YACvB,KAAC,WAAW,cACV,eAAK,SAAS,EAAC,wBAAwB,aACrC,KAAC,IAAI,IACH,SAAS,EAAC,YAAY;gCACtB,oCAAoC;gCACpC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO,CAAmB,EAC7C,IAAI,EAAC,IAAI,GACT,EACF,eAAK,SAAS,EAAC,QAAQ,aACrB,KAAC,QAAQ,IACP,OAAO,EAAC,OAAO,EACf,MAAM,EAAC,MAAM,EACb,SAAS,EAAC,4BAA4B,YAErC,IAAI,CAAC,QAAQ,GACL,EACX,KAAC,QAAQ,IAAC,OAAO,EAAC,OAAO,YAAE,IAAI,CAAC,OAAO,GAAY,IAC/C,EACN,KAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE;oCACZ,UAAU,EAAE,CAAC;oCACb,IAAI,CAAC,OAAO,EAAE,CAAC;gCACjB,CAAC,EACD,SAAS,EAAC,YAAY,EACtB,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,IAAI,GAAG,GAC/C,IACE,GACM,GACL,EACV,IAAI,EAAE,KAAK,EAAE,MAAM,IAAI,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,IAAI,CACjD,KAAC,kBAAkB,IAAC,SAAS,EAAC,mBAAmB,YAC/C,KAAC,UAAU,IAAC,SAAS,EAAC,4BAA4B,YAC/C,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACtB,KAAC,UAAU,IACT,IAAI,EAAE,IAAI,CAAC,IAAI,EAEf,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,YAER,IAAI,CAAC,KAAK,IAJN,IAAI,CAAC,KAAK,CAKJ,CACd,CAAC,GACS,GACM,CACtB,IACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,KAAK,EAAC,CAAC"}
1
+ {"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../../src/components/actions/toast/Toast.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,IAAI,EACJ,UAAU,EACV,kBAAkB,EAClB,QAAQ,EACR,WAAW,GACZ,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAC,MAAM,EAAE,UAAU,EAAC,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAC,IAAI,EAAC,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAC,QAAQ,EAAC,MAAM,oCAAoC,CAAC;AAiB5D,MAAM,KAAK,GAAyB,CAAC,EAAC,UAAU,EAAE,IAAI,EAAC,EAAE,EAAE;IACzD,MAAM,OAAO,GAAG;QACd,OAAO,EAAE,aAAa;QACtB,IAAI,EAAE,YAAY;QAClB,OAAO,EAAE,eAAe;QACxB,KAAK,EAAE,aAAa;KACrB,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,sFAAsF,aACpG,KAAC,QAAQ,IAAC,SAAS,EAAC,KAAK,YACvB,KAAC,WAAW,cACV,eAAK,SAAS,EAAC,wBAAwB,aACrC,KAAC,IAAI,IACH,SAAS,EAAC,YAAY;gCACtB,oCAAoC;gCACpC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO,CAAmB,EAC7C,IAAI,EAAC,IAAI,GACT,EACF,eAAK,SAAS,EAAC,QAAQ,aACrB,KAAC,QAAQ,IACP,OAAO,EAAC,OAAO,EACf,MAAM,EAAC,MAAM,EACb,SAAS,EAAC,4BAA4B,YAErC,IAAI,CAAC,QAAQ,GACL,EACX,KAAC,QAAQ,IAAC,OAAO,EAAC,OAAO,YAAE,IAAI,CAAC,OAAO,GAAY,IAC/C,EACN,KAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE;oCACZ,UAAU,EAAE,CAAC;oCACb,IAAI,CAAC,OAAO,EAAE,CAAC;gCACjB,CAAC,EACD,SAAS,EAAC,YAAY,EACtB,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,IAAI,GAAG,GAC/C,IACE,GACM,GACL,EACV,IAAI,EAAE,KAAK,EAAE,MAAM,IAAI,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,IAAI,CACjD,KAAC,kBAAkB,IAAC,SAAS,EAAC,mBAAmB,YAC/C,KAAC,UAAU,IAAC,SAAS,EAAC,4BAA4B,YAC/C,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACtB,KAAC,UAAU,IACT,IAAI,EAAE,IAAI,CAAC,IAAI,EAEf,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,YAER,IAAI,CAAC,KAAK,IAJN,IAAI,CAAC,KAAK,CAKJ,CACd,CAAC,GACS,GACM,CACtB,IACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,KAAK,EAAC,CAAC"}
@@ -6,7 +6,8 @@ interface ToastContextType {
6
6
  }) => void;
7
7
  }
8
8
  export declare const ToastContext: React.Context<ToastContextType>;
9
- export declare const ToastContextProvider: ({ children, }: {
9
+ export declare const ToastContextProvider: ({ autoCloseDuration, children, }: {
10
+ autoCloseDuration?: number;
10
11
  children: React.ReactNode;
11
12
  }) => import("react/jsx-runtime").JSX.Element;
12
13
  export declare const useToast: () => ToastContextType;
@@ -1 +1 @@
1
- {"version":3,"file":"ToastContext.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/toast/ToastContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,cAAc,EAAC,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,UAAU,gBAAgB;IACxB,QAAQ,EAAE,CAAC,EAAC,KAAK,EAAC,EAAE;QAAC,KAAK,EAAE,cAAc,CAAA;KAAC,KAAK,IAAI,CAAC;CACtD;AAED,eAAO,MAAM,YAAY,iCAEvB,CAAC;AAQH,eAAO,MAAM,oBAAoB,GAAI,eAElC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,4CAoBA,CAAC;AAEF,eAAO,MAAM,QAAQ,wBAEpB,CAAC"}
1
+ {"version":3,"file":"ToastContext.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/toast/ToastContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,cAAc,EAAC,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,UAAU,gBAAgB;IACxB,QAAQ,EAAE,CAAC,EAAC,KAAK,EAAC,EAAE;QAAC,KAAK,EAAE,cAAc,CAAA;KAAC,KAAK,IAAI,CAAC;CACtD;AAED,eAAO,MAAM,YAAY,iCAEvB,CAAC;AAQH,eAAO,MAAM,oBAAoB,GAAI,kCAGlC;IACD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,4CAmBA,CAAC;AAEF,eAAO,MAAM,QAAQ,wBAEpB,CAAC"}
@@ -10,16 +10,16 @@ const DEFAULT_TIMEOUT = 3000;
10
10
  const CustomToast = ({ closeToast, data }) => {
11
11
  return _jsx(Toast, { data: data, closeToast: closeToast });
12
12
  };
13
- export const ToastContextProvider = ({ children, }) => {
13
+ export const ToastContextProvider = ({ autoCloseDuration = DEFAULT_TIMEOUT, children, }) => {
14
14
  const addToast = ({ toast }) => {
15
15
  toastify(CustomToast, {
16
16
  data: toast,
17
17
  position: 'top-center',
18
18
  closeButton: false,
19
- className: 'px-3 md:px-6 xl:px-0 py-2 lg:w-[464px] shadow-none bg-transparent',
19
+ className: 'px-6 xl:px-0 py-2 md:w-[464px] shadow-none bg-transparent',
20
20
  hideProgressBar: true,
21
21
  transition: Zoom,
22
- autoClose: DEFAULT_TIMEOUT,
22
+ autoClose: autoCloseDuration,
23
23
  });
24
24
  };
25
25
  return (_jsxs(ToastContext.Provider, { value: { addToast }, children: [_jsx(ToastContainer, {}), children] }));
@@ -1 +1 @@
1
- {"version":3,"file":"ToastContext.js","sourceRoot":"","sources":["../../../../src/components/actions/toast/ToastContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,KAAK,EAAiB,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,cAAc,EACd,IAAI,EAEJ,KAAK,IAAI,QAAQ,GAClB,MAAM,gBAAgB,CAAC;AAMxB,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAmB;IAChE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,IAAI,CAAC;AAE7B,MAAM,WAAW,GAAG,CAAC,EAAC,UAAU,EAAE,IAAI,EAAoC,EAAE,EAAE;IAC5E,OAAO,KAAC,KAAK,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,GAAI,CAAC;AACvD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,QAAQ,GAGT,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,CAAC,EAAC,KAAK,EAA0B,EAAE,EAAE;QACpD,QAAQ,CAAC,WAAW,EAAE;YACpB,IAAI,EAAE,KAAK;YACX,QAAQ,EAAE,YAAY;YACtB,WAAW,EAAE,KAAK;YAClB,SAAS,EACP,mEAAmE;YACrE,eAAe,EAAE,IAAI;YACrB,UAAU,EAAE,IAAI;YAChB,SAAS,EAAE,eAAe;SAC3B,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAC,aACtC,KAAC,cAAc,KAAG,EACjB,QAAQ,IACa,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,OAAO,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;AACxC,CAAC,CAAC"}
1
+ {"version":3,"file":"ToastContext.js","sourceRoot":"","sources":["../../../../src/components/actions/toast/ToastContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,KAAK,EAAiB,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,cAAc,EACd,IAAI,EAEJ,KAAK,IAAI,QAAQ,GAClB,MAAM,gBAAgB,CAAC;AAMxB,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAmB;IAChE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,IAAI,CAAC;AAE7B,MAAM,WAAW,GAAG,CAAC,EAAC,UAAU,EAAE,IAAI,EAAoC,EAAE,EAAE;IAC5E,OAAO,KAAC,KAAK,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,GAAI,CAAC;AACvD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,iBAAiB,GAAG,eAAe,EACnC,QAAQ,GAIT,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,CAAC,EAAC,KAAK,EAA0B,EAAE,EAAE;QACpD,QAAQ,CAAC,WAAW,EAAE;YACpB,IAAI,EAAE,KAAK;YACX,QAAQ,EAAE,YAAY;YACtB,WAAW,EAAE,KAAK;YAClB,SAAS,EAAE,2DAA2D;YACtE,eAAe,EAAE,IAAI;YACrB,UAAU,EAAE,IAAI;YAChB,SAAS,EAAE,iBAAiB;SAC7B,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAC,aACtC,KAAC,cAAc,KAAG,EACjB,QAAQ,IACa,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,OAAO,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;AACxC,CAAC,CAAC"}
@@ -7,6 +7,7 @@ export interface CarouselControlProps {
7
7
  counterText: string;
8
8
  prevButtonProps: Omit<CarouselControlButtonProps, 'iconLeft' | 'iconRight'>;
9
9
  nextButtonProps: Omit<CarouselControlButtonProps, 'iconLeft' | 'iconRight'>;
10
+ className?: string;
10
11
  }
11
12
  declare const CarouselControl: React.FC<CarouselControlProps>;
12
13
  export { CarouselControl };
@@ -1 +1 @@
1
- {"version":3,"file":"CarouselControl.d.ts","sourceRoot":"","sources":["../../../../src/components/common/carouselControl/CarouselControl.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAe,KAAK,WAAW,EAAC,MAAM,qBAAqB,CAAC;AAEnE,MAAM,WAAW,0BACf,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,GAAG,WAAW,CAAC;IAC3D,SAAS,EAAE,MAAM,CAAC;CACnB;AAmBD,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,IAAI,CAAC,0BAA0B,EAAE,UAAU,GAAG,WAAW,CAAC,CAAC;IAC5E,eAAe,EAAE,IAAI,CAAC,0BAA0B,EAAE,UAAU,GAAG,WAAW,CAAC,CAAC;CAC7E;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAoBnD,CAAC;AAEF,OAAO,EAAC,eAAe,EAAC,CAAC"}
1
+ {"version":3,"file":"CarouselControl.d.ts","sourceRoot":"","sources":["../../../../src/components/common/carouselControl/CarouselControl.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAe,KAAK,WAAW,EAAC,MAAM,qBAAqB,CAAC;AAGnE,MAAM,WAAW,0BACf,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,GAAG,WAAW,CAAC;IAC3D,SAAS,EAAE,MAAM,CAAC;CACnB;AAmBD,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,IAAI,CAAC,0BAA0B,EAAE,UAAU,GAAG,WAAW,CAAC,CAAC;IAC5E,eAAe,EAAE,IAAI,CAAC,0BAA0B,EAAE,UAAU,GAAG,WAAW,CAAC,CAAC;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqBnD,CAAC;AAEF,OAAO,EAAC,eAAe,EAAC,CAAC"}
@@ -1,7 +1,8 @@
1
1
  'use client';
2
2
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
3
  import { Button, Icon } from '../../../components';
4
+ import { cn } from '../../../utils';
4
5
  const CarouselControlButton = ({ disabled, iconLeft, ariaLabel, ...props }) => (_jsx(Button, { size: 'sm', variant: 'secondary', disabled: disabled, iconLeft: iconLeft, "aria-hidden": disabled, "aria-label": ariaLabel, ...props }));
5
- const CarouselControl = ({ counterText, prevButtonProps, nextButtonProps, }) => (_jsx("div", { className: "flex justify-end mt-5 select-none", children: _jsxs("div", { className: "flex items-center justify-between gap-x-1.5 w-[9.375rem]", children: [_jsx(CarouselControlButton, { iconLeft: _jsx(Icon, { name: "core::chevron-left", size: 'md' }), ...prevButtonProps }), _jsx("span", { className: "px-1 text-button-text-large text-text-primary", children: counterText }), _jsx(CarouselControlButton, { iconLeft: _jsx(Icon, { name: "core::chevron-right", size: 'md' }), ...nextButtonProps })] }) }));
6
+ const CarouselControl = ({ counterText, prevButtonProps, nextButtonProps, className, }) => (_jsx("div", { className: cn('flex select-none justify-end mt-5', className), children: _jsxs("div", { className: "flex items-center justify-between gap-x-1.5 w-[9.375rem]", children: [_jsx(CarouselControlButton, { iconLeft: _jsx(Icon, { name: "core::chevron-left", size: 'md' }), ...prevButtonProps }), _jsx("span", { className: "px-1 text-button-text-large text-text-primary", children: counterText }), _jsx(CarouselControlButton, { iconLeft: _jsx(Icon, { name: "core::chevron-right", size: 'md' }), ...nextButtonProps })] }) }));
6
7
  export { CarouselControl };
7
8
  //# sourceMappingURL=CarouselControl.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CarouselControl.js","sourceRoot":"","sources":["../../../../src/components/common/carouselControl/CarouselControl.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAC,MAAM,EAAE,IAAI,EAAmB,MAAM,qBAAqB,CAAC;AAOnE,MAAM,qBAAqB,GAAyC,CAAC,EACnE,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,iBACL,QAAQ,gBACT,SAAS,KACjB,KAAK,GACT,CACH,CAAC;AAQF,MAAM,eAAe,GAAmC,CAAC,EACvD,WAAW,EACX,eAAe,EACf,eAAe,GAChB,EAAE,EAAE,CAAC,CACJ,cAAK,SAAS,EAAC,mCAAmC,YAChD,eAAK,SAAS,EAAC,0DAA0D,aACvE,KAAC,qBAAqB,IACpB,QAAQ,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAE,IAAI,GAAI,KACpD,eAAe,GACnB,EACF,eAAM,SAAS,EAAC,+CAA+C,YAC5D,WAAW,GACP,EACP,KAAC,qBAAqB,IACpB,QAAQ,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,qBAAqB,EAAC,IAAI,EAAE,IAAI,GAAI,KACrD,eAAe,GACnB,IACE,GACF,CACP,CAAC;AAEF,OAAO,EAAC,eAAe,EAAC,CAAC"}
1
+ {"version":3,"file":"CarouselControl.js","sourceRoot":"","sources":["../../../../src/components/common/carouselControl/CarouselControl.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAC,MAAM,EAAE,IAAI,EAAmB,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAOlC,MAAM,qBAAqB,GAAyC,CAAC,EACnE,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,iBACL,QAAQ,gBACT,SAAS,KACjB,KAAK,GACT,CACH,CAAC;AASF,MAAM,eAAe,GAAmC,CAAC,EACvD,WAAW,EACX,eAAe,EACf,eAAe,EACf,SAAS,GACV,EAAE,EAAE,CAAC,CACJ,cAAK,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE,SAAS,CAAC,YAChE,eAAK,SAAS,EAAC,0DAA0D,aACvE,KAAC,qBAAqB,IACpB,QAAQ,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAE,IAAI,GAAI,KACpD,eAAe,GACnB,EACF,eAAM,SAAS,EAAC,+CAA+C,YAC5D,WAAW,GACP,EACP,KAAC,qBAAqB,IACpB,QAAQ,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,qBAAqB,EAAC,IAAI,EAAE,IAAI,GAAI,KACrD,eAAe,GACnB,IACE,GACF,CACP,CAAC;AAEF,OAAO,EAAC,eAAe,EAAC,CAAC"}
@@ -11,6 +11,7 @@ export interface ProductCardProps extends LinkComponentProps, LinkComponent {
11
11
  statusTag?: React.ReactNode;
12
12
  children?: React.ReactNode;
13
13
  headlineActAs?: HeadlineProps['actAs'];
14
+ brand?: boolean;
14
15
  }
15
16
  declare const ProductCard: React.FC<ProductCardProps>;
16
17
  export { ProductCard };
@@ -1 +1 @@
1
- {"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/card/ProductCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAK,aAAa,EAAE,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AACrE,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAGlE,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB,EAAE,aAAa;IACzE,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AASD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmC3C,CAAC;AAEF,OAAO,EAAC,WAAW,EAAC,CAAC"}
1
+ {"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/card/ProductCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAK,aAAa,EAAE,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AACrE,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAGlE,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB,EAAE,aAAa;IACzE,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACvC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AASD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkD3C,CAAC;AAEF,OAAO,EAAC,WAAW,EAAC,CAAC"}
@@ -9,8 +9,8 @@ const productCardClasses = `
9
9
  outline outline-1 outline-offset-0 outline-transparent border border-border-separator
10
10
  focus:outline-border-accent hover:shadow-draeger-drop-shadow-level-1
11
11
  `;
12
- const ProductCard = ({ image, headline, text, maxTextLength, actionElement, statusTag, className, LinkComponent = 'a', headlineActAs, ...props }) => {
13
- return (_jsxs("div", { className: cn(productCardClasses, className), children: [_jsxs(LinkComponent, { className: "h-full", tabIndex: 0, ...props, children: [_jsx("div", { className: "relative max-w-full", children: image && _jsx(Image, { ...image, ratio: "4/3" }) }), _jsxs("div", { className: "flex flex-col p-6 pb-0", children: [_jsx(Headline, { headingLevel: "h4", actAs: headlineActAs, children: headline }), _jsx(SlimRichText, { text: text, variant: "small", maxLength: maxTextLength })] })] }), _jsx("div", { className: "flex flex-col mt-1 pb-9", children: actionElement && (_jsx("div", { className: "self-center", "data-action-element": true, children: actionElement })) }), statusTag && _jsx("div", { className: "absolute top-4 right-4", children: statusTag })] }));
12
+ const ProductCard = ({ image, headline, text, maxTextLength, actionElement, statusTag, className, LinkComponent = 'a', headlineActAs, brand = false, ...props }) => {
13
+ return (_jsxs("div", { className: cn(productCardClasses, brand && 'bg-surface-brand text-text-invert', className), children: [_jsxs(LinkComponent, { className: "h-full", tabIndex: 0, ...props, children: [_jsx("div", { className: "relative max-w-full", children: image && _jsx(Image, { ...image, ratio: "4/3" }) }), _jsxs("div", { className: "flex flex-col p-6 pb-0", children: [_jsx(Headline, { headingLevel: "h4", actAs: headlineActAs, textColor: "inherit", children: headline }), _jsx(SlimRichText, { text: text, variant: "small", textColor: "inherit", maxLength: maxTextLength })] })] }), actionElement && (_jsx("div", { className: cn('flex flex-col items-center px-6 mt-1 pb-9 [&_*]:max-w-[100%]', brand && 'text-invert'), children: actionElement })), statusTag && _jsx("div", { className: "absolute top-4 right-4", children: statusTag })] }));
14
14
  };
15
15
  export { ProductCard };
16
16
  //# sourceMappingURL=ProductCard.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ProductCard.js","sourceRoot":"","sources":["../../../../src/components/layout/card/ProductCard.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAoC,MAAM,gBAAgB,CAAC;AACrE,OAAO,EAAC,KAAK,EAAkB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAarC,MAAM,kBAAkB,GAAG;;;;;CAK1B,CAAC;AAEF,MAAM,WAAW,GAA+B,CAAC,EAC/C,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,aAAa,EACb,aAAa,EACb,SAAS,EACT,SAAS,EACT,aAAa,GAAG,GAAG,EACnB,aAAa,EACb,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,aAC/C,MAAC,aAAa,IAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,KAAM,KAAK,aACtD,cAAK,SAAS,EAAC,qBAAqB,YACjC,KAAK,IAAI,KAAC,KAAK,OAAK,KAAK,EAAE,KAAK,EAAC,KAAK,GAAG,GACtC,EACN,eAAK,SAAS,EAAC,wBAAwB,aACrC,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,EAAC,KAAK,EAAE,aAAa,YAC7C,QAAQ,GACA,EACX,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAC,OAAO,EAAC,SAAS,EAAE,aAAa,GAAI,IAClE,IACQ,EAChB,cAAK,SAAS,EAAC,yBAAyB,YACrC,aAAa,IAAI,CAChB,cAAK,SAAS,EAAC,aAAa,yCACzB,aAAa,GACV,CACP,GACG,EACL,SAAS,IAAI,cAAK,SAAS,EAAC,wBAAwB,YAAE,SAAS,GAAO,IACnE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,WAAW,EAAC,CAAC"}
1
+ {"version":3,"file":"ProductCard.js","sourceRoot":"","sources":["../../../../src/components/layout/card/ProductCard.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAoC,MAAM,gBAAgB,CAAC;AACrE,OAAO,EAAC,KAAK,EAAkB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAcrC,MAAM,kBAAkB,GAAG;;;;;CAK1B,CAAC;AAEF,MAAM,WAAW,GAA+B,CAAC,EAC/C,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,aAAa,EACb,aAAa,EACb,SAAS,EACT,SAAS,EACT,aAAa,GAAG,GAAG,EACnB,aAAa,EACb,KAAK,GAAG,KAAK,EACb,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,kBAAkB,EAClB,KAAK,IAAI,mCAAmC,EAC5C,SAAS,CACV,aAED,MAAC,aAAa,IAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,KAAM,KAAK,aACtD,cAAK,SAAS,EAAC,qBAAqB,YACjC,KAAK,IAAI,KAAC,KAAK,OAAK,KAAK,EAAE,KAAK,EAAC,KAAK,GAAG,GACtC,EACN,eAAK,SAAS,EAAC,wBAAwB,aACrC,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,EAAC,KAAK,EAAE,aAAa,EAAE,SAAS,EAAC,SAAS,YAClE,QAAQ,GACA,EACX,KAAC,YAAY,IACX,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,SAAS,EACnB,SAAS,EAAE,aAAa,GACxB,IACE,IACQ,EACf,aAAa,IAAI,CAChB,cACE,SAAS,EAAE,EAAE,CACX,8DAA8D,EAC9D,KAAK,IAAI,aAAa,CACvB,YAEA,aAAa,GACV,CACP,EACA,SAAS,IAAI,cAAK,SAAS,EAAC,wBAAwB,YAAE,SAAS,GAAO,IACnE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,WAAW,EAAC,CAAC"}
@@ -7,7 +7,7 @@ const ListItem = ({ children, className, ...props }) => children && (_jsx("li",
7
7
  const orderedListClasses = `
8
8
  list-decimal list-inside [&_ol]:ml-8 [&_ol_li]:list-[lower-latin]
9
9
  `;
10
- const OrderedList = ({ className, variant = 'medium', ...props }) => (_jsx(BodyText, { asChild: true, variant: variant, children: _jsx("ol", { ...props, className: cn(orderedListClasses, className) }) }));
10
+ const OrderedList = ({ className, variant = 'medium', ...props }) => (_jsx(BodyText, { textColor: 'inherit', asChild: true, variant: variant, children: _jsx("ol", { ...props, className: cn(orderedListClasses, className) }) }));
11
11
  const unorderedListClasses = `
12
12
  pl-5 [list-style-type:"—_"]
13
13
  [&_ul]:list-none
@@ -26,10 +26,10 @@ const unorderedListVariants = cva(unorderedListClasses, {
26
26
  variant: 'medium',
27
27
  },
28
28
  });
29
- const UnorderedList = ({ className, variant = 'medium', ...props }) => props.children && (_jsx(BodyText, { asChild: true, variant: variant, children: _jsx("ul", { ...props, className: cn(unorderedListVariants({ variant }), className) }) }));
29
+ const UnorderedList = ({ className, variant = 'medium', ...props }) => props.children && (_jsx(BodyText, { textColor: 'inherit', asChild: true, variant: variant, children: _jsx("ul", { ...props, className: cn(unorderedListVariants({ variant }), className) }) }));
30
30
  const IconListItem = ({ iconProps, label }) => (_jsxs("li", { className: "inline-flex items-center gap-1", children: [_jsx(Icon, { ...iconProps, size: 'md' }), label] }));
31
- const IconList = ({ className, variant = 'medium', ...props }) => (_jsx(BodyText, { asChild: true, variant: variant, children: _jsx("ul", { className: cn('flex flex-col gap-2', className), ...props }) }));
31
+ const IconList = ({ className, variant = 'medium', ...props }) => (_jsx(BodyText, { textColor: 'inherit', asChild: true, variant: variant, children: _jsx("ul", { className: cn('flex flex-col gap-2', className), ...props }) }));
32
32
  const DescriptionListItem = ({ title, description, }) => (_jsxs("li", { className: "flex justify-between", children: [_jsx("span", { className: "font-semibold", children: title }), _jsx("span", { children: description })] }));
33
- const DescriptionList = ({ className, variant = 'medium', vertical = false, ...props }) => (_jsx(BodyText, { asChild: true, variant: variant, children: _jsx("ul", { className: cn('flex flex-col gap-4', vertical && '[&_*]:flex-col', className), ...props }) }));
33
+ const DescriptionList = ({ className, variant = 'medium', vertical = false, ...props }) => (_jsx(BodyText, { textColor: 'inherit', asChild: true, variant: variant, children: _jsx("ul", { className: cn('flex flex-col gap-4', vertical && '[&_*]:flex-col', className), ...props }) }));
34
34
  export { OrderedList, UnorderedList, ListItem, IconList, IconListItem, DescriptionListItem, DescriptionList, };
35
35
  //# sourceMappingURL=List.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../src/components/layout/list/List.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../src/components/layout/list/List.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../../src/components/structures/loadingSpinner/LoadingSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAK3D,QAAA,MAAM,sBAAsB;;;mFAc1B,CAAC;AAEH,MAAM,WAAW,mBACf,SAAQ,YAAY,CAAC,OAAO,sBAAsB,CAAC;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuCjD,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8CjD,CAAC;AAEF,OAAO,EAAC,cAAc,EAAE,cAAc,EAAC,CAAC"}
1
+ {"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../../src/components/structures/loadingSpinner/LoadingSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAK3D,QAAA,MAAM,sBAAsB;;;mFAc1B,CAAC;AAEH,MAAM,WAAW,mBACf,SAAQ,YAAY,CAAC,OAAO,sBAAsB,CAAC;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuCjD,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA0CjD,CAAC;AAEF,OAAO,EAAC,cAAc,EAAE,cAAc,EAAC,CAAC"}
@@ -27,7 +27,7 @@ const LoadingSpinner = ({ size = 'md', inverted = false, }) => {
27
27
  const LoadingOverlay = ({ blur = true, blurType = 'backdrop', centered = true, fixed = false, children, show, loadingSpinner, minHeight, className, }) => {
28
28
  const showBlurBackdrop = show && blur && blurType === 'backdrop';
29
29
  const showBlurRegular = show && blur && blurType !== 'backdrop';
30
- return (_jsxs("div", { className: cn('relative w-full overflow-auto', show && 'select-none', className), style: typeof minHeight === 'number' && show
30
+ return (_jsxs("div", { className: cn('relative w-full', show && 'select-none', className), style: typeof minHeight === 'number' && show
31
31
  ? {
32
32
  minHeight: `${minHeight}px`,
33
33
  }
@@ -1 +1 @@
1
- {"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../../../src/components/structures/loadingSpinner/LoadingSpinner.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAE3D,MAAM,qBAAqB,GACzB,0DAA0D,CAAC;AAE7D,MAAM,sBAAsB,GAAG,GAAG,CAAC,qBAAqB,EAAE;IACxD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,iBAAiB;YACrB,EAAE,EAAE,iBAAiB;YACrB,EAAE,EAAE,mBAAmB;SACxB;QACD,KAAK,EAAE;YACL,OAAO,EAAE,EAAE;SACZ;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAOH,MAAM,cAAc,GAAkC,CAAC,EACrD,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,KAAK,GACjB,EAAE,EAAE;IACH,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,sBAAsB,CAAC,EAAC,IAAI,EAAC,CAAC,CAAC,YAChD,eACE,SAAS,EAAC,qCAAqC,EAC/C,OAAO,EAAC,aAAa,aAErB,iBACE,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,EAAE,CACX,QAAQ;wBACN,CAAC,CAAC,iCAAiC;wBACnC,CAAC,CAAC,iCAAiC,EACrC,mBAAmB,CACpB,EACD,WAAW,EAAC,IAAI,EAChB,CAAC,EAAC,IAAI,GACE,EACV,iBACE,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,EAAE,CACX,QAAQ;wBACN,CAAC,CAAC,8BAA8B;wBAChC,CAAC,CAAC,8BAA8B,EAClC,uKAAuK,CACxK,EACD,eAAe,EAAC,KAAK,EACrB,gBAAgB,EAAC,KAAK,EACtB,WAAW,EAAC,IAAI,EAChB,CAAC,EAAC,IAAI,GACE,IACN,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAcF,MAAM,cAAc,GAAkC,CAAC,EACrD,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,UAAU,EACrB,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,KAAK,EACb,QAAQ,EACR,IAAI,EACJ,cAAc,EACd,SAAS,EACT,SAAS,GACV,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG,IAAI,IAAI,IAAI,IAAI,QAAQ,KAAK,UAAU,CAAC;IACjE,MAAM,eAAe,GAAG,IAAI,IAAI,IAAI,IAAI,QAAQ,KAAK,UAAU,CAAC;IAChE,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,+BAA+B,EAC/B,IAAI,IAAI,aAAa,EACrB,SAAS,CACV,EACD,KAAK,EACH,OAAO,SAAS,KAAK,QAAQ,IAAI,IAAI;YACnC,CAAC,CAAC;gBACE,SAAS,EAAE,GAAG,SAAS,IAAI;aAC5B;YACH,CAAC,CAAC,EAAE,aAGR,cACE,SAAS,EAAE,EAAE,CACX,qFAAqF,EACrF,gBAAgB,IAAI,qBAAqB,EACzC,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,EAC3B,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,EAClC,QAAQ,IAAI,cAAc,CAC3B,YAEA,IAAI,IAAI,cAAc,GACnB,EACL,eAAe,CAAC,CAAC,CAAC,CACjB,cAAK,SAAS,EAAC,YAAY,YAAE,QAAQ,GAAO,CAC7C,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,cAAc,EAAE,cAAc,EAAC,CAAC"}
1
+ {"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../../../src/components/structures/loadingSpinner/LoadingSpinner.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAE3D,MAAM,qBAAqB,GACzB,0DAA0D,CAAC;AAE7D,MAAM,sBAAsB,GAAG,GAAG,CAAC,qBAAqB,EAAE;IACxD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,iBAAiB;YACrB,EAAE,EAAE,iBAAiB;YACrB,EAAE,EAAE,mBAAmB;SACxB;QACD,KAAK,EAAE;YACL,OAAO,EAAE,EAAE;SACZ;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAOH,MAAM,cAAc,GAAkC,CAAC,EACrD,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,KAAK,GACjB,EAAE,EAAE;IACH,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,sBAAsB,CAAC,EAAC,IAAI,EAAC,CAAC,CAAC,YAChD,eACE,SAAS,EAAC,qCAAqC,EAC/C,OAAO,EAAC,aAAa,aAErB,iBACE,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,EAAE,CACX,QAAQ;wBACN,CAAC,CAAC,iCAAiC;wBACnC,CAAC,CAAC,iCAAiC,EACrC,mBAAmB,CACpB,EACD,WAAW,EAAC,IAAI,EAChB,CAAC,EAAC,IAAI,GACE,EACV,iBACE,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,EAAE,CACX,QAAQ;wBACN,CAAC,CAAC,8BAA8B;wBAChC,CAAC,CAAC,8BAA8B,EAClC,uKAAuK,CACxK,EACD,eAAe,EAAC,KAAK,EACrB,gBAAgB,EAAC,KAAK,EACtB,WAAW,EAAC,IAAI,EAChB,CAAC,EAAC,IAAI,GACE,IACN,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAcF,MAAM,cAAc,GAAkC,CAAC,EACrD,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,UAAU,EACrB,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,KAAK,EACb,QAAQ,EACR,IAAI,EACJ,cAAc,EACd,SAAS,EACT,SAAS,GACV,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG,IAAI,IAAI,IAAI,IAAI,QAAQ,KAAK,UAAU,CAAC;IACjE,MAAM,eAAe,GAAG,IAAI,IAAI,IAAI,IAAI,QAAQ,KAAK,UAAU,CAAC;IAChE,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,IAAI,IAAI,aAAa,EAAE,SAAS,CAAC,EAClE,KAAK,EACH,OAAO,SAAS,KAAK,QAAQ,IAAI,IAAI;YACnC,CAAC,CAAC;gBACE,SAAS,EAAE,GAAG,SAAS,IAAI;aAC5B;YACH,CAAC,CAAC,EAAE,aAGR,cACE,SAAS,EAAE,EAAE,CACX,qFAAqF,EACrF,gBAAgB,IAAI,qBAAqB,EACzC,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,EAC3B,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,EAClC,QAAQ,IAAI,cAAc,CAC3B,YAEA,IAAI,IAAI,cAAc,GACnB,EACL,eAAe,CAAC,CAAC,CAAC,CACjB,cAAK,SAAS,EAAC,YAAY,YAAE,QAAQ,GAAO,CAC7C,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,cAAc,EAAE,cAAc,EAAC,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { type VariantProps } from 'class-variance-authority';
3
3
  declare const bodyTextVariants: (props?: ({
4
- textColor?: "accent" | "primary" | "none" | "inherit" | "white" | "paleBlue" | null | undefined;
4
+ textColor?: "accent" | "invert" | "primary" | "none" | "inherit" | "white" | "paleBlue" | null | undefined;
5
5
  variant?: "small" | "medium" | "large" | null | undefined;
6
6
  weight?: "bold" | "medium" | "normal" | null | undefined;
7
7
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
@@ -1 +1 @@
1
- {"version":3,"file":"BodyText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/bodyText/BodyText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAIhE,QAAA,MAAM,gBAAgB;;;;mFA0BpB,CAAC;AAEH,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAChD,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuB5C,CAAC"}
1
+ {"version":3,"file":"BodyText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/bodyText/BodyText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAIhE,QAAA,MAAM,gBAAgB;;;;mFA2BpB,CAAC;AAEH,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAChD,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuB5C,CAAC"}
@@ -10,6 +10,7 @@ const bodyTextVariants = cva('font-text', {
10
10
  paleBlue: 'text-draeger-pale-blue',
11
11
  primary: 'text-text-primary',
12
12
  inherit: 'text-inherit',
13
+ invert: 'text-text-invert',
13
14
  none: '',
14
15
  },
15
16
  variant: {
@@ -1 +1 @@
1
- {"version":3,"file":"BodyText.js","sourceRoot":"","sources":["../../../../src/components/typography/bodyText/BodyText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAoB,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,IAAI,EAAC,MAAM,sBAAsB,CAAC;AAE1C,MAAM,gBAAgB,GAAG,GAAG,CAAC,WAAW,EAAE;IACxC,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,KAAK,EAAE,oBAAoB;YAC3B,MAAM,EAAE,kBAAkB;YAC1B,QAAQ,EAAE,wBAAwB;YAClC,OAAO,EAAE,mBAAmB;YAC5B,OAAO,EAAE,cAAc;YACvB,IAAI,EAAE,EAAE;SACT;QACD,OAAO,EAAE;YACP,KAAK,EAAE,gDAAgD;YACvD,MAAM,EAAE,gCAAgC;YACxC,KAAK,EAAE,kDAAkD;SAC1D;QACD,MAAM,EAAE;YACN,MAAM,EAAE,aAAa;YACrB,MAAM,EAAE,aAAa;YACrB,IAAI,EAAE,eAAe;SACtB;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,QAAQ;QACjB,MAAM,EAAE,QAAQ;KACjB;CACF,CAAC,CAAC;AASH,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAChD,OAAO,EACP,SAAS,EACT,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACpC,OAAO,CACL,QAAQ,IAAI,CACV,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,gBAAgB,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAC,CAAC,EACzD,aAAa,CACd,KACG,KAAK,YAER,QAAQ,GACJ,CACR,CACF,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"BodyText.js","sourceRoot":"","sources":["../../../../src/components/typography/bodyText/BodyText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAoB,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,IAAI,EAAC,MAAM,sBAAsB,CAAC;AAE1C,MAAM,gBAAgB,GAAG,GAAG,CAAC,WAAW,EAAE;IACxC,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,KAAK,EAAE,oBAAoB;YAC3B,MAAM,EAAE,kBAAkB;YAC1B,QAAQ,EAAE,wBAAwB;YAClC,OAAO,EAAE,mBAAmB;YAC5B,OAAO,EAAE,cAAc;YACvB,MAAM,EAAE,kBAAkB;YAC1B,IAAI,EAAE,EAAE;SACT;QACD,OAAO,EAAE;YACP,KAAK,EAAE,gDAAgD;YACvD,MAAM,EAAE,gCAAgC;YACxC,KAAK,EAAE,kDAAkD;SAC1D;QACD,MAAM,EAAE;YACN,MAAM,EAAE,aAAa;YACrB,MAAM,EAAE,aAAa;YACrB,IAAI,EAAE,eAAe;SACtB;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,QAAQ;QACjB,MAAM,EAAE,QAAQ;KACjB;CACF,CAAC,CAAC;AASH,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAChD,OAAO,EACP,SAAS,EACT,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACpC,OAAO,CACL,QAAQ,IAAI,CACV,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,gBAAgB,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAC,CAAC,EACzD,aAAa,CACd,KACG,KAAK,YAER,QAAQ,GACJ,CACR,CACF,CAAC;AACJ,CAAC,CAAC"}
@@ -35,4 +35,9 @@ export * from './product/productPageContainer';
35
35
  export * from './product/voicePoi';
36
36
  export * from './product/productMagic360Section';
37
37
  export * from './product/replacementProductTeaserBox';
38
+ /**
39
+ * ProductCompare page components
40
+ */
41
+ export * from './productCompare';
42
+ export * from './productCompareBar';
38
43
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","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,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oBAAoB,CAAC;AACnC,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC"}
1
+ {"version":3,"file":"index.d.ts","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,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oBAAoB,CAAC;AACnC,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AAEtD;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC"}
package/dist/web/index.js CHANGED
@@ -35,4 +35,9 @@ export * from './product/productPageContainer';
35
35
  export * from './product/voicePoi';
36
36
  export * from './product/productMagic360Section';
37
37
  export * from './product/replacementProductTeaserBox';
38
+ /**
39
+ * ProductCompare page components
40
+ */
41
+ export * from './productCompare';
42
+ export * from './productCompareBar';
38
43
  //# sourceMappingURL=index.js.map
@@ -1 +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;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAE7C;;GAEG;AAEH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oBAAoB,CAAC;AACnC,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC"}
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;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAE7C;;GAEG;AAEH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oBAAoB,CAAC;AACnC,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AAEtD;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC"}
@@ -0,0 +1,38 @@
1
+ import * as React from 'react';
2
+ import { HeadlineProps } from '../../components';
3
+ import { type ImageProps } from '../../components/images-icons/image';
4
+ import 'swiper/css';
5
+ export interface ProductCompareAddProductWrapperProps {
6
+ children?: React.ReactNode;
7
+ headline?: string;
8
+ maxHeight?: string;
9
+ }
10
+ declare const ProductCompareAddProductWrapper: React.FC<ProductCompareAddProductWrapperProps>;
11
+ export interface ProductCompareProductCardProps extends React.HTMLAttributes<HTMLDivElement> {
12
+ children?: React.ReactNode;
13
+ image?: Omit<ImageProps, 'ratio'>;
14
+ headline?: string;
15
+ headlineActAs?: HeadlineProps['actAs'];
16
+ onRemove?: () => void;
17
+ }
18
+ declare const ProductCompareProductCard: React.FC<ProductCompareProductCardProps>;
19
+ export type ProductCompareColumnType = {
20
+ product: string;
21
+ element: React.ReactNode;
22
+ };
23
+ export interface ProductCompareProps {
24
+ headline?: string;
25
+ columnDataHeader?: React.ReactNode;
26
+ selectedProductsCards: React.ReactNode[];
27
+ otherProductsCards: React.ReactNode[];
28
+ headerCardLinks?: React.ReactNode[];
29
+ columns: ProductCompareColumnType[];
30
+ addProductsHeadline?: string;
31
+ addProductsLabel?: string;
32
+ }
33
+ declare const ProductCompare: React.FC<ProductCompareProps>;
34
+ declare const ProductCompareWrapper: ({ children }: {
35
+ children: React.ReactNode;
36
+ }) => import("react/jsx-runtime").JSX.Element;
37
+ export { ProductCompareWrapper, ProductCompare, ProductCompareProductCard, ProductCompareAddProductWrapper, };
38
+ //# sourceMappingURL=ProductCompare.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProductCompare.d.ts","sourceRoot":"","sources":["../../../src/web/productCompare/ProductCompare.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAGL,aAAa,EAId,MAAM,kBAAkB,CAAC;AAM1B,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,qCAAqC,CAAC;AAW3E,OAAO,YAAY,CAAC;AAWpB,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,CAarC,CAAC;AAEF,MAAM,WAAW,8BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,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;CACvB;AAED,QAAA,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CA8BvE,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,qBAAqB,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACzC,kBAAkB,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACtC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACpC,OAAO,EAAE,wBAAwB,EAAE,CAAC;IACpC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6QjD,CAAC;AAEF,QAAA,MAAM,qBAAqB,GAAI,cAAY;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,4CAErE,CAAC;AAEF,OAAO,EACL,qBAAqB,EACrB,cAAc,EACd,yBAAyB,EACzB,+BAA+B,GAChC,CAAC"}
@@ -0,0 +1,131 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import * as React from 'react';
4
+ import ResizeObserver from 'resize-observer-polyfill';
5
+ import { Button, Headline, Icon, Link, LinkList, } from '../../components';
6
+ import { ProductCompareTable } from './ProductCompareTable';
7
+ import { CarouselControl, } from '../../components/common/carouselControl';
8
+ import { Image } from '../../components/images-icons/image';
9
+ import { cn, throttle } from '../../utils';
10
+ import { useBreakpoint } from '../../hooks';
11
+ import { Controller } from 'swiper/modules';
12
+ import { Swiper, SwiperSlide, } from 'swiper/react';
13
+ import 'swiper/css';
14
+ import { getThemeBreakpoints } from '../../utils/breakpoints';
15
+ function usePrevious(value) {
16
+ const ref = React.useRef(undefined);
17
+ React.useEffect(() => {
18
+ ref.current = value;
19
+ });
20
+ return ref.current;
21
+ }
22
+ const ProductCompareAddProductWrapper = ({ headline, children }) => {
23
+ return (_jsxs("div", { className: cn('relative flex flex-col gap-2'), children: [_jsx(Headline, { headingLevel: "h5", children: headline }), _jsx("div", { className: "absolute z-10 flex flex-col w-full gap-6 overflow-auto top-10", "data-product-compare-other-products": true, children: children })] }));
24
+ };
25
+ const ProductCompareProductCard = ({ className, image, headline, headlineActAs, children, onRemove, }) => {
26
+ return (_jsxs("div", { className: cn('relative bg-surface-primary h-full', className), children: [_jsx("div", { className: "absolute z-10 top-2 right-2", children: _jsx(Button, { iconButtonStyle: "brand", variant: 'ghost', iconLeft: _jsx(Icon, { size: "md", name: "core::close" }), onClick: onRemove, tabIndex: 0 }) }), _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] })] }));
27
+ };
28
+ const ProductCompare = ({ headerCardLinks, columns, columnDataHeader, selectedProductsCards, otherProductsCards, addProductsHeadline, addProductsLabel, }) => {
29
+ const containerRef = React.useRef(null);
30
+ const headerRef = React.useRef(null);
31
+ const stickyHeaderBoundaryRef = React.useRef(null);
32
+ const [headerSwiper, setHeaderSwiper] = React.useState(null);
33
+ const [stickyHeaderSwiper, setStickyHeaderSwiper] = React.useState(null);
34
+ const [tableSwiper, setTableSwiper] = React.useState(null);
35
+ const [activeIndex, setActiveIndex] = React.useState(0);
36
+ const [isHeaderSticky, setIsHeaderSticky] = React.useState(false);
37
+ const isMobile = useBreakpoint('lg');
38
+ const themeBreakpoints = getThemeBreakpoints();
39
+ const slidesPerView = isMobile ? 2 : 3;
40
+ const totalProductCards = selectedProductsCards.length + 1;
41
+ const currentViewCount = Math.min(slidesPerView, totalProductCards - activeIndex);
42
+ const currentCountDisplay = activeIndex + currentViewCount;
43
+ const currentPage = totalProductCards < slidesPerView ? totalProductCards : currentCountDisplay;
44
+ const isFirstPage = activeIndex === 0;
45
+ const isLastPage = currentPage === totalProductCards;
46
+ const totalProductCardsPrevious = usePrevious(totalProductCards);
47
+ React.useEffect(() => {
48
+ if (totalProductCards &&
49
+ totalProductCardsPrevious !== undefined &&
50
+ totalProductCardsPrevious !== totalProductCards) {
51
+ headerSwiper?.slideTo(activeIndex, 0, false);
52
+ }
53
+ }, [totalProductCards]);
54
+ const commonSwiperProps = {
55
+ modules: [Controller],
56
+ spaceBetween: 8,
57
+ initialSlide: activeIndex,
58
+ slidesPerView,
59
+ breakpoints: {
60
+ [parseInt(themeBreakpoints['lg'].min)]: {
61
+ slidesPerView: 3,
62
+ },
63
+ [parseInt(themeBreakpoints['sm'].min)]: {
64
+ slidesPerView: 2,
65
+ },
66
+ },
67
+ };
68
+ React.useEffect(() => {
69
+ if (headerSwiper?.controller &&
70
+ tableSwiper?.controller &&
71
+ stickyHeaderSwiper?.controller) {
72
+ headerSwiper.controller.control = [tableSwiper, stickyHeaderSwiper];
73
+ stickyHeaderSwiper.controller.control = headerSwiper;
74
+ tableSwiper.controller.control = headerSwiper;
75
+ }
76
+ }, [headerSwiper, tableSwiper, stickyHeaderSwiper]);
77
+ React.useEffect(() => {
78
+ const alignContainerMinHeight = () => {
79
+ if (containerRef.current) {
80
+ const otherProductsContainerHeight = containerRef.current
81
+ .querySelector('[data-product-compare-other-products]')
82
+ ?.getBoundingClientRect().height || 0;
83
+ const headerContainerHeight = headerRef.current?.getBoundingClientRect().height || 0;
84
+ const headerSize = isMobile ? headerContainerHeight : 0;
85
+ containerRef.current.style.minHeight = `${otherProductsContainerHeight + headerSize}px`;
86
+ }
87
+ };
88
+ const [windowResizeHandler, cancel] = throttle(() => {
89
+ requestAnimationFrame(alignContainerMinHeight);
90
+ }, 25);
91
+ const containerWidthObserver = new ResizeObserver(windowResizeHandler);
92
+ containerWidthObserver.observe(document.body);
93
+ return () => {
94
+ containerWidthObserver.disconnect();
95
+ cancel();
96
+ };
97
+ }, [tableSwiper, columns, isMobile]);
98
+ React.useEffect(() => {
99
+ const stickyHeaderBoundaryRefElement = stickyHeaderBoundaryRef.current;
100
+ if (!stickyHeaderBoundaryRefElement)
101
+ return;
102
+ const stickyObserver = new IntersectionObserver(([entry]) => {
103
+ if (!entry)
104
+ return;
105
+ setIsHeaderSticky(!entry.isIntersecting);
106
+ }, { threshold: 1 });
107
+ stickyObserver.observe(stickyHeaderBoundaryRefElement);
108
+ return () => {
109
+ stickyObserver.disconnect();
110
+ };
111
+ }, []);
112
+ const paginationElement = (_jsx(CarouselControl, { className: "justify-center p-2 mt-0 mb-2 bg-surface-primary", counterText: `${currentPage}/${totalProductCards}`, prevButtonProps: {
113
+ disabled: isFirstPage,
114
+ onClick: () => headerSwiper?.slidePrev(),
115
+ ariaLabel: 'previousButtonAriaLabel',
116
+ 'data-dte-button-id': 'product-compare-prev',
117
+ }, nextButtonProps: {
118
+ disabled: isLastPage,
119
+ onClick: () => headerSwiper?.slideNext(),
120
+ ariaLabel: 'nextButtonAriaLabel',
121
+ 'data-dte-button-id': 'product-compare-next',
122
+ } }));
123
+ const headerCard = (_jsxs(LinkList, { direction: 'col', children: [headerCardLinks, _jsx(Link, { href: "/", disabled: isLastPage, icon: _jsx(Icon, { name: "core::placeholder", size: 'md' }), LinkComponent: props => (_jsx("span", { ...props, className: cn('cursor-pointer', props.className) })), onClick: () => headerSwiper?.slideTo(totalProductCards), children: addProductsLabel })] }));
124
+ const showStickyHeader = isHeaderSticky && selectedProductsCards.length > 0;
125
+ 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: [_jsx("div", { className: "w-full p-4 lg:w-1/5 bg-surface-primary shrink-0", children: headerCard }), _jsxs("div", { className: "w-full lg:w-4/5", children: [paginationElement, _jsx("div", { className: "w-full max-w-[100%] overflow-x-hidden overflow-x-clip", children: _jsx("div", { className: "min-w-0 max-w-[100%]", 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: [_jsx("div", { className: "hidden w-full p-4 lg:w-1/5 shrink-0 lg:block", children: headerCard }), _jsxs("div", { className: "flex flex-col w-full lg:w-4/5", children: [paginationElement, _jsx("div", { className: "w-full max-w-[100%] h-full", children: _jsx("div", { className: "min-w-0 max-w-[100%] 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, { className: "!mr-5" })] }) }) })] })] }) }), _jsx("div", { className: "invisible", ref: stickyHeaderBoundaryRef }), _jsx(ProductCompareTable, { columnDataHeader: columnDataHeader, columns: columns, tableSwiper: tableSwiper, setTableSwiper: setTableSwiper, activeIndex: activeIndex, commonSwiperProps: commonSwiperProps })] }));
126
+ };
127
+ const ProductCompareWrapper = ({ children }) => {
128
+ return _jsx("div", { className: "flex flex-col gap-6 lg:gap-8", children: children });
129
+ };
130
+ export { ProductCompareWrapper, ProductCompare, ProductCompareProductCard, ProductCompareAddProductWrapper, };
131
+ //# sourceMappingURL=ProductCompare.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProductCompare.js","sourceRoot":"","sources":["../../../src/web/productCompare/ProductCompare.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,8 @@
1
+ import * as React from 'react';
2
+ export declare const ProductComparisonContext: React.Context<{
3
+ currentScrollIndex: number;
4
+ }>;
5
+ export declare const useProductComparisonContext: () => {
6
+ currentScrollIndex: number;
7
+ };
8
+ //# sourceMappingURL=ProductCompareContext.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProductCompareContext.d.ts","sourceRoot":"","sources":["../../../src/web/productCompare/ProductCompareContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,wBAAwB;;EAEnC,CAAC;AAEH,eAAO,MAAM,2BAA2B;;CAQvC,CAAC"}
@@ -0,0 +1,12 @@
1
+ import * as React from 'react';
2
+ export const ProductComparisonContext = React.createContext({
3
+ currentScrollIndex: 0,
4
+ });
5
+ export const useProductComparisonContext = () => {
6
+ const context = React.useContext(ProductComparisonContext);
7
+ if (!context) {
8
+ throw new Error('useComparisonTableContext must be used within a ComparisonTableContext');
9
+ }
10
+ return context;
11
+ };
12
+ //# sourceMappingURL=ProductCompareContext.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProductCompareContext.js","sourceRoot":"","sources":["../../../src/web/productCompare/ProductCompareContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAC,MAAM,wBAAwB,GAAG,KAAK,CAAC,aAAa,CAAC;IAC1D,kBAAkB,EAAE,CAAC;CACtB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,EAAE;IAC9C,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAC3D,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,wEAAwE,CACzE,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}
@@ -0,0 +1,34 @@
1
+ import * as React from 'react';
2
+ import { type TooltipProps } from '../../components';
3
+ import { type ProductCompareColumnType } from './ProductCompare';
4
+ import { type SwiperProps, type SwiperClass } from 'swiper/react';
5
+ export interface ProductCompareTableCellProps extends React.HTMLAttributes<HTMLDivElement> {
6
+ children?: React.ReactNode;
7
+ mobileHeader?: boolean;
8
+ header?: boolean;
9
+ columnIndex?: number;
10
+ tooltipProps?: Omit<TooltipProps, 'triggerButtonProps'>;
11
+ }
12
+ declare const ProductCompareTableCell: React.FC<ProductCompareTableCellProps>;
13
+ export interface ProductCompareTableTitleCellProps extends React.HTMLAttributes<HTMLDivElement> {
14
+ children?: React.ReactNode;
15
+ mobileHeader?: boolean;
16
+ columnIndex?: number;
17
+ }
18
+ declare const ProductCompareTableTitleCell: React.FC<ProductCompareTableTitleCellProps>;
19
+ export interface ProductCompareTableColumnProps {
20
+ children?: React.ReactNode;
21
+ isLastColumn?: boolean;
22
+ }
23
+ declare const ProductCompareTableColumn: React.FC<ProductCompareTableColumnProps>;
24
+ export interface ProductCompareTableProps {
25
+ columns: ProductCompareColumnType[];
26
+ activeIndex: number;
27
+ columnDataHeader?: React.ReactNode;
28
+ setTableSwiper: (swiperInstance: SwiperClass) => void;
29
+ tableSwiper: SwiperClass | null;
30
+ commonSwiperProps: SwiperProps;
31
+ }
32
+ declare const ProductCompareTable: React.FC<ProductCompareTableProps>;
33
+ export { ProductCompareTable, ProductCompareTableColumn, ProductCompareTableCell, ProductCompareTableTitleCell, };
34
+ //# sourceMappingURL=ProductCompareTable.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProductCompareTable.d.ts","sourceRoot":"","sources":["../../../src/web/productCompare/ProductCompareTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAA8B,KAAK,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAKhF,OAAO,EAAC,KAAK,wBAAwB,EAAC,MAAM,kBAAkB,CAAC;AAI/D,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,WAAW,EACjB,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,4BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,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,CAyCnE,CAAC;AAEF,MAAM,WAAW,iCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,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;CACxB;AAED,QAAA,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAYvE,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;CAChC;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAmI3D,CAAC;AAEF,OAAO,EACL,mBAAmB,EACnB,yBAAyB,EACzB,uBAAuB,EACvB,4BAA4B,GAC7B,CAAC"}
@@ -0,0 +1,94 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import * as React from 'react';
4
+ import ResizeObserver from 'resize-observer-polyfill';
5
+ import { BodyText, Headline, Tooltip } from '../../components';
6
+ import { ProductComparisonContext, useProductComparisonContext, } from './ProductCompareContext';
7
+ import { cn, throttle } from '../../utils';
8
+ import { useBreakpoint } from '../../hooks';
9
+ import { Swiper, SwiperSlide, } from 'swiper/react';
10
+ const ProductCompareTableCell = ({ children, mobileHeader, header, columnIndex, tooltipProps, ...props }) => {
11
+ const { currentScrollIndex } = useProductComparisonContext();
12
+ const hideContent = columnIndex !== undefined && currentScrollIndex !== columnIndex;
13
+ return (_jsx(BodyText, { variant: 'small', asChild: true, weight: header || mobileHeader ? 'bold' : 'normal', children: _jsx("div", { className: cn('bg-surface-primary border-b-draeger-cool-gray-100 pl-3 pr-5 py-2 border-b flex items-center', mobileHeader && 'bg-surface-hover lg:hidden'), "data-comparison-title-column-index": columnIndex, ...props, children: _jsxs("div", { className: cn('transition-opacity duration-100 w-full flex gap-2 items-center', hideContent && 'opacity-0 pointer-events-none'), children: [_jsx("span", { className: "min-w-0", children: children }), tooltipProps && (_jsx(Tooltip, { ...tooltipProps, triggerButtonProps: { size: 'sm' } }))] }) }) }));
14
+ };
15
+ const ProductCompareTableTitleCell = ({ children, mobileHeader, columnIndex, ...props }) => {
16
+ const { currentScrollIndex } = useProductComparisonContext();
17
+ const hideContent = columnIndex !== undefined && currentScrollIndex !== columnIndex;
18
+ return (_jsx("div", { className: cn('flex items-center p-2 mt-6 lg:mt-8', mobileHeader && 'lg:invisible'), ...props, children: _jsx(Headline, { headingLevel: "h6", spacingBottom: false, className: cn('transition-opacity duration-100', hideContent && 'opacity-0 pointer-events-none'), children: children }) }));
19
+ };
20
+ const ProductCompareTableColumn = ({ children, isLastColumn, }) => {
21
+ return (_jsx("div", { "data-comparison-product-column": true, className: cn('flex flex-col', !isLastColumn && 'w-[calc(100%+8px)]'), children: children }));
22
+ };
23
+ const ProductCompareTable = ({ columns, setTableSwiper, tableSwiper, commonSwiperProps, activeIndex, columnDataHeader, }) => {
24
+ const comparisonHeaderColumnRef = React.useRef(null);
25
+ const isMobile = useBreakpoint('lg');
26
+ React.useEffect(() => {
27
+ const tableSliderElement = tableSwiper?.el;
28
+ if (!tableSliderElement)
29
+ return;
30
+ const minRowHeight = 56;
31
+ const minMobileHeaderRowHeight = 34;
32
+ const alignRowHeights = () => {
33
+ if (!tableSliderElement)
34
+ return;
35
+ // Get all product column elements (excluding the header column on mobile)
36
+ const productColumnElements = [
37
+ !isMobile && comparisonHeaderColumnRef.current,
38
+ ...Array.from(tableSliderElement.querySelectorAll('[data-comparison-product-column]')),
39
+ ].filter(Boolean); // Filter out any null/undefined elements
40
+ // Helper function to filter relevant row elements
41
+ const getRowElements = (columnElement) => {
42
+ return Array.from(columnElement.children).filter((node) => {
43
+ if (isMobile)
44
+ return true;
45
+ const isMobileHeader = node.hasAttribute('data-comparison-title-column-index');
46
+ return !isMobileHeader;
47
+ });
48
+ };
49
+ // Step 1: Reset all min-heights
50
+ productColumnElements.forEach(column => column &&
51
+ getRowElements(column).forEach(row => {
52
+ const isMobileHeader = row.hasAttribute('data-comparison-title-column-index');
53
+ const minHeight = isMobileHeader
54
+ ? minMobileHeaderRowHeight
55
+ : minRowHeight;
56
+ row.style.minHeight = `${minHeight}px`;
57
+ }));
58
+ // Step 2: Calculate maximum heights for each row
59
+ const maxRowHeights = [];
60
+ productColumnElements.forEach(column => {
61
+ column &&
62
+ getRowElements(column).forEach((row, rowIndex) => {
63
+ const isMobileHeader = row.hasAttribute('data-comparison-title-column-index');
64
+ const minHeight = isMobileHeader
65
+ ? minMobileHeaderRowHeight
66
+ : minRowHeight;
67
+ const height = row.getBoundingClientRect().height;
68
+ const currentMaxHeight = maxRowHeights[rowIndex] || minHeight;
69
+ maxRowHeights[rowIndex] = Math.max(height, currentMaxHeight);
70
+ });
71
+ });
72
+ // Step 3: Apply the calculated heights
73
+ productColumnElements.forEach(column => {
74
+ column &&
75
+ getRowElements(column).forEach((row, rowIndex) => {
76
+ row.style.minHeight = `${maxRowHeights[rowIndex]}px`;
77
+ });
78
+ });
79
+ };
80
+ const [windowResizeHandler, cancel] = throttle(() => requestAnimationFrame(alignRowHeights), 25);
81
+ const containerWidthObserver = new ResizeObserver(windowResizeHandler);
82
+ containerWidthObserver.observe(document.body);
83
+ alignRowHeights();
84
+ return () => {
85
+ containerWidthObserver.disconnect();
86
+ cancel();
87
+ };
88
+ }, [tableSwiper, columns, isMobile]);
89
+ return (_jsxs("div", { className: "flex", children: [_jsx("div", { className: "hidden w-[calc(20%+0.5rem)] lg:block shrink-0", ref: comparisonHeaderColumnRef, children: columns.length > 0 && columnDataHeader }), _jsx(ProductComparisonContext.Provider, { value: {
90
+ currentScrollIndex: activeIndex,
91
+ }, children: _jsx("div", { className: "w-full lg:w-4/5", children: _jsx("div", { className: "min-w-0 max-w-[100%]", children: _jsx(Swiper, { ...commonSwiperProps, onSwiper: setTableSwiper, children: columns.map(column => (_jsx(SwiperSlide, { children: column.element }, `table_column_slide_${column.product}`))) }) }) }) })] }));
92
+ };
93
+ export { ProductCompareTable, ProductCompareTableColumn, ProductCompareTableCell, ProductCompareTableTitleCell, };
94
+ //# sourceMappingURL=ProductCompareTable.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProductCompareTable.js","sourceRoot":"","sources":["../../../src/web/productCompare/ProductCompareTable.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ export * from './ProductCompare';
2
+ export * from './ProductCompareTable';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +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"}
@@ -0,0 +1,3 @@
1
+ export * from './ProductCompare';
2
+ export * from './ProductCompareTable';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/web/productCompare/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC"}
@@ -0,0 +1,29 @@
1
+ import * as React from 'react';
2
+ import { type ImageProps, type ButtonProps, type LinkButtonProps } from '../../components';
3
+ export interface ProductCompareBarTileProps {
4
+ label: string;
5
+ imageProps: Omit<ImageProps, 'ratio'>;
6
+ onRemove: () => void;
7
+ }
8
+ declare const ProductCompareBarTile: React.FC<ProductCompareBarTileProps>;
9
+ export interface ProductCompareBarGroupControlProps {
10
+ active?: boolean;
11
+ onClick?: () => void;
12
+ }
13
+ export interface ProductCompareBarGroupProps {
14
+ children?: React.ReactNode;
15
+ categoryHeadline?: string;
16
+ }
17
+ declare const ProductCompareBarGroup: React.FC<ProductCompareBarGroupProps>;
18
+ export interface ProductCompareBarProps {
19
+ headline: string;
20
+ isExpanded: boolean;
21
+ onExpand: () => void;
22
+ clearButtonProps?: ButtonProps;
23
+ compareLinkButtonProps?: LinkButtonProps;
24
+ children?: React.ReactNode;
25
+ className?: string;
26
+ }
27
+ declare const ProductCompareBar: React.FC<ProductCompareBarProps>;
28
+ export { ProductCompareBar, ProductCompareBarGroup, ProductCompareBarTile };
29
+ //# sourceMappingURL=ProductCompareBar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProductCompareBar.d.ts","sourceRoot":"","sources":["../../../src/web/productCompareBar/ProductCompareBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAML,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,eAAe,EACrB,MAAM,kBAAkB,CAAC;AAK1B,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IACtC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAyB/D,CAAC;AAEF,MAAM,WAAW,kCAAkC;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAwBD,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAgGjE,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC/B,sBAAsB,CAAC,EAAE,eAAe,CAAC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAuGvD,CAAC;AAEF,OAAO,EAAC,iBAAiB,EAAE,sBAAsB,EAAE,qBAAqB,EAAC,CAAC"}
@@ -0,0 +1,61 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import * as React from 'react';
4
+ import useEmblaCarousel from 'embla-carousel-react';
5
+ import { BodyText, Button, LinkButton, Icon, Image, } from '../../components';
6
+ import { usePrevNextButtons } from '../../hooks/emblaCarousel/usePrevNextButtons';
7
+ import { useElementSize } from '../../hooks/useElementSize';
8
+ import { cn } from '../../utils';
9
+ const ProductCompareBarTile = ({ label, imageProps, onRemove, }) => {
10
+ return (_jsx("div", { className: "pl-6 min-w-0 flex-[0_0] basis-1/2 2xl:basis-1/4", children: _jsxs("div", { className: "relative h-full p-2 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(Icon, { name: "core::close" }), onClick: onRemove, "aria-label": "Remove product" }), _jsxs("div", { className: "flex flex-col items-center justify-center h-full gap-2 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", children: label })] })] }) }));
11
+ };
12
+ const ProductCompareBarGroupControl = ({ active, onClick }) => (_jsx("div", { className: cn('transition-[background] w-2 h-2 border rounded-full cursor-pointer border-border-secondary', active && 'bg-surface-primary'), onClick: () => onClick?.() }));
13
+ const ProductCompareBarGroupControls = ({ children }) => {
14
+ return _jsx("div", { className: cn('flex justify-center gap-x-2'), children: children });
15
+ };
16
+ const ProductCompareBarGroup = ({ categoryHeadline, children, }) => {
17
+ const [emblaRef, emblaApi] = useEmblaCarousel({
18
+ align: 'start',
19
+ slidesToScroll: 'auto',
20
+ containScroll: 'keepSnaps',
21
+ watchDrag: true,
22
+ });
23
+ const { canScrollNext, canScrollPrev, scrollPrev, scrollNext } = usePrevNextButtons(emblaApi);
24
+ const [scrollSnaps, setScrollSnaps] = React.useState([]);
25
+ const [activeIndex, setActiveIndex] = React.useState(0);
26
+ const onSelect = React.useCallback(() => {
27
+ if (!emblaApi) {
28
+ return;
29
+ }
30
+ setActiveIndex(emblaApi.selectedScrollSnap());
31
+ }, [emblaApi]);
32
+ React.useEffect(() => {
33
+ if (!emblaApi)
34
+ return;
35
+ const handleResize = () => {
36
+ setScrollSnaps(emblaApi.scrollSnapList());
37
+ };
38
+ onSelect();
39
+ handleResize();
40
+ emblaApi.on('select', onSelect);
41
+ emblaApi.on('resize', handleResize);
42
+ return () => {
43
+ emblaApi.off('select', onSelect);
44
+ emblaApi.off('resize', handleResize);
45
+ };
46
+ }, [emblaApi, emblaApi?.scrollSnapList()]);
47
+ const scrollTo = React.useCallback((index) => emblaApi && emblaApi.scrollTo(index), [emblaApi]);
48
+ return (_jsx("div", { className: "relative", children: _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(BodyText, { textColor: 'invert', children: categoryHeadline }), _jsxs("div", { className: "relative", children: [_jsx("div", { ref: emblaRef, className: "overflow-hidden font-text", children: _jsx("div", { className: "flex -ml-6", children: children }) }), canScrollPrev && (_jsx(Button, { onClick: scrollPrev, size: 'sm', variant: 'ghost', theme: "dark", "aria-label": "Scroll prev", className: "absolute hidden -translate-y-1/2 -left-10 top-1/2 2xl:block", iconLeft: _jsx(Icon, { name: "core::chevron-left", color: 'invert', size: "md" }) })), canScrollNext && (_jsx(Button, { onClick: scrollNext, size: 'sm', variant: 'ghost', theme: "dark", "aria-label": "Scroll next", className: "absolute hidden -translate-y-1/2 -right-10 top-1/2 2xl:block", iconLeft: _jsx(Icon, { name: "core::chevron-right", color: 'invert', size: "md" }) }))] }), scrollSnaps.length > 1 && (_jsx(ProductCompareBarGroupControls, { children: scrollSnaps.map((_, index) => (_jsx(ProductCompareBarGroupControl, { active: activeIndex === index, onClick: () => scrollTo(index) }, index))) }))] }) }));
49
+ };
50
+ const ProductCompareBar = ({ headline, isExpanded, onExpand, clearButtonProps, compareLinkButtonProps, children, className, }) => {
51
+ const [ref, { height: contentHeight }] = useElementSize([isExpanded]);
52
+ const id = React.useId();
53
+ return (_jsx("div", { className: cn('sticky bottom-0 z-50 min-h-14 h-full max-h-[80svh] lg:max-h-[50svh] overflow-y-auto overscroll-contain max-w-[100%]', className), children: _jsxs("div", { className: cn('flex flex-col items-center justify-center w-full h-full max-h-[100%] h-full bg-surface-brand'), children: [_jsx("div", { className: "sticky top-0 z-10 w-full py-2 px-9 lg:px-10 bg-surface-brand max-w-content-block", children: _jsxs("div", { className: "relative flex items-center justify-between 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 -translate-x-1/2 left-1/2", children: _jsx("div", { className: "flex items-center justify-center h-full", children: _jsx(Button, { iconLeft: _jsx(Icon, { name: "core::chevron-up", className: cn('transition-transform duration-200', isExpanded ? 'rotate-180' : 'rotate-0') }), "aria-label": isExpanded
54
+ ? 'Hide product compare bar'
55
+ : 'Show product compare bar', size: 'sm', variant: 'ghost', theme: "dark", onClick: () => {
56
+ onExpand();
57
+ } }) }) }), _jsxs("div", { className: "invisible gap-2 lg:visible lg:flex", children: [clearButtonProps && (_jsx(Button, { size: 'sm', variant: 'ghost', ...clearButtonProps })), compareLinkButtonProps && (_jsx(LinkButton, { size: 'sm', ...compareLinkButtonProps }))] })] }) }), _jsx("div", { className: "w-full max-w-content-block", children: _jsx("div", { className: cn('transition-all duration-300 ease-in-out px-9 lg:px-10 overflow-hidden max-w-[100%]', //
58
+ !isExpanded && 'overflow-hidden', isExpanded ? 'opacity-100' : 'opacity-0', isExpanded && 'mb-3'), style: { height: isExpanded ? `${contentHeight}px` : '0' }, role: "region", id: `panel_${id}`, "aria-labelledby": `trigger_${id}`, children: _jsxs("div", { ref: ref, className: cn('flex flex-col gap-4 max-w-[100%]'), children: [children, _jsxs("div", { className: cn('flex flex-col items-center gap-2 lg:hidden', !isExpanded && 'hidden'), children: [compareLinkButtonProps && (_jsx(LinkButton, { ...compareLinkButtonProps })), clearButtonProps && (_jsx(Button, { variant: 'ghost', ...clearButtonProps }))] })] }) }) })] }) }));
59
+ };
60
+ export { ProductCompareBar, ProductCompareBarGroup, ProductCompareBarTile };
61
+ //# sourceMappingURL=ProductCompareBar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProductCompareBar.js","sourceRoot":"","sources":["../../../src/web/productCompareBar/ProductCompareBar.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export * from './ProductCompareBar';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/web/productCompareBar/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './ProductCompareBar';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/web/productCompareBar/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}
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.1.32",
4
+ "version": "1.1.34",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "description": "ODX React component library for websites",
7
7
  "type": "module",
@@ -118,7 +118,9 @@
118
118
  "./components/layout/spacer": "./dist/components/layout/spacer/index.js",
119
119
  "./components/actions/toast": "./dist/components/actions/toast/index.js",
120
120
  "./components/actions/quantitySelector": "./dist/components/actions/quantitySelector/index.js",
121
- "./components/layout/raqListItem": "./dist/components/layout/raqListItem/index.js"
121
+ "./components/layout/raqListItem": "./dist/components/layout/raqListItem/index.js",
122
+ "./web/productCompare": "./dist/web/productCompare/index.js",
123
+ "./web/productCompareBar": "./dist/web/productCompareBar/index.js"
122
124
  },
123
125
  "typesVersions": {
124
126
  "*": {
@@ -454,6 +456,12 @@
454
456
  ],
455
457
  "components/actions/readOnlyTag": [
456
458
  "./dist/components/actions/readOnlyTag/index.d.ts"
459
+ ],
460
+ "web/productCompare": [
461
+ "./dist/web/productCompare/index.d.ts"
462
+ ],
463
+ "web/productCompareBar": [
464
+ "./dist/web/productCompareBar/index.d.ts"
457
465
  ]
458
466
  }
459
467
  },
@@ -481,6 +489,7 @@
481
489
  "html-react-parser": "^5.1.10",
482
490
  "react-toastify": "^11.0.5",
483
491
  "resize-observer-polyfill": "^1.5.1",
492
+ "swiper": "^11.2.7",
484
493
  "tailwind-merge": "^2.3.0",
485
494
  "tailwindcss-animate": "^1.0.7",
486
495
  "tsx": "^4.19.2",
@@ -512,7 +521,7 @@
512
521
  "vitest": "^3.1.0-beta.1",
513
522
  "@odx/eslint-config-websites": "0.0.1",
514
523
  "@odx/websites-tsconfig": "0.0.0",
515
- "@odx/websites-ui": "0.2.27"
524
+ "@odx/websites-ui": "0.2.29"
516
525
  },
517
526
  "peerDependencies": {
518
527
  "@odx/flag-icons": "1.0.2",