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

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

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
-var dynamicLayoutContext_1 = require("@sub/DynamicLayout/dynamicLayoutContext");
-// NOTE: link기능은 탄력적일 필요가 없음.
-function useCLINK(props) {
-    var src = props.src, openNewTab = props.openNewTab, type = props.type, internalSrc = props.internalSrc;
-    var _a = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), navigationHandler = _a.navigationHandler, mode = _a.mode;
-    var navType = type === 'INTERNAL' ? 'INTERNAL_LINK' : 'WEB_LINK';
-    var CLINKCursor = mode === 'EDIT' || type === 'DISABLED' ? 'auto' : 'pointer';
-    function onClickCLINK() {
-        if (type === 'DISABLED' || mode === 'EDIT') {
-            return;
-        }
-        if (typeof navigationHandler === 'function') {
-            switch (type) {
-                case 'INTERNAL':
-                    if (internalSrc) {
-                        navigationHandler(navType, internalSrc, { openNewTab: openNewTab });
-                    }
-                    return;
-                case 'EXTERNAL':
-                    if (src) {
-                        navigationHandler(navType, src, { openNewTab: openNewTab });
-                    }
-                    return;
-            }
-        }
-    }
-    return {
-        CLINKCursor: CLINKCursor,
-        onClickCLINK: onClickCLINK
-    };
-}
-exports.default = useCLINK;

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

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

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

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

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/index.d.ts

@@ -1 +0,0 @@
-export { useIntersectionObserver } from './useIntersectionObserver';

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useIntersectionObserver = void 0;
-var useIntersectionObserver_1 = require("./useIntersectionObserver");
-Object.defineProperty(exports, "useIntersectionObserver", { enumerable: true, get: function () { return useIntersectionObserver_1.useIntersectionObserver; } });

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/getGoogleFonts.d.ts

@@ -1,2 +0,0 @@
-import type { CB_STYLE_PROP_TEXT_SPECS } from '../../components/ComponentBlock/componentBlocks/types';
-export declare function getGoogleFontsFromTextSpecCode(props: CB_STYLE_PROP_TEXT_SPECS, isMobile: boolean): string[];

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/getGoogleFonts.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getGoogleFontsFromTextSpecCode = void 0;
-function getGoogleFontsFromTextSpecCode(props, isMobile) {
-    var typeface = props.CB_STYLE_PROP_TEXT_SPEC_TYPEFACE;
-    var typefaceHover = props['CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER'];
-    var typefaceMobile = props['CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE'];
-    var typefaceMobileHover = props['CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE:HOVER'];
-    if (isMobile) {
-        return [typefaceMobile, typefaceMobileHover].filter(function (each) { return each && each.startsWith('GOOGLE:'); });
-    }
-    return [typeface, typefaceHover].filter(function (each) { return each && each.startsWith('GOOGLE:'); });
-}
-exports.getGoogleFontsFromTextSpecCode = getGoogleFontsFromTextSpecCode;

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/index.d.ts

@@ -1,2 +0,0 @@
-export { getGoogleFontsFromTextSpecCode } from './getGoogleFonts';
-export { default as useGoogleFonts } from './useGoogleFonts';

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/index.js

@@ -1,10 +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.useGoogleFonts = exports.getGoogleFontsFromTextSpecCode = void 0;
-var getGoogleFonts_1 = require("./getGoogleFonts");
-Object.defineProperty(exports, "getGoogleFontsFromTextSpecCode", { enumerable: true, get: function () { return getGoogleFonts_1.getGoogleFontsFromTextSpecCode; } });
-var useGoogleFonts_1 = require("./useGoogleFonts");
-Object.defineProperty(exports, "useGoogleFonts", { enumerable: true, get: function () { return __importDefault(useGoogleFonts_1).default; } });

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/useGoogleFonts.d.ts

@@ -1,4 +0,0 @@
-declare function useGoogleFonts({ fonts }: {
-    fonts: string[];
-}): void;
-export default useGoogleFonts;

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/useGoogleFonts.js

