@total_onion/onion-library 3.2.0 → 3.2.1

package/components/component-accordion-v3/group_66ab7edfc6d63.json

@@ -0,0 +1,535 @@
+{
+    "key": "group_66ab7edfc6d63",
+    "title": "Component: Accordion V3",
+    "fields": [
+        {
+            "key": "field_66ab7ee026bf8",
+            "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_66abaab6164c6",
+            "label": "Accordion Content",
+            "name": "accordion_content",
+            "aria-label": "",
+            "type": "repeater",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "wpml_cf_preferences": 3,
+            "acfe_repeater_stylised_button": 0,
+            "layout": "block",
+            "pagination": 0,
+            "min": 0,
+            "max": 0,
+            "collapsed": "",
+            "button_label": "Add Row",
+            "rows_per_page": 20,
+            "sub_fields": [
+                {
+                    "key": "field_66abaac8164c7",
+                    "label": "Accordion Title",
+                    "name": "accordion_title",
+                    "aria-label": "",
+                    "type": "text",
+                    "instructions": "",
+                    "required": 0,
+                    "conditional_logic": 0,
+                    "wrapper": {
+                        "width": "",
+                        "class": "",
+                        "id": ""
+                    },
+                    "wpml_cf_preferences": 2,
+                    "default_value": "",
+                    "maxlength": "",
+                    "placeholder": "",
+                    "prepend": "",
+                    "append": "",
+                    "parent_repeater": "field_66abaab6164c6"
+                },
+                {
+                    "key": "field_66abaae9164c8",
+                    "label": "Accordion Text",
+                    "name": "accordion_text",
+                    "aria-label": "",
+                    "type": "wysiwyg",
+                    "instructions": "",
+                    "required": 0,
+                    "conditional_logic": 0,
+                    "wrapper": {
+                        "width": "",
+                        "class": "",
+                        "id": ""
+                    },
+                    "wpml_cf_preferences": 2,
+                    "default_value": "",
+                    "acfe_wysiwyg_height": 300,
+                    "acfe_wysiwyg_max_height": "",
+                    "acfe_wysiwyg_valid_elements": "",
+                    "acfe_wysiwyg_custom_style": "",
+                    "acfe_wysiwyg_disable_wp_style": 1,
+                    "acfe_wysiwyg_autoresize": 0,
+                    "acfe_wysiwyg_disable_resize": 0,
+                    "acfe_wysiwyg_remove_path": 0,
+                    "acfe_wysiwyg_menubar": 0,
+                    "acfe_wysiwyg_transparent": 0,
+                    "acfe_wysiwyg_merge_toolbar": 0,
+                    "acfe_wysiwyg_custom_toolbar": 0,
+                    "tabs": "visual",
+                    "toolbar": "full",
+                    "media_upload": 0,
+                    "delay": 0,
+                    "acfe_wysiwyg_auto_init": 0,
+                    "acfe_wysiwyg_min_height": 300,
+                    "acfe_wysiwyg_toolbar_buttons": [],
+                    "parent_repeater": "field_66abaab6164c6"
+                }
+            ]
+        },
+        {
+            "key": "field_66aba9989cc92",
+            "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_66b0ead30afe2",
+            "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_66b09f11c7aa7",
+                    "label": "Title Element Style",
+                    "name": "title_element_style",
+                    "aria-label": "",
+                    "type": "select",
+                    "instructions": "",
+                    "required": 0,
+                    "conditional_logic": 0,
+                    "wrapper": {
+                        "width": "",
+                        "class": "",
+                        "id": ""
+                    },
+                    "wpml_cf_preferences": 3,
+                    "choices": {
+                        "__h1-l-sizing": "H1 large",
+                        "__h1-sizing": "H1",
+                        "__h2-sizing": "H2",
+                        "__h3-sizing": "H3",
+                        "__h4-sizing": "H4",
+                        "__h5-sizing": "H5",
+                        "__h6-sizing": "H6",
+                        "__sh1-sizing": "SH1",
+                        "__sh2-sizing": "SH2",
+                        "__sh3-sizing": "SH3",
+                        "__sh4-sizing": "SH4",
+                        "__sh5-sizing": "SH5",
+                        "__sh6-sizing": "SH6",
+                        "__p-l-sizing": "Paragraph L",
+                        "__p-sizing": "Paragraph",
+                        "__p-s-sizing": "Paragraph S",
+                        "__p-xs-sizing": "Paragraph XS",
+                        "__p-xxs-sizing": "Paragraph XXS",
+                        "__p-xxxs-sizing": "Paragraph XXS"
+                    },
+                    "default_value": "__h3-sizing",
+                    "return_format": "value",
+                    "multiple": 0,
+                    "max": "",
+                    "prepend": "",
+                    "append": "",
+                    "allow_null": 0,
+                    "ui": 0,
+                    "ajax": 0,
+                    "placeholder": "",
+                    "allow_custom": 0,
+                    "search_placeholder": "",
+                    "min": ""
+                },
+                {
+                    "key": "field_66b0ed330d9aa",
+                    "label": "Title Color",
+                    "name": "title_color",
+                    "aria-label": "",
+                    "type": "color_picker",
+                    "instructions": "",
+                    "required": 0,
+                    "conditional_logic": 0,
+                    "wrapper": {
+                        "width": "",
+                        "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_66b22417c2f06",
+                    "label": "Background Color",
+                    "name": "background_color",
+                    "aria-label": "",
+                    "type": "color_picker",
+                    "instructions": "",
+                    "required": 0,
+                    "conditional_logic": 0,
+                    "wrapper": {
+                        "width": "",
+                        "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_66b22425c2f07",
+                    "label": "Icon Background Color",
+                    "name": "icon_background_color",
+                    "aria-label": "",
+                    "type": "color_picker",
+                    "instructions": "",
+                    "required": 0,
+                    "conditional_logic": [
+                        [
+                            {
+                                "field": "field_66b233e0a94c2",
+                                "operator": "!=",
+                                "value": "1"
+                            }
+                        ]
+                    ],
+                    "wrapper": {
+                        "width": "",
+                        "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_66b22f1518147",
+                    "label": "Title Gap",
+                    "name": "title_gap",
+                    "aria-label": "",
+                    "type": "range",
+                    "instructions": "",
+                    "required": 0,
+                    "conditional_logic": 0,
+                    "wrapper": {
+                        "width": "",
+                        "class": "",
+                        "id": ""
+                    },
+                    "wpml_cf_preferences": 3,
+                    "default_value": 20,
+                    "min": 0,
+                    "max": 120,
+                    "step": "",
+                    "prepend": "",
+                    "append": ""
+                },
+                {
+                    "key": "field_66b233e0a94c2",
+                    "label": "Enable Custom Icon",
+                    "name": "enable_custom_icon",
+                    "aria-label": "",
+                    "type": "true_false",
+                    "instructions": "",
+                    "required": 0,
+                    "conditional_logic": 0,
+                    "wrapper": {
+                        "width": "",
+                        "class": "",
+                        "id": ""
+                    },
+                    "wpml_cf_preferences": 3,
+                    "message": "",
+                    "default_value": 0,
+                    "ui_on_text": "",
+                    "ui_off_text": "",
+                    "ui": 1,
+                    "style": ""
+                },
+                {
+                    "key": "field_66b233fea94c3",
+                    "label": "Image Icon",
+                    "name": "image_icon",
+                    "aria-label": "",
+                    "type": "image",
+                    "instructions": "",
+                    "required": 0,
+                    "conditional_logic": [
+                        [
+                            {
+                                "field": "field_66b233e0a94c2",
+                                "operator": "==",
+                                "value": "1"
+                            }
+                        ]
+                    ],
+                    "wrapper": {
+                        "width": "",
+                        "class": "",
+                        "id": ""
+                    },
+                    "wpml_cf_preferences": 3,
+                    "uploader": "",
+                    "return_format": "id",
+                    "upload_folder": "",
+                    "acfe_thumbnail": 0,
+                    "min_width": "",
+                    "min_height": "",
+                    "min_size": "",
+                    "max_width": "",
+                    "max_height": "",
+                    "max_size": "",
+                    "mime_types": "",
+                    "preview_size": "medium",
+                    "library": "all"
+                },
+                {
+                    "key": "field_66b23431aeb2b",
+                    "label": "Imge Icon Size",
+                    "name": "imge_icon_size",
+                    "aria-label": "",
+                    "type": "range",
+                    "instructions": "",
+                    "required": 0,
+                    "conditional_logic": [
+                        [
+                            {
+                                "field": "field_66b233e0a94c2",
+                                "operator": "==",
+                                "value": "1"
+                            }
+                        ]
+                    ],
+                    "wrapper": {
+                        "width": "",
+                        "class": "",
+                        "id": ""
+                    },
+                    "wpml_cf_preferences": 3,
+                    "default_value": 20,
+                    "min": 10,
+                    "max": 100,
+                    "step": "",
+                    "prepend": "",
+                    "append": ""
+                },
+                {
+                    "key": "field_66b234605708d",
+                    "label": "Image Icon Rotation Deg",
+                    "name": "image_icon_rotation_deg",
+                    "aria-label": "",
+                    "type": "range",
+                    "instructions": "",
+                    "required": 0,
+                    "conditional_logic": [
+                        [
+                            {
+                                "field": "field_66b233e0a94c2",
+                                "operator": "==",
+                                "value": "1"
+                            }
+                        ]
+                    ],
+                    "wrapper": {
+                        "width": "",
+                        "class": "",
+                        "id": ""
+                    },
+                    "wpml_cf_preferences": 3,
+                    "default_value": 90,
+                    "min": -180,
+                    "max": 180,
+                    "step": "",
+                    "prepend": "",
+                    "append": ""
+                }
+            ]
+        },
+        {
+            "key": "field_66b0eafd0afe3",
+            "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_66b0ed540d9ab",
+                    "label": "Text Color",
+                    "name": "text_color",
+                    "aria-label": "",
+                    "type": "color_picker",
+                    "instructions": "",
+                    "required": 0,
+                    "conditional_logic": 0,
+                    "wrapper": {
+                        "width": "",
+                        "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_66b22cd7b9c2b",
+                    "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": ""
+                }
+            ]
+        }
+    ],
+    "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,
+    "acfe_autosync": [
+        "json"
+    ],
+    "acfml_field_group_mode": "localization",
+    "acfe_form": 0,
+    "acfe_display_title": "",
+    "acfe_meta": "",
+    "acfe_note": "",
+    "modified": 1746898653
+}

