@total_onion/onion-library 2.0.18 → 2.0.20

package/components/block-betterreviews-display-v3/betterreviews-display-v3.js

@@ -1,9 +1,9 @@
-import extraJs from 'Assets/js/blocks/betterreviews-display-v3/betterreviews-display-v3-extra.js';
+
 
 export default function betterreviewsdisplay3Js(options = {}) {
 	try {
 		const {block} = options;
-		extraJs(block);
+
 	} catch (error) {
 		console.error(error);
 	}

package/components/block-carousel-multi-layout-v3/carousel-multi-layout-v3.js

@@ -1,4 +1,9 @@
 import {getSwiperAssetsV2} from '@total_onion/onion-utils/onion-utils.mjs';
+import { Navigation, Pagination } from 'swiper/modules';
+// import Swiper and modules styles
+import 'swiper/css';
+import 'swiper/css/navigation';
+import 'swiper/css/pagination';
 
 export default function carouselmultilayoutv3Js(options = {}) {
 	try {
@@ -6,16 +11,7 @@ export default function carouselmultilayoutv3Js(options = {}) {
 		const totalSlides = block.querySelectorAll('.swiper-slide').length || 1;
 		Promise.all([getSwiperAssetsV2()]).then((values) => {
 			const {
-				Swiper,
-				Navigation,
-				Pagination,
-				Lazy,
-				Autoplay,
-				EffectFade,
-				EffectCoverflow,
-				EffectCreative,
-				FreeMode,
-				Mousewheel
+				Swiper
 			} = values[0][0];
 
 			const dataAttributes = block.dataset;
@@ -119,13 +115,13 @@ export default function carouselmultilayoutv3Js(options = {}) {
 					modules: [
 						Navigation,
 						Pagination,
-						Lazy,
-						Autoplay,
-						EffectFade,
-						EffectCoverflow,
-						EffectCreative,
-						FreeMode,
-						Mousewheel
+						// Lazy,
+						// Autoplay,
+						// EffectFade,
+						// EffectCoverflow,
+						// EffectCreative,
+						// FreeMode,
+						// Mousewheel
 					],
 					slidesPerView: slidesMobile,
 					spaceBetween: spaceBetweenSlidesMobile,

package/components/block-carousel-multi-layout-v3/carousel-multi-layout-v3.twig

@@ -1,4 +1,3 @@
-{# Do not edit this file outside of the component library as your changes will be lost with future updates. #}
 {% set blockClassName = "carousel-multi-layout-v3" %}
 {% set classNameEntryPoint = include('entry-points/entry-point-classes.twig', { fields, block }, with_context = false) %}
 {% set htmlEntryPoint = include('entry-points/entry-point-html-v3.twig', { fields, block, blockClassName, options, environment, is_preview, nav_menus }, with_context = false) %}
@@ -6,8 +5,7 @@
 {% set styleEntryPoint = include('entry-points/entry-point-style.twig', { fields, block, displaytype, is_preview }, with_context = false) %}
 {% set previewEntryPoint = include('entry-points/entry-point-preview-info.twig', { fields, block, displaytype, is_preview }, with_context = false) %}
 
-
-{% set blockOverflow = '--block-overflow:' ~ fields.block_overflow|ru ~ ';' %}
+{# {% set blockOverflow = '--block-overflow:' ~ fields.block_overflow|ru ~ ';' %} #}
 
 {% set arrowColour = '--swiper-arrow-colour:' ~ fields.carousel_nav_arrow_colour|ru ~ ';' %}
 {% set paginationColour = '--swiper-pagination-colour:' ~ fields.carousel_pagination_colour|ru ~ ';' %}

package/components/block-site-copyright-notice-v3/site-copyright-notice-v3.twig

@@ -1,8 +1,8 @@
 {% set blockClassName = "site-copyright-notice-v3" %}
 {% set classNameEntryPoint = include('entry-points/entry-point-classes.twig', { fields: fields, block: block }, with_context = false) %}
-{% set htmlEntryPoint = include('entry-points/entry-point-html.twig', { fields, block, blockClassName, options, environment, is_preview, nav_menus }, with_context = false) %}
+{% set htmlEntryPoint = include('entry-points/entry-point-html-v3.twig', { fields, block, blockClassName, options, environment, is_preview, nav_menus }, with_context = false) %}
 {% set dataAttributeEntryPoint = include('entry-points/entry-point-data-attribute.twig', { fields: fields, block: block }, with_context = false) %}
-{% set styleEntryPoint = include('entry-points/entry-point-style.twig', { fields: fields, block: block, is_preview }, with_context = false) %}
+{% set styleEntryPoint = include('entry-points/entry-point-style-v3.twig', { fields: fields, block: block, is_preview }, with_context = false) %}
 
 {% set siteCopyrightFontSizeDesktop = '--site-copyright-font-size-desktop: ' ~ fields.site_copyright_font_size_desktop ~ ';' %}
 {% set siteCopyrightFontSizePortrait = '--site-copyright-font-size-portrait: ' ~ fields.site_copyright_font_size_portrait ~ ';'%}
@@ -17,11 +17,15 @@
 		{{sectionStyles}}
 	}
 </style>
-<section {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{block.className}} {{loop ? block.className ~ '-' ~ loop.index : ''}} {{classNameEntryPoint}} {{block.id}} lazy-fade" {{dataAttributeEntryPoint}} data-jsload="false" data-blockid="{{block.id}}" data-assetkey="{{blockClassName}}">
+<section {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{block.className}} {{loop ? block.className ~ '-' ~ loop.index : ''}} {{classNameEntryPoint}} {{block.id}} lazy-fade" {{dataAttributeEntryPoint}} data-jsload="false" data-blockid="{{block.id}}" data-pattern-site-copyright-notice data-assetkey="{{blockClassName}}">
 
 	{% if fields.enable_site_copyright_notice %}
-		<div class="{{blockClassName}}__title">
-			{{market_settings.site_copyright_notice|default('Pernod Ricard 2024')}}</div>
+		<div
+			class="{{blockClassName}}__title">
+			<!-- site-copyright-notice -->
+				{{market_settings.site_copyright_notice|default('Pernod Ricard 2024')}}
+			<!-- end-site-copyright-notice -->
+			</div>
 	{% endif %}
 	{{htmlEntryPoint}}
 </section>

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@total_onion/onion-library",
-	"version": "2.0.18",
+	"version": "2.0.20",
 	"description": "Component library",
 	"main": "index.js",
 	"scripts": {
@@ -35,7 +35,7 @@
 		"postcss": "^8.5.6",
 		"postcss-preset-env": "^10.3.1",
 		"prettier": "^2.6.2",
-		"swiper": "^11.2.10",
+		"swiper": "^12.0.2",
 		"yargs": "^17.4.1"
 	},
 	"devDependencies": {