@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.
- package/lib/src/{CreatedOnBrandCrowd-de-de-Dh2De-BU.js → CreatedOnBrandCrowd-de-de-B1T8_OBV.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-en-us-BoxCnmMI.js → CreatedOnBrandCrowd-en-us-BhdAX9UQ.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-es-es-BDTBNxrE.js → CreatedOnBrandCrowd-es-es-BjVvpU3y.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-fr-fr-Xo_m4_14.js → CreatedOnBrandCrowd-fr-ca-r-KrKXsc.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-fr-ca-Xo_m4_14.js → CreatedOnBrandCrowd-fr-fr-r-KrKXsc.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-pt-pt-BJyBRyRr.js → CreatedOnBrandCrowd-pt-br-B8LGmP2n.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-pt-br-BJyBRyRr.js → CreatedOnBrandCrowd-pt-pt-B8LGmP2n.js} +1 -1
- package/lib/src/{CreatedOnDcom-de-de-DIYRymrK.js → CreatedOnDcom-de-de-DwvfyZnW.js} +1 -1
- package/lib/src/{CreatedOnDcom-en-us-DiBzMJQZ.js → CreatedOnDcom-en-us-fJNeDirk.js} +1 -1
- package/lib/src/{CreatedOnDcom-es-es-CmZFn355.js → CreatedOnDcom-es-es-Cjr-is4P.js} +1 -1
- package/lib/src/{CreatedOnDcom-fr-ca-CfLxOwFw.js → CreatedOnDcom-fr-ca-DqZIWWZk.js} +1 -1
- package/lib/src/{CreatedOnDcom-fr-fr-Ck9NhEyQ.js → CreatedOnDcom-fr-fr-DElGCXcY.js} +1 -1
- package/lib/src/{CreatedOnDcom-pt-br-WRUoMSxH.js → CreatedOnDcom-pt-br-DmVlUFyY.js} +1 -1
- package/lib/src/{CreatedOnDcom-pt-pt-CPNWCLsq.js → CreatedOnDcom-pt-pt-B4xiFpxQ.js} +1 -1
- package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.js +8 -1
- package/lib/src/brand-page-maker/utils/rich-text-editor.util.d.ts +8 -0
- package/lib/src/brand-page-maker/utils/rich-text-editor.util.js +56 -10
- package/lib/src/css/library.brand-page-brandCrowd.min.css +28 -7
- package/lib/src/css/library.brand-page-brandPage.min.css +28 -7
- package/lib/src/css/library.brand-page-designCom.min.css +28 -7
- package/lib/src/css/library.brand-page-preview.min.css +28 -7
- package/lib/src/index.mjs +1 -1
- package/lib/src/{lib-DePcBUGc.js → lib-CCIsFrCY.js} +6551 -6474
- package/package.json +1 -1
- package/src/brand-page/components/text-wrapper/TextWrapper.vue +1 -1
- package/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.vue +10 -0
- package/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.ts +12 -0
- package/src/brand-page-maker/components/layout-switcher/LayoutSwitcher.vue +23 -3
- package/src/brand-page-maker/components/live-chat-button/LiveChatButton.vue +35 -0
- package/src/brand-page-maker/utils/rich-text-editor.util.test.ts +51 -0
- package/src/brand-page-maker/utils/rich-text-editor.util.ts +72 -10
package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.js
CHANGED
|
@@ -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
|
-
//
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
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-
|
|
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-
|
|
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-
|
|
9294
|
+
.c-brand-page-maker__inner[data-v-b0e83282] {
|
|
9274
9295
|
height: 100%;
|
|
9275
9296
|
}
|
|
9276
|
-
.c-save-bar[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
9608
|
+
.c-brand-page-maker__inner[data-v-b0e83282] {
|
|
9588
9609
|
height: 100%;
|
|
9589
9610
|
}
|
|
9590
|
-
.c-save-bar[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
9324
|
+
.c-brand-page-maker__inner[data-v-b0e83282] {
|
|
9304
9325
|
height: 100%;
|
|
9305
9326
|
}
|
|
9306
|
-
.c-save-bar[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
9022
|
+
.bp .c-brand-page-maker__inner[data-v-b0e83282] {
|
|
9002
9023
|
height: 100%;
|
|
9003
9024
|
}
|
|
9004
|
-
.bp .c-save-bar[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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,
|