@designcrowd/library.brand-page 5.17.14 → 5.17.15-ast-fix-1

package/lib/src/{CreatedOnBrandCrowd-de-de-Dh2De-BU.js → CreatedOnBrandCrowd-de-de-DrR-lI1T.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-BoxCnmMI.js → CreatedOnBrandCrowd-en-us-nduBSKcp.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-BDTBNxrE.js → CreatedOnBrandCrowd-es-es-PjpSMWsM.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-Xo_m4_14.js → CreatedOnBrandCrowd-fr-ca-CDR_IKW5.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-Xo_m4_14.js → CreatedOnBrandCrowd-fr-fr-CDR_IKW5.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-BJyBRyRr.js → CreatedOnBrandCrowd-pt-br-pQxDRGdw.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-BJyBRyRr.js → CreatedOnBrandCrowd-pt-pt-pQxDRGdw.js}

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

package/lib/src/{CreatedOnDcom-de-de-DIYRymrK.js → CreatedOnDcom-de-de-DuLbh3T6.js}

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

package/lib/src/{CreatedOnDcom-en-us-DiBzMJQZ.js → CreatedOnDcom-en-us-DHo-m7AV.js}

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

package/lib/src/{CreatedOnDcom-es-es-CmZFn355.js → CreatedOnDcom-es-es-BmVMk68p.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-CfLxOwFw.js → CreatedOnDcom-fr-ca-D5VGEU7Q.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-Ck9NhEyQ.js → CreatedOnDcom-fr-fr-hVzIJQJW.js}

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

package/lib/src/{CreatedOnDcom-pt-br-WRUoMSxH.js → CreatedOnDcom-pt-br-D1_UjvDI.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-CPNWCLsq.js → CreatedOnDcom-pt-pt-DQzDW7fY.js}

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

package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.js

