@total_onion/onion-library 1.0.0

package/components/component-blockquote/blockquote.scss

@@ -0,0 +1,64 @@
+// LIBRARY FILE - Do not modify/override here as your changes will be lost when the package is updated.
+@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 blockquote() {
+	&__blockquote {
+		display: flex;
+		flex-direction: column;
+		font-weight: unset;
+		gap: core-functions.fluidSize(20, 'static');
+
+		&::before {
+			content: unset;
+		}
+		&::after {
+			content: unset;
+		}
+
+		&-quote-text {
+			font-weight: var(--default-font-weight-mobile);
+			text-transform: var(--default-text-transform-mobile);
+			text-align: var(--default-text-align-mobile);
+			color: var(--default-text-colour-mobile);
+			-webkit-text-stroke: core-functions.fontSize(
+					var(--text-stroke-width),
+					'static'
+				)
+				var(--text-stroke-colour);
+
+			@include core-mixins.device(breakpoints.$tabLandscape) {
+				font-weight: var(--default-font-weight-desktop);
+				text-transform: var(--default-text-transform-desktop);
+				text-align: var(--default-text-align-desktop);
+				color: var(--default-text-colour-desktop);
+			}
+
+			&:before {
+				position: absolute;
+				left: -0.6em;
+				font-size: var(--quotes-size);
+			}
+
+			&:after {
+				content: var(--hide-close-quote);
+				position: absolute;
+				bottom: calc(var(--quotes-size) * -0.04);
+				font-size: var(--quotes-size);
+			}
+		}
+	}
+	footer {
+		align-self: var(--footer-align);
+		color: var(--default-text-colour-mobile);
+
+		@include core-mixins.device(breakpoints.$tabLandscape) {
+			color: var(--default-text-colour-desktop);
+		}
+	}
+
+	.standard-content-v2__text-shadow {
+		@include core-mixins.textShadow();
+	}
+}

package/components/component-blockquote/blockquote.twig

