@redneckz/wildless-cms-uni-blocks 0.14.55 → 0.14.56
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/bundle/bundle.umd.js +8 -7
- package/bundle/bundle.umd.min.js +1 -1
- package/dist/components/CarouselCatalogCard/CarouselCatalogCard.js +1 -1
- package/dist/components/CarouselCatalogCard/CarouselCatalogCard.js.map +1 -1
- package/dist/components/CarouselLinks/CarouselLinks.js +1 -1
- package/dist/components/CarouselLinks/CarouselLinks.js.map +1 -1
- package/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js +1 -1
- package/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
- package/dist/ui-kit/BaseProductTile/BaseProductTile.js +4 -3
- package/dist/ui-kit/BaseProductTile/BaseProductTile.js.map +1 -1
- package/lib/components/CarouselCatalogCard/CarouselCatalogCard.js +1 -1
- package/lib/components/CarouselCatalogCard/CarouselCatalogCard.js.map +1 -1
- package/lib/components/CarouselLinks/CarouselLinks.js +1 -1
- package/lib/components/CarouselLinks/CarouselLinks.js.map +1 -1
- package/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js +1 -1
- package/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
- package/lib/ui-kit/BaseProductTile/BaseProductTile.js +4 -3
- package/lib/ui-kit/BaseProductTile/BaseProductTile.js.map +1 -1
- package/mobile/bundle/bundle.umd.js +8 -7
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/dist/components/CarouselCatalogCard/CarouselCatalogCard.js +1 -1
- package/mobile/dist/components/CarouselCatalogCard/CarouselCatalogCard.js.map +1 -1
- package/mobile/dist/components/CarouselLinks/CarouselLinks.js +1 -1
- package/mobile/dist/components/CarouselLinks/CarouselLinks.js.map +1 -1
- package/mobile/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js +1 -1
- package/mobile/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
- package/mobile/dist/ui-kit/BaseProductTile/BaseProductTile.js +4 -3
- package/mobile/dist/ui-kit/BaseProductTile/BaseProductTile.js.map +1 -1
- package/mobile/lib/components/CarouselCatalogCard/CarouselCatalogCard.js +1 -1
- package/mobile/lib/components/CarouselCatalogCard/CarouselCatalogCard.js.map +1 -1
- package/mobile/lib/components/CarouselLinks/CarouselLinks.js +1 -1
- package/mobile/lib/components/CarouselLinks/CarouselLinks.js.map +1 -1
- package/mobile/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js +1 -1
- package/mobile/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
- package/mobile/lib/ui-kit/BaseProductTile/BaseProductTile.js +4 -3
- package/mobile/lib/ui-kit/BaseProductTile/BaseProductTile.js.map +1 -1
- package/mobile/src/components/CarouselCatalogCard/CarouselCatalogCard.tsx +7 -9
- package/mobile/src/components/CarouselLinks/CarouselLinks.tsx +6 -8
- package/mobile/src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx +7 -9
- package/mobile/src/ui-kit/BaseProductTile/BaseProductTile.tsx +10 -21
- package/package.json +1 -1
- package/src/components/CarouselCatalogCard/CarouselCatalogCard.tsx +7 -9
- package/src/components/CarouselLinks/CarouselLinks.tsx +6 -8
- package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx +7 -9
- package/src/ui-kit/BaseProductTile/BaseProductTile.tsx +10 -21
|
@@ -13,6 +13,6 @@ const cardStyleMap = {
|
|
|
13
13
|
black: 'bg-black',
|
|
14
14
|
white: 'bg-white',
|
|
15
15
|
};
|
|
16
|
-
exports.CarouselCatalogCard = (0, uni_jsx_1.JSX)(({ className = '', title, description, image, price, button, colors = [], align = 'text-left', padding, ...rest }) => ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('flex flex-col justify-left', className), defaultPadding: "p-2xl", ...rest, children: (0, jsx_runtime_1.jsxs)(BaseTile_1.BaseTile, { className: "h-full", padding: padding, title:
|
|
16
|
+
exports.CarouselCatalogCard = (0, uni_jsx_1.JSX)(({ className = '', title, description, image, price, button, colors = [], align = 'text-left', padding, ...rest }) => ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('flex flex-col justify-left', className), defaultPadding: "p-2xl", ...rest, children: (0, jsx_runtime_1.jsxs)(BaseTile_1.BaseTile, { className: "h-full", padding: padding, title: (0, jsx_runtime_1.jsx)(Headline_1.Headline, { title: title, description: description, headlineVersion: "XS", isEmbedded: true, align: align }), rightImage: image?.src ? ((0, jsx_runtime_1.jsx)(Img_1.Img, { className: "flex justify-center align-center mb-xl", image: image })) : null, buttons: (0, renderButtonsSection_1.renderButtonsSection)([button], { buttonClassName: 'w-full self-end' }), children: [colors?.length ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex text-secondary-text mb-m", children: [(0, jsx_runtime_1.jsx)("div", { className: "mr-xs", children: (0, jsx_runtime_1.jsx)(Text_1.Text, { size: "text-s", align: "text-left", font: "font-light", children: "\u0426\u0432\u0435\u0442\u0430:" }) }), colors.map(renderColorOption)] })) : null, price ? ((0, jsx_runtime_1.jsxs)(Text_1.Text, { size: "text-h3", align: "text-left", children: [price, "\u00A0\u20BD"] })) : null] }) })));
|
|
17
17
|
const renderColorOption = (color, i) => ((0, jsx_runtime_1.jsx)("div", { role: "figure", className: `w-6 h-6 ml-s border border-solid border-main-divider rounded-full ${cardStyleMap[color]}` }, String(i)));
|
|
18
18
|
//# sourceMappingURL=CarouselCatalogCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselCatalogCard.js","sourceRoot":"","sources":["../../../src/components/CarouselCatalogCard/CarouselCatalogCard.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,6DAA0D;AAC1D,4DAAyD;AACzD,mFAAgF;AAChF,8CAA2C;AAC3C,iDAA8C;AAC9C,6CAA0C;AAC1C,mDAAgD;AAKhD,MAAM,YAAY,GAAwC;IACxD,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,UAAU;CAClB,CAAC;AAEW,QAAA,mBAAmB,GAAG,IAAA,aAAG,EACpC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,EACL,WAAW,EACX,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,GAAG,EAAE,EACX,KAAK,GAAG,WAAW,EACnB,OAAO,EACP,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,uBAAC,2BAAY,IACX,SAAS,EAAE,IAAA,aAAK,EAAC,4BAA4B,EAAE,SAAS,CAAC,EACzD,cAAc,EAAC,OAAO,KAClB,IAAI,YAER,wBAAC,mBAAQ,IACP,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EACH,
|
|
1
|
+
{"version":3,"file":"CarouselCatalogCard.js","sourceRoot":"","sources":["../../../src/components/CarouselCatalogCard/CarouselCatalogCard.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,6DAA0D;AAC1D,4DAAyD;AACzD,mFAAgF;AAChF,8CAA2C;AAC3C,iDAA8C;AAC9C,6CAA0C;AAC1C,mDAAgD;AAKhD,MAAM,YAAY,GAAwC;IACxD,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,UAAU;CAClB,CAAC;AAEW,QAAA,mBAAmB,GAAG,IAAA,aAAG,EACpC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,EACL,WAAW,EACX,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,GAAG,EAAE,EACX,KAAK,GAAG,WAAW,EACnB,OAAO,EACP,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,uBAAC,2BAAY,IACX,SAAS,EAAE,IAAA,aAAK,EAAC,4BAA4B,EAAE,SAAS,CAAC,EACzD,cAAc,EAAC,OAAO,KAClB,IAAI,YAER,wBAAC,mBAAQ,IACP,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EACH,uBAAC,mBAAQ,IACP,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAC,IAAI,EACpB,UAAU,EAAE,IAAI,EAChB,KAAK,EAAE,KAAK,GACZ,EAEJ,UAAU,EACR,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CACX,uBAAC,SAAG,IAAC,SAAS,EAAC,wCAAwC,EAAC,KAAK,EAAE,KAAK,GAAI,CACzE,CAAC,CAAC,CAAC,IAAI,EAEV,OAAO,EAAE,IAAA,2CAAoB,EAAC,CAAC,MAAM,CAAC,EAAE,EAAE,eAAe,EAAE,iBAAiB,EAAE,CAAC,aAE9E,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAChB,iCAAK,SAAS,EAAC,+BAA+B,aAC5C,gCAAK,SAAS,EAAC,OAAO,YACpB,uBAAC,WAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,YAAY,gDAEhD,GACH,EACL,MAAM,CAAC,GAAG,CAAC,iBAAiB,CAAC,IAC1B,CACP,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,CAAC,CAAC,CACP,wBAAC,WAAI,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,WAAW,aACnC,KAAK,oBACD,CACR,CAAC,CAAC,CAAC,IAAI,IACC,GACE,CAChB,CACF,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,KAA0B,EAAE,CAAS,EAAE,EAAE,CAAC,CACnE,gCACE,IAAI,EAAC,QAAQ,EAEb,SAAS,EAAE,qEAAqE,YAAY,CAAC,KAAK,CAAC,EAAE,IADhG,MAAM,CAAC,CAAC,CAAC,CAEd,CACH,CAAC"}
|
|
@@ -8,7 +8,7 @@ const Carousel_1 = require("../Carousel/Carousel");
|
|
|
8
8
|
const Headline_1 = require("../Headline/Headline");
|
|
9
9
|
const CarouselLinkButton_1 = require("./CarouselLinkButton");
|
|
10
10
|
const maxLinksCount_1 = require("./maxLinksCount");
|
|
11
|
-
exports.CarouselLinks = (0, uni_jsx_1.JSX)(({ className, additionalDescription, description, links, title, ...rest }) => ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('overflow-hidden', className), ...rest, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col @6xl:flex-row gap-m", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Headline_1.Headline, { isEmbedded: true, title: title, description: description, as: "h1", align: "text-left" }),
|
|
11
|
+
exports.CarouselLinks = (0, uni_jsx_1.JSX)(({ className, additionalDescription, description, links, title, ...rest }) => ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('overflow-hidden', className), ...rest, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col @6xl:flex-row gap-m", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Headline_1.Headline, { isEmbedded: true, title: title, description: description, as: "h1", align: "text-left" }), (0, jsx_runtime_1.jsx)(Headline_1.Headline, { className: "pt-m", description: additionalDescription, align: "text-left", isEmbedded: true })] }), links?.length ? renderLinks(links, '@6xl:min-w-[672px] p-0 justify-self-end') : null] }) })));
|
|
12
12
|
const renderLinks = (links, className = '') => {
|
|
13
13
|
const itemCount = Math.ceil(links.length / maxLinksCount_1.MAX_LINKS_COUNT);
|
|
14
14
|
return ((0, jsx_runtime_1.jsx)(Carousel_1.Carousel, { className: className, version: "secondary", itemCount: itemCount, arrowsPadded: false, padding: "p-0", children: new Array(itemCount).fill(null).map((_, groupIndex) => ((0, jsx_runtime_1.jsx)("div", { className: (0, style_1.style)('flex flex-wrap gap-2xs self-start xl:justify-center @5xl:grid @5xl:grid-cols-2'), children: links
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselLinks.js","sourceRoot":"","sources":["../../../src/components/CarouselLinks/CarouselLinks.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,4DAAyD;AACzD,6CAA0C;AAC1C,mDAAgD;AAChD,mDAAgD;AAChD,6DAA0D;AAE1D,mDAAkD;AAIrC,QAAA,aAAa,GAAG,IAAA,aAAG,EAC9B,CAAC,EAAE,SAAS,EAAE,qBAAqB,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CAC5E,uBAAC,2BAAY,IAAC,SAAS,EAAE,IAAA,aAAK,EAAC,iBAAiB,EAAE,SAAS,CAAC,KAAM,IAAI,YACpE,iCAAK,SAAS,EAAC,mCAAmC,aAChD,4CACE,uBAAC,mBAAQ,IACP,UAAU,EAAE,IAAI,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,WAAW,GACjB,
|
|
1
|
+
{"version":3,"file":"CarouselLinks.js","sourceRoot":"","sources":["../../../src/components/CarouselLinks/CarouselLinks.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,4DAAyD;AACzD,6CAA0C;AAC1C,mDAAgD;AAChD,mDAAgD;AAChD,6DAA0D;AAE1D,mDAAkD;AAIrC,QAAA,aAAa,GAAG,IAAA,aAAG,EAC9B,CAAC,EAAE,SAAS,EAAE,qBAAqB,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CAC5E,uBAAC,2BAAY,IAAC,SAAS,EAAE,IAAA,aAAK,EAAC,iBAAiB,EAAE,SAAS,CAAC,KAAM,IAAI,YACpE,iCAAK,SAAS,EAAC,mCAAmC,aAChD,4CACE,uBAAC,mBAAQ,IACP,UAAU,EAAE,IAAI,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,WAAW,GACjB,EACF,uBAAC,mBAAQ,IACP,SAAS,EAAC,MAAM,EAChB,WAAW,EAAE,qBAAqB,EAClC,KAAK,EAAC,WAAW,EACjB,UAAU,EAAE,IAAI,GAChB,IACE,EACL,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,EAAE,yCAAyC,CAAC,CAAC,CAAC,CAAC,IAAI,IACjF,GACO,CAChB,CACF,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,KAAkB,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE;IACzD,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,+BAAe,CAAC,CAAC;IAE5D,OAAO,CACL,uBAAC,mBAAQ,IACP,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,KAAK,EACnB,OAAO,EAAC,KAAK,YAEZ,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,CAAC,CACtD,gCAEE,SAAS,EAAE,IAAA,aAAK,EACd,gFAAgF,CACjF,YAEA,KAAK;iBACH,KAAK,CAAC,UAAU,GAAG,+BAAe,EAAE,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG,+BAAe,CAAC;iBACvE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACpB,uBAAC,uCAAkB,OAAyB,IAAI,IAAvB,MAAM,CAAC,KAAK,CAAC,CAAc,CACrD,CAAC,IATC,MAAM,CAAC,UAAU,CAAC,CAUnB,CACP,CAAC,GACO,CACZ,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -17,7 +17,7 @@ const Headline_1 = require("../Headline/Headline");
|
|
|
17
17
|
const ImageAlwaysOnRight_1 = require("./ImageAlwaysOnRight");
|
|
18
18
|
//TODO: replace SocialMedia with renderButtonSection
|
|
19
19
|
exports.CarouselRecommendationCard = (0, uni_jsx_1.JSX)(({ className, padding, description, additionalDescription, href, icon, items = [], isDotted, listItemSize = 'S', socialMedia = [], target, title, align = 'text-left', benefits, imageOptions: { directionRight = true, isImageAlwaysOnRight = ImageAlwaysOnRight_1.ImageAlwaysOnRight, isImageSecondary = false, } = {}, ...rest }) => {
|
|
20
|
-
return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('relative min-h-28 group-data-gray:bg-main-divider/50', className), defaultPadding: "p-0", ...rest, children: (0, jsx_runtime_1.jsx)(LinkWrapper_1.LinkWrapper, { href: href, target: target, className: "h-full", children: (0, jsx_runtime_1.jsxs)(BaseTile_1.BaseTile, { className: "h-full", defaultPadding: "p-2xl", padding: padding, insetTitle:
|
|
20
|
+
return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('relative min-h-28 group-data-gray:bg-main-divider/50', className), defaultPadding: "p-0", ...rest, children: (0, jsx_runtime_1.jsx)(LinkWrapper_1.LinkWrapper, { href: href, target: target, className: "h-full", children: (0, jsx_runtime_1.jsxs)(BaseTile_1.BaseTile, { className: "h-full", defaultPadding: "p-2xl", padding: padding, insetTitle: (0, jsx_runtime_1.jsx)(Headline_1.Headline, { title: title, description: description, headlineVersion: "XS", isEmbedded: true, align: align }), ...(0, BaseProductTile_1.leftOrRightImage)((0, isIcon_1.isIcon)(icon) ? (0, jsx_runtime_1.jsx)(Img_1.Img, { image: icon }) : null, directionRight), buttons: socialMedia.length ? ((0, jsx_runtime_1.jsx)(SocialMedia_1.SocialMedia, { media: socialMedia, showButtonText: true, version: rest?.version })) : null, isImageAlwaysOnRight: isImageAlwaysOnRight, isImageSecondary: isImageSecondary, imageAlign: "center", children: [(0, jsx_runtime_1.jsx)(BenefitsList_1.BenefitsList, { benefits: benefits }), (0, jsx_runtime_1.jsx)(List_1.List, { items: items, listItemSize: listItemSize, isDotted: isDotted }), renderAdditionalDescription(additionalDescription, align)] }) }) }));
|
|
21
21
|
});
|
|
22
22
|
const renderAdditionalDescription = (additionalDescription, align) => additionalDescription ? ((0, jsx_runtime_1.jsx)(Paragraph_1.Paragraph, { size: "text-m", font: "font-light", color: "text-secondary-text group-data-secondary:text-white/80", align: align, children: additionalDescription })) : null;
|
|
23
23
|
//# sourceMappingURL=CarouselRecommendationCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselRecommendationCard.js","sourceRoot":"","sources":["../../../src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,kFAAgF;AAChF,6DAA0D;AAC1D,yEAAsE;AACtE,4DAAyD;AACzD,8CAA2C;AAC3C,sEAAmE;AACnE,iDAA8C;AAC9C,gEAA6D;AAE7D,+CAA4C;AAC5C,6CAA0C;AAC1C,uDAAoD;AACpD,mDAAgD;AAEhD,6DAA0D;AAI1D,oDAAoD;AACvC,QAAA,0BAA0B,GAAG,IAAA,aAAG,EAC3C,CAAC,EACC,SAAS,EACT,OAAO,EACP,WAAW,EACX,qBAAqB,EACrB,IAAI,EACJ,IAAI,EACJ,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,YAAY,GAAG,GAAG,EAClB,WAAW,GAAG,EAAE,EAChB,MAAM,EACN,KAAK,EACL,KAAK,GAAG,WAAW,EACnB,QAAQ,EACR,YAAY,EAAE,EACZ,cAAc,GAAG,IAAI,EACrB,oBAAoB,GAAG,uCAAkB,EACzC,gBAAgB,GAAG,KAAK,GACzB,GAAG,EAAE,EACN,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,2BAAY,IACX,SAAS,EAAE,IAAA,aAAK,EAAC,sDAAsD,EAAE,SAAS,CAAC,EACnF,cAAc,EAAC,KAAK,KAChB,IAAI,YAER,uBAAC,yBAAW,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAC,QAAQ,YACzD,wBAAC,mBAAQ,IACP,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAC,OAAO,EACtB,OAAO,EAAE,OAAO,EAChB,UAAU,EACR,
|
|
1
|
+
{"version":3,"file":"CarouselRecommendationCard.js","sourceRoot":"","sources":["../../../src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,kFAAgF;AAChF,6DAA0D;AAC1D,yEAAsE;AACtE,4DAAyD;AACzD,8CAA2C;AAC3C,sEAAmE;AACnE,iDAA8C;AAC9C,gEAA6D;AAE7D,+CAA4C;AAC5C,6CAA0C;AAC1C,uDAAoD;AACpD,mDAAgD;AAEhD,6DAA0D;AAI1D,oDAAoD;AACvC,QAAA,0BAA0B,GAAG,IAAA,aAAG,EAC3C,CAAC,EACC,SAAS,EACT,OAAO,EACP,WAAW,EACX,qBAAqB,EACrB,IAAI,EACJ,IAAI,EACJ,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,YAAY,GAAG,GAAG,EAClB,WAAW,GAAG,EAAE,EAChB,MAAM,EACN,KAAK,EACL,KAAK,GAAG,WAAW,EACnB,QAAQ,EACR,YAAY,EAAE,EACZ,cAAc,GAAG,IAAI,EACrB,oBAAoB,GAAG,uCAAkB,EACzC,gBAAgB,GAAG,KAAK,GACzB,GAAG,EAAE,EACN,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,2BAAY,IACX,SAAS,EAAE,IAAA,aAAK,EAAC,sDAAsD,EAAE,SAAS,CAAC,EACnF,cAAc,EAAC,KAAK,KAChB,IAAI,YAER,uBAAC,yBAAW,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAC,QAAQ,YACzD,wBAAC,mBAAQ,IACP,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAC,OAAO,EACtB,OAAO,EAAE,OAAO,EAChB,UAAU,EACR,uBAAC,mBAAQ,IACP,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAC,IAAI,EACpB,UAAU,EAAE,IAAI,EAChB,KAAK,EAAE,KAAK,GACZ,KAEA,IAAA,kCAAgB,EAAC,IAAA,eAAM,EAAC,IAAI,CAAC,CAAC,CAAC,CAAC,uBAAC,SAAG,IAAC,KAAK,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,EAAE,cAAc,CAAC,EAChF,OAAO,EACL,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CACnB,uBAAC,yBAAW,IAAC,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,GAAI,CAClF,CAAC,CAAC,CAAC,IAAI,EAEV,oBAAoB,EAAE,oBAAoB,EAC1C,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAC,QAAQ,aAEnB,uBAAC,2BAAY,IAAC,QAAQ,EAAE,QAAQ,GAAI,EACpC,uBAAC,WAAI,IAAC,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,GAAI,EACrE,2BAA2B,CAAC,qBAAqB,EAAE,KAAK,CAAC,IACjD,GACC,GACD,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,2BAA2B,GAAG,CAAC,qBAA8B,EAAE,KAAiB,EAAE,EAAE,CACxF,qBAAqB,CAAC,CAAC,CAAC,CACtB,uBAAC,qBAAS,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,wDAAwD,EAC9D,KAAK,EAAE,KAAK,YAEX,qBAAqB,GACZ,CACb,CAAC,CAAC,CAAC,IAAI,CAAC"}
|
|
@@ -11,14 +11,15 @@ const List_1 = require("../List/List");
|
|
|
11
11
|
const PriceList_1 = require("../PriceList/PriceList");
|
|
12
12
|
const RichText_1 = require("../RichText/RichText");
|
|
13
13
|
const Tags_1 = require("../Tags/Tags");
|
|
14
|
-
exports.BaseProductTile = (0, uni_jsx_1.JSX)(
|
|
14
|
+
exports.BaseProductTile = (0, uni_jsx_1.JSX)(
|
|
15
|
+
// eslint-disable-next-line max-lines-per-function
|
|
16
|
+
({ className, padding, defaultPadding, title, description, headlineVersion = 'L', align = 'text-left', benefitsVersion, isTabularBenefits, benefits, __html, isFullWidthTitle, items, isDotted = true, priceList = [], listItemSize, tags = [], buttons, image, imageOptions: { imageAlign = 'center', directionRight = true, isImageAlwaysOnRight, isImageSecondary = false, } = {}, backwardButton, children, ...rest }) => {
|
|
15
17
|
const img = image?.src ? (0, jsx_runtime_1.jsx)(Img_1.Img, { image: image }) : null;
|
|
16
|
-
const headline =
|
|
18
|
+
const headline = ((0, jsx_runtime_1.jsx)(Headline_1.Headline, { title: title, description: description, headlineVersion: headlineVersion, align: align, isEmbedded: true }));
|
|
17
19
|
const filteredBenefits = benefits?.filter((_) => _?.type === 'rte' || 'label' in _ || 'description' in _);
|
|
18
20
|
return ((0, jsx_runtime_1.jsx)(BaseTile_1.BaseTile, { className: className, padding: padding, defaultPadding: defaultPadding, ...(isFullWidthTitle ? { title: headline } : { insetTitle: headline }), ...(0, exports.leftOrRightImage)(img, directionRight), isImageSecondary: isImageSecondary, imageAlign: imageAlign, isImageAlwaysOnRight: isImageAlwaysOnRight, buttons: (0, renderButtonsSection_1.renderButtonsSection)(buttons), backwardButton: backwardButton, ...rest, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col sm:gap-xl gap-4xl", children: [filteredBenefits?.length ? ((0, jsx_runtime_1.jsx)(BenefitsList_1.BenefitsList, { benefitsVersion: benefitsVersion, isTabularBenefits: isTabularBenefits, benefits: filteredBenefits })) : null, __html ? (0, jsx_runtime_1.jsx)(RichText_1.RichText, { __html: __html }) : null, items?.length ? ((0, jsx_runtime_1.jsx)(List_1.List, { items: items, isDotted: isDotted, listItemSize: listItemSize })) : null, children, priceList?.length ? (0, jsx_runtime_1.jsx)(PriceList_1.PriceList, { priceList: priceList }) : null, renderTags(tags)] }) }));
|
|
19
21
|
});
|
|
20
22
|
const leftOrRightImage = (img, directionRight) => directionRight ? { rightImage: img } : { leftImage: img };
|
|
21
23
|
exports.leftOrRightImage = leftOrRightImage;
|
|
22
24
|
const renderTags = (tags) => (tags?.length ? (0, jsx_runtime_1.jsx)(Tags_1.Tags, { tags: tags }) : null);
|
|
23
|
-
const renderHeadline = ({ title, description, headlineVersion, align }) => title || description ? ((0, jsx_runtime_1.jsx)(Headline_1.Headline, { title: title, description: description, headlineVersion: headlineVersion, align: align, isEmbedded: true })) : null;
|
|
24
25
|
//# sourceMappingURL=BaseProductTile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseProductTile.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseProductTile/BaseProductTile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iEAA8D;
|
|
1
|
+
{"version":3,"file":"BaseProductTile.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseProductTile/BaseProductTile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,6 +11,6 @@ const cardStyleMap = {
|
|
|
11
11
|
black: 'bg-black',
|
|
12
12
|
white: 'bg-white',
|
|
13
13
|
};
|
|
14
|
-
export const CarouselCatalogCard = JSX(({ className = '', title, description, image, price, button, colors = [], align = 'text-left', padding, ...rest }) => (_jsx(BlockWrapper, { className: style('flex flex-col justify-left', className), defaultPadding: "p-2xl", ...rest, children: _jsxs(BaseTile, { className: "h-full", padding: padding, title:
|
|
14
|
+
export const CarouselCatalogCard = JSX(({ className = '', title, description, image, price, button, colors = [], align = 'text-left', padding, ...rest }) => (_jsx(BlockWrapper, { className: style('flex flex-col justify-left', className), defaultPadding: "p-2xl", ...rest, children: _jsxs(BaseTile, { className: "h-full", padding: padding, title: _jsx(Headline, { title: title, description: description, headlineVersion: "XS", isEmbedded: true, align: align }), rightImage: image?.src ? (_jsx(Img, { className: "flex justify-center align-center mb-xl", image: image })) : null, buttons: renderButtonsSection([button], { buttonClassName: 'w-full self-end' }), children: [colors?.length ? (_jsxs("div", { className: "flex text-secondary-text mb-m", children: [_jsx("div", { className: "mr-xs", children: _jsx(Text, { size: "text-s", align: "text-left", font: "font-light", children: "\u0426\u0432\u0435\u0442\u0430:" }) }), colors.map(renderColorOption)] })) : null, price ? (_jsxs(Text, { size: "text-h3", align: "text-left", children: [price, "\u00A0\u20BD"] })) : null] }) })));
|
|
15
15
|
const renderColorOption = (color, i) => (_jsx("div", { role: "figure", className: `w-6 h-6 ml-s border border-solid border-main-divider rounded-full ${cardStyleMap[color]}` }, String(i)));
|
|
16
16
|
//# sourceMappingURL=CarouselCatalogCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselCatalogCard.js","sourceRoot":"","sources":["../../../src/components/CarouselCatalogCard/CarouselCatalogCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAKhD,MAAM,YAAY,GAAwC;IACxD,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,UAAU;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,EACL,WAAW,EACX,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,GAAG,EAAE,EACX,KAAK,GAAG,WAAW,EACnB,OAAO,EACP,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,KAAC,YAAY,IACX,SAAS,EAAE,KAAK,CAAC,4BAA4B,EAAE,SAAS,CAAC,EACzD,cAAc,EAAC,OAAO,KAClB,IAAI,YAER,MAAC,QAAQ,IACP,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EACH,
|
|
1
|
+
{"version":3,"file":"CarouselCatalogCard.js","sourceRoot":"","sources":["../../../src/components/CarouselCatalogCard/CarouselCatalogCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAKhD,MAAM,YAAY,GAAwC;IACxD,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,UAAU;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,EACL,WAAW,EACX,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,GAAG,EAAE,EACX,KAAK,GAAG,WAAW,EACnB,OAAO,EACP,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,KAAC,YAAY,IACX,SAAS,EAAE,KAAK,CAAC,4BAA4B,EAAE,SAAS,CAAC,EACzD,cAAc,EAAC,OAAO,KAClB,IAAI,YAER,MAAC,QAAQ,IACP,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EACH,KAAC,QAAQ,IACP,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAC,IAAI,EACpB,UAAU,EAAE,IAAI,EAChB,KAAK,EAAE,KAAK,GACZ,EAEJ,UAAU,EACR,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CACX,KAAC,GAAG,IAAC,SAAS,EAAC,wCAAwC,EAAC,KAAK,EAAE,KAAK,GAAI,CACzE,CAAC,CAAC,CAAC,IAAI,EAEV,OAAO,EAAE,oBAAoB,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE,eAAe,EAAE,iBAAiB,EAAE,CAAC,aAE9E,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAChB,eAAK,SAAS,EAAC,+BAA+B,aAC5C,cAAK,SAAS,EAAC,OAAO,YACpB,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,YAAY,gDAEhD,GACH,EACL,MAAM,CAAC,GAAG,CAAC,iBAAiB,CAAC,IAC1B,CACP,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,CAAC,CAAC,CACP,MAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,WAAW,aACnC,KAAK,oBACD,CACR,CAAC,CAAC,CAAC,IAAI,IACC,GACE,CAChB,CACF,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,KAA0B,EAAE,CAAS,EAAE,EAAE,CAAC,CACnE,cACE,IAAI,EAAC,QAAQ,EAEb,SAAS,EAAE,qEAAqE,YAAY,CAAC,KAAK,CAAC,EAAE,IADhG,MAAM,CAAC,CAAC,CAAC,CAEd,CACH,CAAC"}
|
|
@@ -6,7 +6,7 @@ import { Carousel } from '../Carousel/Carousel.js';
|
|
|
6
6
|
import { Headline } from '../Headline/Headline.js';
|
|
7
7
|
import { CarouselLinkButton } from './CarouselLinkButton.js';
|
|
8
8
|
import { MAX_LINKS_COUNT } from './maxLinksCount.js';
|
|
9
|
-
export const CarouselLinks = JSX(({ className, additionalDescription, description, links, title, ...rest }) => (_jsx(BlockWrapper, { className: style('overflow-hidden', className), ...rest, children: _jsxs("div", { className: "flex flex-col @6xl:flex-row gap-m", children: [_jsxs("div", { children: [_jsx(Headline, { isEmbedded: true, title: title, description: description, as: "h1", align: "text-left" }),
|
|
9
|
+
export const CarouselLinks = JSX(({ className, additionalDescription, description, links, title, ...rest }) => (_jsx(BlockWrapper, { className: style('overflow-hidden', className), ...rest, children: _jsxs("div", { className: "flex flex-col @6xl:flex-row gap-m", children: [_jsxs("div", { children: [_jsx(Headline, { isEmbedded: true, title: title, description: description, as: "h1", align: "text-left" }), _jsx(Headline, { className: "pt-m", description: additionalDescription, align: "text-left", isEmbedded: true })] }), links?.length ? renderLinks(links, '@6xl:min-w-[672px] p-0 justify-self-end') : null] }) })));
|
|
10
10
|
const renderLinks = (links, className = '') => {
|
|
11
11
|
const itemCount = Math.ceil(links.length / MAX_LINKS_COUNT);
|
|
12
12
|
return (_jsx(Carousel, { className: className, version: "secondary", itemCount: itemCount, arrowsPadded: false, padding: "p-0", children: new Array(itemCount).fill(null).map((_, groupIndex) => (_jsx("div", { className: style('flex flex-wrap gap-2xs self-start xl:justify-center @5xl:grid @5xl:grid-cols-2'), children: links
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselLinks.js","sourceRoot":"","sources":["../../../src/components/CarouselLinks/CarouselLinks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAIlD,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,CAAC,EAAE,SAAS,EAAE,qBAAqB,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CAC5E,KAAC,YAAY,IAAC,SAAS,EAAE,KAAK,CAAC,iBAAiB,EAAE,SAAS,CAAC,KAAM,IAAI,YACpE,eAAK,SAAS,EAAC,mCAAmC,aAChD,0BACE,KAAC,QAAQ,IACP,UAAU,EAAE,IAAI,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,WAAW,GACjB,
|
|
1
|
+
{"version":3,"file":"CarouselLinks.js","sourceRoot":"","sources":["../../../src/components/CarouselLinks/CarouselLinks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAIlD,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,CAAC,EAAE,SAAS,EAAE,qBAAqB,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CAC5E,KAAC,YAAY,IAAC,SAAS,EAAE,KAAK,CAAC,iBAAiB,EAAE,SAAS,CAAC,KAAM,IAAI,YACpE,eAAK,SAAS,EAAC,mCAAmC,aAChD,0BACE,KAAC,QAAQ,IACP,UAAU,EAAE,IAAI,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,WAAW,GACjB,EACF,KAAC,QAAQ,IACP,SAAS,EAAC,MAAM,EAChB,WAAW,EAAE,qBAAqB,EAClC,KAAK,EAAC,WAAW,EACjB,UAAU,EAAE,IAAI,GAChB,IACE,EACL,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,EAAE,yCAAyC,CAAC,CAAC,CAAC,CAAC,IAAI,IACjF,GACO,CAChB,CACF,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,KAAkB,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE;IACzD,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,eAAe,CAAC,CAAC;IAE5D,OAAO,CACL,KAAC,QAAQ,IACP,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,KAAK,EACnB,OAAO,EAAC,KAAK,YAEZ,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,CAAC,CACtD,cAEE,SAAS,EAAE,KAAK,CACd,gFAAgF,CACjF,YAEA,KAAK;iBACH,KAAK,CAAC,UAAU,GAAG,eAAe,EAAE,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG,eAAe,CAAC;iBACvE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACpB,KAAC,kBAAkB,OAAyB,IAAI,IAAvB,MAAM,CAAC,KAAK,CAAC,CAAc,CACrD,CAAC,IATC,MAAM,CAAC,UAAU,CAAC,CAUnB,CACP,CAAC,GACO,CACZ,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -15,7 +15,7 @@ import { Headline } from '../Headline/Headline.js';
|
|
|
15
15
|
import { ImageAlwaysOnRight } from './ImageAlwaysOnRight.js';
|
|
16
16
|
//TODO: replace SocialMedia with renderButtonSection
|
|
17
17
|
export const CarouselRecommendationCard = JSX(({ className, padding, description, additionalDescription, href, icon, items = [], isDotted, listItemSize = 'S', socialMedia = [], target, title, align = 'text-left', benefits, imageOptions: { directionRight = true, isImageAlwaysOnRight = ImageAlwaysOnRight, isImageSecondary = false, } = {}, ...rest }) => {
|
|
18
|
-
return (_jsx(BlockWrapper, { className: style('relative min-h-28 group-data-gray:bg-main-divider/50', className), defaultPadding: "p-0", ...rest, children: _jsx(LinkWrapper, { href: href, target: target, className: "h-full", children: _jsxs(BaseTile, { className: "h-full", defaultPadding: "p-2xl", padding: padding, insetTitle:
|
|
18
|
+
return (_jsx(BlockWrapper, { className: style('relative min-h-28 group-data-gray:bg-main-divider/50', className), defaultPadding: "p-0", ...rest, children: _jsx(LinkWrapper, { href: href, target: target, className: "h-full", children: _jsxs(BaseTile, { className: "h-full", defaultPadding: "p-2xl", padding: padding, insetTitle: _jsx(Headline, { title: title, description: description, headlineVersion: "XS", isEmbedded: true, align: align }), ...leftOrRightImage(isIcon(icon) ? _jsx(Img, { image: icon }) : null, directionRight), buttons: socialMedia.length ? (_jsx(SocialMedia, { media: socialMedia, showButtonText: true, version: rest?.version })) : null, isImageAlwaysOnRight: isImageAlwaysOnRight, isImageSecondary: isImageSecondary, imageAlign: "center", children: [_jsx(BenefitsList, { benefits: benefits }), _jsx(List, { items: items, listItemSize: listItemSize, isDotted: isDotted }), renderAdditionalDescription(additionalDescription, align)] }) }) }));
|
|
19
19
|
});
|
|
20
20
|
const renderAdditionalDescription = (additionalDescription, align) => additionalDescription ? (_jsx(Paragraph, { size: "text-m", font: "font-light", color: "text-secondary-text group-data-secondary:text-white/80", align: align, children: additionalDescription })) : null;
|
|
21
21
|
//# sourceMappingURL=CarouselRecommendationCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselRecommendationCard.js","sourceRoot":"","sources":["../../../src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAE7D,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAI1D,oDAAoD;AACpD,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,CAC3C,CAAC,EACC,SAAS,EACT,OAAO,EACP,WAAW,EACX,qBAAqB,EACrB,IAAI,EACJ,IAAI,EACJ,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,YAAY,GAAG,GAAG,EAClB,WAAW,GAAG,EAAE,EAChB,MAAM,EACN,KAAK,EACL,KAAK,GAAG,WAAW,EACnB,QAAQ,EACR,YAAY,EAAE,EACZ,cAAc,GAAG,IAAI,EACrB,oBAAoB,GAAG,kBAAkB,EACzC,gBAAgB,GAAG,KAAK,GACzB,GAAG,EAAE,EACN,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,KAAC,YAAY,IACX,SAAS,EAAE,KAAK,CAAC,sDAAsD,EAAE,SAAS,CAAC,EACnF,cAAc,EAAC,KAAK,KAChB,IAAI,YAER,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAC,QAAQ,YACzD,MAAC,QAAQ,IACP,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAC,OAAO,EACtB,OAAO,EAAE,OAAO,EAChB,UAAU,EACR,
|
|
1
|
+
{"version":3,"file":"CarouselRecommendationCard.js","sourceRoot":"","sources":["../../../src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,13 +9,14 @@ import { List } from '../List/List.js';
|
|
|
9
9
|
import { PriceList } from '../PriceList/PriceList.js';
|
|
10
10
|
import { RichText } from '../RichText/RichText.js';
|
|
11
11
|
import { Tags } from '../Tags/Tags.js';
|
|
12
|
-
export const BaseProductTile = JSX(
|
|
12
|
+
export const BaseProductTile = JSX(
|
|
13
|
+
// eslint-disable-next-line max-lines-per-function
|
|
14
|
+
({ className, padding, defaultPadding, title, description, headlineVersion = 'L', align = 'text-left', benefitsVersion, isTabularBenefits, benefits, __html, isFullWidthTitle, items, isDotted = true, priceList = [], listItemSize, tags = [], buttons, image, imageOptions: { imageAlign = 'center', directionRight = true, isImageAlwaysOnRight, isImageSecondary = false, } = {}, backwardButton, children, ...rest }) => {
|
|
13
15
|
const img = image?.src ? _jsx(Img, { image: image }) : null;
|
|
14
|
-
const headline =
|
|
16
|
+
const headline = (_jsx(Headline, { title: title, description: description, headlineVersion: headlineVersion, align: align, isEmbedded: true }));
|
|
15
17
|
const filteredBenefits = benefits?.filter((_) => _?.type === 'rte' || 'label' in _ || 'description' in _);
|
|
16
18
|
return (_jsx(BaseTile, { className: className, padding: padding, defaultPadding: defaultPadding, ...(isFullWidthTitle ? { title: headline } : { insetTitle: headline }), ...leftOrRightImage(img, directionRight), isImageSecondary: isImageSecondary, imageAlign: imageAlign, isImageAlwaysOnRight: isImageAlwaysOnRight, buttons: renderButtonsSection(buttons), backwardButton: backwardButton, ...rest, children: _jsxs("div", { className: "flex flex-col sm:gap-xl gap-4xl", children: [filteredBenefits?.length ? (_jsx(BenefitsList, { benefitsVersion: benefitsVersion, isTabularBenefits: isTabularBenefits, benefits: filteredBenefits })) : null, __html ? _jsx(RichText, { __html: __html }) : null, items?.length ? (_jsx(List, { items: items, isDotted: isDotted, listItemSize: listItemSize })) : null, children, priceList?.length ? _jsx(PriceList, { priceList: priceList }) : null, renderTags(tags)] }) }));
|
|
17
19
|
});
|
|
18
20
|
export const leftOrRightImage = (img, directionRight) => directionRight ? { rightImage: img } : { leftImage: img };
|
|
19
21
|
const renderTags = (tags) => (tags?.length ? _jsx(Tags, { tags: tags }) : null);
|
|
20
|
-
const renderHeadline = ({ title, description, headlineVersion, align }) => title || description ? (_jsx(Headline, { title: title, description: description, headlineVersion: headlineVersion, align: align, isEmbedded: true })) : null;
|
|
21
22
|
//# sourceMappingURL=BaseProductTile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseProductTile.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseProductTile/BaseProductTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;
|
|
1
|
+
{"version":3,"file":"BaseProductTile.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseProductTile/BaseProductTile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -39,15 +39,13 @@ export const CarouselCatalogCard = JSX<CarouselCatalogCardProps>(
|
|
|
39
39
|
className="h-full"
|
|
40
40
|
padding={padding}
|
|
41
41
|
title={
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
/>
|
|
50
|
-
) : null
|
|
42
|
+
<Headline
|
|
43
|
+
title={title}
|
|
44
|
+
description={description}
|
|
45
|
+
headlineVersion="XS"
|
|
46
|
+
isEmbedded={true}
|
|
47
|
+
align={align}
|
|
48
|
+
/>
|
|
51
49
|
}
|
|
52
50
|
rightImage={
|
|
53
51
|
image?.src ? (
|
|
@@ -23,14 +23,12 @@ export const CarouselLinks = JSX<CarouselLinksProps>(
|
|
|
23
23
|
as="h1"
|
|
24
24
|
align="text-left"
|
|
25
25
|
/>
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
/>
|
|
33
|
-
) : null}
|
|
26
|
+
<Headline
|
|
27
|
+
className="pt-m"
|
|
28
|
+
description={additionalDescription}
|
|
29
|
+
align="text-left"
|
|
30
|
+
isEmbedded={true}
|
|
31
|
+
/>
|
|
34
32
|
</div>
|
|
35
33
|
{links?.length ? renderLinks(links, '@6xl:min-w-[672px] p-0 justify-self-end') : null}
|
|
36
34
|
</div>
|
|
@@ -54,15 +54,13 @@ export const CarouselRecommendationCard = JSX<RecommendationCardProps>(
|
|
|
54
54
|
defaultPadding="p-2xl"
|
|
55
55
|
padding={padding}
|
|
56
56
|
insetTitle={
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
/>
|
|
65
|
-
) : null
|
|
57
|
+
<Headline
|
|
58
|
+
title={title}
|
|
59
|
+
description={description}
|
|
60
|
+
headlineVersion="XS"
|
|
61
|
+
isEmbedded={true}
|
|
62
|
+
align={align}
|
|
63
|
+
/>
|
|
66
64
|
}
|
|
67
65
|
{...leftOrRightImage(isIcon(icon) ? <Img image={icon} /> : null, directionRight)}
|
|
68
66
|
buttons={
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { JSX } from '@redneckz/uni-jsx';
|
|
2
2
|
import { Headline } from '../../components/Headline/Headline';
|
|
3
|
-
import { type HeadlineVersion } from '../../model/HeadlineType';
|
|
4
3
|
import { type UniBlockProps } from '../../model/JSXBlock';
|
|
5
4
|
import { type VNode } from '../../model/VNode';
|
|
6
5
|
import { BaseTile } from '../BaseTile/BaseTile';
|
|
@@ -11,7 +10,6 @@ import { List } from '../List/List';
|
|
|
11
10
|
import { PriceList } from '../PriceList/PriceList';
|
|
12
11
|
import { RichText } from '../RichText/RichText';
|
|
13
12
|
import { Tags } from '../Tags/Tags';
|
|
14
|
-
import { type TextAlign } from '../Text/TextProps';
|
|
15
13
|
import { type BaseProductTileContent } from './BaseProductTileContent';
|
|
16
14
|
|
|
17
15
|
interface BaseProductTileProps extends UniBlockProps, BaseProductTileContent {
|
|
@@ -19,6 +17,7 @@ interface BaseProductTileProps extends UniBlockProps, BaseProductTileContent {
|
|
|
19
17
|
}
|
|
20
18
|
|
|
21
19
|
export const BaseProductTile = JSX<BaseProductTileProps>(
|
|
20
|
+
// eslint-disable-next-line max-lines-per-function
|
|
22
21
|
({
|
|
23
22
|
className,
|
|
24
23
|
padding,
|
|
@@ -50,7 +49,15 @@ export const BaseProductTile = JSX<BaseProductTileProps>(
|
|
|
50
49
|
...rest
|
|
51
50
|
}) => {
|
|
52
51
|
const img = image?.src ? <Img image={image} /> : null;
|
|
53
|
-
const headline =
|
|
52
|
+
const headline = (
|
|
53
|
+
<Headline
|
|
54
|
+
title={title}
|
|
55
|
+
description={description}
|
|
56
|
+
headlineVersion={headlineVersion}
|
|
57
|
+
align={align}
|
|
58
|
+
isEmbedded={true}
|
|
59
|
+
/>
|
|
60
|
+
);
|
|
54
61
|
const filteredBenefits = benefits?.filter(
|
|
55
62
|
(_) => _?.type === 'rte' || 'label' in _ || 'description' in _,
|
|
56
63
|
);
|
|
@@ -94,21 +101,3 @@ export const leftOrRightImage = (img: VNode, directionRight: boolean) =>
|
|
|
94
101
|
directionRight ? { rightImage: img } : { leftImage: img };
|
|
95
102
|
|
|
96
103
|
const renderTags = (tags: string[]) => (tags?.length ? <Tags tags={tags} /> : null);
|
|
97
|
-
|
|
98
|
-
interface RenderHeadline {
|
|
99
|
-
title?: string;
|
|
100
|
-
description?: string;
|
|
101
|
-
headlineVersion?: HeadlineVersion;
|
|
102
|
-
align?: TextAlign;
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
const renderHeadline = ({ title, description, headlineVersion, align }: RenderHeadline) =>
|
|
106
|
-
title || description ? (
|
|
107
|
-
<Headline
|
|
108
|
-
title={title}
|
|
109
|
-
description={description}
|
|
110
|
-
headlineVersion={headlineVersion}
|
|
111
|
-
align={align}
|
|
112
|
-
isEmbedded={true}
|
|
113
|
-
/>
|
|
114
|
-
) : null;
|
package/package.json
CHANGED
|
@@ -39,15 +39,13 @@ export const CarouselCatalogCard = JSX<CarouselCatalogCardProps>(
|
|
|
39
39
|
className="h-full"
|
|
40
40
|
padding={padding}
|
|
41
41
|
title={
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
/>
|
|
50
|
-
) : null
|
|
42
|
+
<Headline
|
|
43
|
+
title={title}
|
|
44
|
+
description={description}
|
|
45
|
+
headlineVersion="XS"
|
|
46
|
+
isEmbedded={true}
|
|
47
|
+
align={align}
|
|
48
|
+
/>
|
|
51
49
|
}
|
|
52
50
|
rightImage={
|
|
53
51
|
image?.src ? (
|
|
@@ -23,14 +23,12 @@ export const CarouselLinks = JSX<CarouselLinksProps>(
|
|
|
23
23
|
as="h1"
|
|
24
24
|
align="text-left"
|
|
25
25
|
/>
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
/>
|
|
33
|
-
) : null}
|
|
26
|
+
<Headline
|
|
27
|
+
className="pt-m"
|
|
28
|
+
description={additionalDescription}
|
|
29
|
+
align="text-left"
|
|
30
|
+
isEmbedded={true}
|
|
31
|
+
/>
|
|
34
32
|
</div>
|
|
35
33
|
{links?.length ? renderLinks(links, '@6xl:min-w-[672px] p-0 justify-self-end') : null}
|
|
36
34
|
</div>
|
|
@@ -54,15 +54,13 @@ export const CarouselRecommendationCard = JSX<RecommendationCardProps>(
|
|
|
54
54
|
defaultPadding="p-2xl"
|
|
55
55
|
padding={padding}
|
|
56
56
|
insetTitle={
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
/>
|
|
65
|
-
) : null
|
|
57
|
+
<Headline
|
|
58
|
+
title={title}
|
|
59
|
+
description={description}
|
|
60
|
+
headlineVersion="XS"
|
|
61
|
+
isEmbedded={true}
|
|
62
|
+
align={align}
|
|
63
|
+
/>
|
|
66
64
|
}
|
|
67
65
|
{...leftOrRightImage(isIcon(icon) ? <Img image={icon} /> : null, directionRight)}
|
|
68
66
|
buttons={
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { JSX } from '@redneckz/uni-jsx';
|
|
2
2
|
import { Headline } from '../../components/Headline/Headline';
|
|
3
|
-
import { type HeadlineVersion } from '../../model/HeadlineType';
|
|
4
3
|
import { type UniBlockProps } from '../../model/JSXBlock';
|
|
5
4
|
import { type VNode } from '../../model/VNode';
|
|
6
5
|
import { BaseTile } from '../BaseTile/BaseTile';
|
|
@@ -11,7 +10,6 @@ import { List } from '../List/List';
|
|
|
11
10
|
import { PriceList } from '../PriceList/PriceList';
|
|
12
11
|
import { RichText } from '../RichText/RichText';
|
|
13
12
|
import { Tags } from '../Tags/Tags';
|
|
14
|
-
import { type TextAlign } from '../Text/TextProps';
|
|
15
13
|
import { type BaseProductTileContent } from './BaseProductTileContent';
|
|
16
14
|
|
|
17
15
|
interface BaseProductTileProps extends UniBlockProps, BaseProductTileContent {
|
|
@@ -19,6 +17,7 @@ interface BaseProductTileProps extends UniBlockProps, BaseProductTileContent {
|
|
|
19
17
|
}
|
|
20
18
|
|
|
21
19
|
export const BaseProductTile = JSX<BaseProductTileProps>(
|
|
20
|
+
// eslint-disable-next-line max-lines-per-function
|
|
22
21
|
({
|
|
23
22
|
className,
|
|
24
23
|
padding,
|
|
@@ -50,7 +49,15 @@ export const BaseProductTile = JSX<BaseProductTileProps>(
|
|
|
50
49
|
...rest
|
|
51
50
|
}) => {
|
|
52
51
|
const img = image?.src ? <Img image={image} /> : null;
|
|
53
|
-
const headline =
|
|
52
|
+
const headline = (
|
|
53
|
+
<Headline
|
|
54
|
+
title={title}
|
|
55
|
+
description={description}
|
|
56
|
+
headlineVersion={headlineVersion}
|
|
57
|
+
align={align}
|
|
58
|
+
isEmbedded={true}
|
|
59
|
+
/>
|
|
60
|
+
);
|
|
54
61
|
const filteredBenefits = benefits?.filter(
|
|
55
62
|
(_) => _?.type === 'rte' || 'label' in _ || 'description' in _,
|
|
56
63
|
);
|
|
@@ -94,21 +101,3 @@ export const leftOrRightImage = (img: VNode, directionRight: boolean) =>
|
|
|
94
101
|
directionRight ? { rightImage: img } : { leftImage: img };
|
|
95
102
|
|
|
96
103
|
const renderTags = (tags: string[]) => (tags?.length ? <Tags tags={tags} /> : null);
|
|
97
|
-
|
|
98
|
-
interface RenderHeadline {
|
|
99
|
-
title?: string;
|
|
100
|
-
description?: string;
|
|
101
|
-
headlineVersion?: HeadlineVersion;
|
|
102
|
-
align?: TextAlign;
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
const renderHeadline = ({ title, description, headlineVersion, align }: RenderHeadline) =>
|
|
106
|
-
title || description ? (
|
|
107
|
-
<Headline
|
|
108
|
-
title={title}
|
|
109
|
-
description={description}
|
|
110
|
-
headlineVersion={headlineVersion}
|
|
111
|
-
align={align}
|
|
112
|
-
isEmbedded={true}
|
|
113
|
-
/>
|
|
114
|
-
) : null;
|