@designcrowd/library.brand-page 5.17.2 → 5.17.4

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 (120) hide show
  1. package/lib/src/{CreatedOnBrandCrowd-de-de-DVbX019x.js → CreatedOnBrandCrowd-de-de-C_NzyXvG.js} +3 -3
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-U7ZUILmi.js → CreatedOnBrandCrowd-en-us-DSmpdByg.js} +3 -3
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-D97zjmv_.js → CreatedOnBrandCrowd-es-es-4O9ttd4y.js} +3 -3
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-BuOAG7-D.js → CreatedOnBrandCrowd-fr-ca-DDr8rQHb.js} +3 -3
  5. package/lib/src/{CreatedOnBrandCrowd-fr-ca-BuOAG7-D.js → CreatedOnBrandCrowd-fr-fr-DDr8rQHb.js} +3 -3
  6. package/lib/src/{CreatedOnBrandCrowd-pt-pt-DMTRsNBz.js → CreatedOnBrandCrowd-pt-br-BUTVQ17i.js} +3 -3
  7. package/lib/src/{CreatedOnBrandCrowd-pt-br-DMTRsNBz.js → CreatedOnBrandCrowd-pt-pt-BUTVQ17i.js} +3 -3
  8. package/lib/src/{CreatedOnDcom-de-de-B_jbp2ga.js → CreatedOnDcom-de-de-thkGl7gg.js} +3 -3
  9. package/lib/src/{CreatedOnDcom-en-us-DQQQhn-z.js → CreatedOnDcom-en-us-DOgnHkVR.js} +3 -3
  10. package/lib/src/{CreatedOnDcom-es-es-q3MzWO6e.js → CreatedOnDcom-es-es-NyEB16vO.js} +3 -3
  11. package/lib/src/{CreatedOnDcom-fr-ca-Bep30mu7.js → CreatedOnDcom-fr-ca-Cd6WjWcu.js} +3 -3
  12. package/lib/src/{CreatedOnDcom-fr-fr-DTF8Zzzc.js → CreatedOnDcom-fr-fr-CDKX35U7.js} +3 -3
  13. package/lib/src/{CreatedOnDcom-pt-br-ByR1GU2L.js → CreatedOnDcom-pt-br-PbJzyRNp.js} +3 -3
  14. package/lib/src/{CreatedOnDcom-pt-pt-A0L4zTr0.js → CreatedOnDcom-pt-pt-tja7jglY.js} +3 -3
  15. package/lib/src/brand-page/clients/brand-page.client.d.ts +2 -1
  16. package/lib/src/brand-page/clients/brand-page.client.js +1 -0
  17. package/lib/src/brand-page/models/payment.model.d.ts +42 -0
  18. package/lib/src/brand-page/models/payment.model.js +9 -0
  19. package/lib/src/brand-page/utils/view-model.util.js +1 -0
  20. package/lib/src/brand-page/view-models.d.ts +1 -0
  21. package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.d.ts +1 -1
  22. package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts +1 -0
  23. package/lib/src/brand-page-maker/composables/useEventTracker.d.ts +2 -0
  24. package/lib/src/brand-page-maker/composables/useEventTracker.js +6 -0
  25. package/lib/src/brand-page-maker/constants/config-settings-constant.d.ts +1 -0
  26. package/lib/src/brand-page-maker/constants/config-settings-constant.js +7 -0
  27. package/lib/src/brand-page-maker/models/content-settings.js +1 -0
  28. package/lib/src/brand-page-maker/validators/section-button.validator.js +4 -1
  29. package/lib/src/bundled-translations-D5A4swr0.js +173 -0
  30. package/lib/src/bundled-translations.de-DE-Bq6H28Hz.js +173 -0
  31. package/lib/src/bundled-translations.es-ES-Bo-UGy51.js +173 -0
  32. package/lib/src/bundled-translations.fr-CA-7GXawEcN.js +173 -0
  33. package/lib/src/bundled-translations.fr-FR-DzVwt2U-.js +173 -0
  34. package/lib/src/bundled-translations.pt-BR-DSZZ-i-B.js +173 -0
  35. package/lib/src/bundled-translations.pt-PT-SNbEX0GM.js +173 -0
  36. package/lib/src/bundles/bundled-translations.de-DE.json +965 -1
  37. package/lib/src/bundles/bundled-translations.es-ES.json +965 -1
  38. package/lib/src/bundles/bundled-translations.fr-CA.json +965 -1
  39. package/lib/src/bundles/bundled-translations.fr-FR.json +965 -1
  40. package/lib/src/bundles/bundled-translations.json +965 -1
  41. package/lib/src/bundles/bundled-translations.pt-BR.json +965 -1
  42. package/lib/src/bundles/bundled-translations.pt-PT.json +965 -1
  43. package/lib/src/composables/useTranslate.d.ts +7 -1
  44. package/lib/src/composables/useTranslate.js +9 -1
  45. package/lib/src/css/library.brand-page-brandCrowd.min.css +76 -55
  46. package/lib/src/css/library.brand-page-brandPage.min.css +77 -57
  47. package/lib/src/css/library.brand-page-designCom.min.css +76 -55
  48. package/lib/src/css/library.brand-page-preview.min.css +76 -55
  49. package/lib/src/index.mjs +88 -87
  50. package/lib/src/{lib-CvEpWvWA.js → lib-DL-13itP.js} +24124 -23832
  51. package/lib/src/mockServiceWorker.js +1 -1
  52. package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.d.ts +1 -0
  53. package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.d.ts +1 -0
  54. package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItem.mixin.d.ts +1 -0
  55. package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.js +14 -0
  56. package/lib/src/shared/content-settings/components/payment-config-field/payment-toggle-field/PaymentToggleField.mixin.d.ts +13 -1
  57. package/lib/src/shared/content-settings/components/payment-config-field/payment-toggle-field/PaymentToggleField.mixin.js +10 -0
  58. package/lib/src/shared/logo-settings/components/EditLogoSettings.mixin.d.ts +2 -1
  59. package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts +1 -0
  60. package/lib/src/shared/publish-brand-page-with-state/PublishBrandPageModalWithState.mixin.d.ts +1 -0
  61. package/lib/src/shared/side-bar/components/SideBarTabButton.mixin.d.ts +1 -0
  62. package/lib/src/shared/style-settings/components/StyleSettings.mixin.d.ts +1 -0
  63. package/lib/src/shared/template-settings/components/TemplatesSettings.mixin.d.ts +2 -1
  64. package/package.json +1 -1
  65. package/src/brand-page/clients/brand-page.client.ts +3 -0
  66. package/src/brand-page/components/about-section/AboutSection.vue +7 -1
  67. package/src/brand-page/components/payment/RequestPaymentStripe.vue +381 -44
  68. package/src/brand-page/components/shop/PaymentModal.vue +7 -1
  69. package/src/brand-page/components/shop/PaymentShippingAddress.vue +297 -0
  70. package/src/brand-page/components/shop/Shop.vue +1 -0
  71. package/src/brand-page/components/shop/i18n/countries.de-DE.json +240 -0
  72. package/src/brand-page/components/shop/i18n/countries.es-ES.json +240 -0
  73. package/src/brand-page/components/shop/i18n/countries.fr-CA.json +240 -0
  74. package/src/brand-page/components/shop/i18n/countries.fr-FR.json +240 -0
  75. package/src/brand-page/components/shop/i18n/countries.json +240 -0
  76. package/src/brand-page/components/shop/i18n/countries.pt-BR.json +240 -0
  77. package/src/brand-page/components/shop/i18n/countries.pt-PT.json +240 -0
  78. package/src/brand-page/components/shop/i18n/payment-shipping-address.de-DE.json +18 -0
  79. package/src/brand-page/components/shop/i18n/payment-shipping-address.es-ES.json +18 -0
  80. package/src/brand-page/components/shop/i18n/payment-shipping-address.fr-CA.json +18 -0
  81. package/src/brand-page/components/shop/i18n/payment-shipping-address.fr-FR.json +18 -0
  82. package/src/brand-page/components/shop/i18n/payment-shipping-address.json +18 -0
  83. package/src/brand-page/components/shop/i18n/payment-shipping-address.pt-BR.json +18 -0
  84. package/src/brand-page/components/shop/i18n/payment-shipping-address.pt-PT.json +18 -0
  85. package/src/brand-page/models/payment.model.ts +24 -0
  86. package/src/brand-page/utils/view-model.util.ts +1 -0
  87. package/src/brand-page/view-models.ts +1 -0
  88. package/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.vue +1 -1
  89. package/src/brand-page-maker/composables/useEventTracker.ts +6 -0
  90. package/src/brand-page-maker/constants/config-settings-constant.ts +8 -0
  91. package/src/brand-page-maker/models/content-settings.ts +1 -0
  92. package/src/brand-page-maker/validators/section-button.validator.ts +5 -1
  93. package/src/bundles/bundled-translations.de-DE.json +965 -1
  94. package/src/bundles/bundled-translations.es-ES.json +965 -1
  95. package/src/bundles/bundled-translations.fr-CA.json +965 -1
  96. package/src/bundles/bundled-translations.fr-FR.json +965 -1
  97. package/src/bundles/bundled-translations.json +965 -1
  98. package/src/bundles/bundled-translations.pt-BR.json +965 -1
  99. package/src/bundles/bundled-translations.pt-PT.json +965 -1
  100. package/src/composables/useTranslate.ts +15 -0
  101. package/src/shared/content-settings/components/content-settings/i18n/content-settings.de-DE.json +3 -1
  102. package/src/shared/content-settings/components/content-settings/i18n/content-settings.es-ES.json +3 -1
  103. package/src/shared/content-settings/components/content-settings/i18n/content-settings.fr-CA.json +3 -1
  104. package/src/shared/content-settings/components/content-settings/i18n/content-settings.fr-FR.json +3 -1
  105. package/src/shared/content-settings/components/content-settings/i18n/content-settings.json +3 -1
  106. package/src/shared/content-settings/components/content-settings/i18n/content-settings.pt-BR.json +3 -1
  107. package/src/shared/content-settings/components/content-settings/i18n/content-settings.pt-PT.json +3 -1
  108. package/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.ts +17 -0
  109. package/src/shared/content-settings/components/payment-config-field/payment-toggle-field/PaymentToggleField.mixin.ts +12 -0
  110. package/src/shared/content-settings/components/payment-config-field/payment-toggle-field/PaymentToggleField.vue +9 -1
  111. package/lib/src/brand-page/components/payment/RequestPaymentStripe.mixin.d.ts +0 -106
  112. package/lib/src/brand-page/components/payment/RequestPaymentStripe.mixin.js +0 -253
  113. package/lib/src/bundled-translations-B6qZE8LU.js +0 -169
  114. package/lib/src/bundled-translations.de-DE-CsU6YsZb.js +0 -169
  115. package/lib/src/bundled-translations.es-ES-unPBdcJx.js +0 -169
  116. package/lib/src/bundled-translations.fr-CA-Dpa2wEtC.js +0 -169
  117. package/lib/src/bundled-translations.fr-FR-BPloaUjN.js +0 -169
  118. package/lib/src/bundled-translations.pt-BR-CFRGdaDO.js +0 -169
  119. package/lib/src/bundled-translations.pt-PT-BHVYCE0K.js +0 -169
  120. package/src/brand-page/components/payment/RequestPaymentStripe.mixin.ts +0 -364
