@total_onion/onion-library 1.0.3 → 1.0.5

package/components/{block-post-info/post-info.twig → block-post-info-v3/post-info-v3.twig}

@@ -1,51 +1,44 @@
 {# Do not edit this file outside of the component library as your changes will be lost with future updates. #}
-{% set blockClassName = "post-info" %}
+{% set blockClassName = "post-info-v3" %}
 {% set classNameEntryPoint = include('entry-points/entry-point-classes.twig', { fields, block }, with_context = false) %}
-{% set htmlEntryPoint = include('entry-points/entry-point-html.twig', { fields, block, blockClassName, options, environment, is_preview, cta_styles, nav_menus }, with_context = false) %}
+{% set htmlEntryPoint = include('entry-points/entry-point-html-v3.twig', { fields, block, blockClassName, options, environment, is_preview, cta_styles, nav_menus }, with_context = false) %}
 {% set dataAttributeEntryPoint = include('entry-points/entry-point-data-attribute.twig', { fields, block }, with_context = false) %}
 {% set styleEntryPoint = include('entry-points/entry-point-style.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 blockBackgroundColour = '--block-background-colour: ' ~ fields.block_background_colour ~ ';' %}
 {% if fields.use_post_background_colour_as_background_colour %}
 	{% set blockBackgroundColour = '--block-background-colour: ' ~ product.post_colour ~';' %}
 {% endif %}
-
 {% set gridLayoutContainer = include('components/grid-layout-container.twig') %}
 {% set sectionStyles =  styleEntryPoint ~ blockBackgroundColour ~ gridGapMults ~ gridLayoutContainer %}
 {% set postType = fields.post_type|ru %}
-
 {% set post = get_post(fields[postType]) %}
-
 {% set postTypeFields = fields[postType ~ '_fields'] %}
-
 {% set layout = fields.layout|ru %}
 {% set imageSizes = imageSizes %}
-
 {{previewEntryPoint}}
 <style>
 	.{{blockClassName}}.{{block.id}}{
 		{{sectionStyles}}
 	}
 </style>
-<section {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{blockClassName}} {{postType}}-type {{classNameEntryPoint}} {{block.className}} lazy-fade {{block.id}}" {{dataAttributeEntryPoint}} data-assetkey="post-info">
-
+<section {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{blockClassName}} {{postType}}-type {{classNameEntryPoint}} {{block.className}} lazy-fade {{block.id}}" {{dataAttributeEntryPoint}} data-assetkey="post-info-v3">
 	{% for field in postTypeFields %}
 		{% if block %}
 			{% set block = block|merge({'anchor' : '','className' : '', 'id': block.id ~ '-' ~ loop.index }) %}
 		{% endif %}
-
 		{% if field.acf_fc_layout == 'cta_selection' or field.acf_fc_layout == 'social_media_share' %}
 				{{include('components/' ~ field.acf_fc_layout|replace({'_': '-'}) ~ '.twig', {fields: field, field, post, block, blockClassName, postType, options, cta_styles, imageSizes}, with_context = false, ignore_missing = true)}}
 			{% else %}
 			{{include('blocks/post-info/' ~ field.acf_fc_layout|replace({'_': '-'}) ~ '.twig', {field, post, block, blockClassName, postType, options, cta_styles, imageSizes}, with_context = false, ignore_missing = true)}}
 		{% endif %}
-
 	{% endfor %}
 	{% if fields.enable_post_cover_link %}
 		{% set coverlinkHover = fields.enable_post_cover_link_hover_effect ? 'post-cover-link-hover-effect' : '' %}
-		<a data-pattern-post-info="link" href="{{ post.link }}" target="_self" class="{{blockClassName}}__post-cover-link {{coverlinkHover}}" aria-label="{{post.title}}"></a>
+		<a data-pattern-post-info="link" href="{{ post.link }}" target="_self" class="{{blockClassName}}__post-cover-link {{coverlinkHover}}" aria-label="{{post.title}}">
+			<span class="{{blockClassName}}__post-cover-label">{{post.title}}</span>
+		</a>
 	{% endif %}
 	{{htmlEntryPoint}}
 </section>

package/components/block-post-type-filter-grid-v2/group_64690c62487bc.json

@@ -2123,6 +2123,27 @@
             "prepend": "",
             "append": ""
         },
+        {
+            "key": "field_68593035220eb",
+            "label": "Filter categories title text",
+            "name": "categories_title_text",
+            "aria-label": "",
+            "type": "text",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "50",
+                "class": "",
+                "id": ""
+            },
+            "wpml_cf_preferences": 2,
+            "default_value": "Filter",
+            "maxlength": "",
+            "placeholder": "",
+            "prepend": "",
+            "append": ""
+        },
         {
             "key": "field_64e4c3970fc92",
             "label": "Top level category button style",
@@ -4355,5 +4376,5 @@
     "acfe_display_title": "",
     "acfe_meta": "",
     "acfe_note": "",
-    "modified": 1747646812
+    "modified": 1750675690
 }

package/components/block-post-type-filter-grid-v2/post-type-filter-grid-v2/ptfg-posts.twig

@@ -13,8 +13,8 @@
 {% endif %}
 
 {% if sorting|ru == 'postorder' or sorting == 'postorder' %}
-	{% set order = '' %}
-	{% set orderby = '' %}
+	{% set order = 'ASC' %}
+	{% set orderby = 'menu_order' %}
 {% endif %}
 
 {% set showAllPosts = showAllPosts|default(fields.show_all_posts) %}
@@ -40,6 +40,8 @@
 	{% endif %}
 {% endif %}
 
+{% set currentMarket = currentMarket|default(fn('apply_filters', 'wpml_current_language', NULL)) %}
+
 {% if ( pageNum <= 0 ) %}
 
 	{% set allPostsTotal = 0 %}
@@ -51,9 +53,19 @@
 		'order' : order,
 		'lang': currentMarket,
 		'suppress_filters': false,
-		'has_password' : false
 	} %}
 
