pds-dev-kit-web-test 2.7.95 → 2.7.96

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

@@ -1,213 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTextCSSPropKey = exports.parseStyleTextToCSSProp = void 0;
-function parseStyleTextToCSSProp(_a) {
-    var availableSpecCodes = _a.availableSpecCodes, props = _a.props, propKey = _a.propKey, device = _a.device;
-    return availableSpecCodes.reduce(function (acc, currentKey) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
-        var stringifiedKey = currentKey.toString();
-        var keyWithDevice = device === 'DESKTOP' ? currentKey : "".concat(stringifiedKey, ":MOBILE") || currentKey;
-        var keyWithHover = "".concat(keyWithDevice.toString(), ":HOVER");
-        var cssPropertyKey = getTextCSSPropKey(stringifiedKey, propKey);
-        var value = props[keyWithDevice];
-        var hoverValue = props[keyWithHover];
-        if (cssPropertyKey === 'lineHeight') {
-            var numValue = typeof value === 'number' ? value / 100 : value;
-            var numHoverValue = typeof hoverValue === 'number' ? hoverValue / 100 : hoverValue;
-            if (numHoverValue === null || numHoverValue === undefined) {
-                return {
-                    style: __assign(__assign({}, acc.style), (_a = {}, _a[cssPropertyKey] = numValue, _a)),
-                    hoverStyle: __assign({}, acc.hoverStyle)
-                };
-            }
-            return {
-                style: __assign(__assign({}, acc.style), (_b = {}, _b[cssPropertyKey] = numValue, _b)),
-                hoverStyle: __assign(__assign({}, acc.hoverStyle), (_c = {}, _c[cssPropertyKey] = numHoverValue, _c))
-            };
-        }
-        if (cssPropertyKey === 'fontFamily') {
-            if (hoverValue === null || hoverValue === undefined) {
-                return {
-                    style: __assign(__assign({}, acc.style), (_d = {}, _d[cssPropertyKey] = getFontName(String(value)), _d)),
-                    hoverStyle: __assign({}, acc.hoverStyle)
-                };
-            }
-            return {
-                style: __assign(__assign({}, acc.style), (_e = {}, _e[cssPropertyKey] = getFontName(String(value)), _e)),
-                hoverStyle: __assign(__assign({}, acc.hoverStyle), (_f = {}, _f[cssPropertyKey] = getFontName(String(hoverValue)), _f))
-            };
-        }
-        if (cssPropertyKey === 'letterSpacing') {
-            var numValue = typeof value === 'number' ? "".concat(Math.abs(+value) * (+value > 0 ? 0.01 : -0.01), "em") : value;
-            var numHoverValue = typeof hoverValue === 'number'
-                ? "".concat(Math.abs(+hoverValue) * (+hoverValue > 0 ? 0.01 : -0.01), "em")
-                : hoverValue;
-            if (numHoverValue === null || numHoverValue === undefined) {
-                return {
-                    style: __assign(__assign({}, acc.style), (_g = {}, _g[cssPropertyKey] = numValue, _g)),
-                    hoverStyle: __assign({}, acc.hoverStyle)
-                };
-            }
-            return {
-                style: __assign(__assign({}, acc.style), (_h = {}, _h[cssPropertyKey] = numValue, _h)),
-                hoverStyle: __assign(__assign({}, acc.hoverStyle), (_j = {}, _j[cssPropertyKey] = numHoverValue, _j))
-            };
-        }
-        if (cssPropertyKey === 'fontSize') {
-            if (hoverValue === null || hoverValue === undefined) {
-                var emValue_1 = getEmFontSize(device, value);
-                return {
-                    style: __assign(__assign({}, acc.style), (_k = {}, _k[cssPropertyKey] = emValue_1, _k)),
-                    hoverStyle: __assign({}, acc.hoverStyle)
-                };
-            }
-            var emValue = getEmFontSize(device, value);
-            var hoverEmValue = getEmFontSize(device, hoverValue);
-            return {
-                style: __assign(__assign({}, acc.style), (_l = {}, _l[cssPropertyKey] = emValue, _l)),
-                hoverStyle: __assign(__assign({}, acc.hoverStyle), (_m = {}, _m[cssPropertyKey] = hoverEmValue, _m))
-            };
-        }
-        if (cssPropertyKey === 'HORIZONTAL') {
-            var horizontalObj = getHorizontalPositionValue(String(value));
-            var hoverHorizontalObj = getHorizontalPositionValue(String(hoverValue));
-            if (hoverValue === null || hoverValue === undefined) {
-                return { style: __assign(__assign({}, acc.style), horizontalObj), hoverStyle: __assign({}, acc.hoverStyle) };
-            }
-            return {
-                style: __assign(__assign({}, acc.style), horizontalObj),
-                hoverStyle: __assign(__assign({}, acc.hoverStyle), hoverHorizontalObj)
-            };
-        }
-        if (cssPropertyKey === 'alignItems') {
-            if (hoverValue === null || hoverValue === undefined) {
-                return {
-                    style: __assign(__assign({}, acc.style), (_o = {}, _o[cssPropertyKey] = getVerticalPositionValue(String(value)), _o.display = 'flex', _o)),
-                    hoverStyle: __assign({}, acc.hoverStyle)
-                };
-            }
-            return {
-                style: __assign(__assign({}, acc.style), (_p = {}, _p[cssPropertyKey] = getVerticalPositionValue(String(value)), _p.display = 'flex', _p)),
-                hoverStyle: __assign(__assign({}, acc.hoverStyle), (_q = {}, _q[cssPropertyKey] = getVerticalPositionValue(String(hoverValue)), _q))
-            };
-        }
-        if (hoverValue === null || hoverValue === undefined) {
-            return {
-                style: __assign(__assign({}, acc.style), (_r = {}, _r[cssPropertyKey] = value, _r)),
-                hoverStyle: __assign({}, acc.hoverStyle)
-            };
-        }
-        return {
-            style: __assign(__assign({}, acc.style), (_s = {}, _s[cssPropertyKey] = value, _s)),
-            hoverStyle: __assign(__assign({}, acc.hoverStyle), (_t = {}, _t[cssPropertyKey] = hoverValue, _t))
-        };
-    }, {
-        style: {},
-        hoverStyle: {}
-    });
-}
-exports.parseStyleTextToCSSProp = parseStyleTextToCSSProp;
-function getTextCSSPropKey(key, cbName) {
-    switch (key) {
-        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_COLOR"):
-        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_COLOR:HOVER"):
-        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_COLOR:MOBILE"):
-        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_COLOR:MOBILE:HOVER"):
-            return 'color';
-        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_TYPEFACE"):
-        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_TYPEFACE:HOVER"):
-        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_TYPEFACE:MOBILE"):
-        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_TYPEFACE:MOBILE:HOVER"):
-            return 'fontFamily';
-        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_LETTERSPACING"):
-        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_LETTERSPACING:HOVER"):
-        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_LETTERSPACING:MOBILE"):
-        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_LETTERSPACING:MOBILE:HOVER"):
-            return 'letterSpacing';
-        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_LINEHEIGHT"):
-        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_LINEHEIGHT:HOVER"):
-        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_LINEHEIGHT:MOBILE"):
-        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_LINEHEIGHT:MOBILE:HOVER"):
-            return 'lineHeight';
-        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_SIZE"):
-        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_SIZE:HOVER"):
-        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_SIZE:MOBILE"):
-        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_SIZE:MOBILE:HOVER"):
-            return 'fontSize';
-        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_WEIGHT"):
-        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_WEIGHT:HOVER"):
-        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_WEIGHT:MOBILE"):
-        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_WEIGHT:MOBILE:HOVER"):
-            return 'fontWeight';
-        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_HORIZONTAL"):
-        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_HORIZONTAL:HOVER"):
-        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_HORIZONTAL:MOBILE"):
-        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_HORIZONTAL:MOBILE:HOVER"):
-            return 'HORIZONTAL';
-        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_VERTICAL"):
-        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_VERTICAL:HOVER"):
-        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_VERTICAL:MOBILE"):
-        case "CB_STYLE_PROP_".concat(cbName, "_SPEC_VERTICAL:MOBILE:HOVER"):
-            return 'alignItems';
-        default:
-            return '';
-    }
-}
-exports.getTextCSSPropKey = getTextCSSPropKey;
-function getFontName(value) {
-    switch (value) {
-        case 'SYSSANS':
-            return 'sans-serif';
-        case 'SYSSERIF':
-            return 'serif';
-        case 'PRETENDARD':
-            return 'Pretendard JP, sans-serif';
-        default: {
-            // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            var _a = value.split(':'), _1 = _a[0], font = _a[1];
-            return "\"".concat(font, "\"");
-        }
-    }
-}
-function getHorizontalPositionValue(value) {
-    switch (value) {
-        case 'LEFT':
-            return { display: 'flex', justifyContent: 'flex-start', textAlign: 'left' };
-        case 'RIGHT':
-            return { display: 'flex', justifyContent: 'flex-end', textAlign: 'right' };
-        case 'CENTER':
-            return { display: 'flex', justifyContent: 'center', textAlign: 'center' };
-        default:
-            return {};
-    }
-}
-function getVerticalPositionValue(value) {
-    switch (value) {
-        case 'TOP':
-            return 'flex-start';
-        case 'BOTTOM':
-            return 'flex-end';
-        case 'MIDDLE':
-            return 'center';
-        default:
-            return '';
-    }
-}
-function getEmFontSize(device, size) {
-    var preferred = size / 16;
-    if (device === 'DESKTOP') {
-        return "clamp(10px, ".concat(preferred, "em, ").concat(preferred, "em)");
-    }
-    return "clamp(6px, ".concat(preferred, "em, ").concat(preferred, "em)");
-}

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

