@total_onion/onion-library 3.2.0 → 3.2.2

package/components/block-single-responsive-image-v3/single-responsive-image-v3.twig

@@ -0,0 +1,24 @@
+{% set blockClassName = "single-responsive-image-v3" %}
+{% set classNameEntryPoint = include('entry-points/entry-point-classes.twig', { fields, block }, 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 sectionStyles =  styleEntryPoint %}
+{{previewEntryPoint}}
+<style>
+	.{{blockClassName}}.{{block.id}}{
+		{{sectionStyles}}
+	}
+</style>
+<section
+	{{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{fields.section_class}} {{classNameEntryPoint}} lazy-fade {{block.id}}" data-jsload="false" {{dataAttributeEntryPoint}} data-blockid="{{block.id}}" data-assetkey="{{blockClassName}}">
+
+	<!--pattern-replace-start:component/responsive-image -->
+	{{ include('components/responsive-image-v3.twig', { fields, block, blockClassName }, with_context = false) }}
+	<!--pattern-replace-end:component/responsive-image -->
+
+	{% if fields.animations.enable_animations %}
+		{{ include('components/animations-style-v3.twig', { fields, block, blockClassName }, with_context = false) }}
+	{% endif %}
+
+</section>

package/components/block-site-copyright-notice-v3/group_66296c3716b4f.json

@@ -0,0 +1,304 @@
+{
+	"key": "group_66296c3716b4f",
+	"title": "Block: Site Copyright Notice v3",
+	"fields": [
+		{
+			"key": "field_6721ff9f2e67a",
+			"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_6932f4997ae04",
+			"label": "Site copyright notice colour",
+			"name": "site_copyright_notice_colour",
+			"aria-label": "",
+			"type": "select",
+			"instructions": "",
+			"required": 0,
+			"conditional_logic": 0,
+			"wrapper": {
+				"width": "",
+				"class": "",
+				"id": ""
+			},
+			"choices": {
+				"var(--theme-primary-text-colour)": "Primary",
+				"var(--theme-secondary-text-colour)": "Secondary"
+			},
+			"default_value": "var(--theme-primary-text-colour)",
+			"return_format": "value",
+			"multiple": 0,
+			"max": "",
+			"allow_custom": 0,
+			"placeholder": "",
+			"search_placeholder": "",
+			"prepend": "",
+			"append": "",
+			"allow_null": 0,
+			"allow_in_bindings": 0,
+			"ui": 0,
+			"ajax": 0,
+			"create_options": 0,
+			"save_options": 0,
+			"min": ""
+		},
+		{
+			"key": "field_66296c3740e28",
+			"label": "Enable Site Copyright notice",
+			"name": "enable_site_copyright_notice",
+			"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_66296c8ff3719",
+			"label": "Site Copyright font size desktop",
+			"name": "site_copyright_font_size_desktop",
+			"aria-label": "",
+			"type": "range",
+			"instructions": "",
+			"required": 0,
+			"conditional_logic": 0,
+			"wrapper": {
+				"width": "",
+				"class": "",
+				"id": ""
+			},
+			"wpml_cf_preferences": 3,
+			"default_value": 20,
+			"min": "",
+			"max": "",
+			"step": "",
+			"prepend": "",
+			"append": ""
+		},
+		{
+			"key": "field_66296ca5f371a",
+			"label": "Site Copyright font size portrait",
+			"name": "site_copyright_font_size_portrait",
+			"aria-label": "",
+			"type": "range",
+			"instructions": "",
+			"required": 0,
+			"conditional_logic": 0,
+			"wrapper": {
+				"width": "",
+				"class": "",
+				"id": ""
+			},
+			"wpml_cf_preferences": 3,
+			"default_value": 20,
+			"min": "",
+			"max": "",
+			"step": "",
+			"prepend": "",
+			"append": ""
+		},
+		{
+			"key": "field_66296cabf371b",
+			"label": "Site Copyright font size mobile",
+			"name": "site_copyright_font_size_mobile",
+			"aria-label": "",
+			"type": "range",
+			"instructions": "",
+			"required": 0,
+			"conditional_logic": 0,
+			"wrapper": {
+				"width": "",
+				"class": "",
+				"id": ""
+			},
+			"wpml_cf_preferences": 3,
+			"default_value": 20,
+			"min": "",
+			"max": "",
+			"step": "",
+			"prepend": "",
+			"append": ""
+		},
+		{
+			"key": "field_6721ff0d58df4",
+			"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_6721ff1e58df5",
+			"label": "block padding fields",
+			"name": "block_padding_fields",
+			"aria-label": "",
+			"type": "clone",
+			"instructions": "",
+			"required": 0,
+			"conditional_logic": 0,
+			"wrapper": {
+				"width": "",
+				"class": "",
+				"id": ""
+			},
+			"clone": ["group_689f66f3e26df"],
+			"display": "seamless",
+			"layout": "block",
+			"prefix_label": 0,
+			"prefix_name": 0,
+			"acfe_seamless_style": 0,
+			"acfe_clone_modal": 0,
+			"acfe_clone_modal_close": 0,
+			"acfe_clone_modal_button": "",
+			"acfe_clone_modal_size": "large"
+		},
+		{
+			"key": "field_6721ffc454f27",
+			"label": "Block 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_672200439f45c",
+			"label": "Block",
+			"name": "",
+			"aria-label": "",
+			"type": "accordion",
+			"instructions": "",
+			"required": 0,
+			"conditional_logic": 0,
+			"wrapper": {
+				"width": "",
+				"class": "",
+				"id": ""
+			},
+			"wpml_cf_preferences": 3,
+			"user_roles": ["all"],
+			"open": 0,
+			"multi_expand": 0,
+			"endpoint": 0
+		},
+		{
+			"key": "field_6721ffda54f28",
+			"label": "block settings fields",
+			"name": "block_settings_fields",
+			"aria-label": "",
+			"type": "clone",
+			"instructions": "",
+			"required": 0,
+			"conditional_logic": 0,
+			"wrapper": {
+				"width": "",
+				"class": "",
+				"id": ""
+			},
+			"clone": ["group_689f649af2ac4"],
+			"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_6722004e9f45d",
+			"label": "accordion end",
+			"name": "",
+			"aria-label": "",
+			"type": "accordion",
+			"instructions": "",
+			"required": 0,
+			"conditional_logic": 0,
+			"wrapper": {
+				"width": "",
+				"class": "",
+				"id": ""
+			},
+			"wpml_cf_preferences": 3,
+			"user_roles": ["all"],
+			"open": 0,
+			"multi_expand": 0,
+			"endpoint": 1
+		}
+	],
+	"location": [
+		[
+			{
+				"param": "block",
+				"operator": "==",
+				"value": "all"
+			}
+		]
+	],
+	"menu_order": 0,
+	"position": "normal",
+	"style": "default",
+	"label_placement": "left",
+	"instruction_placement": "label",
+	"hide_on_screen": "",
+	"active": false,
+	"description": "",
+	"show_in_rest": 0,
+	"display_title": "",
+	"acfe_autosync": ["json"],
+	"acfe_form": 0,
+	"acfe_display_title": "",
+	"acfe_meta": "",
+	"acfe_note": "",
+	"modified": 1764947168
+}

package/components/block-site-copyright-notice-v3/index.html

@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<title>Site Copyright Notice</title>
+		<link rel="stylesheet" href="../../public/publicBundleBase.css" />
+	</head>
+
+	<body>
+		<site-copyright-notice-v3
+			id=""
+			class="site-copyright-notice-v3 cmpl-block-settings cmpl-block-padding"
+			data-scopeid=""
+			data-sectionclass=""
+			data-copyright-text="@Total Onion"
+			data-cssload="true"
+			data-eager="false"
+			data-assetkey="site-copyright-notice-v3"
+		>
+		</site-copyright-notice-v3>
+	</body>
+
+	<script type="module">
+		import lazyloader from "../../onion-loader-local.js";
+		lazyloader.options.debugLogMessages = false;
+		lazyloader.lazyloaderInit();
+	</script>
+
+	<template id="site-copyright-notice-v3">
+		<div class="site-copyright-notice-v3__title"></div>
+	</template>
+</html>

package/components/block-site-copyright-notice-v3/site-copyright-notice-v3.js

@@ -0,0 +1,58 @@
+export default function sitecopyrightnoticev3Js(options = {}) {
+	try {
+		customElements.define(
+			'site-copyright-notice-v3',
+			class extends HTMLElement {
+				static observedAttributes = ['data-copyright-text'];
+				constructor() {
+					super();
+					let template = document.querySelector(
+						'#site-copyright-notice-v3'
+					);
+					let templateContent = template.content;
+
+					// const shadowRoot = this.attachShadow({mode: 'open'});
+					// shadowRoot.appendChild(
+					// 	document.importNode(templateContent, true)
+					// );
+					// shadowRoot.querySelector(
+					// 	'.site-copyright-notice-v3__title'
+					// ).innerText = this.dataset.copyrightText;
+
+					this.appendChild(
+						document.importNode(templateContent, true)
+					);
+
+					this.classList.add('loaded');
+				}
+				connectedCallback() {
+					console.log('Custom element added to page.');
+					this.querySelector(
+						'.site-copyright-notice-v3__title'
+					).innerText = this.dataset.copyrightText;
+				}
+
+				// disconnectedCallback() {
+				// 	console.log('Custom element removed from page.');
+				// }
+
+				// connectedMoveCallback() {
+				// 	console.log('Custom element moved with moveBefore()');
+				// }
+
+				// adoptedCallback() {
+				// 	console.log('Custom element moved to new page.');
+				// }
+
+				attributeChangedCallback(name, oldValue, newValue) {
+					console.log(`Attribute ${name} has changed.`);
+					this.querySelector(
+						'.site-copyright-notice-v3__title'
+					).innerText = this.dataset.copyrightText;
+				}
+			}
+		);
+	} catch (error) {
+		console.error(error);
+	}
+}

package/components/block-site-copyright-notice-v3/site-copyright-notice-v3.scss

@@ -0,0 +1,21 @@
+@use '../fields-core-mixins-v3/core-mixins-v3';
+@use '../fields-core-functions-v3/core-functions-v3';
+@use '../../breakpoints';
+@layer base-styles {
+	.site-copyright-notice-v3 {
+		color: var(--site-copyright-notice-colour, black);
+		font-size: core-functions-v3.fontSize(
+			var(--site-copyright-font-size-mobile, 14px)
+		);
+		@include core-mixins-v3.device(breakpoints.$tabPortrait) {
+			font-size: core-functions-v3.fontSize(
+				var(--site-copyright-font-size-portrait, 16px)
+			);
+		}
+		@include core-mixins-v3.device(breakpoints.$tabLandscape) {
+			font-size: core-functions-v3.fontSize(
+				var(--site-copyright-font-size-desktop, 18px)
+			);
+		}
+	}
+}

package/components/block-site-copyright-notice-v3/site-copyright-notice-v3.twig

@@ -0,0 +1,30 @@
+{% set blockClassName = "site-copyright-notice-v3" %}
+{% set classNameEntryPoint = include('entry-points/entry-point-classes.twig', { fields: fields, block: block }, with_context = false) %}
+{% set htmlEntryPoint = include('entry-points/entry-point-html-v3.twig', { fields, block, blockClassName, options, environment, is_preview, nav_menus }, with_context = false) %}
+{% set dataAttributeEntryPoint = include('entry-points/entry-point-data-attribute.twig', { fields: fields, block: block }, with_context = false) %}
+{% set styleEntryPoint = include('entry-points/entry-point-style-v3.twig', { fields: fields, block: block, is_preview }, with_context = false) %}
+
+{% set siteCopyrightColour = '--site-copyright-notice-colour: ' ~ fields.site_copyright_notice_colour ~ ';' %}
+{% set siteCopyrightFontSizeDesktop = '--site-copyright-font-size-desktop: ' ~ fields.site_copyright_font_size_desktop ~ ';' %}
+{% set siteCopyrightFontSizePortrait = '--site-copyright-font-size-portrait: ' ~ fields.site_copyright_font_size_portrait ~ ';'%}
+{% set siteCopyrightFontSizeMobile = '--site-copyright-font-size-mobile: ' ~ fields.site_copyright_font_size_mobile ~ ';' %}
+
+{% set sectionStyles =  styleEntryPoint ~ siteCopyrightColour ~ siteCopyrightFontSizeDesktop ~ siteCopyrightFontSizePortrait ~ siteCopyrightFontSizeMobile %}
+
+<style>
+	.site-copyright-notice-v3.{{block.id}}{
+		{{sectionStyles}}
+	}
+</style>
+<section {{block.anchor ? "id=" ~ block.anchor : ''}} class="site-copyright-notice-v3 {{fields.section_class}} {{classNameEntryPoint}} {{block.id}} lazy-fade" {{dataAttributeEntryPoint}} data-jsload="false" data-blockid="{{block.id}}" data-pattern-site-copyright-notice data-assetkey="site-copyright-notice-v3">
+
+	{% if fields.enable_site_copyright_notice %}
+		<div
+			class="site-copyright-notice-v3__title">
+			<!-- site-copyright-notice -->
+			{{options.site_copyright_notice_v3|default('@Total Onion')}}
+			<!-- end-site-copyright-notice -->
+		</div>
+	{% endif %}
+
+</section>

package/components/block-site-logo-container-v3/group_687e3b887b508.json

@@ -0,0 +1,175 @@
+{
+	"key": "group_687e3b887b508",
+	"title": "Block: Site Logo Container v3",
+	"fields": [
+		{
+			"key": "field_687e3b8887bef",
+			"label": "Logo",
+			"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_687e3b8887ff1",
+			"label": "Logo type",
+			"name": "logo_type",
+			"aria-label": "",
+			"type": "select",
+			"instructions": "",
+			"required": 0,
+			"conditional_logic": 0,
+			"wrapper": {
+				"width": "",
+				"class": "",
+				"id": ""
+			},
+			"wpml_cf_preferences": 3,
+			"choices": {
+				"site-logo": "Site Logo",
+				"site-logo-alt": "Site Logo Alt",
+				"site-logo-footer": "Site  Logo Footer"
+			},
+			"default_value": "site-logo",
+			"return_format": "value",
+			"multiple": 0,
+			"max": "",
+			"prepend": "",
+			"append": "",
+			"allow_null": 0,
+			"ui": 0,
+			"ajax": 0,
+			"placeholder": "",
+			"allow_custom": 0,
+			"search_placeholder": "",
+			"min": "",
+			"create_options": 0,
+			"save_options": 0
+		},
+		{
+			"key": "field_687e3b88883d0",
+			"label": "Max Width",
+			"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_687e3b88887bb",
+			"label": "Site logo max width desktop",
+			"name": "site_logo_max_width_desktop",
+			"aria-label": "",
+			"type": "range",
+			"instructions": "",
+			"required": 0,
+			"conditional_logic": 0,
+			"wrapper": {
+				"width": "",
+				"class": "",
+				"id": ""
+			},
+			"wpml_cf_preferences": 3,
+			"user_roles": ["administrator"],
+			"default_value": 300,
+			"min": "",
+			"max": 500,
+			"step": "",
+			"prepend": "",
+			"append": ""
+		},
+		{
+			"key": "field_687e3b8888ba2",
+			"label": "Site logo max width portrait",
+			"name": "site_logo_max_width_portrait",
+			"aria-label": "",
+			"type": "range",
+			"instructions": "",
+			"required": 0,
+			"conditional_logic": 0,
+			"wrapper": {
+				"width": "",
+				"class": "",
+				"id": ""
+			},
+			"wpml_cf_preferences": 3,
+			"user_roles": ["administrator"],
+			"default_value": 200,
+			"min": "",
+			"max": 500,
+			"step": "",
+			"prepend": "",
+			"append": ""
+		},
+		{
+			"key": "field_687e3b8888f89",
+			"label": "Site logo max width mobile",
+			"name": "site_logo_max_width_mobile",
+			"aria-label": "",
+			"type": "range",
+			"instructions": "",
+			"required": 0,
+			"conditional_logic": 0,
+			"wrapper": {
+				"width": "",
+				"class": "",
+				"id": ""
+			},
+			"wpml_cf_preferences": 3,
+			"user_roles": ["administrator"],
+			"default_value": 150,
+			"min": "",
+			"max": 500,
+			"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,
+	"display_title": "",
+	"acfe_autosync": ["json"],
+	"acfe_form": 0,
+	"acfe_meta": "",
+	"acfe_note": "",
+	"modified": 1774258339
+}

package/components/block-site-logo-container-v3/site-logo-container-v3.js

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

package/components/block-site-logo-container-v3/site-logo-container-v3.scss

@@ -0,0 +1,29 @@
+@use '../fields-core-mixins-v3/core-mixins-v3';
+@use '../fields-core-functions-v3/core-functions-v3';
+@use '../../breakpoints';
+
+.site-logo-container-v3 {
+	&__site-logo {
+		margin: auto;
+		pointer-events: all;
+		max-width: core-functions-v3.fluidSize(
+			var(--site-logo-max-width-mobile),
+			'mobile'
+		);
+		@include core-mixins-v3.device(breakpoints.$tabPortrait) {
+			max-width: core-functions-v3.fluidSize(
+				var(--site-logo-max-width-portrait),
+				'portrait'
+			);
+		}
+		@include core-mixins-v3.device(breakpoints.$tabLandscape) {
+			max-width: core-functions-v3.fluidSize(
+				var(--site-logo-max-width-desktop),
+				'desktop'
+			);
+		}
+	}
+	&__site-logo-link {
+		display: flex;
+	}
+}