@total_onion/onion-library 3.2.0 → 3.2.2

package/components/block-cocktail-recipe-v3/group_68fff19fa4dd0.json

@@ -0,0 +1,202 @@
+{
+    "key": "group_68fff19fa4dd0",
+    "title": "Block: Cocktail Recipe V3",
+    "fields": [
+        {
+            "key": "field_68fff1a0c8ae0",
+            "label": "Content",
+            "name": "",
+            "aria-label": "",
+            "type": "tab",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "wpml_cf_preferences": 3,
+            "placement": "top",
+            "endpoint": 0,
+            "no_preference": 0,
+            "selected": 0
+        },
+        {
+            "key": "field_6900985627b79",
+            "label": "Cocktail Select",
+            "name": "cocktail_select",
+            "aria-label": "",
+            "type": "post_object",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "wpml_cf_preferences": 3,
+            "post_type": [
+                "cocktail"
+            ],
+            "post_status": "",
+            "taxonomy": "",
+            "return_format": "object",
+            "multiple": 0,
+            "max": "",
+            "save_custom": 0,
+            "save_post_status": "publish",
+            "acfe_add_post": 0,
+            "acfe_edit_post": 0,
+            "acfe_bidirectional": {
+                "acfe_bidirectional_enabled": "0"
+            },
+            "allow_null": 0,
+            "bidirectional": 0,
+            "ui": 1,
+            "bidirectional_target": [],
+            "save_post_type": "",
+            "min": ""
+        },
+        {
+            "key": "field_6904e13661b9e",
+            "label": "Enable Unit Transform",
+            "name": "enable_unit_transform",
+            "aria-label": "",
+            "type": "true_false",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "wpml_cf_preferences": 0,
+            "message": "",
+            "default_value": 0,
+            "ui_on_text": "",
+            "ui_off_text": "",
+            "ui": 1,
+            "style": ""
+        },
+        {
+            "key": "field_6903a0595a265",
+            "label": "Unit Transform",
+            "name": "unit_transform",
+            "aria-label": "",
+            "type": "select",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": [
+                [
+                    {
+                        "field": "field_6904e13661b9e",
+                        "operator": "==",
+                        "value": "1"
+                    }
+                ]
+            ],
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "wpml_cf_preferences": 3,
+            "choices": {
+                "oz": "OZ"
+            },
+            "default_value": "oz",
+            "return_format": "value",
+            "multiple": 0,
+            "max": "",
+            "prepend": "",
+            "append": "",
+            "allow_null": 0,
+            "ui": 0,
+            "ajax": 0,
+            "placeholder": "",
+            "allow_custom": 0,
+            "search_placeholder": "",
+            "min": "",
+            "create_options": 0,
+            "save_options": 0
+        },
+        {
+            "key": "field_68fff1cac8ae1",
+            "label": "Block Padding",
+            "name": "",
+            "aria-label": "",
+            "type": "tab",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "wpml_cf_preferences": 3,
+            "placement": "top",
+            "endpoint": 0,
+            "no_preference": 0,
+            "selected": 0
+        },
+        {
+            "key": "field_68fff1d4c8ae2",
+            "label": "Block Padding Fields",
+            "name": "block_padding_fields",
+            "aria-label": "",
+            "type": "clone",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "wpml_cf_preferences": 3,
+            "clone": [
+                "group_689f66f3e26df"
+            ],
+            "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"
+        }
+    ],
+    "location": [
+        [
+            {
+                "param": "block",
+                "operator": "==",
+                "value": "all"
+            }
+        ]
+    ],
+    "menu_order": 0,
+    "position": "normal",
+    "style": "default",
+    "label_placement": "left",
+    "instruction_placement": "label",
+    "hide_on_screen": "",
+    "active": false,
+    "description": "",
+    "show_in_rest": 0,
+    "display_title": "",
+    "acfe_autosync": [
+        "json"
+    ],
+    "acfe_form": 0,
+    "acfe_display_title": "",
+    "acfe_meta": "",
+    "acfe_note": "",
+    "modified": 1762794517
+}

