@total_onion/onion-library 3.2.0 → 3.2.2

package/components/block-accordion-v3/group_6888d2f0b230b.json

@@ -0,0 +1,458 @@
+{
+    "key": "group_6888d2f0b230b",
+    "title": "Block: Accordion v3",
+    "fields": [
+        {
+            "key": "field_6888d2f2717ea",
+            "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_688a90ef935eb",
+            "label": "Title",
+            "name": "title",
+            "aria-label": "",
+            "type": "group",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "wpml_cf_preferences": 3,
+            "layout": "block",
+            "acfe_seamless_style": 0,
+            "acfe_group_modal": 0,
+            "acfe_group_modal_close": 0,
+            "acfe_group_modal_button": "",
+            "acfe_group_modal_size": "large",
+            "sub_fields": [
+                {
+                    "key": "field_688a9174b4c02",
+                    "label": "Accordion Title Wysiwyg",
+                    "name": "accordion_title_wysiwyg",
+                    "aria-label": "",
+                    "type": "clone",
+                    "instructions": "",
+                    "required": 0,
+                    "conditional_logic": 0,
+                    "wrapper": {
+                        "width": "",
+                        "class": "",
+                        "id": ""
+                    },
+                    "wpml_cf_preferences": 3,
+                    "clone": [
+                        "group_6867e153af466"
+                    ],
+                    "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"
+                }
+            ]
+        },
+        {
+            "key": "field_688a90f8935ec",
+            "label": "Text",
+            "name": "text",
+            "aria-label": "",
+            "type": "group",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "wpml_cf_preferences": 3,
+            "layout": "block",
+            "acfe_seamless_style": 0,
+            "acfe_group_modal": 0,
+            "acfe_group_modal_close": 0,
+            "acfe_group_modal_button": "",
+            "acfe_group_modal_size": "large",
+            "sub_fields": [
+                {
+                    "key": "field_688a91f9b4c03",
+                    "label": "Accordion Text Wysiwyg",
+                    "name": "accordion_text_wysiwyg",
+                    "aria-label": "",
+                    "type": "clone",
+                    "instructions": "",
+                    "required": 0,
+                    "conditional_logic": 0,
+                    "wrapper": {
+                        "width": "",
+                        "class": "",
+                        "id": ""
+                    },
+                    "wpml_cf_preferences": 3,
+                    "clone": [
+                        "group_6867e153af466"
+                    ],
+                    "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"
+                }
+            ]
+        },
+        {
+            "key": "field_6888ed3cb1732",
+            "label": "Settings",
+            "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_6888ed4bb1733",
+            "label": "Accordion Title",
+            "name": "accordion_title",
+            "aria-label": "",
+            "type": "group",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "wpml_cf_preferences": 3,
+            "layout": "block",
+            "acfe_seamless_style": 0,
+            "acfe_group_modal": 0,
+            "acfe_group_modal_close": 0,
+            "acfe_group_modal_button": "",
+            "acfe_group_modal_size": "large",
+            "sub_fields": [
+                {
+                    "key": "field_6888f39268455",
+                    "label": "Background Color",
+                    "name": "background_color",
+                    "aria-label": "",
+                    "type": "color_picker",
+                    "instructions": "",
+                    "required": 0,
+                    "conditional_logic": 0,
+                    "wrapper": {
+                        "width": "50",
+                        "class": "",
+                        "id": ""
+                    },
+                    "wpml_cf_preferences": 3,
+                    "default_value": "",
+                    "enable_opacity": 0,
+                    "return_format": "string",
+                    "display": "default",
+                    "button_label": "Select Color",
+                    "color_picker": 1,
+                    "absolute": 0,
+                    "input": 1,
+                    "allow_null": 1,
+                    "theme_colors": 0,
+                    "colors": []
+                },
+                {
+                    "key": "field_6888f3a868456",
+                    "label": "Icon Background Color",
+                    "name": "icon_background_color",
+                    "aria-label": "",
+                    "type": "color_picker",
+                    "instructions": "",
+                    "required": 0,
+                    "conditional_logic": 0,
+                    "wrapper": {
+                        "width": "50",
+                        "class": "",
+                        "id": ""
+                    },
+                    "wpml_cf_preferences": 3,
+                    "default_value": "",
+                    "enable_opacity": 0,
+                    "return_format": "string",
+                    "display": "default",
+                    "button_label": "Select Color",
+                    "color_picker": 1,
+                    "absolute": 0,
+                    "input": 1,
+                    "allow_null": 1,
+                    "theme_colors": 0,
+                    "colors": []
+                },
+                {
+                    "key": "field_6888f3da68458",
+                    "label": "Enable Custom Icon",
+                    "name": "enable_custom_icon",
+                    "aria-label": "",
+                    "type": "true_false",
+                    "instructions": "",
+                    "required": 0,
+                    "conditional_logic": 0,
+                    "wrapper": {
+                        "width": "50",
+                        "class": "",
+                        "id": ""
+                    },
+                    "wpml_cf_preferences": 3,
+                    "message": "",
+                    "default_value": 0,
+                    "ui_on_text": "",
+                    "ui_off_text": "",
+                    "ui": 1,
+                    "style": ""
+                },
+                {
+                    "key": "field_6893c44fd23e3",
+                    "label": "",
+                    "name": "",
+                    "aria-label": "",
+                    "type": "message",
+                    "instructions": "",
+                    "required": 0,
+                    "conditional_logic": [
+                        [
+                            {
+                                "field": "field_6888f3da68458",
+                                "operator": "==",
+                                "value": "1"
+                            }
+                        ]
+                    ],
+                    "wrapper": {
+                        "width": "50",
+                        "class": "",
+                        "id": ""
+                    },
+                    "wpml_cf_preferences": 2,
+                    "message": "Please upload this icon in:\r\nGlobal Settings → CTA Icons → CTA Accordion Icon",
+                    "new_lines": "wpautop",
+                    "esc_html": 0
+                },
+                {
+                    "key": "field_6888f4166845a",
+                    "label": "Image Icon Size",
+                    "name": "image_icon_size",
+                    "aria-label": "",
+                    "type": "range",
+                    "instructions": "",
+                    "required": 0,
+                    "conditional_logic": [
+                        [
+                            {
+                                "field": "field_6888f3da68458",
+                                "operator": "==",
+                                "value": "1"
+                            }
+                        ]
+                    ],
+                    "wrapper": {
+                        "width": "50",
+                        "class": "",
+                        "id": ""
+                    },
+                    "wpml_cf_preferences": 3,
+                    "default_value": "",
+                    "min": "",
+                    "max": "",
+                    "step": "",
+                    "prepend": "",
+                    "append": ""
+                },
+                {
+                    "key": "field_6888f4326845b",
+                    "label": "Image Icon Rotation Deg",
+                    "name": "image_icon_rotation_deg",
+                    "aria-label": "",
+                    "type": "range",
+                    "instructions": "",
+                    "required": 0,
+                    "conditional_logic": [
+                        [
+                            {
+                                "field": "field_6888f3da68458",
+                                "operator": "==",
+                                "value": "1"
+                            }
+                        ]
+                    ],
+                    "wrapper": {
+                        "width": "50",
+                        "class": "",
+                        "id": ""
+                    },
+                    "wpml_cf_preferences": 3,
+                    "default_value": 90,
+                    "min": -180,
+                    "max": 180,
+                    "step": "",
+                    "prepend": "",
+                    "append": ""
+                }
+            ]
+        },
+        {
+            "key": "field_6888ed5fb1734",
+            "label": "Accordion Text",
+            "name": "accordion_text",
+            "aria-label": "",
+            "type": "group",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "wpml_cf_preferences": 3,
+            "layout": "block",
+            "acfe_seamless_style": 0,
+            "acfe_group_modal": 0,
+            "acfe_group_modal_close": 0,
+            "acfe_group_modal_button": "",
+            "acfe_group_modal_size": "large",
+            "sub_fields": [
+                {
+                    "key": "field_6888f22274893",
+                    "label": "Text Padding Horizontal",
+                    "name": "text_padding_horizontal",
+                    "aria-label": "",
+                    "type": "range",
+                    "instructions": "",
+                    "required": 0,
+                    "conditional_logic": 0,
+                    "wrapper": {
+                        "width": "",
+                        "class": "",
+                        "id": ""
+                    },
+                    "wpml_cf_preferences": 3,
+                    "default_value": 20,
+                    "min": 0,
+                    "max": 50,
+                    "step": "",
+                    "prepend": "",
+                    "append": ""
+                }
+            ]
+        },
+        {
+            "key": "field_6889138d4e54c",
+            "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_688913984e54d",
+            "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_638f4148bc10b"
+            ],
+            "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": "acf\/accordion-v3"
+            }
+        ]
+    ],
+    "menu_order": 0,
+    "position": "normal",
+    "style": "default",
+    "label_placement": "left",
+    "instruction_placement": "label",
+    "hide_on_screen": "",
+    "active": true,
+    "description": "",
+    "show_in_rest": 0,
+    "acfe_autosync": [
+        "json"
+    ],
+    "acfml_field_group_mode": "localization",
+    "acfe_form": 0,
+    "acfe_display_title": "",
+    "acfe_meta": "",
+    "acfe_note": "",
+    "modified": 1754514693
+}

