@total_onion/onion-library 3.0.49 → 3.2.0

package/components/fields-upload-filesize-limit-v3/group_659d259760a1d.json

@@ -1,56 +0,0 @@
-{
-    "key": "group_659d259760a1d",
-    "title": "Fields: Upload filesize limit V3",
-    "fields": [
-        {
-            "key": "field_659d259823115",
-            "label": "Upload limit",
-            "name": "upload_limit",
-            "aria-label": "",
-            "type": "number",
-            "instructions": "",
-            "required": 0,
-            "conditional_logic": 0,
-            "wrapper": {
-                "width": "",
-                "class": "",
-                "id": ""
-            },
-            "wpml_cf_preferences": 1,
-            "default_value": 5,
-            "min": "",
-            "max": "",
-            "placeholder": "",
-            "step": "",
-            "prepend": "",
-            "append": ""
-        }
-    ],
-    "location": [
-        [
-            {
-                "param": "options_page",
-                "operator": "==",
-                "value": "global-settings"
-            }
-        ]
-    ],
-    "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": "translation",
-    "acfe_form": 0,
-    "acfe_display_title": "",
-    "acfe_meta": "",
-    "acfe_note": "",
-    "modified": 1758121355
-}

package/components/fields-video-management-services-v3/group_67b4cac05cb30.json

@@ -1,146 +0,0 @@
-{
-    "key": "group_67b4cac05cb30",
-    "title": "Fields: Video Management Services V3",
-    "fields": [
-        {
-            "key": "field_67b4cac1755b6",
-            "label": "Video Management",
-            "name": "video_management",
-            "aria-label": "",
-            "type": "group",
-            "instructions": "",
-            "required": 0,
-            "conditional_logic": 0,
-            "wrapper": {
-                "width": "",
-                "class": "",
-                "id": ""
-            },
-            "wpml_cf_preferences": 1,
-            "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_67b4cb5e755b7",
-                    "label": "Enable video service",
-                    "name": "enable_video_service",
-                    "aria-label": "",
-                    "type": "true_false",
-                    "instructions": "",
-                    "required": 0,
-                    "conditional_logic": 0,
-                    "wrapper": {
-                        "width": "",
-                        "class": "",
-                        "id": ""
-                    },
-                    "wpml_cf_preferences": 1,
-                    "message": "",
-                    "default_value": 0,
-                    "ui_on_text": "",
-                    "ui_off_text": "",
-                    "ui": 1,
-                    "style": ""
-                },
-                {
-                    "key": "field_67b4cb7d755b8",
-                    "label": "Video service",
-                    "name": "video_service",
-                    "aria-label": "",
-                    "type": "select",
-                    "instructions": "",
-                    "required": 0,
-                    "conditional_logic": 0,
-                    "wrapper": {
-                        "width": "",
-                        "class": "",
-                        "id": ""
-                    },
-                    "wpml_cf_preferences": 1,
-                    "choices": {
-                        "cloudflare": "cloudflare",
-                        "imagekit": "imagekit"
-                    },
-                    "default_value": false,
-                    "return_format": "value",
-                    "multiple": 0,
-                    "max": "",
-                    "prepend": "",
-                    "append": "",
-                    "allow_null": 0,
-                    "ui": 0,
-                    "ajax": 0,
-                    "placeholder": "",
-                    "allow_custom": 0,
-                    "search_placeholder": "",
-                    "min": ""
-                },
-                {
-                    "key": "field_67b4cbad755b9",
-                    "label": "Imagekit video endpoint",
-                    "name": "imagekit_video_endpoint",
-                    "aria-label": "",
-                    "type": "text",
-                    "instructions": "",
-                    "required": 0,
-                    "conditional_logic": [
-                        [
-                            {
-                                "field": "field_67b4cb7d755b8",
-                                "operator": "==",
-                                "value": "imagekit"
-                            },
-                            {
-                                "field": "field_67b4cb5e755b7",
-                                "operator": "==",
-                                "value": "1"
-                            }
-                        ]
-                    ],
-                    "wrapper": {
-                        "width": "",
-                        "class": "",
-                        "id": ""
-                    },
-                    "wpml_cf_preferences": 2,
-                    "default_value": "",
-                    "maxlength": "",
-                    "placeholder": "",
-                    "prepend": "",
-                    "append": ""
-                }
-            ]
-        }
-    ],
-    "location": [
-        [
-            {
-                "param": "options_page",
-                "operator": "==",
-                "value": "global-settings"
-            }
-        ]
-    ],
-    "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": "translation",
-    "acfe_form": 0,
-    "acfe_display_title": "",
-    "acfe_meta": "",
-    "acfe_note": "",
-    "modified": 1758121336
-}

package/components/webc-counter-display/counter-display.css

