npm - @total_onion/onion-library - Versions diffs - 1.0.0 - Mend

@total_onion/onion-library 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (719) hide show

package/components/component-eager-loading/eager-loading.twig ADDED Viewed

@@ -0,0 +1,4 @@
+{% if fields.eager_loading %}
+	{% set eager = 'data-eager="true" ' %}
+	{{eager}}
+{% endif %}

package/components/component-eager-loading/group_654bee047f2f0.json ADDED Viewed

@@ -0,0 +1,55 @@
+{
+    "key": "group_654bee047f2f0",
+    "title": "Component: Eager loading - Library",
+    "fields": [
+        {
+            "key": "field_654bee06adf10",
+            "label": "Eager Loading",
+            "name": "eager_loading",
+            "aria-label": "",
+            "type": "true_false",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "50",
+                "class": "hidden",
+                "id": ""
+            },
+            "wpml_cf_preferences": 3,
+            "message": "",
+            "default_value": 0,
+            "ui_on_text": "",
+            "ui_off_text": "",
+            "ui": 1,
+            "style": ""
+        }
+    ],
+    "location": [
+        [
+            {
+                "param": "block",
+                "operator": "!=",
+                "value": "all"
+            }
+        ]
+    ],
+    "menu_order": 0,
+    "position": "normal",
+    "style": "default",
+    "label_placement": "top",
+    "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": 1746891332
+}

package/components/component-element-positioning/element-positioning.scss ADDED Viewed

@@ -0,0 +1,21 @@
+@use 'Assets/scss/theme/breakpoints';
+@use 'Assets/scss/modules/library-modules/core-mixins/core-mixins';
+@use 'Assets/scss/modules/library-modules/core-functions/core-functions';
+@mixin elementPositioning() {
+	position: var(--element-position, relative);
+	z-index: var(--element-z-index);
+	place-self: var(--mobile-vertical-placement)
+		var(--mobile-horizontal-placement);
+	translate: var(--element-horizontal-offset-mobile, 0)
+		var(--element-vertical-offset-mobile, 0);
+	rotate: var(--element-rotation-mobile, 0deg);
+	@include core-mixins.device(breakpoints.$tabLandscape) {
+		place-self: var(--desktop-vertical-placement)
+			var(--desktop-horizontal-placement);
+		translate: var(--element-horizontal-offset-desktop, 0)
+			var(--element-vertical-offset-desktop, 0);
+		rotate: var(--element-rotation-desktop, 0deg);
+	}
+}

package/components/component-element-positioning/element-positioning.twig ADDED Viewed

