@designcrowd/library.brand-page 5.17.27-ast-display-styles-2 → 5.17.27-shape-memory-2

package/lib/src/{CreatedOnBrandCrowd-de-de-_kE_N0ST.js → CreatedOnBrandCrowd-de-de-CmwyVngB.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-CIcIhTXl.js";
+import { _ as t } from "./lib-vkr7dfRD.js";
 const i = {}, h = {
   width: "275",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-en-us-D-HGpOT_.js → CreatedOnBrandCrowd-en-us-BsYNmX7g.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-CIcIhTXl.js";
+import { _ as t } from "./lib-vkr7dfRD.js";
 const i = {}, h = {
   width: "251",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-es-es-Bpxc6CZ9.js → CreatedOnBrandCrowd-es-es-Di-Cb90E.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-CIcIhTXl.js";
+import { _ as t } from "./lib-vkr7dfRD.js";
 const i = {}, h = {
   width: "250",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-fr-gV6tqiY3.js → CreatedOnBrandCrowd-fr-ca-DkPUGPrO.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-CIcIhTXl.js";
+import { _ as t } from "./lib-vkr7dfRD.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-ca-gV6tqiY3.js → CreatedOnBrandCrowd-fr-fr-DkPUGPrO.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-CIcIhTXl.js";
+import { _ as t } from "./lib-vkr7dfRD.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-pt-xxYZcP2A.js → CreatedOnBrandCrowd-pt-br-BB1hWv0w.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-CIcIhTXl.js";
+import { _ as t } from "./lib-vkr7dfRD.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-br-xxYZcP2A.js → CreatedOnBrandCrowd-pt-pt-BB1hWv0w.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-CIcIhTXl.js";
+import { _ as t } from "./lib-vkr7dfRD.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnDcom-de-de-DomeY3TK.js → CreatedOnDcom-de-de-CLPQHUdt.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-CIcIhTXl.js";
+import { _ as e } from "./lib-vkr7dfRD.js";
 const M = {}, Z = {
   width: "242",
   height: "36",

package/lib/src/{CreatedOnDcom-en-us-DsJhWFNL.js → CreatedOnDcom-en-us-4xPohzcl.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-CIcIhTXl.js";
+import { _ as e } from "./lib-vkr7dfRD.js";
 const i = {}, M = {
   width: "231",
   height: "36",

package/lib/src/{CreatedOnDcom-es-es-BsCRXFHb.js → CreatedOnDcom-es-es-COjxz_Aa.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-CIcIhTXl.js";
+import { _ as e } from "./lib-vkr7dfRD.js";
 const M = {}, Z = {
   width: "230",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-ca-xu218NFe.js → CreatedOnDcom-fr-ca-sxQVouYP.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-CIcIhTXl.js";
+import { _ as e } from "./lib-vkr7dfRD.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-fr--ZyIDBpD.js → CreatedOnDcom-fr-fr-B2XC86kO.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-CIcIhTXl.js";
+import { _ as e } from "./lib-vkr7dfRD.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-br-DtCW8as2.js → CreatedOnDcom-pt-br-CYK9le9x.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-CIcIhTXl.js";
+import { _ as M } from "./lib-vkr7dfRD.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-pt-C77BuVJ9.js → CreatedOnDcom-pt-pt-CF-QACKl.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-CIcIhTXl.js";
+import { _ as M } from "./lib-vkr7dfRD.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/brand-page/components/banner-section/BannerSection.mixin.d.ts

@@ -1,7 +1,6 @@
 import type { PropType } from 'vue';
 import type { BannerSectionViewModel, ButtonViewModel } from '@brand-page/view-models';
 import type { BrandPageContext } from '@brand-page/models';
-type StackedImagePosition = 'top' | 'middle' | 'bottom';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     viewModel: {
         type: PropType<BannerSectionViewModel>;
@@ -35,10 +34,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     isRightImageAligned(): boolean;
     isDividedContent(): boolean;
     isCardBannerContent(): boolean;
-    isStackedImageLayout(): boolean;
-    stackedImagePosition(): StackedImagePosition;
-    isStackedFullWidth(): boolean;
-    stackedImageWrapperClass(): Record<string, boolean>;
     isCardAlignedOnLeft(): boolean;
     getbuttonViewModel(): ButtonViewModel;
     shouldShowButton(): boolean;

package/lib/src/brand-page/components/banner-section/BannerSection.mixin.js

@@ -1,20 +1,7 @@
 import { defineComponent } from 'vue';
 import ComponentCommonMixin from '../mixins/component-common.mixin';
 import { isURL, hasValidButton as shouldShowButtonUtil, } from '../../../utils/validator.util';
-import { ALIGN_CENTERED, ALIGN_LEFT_ALIGNED, ALIGN_RIGHT_ALIGNED, BIG_IMAGE, ALIGN_LEFT_BIG_IMAGE, ALIGN_RIGHT_FULL_IMAGE, ALIGN_LEFT_FULL_IMAGE, ALIGN_CARD_CENTER_IMAGE, ALIGN_CARD_LEFT_IMAGE, ALIGN_TOP_CARD_IMAGE, ALIGN_BOTTOM_CARD_IMAGE, ALIGN_MIDDLE_CARD_IMAGE, ALIGN_TOP_FULL_IMAGE, ALIGN_BOTTOM_FULL_IMAGE, ALIGN_MIDDLE_FULL_IMAGE, } from '../../constants';
-const STACKED_LAYOUT_POSITIONS = {
-    [ALIGN_TOP_CARD_IMAGE]: 'top',
-    [ALIGN_TOP_FULL_IMAGE]: 'top',
-    [ALIGN_BOTTOM_CARD_IMAGE]: 'bottom',
-    [ALIGN_BOTTOM_FULL_IMAGE]: 'bottom',
-    [ALIGN_MIDDLE_CARD_IMAGE]: 'middle',
-    [ALIGN_MIDDLE_FULL_IMAGE]: 'middle',
-};
-const STACKED_FULL_WIDTH_STYLES = new Set([
-    ALIGN_TOP_FULL_IMAGE,
-    ALIGN_BOTTOM_FULL_IMAGE,
-    ALIGN_MIDDLE_FULL_IMAGE,
-]);
+import { ALIGN_CENTERED, ALIGN_LEFT_ALIGNED, ALIGN_RIGHT_ALIGNED, BIG_IMAGE, ALIGN_LEFT_BIG_IMAGE, ALIGN_RIGHT_FULL_IMAGE, ALIGN_LEFT_FULL_IMAGE, ALIGN_CARD_CENTER_IMAGE, ALIGN_CARD_LEFT_IMAGE, } from '../../constants';
 import { getRenderText, escapeContentText } from '@brand-page/utils';
 import { hasRTEContent } from '@brand-page-maker/utils';
 export default defineComponent({
@@ -126,23 +113,6 @@ export default defineComponent({
             }
             return false;
         },
-        isStackedImageLayout() {
-            return this.viewModel.displayStyle in STACKED_LAYOUT_POSITIONS;
-        },
-        stackedImagePosition() {
-            return STACKED_LAYOUT_POSITIONS[this.viewModel.displayStyle] ?? 'top';
-        },
-        isStackedFullWidth() {
-            return STACKED_FULL_WIDTH_STYLES.has(this.viewModel.displayStyle);
-        },
-        stackedImageWrapperClass() {
-            const isFull = this.isStackedFullWidth;
-            return {
-                'tw-w-full': !isFull,
-                'c_banner-stacked-image--full': isFull,
-                'tw-rounded-md tw-overflow-hidden': !isFull,
-            };
-        },
         isCardAlignedOnLeft() {
             return this.viewModel.displayStyle === ALIGN_CARD_LEFT_IMAGE;
         },

package/lib/src/brand-page/constants/misc.constants.d.ts

@@ -12,12 +12,6 @@ export declare const ALIGN_LEFT_BIG_IMAGE = "left-aligned-big-image";
 export declare const ALIGN_CARD_CENTER_IMAGE = "center-card-aligned-image";
 export declare const ALIGN_CARD_CENTER = "center-card-aligned";
 export declare const ALIGN_CARD_LEFT_IMAGE = "left-card-aligned-image";
-export declare const ALIGN_TOP_CARD_IMAGE = "top-card-aligned-image";
-export declare const ALIGN_BOTTOM_CARD_IMAGE = "bottom-card-aligned-image";
-export declare const ALIGN_MIDDLE_CARD_IMAGE = "middle-card-aligned-image";
-export declare const ALIGN_TOP_FULL_IMAGE = "top-aligned-full-image";
-export declare const ALIGN_BOTTOM_FULL_IMAGE = "bottom-aligned-full-image";
-export declare const ALIGN_MIDDLE_FULL_IMAGE = "middle-aligned-full-image";
 export declare const MAX_IMAGES_SECTION_ALIGNMENT_ITEMS_LENGTH = 3;
 export declare const TEXT_COLUMNS: {
     readonly 1: "1";

package/lib/src/brand-page/constants/misc.constants.js

@@ -13,12 +13,6 @@ export const ALIGN_LEFT_BIG_IMAGE = 'left-aligned-big-image';
 export const ALIGN_CARD_CENTER_IMAGE = 'center-card-aligned-image';
 export const ALIGN_CARD_CENTER = 'center-card-aligned';
 export const ALIGN_CARD_LEFT_IMAGE = 'left-card-aligned-image';
-export const ALIGN_TOP_CARD_IMAGE = 'top-card-aligned-image';
-export const ALIGN_BOTTOM_CARD_IMAGE = 'bottom-card-aligned-image';
-export const ALIGN_MIDDLE_CARD_IMAGE = 'middle-card-aligned-image';
-export const ALIGN_TOP_FULL_IMAGE = 'top-aligned-full-image';
-export const ALIGN_BOTTOM_FULL_IMAGE = 'bottom-aligned-full-image';
-export const ALIGN_MIDDLE_FULL_IMAGE = 'middle-aligned-full-image';
 export const MAX_IMAGES_SECTION_ALIGNMENT_ITEMS_LENGTH = 3;
 export const TEXT_COLUMNS = {
     1: '1',

package/lib/src/brand-page-maker/convertors/banner-align-display-style.convertor.js

@@ -1,4 +1,4 @@
-import { ALIGN_CENTERED, ALIGN_LEFT_ALIGNED, ALIGN_RIGHT_ALIGNED, BIG_IMAGE, ALIGN_LEFT_FULL_IMAGE, ALIGN_RIGHT_FULL_IMAGE, ALIGN_LEFT_BIG_IMAGE, ALIGN_CARD_CENTER_IMAGE, ALIGN_CARD_LEFT_IMAGE, ALIGN_TOP_CARD_IMAGE, ALIGN_BOTTOM_CARD_IMAGE, ALIGN_MIDDLE_CARD_IMAGE, ALIGN_TOP_FULL_IMAGE, ALIGN_BOTTOM_FULL_IMAGE, ALIGN_MIDDLE_FULL_IMAGE, } from '@brand-page/constants';
+import { ALIGN_CENTERED, ALIGN_LEFT_ALIGNED, ALIGN_RIGHT_ALIGNED, BIG_IMAGE, ALIGN_LEFT_FULL_IMAGE, ALIGN_RIGHT_FULL_IMAGE, ALIGN_LEFT_BIG_IMAGE, ALIGN_CARD_CENTER_IMAGE, ALIGN_CARD_LEFT_IMAGE, } from '@brand-page/constants';
 export const bannerAlignDisplayStyleConvertor = {
     convertBackToMultipleValues: true,
     convert(value) {
@@ -28,54 +28,6 @@ export const bannerAlignDisplayStyleConvertor = {
                     iconViewBox: '0 0 110 64',
                     dataAttribute: 'data-test-btn-text-only',
                 },
-                {
-                    title: '',
-                    value: ALIGN_TOP_CARD_IMAGE,
-                    isSelected: value === ALIGN_TOP_CARD_IMAGE,
-                    iconName: 'display-style-banner-10',
-                    iconViewBox: '0 0 110 64',
-                    dataAttribute: 'data-test-btn-top-card-image',
-                },
-                {
-                    title: '',
-                    value: ALIGN_BOTTOM_CARD_IMAGE,
-                    isSelected: value === ALIGN_BOTTOM_CARD_IMAGE,
-                    iconName: 'display-style-banner-11',
-                    iconViewBox: '0 0 110 64',
-                    dataAttribute: 'data-test-btn-bottom-card-image',
-                },
-                {
-                    title: '',
-                    value: ALIGN_MIDDLE_CARD_IMAGE,
-                    isSelected: value === ALIGN_MIDDLE_CARD_IMAGE,
-                    iconName: 'display-style-banner-12',
-                    iconViewBox: '0 0 110 64',
-                    dataAttribute: 'data-test-btn-middle-card-image',
-                },
-                {
-                    title: '',
-                    value: ALIGN_TOP_FULL_IMAGE,
-                    isSelected: value === ALIGN_TOP_FULL_IMAGE,
-                    iconName: 'display-style-banner-13',
-                    iconViewBox: '0 0 110 64',
-                    dataAttribute: 'data-test-btn-top-full-image',
-                },
-                {
-                    title: '',
-                    value: ALIGN_BOTTOM_FULL_IMAGE,
-                    isSelected: value === ALIGN_BOTTOM_FULL_IMAGE,
-                    iconName: 'display-style-banner-14',
-                    iconViewBox: '0 0 110 64',
-                    dataAttribute: 'data-test-btn-bottom-full-image',
-                },
-                {
-                    title: '',
-                    value: ALIGN_MIDDLE_FULL_IMAGE,
-                    isSelected: value === ALIGN_MIDDLE_FULL_IMAGE,
-                    iconName: 'display-style-banner-15',
-                    iconViewBox: '0 0 110 64',
-                    dataAttribute: 'data-test-btn-middle-full-image',
-                },
                 {
                     title: '',
                     value: BIG_IMAGE,
@@ -134,13 +86,7 @@ export const bannerAlignDisplayStyleConvertor = {
         if (!selectedOption ||
             selectedOption.value === ALIGN_CENTERED ||
             selectedOption.value === BIG_IMAGE ||
-            selectedOption.value === ALIGN_CARD_CENTER_IMAGE ||
-            selectedOption.value === ALIGN_TOP_CARD_IMAGE ||
-            selectedOption.value === ALIGN_BOTTOM_CARD_IMAGE ||
-            selectedOption.value === ALIGN_MIDDLE_CARD_IMAGE ||
-            selectedOption.value === ALIGN_TOP_FULL_IMAGE ||
-            selectedOption.value === ALIGN_BOTTOM_FULL_IMAGE ||
-            selectedOption.value === ALIGN_MIDDLE_FULL_IMAGE) {
+            selectedOption.value === ALIGN_CARD_CENTER_IMAGE) {
             textAlign = 'center';
         }
         return {