npm - pds-dev-kit-web-test - Versions diffs - 2.7.462 → 2.7.464 - Mend

pds-dev-kit-web-test 2.7.462 → 2.7.464

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (497) hide show

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js CHANGED Viewed

@@ -33,28 +33,26 @@ exports.getTextStyles = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable react/destructuring-assignment */
 var react_1 = require("react");
-var react_i18next_1 = require("react-i18next");
-var DynamicLayout_1 = require("../../../../../../../DynamicLayout");
-var compositionQueryContext_1 = require("../../../../../../../DynamicLayout/compositionQueryContext");
-var hooks_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks");
-var useGoogleFonts_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks/useGoogleFonts");
-var newUtils_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/newUtils");
-var colorUtil_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/newUtils/colorUtil");
-var types_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/types");
-var util_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/util");
-var parseStylePropShadow_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropShadow");
+var DynamicLayout_1 = require("@sub/DynamicLayout");
+var compositionQueryContext_1 = require("@sub/DynamicLayout/compositionQueryContext");
+var hooks_1 = require("@sub/DynamicLayout/sections/CustomSection/hooks");
+var useGoogleFonts_1 = require("@sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts");
+var newUtils_1 = require("@sub/DynamicLayout/sections/CustomSection/newUtils");
+var colorUtil_1 = require("@sub/DynamicLayout/sections/CustomSection/newUtils/colorUtil");
+var types_1 = require("@sub/DynamicLayout/sections/CustomSection/types");
+var util_1 = require("@sub/DynamicLayout/sections/CustomSection/util");
+var parseStylePropShadow_1 = require("@sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropShadow");
 var styled_components_1 = __importDefault(require("styled-components"));
 var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
 var S_CB_Box_1 = require("../components/S_CB_Box");
-var S_HeightFitContentCover_1 = require("../components/S_HeightFitContentCover");
 var S_HiddenCover_1 = require("../components/S_HiddenCover");
 var useCLINK_1 = __importDefault(require("../hooks/useCLINK"));
 var textSpecFormatOptions_1 = require("../Text/textSpecFormatOptions");
 function Button(props) {
-    var _a, _b, _c, _d, _e;
-    var _f = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext), device = _f.device, mode = _f.mode;
+    var _a, _b, _c;
+    var _d = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext), device = _d.device, mode = _d.mode;
     var queryContext = (0, compositionQueryContext_1.useCCBQueryPath)();
-    var index = props.index, CB_STYLE_PROP_COLOR = props.CB_STYLE_PROP_COLOR, _g = props.CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CLINK_SPEC_SRC = _g.CB_CONTENT_PROP_CLINK_SPEC_SRC, CB_CONTENT_PROP_CLINK_SPEC_TYPE = _g.CB_CONTENT_PROP_CLINK_SPEC_TYPE, CB_CONTENT_PROP_CLINK_SPEC_NEWTAB = _g.CB_CONTENT_PROP_CLINK_SPEC_NEWTAB, CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC = _g.CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC, CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE = _g.CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE, CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA = _g.CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA, _h = props.CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE = _h.CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE, CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA = _h.CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, CB_CONTENT_PROP_TEXTOPTION = props.CB_CONTENT_PROP_TEXTOPTION, CB_STYLE_PROP_TEXT = props.CB_STYLE_PROP_TEXT;
+    var index = props.index, CB_STYLE_PROP_COLOR = props.CB_STYLE_PROP_COLOR, _e = props.CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CLINK_SPEC_SRC = _e.CB_CONTENT_PROP_CLINK_SPEC_SRC, CB_CONTENT_PROP_CLINK_SPEC_TYPE = _e.CB_CONTENT_PROP_CLINK_SPEC_TYPE, CB_CONTENT_PROP_CLINK_SPEC_NEWTAB = _e.CB_CONTENT_PROP_CLINK_SPEC_NEWTAB, CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC = _e.CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC, CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE = _e.CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE, CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA = _e.CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA, _f = props.CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE = _f.CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE, CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA = _f.CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, CB_CONTENT_PROP_TEXTOPTION = props.CB_CONTENT_PROP_TEXTOPTION;
     var textSuffix = (_a = CB_CONTENT_PROP_TEXTOPTION === null || CB_CONTENT_PROP_TEXTOPTION === void 0 ? void 0 : CB_CONTENT_PROP_TEXTOPTION.CB_CONTENT_PROP_TEXTOPTION_SPEC_SUFFIX) !== null && _a !== void 0 ? _a : '';
     var textPrefix = (_b = CB_CONTENT_PROP_TEXTOPTION === null || CB_CONTENT_PROP_TEXTOPTION === void 0 ? void 0 : CB_CONTENT_PROP_TEXTOPTION.CB_CONTENT_PROP_TEXTOPTION_SPEC_PREFIX) !== null && _b !== void 0 ? _b : '';
     var textFormat = (_c = CB_CONTENT_PROP_TEXTOPTION === null || CB_CONTENT_PROP_TEXTOPTION === void 0 ? void 0 : CB_CONTENT_PROP_TEXTOPTION.CB_CONTENT_PROP_TEXTOPTION_SPEC_FORMAT) !== null && _c !== void 0 ? _c : 'NONE';
@@ -72,15 +70,15 @@ function Button(props) {
         }
         return CB_CONTENT_PROP_CLINK_SPEC_SRC;
     };
