@total_onion/onion-library 1.0.129 → 1.0.131

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

@@ -235,7 +235,7 @@
                             },
                             "wpml_cf_preferences": 3,
                             "clone": [
-                                "group_6504a81a0623c"
+                                "group_68822860bda9f"
                             ],
                             "display": "seamless",
                             "layout": "block",
@@ -1815,11 +1815,11 @@
             "selected": 0
         },
         {
-            "key": "field_686644fafc821",
-            "label": "Grid layout container fields",
-            "name": "grid_layout_container_fields",
+            "key": "field_6891e100bd186",
+            "label": "Grid Layout",
+            "name": "grid_layout",
             "aria-label": "",
-            "type": "clone",
+            "type": "group",
             "instructions": "",
             "required": 0,
             "conditional_logic": 0,
@@ -1829,18 +1829,42 @@
                 "id": ""
             },
             "wpml_cf_preferences": 3,
-            "clone": [
-                "group_6504a88c17463"
-            ],
-            "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"
+            "acfe_group_modal": 0,
+            "sub_fields": [
+                {
+                    "key": "field_686644fafc821",
+                    "label": "Grid layout container fields",
+                    "name": "grid_layout_container_fields",
+                    "aria-label": "",
+                    "type": "clone",
+                    "instructions": "",
+                    "required": 0,
+                    "conditional_logic": 0,
+                    "wrapper": {
+                        "width": "",
+                        "class": "",
+                        "id": ""
+                    },
+                    "wpml_cf_preferences": 3,
+                    "clone": [
+                        "group_6882282e65bf2"
+                    ],
+                    "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"
+                }
+            ],
+            "acfe_group_modal_close": 0,
+            "acfe_group_modal_button": "",
+            "acfe_group_modal_size": "large"
         },
         {
             "key": "field_686642954506e",
@@ -1942,5 +1966,5 @@
     "acfe_display_title": "",
     "acfe_meta": "",
     "acfe_note": "",
-    "modified": 1754317399
+    "modified": 1754398374
 }

package/components/block-post-info-v3/post-info-v3/post-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 %}
 {% if imageSelect == 'image_accent' %}
 	{% set positionVars = include('components/element-positioning.twig', {fields : field.post_image_positioning, block : block, blockClassName : imageClassname}, with_context = false) %}

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

@@ -8,7 +8,7 @@
 		{{textEditorStyleVars}}
 	}
 </style>
-<div class="{{blockClassName}}__content-container {{textEditorContainerClasses}} {{block.id}}">
-	<{{elementType|default('p')}} data-pattern-post-info="post_info_description" class="{{blockClassName}}__post-info-description {{blockClassName}}__info-item {{textEditorElementClasses}} {{block.id}}">
+<div class="{{blockClassName}}__content-container {{textEditorContainerClasses}} {{block.id}} {{blockClassName}}__info-item">
+	<{{elementType|default('p')}} data-pattern-post-info="post_info_description" class="{{blockClassName}}__post-info-description {{textEditorElementClasses}} {{block.id}}">
 		{{post.post_info_description}}</{{elementType|default('p')}}>
 </div>

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

@@ -8,6 +8,6 @@
 		{{textEditorStyleVars}}
 	}
 </style>
-<div class="{{blockClassName}}__content-container {{textEditorContainerClasses}} {{block.id}}">
-	<{{elementType|default('p')}} class="{{blockClassName}}__post-info-subtitle {{blockClassName}}__info-item {{field.text_style.typography_style|ru}} {{block.id}}">{{post.post_info_subtitle}}</{{elementType|default('p')}}>
+<div class="{{blockClassName}}__content-container {{textEditorContainerClasses}} {{block.id}} {{blockClassName}}__info-item">
+	<{{elementType|default('p')}} class="{{blockClassName}}__post-info-subtitle {{field.text_style.typography_style|ru}} {{block.id}}">{{post.post_info_subtitle}}</{{elementType|default('p')}}>
 </div>

package/components/block-post-info-v3/post-info-v3/post-text-alternative-style.twig