@@ -0,0 +1,34 @@
+{% set rotationDesktop = '--element-rotation-desktop: ' ~ fields.element_positioning.desktop_positioning.element_rotation_desktop|default(0) ~ 'deg;' %}
+{% set rotationMobile = '--element-rotation-mobile: ' ~ fields.element_positioning.mobile_positioning.element_rotation_mobile|default(rotationDesktop) ~ 'deg;' %}
+{% set zIndex = '--element-z-index: ' ~ fields.element_positioning.element_z_index ~ ';' %}
+{% set elementPosition = '--element-position: ' ~ fields.element_positioning.element_position|ru ~ ';' %}
+{% if fields.element_positioning.unit_type == '%' %}
+	{% set mobilePositioning = '--element-horizontal-offset-mobile: ' ~ fields.element_positioning.mobile_positioning.horizontal_offset ~ '%; --element-vertical-offset-mobile: ' ~ fields.element_positioning.mobile_positioning.vertical_offset ~ '%;' %}
+	{% set desktopPositioning = '--element-horizontal-offset-desktop: ' ~ fields.element_positioning.desktop_positioning.horizontal_offset ~ '%; --element-vertical-offset-desktop: ' ~ fields.element_positioning.desktop_positioning.vertical_offset ~ '%;' %}
+{% else %}
+	{% set mobilePositioning = '--element-horizontal-offset-mobile: calc(' ~ fields.element_positioning.mobile_positioning.horizontal_offset ~ '/ var(--mobile-design-reference) * var(--screen-width-mobile)); --element-vertical-offset-mobile: calc(' ~ fields.element_positioning.mobile_positioning.vertical_offset ~ '/ var(--mobile-design-reference) * var(--screen-width-mobile));' %}
+	{% set desktopPositioning = '--element-horizontal-offset-desktop: calc(' ~ fields.element_positioning.desktop_positioning.horizontal_offset ~ '/ var(--desktop-design-reference) * var(--screen-width-desktop)); --element-vertical-offset-desktop: calc(' ~ fields.element_positioning.desktop_positioning.vertical_offset ~ '/ var(--desktop-design-reference) * var(--screen-width-desktop));' %}
+{% endif %}
+{% set mobileSettings = fields.element_positioning.mobile_positioning %}
+{% set desktopSettings = fields.element_positioning.desktop_positioning %}
+{% if fields.element_positioning.use_desktop_positioning_for_mobile %}
+	{% set mobileSettings = fields.element_positioning.desktop_positioning %}
+{% endif %}
+{% set mobileHorizontalPlacement = '--mobile-horizontal-placement: ' ~  mobileSettings.horizontal_snap|ru ~ ';' %}
+{% set mobileVerticalPlacement = '--mobile-vertical-placement: ' ~  mobileSettings.vertical_snap|ru ~ ';' %}
+{% set desktopHorizontalPlacement = '--desktop-horizontal-placement: ' ~  desktopSettings.horizontal_snap|ru ~ ';' %}
+{% set desktopVerticalPlacement = '--desktop-vertical-placement: ' ~  desktopSettings.vertical_snap|ru ~ ';' %}
+{% set desktopWidth = 'calc(' ~ fields.element_positioning.desktop_element_image_width ~ '/ var(--desktop-design-reference) * var(--screen-width-desktop))' %}
+{% set mobileWidth = 'calc(' ~ fields.element_positioning.mobile_element_image_width ~ '/ var(--mobile-design-reference) * var(--screen-width-mobile))' %}
+{% set positioningVars = rotationDesktop ~ rotationMobile ~ opacity ~ borderRadius ~ zIndex ~ elementPosition ~ mobilePositioning ~ desktopPositioning ~ mobileHorizontalPlacement ~ mobileVerticalPlacement ~ desktopHorizontalPlacement ~ desktopVerticalPlacement ~ unitType %}
+{{positioningVars}}

package/components/component-element-positioning/group_65b0e17675b81.json ADDED Viewed

