@designcrowd/library.brand-page 6.0.26 → 6.1.0-ast-ai

package/lib/src/{CreatedOnBrandCrowd-de-de-DU6YEVcW.js → CreatedOnBrandCrowd-de-de-wp9qx2Hr.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-DNWWK6Tj.js → CreatedOnBrandCrowd-en-us-D1YmVEXa.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-DVFvV9Qp.js → CreatedOnBrandCrowd-es-es-BBftOIFq.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-B4ZkjNdw.js → CreatedOnBrandCrowd-fr-ca-CnK1Innw.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-B4ZkjNdw.js → CreatedOnBrandCrowd-fr-fr-CnK1Innw.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-DP7AQGgW.js → CreatedOnBrandCrowd-pt-br-CoHVliEt.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-DP7AQGgW.js → CreatedOnBrandCrowd-pt-pt-CoHVliEt.js}

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

package/lib/src/{CreatedOnDcom-de-de-CaC3GtG9.js → CreatedOnDcom-de-de-Cc6iSdR9.js}

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

package/lib/src/{CreatedOnDcom-en-us-D16yT0-P.js → CreatedOnDcom-en-us-D4IJlAE3.js}

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

package/lib/src/{CreatedOnDcom-es-es-DA5sHgD_.js → CreatedOnDcom-es-es-CbJNVXVO.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-CDv2SG1-.js → CreatedOnDcom-fr-ca-CQrJB5UN.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-Cygc7c5d.js → CreatedOnDcom-fr-fr-DAU1O7Is.js}

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

package/lib/src/{CreatedOnDcom-pt-br-B_3RIzgF.js → CreatedOnDcom-pt-br-CUUQkJuj.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-Bz5w-rrD.js → CreatedOnDcom-pt-pt-Cslzwv7g.js}

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

package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.js

@@ -285,9 +285,11 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
                         .filter((c) => c !== null),
                 }));
             }