@@ -1,17 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
-var callGoogleFontCSSAndApply_1 = __importDefault(require("@sub/GoogleFontkit/utils/callGoogleFontCSSAndApply"));
-function useGoogleFonts(_a) {
-    var fonts = _a.fonts;
-    (0, react_1.useEffect)(function () {
-        fonts.forEach(function (fontFamily) {
-            var parsedFontFamily = fontFamily.substring(7);
-            (0, callGoogleFontCSSAndApply_1.default)(parsedFontFamily);
-        });
-    }, [fonts]);
-}
-exports.default = useGoogleFonts;

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useIntersectionObserver.d.ts

@@ -1,6 +0,0 @@
-import { RefObject } from 'react';
-interface Args extends IntersectionObserverInit {
-    freezeOnceVisible?: boolean;
-}
-export declare function useIntersectionObserver(elementRef: RefObject<Element>, { threshold, root, rootMargin, freezeOnceVisible }: Args, deps: any[]): IntersectionObserverEntry | undefined;
-export {};

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useIntersectionObserver.js

@@ -1,38 +0,0 @@
-"use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useIntersectionObserver = void 0;
-var react_1 = require("react");
-function useIntersectionObserver(elementRef, _a, deps) {
-    var _b = _a.threshold, threshold = _b === void 0 ? 0 : _b, _c = _a.root, root = _c === void 0 ? null : _c, _d = _a.rootMargin, rootMargin = _d === void 0 ? '0%' : _d, _e = _a.freezeOnceVisible, freezeOnceVisible = _e === void 0 ? false : _e;
-    var _f = (0, react_1.useState)(), entry = _f[0], setEntry = _f[1];
-    var frozen = (entry === null || entry === void 0 ? void 0 : entry.isIntersecting) && freezeOnceVisible;
-    (0, react_1.useLayoutEffect)(function () {
-        var updateEntry = function (_a) {
-            var entry = _a[0];
-            setEntry(entry);
-        };
-        var node = elementRef === null || elementRef === void 0 ? void 0 : elementRef.current; // DOM Ref
-        var hasIOSupport = !!window.IntersectionObserver;
-        if (!hasIOSupport || frozen || !node) {
-            return;
-        }
-        var observerParams = { threshold: threshold, root: root, rootMargin: rootMargin };
-        var observer = new IntersectionObserver(updateEntry, observerParams);
-        observer.observe(node);
-        return function () {
-            observer.disconnect();
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, __spreadArray([elementRef === null || elementRef === void 0 ? void 0 : elementRef.current, JSON.stringify(threshold), root, rootMargin, frozen], deps, true));
-    return entry;
-}
-exports.useIntersectionObserver = useIntersectionObserver;

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useIsMounted.d.ts

@@ -1 +0,0 @@
-export declare function useIsMounted(): () => boolean;

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useIsMounted.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useIsMounted = void 0;
-var react_1 = require("react");
-function useIsMounted() {
-    var isMounted = (0, react_1.useRef)(false);
-    (0, react_1.useEffect)(function () {
-        isMounted.current = true;
-        return function () {
-            isMounted.current = false;
-        };
-    }, []);
-    return (0, react_1.useCallback)(function () { return isMounted.current; }, []);
-}
-exports.useIsMounted = useIsMounted;

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useResizableObserver.d.ts

@@ -1,12 +0,0 @@
-import type { RefObject } from 'react';
-type Size = {
-    width: number | undefined;
-    height: number | undefined;
-};
-type UseResizeObserverOptions<T extends HTMLElement = HTMLElement> = {
-    ref: RefObject<T>;
-    onResize?: (size: Size) => void;
-    box?: 'border-box' | 'content-box' | 'device-pixel-content-box';
-};
-export declare function useResizeObserver<T extends HTMLElement = HTMLElement>(options: UseResizeObserverOptions<T>): Size;
-export {};

package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useResizableObserver.js

@@ -1,74 +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.useResizeObserver = void 0;
-var react_1 = require("react");
-var useIsMounted_1 = require("./useIsMounted");
-var initialSize = {
-    width: undefined,
-    height: undefined
-};
-function useResizeObserver(options) {
-    var ref = options.ref, _a = options.box, box = _a === void 0 ? 'content-box' : _a;
-    var _b = (0, react_1.useState)(initialSize), _c = _b[0], width = _c.width, height = _c.height, setSize = _b[1];
-    var isMounted = (0, useIsMounted_1.useIsMounted)();
-    var previousSize = (0, react_1.useRef)(__assign({}, initialSize));
-    var onResize = (0, react_1.useRef)(undefined);
-    onResize.current = options.onResize;
-    (0, react_1.useEffect)(function () {
-        if (!ref.current)
-            return;
-        if (typeof window === 'undefined' || !('ResizeObserver' in window))
-            return;
-        var observer = new ResizeObserver(function (_a) {
-            var entry = _a[0];
-            var boxProp = box === 'border-box'
-                ? 'borderBoxSize'
-                : box === 'device-pixel-content-box'
-                    ? 'devicePixelContentBoxSize'
-                    : 'contentBoxSize';
-            var newWidth = extractSize(entry, boxProp, 'inlineSize');
-            var newHeight = extractSize(entry, boxProp, 'blockSize');
-            var hasChanged = previousSize.current.width !== newWidth || previousSize.current.height !== newHeight;
-            if (hasChanged) {
-                var newSize = { width: newWidth, height: newHeight };
-                previousSize.current.width = newWidth;
-                previousSize.current.height = newHeight;
-                if (onResize.current) {
-                    onResize.current(newSize);
-                }
-                else if (isMounted()) {
-                    setSize(newSize);
-                }
-            }
-        });
-        observer.observe(ref.current, { box: box });
-        return function () {
-            observer.disconnect();
-        };
-    }, [box, ref, isMounted]);
-    return { width: width, height: height };
-}
-exports.useResizeObserver = useResizeObserver;
-function extractSize(entry, box, sizeType) {
-    if (!entry[box]) {
-        if (box === 'contentBoxSize') {
-            return entry.contentRect[sizeType === 'inlineSize' ? 'width' : 'height'];
-        }
-        return undefined;
-    }
-    return Array.isArray(entry[box])
-        ? entry[box][0][sizeType]
-        : // @ts-ignore Support Firefox's non-standard behavior
-            entry[box][sizeType];
-}

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

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

package/dist/src/sub/DynamicLayout/sections/CustomSection/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.CustomSection = void 0;
-var CustomSection_1 = require("./CustomSection");
-Object.defineProperty(exports, "CustomSection", { enumerable: true, get: function () { return __importDefault(CustomSection_1).default; } });

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

@@ -1,7 +0,0 @@
-type ClassValue = string | number | boolean | null | undefined | ClassDictionary | ClassArray;
-type ClassDictionary = {
-    [key: string]: boolean | undefined | null;
-};
-type ClassArray = ClassValue[];
-export declare const clsx: (...args: ClassValue[]) => string;
-export {};

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

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.clsx = void 0;
-var clsx = function () {
-    var args = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        args[_i] = arguments[_i];
-    }
-    return args
-        .flatMap(function (arg) {
-        if (!arg)
-            return [];
-        if (typeof arg === 'string' || typeof arg === 'number')
-            return [arg];
-        if (Array.isArray(arg))
-            return exports.clsx.apply(void 0, arg);
-        if (typeof arg === 'object') {
-            return (Object.entries(arg)
-                // eslint-disable-next-line @typescript-eslint/no-unused-vars
-                .filter(function (_a) {
-                var _ = _a[0], value = _a[1];
-                return Boolean(value);
-            })
-                .map(function (_a) {
-                var key = _a[0];
-                return key;
-            }));
-        }
-        return [];
-    })
-        .join(' ');
-};
-exports.clsx = clsx;

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

@@ -1,31 +0,0 @@
-import type { BGOverlayValueSetType } from '../components/ComponentBlock/componentBlocks/RichText/types';
-import type { CBColorValueSetType } from '../components/ComponentBlock/componentBlocks/types';
-import type { BGColorValueSetType } from '../components/ComponentBlock/componentBlocks/Youtube/types';
-import type { Device } from '../util/types';
-import type { CSSProperties } from 'react';
-type CBName = 'COLOR' | 'BGCOLOR' | 'BGOVERLAY';
-type ExtractPropKey<T extends CBName> = Extract<T, CBName>;
-type ValueSetType = CBColorValueSetType & BGColorValueSetType & BGOverlayValueSetType;
-export type ParseStyleColorProps<T> = {
-    availableSpecCodes: Array<keyof T>;
-    props: T;
-    propKey: ExtractPropKey<'COLOR'>;
-    device: Device;
-} | {
-    availableSpecCodes: Array<keyof T>;
-    props: T;
-    propKey: ExtractPropKey<'BGCOLOR'>;
-    device: Device;
-} | {
-    availableSpecCodes: Array<keyof T>;
-    props: T;
-    propKey: ExtractPropKey<'BGOVERLAY'>;
-    device: Device;
-};
-export declare function parseStyleColorToCSSProp<T>({ availableSpecCodes, props, propKey, device }: ParseStyleColorProps<T>): {
-    style: CSSProperties;
-    hoverStyle: CSSProperties;
-};
-export declare function getBtnColorStyles(value: ValueSetType, cbName: CBName): CSSProperties;
-export declare function getLinearGradientStyles(value: ValueSetType, cbName: CBName): CSSProperties;
-export {};

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

@@ -1,71 +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.getLinearGradientStyles = exports.getBtnColorStyles = exports.parseStyleColorToCSSProp = void 0;
-function parseStyleColorToCSSProp(_a) {
-    var availableSpecCodes = _a.availableSpecCodes, props = _a.props, propKey = _a.propKey, device = _a.device;
-    var valueSet = availableSpecCodes.reduce(function (acc, currentKey) {
-        var _a, _b, _c;
-        var stringifiedKey = currentKey.toString();
-        var baseKey = device === 'DESKTOP' ? currentKey : "".concat(stringifiedKey, ":MOBILE") || currentKey;
-        var keyWithHover = "".concat(baseKey.toString(), ":HOVER");
-        var value = props[baseKey];
-        var hoverValue = props[keyWithHover];
-        if (hoverValue === null || hoverValue === undefined) {
-            return { normal: __assign(__assign({}, acc.normal), (_a = {}, _a[currentKey] = value, _a)), hover: __assign({}, acc.hover) };
-        }
-        return {
-            normal: __assign(__assign({}, acc.normal), (_b = {}, _b[currentKey] = value, _b)),
-            hover: __assign(__assign({}, acc.hover), (_c = {}, _c[currentKey] = hoverValue, _c))
-        };
-    }, {
-        normal: {},
-        hover: {}
-    });
-    var style = getBtnColorStyles(valueSet.normal, propKey);
-    var hoverStyle = getBtnColorStyles(valueSet.hover, propKey);
-    return { style: style, hoverStyle: hoverStyle };
-}
-exports.parseStyleColorToCSSProp = parseStyleColorToCSSProp;
-function getBtnColorStyles(value, cbName) {
-    if (value["CB_STYLE_PROP_".concat(cbName, "_SPEC_TYPE")] === 'NONE') {
-        return { background: 'none' };
-    }
-    if (value["CB_STYLE_PROP_".concat(cbName, "_SPEC_TYPE")] === 'SOLID') {
-        var style = {
-            background: value["CB_STYLE_PROP_".concat(cbName, "_SPEC_COLOR")]
-        };
-        return style;
-    }
-    return getLinearGradientStyles(value, cbName);
-}
-exports.getBtnColorStyles = getBtnColorStyles;
-function getLinearGradientStyles(value, cbName) {
-    var angle = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_ANGLE")];
-    var startColor = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_STARTCOLOR")];
-    var startLoc = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_STARTLOC")];
-    var endColor = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_ENDCOLOR")];
-    var endLoc = value["CB_STYLE_PROP_".concat(cbName, "_SPEC_ENDLOC")];
-    if (value["CB_STYLE_PROP_".concat(cbName, "_SPEC_GRADIENT")] === 'LINEAR') {
-        var gradient = "".concat(angle, "deg, ").concat(startColor, " ").concat(startLoc, "%, ").concat(endColor, " ").concat(endLoc, "%");
-        var style = { background: "linear-gradient(".concat(gradient, ")") };
-        return style;
-    }
-    if (value["CB_STYLE_PROP_".concat(cbName, "_SPEC_GRADIENT")] === 'RADIAL') {
-        var gradient = "".concat(startColor, " ").concat(startLoc, "%, ").concat(endColor, " ").concat(endLoc, "%");
-        var style = { background: "radial-gradient(".concat(gradient, ")") };
-        return style;
-    }
-    return {};
-}
-exports.getLinearGradientStyles = getLinearGradientStyles;

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

@@ -1 +0,0 @@
-export declare function getMobileFontSize(desktopSize: number): number;