@@ -0,0 +1,471 @@
+{
+    "key": "group_65b0e17675b81",
+    "title": "Component: Element positioning",
+    "fields": [
+        {
+            "key": "field_65b1452c426ce",
+            "label": "Element positioning",
+            "name": "element_positioning",
+            "aria-label": "",
+            "type": "group",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "wpml_cf_preferences": 3,
+            "user_roles": [
+                "administrator"
+            ],
+            "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_65b0e23a18993",
+                    "label": "Stacking level (Z-index)",
+                    "name": "element_z_index",
+                    "aria-label": "",
+                    "type": "range",
+                    "instructions": "",
+                    "required": 0,
+                    "conditional_logic": 0,
+                    "wrapper": {
+                        "width": "",
+                        "class": "",
+                        "id": ""
+                    },
+                    "wpml_cf_preferences": 3,
+                    "user_roles": [
+                        "administrator"
+                    ],
+                    "default_value": 3,
+                    "min": -1,
+                    "max": 40,
+                    "step": "",
+                    "prepend": "",
+                    "append": ""
+                },
+                {
+                    "key": "field_65ddbe18288ac",
+                    "label": "Element position",
+                    "name": "element_position",
+                    "aria-label": "",
+                    "type": "radio",
+                    "instructions": "",
+                    "required": 0,
+                    "conditional_logic": 0,
+                    "wrapper": {
+                        "width": "",
+                        "class": "",
+                        "id": ""
+                    },
+                    "wpml_cf_preferences": 3,
+                    "choices": {
+                        "__relative": "Relative",
+                        "__absolute": "Absolute"
+                    },
+                    "default_value": "__relative",
+                    "return_format": "value",
+                    "allow_null": 0,
+                    "other_choice": 0,
+                    "layout": "horizontal",
+                    "save_other_choice": 0
+                },
+                {
+                    "key": "field_65d62467d08ce",
+                    "label": "Unit Type",
+                    "name": "unit_type",
+                    "aria-label": "",
+                    "type": "radio",
+                    "instructions": "",
+                    "required": 0,
+                    "conditional_logic": 0,
+                    "wrapper": {
+                        "width": "",
+                        "class": "",
+                        "id": ""
+                    },
+                    "wpml_cf_preferences": 3,
+                    "choices": {
+                        "px": "Pixel",
+                        "%": "Percent"
+                    },
+                    "default_value": "%",
+                    "return_format": "value",
+                    "allow_null": 0,
+                    "other_choice": 0,
+                    "layout": "vertical",
+                    "save_other_choice": 0
+                },
+                {
+                    "key": "field_65d79dcb9c452",
+                    "label": "Desktop",
+                    "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_65b0e2dd1aea6",
+                    "label": "Desktop positioning",
+                    "name": "desktop_positioning",
+                    "aria-label": "",
+                    "type": "group",
+                    "instructions": "",
+                    "required": 0,
+                    "conditional_logic": 0,
+                    "wrapper": {
+                        "width": "",
+                        "class": "",
+                        "id": ""
+                    },
+                    "wpml_cf_preferences": 3,
+                    "user_roles": [
+                        "administrator"
+                    ],
+                    "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_65b0e2dd1aea7",
+                            "label": "Vertical position",
+                            "name": "vertical_snap",
+                            "aria-label": "",
+                            "type": "radio",
+                            "instructions": "",
+                            "required": 0,
+                            "conditional_logic": 0,
+                            "wrapper": {
+                                "width": "",
+                                "class": "",
+                                "id": ""
+                            },
+                            "wpml_cf_preferences": 3,
+                            "choices": {
+                                "__flex-start": "Top",
+                                "__center": "Center",
+                                "__flex-end": "Bottom"
+                            },
+                            "default_value": "__center",
+                            "return_format": "value",
+                            "allow_null": 0,
+                            "other_choice": 0,
+                            "layout": "vertical",
+                            "save_other_choice": 0
+                        },
+                        {
+                            "key": "field_65b0e2dd1aea8",
+                            "label": "Horizontal position",
+                            "name": "horizontal_snap",
+                            "aria-label": "",
+                            "type": "radio",
+                            "instructions": "",
+                            "required": 0,
+                            "conditional_logic": 0,
+                            "wrapper": {
+                                "width": "",
+                                "class": "",
+                                "id": ""
+                            },
+                            "wpml_cf_preferences": 3,
+                            "choices": {
+                                "__flex-start": "Left",
+                                "__center": "Cntr",
+                                "__flex-end": "Right"
+                            },
+                            "default_value": "__center",
+                            "return_format": "value",
+                            "allow_null": 0,
+                            "other_choice": 0,
+                            "layout": "horizontal",
+                            "save_other_choice": 0
+                        },
+                        {
+                            "key": "field_65b0e2dd1aea9",
+                            "label": "Vertical offset",
+                            "name": "vertical_offset",
+                            "aria-label": "",
+                            "type": "range",
+                            "instructions": "Negative values move up and positive move down",
+                            "required": 0,
+                            "conditional_logic": 0,
+                            "wrapper": {
+                                "width": "",
+                                "class": "",
+                                "id": ""
+                            },
+                            "wpml_cf_preferences": 3,
+                            "default_value": "",
+                            "min": -400,
+                            "max": 400,
+                            "step": "",
+                            "prepend": "",
+                            "append": ""
+                        },
+                        {
+                            "key": "field_65b0e2dd1aeaa",
+                            "label": "Horizontal offset",
+                            "name": "horizontal_offset",
+                            "aria-label": "",
+                            "type": "range",
+                            "instructions": "Negative values move left and positive move right",
+                            "required": 0,
+                            "conditional_logic": 0,
+                            "wrapper": {
+                                "width": "",
+                                "class": "",
+                                "id": ""
+                            },
+                            "wpml_cf_preferences": 3,
+                            "default_value": "",
+                            "min": -400,
+                            "max": 400,
+                            "step": "",
+                            "prepend": "",
+                            "append": ""
+                        },
+                        {
+                            "key": "field_65b0e2dd1aeab",
+                            "label": "Element rotation Desktop",
+                            "name": "element_rotation_desktop",
+                            "aria-label": "",
+                            "type": "range",
+                            "instructions": "",
+                            "required": 0,
+                            "conditional_logic": 0,
+                            "wrapper": {
+                                "width": "",
+                                "class": "",
+                                "id": ""
+                            },
+                            "wpml_cf_preferences": 3,
+                            "default_value": 0,
+                            "min": -180,
+                            "max": 180,
+                            "step": "",
+                            "prepend": "",
+                            "append": ""
+                        }
+                    ]
+                },
+                {
+                    "key": "field_65d79e0c9c453",
+                    "label": "Mobile",
+                    "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_65b0e2ec1aeac",
+                    "label": "Mobile positioning",
+                    "name": "mobile_positioning",
+                    "aria-label": "",
+                    "type": "group",
+                    "instructions": "",
+                    "required": 0,
+                    "conditional_logic": 0,
+                    "wrapper": {
+                        "width": "",
+                        "class": "",
+                        "id": ""
+                    },
+                    "wpml_cf_preferences": 3,
+                    "user_roles": [
+                        "administrator"
+                    ],
+                    "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_65b0e2ec1aead",
+                            "label": "Vertical position",
+                            "name": "vertical_snap",
+                            "aria-label": "",
+                            "type": "radio",
+                            "instructions": "",
+                            "required": 0,
+                            "conditional_logic": 0,
+                            "wrapper": {
+                                "width": "",
+                                "class": "",
+                                "id": ""
+                            },
+                            "wpml_cf_preferences": 3,
+                            "choices": {
+                                "__flex-start": "Top",
+                                "__center": "Center",
+                                "__flex-end": "Bottom"
+                            },
+                            "default_value": "__center",
+                            "return_format": "value",
+                            "allow_null": 0,
+                            "other_choice": 0,
+                            "layout": "vertical",
+                            "save_other_choice": 0
+                        },
+                        {
+                            "key": "field_65b0e2ec1aeae",
+                            "label": "Horizontal position",
+                            "name": "horizontal_snap",
+                            "aria-label": "",
+                            "type": "radio",
+                            "instructions": "",
+                            "required": 0,
+                            "conditional_logic": 0,
+                            "wrapper": {
+                                "width": "",
+                                "class": "",
+                                "id": ""
+                            },
+                            "wpml_cf_preferences": 3,
+                            "choices": {
+                                "__flex-start": "Left",
+                                "__center": "Cntr",
+                                "__flex-end": "Right"
+                            },
+                            "default_value": "__center",
+                            "return_format": "value",
+                            "allow_null": 0,
+                            "other_choice": 0,
+                            "layout": "horizontal",
+                            "save_other_choice": 0
+                        },
+                        {
+                            "key": "field_65b0e2ec1aeaf",
+                            "label": "Vertical offset",
+                            "name": "vertical_offset",
+                            "aria-label": "",
+                            "type": "range",
+                            "instructions": "Negative values move up and positive move down",
+                            "required": 0,
+                            "conditional_logic": 0,
+                            "wrapper": {
+                                "width": "",
+                                "class": "",
+                                "id": ""
+                            },
+                            "wpml_cf_preferences": 3,
+                            "default_value": "",
+                            "min": -400,
+                            "max": 400,
+                            "step": "",
+                            "prepend": "",
+                            "append": ""
+                        },
+                        {
+                            "key": "field_65b0e2ec1aeb0",
+                            "label": "Horizontal offset",
+                            "name": "horizontal_offset",
+                            "aria-label": "",
+                            "type": "range",
+                            "instructions": "Negative values move left and positive move right",
+                            "required": 0,
+                            "conditional_logic": 0,
+                            "wrapper": {
+                                "width": "",
+                                "class": "",
+                                "id": ""
+                            },
+                            "wpml_cf_preferences": 3,
+                            "default_value": "",
+                            "min": -400,
+                            "max": 400,
+                            "step": "",
+                            "prepend": "",
+                            "append": ""
+                        },
+                        {
+                            "key": "field_65b0e2ec1aeb1",
+                            "label": "Element rotation Mobile",
+                            "name": "element_rotation_mobile",
+                            "aria-label": "",
+                            "type": "range",
+                            "instructions": "",
+                            "required": 0,
+                            "conditional_logic": 0,
+                            "wrapper": {
+                                "width": "",
+                                "class": "",
+                                "id": ""
+                            },
+                            "wpml_cf_preferences": 3,
+                            "default_value": 0,
+                            "min": -180,
+                            "max": 180,
+                            "step": "",
+                            "prepend": "",
+                            "append": ""
+                        }
+                    ]
+                }
+            ]
+        }
+    ],
+    "location": [
+        [
+            {
+                "param": "post_type",
+                "operator": "==",
+                "value": "post"
+            }
+        ]
+    ],
+    "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": 1746891333
+}