package/components/block-back-to-top-button-v3/back-to-top-button-v3.js

@@ -0,0 +1,12 @@
+// LIBRARY FILE - Do not modify/override here as your changes will be lost when the package is updated.
+export default function backtotopbuttonJs(options = {}) {
+	try {
+		const {block} = options;
+		const button = block.querySelector('.back-to-top-button__button');
+		button.addEventListener('click', () =>
+			window.scrollTo({top: 0, behavior: 'smooth'})
+		);
+	} catch (error) {
+		console.error(error);
+	}
+}

package/components/block-back-to-top-button-v3/back-to-top-button-v3.scss

@@ -0,0 +1,68 @@
+@use '../fields-core-mixins-v3/core-mixins-v3';
+@use '../fields-core-functions-v3/core-functions-v3';
+@use '../../breakpoints';
+@layer base-styles {
+	.back-to-top-button {
+		position: relative;
+		width: 100%;
+		z-index: 50;
+		overflow: unset;
+
+		&__arrow {
+			--arrow-colour: black;
+			position: absolute;
+			border-style: solid;
+			border-color: var(--arrow-colour);
+			border-width: 0 2px 2px 0;
+			display: inline-block;
+			transform: rotate(-135deg);
+			height: 20%;
+			width: 20%;
+		}
+
+		&__button {
+			--bg-colour: white;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			position: fixed;
+			cursor: pointer;
+			height: core-functions-v3.fluidSize(50, 'static');
+			width: core-functions-v3.fluidSize(50, 'static');
+			border: none;
+			border-radius: 50px;
+			padding: core-functions-v3.fluidSize(18, 'static');
+			background-color: var(--bg-colour);
+			right: core-functions-v3.fluidSize(10, 'mobile');
+			border-radius: var(--button-border-radius);
+
+			@include core-mixins-v3.device(breakpoints.$tabPortrait) {
+				right: core-functions-v3.fluidSize(30, 'portrait');
+			}
+
+			@include core-mixins-v3.device(breakpoints.$tabLandscape) {
+				right: core-functions-v3.fluidSize(60, 'desktop');
+			}
+
+			&--fixed {
+				position: fixed;
+				bottom: core-functions-v3.fluidSize(60, 'static');
+			}
+
+			&--absolute {
+				position: absolute;
+				translate: 0 -50%;
+			}
+
+			.wp-admin & {
+				position: absolute;
+				translate: 0 0;
+				bottom: 0;
+			}
+		}
+
+		&__image {
+			width: core-functions-v3.fluidSize(var(--image-size), 'static');
+		}
+	}
+}

