@designcrowd/library.brand-page 5.17.21-kp-1 → 5.17.21

package/lib/src/{CreatedOnBrandCrowd-de-de-tDfigFsQ.js → CreatedOnBrandCrowd-de-de-Brtp2yWB.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-CdzRfLTq.js → CreatedOnBrandCrowd-en-us-BIJ5VoX4.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-DpBKI4Qi.js → CreatedOnBrandCrowd-es-es-JrKK9K0u.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-8BjTrEak.js → CreatedOnBrandCrowd-fr-ca-D_HvOZe-.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-8BjTrEak.js → CreatedOnBrandCrowd-fr-fr-D_HvOZe-.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-kxnznjPB.js → CreatedOnBrandCrowd-pt-br-SSLb0vlp.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-kxnznjPB.js → CreatedOnBrandCrowd-pt-pt-SSLb0vlp.js}

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

package/lib/src/{CreatedOnDcom-de-de-YLebq5nt.js → CreatedOnDcom-de-de-BG39ozFo.js}

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

package/lib/src/{CreatedOnDcom-en-us-BCkkX4NC.js → CreatedOnDcom-en-us-D2NzqECZ.js}

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

package/lib/src/{CreatedOnDcom-es-es-BlIwjtBb.js → CreatedOnDcom-es-es-C55r2Lb4.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-Cax8GNl7.js → CreatedOnDcom-fr-ca-Bj-sAaJI.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-CKYbDU0-.js → CreatedOnDcom-fr-fr-D8l0r-Tc.js}

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

package/lib/src/{CreatedOnDcom-pt-br-D_3XGCdM.js → CreatedOnDcom-pt-br-CXHC6E1h.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-D0o7kehp.js → CreatedOnDcom-pt-pt-2dMvgnyi.js}

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

package/lib/src/brand-page/components/image-gallery/ImageGalleryModal.mixin.d.ts

@@ -30,14 +30,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     isImageModalLoading: boolean;
     carouselImages: any[][] | undefined;
     showControl: boolean;
-    carouselComponentRef: string;
 }, {
     isImageModalVisible(): boolean;
     altText(): string;
     showCarouselControls(): boolean;
     navigationUniqueIndexer(): string;
     swiperOptions(): {
-        initialSlide: any;
+        initialSlide: number;
         loop: boolean;
         slidesPerGroup: number;
         slidesPerView: number;
@@ -59,8 +58,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     imageLoading(): void;
     checkImageLoading(isLoading: any): void;
     onImageModalClose(): void;
-    isSlideInRenderWindow(index: number): boolean;
-    onCarouselLoaded(): void;
 }, import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     isPreview: {
         type: BooleanConstructor;

package/lib/src/brand-page/components/image-gallery/ImageGalleryModal.mixin.js

@@ -2,15 +2,6 @@ import { defineComponent } from 'vue';
 import ComponentCommonMixin from '../mixins/component-common.mixin';
 import ImageModalMixin from '../mixins/image-modal.mixin';
 import cloneDeep from 'lodash.clonedeep';
-// Number of slides on each side of the current slide to keep mounted with a
-// real <img>. Slides outside this window render an empty placeholder so the
-// browser does not request full-resolution images for the entire gallery on
-// modal open — required to prevent mobile tab crashes on large galleries.
-const IMAGE_RENDER_WINDOW = 2;
-// Swiper `loop: true` duplicates slide DOM nodes at both ends. For large
-// galleries this doubles the DOM cost without user benefit, so we disable
-// loop above this threshold.
-const LOOP_DISABLED_ABOVE = 20;
 export default defineComponent({
     mixins: [ComponentCommonMixin, ImageModalMixin],
     props: {
@@ -46,7 +37,6 @@ export default defineComponent({
             isImageModalLoading: false,
             carouselImages: [],
             showControl: true,
-            carouselComponentRef: 'image-gallery-carousel',
         };
     },
     computed: {
@@ -69,8 +59,8 @@ export default defineComponent({
         },
         swiperOptions() {
             return {
-                initialSlide: this.selectedImageIndex ?? 0,
-                loop: this.images.length > 1 && this.images.length <= LOOP_DISABLED_ABOVE,
+                initialSlide: 0,
+                loop: this.images.length > 1,
                 slidesPerGroup: 1,
                 slidesPerView: 1,
                 spaceBetween: 10,
@@ -99,6 +89,8 @@ export default defineComponent({
                 return;
             }
             this.isImageModalLoading = true;
+            this.swiperOptions.initialSlide = newIndex;
+            // this.$nextTick(() => this.checkImageModalImageComplete());
         },
         images: {
             deep: true,
@@ -139,41 +131,5 @@ export default defineComponent({
         onImageModalClose() {
             this.$emit('close');
         },
-        isSlideInRenderWindow(index) {
-            if (this.currentImageIndex === undefined) {
-                return false;
-            }
-            const total = this.images.length;
-            if (total === 0) {
-                return false;
-            }
-            const direct = Math.abs(index - this.currentImageIndex);
-            // For looped galleries, the shortest path between two slides may wrap
-            // around the end. Use whichever distance is smaller.
-            const wrapped = total - direct;
-            const distance = Math.min(direct, wrapped);
-            return distance <= IMAGE_RENDER_WINDOW;
-        },
-        onCarouselLoaded() {
-            // The shared Carousel doesn't emit slide-change events, so we reach
-            // through its ref to bind directly to the underlying Swiper instance.
-            // Keeps `currentImageIndex` in sync with user navigation (arrows,
-            // swipes, keyboard) so the render window slides with the user.
-            const carousel = this.$refs[this.carouselComponentRef];
-            const swiper = carousel?.swiper;
-            if (!swiper || typeof swiper.on !== 'function') {
-                return;
-            }
-            swiper.on('slideChange', () => {
-                // `realIndex` reflects the underlying slide index when loop mode
-                // duplicates slides; `activeIndex` would include those duplicates.
-                const next = typeof swiper.realIndex === 'number'
-                    ? swiper.realIndex
-                    : swiper.activeIndex;
-                if (typeof next === 'number') {
-                    this.currentImageIndex = next;
-                }
-            });
-        },
     },
 });

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

@@ -5990,27 +5990,23 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   min-height: 0 !important; /* fix masonry bottom gap */
 }
 
-.c-image-gallery-modal[data-v-d308e332] .modal {
+.c-image-gallery-modal[data-v-edfdf97d] .modal {
   padding-top: 0px
 }
-.c-image-gallery-modal[data-v-d308e332] .swiper {
+.c-image-gallery-modal[data-v-edfdf97d] .swiper {
   padding-top: 4rem
 }
-.c-image-gallery-modal[data-v-d308e332] .swiper-slide {
+.c-image-gallery-modal[data-v-edfdf97d] .swiper-slide {
   width: 100%
 }
-.c-image-gallery-modal[data-v-d308e332] .carousel > div:first-child,
-.c-image-gallery-modal[data-v-d308e332] .swiper-container {
+.c-image-gallery-modal[data-v-edfdf97d] .carousel > div:first-child,
+.c-image-gallery-modal[data-v-edfdf97d] .swiper-container {
   height: 100%
 }
-.c-modal-image[data-v-d308e332] {
+.c-modal-image[data-v-edfdf97d] {
   max-width: 100%;
   max-height: 90vh
 }
-.c-modal-image-placeholder[data-v-d308e332] {
-  width: 100%;
-  height: 90vh
-}
 
 .c-image-gallery[data-v-5ed761de] {
   --image-size: 8rem;

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

@@ -6308,27 +6308,23 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   min-height: 0 !important; /* fix masonry bottom gap */
 }
 
-.c-image-gallery-modal[data-v-d308e332] .modal {
+.c-image-gallery-modal[data-v-edfdf97d] .modal {
   padding-top: 0px
 }
-.c-image-gallery-modal[data-v-d308e332] .swiper {
+.c-image-gallery-modal[data-v-edfdf97d] .swiper {
   padding-top: 4rem
 }
-.c-image-gallery-modal[data-v-d308e332] .swiper-slide {
+.c-image-gallery-modal[data-v-edfdf97d] .swiper-slide {
   width: 100%
 }
-.c-image-gallery-modal[data-v-d308e332] .carousel > div:first-child,
-.c-image-gallery-modal[data-v-d308e332] .swiper-container {
+.c-image-gallery-modal[data-v-edfdf97d] .carousel > div:first-child,
+.c-image-gallery-modal[data-v-edfdf97d] .swiper-container {
   height: 100%
 }
-.c-modal-image[data-v-d308e332] {
+.c-modal-image[data-v-edfdf97d] {
   max-width: 100%;
   max-height: 90vh
 }
-.c-modal-image-placeholder[data-v-d308e332] {
-  width: 100%;
-  height: 90vh
-}
 
 .c-image-gallery[data-v-5ed761de] {
   --image-size: 8rem;

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

@@ -6020,27 +6020,23 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   min-height: 0 !important; /* fix masonry bottom gap */
 }
 
-.c-image-gallery-modal[data-v-d308e332] .modal {
+.c-image-gallery-modal[data-v-edfdf97d] .modal {
   padding-top: 0px
 }
-.c-image-gallery-modal[data-v-d308e332] .swiper {
+.c-image-gallery-modal[data-v-edfdf97d] .swiper {
   padding-top: 4rem
 }
-.c-image-gallery-modal[data-v-d308e332] .swiper-slide {
+.c-image-gallery-modal[data-v-edfdf97d] .swiper-slide {
   width: 100%
 }
-.c-image-gallery-modal[data-v-d308e332] .carousel > div:first-child,
-.c-image-gallery-modal[data-v-d308e332] .swiper-container {
+.c-image-gallery-modal[data-v-edfdf97d] .carousel > div:first-child,
+.c-image-gallery-modal[data-v-edfdf97d] .swiper-container {
   height: 100%
 }
-.c-modal-image[data-v-d308e332] {
+.c-modal-image[data-v-edfdf97d] {
   max-width: 100%;
   max-height: 90vh
 }
-.c-modal-image-placeholder[data-v-d308e332] {
-  width: 100%;
-  height: 90vh
-}
 
 .c-image-gallery[data-v-5ed761de] {
   --image-size: 8rem;

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

@@ -5718,27 +5718,23 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   min-height: 0 !important; /* fix masonry bottom gap */
 }
 
-.bp .c-image-gallery-modal[data-v-d308e332] .modal {
+.bp .c-image-gallery-modal[data-v-edfdf97d] .modal {
   padding-top: 0px
 }
-.bp .c-image-gallery-modal[data-v-d308e332] .swiper {
+.bp .c-image-gallery-modal[data-v-edfdf97d] .swiper {
   padding-top: 4rem
 }
-.bp .c-image-gallery-modal[data-v-d308e332] .swiper-slide {
+.bp .c-image-gallery-modal[data-v-edfdf97d] .swiper-slide {
   width: 100%
 }
-.bp .c-image-gallery-modal[data-v-d308e332] .carousel > div:first-child,
-.bp .c-image-gallery-modal[data-v-d308e332] .swiper-container {
+.bp .c-image-gallery-modal[data-v-edfdf97d] .carousel > div:first-child,
+.bp .c-image-gallery-modal[data-v-edfdf97d] .swiper-container {
   height: 100%
 }
-.bp .c-modal-image[data-v-d308e332] {
+.bp .c-modal-image[data-v-edfdf97d] {
   max-width: 100%;
   max-height: 90vh
 }
-.bp .c-modal-image-placeholder[data-v-d308e332] {
-  width: 100%;
-  height: 90vh
-}
 
 .bp .c-image-gallery[data-v-5ed761de] {
   --image-size: 8rem;

package/lib/src/index.mjs

@@ -1,4 +1,4 @@
-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--fXSGh_Q.js";
+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-CrBvj1a5.js";
 import { createPinia as wE, setActivePinia as ZE } from "pinia";
 export {
   E as ABOUT_SECTION_SETTINGS_CONFIG,