@total_onion/onion-library 1.0.0 → 1.0.1

package/components/block-debrain-wtb/debrain-wtb.js

@@ -1,8 +0,0 @@
-// LIBRARY FILE - Do not modify/override here as your changes will be lost when the package is updated.
-export default function debrainwtbJs ( options = {} ) {
-	try {
-		const { block } = options;
-	} catch ( error ) {
-		console.error( error );
-	}
-}

package/components/block-debrain-wtb/debrain-wtb.scss

@@ -1,7 +0,0 @@
-// @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 'Assets/scss/blocks/debrain-wtb/debrain-wtb-extra';
-.debrain-wtb {
-	@include debrain-wtb-extra.additionalStyles();
-}

package/components/block-debrain-wtb/debrain-wtb.twig

@@ -1,18 +0,0 @@
-{% set blockClassName = "debrain-wtb" %}
-{% set classNameEntryPoint = include('entry-points/entry-point-classes.twig', { fields, block }, with_context = false) %}
-{% set htmlEntryPoint = include('entry-points/entry-point-html.twig', { fields, block, blockClassName, options, environment, is_preview, nav_menus }, 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.twig', { fields, block, displaytype, is_preview }, with_context = false) %}
-{% set previewEntryPoint = include('entry-points/entry-point-preview-info.twig', { fields, block, displaytype, is_preview }, with_context = false) %}
-
-{% set sectionStyles =  styleEntryPoint %}
-
-{% set post = get_post(fields.debrain_product) %}
-{% set productDebrainSkuId = post.meta('debrain_sku_id') %}
-
-<section {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{block.className}} {{classNameEntryPoint}} lazy-fade" {{dataAttributeEntryPoint}} data-jsload="false" data-blockid="{{block.id}}" style="{{sectionStyles}}" data-assetkey="{{blockClassName}}">
-
-	<wtb-main sku="{{productDebrainSkuId}}"></wtb-main>
-
-	{{htmlEntryPoint}}
-</section>

package/components/block-debrain-wtb/group_66349f620692e.json

@@ -1,73 +0,0 @@
-{
-    "key": "group_66349f620692e",
-    "title": "Block: Debrain WTB",
-    "fields": [
-        {
-            "key": "field_66349f63a4e3c",
-            "label": "Debrain product",
-            "name": "debrain_product",
-            "aria-label": "",
-            "type": "post_object",
-            "instructions": "",
-            "required": 0,
-            "conditional_logic": 0,
-            "wrapper": {
-                "width": "",
-                "class": "",
-                "id": ""
-            },
-            "wpml_cf_preferences": 3,
-            "user_roles": [
-                "all"
-            ],
-            "post_type": [
-                "product"
-            ],
-            "post_status": "",
-            "taxonomy": "",
-            "return_format": "id",
-            "multiple": 0,
-            "max": "",
-            "save_custom": 0,
-            "save_post_status": "publish",
-            "acfe_add_post": 0,
-            "acfe_edit_post": 0,
-            "acfe_bidirectional": {
-                "acfe_bidirectional_enabled": "0"
-            },
-            "allow_null": 0,
-            "bidirectional": 0,
-            "ui": 1,
-            "bidirectional_target": [],
-            "save_post_type": "",
-            "min": ""
-        }
-    ],
-    "location": [
-        [
-            {
-                "param": "block",
-                "operator": "==",
-                "value": "acf\/debrain-wtb"
-            }
-        ]
-    ],
-    "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": "localization",
-    "acfe_form": 0,
-    "acfe_display_title": "",
-    "acfe_meta": "",
-    "acfe_note": "",
-    "modified": 1746898412
-}

package/components/block-event-details-banner/event-details-banner-extra.scss

@@ -1,15 +0,0 @@
-@mixin additionalStyles() {
-	&__holder {
-		background: #fff;
-	}
-	&__content {
-		p {
-			color: #0c195f;
-		}
-	}
-	&__date,
-	&__time,
-	&__price {
-		font-family: var(--secondary-font-family);
-	}
-}

package/components/block-event-details-banner/event-details-banner.js

@@ -1,9 +0,0 @@
-// LIBRARY FILE - Do not modify/override here as your changes will be lost when the package is updated.
-
-export default function eventdetailsbannerJs(options = {}) {
-	// try {
-	// 	const {block} = options;
-	// } catch (error) {
-	// 	console.error(error);
-	// }
-}

package/components/block-event-details-banner/event-details-banner.scss

@@ -1,216 +0,0 @@
-// 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';
-@use 'Assets/scss/blocks/event-details-banner/event-details-banner-extra';
-
-.event-details-banner {
-	margin-block: core-functions.fluidSize(25, 'mobile');
-
-	@include core-mixins.device(breakpoints.$tabPortrait) {
-		margin-block: core-functions.fluidSize(25, 'portrait');
-	}
-
-	@include core-mixins.device(breakpoints.$tabLandscape) {
-		margin-block: core-functions.fluidSize(25, 'desktop');
-	}
-
-	&__holder {
-		background: var(--background-colour);
-		border-radius: 6px;
-		overflow: hidden;
-
-		@include core-mixins.device(breakpoints.$tabPortrait) {
-			display: flex;
-		}
-	}
-
-	&__image {
-		background-repeat: no-repeat;
-		background-position: center;
-		background-size: cover;
-		border-radius: 6px;
-		height: core-functions.fluidSize(200, 'mobile');
-		width: auto;
-
-		@include core-mixins.device(breakpoints.$tabPortrait) {
-			border-top-left-radius: 6px;
-			border-top-right-radius: 0;
-			border-bottom-left-radius: 6px;
-			border-bottom-right-radius: 0;
-			height: auto;
-			width: 30%;
-		}
-
-		&--spacing {
-			border-radius: 6px;
-			margin: core-functions.fluidSize(15, 'mobile');
-
-			@include core-mixins.device(breakpoints.$tabPortrait) {
-				margin: core-functions.fluidSize(15, 'portrait');
-			}
-
-			@include core-mixins.device(breakpoints.$tabLandscape) {
-				margin: core-functions.fluidSize(15, 'desktop');
-			}
-		}
-	}
-
-	&__content {
-		padding: core-functions.fluidSize(30, 'mobile');
-		width: 100%;
-
-		@include core-mixins.device(breakpoints.$tabPortrait) {
-			padding: core-functions.fluidSize(50, 'portrait');
-			width: 70%;
-		}
-
-		@include core-mixins.device(breakpoints.$tabLandscape) {
-			padding: core-functions.fluidSize(50, 'desktop');
-		}
-
-		p {
-			font-size: core-functions.fontSize(17, 'mobile');
-
-			@include core-mixins.device(breakpoints.$tabPortrait) {
-				font-size: core-functions.fontSize(17, 'portrait');
-			}
-
-			@include core-mixins.device(breakpoints.$tabLandscape) {
-				font-size: core-functions.fontSize(17, 'desktop');
-			}
-		}
-	}
-
-	&__title {
-		color: var(--font-colour);
-		font-size: core-functions.fontSize(34, 'mobile');
-		margin-bottom: core-functions.fluidSize(35, 'mobile');
-		text-transform: uppercase;
-
-		@include core-mixins.device(breakpoints.$tabPortrait) {
-			font-size: core-functions.fontSize(34, 'portrait');
-			margin-bottom: core-functions.fluidSize(35, 'portrait');
-		}
-
-		@include core-mixins.device(breakpoints.$tabLandscape) {
-			font-size: core-functions.fontSize(34, 'desktop');
-			margin-bottom: core-functions.fluidSize(35, 'desktop');
-		}
-	}
-
-	&__subtitle {
-		color: var(--font-colour);
-		font-size: core-functions.fontSize(14, 'mobile');
-
-		@include core-mixins.device(breakpoints.$tabPortrait) {
-			font-size: core-functions.fontSize(14, 'portrait');
-		}
-
-		@include core-mixins.device(breakpoints.$tabLandscape) {
-			font-size: core-functions.fontSize(14, 'desktop');
-		}
-	}
-
-	&__meta {
-		display: flex;
-		flex-wrap: wrap;
-		grid-row: 1;
-		gap: core-functions.fluidSize(10, 'mobile');
-		margin-top: core-functions.fluidSize(35, 'mobile');
-		justify-content: flex-start;
-
-		@include core-mixins.device(breakpoints.$tabPortrait) {
-			gap: core-functions.fluidSize(35, 'portrait');
-			margin-top: core-functions.fluidSize(35, 'portrait');
-		}
-
-		@include core-mixins.device(breakpoints.$tabLandscape) {
-			gap: core-functions.fluidSize(35, 'desktop');
-			margin-top: core-functions.fluidSize(35, 'desktop');
-		}
-	}
-
-	&__date,
-	&__time,
-	&__price {
-		align-items: center;
-		color: var(--font-colour);
-		display: flex;
-		font-size: core-functions.fontSize(14, 'mobile');
-
-		@include core-mixins.device(breakpoints.$tabPortrait) {
-			font-size: core-functions.fontSize(25, 'portrait');
-		}
-
-		@include core-mixins.device(breakpoints.$tabLandscape) {
-			font-size: core-functions.fontSize(25, 'desktop');
-		}
-
-		svg {
-			margin-right: core-functions.fluidSize(12, 'mobile');
-
-			@include core-mixins.device(breakpoints.$tabPortrait) {
-				margin-right: core-functions.fluidSize(12, 'portrait');
-			}
-
-			@include core-mixins.device(breakpoints.$tabLandscape) {
-				margin-right: core-functions.fluidSize(12, 'desktop');
-			}
-
-			g {
-				fill: var(--button-background-colour);
-			}
-		}
-	}
-
-	&__button {
-		display: flex;
-
-		@include core-mixins.device(breakpoints.$tabPortrait) {
-			margin: 0 0 0 auto;
-		}
-	}
-
-	&__link {
-		background: var(--button-background-colour);
-		color: var(--button-text-colour);
-		margin: 0 auto 0 0;
-		min-width: max-content;
-		border-radius: 12px;
-		padding: core-functions.fluidSize(15, 'mobile');
-
-		@include core-mixins.device(breakpoints.$tabPortrait) {
-			padding: core-functions.fluidSize(20, 'portrait');
-		}
-
-		@include core-mixins.device(breakpoints.$tabLandscape) {
-			padding: core-functions.fluidSize(20, 'desktop');
-		}
-
-		text-transform: uppercase;
-
-		&:hover {
-			color: var(--button-text-colour);
-			text-decoration: none;
-		}
-
-		svg {
-			margin-left: core-functions.fluidSize(15, 'mobile');
-
-			@include core-mixins.device(breakpoints.$tabPortrait) {
-				margin-left: core-functions.fluidSize(70, 'portrait');
-			}
-
-			@include core-mixins.device(breakpoints.$tabLandscape) {
-				margin-left: core-functions.fluidSize(70, 'desktop');
-			}
-
-			path {
-				fill: var(--button-text-colour);
-			}
-		}
-	}
-
-	@include event-details-banner-extra.additionalStyles();
-}

package/components/block-event-details-banner/event-details-banner.twig

@@ -1,78 +0,0 @@
-{# Do not edit this file outside of the component library as your changes will be lost with future updates. #}
-{% set blockClassName = "event-details-banner" %}
-{% set classNameEntryPoint = include('entry-points/entry-point-classes.twig', { fields, block }, with_context = false) %}
-{% set htmlEntryPoint = include('entry-points/entry-point-html.twig', { fields, block, blockClassName, options, environment, is_preview, nav_menus }, 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.twig', { fields, block, displaytype, is_preview }, with_context = false) %}
-{% set previewEntryPoint = include('entry-points/entry-point-preview-info.twig', { fields, block, displaytype, is_preview }, with_context = false) %}
-
-
-{% set fontColour = "--font-colour:" ~ fields.font_colour|ru|default('#000000') ~ ";" %}
-{% set backgroundColour = '--background-colour: ' ~ fields.background_colour|ru|default('#ffffff') ~ ';' %}
-{% set buttonBackgroundColour = '--button-background-colour: ' ~ fields.button_background_colour|ru|default('#ffffff') ~ ';' %}
-{% set buttonTextColour = '--button-text-colour: ' ~ fields.button_text_colour|ru|default('#ffffff') ~ ';' %}
-{% set sectionStyles = fontColour ~ backgroundColour ~ buttonBackgroundColour ~ buttonTextColour ~ styleEntryPoint %}
-
-<section {{block.anchor ? "id=" ~ block.anchor : ''}} class="event-details-banner {{blockClassName}} {{block.className}} {{classNameEntryPoint}} lazy-fade {{block.id}}" {{dataAttributeEntryPoint}} style="{{sectionStyles}}" data-assetkey="event-details-banner">
-	<div class="event-details-banner__holder">
-		<div class="event-details-banner__image {% if fields.image_spacer %} event-details-banner__image--spacing {% endif %}" style="background-image: url({{ fields.image }})"></div>
-		<div class="event-details-banner__content">
-			{% if fields.title %}
-				<h3 class="event-details-banner__title">{{ fields.title }}</h3>
-			{% endif %}
-			{% if fields.subtitle %}
-				<h4 class="event-details-banner__subtitle">{{ fields.subtitle }}</h4>
-			{% endif %}
-			{{ fields.description }}
-			<div class="event-details-banner__meta">
-				{% if fields.date %}
-					<div class="event-details-banner__date">
-						<svg width="23" height="25" viewbox="0 0 23 25" fill="none" xmlns="http://www.w3.org/2000/svg">
-							<g clip-path="url(#clip0_379_2590)">
-								<path d="M21.8389 2.85412H19.4645V1.48346C19.4645 0.663112 18.7901 0 17.9557 0C17.1214 0 16.4435 0.66653 16.4435 1.48346V2.85412H6.28189V1.48346C6.28189 0.663112 5.60747 0 4.77313 0C3.93878 0 3.26436 0.66653 3.26436 1.48346V2.85412H1.1646C0.524939 2.85412 0 3.37025 0 3.99918V7.22929H23V3.99918C23 3.37025 22.4751 2.85412 21.8354 2.85412H21.8389Z"/>
-								<path d="M0 23.8556C0 24.4845 0.524939 25.0006 1.1646 25.0006H21.8389C22.4785 25.0006 23.0035 24.4845 23.0035 23.8556V8.38867H0V23.859V23.8556ZM18.2303 10.525C19.1725 10.525 19.9373 11.277 19.9373 12.2033C19.9373 13.1296 19.1725 13.8816 18.2303 13.8816C17.2882 13.8816 16.5234 13.1296 16.5234 12.2033C16.5234 11.277 17.2882 10.525 18.2303 10.525ZM18.2303 14.948C19.1725 14.948 19.9373 15.7 19.9373 16.6263C19.9373 17.5526 19.1725 18.3046 18.2303 18.3046C17.2882 18.3046 16.5234 17.5526 16.5234 16.6263C16.5234 15.7 17.2882 14.948 18.2303 14.948ZM13.7458 10.525C14.6879 10.525 15.4527 11.277 15.4527 12.2033C15.4527 13.1296 14.6879 13.8816 13.7458 13.8816C12.8037 13.8816 12.0388 13.1296 12.0388 12.2033C12.0388 11.277 12.8037 10.525 13.7458 10.525ZM13.7458 14.948C14.6879 14.948 15.4527 15.7 15.4527 16.6263C15.4527 17.5526 14.6879 18.3046 13.7458 18.3046C12.8037 18.3046 12.0388 17.5526 12.0388 16.6263C12.0388 15.7 12.8037 14.948 13.7458 14.948ZM13.7458 19.371C14.6879 19.371 15.4527 20.123 15.4527 21.0493C15.4527 21.9756 14.6879 22.7276 13.7458 22.7276C12.8037 22.7276 12.0388 21.9756 12.0388 21.0493C12.0388 20.123 12.8037 19.371 13.7458 19.371ZM9.26118 10.525C10.2033 10.525 10.9681 11.277 10.9681 12.2033C10.9681 13.1296 10.2033 13.8816 9.26118 13.8816C8.31907 13.8816 7.55426 13.1296 7.55426 12.2033C7.55426 11.277 8.31907 10.525 9.26118 10.525ZM9.26118 14.948C10.2033 14.948 10.9681 15.7 10.9681 16.6263C10.9681 17.5526 10.2033 18.3046 9.26118 18.3046C8.31907 18.3046 7.55426 17.5526 7.55426 16.6263C7.55426 15.7 8.31907 14.948 9.26118 14.948ZM9.26118 19.371C10.2033 19.371 10.9681 20.123 10.9681 21.0493C10.9681 21.9756 10.2033 22.7276 9.26118 22.7276C8.31907 22.7276 7.55426 21.9756 7.55426 21.0493C7.55426 20.123 8.31907 19.371 9.26118 19.371ZM4.7766 14.948C5.71871 14.948 6.48352 15.7 6.48352 16.6263C6.48352 17.5526 5.71871 18.3046 4.7766 18.3046C3.83449 18.3046 3.06968 17.5526 3.06968 16.6263C3.06968 15.7 3.83449 14.948 4.7766 14.948ZM4.7766 19.371C5.71871 19.371 6.48352 20.123 6.48352 21.0493C6.48352 21.9756 5.71871 22.7276 4.7766 22.7276C3.83449 22.7276 3.06968 21.9756 3.06968 21.0493C3.06968 20.123 3.83449 19.371 4.7766 19.371Z"/>
-							</g>
-							<defs>
-								<clipPath id="clip0_379_2590">
-									<rect width="23" height="25" fill="white"/>
-								</clipPath>
-							</defs>
-						</svg>
-						{{ fields.date }}
-					</div>
-				{% endif %}
-				{% if fields.time %}
-					<div class="event-details-banner__time">
-						<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-							<g clip-path="url(#clip0_379_2571)">
-								<path d="M11.9131 0.00592295C14.3326 0.000925033 16.7018 0.738743 18.7027 2.08131C19.4958 1.36661 20.5356 -0.125272 21.768 0.00842191C23.7167 -0.0140687 24.754 2.518 23.334 3.84557L21.9071 5.26186C27.3995 12.8731 21.3872 24.2539 11.9125 23.9959C-3.97235 23.726 -3.96983 0.273312 11.9131 0.00592295ZM11.9131 19.8726C11.4958 19.8726 11.1578 20.2081 11.1578 20.6223C11.183 21.2439 10.9337 22.4991 11.9131 22.4966C12.3304 22.4966 12.6684 22.1611 12.6684 21.7469C12.6432 21.1252 12.8925 19.8701 11.9131 19.8726ZM3.22702 11.2512H2.09406C1.10649 11.2556 1.10586 12.7462 2.09406 12.7506H3.22702C4.21459 12.7462 4.21522 11.2556 3.22702 11.2512ZM21.7321 11.2512H20.5992C19.6116 11.2556 19.611 12.7462 20.5992 12.7506H21.7321C22.7197 12.7462 22.7203 11.2556 21.7321 11.2512ZM21.7321 1.50717C21.532 1.50342 21.34 1.58714 21.1984 1.72521L11.9131 10.9407L7.1603 6.22271C6.8651 5.9297 6.38737 5.9297 6.09217 6.22271C5.79697 6.51571 5.79697 6.98989 6.09217 7.28289L11.3793 12.5307C11.6745 12.8237 12.1523 12.8237 12.4475 12.5307L22.2665 2.78477C22.7436 2.33995 22.3861 1.48718 21.7328 1.50655L21.7321 1.50717ZM11.9131 1.5053C11.4958 1.5053 11.1578 1.84078 11.1578 2.25499C11.183 2.8766 10.9337 4.1317 11.9131 4.1292C12.3304 4.1292 12.6684 3.79372 12.6684 3.37952C12.6432 2.7579 12.8925 1.5028 11.9131 1.5053Z"/>
-							</g>
-							<defs>
-								<clipPath id="clip0_379_2571">
-									<rect width="24" height="24" fill="white"/>
-								</clipPath>
-							</defs>
-						</svg>
-						{{ fields.time }}
-					</div>
-				{% endif %}
-				{% if fields.price %}
-					<div class="event-details-banner__price">{{ fields.price }}</div>
-				{% endif %}
-				<div class="event-details-banner__button">
-					{% for button in fields.button %}
-						{% if button.enabled %}
-							<a href="{{ button.link.url }}" class="event-details-banner__link">
-								{{ button.link.title }}
-								<svg width="11" height="13" viewbox="0 0 11 13" fill="none" xmlns="http://www.w3.org/2000/svg">
-									<path d="M4.01062 0.72168L0 0.72168L6.01716 6.56978L0 12.4179H4.01062L10.0253 6.56978L4.01062 0.72168Z" fill="#FFFBF9"/>
-								</svg>
-							</a>
-						{% endif %}
-					{% endfor %}
-				</div>
-			</div>
-
-		</div>
-	</div>
-	{{htmlEntryPoint}}</section>