@@ -1,9 +1,15 @@
-{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
-{% set textStyle = include('components/text-style.twig', {field, post}) %}
-{% set elementStyles = gridLayoutElement ~ textStyle %}
+{% 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) %}
+{% set elementType = field.element_type|ru %}
+
 <style>
-	.{{blockClassName}}__post_text_alternative_style.{{block.id}} {
-		{{elementStyles}}
+	.{{blockClassName}}__post_text_alternative_style.{{block.id}}{
+		{{textEditorStyleVars}}
+		{{gridLayoutElement}}
 	}
 </style>
-<{{field.text_style.text_element_type|ru}} data-pattern-post-info="post_text_alternative_style" class="{{blockClassName}}__post_text_alternative_style {{blockClassName}}__info-item {{field.text_style.typography_style|ru}} {{block.id}}">{{post.post_text_alternative_style}}</{{field.text_style.text_element_type|ru}}>
+<div class="{{blockClassName}}__content-container {{textEditorContainerClasses}} {{block.id}} {{blockClassName}}__info-item">
+	<{{field.text_style.text_element_type|ru}} data-pattern-post-info="post_text_alternative_style" class="{{blockClassName}}__post_text_alternative_style {{blockClassName}}__info-item {{field.text_style.typography_style|ru}} {{block.id}}">{{post.post_text_alternative_style}}</{{field.text_style.text_element_type|ru}}>
+</div>

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

@@ -1,13 +1,15 @@
-{% 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) %}
 {% set elementType = field.element_type|ru %}
+
 <style>
 	.{{blockClassName}}__post-title.{{block.id}}, .{{blockClassName}}__content-container.{{block.id}}{
 		{{textEditorStyleVars}}
+		{{gridLayoutElement}}
 	}
 </style>
-<div class="{{blockClassName}}__content-container {{textEditorContainerClasses}} {{block.id}}">
-	<{{elementType|default('p')}} data-pattern-post-info="post_title" class="{{blockClassName}}__post-title {{blockClassName}}__info-item {{textEditorElementClasses}} {{block.id}}">{{post.name}}</{{elementType|default('p')}}>
+<div class="{{blockClassName}}__content-container {{textEditorContainerClasses}} {{block.id}} {{blockClassName}}__info-item">
+	<{{elementType|default('p')}} data-pattern-post-info="post_title" class="{{blockClassName}}__post-title {{textEditorElementClasses}} {{block.id}}">{{post.name}}</{{elementType|default('p')}}>
 </div>

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

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

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

@@ -6,7 +6,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 gridGapMults = include('components/grid-gap-mults.twig', { fields: fields, block: block }, with_context = false) %}
-{% set gridLayoutContainer = include('components/grid-layout-container.twig') %}
+{% set gridLayoutContainer = include('components/grid-layout-container-v3.twig') %}
 {% set sectionStyles =  styleEntryPoint ~ gridGapMults ~ gridLayoutContainer %}
 
 {% if fields.post_info_type|ru == 'post-info' %}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@total_onion/onion-library",