@@ -0,0 +1,55 @@
+{# Do not edit this file outside of the component library as your changes will be lost with future updates. #}
+{% set quotesSize = '--quotes-size: ' ~ fields.quotes_size ~ 'em' ~ ';' %}
+{% set footerAlign = '--footer-align: ' ~ fields.footer_align|ru ~ ';' %}
+{% set hideCloseQuote = '--hide-close-quote: ' ~ (fields.hide_close_quote ? 'unset' : 'close-quote') ~ ';' %}
+
+{% if fields.desktop_default_text_colour %}
+	{% set defaultTextColourDesktop = '--default-text-colour-desktop: ' ~ fields.desktop_default_text_colour|ru ~ ';' %}
+{% endif %}
+{% if fields.mobile_default_text_colour %}
+	{% set defaultTextColourMobile = '--default-text-colour-mobile: ' ~ fields.mobile_default_text_colour|ru ~ ';' %}
+{% endif %}
+
+{% if fields.mobile_default_text_align %}
+	{% set defaultTextAlignMobile = '--default-text-align-mobile: ' ~  fields.mobile_default_text_align|ru ~ ';' %}
+{% endif %}
+{% if fields.desktop_default_text_align %}
+	{% set defaultTextAlignDesktop = '--default-text-align-desktop: ' ~  fields.desktop_default_text_align|ru ~ ';' %}
+{% endif %}
+
+{% if fields.mobile_default_text_transform %}
+	{% set defaultTextTransformMobile = '--default-text-transform-mobile: ' ~  fields.mobile_default_text_transform|ru ~ ';' %}
+{% endif %}
+{% if fields.desktop_default_text_transform %}
+	{% set defaultTextTransformDesktop = '--default-text-transform-desktop: ' ~  fields.desktop_default_text_transform|ru ~ ';' %}
+{% endif %}
+
+{% if fields.mobile_default_font_weight %}
+	{% set defaultFontWeightMobile = '--default-font-weight-mobile: ' ~  fields.mobile_default_font_weight|ru ~ ';' %}
+{% endif %}
+{% if fields.desktop_default_font_weight %}
+	{% set defaultFontWeightDesktop = '--default-font-weight-desktop: ' ~  fields.desktop_default_font_weight|ru ~ ';' %}
+{% endif %}
+
+{% if fields.enable_text_outline %}
+	{% set textStrokeWidth = '--text-stroke-width: ' ~ fields.text_outline_width ~ ';' %}
+	{% set textStrokeColour = '--text-stroke-colour: ' ~ fields.text_outline_colour ~ ';' %}
+{% endif %}
+
+{% if fields.enable_text_shadow %}
+	{% set textShadowClass = blockClassName|default('default-class') ~ "__text-shadow" %}
+	{% set textShadowStyle = "--text-shadow-offset-x: " ~ (fields.text_shadow_horizontal_offset|default(0)) ~ "; --text-shadow-offset-y: " ~ (fields.text_shadow_vertical_offset|default(0)) ~ "; --text-shadow-blur: " ~ (fields.text_shadow_blur|default(0)) ~ "; --text-shadow-colour: " ~ (fields.text_shadow_colour|default("#000000")) ~ ";" %}
+{% endif %}
+
+{% if fields.enable_wysiwyg_decoration %}
+	{% set wysiwygDecorationStyle = blockClassName|default('default-class') ~ fields.wysiwyg_decoration_style %}
+{% endif %}
+
+{% set sectionStyles = quotesSize ~ footerAlign ~ textStrokeWidth ~ textStrokeColour ~ textShadowStyle ~ defaultFontWeightMobile ~ defaultFontWeightDesktop ~ defaultTextTransformMobile ~ defaultTextTransformDesktop ~ defaultTextAlignMobile ~ defaultTextAlignDesktop ~ defaultTextColourDesktop ~ defaultTextColourMobile ~  hideCloseQuote%}
+
+<blockquote class="{{ blockClassName|default('blockquote') }}__blockquote {{wysiwygDecorationStyle}}" style="{{sectionStyles}}">
+	<q class="{{blockClassName}}__blockquote-quote-text{{textShadowClass}} {{ fields.typographic_style | ru }}">{{fields.quote_text|striptags('<strong>, <em>, <br>')}}</q>
+	{% if fields.enable_quote_footer %}
+		<footer>{{fields.quote_footer_text}}</footer>
+	{% endif %}
+</blockquote>

package/components/component-blockquote/group_659d2bbc948e1.json

@@ -0,0 +1,280 @@
+{
+    "key": "group_659d2bbc948e1",
+    "title": "Component: Blockquote",
+    "fields": [
+        {
+            "key": "field_659d2bbc7dcbc",
+            "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_659d873b1b846",
+            "label": "Text Editor Fields",
+            "name": "text_editor_fields",
+            "aria-label": "",
+            "type": "clone",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "wpml_cf_preferences": 3,
+            "user_roles": [
+                "all"
+            ],
+            "clone": [
+                "group_657305390de77"
+            ],
+            "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_659d330bdd8c8",
+            "label": "Quote text",
+            "name": "quote_text",
+            "aria-label": "",
+            "type": "wysiwyg",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "wpml_cf_preferences": 2,
+            "user_roles": [
+                "all"
+            ],
+            "default_value": "",
+            "tabs": "visual",
+            "toolbar": "bold_italic_underline_link",
+            "media_upload": 0,
+            "delay": 0,
+            "acfe_wysiwyg_auto_init": 0,
+            "acfe_wysiwyg_height": 300,
+            "acfe_wysiwyg_min_height": 300,
+            "acfe_wysiwyg_max_height": "",
+            "acfe_wysiwyg_valid_elements": "",
+            "acfe_wysiwyg_custom_style": "",
+            "acfe_wysiwyg_disable_wp_style": 0,
+            "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,
+            "acfe_wysiwyg_toolbar_buttons": []
+        },
+        {
+            "key": "field_659d759a01e21",
+            "label": "Enable Quote Footer",
+            "name": "enable_quote_footer",
+            "aria-label": "",
+            "type": "true_false",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "wpml_cf_preferences": 3,
+            "user_roles": [
+                "all"
+            ],
+            "message": "",
+            "default_value": 0,
+            "ui_on_text": "",
+            "ui_off_text": "",
+            "ui": 1,
+            "style": ""
+        },
+        {
+            "key": "field_659d75ce33b86",
+            "label": "Quote Footer Text",
+            "name": "quote_footer_text",
+            "aria-label": "",
+            "type": "text",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": [
+                [
+                    {
+                        "field": "field_659d759a01e21",
+                        "operator": "==",
+                        "value": "1"
+                    }
+                ]
+            ],
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "wpml_cf_preferences": 2,
+            "user_roles": [
+                "all"
+            ],
+            "default_value": "",
+            "maxlength": "",
+            "placeholder": "",
+            "prepend": "",
+            "append": ""
+        },
+        {
+            "key": "field_659d76f62f408",
+            "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_659d7b90d9b99",
+            "label": "Quotes Size",
+            "name": "quotes_size",
+            "aria-label": "",
+            "type": "range",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "wpml_cf_preferences": 3,
+            "user_roles": [
+                "all"
+            ],
+            "default_value": 1,
+            "min": 0,
+            "max": 5,
+            "step": "",
+            "prepend": "",
+            "append": ""
+        },
+        {
+            "key": "field_659d7ec206364",
+            "label": "Footer Align",
+            "name": "footer_align",
+            "aria-label": "",
+            "type": "radio",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "wpml_cf_preferences": 3,
+            "user_roles": [
+                "all"
+            ],
+            "choices": {
+                "__flex-start": "Start",
+                "__center": "Center",
+                "__flex-end": "End"
+            },
+            "default_value": "__flex-start",
+            "return_format": "value",
+            "allow_null": 0,
+            "other_choice": 0,
+            "layout": "horizontal",
+            "save_other_choice": 0
+        },
+        {
+            "key": "field_65a7cf0f0308f",
+            "label": "Hide Close Quote",
+            "name": "hide_close_quote",
+            "aria-label": "",
+            "type": "true_false",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "wpml_cf_preferences": 3,
+            "user_roles": [
+                "all"
+            ],
+            "message": "",
+            "default_value": 0,
+            "ui_on_text": "",
+            "ui_off_text": "",
+            "ui": 1,
+            "style": ""
+        }
+    ],
+    "location": [
+        [
+            {
+                "param": "post_type",
+                "operator": "==",
+                "value": "post"
+            }
+        ]
+    ],
+    "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": 1746891271
+}