+	{% if postType == 'media' %}
+		{% set allPostIdArgs =  {
+		'post_type': 'attachment',
+		'posts_per_page' : -1,
+		'post_status': 'inherit',
+		'post_mime_type': 'image',
+		'lang': currentMarket,
+		'suppress_filters': false
+	} %}
+	{% endif %}
+
 	{% if limitPostsToSelectedCategories and limitPostsToSelectedCategories != 'false' %}
 		{% if postType == 'product' or postType == 'cocktail' or postType == 'treat' or postType == 'drink' %}
 			{% set allPostIdArgs =  allPostIdArgs|merge( {
@@ -87,13 +99,11 @@
 		'order' : order,
 		'lang' : currentMarket,
 		'fields' : 'ids',
-		'suppress_filters' : false,
-		'has_password' : false})
+		'suppress_filters' : false})
 	%}
 	{% endif %}
 {% endif %}
 
-
 {% set postsArgs = {
 		'post_type': postType,
 		'posts_per_page': -1,
@@ -102,7 +112,6 @@
 		'order' : order,
 		'lang': currentMarket,
 		'suppress_filters': false,
-		'has_password' : false
 	} %}
 
 {% if ( pageNum > 0 ) %}
@@ -110,6 +119,17 @@
 	{% set postsArgs =  postsArgs|merge({
 		'offset' : offset,
 	}) %}
+	{% if postType == 'media' %}
+		{% set postsArgs =  {
+		'post_type': 'attachment',
+		'posts_per_page' : -1,
+		'offset' : offset,
+		'post_status': 'inherit',
+		'post_mime_type': 'image',
+		'lang': 'en',
+		'suppress_filters': false
+	} %}
+	{% endif %}
 	{% if limitPostsToSelectedCategories and limitPostsToSelectedCategories != 'false' %}
 		{% if postType == 'product' or postType == 'cocktail' or postType == 'treat' or postType == 'drink' %}
 			{% set postsArgs =  postsArgs|merge( {
@@ -119,6 +139,16 @@
 					'include_children' : false,
 					'operator' : 'IN'}],
 				} ) %}
