pds-dev-kit-web-test 0.2.28 → 0.2.30

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropDivider.d.ts

@@ -1,19 +1,19 @@
 import type { Device, ENUM_STRING, NUMBER_INTEGER, StyleAndHoverStyle } from '../types';
 import type { CB_STYLE_PROP_KEYS } from './types';
-declare type SpecKeys = keyof CB_STYLE_PROP_DIVIDER_SPECS;
-export declare type NAMED_CB_STYLE_DIVIDER_PROPS = {
+type SpecKeys = keyof CB_STYLE_PROP_DIVIDER_SPECS;
+export type NAMED_CB_STYLE_DIVIDER_PROPS = {
     name: CB_STYLE_PROP_KEYS.CB_STYLE_PROP_DIVIDER;
     specs: CB_STYLE_PROP_DIVIDER_SPECS;
 };
-export declare type ValueSetType = Partial<Record<SpecKeys, string | number | undefined>>;
+export type ValueSetType = Partial<Record<SpecKeys, string | number | undefined>>;
 export default function parseStylePropDivider(namedProps: NAMED_CB_STYLE_DIVIDER_PROPS, device: Device): StyleAndHoverStyle;
-export declare type CB_STYLE_PROP_DIVIDER_SPEC_STYLE = 'NONE' | 'SOLID' | 'DOTTED' | 'DASHED';
-export declare type CB_STYLE_PROP_DIVIDER_SPECS_BASE = {
+export type CB_STYLE_PROP_DIVIDER_SPEC_STYLE = 'NONE' | 'SOLID' | 'DOTTED' | 'DASHED';
+export type CB_STYLE_PROP_DIVIDER_SPECS_BASE = {
     CB_STYLE_PROP_DIVIDER_SPEC_STYLE: CB_STYLE_PROP_DIVIDER_SPEC_STYLE;
     CB_STYLE_PROP_DIVIDER_SPEC_WIDTH: NUMBER_INTEGER;
     CB_STYLE_PROP_DIVIDER_SPEC_COLOR: ENUM_STRING;
 };
-export declare type CB_STYLE_PROP_DIVIDER_SPECS = CB_STYLE_PROP_DIVIDER_SPECS_BASE & {
+export type CB_STYLE_PROP_DIVIDER_SPECS = CB_STYLE_PROP_DIVIDER_SPECS_BASE & {
     'CB_STYLE_PROP_DIVIDER_SPEC_STYLE:HOVER': CB_STYLE_PROP_DIVIDER_SPEC_STYLE | null | undefined;
     'CB_STYLE_PROP_DIVIDER_SPEC_STYLE:MOBILE': CB_STYLE_PROP_DIVIDER_SPEC_STYLE | null | undefined;
     'CB_STYLE_PROP_DIVIDER_SPEC_STYLE:MOBILE:HOVER': CB_STYLE_PROP_DIVIDER_SPEC_STYLE | null | undefined;

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropDivider.js

@@ -20,10 +20,10 @@ function parseStylePropDivider(namedProps, device) {
     var specs = namedProps.specs;
     return AVAILABLE_SPECS.reduce(function (acc, cur) {
         var _a, _b, _c, _d, _e, _f;
-        var baseKey = device === 'DESKTOP' ? cur : cur + ":MOBILE";
+        var baseKey = device === 'DESKTOP' ? cur : "".concat(cur, ":MOBILE");
         var cssPropertyKey = getDividerCSSPropKey(baseKey);
         var value = specs[baseKey];
-        var hoverValue = specs[baseKey + ":HOVER"];
+        var hoverValue = specs["".concat(baseKey, ":HOVER")];
         if (cssPropertyKey === 'border-bottom-style') {
             var widthValue = value === 'NONE' ? 'solid' : value;
             var widthHoverValue = hoverValue === 'NONE' ? 'solid' : hoverValue;

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropImage.d.ts

@@ -1,15 +1,15 @@
 import type { Device, ENUM_STRING, STRING_PLAIN, StyleAndHoverStyle } from '../types';
 import type { CB_STYLE_PROP_KEYS } from './types';
-export declare type NAMED_CB_STYLE_IMAGE_PROPS = {
+export type NAMED_CB_STYLE_IMAGE_PROPS = {
     name: CB_STYLE_PROP_KEYS.CB_STYLE_PROP_IMAGE;
     specs: CB_STYLE_PROP_IMAGE_SPECS;
 };
 export default function parseStylePropImage(namedProps: NAMED_CB_STYLE_IMAGE_PROPS, device: Device): StyleAndHoverStyle;
-export declare type CB_STYLE_PROP_IMAGE_SPECS_BASE = {
+export type CB_STYLE_PROP_IMAGE_SPECS_BASE = {
     CB_STYLE_PROP_IMAGE_SPEC_FIT: STRING_PLAIN;
     CB_STYLE_PROP_IMAGE_SPEC_POSITION: ENUM_STRING;
 };
-export declare type CB_STYLE_PROP_IMAGE_SPECS = CB_STYLE_PROP_IMAGE_SPECS_BASE & {
+export type CB_STYLE_PROP_IMAGE_SPECS = CB_STYLE_PROP_IMAGE_SPECS_BASE & {
     'CB_STYLE_PROP_IMAGE_SPEC_FIT:HOVER': STRING_PLAIN | null | undefined;
     'CB_STYLE_PROP_IMAGE_SPEC_FIT:MOBILE': STRING_PLAIN | null | undefined;
     'CB_STYLE_PROP_IMAGE_SPEC_FIT:MOBILE:HOVER': STRING_PLAIN | null | undefined;

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropImage.js

@@ -19,10 +19,10 @@ function parseStylePropImage(namedProps, device) {
     var specs = namedProps.specs;
     return AVAILABLE_SPECS.reduce(function (acc, cur) {
         var _a, _b, _c, _d, _e, _f;
-        var baseKey = device === 'DESKTOP' ? cur : cur + ":MOBILE";
+        var baseKey = device === 'DESKTOP' ? cur : "".concat(cur, ":MOBILE");
         var cssPropertyKey = getParsedKey(baseKey);
         var value = specs[baseKey];
-        var hoverValue = specs[baseKey + ":HOVER"];
+        var hoverValue = specs["".concat(baseKey, ":HOVER")];
         var isPosition = cssPropertyKey === 'backgroundPosition';
         if (isPosition) {
             var positionCss = getCssProperties(value);

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropOpacity.d.ts

@@ -1,14 +1,14 @@
 import type { Device, NUMBER_INTEGER, StyleAndHoverStyle } from '../types';
 import type { CB_STYLE_PROP_KEYS } from './types';
-export declare type NAMED_CB_STYLE_OPACITY_PROPS = {
+export type NAMED_CB_STYLE_OPACITY_PROPS = {
     name: CB_STYLE_PROP_KEYS.CB_STYLE_PROP_OPACITY;
     specs: CB_STYLE_PROP_TEXT_OPACITY_SPECS;
 };
 export default function parseStylePropOpacity(namedProps: NAMED_CB_STYLE_OPACITY_PROPS, device: Device): StyleAndHoverStyle;
-export declare type CB_STYLE_PROP_TEXT_OPACITY_BASE = {
+export type CB_STYLE_PROP_TEXT_OPACITY_BASE = {
     CB_STYLE_PROP_OPACITY_SPEC_OPACITY: NUMBER_INTEGER;
 };
-export declare type CB_STYLE_PROP_TEXT_OPACITY_SPECS = CB_STYLE_PROP_TEXT_OPACITY_BASE & {
+export type CB_STYLE_PROP_TEXT_OPACITY_SPECS = CB_STYLE_PROP_TEXT_OPACITY_BASE & {
     'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': NUMBER_INTEGER | null | undefined;
     'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': NUMBER_INTEGER | null | undefined;
     'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropOpacity.js

@@ -15,10 +15,10 @@ function parseStylePropOpacity(namedProps, device) {
     var specs = namedProps.specs;
     return AVAILABLE_SPECS.reduce(function (acc, cur) {
         var _a, _b, _c;
-        var baseKey = device === 'DESKTOP' ? cur : cur + ":MOBILE";
+        var baseKey = device === 'DESKTOP' ? cur : "".concat(cur, ":MOBILE");
         var cssPropertyKey = getParsedKey(baseKey);
         var value = specs[baseKey];
-        var hoverValue = specs[baseKey + ":HOVER"];
+        var hoverValue = specs["".concat(baseKey, ":HOVER")];
         if (hoverValue === null || hoverValue === undefined) {
             return {
                 style: __assign(__assign({}, acc.style), (_a = {}, _a[cssPropertyKey] = (value || 0) / 100, _a)),

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropShadow.d.ts

@@ -1,11 +1,11 @@
 import type { Device, ENUM_STRING, NUMBER_INTEGER, STRING_8DIGIT_HEX, StyleAndHoverStyle } from '../types';
 import type { CB_STYLE_PROP_KEYS } from './types';
-export declare type NAMED_CB_STYLE_SHADOW_PROPS = {
+export type NAMED_CB_STYLE_SHADOW_PROPS = {
     name: CB_STYLE_PROP_KEYS.CB_STYLE_PROP_SHADOW;
     specs: CB_STYLE_PROP_SHADOW_SPECS;
 };
 export default function parseStylePropShadow(namedProps: NAMED_CB_STYLE_SHADOW_PROPS, device: Device): StyleAndHoverStyle;
-export declare type CB_STYLE_PROP_SHADOW_SPECS_BASE = {
+export type CB_STYLE_PROP_SHADOW_SPECS_BASE = {
     CB_STYLE_PROP_SHADOW_SPEC_TYPE: ENUM_STRING;
     CB_STYLE_PROP_SHADOW_SPEC_COLOR: STRING_8DIGIT_HEX;
     CB_STYLE_PROP_SHADOW_SPEC_X: NUMBER_INTEGER;
@@ -14,7 +14,7 @@ export declare type CB_STYLE_PROP_SHADOW_SPECS_BASE = {
     CB_STYLE_PROP_SHADOW_SPEC_SPREAD: NUMBER_INTEGER;
     CB_STYLE_PROP_SHADOW_SPEC_OPACITY: NUMBER_INTEGER;
 };
-export declare type CB_STYLE_PROP_SHADOW_SPECS = CB_STYLE_PROP_SHADOW_SPECS_BASE & {
+export type CB_STYLE_PROP_SHADOW_SPECS = CB_STYLE_PROP_SHADOW_SPECS_BASE & {
     'CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER': ENUM_STRING | null | undefined;
     'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE': ENUM_STRING | null | undefined;
     'CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER': ENUM_STRING | null | undefined;

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropShadow.js

@@ -24,9 +24,9 @@ function parseStylePropShadow(namedProps, device) {
     var specs = namedProps.specs;
     var valueSet = AVAILABLE_SPECS.reduce(function (acc, cur) {
         var _a, _b, _c;
-        var baseKey = device === 'DESKTOP' ? cur : cur + ":MOBILE";
+        var baseKey = device === 'DESKTOP' ? cur : "".concat(cur, ":MOBILE");
         var value = specs[baseKey];
-        var hoverValue = specs[baseKey + ":HOVER"];
+        var hoverValue = specs["".concat(baseKey, ":HOVER")];
         if (hoverValue === null || hoverValue === undefined) {
             return { normal: __assign(__assign({}, acc.normal), (_a = {}, _a[cur] = value, _a)), hover: __assign({}, acc.hover) };
         }
@@ -47,9 +47,9 @@ exports.default = parseStylePropShadow;
 function valueGenerator(valueSet) {
     switch (valueSet.CB_STYLE_PROP_SHADOW_SPEC_TYPE) {
         case 'INSET':
-            return "inset " + valueSet.CB_STYLE_PROP_SHADOW_SPEC_X + "px " + valueSet.CB_STYLE_PROP_SHADOW_SPEC_Y + "px " + valueSet.CB_STYLE_PROP_SHADOW_SPEC_BLUR + "px " + valueSet.CB_STYLE_PROP_SHADOW_SPEC_SPREAD + "px " + valueSet.CB_STYLE_PROP_SHADOW_SPEC_COLOR;
+            return "inset ".concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_X, "px ").concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_Y, "px ").concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_BLUR, "px ").concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_SPREAD, "px ").concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_COLOR);
         case 'OUTSET':
-            return valueSet.CB_STYLE_PROP_SHADOW_SPEC_X + "px " + valueSet.CB_STYLE_PROP_SHADOW_SPEC_Y + "px " + valueSet.CB_STYLE_PROP_SHADOW_SPEC_BLUR + "px " + valueSet.CB_STYLE_PROP_SHADOW_SPEC_SPREAD + "px " + valueSet.CB_STYLE_PROP_SHADOW_SPEC_COLOR;
+            return "".concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_X, "px ").concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_Y, "px ").concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_BLUR, "px ").concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_SPREAD, "px ").concat(valueSet.CB_STYLE_PROP_SHADOW_SPEC_COLOR);
         case 'NONE':
             return 'none';
         default:

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropTextSpec.d.ts

@@ -1,7 +1,7 @@
 import type { CB_STYLE_PROP_TEXT_SPECS } from '../../components/ComponentBlock/componentBlocks/Text/types';
 import type { Device, StyleAndHoverStyle } from '../types';
 import type { CB_STYLE_PROP_KEYS } from './types';
-export declare type NAMED_CB_STYLE_TEXT_PROPS = {
+export type NAMED_CB_STYLE_TEXT_PROPS = {
     name: CB_STYLE_PROP_KEYS.CB_STYLE_PROP_TEXT;
     specs: CB_STYLE_PROP_TEXT_SPECS;
 };

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropTextSpec.js

@@ -25,10 +25,10 @@ function parseStylePropTextSpec(namedProps, device) {
     var specs = namedProps.specs;
     return AVAILABLE_SPECS.reduce(function (acc, cur) {
         var _a, _b, _c;
-        var baseKey = device === 'DESKTOP' ? cur : cur + ":MOBILE";
+        var baseKey = device === 'DESKTOP' ? cur : "".concat(cur, ":MOBILE");
         var cssPropertyKey = getParsedKey(baseKey);
         var value = specs[baseKey];
-        var hoverValue = specs[baseKey + ":HOVER"];
+        var hoverValue = specs["".concat(baseKey, ":HOVER")];
         if (hoverValue === null || hoverValue === undefined) {
             return {
                 style: __assign(__assign({}, acc.style), (_a = {}, _a[cssPropertyKey] = value, _a)),

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/types.d.ts

@@ -19,4 +19,4 @@ export declare enum CB_STYLE_PROP_KEYS {
     CB_STYLE_PROP_BGMEDIA = "CB_STYLE_PROP_BGMEDIA",
     CB_STYLE_PROP_BGOVERLAY = "CB_STYLE_PROP_BGOVERLAY"
 }
-export declare type NamedStylePropType = NAMED_CB_STYLE_TEXT_PROPS | NAMED_CB_STYLE_OPACITY_PROPS | NAMED_CB_STYLE_DIVIDER_PROPS | NAMED_CB_STYLE_SHADOW_PROPS | NAMED_CB_STYLE_BORDER_PROPS | NAMED_CB_STYLE_IMAGE_PROPS | NAMED_CB_STYLE_BGCOLOR_PROPS | NAMED_CB_STYLE_BGIMAGE_PROPS | NAMED_CB_STYLE_BGOVERLAY_PROPS;
+export type NamedStylePropType = NAMED_CB_STYLE_TEXT_PROPS | NAMED_CB_STYLE_OPACITY_PROPS | NAMED_CB_STYLE_DIVIDER_PROPS | NAMED_CB_STYLE_SHADOW_PROPS | NAMED_CB_STYLE_BORDER_PROPS | NAMED_CB_STYLE_IMAGE_PROPS | NAMED_CB_STYLE_BGCOLOR_PROPS | NAMED_CB_STYLE_BGIMAGE_PROPS | NAMED_CB_STYLE_BGOVERLAY_PROPS;

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts

@@ -15,17 +15,17 @@ import type { CB_STYLE_PROP_TEXT_OPACITY_SPECS } from './stylePropParsers/parseS
 import type { CB_STYLE_PROP_SHADOW_SPECS } from './stylePropParsers/parseStylePropShadow';
 import type { NamedStylePropType } from './stylePropParsers/types';
 import type { CSSProperties } from 'react';
-export declare type STRING_PLAIN = string;
-export declare type ENUM_STRING = string;
-export declare type NUMBER_INTEGER = number;
-export declare type STRING_8DIGIT_HEX = string;
-export declare type CB_GENERAL_PROPERTIES_TYPE = {
+export type STRING_PLAIN = string;
+export type ENUM_STRING = string;
+export type NUMBER_INTEGER = number;
+export type STRING_8DIGIT_HEX = string;
+export type CB_GENERAL_PROPERTIES_TYPE = {
     CB_PLACEMENT_PROP_PLACEMENT: CB_PLACEMENT_PROP_SPECS;
     CB_CONTENT_PROP_HOVER: {
         CB_CONTENT_PROP_HOVER_SPEC_MUSE: boolean;
     };
 };
-export declare type CB_PLACEMENT_PROP_SPECS = {
+export type CB_PLACEMENT_PROP_SPECS = {
     CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: number;
     'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': number;
     CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: number;
@@ -37,7 +37,7 @@ export declare type CB_PLACEMENT_PROP_SPECS = {
     CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: number;
     'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': number;
 };
-export declare type CB_TEXT_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
+export type CB_TEXT_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
     CB_CONTENT_PROP_TEXT: CB_CONTENT_PROP_TEXT;
     CB_CONTENT_PROP_CLINK: CB_CONTENT_PROP_CLINK;
     CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
@@ -47,7 +47,7 @@ export declare type CB_TEXT_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
     CB_LAYOUT_PROP_ARRANGE: CB_LAYOUT_PROP_ARRANGE_SPECS;
     CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
 };
-export declare type CB_BTN_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
+export type CB_BTN_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
     CB_CONTENT_PROP_TEXT: CB_CONTENT_PROP_TEXT;
     CB_CONTENT_PROP_CLINK: CB_CONTENT_PROP_CLINK;
     CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
@@ -60,7 +60,7 @@ export declare type CB_BTN_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
     CB_LAYOUT_PROP_ARRANGE: CB_LAYOUT_PROP_ARRANGE_SPECS;
     CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
 };
-export declare type CB_IMG_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
+export type CB_IMG_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
     CB_CONTENT_PROP_CLINK: CB_CONTENT_PROP_CLINK;
     CB_CONTENT_PROP_IMAGE: CB_CONTENT_PROP_IMAGE;
     CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
@@ -72,7 +72,7 @@ export declare type CB_IMG_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
     CB_LAYOUT_PROP_PADDING: CB_LAYOUT_PROP_PADDING_SPECS;
     CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
 };
-export declare type CB_TWITTER_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
+export type CB_TWITTER_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
     CB_CONTENT_PROP_TWITTER: CB_CONTENT_PROP_TWITTER;
     CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
     CB_STYLE_PROP_TWITTER: CB_TWITTER_STYLE_PROPS;
@@ -82,7 +82,7 @@ export declare type CB_TWITTER_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
     CB_LAYOUT_PROP_PADDING: CB_LAYOUT_PROP_PADDING_SPECS;
     CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
 };
-export declare type CB_RICHTEXT_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
+export type CB_RICHTEXT_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
     CB_CONTENT_PROP_TEXTEDIT: {
         CB_CONTENT_PROP_TEXTEDIT_SPEC_EDITOR: string;
     };
@@ -95,14 +95,14 @@ export declare type CB_RICHTEXT_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
     CB_LAYOUT_PROP_PADDING: CB_LAYOUT_PROP_PADDING_SPECS;
     CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
 };
-export declare type CB_DIVIDER_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
+export type CB_DIVIDER_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
     CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
     CB_STYLE_PROP_DIVIDER: CB_STYLE_PROP_DIVIDER_SPECS;
     CB_LAYOUT_PROP_ARRANGE: CB_LAYOUT_PROP_ARRANGE_SPECS;
     CB_LAYOUT_PROP_PADDING: CB_LAYOUT_PROP_PADDING_SPECS;
     CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
 };
-export declare type CB_YOUTUBE_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
+export type CB_YOUTUBE_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
     CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
     CB_CONTENT_PROP_YOUTUBE: CB_CONTENT_PROP_YOUTUBE_TYPE;
     CB_STYLE_PROP_SHADOW: CB_STYLE_PROP_SHADOW_SPECS;
@@ -112,23 +112,23 @@ export declare type CB_YOUTUBE_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
     CB_LAYOUT_PROP_PADDING: CB_LAYOUT_PROP_PADDING_SPECS;
     CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
 };
-export declare type StyleType = {
+export type StyleType = {
     style: CSSProperties;
 };
-export declare type StyleAndHoverStyle = StyleType & {
+export type StyleAndHoverStyle = StyleType & {
     hoverStyle: CSSProperties;
 };
-export declare type OverlayStyle = {
+export type OverlayStyle = {
     overlayStyle: CSSProperties;
 };
-export declare type Device = 'DESKTOP' | 'MOBILE';
-export declare type DefaultBrightTheme = 'LIGHT' | 'DARK';
-export declare type ParserResult = {
+export type Device = 'DESKTOP' | 'MOBILE';
+export type DefaultBrightTheme = 'LIGHT' | 'DARK';
+export type ParserResult = {
     style: CSSProperties;
     hoverStyle: CSSProperties;
     layout: CSSProperties;
     effect: CSSProperties;
     content: Record<string, unknown>;
 };
-export declare type JsonPropertiesParserResult = Omit<ParserResult, 'hoverStyle'> & OverlayStyle;
-export declare type NamedPropAllTypes = NamedStylePropType | NamedLayoutPropType;
+export type JsonPropertiesParserResult = Omit<ParserResult, 'hoverStyle'> & OverlayStyle;
+export type NamedPropAllTypes = NamedStylePropType | NamedLayoutPropType;

package/dist/src/sub/DynamicLayout/sections/FooterSection/FooterSection.js

@@ -35,18 +35,18 @@ var components_1 = require("../../components");
 var templates_1 = require("./templates");
 function FooterSection(_a) {
     var props = __rest(_a, []);
-    return ((0, jsx_runtime_1.jsx)(S_SectionWrapper, __assign({ "x-dlayout-section-type": "Footer" }, { children: (0, jsx_runtime_1.jsx)(components_1.Section, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(TemplateMather, { styleTemplate: props.template }, void 0) }), void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)(S_SectionWrapper, __assign({ "x-dlayout-section-type": "Footer" }, { children: (0, jsx_runtime_1.jsx)(components_1.Section, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(TemplateMather, { styleTemplate: props.template }) })) })));
 }
 var S_SectionWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
 function TemplateMather(_a) {
     var styleTemplate = _a.styleTemplate;
     switch (styleTemplate) {
         case 'BASE_FOOTER_A':
-            return (0, jsx_runtime_1.jsx)(templates_1.TemplateA, {}, void 0);
+            return (0, jsx_runtime_1.jsx)(templates_1.TemplateA, {});
         case 'BASE_FOOTER_B':
-            return (0, jsx_runtime_1.jsx)(templates_1.TemplateB, {}, void 0);
+            return (0, jsx_runtime_1.jsx)(templates_1.TemplateB, {});
         default:
-            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
+            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
     }
 }
 exports.default = FooterSection;

package/dist/src/sub/DynamicLayout/sections/FooterSection/templates/TemplateA/TemplateA.js

@@ -8,8 +8,8 @@ var mobile_1 = require("./mobile");
 function TemplateA() {
     var device = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext).device;
     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: {
-            MOBILE: (0, jsx_runtime_1.jsx)(mobile_1.M_TemplateA, {}, void 0),
-            DESKTOP: (0, jsx_runtime_1.jsx)(desktop_1.D_TemplateA, {}, void 0)
-        }[device] }, void 0));
+            MOBILE: (0, jsx_runtime_1.jsx)(mobile_1.M_TemplateA, {}),
+            DESKTOP: (0, jsx_runtime_1.jsx)(desktop_1.D_TemplateA, {})
+        }[device] }));
 }
 exports.default = TemplateA;

package/dist/src/sub/DynamicLayout/sections/FooterSection/templates/TemplateA/desktop/D_TemplateA.js

@@ -34,7 +34,7 @@ function TemplateA() {
     var hasNothing = filteredItems.length <= 0 &&
         !((_a = filteredItems[0]) === null || _a === void 0 ? void 0 : _a.properties.logoImageSrc) &&
         !((_b = filteredItems[0]) === null || _b === void 0 ? void 0 : _b.properties.description);
-    return ((0, jsx_runtime_1.jsx)(S_ContentsArea, __assign({ hasNothing: hasNothing }, { children: filteredItems.length > 0 && ((0, jsx_runtime_1.jsxs)(desktop_1.Item, __assign({}, filteredItems[0], { children: [filteredItems[0].properties.logoImageSrc && ((0, jsx_runtime_1.jsx)(S_ImageBox, { children: (0, jsx_runtime_1.jsx)(desktop_1.Item.Image, { ratio: "auto", height: 48, scaleType: "fill", shapeType: "rectangle", src: filteredItems[0].properties.logoImageSrc }, void 0) }, void 0)), filteredItems[0].properties.body && ((0, jsx_runtime_1.jsx)(desktop_1.Item.HTMLReader, { data: filteredItems[0].properties.body, styleTheme: "caption1Regular", color: itemDescriptionColorInHex }, void 0))] }), void 0)) }), void 0));
+    return ((0, jsx_runtime_1.jsx)(S_ContentsArea, __assign({ hasNothing: hasNothing }, { children: filteredItems.length > 0 && ((0, jsx_runtime_1.jsxs)(desktop_1.Item, __assign({}, filteredItems[0], { children: [filteredItems[0].properties.logoImageSrc && ((0, jsx_runtime_1.jsx)(S_ImageBox, { children: (0, jsx_runtime_1.jsx)(desktop_1.Item.Image, { ratio: "auto", height: 48, scaleType: "fill", shapeType: "rectangle", src: filteredItems[0].properties.logoImageSrc }) })), filteredItems[0].properties.body && ((0, jsx_runtime_1.jsx)(desktop_1.Item.HTMLReader, { data: filteredItems[0].properties.body, styleTheme: "caption1Regular", color: itemDescriptionColorInHex }))] }))) })));
 }
 var S_ContentsArea = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  --max-viewport-width: 1920;\n  --max-viewport-width-px: 1920px;\n  --max-width: 1500;\n  --max-width-px: 1500px;\n  --min-viewport-width: 1200;\n  --min-viewport-width-px: 1200px;\n  --min-width: 1000;\n  --min-width-px: 1000px;\n  margin: ", " auto;\n  max-width: var(--max-width-px);\n  min-width: var(--min-width-px);\n  width: calc(\n    (100% - var(--min-viewport-width-px)) * (var(--max-width) - var(--min-width)) /\n      (var(--max-viewport-width) - var(--min-viewport-width)) + var(--min-width-px)\n  );\n  ", "\n"], ["\n  --max-viewport-width: 1920;\n  --max-viewport-width-px: 1920px;\n  --max-width: 1500;\n  --max-width-px: 1500px;\n  --min-viewport-width: 1200;\n  --min-viewport-width-px: 1200px;\n  --min-width: 1000;\n  --min-width-px: 1000px;\n  margin: ", " auto;\n  max-width: var(--max-width-px);\n  min-width: var(--min-width-px);\n  width: calc(\n    (100% - var(--min-viewport-width-px)) * (var(--max-width) - var(--min-width)) /\n      (var(--max-viewport-width) - var(--min-viewport-width)) + var(--min-width-px)\n  );\n  ", "\n"])), function (_a) {
     var theme = _a.theme;

package/dist/src/sub/DynamicLayout/sections/FooterSection/templates/TemplateA/mobile/M_TemplateA.js

@@ -34,7 +34,7 @@ function TemplateA() {
     var hasNothing = filteredItems.length <= 0 &&
         !((_a = filteredItems[0]) === null || _a === void 0 ? void 0 : _a.properties.logoImageSrc) &&
         !((_b = filteredItems[0]) === null || _b === void 0 ? void 0 : _b.properties.body);
-    return ((0, jsx_runtime_1.jsx)(S_ContentsArea, __assign({ hasNothing: hasNothing }, { children: filteredItems.length > 0 && ((0, jsx_runtime_1.jsxs)(mobile_1.Item, __assign({}, filteredItems[0], { children: [filteredItems[0].properties.logoImageSrc && ((0, jsx_runtime_1.jsx)(S_ImageBox, { children: (0, jsx_runtime_1.jsx)(mobile_1.Item.Image, { ratio: "auto", height: 48, scaleType: "fill", shapeType: "rectangle", src: filteredItems[0].properties.logoImageSrc }, void 0) }, void 0)), filteredItems[0].properties.body && ((0, jsx_runtime_1.jsx)(mobile_1.Item.HTMLReader, { data: filteredItems[0].properties.body, styleTheme: "caption1Regular", color: itemDescriptionColorInHex }, void 0))] }), void 0)) }), void 0));
+    return ((0, jsx_runtime_1.jsx)(S_ContentsArea, __assign({ hasNothing: hasNothing }, { children: filteredItems.length > 0 && ((0, jsx_runtime_1.jsxs)(mobile_1.Item, __assign({}, filteredItems[0], { children: [filteredItems[0].properties.logoImageSrc && ((0, jsx_runtime_1.jsx)(S_ImageBox, { children: (0, jsx_runtime_1.jsx)(mobile_1.Item.Image, { ratio: "auto", height: 48, scaleType: "fill", shapeType: "rectangle", src: filteredItems[0].properties.logoImageSrc }) })), filteredItems[0].properties.body && ((0, jsx_runtime_1.jsx)(mobile_1.Item.HTMLReader, { data: filteredItems[0].properties.body, styleTheme: "caption1Regular", color: itemDescriptionColorInHex }))] }))) })));
 }
 var S_ContentsArea = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: ", " 0;\n  padding: 0 ", ";\n"], ["\n  margin: ", " 0;\n  padding: 0 ", ";\n"])), function (_a) {
     var theme = _a.theme, hasNothing = _a.hasNothing;

package/dist/src/sub/DynamicLayout/sections/FooterSection/templates/TemplateB/TemplateB.js

@@ -8,8 +8,8 @@ var mobile_1 = require("./mobile");
 function TemplateB() {
     var device = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext).device;
     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: {
-            MOBILE: (0, jsx_runtime_1.jsx)(mobile_1.M_TemplateB, {}, void 0),
-            DESKTOP: (0, jsx_runtime_1.jsx)(desktop_1.D_TemplateB, {}, void 0)
-        }[device] }, void 0));
+            MOBILE: (0, jsx_runtime_1.jsx)(mobile_1.M_TemplateB, {}),
+            DESKTOP: (0, jsx_runtime_1.jsx)(desktop_1.D_TemplateB, {})
+        }[device] }));
 }
 exports.default = TemplateB;

package/dist/src/sub/DynamicLayout/sections/FooterSection/templates/TemplateB/desktop/D_TemplateB.js

@@ -34,7 +34,7 @@ function TemplateB() {
     var hasNothing = filteredItems.length <= 0 &&
         !((_a = filteredItems[0]) === null || _a === void 0 ? void 0 : _a.properties.logoImageSrc) &&
         !((_b = filteredItems[0]) === null || _b === void 0 ? void 0 : _b.properties.description);
-    return ((0, jsx_runtime_1.jsx)(S_ContentsArea, __assign({ hasNothing: hasNothing }, { children: filteredItems.length > 0 && ((0, jsx_runtime_1.jsxs)(desktop_1.Item, __assign({}, filteredItems[0], { children: [filteredItems[0].properties.logoImageSrc && ((0, jsx_runtime_1.jsx)(S_ImageBox, { children: (0, jsx_runtime_1.jsx)(desktop_1.Item.Image, { ratio: "auto", height: 48, scaleType: "fill", shapeType: "rectangle", src: filteredItems[0].properties.logoImageSrc }, void 0) }, void 0)), filteredItems[0].properties.body && ((0, jsx_runtime_1.jsx)(desktop_1.Item.HTMLReader, { data: filteredItems[0].properties.body, styleTheme: "caption1Regular", color: itemDescriptionColorInHex, textAlign: "center" }, void 0))] }), void 0)) }), void 0));
+    return ((0, jsx_runtime_1.jsx)(S_ContentsArea, __assign({ hasNothing: hasNothing }, { children: filteredItems.length > 0 && ((0, jsx_runtime_1.jsxs)(desktop_1.Item, __assign({}, filteredItems[0], { children: [filteredItems[0].properties.logoImageSrc && ((0, jsx_runtime_1.jsx)(S_ImageBox, { children: (0, jsx_runtime_1.jsx)(desktop_1.Item.Image, { ratio: "auto", height: 48, scaleType: "fill", shapeType: "rectangle", src: filteredItems[0].properties.logoImageSrc }) })), filteredItems[0].properties.body && ((0, jsx_runtime_1.jsx)(desktop_1.Item.HTMLReader, { data: filteredItems[0].properties.body, styleTheme: "caption1Regular", color: itemDescriptionColorInHex, textAlign: "center" }))] }))) })));
 }
 var S_ContentsArea = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  --max-viewport-width: 1920;\n  --max-viewport-width-px: 1920px;\n  --max-width: 1500;\n  --max-width-px: 1500px;\n  --min-viewport-width: 1200;\n  --min-viewport-width-px: 1200px;\n  --min-width: 1000;\n  --min-width-px: 1000px;\n  margin: ", " auto;\n  max-width: var(--max-width-px);\n  min-width: var(--min-width-px);\n  width: calc(\n    (100% - var(--min-viewport-width-px)) * (var(--max-width) - var(--min-width)) /\n      (var(--max-viewport-width) - var(--min-viewport-width)) + var(--min-width-px)\n  );\n  ", "\n"], ["\n  --max-viewport-width: 1920;\n  --max-viewport-width-px: 1920px;\n  --max-width: 1500;\n  --max-width-px: 1500px;\n  --min-viewport-width: 1200;\n  --min-viewport-width-px: 1200px;\n  --min-width: 1000;\n  --min-width-px: 1000px;\n  margin: ", " auto;\n  max-width: var(--max-width-px);\n  min-width: var(--min-width-px);\n  width: calc(\n    (100% - var(--min-viewport-width-px)) * (var(--max-width) - var(--min-width)) /\n      (var(--max-viewport-width) - var(--min-viewport-width)) + var(--min-width-px)\n  );\n  ", "\n"])), function (_a) {
     var theme = _a.theme;

package/dist/src/sub/DynamicLayout/sections/FooterSection/templates/TemplateB/mobile/M_TemplateB.js

@@ -34,7 +34,7 @@ function TemplateB() {
     var hasNothing = filteredItems.length <= 0 &&
         !((_a = filteredItems[0]) === null || _a === void 0 ? void 0 : _a.properties.logoImageSrc) &&
         !((_b = filteredItems[0]) === null || _b === void 0 ? void 0 : _b.properties.body);
-    return ((0, jsx_runtime_1.jsx)(S_ContentsArea, __assign({ hasNothing: hasNothing }, { children: filteredItems.length > 0 && ((0, jsx_runtime_1.jsxs)(mobile_1.Item, __assign({}, filteredItems[0], { children: [filteredItems[0].properties.logoImageSrc && ((0, jsx_runtime_1.jsx)(S_ImageBox, { children: (0, jsx_runtime_1.jsx)(mobile_1.Item.Image, { ratio: "auto", height: 48, scaleType: "fill", shapeType: "rectangle", src: filteredItems[0].properties.logoImageSrc }, void 0) }, void 0)), filteredItems[0].properties.body && ((0, jsx_runtime_1.jsx)(mobile_1.Item.HTMLReader, { data: filteredItems[0].properties.body, styleTheme: "caption1Regular", color: itemDescriptionColorInHex, textAlign: "center" }, void 0))] }), void 0)) }), void 0));
+    return ((0, jsx_runtime_1.jsx)(S_ContentsArea, __assign({ hasNothing: hasNothing }, { children: filteredItems.length > 0 && ((0, jsx_runtime_1.jsxs)(mobile_1.Item, __assign({}, filteredItems[0], { children: [filteredItems[0].properties.logoImageSrc && ((0, jsx_runtime_1.jsx)(S_ImageBox, { children: (0, jsx_runtime_1.jsx)(mobile_1.Item.Image, { ratio: "auto", height: 48, scaleType: "fill", shapeType: "rectangle", src: filteredItems[0].properties.logoImageSrc }) })), filteredItems[0].properties.body && ((0, jsx_runtime_1.jsx)(mobile_1.Item.HTMLReader, { data: filteredItems[0].properties.body, styleTheme: "caption1Regular", color: itemDescriptionColorInHex, textAlign: "center" }))] }))) })));
 }
 var S_ContentsArea = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: ", " 0;\n  padding: 0 ", ";\n"], ["\n  margin: ", " 0;\n  padding: 0 ", ";\n"])), function (_a) {
     var theme = _a.theme, hasNothing = _a.hasNothing;

package/dist/src/sub/DynamicLayout/sections/FullscreenIframeSection/FullscreenIframeSection.js

@@ -35,16 +35,16 @@ var components_1 = require("../../components");
 var templates_1 = require("./templates");
 function FullscreenIframeSection(_a) {
     var props = __rest(_a, []);
-    return ((0, jsx_runtime_1.jsx)(S_SectionWrapper, __assign({ "x-dlayout-section-type": "FullscreenIframe" }, { children: (0, jsx_runtime_1.jsx)(components_1.Section, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(TemplateMather, { styleTemplate: props.template }, void 0) }), void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)(S_SectionWrapper, __assign({ "x-dlayout-section-type": "FullscreenIframe" }, { children: (0, jsx_runtime_1.jsx)(components_1.Section, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(TemplateMather, { styleTemplate: props.template }) })) })));
 }
 var S_SectionWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  height: 100%;\n"], ["\n  display: flex;\n  height: 100%;\n"])));
 function TemplateMather(_a) {
     var styleTemplate = _a.styleTemplate;
     switch (styleTemplate) {
         case 'EXP_IFRAME_A':
-            return (0, jsx_runtime_1.jsx)(templates_1.TemplateA, {}, void 0);
+            return (0, jsx_runtime_1.jsx)(templates_1.TemplateA, {});
         default:
-            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
+            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
     }
 }
 exports.default = FullscreenIframeSection;

package/dist/src/sub/DynamicLayout/sections/FullscreenIframeSection/templates/TemplateA/TemplateA.js

@@ -8,8 +8,8 @@ var mobile_1 = require("./mobile");
 function TemplateA() {
     var device = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext).device;
     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: {
-            MOBILE: (0, jsx_runtime_1.jsx)(mobile_1.M_TemplateA, {}, void 0),
-            DESKTOP: (0, jsx_runtime_1.jsx)(desktop_1.D_TemplateA, {}, void 0)
-        }[device] }, void 0));
+            MOBILE: (0, jsx_runtime_1.jsx)(mobile_1.M_TemplateA, {}),
+            DESKTOP: (0, jsx_runtime_1.jsx)(desktop_1.D_TemplateA, {})
+        }[device] }));
 }
 exports.default = TemplateA;

package/dist/src/sub/DynamicLayout/sections/FullscreenIframeSection/templates/TemplateA/desktop/D_TemplateA.js

@@ -22,7 +22,7 @@ function TemplateA() {
         if (isInvalidUrl) {
             return 'about:blank';
         }
-        return src + "?cache=" + new Date().getTime();
+        return "".concat(src, "?cache=").concat(new Date().getTime());
     };
     var onIframeLoad = function (event) {
         if (sectionActionHandler) {
@@ -32,6 +32,6 @@ function TemplateA() {
             });
         }
     };
-    return ((0, jsx_runtime_1.jsx)("iframe", { "x-dlayout-section-element-name": "Iframe", id: String(section.id), title: section.manifest.schema, src: generateSrc(section.properties.multiPurposeUrl), style: { border: 'none', width: '100%', height: '100%', display: 'block' }, referrerPolicy: "strict-origin", sandbox: "allow-forms allow-same-origin allow-scripts allow-popups", onLoad: onIframeLoad }, void 0));
+    return ((0, jsx_runtime_1.jsx)("iframe", { "x-dlayout-section-element-name": "Iframe", id: String(section.id), title: section.manifest.schema, src: generateSrc(section.properties.multiPurposeUrl), style: { border: 'none', width: '100%', height: '100%', display: 'block' }, referrerPolicy: "strict-origin", sandbox: "allow-forms allow-same-origin allow-scripts allow-popups", onLoad: onIframeLoad }));
 }
 exports.default = TemplateA;

package/dist/src/sub/DynamicLayout/sections/FullscreenIframeSection/templates/TemplateA/mobile/M_TemplateA.js

@@ -22,7 +22,7 @@ function TemplateA() {
         if (isInvalidUrl) {
             return 'about:blank';
         }
-        return src + "?cache=" + new Date().getTime();
+        return "".concat(src, "?cache=").concat(new Date().getTime());
     };
     var onIframeLoad = function (event) {
         if (sectionActionHandler) {
@@ -32,6 +32,6 @@ function TemplateA() {
             });
         }
     };
-    return ((0, jsx_runtime_1.jsx)("iframe", { "x-dlayout-section-element-name": "Iframe", id: String(section.id), title: section.manifest.schema, src: generateSrc(section.properties.multiPurposeUrl), style: { border: 'none', width: '100%', height: '100%', display: 'block' }, referrerPolicy: "strict-origin", sandbox: "allow-forms allow-same-origin allow-scripts", onLoad: onIframeLoad }, void 0));
+    return ((0, jsx_runtime_1.jsx)("iframe", { "x-dlayout-section-element-name": "Iframe", id: String(section.id), title: section.manifest.schema, src: generateSrc(section.properties.multiPurposeUrl), style: { border: 'none', width: '100%', height: '100%', display: 'block' }, referrerPolicy: "strict-origin", sandbox: "allow-forms allow-same-origin allow-scripts", onLoad: onIframeLoad }));
 }
 exports.default = TemplateA;

package/dist/src/sub/DynamicLayout/sections/InfoBoxSection/InfoBoxSection.js

@@ -35,16 +35,16 @@ var components_1 = require("../../components");
 var templates_1 = require("./templates");
 function InfoBoxSection(_a) {
     var props = __rest(_a, []);
-    return ((0, jsx_runtime_1.jsx)(S_SectionWrapper, __assign({ "x-dlayout-section-type": "InfoBox" }, { children: (0, jsx_runtime_1.jsx)(components_1.Section, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(TemplateMather, { styleTemplate: props.template }, void 0) }), void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)(S_SectionWrapper, __assign({ "x-dlayout-section-type": "InfoBox" }, { children: (0, jsx_runtime_1.jsx)(components_1.Section, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(TemplateMather, { styleTemplate: props.template }) })) })));
 }
 var S_SectionWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
 function TemplateMather(_a) {
     var styleTemplate = _a.styleTemplate;
     switch (styleTemplate) {
         case 'BASE_INFO_BOX_A':
-            return (0, jsx_runtime_1.jsx)(templates_1.TemplateA, {}, void 0);
+            return (0, jsx_runtime_1.jsx)(templates_1.TemplateA, {});
         default:
-            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
+            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
     }
 }
 exports.default = InfoBoxSection;

package/dist/src/sub/DynamicLayout/sections/InfoBoxSection/templates/TemplateA/TemplateA.js

@@ -8,8 +8,8 @@ var mobile_1 = require("./mobile");
 function TemplateA() {
     var device = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext).device;
     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: {
-            MOBILE: (0, jsx_runtime_1.jsx)(mobile_1.M_TemplateA, {}, void 0),
-            DESKTOP: (0, jsx_runtime_1.jsx)(desktop_1.D_TemplateA, {}, void 0)
-        }[device] }, void 0));
+            MOBILE: (0, jsx_runtime_1.jsx)(mobile_1.M_TemplateA, {}),
+            DESKTOP: (0, jsx_runtime_1.jsx)(desktop_1.D_TemplateA, {})
+        }[device] }));
 }
 exports.default = TemplateA;