@@ -1,2 +0,0 @@
-counter-display {
-}

package/components/webc-counter-display/counter-display.html

@@ -1,5 +0,0 @@
-<counter-display
-	id="display-module"
-	data-count=""
-	class="counter-display"
-></counter-display>

package/components/webc-counter-display/counter-display.js

@@ -1,30 +0,0 @@
-export default function counterDisplayJs(options = {}) {
-	try {
-		if (!customElements.get('counter-display')) {
-			customElements.define(
-				'counter-display',
-				class extends HTMLElement {
-					static observedAttributes = ['data-count'];
-					constructor() {
-						super();
-					}
-					connectedCallback() {
-						console.log('Display module added to page.');
-						this.classList.add('loaded');
-					}
-					attributeChangedCallback(name, oldValue, newValue) {
-						console.log(
-							'🚀 ~ attributeChangedCallback ~ name:',
-							name
-						);
-						console.log('count', this.dataset.count);
-
-						this.innerText = `${this.dataset.countertext} ${this.dataset.count}`;
-					}
-				}
-			);
-		}
-	} catch (error) {
-		console.error(error);
-	}
-}

package/components/webc-counter-display/index.html

@@ -1,30 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-	<head>
-		<meta charset="UTF-8" />
-		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<link rel="stylesheet" href="../../public/publicBundleBase.css" />
-		<link rel="stylesheet" href="./counter-display.css" />
-		<title>PTFG</title>
-		<style>
-			body {
-				background-color: #e7b8b8;
-			}
-			main {
-				max-width: 600px;
-				margin-inline: auto;
-				padding: 50px;
-			}
-		</style>
-	</head>
-	<body>
-		<main class="main-container"></main>
-		<script async type="module">
-			const template = await fetch("./counter-display.html");
-			const html = await template.text();
-			document.querySelector(".main-container").innerHTML = html;
-			import blockjs from "./counter-display.js";
-			blockjs();
-		</script>
-	</body>
-</html>

package/components/webc-layout-container/index.html

@@ -1,108 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-	<head>
-		<meta charset="UTF-8" />
-		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<link rel="stylesheet" href="../../public/publicBundleBase.css" />
-		<link rel="stylesheet" href="./ptfg-9000.css" />
-		<link rel="stylesheet" href="../webc-toggle-trigger/toggle-trigger.css" />
-		<link rel="stylesheet" href="../webc-text-input-trigger/text-input-trigger.css" />
-		<link rel="stylesheet" href="../webc-loadmore-trigger/loadmore-trigger.css" />
-		<link
-			rel="stylesheet"
-			href="../webc-post-filter-module/post-filter-module.css"
-		/>
-		<link
-			rel="stylesheet"
-			href="../webc-post-carousel-display-module/post-carousel-display-module.css"
-		/>
-		<title>PTFG</title>
-	</head>
-	<body>
-		<ptfg-9000
-			class="ptfg-9000 ptfg-9000__main-container cmpl-block-padding"
-			data-assetkey="ptfg-9000"
-		>
-			<post-filter-module
-				id="filter-module"
-				data-dataobjectid=""
-				data-dev="true"
-				data-devdatalocation="local"
-				class="post-filter-module__filter"
-				data-postsperpagedesktop="8"
-				data-postsperpagemobile="6"
-				data-loadmoretriggerclass="loadmore-trigger"
-				data-textinputclass="text-input-trigger"
-			>	
-				<toggle-trigger
-					id="toggle-trigger"
-					data-toggletext="Toggle Text"
-					data-toggletarget="#filter-module"
-					data-toggleclass="active"
-					class="toggle-trigger"
-				>
-			</post-filter-module>
-			<text-input-trigger id="text-input-trigger" class="text-input-trigger"></text-input-trigger>
-			<toggle-trigger id="toggle-trigger" data-toggletext="Filter" data-toggletarget="#filter-module" data-toggleclass="active" class="toggle-trigger"></toggle-trigger>
-			<post-carousel-display-module
-	id="display-module"
-	data-posts=""
-	class="post-carousel-display-module cmpl-block-padding cmpl-block-settings"
->
-			</post-carousel-display-module>
-			<loadmore-trigger id="loadmore-trigger" data-buttontext="Load More" class="loadmore-trigger"></loadmore-trigger>
-		</ptfg-9000>
-
-		<script type="module">
-			//Run Component JS
-			import blockfilterjs from "../webc-post-filter-module/post-filter-module.js";
-			blockfilterjs();
-
-			import toggletriggerjs from "../webc-toggle-trigger/toggle-trigger.js";
-			toggletriggerjs();
-
-			import textInputTrigger from "../webc-text-input-trigger/text-input-trigger.js";
-			textInputTrigger();
-
-			import loadmoreTrigger from "../webc-loadmore-trigger/loadmore-trigger.js";
-			loadmoreTrigger();
-
-			import blockcarouseljs from "../webc-post-carousel-display-module/post-carousel-display-module.js";
-			blockcarouseljs();
-
-			import blockptfgjs from "./ptfg-9000.js";
-			blockptfgjs();
-		</script>
-	</body>
-</html>
-
-
-<!--
-<script type="module">
-	// Post filter module
-	const postfiltermoduletemplate = await fetch(
-		"../webc-post-filter-module/post-filter-module.html"
-	);
-	const postfiltermodulehtml = await postfiltermoduletemplate.text();
-	document
-		.querySelector("ptfg-9000")
-		.insertAdjacentHTML("beforeend", postfiltermodulehtml);
-		// toggle trigger
-	const toggletrigger = await fetch(
-		"../webc-toggle-trigger/toggle-trigger.html"
-	);
-	const toggletriggerhtml = await toggletrigger.text();
-	document
-		.querySelector("ptfg-9000")
-		.insertAdjacentHTML("beforeend", toggletriggerhtml);
-
-	// post grid display
-	const postgriddisplay = await fetch(
-		"../webc-post-grid-display-module/post-grid-display-module.html"
-	);
-	const postgriddisplayhtml = await postgriddisplay.text();
-	document
-		.querySelector("ptfg-9000")
-		.insertAdjacentHTML("beforeend", postgriddisplayhtml);
-
-</script> -->