+		{% elseif postType == 'media' %}
+			{% set postsArgs =  {
+				'post_type': 'attachment',
+				'posts_per_page' : -1,
+				'offset' : offset,
+				'post_status': 'inherit',
+				'post_mime_type': 'image',
+				'lang': 'en',
+				'suppress_filters': false
+			} %}
 		{% else %}
 			{% set postsArgs =  postsArgs|merge( {
 					'tax_query' : [{'taxonomy' : 'category',
@@ -126,7 +156,7 @@
 					'terms' : defaultCategory,
 					'include_children' : false,
 					'operator' : 'IN'}],
-				} ) %}
+			} ) %}
 		{% endif %}
 	{% endif %}
 	{% set posts = get_posts(postsArgs) %}
@@ -136,6 +166,17 @@
 		'orderby' : orderby,
 		'order' : order,
 	}) %}
+	{% if postType == 'media' %}
+		{% set postsArgs =  {
+		'post_type': 'attachment',
+		'posts_per_page' : initialPostsPerPage,
+		'post_status': 'inherit',
+		'post_mime_type': 'image',
+		'lang': 'en',
+		'suppress_filters': false
+	} %}
+	{% set testVariable = postsArgs %}
+	{% endif %}
 	{% if limitPostsToSelectedCategories and limitPostsToSelectedCategories != 'false' %}
 		{% if postType == 'product' or postType == 'cocktail' or postType == 'treat' or postType == 'drink' %}
 			{% set postsArgs =  postsArgs|merge( {
@@ -153,6 +194,16 @@
 					'include_children' : false,
 					'operator' : 'IN'}],
 				} ) %}
+				{% if postType == 'media' %}
+					{% set postsArgs =  postsArgs|merge( {
+							'tax_query' : [{'taxonomy' : 'category',
+							'field' : 'term_id', 
+							'terms' : defaultCategory,
+							'include_children' : false,
+							post_mime_type: 'image',
+							'operator' : 'IN'}],
+						} ) %}
+				{% endif %}
 		{% endif %}
 	{% endif %}
 	{% set posts = get_posts(postsArgs) %}
@@ -160,23 +211,13 @@
 
 {% set updatedPosts = [] %}
 
-{% if postType == 'pr_social_media_item' %}
-	{% set pr_social_media_item = get_posts({
-		'post_type' : 'pr_social_media_item',
-		'posts_per_page' : -1,
-		'post_status' : 'publish',
-		'pr_social_account' : fields.social_account,
-		'lang' : currentMarket,
-		'suppress_filters' : false,
-		'has_password' : false})
-	%}
-	{% set posts = [] %}
-	{% for mediaItem in pr_social_media_item %}
+{% if postType == 'media' %}
+	{% for mediaItem in posts %}
 		{% set updatedPost = {} %}
 		{% set post_images = {} %}
-		{% set post_image = get_image(mediaItem.thumbnail) %}
+		{% set post_image = get_image(mediaItem) %}
 		{% set post_images = post_images|merge({'post_image_src' : gt_image_mainsrc(post_image)}) %}
-		{% set post_images = post_images|merge({'post_image_srcset' : post_image.srcset}) %}
+		{% set post_images = post_images|merge({'post_image_srcset' : gt_image_srcset(post_image)}) %}
 		{% set post_images = post_images|merge({'post_image_width' : post_image.width}) %}
 		{% set post_images = post_images|merge({'post_image_height' : post_image.height}) %}
 		{% set post_images = post_images|merge({'post_image_alt_text' : post_image.alt}) %}
@@ -185,28 +226,29 @@
 		{% set updatedPost = updatedPost|merge({'post_images' : post_images}) %}
 		{% set updatedPost = updatedPost|merge({'post_data' : post_data}) %}
 		{% set updatedPost = updatedPost|merge({'categories' : post_image.terms}) %}
+		{% set updatedPost = updatedPost|merge({'id' : post_image.id}) %}
 		{% set updatedPost = updatedPost|merge({'link' : post_image.link}) %}
 		{% set updatedPosts = updatedPosts|merge([updatedPost]) %}
 	{% endfor %}
 {% endif %}
 
