@total_onion/onion-library 2.0.85 → 2.0.87

package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3/post-title-widget.vue

@@ -14,7 +14,7 @@ const textEditorStylesString = textEditorStyles(props);
 		<h3 :class="`${element.text_style?.typography_style.slice(2)}`" :style="`${textEditorStylesString}`"
 			v-html="post.post_title">
 		</h3>
-		<img :class="`${blockClassname}__post-title-icon style-svg`" v-if="element.enable_icon"
-			:src="ctaIcons.cta_load_more_icon" alt="title icon">
+		<img :class="`${blockClassname}__post-title-icon`" v-if="element.enable_icon" :src="ctaIcons.cta_load_more_icon"
+			alt="title icon">
 	</a>
 </template>

package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3/ptfg-utils.vue

@@ -1,5 +1,7 @@
 <script>
-export default function (props) { }
+export default function (props) {
+	console.log('pointless default function');
+}
 export function gridLayoutElement(props) {
 	const element = props.element;
 	return `
@@ -22,6 +24,7 @@ export function gridLayoutElement(props) {
 	--grid-horizontal-placement-desktop: ${element.grid_layout_element?.grid_horizontal_placement?.slice(2)};
 	--grid-vertical-placement-desktop: ${element.grid_layout_element?.grid_vertical_placement?.slice(2)};`;
 }