@@ -1,23 +0,0 @@
-import type { Device } from '../types';
-type Padding = {
-    top: number;
-    left: number;
-    right: number;
-    bottom: number;
-};
-export type SectionPadding = {
-    CB_LAYOUT_PROP_PADDING_SPEC_PADDING: Padding;
-    'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null | Padding;
-} | undefined | null;
-declare function parseSectionPadding(prop: SectionPadding, device: Device): {
-    top?: undefined;
-    left?: undefined;
-    bottom?: undefined;
-    right?: undefined;
-} | {
-    top: number;
-    left: number;
-    bottom: number;
-    right: number;
-};
-export default parseSectionPadding;

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/layoutPropParsers/parseSectionPadding.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-function parseSectionPadding(prop, device) {
-    if (!prop) {
-        return {};
-    }
-    if (device === 'MOBILE') {
-        var padding_1 = prop['CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE'];
-        if (padding_1) {
-            return {
-                top: padding_1.top,
-                left: padding_1.left,
-                bottom: padding_1.bottom,
-                right: padding_1.right
-            };
-        }
-    }
-    var padding = prop.CB_LAYOUT_PROP_PADDING_SPEC_PADDING;
-    return {
-        top: padding.top,
-        left: padding.left,
-        bottom: padding.bottom,
-        right: padding.right
-    };
-}
-exports.default = parseSectionPadding;

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

