@shopware/cms-base-layer 1.5.0 → 1.5.1

package/README.md

@@ -132,21 +132,18 @@ No additional packages needed to be installed.
 
 Full changelog for stable version is available [here](https://github.com/shopware/frontends/blob/main/packages/cms-base-layer/CHANGELOG.md)
 
-### Latest changes: 1.5.0
-
-### Minor Changes
-
-- [#1727](https://github.com/shopware/frontends/pull/1727) [`94872b7`](https://github.com/shopware/frontends/commit/94872b7c6f6337ff8ce0bcfd9320e4178a4927f0) Thanks [@mdanilowicz](https://github.com/mdanilowicz)! - Added CmsBlockHtml to render html blocks.
-  Added CmsElementHtml to render html element.
+### Latest changes: 1.5.1
 
 ### Patch Changes
 
-- [#1843](https://github.com/shopware/frontends/pull/1843) [`1859893`](https://github.com/shopware/frontends/commit/1859893ec3fe1cdead4b1c39e34943d9a70deaa4) Thanks [@mdanilowicz](https://github.com/mdanilowicz)! - Enhance form error handling and fix TS errors
+- [#1879](https://github.com/shopware/frontends/pull/1879) [`eaf170b`](https://github.com/shopware/frontends/commit/eaf170bd037a278b3d2e155c4d69de8e5fd9516d) Thanks [@acuriouspotion](https://github.com/acuriouspotion)! - Fix youtube player control display and usage of advanced privacy mode setting.
+
+- [#1862](https://github.com/shopware/frontends/pull/1862) [`20fd2c6`](https://github.com/shopware/frontends/commit/20fd2c615738f93a3947c69f351fc5d37ea89ebf) Thanks [@aheartforspinach](https://github.com/aheartforspinach)! - Fix CmsSectionSidebar.vue when used on a landing page by removing useCategory and related code
 
-- [#1812](https://github.com/shopware/frontends/pull/1812) [`c28810d`](https://github.com/shopware/frontends/commit/c28810d0ca503b97c232438e200bbf5ba5dab403) Thanks [@patzick](https://github.com/patzick)! - Fix date formatting based on locale, previously always returned en-US format
+- [#1884](https://github.com/shopware/frontends/pull/1884) [`3004b97`](https://github.com/shopware/frontends/commit/3004b973913b90cdf4b255ffb3f9cee265241666) Thanks [@MorennMcFly](https://github.com/MorennMcFly)! - Fix cms blocks TextTeaserSection and TextTwoColumn responsivity so the elements stack from md breakpoint and under.
 
-- [#1857](https://github.com/shopware/frontends/pull/1857) [`e78d51e`](https://github.com/shopware/frontends/commit/e78d51e6af0726b12620d9f7e8f2c3150aa80cfa) Thanks [@mdanilowicz](https://github.com/mdanilowicz)! - Fix wrong `SharedPrice` component in `SwListingProductPrice.vue` file
+- [#1863](https://github.com/shopware/frontends/pull/1863) [`f8c5cd5`](https://github.com/shopware/frontends/commit/f8c5cd5c9aa8b65d394c831e3ac548b4743c53a6) Thanks [@aheartforspinach](https://github.com/aheartforspinach)! - move `CmsBlockHtml.vue` to block folder (instead of element), remove `CmsBlockHtml.md`
 
-- Updated dependencies [[`d016d6b`](https://github.com/shopware/frontends/commit/d016d6b845bff9a148405a74dae88d7fc81ec99c), [`c28810d`](https://github.com/shopware/frontends/commit/c28810d0ca503b97c232438e200bbf5ba5dab403), [`a7ff606`](https://github.com/shopware/frontends/commit/a7ff60681d1a164d5c9f2020c506262e96fad5dc), [`d016d6b`](https://github.com/shopware/frontends/commit/d016d6b845bff9a148405a74dae88d7fc81ec99c), [`bd70905`](https://github.com/shopware/frontends/commit/bd70905b8443fd57d8d8cb3cfc6501a9117dea49)]:
-  - @shopware/api-client@1.3.0
-  - @shopware/composables@1.9.0
+- Updated dependencies [[`ab040bb`](https://github.com/shopware/frontends/commit/ab040bb6cc05541001a983c26d5cb6dbf3192394), [`c8fa438`](https://github.com/shopware/frontends/commit/c8fa438b38de6dbc43a2895f2d1906907447c384)]:
+  - @shopware/composables@1.9.1
+  - @shopware/helpers@1.5.0

package/components/public/cms/block/CmsBlockTextTeaserSection.vue

@@ -6,15 +6,15 @@ defineProps<{
 }>();
 </script>
 <template>
-  <div class="container mx-auto flex pt-6 pb-6">
+  <div class="mx-auto grid md:grid-cols-3 gap-4 py-6">
     <CmsGenericElement
       v-for="(slot, i) in content.slots"
       :key="slot.id"
       :content="slot"
-      class="cms-block-text-teaser-section flex"
+      class="cms-block-text-teaser-section"
       :class="{
-        'flex-basis-1/3 flex-col ': i == 0,
-        'pl-4 flex-basis-2/3': i == 1,
+        'md:col-span-1': i === 0,
+        'md:col-span-2': i === 1,
       }"
     />
   </div>

package/components/public/cms/block/CmsBlockTextTwoColumn.vue

@@ -13,16 +13,14 @@ const rightContent = getSlotContent("right");
 </script>
 
 <template>
-  <article
-    class="cms-block-text-two-column flex justify-center gap-5 md:gap-20"
-  >
+  <article class="cms-block-text-two-column grid md:grid-cols-2 gap-5 md:gap-20">
     <CmsGenericElement
       :content="leftContent"
-      class="w-1/2 cms-block-text-two-column__text"
+      class="cms-block-text-two-column__text"
     />
     <CmsGenericElement
       :content="rightContent"
-      class="w-1/2 cms-block-text-two-column__text"
+      class="cms-block-text-two-column__text"
     />
   </article>
 </template>

package/components/public/cms/element/CmsElementYoutubeVideo.vue

@@ -15,7 +15,7 @@ const config = computed(() => ({
   loop: getConfigValue("loop")
     ? `loop=1&playlist=${getConfigValue("videoID")}&`
     : "",
-  showControls: getConfigValue("showControls") ? "controls=0&" : "",
+  showControls: getConfigValue("showControls") ? "controls=1&" : "controls=0&",
   start:
     Number.parseInt(getConfigValue("start")) !== 0
       ? `start=${getConfigValue("start")}&`
@@ -27,7 +27,13 @@ const config = computed(() => ({
   disableKeyboard: "disablekb=1",
 }));
 
-const videoUrl = `https://www.youtube-nocookie.com/embed/\
+const YOUTUBE_URL = "https://www.youtube.com/embed/";
+const YOUTUBE_NOCOOKIE_URL = "https://www.youtube-nocookie.com/embed/";
+const videoDomain = getConfigValue("advancedPrivacyMode")
+  ? YOUTUBE_NOCOOKIE_URL
+  : YOUTUBE_URL;
+
+const videoUrl = `${videoDomain}\
             ${config.value.videoID}?\
             ${config.value.relatedVideos}\
             ${config.value.loop}\

package/components/public/cms/section/CmsSectionSidebar.vue

@@ -1,9 +1,7 @@
 <script setup lang="ts">
 import { useCmsSection } from "@shopware/composables";
 import type { CmsSectionSidebar } from "@shopware/composables";
-import { getTranslatedProperty } from "@shopware/helpers";
 import { computed } from "vue";
-import { useCategory } from "#imports";
 
 const props = defineProps<{
   content: CmsSectionSidebar;
@@ -13,16 +11,10 @@ const { getPositionContent } = useCmsSection(props.content);
 const sidebarBlocks = getPositionContent("sidebar");
 const mainBlocks = getPositionContent("main");
 const mobileBehavior = computed(() => props.content.mobileBehavior);
-const { category } = useCategory();
 </script>
 
 <template>
   <div class="cms-section-sidebar grid grid-cols-12 md:grid">
-    <div class="col-span-12 mx-8 md:mx-5 mt-8">
-      <h1 class="text-4xl font-extrabold tracking-tight text-gray-900">
-        {{ getTranslatedProperty(category, "name") }}
-      </h1>
-    </div>
     <div class="col-span-12 md:col-span-7 lg:col-span-9 order-1 md:order-2">
       <CmsGenericBlock
         v-for="cmsBlock in mainBlocks"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shopware/cms-base-layer",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "description": "Vue CMS Nuxt Layer for Shopware",
   "author": "Shopware",
   "repository": {
@@ -29,32 +29,32 @@
     "nuxt.config.ts"
   ],
   "dependencies": {
-    "@nuxt/kit": "3.16.2",
+    "@nuxt/kit": "3.17.5",
     "@tresjs/cientos": "4.3.0",
     "@tresjs/core": "4.3.3",
     "@vuelidate/core": "2.0.3",
     "@vuelidate/validators": "2.0.4",
-    "@vueuse/core": "13.1.0",
+    "@vueuse/core": "13.3.0",
     "entities": "6.0.0",
     "html-to-ast": "0.0.6",
     "three": "0.173.0",
-    "vue": "3.5.13",
+    "vue": "3.5.16",
     "xss": "1.0.15",
-    "@shopware/composables": "1.9.0",
-    "@shopware/helpers": "1.4.0",
-    "@shopware/api-client": "1.3.0"
+    "@shopware/composables": "1.9.1",
+    "@shopware/api-client": "1.3.0",
+    "@shopware/helpers": "1.5.0"
   },
   "devDependencies": {
     "@biomejs/biome": "1.8.3",
-    "@nuxt/schema": "3.16.2",
+    "@nuxt/schema": "3.17.5",
     "@types/three": "0.173.0",
-    "@vitest/coverage-v8": "3.1.1",
-    "nuxt": "3.16.2",
+    "@vitest/coverage-v8": "3.2.3",
+    "nuxt": "3.17.5",
     "typescript": "5.8.3",
     "unbuild": "2.0.0",
-    "vitest": "3.1.1",
-    "vue-router": "4.5.0",
-    "vue-tsc": "2.2.8",
+    "vitest": "3.2.3",
+    "vue-router": "4.5.1",
+    "vue-tsc": "2.2.10",
     "tsconfig": "0.0.0"
   },
   "scripts": {

package/components/public/cms/element/CmsBlockHtml.md

@@ -1 +0,0 @@
-Render a HTML section