-{% if postType == 'media' %}
-	{% set media = get_posts({
-					'post_type' : 'attachment',
-					'posts_per_page' : -1,
-                    'orderby' : orderby,
-                    'order' : order,
-					'lang' : currentMarket,
-					'suppress_filters' : false,
-					'has_password' : false})
-%}
+{% if postType == 'pr_social_media_item' %}
+	{% set pr_social_media_item = get_posts({
+		'post_type' : 'pr_social_media_item',
+		'posts_per_page' : -1,
+		'post_status' : 'publish',
+		'pr_social_account' : fields.social_account,
+		'lang' : currentMarket,
+		'suppress_filters' : false,
+		'has_password' : false})
+	%}
 	{% set posts = [] %}
-	{% for mediaItem in media %}
+	{% for mediaItem in pr_social_media_item %}
 		{% set updatedPost = {} %}
 		{% set post_images = {} %}
-		{% set post_image = get_image(mediaItem) %}
+		{% set post_image = get_image(mediaItem.thumbnail) %}
 		{% set post_images = post_images|merge({'post_image_src' : gt_image_mainsrc(post_image)}) %}
-		{% set post_images = post_images|merge({'post_image_srcset' : gt_image_srcset(post_image)}) %}
+		{% set post_images = post_images|merge({'post_image_srcset' : post_image.srcset}) %}
 		{% set post_images = post_images|merge({'post_image_width' : post_image.width}) %}
 		{% set post_images = post_images|merge({'post_image_height' : post_image.height}) %}
 		{% set post_images = post_images|merge({'post_image_alt_text' : post_image.alt}) %}
@@ -220,6 +262,8 @@
 	{% endfor %}
 {% endif %}
 