@@ -1,14 +0,0 @@
-import type { ICompositionJsonProperties } from '@sub/DynamicLayout/types';
-type Props = {
-    isMobile: boolean;
-    compositionProps: ICompositionJsonProperties['data']['CB_PLACEMENT_PROP_COMPOSITION'];
-};
-declare function parseCompositionPlacement({ isMobile, compositionProps }: Props): {
-    minHeight: number | null;
-    maxHeight: number | null;
-    minWidth: number | null;
-    maxWidth: number | null;
-    rows: number;
-    columns: number;
-};
-export default parseCompositionPlacement;

package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseCompositionPlacement.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-function parseCompositionPlacement(_a) {
-    var _b, _c, _d, _e, _f, _g;
-    var isMobile = _a.isMobile, compositionProps = _a.compositionProps;
-    var CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXHEIGHT = compositionProps.CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXHEIGHT, CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINHEIGHT = compositionProps.CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINHEIGHT, CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXWIDTH = compositionProps.CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXWIDTH, CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINWIDTH = compositionProps.CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINWIDTH, CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS = compositionProps.CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS, CB_PLACEMENT_PROP_COMPOSITION_SPEC_COLUMNS = compositionProps.CB_PLACEMENT_PROP_COMPOSITION_SPEC_COLUMNS;
-    if (isMobile) {
-        return {
-            minHeight: (_b = compositionProps['CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINHEIGHT:MOBILE']) !== null && _b !== void 0 ? _b : CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINHEIGHT,
-            maxHeight: (_c = compositionProps['CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXHEIGHT:MOBILE']) !== null && _c !== void 0 ? _c : CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXHEIGHT,
-            minWidth: (_d = compositionProps['CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINWIDTH:MOBILE']) !== null && _d !== void 0 ? _d : CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINWIDTH,
-            maxWidth: (_e = compositionProps['CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXWIDTH:MOBILE']) !== null && _e !== void 0 ? _e : CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXWIDTH,
-            rows: (_f = compositionProps['CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS:MOBILE']) !== null && _f !== void 0 ? _f : CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS,
-            columns: (_g = compositionProps['CB_PLACEMENT_PROP_COMPOSITION_SPEC_COLUMNS:MOBILE']) !== null && _g !== void 0 ? _g : CB_PLACEMENT_PROP_COMPOSITION_SPEC_COLUMNS
-        };
-    }
-    return {
-        minHeight: CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINHEIGHT,
-        maxHeight: CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXHEIGHT,
-        minWidth: CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINWIDTH,
-        maxWidth: CB_PLACEMENT_PROP_COMPOSITION_SPEC_MAXWIDTH,
-        rows: CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS,
-        columns: CB_PLACEMENT_PROP_COMPOSITION_SPEC_COLUMNS
-    };
-}
-exports.default = parseCompositionPlacement;