package/components/webc-layout-container/layout-container.css

@@ -1,9 +0,0 @@
-layout-container {
-	display: grid;
-	grid-template:
-		'filter ..'
-		'textinput toggleclass'
-		'display display'
-		'loadmore loadmore' / 1fr 1fr;
-	background-color: black;
-}

package/components/webc-layout-container/layout-container.html

@@ -1,5 +0,0 @@
-<layout-container class="layout-container">
-	<div class="layout-container__inner-container">
-		<slot></slot>
-	</div>
-</layout-container>

package/components/webc-layout-container/layout-container.js

@@ -1,22 +0,0 @@
-export default function layoutContainerJs(options = {}) {
-	try {
-		if (!customElements.get('layout-container')) {
-			customElements.define(
-				'layout-container',
-				class extends HTMLElement {
-					constructor() {
-						super();
-						this.data = this.dataset;
-					}
-					connectedCallback() {
-						console.log('Layout container element added to page.');
-						this.classList.add('loaded');
-					}
-					attributeChangedCallback(name, oldValue, newValue) {}
-				}
-			);
-		}
-	} catch (error) {
-		console.error(error);
-	}
-}

package/components/webc-loadmore-trigger/index.html

@@ -1,30 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-	<head>
-		<meta charset="UTF-8" />
-		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<link rel="stylesheet" href="../../public/publicBundleBase.css" />
-		<link rel="stylesheet" href="./loadmore-trigger.css" />
-		<title>PTFG</title>
-		<style>
-			body {
-				background-color: #e7b8b8;
-			}
-			main {
-				max-width: 600px;
-				margin-inline: auto;
-				padding: 50px;
-			}
-		</style>
-	</head>
-	<body>
-		<main class="main-container"></main>
-		<script async type="module">
-			const template = await fetch("./loadmore-trigger.html");
-			const html = await template.text();
-			document.querySelector(".main-container").innerHTML = html;
-			import blockjs from "./loadmore-trigger.js";
-			blockjs();
-		</script>
-	</body>
-</html>

package/components/webc-loadmore-trigger/loadmore-trigger.css

@@ -1,20 +0,0 @@
-loadmore-trigger {
-	grid-area: loadmore;
-	display: grid;
-	width: 100%;
-	place-items: center;
-	.loadmore-trigger__button {
-		background-color: black;
-		padding: 20px;
-		color: var(--theme-primary-text-colour, white);
-		width: max-content;
-	}
-	.loadmore-trigger__button:hover {
-		cursor: pointer;
-		background-color: greenyellow;
-	}
-}
-loadmore-trigger.hide {
-	opacity: 0.3;
-	pointer-events: none;
-}

package/components/webc-loadmore-trigger/loadmore-trigger.html

@@ -1,6 +0,0 @@
-<loadmore-trigger
-	id="loadmore-trigger"
-	data-buttontext="Load More"
-	class="loadmore-trigger"
->
-</loadmore-trigger>

package/components/webc-loadmore-trigger/loadmore-trigger.js

