@designcrowd/library.brand-page 5.10.20 → 5.10.30

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

@@ -314,6 +314,9 @@ a.maker-anchor {
 .bp .tw-col-span-2 {
     grid-column: span 2 / span 2
 }
+.bp .tw-col-span-3 {
+    grid-column: span 3 / span 3
+}
 .bp .tw-col-span-6 {
     grid-column: span 6 / span 6
 }
@@ -1018,6 +1021,9 @@ a.maker-anchor {
 .bp .tw-min-w-8 {
     min-width: 2rem
 }
+.bp .tw-min-w-\[300px\] {
+    min-width: 300px
+}
 .bp .tw-min-w-\[310px\] {
     min-width: 310px
 }
@@ -1410,6 +1416,9 @@ a.maker-anchor {
     -webkit-animation: tw-spin 1s linear infinite;
             animation: tw-spin 1s linear infinite
 }
+.bp .\!tw-cursor-not-allowed {
+    cursor: not-allowed !important
+}
 .bp .tw-cursor-default {
     cursor: default
 }
@@ -1996,9 +2005,15 @@ a.maker-anchor {
     text-overflow: ellipsis;
     white-space: nowrap
 }
+.bp .tw-text-ellipsis {
+    text-overflow: ellipsis
+}
 .bp .tw-whitespace-nowrap {
     white-space: nowrap
 }
+.bp .tw-whitespace-pre {
+    white-space: pre
+}
 .bp .tw-text-nowrap {
     text-wrap: nowrap
 }
@@ -4038,13 +4053,13 @@ a.maker-anchor {
 }
 }
 
-.bp .button-group[data-v-6f0cfe8d] {
+.bp .button-group[data-v-e39022cf] {
 
     display: inline-flex;
 
     width: 100%
 }
-.bp .button-group-item[data-v-6f0cfe8d] {
+.bp .button-group-item[data-v-e39022cf] {
 
     cursor: pointer;
 
@@ -4074,7 +4089,7 @@ a.maker-anchor {
 
     transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
 }
-.bp .button-group-icon-button[data-v-6f0cfe8d] {
+.bp .button-group-icon-button[data-v-e39022cf] {
 
     width: 100%;
 
@@ -4106,7 +4121,7 @@ a.maker-anchor {
 
     transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
 }
-.bp .button-group-image-button[data-v-6f0cfe8d] {
+.bp .button-group-image-button[data-v-e39022cf] {
 
     width: 100%;
 
@@ -4140,7 +4155,7 @@ a.maker-anchor {
 
     transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
 }
-.bp .button-group-button[data-v-6f0cfe8d] {
+.bp .button-group-button[data-v-e39022cf] {
 
     width: 100%;
 
@@ -4958,7 +4973,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   max-height: 45vh;
 }
 
-.bp .empty-para[data-v-723f8313] p:empty::after {
+.bp .empty-para[data-v-a22efdb4] p:empty::after {
   content: '\00A0';
 }
 
@@ -5165,13 +5180,13 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   overflow-wrap: break-word;
 }
 
-.bp .c-text-container[data-v-abc96d4b] {
+.bp .c-text-container[data-v-8525aa87] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.bp .device--mobile .grid-container[data-v-abc96d4b] {
+.bp .device--mobile .grid-container[data-v-8525aa87] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -5181,7 +5196,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
           flex-direction: column;
 }
 @media (max-width: 767px) {
-.bp .grid-container[data-v-abc96d4b] {
+.bp .grid-container[data-v-8525aa87] {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
@@ -5192,7 +5207,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 }
 }
 @media (min-width: 767px) {
-.bp .grid-container[data-v-abc96d4b] {
+.bp .grid-container[data-v-8525aa87] {
     display: grid;
 }
 }
@@ -5557,10 +5572,10 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
     text-align: center
 }
 
-.bp .c_banner--with-image-overlay[data-v-26770578] {
+.bp .c_banner--with-image-overlay[data-v-dcac170d] {
   min-height: 24rem;
 }
-.bp .c_banner--divided-container[data-v-26770578] {
+.bp .c_banner--divided-container[data-v-dcac170d] {
   min-height: 30rem;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
@@ -5568,67 +5583,67 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
           flex-direction: row;
   gap: 1rem;
 }
-.bp .device-wrapper--mobile .c_banner--divided-container[data-v-26770578] {
+.bp .device-wrapper--mobile .c_banner--divided-container[data-v-dcac170d] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
       -ms-flex-direction: column-reverse;
           flex-direction: column-reverse;
 }
-.bp .c_banner-container[data-v-26770578] {
+.bp .c_banner-container[data-v-dcac170d] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.bp .c_banner--with-image-flip[data-v-26770578] {
+.bp .c_banner--with-image-flip[data-v-dcac170d] {
   -webkit-box-orient: horizontal;
   -webkit-box-direction: reverse;
       -ms-flex-direction: row-reverse;
           flex-direction: row-reverse;
 }
-.bp .c_banner--divided-container[data-v-26770578] .full-square-image {
+.bp .c_banner--divided-container[data-v-dcac170d] .full-square-image {
   width: 100%;
   aspect-ratio: 1/1;
   -o-object-fit: cover;
      object-fit: cover;
 }
 @container (min-width: 640px) {
-.bp .c_banner-container--left-aligned-stacking[data-v-26770578] {
+.bp .c_banner-container--left-aligned-stacking[data-v-dcac170d] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
 }
-.bp .c_banner-container--right-aligned-stacking[data-v-26770578] {
+.bp .c_banner-container--right-aligned-stacking[data-v-dcac170d] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
         -ms-flex-direction: row-reverse;
             flex-direction: row-reverse;
 }
-.bp .c_banner-button--stacking[data-v-26770578] {
+.bp .c_banner-button--stacking[data-v-dcac170d] {
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
 }
 }
 @container (max-width: 640px) {
-.bp .c_banner-container--left-aligned-stacking[data-v-26770578] {
+.bp .c_banner-container--left-aligned-stacking[data-v-dcac170d] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.bp .c_banner-container--right-aligned-stacking[data-v-26770578] {
+.bp .c_banner-container--right-aligned-stacking[data-v-dcac170d] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.bp .c_banner-item--stacking[data-v-26770578] {
+.bp .c_banner-item--stacking[data-v-dcac170d] {
     width: 100%;
 }
-.bp .c_banner-button--stacking[data-v-26770578] {
+.bp .c_banner-button--stacking[data-v-dcac170d] {
     width: 100%;
 }
-.bp .c_banner--divided-container[data-v-26770578] {
+.bp .c_banner--divided-container[data-v-dcac170d] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
@@ -6983,16 +6998,16 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   width: auto;
 }
 
-.bp .sortable[data-v-272ea5bb] {
+.bp .sortable[data-v-6ae8aee3] {
   outline-color: #F7768C;
   outline-width: 0.2rem;
 }
-.bp .sortable-ghost[data-v-272ea5bb] {
+.bp .sortable-ghost[data-v-6ae8aee3] {
   visibility: hidden;
   padding: 0px;
   z-index: -1;
 }
-.bp .sortable-ghost[data-v-272ea5bb]::after {
+.bp .sortable-ghost[data-v-6ae8aee3]::after {
   visibility: visible;
   position: absolute;
   left: 50%;
@@ -7005,13 +7020,13 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
           transform: translateX(-50%);
   width: calc(100% - var(--page-padding) * 2);
 }
-.bp .sortable-drag[data-v-272ea5bb] {
+.bp .sortable-drag[data-v-6ae8aee3] {
   z-index: -1;
 }
-.bp .sortable-drag .c-nav-below-logo[data-v-272ea5bb] {
+.bp .sortable-drag .c-nav-below-logo[data-v-6ae8aee3] {
   display: none;
 }
-.bp .sortable-drag[data-v-272ea5bb]::after {
+.bp .sortable-drag[data-v-6ae8aee3]::after {
   visibility: visible;
   position: absolute;
   top: 0px;
@@ -7025,17 +7040,17 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   width: calc(100% - var(--page-padding) * 2);
   outline-style: solid;
 }
-.bp .brand-page__content--container[data-v-272ea5bb] {
+.bp .brand-page__content--container[data-v-6ae8aee3] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.bp .brand-page__content--container--brandsite[data-v-272ea5bb] {
+.bp .brand-page__content--container--brandsite[data-v-6ae8aee3] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.bp .brand-page__content--outline-selected[data-v-272ea5bb] {
+.bp .brand-page__content--outline-selected[data-v-6ae8aee3] {
   position: relative;
   z-index: 10;
   outline-color: #F7768C;
@@ -7890,11 +7905,11 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   min-width: 33.333333%
 }
 
-.bp .rich-text-editor[data-v-48e6fdd4]:focus-within {
+.bp .rich-text-editor[data-v-fcad558e]:focus-within {
   --tw-border-opacity: 1;
   border-color: rgb(94 94 94 / var(--tw-border-opacity));
 }
-.bp .style-editor[data-v-48e6fdd4] {
+.bp .style-editor[data-v-fcad558e] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -7905,7 +7920,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
 }
-.bp .style-editor[data-v-48e6fdd4] button:not(.c-button-style) {
+.bp .style-editor[data-v-fcad558e] button:not(.c-button-style) {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -7915,16 +7930,16 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
-.bp .style-editor-button[data-v-48e6fdd4] {
+.bp .style-editor-button[data-v-fcad558e] {
   cursor: pointer;
   padding-left: 0.25rem;
   padding-top: 0.25rem;
 }
-.bp .toolbar-editor-button.active[data-v-48e6fdd4] {
+.bp .toolbar-editor-button.active[data-v-fcad558e] {
   font-weight: 700;
   background: #e3e3e3;
 }
-.bp .toolbar-editor-button[data-v-48e6fdd4] {
+.bp .toolbar-editor-button[data-v-fcad558e] {
   height: 32px;
   width: 32px;
   border-radius: 4px;
@@ -7942,7 +7957,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
       -ms-flex-pack: center;
           justify-content: center;
 }
-[data-v-48e6fdd4] .ProseMirror {
+[data-v-fcad558e] .ProseMirror {
   border-top: 1px solid #ccc;
   min-height: 150px;
   padding: 8px;
@@ -7955,10 +7970,10 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   max-height: 14rem;
   overflow: auto;
 }
-[data-v-48e6fdd4] .ProseMirror:focus {
+[data-v-fcad558e] .ProseMirror:focus {
   outline: none;
 }
-[data-v-48e6fdd4] .ProseMirror * {
+[data-v-fcad558e] .ProseMirror * {
   text-align: left !important;
   font-size: 16px !important;
   color: #606060 !important;
@@ -7967,17 +7982,25 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   background-color: transparent !important;
   font-family: 'Lato' !important;
 }
-.bp .error-message[data-v-48e6fdd4] {
+[data-v-fcad558e] .ProseMirror a,[data-v-fcad558e] .ProseMirror a * {
+  color: #0097d7 !important;
+  text-decoration: underline !important;
+}
+.bp .error-message[data-v-fcad558e] {
   color: #d32f2f;
   font-size: 0.875rem;
   margin-top: 4px;
 }
-.bp .spacing-popup-container[data-v-48e6fdd4] {
+.bp .popup-container[data-v-fcad558e] {
   position: absolute;
-  z-index: 9999;
+  z-index: 10;
   right: 8%;
 }
-.bp .spacing-popup-panel[data-v-48e6fdd4] {
+.bp .hyperlink-preview[data-v-fcad558e] {
+  position: absolute;
+  z-index: 10;
+}
+.bp .popup-panel[data-v-fcad558e] {
   background: #fff;
   border: 1px solid #ccc;
   border-radius: 8px;
@@ -7985,17 +8008,17 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
           box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
 }
-.bp .spacing-popup-panel[data-v-48e6fdd4] input {
+.bp .popup-panel[data-v-fcad558e] input {
   border: 1px solid #ccc;
   border-radius: 8px;
 }
-.bp .border[data-v-48e6fdd4] {
+.bp .border[data-v-fcad558e] {
   width: 100%;
   --tw-bg-opacity: 1;
   background-color: rgb(208 208 208 / var(--tw-bg-opacity));
   height: 1px;
 }
-[data-v-48e6fdd4] .text-dropdown-title {
+[data-v-fcad558e] .text-dropdown-title {
   height: 2rem;
   width: 100%;
   font-size: 0.875rem;
@@ -8004,7 +8027,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   color: rgb(43 43 43 / var(--tw-text-opacity));
   font-weight: 300;
 }
-[data-v-48e6fdd4] .ProseMirror p.is-editor-empty:first-child::before {
+[data-v-fcad558e] .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);
@@ -8013,53 +8036,56 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   pointer-events: none;
 }
 @media (max-width: 399px) {
-.bp .style-editor-button-font[data-v-48e6fdd4],
-  .bp .style-editor-button-textstyle[data-v-48e6fdd4] {
+.bp .style-editor-button-font[data-v-fcad558e],
+  .bp .style-editor-button-textstyle[data-v-fcad558e] {
     max-width: 48%;
     padding-bottom: 0.25rem;
 }
-.bp .style-editor-button.stepper[data-v-48e6fdd4] {
+.bp .style-editor-button.stepper[data-v-fcad558e] {
     max-width: 40%;
 }
-.bp .style-editor-button-stepper[data-v-48e6fdd4] {
+.bp .style-editor-button-stepper[data-v-fcad558e] {
     max-width: 100%;
 }
-.bp .border.desktop[data-v-48e6fdd4] {
+.bp .border.desktop[data-v-fcad558e] {
     display: none;
 }
-.bp .border.mobile[data-v-48e6fdd4] {
+.bp .border.mobile[data-v-fcad558e] {
     display: block;
 }
-[data-v-48e6fdd4] .left-align {
+[data-v-fcad558e] .left-align {
     -webkit-transform: translateX(-50%);
             transform: translateX(-50%);
 }
+.bp .hyperlink-popup[data-v-fcad558e] {
+    z-index: 9999;
+}
 }
 @media (min-width: 400px) {
-.bp .style-editor-button.stepper[data-v-48e6fdd4] {
+.bp .style-editor-button.stepper[data-v-fcad558e] {
     max-width: 32%;
 }
-.bp .style-editor-button-font[data-v-48e6fdd4] {
+.bp .style-editor-button-font[data-v-fcad558e] {
     max-width: 28%;
 }
-.bp .style-editor-button-stepper[data-v-48e6fdd4] {
+.bp .style-editor-button-stepper[data-v-fcad558e] {
     max-width: 100%;
 }
-.bp .style-editor-button-textstyle[data-v-48e6fdd4] {
+.bp .style-editor-button-textstyle[data-v-fcad558e] {
     max-width: 25%;
 }
-.bp .border.desktop[data-v-48e6fdd4] {
+.bp .border.desktop[data-v-fcad558e] {
     display: block;
 }
-.bp .border.mobile[data-v-48e6fdd4] {
+.bp .border.mobile[data-v-fcad558e] {
     display: none;
 }
-[data-v-48e6fdd4] .left-align {
+[data-v-fcad558e] .left-align {
     -webkit-transform: translateX(-25%);
             transform: translateX(-25%);
 }
 }
-.bp .drop-down-item[data-v-48e6fdd4]:hover {
+.bp .drop-down-item[data-v-fcad558e]:hover {
   background-color: #eee;
 }
 
@@ -8107,7 +8133,7 @@ input[type='number'][data-v-28a532b4] {
           align-items: flex-start;
 }
 
-.bp .text-item-preview[data-v-44e3de97] {
+.bp .text-item-preview[data-v-4d5ca58f] {
   overflow: hidden;
   text-overflow: ellipsis;
   max-height: 21px;
@@ -8291,11 +8317,11 @@ input[type='number'][data-v-28a532b4] {
 }
 }
 
-.bp .template-preview[data-v-379bc048] {
+.bp .template-preview[data-v-c5fa6125] {
   position: relative;
   background-attachment: initial !important
 }
-.bp .template-preview__overlay[data-v-379bc048] {
+.bp .template-preview__overlay[data-v-c5fa6125] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -8306,10 +8332,10 @@ input[type='number'][data-v-28a532b4] {
   cursor: pointer;
   opacity: 0
 }
-.bp .template-preview__page[data-v-379bc048] {
+.bp .template-preview__page[data-v-c5fa6125] {
   pointer-events: none
 }
-.bp .template-preview[data-v-379bc048] .c-shape-background {
+.bp .template-preview[data-v-c5fa6125] .c-shape-background {
   position: absolute
 }
 

package/lib/src/index.d.ts

@@ -24,6 +24,7 @@ export { getBrandPageViewModelFromBrandPageModel, migrateBrandPageModel, } from
 export * as brandPageUtils from './brand-page/utils';
 export type { CriticalResourceURLs } from './brand-page/utils/view-model.util';
 export { getOptimalLogoSize } from './brand-page/utils/logo.util';
+export { sanitizeRTEHtml } from './brand-page-maker/utils';
 export { useBrandPageMakerStore, useBrandPageMakerUserStore, useUiStore, useBrandPageContainerStore, useEventManagerStore, } from './brand-page-maker/stores';
 export { useShopConfigStore } from './shared/ecommerce-settings/store/shop-settings-store';
 import { createPinia, setActivePinia } from 'pinia';