package/dist/src/sub/DynamicLayout/sections/FooterSection/FooterSection.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type { ISection } from '../../types';
-declare function FooterSection({ ...props }: ISection): JSX.Element;
-export default FooterSection;

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

@@ -1,53 +0,0 @@
-"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 __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-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"));
-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 }) })) })));
-}
-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, {});
-        case 'BASE_FOOTER_B':
-            return (0, jsx_runtime_1.jsx)(templates_1.TemplateB, {});
-        default:
-            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    }
-}
-exports.default = FooterSection;
-var templateObject_1;

package/dist/src/sub/DynamicLayout/sections/FooterSection/index.d.ts

@@ -1 +0,0 @@
-export { default as FooterSection } from './FooterSection';

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

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FooterSection = void 0;
-var FooterSection_1 = require("./FooterSection");
-Object.defineProperty(exports, "FooterSection", { enumerable: true, get: function () { return __importDefault(FooterSection_1).default; } });

package/dist/src/sub/DynamicLayout/sections/FooterSection/templates/TemplateA/TemplateA.d.ts

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

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

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var dynamicLayoutContext_1 = require("../../../../dynamicLayoutContext");
-var desktop_1 = require("./desktop");
-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, {}),
-            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.d.ts

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

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

@@ -1,51 +0,0 @@
-"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 __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 react_1 = require("react");
-var styled_components_1 = __importDefault(require("styled-components"));
-var desktop_1 = require("../../../../../components/desktop");
-var Section_1 = require("../../../../../components/Section");
-function TemplateA() {
-    var _a, _b;
-    var section = (0, react_1.useContext)(Section_1.sectionContext);
-    var itemDescriptionColorInHex = section.styles.itemDescriptionColorInHex;
-    var items = section.dynamicLayoutSectionItems;
-    var filteredItems = items
-        ? items.filter(function (item) { return item.display && (!!item.properties.logoImageSrc || !!item.properties.body); })
-        : [];
-    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 }) })), 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;
-    return theme.spacing.spacingH;
-}, function (_a) {
-    var hasNothing = _a.hasNothing;
-    return hasNothing && 'margin: 0';
-});
-var S_ImageBox = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin: ", " 0;\n"], ["\n  margin: ", " 0;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingE;
-});
-exports.default = TemplateA;
-var templateObject_1, templateObject_2;

