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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/lib/src/{CreatedOnBrandCrowd-de-de-Dh2De-BU.js → CreatedOnBrandCrowd-de-de-B1T8_OBV.js} +1 -1
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-BoxCnmMI.js → CreatedOnBrandCrowd-en-us-BhdAX9UQ.js} +1 -1
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-BDTBNxrE.js → CreatedOnBrandCrowd-es-es-BjVvpU3y.js} +1 -1
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-Xo_m4_14.js → CreatedOnBrandCrowd-fr-ca-r-KrKXsc.js} +1 -1
  5. package/lib/src/{CreatedOnBrandCrowd-fr-ca-Xo_m4_14.js → CreatedOnBrandCrowd-fr-fr-r-KrKXsc.js} +1 -1
  6. package/lib/src/{CreatedOnBrandCrowd-pt-pt-BJyBRyRr.js → CreatedOnBrandCrowd-pt-br-B8LGmP2n.js} +1 -1
  7. package/lib/src/{CreatedOnBrandCrowd-pt-br-BJyBRyRr.js → CreatedOnBrandCrowd-pt-pt-B8LGmP2n.js} +1 -1
  8. package/lib/src/{CreatedOnDcom-de-de-DIYRymrK.js → CreatedOnDcom-de-de-DwvfyZnW.js} +1 -1
  9. package/lib/src/{CreatedOnDcom-en-us-DiBzMJQZ.js → CreatedOnDcom-en-us-fJNeDirk.js} +1 -1
  10. package/lib/src/{CreatedOnDcom-es-es-CmZFn355.js → CreatedOnDcom-es-es-Cjr-is4P.js} +1 -1
  11. package/lib/src/{CreatedOnDcom-fr-ca-CfLxOwFw.js → CreatedOnDcom-fr-ca-DqZIWWZk.js} +1 -1
  12. package/lib/src/{CreatedOnDcom-fr-fr-Ck9NhEyQ.js → CreatedOnDcom-fr-fr-DElGCXcY.js} +1 -1
  13. package/lib/src/{CreatedOnDcom-pt-br-WRUoMSxH.js → CreatedOnDcom-pt-br-DmVlUFyY.js} +1 -1
  14. package/lib/src/{CreatedOnDcom-pt-pt-CPNWCLsq.js → CreatedOnDcom-pt-pt-B4xiFpxQ.js} +1 -1
  15. package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.js +8 -1
  16. package/lib/src/brand-page-maker/utils/rich-text-editor.util.d.ts +8 -0
  17. package/lib/src/brand-page-maker/utils/rich-text-editor.util.js +56 -10
  18. package/lib/src/css/library.brand-page-brandCrowd.min.css +28 -7
  19. package/lib/src/css/library.brand-page-brandPage.min.css +28 -7
  20. package/lib/src/css/library.brand-page-designCom.min.css +28 -7
  21. package/lib/src/css/library.brand-page-preview.min.css +28 -7
  22. package/lib/src/index.mjs +1 -1
  23. package/lib/src/{lib-DePcBUGc.js → lib-CCIsFrCY.js} +6551 -6474
  24. package/package.json +1 -1
  25. package/src/brand-page/components/text-wrapper/TextWrapper.vue +1 -1
  26. package/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.vue +10 -0
  27. package/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.ts +12 -0
  28. package/src/brand-page-maker/components/layout-switcher/LayoutSwitcher.vue +23 -3
  29. package/src/brand-page-maker/components/live-chat-button/LiveChatButton.vue +35 -0
  30. package/src/brand-page-maker/utils/rich-text-editor.util.test.ts +51 -0
  31. package/src/brand-page-maker/utils/rich-text-editor.util.ts +72 -10
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-DePcBUGc.js";
2
+ import { _ as t } from "./lib-CCIsFrCY.js";
3
3
  const i = {}, h = {
4
4
  width: "275",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-DePcBUGc.js";
2
+ import { _ as t } from "./lib-CCIsFrCY.js";
3
3
  const i = {}, h = {
4
4
  width: "251",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-DePcBUGc.js";
2
+ import { _ as t } from "./lib-CCIsFrCY.js";
3
3
  const i = {}, h = {
4
4
  width: "250",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-DePcBUGc.js";
2
+ import { _ as t } from "./lib-CCIsFrCY.js";
3
3
  const i = {}, h = {
4
4
  width: "237",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-DePcBUGc.js";
2
+ import { _ as t } from "./lib-CCIsFrCY.js";
3
3
  const i = {}, h = {
4
4
  width: "237",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-DePcBUGc.js";
2
+ import { _ as t } from "./lib-CCIsFrCY.js";
3
3
  const i = {}, h = {
4
4
  width: "263",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-DePcBUGc.js";
2
+ import { _ as t } from "./lib-CCIsFrCY.js";
3
3
  const i = {}, h = {
4
4
  width: "263",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-DePcBUGc.js";
2
+ import { _ as e } from "./lib-CCIsFrCY.js";
3
3
  const M = {}, Z = {
4
4
  width: "242",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-DePcBUGc.js";
2
+ import { _ as e } from "./lib-CCIsFrCY.js";
3
3
  const i = {}, M = {
4
4
  width: "231",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-DePcBUGc.js";
2
+ import { _ as e } from "./lib-CCIsFrCY.js";
3
3
  const M = {}, Z = {
4
4
  width: "230",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-DePcBUGc.js";
2
+ import { _ as e } from "./lib-CCIsFrCY.js";
3
3
  const i = {}, l = {
4
4
  width: "216",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-DePcBUGc.js";
2
+ import { _ as e } from "./lib-CCIsFrCY.js";
3
3
  const i = {}, l = {
4
4
  width: "216",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as M } from "./lib-DePcBUGc.js";
2
+ import { _ as M } from "./lib-CCIsFrCY.js";
3
3
  const Z = {}, e = {
4
4
  width: "232",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as M } from "./lib-DePcBUGc.js";
2
+ import { _ as M } from "./lib-CCIsFrCY.js";
3
3
  const Z = {}, e = {
4
4
  width: "232",
5
5
  height: "36",
@@ -11,7 +11,7 @@ import { useUiPageSettingsStore } from '@shared/page-settings/store';
11
11
  import { PAGE_SECTIONS } from '@shared/page-settings/models';
12
12
  import { EVENTS, SELECT_LOCATIONS, useEventTracker, } from '@brand-page-maker/composables/useEventTracker';
13
13
  import debounce from 'lodash.debounce';
14
- import { transformToRTE, RTE_ALLOWED_SECTION_TYPES, } from '@brand-page-maker/utils';
14
+ import { transformToRTE, fixHighlightLineHeightsOnLoad, RTE_ALLOWED_SECTION_TYPES, } from '@brand-page-maker/utils';
15
15
  import { useExternalRichTextEditor } from '@brand-page-maker/composables/rich-text-editor/useRichTextEditor';
16
16
  import { useUiStyleSettingsStore } from '@shared/style-settings/store';
17
17
  import { STYLE_THEME_KEYS } from '@brand-page/constants';
@@ -127,6 +127,13 @@ export default defineComponent({
127
127
  },
128
128
  mounted() {
129
129
  this.dispatchViewPortChangeEvent();
130
+ // Fix highlight overlap on initial load: spans with line-height < 1.2
131
+ // cause <mark> backgrounds to overlap adjacent lines. Bump them to the
132
+ // global style value. Only runs for items with textStyleType = None
133
+ // (those with a type are already handled by transformToRTE on click).
134
+ if (this.canUseRichTextEditor) {
135
+ fixHighlightLineHeightsOnLoad(this.pageSettingsStore, this.styleSettingsStore);
136
+ }
130
137
  },
131
138
  watch: {
132
139
  viewport() {
@@ -11,6 +11,14 @@ export declare const skipStyleDetection: (chain: ChainedCommands, marks?: Mark[]
11
11
  export declare const hasRTEContent: (content: string) => boolean;
12
12
  export declare const getPlainTextFromRTE: (content: string) => string;
13
13
  export declare const replaceTextInRTE: (existingHtml: string, newText: string) => string;
14
+ /**
15
+ * On initial load, content items whose textStyleType is not set (None) are
16
+ * skipped by transformToRTE, leaving their spans with the fixture's default
17
+ * line-height (e.g. 1.1). When a <mark> highlight is present this causes
18
+ * visible overlap between lines. Bumps any span with line-height < 1.2 to
19
+ * the global style value — no TipTap needed.
20
+ */
21
+ export declare const fixHighlightLineHeightsOnLoad: (uiPageSettingStore: PageSettingsState, uiStyleSettingsStore: StyleSettingsState) => void;
14
22
  export declare const transformToRTE: (uiPageSettingStore: PageSettingsState, externalEditor: Editor, uiStyleSettingsStore?: StyleSettingsState, newContent?: Content, type?: TextStyleType, newStyle?: TextStyleDeclaration) => void;
15
23
  export declare const switchAllContentToRTE: (uiPageSettingStore: PageSettingsState, externalEditor: Editor, uiStyleSettingsStore?: StyleSettingsState) => void;
16
24
  export declare const getUpdatedHTMLFromEditor: (externalEditor: Editor, contentText: string, newContentStyle: TextStyleDeclaration) => string;
@@ -1,4 +1,4 @@
1
- import { STYLE_THEME_KEYS, } from '@brand-page';
1
+ import { STYLE_THEME_KEYS, TEXT_STYLE_TYPES, } from '@brand-page';
2
2
  import { ESCAPED_NEWLINE_CHARACTER } from '@src/constants/ui';
3
3
  import { getRenderText } from '@brand-page/utils';
4
4
  import createDomPurify, {} from 'dompurify';
@@ -173,15 +173,13 @@ export const replaceTextInRTE = (existingHtml, newText) => {
173
173
  };
174
174
  // Iterate through all spans to collect and merge styles
175
175
  spans.forEach((span) => {
176
- // Collect inline styles
177
- if (span.style.cssText) {
178
- const styleDeclarations = span.style.cssText.split(';');
179
- styleDeclarations.forEach((declaration) => {
180
- const [property, value] = declaration.split(':').map((s) => s.trim());
181
- if (property && value) {
182
- mergedStyles[property] = value; // Latest value overwrites previous
183
- }
184
- });
176
+ // Use getPropertyValue per allowed property instead of parsing cssText.
177
+ // cssText.split(':') breaks for multi-colon values like rgb(), var(), etc.
178
+ for (const property of allowedCSSProperties) {
179
+ const value = span.style.getPropertyValue(property);
180
+ if (value) {
181
+ mergedStyles[property] = value; // Latest value overwrites previous
182
+ }
185
183
  }
186
184
  // Collect data attributes (like data-color for marks)
187
185
  if (span.hasAttribute('data-color')) {
@@ -256,6 +254,54 @@ export const replaceTextInRTE = (existingHtml, newText) => {
256
254
  blockElement.appendChild(newSpan);
257
255
  return tempDiv.innerHTML;
258
256
  };
257
+ /**
258
+ * On initial load, content items whose textStyleType is not set (None) are
259
+ * skipped by transformToRTE, leaving their spans with the fixture's default
260
+ * line-height (e.g. 1.1). When a <mark> highlight is present this causes
261
+ * visible overlap between lines. Bumps any span with line-height < 1.2 to
262
+ * the global style value — no TipTap needed.
263
+ */
264
+ export const fixHighlightLineHeightsOnLoad = (uiPageSettingStore, uiStyleSettingsStore) => {
265
+ const lh = (type) => uiStyleSettingsStore.textStyles.textStyleOptions[TEXT_STYLE_TYPES[type]]
266
+ ?.style?.lineHeight;
267
+ const titlesLH = lh('titles');
268
+ const headingsLH = lh('headings');
269
+ const paragraphsLH = lh('paragraphs');
270
+ const fix = (html, lineHeight) => {
271
+ if (!lineHeight || !/<mark\b/i.test(html))
272
+ return html;
273
+ const div = document.createElement('div');
274
+ div.innerHTML = html;
275
+ div.querySelectorAll('span').forEach((span) => {
276
+ const current = parseFloat(span.style.lineHeight);
277
+ if (!isNaN(current) && current < 1.2)
278
+ span.style.lineHeight = lineHeight;
279
+ });
280
+ return div.innerHTML;
281
+ };
282
+ for (const page of uiPageSettingStore.pages) {
283
+ for (const contentItem of page.contents) {
284
+ if (!RTE_ALLOWED_SECTION_TYPES.includes(contentItem.type))
285
+ continue;
286
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
287
+ const c = contentItem.settings.content;
288
+ if ('titleStyle' in c && !c.titleStyle?.textStyleType)
289
+ c.title = fix(c.title, contentItem.type === 'profile' ? headingsLH : titlesLH);
290
+ if ('nameStyle' in c && !c.nameStyle?.textStyleType)
291
+ c.name = fix(c.name, titlesLH);
292
+ if ('descriptionStyle' in c && !c.descriptionStyle?.textStyleType)
293
+ c.description = fix(c.description, paragraphsLH);
294
+ if (c.textItems?.length) {
295
+ for (const item of c.textItems)
296
+ if (!item.textStyle?.textStyleType)
297
+ item.text = fix(item.text, paragraphsLH);
298
+ }
299
+ else if ('textStyle' in c && !c.textStyle?.textStyleType) {
300
+ c.text = fix(c.text, paragraphsLH);
301
+ }
302
+ }
303
+ }
304
+ };
259
305
  export const transformToRTE = (uiPageSettingStore, externalEditor, uiStyleSettingsStore, newContent, type, newStyle) => {
260
306
  for (const page of uiPageSettingStore.pages) {
261
307
  for (const contentItem of page.contents) {
@@ -5568,7 +5568,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5568
5568
  max-height: 45vh;
5569
5569
  }
5570
5570
 
5571
- .empty-para[data-v-5a056a60] p:empty::after {
5571
+ .empty-para[data-v-c9046a90] p:empty::after {
5572
5572
  content: '\00A0';
5573
5573
  }
5574
5574
 
@@ -9005,6 +9005,27 @@ input[type='number'][data-v-b7154ee1] {
9005
9005
  border-radius: 3rem;
9006
9006
  }
9007
9007
 
9008
+ .live-chat-button[data-v-37995f3e] {
9009
+ display: -webkit-box;
9010
+ display: -ms-flexbox;
9011
+ display: flex;
9012
+ cursor: pointer;
9013
+ -webkit-box-align: center;
9014
+ -ms-flex-align: center;
9015
+ align-items: center;
9016
+ -webkit-box-pack: center;
9017
+ -ms-flex-pack: center;
9018
+ justify-content: center;
9019
+ border-width: 2px;
9020
+ border-style: solid;
9021
+ --tw-border-opacity: 1;
9022
+ border-color: rgb(230 230 230 / var(--tw-border-opacity));
9023
+ --tw-bg-opacity: 1;
9024
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
9025
+ --tw-text-opacity: 1;
9026
+ color: rgb(43 43 43 / var(--tw-text-opacity))
9027
+ }
9028
+
9008
9029
  .dynamic-width-input[data-v-97be2e87] {
9009
9030
  margin-top: auto;
9010
9031
  margin-bottom: auto;
@@ -9260,7 +9281,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
9260
9281
  flex-direction: column;
9261
9282
  }
9262
9283
 
9263
- .c-brand-page-maker[data-v-f7674ca6] {
9284
+ .c-brand-page-maker[data-v-b0e83282] {
9264
9285
  --navigation-height-desktop: 64px;
9265
9286
  --navigation-height-mobile: 96px;
9266
9287
  --maker-height: 100vh;
@@ -9270,10 +9291,10 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
9270
9291
  height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
9271
9292
  padding-top: var(--navigation-height-mobile);
9272
9293
  }
9273
- .c-brand-page-maker__inner[data-v-f7674ca6] {
9294
+ .c-brand-page-maker__inner[data-v-b0e83282] {
9274
9295
  height: 100%;
9275
9296
  }
9276
- .c-save-bar[data-v-f7674ca6] {
9297
+ .c-save-bar[data-v-b0e83282] {
9277
9298
  position: absolute;
9278
9299
  top: 0px;
9279
9300
  left: 0px;
@@ -9295,7 +9316,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
9295
9316
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
9296
9317
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
9297
9318
  }
9298
- .c-save-bar--visible[data-v-f7674ca6] {
9319
+ .c-save-bar--visible[data-v-b0e83282] {
9299
9320
  visibility: visible !important;
9300
9321
  --tw-translate-y: 0px !important;
9301
9322
  -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 {
9305
9326
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
9306
9327
  }
9307
9328
  @media (min-width: 1024px) {
9308
- .c-brand-page-maker[data-v-f7674ca6] {
9329
+ .c-brand-page-maker[data-v-b0e83282] {
9309
9330
  height: calc(var(--maker-height) - var(--navigation-height-desktop));
9310
9331
  padding-top: 0px;
9311
9332
  }
9312
- .c-brand-page-maker__inner[data-v-f7674ca6] {
9333
+ .c-brand-page-maker__inner[data-v-b0e83282] {
9313
9334
  height: 100%;
9314
9335
  }
9315
9336
  }
@@ -5882,7 +5882,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5882
5882
  max-height: 45vh;
5883
5883
  }
5884
5884
 
5885
- .empty-para[data-v-5a056a60] p:empty::after {
5885
+ .empty-para[data-v-c9046a90] p:empty::after {
5886
5886
  content: '\00A0';
5887
5887
  }
5888
5888
 
@@ -9319,6 +9319,27 @@ input[type='number'][data-v-b7154ee1] {
9319
9319
  border-radius: 3rem;
9320
9320
  }
9321
9321
 
9322
+ .live-chat-button[data-v-37995f3e] {
9323
+ display: -webkit-box;
9324
+ display: -ms-flexbox;
9325
+ display: flex;
9326
+ cursor: pointer;
9327
+ -webkit-box-align: center;
9328
+ -ms-flex-align: center;
9329
+ align-items: center;
9330
+ -webkit-box-pack: center;
9331
+ -ms-flex-pack: center;
9332
+ justify-content: center;
9333
+ border-width: 2px;
9334
+ border-style: solid;
9335
+ --tw-border-opacity: 1;
9336
+ border-color: rgb(230 230 230 / var(--tw-border-opacity));
9337
+ --tw-bg-opacity: 1;
9338
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
9339
+ --tw-text-opacity: 1;
9340
+ color: rgb(43 43 43 / var(--tw-text-opacity))
9341
+ }
9342
+
9322
9343
  .dynamic-width-input[data-v-97be2e87] {
9323
9344
  margin-top: auto;
9324
9345
  margin-bottom: auto;
@@ -9574,7 +9595,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
9574
9595
  flex-direction: column;
9575
9596
  }
9576
9597
 
9577
- .c-brand-page-maker[data-v-f7674ca6] {
9598
+ .c-brand-page-maker[data-v-b0e83282] {
9578
9599
  --navigation-height-desktop: 64px;
9579
9600
  --navigation-height-mobile: 96px;
9580
9601
  --maker-height: 100vh;
@@ -9584,10 +9605,10 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
9584
9605
  height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
9585
9606
  padding-top: var(--navigation-height-mobile);
9586
9607
  }
9587
- .c-brand-page-maker__inner[data-v-f7674ca6] {
9608
+ .c-brand-page-maker__inner[data-v-b0e83282] {
9588
9609
  height: 100%;
9589
9610
  }
9590
- .c-save-bar[data-v-f7674ca6] {
9611
+ .c-save-bar[data-v-b0e83282] {
9591
9612
  position: absolute;
9592
9613
  top: 0px;
9593
9614
  left: 0px;
@@ -9609,7 +9630,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
9609
9630
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
9610
9631
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
9611
9632
  }
9612
- .c-save-bar--visible[data-v-f7674ca6] {
9633
+ .c-save-bar--visible[data-v-b0e83282] {
9613
9634
  visibility: visible !important;
9614
9635
  --tw-translate-y: 0px !important;
9615
9636
  -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;
@@ -9619,11 +9640,11 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
9619
9640
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
9620
9641
  }
9621
9642
  @media (min-width: 1024px) {
9622
- .c-brand-page-maker[data-v-f7674ca6] {
9643
+ .c-brand-page-maker[data-v-b0e83282] {
9623
9644
  height: calc(var(--maker-height) - var(--navigation-height-desktop));
9624
9645
  padding-top: 0px;
9625
9646
  }
9626
- .c-brand-page-maker__inner[data-v-f7674ca6] {
9647
+ .c-brand-page-maker__inner[data-v-b0e83282] {
9627
9648
  height: 100%;
9628
9649
  }
9629
9650
  }
@@ -5598,7 +5598,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5598
5598
  max-height: 45vh;
5599
5599
  }
5600
5600
 
5601
- .empty-para[data-v-5a056a60] p:empty::after {
5601
+ .empty-para[data-v-c9046a90] p:empty::after {
5602
5602
  content: '\00A0';
5603
5603
  }
5604
5604
 
@@ -9035,6 +9035,27 @@ input[type='number'][data-v-b7154ee1] {
9035
9035
  border-radius: 3rem;
9036
9036
  }
9037
9037
 
9038
+ .live-chat-button[data-v-37995f3e] {
9039
+ display: -webkit-box;
9040
+ display: -ms-flexbox;
9041
+ display: flex;
9042
+ cursor: pointer;
9043
+ -webkit-box-align: center;
9044
+ -ms-flex-align: center;
9045
+ align-items: center;
9046
+ -webkit-box-pack: center;
9047
+ -ms-flex-pack: center;
9048
+ justify-content: center;
9049
+ border-width: 2px;
9050
+ border-style: solid;
9051
+ --tw-border-opacity: 1;
9052
+ border-color: rgb(227 227 227 / var(--tw-border-opacity));
9053
+ --tw-bg-opacity: 1;
9054
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
9055
+ --tw-text-opacity: 1;
9056
+ color: rgb(38 38 38 / var(--tw-text-opacity))
9057
+ }
9058
+
9038
9059
  .dynamic-width-input[data-v-97be2e87] {
9039
9060
  margin-top: auto;
9040
9061
  margin-bottom: auto;
@@ -9290,7 +9311,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
9290
9311
  flex-direction: column;
9291
9312
  }
9292
9313
 
9293
- .c-brand-page-maker[data-v-f7674ca6] {
9314
+ .c-brand-page-maker[data-v-b0e83282] {
9294
9315
  --navigation-height-desktop: 64px;
9295
9316
  --navigation-height-mobile: 96px;
9296
9317
  --maker-height: 100vh;
@@ -9300,10 +9321,10 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
9300
9321
  height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
9301
9322
  padding-top: var(--navigation-height-mobile);
9302
9323
  }
9303
- .c-brand-page-maker__inner[data-v-f7674ca6] {
9324
+ .c-brand-page-maker__inner[data-v-b0e83282] {
9304
9325
  height: 100%;
9305
9326
  }
9306
- .c-save-bar[data-v-f7674ca6] {
9327
+ .c-save-bar[data-v-b0e83282] {
9307
9328
  position: absolute;
9308
9329
  top: 0px;
9309
9330
  left: 0px;
@@ -9325,7 +9346,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
9325
9346
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
9326
9347
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
9327
9348
  }
9328
- .c-save-bar--visible[data-v-f7674ca6] {
9349
+ .c-save-bar--visible[data-v-b0e83282] {
9329
9350
  visibility: visible !important;
9330
9351
  --tw-translate-y: 0px !important;
9331
9352
  -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;
@@ -9335,11 +9356,11 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
9335
9356
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
9336
9357
  }
9337
9358
  @media (min-width: 1024px) {
9338
- .c-brand-page-maker[data-v-f7674ca6] {
9359
+ .c-brand-page-maker[data-v-b0e83282] {
9339
9360
  height: calc(var(--maker-height) - var(--navigation-height-desktop));
9340
9361
  padding-top: 0px;
9341
9362
  }
9342
- .c-brand-page-maker__inner[data-v-f7674ca6] {
9363
+ .c-brand-page-maker__inner[data-v-b0e83282] {
9343
9364
  height: 100%;
9344
9365
  }
9345
9366
  }
@@ -5296,7 +5296,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5296
5296
  max-height: 45vh;
5297
5297
  }
5298
5298
 
5299
- .bp .empty-para[data-v-5a056a60] p:empty::after {
5299
+ .bp .empty-para[data-v-c9046a90] p:empty::after {
5300
5300
  content: '\00A0';
5301
5301
  }
5302
5302
 
@@ -8733,6 +8733,27 @@ input[type='number'][data-v-b7154ee1] {
8733
8733
  border-radius: 3rem;
8734
8734
  }
8735
8735
 
8736
+ .bp .live-chat-button[data-v-37995f3e] {
8737
+ display: -webkit-box;
8738
+ display: -ms-flexbox;
8739
+ display: flex;
8740
+ cursor: pointer;
8741
+ -webkit-box-align: center;
8742
+ -ms-flex-align: center;
8743
+ align-items: center;
8744
+ -webkit-box-pack: center;
8745
+ -ms-flex-pack: center;
8746
+ justify-content: center;
8747
+ border-width: 2px;
8748
+ border-style: solid;
8749
+ --tw-border-opacity: 1;
8750
+ border-color: rgb(230 230 230 / var(--tw-border-opacity));
8751
+ --tw-bg-opacity: 1;
8752
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
8753
+ --tw-text-opacity: 1;
8754
+ color: rgb(43 43 43 / var(--tw-text-opacity))
8755
+ }
8756
+
8736
8757
  .bp .dynamic-width-input[data-v-97be2e87] {
8737
8758
  margin-top: auto;
8738
8759
  margin-bottom: auto;
@@ -8988,7 +9009,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
8988
9009
  flex-direction: column;
8989
9010
  }
8990
9011
 
8991
- .bp .c-brand-page-maker[data-v-f7674ca6] {
9012
+ .bp .c-brand-page-maker[data-v-b0e83282] {
8992
9013
  --navigation-height-desktop: 64px;
8993
9014
  --navigation-height-mobile: 96px;
8994
9015
  --maker-height: 100vh;
@@ -8998,10 +9019,10 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
8998
9019
  height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
8999
9020
  padding-top: var(--navigation-height-mobile);
9000
9021
  }
9001
- .bp .c-brand-page-maker__inner[data-v-f7674ca6] {
9022
+ .bp .c-brand-page-maker__inner[data-v-b0e83282] {
9002
9023
  height: 100%;
9003
9024
  }
9004
- .bp .c-save-bar[data-v-f7674ca6] {
9025
+ .bp .c-save-bar[data-v-b0e83282] {
9005
9026
  position: absolute;
9006
9027
  top: 0px;
9007
9028
  left: 0px;
@@ -9023,7 +9044,7 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
9023
9044
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
9024
9045
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
9025
9046
  }
9026
- .bp .c-save-bar--visible[data-v-f7674ca6] {
9047
+ .bp .c-save-bar--visible[data-v-b0e83282] {
9027
9048
  visibility: visible !important;
9028
9049
  --tw-translate-y: 0px !important;
9029
9050
  -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;
@@ -9033,11 +9054,11 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
9033
9054
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
9034
9055
  }
9035
9056
  @media (min-width: 1024px) {
9036
- .bp .c-brand-page-maker[data-v-f7674ca6] {
9057
+ .bp .c-brand-page-maker[data-v-b0e83282] {
9037
9058
  height: calc(var(--maker-height) - var(--navigation-height-desktop));
9038
9059
  padding-top: 0px;
9039
9060
  }
9040
- .bp .c-brand-page-maker__inner[data-v-f7674ca6] {
9061
+ .bp .c-brand-page-maker__inner[data-v-b0e83282] {
9041
9062
  height: 100%;
9042
9063
  }
9043
9064
  }
package/lib/src/index.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { A as E, a as T, b as s, c as I, d as S, e as N, f as e, B as A, g as O, h as C, i as G, j as D, k as P, l as t, m as R, n as L, o as M, p as o, q as r, r as b, s as n, t as F, u as i, v as l, w as g, x as B, y as c, z as Y, C as U, D as d, E as u, F as H, G as p, H as y, I as K, J as k, K as m, L as V, M as X, N as h, O as v, P as W, Q as f, R as x, S as z, T as w, U as Z, V as j, W as Q, X as q, Y as J, Z as $, $ as aa, a0 as _a, a1 as Ea, a2 as Ta, a3 as sa, a4 as Ia, a5 as Sa, a6 as Na, a7 as ea, a8 as Aa, a9 as Oa, aa as Ca, ab as Ga, ac as Da, ad as Pa, ae as ta, af as Ra, ag as La, ah as Ma, ai as oa, aj as ra, ak as ba, al as na, am as Fa, an as ia, ao as la, ap as ga, aq as Ba, ar as ca, as as Ya, at as Ua, au as da, av as ua, aw as Ha, ax as pa, ay as ya, az as Ka, aA as ka, aB as ma, aC as Va, aD as Xa, aE as ha, aF as va, aG as Wa, aH as fa, aI as xa, aJ as za, aK as wa, aL as Za, aM as ja, aN as Qa, aO as qa, aP as Ja, aQ as $a, aR as a_, aS as __, aT as E_, aU as T_, aV as s_, aW as I_, aX as S_, aY as N_, aZ as e_, a_ as A_, a$ as O_, b0 as C_, b1 as G_, b2 as D_, b3 as P_, b4 as t_, b5 as R_, b6 as L_, b7 as M_, b8 as o_, b9 as r_, ba as b_, bb as n_, bc as F_, bd as i_, be as l_, bf as g_, bg as B_, bh as c_, bi as Y_, bj as U_, bk as d_, bl as u_, bm as H_, bn as p_, bo as y_, bp as K_, bq as k_, br as m_, bs as V_, bt as X_, bu as h_, bv as v_, bw as W_, bx as f_, by as x_, bz as z_, bA as w_, bB as Z_, bC as j_, bD as Q_, bE as q_, bF as J_, bG as $_, bH as aE, bI as _E, bJ as EE, bK as TE, bL as sE, bM as IE, bN as SE, bO as NE, bP as eE, bQ as AE, bR as OE, bS as CE, bT as GE, bU as DE, bV as PE, bW as tE, bX as RE, bY as LE, bZ as ME, b_ as oE, b$ as rE, c0 as bE, c1 as nE, c2 as FE, c3 as iE, c4 as lE, c5 as gE, c6 as BE, c7 as cE, c8 as YE, c9 as UE, ca as dE, cb as uE, cc as HE, cd as pE, ce as yE, cf as KE, cg as kE, ch as mE, ci as VE, cj as XE, ck as hE, cl as vE, cm as WE, cn as fE, co as xE } from "./lib-DePcBUGc.js";
1
+ import { A as E, a as T, b as s, c as I, d as S, e as N, f as e, B as A, g as O, h as C, i as G, j as D, k as P, l as t, m as R, n as L, o as M, p as o, q as r, r as b, s as n, t as F, u as i, v as l, w as g, x as B, y as c, z as Y, C as U, D as d, E as u, F as H, G as p, H as y, I as K, J as k, K as m, L as V, M as X, N as h, O as v, P as W, Q as f, R as x, S as z, T as w, U as Z, V as j, W as Q, X as q, Y as J, Z as $, $ as aa, a0 as _a, a1 as Ea, a2 as Ta, a3 as sa, a4 as Ia, a5 as Sa, a6 as Na, a7 as ea, a8 as Aa, a9 as Oa, aa as Ca, ab as Ga, ac as Da, ad as Pa, ae as ta, af as Ra, ag as La, ah as Ma, ai as oa, aj as ra, ak as ba, al as na, am as Fa, an as ia, ao as la, ap as ga, aq as Ba, ar as ca, as as Ya, at as Ua, au as da, av as ua, aw as Ha, ax as pa, ay as ya, az as Ka, aA as ka, aB as ma, aC as Va, aD as Xa, aE as ha, aF as va, aG as Wa, aH as fa, aI as xa, aJ as za, aK as wa, aL as Za, aM as ja, aN as Qa, aO as qa, aP as Ja, aQ as $a, aR as a_, aS as __, aT as E_, aU as T_, aV as s_, aW as I_, aX as S_, aY as N_, aZ as e_, a_ as A_, a$ as O_, b0 as C_, b1 as G_, b2 as D_, b3 as P_, b4 as t_, b5 as R_, b6 as L_, b7 as M_, b8 as o_, b9 as r_, ba as b_, bb as n_, bc as F_, bd as i_, be as l_, bf as g_, bg as B_, bh as c_, bi as Y_, bj as U_, bk as d_, bl as u_, bm as H_, bn as p_, bo as y_, bp as K_, bq as k_, br as m_, bs as V_, bt as X_, bu as h_, bv as v_, bw as W_, bx as f_, by as x_, bz as z_, bA as w_, bB as Z_, bC as j_, bD as Q_, bE as q_, bF as J_, bG as $_, bH as aE, bI as _E, bJ as EE, bK as TE, bL as sE, bM as IE, bN as SE, bO as NE, bP as eE, bQ as AE, bR as OE, bS as CE, bT as GE, bU as DE, bV as PE, bW as tE, bX as RE, bY as LE, bZ as ME, b_ as oE, b$ as rE, c0 as bE, c1 as nE, c2 as FE, c3 as iE, c4 as lE, c5 as gE, c6 as BE, c7 as cE, c8 as YE, c9 as UE, ca as dE, cb as uE, cc as HE, cd as pE, ce as yE, cf as KE, cg as kE, ch as mE, ci as VE, cj as XE, ck as hE, cl as vE, cm as WE, cn as fE, co as xE } from "./lib-CCIsFrCY.js";
2
2
  import { createPinia as wE, setActivePinia as ZE } from "pinia";
3
3
  export {
4
4
  E as ABOUT_SECTION_SETTINGS_CONFIG,