pds-dev-kit-web-test 2.6.22 → 2.6.23

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/textSpecFormatOptions.js

@@ -0,0 +1,211 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TEXT_SPEC_FORMAT_OPRIONS = void 0;
+exports.TEXT_SPEC_FORMAT_OPRIONS = {
+    TYPE1: {
+        name: 'Thousands comma, No decimal',
+        description: '천단위 콤마, 소숫점 없음 (반올림)',
+        formatter: function (value) {
+            var num = Number(value);
+            if (isNaN(num))
+                return value; // Return original if not a number
+            return new Intl.NumberFormat('en-US', {
+                maximumFractionDigits: 0
+            }).format(num);
+        }
+    },
+    TYPE2: {
+        name: 'Thousands comma, 1 decimal place',
+        description: '천단위 콤마, 소숫점 1자리 (반올림)',
+        formatter: function (value) {
+            var num = Number(value);
+            if (isNaN(num))
+                return value; // Return original if not a number
+            return new Intl.NumberFormat('en-US', {
+                minimumFractionDigits: 1,
+                maximumFractionDigits: 1
+            }).format(num);
+        }
+    },
+    TYPE3: {
+        name: 'Thousands comma, 2 decimal places',
+        description: '천단위 콤마, 소숫점 2자리 (반올림)',
+        formatter: function (value) {
+            var num = Number(value);
+            if (isNaN(num))
+                return value; // Return original if not a number
+            return new Intl.NumberFormat('en-US', {
+                minimumFractionDigits: 2,
+                maximumFractionDigits: 2
+            }).format(num);
+        }
+    },
+    TYPE4: {
+        name: 'Date (YYYY/MM/DD)',
+        description: '날짜 (YYYY/MM/dd)',
+        formatter: function (value) {
+            var d = new Date(value);
+            if (isNaN(d.getTime()))
+                return value; // Return original if invalid date
+            var yyyy = d.getFullYear();
+            var mm = String(d.getMonth() + 1).padStart(2, '0');
+            var dd = String(d.getDate()).padStart(2, '0');
+            return "".concat(yyyy, "/").concat(mm, "/").concat(dd);
+        }
+    },
+    TYPE5: {
+        name: 'Date (YYYY-MM-DD)',
+        description: '날짜 (YYYY-MM-dd)',
+        formatter: function (value) {
+            var d = new Date(value);
+            if (isNaN(d.getTime()))
+                return value;
+            var yyyy = d.getFullYear();
+            var mm = String(d.getMonth() + 1).padStart(2, '0');
+            var dd = String(d.getDate()).padStart(2, '0');
+            return "".concat(yyyy, "-").concat(mm, "-").concat(dd);
+        }
+    },
+    TYPE6: {
+        name: 'Date (YYYY. MM. DD)',
+        description: '날짜 (YYYY. MM. dd)',
+        formatter: function (value) {
+            var d = new Date(value);
+            if (isNaN(d.getTime()))
+                return value;
+            var yyyy = d.getFullYear();
+            var mm = String(d.getMonth() + 1).padStart(2, '0');
+            var dd = String(d.getDate()).padStart(2, '0');
+            return "".concat(yyyy, ". ").concat(mm, ". ").concat(dd);
+        }
+    },
+    TYPE7: {
+        name: 'Date (YY/MM/DD)',
+        description: '날짜 (YY/MM/dd)',
+        formatter: function (value) {
+            var d = new Date(value);
+            if (isNaN(d.getTime()))
+                return value;
+            var yy = String(d.getFullYear()).slice(-2);
+            var mm = String(d.getMonth() + 1).padStart(2, '0');
+            var dd = String(d.getDate()).padStart(2, '0');
+            return "".concat(yy, "/").concat(mm, "/").concat(dd);
+        }
+    },
+    TYPE8: {
+        name: 'Date (MM/DD/YY)',
+        description: '날짜 (MM/dd/YY)',
+        formatter: function (value) {
+            var d = new Date(value);
+            if (isNaN(d.getTime()))
+                return value;
+            var yy = String(d.getFullYear()).slice(-2);
+            var mm = String(d.getMonth() + 1).padStart(2, '0');
+            var dd = String(d.getDate()).padStart(2, '0');
+            return "".concat(mm, "/").concat(dd, "/").concat(yy);
+        }
+    },
+    TYPE9: {
+        name: 'Date (DD/MM/YY)',
+        description: '날짜 (dd/MM/YY)',
+        formatter: function (value) {
+            var d = new Date(value);
+            if (isNaN(d.getTime()))
+                return value;
+            var yy = String(d.getFullYear()).slice(-2);
+            var mm = String(d.getMonth() + 1).padStart(2, '0');
+            var dd = String(d.getDate()).padStart(2, '0');
+            return "".concat(dd, "/").concat(mm, "/").concat(yy);
+        }
+    },
+    TYPE10: {
+        name: 'Date (YYYY-MM-DD Korean)',
+        description: '날짜 (YYYY년 MM월 dd일)',
+        formatter: function (value) {
+            var d = new Date(value);
+            if (isNaN(d.getTime()))
+                return value;
+            var yyyy = d.getFullYear();
+            var mm = d.getMonth() + 1;
+            var dd = d.getDate();
+            return "".concat(yyyy, "\uB144 ").concat(mm, "\uC6D4 ").concat(dd, "\uC77C");
+        }
+    },
+    TYPE11: {
+        name: 'Date (DD MMM)',
+        description: '날짜 (dd MMM)',
+        formatter: function (value) {
+            var d = new Date(value);
+            if (isNaN(d.getTime()))
+                return value;
+            var dd = String(d.getDate()).padStart(2, '0');
+            var mmm = d.toLocaleString('en-US', { month: 'short' });
+            return "".concat(dd, " ").concat(mmm);
+        }
+    },
+    TYPE12: {
+        name: 'Date (MM. DD)',
+        description: '날짜 (MM. dd)',
+        formatter: function (value) {
+            var d = new Date(value);
+            if (isNaN(d.getTime()))
+                return value;
+            var mm = String(d.getMonth() + 1).padStart(2, '0');
+            var dd = String(d.getDate()).padStart(2, '0');
+            return "".concat(mm, ". ").concat(dd);
+        }
+    },
+    TYPE13: {
+        name: 'Datetime (YYYY.MM.DD HH:mm:ss)',
+        description: '날짜 (YYYY.MM.dd hh:mm:ss)',
+        formatter: function (value) {
+            // FIX: Return original value if time info is missing.
+            if (!value.includes('T') && !value.includes(':')) {
+                return value;
+            }
+            var d = new Date(value);
+            if (isNaN(d.getTime()))
+                return value;
+            var yyyy = d.getFullYear();
+            var mm = String(d.getMonth() + 1).padStart(2, '0');
+            var dd = String(d.getDate()).padStart(2, '0');
+            var hh = String(d.getHours()).padStart(2, '0');
+            var min = String(d.getMinutes()).padStart(2, '0');
+            var ss = String(d.getSeconds()).padStart(2, '0');
+            return "".concat(yyyy, ".").concat(mm, ".").concat(dd, " ").concat(hh, ":").concat(min, ":").concat(ss);
+        }
+    },
+    TYPE14: {
+        name: 'Time (HH:mm:ss)',
+        description: '시간 (hh:mm:ss)',
+        formatter: function (value) {
+            // FIX: Return original value if time info is missing.
+            if (!value.includes('T') && !value.includes(':')) {
+                return value;
+            }
+            var d = new Date(value);
+            if (isNaN(d.getTime()))
+                return value;
+            var hh = String(d.getHours()).padStart(2, '0');
+            var min = String(d.getMinutes()).padStart(2, '0');
+            var ss = String(d.getSeconds()).padStart(2, '0');
+            return "".concat(hh, ":").concat(min, ":").concat(ss);
+        }
+    },
+    TYPE15: {
+        name: 'Time (HH:mm)',
+        description: '시간 (hh:mm)',
+        formatter: function (value) {
+            // FIX: Return original value if time info is missing.
+            if (!value.includes('T') && !value.includes(':')) {
+                return value;
+            }
+            var d = new Date(value);
+            if (isNaN(d.getTime()))
+                return value;
+            var hh = String(d.getHours()).padStart(2, '0');
+            var min = String(d.getMinutes()).padStart(2, '0');
+            return "".concat(hh, ":").concat(min);
+        }
+    }
+};

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/VideoPlayer.js