package/components/block-cover-link-v3/cover-link-v3.js

@@ -0,0 +1,7 @@
+export default function coverlinkv3Js ( options = {} ) {
+	try {
+		const { block } = options;
+	} catch ( error ) {
+		console.error( error );
+	}
+}

package/components/block-cover-link-v3/cover-link-v3.scss

@@ -0,0 +1,10 @@
+@layer base-styles {
+	.cover-link-v3 {
+		&__link {
+			position: absolute;
+			inset: 0;
+			z-index: 10;
+			pointer-events: all;
+		}
+	}
+}

package/components/block-cover-link-v3/cover-link-v3.twig

@@ -0,0 +1,16 @@
+{% set blockClassName = "cover-link-v3" %}
+{% set classNameEntryPoint = include('entry-points/entry-point-classes.twig', { fields: fields, block: block }, with_context = false) %}
+{% set htmlEntryPoint = include('entry-points/entry-point-html-v3.twig', { fields: fields, block: block, blockClassName, blockClassName }, with_context = false) %}
+{% set dataAttributeEntryPoint = include('entry-points/entry-point-data-attribute.twig', { fields: fields, block: block }, with_context = false) %}
+{% set styleEntryPoint = include('entry-points/entry-point-style-v3.twig', { fields: fields, block: block, is_preview }, with_context = false) %}
+{% set previewEntryPoint = include('entry-points/entry-point-preview-info.twig', { fields, block, displaytype, is_preview }, with_context = false) %}
+{% set sectionStyles =  styleEntryPoint %}
+{{previewEntryPoint}}
+<style>
+	.{{blockClassName}}.{{block.id}}{
+		{{sectionStyles}}
+	}
+</style>
+<section {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{fields.section_class}} {{classNameEntryPoint}} {{block.id}} lazy-fade" {{dataAttributeEntryPoint}} data-blockid="{{block.id}}" data-assetkey="{{blockClassName}}">
+	<a href="{{fields.cover_link.url}}" class="{{blockClassName}}__link"></a>
+</section>

package/components/block-cover-link-v3/group_687192c28b7eb.json

@@ -0,0 +1,96 @@
+{
+	"key": "group_687192c28b7eb",
+	"title": "Block: Cover Link v3",
+	"fields": [
+		{
+			"key": "field_6956c443b96a8",
+			"label": "Cover Link",
+			"name": "",
+			"aria-label": "",
+			"type": "tab",
+			"instructions": "",
+			"required": 0,
+			"conditional_logic": 0,
+			"wrapper": {
+				"width": "",
+				"class": "",
+				"id": ""
+			},
+			"placement": "top",
+			"endpoint": 0,
+			"no_preference": 0,
+			"selected": 0
+		},
+		{
+			"key": "field_6956c07662240",
+			"label": "Enable cover link",
+			"name": "enable_cover_link",
+			"aria-label": "",
+			"type": "true_false",
+			"instructions": "",
+			"required": 0,
+			"conditional_logic": 0,
+			"wrapper": {
+				"width": "",
+				"class": "",
+				"id": ""
+			},
+			"message": "",
+			"default_value": 0,
+			"allow_in_bindings": 0,
+			"ui_on_text": "",
+			"ui_off_text": "",
+			"ui": 1,
+			"style": ""
+		},
+		{
+			"key": "field_6956c05d6223f",
+			"label": "Cover link",
+			"name": "cover_link",
+			"aria-label": "",
+			"type": "link",
+			"instructions": "",
+			"required": 0,
+			"conditional_logic": [
+				[
+					{
+						"field": "field_6956c07662240",
+						"operator": "==",
+						"value": "1"
+					}
+				]
+			],
+			"wrapper": {
+				"width": "",
+				"class": "",
+				"id": ""
+			},
+			"return_format": "array",
+			"allow_in_bindings": 0
+		}
+	],
+	"location": [
+		[
+			{
+				"param": "block",
+				"operator": "==",
+				"value": "all"
+			}
+		]
+	],
+	"menu_order": 0,
+	"position": "normal",
+	"style": "default",
+	"label_placement": "left",
+	"instruction_placement": "label",
+	"hide_on_screen": "",
+	"active": false,
+	"description": "",
+	"show_in_rest": 0,
+	"display_title": "",
+	"acfe_autosync": ["json"],
+	"acfe_form": 0,
+	"acfe_meta": "",
+	"acfe_note": "",
+	"modified": 1767294033
+}