+
+
 {# Post Data Processing #}
 {% if (postType != 'pr_social_media_item') and (postType != 'media')%}
 	{% set updatedPosts = [] %}
@@ -329,7 +373,7 @@
 			{% set post_images = post_images|merge({'post_image_alt_text' : post_image.alt}) %}
 		{% endif %}
 
-		{% set post_image_alt_id =  post.meta['post_image_alt'] %}
+			{% set post_image_alt_id =  post.meta['post_image_alt'] %}
 		{% if post_image_alt_id != null %}
 			{% set post_image_alt =  get_image(post.meta['post_image_alt']) %}
 			{% set post_images = post_images|merge({'post_image_alt' : post_image_alt}) %}
@@ -379,6 +423,7 @@
 {% endif %}
 
 {% set returnedPosts = {
+	'testVariable' : media,
 	'postType' : postType,
 	'pageNum' : pageNum,
 	'order' : order,

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

@@ -12,6 +12,7 @@
 {{ dump(options) }}
 
 </pre> #}
+
 {% if fields.enable_featured_post and fields.featured_post is not empty %}
 	{% set featuredPost = {} %}
 	{% set featuredPostData = get_post(fields.featured_post) %}
@@ -71,6 +72,7 @@
 
 {# Debug Dumps #}
 {# <pre>
+{{ dump('test', updatedPosts.testVariable) }}
 {{ dump('post type', updatedPosts.postType) }}
 {{ dump('all-products', updatedPosts.allProducts) }}
 {{ dump('sorting', updatedPosts.sorting) }}
@@ -87,8 +89,8 @@
 {{ dump('posts per page', updatedPosts.postsPerPage) }}
 {{ dump('categories', updatedPosts.categories) }}
 {{ dump(updatedPosts.allPosts|slice(1,12)) }}
-{{ dump(updatedPosts.posts) }}
-</pre> #}
+{{ dump('updatedposts', updatedPosts.posts) }}
+</pre>  #}
 
 {% set blockBackgroundColour = '--block-background-colour: ' ~ fields.block_background_colour ~ ';' %}
 {% set gridBackgroundColour = '--grid-background-colour: ' ~ fields.grid_background_colour ~ ';' %}

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

@@ -21,7 +21,7 @@
 					filterLayout == 5
 				" :class="`${blockClassName}__filter-categories`" :data-layout="filterLayout">
 					<div v-if="filterLayout == 4" :class="`${blockClassName}__filter-categories-label`">
-						Filter
+						{{categoriesTitleText}}
 						<button @click="modalOpen = !modalOpen"></button>
 					</div>
 					<div v-for="(topCategory, index) in computedCategories.topLevelCategories" :class="`${blockClassName}__filter-category ${blockClassName}__cta cmpl-cta-style-${showTopLevelFilters ? topLevelCategoryButtonStyle : 'none'
@@ -269,6 +269,7 @@ const topLevelFiltersActiveOnLoad = fields.top_level_filters_active_on_load;
 const singleActiveTopLevelCategory = fields.single_active_top_level_category;
 const singleActiveFilter = ref(fields.single_active_filter);
 const limitPostsToCategories = fields.limit_posts_to_selected_categories;
+const categoriesTitleText = fields.categories_title_text;
 const loadMoreText = fields.load_more_button_text;
 const showAllText = fields.show_all_button_text;
 const showAllPosts = fields.show_all_posts;
@@ -370,6 +371,8 @@ const computedLoadMore = computed(() => {
 			return false;
 		}
 	}
+	console.log("🚀 ~ computedLoadMore ~ totalPosts:", totalPosts)
+	console.log("🚀 ~ computedLoadMore ~ page.value * postsPerPage < totalPosts:", page.value * postsPerPage < totalPosts)
 	if (
 		page.value * postsPerPage < totalPosts
 	) {
@@ -525,7 +528,7 @@ const sortPosts = (posts) => {
 			return posts.sort((a, b) => new Date(b.post_data.post_date) - new Date(a.post_data.post_date)); // Newest first
 		case "date-asc":
 			return posts.sort((a, b) => new Date(a.post_data.post_date) - new Date(b.post_data.post_date)); // Oldest first
-		case "post-order":
+		case "postorder":
 			return posts; // Respect post type order plugin 
 		default:
 			return posts;
@@ -771,6 +774,8 @@ const getCategoryIds = () => {
 };
 
 const loadMorePosts = async (currentCategoryId = null) => {
+	console.log('trying to load more posts');
+	
 	if (currentCategoryId && loadedCategories.includes(currentCategoryId)) {
 		console.log('category already loaded');
 		return;

package/components/{block-single-responsive-image/group_65a6674d41afa.json → block-single-responsive-image-v3/group_6867bcf24c2fc.json}

@@ -1,9 +1,9 @@
 {
-    "key": "group_65a6674d41afa",
-    "title": "Block: Single Responsive Image",
+    "key": "group_6867bcf24c2fc",
+    "title": "Block: Single Responsive Image v3",
     "fields": [
         {
-            "key": "field_65a6674daa998",
+            "key": "field_6867bcf257570",
             "label": "Image",
             "name": "",
             "aria-label": "",
@@ -23,7 +23,7 @@
             "selected": 0
         },
         {
-            "key": "field_65a667fb581c2",
+            "key": "field_6867bcf2579f5",
             "label": "Responsive image field",
             "name": "responsive_image_field",
             "aria-label": "",
@@ -36,11 +36,9 @@
                 "class": "",
                 "id": ""
             },
-            "user_roles": [
-                "all"
-            ],
+            "wpml_cf_preferences": 3,
             "clone": [
-                "group_6258aff982b23"
+                "group_6867bc53f1da8"
             ],
             "display": "seamless",
             "layout": "block",
@@ -50,11 +48,10 @@
             "acfe_clone_modal": 0,
             "acfe_clone_modal_close": 0,
             "acfe_clone_modal_button": "",
-            "acfe_clone_modal_size": "large",
-            "wpml_cf_preferences": 3
+            "acfe_clone_modal_size": "large"
         },
         {
-            "key": "field_66c4bf08b0975",
+            "key": "field_6867bcf257dd7",
             "label": "Cover Link",
             "name": "",
             "aria-label": "",
@@ -74,7 +71,7 @@
             "selected": 0
         },
         {
-            "key": "field_66c4beb6b0974",
+            "key": "field_6867bcf258106",
             "label": "Cover link fields",
             "name": "cover_link_fields",
             "aria-label": "",
@@ -102,7 +99,7 @@
             "acfe_clone_modal_size": "large"
         },
         {
-            "key": "field_66c4bf1bb0976",
+            "key": "field_6867bcf2584f0",
             "label": "Cover link end",
             "name": "",
             "aria-label": "",
@@ -121,7 +118,7 @@
             "endpoint": 1
         },
         {
-            "key": "field_65c260259ccc2",
+            "key": "field_6867bcf258977",
             "label": "Animations",
             "name": "",
             "aria-label": "",
@@ -144,7 +141,7 @@
             "selected": 0
         },
         {
-            "key": "field_65c2604f9ccc4",
+            "key": "field_6867bcf258d80",
             "label": "Animations fields",
             "name": "animations_fields",
             "aria-label": "",
@@ -175,7 +172,7 @@
             "acfe_clone_modal_size": "large"
         },
         {
-            "key": "field_65a66e48b1f1e",
+            "key": "field_6867bcf259160",
             "label": "Block padding",
             "name": "",
             "aria-label": "",
@@ -198,7 +195,7 @@
             "selected": 0
         },
         {
-            "key": "field_65a66e52b1f1f",
+            "key": "field_6867bcf25954d",
             "label": "Block padding fields",
             "name": "block_padding_fields",
             "aria-label": "",
@@ -229,7 +226,7 @@
             "wpml_cf_preferences": 3
         },
         {
-            "key": "field_65a675f792f15",
+            "key": "field_6867bcf259930",
             "label": "Block settings",
             "name": "",
             "aria-label": "",
@@ -249,7 +246,7 @@
             "selected": 0
         },
         {
-            "key": "field_65a6767c67685",
+            "key": "field_6867bcf259d1a",
             "label": "Block settings",
             "name": "",
             "aria-label": "",
@@ -271,7 +268,7 @@
             "wpml_cf_preferences": 3
         },
         {
-            "key": "field_65a67554d0cc6",
+            "key": "field_6867bcf25a085",
             "label": "Block settings fields",
             "name": "block_settings_fields",
             "aria-label": "",
@@ -302,7 +299,7 @@
             "wpml_cf_preferences": 3
         },
         {
-            "key": "field_6612f4cd414f1",
+            "key": "field_6867bcf25a500",
             "label": "Block settings end",
             "name": "",
             "aria-label": "",
@@ -350,5 +347,5 @@
     "acfe_display_title": "",
     "acfe_meta": "",
     "acfe_note": "",
-    "modified": 1749287233
+    "modified": 1751629072
 }

package/components/{block-single-responsive-image/single-responsive-image.twig → block-single-responsive-image-v3/single-responsive-image-v3.twig}

@@ -1,9 +1,8 @@
 {% set blockClassName = "single-responsive-image" %}
 {% set classNameEntryPoint = include('entry-points/entry-point-classes.twig', { fields, block }, with_context = false) %}
-{% set htmlEntryPoint = include('entry-points/entry-point-html.twig', { fields, block, blockClassName, options, environment, is_preview, nav_menus, imageSizes }, with_context = false) %}
+{% set htmlEntryPoint = include('entry-points/entry-point-html-v3.twig', { fields, block, blockClassName, options, environment, is_preview, nav_menus, imageSizes }, with_context = false) %}
 {% set dataAttributeEntryPoint = include('entry-points/entry-point-data-attribute.twig', { fields, block }, with_context = false) %}
 {% set styleEntryPoint = include('entry-points/entry-point-style.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 previewEntryPoint = include('entry-points/entry-point-preview-info.twig', { fields: fields, block: block, displaytype: displaytype, is_preview: is_preview }, with_context = false) %}
 {% set sectionStyles =  styleEntryPoint %}
 {{previewEntryPoint}}

package/components/{block-spacer-v2/group_64060dc280525.json → block-spacer-v3/group_686b8cb48c708.json}

@@ -1,9 +1,9 @@
 {
-    "key": "group_64060dc280525",
-    "title": "Block: Spacer V2 - Library",
+    "key": "group_686b8cb48c708",
+    "title": "Block: Spacer v3",
     "fields": [
         {
-            "key": "field_64060dc284e31",
+            "key": "field_686b8cb496313",
             "label": "Size",
             "name": "spacer_size",
             "aria-label": "",
@@ -28,7 +28,7 @@
             "append": ""
         },
         {
-            "key": "field_645e7364af69a",
+            "key": "field_686b8cb49675a",
             "label": "Size portrait",
             "name": "size_portrait",
             "aria-label": "",
@@ -53,7 +53,7 @@
             "append": ""
         },
         {
-            "key": "field_645e736daf69b",
+            "key": "field_686b8cb496b28",
             "label": "Size mobile",
             "name": "size_mobile",
             "aria-label": "",
@@ -79,7 +79,7 @@
             "append": ""
         },
         {
-            "key": "field_64060dc284e84",
+            "key": "field_686b8cb496f3b",
             "label": "Background Colour",
             "name": "spacer_background",
             "aria-label": "",
@@ -114,7 +114,7 @@
             {
                 "param": "block",
                 "operator": "==",
-                "value": "acf\/spacer-v2"
+                "value": "acf\/spacer-v3"
             }
         ]
     ],
@@ -135,5 +135,5 @@
     "acfe_display_title": "",
     "acfe_meta": "",
     "acfe_note": "",
-    "modified": 1746889182
+    "modified": 1752311307
 }

package/components/{block-spacer-v2/spacer-v2.js → block-spacer-v3/spacer-v3.js}

@@ -1,5 +1,5 @@
 // LIBRARY FILE - Do not modify/override here as your changes will be lost when the package is updated.
-export default function spacerv2Js(options = {}) {
+export default function spacerv3Js(options = {}) {
 	// try {
 	// 	const {block} = options;
 	// } catch (error) {

package/components/{block-spacer-v2/spacer-v2.php → block-spacer-v3/spacer-v3.php}

@@ -2,8 +2,8 @@
 
 acf_register_block_type(
 	array(
-		'name'            => 'spacer v2',
-		'title'           => __('Spacer v2', 'Global-theme Admin'),
+		'name'            => 'Spacer v3',
+		'title'           => __('Spacer v3', 'Global-theme Admin'),
 		'render_callback' => 'athena_block_render_post_object',
 		'category'        => 'common',
 		'icon'            => get_svg_icon_content('brick.svg'),

package/components/{block-spacer-v2/spacer-v2.scss → block-spacer-v3/spacer-v3.scss}

@@ -2,7 +2,7 @@
 @use 'Assets/scss/modules/library-modules/core-mixins/core-mixins';
 @use 'Assets/scss/theme/breakpoints';
 
-.spacer-v2 {
+.spacer-v3 {
 	width: 100%;
 	position: relative;
 	background-color: var(--spacer-bg-colour);

package/components/{block-spacer-v2/spacer-v2.twig → block-spacer-v3/spacer-v3.twig}

@@ -1,5 +1,5 @@
 {# Do not edit this file outside of the component library as your changes will be lost with future updates. #}
-{% set blockClassName = 'spacer-v2' %}
+{% set blockClassName = "spacer-v3" %}
 {% set background = '--spacer-bg-colour: ' ~ fields.spacer_background|ru|default('') ~ ';'  %}
 {% set sizeMultiplier = '--spacer-size-mult: ' ~ fields.spacer_size|ru|default('') ~ ';' %}
 {% set sizeMultiplierPortrait = '--spacer-size-mult-portrait: ' ~ fields.size_portrait|ru|default('') ~ ';' %}
@@ -10,4 +10,4 @@
 		{{sectionStyles}}
 	}
 </style>
-<section {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{block.id}}" data-assetkey="spacer-v2"></section>
+<section {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{block.id}}" data-assetkey="spacer-v3"></section>