@total_onion/onion-library 2.0.198 → 2.0.200

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

@@ -2,7 +2,7 @@
 @use '../fields-core-functions-v3/core-functions-v3';
 @use '../component-element-positioning-v3/element-positioning-v3';
 @use '../../breakpoints';
-@use 'NodeModules/swiper/swiper-bundle.min.css';
+// @use 'NodeModules/swiper/swiper-bundle.min.css';
 
 .carousel-multi-layout-v3 {
 	display: grid;

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

@@ -63,5 +63,8 @@
 			</div>
 		{% endfor %}
 	</div>
-	{{htmlEntryPoint}}
+	{% if fields.animations.enable_animations %}
+		{{ include('components/animations-style-v3.twig', { fields, block, blockClassName }, with_context = false) }}
+	{% endif %}
+
 </{{blockElementType}}>

package/components/block-post-info-v3/group_6866429531436.json

@@ -602,11 +602,11 @@
 							},
 							"wpml_cf_preferences": 3,
 							"choices": {
-								"1": "CTA (magenta)",
-								"2": "Link style (grey)",
-								"3": "Link style (white)",
-								"4": "fgp 4 (unused)",
-								"5": "fgp 5 (unused)"
+								"1": "Onion 1",
+								"2": "Onion 2",
+								"3": "Onion 3",
+								"4": "Onion 4",
+								"5": "Onion 5"
 							},
 							"default_value": 1,
 							"return_format": "value",
@@ -1399,11 +1399,11 @@
 							},
 							"wpml_cf_preferences": 3,
 							"choices": {
-								"1": "CTA (magenta)",
-								"2": "Link style (grey)",
-								"3": "Link style (white)",
-								"4": "fgp 4 (unused)",
-								"5": "fgp 5 (unused)"
+								"1": "Onion 1",
+								"2": "Onion 2",
+								"3": "Onion 3",
+								"4": "Onion 4",
+								"5": "Onion 5"
 							},
 							"default_value": 1,
 							"return_format": "value",
@@ -2056,11 +2056,11 @@
 							"selected": 0
 						},
 						{
-							"key": "field_6866429550424",
-							"label": "Post tags fields",
-							"name": "post_tags_fields",
+							"key": "field_67090b7796ecc",
+							"label": "Cta style select",
+							"name": "cta_style_select",
 							"aria-label": "",
-							"type": "clone",
+							"type": "select",
 							"instructions": "",
 							"required": 0,
 							"conditional_logic": 0,
@@ -2069,17 +2069,88 @@
 								"class": "",
 								"id": ""
 							},
-							"wpml_cf_preferences": 3,
-							"clone": ["group_67090920e08e5"],
-							"display": "seamless",
-							"layout": "block",
-							"prefix_label": 0,
-							"prefix_name": 0,
-							"acfe_seamless_style": 0,
-							"acfe_clone_modal": 0,
-							"acfe_clone_modal_close": 0,
-							"acfe_clone_modal_button": "",
-							"acfe_clone_modal_size": "large"
+							"choices": {
+								"default": "Default",
+								"post-colour": "Post Colour",
+								"post-text-colour-style": "Post text colour style"
+							},
+							"default_value": "default",
+							"return_format": "value",
+							"multiple": 0,
+							"max": "",
+							"prepend": "",
+							"append": "",
+							"allow_null": 0,
+							"allow_in_bindings": 1,
+							"ui": 0,
+							"ajax": 0,
+							"placeholder": "",
+							"create_options": 0,
+							"save_options": 0,
+							"allow_custom": 0,
+							"search_placeholder": "",
+							"min": ""
+						},
+						{
+							"key": "field_67090c638b333",
+							"label": "Cta style",
+							"name": "cta_style",
+							"aria-label": "",
+							"type": "select",
+							"instructions": "",
+							"required": 0,
+							"conditional_logic": 0,
+							"wrapper": {
+								"width": "",
+								"class": "",
+								"id": ""
+							},
+							"choices": {
+								"1": "Onion 1",
+								"2": "Onion 2",
+								"3": "Onion 3",
+								"4": "Onion 4",
+								"5": "Onion 5"
+							},
+							"default_value": "__1",
+							"return_format": "value",
+							"multiple": 0,
+							"max": "",
+							"allow_custom": 0,
+							"placeholder": "",
+							"search_placeholder": "",
+							"prepend": "",
+							"append": "",
+							"allow_null": 1,
+							"allow_in_bindings": 1,
+							"ui": 1,
+							"ajax": 0,
+							"create_options": 0,
+							"save_options": 0,
+							"min": ""
+						},
+						{
+							"key": "field_696a5beb2d1d8",
+							"label": "Number of tags",
+							"name": "number_of_tags",
+							"aria-label": "",
+							"type": "number",
+							"instructions": "",
+							"required": 0,
+							"conditional_logic": 0,
+							"wrapper": {
+								"width": "",
+								"class": "",
+								"id": ""
+							},
+							"default_value": "",
+							"min": 1,
+							"max": 4,
+							"allow_in_bindings": 0,
+							"placeholder": "",
+							"step": "",
+							"prepend": "",
+							"append": ""
 						}
 					],
 					"min": "",