package/components/block-divider-v3/divider-v3.js

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

package/components/block-divider-v3/divider-v3.scss

@@ -0,0 +1,103 @@
+@use '../fields-core-mixins-v3/core-mixins-v3';
+@use '../fields-core-functions-v3/core-functions-v3';
+@use '../../breakpoints';
+
+@layer base-styles {
+	.divider-v3 {
+		display: grid;
+		@include core-mixins-v3.responsiveShowHide(grid);
+
+		&.vertical {
+			height: 100%;
+			.divider-v3__line {
+				height: 100%;
+
+				@include core-mixins-v3.device(breakpoints.$tabPortrait) {
+					height: 100%;
+				}
+
+				@include core-mixins-v3.device(breakpoints.$tabLandscape) {
+					height: 100%;
+				}
+			}
+		}
+
+		&.horizontal {
+			.divider-v3__line {
+				width: 100%;
+
+				@include core-mixins-v3.device(breakpoints.$tabPortrait) {
+					width: 100%;
+				}
+
+				@include core-mixins-v3.device(breakpoints.$tabLandscape) {
+					width: 100%;
+				}
+			}
+		}
+
+		&__line {
+			background-color: var(--divider-v3-background-colour);
+			background-image: var(--divider-v3-background-image);
+			background-repeat: var(--divider-v3-background-repeat);
+			background-position: var(--divider-v3-background-position-x)
+				var(--divider-v3-background-position-y);
+			width: core-functions-v3.fluidSize(
+				var(--divider-v3-width),
+				'mobile'
+			);
+			height: core-functions-v3.fluidSize(
+				var(--divider-v3-height),
+				'mobile'
+			);
+			place-self: var(--divider-v3-vertical-position)
+				var(--divider-v3-horizontal-position);
+			max-width: core-functions-v3.fluidSize(
+				var(--divider-v3-max-width-mobile),
+				'mobile'
+			);
+			max-height: core-functions-v3.fluidSize(
+				var(--divider-v3-max-height-mobile),
+				'mobile'
+			);
+
+			@include core-mixins-v3.device(breakpoints.$tabPortrait) {
+				height: core-functions-v3.fluidSize(
+					var(--divider-v3-height),
+					'portrait'
+				);
+				width: core-functions-v3.fluidSize(
+					var(--divider-v3-width),
+					'portrait'
+				);
+				max-width: core-functions-v3.fluidSize(
+					var(--divider-v3-max-width-portrait),
+					'portrait'
+				);
+				max-height: core-functions-v3.fluidSize(
+					var(--divider-v3-max-height-portrait),
+					'portrait'
+				);
+			}
+
+			@include core-mixins-v3.device(breakpoints.$tabLandscape) {
+				height: core-functions-v3.fluidSize(
+					var(--divider-v3-height),
+					'desktop'
+				);
+				width: core-functions-v3.fluidSize(
+					var(--divider-v3-width),
+					'desktop'
+				);
+				max-width: core-functions-v3.fluidSize(
+					var(--divider-v3-max-width-desktop),
+					'desktop'
+				);
+				max-height: core-functions-v3.fluidSize(
+					var(--divider-v3-max-height-desktop),
+					'desktop'
+				);
+			}
+		}
+	}
+}

