@gem-sdk/components 3.0.0-pre-production.14 → 3.0.0

package/dist/esm/banner/setting/HeroBanner.js

@@ -1,1418 +0,0 @@
-import { heroBanner1Col } from './presets/heroBanner1Col.js';
-import { heroBanner1ColPreSalesPage } from './presets/heroBanner1ColPreSalesPage.js';
-import { heroBannerContentLeft } from './presets/heroBannerContentLeft.js';
-import { heroBannerContentLeftPreSalesPage } from './presets/heroBannerContentLeftPreSalesPage.js';
-import { heroBannerContentRight } from './presets/heroBannerContentRight.js';
-import { heroBannerContentRightPreSalesPage } from './presets/heroBannerContentRightPreSalesPage.js';
-import { heroBannerVideo } from './presets/heroBannerVideo.js';
-import { heroBannerVideoPreSalesPage } from './presets/heroBannerVideoPreSalesPage.js';
-import { heroBannerParallax } from './presets/heroBannerParallax.js';
-import { heroBannerParallaxPreSalesPage } from './presets/heroBannerParallaxPreSalesPage.js';
-
-const config = {
-    tag: 'HeroBanner',
-    label: 'Hero Banner',
-    icon: `
-  <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M1.83301 34.6667C1.55687 34.6667 1.33301 34.4429 1.33301 34.1667V5.83337C1.33301 5.55723 1.55687 5.33337 1.83301 5.33337H38.1663C38.4425 5.33337 38.6663 5.55723 38.6663 5.83337V34.1667C38.6663 34.4429 38.4425 34.6667 38.1663 34.6667H1.83301ZM3.52909 32.4103H36.4703V7.58978H3.52909V32.4103ZM21.0977 17.7436H24.3055C24.7477 17.7436 24.9722 18.2755 24.6638 18.5924L14.5095 29.0257L18.9016 20H15.3089C14.9395 20 14.6976 19.6134 14.8593 19.2813L18.7648 11.2556C18.8485 11.0836 19.0231 10.9744 19.2144 10.9744H24.5694C24.966 10.9744 25.2047 11.4139 24.9889 11.7466L21.0977 17.7436Z" fill="currentColor"/>
-  </svg>
-  `,
-    settings: [
-        {
-            id: 'setting',
-            controls: [
-                {
-                    id: 'layout',
-                    type: 'layout-banner',
-                    devices: {
-                        desktop: {
-                            default: {
-                                cols: [
-                                    12
-                                ],
-                                display: 'fill'
-                            }
-                        }
-                    }
-                },
-                {
-                    id: 'horizontalAlign',
-                    type: 'segment',
-                    options: [
-                        {
-                            label: 'Start',
-                            value: 'start',
-                            icon: `<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M1.91699 1C2.19314 1 2.41699 1.22386 2.41699 1.5L2.41699 14.5C2.41699 14.7761 2.19313 15 1.91699 15C1.64085 15 1.41699 14.7761 1.41699 14.5V1.5C1.41699 1.22386 1.64085 1 1.91699 1Z" fill="currentColor"/>
-              <path fill-rule="evenodd" clip-rule="evenodd" d="M2.91699 5C2.91699 4.17157 3.58857 3.5 4.41699 3.5H9.41699C10.2454 3.5 10.917 4.17157 10.917 5V6C10.917 6.82843 10.2454 7.5 9.41699 7.5H4.41699C3.58857 7.5 2.91699 6.82843 2.91699 6V5ZM4.41699 4.5C4.14085 4.5 3.91699 4.72386 3.91699 5V6C3.91699 6.27614 4.14085 6.5 4.41699 6.5H9.41699C9.69314 6.5 9.91699 6.27614 9.91699 6V5C9.91699 4.72386 9.69314 4.5 9.41699 4.5H4.41699Z" fill="currentColor"/>
-              <path fill-rule="evenodd" clip-rule="evenodd" d="M4.41699 8.5C3.58857 8.5 2.91699 9.17157 2.91699 10V11C2.91699 11.8284 3.58857 12.5 4.41699 12.5H12.417C13.2454 12.5 13.917 11.8284 13.917 11V10C13.917 9.17157 13.2454 8.5 12.417 8.5H4.41699ZM3.91699 10C3.91699 9.72386 4.14085 9.5 4.41699 9.5H12.417C12.6931 9.5 12.917 9.72386 12.917 10V11C12.917 11.2761 12.6931 11.5 12.417 11.5H4.41699C4.14085 11.5 3.91699 11.2761 3.91699 11V10Z" fill="currentColor"/>
-              </svg>
-              `
-                        },
-                        {
-                            label: 'Center',
-                            value: 'center',
-                            icon: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path fill-rule="evenodd" clip-rule="evenodd" d="M8 1C8.27614 1 8.5 1.22386 8.5 1.5V3.5H10.5C11.3284 3.5 12 4.17157 12 5V6C12 6.82843 11.3284 7.5 10.5 7.5H8.5V8.5H12C12.8284 8.5 13.5 9.17157 13.5 10V11C13.5 11.8284 12.8284 12.5 12 12.5H8.5V14.5C8.5 14.7761 8.27614 15 8 15C7.72386 15 7.5 14.7761 7.5 14.5V12.5H4C3.17157 12.5 2.5 11.8284 2.5 11V10C2.5 9.17157 3.17157 8.5 4 8.5H7.5V7.5H5.5C4.67157 7.5 4 6.82843 4 6V5C4 4.17157 4.67157 3.5 5.5 3.5H7.5V1.5C7.5 1.22386 7.72386 1 8 1ZM12 11.5C12.2761 11.5 12.5 11.2761 12.5 11V10C12.5 9.72386 12.2761 9.5 12 9.5H4C3.72386 9.5 3.5 9.72386 3.5 10V11C3.5 11.2761 3.72386 11.5 4 11.5H12ZM10.5 6.5H5.5C5.22386 6.5 5 6.27614 5 6V5C5 4.72386 5.22386 4.5 5.5 4.5H10.5C10.7761 4.5 11 4.72386 11 5V6C11 6.27614 10.7761 6.5 10.5 6.5Z" fill="currentColor"/>
-              </svg>
-              `
-                        },
-                        {
-                            label: 'End',
-                            value: 'end',
-                            icon: `<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M14.084 15C14.3601 15 14.584 14.7761 14.584 14.5L14.584 1.5C14.584 1.22386 14.3601 1 14.084 1C13.8078 1 13.584 1.22386 13.584 1.5L13.584 14.5C13.584 14.7761 13.8078 15 14.084 15Z" fill="currentColor"/>
-              <path fill-rule="evenodd" clip-rule="evenodd" d="M5.08398 6C5.08398 6.82843 5.75556 7.5 6.58398 7.5H11.584C12.4124 7.5 13.084 6.82843 13.084 6V5C13.084 4.17157 12.4124 3.5 11.584 3.5L6.58398 3.5C5.75556 3.5 5.08398 4.17157 5.08398 5V6ZM6.58398 6.5C6.30784 6.5 6.08398 6.27614 6.08398 6V5C6.08398 4.72386 6.30784 4.5 6.58398 4.5L11.584 4.5C11.8601 4.5 12.084 4.72386 12.084 5V6C12.084 6.27614 11.8601 6.5 11.584 6.5H6.58398Z" fill="currentColor"/>
-              <path fill-rule="evenodd" clip-rule="evenodd" d="M3.58398 12.5C2.75556 12.5 2.08398 11.8284 2.08398 11L2.08398 10C2.08398 9.17157 2.75556 8.5 3.58398 8.5H11.584C12.4124 8.5 13.084 9.17157 13.084 10V11C13.084 11.8284 12.4124 12.5 11.584 12.5L3.58398 12.5ZM3.08398 11C3.08398 11.2761 3.30784 11.5 3.58398 11.5L11.584 11.5C11.8601 11.5 12.084 11.2761 12.084 11V10C12.084 9.72386 11.8601 9.5 11.584 9.5L3.58398 9.5C3.30784 9.5 3.08398 9.72386 3.08398 10L3.08398 11Z" fill="currentColor"/>
-              </svg>
-              `
-                        }
-                    ],
-                    devices: {
-                        desktop: {
-                            default: 'start'
-                        }
-                    }
-                },
-                {
-                    id: 'verticalAlign',
-                    type: 'segment',
-                    options: [
-                        {
-                            label: 'Start',
-                            value: 'start',
-                            icon: `<svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="20"
-                height="20"
-                viewBox="0 0 20 20"
-                fill="none"
-              >
-                <path
-                  d="M18.75 2.8125C18.75 3.15768 18.4702 3.4375 18.125 3.4375L1.875 3.4375C1.52982 3.4375 1.25 3.15768 1.25 2.8125C1.25 2.46732 1.52982 2.1875 1.875 2.1875L18.125 2.1875C18.4702 2.1875 18.75 2.46732 18.75 2.8125Z"
-                  fill="currentColor"
-                />
-                <path
-                  fill-rule="evenodd"
-                  clip-rule="evenodd"
-                  d="M13.75 4.0625C14.7855 4.0625 15.625 4.90197 15.625 5.9375L15.625 12.1875C15.625 13.223 14.7855 14.0625 13.75 14.0625L12.5 14.0625C11.4645 14.0625 10.625 13.223 10.625 12.1875L10.625 5.9375C10.625 4.90197 11.4645 4.0625 12.5 4.0625L13.75 4.0625ZM14.375 5.9375C14.375 5.59232 14.0952 5.3125 13.75 5.3125L12.5 5.3125C12.1548 5.3125 11.875 5.59232 11.875 5.9375L11.875 12.1875C11.875 12.5327 12.1548 12.8125 12.5 12.8125L13.75 12.8125C14.0952 12.8125 14.375 12.5327 14.375 12.1875L14.375 5.9375Z"
-                  fill="currentColor"
-                />
-                <path
-                  fill-rule="evenodd"
-                  clip-rule="evenodd"
-                  d="M9.375 5.9375C9.375 4.90197 8.53553 4.0625 7.5 4.0625L6.25 4.0625C5.21447 4.0625 4.375 4.90197 4.375 5.9375L4.375 15.9375C4.375 16.973 5.21447 17.8125 6.25 17.8125L7.5 17.8125C8.53553 17.8125 9.375 16.973 9.375 15.9375L9.375 5.9375ZM7.5 5.3125C7.84518 5.3125 8.125 5.59232 8.125 5.9375L8.125 15.9375C8.125 16.2827 7.84518 16.5625 7.5 16.5625L6.25 16.5625C5.90482 16.5625 5.625 16.2827 5.625 15.9375L5.625 5.9375C5.625 5.59232 5.90482 5.3125 6.25 5.3125L7.5 5.3125Z"
-                  fill="currentColor"
-                />
-              </svg> `
-                        },
-                        {
-                            label: 'Center',
-                            value: 'center',
-                            icon: `<svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="20"
-                height="20"
-                viewBox="0 0 20 20"
-                fill="none"
-              >
-                <path
-                  fill-rule="evenodd"
-                  clip-rule="evenodd"
-                  d="M18.125 10.625C18.125 10.9702 17.8652 11.25 17.5446 11.25L15.2232 11.25L15.2232 13.75C15.2232 14.7855 14.4437 15.625 13.4821 15.625L12.3214 15.625C11.3599 15.625 10.5804 14.7855 10.5804 13.75L10.5804 11.25L9.41964 11.25L9.41964 15.625C9.41964 16.6605 8.64014 17.5 7.67857 17.5L6.51786 17.5C5.55629 17.5 4.77679 16.6605 4.77679 15.625L4.77679 11.25L2.45536 11.25C2.13484 11.25 1.875 10.9702 1.875 10.625C1.875 10.2798 2.13484 10 2.45536 10L4.77679 10L4.77679 5.625C4.77679 4.58947 5.55629 3.75 6.51786 3.75L7.67857 3.75C8.64014 3.75 9.41964 4.58947 9.41964 5.625L9.41964 10L10.5804 10L10.5804 7.5C10.5804 6.46447 11.3599 5.625 12.3214 5.625L13.4821 5.625C14.4437 5.625 15.2232 6.46447 15.2232 7.5L15.2232 10L17.5446 10C17.8652 10 18.125 10.2798 18.125 10.625ZM5.9375 15.625C5.9375 15.9702 6.19734 16.25 6.51786 16.25L7.67857 16.25C7.99909 16.25 8.25893 15.9702 8.25893 15.625L8.25893 5.625C8.25893 5.27982 7.99909 5 7.67857 5L6.51786 5C6.19734 5 5.9375 5.27982 5.9375 5.625L5.9375 15.625ZM11.7411 13.75L11.7411 7.5C11.7411 7.15482 12.0009 6.875 12.3214 6.875L13.4821 6.875C13.8027 6.875 14.0625 7.15482 14.0625 7.5L14.0625 13.75C14.0625 14.0952 13.8027 14.375 13.4821 14.375L12.3214 14.375C12.0009 14.375 11.7411 14.0952 11.7411 13.75Z"
-                  fill="currentColor"
-                />
-              </svg> `
-                        },
-                        {
-                            label: 'End',
-                            value: 'end',
-                            icon: `<svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="20"
-                height="20"
-                viewBox="0 0 20 20"
-                fill="none"
-              >
-                <path
-                  d="M1.25 17.8125C1.25 17.4673 1.52982 17.1875 1.875 17.1875L18.125 17.1875C18.4702 17.1875 18.75 17.4673 18.75 17.8125C18.75 18.1577 18.4702 18.4375 18.125 18.4375L1.875 18.4375C1.52982 18.4375 1.25 18.1577 1.25 17.8125Z"
-                  fill="currentColor"
-                />
-                <path
-                  fill-rule="evenodd"
-                  clip-rule="evenodd"
-                  d="M6.25 16.5625C5.21447 16.5625 4.375 15.723 4.375 14.6875L4.375 8.4375C4.375 7.40196 5.21447 6.5625 6.25 6.5625L7.5 6.5625C8.53553 6.5625 9.375 7.40197 9.375 8.4375L9.375 14.6875C9.375 15.723 8.53553 16.5625 7.5 16.5625L6.25 16.5625ZM5.625 14.6875C5.625 15.0327 5.90482 15.3125 6.25 15.3125L7.5 15.3125C7.84518 15.3125 8.125 15.0327 8.125 14.6875L8.125 8.4375C8.125 8.09232 7.84518 7.8125 7.5 7.8125L6.25 7.8125C5.90482 7.8125 5.625 8.09232 5.625 8.4375L5.625 14.6875Z"
-                  fill="currentColor"
-                />
-                <path
-                  fill-rule="evenodd"
-                  clip-rule="evenodd"
-                  d="M10.625 14.6875C10.625 15.723 11.4645 16.5625 12.5 16.5625L13.75 16.5625C14.7855 16.5625 15.625 15.723 15.625 14.6875L15.625 4.6875C15.625 3.65196 14.7855 2.8125 13.75 2.8125L12.5 2.8125C11.4645 2.8125 10.625 3.65197 10.625 4.6875L10.625 14.6875ZM12.5 15.3125C12.1548 15.3125 11.875 15.0327 11.875 14.6875L11.875 4.6875C11.875 4.34232 12.1548 4.0625 12.5 4.0625L13.75 4.0625C14.0952 4.0625 14.375 4.34232 14.375 4.6875L14.375 14.6875C14.375 15.0327 14.0952 15.3125 13.75 15.3125L12.5 15.3125Z"
-                  fill="currentColor"
-                />
-              </svg> `
-                        },
-                        {
-                            label: 'Between',
-                            value: 'space-between',
-                            icon: `<svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="20"
-                height="20"
-                viewBox="0 0 20 20"
-                fill="none"
-              >
-                <path
-                  d="M1.87891 1.22485C1.53373 1.22485 1.25391 1.50468 1.25391 1.84985C1.25391 2.19503 1.53373 2.47485 1.87891 2.47485L18.1298 2.47485C18.475 2.47485 18.7548 2.19503 18.7548 1.84985C18.7548 1.50468 18.475 1.22485 18.1298 1.22485H1.87891Z"
-                  fill="currentColor"
-                />
-                <path
-                  d="M1.93433 17.5249C1.58915 17.5249 1.30933 17.8047 1.30933 18.1499C1.30933 18.4951 1.58915 18.7749 1.93433 18.7749L18.1852 18.7749C18.5304 18.7749 18.8102 18.4951 18.8102 18.1499C18.8102 17.8047 18.5304 17.5249 18.1852 17.5249L1.93433 17.5249Z"
-                  fill="currentColor"
-                />
-                <path
-                  fill-rule="evenodd"
-                  clip-rule="evenodd"
-                  d="M2.875 6.375C2.875 5.33947 3.71447 4.5 4.75 4.5H15.25C16.2855 4.5 17.125 5.33947 17.125 6.375V6.875C17.125 7.91053 16.2855 8.75 15.25 8.75H4.75C3.71447 8.75 2.875 7.91053 2.875 6.875V6.375ZM4.75 5.75C4.40482 5.75 4.125 6.02982 4.125 6.375V6.875C4.125 7.22018 4.40482 7.5 4.75 7.5H15.25C15.5952 7.5 15.875 7.22018 15.875 6.875V6.375C15.875 6.02982 15.5952 5.75 15.25 5.75H4.75Z"
-                  fill="currentColor"
-                />
-                <path
-                  fill-rule="evenodd"
-                  clip-rule="evenodd"
-                  d="M4.75 11.25C3.71447 11.25 2.875 12.0895 2.875 13.125V13.625C2.875 14.6605 3.71447 15.5 4.75 15.5H15.25C16.2855 15.5 17.125 14.6605 17.125 13.625V13.125C17.125 12.0895 16.2855 11.25 15.25 11.25H4.75ZM4.125 13.125C4.125 12.7798 4.40482 12.5 4.75 12.5H15.25C15.5952 12.5 15.875 12.7798 15.875 13.125V13.625C15.875 13.9702 15.5952 14.25 15.25 14.25H4.75C4.40482 14.25 4.125 13.9702 4.125 13.625V13.125Z"
-                  fill="currentColor"
-                />
-              </svg> `
-                        }
-                    ],
-                    devices: {
-                        desktop: {
-                            default: 'center'
-                        }
-                    }
-                },
-                {
-                    id: 'preload',
-                    type: 'toggle',
-                    label: 'Preload',
-                    default: false
-                },
-                {
-                    id: 'isGoToSalesPage',
-                    type: 'toggle',
-                    label: 'Go to Sales page',
-                    default: false
-                },
-                {
-                    id: 'linkedToPreSalesPageBanner',
-                    type: 'banner-pre-sales-page',
-                    default: false
-                },
-                {
-                    id: 'link',
-                    type: 'pick-link',
-                    label: 'Hero Link',
-                    default: {
-                        link: '',
-                        target: '_self'
-                    },
-                    pickLinkLabel: 'URL source'
-                },
-                {
-                    id: 'enableParallax',
-                    type: 'toggle',
-                    default: false
-                },
-                {
-                    id: 'speedParallax',
-                    type: 'range',
-                    label: 'Speed',
-                    useOnlyUnitInit: true,
-                    hideUnit: true,
-                    min: 0,
-                    max: 1,
-                    step: 0.1,
-                    default: 0.6,
-                    ignoreMax: true
-                },
-                {
-                    id: 'alignBanner',
-                    type: 'segment',
-                    options: [
-                        {
-                            label: 'Left',
-                            value: 'left',
-                            icon: `<svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="21"
-                height="20"
-                viewBox="0 0 21 20"
-                fill="none"
-              >
-                <path
-                  d="M3.47916 1.25C3.82434 1.25 4.10416 1.52982 4.10416 1.875L4.10416 18.125C4.10416 18.4702 3.82434 18.75 3.47916 18.75C3.13399 18.75 2.85416 18.4702 2.85416 18.125L2.85416 1.875C2.85416 1.52982 3.13399 1.25 3.47916 1.25Z"
-                  fill="currentColor"
-                />
-                <path
-                  fill-rule="evenodd"
-                  clip-rule="evenodd"
-                  d="M4.72916 6.25C4.72916 5.21447 5.56863 4.375 6.60416 4.375H12.8542C13.8897 4.375 14.7292 5.21447 14.7292 6.25V7.5C14.7292 8.53553 13.8897 9.375 12.8542 9.375H6.60416C5.56863 9.375 4.72916 8.53553 4.72916 7.5V6.25ZM6.60416 5.625C6.25899 5.625 5.97916 5.90482 5.97916 6.25V7.5C5.97916 7.84518 6.25899 8.125 6.60416 8.125H12.8542C13.1993 8.125 13.4792 7.84518 13.4792 7.5V6.25C13.4792 5.90482 13.1993 5.625 12.8542 5.625H6.60416Z"
-                  fill="currentColor"
-                />
-                <path
-                  fill-rule="evenodd"
-                  clip-rule="evenodd"
-                  d="M6.60416 10.625C5.56863 10.625 4.72916 11.4645 4.72916 12.5V13.75C4.72916 14.7855 5.56863 15.625 6.60416 15.625H16.6042C17.6397 15.625 18.4792 14.7855 18.4792 13.75V12.5C18.4792 11.4645 17.6397 10.625 16.6042 10.625H6.60416ZM5.97916 12.5C5.97916 12.1548 6.25899 11.875 6.60416 11.875H16.6042C16.9493 11.875 17.2292 12.1548 17.2292 12.5V13.75C17.2292 14.0952 16.9493 14.375 16.6042 14.375H6.60416C6.25899 14.375 5.97916 14.0952 5.97916 13.75V12.5Z"
-                  fill="currentColor"
-                />
-              </svg> `,
-                            tooltip: 'Align left'
-                        },
-                        {
-                            label: 'Center',
-                            value: 'center',
-                            icon: `<svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="20"
-                height="20"
-                viewBox="0 0 20 20"
-                fill="none"
-              >
-                <path
-                  fill-rule="evenodd"
-                  clip-rule="evenodd"
-                  d="M10 1.25C10.3452 1.25 10.625 1.52982 10.625 1.875V4.375H13.125C14.1605 4.375 15 5.21447 15 6.25V7.5C15 8.53553 14.1605 9.375 13.125 9.375H10.625V10.625H15C16.0355 10.625 16.875 11.4645 16.875 12.5V13.75C16.875 14.7855 16.0355 15.625 15 15.625H10.625V18.125C10.625 18.4702 10.3452 18.75 10 18.75C9.65482 18.75 9.375 18.4702 9.375 18.125V15.625H5C3.96447 15.625 3.125 14.7855 3.125 13.75V12.5C3.125 11.4645 3.96447 10.625 5 10.625H9.375V9.375H6.875C5.83947 9.375 5 8.53553 5 7.5V6.25C5 5.21447 5.83947 4.375 6.875 4.375H9.375V1.875C9.375 1.52982 9.65482 1.25 10 1.25ZM15 14.375C15.3452 14.375 15.625 14.0952 15.625 13.75V12.5C15.625 12.1548 15.3452 11.875 15 11.875H5C4.65482 11.875 4.375 12.1548 4.375 12.5V13.75C4.375 14.0952 4.65482 14.375 5 14.375H15ZM13.125 8.125H6.875C6.52982 8.125 6.25 7.84518 6.25 7.5V6.25C6.25 5.90482 6.52982 5.625 6.875 5.625H13.125C13.4702 5.625 13.75 5.90482 13.75 6.25V7.5C13.75 7.84518 13.4702 8.125 13.125 8.125Z"
-                  fill="currentColor"
-                />
-              </svg> `,
-                            tooltip: 'Align center'
-                        },
-                        {
-                            label: 'Right',
-                            value: 'right',
-                            icon: `<svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="21"
-                height="20"
-                viewBox="0 0 21 20"
-                fill="none"
-              >
-                <path
-                  d="M17.5208 18.75C17.866 18.75 18.1458 18.4702 18.1458 18.125V1.875C18.1458 1.52982 17.866 1.25 17.5208 1.25C17.1757 1.25 16.8958 1.52982 16.8958 1.875V18.125C16.8958 18.4702 17.1757 18.75 17.5208 18.75Z"
-                  fill="currentColor"
-                />
-                <path
-                  fill-rule="evenodd"
-                  clip-rule="evenodd"
-                  d="M6.27084 7.5C6.27084 8.53553 7.11031 9.375 8.14584 9.375H14.3958C15.4314 9.375 16.2708 8.53553 16.2708 7.5V6.25C16.2708 5.21447 15.4314 4.375 14.3958 4.375H8.14584C7.11031 4.375 6.27084 5.21447 6.27084 6.25V7.5ZM8.14584 8.125C7.80066 8.125 7.52084 7.84518 7.52084 7.5V6.25C7.52084 5.90482 7.80066 5.625 8.14584 5.625H14.3958C14.741 5.625 15.0208 5.90482 15.0208 6.25V7.5C15.0208 7.84518 14.741 8.125 14.3958 8.125H8.14584Z"
-                  fill="currentColor"
-                />
-                <path
-                  fill-rule="evenodd"
-                  clip-rule="evenodd"
-                  d="M4.39584 15.625C3.36031 15.625 2.52084 14.7855 2.52084 13.75V12.5C2.52084 11.4645 3.36031 10.625 4.39584 10.625H14.3958C15.4314 10.625 16.2708 11.4645 16.2708 12.5V13.75C16.2708 14.7855 15.4314 15.625 14.3958 15.625H4.39584ZM3.77084 13.75C3.77084 14.0952 4.05066 14.375 4.39584 14.375H14.3958C14.741 14.375 15.0208 14.0952 15.0208 13.75V12.5C15.0208 12.1548 14.741 11.875 14.3958 11.875H4.39584C4.05066 11.875 3.77084 12.1548 3.77084 12.5V13.75Z"
-                  fill="currentColor"
-                />
-              </svg> `,
-                            tooltip: 'Align right'
-                        }
-                    ],
-                    devices: {
-                        desktop: {
-                            default: 'center'
-                        }
-                    }
-                },
-                {
-                    id: 'seo',
-                    type: 'group',
-                    label: 'SEO',
-                    controls: [
-                        {
-                            id: 'alt',
-                            label: 'Alt Text',
-                            type: 'textarea',
-                            minHeight: 100,
-                            autoHeight: true,
-                            placeholder: 'E.g: Classic white crewneck t-shirt with minimalist logo design, casual and versatile style'
-                        },
-                        {
-                            id: 'title',
-                            label: 'Image title',
-                            info: 'Show title when hover to image',
-                            type: 'input',
-                            placeholder: 'E.g: White t-shirt'
-                        }
-                    ]
-                },
-                {
-                    id: 'ratioOptions',
-                    type: 'ratio',
-                    min: 1,
-                    useUnit: false,
-                    useLink: false,
-                    devices: {
-                        desktop: {
-                            default: {
-                                width: '16',
-                                height: '9'
-                            }
-                        }
-                    }
-                },
-                {
-                    id: 'aspectRatio',
-                    type: 'select',
-                    label: 'Ratio',
-                    options: [
-                        {
-                            label: 'Original',
-                            value: 'auto'
-                        },
-                        {
-                            label: 'Square',
-                            value: '1/1'
-                        },
-                        {
-                            label: '3:2',
-                            value: '3/2'
-                        },
-                        {
-                            label: '4:3',
-                            value: '4/3'
-                        },
-                        {
-                            label: '16:9',
-                            value: '16/9'
-                        },
-                        {
-                            label: '21:9',
-                            value: '21/9'
-                        },
-                        {
-                            label: '2:3',
-                            value: '2/3'
-                        },
-                        {
-                            label: '3:4',
-                            value: '3/4'
-                        },
-                        {
-                            label: '9:16',
-                            value: '9/16'
-                        },
-                        {
-                            label: 'Cover',
-                            value: 'cover'
-                        },
-                        {
-                            label: 'Custom',
-                            value: 'custom'
-                        }
-                    ],
-                    devices: {
-                        desktop: {
-                            default: '16/9'
-                        },
-                        mobile: {
-                            default: 'auto'
-                        }
-                    }
-                }
-            ]
-        },
-        {
-            id: 'style',
-            controls: [
-                {
-                    id: 'sizeSetting',
-                    type: 'size-setting',
-                    label: '',
-                    devices: {
-                        desktop: {
-                            default: {
-                                shape: 'original',
-                                widthHeightLinked: false,
-                                width: '100%'
-                            }
-                        },
-                        mobile: {
-                            default: {
-                                shape: 'custom',
-                                height: '500px',
-                                width: '100%'
-                            }
-                        }
-                    },
-                    settingConfig: {
-                        width: {
-                            displayOptions: [
-                                'full',
-                                'default'
-                            ],
-                            name: 'Banner width'
-                        },
-                        height: {
-                            displayOptions: [
-                                'fit-content',
-                                'fit-screen'
-                            ],
-                            name: 'Banner height'
-                        },
-                        shape: {
-                            displayOptions: [
-                                'original',
-                                'custom'
-                            ],
-                            name: 'Banner ratio',
-                            shapeTitleConfig: {
-                                original: 'As banner source'
-                            }
-                        }
-                    },
-                    hiddenSettings: [
-                        'padding',
-                        'gap'
-                    ]
-                },
-                {
-                    id: 'background',
-                    type: 'background',
-                    label: 'Background Color & Image',
-                    showVideo: true,
-                    devices: {
-                        desktop: {
-                            default: {
-                                type: 'image',
-                                color: 'bg-2',
-                                image: {
-                                    src: 'https://ucarecdn.com/159f5369-05c4-4954-b379-3b3b8f1431f1/-/format/auto/-/preview/3000x3000/-/quality/lighter/Source%20background%20image.jpg',
-                                    width: 1920,
-                                    height: 900
-                                },
-                                size: 'cover',
-                                position: {
-                                    x: 50,
-                                    y: 50
-                                },
-                                repeat: 'no-repeat',
-                                attachment: 'scroll',
-                                video: 'https://www.youtube.com/watch?v=cyzh48XRS4M',
-                                videoHtml5: 'https://media.w3.org/2010/05/sintel/trailer.mp4',
-                                videoType: 'youtube',
-                                loop: true,
-                                lazyLoad: false
-                            }
-                        }
-                    }
-                },
-                {
-                    id: 'hoverEffect',
-                    type: 'toggle',
-                    default: false
-                },
-                {
-                    id: 'hoverEffectScale',
-                    type: 'range',
-                    label: 'Zoom Value',
-                    units: [
-                        '%'
-                    ],
-                    min: 100,
-                    max: 200,
-                    step: 5,
-                    default: '110%'
-                },
-                {
-                    id: 'hoverEffectDuration',
-                    label: 'Zoom Time',
-                    type: 'input:unit',
-                    units: [
-                        's'
-                    ],
-                    min: 0,
-                    default: 0.5,
-                    useOnlyUnitInit: true
-                },
-                {
-                    id: 'height',
-                    label: 'Height',
-                    type: 'input:unit',
-                    units: [
-                        'px'
-                    ],
-                    placeholder: 'Auto',
-                    devices: {
-                        desktop: {
-                            default: undefined
-                        }
-                    },
-                    info: 'Full Width: To set Hero Banner full width, first you drag & drop a Section element from left sidebar, then make it full-width, after that you put your Hero Banner inside Section you have created.'
-                },
-                {
-                    id: 'contentPosition1Col',
-                    label: 'Content Position',
-                    type: 'segment',
-                    options: [
-                        {
-                            label: 'Top',
-                            value: 'top',
-                            type: 'align-v',
-                            icon: `<svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="20"
-                height="20"
-                viewBox="0 0 20 20"
-                fill="none"
-              >
-                <path
-                  fill-rule="evenodd"
-                  clip-rule="evenodd"
-                  d="M1.87891 1.22461C1.53373 1.22461 1.25391 1.50443 1.25391 1.84961C1.25391 2.19479 1.53373 2.47461 1.87891 2.47461L5.48609 2.47461C5.41699 2.6701 5.37939 2.88046 5.37939 3.09961V10.5996C5.37939 11.6351 6.21886 12.4746 7.25439 12.4746H12.7544C13.7899 12.4746 14.6294 11.6351 14.6294 10.5996V3.09961C14.6294 2.88046 14.5918 2.6701 14.5227 2.47461L18.1298 2.47461C18.475 2.47461 18.7548 2.19479 18.7548 1.84961C18.7548 1.50443 18.475 1.22461 18.1298 1.22461H12.7544H7.25439H1.87891ZM12.7554 2.47461C12.7551 2.47461 12.7547 2.47461 12.7544 2.47461H7.25439C7.25416 2.47461 7.25392 2.47461 7.25368 2.47461C6.90883 2.47499 6.62939 2.75467 6.62939 3.09961V10.5996C6.62939 10.9448 6.90922 11.2246 7.25439 11.2246H12.7544C13.0996 11.2246 13.3794 10.9448 13.3794 10.5996V3.09961C13.3794 2.75477 13.1001 2.47516 12.7554 2.47461Z"
-                  fill="currentColor"
-                />
-              </svg>`
-                        },
-                        {
-                            label: 'Center',
-                            value: 'center',
-                            type: 'align-v',
-                            icon: `<svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="20"
-                height="20"
-                viewBox="0 0 20 20"
-                fill="none"
-              >
-                <path
-                  fill-rule="evenodd"
-                  clip-rule="evenodd"
-                  d="M7.39221 4.375C6.35668 4.375 5.51721 5.21447 5.51721 6.25V9.375H1.93359C1.58842 9.375 1.30859 9.65482 1.30859 10C1.30859 10.3452 1.58842 10.625 1.93359 10.625H5.51721V13.75C5.51721 14.7855 6.35668 15.625 7.39221 15.625H12.8922C13.9277 15.625 14.7672 14.7855 14.7672 13.75V10.625H18.3026C18.6477 10.625 18.9276 10.3452 18.9276 10C18.9276 9.65482 18.6477 9.375 18.3026 9.375H14.7672V6.25C14.7672 5.21447 13.9277 4.375 12.8922 4.375H7.39221ZM6.76721 6.25C6.76721 5.90482 7.04703 5.625 7.39221 5.625H12.8922C13.2374 5.625 13.5172 5.90482 13.5172 6.25V13.75C13.5172 14.0952 13.2374 14.375 12.8922 14.375H7.39221C7.04703 14.375 6.76721 14.0952 6.76721 13.75V6.25Z"
-                  fill="currentColor"
-                />
-              </svg>`
-                        },
-                        {
-                            label: 'Bottom',
-                            value: 'bottom',
-                            type: 'align-v',
-                            icon: `<svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="20"
-                height="20"
-                viewBox="0 0 20 20"
-                fill="none"
-              >
-                <path
-                  fill-rule="evenodd"
-                  clip-rule="evenodd"
-                  d="M7.30902 7.52441C6.27349 7.52441 5.43402 8.36388 5.43402 9.39941V16.8994C5.43402 17.1186 5.47162 17.3289 5.54071 17.5244H1.93359C1.58842 17.5244 1.30859 17.8042 1.30859 18.1494C1.30859 18.4946 1.58842 18.7744 1.93359 18.7744H7.30902H12.809L18.1845 18.7744C18.5297 18.7744 18.8095 18.4946 18.8095 18.1494C18.8095 17.8042 18.5297 17.5244 18.1845 17.5244H14.5773C14.6464 17.3289 14.684 17.1186 14.684 16.8994V9.39941C14.684 8.36388 13.8446 7.52441 12.809 7.52441H7.30902ZM12.809 17.5244C13.1542 17.5244 13.434 17.2446 13.434 16.8994V9.39941C13.434 9.05424 13.1542 8.77441 12.809 8.77441H7.30902C6.96384 8.77441 6.68402 9.05424 6.68402 9.39941V16.8994C6.68402 17.2446 6.96384 17.5244 7.30902 17.5244H12.809Z"
-                  fill="currentColor"
-                />
-              </svg>`
-                        },
-                        {
-                            label: 'Space between',
-                            value: 'space-between',
-                            icon: ` <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="20"
-                height="20"
-                viewBox="0 0 20 20"
-                fill="none"
-              >
-                <path
-                  fill-rule="evenodd"
-                  clip-rule="evenodd"
-                  d="M1.25391 1.84961C1.25391 1.50443 1.53373 1.22461 1.87891 1.22461H18.1298C18.475 1.22461 18.7548 1.50443 18.7548 1.84961C18.7548 2.19479 18.475 2.47461 18.1298 2.47461L1.87891 2.47461C1.53373 2.47461 1.25391 2.19479 1.25391 1.84961ZM1.30933 18.1497C1.30933 17.8045 1.58915 17.5247 1.93433 17.5247L18.1852 17.5247C18.5304 17.5247 18.8102 17.8045 18.8102 18.1497C18.8102 18.4948 18.5304 18.7747 18.1852 18.7747L1.93433 18.7747C1.58915 18.7747 1.30933 18.4948 1.30933 18.1497ZM7.28207 4.375C6.24654 4.375 5.40707 5.21447 5.40707 6.25V13.75C5.40707 14.7855 6.24654 15.625 7.28207 15.625H12.7821C13.8176 15.625 14.6571 14.7855 14.6571 13.75V6.25C14.6571 5.21447 13.8176 4.375 12.7821 4.375H7.28207ZM6.65707 6.25C6.65707 5.90482 6.9369 5.625 7.28207 5.625H12.7821C13.1273 5.625 13.4071 5.90482 13.4071 6.25V13.75C13.4071 14.0952 13.1273 14.375 12.7821 14.375H7.28207C6.9369 14.375 6.65707 14.0952 6.65707 13.75V6.25Z"
-                  fill="currentColor"
-                />
-              </svg>`,
-                            type: 'align-v'
-                        }
-                    ],
-                    devices: {
-                        desktop: {
-                            default: 'center'
-                        }
-                    }
-                },
-                {
-                    id: 'contentPosition2Col',
-                    label: 'Content Position',
-                    type: 'segment',
-                    options: [
-                        {
-                            label: 'Top',
-                            value: 'top',
-                            type: 'align-v',
-                            icon: `<svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="20"
-                height="20"
-                viewBox="0 0 20 20"
-                fill="none"
-              >
-                <path
-                  fill-rule="evenodd"
-                  clip-rule="evenodd"
-                  d="M1.87891 1.22461C1.53373 1.22461 1.25391 1.50443 1.25391 1.84961C1.25391 2.19479 1.53373 2.47461 1.87891 2.47461L5.48609 2.47461C5.41699 2.6701 5.37939 2.88046 5.37939 3.09961V10.5996C5.37939 11.6351 6.21886 12.4746 7.25439 12.4746H12.7544C13.7899 12.4746 14.6294 11.6351 14.6294 10.5996V3.09961C14.6294 2.88046 14.5918 2.6701 14.5227 2.47461L18.1298 2.47461C18.475 2.47461 18.7548 2.19479 18.7548 1.84961C18.7548 1.50443 18.475 1.22461 18.1298 1.22461H12.7544H7.25439H1.87891ZM12.7554 2.47461C12.7551 2.47461 12.7547 2.47461 12.7544 2.47461H7.25439C7.25416 2.47461 7.25392 2.47461 7.25368 2.47461C6.90883 2.47499 6.62939 2.75467 6.62939 3.09961V10.5996C6.62939 10.9448 6.90922 11.2246 7.25439 11.2246H12.7544C13.0996 11.2246 13.3794 10.9448 13.3794 10.5996V3.09961C13.3794 2.75477 13.1001 2.47516 12.7554 2.47461Z"
-                  fill="currentColor"
-                />
-              </svg>`
-                        },
-                        {
-                            label: 'Center',
-                            value: 'center',
-                            type: 'align-v',
-                            icon: `<svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="20"
-                height="20"
-                viewBox="0 0 20 20"
-                fill="none"
-              >
-                <path
-                  fill-rule="evenodd"
-                  clip-rule="evenodd"
-                  d="M7.39221 4.375C6.35668 4.375 5.51721 5.21447 5.51721 6.25V9.375H1.93359C1.58842 9.375 1.30859 9.65482 1.30859 10C1.30859 10.3452 1.58842 10.625 1.93359 10.625H5.51721V13.75C5.51721 14.7855 6.35668 15.625 7.39221 15.625H12.8922C13.9277 15.625 14.7672 14.7855 14.7672 13.75V10.625H18.3026C18.6477 10.625 18.9276 10.3452 18.9276 10C18.9276 9.65482 18.6477 9.375 18.3026 9.375H14.7672V6.25C14.7672 5.21447 13.9277 4.375 12.8922 4.375H7.39221ZM6.76721 6.25C6.76721 5.90482 7.04703 5.625 7.39221 5.625H12.8922C13.2374 5.625 13.5172 5.90482 13.5172 6.25V13.75C13.5172 14.0952 13.2374 14.375 12.8922 14.375H7.39221C7.04703 14.375 6.76721 14.0952 6.76721 13.75V6.25Z"
-                  fill="currentColor"
-                />
-              </svg>`
-                        },
-                        {
-                            label: 'Bottom',
-                            value: 'bottom',
-                            type: 'align-v',
-                            icon: `<svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="20"
-                height="20"
-                viewBox="0 0 20 20"
-                fill="none"
-              >
-                <path
-                  fill-rule="evenodd"
-                  clip-rule="evenodd"
-                  d="M7.30902 7.52441C6.27349 7.52441 5.43402 8.36388 5.43402 9.39941V16.8994C5.43402 17.1186 5.47162 17.3289 5.54071 17.5244H1.93359C1.58842 17.5244 1.30859 17.8042 1.30859 18.1494C1.30859 18.4946 1.58842 18.7744 1.93359 18.7744H7.30902H12.809L18.1845 18.7744C18.5297 18.7744 18.8095 18.4946 18.8095 18.1494C18.8095 17.8042 18.5297 17.5244 18.1845 17.5244H14.5773C14.6464 17.3289 14.684 17.1186 14.684 16.8994V9.39941C14.684 8.36388 13.8446 7.52441 12.809 7.52441H7.30902ZM12.809 17.5244C13.1542 17.5244 13.434 17.2446 13.434 16.8994V9.39941C13.434 9.05424 13.1542 8.77441 12.809 8.77441H7.30902C6.96384 8.77441 6.68402 9.05424 6.68402 9.39941V16.8994C6.68402 17.2446 6.96384 17.5244 7.30902 17.5244H12.809Z"
-                  fill="currentColor"
-                />
-              </svg>`
-                        }
-                    ],
-                    devices: {
-                        desktop: {
-                            default: 'center'
-                        }
-                    }
-                },
-                {
-                    id: 'wrapperWidth',
-                    type: 'input:unit-width',
-                    label: 'Width',
-                    placeholder: 'Auto',
-                    min: 0,
-                    units: [
-                        'px',
-                        '%'
-                    ],
-                    devices: {
-                        desktop: {
-                            default: undefined
-                        },
-                        tablet: {
-                            default: undefined
-                        },
-                        mobile: {
-                            default: undefined
-                        }
-                    }
-                },
-                {
-                    id: 'contentWidth',
-                    type: 'dropdown:input',
-                    label: 'Width',
-                    inputType: 'number',
-                    units: [
-                        'px',
-                        '%'
-                    ],
-                    hideUnit: false,
-                    devices: {
-                        desktop: {
-                            default: 'default'
-                        },
-                        tablet: {
-                            default: 'default'
-                        },
-                        mobile: {
-                            default: 'default'
-                        }
-                    },
-                    displayOptions: [
-                        {
-                            label: 'Full',
-                            value: '100%',
-                            showValue: true
-                        },
-                        {
-                            label: 'Default',
-                            value: 'default',
-                            showValue: true
-                        }
-                    ]
-                },
-                {
-                    id: 'verticalGutter',
-                    type: 'input:unit-spacing',
-                    units: [
-                        'px'
-                    ],
-                    min: 0,
-                    label: 'Spacing',
-                    devices: {
-                        desktop: {
-                            default: '32px'
-                        }
-                    }
-                },
-                {
-                    id: 'overlayEnable',
-                    type: 'toggle',
-                    default: false
-                },
-                {
-                    id: 'overlayOpacity',
-                    label: 'Opacity',
-                    type: 'range',
-                    min: 0,
-                    max: 100,
-                    units: [
-                        '%'
-                    ],
-                    step: 1,
-                    default: {
-                        normal: '0%',
-                        hover: '20%'
-                    },
-                    state: {
-                        normal: true,
-                        hover: true
-                    }
-                },
-                {
-                    id: 'overlayColor',
-                    label: 'Color',
-                    type: 'colorpicker',
-                    default: {
-                        normal: '#121212'
-                    },
-                    state: {
-                        normal: true,
-                        hover: true
-                    }
-                },
-                {
-                    id: 'borderBg',
-                    type: 'border',
-                    label: 'Border',
-                    default: {
-                        borderType: 'style-1',
-                        border: 'solid',
-                        width: '0px 0px 0px 0px',
-                        position: 'all',
-                        borderWidth: '0px',
-                        color: '#000000',
-                        isCustom: true
-                    }
-                },
-                {
-                    id: 'cornerBg',
-                    type: 'radius-preset',
-                    label: 'Corner',
-                    default: {
-                        radiusType: 'none'
-                    }
-                },
-                {
-                    id: 'hasActiveShadow',
-                    type: 'toggle',
-                    label: 'Enable Button Shadow',
-                    default: false
-                },
-                {
-                    id: 'shadowBg',
-                    type: 'boxShadow',
-                    label: 'Button Shadow',
-                    default: {
-                        type: 'shadow-1',
-                        distance: '4px',
-                        blur: '12px',
-                        spread: '0px',
-                        color: '#121212',
-                        angle: 90
-                    }
-                },
-                {
-                    id: 'contentPadding',
-                    type: 'size-setting',
-                    devices: {
-                        desktop: {
-                            default: {
-                                padding: {
-                                    type: 'custom',
-                                    top: '32px',
-                                    bottom: '32px',
-                                    left: '0px',
-                                    right: '0px'
-                                }
-                            }
-                        },
-                        tablet: {
-                            default: {
-                                padding: {
-                                    type: 'small',
-                                    top: '16px',
-                                    bottom: '16px',
-                                    left: '16px',
-                                    right: '16px'
-                                }
-                            }
-                        }
-                    },
-                    settingConfig: {
-                        padding: {
-                            name: 'Content padding',
-                            paddingConfig: {
-                                small: {
-                                    vertical: '16px',
-                                    horizontal: '16px'
-                                },
-                                medium: {
-                                    vertical: '32px',
-                                    horizontal: '32px'
-                                },
-                                large: {
-                                    vertical: '64px',
-                                    horizontal: '64px'
-                                }
-                            }
-                        }
-                    },
-                    hiddenSettings: [
-                        'shape',
-                        'gap',
-                        'width',
-                        'height'
-                    ],
-                    sizePaddingInput: 'small'
-                }
-            ]
-        }
-    ],
-    ui: [
-        {
-            type: 'group',
-            label: {
-                en: 'Layout'
-            },
-            setting: {
-                id: 'layoutBanner'
-            },
-            controls: [
-                {
-                    type: 'control',
-                    setting: {
-                        id: 'layout'
-                    }
-                },
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Arrange content'
-                    },
-                    setting: {
-                        id: 'contentPosition1Col'
-                    },
-                    condition: 'layout.cols.length <= 1  && layout.display === "fill"'
-                },
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Arrange content'
-                    },
-                    setting: {
-                        id: 'contentPosition2Col'
-                    },
-                    condition: 'layout.cols.length > 1 && layout.display === "fill"',
-                    controlChangeTrigger: {
-                        settings: [
-                            {
-                                condition: 'contentPosition2Col==="top"',
-                                source: [
-                                    'contentPosition2Col'
-                                ],
-                                action: {
-                                    controlId: 'verticalAlign',
-                                    newValue: 'start',
-                                    groupType: 'setting',
-                                    controlType: 'setting'
-                                }
-                            },
-                            {
-                                condition: 'contentPosition2Col==="center"',
-                                source: [
-                                    'contentPosition2Col'
-                                ],
-                                action: {
-                                    controlId: 'verticalAlign',
-                                    newValue: 'center',
-                                    groupType: 'setting',
-                                    controlType: 'setting'
-                                }
-                            },
-                            {
-                                condition: 'contentPosition2Col==="bottom"',
-                                source: [
-                                    'contentPosition2Col'
-                                ],
-                                action: {
-                                    controlId: 'verticalAlign',
-                                    newValue: 'end',
-                                    groupType: 'setting',
-                                    controlType: 'setting'
-                                }
-                            }
-                        ],
-                        options: {
-                            noRecordHistory: true
-                        }
-                    }
-                },
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Vertical align'
-                    },
-                    setting: {
-                        id: 'verticalAlign'
-                    },
-                    condition: 'layout.cols.length > 1',
-                    isMoreSetting: true
-                }
-            ],
-            layout: 'vertical'
-        },
-        {
-            type: 'group',
-            controls: [
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Banner source'
-                    },
-                    options: {
-                        label: 'large',
-                        styleLabel: {
-                            marginBottom: '4px'
-                        }
-                    },
-                    setting: {
-                        id: 'background'
-                    },
-                    layout: 'vertical',
-                    controlChangeTrigger: {
-                        settings: [
-                            {
-                                condition: '!background.image.src',
-                                source: [
-                                    'background'
-                                ],
-                                action: {
-                                    controlId: 'sizeSetting',
-                                    newValue: {
-                                        shapeLinked: false,
-                                        hiddenShape: true
-                                    },
-                                    valueIfNull: {
-                                        width: '100%',
-                                        height: 'fit-content',
-                                        hiddenShape: true
-                                    },
-                                    groupType: 'style',
-                                    controlType: 'size-setting'
-                                }
-                            },
-                            {
-                                condition: '!!background.image.src',
-                                source: [
-                                    'background'
-                                ],
-                                action: {
-                                    controlId: 'sizeSetting',
-                                    newValue: {
-                                        hiddenShape: false
-                                    },
-                                    valueIfNull: {
-                                        hiddenShape: false
-                                    },
-                                    groupType: 'style',
-                                    controlType: 'size-setting'
-                                }
-                            }
-                        ],
-                        options: {
-                            noRecordHistory: true
-                        }
-                    }
-                },
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Preload'
-                    },
-                    options: {
-                        info: 'near'
-                    },
-                    setting: {
-                        id: 'preload'
-                    },
-                    condition: 'background.type == "image"'
-                }
-            ]
-        },
-        {
-            type: 'group',
-            label: {
-                en: 'Link'
-            },
-            controls: [
-                {
-                    type: 'control',
-                    condition: 'pageType == "GP_PRE_SALE_PAGE"',
-                    setting: {
-                        id: 'linkedToPreSalesPageBanner'
-                    }
-                },
-                {
-                    type: 'control',
-                    condition: 'pageType == "GP_PRE_SALE_PAGE"',
-                    setting: {
-                        id: 'isGoToSalesPage'
-                    },
-                    label: {
-                        en: 'Go to Sales page'
-                    }
-                },
-                {
-                    type: 'control',
-                    condition: 'isGoToSalesPage === false || pageType != "GP_PRE_SALE_PAGE"',
-                    layout: 'vertical',
-                    setting: {
-                        id: 'link'
-                    }
-                }
-            ]
-        },
-        {
-            type: 'group',
-            label: {
-                en: 'Size'
-            },
-            controls: [
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Video Ratio'
-                    },
-                    setting: {
-                        id: 'aspectRatio'
-                    },
-                    condition: 'background.type == "video"'
-                },
-                {
-                    condition: "aspectRatio === 'custom'",
-                    type: 'control',
-                    setting: {
-                        id: 'ratioOptions'
-                    }
-                },
-                {
-                    type: 'control',
-                    setting: {
-                        id: 'sizeSetting'
-                    },
-                    layout: 'vertical'
-                },
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Content width'
-                    },
-                    setting: {
-                        id: 'contentWidth'
-                    }
-                },
-                {
-                    type: 'control',
-                    setting: {
-                        id: 'contentPadding'
-                    }
-                }
-            ]
-        },
-        {
-            type: 'group',
-            label: {
-                en: 'Shape'
-            },
-            controls: [
-                {
-                    type: 'control',
-                    options: {
-                        labelPosition: 'start'
-                    },
-                    label: {
-                        en: 'Border'
-                    },
-                    setting: {
-                        id: 'borderBg'
-                    }
-                },
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Corner'
-                    },
-                    setting: {
-                        id: 'cornerBg'
-                    }
-                },
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Shadow'
-                    },
-                    setting: {
-                        id: 'hasActiveShadow'
-                    }
-                },
-                {
-                    type: 'control',
-                    setting: {
-                        id: 'shadowBg'
-                    },
-                    layout: 'vertical',
-                    condition: 'hasActiveShadow === true'
-                }
-            ]
-        },
-        {
-            type: 'group',
-            controls: [
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Overlay'
-                    },
-                    setting: {
-                        id: 'overlayEnable'
-                    },
-                    options: {
-                        label: 'large'
-                    }
-                },
-                {
-                    type: 'tab',
-                    condition: 'overlayEnable == true',
-                    controls: [
-                        {
-                            type: 'group',
-                            label: {
-                                en: 'Normal'
-                            },
-                            controls: [
-                                {
-                                    type: 'control',
-                                    label: {
-                                        en: 'Opacity'
-                                    },
-                                    setting: {
-                                        id: 'overlayOpacity',
-                                        state: 'normal'
-                                    }
-                                },
-                                {
-                                    type: 'control',
-                                    label: {
-                                        en: 'Color'
-                                    },
-                                    setting: {
-                                        id: 'overlayColor',
-                                        state: 'normal'
-                                    }
-                                }
-                            ]
-                        },
-                        {
-                            type: 'group',
-                            label: {
-                                en: 'Hover'
-                            },
-                            controls: [
-                                {
-                                    type: 'control',
-                                    label: {
-                                        en: 'Opacity'
-                                    },
-                                    setting: {
-                                        id: 'overlayOpacity',
-                                        state: 'hover'
-                                    }
-                                },
-                                {
-                                    type: 'control',
-                                    label: {
-                                        en: 'Color'
-                                    },
-                                    setting: {
-                                        id: 'overlayColor',
-                                        state: 'hover'
-                                    }
-                                }
-                            ]
-                        }
-                    ]
-                }
-            ]
-        },
-        {
-            type: 'group',
-            controls: [
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Zoom when hover'
-                    },
-                    setting: {
-                        id: 'hoverEffect'
-                    },
-                    options: {
-                        label: 'large'
-                    }
-                },
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Scale value'
-                    },
-                    condition: 'hoverEffect == true',
-                    setting: {
-                        id: 'hoverEffectScale'
-                    }
-                },
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Time'
-                    },
-                    condition: 'hoverEffect == true',
-                    setting: {
-                        id: 'hoverEffectDuration'
-                    }
-                }
-            ]
-        },
-        {
-            type: 'group',
-            condition: 'background.type == "image"',
-            controls: [
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Parallax scrolling'
-                    },
-                    setting: {
-                        id: 'enableParallax'
-                    },
-                    options: {
-                        label: 'large'
-                    }
-                },
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Speed'
-                    },
-                    setting: {
-                        id: 'speedParallax'
-                    },
-                    condition: 'enableParallax == true'
-                }
-            ]
-        },
-        {
-            type: 'control',
-            condition: 'sizeSetting.width !== "100%"',
-            label: {
-                en: 'Align'
-            },
-            setting: {
-                id: 'alignBanner'
-            }
-        },
-        {
-            type: 'group',
-            label: {
-                en: 'SEO'
-            },
-            controls: [
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Alt text'
-                    },
-                    setting: {
-                        id: 'alt'
-                    },
-                    layout: 'vertical'
-                },
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Image title'
-                    },
-                    setting: {
-                        id: 'title'
-                    },
-                    layout: 'vertical'
-                }
-            ]
-        }
-    ],
-    presets: [
-        heroBanner1Col,
-        heroBanner1ColPreSalesPage,
-        heroBannerContentLeft,
-        heroBannerContentLeftPreSalesPage,
-        heroBannerContentRight,
-        heroBannerContentRightPreSalesPage,
-        heroBannerVideo,
-        heroBannerVideoPreSalesPage,
-        heroBannerParallax,
-        heroBannerParallaxPreSalesPage
-    ],
-    editorConfigs: {
-        slots: {
-            children: true
-        },
-        placeholder: {
-            notAppendTags: [
-                'MarqueeItem',
-                'Marquee'
-            ]
-        }
-    }
-};
-
-export { config as default };