package/components/block-back-to-top-button-v3/back-to-top-button-v3.twig

@@ -0,0 +1,40 @@
+{% set blockClassName = "back-to-top-button-v3" %}
+
+{% 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 buttonBorderRadius = '--button-border-radius: ' ~ fields.btt_border_radius ~ ';' %}
+{% set imageSize = '--image-size: ' ~ fields.image_size ~ ';' %}
+
+{% set buttonImage = get_image(fields.btt_image) %}
+{% set enabled = fields.enable_btt_button %}
+{% set bgColour = fields.btt_background_colour %}
+{% set arrowColour = fields.btt_arrow_colour %}
+{% set position = fields.btt_position|ru %}
+
+{% set sectionStyles =  styleEntryPoint ~ buttonBorderRadius ~ imageSize %}
+<style>
+	.{{blockClassName}}.{{block.id}}{
+		{{sectionStyles}}
+	}
+</style>
+
+{% if enabled %}
+	<section {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{blockClassName}} {{block.className}} {{classNameEntryPoint}} lazy-fade {{block.id}}" {{dataAttributeEntryPoint}} data-assetkey="{{blockClassName}}">
+		<button aria-label="back to the top button" class="{{blockClassName}}__button {{blockClassName}}__button--{{position}}" style="--bg-colour: {{bgColour}}">
+			{% if fields.enable_custom_image %}
+				<img class="{{blockClassName}}__image" width="{{buttonImage.width}}" height="{{buttonImage.height}}" src="{{ buttonImage.src }}" alt="{{buttonImage.alt}}">
+			{% else %}
+				<span class="{{blockClassName}}__arrow" style="--arrow-colour: {{arrowColour}}"></span>
+			{% endif %}
+		</button>
+		{% if fields.animations.enable_animations %}
+			{{ include('components/animations-style-v3.twig', { fields, block, blockClassName }, with_context = false) }}
+		{% endif %}
+
+	</section>
+{% endif %}