package/components/block-divider-v3/divider-v3.twig

@@ -0,0 +1,45 @@
+{# Do not edit this file outside of the component library as your changes will be lost with future updates. #}
+{% set blockClassName = "divider-v3" %}
+{% set displaytype = 'grid' %}
+{% set classNameEntryPoint = include('entry-points/entry-point-classes.twig', { fields, block }, with_context = false) %}
+{% set htmlEntryPoint = include('entry-points/entry-point-html-v3.twig', { fields, block, blockClassName, options, environment, is_preview, 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-v3.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 blockBgColour = '--divider-v3-background-colour:' ~ fields.background_colour|ru ~ ';' %}
+{% if fields.block_background_colour_type and fields.block_background_colour_type|ru != 'colour-picker' %}
+	{% set blockBgColour = '--divider-v3-background-colour:' ~ (fields.block_background_colour_type|ru) ~ ';' %}
+{% endif %}
+{% if fields.block_background_colour_type and fields.block_background_colour_type|ru == 'image' %}
+	{% set backgroundImage = '--divider-v3-background-image: url(' ~ get_image(fields.background_image).src ~ ');' %}
+	{% set backgroundRepeat = '--divider-v3-background-repeat: ' ~ fields.background_repeat|ru ~ ';' %}
+	{% set backgroundPositionX = '--divider-v3-background-position-x: ' ~ fields.background_position_horizontal|ru ~ ';' %}
+	{% set backgroundPositionY = '--divider-v3-background-position-y: ' ~ fields.background_position_vertical|ru ~ ';' %}
+{% endif %}
+
+{% set horizontalPosition = '--divider-v3-horizontal-position:' ~ fields.horizontal_position|ru ~ ';' %}
+{% set maxWidthDesktop = '--divider-v3-max-width-desktop:' ~ fields.max_width_desktop ~ ';' %}
+{% set maxWidthPortrait = '--divider-v3-max-width-portrait:' ~ fields.max_width_portrait ~ ';' %}
+{% set maxWidthMobile = '--divider-v3-max-width-mobile:' ~ fields.max_width_mobile ~ ';' %}
+
+{% set verticalPosition = '--divider-v3-vertical-position:' ~ fields.vertical_position|ru ~ ';' %}
+{% set maxHeightDesktop = '--divider-v3-max-height-desktop:' ~ fields.max_height_desktop ~ ';' %}
+{% set maxHeightPortrait = '--divider-v3-max-height-portrait:' ~ fields.max_height_portrait ~ ';' %}
+{% set maxHeightMobile = '--divider-v3-max-height-mobile:' ~ fields.max_height_mobile ~ ';' %}
+
+{% set orientation = fields.vertical_or_horizonal_divider ? 'vertical' : 'horizontal' %}
+
+
+{% set height = '--divider-v3-height:' ~ (fields.height ? fields.height ~ ';' : '100%;') %}
+{% set width = '--divider-v3-width:' ~ (fields.width ? fields.width ~ ';' : '100%;') %}
+
+{% set sectionStyles =  styleEntryPoint ~ blockBgColour ~ backgroundPositionX ~ backgroundPositionY ~ backgroundImage ~ backgroundRepeat ~ height ~ width ~ horizontalPosition ~ maxWidthDesktop ~ maxWidthPortrait ~ maxWidthMobile ~ verticalPosition ~ maxHeightDesktop ~ maxHeightPortrait ~ maxHeightMobile %}
+<style>
+	.{{blockClassName}}.{{block.id}}{
+		{{sectionStyles}}
+	}
+</style>
+<section {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{classNameEntryPoint}} {{blockClassName}} {{block.className}} {{orientation}} lazy-fade {{block.id}}" {{dataAttributeEntryPoint}} data-jsload="false" data-assetkey="divider-v3">
+	<div class="divider-v3__line"></div>
+	{{htmlEntryPoint}}
+</section>