package/components/component-box-shadow/box-shadow.scss

@@ -0,0 +1,9 @@
+@use 'Assets/scss/modules/library-modules/core-functions/core-functions';
+
+@mixin boxShadow() {
+	box-shadow: core-functions.fluidSize(var(--box-shadow-offset-x), 'static')
+		core-functions.fluidSize(var(--box-shadow-offset-y), 'static')
+		core-functions.fluidSize(var(--box-shadow-blur), 'static')
+		core-functions.fluidSize(var(--box-shadow-spread), 'static')
+		var(--box-shadow-colour);
+}

package/components/component-box-shadow/box-shadow.twig

@@ -0,0 +1,7 @@
+{% set boxShadowStyle = "--box-shadow-offset-x:" ~ 0 ~ "; --box-shadow-offset-y: " ~ 0 ~ "; --box-shadow-blur: " ~ 0 ~ ";" ~ "--box-shadow-spread: " ~ 0 ~ ";" ~ "--box-shadow-colour: " ~ unset ~ ";" %}
+
+{% if fields.enable_box_shadow %}
+	{% set boxShadowStyle = "--box-shadow-offset-x:" ~ (fields.box_shadow_horizontal_offset|default(0)) ~ "; --box-shadow-offset-y: " ~ (fields.box_shadow_vertical_offset|default(0)) ~ "; --box-shadow-blur: " ~ (fields.box_shadow_blur|default(0)) ~ ";" ~ "--box-shadow-spread: " ~ (fields.box_shadow_spread|default(0)) ~ ";" ~ "--box-shadow-colour: " ~ (fields.box_shadow_colour|default("#000000")) ~ ";" %}
+{% endif %}
+
+{{boxShadowStyle}}

