@odx/websites-react 1.1.139 → 1.1.141
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/tag/Tag.js +1 -1
- package/dist/components/actions/tag/Tag.js.map +1 -1
- package/dist/web/product/productStage/ProductStageContainerThumbnail.js +3 -3
- package/dist/web/product/productStage/ProductStageContainerThumbnail.js.map +1 -1
- package/dist/web/productFinder/contentSwitch/ContentSwitch.js +4 -4
- package/dist/web/productFinder/contentSwitch/ContentSwitch.js.map +1 -1
- package/package.json +1 -1
|
@@ -45,7 +45,7 @@ const tagButtonVariants = cva(tagButtonClasses, {
|
|
|
45
45
|
},
|
|
46
46
|
});
|
|
47
47
|
const Tag = ({ value, label, hierarchy, size, disabled, onClose, className, ...props }) => {
|
|
48
|
-
return (_jsxs("div", { id: value, "aria-disabled": disabled, className: cn(tagVariants({ size, hierarchy, className })), ...props, children: [_jsx("span", { className: "shrink", children: label }), _jsx("button", { "aria-label": "close", onClick: onClose, tabIndex: disabled ? -1 : 0, disabled: disabled, className: cn(tagButtonVariants({ size, hierarchy })), children: _jsx(IconPropsWrapper, { size: size === 'xs' ? 'sm' : 'md', children: _jsx(IconCoreClose, { className: "justify-center" }) }) })] }));
|
|
48
|
+
return (_jsxs("div", { id: value, "aria-disabled": disabled, className: cn(tagVariants({ size, hierarchy, className })), ...props, children: [_jsx("span", { className: "shrink", children: label }), _jsx("button", { "aria-label": "close", onClick: onClose, tabIndex: disabled ? -1 : 0, disabled: disabled, className: cn(tagButtonVariants({ size, hierarchy })), children: _jsx(IconPropsWrapper, { size: size === 'xs' ? 'sm' : 'md', children: _jsx(IconCoreClose, { className: "items-center justify-center" }) }) })] }));
|
|
49
49
|
};
|
|
50
50
|
export { Tag };
|
|
51
51
|
//# sourceMappingURL=Tag.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../src/components/actions/tag/Tag.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,aAAa,EAAE,gBAAgB,EAAC,MAAM,YAAY,CAAC;AAC3D,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,cAAc,GAAG;;;;;CAKtB,CAAC;AAEF,MAAM,WAAW,GAAG,GAAG,CAAC,cAAc,EAAE;IACtC,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,gDAAgD;YACpD,EAAE,EAAE,gDAAgD;SACrD;QACD,SAAS,EAAE;YACT,OAAO,EACL,2GAA2G;YAC7G,SAAS,EACP,8IAA8I;SACjJ;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,SAAS;KACrB;CACF,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAAG;;;CAGxB,CAAC;AAEF,MAAM,iBAAiB,GAAG,GAAG,CAAC,gBAAgB,EAAE;IAC9C,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,2BAA2B;YAC/B,EAAE,EAAE,SAAS;SACd;QACD,SAAS,EAAE;YACT,OAAO,EACL,kJAAkJ;YACpJ,SAAS,EACP,+MAA+M;SAClN;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,SAAS;KACrB;CACF,CAAC,CAAC;AAWH,MAAM,GAAG,GAAuB,CAAC,EAC/B,KAAK,EACL,KAAK,EACL,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,eACE,EAAE,EAAE,KAAK,mBACM,QAAQ,EACvB,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,SAAS,EAAC,CAAC,CAAC,KACpD,KAAK,aAET,eAAM,SAAS,EAAC,QAAQ,YAAE,KAAK,GAAQ,EACvC,+BACa,OAAO,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,EAAC,IAAI,EAAE,SAAS,EAAC,CAAC,CAAC,YAEnD,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,YACjD,KAAC,aAAa,IAAC,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../src/components/actions/tag/Tag.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,aAAa,EAAE,gBAAgB,EAAC,MAAM,YAAY,CAAC;AAC3D,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,cAAc,GAAG;;;;;CAKtB,CAAC;AAEF,MAAM,WAAW,GAAG,GAAG,CAAC,cAAc,EAAE;IACtC,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,gDAAgD;YACpD,EAAE,EAAE,gDAAgD;SACrD;QACD,SAAS,EAAE;YACT,OAAO,EACL,2GAA2G;YAC7G,SAAS,EACP,8IAA8I;SACjJ;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,SAAS;KACrB;CACF,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAAG;;;CAGxB,CAAC;AAEF,MAAM,iBAAiB,GAAG,GAAG,CAAC,gBAAgB,EAAE;IAC9C,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,2BAA2B;YAC/B,EAAE,EAAE,SAAS;SACd;QACD,SAAS,EAAE;YACT,OAAO,EACL,kJAAkJ;YACpJ,SAAS,EACP,+MAA+M;SAClN;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,SAAS;KACrB;CACF,CAAC,CAAC;AAWH,MAAM,GAAG,GAAuB,CAAC,EAC/B,KAAK,EACL,KAAK,EACL,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,eACE,EAAE,EAAE,KAAK,mBACM,QAAQ,EACvB,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,SAAS,EAAC,CAAC,CAAC,KACpD,KAAK,aAET,eAAM,SAAS,EAAC,QAAQ,YAAE,KAAK,GAAQ,EACvC,+BACa,OAAO,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,EAAC,IAAI,EAAE,SAAS,EAAC,CAAC,CAAC,YAEnD,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,YACjD,KAAC,aAAa,IAAC,SAAS,EAAC,6BAA6B,GAAG,GACxC,GACZ,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,GAAG,EAAC,CAAC"}
|
|
@@ -27,7 +27,7 @@ const mediaThumbnailClasses = `
|
|
|
27
27
|
md:border-2 border-border-contrast active:border-border-primary focus:border-border-accent hover:border-border-primary
|
|
28
28
|
`;
|
|
29
29
|
const MediaThumbnail = ({ children, isActive, isVideo, className, ...props }) => {
|
|
30
|
-
return (_jsxs("button", { tabIndex: 0, className: cn(mediaThumbnailClasses, isActive && 'border-border-primary', className), ...props, children: [isVideo && (_jsx(IconCoreMediaPlay, { size: 'lg', color: 'accent', className: "absolute -
|
|
30
|
+
return (_jsxs("button", { tabIndex: 0, className: cn(mediaThumbnailClasses, isActive && 'border-border-primary', className), ...props, children: [isVideo && (_jsx(IconCoreMediaPlay, { size: 'lg', color: 'accent', className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" })), children, _jsx("div", { className: "transition-all absolute top-0 right-0 bottom-0 left-0 bg-[#000000] opacity-0 group-hover:opacity-30 pointer-events-none" })] }));
|
|
31
31
|
};
|
|
32
32
|
export const ProductStageContainerThumbnail = ({ mediaElements, onSelect }) => {
|
|
33
33
|
const [emblaMainRef, emblaMainApi] = useEmblaCarousel({});
|
|
@@ -79,11 +79,11 @@ export const ProductStageContainerThumbnail = ({ mediaElements, onSelect }) => {
|
|
|
79
79
|
.off('reInit', thumbnailScrollHandler);
|
|
80
80
|
};
|
|
81
81
|
}, [emblaMainApi, onSelectHandler]);
|
|
82
|
-
return (_jsxs("div", { className: "flex flex-col md:gap-4 font-text", children: [_jsxs("div", { className: "
|
|
82
|
+
return (_jsxs("div", { className: "flex flex-col md:gap-4 font-text", children: [_jsxs("div", { className: "overflow-hidden relative", ref: emblaMainRef, children: [_jsx("div", { className: "flex gap-x-2", children: mediaElements?.map((mediaElement, index) => (_jsx("div", { className: "flex-[0_0] basis-full overflow-hidden rounded-md bg-surface-secondary", children: mediaElement.type === 'image' ? (_jsx(Image, { ratio: '4/3', className: "mix-blend-darken", ...mediaElement.image })) : (_jsx(Video, { ...mediaElement.video,
|
|
83
83
|
previewImage: {
|
|
84
84
|
...mediaElement.video.previewImage,
|
|
85
85
|
ratio: '4/3',
|
|
86
86
|
className: 'mix-blend-darken',
|
|
87
|
-
} })) }, index))) }), scrollSnaps.length > 1 && (_jsx(Controls, { className: "md:hidden", children: scrollSnaps.map((_, index) => (_jsx(ControlsItem, { index: index, active: selectedIndex === index, className: "cursor-pointer md:pointer-events-none md:cursor-default", onClick: () => onThumbClick(index) }, index))) }))] }), _jsxs("div", { className: "relative invisible h-0
|
|
87
|
+
} })) }, index))) }), scrollSnaps.length > 1 && (_jsx(Controls, { className: "md:hidden", children: scrollSnaps.map((_, index) => (_jsx(ControlsItem, { index: index, active: selectedIndex === index, className: "cursor-pointer md:pointer-events-none md:cursor-default", onClick: () => onThumbClick(index) }, index))) }))] }), _jsxs("div", { className: "overflow-hidden relative invisible h-0 md:visible md:h-auto", ref: emblaThumbsRef, children: [_jsx("div", { className: "flex gap-2 select-none touch-pan-y touch-pinch-zoom", children: mediaElements?.map((mediaElement, index) => (_jsx("div", { className: "flex-[0_0] basis-full md:basis-[80px]", children: _jsx(MediaThumbnail, { isActive: selectedIndex === index, isVideo: mediaElement.type === 'video', onClick: () => onThumbClick(index), children: _jsx(Image, { fit: "cover", ratio: '1/1', className: "mix-blend-darken", ...mediaElement.thumbnailImage }) }) }, index))) }), canScrollPrev && (_jsx(ControlButton, { onClick: () => emblaThumbsApi?.scrollPrev(), position: 'left', icon: _jsx(IconCoreChevronLeft, {}) })), canScrollNext && (_jsx(ControlButton, { onClick: () => emblaThumbsApi?.scrollNext(), position: 'right', icon: _jsx(IconCoreChevronRight, {}) }))] })] }));
|
|
88
88
|
};
|
|
89
89
|
//# sourceMappingURL=ProductStageContainerThumbnail.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductStageContainerThumbnail.js","sourceRoot":"","sources":["../../../../src/web/product/productStage/ProductStageContainerThumbnail.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,QAAQ,EAAE,YAAY,EAAC,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EACL,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,GAClB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAC,KAAK,EAAkB,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAC,KAAK,EAAkB,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAC,EAAE,EAAE,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAC,gBAAgB,EAAC,MAAM,0BAA0B,CAAC;AAE1D,MAAM,qBAAqB,GAAG,GAAG,CAC/B,iJAAiJ,EACjJ;IACE,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,IAAI,EAAE,0BAA0B;YAChC,KAAK,EAAE,wCAAwC;SAChD;KACF;CACF,CACF,CAAC;AAQF,MAAM,aAAa,GAAiC,CAAC,EACnD,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,cACE,SAAS,EAAE,EAAE,CAAC,qBAAqB,CAAC,EAAC,QAAQ,EAAC,CAAC,CAAC,EAChD,oBAAoB,EAAE,CAAC,CAAC,EAAE;QACxB,6DAA6D;QAC7D,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC,EACD,OAAO,EAAE,OAAO,KACZ,KAAK,YAET,KAAC,gBAAgB,IAAC,KAAK,EAAE,QAAQ,YAAG,IAAI,GAAoB,GACxD,CACP,CAAC;AAQF,MAAM,qBAAqB,GAAG;;;CAG7B,CAAC;AAEF,MAAM,cAAc,GAAkC,CAAC,EACrD,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,kBACE,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,EAAE,CACX,qBAAqB,EACrB,QAAQ,IAAI,uBAAuB,EACnC,SAAS,CACV,KACG,KAAK,aAER,OAAO,IAAI,CACV,KAAC,iBAAiB,IAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,QAAQ,EACf,SAAS,EAAC,6DAA6D,GACvE,CACH,EACA,QAAQ,EACT,cAAK,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"ProductStageContainerThumbnail.js","sourceRoot":"","sources":["../../../../src/web/product/productStage/ProductStageContainerThumbnail.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,14 +20,14 @@ const contentSwitchClasses = `
|
|
|
20
20
|
const contentSwitchTabClasses = `
|
|
21
21
|
relative rounded-full min-w-11 grow px-4 ease-in-out w-full lg:w-auto min-h-11 lg:min-h-element-height-lg outline-none
|
|
22
22
|
before:content-[""] before:absolute before:inset-0 before:rounded-full
|
|
23
|
-
before:outline before:outline-none before:focus:outline-border-accent content-center
|
|
23
|
+
before:outline before:outline-none before:focus:outline-border-accent before:will-change-transform content-center
|
|
24
24
|
`;
|
|
25
25
|
const ContentSwitchTab = ({ children, active, icon, className, ...props }) => {
|
|
26
26
|
const { isSticky, isStatic } = React.useContext(StickyContext);
|
|
27
27
|
return (_jsx("a", { className: cn(contentSwitchTabClasses, active
|
|
28
28
|
? 'before:bg-surface-brand before:hover:bg-interactions-brand-hover'
|
|
29
29
|
: 'before:bg-surface-primary before:hover:bg-field-hover', active &&
|
|
30
|
-
'first:before:animate-draeger-switch-button-right last:before:animate-draeger-switch-button-left z-10', className), tabIndex: isSticky && isStatic ? -1 : undefined, ...props, children: _jsxs("span", { className: cn('relative
|
|
30
|
+
'first:before:animate-draeger-switch-button-right last:before:animate-draeger-switch-button-left z-10', className), tabIndex: isSticky && isStatic ? -1 : undefined, ...props, children: _jsxs("span", { className: cn('flex relative gap-2 justify-center items-center h-full', active ? 'text-text-invert' : 'text-text-primary'), children: [icon, children] }) }));
|
|
31
31
|
};
|
|
32
32
|
const ContentSwitchButton = ({ iconLeft, ...props }) => {
|
|
33
33
|
const { isSticky, isStatic } = React.useContext(StickyContext);
|
|
@@ -49,7 +49,7 @@ const ContentSwitchCategoryLabel = ({ label, }) => {
|
|
|
49
49
|
label && (_jsx(BodyText, { variant: 'small', className: "hidden min-w-0 pl-4 basis-1/4 lg:block", children: label })));
|
|
50
50
|
};
|
|
51
51
|
const ContentSwitchDivider = () => {
|
|
52
|
-
return _jsx("div", { className: "hidden w-px lg:block
|
|
52
|
+
return _jsx("div", { className: "hidden w-px h-14 lg:block bg-miscellaneous-divider" });
|
|
53
53
|
};
|
|
54
54
|
const ContentSwitch = ({ children, ...props }) => {
|
|
55
55
|
const [isSticky, setIsSticky] = React.useState(false);
|
|
@@ -69,7 +69,7 @@ const ContentSwitch = ({ children, ...props }) => {
|
|
|
69
69
|
observer.observe(stickyAnchorRef.current);
|
|
70
70
|
return () => observer.disconnect();
|
|
71
71
|
}, [staticSwitcherHeight]);
|
|
72
|
-
return (_jsxs(_Fragment, { children: [_jsx("div", { ref: stickyAnchorRef, className: "invisible" }), _jsx("div", { className: cn(contentSwitchClasses, 'lg:justify-self-start', isSticky ? 'invisible opacity-0' : 'visible opacity-100'), ref: staticSwitcherRef, ...props, children: _jsx(StickyContext.Provider, { value: { isSticky, isStatic: true }, children: children }) }), _jsx(Container, { className: "fixed left-0 right-0 z-10 top-4", paddingTop: 'none', paddingBottom: 'none', children: _jsx(BlockGrid, { children: _jsx(BlockChildrenWidthContainer, { elementWidth: 'narrow', children: _jsx(Transition, { show: isSticky, children: _jsx("div", { className: cn(contentSwitchClasses, 'mx-auto lg:shadow-draeger-elevation-2 lg:bg-surface-primary', 'duration-300 data-[closed]:duration-0 data-[closed]:opacity-0 data-[open]:opacity-100
|
|
72
|
+
return (_jsxs(_Fragment, { children: [_jsx("div", { ref: stickyAnchorRef, className: "invisible" }), _jsx("div", { className: cn(contentSwitchClasses, 'lg:justify-self-start', isSticky ? 'invisible opacity-0' : 'visible opacity-100'), ref: staticSwitcherRef, ...props, children: _jsx(StickyContext.Provider, { value: { isSticky, isStatic: true }, children: children }) }), _jsx(Container, { className: "fixed left-0 right-0 z-10 top-4", paddingTop: 'none', paddingBottom: 'none', children: _jsx(BlockGrid, { children: _jsx(BlockChildrenWidthContainer, { elementWidth: 'narrow', children: _jsx(Transition, { show: isSticky, children: _jsx("div", { className: cn(contentSwitchClasses, 'mx-auto lg:shadow-draeger-elevation-2 lg:bg-surface-primary', 'duration-300 ease-out data-[closed]:duration-0 data-[closed]:opacity-0 data-[open]:opacity-100 data-[closed]:invisible'), ...props, children: _jsx(StickyContext.Provider, { value: { isSticky, isStatic: false }, children: children }) }) }) }) }) })] }));
|
|
73
73
|
};
|
|
74
74
|
export { ContentSwitch, ContentSwitchTabs, ContentSwitchTab, ContentSwitchButton, ContentSwitchCategoryLabel, ContentSwitchDivider, };
|
|
75
75
|
//# sourceMappingURL=ContentSwitch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentSwitch.js","sourceRoot":"","sources":["../../../../src/web/productFinder/contentSwitch/ContentSwitch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EACL,2BAA2B,EAC3B,SAAS,GACV,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,QAAQ,EAAC,MAAM,yCAAyC,CAAC;AACjE,OAAO,EAAC,MAAM,EAAmB,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAC,SAAS,EAAC,MAAM,sCAAsC,CAAC;AAC/D,OAAO,EAAC,cAAc,EAAC,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAE7C,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC;IACxC,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,IAAI;CACf,CAAC,CAAC;AAOH,MAAM,oBAAoB,GAAG;;;CAG5B,CAAC;AAQF,MAAM,uBAAuB,GAAG;;;;CAI/B,CAAC;AAEF,MAAM,gBAAgB,GAAoC,CAAC,EACzD,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAE7D,OAAO,CACL,YACE,SAAS,EAAE,EAAE,CACX,uBAAuB,EACvB,MAAM;YACJ,CAAC,CAAC,kEAAkE;YACpE,CAAC,CAAC,uDAAuD,EAC3D,MAAM;YACJ,sGAAsG,EACxG,SAAS,CACV,EACD,QAAQ,EAAE,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,KAC3C,KAAK,YAET,gBACE,SAAS,EAAE,EAAE,CACX,
|
|
1
|
+
{"version":3,"file":"ContentSwitch.js","sourceRoot":"","sources":["../../../../src/web/productFinder/contentSwitch/ContentSwitch.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED