@designcrowd/library.brand-page 5.16.0 → 5.16.1

package/lib/src/{CreatedOnBrandCrowd-de-de-DqoHzxXx.js → CreatedOnBrandCrowd-de-de-9kxFnALO.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-BmtA8uCU.js → CreatedOnBrandCrowd-en-us-CWslFY7X.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-D1cIlk-E.js → CreatedOnBrandCrowd-es-es-BdD_K4aQ.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-C_v_2nKA.js → CreatedOnBrandCrowd-fr-ca-Q3dPY1zl.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-C_v_2nKA.js → CreatedOnBrandCrowd-fr-fr-Q3dPY1zl.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-Bg05a8ef.js → CreatedOnBrandCrowd-pt-br-BsFzAVhi.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-Bg05a8ef.js → CreatedOnBrandCrowd-pt-pt-BsFzAVhi.js}

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

package/lib/src/{CreatedOnDcom-de-de-BuZW8uEb.js → CreatedOnDcom-de-de-CX6_qrAv.js}

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

package/lib/src/{CreatedOnDcom-en-us-DKNTU2Em.js → CreatedOnDcom-en-us-P25UZVxL.js}

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

package/lib/src/{CreatedOnDcom-es-es-BrEOCA3u.js → CreatedOnDcom-es-es-D-LD9NyM.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-BlqNBDRR.js → CreatedOnDcom-fr-ca-Bmxjy1F4.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-CPXKbL_j.js → CreatedOnDcom-fr-fr-zsdWYsNh.js}

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

package/lib/src/{CreatedOnDcom-pt-br-CwiIOKS2.js → CreatedOnDcom-pt-br-DNO5fakC.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-BIGL3yHI.js → CreatedOnDcom-pt-pt-pCwx4bH9.js}

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

package/lib/src/index.mjs