package/dist/src/sub/DynamicLayout/sections/FooterSection/templates/TemplateA/desktop/index.d.ts

@@ -1 +0,0 @@
-export { default as D_TemplateA } from './D_TemplateA';

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

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.D_TemplateA = void 0;
-var D_TemplateA_1 = require("./D_TemplateA");
-Object.defineProperty(exports, "D_TemplateA", { enumerable: true, get: function () { return __importDefault(D_TemplateA_1).default; } });

package/dist/src/sub/DynamicLayout/sections/FooterSection/templates/TemplateA/index.d.ts

@@ -1 +0,0 @@
-export { default as TemplateA } from './TemplateA';

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

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TemplateA = void 0;
-var TemplateA_1 = require("./TemplateA");
-Object.defineProperty(exports, "TemplateA", { enumerable: true, get: function () { return __importDefault(TemplateA_1).default; } });

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

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

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

@@ -1,51 +0,0 @@
-"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 __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 react_1 = require("react");
-var styled_components_1 = __importDefault(require("styled-components"));
-var mobile_1 = require("../../../../../components/mobile");
-var Section_1 = require("../../../../../components/Section");
-function TemplateA() {
-    var _a, _b;
-    var section = (0, react_1.useContext)(Section_1.sectionContext);
-    var itemDescriptionColorInHex = section.styles.itemDescriptionColorInHex;
-    var items = section.dynamicLayoutSectionItems;
-    var filteredItems = items
-        ? items.filter(function (item) { return item.display && (!!item.properties.logoImageSrc || !!item.properties.body); })
-        : [];
-    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 }) })), 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;
-    return (hasNothing ? 0 : theme.spacing.spacingG);
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingE;
-});
-var S_ImageBox = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin: ", " 0;\n  text-align: left;\n"], ["\n  margin: ", " 0;\n  text-align: left;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingE;
-});
-exports.default = TemplateA;
-var templateObject_1, templateObject_2;

package/dist/src/sub/DynamicLayout/sections/FooterSection/templates/TemplateA/mobile/index.d.ts

@@ -1 +0,0 @@
-export { default as M_TemplateA } from './M_TemplateA';

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

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.M_TemplateA = void 0;
-var M_TemplateA_1 = require("./M_TemplateA");
-Object.defineProperty(exports, "M_TemplateA", { enumerable: true, get: function () { return __importDefault(M_TemplateA_1).default; } });

package/dist/src/sub/DynamicLayout/sections/FooterSection/templates/TemplateB/TemplateB.d.ts

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

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

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var dynamicLayoutContext_1 = require("../../../../dynamicLayoutContext");
-var desktop_1 = require("./desktop");
-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, {}),
-            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.d.ts

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

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

@@ -1,51 +0,0 @@
-"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 __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 react_1 = require("react");
-var styled_components_1 = __importDefault(require("styled-components"));
-var desktop_1 = require("../../../../../components/desktop");
-var Section_1 = require("../../../../../components/Section");
-function TemplateB() {
-    var _a, _b;
-    var section = (0, react_1.useContext)(Section_1.sectionContext);
-    var itemDescriptionColorInHex = section.styles.itemDescriptionColorInHex;
-    var items = section.dynamicLayoutSectionItems;
-    var filteredItems = items
-        ? items.filter(function (item) { return item.display && (!!item.properties.logoImageSrc || !!item.properties.body); })
-        : [];
-    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 }) })), 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;
-    return theme.spacing.spacingH;
-}, function (_a) {
-    var hasNothing = _a.hasNothing;
-    return hasNothing && 'margin: 0';
-});
-var S_ImageBox = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  margin: ", " 0;\n"], ["\n  display: flex;\n  justify-content: center;\n  margin: ", " 0;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingE;
-});
-exports.default = TemplateB;
-var templateObject_1, templateObject_2;

package/dist/src/sub/DynamicLayout/sections/FooterSection/templates/TemplateB/desktop/index.d.ts

@@ -1 +0,0 @@
-export { default as D_TemplateB } from './D_TemplateB';