+
 export function textEditorStyles(props) {
 	const element = props.element;
 	const textColourType = props.element?.text_style?.text_colour?.slice(2);

package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3.js

@@ -1,11 +1,11 @@
 import {createApp} from 'vue';
-import posttypefiltergridv3 from './post-type-filter-grid-v3.vue';
+import posttypefiltergridv2 from 'Assets/vue/blocks/post-type-filter-grid-v3.vue';
 
-export default function posttypefiltergridv3Js(options = {}) {
+export default function posttypefiltergridv2Js(options = {}) {
 	try {
 		const {block} = options;
 		const mountElement = block.children[0];
-		createApp(posttypefiltergridv3, {...mountElement.dataset}).mount(
+		createApp(posttypefiltergridv2, {...mountElement.dataset}).mount(
 			mountElement
 		);
 	} catch (error) {

package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3.scss

@@ -1,8 +1,9 @@
-@use '../fields-core-mixins-v3/core-mixins-v3';
-@use '../fields-core-functions-v3/core-functions-v3';
-@use '../../breakpoints';
-@use '../component-grid-layout-element-v3/grid-layout-element-v3';
-@use '../component-element-positioning-v3/element-positioning-v3';
+@use 'NodeModules/@total_onion/onion-library/components/fields-core-mixins-v3/core-mixins-v3';
+@use 'NodeModules/@total_onion/onion-library/components/fields-core-functions-v3/core-functions-v3';
+@use 'NodeModules/@total_onion/onion-library/breakpoints';
+// @use 'Assets/scss/modules/library-modules/core-gradient-designer/core-gradient-designer';
+@use 'NodeModules/@total_onion/onion-library/components/component-grid-layout-element-v3/grid-layout-element-v3';
+@use 'NodeModules/@total_onion/onion-library/components/component-element-positioning-v3/element-positioning-v3';
 
 .post-type-filter-grid-v3 {
 	z-index: 10;
@@ -545,6 +546,100 @@
 			);
 		}
 	}
+	&__market-toggle {
+		background: var(--black);
+		align-items: center;
+		display: inline-flex;
+		gap: core-functions-v3.fluidSize(10, 'static');
+		padding: core-functions-v3.fluidSize(15, 'static')
+			core-functions-v3.fluidSize(10, 'static');
+		@include core-mixins-v3.device(breakpoints.$tabPortrait) {
+			padding: core-functions-v3.fluidSize(15, 'static');
+		}
+	}
+	&__switch {
+		align-items: center;
+		display: inline-flex;
+		gap: core-functions-v3.fluidSize(10, 'static');
+		@include core-mixins-v3.device(breakpoints.$tabPortrait) {
+			gap: core-functions-v3.fluidSize(20, 'static');
+		}
+		margin: auto;
+	}
+
+	&__switch-toggle {
+		display: inline-block;
+		position: relative;
+		height: core-functions-v3.fluidSize(26, 'static');
+		width: core-functions-v3.fluidSize(50, 'static');
+		@include core-mixins-v3.device(breakpoints.$tabPortrait) {
+			height: core-functions-v3.fluidSize(34, 'static');
+			width: core-functions-v3.fluidSize(68, 'static');
+		}
+
+		input {
+			opacity: 0;
+			width: 0;
+			height: 0;
+		}
+
+		.switch-slider {
+			background-color: var(--palette-default-1);
+			border-radius: core-functions-v3.fluidSize(34, 'static');
+			bottom: 0;
+			cursor: pointer;
+			height: core-functions-v3.fluidSize(26, 'static');
+			left: 0;
+			top: 0;
+			position: absolute;
+			right: 0;
+			transition: 0.4s;
+			width: core-functions-v3.fluidSize(50, 'static');
+			@include core-mixins-v3.device(breakpoints.$tabPortrait) {
+				height: core-functions-v3.fluidSize(34, 'static');
+				width: core-functions-v3.fluidSize(68, 'static');
+			}
+
+			&::before {
+				background-color: var(--black);
+				border-radius: 50%;
+				bottom: core-functions-v3.fluidSize(2, 'static');
+				content: '';
+				height: core-functions-v3.fluidSize(22, 'static');
+				right: core-functions-v3.fluidSize(2, 'static');
+				position: absolute;
+				transition: 0.4s;
+				width: core-functions-v3.fluidSize(22, 'static');
+				@include core-mixins-v3.device(breakpoints.$tabPortrait) {
+					height: core-functions-v3.fluidSize(30, 'static');
+					width: core-functions-v3.fluidSize(30, 'static');
+				}
+			}
+		}
+
+		input:checked + .switch-slider::before {
+			transform: translateX(core-functions-v3.fluidSize(-24, 'static'));
+			@include core-mixins-v3.device(breakpoints.$tabPortrait) {
+				transform: translateX(
+					core-functions-v3.fluidSize(-34, 'static')
+				);
+			}
+		}
+
+		input:checked + .switch-slider {
+			background-color: var(--palette-default-1);
+		}
+	}
+
+	&__switch-text {
+		color: var(--palette-default-5);
+		font-family: var(--tertiary-font-family);
+		font-size: core-functions-v3.fluidSize(10, 'static');
+		text-transform: uppercase;
+		@include core-mixins-v3.device(breakpoints.$tabPortrait) {
+			font-size: core-functions-v3.fluidSize(11, 'static');
+		}
+	}
 
 	&__grid {
 		grid-area: grid;
@@ -619,6 +714,24 @@
 		z-index: 1;
 		grid-row: var(--gradient-overlay-row-start, 1) /
 			var(--gradient-overlay-row-end, -1);
+
+		&--gradient-overlay-top,
+		&--gradient-overlay-right,
+		&--gradient-overlay-bottom,
+		&--gradient-overlay-left {
+			// @include core-gradient-designer.gradientDesigner();
+			position: absolute;
+		}
+
+		&--gradient-overlay-vertical {
+			// @include core-gradient-designer.gradientDesignerVertical();
+			position: absolute;
+		}
+
+		&--gradient-overlay-horizontal {
+			// @include core-gradient-designer.gradientDesignerHorizontal();
+			position: absolute;
+		}
 	}
 
 	&__post-image-container-link {
@@ -654,6 +767,19 @@
 	&__info-item {
 		@include grid-layout-element-v3.gridLayoutElement();
 		z-index: 2;
+
+		&:not(
+			.post-type-filter-grid-v3__post-link,
+			.post-type-filter-grid-v3__product-buy-now,
+			.post-type-filter-grid-v3__post-image-container-link,
+			.post-type-filter-grid-v3__post-tags,
+			.post-type-filter-grid-v3__shopify
+		) {
+			* {
+				width: 100%;
+				// @include core-mixins-v3.textStyle();
+			}
+		}
 	}
 
 	&__post-tags {
@@ -731,6 +857,7 @@
 	}
 	&__post-headline {
 		width: 100%;
+		// @include core-mixins-v3.textStyle();
 	}
 	&__post-title-icon {
 		width: 1em;
@@ -915,6 +1042,10 @@
 	}
 
 	&__show-all {
+		&[data-layout='5'] {
+			text-align: left;
+			justify-content: flex-start;
+		}
 		z-index: 2;
 		position: relative;
 		width: auto;
@@ -926,6 +1057,14 @@
 		@include core-mixins-v3.device(breakpoints.$tabPortrait) {
 			width: initial;
 		}
+
+		@include core-mixins-v3.device(breakpoints.$tabLandscape) {
+			&[data-layout='2'],
+			&[data-layout='5'] {
+				grid-column: 1;
+				width: max-content;
+			}
+		}
 	}
 
 	// filter elements transition effect. If more effects are needed, add them in ACF and replace 'fade' in css by new transition name

package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3.twig

@@ -1,38 +1,11 @@
-{# Do not edit this file outside of the component library as your changes will be lost with future updates. #}
 {% set ajaxUrl = fn('admin_url', 'admin-ajax.php') %}
-
 {% set blockClassName = 'post-type-filter-grid-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-v3.twig', { fields, block, blockClassName, options, environment, is_preview, nav_menus, imagekit_config }, 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-v3.twig', { fields: fields, block: block, is_preview: is_preview }, with_context = false) %}
 {% set postType = fields.post_type|ru %}
-{% set postFieldConfig = fields[postType ~ '_data'][postType ~ '_fields'] %}
-{# <pre>
-{{ dump(options) }}
-
-</pre> #}
-
-{% if fields.enable_featured_post and fields.featured_post is not empty %}
-	{% set featuredPost = {} %}
-	{% set featuredPostData = get_post(fields.featured_post) %}
-	{% set featuredPost = featuredPost|merge({'post' : featuredPostData}) %}
-	{% set featuredPostCategory = featuredPostData.terms %}
-	{% set featuredPostImage = get_image(featuredPostData.meta.post_image) %}
-	{% set featuredPost = featuredPost|merge({'post_image_src' : gt_image_mainsrc(featuredPostImage, {'aspect_ratio' : '16x9'})}) %}
-	{% set featuredPost = featuredPost|merge({'post_image_srcset' : gt_image_srcset(featuredPostImage, {'aspect_ratio' : '16x9'})}) %}
-	{% set featuredPost = featuredPost|merge({'post_image_src_mobile' : gt_image_mainsrc(featuredPostImage, {'aspect_ratio' : '1x1'})}) %}
-	{% set featuredPost = featuredPost|merge({'post_image_srcset_mobile' : gt_image_srcset(featuredPostImage, {'aspect_ratio' : '1x1'})}) %}
-	{% set featuredPost = featuredPost|merge({'post_image_width' : featuredPostImage.width}) %}
-	{% set featuredPost = featuredPost|merge({'post_image_height' : featuredPostImage.height}) %}
-	{% set featuredPost = featuredPost|merge({'post_image_alt' : featuredPostImage.alt}) %}
-	{% set featuredPost = featuredPost|merge({'post_category' : featuredPostCategory}) %}
-	{% set featuredPost = featuredPost|merge({'post_info_subtitle' : featuredPostData.post_info_subtitle}) %}
-	{% set featuredPost = featuredPost|merge({'post_info_description' : featuredPostData.post_info_description}) %}
-	{% set featuredPost = featuredPost|merge({'post_link' : featuredPostData.link}) %}
-	{% set featuredPost = featuredPost|merge({'featured_post_background_colour' : fields.featured_post_background_colour}) %}
-	{% set featuredPost = featuredPost|merge({'featured_post_button_style' : fields.featured_post_button_style}) %}
-{% endif %}
+{% set postFieldConfig = fields.post_data %}
 
 {% if fields.limit_posts_to_selected_categories %}
 	{% set limitPostsToSelectedCategories = 'true' %}
@@ -92,6 +65,15 @@
 {{ dump('updatedposts', updatedPosts.posts) }}
 </pre>  #}
 
+	{% if fields.enable_micro_grid_gap %}
+	{% set microGridGapAmount = '--micro-grid-gap-amount: ' ~ fields.micro_grid_gap_amount ~ ';' %}
+{% set microGridGapClass = blockClassName ~ '--micro-gap' %}
+{% endif %}
+	{% if fields.enable_grid_border %}
+	{% set gridBorderColour = '--grid-border-colour: ' ~ fields.grid_border_colour ~ ';' %}
+{% set gridBorderWidth = '--grid-border-width: ' ~ fields.grid_border_width ~ ';' %}
+{% endif %}
+
 {% set blockBackgroundColour = '--block-background-colour: ' ~ fields.block_background_colour ~ ';' %}
 {% set gridBackgroundColour = '--grid-background-colour: ' ~ fields.grid_background_colour ~ ';' %}
 {% set postImageAspectRatio = '--post-image-aspect-ratio:' ~ fields.post_image_aspect_ratio ~ ';' %}
@@ -103,20 +85,13 @@
 {% set gridGapMultiPortrait = '--gap-multiplier-portrait: ' ~ fields.grid_gap_portrait|default(fields.grid_gap) ~ ';' %}
 {% set gridGapMultiMobile = '--gap-multiplier-mobile: ' ~ fields.grid_gap_mobile|default(fields.grid_gap) ~ ';' %}
 
-	{% if fields.enable_micro_grid_gap %}
-	{% set microGridGapAmount = '--micro-grid-gap-amount: ' ~ fields.micro_grid_gap_amount ~ ';' %}
-{% set microGridGapClass = blockClassName ~ '--micro-gap' %}
-{% endif %}
 {% set postContainerPadding = '--post-container-padding: ' ~ fields.post_container_padding ~ ';' %}
 {% set postContainerPaddingMobile = '--post-container-padding-mobile: ' ~ fields.post_container_padding_mobile ~ ';' %}
 {% set blockContainerVerticalAlign = '--block-container-vertical-align: ' ~ fields.post_container_vertical_align|ru ~ ';' %}
-	{% if fields.enable_grid_border %}
-	{% set gridBorderColour = '--grid-border-colour: ' ~ fields.grid_border_colour ~ ';' %}
-{% set gridBorderWidth = '--grid-border-width: ' ~ fields.grid_border_width ~ ';' %}
-{% endif %}
 {% set filterCategoryGap = '--filter-category-gap: ' ~ fields.filter_category_gap ~ ';' %}
 {% set filterBackgroundColour = '--filter-background-colour: ' ~ fields.filter_background_colour ~ ';' %}
 {% set filterBackgroundColourMobile = '--filter-background-colour-mobile: ' ~ fields.filter_background_colour_mobile ~ ';' %}
+
 {% set sectionStyles = styleEntryPoint ~ blockBackgroundColour ~ filterCategoryGap ~ gridBackgroundColour ~ gridGapMulti ~ gridGapMultiPortrait ~ gridGapMultiMobile ~ microGridGapAmount ~ gridBorderColour ~ gridBorderWidth ~ postContainerPadding ~ postContainerPaddingMobile ~ blockContainerVerticalAlign ~ columnsDesktop ~ columnsTablet ~ columnsMobile ~ backgroundColour ~ filterBackgroundColour ~ filterBackgroundColourMobile ~ postImageAspectRatio ~ postImageFitStyle ~ subFilterOverflowMobile ~ subFilterOverflowTablet ~ subFilterOverflowDesktop ~ subFilterOverflowMobileAlignment ~ subFilterOverflowTabletAlignment ~ subFilterOverflowDesktopAlignment %}
 {% set sectionClasses = microGridGapClass %}
 {% set blockIdPtfgData = 'ptfgData' ~ block.id %}
@@ -134,9 +109,9 @@ window["{{ blockIdPtfgData }}"] = {{{ posts: updatedPosts.posts,
 		taxonomies: taxonomies,
 		featuredPost: featuredPost,
 		mappedIcons: mappedIcons,
-		ctaStyles: cta_styles.theme_cta_styles,
-		cta_icons: options.theme_cta_icons,
-		global_images: options.global_images,
+		ctaStyles: options.cta_styles|default([]),
+		cta_icons: options.cta_icons|default([]),
+		global_images: [],
 		total: updatedPosts.total,
 		ajaxUrl: ajaxUrl,
 		currentMarket: fn('apply_filters', 'wpml_current_language', NULL)

package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3.vue

@@ -202,6 +202,7 @@ const allPosts = reactive({ items: ptfgData.posts });
 const allProducts = ptfgData.allProducts;
 const postDataConfig = ptfgData.postDataConfig;
 const allCategories = ptfgData.taxonomies;
+const featuredPost = ptfgData.featuredPost;
 const mappedIcons = ptfgData.mappedIcons;
 const ctaStyles = ptfgData.ctaStyles;
 const totalPosts = ptfgData.total;
@@ -304,6 +305,7 @@ const computedAllPosts = computed(() => {
 });
 const computedFilteredPosts = computed(() => {
 	let computedPosts = computedAllPosts.value;
+
 	const posts = filterPosts(computedPosts, activeFilterCategories.value);
 	return sortPosts(posts);
 });

package/components/block-single-responsive-image-v3/group_6867bcf24c2fc.json

@@ -174,7 +174,7 @@
         },
         {
             "key": "field_6867bcf259d1a",
-            "label": "Block settings",
+            "label": "Block",
             "name": "",
             "aria-label": "",
             "type": "accordion",
@@ -186,13 +186,9 @@
                 "class": "",
                 "id": ""
             },
-            "user_roles": [
-                "administrator"
-            ],
             "open": 0,
             "multi_expand": 0,
-            "endpoint": 0,
-            "wpml_cf_preferences": 3
+            "endpoint": 0
         },
         {
             "key": "field_6867bcf25a085",
@@ -208,7 +204,6 @@
                 "class": "",
                 "id": ""
             },
-            "wpml_cf_preferences": 3,
             "clone": [
                 "group_689f649af2ac4"
             ],
@@ -224,7 +219,7 @@
         },
         {
             "key": "field_6867bcf25a500",
-            "label": "Block settings end",
+            "label": "Block end",
             "name": "",
             "aria-label": "",
             "type": "accordion",
@@ -236,10 +231,6 @@
                 "class": "",
                 "id": ""
             },
-            "wpml_cf_preferences": 3,
-            "user_roles": [
-                "administrator"
-            ],
             "open": 0,
             "multi_expand": 0,
             "endpoint": 1
@@ -263,13 +254,13 @@
     "active": true,
     "description": "",
     "show_in_rest": 0,
+    "display_title": "",
     "acfe_autosync": [
         "json"
     ],
-    "acfml_field_group_mode": "localization",
     "acfe_form": 0,
     "acfe_display_title": "",
     "acfe_meta": "",
     "acfe_note": "",
-    "modified": 1759402930
+    "modified": 1761474179
 }

package/components/block-social-networks-v3/social-networks-v3.twig

@@ -18,6 +18,6 @@
 		{{ include('components/wysiwyg-editor-v3.twig', { fields, block, blockClassName}, with_context = false, ignore_missing = true) }}
 	{% endif %}
 
-	{{ include('components/social-networks-v3.twig', {fields, block, blockClassName, is_preview, market_settings, options}, with_context = false, ignore_missing = true) }}
+	{{ include('components/social-networks-v3.twig', {fields, block, blockClassName, is_preview,  options}, with_context = false, ignore_missing = true) }}
 	{{htmlEntryPoint}}
 </section>

package/components/block-standard-content-v3/group_68655756737c9.json

@@ -293,7 +293,6 @@
                 "class": "",
                 "id": ""
             },
-            "wpml_cf_preferences": 3,
             "clone": [
                 "group_689f649af2ac4"
             ],
@@ -423,13 +422,13 @@
     "active": true,
     "description": "Library version - Do not modify in this project as any changes will be overwritten by future updates.",
     "show_in_rest": 0,
+    "display_title": "",
     "acfe_autosync": [
         "json"
     ],
-    "acfml_field_group_mode": "localization",
     "acfe_form": 0,
     "acfe_display_title": "",
     "acfe_meta": "",
     "acfe_note": "",
-    "modified": 1758141015
+    "modified": 1761474994
 }

package/components/block-standard-content-v3/standard-content-v3.twig

@@ -3,7 +3,7 @@
 {% set displaytype = 'grid' %}
 
 {% 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, cta_styles, environment, market_settings, is_preview, nav_menus, imageSizes }, with_context = false) %}
+{% set htmlEntryPoint = include('entry-points/entry-point-html-v3.twig', { fields, block, blockClassName, options, cta_styles, environment,  is_preview, nav_menus, imageSizes }, with_context = false) %}
 {% set dataAttributeEntryPoint = include('entry-points/entry-point-data-attribute.twig', { fields, block }, with_context = false) %}
 {% set styleEntryPoint = include('entry-points/entry-point-style-v3.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) %}
@@ -15,7 +15,6 @@
 		{{sectionStyles}}
 	}
 </style>
-<section {{ block.anchor ? 'id=' ~ block.anchor : '' }} data-assetkey="{{blockClassName}}" class="{{blockClassName}} {{block.className}} {{fields.section_class}} {{loop ? block.className.index ~ '-' ~ loop.index : ''}} {{classNameEntryPoint}} {{ block.id }} lazy-fade" {{dataAttributeEntryPoint}}>
-
+<section {{ block.anchor ? 'id=' ~ block.anchor : '' }} class="{{blockClassName}} {{fields.section_class}} {{classNameEntryPoint}} {{ block.id }} lazy-fade" {{dataAttributeEntryPoint}} data-assetkey="{{blockClassName}}">
 	{{htmlEntryPoint}}
 </section>

package/components/block-sub-group-container-v3/sub-group-container-v3.twig

@@ -48,7 +48,7 @@
 				}
 			</style>
 			<div class="{{blockClassName}}__block-container cmpl-core-group-container-styles__block-container {{block.id}}">
-				{{ include('blocks/' ~ (section.acf_fc_layout|replace({ '_': '-' })) ~ '.twig', { fields: section, options, block, is_preview, current, nav_menus, site, cta_styles, global_settings, market_settings, languages, imageSizes, loop: loop.index }, with_context = false, ignore_missing = true) }}
+				{{ include('blocks/' ~ (section.acf_fc_layout|replace({ '_': '-' })) ~ '.twig', { fields: section, options, block, post, is_preview, site, cta_styles, languages, imageSizes, loop: loop.index }, with_context = false, ignore_missing = true) }}
 			</div>
 		{% endfor %}
 	</div>

package/components/component-animations-v3/group_689f39c37980a.json

@@ -430,7 +430,15 @@
 					"type": "text",
 					"instructions": "Add your timeline function with the appropriate arguments or leave blank for no timeline.\r\nSee https://developer.mozilla.org/en-US/docs/Web/CSS/animation-timeline",
 					"required": 0,
-					"conditional_logic": 0,
+					"conditional_logic": [
+						[
+							{
+								"field": "field_689f39c38fbd7",
+								"operator": "==",
+								"value": "1"
+							}
+						]
+					],
 					"wrapper": {
 						"width": "",
 						"class": "",
@@ -468,5 +476,5 @@
 	"acfe_display_title": "",
 	"acfe_meta": "",
 	"acfe_note": "",
-	"modified": 1761207280
+	"modified": 1761217399
 }

package/components/component-content-box-v3/content-box-v3.twig

@@ -5,7 +5,7 @@
 	}
 </style>
 {% set currentBlockId = block.id %}
-<div class="{{blockClassName}}__inner-container {{block.id}} XX">
+<div class="{{blockClassName}}__inner-container {{block.id}}">
 	{% for item in fields.content_sections %}
 		{% if block %}
 			{% set block = block|merge({'anchor' : ''}) %}
@@ -18,6 +18,6 @@
 		{% else %}
 			{% set path = 'components' %}
 		{% endif %}
-		{{ include(path ~ '/' ~ (item.acf_fc_layout|replace({ '_': '-' })) ~ '.twig', { fields: item, block, contentImageSizes, blockClassName, options, nav_menus, market_settings, cta_styles, current_post, languages}, with_context = false, ignore_missing = true) }}
+		{{ include(path ~ '/' ~ (item.acf_fc_layout|replace({ '_': '-' })) ~ '.twig', { fields: item, block, contentImageSizes, blockClassName, options, nav_menus, cta_styles}, with_context = false, ignore_missing = true) }}
 	{% endfor %}
 </div>

package/components/component-content-image-v3/content-image-v3.twig

@@ -1,5 +1,3 @@
-{# Do not edit this file outside of the component library as your changes will be lost with future updates. #}
-
 {% set enableContentImage = fields.enable_content_image %}
 {% set enablePostImage = fields.enable_post_image %}
 {% set contentImage = get_image(fields.ci_image) %}
@@ -9,7 +7,7 @@
 {% set post = get_post(fields.product) %}
 {% set renderDynamic = fields.render_dynamic|default(0) %}
 {% set suffix = fields.suffix %}
-{% set sizes = contentImageSizes|default('(min-width: 1440px) 50vw, (min-width: 1024px) 50vw, (min-width: 768px) 50vw, 100vw') %}
+{% set sizes = contentImageSizes|default('auto,(min-width: 1440px) 50vw, (min-width: 1024px) 50vw, (min-width: 768px) 50vw, 100vw') %}
 {% set contentImagePosHoriz = '--image-position-horizontal: ' ~ fields.image_position_horizontal|ru ~ ';' %}
 {% set contentImagePosOffsetHoriz = '--image-position-offset-horizontal: ' ~ fields.image_position_offset_horizontal ~ '%;' %}
 {% set contentImagePosVert = '--image-position-vertical: ' ~ fields.image_position_vertical|ru ~ ';' %}
@@ -71,7 +69,8 @@
 	{% if fields.enable_content_image_link %}
 		<a href="{{fields.content_image_link.url}}" class="{{blockClassName|default('cbl-image')}}__content-image-link">
 		{% endif %}
-		<img loading="lazy" data-elementname="content-image" data-pattern-dynamic="{{renderDynamic}}" data-pattern-suffix="{{suffix}}" class="{{blockClassName|default('cbl-image')}}__content-image content-image {{block.id}}" src="{{ gt_image_mainsrc(image) }}" srcset="{{ gt_image_srcset(image) }}" width="{{ image.width }}" height="{{ image.height }}" alt="{{ image.alt }}" title="{{ image.title }}"/>
+		<img loading="lazy" data-elementname="content-image" data-pattern-dynamic="{{renderDynamic}}" data-pattern-suffix="{{suffix}}" class="{{blockClassName|default('cbl-image')}}__content-image content-image {{block.id}}" src="{{ gt_image_mainsrc(image) }}" srcset="{{ gt_image_srcset(image) }}" width="{{ image.width }}" sizes="{{sizes}}" height="{{ image.height }}" alt="{{ image.alt }}" title="{{ image.title }}"/>
+
 		{% if fields.enable_content_image_link %}
 		</a>
 	{% endif %}

package/components/component-core-head-v3/core-head-v3.twig

@@ -42,22 +42,21 @@
 
 <script type="speculationrules">
 	{
-						"prefetch": [
-							{
-								"where": { "href_matches": ["/"] },
-								"eagerness": "eager"
-							}
-						]
-					}
+			"prefetch": [
+				{
+					"where": { "href_matches": ["/"] },
+					"eagerness": "eager"
+				}
+			]
+		}
 </script>
 {# speculation api end #}
 
-
 {# core design settings #}
-{{function('core_design_settings_v3').0}}
-{{function('core_site_global_v3').0}}
-{{function('core_font_modifiers_v3').0}}
+{{function('core_design_settings_v3', options).0}}
+{{function('core_site_global_v3', options).0}}
+{{function('core_font_modifiers_v3', options).0}}
 {{function('core_critical_css_v3').0}}
-{{function('core_typography_v3').0}}
-{{function('core_themes_v3').0}}
+{{function('core_typography_v3', options).0}}
+{{function('core_themes_v3', options).0}}
 {# core design settings end #}