-            if (uiStore.personalisationData) {
-                const personalisationIndex = await getAiContentIndexByTemplateTokenAndNumberOfVariations(this.selectedTemplateId, uiStore.personalisationData.length);
-                const { model } = await applyUserPersonalisationToBrandPageModelAsync(uiStore.personalisationData[personalisationIndex].userPersonalisation, new BrandPageModel(brandPageModel));
+            const activePersonalisation = templateSettingsStore.searchPersonalisationData ??
+                uiStore.personalisationData;
+            if (activePersonalisation) {
+                const personalisationIndex = await getAiContentIndexByTemplateTokenAndNumberOfVariations(this.selectedTemplateId, activePersonalisation.length);
+                const { model } = await applyUserPersonalisationToBrandPageModelAsync(activePersonalisation[personalisationIndex].userPersonalisation, new BrandPageModel(brandPageModel));
                 brandPageModel.styles = model.styles;
                 brandPageModel.pages = model.pages;
             }

package/lib/src/clients/models.d.ts

@@ -1,3 +1,4 @@
+import type { UserPersonalisationContent } from '@brand-page';
 export interface Paginated<T> {
     paginatedItems: T[];
     page: number;
@@ -5,6 +6,7 @@ export interface Paginated<T> {
     pageCount: number;
     totalResultCount: number;
     abTestValuesToBePushed?: Record<string, string>;
+    searchPersonalisation?: UserPersonalisationContent[];
 }
 export interface DesignTemplate {
     token: string;

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

@@ -6078,12 +6078,12 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 }
 }
 
-.form-error[data-v-14e7c7c7] {
+.form-error[data-v-665b8067] {
   font-size: 0.75rem;
   line-height: 1rem;
   color: #f21b3f;
 }
-select[data-v-14e7c7c7] {
+select[data-v-665b8067] {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: right 12px center;
@@ -6861,18 +6861,18 @@ select[data-v-14e7c7c7] {
   margin-bottom: 0.5rem
 }
 
-.form-error[data-v-63862919] {
+.form-error[data-v-71591b18] {
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: #f21b3f
 }
 @media (max-width: 767px) {
-.product-detail[data-v-63862919] {
+.product-detail[data-v-71591b18] {
     grid-template-columns: repeat(1, minmax(0, 1fr))
 }
 }
 @media (min-width: 767px) {
-.product-detail[data-v-63862919] {
+.product-detail[data-v-71591b18] {
     grid-template-columns: repeat(2, minmax(0, 1fr))
 }
 }
@@ -8879,11 +8879,11 @@ body {
   min-width: 33.333333%
 }
 
-.font-list[data-v-d11f2982] {
+.font-list[data-v-d8988a52] {
   scrollbar-width: none; /* Firefox */
   -ms-overflow-style: none; /* IE/Edge */
 }
-.font-list[data-v-d11f2982]::-webkit-scrollbar {
+.font-list[data-v-d8988a52]::-webkit-scrollbar {
   display: none; /* Chrome, Safari, Opera */
 }
 
@@ -8894,16 +8894,16 @@ body {
  * estimate keeps the scrollbar and scrollToSelectedFont accurate. Nodes
  * stay in the DOM, so find-in-page / a11y / selectors are unaffected.
  */
-.font-list-item[data-v-d11f2982] {
+.font-list-item[data-v-d8988a52] {
   content-visibility: auto;
   contain-intrinsic-size: auto 36px;
 }
 
-.rich-text-editor[data-v-1ea61cf8]:focus-within {
+.rich-text-editor[data-v-2b402f22]:focus-within {
   --tw-border-opacity: 1;
   border-color: rgb(94 94 94 / var(--tw-border-opacity));
 }
-.style-editor[data-v-1ea61cf8] {
+.style-editor[data-v-2b402f22] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8914,7 +8914,7 @@ body {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
 }
-.style-editor[data-v-1ea61cf8] button:not(.c-button-style) {
+.style-editor[data-v-2b402f22] button:not(.c-button-style) {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8924,16 +8924,16 @@ body {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
-.style-editor-button[data-v-1ea61cf8] {
+.style-editor-button[data-v-2b402f22] {
   cursor: pointer;
   padding-left: 0.25rem;
   padding-top: 0.25rem;
 }
-.toolbar-editor-button.active[data-v-1ea61cf8] {
+.toolbar-editor-button.active[data-v-2b402f22] {
   font-weight: 700;
   background: #e3e3e3;
 }
-.toolbar-editor-button[data-v-1ea61cf8] {
+.toolbar-editor-button[data-v-2b402f22] {
   height: 32px;
   width: 32px;
   border-radius: 4px;
@@ -8951,7 +8951,7 @@ body {
       -ms-flex-pack: center;
           justify-content: center;
 }
-[data-v-1ea61cf8] .ProseMirror {
+[data-v-2b402f22] .ProseMirror {
   border-top: 1px solid #ccc;
   min-height: 150px;
   padding: 8px;
@@ -8964,13 +8964,13 @@ body {
   max-height: 14rem;
   overflow: auto;
 }
-.editor-compact[data-v-1ea61cf8] .ProseMirror {
+.editor-compact[data-v-2b402f22] .ProseMirror {
   min-height: 6rem;
 }
-[data-v-1ea61cf8] .ProseMirror:focus {
+[data-v-2b402f22] .ProseMirror:focus {
   outline: none;
 }
-[data-v-1ea61cf8] .ProseMirror * {
+[data-v-2b402f22] .ProseMirror * {
   text-align: left !important;
   font-size: 16px !important;
   color: #606060 !important;
@@ -8979,28 +8979,28 @@ body {
   background-color: transparent !important;
   font-family: 'Lato' !important;
 }
-[data-v-1ea61cf8] .ProseMirror a s,[data-v-1ea61cf8] .ProseMirror a strike,[data-v-1ea61cf8] .ProseMirror a [data-strike] {
+[data-v-2b402f22] .ProseMirror a s,[data-v-2b402f22] .ProseMirror a strike,[data-v-2b402f22] .ProseMirror a [data-strike] {
   text-decoration: line-through !important;
 }
-[data-v-1ea61cf8] .ProseMirror a,[data-v-1ea61cf8] .ProseMirror a * {
+[data-v-2b402f22] .ProseMirror a,[data-v-2b402f22] .ProseMirror a * {
   color: #0097d7 !important;
   text-decoration: underline !important;
 }
-.error-message[data-v-1ea61cf8] {
+.error-message[data-v-2b402f22] {
   color: #d32f2f;
   font-size: 0.875rem;
   margin-top: 4px;
 }
-.popup-container[data-v-1ea61cf8] {
+.popup-container[data-v-2b402f22] {
   position: absolute;
   z-index: 10;
   right: 8%;
 }
-.hyperlink-preview[data-v-1ea61cf8] {
+.hyperlink-preview[data-v-2b402f22] {
   position: absolute;
   z-index: 10;
 }
-.popup-panel[data-v-1ea61cf8] {
+.popup-panel[data-v-2b402f22] {
   background: #fff;
   border: 1px solid #ccc;
   border-radius: 8px;
@@ -9008,17 +9008,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-1ea61cf8] input {
+.popup-panel[data-v-2b402f22] input {
   border: 1px solid #ccc;
   border-radius: 8px;
 }
-.border[data-v-1ea61cf8] {
+.border[data-v-2b402f22] {
   width: 100%;
   --tw-bg-opacity: 1;
   background-color: rgb(208 208 208 / var(--tw-bg-opacity));
   height: 1px;
 }
-[data-v-1ea61cf8] .text-dropdown-title {
+[data-v-2b402f22] .text-dropdown-title {
   height: 2rem;
   width: 100%;
   font-size: 0.875rem;
@@ -9027,7 +9027,7 @@ body {
   color: rgb(43 43 43 / var(--tw-text-opacity));
   font-weight: 300;
 }
-[data-v-1ea61cf8] .ProseMirror p.is-editor-empty:first-child::before {
+[data-v-2b402f22] .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);
@@ -9036,56 +9036,56 @@ body {
   pointer-events: none;
 }
 @media (max-width: 399px) {
-.style-editor-button-font[data-v-1ea61cf8],
-  .style-editor-button-textstyle[data-v-1ea61cf8] {
+.style-editor-button-font[data-v-2b402f22],
+  .style-editor-button-textstyle[data-v-2b402f22] {
     max-width: 48%;
     padding-bottom: 0.25rem;
 }
-.style-editor-button.stepper[data-v-1ea61cf8] {
+.style-editor-button.stepper[data-v-2b402f22] {
     max-width: 40%;
 }
-.style-editor-button-stepper[data-v-1ea61cf8] {
+.style-editor-button-stepper[data-v-2b402f22] {
     max-width: 100%;
 }
-.border.desktop[data-v-1ea61cf8] {
+.border.desktop[data-v-2b402f22] {
     display: none;
 }
-.border.mobile[data-v-1ea61cf8] {
+.border.mobile[data-v-2b402f22] {
     display: block;
 }
-[data-v-1ea61cf8] .left-align {
+[data-v-2b402f22] .left-align {
     -webkit-transform: translateX(-48%);
             transform: translateX(-48%);
 }
-.hyperlink-popup[data-v-1ea61cf8] {
+.hyperlink-popup[data-v-2b402f22] {
     z-index: 10000 !important;
 }
 }
 @media (min-width: 400px) {
-.style-editor-button.stepper[data-v-1ea61cf8] {
+.style-editor-button.stepper[data-v-2b402f22] {
     max-width: 32%;
 }
-.style-editor-button-font[data-v-1ea61cf8] {
+.style-editor-button-font[data-v-2b402f22] {
     max-width: 28%;
 }
-.style-editor-button-stepper[data-v-1ea61cf8] {
+.style-editor-button-stepper[data-v-2b402f22] {
     max-width: 100%;
 }
-.style-editor-button-textstyle[data-v-1ea61cf8] {
+.style-editor-button-textstyle[data-v-2b402f22] {
     max-width: 25%;
 }
-.border.desktop[data-v-1ea61cf8] {
+.border.desktop[data-v-2b402f22] {
     display: block;
 }
-.border.mobile[data-v-1ea61cf8] {
+.border.mobile[data-v-2b402f22] {
     display: none;
 }
-[data-v-1ea61cf8] .left-align {
+[data-v-2b402f22] .left-align {
     -webkit-transform: translateX(-25%);
             transform: translateX(-25%);
 }
 }
-.drop-down-item[data-v-1ea61cf8]:hover {
+.drop-down-item[data-v-2b402f22]:hover {
   background-color: #eee;
 }
 

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

@@ -6689,12 +6689,12 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 }
 }
 
-.form-error[data-v-14e7c7c7] {
+.form-error[data-v-665b8067] {
   font-size: 0.75rem;
   line-height: 1rem;
   color: #f21b3f;
 }
-select[data-v-14e7c7c7] {
+select[data-v-665b8067] {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: right 12px center;
@@ -7472,18 +7472,18 @@ select[data-v-14e7c7c7] {
   margin-bottom: 0.5rem
 }
 
-.form-error[data-v-63862919] {
+.form-error[data-v-71591b18] {
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: #f21b3f
 }
 @media (max-width: 767px) {
-.product-detail[data-v-63862919] {
+.product-detail[data-v-71591b18] {
     grid-template-columns: repeat(1, minmax(0, 1fr))
 }
 }
 @media (min-width: 767px) {
-.product-detail[data-v-63862919] {
+.product-detail[data-v-71591b18] {
     grid-template-columns: repeat(2, minmax(0, 1fr))
 }
 }
@@ -9490,11 +9490,11 @@ body {
   min-width: 33.333333%
 }
 
-.font-list[data-v-d11f2982] {
+.font-list[data-v-d8988a52] {
   scrollbar-width: none; /* Firefox */
   -ms-overflow-style: none; /* IE/Edge */
 }
-.font-list[data-v-d11f2982]::-webkit-scrollbar {
+.font-list[data-v-d8988a52]::-webkit-scrollbar {
   display: none; /* Chrome, Safari, Opera */
 }
 
@@ -9505,16 +9505,16 @@ body {
  * estimate keeps the scrollbar and scrollToSelectedFont accurate. Nodes
  * stay in the DOM, so find-in-page / a11y / selectors are unaffected.
  */
-.font-list-item[data-v-d11f2982] {
+.font-list-item[data-v-d8988a52] {
   content-visibility: auto;
   contain-intrinsic-size: auto 36px;
 }
 
-.rich-text-editor[data-v-1ea61cf8]:focus-within {
+.rich-text-editor[data-v-2b402f22]:focus-within {
   --tw-border-opacity: 1;
   border-color: rgb(94 94 94 / var(--tw-border-opacity));
 }
-.style-editor[data-v-1ea61cf8] {
+.style-editor[data-v-2b402f22] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -9525,7 +9525,7 @@ body {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
 }
-.style-editor[data-v-1ea61cf8] button:not(.c-button-style) {
+.style-editor[data-v-2b402f22] button:not(.c-button-style) {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -9535,16 +9535,16 @@ body {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
-.style-editor-button[data-v-1ea61cf8] {
+.style-editor-button[data-v-2b402f22] {
   cursor: pointer;
   padding-left: 0.25rem;
   padding-top: 0.25rem;
 }
-.toolbar-editor-button.active[data-v-1ea61cf8] {
+.toolbar-editor-button.active[data-v-2b402f22] {
   font-weight: 700;
   background: #e3e3e3;
 }
-.toolbar-editor-button[data-v-1ea61cf8] {
+.toolbar-editor-button[data-v-2b402f22] {
   height: 32px;
   width: 32px;
   border-radius: 4px;
@@ -9562,7 +9562,7 @@ body {
       -ms-flex-pack: center;
           justify-content: center;
 }
-[data-v-1ea61cf8] .ProseMirror {
+[data-v-2b402f22] .ProseMirror {
   border-top: 1px solid #ccc;
   min-height: 150px;
   padding: 8px;
@@ -9575,13 +9575,13 @@ body {
   max-height: 14rem;
   overflow: auto;
 }
-.editor-compact[data-v-1ea61cf8] .ProseMirror {
+.editor-compact[data-v-2b402f22] .ProseMirror {
   min-height: 6rem;
 }
-[data-v-1ea61cf8] .ProseMirror:focus {
+[data-v-2b402f22] .ProseMirror:focus {
   outline: none;
 }
-[data-v-1ea61cf8] .ProseMirror * {
+[data-v-2b402f22] .ProseMirror * {
   text-align: left !important;
   font-size: 16px !important;
   color: #606060 !important;
@@ -9590,28 +9590,28 @@ body {
   background-color: transparent !important;
   font-family: 'Lato' !important;
 }
-[data-v-1ea61cf8] .ProseMirror a s,[data-v-1ea61cf8] .ProseMirror a strike,[data-v-1ea61cf8] .ProseMirror a [data-strike] {
+[data-v-2b402f22] .ProseMirror a s,[data-v-2b402f22] .ProseMirror a strike,[data-v-2b402f22] .ProseMirror a [data-strike] {
   text-decoration: line-through !important;
 }
-[data-v-1ea61cf8] .ProseMirror a,[data-v-1ea61cf8] .ProseMirror a * {
+[data-v-2b402f22] .ProseMirror a,[data-v-2b402f22] .ProseMirror a * {
   color: #0097d7 !important;
   text-decoration: underline !important;
 }
-.error-message[data-v-1ea61cf8] {
+.error-message[data-v-2b402f22] {
   color: #d32f2f;
   font-size: 0.875rem;
   margin-top: 4px;
 }
-.popup-container[data-v-1ea61cf8] {
+.popup-container[data-v-2b402f22] {
   position: absolute;
   z-index: 10;
   right: 8%;
 }
-.hyperlink-preview[data-v-1ea61cf8] {
+.hyperlink-preview[data-v-2b402f22] {
   position: absolute;
   z-index: 10;
 }
-.popup-panel[data-v-1ea61cf8] {
+.popup-panel[data-v-2b402f22] {
   background: #fff;
   border: 1px solid #ccc;
   border-radius: 8px;
@@ -9619,17 +9619,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-1ea61cf8] input {
+.popup-panel[data-v-2b402f22] input {
   border: 1px solid #ccc;
   border-radius: 8px;
 }
-.border[data-v-1ea61cf8] {
+.border[data-v-2b402f22] {
   width: 100%;
   --tw-bg-opacity: 1;
   background-color: rgb(208 208 208 / var(--tw-bg-opacity));
   height: 1px;
 }
-[data-v-1ea61cf8] .text-dropdown-title {
+[data-v-2b402f22] .text-dropdown-title {
   height: 2rem;
   width: 100%;
   font-size: 0.875rem;
@@ -9638,7 +9638,7 @@ body {
   color: rgb(43 43 43 / var(--tw-text-opacity));
   font-weight: 300;
 }
-[data-v-1ea61cf8] .ProseMirror p.is-editor-empty:first-child::before {
+[data-v-2b402f22] .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);
@@ -9647,56 +9647,56 @@ body {
   pointer-events: none;
 }
 @media (max-width: 399px) {
-.style-editor-button-font[data-v-1ea61cf8],
-  .style-editor-button-textstyle[data-v-1ea61cf8] {
+.style-editor-button-font[data-v-2b402f22],
+  .style-editor-button-textstyle[data-v-2b402f22] {
     max-width: 48%;
     padding-bottom: 0.25rem;
 }
-.style-editor-button.stepper[data-v-1ea61cf8] {
+.style-editor-button.stepper[data-v-2b402f22] {
     max-width: 40%;
 }
-.style-editor-button-stepper[data-v-1ea61cf8] {
+.style-editor-button-stepper[data-v-2b402f22] {
     max-width: 100%;
 }
-.border.desktop[data-v-1ea61cf8] {
+.border.desktop[data-v-2b402f22] {
     display: none;
 }
-.border.mobile[data-v-1ea61cf8] {
+.border.mobile[data-v-2b402f22] {
     display: block;
 }
-[data-v-1ea61cf8] .left-align {
+[data-v-2b402f22] .left-align {
     -webkit-transform: translateX(-48%);
             transform: translateX(-48%);
 }
-.hyperlink-popup[data-v-1ea61cf8] {
+.hyperlink-popup[data-v-2b402f22] {
     z-index: 10000 !important;
 }
 }
 @media (min-width: 400px) {
-.style-editor-button.stepper[data-v-1ea61cf8] {
+.style-editor-button.stepper[data-v-2b402f22] {
     max-width: 32%;
 }
-.style-editor-button-font[data-v-1ea61cf8] {
+.style-editor-button-font[data-v-2b402f22] {
     max-width: 28%;
 }
-.style-editor-button-stepper[data-v-1ea61cf8] {
+.style-editor-button-stepper[data-v-2b402f22] {
     max-width: 100%;
 }
-.style-editor-button-textstyle[data-v-1ea61cf8] {
+.style-editor-button-textstyle[data-v-2b402f22] {
     max-width: 25%;
 }
-.border.desktop[data-v-1ea61cf8] {
+.border.desktop[data-v-2b402f22] {
     display: block;
 }
-.border.mobile[data-v-1ea61cf8] {
+.border.mobile[data-v-2b402f22] {
     display: none;
 }
-[data-v-1ea61cf8] .left-align {
+[data-v-2b402f22] .left-align {
     -webkit-transform: translateX(-25%);
             transform: translateX(-25%);
 }
 }
-.drop-down-item[data-v-1ea61cf8]:hover {
+.drop-down-item[data-v-2b402f22]:hover {
   background-color: #eee;
 }