-    var _j = (0, useCLINK_1.default)({
+    var _g = (0, useCLINK_1.default)({
         src: cLinkValue(),
         type: CB_CONTENT_PROP_CLINK_SPEC_TYPE,
         openNewTab: CB_CONTENT_PROP_CLINK_SPEC_NEWTAB,
         internalSrc: String(CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC)
-    }), onClickCLINK = _j.onClickCLINK, CLINKCursor = _j.CLINKCursor;
-    var _k = getTextStyles(props.CB_STYLE_PROP_TEXT, device), btnTextStyle = _k.style, btnTextHoverStyle = _k.hoverStyle;
-    var _l = getBTNColorStyles(CB_STYLE_PROP_COLOR, device), btnColorStyle = _l.style, btnColorHoverStyle = _l.hoverStyle;
-    var _m = (0, util_1.parseProperties)(props, device), propsStyle = _m.style, propsHoverStyle = _m.hoverStyle, _o = _m.layout, paddingLeft = _o.paddingLeft, paddingRight = _o.paddingRight, paddingTop = _o.paddingTop, paddingBottom = _o.paddingBottom, layoutStyle = __rest(_o, ["paddingLeft", "paddingRight", "paddingTop", "paddingBottom"]), effect = _m.effect;
+    }), onClickCLINK = _g.onClickCLINK, CLINKCursor = _g.CLINKCursor;
+    var _h = getTextStyles(props.CB_STYLE_PROP_TEXT, device), btnTextStyle = _h.style, btnTextHoverStyle = _h.hoverStyle;
+    var _j = getBTNColorStyles(CB_STYLE_PROP_COLOR, device), btnColorStyle = _j.style, btnColorHoverStyle = _j.hoverStyle;
+    var _k = (0, util_1.parseProperties)(props, device), propsStyle = _k.style, propsHoverStyle = _k.hoverStyle, _l = _k.layout, paddingLeft = _l.paddingLeft, paddingRight = _l.paddingRight, paddingTop = _l.paddingTop, paddingBottom = _l.paddingBottom, layoutStyle = __rest(_l, ["paddingLeft", "paddingRight", "paddingTop", "paddingBottom"]), effect = _k.effect;
     var isEditModeAndHidden = propsStyle.visibility === 'hidden' && mode === 'EDIT';
     var googleFonts = (0, useGoogleFonts_1.getGoogleFontsFromTextSpecCode)(props.CB_STYLE_PROP_TEXT, device === 'MOBILE');
     (0, useGoogleFonts_1.useGoogleFonts)({ fonts: googleFonts });
@@ -141,16 +139,11 @@ function Button(props) {
         }
         return props.CB_CONTENT_PROP_TEXT.CB_CONTENT_PROP_TEXT_SPEC_TEXT;
     };
-    var desktopHeightFitContent = (_d = CB_STYLE_PROP_TEXT === null || CB_STYLE_PROP_TEXT === void 0 ? void 0 : CB_STYLE_PROP_TEXT.CB_STYLE_PROP_TEXT_SPEC_FITCONTENT) !== null && _d !== void 0 ? _d : false;
-    var mobileHeightFitContent = (_e = CB_STYLE_PROP_TEXT === null || CB_STYLE_PROP_TEXT === void 0 ? void 0 : CB_STYLE_PROP_TEXT['CB_STYLE_PROP_TEXT_SPEC_FITCONTENT:MOBILE']) !== null && _e !== void 0 ? _e : desktopHeightFitContent;
-    var heightFitContent = device === 'MOBILE' ? mobileHeightFitContent : desktopHeightFitContent;
-    var isEditModeAndHeightFitContent = heightFitContent && mode === 'EDIT';
-    var t = (0, react_i18next_1.useTranslation)('translation').t;
-    var _p = (0, parseStylePropShadow_1.generateBoxShadow)(CB_STYLE_PROP_SHADOW, device), normalShadowStyle = _p.normalStyle, hoverShadowStyle = _p.hoverStyle;
-    var _q = extractBorderStyles(propsStyle), borderNormalStyle = _q.borderStyleProps, cleanedNormalStyle = _q.remainingStyle;
+    var _m = (0, parseStylePropShadow_1.generateBoxShadow)(CB_STYLE_PROP_SHADOW, device), normalShadowStyle = _m.normalStyle, hoverShadowStyle = _m.hoverStyle;
+    var _o = extractBorderStyles(propsStyle), borderNormalStyle = _o.borderStyleProps, cleanedNormalStyle = _o.remainingStyle;
     // hover 스타일 분리