@@ -1,34 +0,0 @@
-export default function loadmoreTriggerJs(options = {}) {
-	try {
-		if (!customElements.get('loadmore-trigger')) {
-			customElements.define(
-				'loadmore-trigger',
-				class extends HTMLElement {
-					// static observedAttributes = ['data-posts'];
-					constructor() {
-						super();
-						this.enableLogs = this.dataset.enablelogs;
-						this.toggleButton = document.createElement('button');
-						this.toggleButton.className =
-							'loadmore-trigger__button';
-						this.appendChild(this.toggleButton);
-						this.toggleButton.innerText = this.dataset.buttontext;
-						this.toggleButton.addEventListener('click', () => {
-							this.dispatchEvent(new CustomEvent('loadmore'));
-						});
-					}
-					connectedCallback() {
-						console.log('Display module added to page.');
-						this.classList.add('loaded');
-					}
-
-					attributeChangedCallback(name, oldValue, newValue) {
-						// console.log(`Attribute ${name} has changed.`);
-					}
-				}
-			);
-		}
-	} catch (error) {
-		console.error(error);
-	}
-}

package/components/webc-post-carousel-display-module/index.html

@@ -1,30 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-	<head>
-		<meta charset="UTF-8" />
-		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<link rel="stylesheet" href="../../public/publicBundleBase.css" />
-		<link rel="stylesheet" href="./post-filter-module.css" />
-		<title>PTFG</title>
-		<style>
-			body {
-				background-color: #e7b8b8;
-			}
-			main {
-				max-width: 600px;
-				margin-inline: auto;
-				padding: 50px;
-			}
-		</style>
-	</head>
-	<body>
-		<main class="main-container"></main>
-		<script async type="module">
-			const template = await fetch("./post-grid-display-module.html");
-			const html = await template.text();
-			document.querySelector(".main-container").innerHTML = html;
-			import blockjs from "./post-grid-display-module.js";
-			blockjs();
-		</script>
-	</body>
-</html>

package/components/webc-post-carousel-display-module/post-carousel-display-module.css

@@ -1,36 +0,0 @@
-post-carousel-display-module {
-	grid-area: display;
-	display: grid;
-	.post-carousel-display-module__grid-container {
-		display: flex;
-		overflow: scroll;
-		flex-wrap: nowrap;
-		width: 100%;
-	}
-	.post-carousel-display-module__post-container {
-		display: grid;
-		place-items: stretch;
-		grid-template-rows: max-content;
-		min-width: 300px;
-		.post-carousel-display-module__post-title {
-			color: white;
-			grid-row: 2;
-			text-box-edge: unset;
-			line-height: 120%;
-			text-transform: uppercase;
-			text-align: center;
-			font-size: 36px;
-			.font-secondary {
-				display: block;
-			}
-		}
-		.post-carousel-display-module__post-image {
-			grid-row: 1;
-			width: 100%;
-			height: auto;
-			place-self: stretch;
-			object-fit: cover;
-			aspect-ratio: 9 / 11;
-		}
-	}
-}

package/components/webc-post-carousel-display-module/post-carousel-display-module.html

@@ -1,5 +0,0 @@
-<post-carousel-display-module
-	id="display-module"
-	data-posts=""
-	class="post-carousel-display-module cmpl-block-padding cmpl-block-settings"
-></post-carousel-display-module>

package/components/webc-post-carousel-display-module/post-carousel-display-module.js

@@ -1,48 +0,0 @@
-export default function postFilterDisplayJS(options = {}) {
-	try {
-		if (!customElements.get('post-carousel-display-module')) {
-			customElements.define(
-				'post-carousel-display-module',
-				class extends HTMLElement {
-					static observedAttributes = ['data-posts'];
-					constructor() {
-						super();
-						const gridContainer = document.createElement('div');
-						gridContainer.className =
-							'post-carousel-display-module__grid-container';
-						this.appendChild(gridContainer);
-						this.gridContainer = this.querySelector(
-							'.post-carousel-display-module__grid-container'
-						);
-					}
-					connectedCallback() {
-						console.log('Display module added to page.');
-						this.classList.add('loaded');
-					}
-
-					attributeChangedCallback(name, oldValue, newValue) {
-						// console.log(`Attribute ${name} has changed.`);
-						this.gridContainer.innerHTML = '';
-						if (newValue) {
-							const posts = JSON.parse(newValue);
-
-							posts.forEach((post) => {
-								const postContent = `
-							<div class="post-carousel-display-module__post-container">
-							<h2 class="post-carousel-display-module__post-title">${post.name}</h2>
-							<img loading="lazy" class="post-carousel-display-module__post-image" src="${post.image?.src}" srcset="${post.image?.srcset}" alt="${post.image?.alt}"></div>
-							`;
-								this.gridContainer.insertAdjacentHTML(
-									'beforeend',
-									postContent
-								);
-							});
-						}
-					}
-				}
-			);
-		}
-	} catch (error) {
-		console.error(error);
-	}
-}