@total_onion/onion-library 1.0.0

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

@@ -0,0 +1,40 @@
+{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
+
+{% set postColour = '--post-colour: ' ~ post.post_colour|ru ~ ';' %}
+{% set postTextColourStyle = '--post-text-colour-style: ' ~ post.post_text_colour_style|ru ~ ';' %}
+
+{% set ctaStyle = field.cta_style|ru %}
+
+{% if field.cta_style_select|ru == 'post-colour' %}
+	{% set ctaStyle = 'post-colour' %}
+{% endif %}
+
+{% if field.cta_style_select|ru == 'post-text-colour-style' %}
+	{% set ctaStyle = 'post-text-colour-style' %}
+{% endif %}
+
+{% if field.cta_style|ru matches '/^\\d+$/' %}
+	{% set ctaData = attribute(cta_styles['theme_cta_styles'], field.cta_style|ru - 1) %}
+	{% set enableCtaAnimation = ctaData.cta_settings.enable_cta_animation %}
+	{% set enableCtaIcon = ctaData.cta_settings.include_cta_icon %}
+{% endif %}
+
+{% set widgetStyles = gridLayoutElement ~ postColour ~ postTextColourStyle %}
+
+{% set ctaAnimationStyle = ctaData.cta_settings.cta_animation_style %}
+
+<a href="{{post.link}}" data-pattern-post-info="link" class="{{blockClassName}}__post-link {{blockClassName}}__info-item {{blockClassName}}__cta cmpl-cta-style-{{ctaStyle}} {{blockClassName|default('default-class')}}__cta-animation-style-{{enableCtaAnimation ? ctaAnimationStyle : ''}}" style="{{widgetStyles}}">
+	<span class="{{blockClassName|default('default-class')}}__cta-span">{{field.post_link_text}}</span>
+	{% set icon = enableCtaIcon %}
+
+	{% if icon %}
+		{% set iconType = cta.cta_link.target == '_blank' ? options.theme_cta_icons.cta_external_link_icon : options.theme_cta_icons.cta_link_icon %}
+
+		{% set iconImage = get_image(iconType) %}
+
+		{% set isSVG = iconImage.post_mime_type == 'image/svg+xml' %}
+		<span class="{{ blockClassName|default('default-class') ~ '__icon-link ' ~ blockClassName|default('default-class') ~ '__cta-icon cmpl-cta-icon'}}">
+			{{ isSVG ? get_raw_svg(iconImage.id) : '<img class="" src="' ~ iconImage.src ~ '">'}}
+		</span>
+	{% endif %}
+</a>

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

@@ -0,0 +1,5 @@
+{% 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 %}
+
+<{{field.text_style.text_element_type|ru}} class="{{blockClassName}}__post-name {{blockClassName}}__info-item {{field.text_style.typography_style|ru}} pattern-post_name" style="{{elementStyles}}">{{post.post_name}}</{{field.text_style.text_element_type|ru}}>

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

@@ -0,0 +1,7 @@
+{% 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 %}
+
+
+<{{field.text_style.text_element_type|ru}} class="{{blockClassName}}__post-publish-date {{blockClassName}}__info-item {{field.text_style.typography_style|ru}}" style="{{elementStyles}}">{{field.enable_label ? '<span class="post-publish-date-label">' ~ field.label ~ '</span>' : ''}}
+	<span class="pattern-date">{{post.date}}</span></{{field.text_style.text_element_type|ru}}>

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

@@ -0,0 +1,16 @@
+{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields:field , block }, with_context = false) %}
+{% set sectionStyles = gridLayoutElement %}
+
+
+<style>
+	.{{blockClassName}}__post-tags {
+
+		{{sectionStyles}}
+	}
+</style>
+
+
+<div class="{{blockClassName}}__post-tags {{blockClassName}}__info-item ">
+	<div class="{{blockClassName}}__cta cmpl-cta-style-{{field.cta_style}}">{{post.tags.0.name}}</div>
+
+</div>

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

@@ -0,0 +1,5 @@
+{% 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 %}
+
+<{{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}}" style="{{elementStyles}}">{{post.post_text_alternative_style}}</{{field.text_style.text_element_type|ru}}>

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

@@ -0,0 +1,5 @@
+{% 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 %}
+
+<{{field.text_style.text_element_type|ru}} data-pattern-post-info="post_title" class="{{blockClassName}}__title {{blockClassName}}__info-item {{field.text_style.typography_style|ru}}" style="{{elementStyles}}">{{post.post_title}}</{{field.text_style.text_element_type|ru}}>

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