@@ -1,4 +1,8 @@
1
1
  export type LocaleTypes = 'de-DE' | 'en-US' | 'fr-FR' | 'es-ES' | 'pt-PT' | 'fr-CA' | 'pt-BR';
2
+ type Country = {
3
+ code: string;
4
+ name: string;
5
+ };
2
6
  export declare const supportedLocales: LocaleTypes[];
3
7
  export declare const createNewI18nInstance: () => import("i18next").i18n;
4
8
  declare const getCurrentLocale: () => LocaleTypes;
@@ -88,5 +92,7 @@ declare const logoSwitchConfirmationModalTr: (key: any, valuesToInterpolate?: {}
88
92
  declare const logoTemplateSearchModalTr: (key: any, valuesToInterpolate?: {}) => any;
89
93
  declare const generateAiModalTr: (key: any, valuesToInterpolate?: {}) => any;
90
94
  declare const saveContactWidgetTr: (key: any, valuesToInterpolate?: {}) => any;
95
+ declare const paymentShippingAddressTr: (key: any, valuesToInterpolate?: {}) => any;
96
+ declare const countriesTr: () => Country[];
91
97
  declare const currentLocale: () => LocaleTypes;
92
- export { setLocaleAsync, getCurrentLocale, tr, currentLocale, modelsTr, commonTr, actionBarTr, brandPageSettingsTr, colorPaletteTr, navigationTr, converterTr, backgroundSettingsTr, colorPickerTr, colorReplacementFieldTr, contentSettingsTr, formFieldsTr, genericTextInputTr, imageFieldTr, imagesFieldTr, linksFieldTr, logoSelectionSettingsTr, paymentConfigTr, replaceImageSettingTr, shapeFieldTr, testimonialItemsFieldTr, textFieldTr, textImageFieldTr, textItemsFieldTr, textStyleFieldTr, textAreaFieldTr, productConfigOptionTr, editLogoSettingsTr, myUploadSettingsTr, pageSettingsTr, pageSettingsSectionTr, templateSettingsTr, unsplashLibraryTr, seoSettingsTr, styleSettingsTr, saveContactSettingsTr, sensitiveSettingTr, socialShareTr, cookieSettingTr, googleAnalyticsTr, colorFieldTr, validatorTr, constantsTr, layoutSwitcherTr, brandpageBackgroundSettingsTr, loginMessageTr, cookieTr, logoSelectionTr, googleAddressFieldTr, myDesignsTr, pageSettingTr, shapeLibraryTr, errorTr, dropzoneUploaderTr, shopTr, paymentTr, publishBrandPageModalWithStateTr, existingDomainModalTr, uploadLogoModalTr, sensitiveContentModalTr, quickLinkBarTr, unsplashImageCategoriesTr, brandPageFooterTr, productTr, imageTr, mapTr, imagesSectionTr, imageGalleryTr, newPageModalTr, personalisationOverrideTr, paymentModalTr, mailingListTr, deletePageModalTr, deleteDomainModalTr, requestPaymentStripeTr, productDetailModalTr, videoTr, bookingUrlFieldTr, confirmModalTr, videoLibraryTr, logoSwitchConfirmationModalTr, logoTemplateSearchModalTr, generateAiModalTr, saveContactWidgetTr, };
98
+ export { setLocaleAsync, getCurrentLocale, tr, currentLocale, modelsTr, commonTr, actionBarTr, brandPageSettingsTr, colorPaletteTr, navigationTr, converterTr, backgroundSettingsTr, colorPickerTr, colorReplacementFieldTr, contentSettingsTr, formFieldsTr, genericTextInputTr, imageFieldTr, imagesFieldTr, linksFieldTr, logoSelectionSettingsTr, paymentConfigTr, replaceImageSettingTr, shapeFieldTr, testimonialItemsFieldTr, textFieldTr, textImageFieldTr, textItemsFieldTr, textStyleFieldTr, textAreaFieldTr, productConfigOptionTr, editLogoSettingsTr, myUploadSettingsTr, pageSettingsTr, pageSettingsSectionTr, templateSettingsTr, unsplashLibraryTr, seoSettingsTr, styleSettingsTr, saveContactSettingsTr, sensitiveSettingTr, socialShareTr, cookieSettingTr, googleAnalyticsTr, colorFieldTr, validatorTr, constantsTr, layoutSwitcherTr, brandpageBackgroundSettingsTr, loginMessageTr, cookieTr, logoSelectionTr, googleAddressFieldTr, myDesignsTr, pageSettingTr, shapeLibraryTr, errorTr, dropzoneUploaderTr, shopTr, paymentTr, publishBrandPageModalWithStateTr, existingDomainModalTr, uploadLogoModalTr, sensitiveContentModalTr, quickLinkBarTr, unsplashImageCategoriesTr, brandPageFooterTr, productTr, imageTr, mapTr, imagesSectionTr, imageGalleryTr, newPageModalTr, personalisationOverrideTr, paymentModalTr, mailingListTr, deletePageModalTr, deleteDomainModalTr, requestPaymentStripeTr, productDetailModalTr, videoTr, bookingUrlFieldTr, confirmModalTr, videoLibraryTr, logoSwitchConfirmationModalTr, logoTemplateSearchModalTr, generateAiModalTr, saveContactWidgetTr, paymentShippingAddressTr, countriesTr, };
@@ -156,6 +156,14 @@ const logoSwitchConfirmationModalTr = (key, valuesToInterpolate = {}) => tr(`log
156
156
  const logoTemplateSearchModalTr = (key, valuesToInterpolate = {}) => tr(`logoTemplateSearchModal.${key}`, valuesToInterpolate);
157
157
  const generateAiModalTr = (key, valuesToInterpolate = {}) => tr(`aiModal.${key}`, valuesToInterpolate);
158
158
  const saveContactWidgetTr = (key, valuesToInterpolate = {}) => tr(`saveContactWidget.${key}`, valuesToInterpolate);
159
+ const paymentShippingAddressTr = (key, valuesToInterpolate = {}) => tr(`paymentShippingAddress.${key}`, valuesToInterpolate);
160
+ const countriesTr = () => {
161
+ const instance = getI18NextInstance();
162
+ return instance.t('countries', {
163
+ ns: nameSpace,
164
+ returnObjects: true,
165
+ });
166
+ };
159
167
  const currentLocale = () => {
160
168
  const i18 = getI18NextInstance();
161
169
  const locale = i18.language;
@@ -164,4 +172,4 @@ const currentLocale = () => {
164
172
  }
165
173
  return fallbackLocale;
166
174
  };
167
- export { setLocaleAsync, getCurrentLocale, tr, currentLocale, modelsTr, commonTr, actionBarTr, brandPageSettingsTr, colorPaletteTr, navigationTr, converterTr, backgroundSettingsTr, colorPickerTr, colorReplacementFieldTr, contentSettingsTr, formFieldsTr, genericTextInputTr, imageFieldTr, imagesFieldTr, linksFieldTr, logoSelectionSettingsTr, paymentConfigTr, replaceImageSettingTr, shapeFieldTr, testimonialItemsFieldTr, textFieldTr, textImageFieldTr, textItemsFieldTr, textStyleFieldTr, textAreaFieldTr, productConfigOptionTr, editLogoSettingsTr, myUploadSettingsTr, pageSettingsTr, pageSettingsSectionTr, templateSettingsTr, unsplashLibraryTr, seoSettingsTr, styleSettingsTr, saveContactSettingsTr, sensitiveSettingTr, socialShareTr, cookieSettingTr, googleAnalyticsTr, colorFieldTr, validatorTr, constantsTr, layoutSwitcherTr, brandpageBackgroundSettingsTr, loginMessageTr, cookieTr, logoSelectionTr, googleAddressFieldTr, myDesignsTr, pageSettingTr, shapeLibraryTr, errorTr, dropzoneUploaderTr, shopTr, paymentTr, publishBrandPageModalWithStateTr, existingDomainModalTr, uploadLogoModalTr, sensitiveContentModalTr, quickLinkBarTr, unsplashImageCategoriesTr, brandPageFooterTr, productTr, imageTr, mapTr, imagesSectionTr, imageGalleryTr, newPageModalTr, personalisationOverrideTr, paymentModalTr, mailingListTr, deletePageModalTr, deleteDomainModalTr, requestPaymentStripeTr, productDetailModalTr, videoTr, bookingUrlFieldTr, confirmModalTr, videoLibraryTr, logoSwitchConfirmationModalTr, logoTemplateSearchModalTr, generateAiModalTr, saveContactWidgetTr, };
175
+ export { setLocaleAsync, getCurrentLocale, tr, currentLocale, modelsTr, commonTr, actionBarTr, brandPageSettingsTr, colorPaletteTr, navigationTr, converterTr, backgroundSettingsTr, colorPickerTr, colorReplacementFieldTr, contentSettingsTr, formFieldsTr, genericTextInputTr, imageFieldTr, imagesFieldTr, linksFieldTr, logoSelectionSettingsTr, paymentConfigTr, replaceImageSettingTr, shapeFieldTr, testimonialItemsFieldTr, textFieldTr, textImageFieldTr, textItemsFieldTr, textStyleFieldTr, textAreaFieldTr, productConfigOptionTr, editLogoSettingsTr, myUploadSettingsTr, pageSettingsTr, pageSettingsSectionTr, templateSettingsTr, unsplashLibraryTr, seoSettingsTr, styleSettingsTr, saveContactSettingsTr, sensitiveSettingTr, socialShareTr, cookieSettingTr, googleAnalyticsTr, colorFieldTr, validatorTr, constantsTr, layoutSwitcherTr, brandpageBackgroundSettingsTr, loginMessageTr, cookieTr, logoSelectionTr, googleAddressFieldTr, myDesignsTr, pageSettingTr, shapeLibraryTr, errorTr, dropzoneUploaderTr, shopTr, paymentTr, publishBrandPageModalWithStateTr, existingDomainModalTr, uploadLogoModalTr, sensitiveContentModalTr, quickLinkBarTr, unsplashImageCategoriesTr, brandPageFooterTr, productTr, imageTr, mapTr, imagesSectionTr, imageGalleryTr, newPageModalTr, personalisationOverrideTr, paymentModalTr, mailingListTr, deletePageModalTr, deleteDomainModalTr, requestPaymentStripeTr, productDetailModalTr, videoTr, bookingUrlFieldTr, confirmModalTr, videoLibraryTr, logoSwitchConfirmationModalTr, logoTemplateSearchModalTr, generateAiModalTr, saveContactWidgetTr, paymentShippingAddressTr, countriesTr, };
@@ -760,6 +760,9 @@ a.maker-anchor {
760
760
  .tw-h-96 {
761
761
  height: 24rem
762
762
  }
763
+ .tw-h-\[2\.6rem\] {
764
+ height: 2.6rem
765
+ }
763
766
  .tw-h-auto {
764
767
  height: auto
765
768
  }
@@ -1319,6 +1322,11 @@ a.maker-anchor {
1319
1322
  -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));
1320
1323
  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))
1321
1324
  }
1325
+ .-tw-translate-y-1\/2 {
1326
+ --tw-translate-y: -50%;
1327
+ -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));
1328
+ 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))
1329
+ }
1322
1330
  .tw--translate-x-1\/2 {
1323
1331
  --tw-translate-x: -50%;
1324
1332
  -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));
@@ -5886,9 +5894,20 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5886
5894
  }
5887
5895
  }
5888
5896
 
5889
- .form-error[data-v-bf6a03d3] {
5890
- font-size: 0.875rem;
5891
- line-height: 1.25rem;
5897
+ .form-error[data-v-534cad39] {
5898
+ font-size: 0.75rem;
5899
+ line-height: 1rem;
5900
+ color: #f21b3f;
5901
+ }
5902
+ select[data-v-534cad39] {
5903
+ 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");
5904
+ background-repeat: no-repeat;
5905
+ background-position: right 12px center;
5906
+ }
5907
+
5908
+ .form-error[data-v-e96e9716] {
5909
+ font-size: 0.75rem;
5910
+ line-height: 1rem;
5892
5911
  color: #f21b3f
5893
5912
  }
5894
5913
 
@@ -6193,29 +6212,32 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6193
6212
  /* mob_img--left - image for display left (should only show on mobile) */
6194
6213
  /* mob_img--right - image for display right (should only show on mobile) */
6195
6214
  /* top-img--center - image for display centered*/
6196
- .about-container[data-v-5bafbc0e] {
6215
+ .about-container[data-v-e757d2ee] {
6197
6216
  max-width: var(--brandsite-max-width);
6198
6217
  margin: 0 auto;
6199
6218
  }
6200
- .about-container--padding[data-v-5bafbc0e] {
6219
+ .side-full-media-container[data-v-e757d2ee] {
6220
+ max-width: 100% !important;
6221
+ }
6222
+ .about-container--padding[data-v-e757d2ee] {
6201
6223
  padding-left: var(--page-padding);
6202
6224
  padding-right: var(--page-padding);
6203
6225
  }
6204
- .device-wrapper--mobile .about-container[data-v-5bafbc0e] .mob_img--left {
6226
+ .device-wrapper--mobile .about-container[data-v-e757d2ee] .mob_img--left {
6205
6227
  display: grid;
6206
6228
  width: 100%;
6207
6229
  }
6208
- .device-wrapper--mobile .about-container[data-v-5bafbc0e] .mob_img--right {
6230
+ .device-wrapper--mobile .about-container[data-v-e757d2ee] .mob_img--right {
6209
6231
  display: grid;
6210
6232
  width: 100%;
6211
6233
  }
6212
- .device-wrapper--mobile .about-body-text[data-v-5bafbc0e] {
6234
+ .device-wrapper--mobile .about-body-text[data-v-e757d2ee] {
6213
6235
  display: block;
6214
6236
  }
6215
- .device-wrapper--mobile .about-container[data-v-5bafbc0e] .img--left-right {
6237
+ .device-wrapper--mobile .about-container[data-v-e757d2ee] .img--left-right {
6216
6238
  display: none;
6217
6239
  }
6218
- .device-wrapper--mobile .about-container[data-v-5bafbc0e] .container-image {
6240
+ .device-wrapper--mobile .about-container[data-v-e757d2ee] .container-image {
6219
6241
  -o-object-fit: cover;
6220
6242
  object-fit: cover;
6221
6243
  aspect-ratio: 1/1;
@@ -6223,24 +6245,24 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6223
6245
  max-width: -moz-max-content;
6224
6246
  max-width: max-content;
6225
6247
  }
6226
- .device-wrapper--mobile .mobile-about-container--padding[data-v-5bafbc0e] {
6248
+ .device-wrapper--mobile .mobile-about-container--padding[data-v-e757d2ee] {
6227
6249
  padding-left: var(--page-padding);
6228
6250
  padding-right: var(--page-padding);
6229
6251
  padding-top: 2.5rem;
6230
6252
  padding-bottom: 2.5rem;
6231
6253
  }
6232
- .device-wrapper--mobile .text-grid-column[data-v-5bafbc0e] {
6254
+ .device-wrapper--mobile .text-grid-column[data-v-e757d2ee] {
6233
6255
  display: grid;
6234
6256
  grid-template-columns: repeat(2, 1fr);
6235
6257
  grid-template-columns: 1fr;
6236
6258
  }
6237
- .device-wrapper--mobile .full-square-image[data-v-5bafbc0e] {
6259
+ .device-wrapper--mobile .full-square-image[data-v-e757d2ee] {
6238
6260
  margin-bottom: 1rem;
6239
6261
  }
6240
- .device-wrapper--mobile .about-container[data-v-5bafbc0e] .about-placeholder {
6262
+ .device-wrapper--mobile .about-container[data-v-e757d2ee] .about-placeholder {
6241
6263
  width: 100%;
6242
6264
  }
6243
- .about-container[data-v-5bafbc0e] .top-img--center {
6265
+ .about-container[data-v-e757d2ee] .top-img--center {
6244
6266
  display: grid;
6245
6267
  aspect-ratio: 3/1;
6246
6268
  width: 100%;
@@ -6249,8 +6271,8 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6249
6271
  -o-object-position: center;
6250
6272
  object-position: center;
6251
6273
  }
6252
- .about-container[data-v-5bafbc0e] .mob_img--left,
6253
- .about-container[data-v-5bafbc0e] .mob_img--right {
6274
+ .about-container[data-v-e757d2ee] .mob_img--left,
6275
+ .about-container[data-v-e757d2ee] .mob_img--right {
6254
6276
  padding-top: 1rem;
6255
6277
  padding-bottom: 1rem;
6256
6278
  aspect-ratio: 1/1;
@@ -6260,24 +6282,23 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6260
6282
  object-position: center;
6261
6283
  width: 100%;
6262
6284
  }
6263
- .container-grid-columns[data-v-5bafbc0e] {
6285
+ .container-grid-columns[data-v-e757d2ee] {
6264
6286
  display: grid;
6265
6287
  grid-template-columns: repeat(2, 1fr);
6266
6288
  }
6267
- .about-container[data-v-5bafbc0e] .full-square-image {
6268
- margin-bottom: 1rem;
6289
+ .about-container[data-v-e757d2ee] .full-square-image {
6269
6290
  width: 100%;
6270
6291
  aspect-ratio: 1/1;
6271
6292
  -o-object-fit: cover;
6272
6293
  object-fit: cover;
6273
6294
  }
6274
- .grid-reverse-direction[data-v-5bafbc0e] {
6295
+ .grid-reverse-direction[data-v-e757d2ee] {
6275
6296
  direction: rtl;
6276
6297
  }
6277
- .grid-direction-ltr[data-v-5bafbc0e] {
6298
+ .grid-direction-ltr[data-v-e757d2ee] {
6278
6299
  direction: ltr;
6279
6300
  }
6280
- .about-container[data-v-5bafbc0e] .container-image {
6301
+ .about-container[data-v-e757d2ee] .container-image {
6281
6302
  margin-bottom: 1rem;
6282
6303
  display: grid;
6283
6304
  max-width: 20rem;
@@ -6287,34 +6308,34 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6287
6308
  height: fit-content;
6288
6309
  }
6289
6310
  @media (max-width: 767px) {
6290
- .about-container[data-v-5bafbc0e] .mob_img--left {
6311
+ .about-container[data-v-e757d2ee] .mob_img--left {
6291
6312
  display: block;
6292
6313
  width: 100%;
6293
6314
  }
6294
- .about-container[data-v-5bafbc0e] .mob_img--right {
6315
+ .about-container[data-v-e757d2ee] .mob_img--right {
6295
6316
  display: grid;
6296
6317
  }
6297
- .about-container[data-v-5bafbc0e] .img--left-right {
6318
+ .about-container[data-v-e757d2ee] .img--left-right {
6298
6319
  display: none;
6299
6320
  }
6300
- .about-body-text[data-v-5bafbc0e] {
6321
+ .about-body-text[data-v-e757d2ee] {
6301
6322
  display: block;
6302
6323
  }
6303
- .about-container[data-v-5bafbc0e] .about-placeholder {
6324
+ .about-container[data-v-e757d2ee] .about-placeholder {
6304
6325
  width: 100%;
6305
6326
  }
6306
- .text-grid-column[data-v-5bafbc0e] {
6327
+ .text-grid-column[data-v-e757d2ee] {
6307
6328
  display: grid;
6308
6329
  grid-template-columns: repeat(2, 1fr);
6309
6330
  grid-template-columns: 1fr;
6310
6331
  }
6311
- .mobile-about-container--padding[data-v-5bafbc0e] {
6332
+ .mobile-about-container--padding[data-v-e757d2ee] {
6312
6333
  padding-left: var(--page-padding);
6313
6334
  padding-right: var(--page-padding);
6314
6335
  padding-top: 2.5rem;
6315
6336
  padding-bottom: 2.5rem;
6316
6337
  }
6317
- .about-container[data-v-5bafbc0e] .container-image {
6338
+ .about-container[data-v-e757d2ee] .container-image {
6318
6339
  aspect-ratio: 1/1;
6319
6340
  -o-object-fit: cover;
6320
6341
  object-fit: cover;
@@ -6322,23 +6343,23 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6322
6343
  max-width: -moz-max-content;
6323
6344
  max-width: max-content;
6324
6345
  }
6325
- .about-container[data-v-5bafbc0e] .full-square-image {
6346
+ .about-container[data-v-e757d2ee] .full-square-image {
6326
6347
  margin-bottom: 1rem;
6327
6348
  }
6328
6349
  }
6329
6350
  @media (min-width: 767px) {
6330
- .about-container[data-v-5bafbc0e] .mob_img--right,
6331
- .about-container[data-v-5bafbc0e] .mob_img--left {
6351
+ .about-container[data-v-e757d2ee] .mob_img--right,
6352
+ .about-container[data-v-e757d2ee] .mob_img--left {
6332
6353
  display: none;
6333
6354
  }
6334
- .about-container[data-v-5bafbc0e] .img--left-right {
6355
+ .about-container[data-v-e757d2ee] .img--left-right {
6335
6356
  display: grid;
6336
6357
  }
6337
- .text-grid-column[data-v-5bafbc0e] {
6358
+ .text-grid-column[data-v-e757d2ee] {
6338
6359
  display: grid;
6339
6360
  grid-template-columns: repeat(2, 1fr);
6340
6361
  }
6341
- .about-container[data-v-5bafbc0e] .container-image {
6362
+ .about-container[data-v-e757d2ee] .container-image {
6342
6363
  aspect-ratio: auto;
6343
6364
  }
6344
6365
  }
@@ -6679,44 +6700,44 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6679
6700
  color: #f21b3f;
6680
6701
  }
6681
6702
 
6682
- .inner-container[data-v-6cf9ec0d] {
6703
+ .inner-container[data-v-15d14fc1] {
6683
6704
  max-width: var(--brandsite-max-width);
6684
6705
  margin: 0 auto;
6685
6706
  }
6686
- .outer-container[data-v-6cf9ec0d] {
6707
+ .outer-container[data-v-15d14fc1] {
6687
6708
  padding-left: var(--page-padding);
6688
6709
  padding-right: var(--page-padding);
6689
6710
  }
6690
- .modal-cart[data-v-6cf9ec0d] .cart-image {
6711
+ .modal-cart[data-v-15d14fc1] .cart-image {
6691
6712
  width: 3rem;
6692
6713
  }
6693
- .modal-cart[data-v-6cf9ec0d] .cart-option {
6714
+ .modal-cart[data-v-15d14fc1] .cart-option {
6694
6715
  width: 100%;
6695
6716
  }
6696
- .success-bar-container[data-v-6cf9ec0d] .tw-bg-success-500 {
6717
+ .success-bar-container[data-v-15d14fc1] .tw-bg-success-500 {
6697
6718
  --tw-bg-opacity: 1;
6698
6719
  background-color: rgb(36 168 16 / var(--tw-bg-opacity));
6699
6720
  }
6700
6721
  @media (min-width: 640px) {
6701
- .modal-product-detail[data-v-6cf9ec0d] .modal {
6722
+ .modal-product-detail[data-v-15d14fc1] .modal {
6702
6723
  min-width: 100vh;
6703
6724
  }
6704
- .modal-cart[data-v-6cf9ec0d] .modal {
6725
+ .modal-cart[data-v-15d14fc1] .modal {
6705
6726
  min-width: 90vh;
6706
6727
  max-height: 90vh;
6707
6728
  }
6708
- .modal-cart[data-v-6cf9ec0d] .cart-image {
6729
+ .modal-cart[data-v-15d14fc1] .cart-image {
6709
6730
  width: 8rem;
6710
6731
  }
6711
- .modal-cart[data-v-6cf9ec0d] .cart-option {
6732
+ .modal-cart[data-v-15d14fc1] .cart-option {
6712
6733
  width: 75%;
6713
6734
  }
6714
- .success-bar[data-v-6cf9ec0d] {
6735
+ .success-bar[data-v-15d14fc1] {
6715
6736
  width: 50%;
6716
6737
  }
6717
6738
  }
6718
6739
  @media (max-width: 640px) {
6719
- .success-bar[data-v-6cf9ec0d] {
6740
+ .success-bar[data-v-15d14fc1] {
6720
6741
  width: 91.666667%;
6721
6742
  }
6722
6743
  }
@@ -9154,7 +9175,7 @@ input[type='number'][data-v-b7154ee1] {
9154
9175
  }
9155
9176
  }
9156
9177
 
9157
- .c-brand-page-maker[data-v-81f37a67] {
9178
+ .c-brand-page-maker[data-v-3bb1d09d] {
9158
9179
  --navigation-height-desktop: 64px;
9159
9180
  --navigation-height-mobile: 96px;
9160
9181
  --maker-height: 100vh;
@@ -9164,14 +9185,14 @@ input[type='number'][data-v-b7154ee1] {
9164
9185
  height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
9165
9186
  padding-top: var(--navigation-height-mobile);
9166
9187
  }
9167
- .c-brand-page-maker__inner[data-v-81f37a67] {
9188
+ .c-brand-page-maker__inner[data-v-3bb1d09d] {
9168
9189
  height: 100%;
9169
9190
  }
9170
- .c-save-bar[data-v-81f37a67] {
9191
+ .c-save-bar[data-v-3bb1d09d] {
9171
9192
  position: absolute;
9172
9193
  top: 0px;
9173
9194
  left: 0px;
9174
- z-index: 20;
9195
+ z-index: 100;
9175
9196
  -webkit-box-sizing: border-box;
9176
9197
  box-sizing: border-box;
9177
9198
  width: 100%;
@@ -9189,7 +9210,7 @@ input[type='number'][data-v-b7154ee1] {
9189
9210
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
9190
9211
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
9191
9212
  }
9192
- .c-save-bar--visible[data-v-81f37a67] {
9213
+ .c-save-bar--visible[data-v-3bb1d09d] {
9193
9214
  visibility: visible !important;
9194
9215
  --tw-translate-y: 0px !important;
9195
9216
  -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;
@@ -9199,11 +9220,11 @@ input[type='number'][data-v-b7154ee1] {
9199
9220
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
9200
9221
  }
9201
9222
  @media (min-width: 1024px) {
9202
- .c-brand-page-maker[data-v-81f37a67] {
9223
+ .c-brand-page-maker[data-v-3bb1d09d] {
9203
9224
  height: calc(var(--maker-height) - var(--navigation-height-desktop));
9204
9225
  padding-top: 0px;
9205
9226
  }
9206
- .c-brand-page-maker__inner[data-v-81f37a67] {
9227
+ .c-brand-page-maker__inner[data-v-3bb1d09d] {
9207
9228
  height: 100%;
9208
9229
  }
9209
9230
  }