@@ -53,7 +53,7 @@ function VideoPlayer(props) {
         : CB_EFFECT_PROP_ENTANIM['CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE'] === 'NONE';
     var hasEffect = !isNoneEffectType;
     var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
-    var CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR, CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME, CB_CONTENT_PROP_VIDEO_SPEC_THUMB = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_THUMB, CB_CONTENT_PROP_VIDEO_SPEC_MAUTOPLAY = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_MAUTOPLAY, CB_CONTENT_PROP_VIDEO_SPEC_AUTOPLAY = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_AUTOPLAY, CB_CONTENT_PROP_VIDEO_SPEC_REPLAY = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_REPLAY, CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME;
+    var CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR, CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME, CB_CONTENT_PROP_VIDEO_SPEC_THUMB = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_THUMB, CB_CONTENT_PROP_VIDEO_SPEC_MAUTOPLAY = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_MAUTOPLAY, CB_CONTENT_PROP_VIDEO_SPEC_AUTOPLAY = CB_CONTENT_PROP_VIDEO.CB_CONTENT_PROP_VIDEO_SPEC_AUTOPLAY;
     var shouldAutoplay = (CB_CONTENT_PROP_VIDEO_SPEC_AUTOPLAY && device === 'DESKTOP') ||
         (CB_CONTENT_PROP_VIDEO_SPEC_MAUTOPLAY && device === 'MOBILE');
     var videoRef = (0, react_1.useRef)(null);
@@ -115,31 +115,6 @@ function VideoPlayer(props) {
     (0, react_1.useEffect)(function () {
         setVideoURL((0, helper_1.parseTargetUrl)(CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR).encodedURL);
     }, [CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR]);
-    var onTimeUpdate = function () {
-        var video = videoRef.current;
-        if (!video) {
-            return;
-        }
-        var currentTimeFloor = Math.floor(video.currentTime);
-        if (typeof CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME === 'number' &&
-            currentTimeFloor === CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME) {
-            if (CB_CONTENT_PROP_VIDEO_SPEC_REPLAY) {
-                video.currentTime = CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME;
-                return;
-            }
-            video.pause();
-            return;
-        }
-    };
-    var onEnded = function () {
-        var video = videoRef.current;
-        if (!video || !CB_CONTENT_PROP_VIDEO_SPEC_REPLAY) {
-            return;
-        }
-        video.currentTime = CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME;
-        video.play();
-        return;
-    };
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsxs)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign({}, propsStyle), layoutStyle), effectCssProperties), bgColorStyle), hoverStyle: __assign(__assign({}, propsHoverStyle), bgColorHoverStyle), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device }, { children: [isEditMode && ((0, jsx_runtime_1.jsx)("div", __assign({ style: {
                                 position: 'absolute',
                                 top: '50%',
@@ -150,7 +125,7 @@ function VideoPlayer(props) {
                                 alignItems: 'center',
                                 justifyContent: 'center',
                                 transform: 'translate(-50%, -50%)'
-                            } }, { children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { iconName: "ic_video_play_circle", fillType: "fill", colorKey: "ui_cpnt_icon_sys_white", size: 48 }) }))), (0, jsx_runtime_1.jsxs)(S_Video, __assign({ muted: true, playsInline: true, controls: !isEditMode, isEditMode: isEditMode, ref: videoRef, "data-src": CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR, poster: CB_CONTENT_PROP_VIDEO_SPEC_THUMB, onPlay: onPlay, onEnded: onEnded, onError: onVideoError, onTimeUpdate: onTimeUpdate, onLoadedMetadata: onLoadedMetadata }, { children: [(0, jsx_runtime_1.jsx)("source", { src: videoURL }), "Your browser does not support the video tag."] }), videoURL + CB_CONTENT_PROP_VIDEO_SPEC_THUMB)] })) }))] }));
+                            } }, { children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { iconName: "ic_video_play_circle", fillType: "fill", colorKey: "ui_cpnt_icon_sys_white", size: 48 }) }))), (0, jsx_runtime_1.jsxs)(S_Video, __assign({ muted: true, playsInline: true, controls: !isEditMode, isEditMode: isEditMode, ref: videoRef, poster: CB_CONTENT_PROP_VIDEO_SPEC_THUMB, onLoadedMetadata: onLoadedMetadata, onPlay: onPlay, onError: onVideoError, "data-src": CB_CONTENT_PROP_VIDEO_SPEC_SELECTOR }, { children: [(0, jsx_runtime_1.jsx)("source", { src: videoURL }), "Your browser does not support the video tag."] }), videoURL + CB_CONTENT_PROP_VIDEO_SPEC_THUMB)] })) }))] }));
 }
 function getBGColorStyles(props, device) {
     var availableSpecCodes = [
@@ -165,7 +140,7 @@ function getBGColorStyles(props, device) {
     ];
     return (0, colorUtil_1.parseStyleColorToCSSProp)({ availableSpecCodes: availableSpecCodes, props: props, propKey: 'BGCOLOR', device: device });
 }
-var S_Video = styled_components_1.default.video(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  aspect-ratio: 16 / 9;\n  height: 100%;\n  max-height: 100%;\n  object-fit: contain;\n  pointer-events: ", ";\n  width: 100%;\n"], ["\n  aspect-ratio: 16 / 9;\n  height: 100%;\n  max-height: 100%;\n  object-fit: contain;\n  pointer-events: ", ";\n  width: 100%;\n"])), function (_a) {
+var S_Video = styled_components_1.default.video(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  aspect-ratio: 16 / 9;\n  height: 100%;\n  max-height: 100%;\n  object-fit: cover;\n  pointer-events: ", ";\n  width: 100%;\n"], ["\n  aspect-ratio: 16 / 9;\n  height: 100%;\n  max-height: 100%;\n  object-fit: cover;\n  pointer-events: ", ";\n  width: 100%;\n"])), function (_a) {
     var isEditMode = _a.isEditMode;
     return (isEditMode ? 'none' : 'auto');
 });

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/helper.d.ts

@@ -2,4 +2,3 @@ export declare function parseTargetUrl(url: string): {
     encodedURL: string;
     fallbackURL: string | null;
 };
-export declare function convertToCdnUrl(url: string): string;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/helper.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.convertToCdnUrl = exports.parseTargetUrl = void 0;
+exports.parseTargetUrl = void 0;
 function parseTargetUrl(url) {
     var _a = url.split('?'), encodedURL = _a[0], query = _a[1];
     if (!query) {
         return {
-            encodedURL: convertToCdnUrl(encodedURL),
+            encodedURL: encodedURL,
             fallbackURL: null
         };
     }
@@ -13,23 +13,13 @@ function parseTargetUrl(url) {
     var fallbackUrl = params.get('fallbackUrl');
     if (!fallbackUrl) {
         return {
-            encodedURL: convertToCdnUrl(encodedURL),
+            encodedURL: encodedURL,
             fallbackURL: null
         };
     }
     return {
-        encodedURL: convertToCdnUrl(encodedURL),
-        fallbackURL: convertToCdnUrl("https://".concat(fallbackUrl))
+        encodedURL: encodedURL,
+        fallbackURL: "http://".concat(fallbackUrl)
     };
 }
 exports.parseTargetUrl = parseTargetUrl;
-function convertToCdnUrl(url) {
-    if (!url) {
-        return url;
-    }
-    return url
-        .replace(/^https?:\/\/publ-upload-local\.s3\.ap-northeast-2\.amazonaws\.com\//, 'https://cdn.local.publishingkit.net/')
-        .replace(/^https?:\/\/publ-upload-dev\.s3\.ap-northeast-2\.amazonaws\.com\//, 'https://cdn.dev.publishingkit.net/')
-        .replace(/^https?:\/\/publ-upload-prod\.s3\.ap-northeast-2\.amazonaws\.com\//, 'https://cdn.publishingkit.net/');
-}
-exports.convertToCdnUrl = convertToCdnUrl;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { ENUM_STRING, NUMBER_INTEGER, STRING_8DIGIT_HEX, STRING_PLAIN } from '../../../util/types';
+import type { ENUM_STRING, NUMBER_INTEGER, STRING_8DIGIT_HEX, STRING_PLAIN, CCB_VALUE_TYPE, CB_VALUE_TYPE } from '../../../util/types';
 export type StylesProps = {
     normalStyle: React.CSSProperties;
     hoverStyle: React.CSSProperties;
@@ -7,15 +7,24 @@ export type StylesProps = {
 export type CB_CONTENT_PROP_TEXT = {
     CB_CONTENT_PROP_TEXT_SPEC_TEXT: STRING_PLAIN;
     CB_CONTENT_PROP_TEXT_SPEC_TEXTMOBILEALTERNATIVE: STRING_PLAIN;
+    CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE: CCB_VALUE_TYPE | CB_VALUE_TYPE;
+    CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA: STRING_PLAIN;
+    CB_CONTENT_PROP_TEXT_SPEC_PREFIX: STRING_PLAIN;
+    CB_CONTENT_PROP_TEXT_SPEC_SUFFIX: STRING_PLAIN;
+    CB_CONTENT_PROP_TEXT_SPEC_FORMAT: ENUM_STRING;
 };
 export type CB_CONTENT_PROP_CLINK = {
     CB_CONTENT_PROP_CLINK_SPEC_TYPE: 'INTERNAL' | 'EXTERNAL' | 'DISABLED';
     CB_CONTENT_PROP_CLINK_SPEC_SRC: STRING_PLAIN;
     CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC: STRING_PLAIN;
     CB_CONTENT_PROP_CLINK_SPEC_NEWTAB: boolean;
+    CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE: CCB_VALUE_TYPE | CB_VALUE_TYPE;
+    CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA: STRING_PLAIN;
 };
 export type CB_CONTENT_PROP_IMAGE = {
     CB_CONTENT_PROP_IMAGE_SPEC_SELECTOR: STRING_PLAIN;
+    CB_CONTENT_PROP_IMAGE_SPEC_VALUETYPE: CCB_VALUE_TYPE | CB_VALUE_TYPE;
+    CB_CONTENT_PROP_IMAGE_SPEC_CONNECTDATA: STRING_PLAIN;
 };
 export type CB_CONTENT_PROP_TWITTER = {
     CB_CONTENT_PROP_TWITTER_SPEC_SRC: STRING_PLAIN;
@@ -23,6 +32,44 @@ export type CB_CONTENT_PROP_TWITTER = {
 export type CB_CONTENT_PROP_CODEBLOCK = {
     CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE: STRING_PLAIN;
 };
+export type CB_CONTENT_PROP_CONTENTSCAROUSEL = {
+    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE: CCB_VALUE_TYPE;
+    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECTDATA: STRING_PLAIN;
+    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DATASORTING: STRING_PLAIN;
+    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_OFFSET: NUMBER_INTEGER;
+    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MANUALITEMS: MockComposition[];
+    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_ITEMCOUNTS: NUMBER_INTEGER;
+    CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS: NUMBER_INTEGER;
+};
+export type CB_CONTENT_PROP_SLIDEBANNER = {
+    CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE: CCB_VALUE_TYPE;
+    CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECTDATA: STRING_PLAIN;
+    CB_CONTENT_PROP_SLIDEBANNER_SPEC_DATASORTING: STRING_PLAIN;
+    CB_CONTENT_PROP_SLIDEBANNER_SPEC_OFFSET: NUMBER_INTEGER;
+    CB_CONTENT_PROP_SLIDEBANNER_SPEC_MENUALITEMS: MockComposition[];
+    CB_CONTENT_PROP_SLIDEBANNER_SPEC_ITEMCOUNTS: NUMBER_INTEGER;
+};
+export type CB_CONTENT_PROP_CONTENTSLIST = {
+    CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE: CCB_VALUE_TYPE;
+    CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA: STRING_PLAIN;
+    CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATASORTING: STRING_PLAIN;
+    CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATAFILTER: STRING_PLAIN;
+    CB_CONTENT_PROP_CONTENTSLIST_SPEC_OFFSET: NUMBER_INTEGER;
+    CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEMS: MockComposition[];
+    CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS: NUMBER_INTEGER;
+    CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS: NUMBER_INTEGER;
+    CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS: NUMBER_INTEGER;
+    CB_CONTENT_PROP_CONTENTSLIST_SPEC_EDITCOMMONITEM: null | STRING_PLAIN;
+};
+export type MockComposition = {
+    title: string;
+    width: number;
+    minWidth: number;
+    maxWidth: number;
+    height: number;
+    minHeight: number;
+    maxHeight: number;
+};
 export type CBTextPropsKeys = keyof CB_STYLE_PROP_TEXT_SPECS;
 export type CB_STYLE_PROP_TEXT_SPECS_BASE = {
     CB_STYLE_PROP_TEXT_SPEC_TYPEFACE: ENUM_STRING;
@@ -33,6 +80,7 @@ export type CB_STYLE_PROP_TEXT_SPECS_BASE = {
     CB_STYLE_PROP_TEXT_SPEC_COLOR: STRING_8DIGIT_HEX;
     CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL: ENUM_STRING;
     CB_STYLE_PROP_TEXT_SPEC_VERTICAL: ENUM_STRING;
+    CB_STYLE_PROP_TEXT_SPEC_ELLIPSIS: NUMBER_INTEGER;
 };
 export type CB_STYLE_PROP_TEXT_SPECS = CB_STYLE_PROP_TEXT_SPECS_BASE & {
     'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER': ENUM_STRING | null | undefined;
@@ -59,6 +107,9 @@ export type CB_STYLE_PROP_TEXT_SPECS = CB_STYLE_PROP_TEXT_SPECS_BASE & {
     'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:HOVER': ENUM_STRING | null | undefined;
     'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE': ENUM_STRING | null | undefined;
     'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE:HOVER': ENUM_STRING | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_ELLIPSIS:HOVER': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_ELLIPSIS:MOBILE': NUMBER_INTEGER | null | undefined;
+    'CB_STYLE_PROP_TEXT_SPEC_ELLIPSIS:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
 };
 export type CBColorPropsKeys = keyof CB_STYLE_PROP_COLOR_SPECS;
 export type CBColorValueSetType = Partial<Record<keyof CB_STYLE_PROP_COLOR_SPECS, CB_STYLE_PROP_COLOR_ENUM_GRADIENT | NUMBER_INTEGER | ENUM_STRING | undefined>>;
@@ -108,6 +159,4 @@ export type CB_CONTENT_PROP_VIDEO = {
     CB_CONTENT_PROP_VIDEO_SPEC_STARTTIME: number;
     CB_CONTENT_PROP_VIDEO_SPEC_THUMB: string;
     CB_CONTENT_PROP_VIDEO_SPEC_TYPE: 'FILE' | 'URL';
-    CB_CONTENT_PROP_VIDEO_SPEC_ENDTIME: number;
-    CB_CONTENT_PROP_VIDEO_SPEC_REPLAY: boolean;
 };

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/propComponent/CBBackgroundMedia.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function CBBackgroundMedia(): JSX.Element;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/propComponent/CBBackgroundMedia.js

@@ -0,0 +1,17 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_components_1 = __importDefault(require("styled-components"));
+function CBBackgroundMedia() {
+    return (0, jsx_runtime_1.jsx)(S_BGMedia, { children: "CB- background-media" });
+}
+exports.default = CBBackgroundMedia;
+var S_BGMedia = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  bottom: 0;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: -1;\n"], ["\n  bottom: 0;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: -1;\n"])));
+var templateObject_1;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/StyledSwiper/StyledSwiper.d.ts

@@ -0,0 +1,2 @@
+declare const StyledSwiperWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export default StyledSwiperWrapper;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/StyledSwiper/StyledSwiper.js

@@ -0,0 +1,13 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var styled_components_1 = __importDefault(require("styled-components"));
+var StyledSwiperWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  /**\n * Swiper 9.4.1\n * Most modern mobile touch slider and framework with hardware accelerated transitions\n * https://swiperjs.com\n *\n * Copyright 2014-2023 Vladimir Kharlampidi\n *\n * Released under the MIT License\n *\n * Released on: June 13, 2023\n */\n\n  && {\n    /* FONT_START */\n    @font-face {\n      font-family: 'swiper-icons';\n      src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');\n      font-weight: 400;\n      font-style: normal;\n    }\n    /* FONT_END */\n    :root {\n      --swiper-theme-color: #007aff;\n      /*\n  --swiper-preloader-color: var(--swiper-theme-color);\n  --swiper-wrapper-transition-timing-function: initial;\n  */\n    }\n    .swiper,\n    swiper-container {\n      display: block;\n      list-style: none;\n      margin-left: auto;\n      margin-right: auto;\n      overflow: hidden;\n      padding: 0;\n      /* Fix of Webkit flickering */\n      position: relative;\n      z-index: 1;\n    }\n    .swiper-vertical > .swiper-wrapper {\n      flex-direction: column;\n    }\n    .swiper-wrapper {\n      box-sizing: content-box;\n      display: flex;\n      height: 100%;\n      position: relative;\n      transition-property: transform;\n      transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);\n      width: 100%;\n      z-index: 1;\n    }\n    .swiper-android .swiper-slide,\n    .swiper-wrapper {\n      transform: translate3d(0px, 0, 0);\n    }\n    .swiper-horizontal {\n      touch-action: pan-y;\n    }\n    .swiper-vertical {\n      touch-action: pan-x;\n    }\n    .swiper-slide,\n    swiper-slide {\n      display: block;\n      flex-shrink: 0;\n      height: 100%;\n      position: relative;\n      transition-property: transform;\n      width: 100%;\n    }\n    .swiper-slide-invisible-blank {\n      visibility: hidden;\n    }\n    /* Auto Height */\n    .swiper-autoheight,\n    .swiper-autoheight .swiper-slide {\n      height: auto;\n    }\n    .swiper-autoheight .swiper-wrapper {\n      align-items: flex-start;\n      transition-property: transform, height;\n    }\n    .swiper-backface-hidden .swiper-slide {\n      -webkit-backface-visibility: hidden;\n      backface-visibility: hidden;\n      transform: translateZ(0);\n    }\n    /* 3D Effects */\n    .swiper-3d.swiper-css-mode .swiper-wrapper {\n      perspective: 1200px;\n    }\n    .swiper-3d .swiper-wrapper {\n      transform-style: preserve-3d;\n    }\n    .swiper-3d {\n      perspective: 1200px;\n    }\n    .swiper-3d .swiper-slide,\n    .swiper-3d .swiper-slide-shadow,\n    .swiper-3d .swiper-slide-shadow-left,\n    .swiper-3d .swiper-slide-shadow-right,\n    .swiper-3d .swiper-slide-shadow-top,\n    .swiper-3d .swiper-slide-shadow-bottom,\n    .swiper-3d .swiper-cube-shadow {\n      transform-style: preserve-3d;\n    }\n    .swiper-3d .swiper-slide-shadow,\n    .swiper-3d .swiper-slide-shadow-left,\n    .swiper-3d .swiper-slide-shadow-right,\n    .swiper-3d .swiper-slide-shadow-top,\n    .swiper-3d .swiper-slide-shadow-bottom {\n      height: 100%;\n      left: 0;\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      width: 100%;\n      z-index: 10;\n    }\n    .swiper-3d .swiper-slide-shadow {\n      background: rgba(0, 0, 0, 0.15);\n    }\n    .swiper-3d .swiper-slide-shadow-left {\n      background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n    }\n    .swiper-3d .swiper-slide-shadow-right {\n      background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n    }\n    .swiper-3d .swiper-slide-shadow-top {\n      background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n    }\n    .swiper-3d .swiper-slide-shadow-bottom {\n      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n    }\n    /* CSS Mode */\n    .swiper-css-mode > .swiper-wrapper {\n      -ms-overflow-style: none;\n      overflow: auto;\n      /* For Firefox */\n      scrollbar-width: none;\n      /* For Internet Explorer and Edge */\n    }\n    .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {\n      display: none;\n    }\n    .swiper-css-mode > .swiper-wrapper > .swiper-slide {\n      scroll-snap-align: start start;\n    }\n    .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n      scroll-snap-type: x mandatory;\n    }\n    .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n      scroll-snap-type: y mandatory;\n    }\n    .swiper-css-mode.swiper-free-mode > .swiper-wrapper {\n      scroll-snap-type: none;\n    }\n    .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {\n      scroll-snap-align: none;\n    }\n    .swiper-centered > .swiper-wrapper::before {\n      content: '';\n      flex-shrink: 0;\n      order: 9999;\n    }\n    .swiper-centered > .swiper-wrapper > .swiper-slide {\n      scroll-snap-align: center center;\n      scroll-snap-stop: always;\n    }\n    .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n      margin-inline-start: var(--swiper-centered-offset-before);\n    }\n    .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n      height: 100%;\n      min-height: 1px;\n      width: var(--swiper-centered-offset-after);\n    }\n    .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n      margin-block-start: var(--swiper-centered-offset-before);\n    }\n    .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n      height: var(--swiper-centered-offset-after);\n      min-width: 1px;\n      width: 100%;\n    }\n    .swiper-lazy-preloader {\n      border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));\n      border-radius: 50%;\n      border-top-color: transparent;\n      box-sizing: border-box;\n      height: 42px;\n      left: 50%;\n      margin-left: -21px;\n      margin-top: -21px;\n      position: absolute;\n      top: 50%;\n      transform-origin: 50%;\n      width: 42px;\n      z-index: 10;\n    }\n    .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,\n    swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,\n    .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {\n      animation: swiper-preloader-spin 1s infinite linear;\n    }\n    .swiper-lazy-preloader-white {\n      --swiper-preloader-color: #fff;\n    }\n    .swiper-lazy-preloader-black {\n      --swiper-preloader-color: #000;\n    }\n    @keyframes swiper-preloader-spin {\n      0% {\n        transform: rotate(0deg);\n      }\n      100% {\n        transform: rotate(360deg);\n      }\n    }\n    .swiper-virtual .swiper-slide {\n      -webkit-backface-visibility: hidden;\n      transform: translateZ(0);\n    }\n    .swiper-virtual.swiper-css-mode .swiper-wrapper::after {\n      content: '';\n      left: 0;\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n    }\n    .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {\n      height: 1px;\n      width: var(--swiper-virtual-size);\n    }\n    .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {\n      height: var(--swiper-virtual-size);\n      width: 1px;\n    }\n    :root {\n      --swiper-navigation-size: 44px;\n      /*\n  --swiper-navigation-top-offset: 50%;\n  --swiper-navigation-sides-offset: 10px;\n  --swiper-navigation-color: var(--swiper-theme-color);\n  */\n    }\n    .swiper-button-prev,\n    .swiper-button-next {\n      align-items: center;\n      color: var(--swiper-navigation-color, var(--swiper-theme-color));\n      cursor: pointer;\n      display: flex;\n      height: var(--swiper-navigation-size);\n      justify-content: center;\n      margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n      position: absolute;\n      top: var(--swiper-navigation-top-offset, 50%);\n      width: calc(var(--swiper-navigation-size) / 44 * 27);\n      z-index: 10;\n    }\n    .swiper-button-prev.swiper-button-disabled,\n    .swiper-button-next.swiper-button-disabled {\n      cursor: auto;\n      opacity: 0.35;\n      pointer-events: none;\n    }\n    .swiper-button-prev.swiper-button-hidden,\n    .swiper-button-next.swiper-button-hidden {\n      cursor: auto;\n      opacity: 0;\n      pointer-events: none;\n    }\n    .swiper-navigation-disabled .swiper-button-prev,\n    .swiper-navigation-disabled .swiper-button-next {\n      display: none !important;\n    }\n    .swiper-button-prev:after,\n    .swiper-button-next:after {\n      font-family: swiper-icons;\n      font-size: var(--swiper-navigation-size);\n      font-variant: initial;\n      letter-spacing: 0;\n      line-height: 1;\n      text-transform: none !important;\n    }\n    .swiper-button-prev,\n    .swiper-rtl .swiper-button-next {\n      left: var(--swiper-navigation-sides-offset, 10px);\n      right: auto;\n    }\n    .swiper-button-prev:after,\n    .swiper-rtl .swiper-button-next:after {\n      content: 'prev';\n    }\n    .swiper-button-next,\n    .swiper-rtl .swiper-button-prev {\n      left: auto;\n      right: var(--swiper-navigation-sides-offset, 10px);\n    }\n    .swiper-button-next:after,\n    .swiper-rtl .swiper-button-prev:after {\n      content: 'next';\n    }\n    .swiper-button-lock {\n      display: none;\n    }\n    :root {\n      /*\n  --swiper-pagination-color: var(--swiper-theme-color);\n  --swiper-pagination-left: auto;\n  --swiper-pagination-right: 8px;\n  --swiper-pagination-bottom: 8px;\n  --swiper-pagination-top: auto;\n  --swiper-pagination-fraction-color: inherit;\n  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);\n  --swiper-pagination-progressbar-size: 4px;\n  --swiper-pagination-bullet-size: 8px;\n  --swiper-pagination-bullet-width: 8px;\n  --swiper-pagination-bullet-height: 8px;\n  --swiper-pagination-bullet-border-radius: 50%;\n  --swiper-pagination-bullet-inactive-color: #000;\n  --swiper-pagination-bullet-inactive-opacity: 0.2;\n  --swiper-pagination-bullet-opacity: 1;\n  --swiper-pagination-bullet-horizontal-gap: 4px;\n  --swiper-pagination-bullet-vertical-gap: 6px;\n  */\n    }\n    .swiper-pagination {\n      position: absolute;\n      text-align: center;\n      transform: translate3d(0, 0, 0);\n      transition: 300ms opacity;\n      z-index: 10;\n    }\n    .swiper-pagination.swiper-pagination-hidden {\n      opacity: 0;\n    }\n    .swiper-pagination-disabled > .swiper-pagination,\n    .swiper-pagination.swiper-pagination-disabled {\n      display: none !important;\n    }\n    /* Common Styles */\n    .swiper-pagination-fraction,\n    .swiper-pagination-custom,\n    .swiper-horizontal > .swiper-pagination-bullets,\n    .swiper-pagination-bullets.swiper-pagination-horizontal {\n      bottom: var(--swiper-pagination-bottom, 8px);\n      left: 0;\n      top: var(--swiper-pagination-top, auto);\n      width: 100%;\n    }\n    /* Bullets */\n    .swiper-pagination-bullets-dynamic {\n      font-size: 0;\n      overflow: hidden;\n    }\n    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n      position: relative;\n      transform: scale(0.33);\n    }\n    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {\n      transform: scale(1);\n    }\n    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {\n      transform: scale(1);\n    }\n    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {\n      transform: scale(0.66);\n    }\n    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {\n      transform: scale(0.33);\n    }\n    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {\n      transform: scale(0.66);\n    }\n    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {\n      transform: scale(0.33);\n    }\n    .swiper-pagination-bullet {\n      background: var(--swiper-pagination-bullet-inactive-color, #000);\n      border-radius: var(--swiper-pagination-bullet-border-radius, 50%);\n      display: inline-block;\n      height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));\n      opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);\n      width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));\n    }\n    button.swiper-pagination-bullet {\n      -webkit-appearance: none;\n      appearance: none;\n      border: none;\n      box-shadow: none;\n      margin: 0;\n      padding: 0;\n    }\n    .swiper-pagination-clickable .swiper-pagination-bullet {\n      cursor: pointer;\n    }\n    .swiper-pagination-bullet:only-child {\n      display: none !important;\n    }\n    .swiper-pagination-bullet-active {\n      background: var(--swiper-pagination-color, var(--swiper-theme-color));\n      opacity: var(--swiper-pagination-bullet-opacity, 1);\n    }\n    .swiper-vertical > .swiper-pagination-bullets,\n    .swiper-pagination-vertical.swiper-pagination-bullets {\n      left: var(--swiper-pagination-left, auto);\n      right: var(--swiper-pagination-right, 8px);\n      top: 50%;\n      transform: translate3d(0px, -50%, 0);\n    }\n    .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,\n    .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {\n      display: block;\n      margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;\n    }\n    .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,\n    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n      top: 50%;\n      transform: translateY(-50%);\n      width: 8px;\n    }\n    .swiper-vertical\n      > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic\n      .swiper-pagination-bullet,\n    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic\n      .swiper-pagination-bullet {\n      display: inline-block;\n      transition: 200ms transform, 200ms top;\n    }\n    .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,\n    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {\n      margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);\n    }\n    .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,\n    .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n      left: 50%;\n      transform: translateX(-50%);\n      white-space: nowrap;\n    }\n    .swiper-horizontal\n      > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic\n      .swiper-pagination-bullet,\n    .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic\n      .swiper-pagination-bullet {\n      transition: 200ms transform, 200ms left;\n    }\n    .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,\n    :host(.swiper-horizontal.swiper-rtl)\n      .swiper-pagination-bullets-dynamic\n      .swiper-pagination-bullet {\n      transition: 200ms transform, 200ms right;\n    }\n    /* Fraction */\n    .swiper-pagination-fraction {\n      color: var(--swiper-pagination-fraction-color, inherit);\n    }\n    /* Progress */\n    .swiper-pagination-progressbar {\n      background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));\n      position: absolute;\n      /*ADD_HOST*/\n    }\n    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n      background: var(--swiper-pagination-color, var(--swiper-theme-color));\n      height: 100%;\n      left: 0;\n      position: absolute;\n      top: 0;\n      transform: scale(0);\n      transform-origin: left top;\n      width: 100%;\n    }\n    .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n      transform-origin: right top;\n    }\n    .swiper-horizontal > .swiper-pagination-progressbar,\n    .swiper-pagination-progressbar.swiper-pagination-horizontal,\n    .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,\n    .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {\n      height: var(--swiper-pagination-progressbar-size, 4px);\n      left: 0;\n      top: 0;\n      width: 100%;\n    }\n    .swiper-vertical > .swiper-pagination-progressbar,\n    .swiper-pagination-progressbar.swiper-pagination-vertical,\n    .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,\n    .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {\n      height: 100%;\n      left: 0;\n      top: 0;\n      width: var(--swiper-pagination-progressbar-size, 4px);\n    }\n    .swiper-pagination-lock {\n      display: none;\n    }\n    :root {\n      /*\n  --swiper-scrollbar-border-radius: 10px;\n  --swiper-scrollbar-top: auto;\n  --swiper-scrollbar-bottom: 4px;\n  --swiper-scrollbar-left: auto;\n  --swiper-scrollbar-right: 4px;\n  --swiper-scrollbar-sides-offset: 1%;\n  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);\n  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);\n  --swiper-scrollbar-size: 4px;\n  */\n    }\n    .swiper-scrollbar {\n      -ms-touch-action: none;\n      background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));\n      border-radius: var(--swiper-scrollbar-border-radius, 10px);\n      position: relative;\n    }\n    .swiper-scrollbar-disabled > .swiper-scrollbar,\n    .swiper-scrollbar.swiper-scrollbar-disabled {\n      display: none !important;\n    }\n    .swiper-horizontal > .swiper-scrollbar,\n    .swiper-scrollbar.swiper-scrollbar-horizontal {\n      bottom: var(--swiper-scrollbar-bottom, 4px);\n      height: var(--swiper-scrollbar-size, 4px);\n      left: var(--swiper-scrollbar-sides-offset, 1%);\n      position: absolute;\n      top: var(--swiper-scrollbar-top, auto);\n      width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));\n      z-index: 50;\n    }\n    .swiper-vertical > .swiper-scrollbar,\n    .swiper-scrollbar.swiper-scrollbar-vertical {\n      height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));\n      left: var(--swiper-scrollbar-left, auto);\n      position: absolute;\n      right: var(--swiper-scrollbar-right, 4px);\n      top: var(--swiper-scrollbar-sides-offset, 1%);\n      width: var(--swiper-scrollbar-size, 4px);\n      z-index: 50;\n    }\n    .swiper-scrollbar-drag {\n      background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));\n      border-radius: var(--swiper-scrollbar-border-radius, 10px);\n      height: 100%;\n      left: 0;\n      position: relative;\n      top: 0;\n      width: 100%;\n    }\n    .swiper-scrollbar-cursor-drag {\n      cursor: move;\n    }\n    .swiper-scrollbar-lock {\n      display: none;\n    }\n    .swiper-zoom-container {\n      align-items: center;\n      display: flex;\n      height: 100%;\n      justify-content: center;\n      text-align: center;\n      width: 100%;\n    }\n    .swiper-zoom-container > img,\n    .swiper-zoom-container > svg,\n    .swiper-zoom-container > canvas {\n      max-height: 100%;\n      max-width: 100%;\n      object-fit: contain;\n    }\n    .swiper-slide-zoomed {\n      cursor: move;\n      touch-action: none;\n    }\n    /* a11y */\n    .swiper .swiper-notification,\n    swiper-container .swiper-notification {\n      left: 0;\n      opacity: 0;\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      z-index: -1000;\n    }\n    .swiper-free-mode > .swiper-wrapper {\n      margin: 0 auto;\n      transition-timing-function: ease-out;\n    }\n    .swiper-grid > .swiper-wrapper {\n      flex-wrap: wrap;\n    }\n    .swiper-grid-column > .swiper-wrapper {\n      flex-direction: column;\n      flex-wrap: wrap;\n    }\n    .swiper-fade.swiper-free-mode .swiper-slide {\n      transition-timing-function: ease-out;\n    }\n    .swiper-fade .swiper-slide {\n      pointer-events: none;\n      transition-property: opacity;\n    }\n    .swiper-fade .swiper-slide .swiper-slide {\n      pointer-events: none;\n    }\n    .swiper-fade .swiper-slide-active,\n    .swiper-fade .swiper-slide-active .swiper-slide-active {\n      pointer-events: auto;\n    }\n    .swiper-cube {\n      overflow: visible;\n    }\n    .swiper-cube .swiper-slide {\n      -webkit-backface-visibility: hidden;\n      backface-visibility: hidden;\n      height: 100%;\n      pointer-events: none;\n      transform-origin: 0 0;\n      visibility: hidden;\n      width: 100%;\n      z-index: 1;\n    }\n    .swiper-cube .swiper-slide .swiper-slide {\n      pointer-events: none;\n    }\n    .swiper-cube.swiper-rtl .swiper-slide {\n      transform-origin: 100% 0;\n    }\n    .swiper-cube .swiper-slide-active,\n    .swiper-cube .swiper-slide-active .swiper-slide-active {\n      pointer-events: auto;\n    }\n    .swiper-cube .swiper-slide-active,\n    .swiper-cube .swiper-slide-next,\n    .swiper-cube .swiper-slide-prev,\n    .swiper-cube .swiper-slide-next + .swiper-slide {\n      pointer-events: auto;\n      visibility: visible;\n    }\n    .swiper-cube .swiper-slide-shadow-top,\n    .swiper-cube .swiper-slide-shadow-bottom,\n    .swiper-cube .swiper-slide-shadow-left,\n    .swiper-cube .swiper-slide-shadow-right {\n      -webkit-backface-visibility: hidden;\n      backface-visibility: hidden;\n      z-index: 0;\n    }\n    .swiper-cube .swiper-cube-shadow {\n      bottom: 0px;\n      height: 100%;\n      left: 0;\n      opacity: 0.6;\n      position: absolute;\n      width: 100%;\n      z-index: 0;\n    }\n    .swiper-cube .swiper-cube-shadow:before {\n      background: #000;\n      bottom: 0;\n      content: '';\n      filter: blur(50px);\n      left: 0;\n      position: absolute;\n      right: 0;\n      top: 0;\n    }\n    .swiper-flip {\n      overflow: visible;\n    }\n    .swiper-flip .swiper-slide {\n      -webkit-backface-visibility: hidden;\n      backface-visibility: hidden;\n      pointer-events: none;\n      z-index: 1;\n    }\n    .swiper-flip .swiper-slide .swiper-slide {\n      pointer-events: none;\n    }\n    .swiper-flip .swiper-slide-active,\n    .swiper-flip .swiper-slide-active .swiper-slide-active {\n      pointer-events: auto;\n    }\n    .swiper-flip .swiper-slide-shadow-top,\n    .swiper-flip .swiper-slide-shadow-bottom,\n    .swiper-flip .swiper-slide-shadow-left,\n    .swiper-flip .swiper-slide-shadow-right {\n      -webkit-backface-visibility: hidden;\n      backface-visibility: hidden;\n      z-index: 0;\n    }\n    .swiper-creative .swiper-slide {\n      -webkit-backface-visibility: hidden;\n      backface-visibility: hidden;\n      overflow: hidden;\n      transition-property: transform, opacity, height;\n    }\n    .swiper-cards {\n      overflow: visible !important;\n    }\n\n    .swiper-cards .swiper-slide {\n      -webkit-backface-visibility: hidden;\n      backface-visibility: hidden;\n      overflow: visible;\n      transform-origin: center bottom;\n    }\n  }\n"], ["\n  /**\n * Swiper 9.4.1\n * Most modern mobile touch slider and framework with hardware accelerated transitions\n * https://swiperjs.com\n *\n * Copyright 2014-2023 Vladimir Kharlampidi\n *\n * Released under the MIT License\n *\n * Released on: June 13, 2023\n */\n\n  && {\n    /* FONT_START */\n    @font-face {\n      font-family: 'swiper-icons';\n      src: url('data:application/font-woff;charset=utf-8;base64, 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');\n      font-weight: 400;\n      font-style: normal;\n    }\n    /* FONT_END */\n    :root {\n      --swiper-theme-color: #007aff;\n      /*\n  --swiper-preloader-color: var(--swiper-theme-color);\n  --swiper-wrapper-transition-timing-function: initial;\n  */\n    }\n    .swiper,\n    swiper-container {\n      display: block;\n      list-style: none;\n      margin-left: auto;\n      margin-right: auto;\n      overflow: hidden;\n      padding: 0;\n      /* Fix of Webkit flickering */\n      position: relative;\n      z-index: 1;\n    }\n    .swiper-vertical > .swiper-wrapper {\n      flex-direction: column;\n    }\n    .swiper-wrapper {\n      box-sizing: content-box;\n      display: flex;\n      height: 100%;\n      position: relative;\n      transition-property: transform;\n      transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);\n      width: 100%;\n      z-index: 1;\n    }\n    .swiper-android .swiper-slide,\n    .swiper-wrapper {\n      transform: translate3d(0px, 0, 0);\n    }\n    .swiper-horizontal {\n      touch-action: pan-y;\n    }\n    .swiper-vertical {\n      touch-action: pan-x;\n    }\n    .swiper-slide,\n    swiper-slide {\n      display: block;\n      flex-shrink: 0;\n      height: 100%;\n      position: relative;\n      transition-property: transform;\n      width: 100%;\n    }\n    .swiper-slide-invisible-blank {\n      visibility: hidden;\n    }\n    /* Auto Height */\n    .swiper-autoheight,\n    .swiper-autoheight .swiper-slide {\n      height: auto;\n    }\n    .swiper-autoheight .swiper-wrapper {\n      align-items: flex-start;\n      transition-property: transform, height;\n    }\n    .swiper-backface-hidden .swiper-slide {\n      -webkit-backface-visibility: hidden;\n      backface-visibility: hidden;\n      transform: translateZ(0);\n    }\n    /* 3D Effects */\n    .swiper-3d.swiper-css-mode .swiper-wrapper {\n      perspective: 1200px;\n    }\n    .swiper-3d .swiper-wrapper {\n      transform-style: preserve-3d;\n    }\n    .swiper-3d {\n      perspective: 1200px;\n    }\n    .swiper-3d .swiper-slide,\n    .swiper-3d .swiper-slide-shadow,\n    .swiper-3d .swiper-slide-shadow-left,\n    .swiper-3d .swiper-slide-shadow-right,\n    .swiper-3d .swiper-slide-shadow-top,\n    .swiper-3d .swiper-slide-shadow-bottom,\n    .swiper-3d .swiper-cube-shadow {\n      transform-style: preserve-3d;\n    }\n    .swiper-3d .swiper-slide-shadow,\n    .swiper-3d .swiper-slide-shadow-left,\n    .swiper-3d .swiper-slide-shadow-right,\n    .swiper-3d .swiper-slide-shadow-top,\n    .swiper-3d .swiper-slide-shadow-bottom {\n      height: 100%;\n      left: 0;\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      width: 100%;\n      z-index: 10;\n    }\n    .swiper-3d .swiper-slide-shadow {\n      background: rgba(0, 0, 0, 0.15);\n    }\n    .swiper-3d .swiper-slide-shadow-left {\n      background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n    }\n    .swiper-3d .swiper-slide-shadow-right {\n      background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n    }\n    .swiper-3d .swiper-slide-shadow-top {\n      background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n    }\n    .swiper-3d .swiper-slide-shadow-bottom {\n      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n    }\n    /* CSS Mode */\n    .swiper-css-mode > .swiper-wrapper {\n      -ms-overflow-style: none;\n      overflow: auto;\n      /* For Firefox */\n      scrollbar-width: none;\n      /* For Internet Explorer and Edge */\n    }\n    .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {\n      display: none;\n    }\n    .swiper-css-mode > .swiper-wrapper > .swiper-slide {\n      scroll-snap-align: start start;\n    }\n    .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n      scroll-snap-type: x mandatory;\n    }\n    .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n      scroll-snap-type: y mandatory;\n    }\n    .swiper-css-mode.swiper-free-mode > .swiper-wrapper {\n      scroll-snap-type: none;\n    }\n    .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {\n      scroll-snap-align: none;\n    }\n    .swiper-centered > .swiper-wrapper::before {\n      content: '';\n      flex-shrink: 0;\n      order: 9999;\n    }\n    .swiper-centered > .swiper-wrapper > .swiper-slide {\n      scroll-snap-align: center center;\n      scroll-snap-stop: always;\n    }\n    .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n      margin-inline-start: var(--swiper-centered-offset-before);\n    }\n    .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n      height: 100%;\n      min-height: 1px;\n      width: var(--swiper-centered-offset-after);\n    }\n    .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n      margin-block-start: var(--swiper-centered-offset-before);\n    }\n    .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n      height: var(--swiper-centered-offset-after);\n      min-width: 1px;\n      width: 100%;\n    }\n    .swiper-lazy-preloader {\n      border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));\n      border-radius: 50%;\n      border-top-color: transparent;\n      box-sizing: border-box;\n      height: 42px;\n      left: 50%;\n      margin-left: -21px;\n      margin-top: -21px;\n      position: absolute;\n      top: 50%;\n      transform-origin: 50%;\n      width: 42px;\n      z-index: 10;\n    }\n    .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,\n    swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,\n    .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {\n      animation: swiper-preloader-spin 1s infinite linear;\n    }\n    .swiper-lazy-preloader-white {\n      --swiper-preloader-color: #fff;\n    }\n    .swiper-lazy-preloader-black {\n      --swiper-preloader-color: #000;\n    }\n    @keyframes swiper-preloader-spin {\n      0% {\n        transform: rotate(0deg);\n      }\n      100% {\n        transform: rotate(360deg);\n      }\n    }\n    .swiper-virtual .swiper-slide {\n      -webkit-backface-visibility: hidden;\n      transform: translateZ(0);\n    }\n    .swiper-virtual.swiper-css-mode .swiper-wrapper::after {\n      content: '';\n      left: 0;\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n    }\n    .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {\n      height: 1px;\n      width: var(--swiper-virtual-size);\n    }\n    .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {\n      height: var(--swiper-virtual-size);\n      width: 1px;\n    }\n    :root {\n      --swiper-navigation-size: 44px;\n      /*\n  --swiper-navigation-top-offset: 50%;\n  --swiper-navigation-sides-offset: 10px;\n  --swiper-navigation-color: var(--swiper-theme-color);\n  */\n    }\n    .swiper-button-prev,\n    .swiper-button-next {\n      align-items: center;\n      color: var(--swiper-navigation-color, var(--swiper-theme-color));\n      cursor: pointer;\n      display: flex;\n      height: var(--swiper-navigation-size);\n      justify-content: center;\n      margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n      position: absolute;\n      top: var(--swiper-navigation-top-offset, 50%);\n      width: calc(var(--swiper-navigation-size) / 44 * 27);\n      z-index: 10;\n    }\n    .swiper-button-prev.swiper-button-disabled,\n    .swiper-button-next.swiper-button-disabled {\n      cursor: auto;\n      opacity: 0.35;\n      pointer-events: none;\n    }\n    .swiper-button-prev.swiper-button-hidden,\n    .swiper-button-next.swiper-button-hidden {\n      cursor: auto;\n      opacity: 0;\n      pointer-events: none;\n    }\n    .swiper-navigation-disabled .swiper-button-prev,\n    .swiper-navigation-disabled .swiper-button-next {\n      display: none !important;\n    }\n    .swiper-button-prev:after,\n    .swiper-button-next:after {\n      font-family: swiper-icons;\n      font-size: var(--swiper-navigation-size);\n      font-variant: initial;\n      letter-spacing: 0;\n      line-height: 1;\n      text-transform: none !important;\n    }\n    .swiper-button-prev,\n    .swiper-rtl .swiper-button-next {\n      left: var(--swiper-navigation-sides-offset, 10px);\n      right: auto;\n    }\n    .swiper-button-prev:after,\n    .swiper-rtl .swiper-button-next:after {\n      content: 'prev';\n    }\n    .swiper-button-next,\n    .swiper-rtl .swiper-button-prev {\n      left: auto;\n      right: var(--swiper-navigation-sides-offset, 10px);\n    }\n    .swiper-button-next:after,\n    .swiper-rtl .swiper-button-prev:after {\n      content: 'next';\n    }\n    .swiper-button-lock {\n      display: none;\n    }\n    :root {\n      /*\n  --swiper-pagination-color: var(--swiper-theme-color);\n  --swiper-pagination-left: auto;\n  --swiper-pagination-right: 8px;\n  --swiper-pagination-bottom: 8px;\n  --swiper-pagination-top: auto;\n  --swiper-pagination-fraction-color: inherit;\n  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);\n  --swiper-pagination-progressbar-size: 4px;\n  --swiper-pagination-bullet-size: 8px;\n  --swiper-pagination-bullet-width: 8px;\n  --swiper-pagination-bullet-height: 8px;\n  --swiper-pagination-bullet-border-radius: 50%;\n  --swiper-pagination-bullet-inactive-color: #000;\n  --swiper-pagination-bullet-inactive-opacity: 0.2;\n  --swiper-pagination-bullet-opacity: 1;\n  --swiper-pagination-bullet-horizontal-gap: 4px;\n  --swiper-pagination-bullet-vertical-gap: 6px;\n  */\n    }\n    .swiper-pagination {\n      position: absolute;\n      text-align: center;\n      transform: translate3d(0, 0, 0);\n      transition: 300ms opacity;\n      z-index: 10;\n    }\n    .swiper-pagination.swiper-pagination-hidden {\n      opacity: 0;\n    }\n    .swiper-pagination-disabled > .swiper-pagination,\n    .swiper-pagination.swiper-pagination-disabled {\n      display: none !important;\n    }\n    /* Common Styles */\n    .swiper-pagination-fraction,\n    .swiper-pagination-custom,\n    .swiper-horizontal > .swiper-pagination-bullets,\n    .swiper-pagination-bullets.swiper-pagination-horizontal {\n      bottom: var(--swiper-pagination-bottom, 8px);\n      left: 0;\n      top: var(--swiper-pagination-top, auto);\n      width: 100%;\n    }\n    /* Bullets */\n    .swiper-pagination-bullets-dynamic {\n      font-size: 0;\n      overflow: hidden;\n    }\n    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n      position: relative;\n      transform: scale(0.33);\n    }\n    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {\n      transform: scale(1);\n    }\n    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {\n      transform: scale(1);\n    }\n    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {\n      transform: scale(0.66);\n    }\n    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {\n      transform: scale(0.33);\n    }\n    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {\n      transform: scale(0.66);\n    }\n    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {\n      transform: scale(0.33);\n    }\n    .swiper-pagination-bullet {\n      background: var(--swiper-pagination-bullet-inactive-color, #000);\n      border-radius: var(--swiper-pagination-bullet-border-radius, 50%);\n      display: inline-block;\n      height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));\n      opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);\n      width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));\n    }\n    button.swiper-pagination-bullet {\n      -webkit-appearance: none;\n      appearance: none;\n      border: none;\n      box-shadow: none;\n      margin: 0;\n      padding: 0;\n    }\n    .swiper-pagination-clickable .swiper-pagination-bullet {\n      cursor: pointer;\n    }\n    .swiper-pagination-bullet:only-child {\n      display: none !important;\n    }\n    .swiper-pagination-bullet-active {\n      background: var(--swiper-pagination-color, var(--swiper-theme-color));\n      opacity: var(--swiper-pagination-bullet-opacity, 1);\n    }\n    .swiper-vertical > .swiper-pagination-bullets,\n    .swiper-pagination-vertical.swiper-pagination-bullets {\n      left: var(--swiper-pagination-left, auto);\n      right: var(--swiper-pagination-right, 8px);\n      top: 50%;\n      transform: translate3d(0px, -50%, 0);\n    }\n    .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,\n    .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {\n      display: block;\n      margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;\n    }\n    .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,\n    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n      top: 50%;\n      transform: translateY(-50%);\n      width: 8px;\n    }\n    .swiper-vertical\n      > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic\n      .swiper-pagination-bullet,\n    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic\n      .swiper-pagination-bullet {\n      display: inline-block;\n      transition: 200ms transform, 200ms top;\n    }\n    .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,\n    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {\n      margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);\n    }\n    .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,\n    .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n      left: 50%;\n      transform: translateX(-50%);\n      white-space: nowrap;\n    }\n    .swiper-horizontal\n      > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic\n      .swiper-pagination-bullet,\n    .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic\n      .swiper-pagination-bullet {\n      transition: 200ms transform, 200ms left;\n    }\n    .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,\n    :host(.swiper-horizontal.swiper-rtl)\n      .swiper-pagination-bullets-dynamic\n      .swiper-pagination-bullet {\n      transition: 200ms transform, 200ms right;\n    }\n    /* Fraction */\n    .swiper-pagination-fraction {\n      color: var(--swiper-pagination-fraction-color, inherit);\n    }\n    /* Progress */\n    .swiper-pagination-progressbar {\n      background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));\n      position: absolute;\n      /*ADD_HOST*/\n    }\n    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n      background: var(--swiper-pagination-color, var(--swiper-theme-color));\n      height: 100%;\n      left: 0;\n      position: absolute;\n      top: 0;\n      transform: scale(0);\n      transform-origin: left top;\n      width: 100%;\n    }\n    .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n      transform-origin: right top;\n    }\n    .swiper-horizontal > .swiper-pagination-progressbar,\n    .swiper-pagination-progressbar.swiper-pagination-horizontal,\n    .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,\n    .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {\n      height: var(--swiper-pagination-progressbar-size, 4px);\n      left: 0;\n      top: 0;\n      width: 100%;\n    }\n    .swiper-vertical > .swiper-pagination-progressbar,\n    .swiper-pagination-progressbar.swiper-pagination-vertical,\n    .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,\n    .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {\n      height: 100%;\n      left: 0;\n      top: 0;\n      width: var(--swiper-pagination-progressbar-size, 4px);\n    }\n    .swiper-pagination-lock {\n      display: none;\n    }\n    :root {\n      /*\n  --swiper-scrollbar-border-radius: 10px;\n  --swiper-scrollbar-top: auto;\n  --swiper-scrollbar-bottom: 4px;\n  --swiper-scrollbar-left: auto;\n  --swiper-scrollbar-right: 4px;\n  --swiper-scrollbar-sides-offset: 1%;\n  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);\n  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);\n  --swiper-scrollbar-size: 4px;\n  */\n    }\n    .swiper-scrollbar {\n      -ms-touch-action: none;\n      background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));\n      border-radius: var(--swiper-scrollbar-border-radius, 10px);\n      position: relative;\n    }\n    .swiper-scrollbar-disabled > .swiper-scrollbar,\n    .swiper-scrollbar.swiper-scrollbar-disabled {\n      display: none !important;\n    }\n    .swiper-horizontal > .swiper-scrollbar,\n    .swiper-scrollbar.swiper-scrollbar-horizontal {\n      bottom: var(--swiper-scrollbar-bottom, 4px);\n      height: var(--swiper-scrollbar-size, 4px);\n      left: var(--swiper-scrollbar-sides-offset, 1%);\n      position: absolute;\n      top: var(--swiper-scrollbar-top, auto);\n      width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));\n      z-index: 50;\n    }\n    .swiper-vertical > .swiper-scrollbar,\n    .swiper-scrollbar.swiper-scrollbar-vertical {\n      height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));\n      left: var(--swiper-scrollbar-left, auto);\n      position: absolute;\n      right: var(--swiper-scrollbar-right, 4px);\n      top: var(--swiper-scrollbar-sides-offset, 1%);\n      width: var(--swiper-scrollbar-size, 4px);\n      z-index: 50;\n    }\n    .swiper-scrollbar-drag {\n      background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));\n      border-radius: var(--swiper-scrollbar-border-radius, 10px);\n      height: 100%;\n      left: 0;\n      position: relative;\n      top: 0;\n      width: 100%;\n    }\n    .swiper-scrollbar-cursor-drag {\n      cursor: move;\n    }\n    .swiper-scrollbar-lock {\n      display: none;\n    }\n    .swiper-zoom-container {\n      align-items: center;\n      display: flex;\n      height: 100%;\n      justify-content: center;\n      text-align: center;\n      width: 100%;\n    }\n    .swiper-zoom-container > img,\n    .swiper-zoom-container > svg,\n    .swiper-zoom-container > canvas {\n      max-height: 100%;\n      max-width: 100%;\n      object-fit: contain;\n    }\n    .swiper-slide-zoomed {\n      cursor: move;\n      touch-action: none;\n    }\n    /* a11y */\n    .swiper .swiper-notification,\n    swiper-container .swiper-notification {\n      left: 0;\n      opacity: 0;\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      z-index: -1000;\n    }\n    .swiper-free-mode > .swiper-wrapper {\n      margin: 0 auto;\n      transition-timing-function: ease-out;\n    }\n    .swiper-grid > .swiper-wrapper {\n      flex-wrap: wrap;\n    }\n    .swiper-grid-column > .swiper-wrapper {\n      flex-direction: column;\n      flex-wrap: wrap;\n    }\n    .swiper-fade.swiper-free-mode .swiper-slide {\n      transition-timing-function: ease-out;\n    }\n    .swiper-fade .swiper-slide {\n      pointer-events: none;\n      transition-property: opacity;\n    }\n    .swiper-fade .swiper-slide .swiper-slide {\n      pointer-events: none;\n    }\n    .swiper-fade .swiper-slide-active,\n    .swiper-fade .swiper-slide-active .swiper-slide-active {\n      pointer-events: auto;\n    }\n    .swiper-cube {\n      overflow: visible;\n    }\n    .swiper-cube .swiper-slide {\n      -webkit-backface-visibility: hidden;\n      backface-visibility: hidden;\n      height: 100%;\n      pointer-events: none;\n      transform-origin: 0 0;\n      visibility: hidden;\n      width: 100%;\n      z-index: 1;\n    }\n    .swiper-cube .swiper-slide .swiper-slide {\n      pointer-events: none;\n    }\n    .swiper-cube.swiper-rtl .swiper-slide {\n      transform-origin: 100% 0;\n    }\n    .swiper-cube .swiper-slide-active,\n    .swiper-cube .swiper-slide-active .swiper-slide-active {\n      pointer-events: auto;\n    }\n    .swiper-cube .swiper-slide-active,\n    .swiper-cube .swiper-slide-next,\n    .swiper-cube .swiper-slide-prev,\n    .swiper-cube .swiper-slide-next + .swiper-slide {\n      pointer-events: auto;\n      visibility: visible;\n    }\n    .swiper-cube .swiper-slide-shadow-top,\n    .swiper-cube .swiper-slide-shadow-bottom,\n    .swiper-cube .swiper-slide-shadow-left,\n    .swiper-cube .swiper-slide-shadow-right {\n      -webkit-backface-visibility: hidden;\n      backface-visibility: hidden;\n      z-index: 0;\n    }\n    .swiper-cube .swiper-cube-shadow {\n      bottom: 0px;\n      height: 100%;\n      left: 0;\n      opacity: 0.6;\n      position: absolute;\n      width: 100%;\n      z-index: 0;\n    }\n    .swiper-cube .swiper-cube-shadow:before {\n      background: #000;\n      bottom: 0;\n      content: '';\n      filter: blur(50px);\n      left: 0;\n      position: absolute;\n      right: 0;\n      top: 0;\n    }\n    .swiper-flip {\n      overflow: visible;\n    }\n    .swiper-flip .swiper-slide {\n      -webkit-backface-visibility: hidden;\n      backface-visibility: hidden;\n      pointer-events: none;\n      z-index: 1;\n    }\n    .swiper-flip .swiper-slide .swiper-slide {\n      pointer-events: none;\n    }\n    .swiper-flip .swiper-slide-active,\n    .swiper-flip .swiper-slide-active .swiper-slide-active {\n      pointer-events: auto;\n    }\n    .swiper-flip .swiper-slide-shadow-top,\n    .swiper-flip .swiper-slide-shadow-bottom,\n    .swiper-flip .swiper-slide-shadow-left,\n    .swiper-flip .swiper-slide-shadow-right {\n      -webkit-backface-visibility: hidden;\n      backface-visibility: hidden;\n      z-index: 0;\n    }\n    .swiper-creative .swiper-slide {\n      -webkit-backface-visibility: hidden;\n      backface-visibility: hidden;\n      overflow: hidden;\n      transition-property: transform, opacity, height;\n    }\n    .swiper-cards {\n      overflow: visible !important;\n    }\n\n    .swiper-cards .swiper-slide {\n      -webkit-backface-visibility: hidden;\n      backface-visibility: hidden;\n      overflow: visible;\n      transform-origin: center bottom;\n    }\n  }\n"])));
+exports.default = StyledSwiperWrapper;
+var templateObject_1;

package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/group.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentBlock } from '../types';
-import type { Layout, LayoutItem } from 'publ-echo/dist/lib';
+import type { Layout, LayoutItem } from 'publ-echo-test/dist/lib';
 export interface LayoutItemWithGroupType extends LayoutItem {
     childrenIds: string[];
     keepInLastIndex?: boolean;

package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/replaceUndefinedValues.js

@@ -38,7 +38,7 @@ function replaceUndefinedValues(jsonData) {
                     }
                 }
                 return __assign({}, accSpecs);
-            }, currentProps);
+            }, __assign({}, currentProps));
             return __assign(__assign({}, acc), (_a = {}, _a[currentPropKey] = specs, _a));
         }
         return acc;