@@ -2756,7 +2827,9 @@
 				"acfe_flexible_search_enabled": false,
 				"acfe_flexible_search_text": "",
 				"acfe_flexible_search_not_found": ""
-			}
+			},
+			"acfe_flexible_layouts_settings": false,
+			"acfe_flexible_grid_container": false
 		},
 		{
 			"key": "field_689f3979772e6",
@@ -3032,7 +3105,8 @@
 	"display_title": "",
 	"acfe_autosync": ["json"],
 	"acfe_form": 0,
+	"acfe_display_title": "",
 	"acfe_meta": "",
 	"acfe_note": "",
-	"modified": 1767281222
+	"modified": 1768586501
 }

package/components/block-post-info-v3/post-info-v3/post-image.twig

@@ -14,6 +14,8 @@
 {% set imageAspectRatioPortrait = '--image-aspect-ratio-portrait:' ~ field.image_aspect_ratio_portrait ~ ';' %}
 {% set imageAspectRatioMobile = '--image-aspect-ratio-mobile:' ~ field.image_aspect_ratio_mobile ~ ';' %}
 {% set imageFitStyle = '--image-fit-style:' ~ (field.image_fit_style|ru|default('contain')) ~ ';' %}
+{% set linkToAssociatedPost = field.link_to_associated_post %}
+
 {% set styleVars = imageWidthPercentDesktop ~ imageWidthPercentMobile ~ imageWidthPercentMobilePx ~ imageWidthPercentDesktopPx ~ imageAspectRatioDesktop ~ imageAspectRatioPortrait ~ imageAspectRatioMobile ~ imageFitStyle %}
 <style>
 	.{{blockClassName}}__post-image-container.{{block.id}}{
@@ -22,7 +24,8 @@
 		{{positionVars}}
 	}
 </style>
-<a aria-label="{{post.title}}" href="{{post.link}}" data-pattern-post-info="link" data-image-select="{{ imageSelect }}" class="{{blockClassName}}__post-image-container {{blockClassName}}__info-item {{blockClassName}}__info-item--{{postType}} {{blockClassName}}__post-image-container--{{imageSelect|replace({'_':'-'})}} {{block.id}}">
+<a aria-label="{{post.title}}" href="{{linkToAssociatedPost ? get_post(post.associated_post).link : post.link}}" data-pattern-post-info="link" data-image-select="{{ imageSelect }}" class="{{blockClassName}}__post-image-container {{blockClassName}}__info-item {{blockClassName}}__info-item--{{postType}} {{blockClassName}}__post-image-container--{{imageSelect|replace({'_':'-'})}} {{block.id}}">
+
 	{% set imageSizes = imageSizes|default('(min-width: 1440px) 50vw, (min-width: 768px) 50vw, (min-width: 500px) 50vw, 100vw') %}
 	{% set imageFields = [] %}
 	{% set imageFields = imageFields|merge({'enable_image' : true}) %}
@@ -33,7 +36,9 @@
 	{% elseif attribute(post, 'post_image') %}
 		{% set imageFields = imageFields|merge({'image' : attribute(post, 'post_image')}) %}
 	{% endif %}