package/dist/src/sub/DynamicLayout/sections/InfoBoxSection/templates/TemplateA/desktop/D_TemplateA.js

@@ -36,11 +36,11 @@ function TemplateA() {
         : [];
     var filteredSortedItems = filteredItems.sort(function (a, b) { return a.order - b.order; });
     var hasNothing = !title && !description && !buttonAlphaLinkSrc && filteredSortedItems.length <= 0;
-    return ((0, jsx_runtime_1.jsxs)(S_ContentsArea, __assign({ hasNothing: hasNothing }, { children: [title && ((0, jsx_runtime_1.jsx)(desktop_1.Section.Title, { text: title, color: titleColorInHex, textAlign: "center", customFontSize: "48px", customFontWeight: "bold" }, void 0)), description && ((0, jsx_runtime_1.jsx)(S_SectionDescriptionBox, { children: (0, jsx_runtime_1.jsx)(desktop_1.Section.Description, { text: description, color: descriptionColorInHex, textAlign: "center", customFontSize: "20px", fontWeight: "600" }, void 0) }, void 0)), filteredSortedItems.length > 0 && ((0, jsx_runtime_1.jsx)(S_ItemsWrapper, __assign({ totalItems: filteredSortedItems.length }, { children: filteredSortedItems.map(function (item, index, self) {
+    return ((0, jsx_runtime_1.jsxs)(S_ContentsArea, __assign({ hasNothing: hasNothing }, { children: [title && ((0, jsx_runtime_1.jsx)(desktop_1.Section.Title, { text: title, color: titleColorInHex, textAlign: "center", customFontSize: "48px", customFontWeight: "bold" })), description && ((0, jsx_runtime_1.jsx)(S_SectionDescriptionBox, { children: (0, jsx_runtime_1.jsx)(desktop_1.Section.Description, { text: description, color: descriptionColorInHex, textAlign: "center", customFontSize: "20px", fontWeight: "600" }) })), filteredSortedItems.length > 0 && ((0, jsx_runtime_1.jsx)(S_ItemsWrapper, __assign({ totalItems: filteredSortedItems.length }, { children: filteredSortedItems.map(function (item, index, self) {
                     var id = item.id;
                     var _a = item.properties, itemTitle = _a.title, itemDescription = _a.description, itemImageSrc = _a.imageSrc;
-                    return ((0, jsx_runtime_1.jsx)(S_ItemWrapper, __assign({ isFirstItem: index === 0, totalItems: self.length }, { children: (0, jsx_runtime_1.jsxs)(desktop_1.Item, __assign({}, item, { children: [itemImageSrc && ((0, jsx_runtime_1.jsx)(S_ItemImageBox, { children: (0, jsx_runtime_1.jsx)(desktop_1.Item.Image, { src: itemImageSrc, width: 120, ratio: "1_1", shapeType: "rectangle", scaleType: "contain" }, void 0) }, void 0)), itemTitle && ((0, jsx_runtime_1.jsx)(desktop_1.Item.Title, { text: itemTitle, color: itemTitleColorInHex, textAlign: "center", customFontSize: "22px", customFontWeight: "bold", lineHeight: 1.4 }, void 0)), itemDescription && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_CustomDivider, {}, void 0), (0, jsx_runtime_1.jsx)(desktop_1.Item.Description, { text: itemDescription, color: itemDescriptionColorInHex, textAlign: "center", styleTheme: "body2Regular" }, void 0)] }, void 0))] }), void 0) }), id));
-                }) }), void 0)), buttonAlphaLinkSrc && ((0, jsx_runtime_1.jsx)(S_ButtonBox, { children: (0, jsx_runtime_1.jsx)(desktop_1.Section.Button, { buttonType: buttonAlphaDesignType, text: buttonAlphaLabel, linkType: buttonAlphaLinkType, src: buttonAlphaLinkSrc, textColor: buttonAlphaLabelColorInHex, backgroundColor: buttonAlphaBackgroundColorInHex, borderColor: buttonAlphaLabelColorInHex }, void 0) }, void 0))] }), void 0));
+                    return ((0, jsx_runtime_1.jsx)(S_ItemWrapper, __assign({ isFirstItem: index === 0, totalItems: self.length }, { children: (0, jsx_runtime_1.jsxs)(desktop_1.Item, __assign({}, item, { children: [itemImageSrc && ((0, jsx_runtime_1.jsx)(S_ItemImageBox, { children: (0, jsx_runtime_1.jsx)(desktop_1.Item.Image, { src: itemImageSrc, width: 120, ratio: "1_1", shapeType: "rectangle", scaleType: "contain" }) })), itemTitle && ((0, jsx_runtime_1.jsx)(desktop_1.Item.Title, { text: itemTitle, color: itemTitleColorInHex, textAlign: "center", customFontSize: "22px", customFontWeight: "bold", lineHeight: 1.4 })), itemDescription && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_CustomDivider, {}), (0, jsx_runtime_1.jsx)(desktop_1.Item.Description, { text: itemDescription, color: itemDescriptionColorInHex, textAlign: "center", styleTheme: "body2Regular" })] }))] })) }), id));
+                }) }))), buttonAlphaLinkSrc && ((0, jsx_runtime_1.jsx)(S_ButtonBox, { children: (0, jsx_runtime_1.jsx)(desktop_1.Section.Button, { buttonType: buttonAlphaDesignType, text: buttonAlphaLabel, linkType: buttonAlphaLinkType, src: buttonAlphaLinkSrc, textColor: buttonAlphaLabelColorInHex, backgroundColor: buttonAlphaBackgroundColorInHex, borderColor: buttonAlphaLabelColorInHex }) }))] })));
 }
 var S_ContentsArea = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  --max-viewport-width: 1920;\n  --max-viewport-width-px: 1920px;\n  --max-width: 1500;\n  --max-width-px: 1500px;\n  --min-viewport-width: 1200;\n  --min-viewport-width-px: 1200px;\n  --min-width: 1000;\n  --min-width-px: 1000px;\n  margin: 160px auto;\n  max-width: var(--max-width-px);\n  min-width: var(--min-width-px);\n\n  width: calc(\n    (100% - var(--min-viewport-width-px)) * (var(--max-width) - var(--min-width)) /\n      (var(--max-viewport-width) - var(--min-viewport-width)) + var(--min-width-px)\n  );\n  ", "\n"], ["\n  --max-viewport-width: 1920;\n  --max-viewport-width-px: 1920px;\n  --max-width: 1500;\n  --max-width-px: 1500px;\n  --min-viewport-width: 1200;\n  --min-viewport-width-px: 1200px;\n  --min-width: 1000;\n  --min-width-px: 1000px;\n  margin: 160px auto;\n  max-width: var(--max-width-px);\n  min-width: var(--min-width-px);\n\n  width: calc(\n    (100% - var(--min-viewport-width-px)) * (var(--max-width) - var(--min-width)) /\n      (var(--max-viewport-width) - var(--min-viewport-width)) + var(--min-width-px)\n  );\n  ", "\n"])), function (_a) {
     var hasNothing = _a.hasNothing;