@@ -0,0 +1,7 @@
+{% 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 %}
+
+
+<{{field.text_style.text_element_type|ru}} class="{{blockClassName}}__info-item {{blockClassName}}__product-abv {{field.text_style.typography_style|ru}}" style="{{elementStyles}}">
+	{{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/post-info/product-age-statement.twig

@@ -0,0 +1,8 @@
+{% 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 %}
+
+{% 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}}" style="{{elementStyles}}">{{post.product_age_statement}}</{{field.text_style.text_element_type|ru}}>

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

@@ -0,0 +1,7 @@
+{% 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 %}
+
+
+<{{field.text_style.text_element_type|ru}} class="{{blockClassName}}__info-item {{blockClassName}}__product-cask-type {{field.text_style.typography_style|ru}}" style="{{elementStyles}}">
+	{{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/post-info/product-country.twig

@@ -0,0 +1,7 @@
+{% 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 %}
+
+
+<{{field.text_style.text_element_type|ru}} class="{{blockClassName}}__info-item {{blockClassName}}__product-country {{field.text_style.typography_style|ru}}" style="{{elementStyles}}">
+	{{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/post-info/product-details-brand.twig

@@ -0,0 +1,5 @@
+{% 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 %}
+
+<{{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}}" style="{{elementStyles}}">{{post.product_details.brand}}</{{field.text_style.text_element_type|ru}}>

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

@@ -0,0 +1,5 @@
+{% 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 %}
+
+<{{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}}" style="{{elementStyles}}">{{post.product_details.description}}</{{field.text_style.text_element_type|ru}}>

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

@@ -0,0 +1,5 @@
+{% 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 %}
+
+<{{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}}" style="{{elementStyles}}">{{post.product_details.productName}}</{{field.text_style.text_element_type|ru}}>

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

@@ -0,0 +1,5 @@
+{% 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 %}
+
+<{{field.text_style.text_element_type|ru}} data-pattern-post-info="product_details.price" class="{{blockClassName}}__brand {{blockClassName}}__info-item {{field.text_style.typography_style|ru}}" style="{{elementStyles}}">{{post.product_details.price}}</{{field.text_style.text_element_type|ru}}>

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

@@ -0,0 +1,7 @@
+{% 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 %}
+
+
+<{{field.text_style.text_element_type|ru}} class="{{blockClassName}}__info-item {{blockClassName}}__product-finish {{field.text_style.typography_style|ru}}" style="{{elementStyles}}">
+	{{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/post-info/product-history.twig

@@ -0,0 +1,7 @@
+{% 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 %}
+
+
+<{{field.text_style.text_element_type|ru}} class="{{blockClassName}}__info-item {{blockClassName}}__product-history {{field.text_style.typography_style|ru}}" style="{{elementStyles}}">
+	{{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/post-info/product-logo.twig

@@ -0,0 +1,3 @@
+{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
+{% set image = get_image(post.product_logo) %}
+<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" style="{{gridLayoutElement}}; --logo-max-width-desktop: {{field.logo_max_width_desktop}}; --logo-max-width-mobile: {{field.logo_max_width_mobile}}"/>

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

@@ -0,0 +1,5 @@
+{% 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 %}
+
+<{{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}}" style="{{elementStyles}}">{{post.product_name}}</{{field.text_style.text_element_type|ru}}>

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

@@ -0,0 +1,7 @@
+{% 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 %}
+
+
+<{{field.text_style.text_element_type|ru}} class="{{blockClassName}}__info-item {{blockClassName}}__product-nose {{field.text_style.typography_style|ru}}" style="{{elementStyles}}">
+	{{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/post-info/product-price.twig

@@ -0,0 +1,5 @@
+{% 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 %}
+
+<{{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}}" style="{{elementStyles}}">{{post.product_price}}</{{field.text_style.text_element_type|ru}}>

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

@@ -0,0 +1,7 @@
+{% 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 %}
+
+
+<{{field.text_style.text_element_type|ru}} class="{{blockClassName}}__info-item {{blockClassName}}__product-taste {{field.text_style.typography_style|ru}}" style="{{elementStyles}}">
+	{{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/post-info/product-whisky-type.twig

@@ -0,0 +1,7 @@
+{% 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 %}
+
+
+<{{field.text_style.text_element_type|ru}} class="{{blockClassName}}__info-item {{blockClassName}}__product-whisky-type {{field.text_style.typography_style|ru}}" style="{{elementStyles}}">
+	{{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}}>

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

@@ -0,0 +1,28 @@
+{% 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 %}
+
+{% if field.rb_grouping_id is defined and field.rb_grouping_id is not empty %}
+	<div class='{{blockClassName}}__rb-add-to-cart rb-add-to-cart'>
+		<h4>{{__('Enter your address to check online availability', 'Jefferson Theme')}}</h4>
+
+		<div class="rb-add-to-cart-wrapper">
+			<div liquid-address-typeahead></div>
+			<div liquid-id="GROUPING-{{field.rb_grouping_id}}">
+				<div liquid-fulfillment-method-selector></div>
+				<div class="rb-add-to-cart-ctas">
+					<div liquid-qty-selector>
+						<select disabled class="liquid-cart-qty-selector">
+							<option value="1">1</option>
+						</select>
+					</div>
+					<div liquid-atc onclick="liquidSDK.cart.toggle();">
+						<button disabled class="liquid-cart-atc">Add to Cart</button>
+					</div>
+				</div>
+
+				{# <a href="#storelocator" title="{{__('Find Jefferson’s Reserve nearby', 'Jefferson Theme')}}" class="wtb-cta">{{__('Find Jefferson’s Reserve nearby', 'Jefferson Theme')}}</a> #}
+			</div>
+		</div>
+	</div>
+{% endif %}

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

@@ -0,0 +1,31 @@
+{% set gridLayoutElement = include('components/grid-layout-element.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 ~ ';' %}
+
+{% set ctaStyle = field.cta_style|ru %}
+
+{% if field.cta_style_select|ru == 'post-colour' %}
+	{% set ctaStyle = 'post-colour' %}
+{% endif %}
+
+{% if field.cta_style_select|ru == 'post-text-colour-style' %}
+	{% set ctaStyle = 'post-text-colour-style' %}
+{% endif %}
+
+
+{% set widgetStyles = gridLayoutElement ~ postColour ~ postTextColourStyle %}
+
+{% set productType = field.product_type|ru %}
+
+{% if productType == 'standard' %}
+	{% set productId = post.meta('shopify_pim_id') %}
+	<div class="{{blockClassName|default('default-class')}} {{blockClassName|default('default-class')}}__info-item shopify-add-to-cart shopify-wrapper shopify-integration has-shop shop-shopify" data-pim="{{ productId }}" data-label="{{field.shopify_text}}" data-shopifya2cbtnstyle="cmpl-cta-style-{{field.cta_style|default('1')}}" style="{{widgetStyles}}"></div>
+
+{% endif %}
+{% if productType == 'engraved' %}
+	{% set productEngravedId = post.meta('shopify_engraved_pim_id') %}
+	<div class="{{blockClassName|default('default-class')}} {{blockClassName|default('default-class')}}__info-item shopify-add-to-cart shopify-wrapper shopify-integration has-shop shop-shopify engraved" data-pim="{{ productEngravedId }}" data-label="{{field.shopify_text}}" data-shopifya2cbtnstyle="cmpl-cta-style-{{field.cta_style|default('1')}}" style="{{widgetStyles}}"></div>
+
+{% endif %}

package/components/block-post-info/post-info/social-media-item.twig

@@ -0,0 +1,34 @@
+{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: field, block: block }, with_context = false) %}
+
+
+{% set mediaItems = get_posts({
+
+						'post_type' : 'pr_social_media_item',
+						'posts_per_page' : 1,
+						'post_status' : 'publish',
+						'pr_social_account' : fields[postType],
+						'lang' : site.language,
+						'suppress_filters' : false})
+	%}
+{% set socialMediaImages = [] %}
+{% for mediaItem in mediaItems %}
+	{% set socialMediaImages = socialMediaImages|merge([mediaItem.thumbnail]) %}
+{% endfor %}
+
+
+{% set imageWidthPercentMobile = '--post-image-width-mobile: ' ~ field.post_image_width ~ '%;' %}
+{% set imageWidthPercentDesktop = '--post-image-width-desktop: ' ~ field.post_image_width ~ '%;' %}
+
+{% set styleVars = imageWidthPercentDesktop ~ imageWidthPercentMobile ~ imageWidthPercentMobilePx ~ imageWidthPercentDesktopPx %}
+
+<a href="{{post.link}}" class="{{blockClassName}}__post-image-container {{blockClassName}}__info-item {{blockClassName}}__info-item--{{postType}} {{blockClassName}}__post-image-container--{{imageSelect}} pattern-link" style="{{styleVars}} {{gridLayoutElement}} {{positionVars}}">
+
+	{% set imageSizes = '(min-width: 1440px) 50vw, (min-width: 768px) 50vw, (min-width: 500px) 50vw, 100vw' %}
+	{% set imageFields = [] %}
+	{% set imageFields = imageFields|merge({'enable_image' : true}) %}
+	{% set imageClassname = 'post-info__social-media-item' %}
+
+	{% set imageFields = imageFields|merge({'image' : socialMediaImages.0.id}) %}
+	{{ include('components/single-image.twig', {fields : imageFields, block : block, blockClassName : imageClassname, desktopSizes: imageSizes}, with_context = false) }}
+
+</a>

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

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

package/components/block-post-info/post-info/treat-recipe-ingredients.twig

@@ -0,0 +1,83 @@
+{# Do not edit this file outside of the component library as your changes will be lost with future updates. #}
+{% set treat = get_post(fields.treat) %}
+
+{% set treat_recipe_ingredients = treat.get_field('treat_recipe_ingredients') %}
+
+{% set unique_measurement_units = [] %}
+{% for ingredients in treat_recipe_ingredients %}
+	{% set default_unit = ingredients.default_unit|ru %}
+	{% if(default_unit != "custom") %}
+		{% if default_unit not in unique_measurement_units %}
+			{% set unique_measurement_units = unique_measurement_units|merge([default_unit]) %}
+		{% endif %}
+		{% else %}
+		{# set unique_measurement_units = unique_measurement_units|merge([default_unit]) #}
+	{% endif %}
+
+	{% for conversion_options in ingredients.conversion_options %}
+		{% set co = conversion_options|ru %}
+		{% if co not in unique_measurement_units and co != "none" %}
+			{% set unique_measurement_units = unique_measurement_units|merge([co]) %}
+		{% endif %}
+	{% endfor %}
+{% endfor %}
+
+<div class="treat-info__treat-recipe-ingredients ingredients-tabs-wrapper">
+	<div class="ingredients-tabs-content-title">{{fields.recipe_ingredients_title_text_info}}</div>
+
+	<div class="ingredients-tabs-inner-wrap">
+		{% for ingredients in unique_measurement_units %}
+			{% if loop.index == 1 %}
+				<input class="ingredients-radio" id="ingredients-tab{{loop.index}}" type="radio" name="pct" checked="checked"/>
+			{% else %}
+				<input class="ingredients-radio" id="ingredients-tab{{loop.index}}" type="radio" name="pct"/>
+			{% endif %}
+		{% endfor %}
+		<nav class="ingredients-tabs">
+			<ul class="ingredients-tabs-ul">
+				{% for unit in unique_measurement_units %}
+					<li class="ingredients-tab{{loop.index}} ingredients-tab-li">
+						<label for="ingredients-tab{{loop.index}}" class="ingredients-tabs-lbl">{{unit|upper}}</label>
+					</li>
+				{% endfor %}
+			</ul>
+		</nav>
+		<section class="ingredients-tab-content-wrapper">
+			{% for unit in unique_measurement_units %}
+				<div class="ingredients-tab{{loop.index}} content">
+					{% for ingredients in treat_recipe_ingredients %}
+						<p class="ingredients-tab-content">
+							{% set conversion_info = attribute(ingredients, 'conversion_' ~ unit) %}
+							{% set conversion_method = attribute(conversion_info, unit ~ '_conversion_style') %}
+							{% set conversion_val = attribute(conversion_info, unit ~ '_converted_value') %}
+
+							{% 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 %}
+
+							<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 %}
+								{% set ingredientLink = get_post(ingredients.link.ID) %}
+								<a href="{{ingredientLink.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/post-info-extra.js

@@ -0,0 +1 @@
+export default function (block) {}

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

@@ -0,0 +1,14 @@
+@use 'Assets/scss/modules/library-modules/core-mixins/core-mixins';
+@use 'Assets/scss/modules/library-modules/core-functions/core-functions';
+@use 'Assets/scss/modules/library-modules/grid-layout-element/grid-layout-element';
+@use 'Assets/scss/theme/breakpoints';
+
+@mixin additionalStyles {
+	&:has(.post-info__post-cover-link.post-cover-link-hover-effect) {
+		&:hover {
+			.post-info__info-item {
+				color: red;
+			}
+		}
+	}
+}

package/components/block-post-info/post-info.js

@@ -0,0 +1,11 @@
+// LIBRARY FILE - Do not modify/override here as your changes will be lost when the package is updated.
+import extraJs from 'Assets/js/blocks/post-info/post-info-extra';
+
+export default function postinfoJs(options = {}) {
+	try {
+		const {block} = options;
+		extraJs(block);
+	} catch (error) {
+		console.error(error);
+	}
+}

package/components/block-post-info/post-info.php

@@ -0,0 +1,17 @@
+<?php
+
+acf_register_block_type(
+	array(
+		'name'            => 'post-info',
+		'title'           => __('Post info', 'Global-theme Admin'),
+		'render_callback' => 'athena_block_render_post_object',
+		'category'        => 'common',
+		'icon'            => get_svg_icon_content('brick.svg'),
+		'keywords'        => array('content', 'text'),
+		'mode'            => 'preview',
+		'supports'        => array(
+			'align'  => false,
+			'anchor' => true,
+		),
+	)
+);

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

@@ -0,0 +1,174 @@
+// LIBRARY FILE - Do not modify/override here as your changes will be lost when the package is updated.
+@use 'Assets/scss/modules/library-modules/core-mixins/core-mixins';
+@use 'Assets/scss/modules/library-modules/core-functions/core-functions';
+@use 'Assets/scss/theme/breakpoints';
+@use 'Assets/scss/blocks/post-info/post-info-extra';
+@use 'Assets/scss/modules/library-modules/grid-layout-container/grid-layout-container';
+@use 'Assets/scss/modules/library-modules/grid-layout-element/grid-layout-element';
+@use 'Assets/scss/modules/library-modules/element-positioning/element-positioning';
+@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';
+
+.post-info {
+	display: grid;
+	grid-auto-columns: 1fr;
+	grid-template: 'main' / 1fr;
+	@include grid-layout-container.gridLayoutContainer();
+	@include social-media-share.social-media-share();
+	@include better-reviews.better-reviews();
+	&__post-cover-link {
+		grid-area: unset;
+		position: absolute;
+		inset: 0;
+		width: 100%;
+		height: 100%;
+		z-index: 99;
+		opacity: 0;
+	}
+	&__info-item {
+		@include grid-layout-element.gridLayoutElement();
+		width: 100%;
+		position: relative;
+		&:not(.post-info__cta) {
+			@include core-mixins.textStyle();
+			@include core-mixins.defaultThemeTextColours();
+		}
+	}
+	&__better-reviews {
+		@include grid-layout-element.gridLayoutElement();
+	}
+	&__cta-selection-container {
+		@include grid-layout-element.gridLayoutElement();
+	}
+	&__cta {
+		display: flex;
+	}
+	&__cta-style-post-colour,
+	&__cta-style-post-text-colour-style {
+		padding-block: core-functions.fluidSize(10, 'mobile');
+		padding-inline: core-functions.fluidSize(20, 'mobile');
+		@include core-mixins.device(breakpoints.$tabPortrait) {
+			padding-block: core-functions.fluidSize(10, 'portrait');
+			padding-inline: core-functions.fluidSize(20, 'portrait');
+		}
+		@include core-mixins.device(breakpoints.$tabLandscape) {
+			padding-block: core-functions.fluidSize(10, 'desktop');
+			padding-inline: core-functions.fluidSize(20, 'desktop');
+		}
+	}
+	&__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.gradientOverlay();
+	}
+
+	&__post-tags {
+		pointer-events: none;
+		display: flex;
+		width: auto;
+		@include grid-layout-element.gridLayoutElement();
+	}
+
+	&__post-image-container {
+		display: grid;
+		grid-template: 'main' / 1fr;
+		&--image-accent {
+			position: relative;
+			img,
+			svg {
+				margin: unset;
+				@include element-positioning.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.gridLayoutElement();
+		width: var(--post-image-width-mobile);
+		@include core-mixins.device(breakpoints.$tabPortrait) {
+			aspect-ratio: var(--image-aspect-ratio-portrait);
+		}
+		@include core-mixins.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;
+	}
+
+	&__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.fluidSize(
+			var(--logo-max-width-mobile),
+			'mobile'
+		);
+		@include core-mixins.device(breakpoints.$tabLandscape) {
+			max-width: core-functions.fluidSize(
+				var(--logo-max-width-desktop),
+				'desktop'
+			);
+		}
+	}
+	&__person-rating {
+		display: flex;
+		gap: 1em;
+	}
+	&__person-rating-star {
+		--rating-star-colour: gold;
+		width: core-functions.fluidSize(20, 'static');
+	}
+	&__person-questionaire-list {
+		list-style-type: none;
+	}
+	&__person-email {
+		display: flex;
+		gap: 1em;
+	}
+	&__person-email-icon {
+		width: 1em;
+	}
+	&__post-text-alternative-style {
+		width: auto;
+		@include grid-layout-element.gridLayoutElement();
+	}
+
+	@include post-info-extra.additionalStyles();
+}