@@ -127,6 +127,16 @@ export default defineComponent({
     },
     mounted() {
         this.dispatchViewPortChangeEvent();
+        // Normalize all RTE content to the current global styles on initial load.
+        // Without this, stale line-height values baked into stored HTML spans are
+        // rendered as-is on the canvas, causing a visible difference from the
+        // admin's configured global style (e.g. 1.1 shown instead of 1.3).
+        // The same transformToRTE call already fires on onSelectContentItem (click),
+        // which is what caused the "content jumps" — running it here on mount
+        // eliminates both the wrong initial render and the subsequent jump.
+        if (this.canUseRichTextEditor && this.externalEditor) {
+            transformToRTE(this.pageSettingsStore, this.externalEditor, this.styleSettingsStore);
+        }
     },
     watch: {
         viewport() {

package/lib/src/brand-page-maker/composables/rich-text-editor/useRichTextEditor.d.ts

@@ -28,6 +28,7 @@ interface UseRichTextEditorReturn {
     selectedFont: ComputedRef<string>;
     setInitialStyleSettings: (selectedTextStyle?: BrandPageCssStyle) => void;
     copyGlobalStyleSettings: (selectedTextStyle?: BrandPageCssStyle) => void;
+    setLineHeightAll: (lineHeight: string) => void;
     unsetAllMarks: () => void;
     handleHyperlink: (action: 'toggle' | 'apply' | 'remove', data?: {
         href?: string;

package/lib/src/brand-page-maker/composables/rich-text-editor/useRichTextEditor.js

@@ -675,6 +675,7 @@ export const useRichTextEditor = (model, props, emit, fontSettings, fontStyleDro
         selectedFont: computed(() => selectedFont.value),
         setInitialStyleSettings,
         copyGlobalStyleSettings,
+        setLineHeightAll,
         unsetAllMarks,
         handleHyperlink,
         hyperlinkValue,

package/lib/src/brand-page-maker/utils/rich-text-editor.util.js

@@ -173,15 +173,13 @@ export const replaceTextInRTE = (existingHtml, newText) => {
     };
     // Iterate through all spans to collect and merge styles
     spans.forEach((span) => {
-        // Collect inline styles
-        if (span.style.cssText) {
-            const styleDeclarations = span.style.cssText.split(';');
-            styleDeclarations.forEach((declaration) => {
-                const [property, value] = declaration.split(':').map((s) => s.trim());
-                if (property && value) {
-                    mergedStyles[property] = value; // Latest value overwrites previous
-                }
-            });
+        // Use getPropertyValue per allowed property instead of parsing cssText.
+        // cssText.split(':') breaks for multi-colon values like rgb(), var(), etc.
+        for (const property of allowedCSSProperties) {
+            const value = span.style.getPropertyValue(property);
+            if (value) {
+                mergedStyles[property] = value; // Latest value overwrites previous
+            }
         }
         // Collect data attributes (like data-color for marks)
         if (span.hasAttribute('data-color')) {

package/lib/src/css/library.brand-page-brandCrowd.min.css

@@ -5568,7 +5568,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   max-height: 45vh;
 }
 
-.empty-para[data-v-5a056a60] p:empty::after {
+.empty-para[data-v-c9046a90] p:empty::after {
   content: '\00A0';
 }
 
@@ -8681,11 +8681,11 @@ body {
   min-width: 33.333333%
 }
 
-.rich-text-editor[data-v-b83d2963]:focus-within {
+.rich-text-editor[data-v-5cd518cc]:focus-within {
   --tw-border-opacity: 1;
   border-color: rgb(94 94 94 / var(--tw-border-opacity));
 }
-.style-editor[data-v-b83d2963] {
+.style-editor[data-v-5cd518cc] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8696,7 +8696,7 @@ body {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
 }
-.style-editor[data-v-b83d2963] button:not(.c-button-style) {
+.style-editor[data-v-5cd518cc] button:not(.c-button-style) {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8706,16 +8706,16 @@ body {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
-.style-editor-button[data-v-b83d2963] {
+.style-editor-button[data-v-5cd518cc] {
   cursor: pointer;
   padding-left: 0.25rem;
   padding-top: 0.25rem;
 }
-.toolbar-editor-button.active[data-v-b83d2963] {
+.toolbar-editor-button.active[data-v-5cd518cc] {
   font-weight: 700;
   background: #e3e3e3;
 }
-.toolbar-editor-button[data-v-b83d2963] {
+.toolbar-editor-button[data-v-5cd518cc] {
   height: 32px;
   width: 32px;
   border-radius: 4px;
@@ -8733,7 +8733,7 @@ body {
       -ms-flex-pack: center;
           justify-content: center;
 }
-[data-v-b83d2963] .ProseMirror {
+[data-v-5cd518cc] .ProseMirror {
   border-top: 1px solid #ccc;
   min-height: 150px;
   padding: 8px;
@@ -8746,10 +8746,10 @@ body {
   max-height: 14rem;
   overflow: auto;
 }
-[data-v-b83d2963] .ProseMirror:focus {
+[data-v-5cd518cc] .ProseMirror:focus {
   outline: none;
 }
-[data-v-b83d2963] .ProseMirror * {
+[data-v-5cd518cc] .ProseMirror * {
   text-align: left !important;
   font-size: 16px !important;
   color: #606060 !important;
@@ -8758,28 +8758,28 @@ body {
   background-color: transparent !important;
   font-family: 'Lato' !important;
 }
-[data-v-b83d2963] .ProseMirror a s,[data-v-b83d2963] .ProseMirror a strike,[data-v-b83d2963] .ProseMirror a [data-strike] {
+[data-v-5cd518cc] .ProseMirror a s,[data-v-5cd518cc] .ProseMirror a strike,[data-v-5cd518cc] .ProseMirror a [data-strike] {
   text-decoration: line-through !important;
 }
-[data-v-b83d2963] .ProseMirror a,[data-v-b83d2963] .ProseMirror a * {
+[data-v-5cd518cc] .ProseMirror a,[data-v-5cd518cc] .ProseMirror a * {
   color: #0097d7 !important;
   text-decoration: underline !important;
 }
-.error-message[data-v-b83d2963] {
+.error-message[data-v-5cd518cc] {
   color: #d32f2f;
   font-size: 0.875rem;
   margin-top: 4px;
 }
-.popup-container[data-v-b83d2963] {
+.popup-container[data-v-5cd518cc] {
   position: absolute;
   z-index: 10;
   right: 8%;
 }
-.hyperlink-preview[data-v-b83d2963] {
+.hyperlink-preview[data-v-5cd518cc] {
   position: absolute;
   z-index: 10;
 }
-.popup-panel[data-v-b83d2963] {
+.popup-panel[data-v-5cd518cc] {
   background: #fff;
   border: 1px solid #ccc;
   border-radius: 8px;
@@ -8787,17 +8787,17 @@ body {
   -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
           box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
 }
-.popup-panel[data-v-b83d2963] input {
+.popup-panel[data-v-5cd518cc] input {
   border: 1px solid #ccc;
   border-radius: 8px;
 }
-.border[data-v-b83d2963] {
+.border[data-v-5cd518cc] {
   width: 100%;
   --tw-bg-opacity: 1;
   background-color: rgb(208 208 208 / var(--tw-bg-opacity));
   height: 1px;
 }
-[data-v-b83d2963] .text-dropdown-title {
+[data-v-5cd518cc] .text-dropdown-title {
   height: 2rem;
   width: 100%;
   font-size: 0.875rem;
@@ -8806,7 +8806,7 @@ body {
   color: rgb(43 43 43 / var(--tw-text-opacity));
   font-weight: 300;
 }
-[data-v-b83d2963] .ProseMirror p.is-editor-empty:first-child::before {
+[data-v-5cd518cc] .ProseMirror p.is-editor-empty:first-child::before {
   --tw-text-opacity: 1;
   color: rgb(208 208 208 / var(--tw-text-opacity));
   content: attr(data-placeholder);
@@ -8815,56 +8815,56 @@ body {
   pointer-events: none;
 }
 @media (max-width: 399px) {
-.style-editor-button-font[data-v-b83d2963],
-  .style-editor-button-textstyle[data-v-b83d2963] {
+.style-editor-button-font[data-v-5cd518cc],
+  .style-editor-button-textstyle[data-v-5cd518cc] {
     max-width: 48%;
     padding-bottom: 0.25rem;
 }
-.style-editor-button.stepper[data-v-b83d2963] {
+.style-editor-button.stepper[data-v-5cd518cc] {
     max-width: 40%;
 }
-.style-editor-button-stepper[data-v-b83d2963] {
+.style-editor-button-stepper[data-v-5cd518cc] {
     max-width: 100%;
 }
-.border.desktop[data-v-b83d2963] {
+.border.desktop[data-v-5cd518cc] {
     display: none;
 }
-.border.mobile[data-v-b83d2963] {
+.border.mobile[data-v-5cd518cc] {
     display: block;
 }
-[data-v-b83d2963] .left-align {
+[data-v-5cd518cc] .left-align {
     -webkit-transform: translateX(-50%);
             transform: translateX(-50%);
 }
-.hyperlink-popup[data-v-b83d2963] {
+.hyperlink-popup[data-v-5cd518cc] {
     z-index: 10000 !important;
 }
 }
 @media (min-width: 400px) {
-.style-editor-button.stepper[data-v-b83d2963] {
+.style-editor-button.stepper[data-v-5cd518cc] {
     max-width: 32%;
 }
-.style-editor-button-font[data-v-b83d2963] {
+.style-editor-button-font[data-v-5cd518cc] {
     max-width: 28%;
 }
-.style-editor-button-stepper[data-v-b83d2963] {
+.style-editor-button-stepper[data-v-5cd518cc] {
     max-width: 100%;
 }
-.style-editor-button-textstyle[data-v-b83d2963] {
+.style-editor-button-textstyle[data-v-5cd518cc] {
     max-width: 25%;
 }
-.border.desktop[data-v-b83d2963] {
+.border.desktop[data-v-5cd518cc] {
     display: block;
 }
-.border.mobile[data-v-b83d2963] {
+.border.mobile[data-v-5cd518cc] {
     display: none;
 }
-[data-v-b83d2963] .left-align {
+[data-v-5cd518cc] .left-align {
     -webkit-transform: translateX(-25%);
             transform: translateX(-25%);
 }
 }
-.drop-down-item[data-v-b83d2963]:hover {
+.drop-down-item[data-v-5cd518cc]:hover {
   background-color: #eee;
 }
 
@@ -9005,6 +9005,27 @@ input[type='number'][data-v-b7154ee1] {
   border-radius: 3rem;
 }
 
+.live-chat-button[data-v-37995f3e] {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    cursor: pointer;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+    -webkit-box-pack: center;
+        -ms-flex-pack: center;
+            justify-content: center;
+    border-width: 2px;
+    border-style: solid;
+    --tw-border-opacity: 1;
+    border-color: rgb(230 230 230 / var(--tw-border-opacity));
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+    --tw-text-opacity: 1;
+    color: rgb(43 43 43 / var(--tw-text-opacity))
+}
+
 .dynamic-width-input[data-v-97be2e87] {
   margin-top: auto;
   margin-bottom: auto;
@@ -9260,7 +9281,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
           flex-direction: column;
 }
 
-.c-brand-page-maker[data-v-f7674ca6] {
+.c-brand-page-maker[data-v-b0e83282] {
   --navigation-height-desktop: 64px;
   --navigation-height-mobile: 96px;
   --maker-height: 100vh;
@@ -9270,10 +9291,10 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
   height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
   padding-top: var(--navigation-height-mobile);
 }
-.c-brand-page-maker__inner[data-v-f7674ca6] {
+.c-brand-page-maker__inner[data-v-b0e83282] {
   height: 100%;
 }
-.c-save-bar[data-v-f7674ca6] {
+.c-save-bar[data-v-b0e83282] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -9295,7 +9316,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
   -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.c-save-bar--visible[data-v-f7674ca6] {
+.c-save-bar--visible[data-v-b0e83282] {
   visibility: visible !important;
   --tw-translate-y: 0px !important;
   -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
@@ -9305,11 +9326,11 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
           transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 @media (min-width: 1024px) {
-.c-brand-page-maker[data-v-f7674ca6] {
+.c-brand-page-maker[data-v-b0e83282] {
     height: calc(var(--maker-height) - var(--navigation-height-desktop));
     padding-top: 0px;
 }
-.c-brand-page-maker__inner[data-v-f7674ca6] {
+.c-brand-page-maker__inner[data-v-b0e83282] {
     height: 100%;
 }
 }