@@ -59,7 +59,7 @@ var S_ItemsWrapper = styled_components_1.default.div(templateObject_3 || (templa
 });
 var S_ItemWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: calc(\n    ", "\n  );\n  ", ";\n\n  &:not(:first-child) {\n    margin-left: ", ";\n  }\n"], ["\n  width: calc(\n    ", "\n  );\n  ", ";\n\n  &:not(:first-child) {\n    margin-left: ", ";\n  }\n"])), function (_a) {
     var totalItems = _a.totalItems;
-    return 100 / totalItems + "% - " + (32 * (totalItems - 1)) / totalItems + "px";
+    return "".concat(100 / totalItems, "% - ").concat((32 * (totalItems - 1)) / totalItems, "px");
 }, function (_a) {
     var totalItems = _a.totalItems;
     return totalItems <= 2 && "max-width: 360px;";

package/dist/src/sub/DynamicLayout/sections/InfoBoxSection/templates/TemplateA/mobile/M_TemplateA.js

@@ -36,11 +36,11 @@ function TemplateA() {
         : [];
     var filteredSortedItems = filteredItems.sort(function (a, b) { return a.order - b.order; });
     var hasNothing = !title && !description && !buttonAlphaLinkSrc && filteredSortedItems.length <= 0;
-    return ((0, jsx_runtime_1.jsxs)(S_ContentsArea, __assign({ hasNothing: hasNothing }, { children: [title && ((0, jsx_runtime_1.jsx)(mobile_1.Section.Title, { text: title, color: titleColorInHex, textAlign: "center", customFontSize: "32px", customFontWeight: "bold", lineHeight: 1.3 }, void 0)), description && ((0, jsx_runtime_1.jsx)(S_SectionDescriptionBox, { children: (0, jsx_runtime_1.jsx)(mobile_1.Section.Description, { text: description, color: descriptionColorInHex, textAlign: "center", customFontSize: "18px", fontWeight: "600" }, void 0) }, void 0)), filteredSortedItems.length > 0 && ((0, jsx_runtime_1.jsx)(S_ItemsWrapper, { children: filteredSortedItems.map(function (item, index) {
+    return ((0, jsx_runtime_1.jsxs)(S_ContentsArea, __assign({ hasNothing: hasNothing }, { children: [title && ((0, jsx_runtime_1.jsx)(mobile_1.Section.Title, { text: title, color: titleColorInHex, textAlign: "center", customFontSize: "32px", customFontWeight: "bold", lineHeight: 1.3 })), description && ((0, jsx_runtime_1.jsx)(S_SectionDescriptionBox, { children: (0, jsx_runtime_1.jsx)(mobile_1.Section.Description, { text: description, color: descriptionColorInHex, textAlign: "center", customFontSize: "18px", fontWeight: "600" }) })), filteredSortedItems.length > 0 && ((0, jsx_runtime_1.jsx)(S_ItemsWrapper, { children: filteredSortedItems.map(function (item, index) {
                     var id = item.id;
                     var _a = item.properties, itemTitle = _a.title, itemDescription = _a.description, itemImageSrc = _a.imageSrc;
-                    return ((0, jsx_runtime_1.jsx)(S_ItemWrapper, __assign({ isFirstItem: index === 0 }, { children: (0, jsx_runtime_1.jsxs)(mobile_1.Item, __assign({}, item, { children: [itemImageSrc && ((0, jsx_runtime_1.jsx)(S_ItemImageBox, { children: (0, jsx_runtime_1.jsx)(mobile_1.Item.Image, { src: itemImageSrc, width: 80, ratio: "1_1", scaleType: "contain" }, void 0) }, void 0)), itemTitle && ((0, jsx_runtime_1.jsx)(mobile_1.Item.Title, { text: itemTitle, color: itemTitleColorInHex, textAlign: "center", customFontSize: "20px", customFontWeight: "bold", lineHeight: 1.4 }, void 0)), itemDescription && ((0, jsx_runtime_1.jsx)(S_ItemDescriptionBox, { children: (0, jsx_runtime_1.jsx)(mobile_1.Item.Description, { text: itemDescription, color: itemDescriptionColorInHex, textAlign: "center", styleTheme: "body2Regular" }, void 0) }, void 0))] }), void 0) }), id));
-                }) }, void 0)), buttonAlphaLinkSrc && ((0, jsx_runtime_1.jsx)(S_ButtonBox, { children: (0, jsx_runtime_1.jsx)(mobile_1.Section.Button, { buttonType: buttonAlphaDesignType, text: buttonAlphaLabel, linkType: buttonAlphaLinkType, src: buttonAlphaLinkSrc, textColor: buttonAlphaLabelColorInHex, backgroundColor: buttonAlphaBackgroundColorInHex, borderColor: buttonAlphaLabelColorInHex }, void 0) }, void 0))] }), void 0));
+                    return ((0, jsx_runtime_1.jsx)(S_ItemWrapper, __assign({ isFirstItem: index === 0 }, { children: (0, jsx_runtime_1.jsxs)(mobile_1.Item, __assign({}, item, { children: [itemImageSrc && ((0, jsx_runtime_1.jsx)(S_ItemImageBox, { children: (0, jsx_runtime_1.jsx)(mobile_1.Item.Image, { src: itemImageSrc, width: 80, ratio: "1_1", scaleType: "contain" }) })), itemTitle && ((0, jsx_runtime_1.jsx)(mobile_1.Item.Title, { text: itemTitle, color: itemTitleColorInHex, textAlign: "center", customFontSize: "20px", customFontWeight: "bold", lineHeight: 1.4 })), itemDescription && ((0, jsx_runtime_1.jsx)(S_ItemDescriptionBox, { children: (0, jsx_runtime_1.jsx)(mobile_1.Item.Description, { text: itemDescription, color: itemDescriptionColorInHex, textAlign: "center", styleTheme: "body2Regular" }) }))] })) }), id));
+                }) })), buttonAlphaLinkSrc && ((0, jsx_runtime_1.jsx)(S_ButtonBox, { children: (0, jsx_runtime_1.jsx)(mobile_1.Section.Button, { buttonType: buttonAlphaDesignType, text: buttonAlphaLabel, linkType: buttonAlphaLinkType, src: buttonAlphaLinkSrc, textColor: buttonAlphaLabelColorInHex, backgroundColor: buttonAlphaBackgroundColorInHex, borderColor: buttonAlphaLabelColorInHex }) }))] })));
 }
 var S_ContentsArea = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: ", " 0;\n  padding: 0 ", ";\n"], ["\n  margin: ", " 0;\n  padding: 0 ", ";\n"])), function (_a) {
     var hasNothing = _a.hasNothing;