-	{{ include('components/single-image.twig', {
+	{% set imageFields = imageFields|merge({'enable_image' : true}) %}
+	{% set imageFields = imageFields|merge({'desktop_image' : imageFields.image}) %}
+	{{ include('components/responsive-image-v3.twig', {
 		fields: imageFields,
 		block: block,
 		blockClassName: imageClassname,

package/components/block-post-info-v3/post-info-v3.scss

@@ -8,202 +8,203 @@
 @use '../component-social-media-share-v3/social-media-share-v3';
 @use '../component-better-reviews-v3/better-reviews-v3';
 @use '../../breakpoints';
+@layer base-styles {
+	.post-info-v3 {
+		display: grid;
+		grid-auto-columns: 1fr;
+		grid-template: 'main' / 1fr;
+		@include content-box-settings-v3.contentBoxSettingsV3();
+		@include grid-layout-container-v3.gridLayoutContainer();
+		@include social-media-share-v3.social-media-share();
+		@include better-reviews-v3.better-reviews();
+		&__post-cover-link {
+			grid-area: unset;
+			position: absolute;
+			inset: 0;
+			width: 100%;
+			height: 100%;
+			z-index: 99;
+			opacity: 0;
+		}
+		&__post-cover-label {
+			position: absolute;
+			width: 1px;
+			height: 1px;
+			margin: -1px;
+			padding: 0;
+			overflow: hidden;
+			clip: rect(0, 0, 0, 0);
+			white-space: nowrap;
+			border: 0;
+		}
+		&__info-item {
+			@include grid-layout-element-v3.gridLayoutElement();
+			width: 100%;
+			position: relative;
+			overflow: hidden;
+		}
+		&__post-video {
+			aspect-ratio: var(
+				--image-aspect-ratio-mobile,
+				var(--image-aspect-ratio-desktop)
+			);
+			width: 100%;
+			object-fit: cover;
+			height: auto;
 
-.post-info-v3 {
-	display: grid;
-	grid-auto-columns: 1fr;
-	grid-template: 'main' / 1fr;
-	@include content-box-settings-v3.contentBoxSettingsV3();
-	@include grid-layout-container-v3.gridLayoutContainer();
-	@include social-media-share-v3.social-media-share();
-	@include better-reviews-v3.better-reviews();
-	&__post-cover-link {
-		grid-area: unset;
-		position: absolute;
-		inset: 0;
-		width: 100%;
-		height: 100%;
-		z-index: 99;
-		opacity: 0;
-	}
-	&__post-cover-label {
-		position: absolute;
-		width: 1px;
-		height: 1px;
-		margin: -1px;
-		padding: 0;
-		overflow: hidden;
-		clip: rect(0, 0, 0, 0);
-		white-space: nowrap;
-		border: 0;
-	}
-	&__info-item {
-		@include grid-layout-element-v3.gridLayoutElement();
-		width: 100%;
-		position: relative;
-		overflow: hidden;
-	}
-	&__post-video {
-		aspect-ratio: var(
-			--image-aspect-ratio-mobile,
-			var(--image-aspect-ratio-desktop)
-		);
-		width: 100%;
-		object-fit: cover;
-		height: auto;
-
-		@include core-mixins-v3.device(breakpoints.$tabPortrait) {
-			aspect-ratio: var(--image-aspect-ratio-portrait);
+			@include core-mixins-v3.device(breakpoints.$tabPortrait) {
+				aspect-ratio: var(--image-aspect-ratio-portrait);
+			}
+			@include core-mixins-v3.device(breakpoints.$tabLandscape) {
+				aspect-ratio: var(--image-aspect-ratio-desktop);
+			}
 		}
-		@include core-mixins-v3.device(breakpoints.$tabLandscape) {
-			aspect-ratio: var(--image-aspect-ratio-desktop);
+		&__content-container {
+			width: 100%;
 		}
-	}
-	&__content-container {
-		width: 100%;
-	}
-	&__cta-selection-container {
-		@include grid-layout-element-v3.gridLayoutElement();
-	}
-	&__cta {
-		display: flex;
-	}
-	&__cta-style-post-colour,
-	&__cta-style-post-text-colour-style {
-		padding-block: core-functions-v3.fluidSize(10);
-		padding-inline: core-functions-v3.fluidSize(20);
-		@include core-mixins-v3.device(breakpoints.$tabPortrait) {
-			padding-block: core-functions-v3.fluidSize(10);
-			padding-inline: core-functions-v3.fluidSize(20);
+		&__cta-selection-container {
+			@include grid-layout-element-v3.gridLayoutElement();
+		}
+		&__cta {
+			display: flex;
 		}
-		@include core-mixins-v3.device(breakpoints.$tabLandscape) {
+		&__cta-style-post-colour,
+		&__cta-style-post-text-colour-style {
 			padding-block: core-functions-v3.fluidSize(10);
 			padding-inline: core-functions-v3.fluidSize(20);
+			@include core-mixins-v3.device(breakpoints.$tabPortrait) {
+				padding-block: core-functions-v3.fluidSize(10);
+				padding-inline: core-functions-v3.fluidSize(20);
+			}
+			@include core-mixins-v3.device(breakpoints.$tabLandscape) {
+				padding-block: core-functions-v3.fluidSize(10);
+				padding-inline: core-functions-v3.fluidSize(20);
+			}
 		}
-	}
-	&__cta-style-post-colour {
-		color: var(--post-colour);
-		border: 1px solid var(--post-colour);
-	}
-	&__cta-style-post-text-colour-style {
-		color: var(--post-text-colour-style);
-		border: 1px solid var(--post-text-colour-style);
-	}
-	&__post-link,
-	&__better-reviews {
-		max-width: max-content;
-	}
-	&__gradient-overlay {
-		height: 100%;
-		@include gradient-overlay-v3.gradientOverlay();
-	}
-	&__post-tags {
-		pointer-events: none;
-		display: flex;
-		width: auto;
-		@include grid-layout-element-v3.gridLayoutElement();
-	}
-	&__post-image-container {
-		display: grid;
-		grid-template: 'main' / 1fr;
-		&--image-accent {
-			position: relative;
-			img,
-			svg {
-				margin: unset;
-				@include element-positioning-v3.elementPositioning();
+		&__cta-style-post-colour {
+			color: var(--post-colour);
+			border: 1px solid var(--post-colour);
+		}
+		&__cta-style-post-text-colour-style {
+			color: var(--post-text-colour-style);
+			border: 1px solid var(--post-text-colour-style);
+		}
+		&__post-link,
+		&__better-reviews {
+			max-width: max-content;
+		}
+		&__gradient-overlay {
+			height: 100%;
+			@include gradient-overlay-v3.gradientOverlay();
+		}
+		&__post-tags {
+			pointer-events: none;
+			display: flex;
+			width: auto;
+			@include grid-layout-element-v3.gridLayoutElement();
+		}
+		&__post-image-container {
+			display: grid;
+			grid-template: 'main' / 1fr;
+			&--image-accent {
+				position: relative;
+				img,
+				svg {
+					margin: unset;
+					@include element-positioning-v3.elementPositioning();
+				}
 			}
 		}
-	}
-	&__post__image {
-		display: flex;
-		justify-content: center;
-		margin-inline: auto;
-		grid-area: main;
-		height: auto;
-		aspect-ratio: var(
-			--image-aspect-ratio-mobile,
-			var(--image-aspect-ratio-desktop)
-		);
-		@include grid-layout-element-v3.gridLayoutElement();
-		width: var(--post-image-width-mobile);
+		&__post__image {
+			display: flex;
+			justify-content: center;
+			margin-inline: auto;
+			grid-area: main;
+			height: auto;
+			aspect-ratio: var(
+				--image-aspect-ratio-mobile,
+				var(--image-aspect-ratio-desktop)
+			);
+			@include grid-layout-element-v3.gridLayoutElement();
+			width: var(--post-image-width-mobile);
 
-		@include core-mixins-v3.device(breakpoints.$tabPortrait) {
-			aspect-ratio: var(--image-aspect-ratio-portrait);
+			@include core-mixins-v3.device(breakpoints.$tabPortrait) {
+				aspect-ratio: var(--image-aspect-ratio-portrait);
+			}
+			@include core-mixins-v3.device(breakpoints.$tabLandscape) {
+				width: var(--post-image-width-desktop);
+				aspect-ratio: var(--image-aspect-ratio-desktop);
+			}
 		}
-		@include core-mixins-v3.device(breakpoints.$tabLandscape) {
-			width: var(--post-image-width-desktop);
-			aspect-ratio: var(--image-aspect-ratio-desktop);
+		&__post__image {
+			object-fit: var(--image-fit-style);
+			margin: auto;
 		}
-	}
-	&__post__image {
-		object-fit: var(--image-fit-style);
-		margin: auto;
-	}
-	&__post-author-label {
-		display: flex;
-	}
-	&__global-image {
-		z-index: var(--global-image-zindex);
-		max-width: var(--global-image-max-width);
-		min-height: 100%;
-	}
-	&__global-image__picture {
-		width: var(--global-image-width);
-		display: flex;
-		position: var(--global-image-position);
-		inset: 0;
-	}
-	&__global-image__image {
-		object-fit: var(--global-image-fit-style);
-	}
-	&__product-logo {
-		max-width: core-functions-v3.fluidSize(
-			var(--logo-max-width-mobile),
-			'mobile'
-		);
-		@include core-mixins-v3.device(breakpoints.$tabLandscape) {
+		&__post-author-label {
+			display: flex;
+		}
+		&__global-image {
+			z-index: var(--global-image-zindex);
+			max-width: var(--global-image-max-width);
+			min-height: 100%;
+		}
+		&__global-image__picture {
+			width: var(--global-image-width);
+			display: flex;
+			position: var(--global-image-position);
+			inset: 0;
+		}
+		&__global-image__image {
+			object-fit: var(--global-image-fit-style);
+		}
+		&__product-logo {
 			max-width: core-functions-v3.fluidSize(
-				var(--logo-max-width-desktop),
-				'desktop'
+				var(--logo-max-width-mobile),
+				'mobile'
 			);
+			@include core-mixins-v3.device(breakpoints.$tabLandscape) {
+				max-width: core-functions-v3.fluidSize(
+					var(--logo-max-width-desktop),
+					'desktop'
+				);
+			}
 		}
-	}
-	&__post-text-alternative-style {
-		width: auto;
-		@include grid-layout-element-v3.gridLayoutElement();
-	}
-	&__social-networks-inner-container {
-		display: flex;
-		flex-direction: column;
-		gap: core-functions-v3.fluidSize(10);
-		@include core-mixins-v3.device(breakpoints.$tabPortrait) {
-			flex-direction: row;
+		&__post-text-alternative-style {
+			width: auto;
+			@include grid-layout-element-v3.gridLayoutElement();
+		}
+		&__social-networks-inner-container {
+			display: flex;
+			flex-direction: column;
+			gap: core-functions-v3.fluidSize(10);
+			@include core-mixins-v3.device(breakpoints.$tabPortrait) {
+				flex-direction: row;
+				gap: core-functions-v3.fluidSize(20);
+			}
+		}
+		&__social-networks-links-container {
+			display: flex;
 			gap: core-functions-v3.fluidSize(20);
 		}
-	}
-	&__social-networks-links-container {
-		display: flex;
-		gap: core-functions-v3.fluidSize(20);
-	}
-	&__social-networks-link-container {
-		img {
-			width: core-functions-v3.fluidSize(30);
-			height: core-functions-v3.fluidSize(30);
+		&__social-networks-link-container {
+			img {
+				width: core-functions-v3.fluidSize(30);
+				height: core-functions-v3.fluidSize(30);
+			}
 		}
-	}
-	&__social-networks-share-label {
-		--default-font-weight: 700;
-		line-height: var(--paragraph-line-height);
-		letter-spacing: var(--paragraph-letter-spacing);
-		font-family: var(--paragraph-font-family);
-		font-weight: var(--default-font-weight);
-		font-size: core-functions-v3.fontSize(18, 'mobile');
-		@include core-mixins-v3.device(breakpoints.$tabPortrait) {
-			font-size: core-functions-v3.fontSize(22, 'portrait');
-		}
-		@include core-mixins-v3.device(breakpoints.$tabLandscape) {
-			font-size: core-functions-v3.fontSize(22, 'desktop');
+		&__social-networks-share-label {
+			--default-font-weight: 700;
+			line-height: var(--paragraph-line-height);
+			letter-spacing: var(--paragraph-letter-spacing);
+			font-family: var(--paragraph-font-family);
+			font-weight: var(--default-font-weight);
+			font-size: core-functions-v3.fontSize(18, 'mobile');
+			@include core-mixins-v3.device(breakpoints.$tabPortrait) {
+				font-size: core-functions-v3.fontSize(22, 'portrait');
+			}
+			@include core-mixins-v3.device(breakpoints.$tabLandscape) {
+				font-size: core-functions-v3.fontSize(22, 'desktop');
+			}
 		}
 	}
 }

package/components/block-raw-html-v3/raw-html-v3.twig

@@ -10,5 +10,8 @@
 {{previewEntryPoint}}
 <section {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{block.className}} {{classNameEntryPoint}} lazy-fade" {{dataAttributeEntryPoint}} data-blockid="{{block.id}}" style="{{sectionStyles}}" data-assetkey="{{blockClassName}}">
 	{{fields.code}}
-	{{htmlEntryPoint}}
+	{% if fields.animations.enable_animations %}
+		{{ include('components/animations-style-v3.twig', { fields, block, blockClassName }, with_context = false) }}
+	{% endif %}
+
 </section>

package/components/block-scrolling-banner-v3/scrolling-banner-v3.twig

@@ -65,4 +65,8 @@
 			</div>
 		</div>
 	{% endif %}
+	{% if fields.animations.enable_animations %}
+		{{ include('components/animations-style-v3.twig', { fields, block, blockClassName }, with_context = false) }}
+	{% endif %}
+
 </section>