@@ -1,4 +1,4 @@
-import { bD as E, ar as T, aU as I, a5 as s, aj as N, ai as S, af as A, bt as e, bK as O, cb as G, ca as C, c9 as D, c3 as P, b2 as t, b1 as R, bP as L, bQ as M, bX as o, bM as b, bO as r, bN as F, bR as n, bS as B, c2 as i, c0 as l, aq as g, c1 as Y, a8 as U, aZ as c, a$ as d, a_ as u, e as H, f as y, B as p, $ as K, d as V, a0 as k, j as X, an as m, Z as v, bs as h, bL as W, ay as x, aW as f, aS as z, b_ as Z, bZ as w, C as Q, b5 as j, D as q, b as J, a as $, bV as aa, b4 as _a, aX as Ea, aT as Ta, c7 as Ia, c8 as sa, bY as Na, bH as Sa, ad as Aa, b$ as ea, c4 as Oa, ba as Ga, aK as Ca, bg as Da, F as Pa, a7 as ta, a6 as Ra, h as La, a1 as Ma, b7 as oa, aV as ba, aR as ra, a3 as Fa, ak as na, l as Ba, K as ia, H as la, a9 as ga, bE as Ya, bb as Ua, bc as ca, bC as da, bi as ua, bk as Ha, b6 as ya, L as pa, aJ as Ka, bp as Va, aP as ka, bo as Xa, as as ma, ab as va, bW as ha, c5 as Wa, c6 as xa, aY as fa, N as za, aB as Za, aA as wa, aC as Qa, aw as ja, ax as qa, az as Ja, be as $a, bl as a_, b8 as __, o as E_, al as T_, am as I_, ag as s_, ah as N_, ae as S_, a4 as A_, m as e_, bq as O_, ap as G_, bI as C_, bJ as D_, bU as P_, ac as t_, bG as R_, br as L_, n as M_, S as o_, P as b_, aI as r_, bF as F_, bf as n_, bx as B_, bw as i_, bz as l_, bu as g_, bA as Y_, bB as U_, bv as c_, by as d_, aD as u_, aE as H_, bn as y_, bm as p_, aG as K_, aH as V_, aM as k_, b0 as X_, aL as m_, aN as v_, U as h_, aa as W_, aQ as x_, k as f_, bd as z_, ao as Z_, b9 as w_, bh as Q_, bj as j_, b3 as q_, Q as J_, a2 as $_, g as aE, bT as _E, r as EE, u as TE, M as IE, Y as sE, aF as NE, aO as SE, au as AE, p as eE, W as OE, t as GE, w as CE, at as DE, i as PE, av as tE, c as RE, q as LE, v as ME, V as oE, O as bE, s as rE, X as FE, A as nE, x as BE, y as iE, T as lE, E as gE, R as YE, G as UE, J as cE, z as dE, I as uE } from "./lib-BmBek0uR.js";
+import { bD as E, ar as T, aU as I, a5 as s, aj as N, ai as S, af as A, bt as e, bK as O, cb as G, ca as C, c9 as D, c3 as P, b2 as t, b1 as R, bP as L, bQ as M, bX as o, bM as b, bO as r, bN as F, bR as n, bS as B, c2 as i, c0 as l, aq as g, c1 as Y, a8 as U, aZ as c, a$ as d, a_ as u, e as H, f as y, B as p, $ as K, d as V, a0 as k, j as X, an as m, Z as v, bs as h, bL as W, ay as x, aW as f, aS as z, b_ as Z, bZ as w, C as Q, b5 as j, D as q, b as J, a as $, bV as aa, b4 as _a, aX as Ea, aT as Ta, c7 as Ia, c8 as sa, bY as Na, bH as Sa, ad as Aa, b$ as ea, c4 as Oa, ba as Ga, aK as Ca, bg as Da, F as Pa, a7 as ta, a6 as Ra, h as La, a1 as Ma, b7 as oa, aV as ba, aR as ra, a3 as Fa, ak as na, l as Ba, K as ia, H as la, a9 as ga, bE as Ya, bb as Ua, bc as ca, bC as da, bi as ua, bk as Ha, b6 as ya, L as pa, aJ as Ka, bp as Va, aP as ka, bo as Xa, as as ma, ab as va, bW as ha, c5 as Wa, c6 as xa, aY as fa, N as za, aB as Za, aA as wa, aC as Qa, aw as ja, ax as qa, az as Ja, be as $a, bl as a_, b8 as __, o as E_, al as T_, am as I_, ag as s_, ah as N_, ae as S_, a4 as A_, m as e_, bq as O_, ap as G_, bI as C_, bJ as D_, bU as P_, ac as t_, bG as R_, br as L_, n as M_, S as o_, P as b_, aI as r_, bF as F_, bf as n_, bx as B_, bw as i_, bz as l_, bu as g_, bA as Y_, bB as U_, bv as c_, by as d_, aD as u_, aE as H_, bn as y_, bm as p_, aG as K_, aH as V_, aM as k_, b0 as X_, aL as m_, aN as v_, U as h_, aa as W_, aQ as x_, k as f_, bd as z_, ao as Z_, b9 as w_, bh as Q_, bj as j_, b3 as q_, Q as J_, a2 as $_, g as aE, bT as _E, r as EE, u as TE, M as IE, Y as sE, aF as NE, aO as SE, au as AE, p as eE, W as OE, t as GE, w as CE, at as DE, i as PE, av as tE, c as RE, q as LE, v as ME, V as oE, O as bE, s as rE, X as FE, A as nE, x as BE, y as iE, T as lE, E as gE, R as YE, G as UE, J as cE, z as dE, I as uE } from "./lib-BxoUR-Hp.js";
 import { createPinia as yE, setActivePinia as pE } from "pinia";
 export {
   E as ABOUT_SECTION_SETTINGS_CONFIG,

package/lib/src/{lib-BmBek0uR.js → lib-BxoUR-Hp.js}

@@ -57816,10 +57816,10 @@ const tn = /* @__PURE__ */ j6(Zk1), zk1 = (e, t, n) => {
     _t(() => n.context.isDesignCom, async () => {
       const S = H8().toLowerCase(), k = n.context.isDesignCom ? "Dcom" : "BrandCrowd";
       try {
-        const { default: _ } = await N_(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-de-de.vue": () => import("./CreatedOnBrandCrowd-de-de-DqoHzxXx.js"), "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-BmtA8uCU.js"), "./watermark/CreatedOnBrandCrowd-es-es.vue": () => import("./CreatedOnBrandCrowd-es-es-D1cIlk-E.js"), "./watermark/CreatedOnBrandCrowd-fr-ca.vue": () => import("./CreatedOnBrandCrowd-fr-ca-C_v_2nKA.js"), "./watermark/CreatedOnBrandCrowd-fr-fr.vue": () => import("./CreatedOnBrandCrowd-fr-fr-C_v_2nKA.js"), "./watermark/CreatedOnBrandCrowd-pt-br.vue": () => import("./CreatedOnBrandCrowd-pt-br-Bg05a8ef.js"), "./watermark/CreatedOnBrandCrowd-pt-pt.vue": () => import("./CreatedOnBrandCrowd-pt-pt-Bg05a8ef.js"), "./watermark/CreatedOnDcom-de-de.vue": () => import("./CreatedOnDcom-de-de-BuZW8uEb.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-DKNTU2Em.js"), "./watermark/CreatedOnDcom-es-es.vue": () => import("./CreatedOnDcom-es-es-BrEOCA3u.js"), "./watermark/CreatedOnDcom-fr-ca.vue": () => import("./CreatedOnDcom-fr-ca-BlqNBDRR.js"), "./watermark/CreatedOnDcom-fr-fr.vue": () => import("./CreatedOnDcom-fr-fr-CPXKbL_j.js"), "./watermark/CreatedOnDcom-pt-br.vue": () => import("./CreatedOnDcom-pt-br-CwiIOKS2.js"), "./watermark/CreatedOnDcom-pt-pt.vue": () => import("./CreatedOnDcom-pt-pt-BIGL3yHI.js") }), `./watermark/CreatedOn${k}-${S}.vue`, 3);
+        const { default: _ } = await N_(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-de-de.vue": () => import("./CreatedOnBrandCrowd-de-de-9kxFnALO.js"), "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-CWslFY7X.js"), "./watermark/CreatedOnBrandCrowd-es-es.vue": () => import("./CreatedOnBrandCrowd-es-es-BdD_K4aQ.js"), "./watermark/CreatedOnBrandCrowd-fr-ca.vue": () => import("./CreatedOnBrandCrowd-fr-ca-Q3dPY1zl.js"), "./watermark/CreatedOnBrandCrowd-fr-fr.vue": () => import("./CreatedOnBrandCrowd-fr-fr-Q3dPY1zl.js"), "./watermark/CreatedOnBrandCrowd-pt-br.vue": () => import("./CreatedOnBrandCrowd-pt-br-BsFzAVhi.js"), "./watermark/CreatedOnBrandCrowd-pt-pt.vue": () => import("./CreatedOnBrandCrowd-pt-pt-BsFzAVhi.js"), "./watermark/CreatedOnDcom-de-de.vue": () => import("./CreatedOnDcom-de-de-CX6_qrAv.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-P25UZVxL.js"), "./watermark/CreatedOnDcom-es-es.vue": () => import("./CreatedOnDcom-es-es-D-LD9NyM.js"), "./watermark/CreatedOnDcom-fr-ca.vue": () => import("./CreatedOnDcom-fr-ca-Bmxjy1F4.js"), "./watermark/CreatedOnDcom-fr-fr.vue": () => import("./CreatedOnDcom-fr-fr-zsdWYsNh.js"), "./watermark/CreatedOnDcom-pt-br.vue": () => import("./CreatedOnDcom-pt-br-DNO5fakC.js"), "./watermark/CreatedOnDcom-pt-pt.vue": () => import("./CreatedOnDcom-pt-pt-pCwx4bH9.js") }), `./watermark/CreatedOn${k}-${S}.vue`, 3);
         i.value = _;
       } catch {
-        const { default: H } = await N_(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-BmtA8uCU.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-DKNTU2Em.js") }), `./watermark/CreatedOn${k}-en-us.vue`, 3);
+        const { default: H } = await N_(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-CWslFY7X.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-P25UZVxL.js") }), `./watermark/CreatedOn${k}-en-us.vue`, 3);
         i.value = H;
       }
     }, {
@@ -59503,20 +59503,24 @@ const O9 = /* @__PURE__ */ v(sE1, [["render", oE1], ["__scopeId", "data-v-5bfe67
         context: s.context,
         "content-index": s.contentIndex,
         loading: "lazy"
-      }, null, 8, ["image-url", "classes", "styles", "context", "content-index"])) : (C(), f("video", {
+      }, null, 8, ["image-url", "classes", "styles", "context", "content-index"])) : (C(), f("div", {
         key: 0,
-        ref_key: "videoElement",
-        ref: n,
-        class: D(s.videoClasses),
-        src: (a = s.media) == null ? void 0 : a.videoUrl,
-        autoplay: !s.context.isPreview,
-        muted: "",
-        loop: "",
-        controls: !1,
-        playsinline: "",
-        preload: "auto",
-        onCanplay: i
-      }, null, 42, lE1));
+        class: D(s.videoClasses)
+      }, [
+        h("video", {
+          ref_key: "videoElement",
+          ref: n,
+          class: "tw-w-full tw-h-full tw-object-cover",
+          src: (a = s.media) == null ? void 0 : a.videoUrl,
+          autoplay: !s.context.isPreview,
+          muted: "",
+          loop: "",
+          controls: !1,
+          playsinline: "",
+          preload: "auto",
+          onCanplay: i
+        }, null, 40, lE1)
+      ], 2));
     };
   }
 }), cE1 = {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@designcrowd/library.brand-page",
   "description": "A collection of Maker/Designer applications",
-  "version": "5.16.0",
+  "version": "5.16.1",
   "author": "Design.com Eng",
   "license": "UNLICENSED",
   "type": "module",

package/src/brand-page/components/media/Video.vue

@@ -1,17 +1,18 @@
 <template>
-  <video
-    v-if="!context.options?.renderVideoAsImage"
-    ref="videoElement"
-    :class="videoClasses"
-    :src="media?.videoUrl"
-    :autoplay="!context.isPreview"
-    muted
-    loop
-    :controls="false"
-    playsinline
-    preload="auto"
-    @canplay="attemptAutoplay"
-  />
+  <div v-if="!context.options?.renderVideoAsImage" :class="videoClasses">
+    <video
+      ref="videoElement"
+      class="tw-w-full tw-h-full tw-object-cover"
+      :src="media?.videoUrl"
+      :autoplay="!context.isPreview"
+      muted
+      loop
+      :controls="false"
+      playsinline
+      preload="auto"
+      @canplay="attemptAutoplay"
+    />
+  </div>
   <FallbackImage
     v-else
     :image-url="media?.previewImageUrl || ''"