-	"version": "1.0.129",
+	"version": "1.0.131",
 	"description": "Component library",
 	"main": "index.js",
 	"scripts": {

package/components/block-post-info-v3/post-info-v3/cocktail-glass-type.twig

@@ -1,23 +0,0 @@
-{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
-{% set textStyle = include('components/text-style.twig', {field, post}) %}
-{% set elementStyles = gridLayoutElement ~ textStyle %}
-{% set cocktail_glass_type = post.meta('cocktail_glass_type') %}
-{% set accentImage = '' %}
-{% set globalImageSelectedIndex = field.select_global_image - 1 %}
-{% if globalImageSelectedIndex >= 0 %}
-	{% set globalImageSelectedImg = attribute(options.global_images, globalImageSelectedIndex) %}
-	{% if globalImageSelectedImg.global_image is not empty %}
-		{% set accentImage = get_image(globalImageSelectedImg.global_image) %}
-	{% endif %}
-{% endif %}
-<style>
-	.{{blockClassName}}__glass-type.{{block.id}}, .{{blockClassName}}__glass-type-element.{{block.id}} {
-		{{elementStyles}}
-	}
-</style>
-<div class="{{blockClassName}}__glass-type {{blockClassName}}__info-item {{block.id}}">
-	{% if accentImage is not empty %}
-		<img src="{{accentImage}}" class="post-info__global-image__image" alt="{{accentImageAlt}}" loading="lazy">
-	{% endif %}
-	<{{field.text_style.text_element_type|ru}} class="{{blockClassName}}__info-item {{blockClassName}}__glass-type-element {{field.text_style.typography_style|ru}} {{block.id}}">{{cocktail_glass_type}}</{{field.text_style.text_element_type|ru}}>
-</div>

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

@@ -1,11 +0,0 @@
-{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
-{% set textStyle = include('components/text-style.twig', {field, post}) %}
-{% set elementStyles = gridLayoutElement ~ textStyle %}
-
-{% set cocktail_ingredients_desc = post.meta('cocktail_ingredients_description') %}
-<style>
-	.{{blockClassName}}__cocktail-ingredients-description.{{block.id}} {
-		{{elementStyles}}
-	}
-</style>
-<{{field.text_style.text_element_type|ru}} class="{{blockClassName}}__cocktail-ingredients-description {{blockClassName}}__info-item {{field.text_style.typography_style|ru}} {{block.id}}">{{cocktail_ingredients_desc}}</{{field.text_style.text_element_type|ru}}>

package/components/block-post-info-v3/post-info-v3/cocktail-ingredients-title.twig

@@ -1,11 +0,0 @@
-{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
-{% set textStyle = include('components/text-style.twig', {field, post}) %}
-{% set elementStyles = gridLayoutElement ~ textStyle %}
-
-{% set cocktail_ingredients_title = post.meta('cocktail_ingredients_title') %}
-<style>
-	.{{blockClassName}}__cocktail-ingredients-title.{{block.id}} {
-		{{elementStyles}}
-	}
-</style>
-<{{field.text_style.text_element_type|ru}} class="{{blockClassName}}__cocktail-ingredients-title {{blockClassName}}__info-item {{field.text_style.typography_style|ru}}">{{cocktail_ingredients_title}}</{{field.text_style.text_element_type|ru}}>

package/components/block-post-info-v3/post-info-v3/cocktail-instructions-title.twig

@@ -1,11 +0,0 @@
-{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
-{% set textStyle = include('components/text-style.twig', {field, post}) %}
-{% set elementStyles = gridLayoutElement ~ textStyle %}
-
-{% set cocktail_instructions_title = post.meta('cocktail_instructions_title') %}
-<style>
-	.{{blockClassName}}__cocktail-instructions-title.{{block.id}} {
-		{{elementStyles}}
-	}
-</style>
-<{{field.text_style.text_element_type|ru}} class="{{blockClassName}}__cocktail-instructions-title {{blockClassName}}__info-item {{field.text_style.typography_style|ru}} {{block.id}}">{{cocktail_instructions_title}}</{{field.text_style.text_element_type|ru}}>

package/components/block-post-info-v3/post-info-v3/cocktail-prep-time.twig

@@ -1,30 +0,0 @@
-{# Do not edit this file outside of the component library as your changes will be lost with future updates. #}
-{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
-{% set textStyle = include('components/text-style.twig', {field, post}) %}
-{% set elementStyles = gridLayoutElement ~ textStyle %}
-
-{% set cocktail_prep_time = post.meta('cocktail_prep_time') %}
-
-{% set accentImage = '' %}
-{% set globalImageSelectedIndex = field.select_global_image - 1 %}
-{% if globalImageSelectedIndex >= 0 %}
-	{% set globalImageSelectedImg = attribute(options.global_images, globalImageSelectedIndex) %}
-	{% if globalImageSelectedImg.global_image is not empty %}
-		{% set accentImage = get_image(globalImageSelectedImg.global_image) %}
-	{% endif %}
-{% endif %}
-<style>
-	.{{blockClassName}}__cocktail-prep-time.{{block.id}} {
-		{{elementStyles}}
-	}
-</style>
-<div class="{{blockClassName}}__cocktail-prep-time {{blockClassName}}__info-item {{block.id}}">
-	{% if accentImage is not empty %}
-		<img src="{{accentImage}}" class="post-info__global-image__image" alt="{{accentImageAlt}}" loading="lazy">
-	{% endif %}
-	<{{field.text_style.text_element_type|ru}} class="{{blockClassName}}__info-item {{field.text_style.typography_style|ru}}" style="{{elementStyles}}">
-		Prep Time
-		<span class="{{blockClassName}}__info-item-separator">:</span>
-		<span class="{{blockClassName}}__info-item-value">{{cocktail_prep_time}}</span>
-	</{{field.text_style.text_element_type|ru}}>
-</div>

package/components/block-post-info-v3/post-info-v3/cocktail-recipe-ingredients.twig

@@ -1,136 +0,0 @@
-{# Do not edit this file outside of the component library as your changes will be lost with future updates. #}
-{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
-
-{% set cocktailRecipeIngredients = post.meta('cocktail_recipe_ingredients') %}
-{% set servesControlPositionMobile = '--serves-control-position-mobile: ' ~ post.serves_control_position_mobile|ru ~ ';' %}
-{% set servesControlPositionPortrait = '--serves-control-position-portrait: ' ~ post.serves_control_position_portrait|ru ~ ';' %}
-{% set servesControlPositionDesktop = '--serves-control-position-desktop: ' ~ post.serves_control_position_desktop|ru ~ ';' %}
-{% set elementStyles = gridLayoutElement ~ servesControlPositionMobile ~ servesControlPositionPortrait ~ servesControlPositionDesktop %}
-
-{% set uniqueMeasurementUnits = [] %}
-{% set allCustomUnits = false %}
-{% set customUnitsCount = 0 %}
-{% set totalIngredientsCount = cocktailRecipeIngredients|length %}
-{% for ingredients in cocktailRecipeIngredients %}
-	{% set defaultUnit = ingredients.default_unit|ru %}
-	{% if(defaultUnit != "custom") %}
-		{% if defaultUnit not in uniqueMeasurementUnits %}
-			{% set uniqueMeasurementUnits = uniqueMeasurementUnits|merge([defaultUnit]) %}
-		{% endif %}
-	{% else %}
-		{% if defaultUnit == "custom" %}
-			{% set customUnitsCount = ( customUnitsCount | default(0) ) + 1 %}
-			{# set uniqueMeasurementUnits = uniqueMeasurementUnits|merge([defaultUnit]) #}
-		{% endif %}
-	{% endif %}
-
-	{% for conversionOptions in ingredients.conversion_options %}
-		{% set co = conversionOptions|ru %}
-		{% if co not in uniqueMeasurementUnits and co != "none" %}
-			{% set uniqueMeasurementUnits = uniqueMeasurementUnits|merge([co]) %}
-		{% endif %}
-	{% endfor %}
-{% endfor %}
-
-{% if totalIngredientsCount == customUnitsCount %}
-	{% set allCustomUnits = true %}
-	{% set allCustomUnitsClass = "all-custom-content" %}
-{% endif %}
-
-{% set partsTabOrder = post.meta('parts_tab_order') %}
-{% set mlTabOrder = post.meta('ml_tab_order') %}
-{% set clTabOrder = post.meta('cl_tab_order') %}
-{% set ozTabOrder = post.meta('oz_tab_order') %}
-
-{% set defaultIndex = '' %}
-{% if partsTabOrder == 1 %}
-	{% set defaultIndex = 'parts' %}
-{% elseif mlTabOrder == 1 %}
-	{% set defaultIndex = 'ml' %}
-{% elseif clTabOrder == 1 %}
-	{% set defaultIndex = 'cl' %}
-{% elseif ozTabOrder == 1 %}
-	{% set defaultIndex = 'oz' %}
-{% endif %}
-<style>
-	.{{blockClassName}}__cocktail-recipe-ingredients.{{block.id}} {
-		{{elementStyles}}
-	}
-</style>
-<div class="{{blockClassName}}__cocktail-recipe-ingredients ingredients-tabs-outer-wrap {{blockClassName}}__info-item {{block.id}}">
-	<div class="ingredients-tabs-inner-wrap">
-		{% if allCustomUnits == false %}
-			{% for ingredients in uniqueMeasurementUnits %}
-				<input class="ingredients-radio" id="ingredients-tab{{loop.index}}" type="radio" name="pct" {% if defaultIndex is not empty and defaultIndex == ingredients %} checked="checked" {% elseif loop.index == 1 %} checked="checked" {% endif %}/>
-			{% endfor %}
-			<nav class="ingredients-tabs">
-				<ul class="ingredients-tabs-ul">
-					{% for unit in uniqueMeasurementUnits %}
-						{% set tabOrder = 1 %}
-						{% if partsTabOrder is not empty and unit == 'parts' %}
-							{% set tabOrder = partsTabOrder %}
-						{% endif %}
-						{% if mlTabOrder is not empty and unit == 'ml' %}
-							{% set tabOrder = mlTabOrder %}
-						{% endif %}
-						{% if clTabOrder is not empty and unit == 'cl' %}
-							{% set tabOrder = clTabOrder %}
-						{% endif %}
-						{% if ozTabOrder is not empty and unit == 'oz' %}
-							{% set tabOrder = ozTabOrder %}
-						{% endif %}
-						<li class="ingredients-tab{{loop.index}} ingredients-tab-li" style="order: {{tabOrder}}">
-							<label for="ingredients-tab{{loop.index}}" class="ingredients-tabs-lbl">{{unit|upper}}</label>
-						</li>
-					{% endfor %}
-				</ul>
-			</nav>
-		{% endif %}
-		<section class="ingredients-tab-content-wrapper">
-			{% if post.enable_serves %}
-				<div class="ingredients-serve-control">
-					<button class="minus-button serve-button" disabled>-</button>
-					<span class="serves-display">1 SERVE</span>
-					<button class="plus-button serve-button">+</button>
-				</div>
-			{% endif %}
-			{% for unit in uniqueMeasurementUnits %}
-				<div class="ingredients-tab{{loop.index}} content {{allCustomUnitsClass}}">
-					{% for ingredients in cocktailRecipeIngredients %}
-						{% set conversionInfo = attribute(ingredients, 'conversion_' ~ unit) %}
-						{% set conversion_method = attribute(conversionInfo, unit ~ '_conversion_style') %}
-						{% set conversion_val = attribute(conversionInfo, unit ~ '_converted_value') %}
-						{% set link_type = ingredients.link_type|ru %}
-						{% set amount = '' %}
-						
-						{% if ingredients.default_unit|ru == unit or (ingredients.default_unit|ru == 'custom' and ingredients.amount is not null) %}
-							{% set amount = ingredients.amount %}
-						{% else %}
-							{% if(conversion_method|ru == 'auto') %}
-								{# code for auto conversion #}
-							{% else %}
-								{% set amount = conversion_val %}
-							{% endif %}
-						{% endif %}
-						<p class="ingredients-tab-content" data-base-amount="{{amount}}" data-unit="{{unit}}">
-							<span class="ingredient-measure-unit">
-								{{amount}}
-								{{((ingredients.default_unit|ru == 'custom') ? ingredients.custom_unit_info.custom_unit_label : (unit == 'parts' and amount == 1 ? 'part' : unit))}}</span>
-							{% if ingredients.link != false and link_type == 'internal' %}
-								{% set ingredientLink = get_post(ingredients.link.ID) %}
-								<a href="{{ingredientLink.link}}" class="ingredient-entity-link">{{ingredients.name}}</a>
-							{% elseif ingredients.external_link != false and link_type == 'external' %}
-								<a href="{{ingredients.external_link}}" class="ingredient-entity-link">{{ingredients.name}}</a>
-							{% else %}
-								{{ingredients.name}}
-							{% endif %}
-							{% if ingredients.notes != false %}
-								{{ingredients.notes}}
-							{% endif %}
-						</p>
-					{% endfor %}
-				</div>
-			{% endfor %}
-		</section>
-	</div>
-</div>

package/components/block-post-info-v3/post-info-v3/cocktail-recipe-instructions.twig

@@ -1,19 +0,0 @@
-{# Do not edit this file outside of the component library as your changes will be lost with future updates. #}
-{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
-{% set elementStyles = gridLayoutElement %}
-
-{% set cocktail_recipe_instructions = post.meta('cocktail_recipe_instructions') %}
-
-<div class="{{blockClassName}}__cocktail-recipe-instructions instructions-wrapper {{blockClassName}}__info-item" style="{{elementStyles}}">
-	<div class="instructions-inner-wrap" style="--column-start: {{fields.grid_layout.grid_column_start}}; --column-span: {{fields.grid_layout.grid_column_span}}; --row-span: {{fields.grid_layout.grid_row_span}};">
-		{% for instructions_grp in cocktail_recipe_instructions %}
-			{% for instructions in instructions_grp %}
-				<ol class="instructions-list-wrap">
-					{% for instruction in instructions %}
-						<li class="instruction-list">{{instruction.instruction}}</li>
-					{% endfor %}
-				</ol>
-			{% endfor %}
-		{% endfor %}
-	</div>
-</div>

package/components/block-post-info-v3/post-info-v3/cocktail-skill-level.twig

@@ -1,30 +0,0 @@
-{# Do not edit this file outside of the component library as your changes will be lost with future updates. #}
-{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
-{% set textStyle = include('components/text-style.twig', {field, post}) %}
-{% set elementStyles = gridLayoutElement ~ textStyle %}
-
-{% set cocktail_skill_level = post.meta('cocktail_skill_level') %}
-
-{% set accentImage = '' %}
-{% set globalImageSelectedIndex = field.select_global_image - 1 %}
-{% if globalImageSelectedIndex >= 0 %}
-	{% set globalImageSelectedImg = attribute(options.global_images, globalImageSelectedIndex) %}
-	{% if globalImageSelectedImg.global_image is not empty %}
-		{% set accentImage = get_image(globalImageSelectedImg.global_image) %}
-	{% endif %}
-{% endif %}
-<style>
-	.{{blockClassName}}__cocktail-skill-level.{{block.id}} {
-		{{elementStyles}}
-	}
-</style>
-<div class="{{blockClassName}}__cocktail-skill-level {{blockClassName}}__info-item {{block.id}}">
-	{% if accentImage is not empty %}
-		<img src="{{accentImage}}" class="post-info__global-image__image" alt="{{accentImageAlt}}" loading="lazy">
-	{% endif %}
-	<{{field.text_style.text_element_type|ru}} class="{{blockClassName}}__info-item {{field.text_style.typography_style|ru}}" style="{{elementStyles}}">
-		Skill Level
-		<span class="{{blockClassName}}__info-item-separator">:</span>
-		<span class="{{blockClassName}}__info-item-value">{{cocktail_skill_level}}</span>
-	</{{field.text_style.text_element_type|ru}}>
-</div>

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

@@ -1,30 +0,0 @@
-{# Do not edit this file outside of the component library as your changes will be lost with future updates. #}
-{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
-{% set textStyle = include('components/text-style.twig', {field, post}) %}
-{% set elementStyles = gridLayoutElement ~ textStyle %}
-
-{% set cocktail_taste = post.meta('cocktail_taste') %}
-
-{% set accentImage = '' %}
-{% set globalImageSelectedIndex = field.select_global_image - 1 %}
-{% if globalImageSelectedIndex >= 0 %}
-	{% set globalImageSelectedImg = attribute(options.global_images, globalImageSelectedIndex) %}
-	{% if globalImageSelectedImg.global_image is not empty %}
-		{% set accentImage = get_image(globalImageSelectedImg.global_image) %}
-	{% endif %}
-{% endif %}
-<style>
-	.{{blockClassName}}__cocktail-taste.{{block.id}} {
-		{{elementStyles}}
-	}
-</style>
-<div class="{{blockClassName}}__cocktail-taste {{blockClassName}}__info-item {{block.id}}">
-	{% if accentImage is not empty %}
-		<img src="{{accentImage}}" class="post-info__global-image__image" alt="{{accentImageAlt}}" loading="lazy">
-	{% endif %}
-	<{{field.text_style.text_element_type|ru}} class="{{blockClassName}}__info-item {{field.text_style.typography_style|ru}}" style="{{elementStyles}}">
-		Taste
-		<span class="{{blockClassName}}__info-item-separator">:</span>
-		<span class="{{blockClassName}}__info-item-value">{{cocktail_taste}}</span>
-	</{{field.text_style.text_element_type|ru}}>
-</div>

package/components/block-post-info-v3/post-info-v3/cocktail-tasting-notes.twig

@@ -1,9 +0,0 @@
-{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
-{% set textStyle = include('components/text-style.twig', {field, post}) %}
-{% set elementStyles = gridLayoutElement ~ textStyle %}
-<style>
-	.{{blockClassName}}__cocktail-tasting-notes.{{block.id}} {
-		{{elementStyles}}
-	}
-</style>
-<{{field.text_style.text_element_type|ru}} class="{{blockClassName}}__cocktail-tasting-notes {{blockClassName}}__info-item {{field.text_style.typography_style|ru}} {{block.id}}">{{post.cocktail_tasting_notes}}</{{field.text_style.text_element_type|ru}}>

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

@@ -1,11 +0,0 @@
-{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
-{% set textStyle = include('components/text-style.twig', {field, post}) %}
-{% set elementStyles = gridLayoutElement ~ textStyle %}
-<style>
-	.{{blockClassName}}__product-abv.{{block.id}} {
-		{{elementStyles}}
-	}
-</style>
-<{{field.text_style.text_element_type|ru}} class="{{blockClassName}}__info-item {{blockClassName}}__product-abv {{field.text_style.typography_style|ru}} {{block.id}}">
-	{{field.enable_label ? '<span class="' ~ blockClassName ~ '__product-abv-label">' ~ field.label ~ ' </span>'}}<span data-pattern-post-info="product_abv">{{post.product_abv}}</span>
-</{{field.text_style.text_element_type|ru}}>

package/components/block-post-info-v3/post-info-v3/product-age-statement.twig

@@ -1,12 +0,0 @@
-{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
-{% set textStyle = include('components/text-style.twig', {field, post}) %}
-{% set elementStyles = gridLayoutElement ~ textStyle %}
-<style>
-	.{{blockClassName}}__age-statement.{{block.id}} {
-		{{elementStyles}}
-	}
-</style>
-{% if field.enable_age_statement_label|ru %}
-	<div class="{{blockClassName}}__age-statement-label">{{field.age_statement_label}}</div>
-{% endif %}
-<{{field.text_style.text_element_type|ru}} class="{{blockClassName}}__age-statement {{blockClassName}}__info-item {{field.text_style.typography_style|ru}} {{block.id}}">{{post.product_age_statement}}</{{field.text_style.text_element_type|ru}}>

package/components/block-post-info-v3/post-info-v3/product-cask-type.twig

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

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

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

package/components/block-post-info-v3/post-info-v3/product-details-brand.twig

@@ -1,9 +0,0 @@
-{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
-{% set textStyle = include('components/text-style.twig', {field, post}) %}
-{% set elementStyles = gridLayoutElement ~ textStyle %}
-<style>
-	.{{blockClassName}}__product-details-brand.{{block.id}} {
-		{{elementStyles}}
-	}
-</style>
-<{{field.text_style.text_element_type|ru}} data-pattern-post-info="product_details.brand" class="{{blockClassName}}__product-details-brand {{blockClassName}}__info-item {{field.text_style.typography_style|ru}} {{block.id}}">{{post.product_details.brand}}</{{field.text_style.text_element_type|ru}}>

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

@@ -1,9 +0,0 @@
-{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
-{% set textStyle = include('components/text-style.twig', {field, post}) %}
-{% set elementStyles = gridLayoutElement ~ textStyle %}
-<style>
-	.{{blockClassName}}__product-details-description.{{block.id}} {
-		{{elementStyles}}
-	}
-</style>
-<{{field.text_style.text_element_type|ru}} data-pattern-post-info="product_details.description" class="{{blockClassName}}__product-details-description {{blockClassName}}__info-item {{field.text_style.typography_style|ru}} {{block.id}}">{{post.product_details.description}}</{{field.text_style.text_element_type|ru}}>

package/components/block-post-info-v3/post-info-v3/product-details-name.twig

@@ -1,9 +0,0 @@
-{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
-{% set textStyle = include('components/text-style.twig', {field, post}) %}
-{% set elementStyles = gridLayoutElement ~ textStyle %}
-<style>
-	.{{blockClassName}}__product-details-name.{{block.id}} {
-		{{elementStyles}}
-	}
-</style>
-<{{field.text_style.text_element_type|ru}} data-pattern-post-info="product_details.productName" class="{{blockClassName}}__product-details-name {{blockClassName}}__info-item {{field.text_style.typography_style|ru}} {{block.id}}">{{post.product_details.productName}}</{{field.text_style.text_element_type|ru}}>

package/components/block-post-info-v3/post-info-v3/product-details-price.twig

@@ -1,9 +0,0 @@
-{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
-{% set textStyle = include('components/text-style.twig', {field, post}) %}
-{% set elementStyles = gridLayoutElement ~ textStyle %}
-<style>
-	.{{blockClassName}}__product-details-price.{{block.id}} {
-		{{elementStyles}}
-	}
-</style>
-<{{field.text_style.text_element_type|ru}} data-pattern-post-info="product_details.price" class="{{blockClassName}}__product-details-price {{blockClassName}}__info-item {{field.text_style.typography_style|ru}} {{block.id}}">{{post.product_details.price}}</{{field.text_style.text_element_type|ru}}>

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

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

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

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

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

@@ -1,9 +0,0 @@
-{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
-{% set image = get_image(post.product_logo) %}
-{% set elementStyles = gridLayoutElement %}
-<style>
-	.{{blockClassName}}__product-logo.{{block.id}} {
-		{{elementStyles}}; --logo-max-width-desktop: {{field.logo_max_width_desktop}}; --logo-max-width-mobile: {{field.logo_max_width_mobile}}
-	}
-</style>
-<img src="{{image.src}}" srcset="{{image.srcset}}" width="{{image.width}}" height="{{image.height}}" alt="{{image.alt}}" class="{{blockClassName}}__product-logo {{blockClassName}}__info-item pattern-product_logo {{block.id}}">

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

@@ -1,9 +0,0 @@
-{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
-{% set textStyle = include('components/text-style.twig', {field, post}) %}
-{% set elementStyles = gridLayoutElement ~ textStyle %}
-<style>
-	.{{blockClassName}}__product-name.{{block.id}} {
-		{{elementStyles}}
-	}
-</style>
-<{{field.text_style.text_element_type|ru}} data-pattern-post-info="product_name" class="{{blockClassName}}__product-name {{blockClassName}}__info-item {{field.text_style.typography_style|ru}} {{block.id}}">{{post.product_name}}</{{field.text_style.text_element_type|ru}}>

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

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

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

@@ -1,9 +0,0 @@
-{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
-{% set textStyle = include('components/text-style.twig', {field, post}) %}
-{% set elementStyles = gridLayoutElement ~ textStyle %}
-<style>
-	.{{blockClassName}}__product-price.{{block.id}} {
-		{{elementStyles}}
-	}
-</style>
-<{{field.text_style.text_element_type|ru}} data-pattern-post-info="product-price" class="{{blockClassName}}__product-price {{blockClassName}}__info-item {{field.text_style.typography_style|ru}} {{block.id}}">{{post.product_price}}</{{field.text_style.text_element_type|ru}}>

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

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

package/components/block-post-info-v3/post-info-v3/product-whisky-type.twig

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