package/components/component-form-selection/form-selection-extra.scss ADDED Viewed

@@ -0,0 +1,6 @@
+@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';
+@mixin additionalStyles {
+}

package/components/component-form-selection/form-selection.js ADDED Viewed

@@ -0,0 +1,18 @@
+export default function formSelection(block) {
+	const formContainer = block.querySelector('.form-container__modal');
+	const openModal = block.querySelector('.form-container__modal-open');
+	const closeModal = block.querySelector('.form-container__modal-close');
+	if (formContainer) {
+		openModal.addEventListener('click', function (e) {
+			document.body.appendChild(formContainer);
+			e.preventDefault();
+			formContainer.style.display = 'block';
+		});
+		closeModal.addEventListener('click', function (e) {
+			e.preventDefault();
+			formContainer.style.display = 'none';
+		});
+	} else {
+		return;
+	}
+}

package/components/component-form-selection/form-selection.scss ADDED Viewed

@@ -0,0 +1,41 @@
+@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 './form-selection-extra';
+@use 'Assets/scss/theme/buttons';
+.form-container {
+	&__modal {
+		display: none;
+		position: fixed;
+		width: 100vw;
+		z-index: 9998;
+		background-color: rgba(0, 0, 0, 0.4);
+		height: 100vh;
+	}
+	&__modal-inner {
+		overflow-y: scroll;
+		width: 100vw;
+		z-index: 9999;
+		height: 100%;
+	}
+	&__modal-close {
+		@include buttons.closeButton();
+		position: absolute;
+		top: core-functions.fluidSize(0, 'mobile');
+		@include core-mixins.device(breakpoints.$tabPortrait) {
+			top: core-functions.fluidSize(20, 'portrait');
+		}
+		@include core-mixins.device(breakpoints.$tabLandscape) {
+			top: core-functions.fluidSize(20, 'desktop');
+		}
+		right: core-functions.fluidSize(0, 'mobile');
+		@include core-mixins.device(breakpoints.$tabPortrait) {
+			right: core-functions.fluidSize(20, 'portrait');
+		}
+		@include core-mixins.device(breakpoints.$tabLandscape) {
+			right: core-functions.fluidSize(20, 'desktop');
+		}
+	}
+	@include form-selection-extra.additionalStyles();
+}