@total_onion/onion-library 2.0.163 → 2.0.166

package/components/block-back-to-top-button-v3/back-to-top-button-v3.twig

@@ -1,4 +1,5 @@
-{% set blockClassName = "back-to-top-button" %}
+{% set blockClassName = "back-to-top-button-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) %}
 {% set dataAttributeEntryPoint = include('entry-points/entry-point-data-attribute.twig', { fields, block }, with_context = false) %}
@@ -23,12 +24,12 @@
 </style>
 
 {% if enabled %}
-	<section {{block.anchor ? "id=" ~ block.anchor : ''}} class="back-to-top-button {{blockClassName}} {{block.className}} {{classNameEntryPoint}} lazy-fade {{block.id}}" {{dataAttributeEntryPoint}} data-assetkey="back-to-top-button">
-		<button aria-label="back to the top button" class="back-to-top-button__button back-to-top-button__button--{{position}}" style="--bg-colour: {{bgColour}}">
+	<section {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{blockClassName}} {{block.className}} {{classNameEntryPoint}} lazy-fade {{block.id}}" {{dataAttributeEntryPoint}} data-assetkey="{{blockClassName}}">
+		<button aria-label="back to the top button" class="{{blockClassName}}__button {{blockClassName}}__button--{{position}}" style="--bg-colour: {{bgColour}}">
 			{% if fields.enable_custom_image %}
-				<img class="back-to-top-button__image" width="{{buttonImage.width}}" height="{{buttonImage.height}}" src="{{ buttonImage.src }}" alt="{{buttonImage.alt}}">
+				<img class="{{blockClassName}}__image" width="{{buttonImage.width}}" height="{{buttonImage.height}}" src="{{ buttonImage.src }}" alt="{{buttonImage.alt}}">
 			{% else %}
-				<span class="back-to-top-button__arrow" style="--arrow-colour: {{arrowColour}}"></span>
+				<span class="{{blockClassName}}__arrow" style="--arrow-colour: {{arrowColour}}"></span>
 			{% endif %}
 		</button>
 		{{htmlEntryPoint}}

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) %}
@@ -106,7 +105,7 @@
 	}
 </style>
 
-<section {{block.anchor ? "id=" ~ block.anchor : ''}} class=" {{ blockClassName }} lazy-fade {{block.id}} {{block.className}} {{classNameEntryPoint}} {{loop ? block.className.index ~ '-' ~ loop.index : ''}} " {{sectionDataAttributes}} data-mobileslidesoffsetbefore="{{carousel_slides_offset_before_mobile}}" data-mobileslidesoffsetafter="{{carousel_slides_offset_after_mobile}}" data-tabletslidesoffsetbefore="{{carousel_slides_offset_before_tablet}}" data-tabletslidesoffsetafter="{{carousel_slides_offset_after_tablet}}" data-desktopslidesoffsetbefore="{{carousel_slides_offset_before_desktop}}" data-desktopslidesoffsetafter="{{carousel_slides_offset_after_desktop}}" data-desktopfullspacebetweenslides="{{fields.space_between_slides_desktop_full}}" data-desktopspacebetweenslides="{{fields.carousel_space_between_slides_desktop}}" data-mobilespacebetweenslides="{{fields.carousel_space_between_slides_mobile}}" data-tabletspacebetweenslides="{{fields.carousel_space_between_slides_tablet}}" data-centeractiveslide="{{fields.carousel_center_active_slide}}" data-centeractiveslideportrait="{{fields.center_active_slide_portrait}}" data-centeractiveslidemobile="{{fields.center_active_slide_mobile}}" data-centerslidesbounds="{{fields.center_slides_bounds}}" data-centerslidesboundsportrait="{{fields.center_slides_bounds_portrait}}" data-centerslidesboundsmobile="{{fields.center_slides_bounds_mobile}}" data-loopslides="{{fields.loop_slides}}" data-loopslidesportrait="{{fields.loop_slides_portrait}}" data-loopslidesmobile="{{fields.loop_slides_mobile}}" data-paginationstyle="{{carouselPaginationStyle}}" data-assetkey="{{ blockClassName }}">
+<section {{block.anchor ? "id=" ~ block.anchor : ''}} class=" {{ blockClassName }} lazy-fade {{block.id}} {{block.section_class}} {{classNameEntryPoint}}" {{sectionDataAttributes}} data-mobileslidesoffsetbefore="{{carousel_slides_offset_before_mobile}}" data-mobileslidesoffsetafter="{{carousel_slides_offset_after_mobile}}" data-tabletslidesoffsetbefore="{{carousel_slides_offset_before_tablet}}" data-tabletslidesoffsetafter="{{carousel_slides_offset_after_tablet}}" data-desktopslidesoffsetbefore="{{carousel_slides_offset_before_desktop}}" data-desktopslidesoffsetafter="{{carousel_slides_offset_after_desktop}}" data-desktopfullspacebetweenslides="{{fields.space_between_slides_desktop_full}}" data-desktopspacebetweenslides="{{fields.carousel_space_between_slides_desktop}}" data-mobilespacebetweenslides="{{fields.carousel_space_between_slides_mobile}}" data-tabletspacebetweenslides="{{fields.carousel_space_between_slides_tablet}}" data-centeractiveslide="{{fields.carousel_center_active_slide}}" data-centeractiveslideportrait="{{fields.center_active_slide_portrait}}" data-centeractiveslidemobile="{{fields.center_active_slide_mobile}}" data-centerslidesbounds="{{fields.center_slides_bounds}}" data-centerslidesboundsportrait="{{fields.center_slides_bounds_portrait}}" data-centerslidesboundsmobile="{{fields.center_slides_bounds_mobile}}" data-loopslides="{{fields.loop_slides}}" data-loopslidesportrait="{{fields.loop_slides_portrait}}" data-loopslidesmobile="{{fields.loop_slides_mobile}}" data-paginationstyle="{{carouselPaginationStyle}}" data-assetkey="{{ blockClassName }}">
 
 	{% set arrowData = fields %}
 	<div class="{{ blockClassName }}__inner-container">