@sc-360-v2/storefront-cms-library 0.2.77 → 0.2.80

package/dist/repeater-embla-controls.scss

@@ -8,90 +8,11 @@
       --_sf-nv-ic-vt: visible;
       --_sf-nv-ic-op: 1;
     }
-    // Navigation
-    // button {
-    //   &.embla__btn {
-    //     position: absolute;
-    //     z-index: calc(var(--_higher-zIndex, 99999) - 2);
-    //     --_sf-ic-sz-nn: var(
-    //       --_ctm-mob-rep-lt-aw-in-se,
-    //       var(--_ctm-tab-rep-lt-aw-in-se, var(--_ctm-rep-lt-aw-in-se, 40px))
-    //     );
-    //     width: var(--_sf-ic-sz-nn);
-    //     // --_ctm-rep-lt-dt-se
-    //     height: var(--_sf-ic-sz-nn);
-    //     border-radius: var(--_sf-nv-ic-br, 50%);
-    //     background: var(--_sf-nv-ic-bg, #fff);
-    //     top: var(--_sf-nv-tp-vl, 50%);
-    //     transform: translateY(-50%);
-    //     visibility: var(--_sf-nv-ic-vt, hidden);
-    //     opacity: var(--_sf-nv-ic-op, 0);
-    //     transition: all 0.45s ease;
-
-    //     &:hover:not(:disabled) {
-    //       --_sf-nv-ic-bg: var(--_sf-sl-ct-ic-dt-at-cl);
-
-    //       svg {
-    //         path {
-    //           stroke: #fff;
-    //         }
-    //       }
-    //     }
-    //     &:disabled {
-    //       opacity: 0.45;
-    //       cursor: auto;
-    //     }
-
-    //     &.embla__prev {
-    //       left: var(--_sf-nv-lt-vl, 10px);
-    //     }
-    //     &.embla__next {
-    //       right: var(--_sf-nv-lt-vl, 10px);
-    //     }
-
-    //     & > svg {
-    //       width: calc(var(--_sf-ic-sz-nn) * 0.5);
-    //       height: calc(var(--_sf-ic-sz-nn) * 0.5);
-    //     }
-    //   }
-    // }
-
-    // :is(.pagination__v1) {
-    //   position: absolute;
-    //   z-index: calc(var(--_higher-zIndex, 99999) - 2);
-    //   left: 50%;
-    //   transform: translateX(-50%);
-    //   bottom: var(--_sf-nv-tp-vl, 10px);
-
-    //   display: flex;
-    //   align-items: center;
-    //   gap: 8px;
-
-    //   & > button {
-    //     &.embla__dot {
-    //       --_sf-ed-vl-sz: var(
-    //         --_ctm-mob-rep-lt-dt-se,
-    //         var(--_ctm-tab-rep-lt-dt-se, var(--_ctm-rep-lt-dt-se, 10px))
-    //       );
-    //       width: var(--_sf-nv-pg-sz-ac, var(--_sf-ed-vl-sz, 10px));
-    //       height: var(--_sf-ed-vl-sz, 10px);
-    //       border-radius: var(--_sf-dt-bt-at, 50%);
-    //       transition: all 0.45s ease;
-    //       background: var(--_sf-nv-pg-bg, #fff);
-
-    //       &.embla__dot--selected {
-    //         --_sf-nv-pg-bg: var(--_sf-sl-ct-ic-dt-at-cl, #162578);
-    //         --_sf-dt-bt-at: min(calc(var(--_sf-ed-vl-sz, 10px) * 0.5), 10px);
-    //         --_sf-nv-pg-sz-ac: max(calc(var(--_sf-ed-vl-sz, 10px) * 2), 20px);
-    //       }
-    //     }
-    //   }
-    // }
   }
   @include emblaBtnStylesV1($type);
   @include emblaDotsStylesV1($type);
 