-    var _r = extractBorderStyles(propsHoverStyle), borderHoverStyle = _r.borderStyleProps, cleanedHoverStyle = _r.remainingStyle;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), isEditModeAndHeightFitContent && ((0, jsx_runtime_1.jsx)(S_HeightFitContentCover_1.S_HeightFitContentCover, { className: "height-fit-content-cover", bottomText: t('str_10106') })), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle, style: { paddingLeft: paddingLeft, paddingRight: paddingRight, paddingBottom: paddingBottom, paddingTop: paddingTop } }, { children: (0, jsx_runtime_1.jsx)(S_ShadowBox, __assign({ "$normalStyle": __assign(__assign(__assign({ height: '100%', display: 'flex', alignItems: "".concat(btnTextStyle.alignItems), overflowY: btnTextStyle.overflowY, scrollbarWidth: btnTextStyle.scrollbarWidth }, effectCssProperties), normalShadowStyle), borderNormalStyle), "$hoverStyle": __assign(__assign({}, hoverShadowStyle), borderHoverStyle) }, { children: (0, jsx_runtime_1.jsxs)(S_CB_Box_1.S_CB_Box, __assign({ onMouseLeave: function (e) {
+    var _p = extractBorderStyles(propsHoverStyle), borderHoverStyle = _p.borderStyleProps, cleanedHoverStyle = _p.remainingStyle;
+    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, style: { paddingLeft: paddingLeft, paddingRight: paddingRight, paddingBottom: paddingBottom, paddingTop: paddingTop } }, { children: (0, jsx_runtime_1.jsx)(S_ShadowBox, __assign({ "$normalStyle": __assign(__assign(__assign({ height: '100%', display: 'flex', alignItems: "".concat(btnTextStyle.alignItems), overflowY: btnTextStyle.overflowY, scrollbarWidth: btnTextStyle.scrollbarWidth }, effectCssProperties), normalShadowStyle), borderNormalStyle), "$hoverStyle": __assign(__assign({}, hoverShadowStyle), borderHoverStyle) }, { children: (0, jsx_runtime_1.jsxs)(S_CB_Box_1.S_CB_Box, __assign({ onMouseLeave: function (e) {
                             e.currentTarget.classList.remove('hovered');
                         }, className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, btnTextStyle), cleanedNormalStyle), layoutStyle), btnColorStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word', cursor: CLINKCursor, overflowY: 'unset', scrollbarWidth: 'unset' }), hoverStyle: __assign(__assign(__assign(__assign({}, btnTextHoverStyle), cleanedHoverStyle), btnColorHoverStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word' }), onClick: onClickCLINK }, { children: [textPrefix, textValue(), textSuffix] })) })) }))] }));
 }
