@total_onion/onion-library 1.0.237 → 1.0.239

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

@@ -39,13 +39,14 @@
             "wpml_cf_preferences": 3,
             "choices": {
                 "__grid": "Grid",
-                "__flex": "Flex"
+                "__flex": "Flex",
+                "__subgrid": "Subgrid"
             },
             "default_value": "",
             "return_format": "value",
             "allow_null": 0,
             "other_choice": 0,
-            "layout": "vertical",
+            "layout": "horizontal",
             "save_other_choice": 0
         },
         {
@@ -63,6 +64,13 @@
                         "operator": "==",
                         "value": "__grid"
                     }
+                ],
+                [
+                    {
+                        "field": "field_68b30f66d6499",
+                        "operator": "==",
+                        "value": "__subgrid"
+                    }
                 ]
             ],
             "wrapper": {
@@ -2387,5 +2395,5 @@
     "acfe_display_title": "",
     "acfe_meta": "",
     "acfe_note": "",
-    "modified": 1756565391
+    "modified": 1756572779
 }

package/components/block-post-info-v3/post-info-v3/bazaarvoice-inline.twig

@@ -1,13 +1,13 @@
-{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
+{% set gridLayoutElement = include('components/grid-layout-element-v3.twig', { fields: field, block: block }, with_context = false) %}
 {% set textStyle = include('components/text-style.twig', {field, post}) %}
 {% set elementStyles = gridLayoutElement ~ textStyle %}
 <style>
-	.{{blockClassName}}__bazaarvoice.{{block.id}} {
+	.{{blockClassName}}__bazaarvoice.{{block.id}}{
 		{{elementStyles}}
 	}
 </style>
 <div class="{{blockClassName}}__bazaarvoice {{blockClassName}}__info-item {{field.text_style.typography_style|ru}} {{block.id}}">
-    {% if post.product_bazaarvoice is defined and post.product_bazaarvoice is not empty %}
-        {{function( 'do_shortcode', '[bazaarvoice bazaarvoice_product_id=' ~ post.product_bazaarvoice ~ ' type="inline_rating"]' )|raw}}
-    {% endif %}
+	{% if post.product_bazaarvoice is defined and post.product_bazaarvoice is not empty %}
+		{{function( 'do_shortcode', '[bazaarvoice bazaarvoice_product_id=' ~ post.product_bazaarvoice ~ ' type="inline_rating"]' )|raw}}
+	{% endif %}
 </div>

package/components/block-post-info-v3/post-info-v3/better-reviews.twig

@@ -1,4 +1,4 @@
-{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
+{% set gridLayoutElement = include('components/grid-layout-element-v3.twig', { fields: field, block: block }, with_context = false) %}
 {% set textStyle = include('components/text-style.twig', {field, post}) %}
 {% set elementStyles = gridLayoutElement ~ textStyle %}
 {% set display_options = field.display_settings.options|join(', ')|replace({'__': ""}) %}
@@ -6,7 +6,7 @@
 	{% set display_options = 'stars' %}
 {% endif %}
 <style>
-	.{{blockClassName}}__better-reviews.{{block.id}} {
+	.{{blockClassName}}__better-reviews.{{block.id}}{
 		{{elementStyles}}
 	}
 </style>

package/components/block-post-info-v3/post-info-v3/buy-now.twig

@@ -1,4 +1,4 @@
-{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
+{% set gridLayoutElement = include('components/grid-layout-element-v3.twig', { fields: field, block: block }, with_context = false) %}
 {% set icon = field.enable_cta_icon %}
 {% set postColour = '--post-colour: ' ~ post.post_colour|ru ~ ';' %}
 {% set postTextColourStyle = '--post-text-colour-style: ' ~ post.post_text_colour_style|ru ~ ';' %}
@@ -13,7 +13,7 @@
 {% set buyNowOptionSelect = post.meta('buy_now_option_select') %}
 {% if buyNowOptionSelect|ru == 'none' %}
 	<style>
-		.{{blockClassName}}__product-buy-now.{{block.id}} {
+		.{{blockClassName}}__product-buy-now.{{block.id}}{
 			{{widgetStyles}}
 		}
 	</style>

package/components/block-post-info-v3/post-info-v3/drink-description.twig

@@ -1,9 +1,9 @@
-{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
+{% set gridLayoutElement = include('components/grid-layout-element-v3.twig', { fields: field, block: block }, with_context = false) %}
 {% set textStyle = include('components/text-style.twig', {field, post}) %}
 {% set elementStyles = gridLayoutElement ~ textStyle %}
 {% set drink_desc = post.meta('drink_description') %}
 <style>
-	.{{blockClassName}}__drink-description.{{block.id}} {
+	.{{blockClassName}}__drink-description.{{block.id}}{
 		{{elementStyles}}
 	}
 </style>

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

@@ -1,4 +1,4 @@
-{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
+{% set gridLayoutElement = include('components/grid-layout-element-v3.twig', { fields: field, block: block }, with_context = false) %}
 {% set imageSelect = field.image_select|ru %}
 {% set globalImageFitStyle = '--global-image-fit-style: ' ~ field.global_image_fit_style|ru ~ ';' %}
 {% set globalImageWidth = '--global-image-width: ' ~ field.global_image_width ~ '%;' %}
@@ -7,8 +7,8 @@
 {% set globalImagePosition = '--global-image-position: ' ~ field.global_image_position|ru ~ ';' %}
 {% set styleVars = globalImageWidth ~ globalImageMaxWidth ~ globalImageFitStyle ~ globalImageZindex ~ globalImagePosition %}
 <style>
-	.{{blockClassName}}__global-image-container.{{block.id}} {
-		{{elementStyles}}; 
+	.{{blockClassName}}__global-image-container.{{block.id}}{
+		{{gridLayoutElement}}
 		{{styleVars}}
 	}
 </style>

package/components/block-post-info-v3/post-info-v3/gradient-overlay.twig

@@ -1,10 +1,10 @@
-{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
+{% set gridLayoutElement = include('components/grid-layout-element-v3.twig', { fields: field, block: block }, with_context = false) %}
 {% set gradientVars =  include('components/gradient-overlay.twig', {fields: field}, with_context="false")  %}
-{% set elementStyles = gridLayoutElement %}
+
 <style>
-	.{{blockClassName}}__gradient-overlay.{{block.id}} {
+	.{{blockClassName}}__gradient-overlay.{{block.id}}{
 		{{elementStyles}}
-		{{gradientVars}}
+		{{gridLayoutElement}}
 	}
 </style>
 <div class="{{blockClassName}}__info-item {{blockClassName}}__gradient-overlay {{block.id}}"></div>

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

@@ -1,4 +1,4 @@
-{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
+{% set gridLayoutElement = include('components/grid-layout-element-v3.twig', { fields: field, block: block }, with_context = false) %}
 {% set textEditorStyleVars = include('components/text-editor-settings-variables-v3.twig', { fields: field, block, blockClassName, is_preview }, with_context = false) %}
 {% set textEditorContainerClasses = include('components/text-editor-settings-container-classes-v3.twig', { fields: field, block, blockClassName, is_preview }, with_context = false) %}
 {% set textEditorElementClasses = include('components/text-editor-settings-element-classes-v3.twig', { fields: field, block, blockClassName, is_preview }, with_context = false) %}
@@ -7,6 +7,7 @@
 <style>
 	.{{blockClassName}}__post-categories.{{block.id}}{
 		{{textEditorStyleVars}}
+		{{gridLayoutElement}}
 	}
 </style>
 <div class="{{blockClassName}}__content-container {{textEditorContainerClasses}} {{block.id}}">

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

@@ -6,9 +6,10 @@
 <style>
 	.{{blockClassName}}__product-headline.{{block.id}}, .{{blockClassName}}__content-container.{{block.id}}{
 		{{textEditorStyleVars}}
+		{{gridLayoutElement}}
 	}
 </style>
 
 <div class="{{blockClassName}}__content-container {{textEditorContainerClasses}} {{blockClassName}}__info-item {{block.id}}">
 	<{{elementType|default('p')}} data-pattern-post-info="headline" class="{{blockClassName}}__product-headline {{textEditorElementClasses}} {{block.id}}">{{field.headline_text}}</{{elementType|default('p')}}>
-</div>
+</div>

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

@@ -1,4 +1,4 @@
-{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
+{% set gridLayoutElement = include('components/grid-layout-element-v3.twig', { fields: field, block: block }, with_context = false) %}
 {% set textEditorStyleVars = include('components/text-editor-settings-variables-v3.twig', { fields: field, block, blockClassName, is_preview }, with_context = false) %}
 {% set textEditorContainerClasses = include('components/text-editor-settings-container-classes-v3.twig', { fields: field, block, blockClassName, is_preview }, with_context = false) %}
 {% set textEditorElementClasses = include('components/text-editor-settings-element-classes-v3.twig', { fields: field, block, blockClassName, is_preview }, with_context = false) %}
@@ -6,6 +6,7 @@
 <style>
 	.{{blockClassName}}__post-info-description.{{block.id}}, .{{blockClassName}}__content-container.{{block.id}}{
 		{{textEditorStyleVars}}
+		{{gridLayoutElement}}
 	}
 </style>
 <div class="{{blockClassName}}__content-container {{textEditorContainerClasses}} {{block.id}} {{blockClassName}}__info-item">

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

@@ -1,4 +1,4 @@
-{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
+{% set gridLayoutElement = include('components/grid-layout-element-v3.twig', { fields: field, block: block }, with_context = false) %}
 {% set textEditorStyleVars = include('components/text-editor-settings-variables-v3.twig', { fields: field, block, blockClassName, is_preview }, with_context = false) %}
 {% set textEditorContainerClasses = include('components/text-editor-settings-container-classes-v3.twig', { fields: field, block, blockClassName, is_preview }, with_context = false) %}
 {% set textEditorElementClasses = include('components/text-editor-settings-element-classes-v3.twig', { fields: field, block, blockClassName, is_preview }, with_context = false) %}
@@ -6,6 +6,7 @@
 <style>
 	.{{blockClassName}}__post-info-subtitle.{{block.id}}{
 		{{textEditorStyleVars}}
+		{{gridLayoutElement}}
 	}
 </style>
 <div class="{{blockClassName}}__content-container {{textEditorContainerClasses}} {{block.id}} {{blockClassName}}__info-item">

package/components/block-post-info-v3/post-info-v3/post-publish-date.twig

@@ -1,9 +1,10 @@
-{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
+{% set gridLayoutElement = include('components/grid-layout-element-v3.twig', { fields: field, block: block }, with_context = false) %}
 {% set textStyle = include('components/text-style.twig', {field, post}) %}
 {% set elementStyles = gridLayoutElement ~ textStyle %}
 <style>
-	.{{blockClassName}}__post-publish-date.{{block.id}} {
+	.{{blockClassName}}__post-publish-date.{{block.id}}{
 		{{elementStyles}}
+		{{gridLayoutElement}}
 	}
 </style>
 <{{field.text_style.text_element_type|ru}} class="{{blockClassName}}__post-publish-date {{blockClassName}}__info-item {{field.text_style.typography_style|ru}} {{block.id}}">{{field.enable_label ? '<span class="post-publish-date-label">' ~ field.label ~ '</span>' : ''}}

package/components/block-post-info-v3/post-info-v3/reservebar-add-to-cart.twig

@@ -1,13 +1,14 @@
-{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
+{% set gridLayoutElement = include('components/grid-layout-element-v3.twig', { fields: field, block: block }, with_context = false) %}
 {% set textStyle = include('components/text-style.twig', {field, post}) %}
 {% set elementStyles = gridLayoutElement ~ textStyle %}
 
 {% if field.rb_grouping_id is defined and field.rb_grouping_id is not empty %}
-<style>
-	.{{blockClassName}}__rb-add-to-cart.{{block.id}} {
-		{{elementStyles}}
-	}
-</style>
+	<style>
+		.{{blockClassName}}__rb-add-to-cart.{{block.id}}{
+			{{elementStyles}}
+			{{gridLayoutElement}}
+		}
+	</style>
 	<div class="{{blockClassName}}__rb-add-to-cart rb-add-to-cart {{block.id}}">
 		<h4>{{__('Enter your address to check online availability', 'Global Theme')}}</h4>
 		<div class="rb-add-to-cart-wrapper">

package/components/block-post-info-v3/post-info-v3/shopify-add-to-cart.twig

@@ -1,4 +1,4 @@
-{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
+{% set gridLayoutElement = include('components/grid-layout-element-v3.twig', { fields: field, block: block }, with_context = false) %}
 {% set icon = field.enable_cta_icon %}
 {% set postColour = '--post-colour: ' ~ post.post_colour|ru ~ ';' %}
 {% set postTextColourStyle = '--post-text-colour-style: ' ~ post.post_text_colour_style|ru ~ ';' %}
@@ -13,7 +13,7 @@
 {% set productType = field.product_type|ru %}
 {% if productType == 'standard' %}
 	<style>
-		.{{blockClassName}}__shopify-add-to-cart.{{block.id}} {
+		.{{blockClassName}}__shopify-add-to-cart.{{block.id}}{
 			{{widgetStyles}}
 		}
 	</style>
@@ -22,7 +22,7 @@
 {% endif %}
 {% if productType == 'engraved' %}
 	<style>
-		.{{blockClassName}}__shopify-add-to-cart.{{block.id}} {
+		.{{blockClassName}}__shopify-add-to-cart.{{block.id}}{
 			{{widgetStyles}}
 		}
 	</style>

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

@@ -4,9 +4,9 @@
 @use 'NodeModules/@total_onion/onion-library/components/component-grid-layout-container-v3/grid-layout-container-v3';
 @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';
-@use 'Assets/scss/modules/library-modules/gradient-overlay/gradient-overlay';
-@use 'Assets/scss/modules/library-modules/social-media-share/social-media-share';
-@use 'Assets/scss/modules/library-modules/better-reviews/better-reviews';
+@use 'NodeModules/@total_onion/onion-library/components/component-gradient-overlay-v3/gradient-overlay-v3';
+@use 'NodeModules/@total_onion/onion-library/components/component-social-media-share-v3/social-media-share-v3';
+@use 'NodeModules/@total_onion/onion-library/components/component-better-reviews-v3/better-reviews-v3';
 @use 'Assets/scss/blocks/post-info-v3/post-info-v3-extra';
 @use 'Assets/scss/theme/breakpoints';
 
@@ -16,8 +16,14 @@
 	grid-template: 'main' / 1fr;
 	@include content-container-settings-v3.contentContainerSettingsV3();
 	@include grid-layout-container-v3.gridLayoutContainer();
-	@include social-media-share.social-media-share();
-	@include better-reviews.better-reviews();
+	@include social-media-share-v3.social-media-share();
+	@include better-reviews-v3.better-reviews();
+	&--subgrid {
+		grid-row: 1 / -1;
+		grid-column: 1 / -1;
+		grid-template-rows: subgrid;
+		background: red;
+	}
 	&__post-cover-link {
 		grid-area: unset;
 		position: absolute;
@@ -42,6 +48,7 @@
 		@include grid-layout-element-v3.gridLayoutElement();
 		width: 100%;
 		position: relative;
+		overflow: hidden;
 	}
 	&__post-video {
 		aspect-ratio: var(
@@ -95,7 +102,7 @@
 	}
 	&__gradient-overlay {
 		height: 100%;
-		@include gradient-overlay.gradientOverlay();
+		@include gradient-overlay-v3.gradientOverlay();
 	}
 	&__post-tags {
 		pointer-events: none;

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

@@ -14,6 +14,9 @@
 {% elseif layoutType == 'grid' %}
 	{% set layoutStyles = include('components/grid-layout-container-v3.twig', { fields, block }, with_context = false) %}
 	{% set layoutClass = 'grid-layout-container' %}
+{% elseif layoutType == 'subgrid' %}
+	{% set layoutStyles = include('components/grid-layout-container-v3.twig', { fields, block }, with_context = false) %}
+	{% set layoutClass = 'grid-layout-container ' ~ blockClassName ~ '--subgrid ' %}
 {% endif %}
 
 {% set sectionStyles =  styleEntryPoint ~ gridGapMults ~ layoutStyles %}
@@ -37,7 +40,8 @@
 	}
 </style>
 
-<section {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{block.className}} {{loop ? block.className.index ~ '-' ~ loop.index : ''}} {{postType}}-type {{classNameEntryPoint}} {{block.className}} lazy-fade {{block.id}}" {{dataAttributeEntryPoint}} data-assetkey="post-info-v3" data-post-info-type={{fields.post_info_type}}>
+<section {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{layoutClass}} {{block.className}} {{loop ? block.className.index ~ '-' ~ loop.index : ''}} {{classNameEntryPoint}} {{block.className}} lazy-fade {{block.id}}" {{dataAttributeEntryPoint}} data-assetkey="post-info-v3" data-post-info-type={{fields.post_info_type}}>
+
 
 	{% for field in postTypeFields %}
 		{% if block %}

package/components/fields-core-generic-v3/core-generic-v3.scss

@@ -124,7 +124,7 @@
 		margin-inline: auto;
 		background-image: var(--main-container-background-image);
 		background-repeat: repeat;
-		container-type: size;
+		// container-type: size;
 	}
 
 	header,

package/createDynamicBlockScss-v3.js

@@ -19,12 +19,9 @@ fs.writeFileSync(
 );
 
 const dynamicEntryPoints = globSync(
-	`${themePath}/assets/scss/blocks/*-v3.scss`
+	`${themePath}/node_modules/@total_onion/onion-library/components/block-*/*-v3.scss`
 ).map((path) => {
-	const assetPath = path.replace(
-		'assets/scss/blocks/',
-		'Assets/scss/blocks/'
-	);
+	const assetPath = path.replace('node_modules', 'NodeModules');
 	return assetPath;
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@total_onion/onion-library",
-	"version": "1.0.237",
+	"version": "1.0.239",
 	"description": "Component library",
 	"main": "index.js",
 	"scripts": {
@@ -31,6 +31,7 @@
 		"@total_onion/onion-videocontroller": "^1.0.2",
 		"dotenv": "^16.0.3",
 		"esbuild": "0.25.5",
+		"flatpickr": "^4.6.13",
 		"swiper": "^11.2.10"
 	}
 }