-  @if ($type == 2) {
+  @if ($type == 2 or $type == 3) {
     &:is(body[data-iframe-body="true"] *),
     &:hover {
       --_sf-pg-ic-vt: visible;
@@ -99,13 +20,25 @@
     }
     .repeater__control__element {
       position: absolute;
-      bottom: 20px;
-      left: 50%;
-      transform: translateX(-50%);
+      bottom: var(--_sf-t3-bt-bl-v2, 20px);
+      left: var(--_sf-t3-lt-vl-v2, 50%);
+      transform: var(--_sf-t3-tr-bl-v2, translateX(-50%));
       z-index: calc(var(--_higher-zIndex, 99999) - 2);
-      visibility: var(--_sf-pg-ic-vt, hidden);
-      opacity: var(--_sf-pg-ic-op, 0);
-      transition: all 0.45s ease;
+      @if ($type != 3) {
+        visibility: var(--_sf-pg-ic-vt, hidden);
+        opacity: var(--_sf-pg-ic-op, 0);
+        transition: all 0.45s ease;
+      } @else {
+        min-height: var(
+          --_ctm-mob-rep-lt-aw-in-se,
+          var(--_ctm-tab-rep-lt-aw-in-se, var(--_ctm-rep-lt-aw-in-se, 40px))
+        );
+        --_sf-t3-lt-vl-v2: var(--_sf-rp-ct-t3-left-vl, 50%);
+        --_sf-t3-bt-bl-v2: var(--_sf-rp-ct-t3-bottom-vl, 20px);
+        --_sf-t3-tr-bl-v2: var(--_sf-rp-ct-t3-transform-vl, translateX(-50%));
+        right: var(--_sf-rp-ct-t3-right-vl, auto);
+        top: var(--_sf-rp-ct-t3-top-vl, auto);
+      }
 
       display: flex;
       align-items: center;
@@ -141,7 +74,14 @@
       // --_ctm-rep-lt-dt-se
       height: var(--_sf-ic-sz-nn);
       border-radius: var(--_sf-nv-ic-br, 50%);
-      background: var(--_sf-nv-ic-bg, #fff);
+
+      @if ($type == 3) {
+        --_sf-dd-vl-bg-t3: transparent;
+        &:is(body[data-iframe-body="true"] *) {
+          pointer-events: none !important;
+        }
+      }
+      background: var(--_sf-nv-ic-bg, var(--_sf-dd-vl-bg-t3, #fff));
 
       &:hover:not(:disabled) {
         --_sf-nv-ic-bg: var(--_sf-sl-ct-ic-dt-at-cl);
@@ -175,9 +115,21 @@
       bottom: var(--_sf-nv-tp-vl, 10px);
     }
 
+    @if ($type == 3) {
+      --_sf-dt-wh-t3: 16px;
+      --_sf-dt-ht-t3: 2px;
+      // --_sf-dt-br-t3: 100px;
+      --_dt-in-active-color: #d6d6d6;
+      --_sf-dt-gp-vl: 0px;
+
+      &:is(body[data-iframe-body="true"] *) {
+        pointer-events: none !important;
+      }
+    }
+
     display: flex;
     align-items: center;
-    gap: 8px;
+    gap: var(--_sf-dt-gp-vl, 8px);
 
     & > button {
       &.embla__dot {
@@ -185,20 +137,43 @@
           --_ctm-mob-rep-lt-dt-se,
           var(--_ctm-tab-rep-lt-dt-se, var(--_ctm-rep-lt-dt-se, 10px))
         );
-        width: var(--_sf-nv-pg-sz-ac, var(--_sf-ed-vl-sz, 10px));
-        height: var(--_sf-ed-vl-sz, 10px);
-        border-radius: var(--_sf-dt-bt-at, 50%);
-        transition: all 0.45s ease;
-        background: var(--_sf-nv-pg-bg, #fff);
-
-        &:not(.embla__dot--selected) {
-          border: 1px solid color-mix(in srgb, var(--_sf-sl-ct-ic-dt-at-cl) 30%, transparent);
+        @if ($type != 3) {
+          transition: all 0.45s ease;
+          width: var(--_sf-nv-pg-sz-ac, var(--_sf-ed-vl-sz, 10px));
+          height: var(--_sf-ed-vl-sz, 10px);
+          border-radius: var(--_sf-dt-bt-at, 50%);
+          background: var(--_sf-nv-pg-bg, #fff);
+
+          &:not(.embla__dot--selected) {
+            border: 1px solid color-mix(in srgb, var(--_sf-sl-ct-ic-dt-at-cl) 30%, transparent);
+          }
+        } @else if($type == 3) {
+          width: var(--_sf-dt-at-wh-t3, var(--_sf-dt-wh-t3, 10px));
+          height: var(--_sf-dt-at-ht-t3, var(--_sf-dt-ht-t3, 10px));
+          border-radius: var(--_sf-dt-at-br-t3, var(--_sf-dt-bt-at, 0px));
+          background: var(--_sf-nv-pg-bg, var(--_dt-in-active-color));
+
+          &:not(.embla__dot--selected) {
+            --_sf-br-vl-t3: 16px;
+            &:nth-of-type(1) {
+              --_sf-dt-bt-at: var(--_sf-br-vl-t3) 0px 0px var(--_sf-br-vl-t3);
+            }
+            &:last-of-type {
+              --_sf-dt-bt-at: 0px var(--_sf-br-vl-t3) var(--_sf-br-vl-t3) 0px;
+            }
+          }
         }
 
         &.embla__dot--selected {
           --_sf-nv-pg-bg: var(--_sf-sl-ct-ic-dt-at-cl, #162578);
           --_sf-dt-bt-at: min(calc(var(--_sf-ed-vl-sz, 10px) * 0.5), 10px);
           --_sf-nv-pg-sz-ac: max(calc(var(--_sf-ed-vl-sz, 10px) * 2), 20px);
+
+          @if ($type == 3) {
+            --_sf-dt-at-wh-t3: calc(2 * var(--_sf-dt-wh-t3));
+            --_sf-dt-at-ht-t3: 6px;
+            --_sf-dt-at-br-t3: var(--_sf-dt-at-ht-t3);
+          }
         }
       }
     }

package/dist/repeater.scss

@@ -2,6 +2,7 @@
 @use "sass:list";
 @use "./repeater-embla-controls.scss" as *;
 $childItemSelector: '[data-element-type="repeater-item"]';
+$sliderControlDragging: "[flex-slider-control-moving='true']";
 $rai: "repeater-advertise-item";
 [data-div-type="element"] {
   &[data-element-type="repeater"] {
@@ -212,7 +213,9 @@ $rai: "repeater-advertise-item";
     }
 
     &.sld {
-      overflow: clip;
+      &:is(:not(#{$sliderControlDragging} *)) {
+        overflow: clip;
+      }
       height: auto;
       --_sf-sl-ct-ic-dt-at-cl: var(
         --_ctm-mob-rep-lt-cl-ae-cr,
@@ -221,8 +224,11 @@ $rai: "repeater-advertise-item";
       // &:is([data-control-type="1"]) {
       //   @include CMSRepeaterEmblaControlStyles(1);
       // }
-      @for $i from 1 through 2 {
+      @for $i from 1 through 3 {
         &:is([data-control-type="#{$i}"]) {
+          @if ($i == 3) {
+            overflow-y: visible;
+          }
           @include CMSRepeaterEmblaControlStyles($i);
         }
       }

package/dist/search.scss

@@ -157,6 +157,36 @@
       }
     }
 
+    .dropdown-options {
+      list-style: none;
+      padding: 0;
+      margin: 4px 0 0;
+      max-height: 200px;
+      overflow-y: auto;
+      border: 1px solid #ccc;
+      border-radius: 8px;
+      background: white;
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      display: none; /* Hidden by default */
+    }
+
+    .dropdown-option {
+      padding: 10px;
+      cursor: pointer;
+      transition: background 0.2s;
+    }
+
+    .dropdown-option:hover {
+      background-color: #f0f0f0;
+    }
+
+    /* Optional: show dropdown when input is focused (basic) */
+    .dropdown:focus-within .dropdown-options {
+      display: block;
+    }
+
     &[data-show-shadow="false"] {
       --_show-shadow: none;
     }

package/dist/types/builder/elements/add-order/index.d.ts

@@ -15,7 +15,7 @@ export interface AddOrderStyleProperties extends CommonStyleProperties {
     alignSelf?: AlignSelfValue;
 }
 export declare const getDefaultStyles: () => AddOrderStyleProperties;
-export interface CMSButtonInterface extends Omit<CMSElementInterface, "attributes"> {
+export interface CMSAddOrderInterface extends Omit<CMSElementInterface, "attributes"> {
     attributes: {
         HTML: Pick<CMSHTMLAttributes, GlobalImageAttributes>;
         BUILDER: Pick<BuilderAttributes, ImageBuilderAttributes>;

package/dist/types/builder/elements/buy-for-tab/index.d.ts

@@ -0,0 +1,46 @@
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { DisplayValue, ResponsiveBehaviourTypes } from "../../../global/types";
+import { BuilderAttributes } from "../common";
+export interface BuyForTabsStyleProperties extends CommonStyleProperties {
+    minHeight: string;
+    minWidth: string;
+    maxWidth: string;
+    maxHeight: string;
+    gridArea: string;
+    display: DisplayValue;
+    boxSizing: string;
+    rowGap: string;
+    columnGap: string;
+    gridTemplateRows: string;
+    gridTemplateColumns: string;
+}
+export declare const getDefaultStyles: () => BuyForTabsStyleProperties;
+export interface CommonContainerElementAttributes extends CMSHTMLAttributes {
+    role?: string;
+    ariaLabel?: string;
+    ariaDescribedBy?: string;
+    id?: string;
+    className?: string;
+    lang?: string;
+    dataMeta?: string;
+}
+export interface BuyForTabsElementInterface {
+    id?: string | number;
+    uniqueKey?: string | number;
+    attributes?: {
+        BUILDER?: Pick<BuilderAttributes, "dataDivType" | "dataType" | "dataElementType" | "dataDropElement">;
+        HTML?: CommonContainerElementAttributes;
+        CUSTOM?: any;
+    };
+    styles?: BuyForTabsStyleProperties;
+    editedStyles?: CommonStyleProperties;
+    responsiveBehaviour: ResponsiveBehaviourTypes;
+    children: any;
+    childIds: any[];
+    previewImage?: string;
+    isMaximized?: boolean;
+    parentKey?: any;
+    childIdsV2?: any[];
+    builderAt?: number;
+}

package/dist/types/builder/elements/buy-for-tab-container/index.d.ts

@@ -0,0 +1,45 @@
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { DisplayValue, ResponsiveBehaviourTypes } from "../../../global/types";
+import { BuilderAttributes } from "../common";
+export interface BuyForTabsContainerStyleProperties extends CommonStyleProperties {
+    minHeight: string;
+    minWidth: string;
+    maxWidth: string;
+    maxHeight: string;
+    gridArea: string;
+    display: DisplayValue;
+    boxSizing: string;
+    rowGap: string;
+    columnGap: string;
+    gridTemplateRows: string;
+    gridTemplateColumns: string;
+}
+export declare const getDefaultStyles: () => BuyForTabsContainerStyleProperties;
+export interface CommonContainerElementAttributes extends CMSHTMLAttributes {
+    role?: string;
+    ariaLabel?: string;
+    ariaDescribedBy?: string;
+    id?: string;
+    className?: string;
+    lang?: string;
+    dataMeta?: string;
+}
+export interface BuyForTabsContainerElementInterface {
+    id?: string | number;
+    uniqueKey?: string | number;
+    attributes?: {
+        BUILDER?: Pick<BuilderAttributes, "dataDivType" | "dataType" | "dataElementType" | "dataDropElement">;
+        HTML?: CommonContainerElementAttributes;
+        CUSTOM?: any;
+    };
+    styles?: BuyForTabsContainerStyleProperties;
+    editedStyles?: CommonStyleProperties;
+    responsiveBehaviour: ResponsiveBehaviourTypes;
+    children: any;
+    childIds: any[];
+    previewImage?: string;
+    isMaximized?: boolean;
+    parentKey?: any;
+    childIdsV2?: any[];
+}

package/dist/types/builder/elements/checkout/index.d.ts

@@ -0,0 +1,27 @@
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { AlignSelfValue, BoxSizingValue, GridAreaValue, HeightValue, JustifySelfValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue, CommonBuilderAttributes, GlobalImageAttributes } from "../../../global/types";
+import { BuilderAttributes, CMSElementInterface } from "../common";
+export interface CheckoutStyleProperties extends CommonStyleProperties {
+    minHeight?: MinHeightValue;
+    height?: HeightValue;
+    minWidth?: MinWidthValue;
+    maxWidth?: MaxWidthValue;
+    maxHeight?: MaxHeightValue;
+    gridArea?: GridAreaValue;
+    boxSizing?: BoxSizingValue;
+    padding?: PaddingValue;
+    justifySelf?: JustifySelfValue;
+    alignSelf?: AlignSelfValue;
+}
+export declare const getDefaultStyles: () => CheckoutStyleProperties;
+export interface CMSCheckoutInterface extends Omit<CMSElementInterface, "attributes"> {
+    attributes: {
+        HTML: Pick<CMSHTMLAttributes, GlobalImageAttributes>;
+        BUILDER: Pick<BuilderAttributes, CommonBuilderAttributes>;
+        CUSTOM: any;
+    };
+    styles: CheckoutStyleProperties;
+    childrenStyles?: CommonStyleProperties;
+    content?: string;
+}

package/dist/types/builder/enums/index.d.ts

@@ -37,6 +37,8 @@ export declare enum CMSToolIdTypes {
     containerWrapper = "cms-container-wrapper",
     tabsWrapperV2 = "cms-tabs-v2-wrapper",
     tabsContainerWrapperV2 = "cms-tabs-container-wrapper",
+    buyForWithTabsWrapper = "cms-buy-for-with-tabs-wrapper",
+    buyForTabsContainerWrapper = "cms-buy-for-tabs-container-wrapper",
     stackWrapper = "cms-stack-wrapper",
     cmsSubElementLayer = "cms-sub-element-layer",
     editorHeader = "cms-editor-header",
@@ -118,6 +120,7 @@ export declare enum CMSElementSelectors {
     categoryWidgetElement = "div[data-element-type='categoryWidget']",
     tabsElement = "div[data-element-type='tabs']",
     tabsV2Element = "div[data-element-type='tabs-v2']",
+    buyForWithTabsElement = "div[data-element-type='buyForWithTabs']",
     imageHotspot = "div[data-element-type='imageHotspot']",
     gridSwapBtn = "div[data-cms-tool='cms-grid-swap-btn']",
     lightBox = "#cms_lt_bx_mn",
@@ -285,6 +288,7 @@ export declare const CMSElementsListEnum: {
     ITEM_STOCK: string;
     CART_DETAILS: string;
     CART_SUMMARY: string;
+    CHECKOUT: string;
     ALLOCATION_DETAILS: string;
     LINE: string;
     TABS_V2: string;
@@ -292,6 +296,8 @@ export declare const CMSElementsListEnum: {
     MARCHANDISER_SETS: string;
     QUICK_LINKS: string;
     ADD_ORDER: string;
+    BUY_FOR_WITH_TABS: string;
+    BUY_FOR_TABS_CONTENT_CONTAINER: string;
 };
 export declare enum CMSResponsiveModeEnums {
     DESKTOP = "desktop",

package/dist/types/builder/index.d.ts

@@ -40,6 +40,7 @@ import * as interfaces from "./interfaces/global";
 import * as ElementEditSchema from "./tools/element-edit/index";
 import * as lightboxSchema from "./elements/lightbox/index";
 import * as cartSchema from "./elements/cart/index";
+import * as checkoutSchema from "./elements/checkout/index";
 import * as profileSchema from "./elements/profile/index";
 import * as repeaterSchema from "./elements/repeater/index";
 import * as brandSchema from "./elements/brand/index";
@@ -64,4 +65,6 @@ import * as marchandiserSetsSchema from "./elements/marchandiser-sets/index";
 import * as formBuilder from "./elements/form-builder/index";
 import * as quickLinksSchema from "./elements/quick-links/index";
 import * as addOrderSchema from "./elements/add-order/index";
-export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, createFormSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, formBuilder, quickLinksSchema, addOrderSchema, };
+import * as buyForTabsSchema from "./elements/buy-for-tab/index";
+import * as buyForTabsContainerSchema from "./elements/buy-for-tab-container/index";
+export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, createFormSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, formBuilder, quickLinksSchema, addOrderSchema, buyForTabsSchema, buyForTabsContainerSchema, checkoutSchema, };

package/dist/types/builder/tools/element-edit/bundle.d.ts

@@ -1,8 +1,26 @@
+import { CMSIBCommonInterface } from "../../interfaces/global";
 import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
 export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
 }
 interface selfLayoutInterface {
     selectorKey: string;
+    bundleType: CMSIBCommonInterface;
+    displayType: CMSIBCommonInterface;
+    scrollType: CMSIBCommonInterface;
+    showArrows: CMSIBCommonInterface;
+    allowAutoScroll: CMSIBCommonInterface;
+    loopItems: CMSIBCommonInterface;
+    showDots: CMSIBCommonInterface;
+    templates: CMSIBCommonInterface;
+    gridType: CMSIBCommonInterface;
+    displayListType: CMSIBCommonInterface;
+    overflowItems: CMSIBCommonInterface;
+    noOfItemsPerRow: CMSIBCommonInterface;
+    maxNoItemsToShow: CMSIBCommonInterface;
+    itemSpacing: CMSIBCommonInterface;
+    itemPadding: CMSIBCommonInterface;
+    showDivider: CMSIBCommonInterface;
+    itemGap: CMSIBCommonInterface;
 }
 export interface selfDesignInterface {
     selectorKey: string;

package/dist/types/builder/tools/element-edit/buyForTabContainer.d.ts

@@ -0,0 +1,9 @@
+import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
+export interface selfDesignInterface {
+    selectorKey: string;
+}
+export declare enum selfSelectorKeysEnum {
+    LAYOUT = "layout",
+    DESIGN = "design"
+}
+export declare const getDefaultData: () => CMSElementEditPopupInterface<CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;