package/components/component-animations-style-v3/animations-style-v3.twig

@@ -0,0 +1,5 @@
+<style>
+{% if fields.animations.animation_name|ru == 'custom' %}
+	{{'@keyframes custom-' ~ suffix ~ ' ' ~ fields.animations.custom_animation|striptags()}}
+{% endif %}
+</style>

package/components/component-animations-v3/animations-v3.scss

@@ -0,0 +1,161 @@
+@use '../fields-core-functions-v3/core-functions-v3';
+@mixin animations() {
+	.cmpl-block-animations {
+		--slide-distance-default: 50;
+		@keyframes rotate {
+			from {
+				opacity: 1;
+				rotate: 0deg;
+			}
+			to {
+				opacity: 1;
+				rotate: 360deg;
+			}
+		}
+		@keyframes fade-in {
+			from {
+				opacity: 0;
+			}
+			100% {
+				opacity: 1;
+			}
+		}
+		@keyframes fade-in-left {
+			from {
+				transform: translateX(
+					calc(
+						core-functions-v3.fluidSize(
+							calc(
+								var(
+										--slide-distance,
+										var(--slide-distance-default)
+									) * -1
+							)
+						)
+					)
+				);
+				opacity: 0;
+			}
+			100% {
+				transform: translateX(0%);
+				opacity: 1;
+			}
+		}
+		@keyframes fade-in-right {
+			from {
+				transform: translateX(
+					calc(
+						core-functions-v3.fluidSize(
+							var(--slide-distance, var(--slide-distance-default))
+						)
+					)
+				);
+				opacity: 0;
+			}
+			100% {
+				transform: translateX(0%);
+				opacity: 1;
+			}
+		}
+		@keyframes fade-in-up {
+			from {
+				transform: translateY(
+					calc(
+						core-functions-v3.fluidSize(
+							var(--slide-distance, var(--slide-distance-default))
+						)
+					)
+				);
+				opacity: 0;
+			}
+			100% {
+				transform: translateY(0%);
+				opacity: 1;
+			}
+		}
+		@keyframes fade-in-down {
+			from {
+				transform: translateY(
+					calc(
+						core-functions-v3.fluidSize(
+							calc(
+								var(
+										--slide-distance,
+										var(--slide-distance-default)
+									) * -1
+							)
+						)
+					)
+				);
+				opacity: 0;
+			}
+			100% {
+				transform: translateY(0%);
+				opacity: 1;
+			}
+		}
+		@keyframes scale-in {
+			from {
+				opacity: 1;
+				scale: 0;
+			}
+			100% {
+				opacity: 1;
+				scale: 1;
+			}
+		}
+
+		@keyframes slide-reveal-right {
+			from {
+				clip-path: inset(0 100% 0 0);
+				opacity: 1;
+			}
+			100% {
+				clip-path: inset(0 0 0 0);
+				opacity: 1;
+			}
+		}
+
+		@keyframes slide-reveal-left {
+			from {
+				clip-path: inset(0 0 0 100%);
+				opacity: 1;
+			}
+			100% {
+				clip-path: inset(0 0 0 0);
+				opacity: 1;
+			}
+		}
+
+		@keyframes reveal-up {
+			from {
+				opacity: 1;
+				clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
+			}
+			100% {
+				opacity: 1;
+				clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
+			}
+		}
+		@keyframes reveal-up-and-slide {
+			from {
+				opacity: 1;
+				transition: -100%;
+				clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
+			}
+			100% {
+				opacity: 1;
+				transition: 0%;
+				clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
+			}
+		}
+
+		&.trigger-animation {
+			animation: var(--animation-name) var(--animation-duration)
+				var(--animation-delay) var(--animation-easing)
+				var(--animation-repeat) var(--animation-fill-mode)
+				var(--animation-direction);
+			animation-timeline: var(--animation-timeline);
+		}
+	}
+}