package/components/component-box-shadow/group_666ed2bece4c3.json

@@ -0,0 +1,210 @@
+{
+    "key": "group_666ed2bece4c3",
+    "title": "Component: Box Shadow",
+    "fields": [
+        {
+            "key": "field_666ed40a0b8e0",
+            "label": "Enable Box Shadow",
+            "name": "enable_box_shadow",
+            "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_666ed440db98e",
+            "label": "Box shadow colour",
+            "name": "box_shadow_colour",
+            "aria-label": "",
+            "type": "color_picker",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": [
+                [
+                    {
+                        "field": "field_666ed40a0b8e0",
+                        "operator": "==",
+                        "value": "1"
+                    }
+                ]
+            ],
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "wpml_cf_preferences": 3,
+            "default_value": "rgba(255,255,255,0.5)",
+            "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_666ed48859b8e",
+            "label": "Box shadow blur",
+            "name": "box_shadow_blur",
+            "aria-label": "",
+            "type": "range",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": [
+                [
+                    {
+                        "field": "field_666ed40a0b8e0",
+                        "operator": "==",
+                        "value": "1"
+                    }
+                ]
+            ],
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "wpml_cf_preferences": 3,
+            "default_value": "",
+            "min": "",
+            "max": 20,
+            "step": "",
+            "prepend": "",
+            "append": ""
+        },
+        {
+            "key": "field_666ed4bee4bdf",
+            "label": "Box shadow horizontal offset",
+            "name": "box_shadow_horizontal_offset",
+            "aria-label": "",
+            "type": "range",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": [
+                [
+                    {
+                        "field": "field_666ed40a0b8e0",
+                        "operator": "==",
+                        "value": "1"
+                    }
+                ]
+            ],
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "wpml_cf_preferences": 3,
+            "default_value": "",
+            "min": -40,
+            "max": 40,
+            "step": "",
+            "prepend": "",
+            "append": ""
+        },
+        {
+            "key": "field_666ed4d9e4be0",
+            "label": "Box shadow vertical offset",
+            "name": "box_shadow_vertical_offset",
+            "aria-label": "",
+            "type": "range",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": [
+                [
+                    {
+                        "field": "field_666ed40a0b8e0",
+                        "operator": "==",
+                        "value": "1"
+                    }
+                ]
+            ],
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "wpml_cf_preferences": 3,
+            "default_value": "",
+            "min": -40,
+            "max": 40,
+            "step": "",
+            "prepend": "",
+            "append": ""
+        },
+        {
+            "key": "field_666ed5010dc81",
+            "label": "Box shadow spread",
+            "name": "box_shadow_spread",
+            "aria-label": "",
+            "type": "range",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": [
+                [
+                    {
+                        "field": "field_666ed40a0b8e0",
+                        "operator": "==",
+                        "value": "1"
+                    }
+                ]
+            ],
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "wpml_cf_preferences": 3,
+            "default_value": "",
+            "min": -20,
+            "max": 20,
+            "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": 1746898678
+}

package/components/component-buy-now-button/buy-now-button.js

@@ -0,0 +1,15 @@
+// import ctbJs from 'Assets/js/modules/ctb-menu-click-handler.js';
+
+export default function buyNowButtonJs(block) {
+    if (!block) {
+        return;
+    }
+    const buyNowButton = block.querySelector(
+        `.${block.dataset.assetkey}__buy-now-button`
+        );
+    if (!buyNowButton) {
+        return;
+    }
+    // ctbJs(block); 
+    // console.log("🚀 ~ file: buy-now-button.js:5 ~ buyNowButtonJs ~ buyNowButton:", buyNowButton);
+}