@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.
- package/dist/components/actions/checkbox/Checkbox.js +1 -1
- package/dist/components/actions/checkbox/Checkbox.js.map +1 -1
- package/dist/components/actions/link/Link.js +4 -4
- package/dist/components/actions/link/Link.js.map +1 -1
- package/dist/components/actions/toast/Toast.js +1 -1
- package/dist/components/actions/toast/Toast.js.map +1 -1
- package/dist/components/actions/toast/ToastContext.d.ts +2 -1
- package/dist/components/actions/toast/ToastContext.d.ts.map +1 -1
- package/dist/components/actions/toast/ToastContext.js +3 -3
- package/dist/components/actions/toast/ToastContext.js.map +1 -1
- package/dist/components/common/carouselControl/CarouselControl.d.ts +1 -0
- package/dist/components/common/carouselControl/CarouselControl.d.ts.map +1 -1
- package/dist/components/common/carouselControl/CarouselControl.js +2 -1
- package/dist/components/common/carouselControl/CarouselControl.js.map +1 -1
- package/dist/components/layout/card/ProductCard.d.ts +1 -0
- package/dist/components/layout/card/ProductCard.d.ts.map +1 -1
- package/dist/components/layout/card/ProductCard.js +2 -2
- package/dist/components/layout/card/ProductCard.js.map +1 -1
- package/dist/components/layout/list/List.js +4 -4
- package/dist/components/layout/list/List.js.map +1 -1
- package/dist/components/structures/loadingSpinner/LoadingSpinner.d.ts.map +1 -1
- package/dist/components/structures/loadingSpinner/LoadingSpinner.js +1 -1
- package/dist/components/structures/loadingSpinner/LoadingSpinner.js.map +1 -1
- package/dist/components/typography/bodyText/BodyText.d.ts +1 -1
- package/dist/components/typography/bodyText/BodyText.d.ts.map +1 -1
- package/dist/components/typography/bodyText/BodyText.js +1 -0
- package/dist/components/typography/bodyText/BodyText.js.map +1 -1
- package/dist/web/index.d.ts +5 -0
- package/dist/web/index.d.ts.map +1 -1
- package/dist/web/index.js +5 -0
- package/dist/web/index.js.map +1 -1
- package/dist/web/productCompare/ProductCompare.d.ts +38 -0
- package/dist/web/productCompare/ProductCompare.d.ts.map +1 -0
- package/dist/web/productCompare/ProductCompare.js +131 -0
- package/dist/web/productCompare/ProductCompare.js.map +1 -0
- package/dist/web/productCompare/ProductCompareContext.d.ts +8 -0
- package/dist/web/productCompare/ProductCompareContext.d.ts.map +1 -0
- package/dist/web/productCompare/ProductCompareContext.js +12 -0
- package/dist/web/productCompare/ProductCompareContext.js.map +1 -0
- package/dist/web/productCompare/ProductCompareTable.d.ts +34 -0
- package/dist/web/productCompare/ProductCompareTable.d.ts.map +1 -0
- package/dist/web/productCompare/ProductCompareTable.js +94 -0
- package/dist/web/productCompare/ProductCompareTable.js.map +1 -0
- package/dist/web/productCompare/index.d.ts +3 -0
- package/dist/web/productCompare/index.d.ts.map +1 -0
- package/dist/web/productCompare/index.js +3 -0
- package/dist/web/productCompare/index.js.map +1 -0
- package/dist/web/productCompareBar/ProductCompareBar.d.ts +29 -0
- package/dist/web/productCompareBar/ProductCompareBar.d.ts.map +1 -0
- package/dist/web/productCompareBar/ProductCompareBar.js +61 -0
- package/dist/web/productCompareBar/ProductCompareBar.js.map +1 -0
- package/dist/web/productCompareBar/index.d.ts +2 -0
- package/dist/web/productCompareBar/index.d.ts.map +1 -0
- package/dist/web/productCompareBar/index.js +2 -0
- package/dist/web/productCompareBar/index.js.map +1 -0
- 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,
|
|
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":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAA8C,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,OAAO,EAAC,MAAM,0BAA0B,CAAC;AAEjD,MAAM,WAAW,GAAG;;CAEnB,CAAC;AAEF,MAAM,iBAAiB,GAAG;IACxB,OAAO,EACL,8IAA8I;IAChJ,SAAS,EACP,yIAAyI;CAC5I,CAAC;AAEF,MAAM,gBAAgB,GAAG;IACvB,OAAO,EACL,uJAAuJ;IACzJ,SAAS,EACP,uJAAuJ;CAC1J,CAAC;AAEF,MAAM,yBAAyB,GAAG;IAChC,IAAI,EAAE,
|
|
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
|
|
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,
|
|
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,
|
|
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-
|
|
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:
|
|
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,
|
|
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;
|
|
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:
|
|
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;
|
|
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;
|
|
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:
|
|
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;
|
|
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":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,IAAI,EAAY,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAC,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAa7C,MAAM,QAAQ,GAA4B,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE,CAC5E,QAAQ,IAAI,CACV,gBAAQ,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,YACpC,QAAQ,GACN,CACN,CAAC;AAEJ,MAAM,kBAAkB,GAAG;;CAE1B,CAAC;AAEF,MAAM,WAAW,GAA+B,CAAC,EAC/C,SAAS,EACT,OAAO,GAAG,QAAQ,EAClB,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,KAAC,QAAQ,IAAC,OAAO,QAAC,OAAO,EAAE,OAAO,
|
|
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,
|
|
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
|
|
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,
|
|
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;;;;
|
|
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"}
|
|
@@ -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"}
|
package/dist/web/index.d.ts
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.d.ts.map
|
package/dist/web/index.d.ts.map
CHANGED
|
@@ -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
|
package/dist/web/index.js.map
CHANGED
|
@@ -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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/web/productCompareBar/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}
|
|
@@ -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.
|
|
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.
|
|
524
|
+
"@odx/websites-ui": "0.2.29"
|
|
516
525
|
},
|
|
517
526
|
"peerDependencies": {
|
|
518
527
|
"@odx/flag-icons": "1.0.2",
|