@@ -185,10 +178,7 @@ function getTextStyles(props, device) {
         'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING',
         'CB_STYLE_PROP_TEXT_SPEC_COLOR',
         'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL',
-        'CB_STYLE_PROP_TEXT_SPEC_VERTICAL',
-        'CB_STYLE_PROP_TEXT_SPEC_FITCONTENT',
-        'CB_STYLE_PROP_TEXT_SPEC_SCROLLCONTENTS',
-        'CB_STYLE_PROP_TEXT_SPEC_SCROLLBAR'
+        'CB_STYLE_PROP_TEXT_SPEC_VERTICAL'
     ];
     return (0, newUtils_1.parseStyleTextToCSSProp)({
         availableSpecCodes: availableSpecCodes,

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { CB_STYLE_PROP_CONTENTSCAROUSELBUTTON_SPEC_PREVBTNSTYLE_TYPE, INSET_POSTIION, OUTSET_POSTIION } from './types';
-import type { CB_CONTENTSCAROUSEL } from '../../../../../../../DynamicLayout/sections/CustomSection/types';
-import type { CB_CONTENTSCAROUSEL_PROPERTIES_TYPE, IndexForIntersection } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
+import type { CB_CONTENTSCAROUSEL } from '@sub/DynamicLayout/sections/CustomSection/types';
+import type { CB_CONTENTSCAROUSEL_PROPERTIES_TYPE, IndexForIntersection } from '@sub/DynamicLayout/sections/CustomSection/util/types';
 type Props = CB_CONTENTSCAROUSEL_PROPERTIES_TYPE & IndexForIntersection & {
     compositions: CB_CONTENTSCAROUSEL['compositions'];
 };

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.js CHANGED Viewed

@@ -30,13 +30,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var react_i18next_1 = require("react-i18next");
-var CustomSectionBackgroundMedia_1 = require("../../../../../../../DynamicLayout/components/Section/components/CustomSectionBackgroundMedia");
-var createCompositions_1 = require("../../../../../../../DynamicLayout/CompositionRenderer/createCompositions");
-var dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
-var hooks_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks");
-var types_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/types");
-var util_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/util");
-var isNullOrUndefined_1 = __importDefault(require("../../../../../../../DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
+var CustomSectionBackgroundMedia_1 = require("@sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia");
+var createCompositions_1 = require("@sub/DynamicLayout/CompositionRenderer/createCompositions");
+var dynamicLayoutContext_1 = require("@sub/DynamicLayout/dynamicLayoutContext");
+var hooks_1 = require("@sub/DynamicLayout/sections/CustomSection/hooks");
+var types_1 = require("@sub/DynamicLayout/sections/CustomSection/types");
+var util_1 = require("@sub/DynamicLayout/sections/CustomSection/util");
+var isNullOrUndefined_1 = __importDefault(require("@sub/DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
 var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomNavigationNextBtn.js CHANGED Viewed

@@ -40,7 +40,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomNavigationNextBtn = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var IconButton_1 = require("../../../../../../../../DynamicLayout/components/pdsOriginal/desktop/IconButton");
+var IconButton_1 = require("@sub/DynamicLayout/components/pdsOriginal/desktop/IconButton");
 var styled_components_1 = __importStar(require("styled-components"));
 var navigationConfigs_1 = require("./navigationConfigs");
 var CustomNavigationNextBtn = function (_a) {

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomNavigationPrevBtn.js CHANGED Viewed

@@ -40,7 +40,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomNavigationPrevBtn = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var IconButton_1 = require("../../../../../../../../DynamicLayout/components/pdsOriginal/desktop/IconButton");
+var IconButton_1 = require("@sub/DynamicLayout/components/pdsOriginal/desktop/IconButton");
 var styled_components_1 = __importStar(require("styled-components"));
 var navigationConfigs_1 = require("./navigationConfigs");
 var CustomNavigationPrevBtn = function (_a) {

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/navigationConfigs.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import type { CB_STYLE_PROP_CONTENTSCAROUSELBUTTON_SPEC_PREVBTNSTYLE_TYPE, CB_STYLE_PROP_CONTENTSCAROUSELBUTTON_SPEC_NEXTBTNSTYLE_TYPE } from '../types';
-import type { IconButtonProps } from '../../../../../../../../DynamicLayout/components/pdsOriginal/desktop/IconButton/IconButton';
+import type { IconButtonProps } from '@sub/DynamicLayout/components/pdsOriginal/desktop/IconButton/IconButton';
 export declare const prevButtonMappedIcons: Record<CB_STYLE_PROP_CONTENTSCAROUSELBUTTON_SPEC_PREVBTNSTYLE_TYPE, IconButtonProps>;
 export declare const nextButtonMappedIcons: Record<CB_STYLE_PROP_CONTENTSCAROUSELBUTTON_SPEC_NEXTBTNSTYLE_TYPE, IconButtonProps>;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/contentsCarouselUtils.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { CB_CONTENT_PROP_CONTENTSCAROUSEL } from '../types';
 import type { CB_STYLE_PROP_CONTENTSCAROUSEL_SPECS, ContentsCarouselPropsKeys, CustomNavigationProps, CustomProgressbarProps, CoreCarouselProps } from './types';
-import type { Device } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
+import type { Device } from '@sub/DynamicLayout/sections/CustomSection/util/types';
 import type { css } from 'styled-components';
 type ParseCarouselStyleToCarouselCoreProps = {
     props: CB_STYLE_PROP_CONTENTSCAROUSEL_SPECS;

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

@@ -1,4 +1,4 @@
-import type { NUMBER_INTEGER } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
+import type { NUMBER_INTEGER } from '@sub/DynamicLayout/sections/CustomSection/util/types';
 import type { SwiperProps } from 'swiper/react';
 export type ContentsCarouselPropsKeys = keyof CB_STYLE_PROP_CONTENTSCAROUSEL_SPECS;
 export type OUTSET_POSTIION = 'OUTSET1' | 'OUTSET2' | 'OUTSET3' | 'OUTSET4' | 'OUTSET5' | 'OUTSET6' | 'OUTSET7' | 'OUTSET8' | 'OUTSET9' | 'OUTSET10' | 'OUTSET11' | 'OUTSET12';

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { OUTSET_POSTIION, INSET_POSTIION, CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE_TYPE } from './types';
-import type { CB_LIST } from '../../../../../../../DynamicLayout/sections/CustomSection/types';
-import type { CB_LIST_PROPERTIES_TYPE, IndexForIntersection } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
+import type { CB_LIST } from '@sub/DynamicLayout/sections/CustomSection/types';
+import type { CB_LIST_PROPERTIES_TYPE, IndexForIntersection } from '@sub/DynamicLayout/sections/CustomSection/util/types';
 type Props = CB_LIST_PROPERTIES_TYPE & IndexForIntersection & {
     compositions: CB_LIST['compositions'];
 };

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.js CHANGED Viewed

@@ -31,13 +31,13 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable @typescript-eslint/no-unused-vars */
 var react_1 = require("react");
 var react_i18next_1 = require("react-i18next");
-var CustomSectionBackgroundMedia_1 = require("../../../../../../../DynamicLayout/components/Section/components/CustomSectionBackgroundMedia");
-var createCompositions_1 = require("../../../../../../../DynamicLayout/CompositionRenderer/createCompositions");
-var dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
-var hooks_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks");
-var types_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/types");
-var util_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/util");
-var isNullOrUndefined_1 = __importDefault(require("../../../../../../../DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
+var CustomSectionBackgroundMedia_1 = require("@sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia");
+var createCompositions_1 = require("@sub/DynamicLayout/CompositionRenderer/createCompositions");
+var dynamicLayoutContext_1 = require("@sub/DynamicLayout/dynamicLayoutContext");
+var hooks_1 = require("@sub/DynamicLayout/sections/CustomSection/hooks");
+var types_1 = require("@sub/DynamicLayout/sections/CustomSection/types");
+var util_1 = require("@sub/DynamicLayout/sections/CustomSection/util");
+var isNullOrUndefined_1 = __importDefault(require("@sub/DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
 var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/paginationConfigs.js CHANGED Viewed

@@ -41,7 +41,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Design8 = exports.Design7 = exports.Design3 = exports.Design2 = exports.Design1 = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable react/no-unused-prop-types */
-var components_1 = require("../../../../../../../../DynamicLayout/components");
+var components_1 = require("@sub/DynamicLayout/components");
 var styled_components_1 = __importStar(require("styled-components"));
 var usePagination_1 = require("../hooks/usePagination");
 function Design1(_a) {

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/contentsListUtils.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { FlattenSimpleInterpolation } from 'styled-components';
 import type { CB_CONTENT_PROP_CONTENTSLIST } from '../types';
 import type { CB_STYLE_PROP_CONTENTSLIST_SPECS, ContentsListPropsKeys, CustomPaginationProps } from './types';
-import type { Device } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
+import type { Device } from '@sub/DynamicLayout/sections/CustomSection/util/types';
 type ParseContentsListStyleToCarouselCoreProps = {
     props: CB_STYLE_PROP_CONTENTSLIST_SPECS;
     device: Device;

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

@@ -1,4 +1,4 @@
-import type { NUMBER_INTEGER } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
+import type { NUMBER_INTEGER } from '@sub/DynamicLayout/sections/CustomSection/util/types';
 export type ContentsListPropsKeys = keyof CB_STYLE_PROP_CONTENTSLIST_SPECS;
 export type OUTSET_POSTIION = 'OUTSET1' | 'OUTSET2' | 'OUTSET3' | 'OUTSET4' | 'OUTSET5' | 'OUTSET6' | 'OUTSET7' | 'OUTSET8' | 'OUTSET9' | 'OUTSET10' | 'OUTSET11' | 'OUTSET12';
 export type INSET_POSTIION = 'INSET1' | 'INSET2' | 'INSET3' | 'INSET4' | 'INSET5' | 'INSET6' | 'INSET7' | 'INSET8';

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Divider/Divider.js CHANGED Viewed

@@ -40,7 +40,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var DynamicLayout_1 = require("../../../../../../../DynamicLayout");
+var DynamicLayout_1 = require("@sub/DynamicLayout");
 var styled_components_1 = __importStar(require("styled-components"));
 var hooks_1 = require("../../../../hooks");
 var util_1 = require("../../../../util");

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/Embed.js CHANGED Viewed

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var DynamicLayout_1 = require("../../../../../../../DynamicLayout");
+var DynamicLayout_1 = require("@sub/DynamicLayout");
 var hooks_1 = require("../../../../hooks");
 var util_1 = require("../../../../util");
 var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/IframeDenied.js CHANGED Viewed

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 require("react");
 var react_i18next_1 = require("react-i18next");
-var components_1 = require("../../../../../../../DynamicLayout/components");
+var components_1 = require("@sub/DynamicLayout/components");
 var styled_components_1 = __importDefault(require("styled-components"));
 function IframeDenied() {
     var t = (0, react_i18next_1.useTranslation)().t;

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

@@ -1,4 +1,4 @@
-import type { DefaultBrightTheme } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
+import type { DefaultBrightTheme } from '@sub/DynamicLayout/sections/CustomSection/util/types';
 export type TwitterPropsKeys = keyof CB_TWITTER_STYLE_PROPS;
 export type CB_TWITTER_STYLE_PROPS = {
     CB_STYLE_PROP_TWITTER_SPEC_THEME: DefaultBrightTheme;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/Image.js CHANGED Viewed

@@ -43,8 +43,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var DynamicLayout_1 = require("../../../../../../../DynamicLayout");
-var compositionQueryContext_1 = require("../../../../../../../DynamicLayout/compositionQueryContext");
+var DynamicLayout_1 = require("@sub/DynamicLayout");
+var compositionQueryContext_1 = require("@sub/DynamicLayout/compositionQueryContext");
 var styled_components_1 = __importStar(require("styled-components"));
 var hooks_1 = require("../../../../hooks");
 var util_1 = require("../../../../util");

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

@@ -1,4 +1,4 @@
-import type { ENUM_STRING, STRING_PLAIN } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
+import type { ENUM_STRING, STRING_PLAIN } from '@sub/DynamicLayout/sections/CustomSection/util/types';
 export type ImagePropsKeys = keyof CB_IMAGE_STYLE_PROPS;
 export type CB_IMAGE_STYLE_PROPS = {
     CB_STYLE_PROP_IMAGE_SPEC_FIT: STRING_PLAIN;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/RichText/RichText.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { CB_RICHTEXT_PROPERTIES_TYPE, IndexForIntersection } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
+import type { CB_RICHTEXT_PROPERTIES_TYPE, IndexForIntersection } from '@sub/DynamicLayout/sections/CustomSection/util/types';
 type Props = CB_RICHTEXT_PROPERTIES_TYPE & IndexForIntersection;
 declare function RichText(props: Props): JSX.Element;
 export default RichText;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/RichText/RichText.js CHANGED Viewed

@@ -21,11 +21,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable react/destructuring-assignment */
 var react_1 = require("react");
-var DynamicLayout_1 = require("../../../../../../../DynamicLayout");
-var RichText_1 = require("../../../../../../../DynamicLayout/components/ComponentBlocks/RichText");
-var hooks_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks");
-var colorUtil_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/newUtils/colorUtil");
-var util_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/util");
+var DynamicLayout_1 = require("@sub/DynamicLayout");
+var RichText_1 = require("@sub/DynamicLayout/components/ComponentBlocks/RichText");
+var hooks_1 = require("@sub/DynamicLayout/sections/CustomSection/hooks");
+var colorUtil_1 = require("@sub/DynamicLayout/sections/CustomSection/newUtils/colorUtil");
+var util_1 = require("@sub/DynamicLayout/sections/CustomSection/util");
 var styled_components_1 = __importDefault(require("styled-components"));
 var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
 var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");

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

@@ -1,5 +1,5 @@
 import type { BGColorPropsKeys, CB_STYLE_PROP_BGCOLOR_SPECS } from '../Youtube/types';
-import type { ENUM_STRING, NUMBER_INTEGER } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
+import type { ENUM_STRING, NUMBER_INTEGER } from '@sub/DynamicLayout/sections/CustomSection/util/types';
 export type CB_STYLE_PROP_BGOVERLAY_ENUM_GRADIENT = 'LINEAR' | 'RADIAL';
 export type CB_STYLE_PROP_BGOVERLAY_ENUM_TYPE = 'NONE' | 'SOLID' | 'GRADIENT';
 export type CB_STYLE_PROP_BGOVERLAY_SPECS_BASE = {

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE_TYPE, INSET_POSTIION, OUTSET_POSTIION } from './types';
-import type { CB_SLIDEBANNER } from '../../../../../../../DynamicLayout/sections/CustomSection/types';
-import type { CB_SLIDEBANNER_PROPERTIES_TYPE, IndexForIntersection } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
+import type { CB_SLIDEBANNER } from '@sub/DynamicLayout/sections/CustomSection/types';
+import type { CB_SLIDEBANNER_PROPERTIES_TYPE, IndexForIntersection } from '@sub/DynamicLayout/sections/CustomSection/util/types';
 type Props = CB_SLIDEBANNER_PROPERTIES_TYPE & IndexForIntersection & {
     compositions: CB_SLIDEBANNER['compositions'];
 };

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.js CHANGED Viewed

@@ -30,13 +30,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var react_i18next_1 = require("react-i18next");
-var CustomSectionBackgroundMedia_1 = require("../../../../../../../DynamicLayout/components/Section/components/CustomSectionBackgroundMedia");
-var createCompositions_1 = require("../../../../../../../DynamicLayout/CompositionRenderer/createCompositions");
-var dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
-var hooks_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks");
-var types_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/types");
-var util_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/util");
-var isNullOrUndefined_1 = __importDefault(require("../../../../../../../DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
+var CustomSectionBackgroundMedia_1 = require("@sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia");
+var createCompositions_1 = require("@sub/DynamicLayout/CompositionRenderer/createCompositions");
+var dynamicLayoutContext_1 = require("@sub/DynamicLayout/dynamicLayoutContext");
+var hooks_1 = require("@sub/DynamicLayout/sections/CustomSection/hooks");
+var types_1 = require("@sub/DynamicLayout/sections/CustomSection/types");
+var util_1 = require("@sub/DynamicLayout/sections/CustomSection/util");
+var isNullOrUndefined_1 = __importDefault(require("@sub/DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
 var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigationNextBtn.js CHANGED Viewed

@@ -40,7 +40,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomNavigationNextBtn = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var IconButton_1 = require("../../../../../../../../DynamicLayout/components/pdsOriginal/desktop/IconButton");
+var IconButton_1 = require("@sub/DynamicLayout/components/pdsOriginal/desktop/IconButton");
 var styled_components_1 = __importStar(require("styled-components"));
 var navigationConfigs_1 = require("./navigationConfigs");
 var CustomNavigationNextBtn = function (_a) {

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigationPrevBtn.js CHANGED Viewed

@@ -40,7 +40,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomNavigationPrevBtn = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var IconButton_1 = require("../../../../../../../../DynamicLayout/components/pdsOriginal/desktop/IconButton");
+var IconButton_1 = require("@sub/DynamicLayout/components/pdsOriginal/desktop/IconButton");
 var styled_components_1 = __importStar(require("styled-components"));
 var navigationConfigs_1 = require("./navigationConfigs");
 var CustomNavigationPrevBtn = function (_a) {

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.js CHANGED Viewed

@@ -40,7 +40,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomPagination = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("../../../../../../../../DynamicLayout/components");
+var components_1 = require("@sub/DynamicLayout/components");
 var styled_components_1 = __importStar(require("styled-components"));
 var CustomPagination = function (_a) {
     var _b = _a.current, current = _b === void 0 ? 1 : _b, _c = _a.total, total = _c === void 0 ? 1 : _c, isNextBtnDisabled = _a.isNextBtnDisabled, isPrevBtnDisabled = _a.isPrevBtnDisabled, styles = _a.styles, style = _a.style, onBulletClick = _a.onBulletClick, onNextBtnClick = _a.onNextBtnClick, onPrevBtnClick = _a.onPrevBtnClick;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/navigationConfigs.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import type { CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE_TYPE, CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE_TYPE } from '../types';
-import type { IconButtonProps } from '../../../../../../../../DynamicLayout/components/pdsOriginal/desktop/IconButton/IconButton';
+import type { IconButtonProps } from '@sub/DynamicLayout/components/pdsOriginal/desktop/IconButton/IconButton';
 export declare const prevButtonMappedIcons: Record<CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE_TYPE, IconButtonProps>;
 export declare const nextButtonMappedIcons: Record<CB_STYLE_PROP_SLIDEBANNER_SPEC_NEXTBTNSTYLE_TYPE, IconButtonProps>;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/slideBannerUtils.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { CB_STYLE_PROP_SLIDEBANNER_SPECS, SlideBannerPropsKeys, CoreSlideBannerProps, CustomNavigationProps, CustomProgressbarProps, CustomPaginationProps } from './types';
-import type { Device } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
+import type { Device } from '@sub/DynamicLayout/sections/CustomSection/util/types';
 import type { css } from 'styled-components';
 type ParseSlideBannerStyleToSlideBannerCoreProps = {
     props: CB_STYLE_PROP_SLIDEBANNER_SPECS;

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

@@ -1,4 +1,4 @@
-import type { NUMBER_INTEGER } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
+import type { NUMBER_INTEGER } from '@sub/DynamicLayout/sections/CustomSection/util/types';
 import type { SwiperProps } from 'swiper/react';
 export type SlideBannerPropsKeys = keyof CB_STYLE_PROP_SLIDEBANNER_SPECS;
 export type OUTSET_POSTIION = 'OUTSET1' | 'OUTSET2' | 'OUTSET3' | 'OUTSET4' | 'OUTSET5' | 'OUTSET6' | 'OUTSET7' | 'OUTSET8' | 'OUTSET9' | 'OUTSET10' | 'OUTSET11' | 'OUTSET12';

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.d.ts CHANGED Viewed

@@ -1,10 +1,14 @@
 /// <reference types="react" />
 import type { CB_TEXT_PROPERTIES_TYPE, Device, IndexForIntersection } from '../../../../util/types';
-import type { CB_STYLE_PROP_TEXT_SPECS } from '../types';
+import type { CB_STYLE_PROP_TEXT_SPECS, CB_STYLE_PROP_TEXTOPTION } from '../types';
 type Props = CB_TEXT_PROPERTIES_TYPE & IndexForIntersection;
 export default function Text(props: Props): JSX.Element;
 export declare function getTextStyles(props: CB_STYLE_PROP_TEXT_SPECS, device: Device): {
     style: import("styled-components").CSSProperties;
     hoverStyle: import("styled-components").CSSProperties;
 };
+export declare function getTextOptionStyles(props: CB_STYLE_PROP_TEXTOPTION, device: Device): {
+    style: import("styled-components").CSSProperties;
+    hoverStyle: import("styled-components").CSSProperties;
+};
 export {};

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

@@ -14,14 +14,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTextStyles = void 0;
+exports.getTextOptionStyles = exports.getTextStyles = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable react/destructuring-assignment */
 var react_1 = require("react");
 var react_i18next_1 = require("react-i18next");
-var DynamicLayout_1 = require("../../../../../../../DynamicLayout");
-var compositionQueryContext_1 = require("../../../../../../../DynamicLayout/compositionQueryContext");
-var types_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/types");
+var DynamicLayout_1 = require("@sub/DynamicLayout");
+var compositionQueryContext_1 = require("@sub/DynamicLayout/compositionQueryContext");
+var types_1 = require("@sub/DynamicLayout/sections/CustomSection/types");
 var hooks_1 = require("../../../../hooks");
 var getGoogleFonts_1 = require("../../../../hooks/useGoogleFonts/getGoogleFonts");
 var useGoogleFonts_1 = __importDefault(require("../../../../hooks/useGoogleFonts/useGoogleFonts"));
@@ -37,21 +37,12 @@ function Text(props) {
     var _a, _b, _c, _d, _e;
     var _f = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext), device = _f.device, mode = _f.mode;
     var queryContext = (0, compositionQueryContext_1.useCCBQueryPath)();
-    var index = props.index, _g = props.CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CLINK_SPEC_SRC = _g.CB_CONTENT_PROP_CLINK_SPEC_SRC, CB_CONTENT_PROP_CLINK_SPEC_TYPE = _g.CB_CONTENT_PROP_CLINK_SPEC_TYPE, CB_CONTENT_PROP_CLINK_SPEC_NEWTAB = _g.CB_CONTENT_PROP_CLINK_SPEC_NEWTAB, CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC = _g.CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC, CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE = _g.CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE, CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA = _g.CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, _h = props.CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE = _h.CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE, CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA = _h.CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA, CB_CONTENT_PROP_TEXTOPTION = props.CB_CONTENT_PROP_TEXTOPTION, CB_STYLE_PROP_TEXT = props.CB_STYLE_PROP_TEXT;
-    // const {
-    //   CB_CONTENT_PROP_TEXTOPTION_SPEC_SUFFIX,
-    //   CB_CONTENT_PROP_TEXTOPTION_SPEC_PREFIX,
-    //   CB_CONTENT_PROP_TEXTOPTION_SPEC_FORMAT
-    // } = CB_CONTENT_PROP_TEXTOPTION ?? {
-    //   CB_CONTENT_PROP_TEXTOPTION_SPEC_SUFFIX: '',
-    //   CB_CONTENT_PROP_TEXTOPTION_SPEC_PREFIX: '',
-    //   CB_CONTENT_PROP_TEXTOPTION_SPEC_FORMAT: 'NONE'
-    // };
+    var index = props.index, _g = props.CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CLINK_SPEC_SRC = _g.CB_CONTENT_PROP_CLINK_SPEC_SRC, CB_CONTENT_PROP_CLINK_SPEC_TYPE = _g.CB_CONTENT_PROP_CLINK_SPEC_TYPE, CB_CONTENT_PROP_CLINK_SPEC_NEWTAB = _g.CB_CONTENT_PROP_CLINK_SPEC_NEWTAB, CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC = _g.CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC, CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE = _g.CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE, CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA = _g.CB_CONTENT_PROP_CLINK_SPEC_CONNECTDATA, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, _h = props.CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE = _h.CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE, CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA = _h.CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA, CB_CONTENT_PROP_TEXTOPTION = props.CB_CONTENT_PROP_TEXTOPTION, CB_STYLE_PROP_TEXTOPTION = props.CB_STYLE_PROP_TEXTOPTION;
     var textSuffix = (_a = CB_CONTENT_PROP_TEXTOPTION === null || CB_CONTENT_PROP_TEXTOPTION === void 0 ? void 0 : CB_CONTENT_PROP_TEXTOPTION.CB_CONTENT_PROP_TEXTOPTION_SPEC_SUFFIX) !== null && _a !== void 0 ? _a : '';
     var textPrefix = (_b = CB_CONTENT_PROP_TEXTOPTION === null || CB_CONTENT_PROP_TEXTOPTION === void 0 ? void 0 : CB_CONTENT_PROP_TEXTOPTION.CB_CONTENT_PROP_TEXTOPTION_SPEC_PREFIX) !== null && _b !== void 0 ? _b : '';
     var textFormat = (_c = CB_CONTENT_PROP_TEXTOPTION === null || CB_CONTENT_PROP_TEXTOPTION === void 0 ? void 0 : CB_CONTENT_PROP_TEXTOPTION.CB_CONTENT_PROP_TEXTOPTION_SPEC_FORMAT) !== null && _c !== void 0 ? _c : 'NONE';
-    var desktopHeightFitContent = (_d = CB_STYLE_PROP_TEXT === null || CB_STYLE_PROP_TEXT === void 0 ? void 0 : CB_STYLE_PROP_TEXT.CB_STYLE_PROP_TEXT_SPEC_FITCONTENT) !== null && _d !== void 0 ? _d : true;
-    var mobileHeightFitContent = (_e = CB_STYLE_PROP_TEXT === null || CB_STYLE_PROP_TEXT === void 0 ? void 0 : CB_STYLE_PROP_TEXT['CB_STYLE_PROP_TEXT_SPEC_FITCONTENT:MOBILE']) !== null && _e !== void 0 ? _e : desktopHeightFitContent;
+    var desktopHeightFitContent = (_d = CB_STYLE_PROP_TEXTOPTION === null || CB_STYLE_PROP_TEXTOPTION === void 0 ? void 0 : CB_STYLE_PROP_TEXTOPTION.CB_STYLE_PROP_TEXTOPTION_SPEC_FITCONTENT) !== null && _d !== void 0 ? _d : true;
+    var mobileHeightFitContent = (_e = CB_STYLE_PROP_TEXTOPTION === null || CB_STYLE_PROP_TEXTOPTION === void 0 ? void 0 : CB_STYLE_PROP_TEXTOPTION['CB_STYLE_PROP_TEXTOPTION_SPEC_FITCONTENT:MOBILE']) !== null && _e !== void 0 ? _e : desktopHeightFitContent;
     var heightFitContent = device === 'MOBILE' ? mobileHeightFitContent : desktopHeightFitContent;
     var cLinkValue = function () {
         if (CB_CONTENT_PROP_CLINK_SPEC_VALUETYPE === 'DATA' ||
@@ -163,10 +154,7 @@ function getTextStyles(props, device) {
         'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING',
         'CB_STYLE_PROP_TEXT_SPEC_COLOR',
         'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL',
-        'CB_STYLE_PROP_TEXT_SPEC_VERTICAL',
-        'CB_STYLE_PROP_TEXT_SPEC_FITCONTENT',
-        'CB_STYLE_PROP_TEXT_SPEC_SCROLLCONTENTS',
-        'CB_STYLE_PROP_TEXT_SPEC_SCROLLBAR'
+        'CB_STYLE_PROP_TEXT_SPEC_VERTICAL'
     ];
     return (0, textUtil_1.parseStyleTextToCSSProp)({
         availableSpecCodes: availableSpecCodes,
@@ -177,3 +165,18 @@ function getTextStyles(props, device) {
     });
 }
 exports.getTextStyles = getTextStyles;
+function getTextOptionStyles(props, device) {
+    var availableSpecCodes = [
+        'CB_STYLE_PROP_TEXTOPTION_SPEC_SCROLLCONTENTS',
+        'CB_STYLE_PROP_TEXTOPTION_SPEC_SCROLLBAR',
+        'CB_STYLE_PROP_TEXTOPTION_SPEC_FITCONTENT'
+    ];
+    return (0, textUtil_1.parseStyleTextToCSSProp)({
+        availableSpecCodes: availableSpecCodes,
+        props: props,
+        device: device,
+        propKey: 'TEXT',
+        cbCode: types_1.CB_ALL_CODES.CB_TEXT
+    });
+}
+exports.getTextOptionStyles = getTextOptionStyles;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Twitter/Twitter.js CHANGED Viewed

@@ -13,8 +13,8 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var DynamicLayout_1 = require("../../../../../../../DynamicLayout");
-var ComponentBlocks_1 = require("../../../../../../../DynamicLayout/components/ComponentBlocks");
+var DynamicLayout_1 = require("@sub/DynamicLayout");
+var ComponentBlocks_1 = require("@sub/DynamicLayout/components/ComponentBlocks");
 var hooks_1 = require("../../../../hooks");
 var util_1 = require("../../../../util");
 var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");

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

@@ -1,4 +1,4 @@
-import type { DefaultBrightTheme } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
+import type { DefaultBrightTheme } from '@sub/DynamicLayout/sections/CustomSection/util/types';
 export type TwitterPropsKeys = keyof CB_TWITTER_STYLE_PROPS;
 export type CB_TWITTER_STYLE_PROPS = {
     CB_STYLE_PROP_TWITTER_SPEC_THEME: DefaultBrightTheme;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { CB_VIDEOPLAYER_PROPERTIES_TYPE, IndexForIntersection } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
+import type { CB_VIDEOPLAYER_PROPERTIES_TYPE, IndexForIntersection } from '@sub/DynamicLayout/sections/CustomSection/util/types';
 type Props = CB_VIDEOPLAYER_PROPERTIES_TYPE & IndexForIntersection;
 declare function VideoPlayer(props: Props): JSX.Element;
 export default VideoPlayer;

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

@@ -20,11 +20,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var Icon_1 = require("../../../../../../../DynamicLayout/components/pdsOriginal/hybrid/Icon");
-var dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
-var hooks_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks");
-var colorUtil_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/newUtils/colorUtil");
-var util_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/util");
+var Icon_1 = require("@sub/DynamicLayout/components/pdsOriginal/hybrid/Icon");
+var dynamicLayoutContext_1 = require("@sub/DynamicLayout/dynamicLayoutContext");
+var hooks_1 = require("@sub/DynamicLayout/sections/CustomSection/hooks");
+var colorUtil_1 = require("@sub/DynamicLayout/sections/CustomSection/newUtils/colorUtil");
+var util_1 = require("@sub/DynamicLayout/sections/CustomSection/util");
 var styled_components_1 = __importDefault(require("styled-components"));
 var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
 var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");