@total_onion/onion-library 3.2.0 → 3.2.2

package/components/component-e-shop-settings-v3/e-shop-settings-v3.twig

@@ -0,0 +1,114 @@
+{% set eshopSettings = attribute( 'e-shop_settings', options) %}
+{% if eshopSettings.enable_debrain_wtb %}
+	{% if eshopSettings.debrain_wtb_dloc_satellite_id %}
+		<script defer src="{{eshopSettings.debrain_wtb_script}}" data-dloc-satellite-id="{{eshopSettings.debrain_wtb_dloc_satellite_id}}"></script>
+		<script type="text/javascript">
+			(function () {
+const wtbuyConfig = {
+debrain_script:"{{ eshopSettings.debrain_wtb_script }}",
+data_dloc_satellite_id:"{{ eshopSettings.debrain_wtb_dloc_satellite_id }}"
+};
+// localStorage.setItem("wtbuyConfig", JSON.stringify(wtbuyConfig));
+})();
+		</script>
+	{% endif %}
+	{% if eshopSettings.brand_id is not empty %}
+		<script async src="https://wtb.buyspiritsnow.com/js/sdk.js" brand="{{eshopSettings.brand_id}}"></script>
+	{% endif %}
+
+{% endif %}
+
+{% if eshopSettings.enable_click_to_buy %}
+	<script type="text/javascript">
+		var ctbuyConfig = {
+"api":"{{ eshopSettings.ctb_api_key }}",
+"root": "https:\/\/api.pernod-ricard.io\/v2\/clicktobuy\/"
+};
+	</script>
+{% endif %}
+
+{% if eshopSettings.enable_shopify %}
+	<script type="text/javascript">
+		var enableShopify = true;
+localStorage.setItem("enableShopify", JSON.stringify(enableShopify));
+	</script>
+	<div id="cart-strings" class="hide" data-empty-title="Cart is empty" data-shopping-bag-vector="{{ asset('images/icon/shopping-bag.svg') }}" data-close-vector="{{ asset('images/icon/close.svg') }}" data-engraving-heading="{{ __( 'ADD YOUR PERSONALISED ENGRAVING MESSAGE(S):', 'Aberlour Theme' ) }}" data-engraving-instructions="{{__('Please specify the exact wording you would like for your engraved bottle (maximum 30 characters allowed). If you have ordered more than 1 engraved bottle, please list the name of the product + the engraving text for each.', 'Aberlour Theme')}}" data-cart-title="{{ __( 'Shopping bag', 'Aberlour Theme' ) }}" data-total="{{ __( 'Subtotal', 'Aberlour Theme' ) }}" data-notice="{{ __( 'Shipping and discount codes to be added at checkout. Maximum 6 bottles per person per product.', 'Aberlour Theme' ) }}" data-checkout="{{ __( 'Checkout', 'Aberlour Theme' ) }}"></div>
+{% else %}
+	<script type="text/javascript">
+		var enableShopify = false;
+localStorage.setItem("enableShopify", JSON.stringify(enableShopify));
+	</script>
+{% endif %}
+
+
+{% if eshopSettings.enable_mikmak and eshopSettings.mikmak_brand_id is not empty %}
+	{% if current_post.id not in eshopSettings.exclude_page_mikmak %}
+		<script>
+			/* Start of Swaven tag */
+(function (e, d) {
+try {
+var a = window.swnDataLayer = window.swnDataLayer || {};
+a.appId = e || a.appId,
+a.eventBuffer = a.eventBuffer || [],
+a.loadBuffer = a.loadBuffer || [],
+a.push = a.push || function (e) {
+a.eventBuffer.push(e)
+},
+a.load = a.load || function (e) {
+a.loadBuffer.push(e)
+},
+a.dnt = a.dnt != null ? a.dnt : d;
+var t = document.getElementsByTagName("script")[0],
+n = document.createElement("script");
+n.async = !0,
+n.src = "//wtb-tag.mikmak.ai/scripts/" + a.appId + "/tag.min.js",
+t.parentNode.insertBefore(n, t)
+} catch (e) {
+console.log(e)
+}
+}("{{ eshopSettings.mikmak_brand_id }}", false));
+/* End of Swaven tag */
+		</script>
+
+		{% set product = get_post(eshopSettings.mikmak_global_default_product) %}
+		{% set productEANs = product.meta('mikmak_ean_ids') %}
+		{% set relatedProducts = product.meta('related_products') %}
+		{# set defaultGlobalProductEAN = productEANs|split(',') #}
+		{% set defaultProductEAN = '' %}
+
+		{% if post.post_type == 'product' %}
+			{% set defaultProductEAN = post.meta('mikmak_ean_ids') %}
+		{% endif %}
+		{% if post.post_type == 'cocktail' %}
+			{% set cocktailFlavourProductID = post.meta('flavoured_product') %}
+			{% if cocktailFlavourProductID is not empty %}
+				{% set flavourProduct = get_post(cocktailFlavourProductID) %}
+				{% set defaultProductEAN = flavourProduct.meta('mikmak_ean_ids') %}
+			{% endif %}
+		{% endif %}
+
+		{% set relatedProductEANs = '' %}
+		{% for post in relatedProducts %}
+			{% set relatedProduct = get_post(post) %}
+			{% set relatedProductEANs = relatedProductEANs ~ ',' ~ relatedProduct.meta('mikmak_ean_ids')|trim(',') %}
+		{% endfor %}
+		{% set relatedProductEANs = relatedProductEANs|trim(',') %}
+
+		{% if productEANs is not empty %}
+			{% set relatedProductEANs = productEANs ~ (relatedProductEANs is not empty ? ',' ~ relatedProductEANs : '') %}
+		{% endif %}
+
+		{% if defaultProductEAN is not empty %}
+			{% set relatedProductEANs = defaultProductEAN ~ ',' ~ relatedProductEANs %}
+		{% endif %}
+
+		<template data-mm-wtbid="{{eshopSettings.mikmak_ctb_drawer_widget_id}}" data-mm-ids="{{relatedProductEANs}}"></template>
+	{% endif %}
+{% endif %}
+{% if eshopSettings.enable_pricespider and eshopSettings.pricespider_key is not empty %}
+	<script type="text/javascript" src="//cdn.pricespider.com/1/lib/ps-widget.js" async></script>
+	{% set psKey = eshopSettings.pricespider_key|split('-') %}
+	{% if eshopSettings.enable_pricespider_universal_tracking and psKey[0] is not empty %}
+		<script type="text/javascript" src="//cdn.pricespider.com/1/{{psKey[0]}}/ps-uAd.js" async></script>
+	{% endif %}
+{% endif %}

package/components/component-element-positioning-v3/element-positioning-v3.scss

@@ -0,0 +1,41 @@
+@use '../fields-core-mixins-v3/core-mixins-v3';
+@use '../../breakpoints';
+
+@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-v3.device(breakpoints.$tabPortrait) {
+		place-self: var(
+				--portrait-vertical-placement,
+				var(--desktop-vertical-placement)
+			)
+			var(
+				--portrait-horizontal-placement,
+				var(--desktop-horizontal-placement)
+			);
+		translate: var(
+				--element-horizontal-offset-portrait,
+				var(--element-horizontal-offset-desktop, 0)
+			)
+			var(
+				--element-vertical-offset-portrait,
+				var(--element-vertical-offset-desktop, 0)
+			);
+		rotate: var(
+			--element-rotation-portrait,
+			var(--element-rotation-desktop, 0deg)
+		);
+	}
+	@include core-mixins-v3.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-v3/element-positioning-v3.twig

@@ -0,0 +1,42 @@
+{% set rotationDesktop = '--element-rotation-desktop: ' ~ fields.element_positioning.desktop_positioning.element_rotation_desktop|default(0) ~ 'deg;' %}
+{% set rotationPortrait = '--element-rotation-portrait: ' ~ fields.element_positioning.portrait_positioning.element_rotation_portrait ~ '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 portraitPositioning = '--element-horizontal-offset-portrait: ' ~ fields.element_positioning.portrait_positioning.horizontal_offset ~ '%; --element-vertical-offset-portrait: ' ~ fields.element_positioning.portrait_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 portraitPositioning = '--element-horizontal-offset-portrait: calc(' ~ fields.element_positioning.portrait_positioning.horizontal_offset ~ '/ var(--portrait-design-reference) * var(--screen-width-portrait)); --element-vertical-offset-portrait: calc(' ~ fields.element_positioning.portrait_positioning.vertical_offset ~ '/ var(--portrait-design-reference) * var(--screen-width-portrait));' %}
+	{% 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 portraitSettings = fields.element_positioning.portrait_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 portraitHorizontalPlacement = '--portrait-horizontal-placement: ' ~  portraitSettings.horizontal_snap|ru ~ ';' %}
+{% set portraitVerticalPlacement = '--portrait-vertical-placement: ' ~  portraitSettings.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 portraitWidth = 'calc(' ~ fields.element_positioning.portrait_element_image_width ~ '/ var(--portrait-design-reference) * var(--screen-width-portrait))' %}
+
+{% set mobileWidth = 'calc(' ~ fields.element_positioning.mobile_element_image_width ~ '/ var(--mobile-design-reference) * var(--screen-width-mobile))' %}
+
+{% set positioningVars = rotationDesktop ~ rotationPortrait ~ rotationMobile ~ opacity ~ borderRadius ~ zIndex ~ elementPosition ~ mobilePositioning ~ portraitPositioning ~ desktopPositioning ~ mobileHorizontalPlacement ~ mobileVerticalPlacement ~ portraitHorizontalPlacement ~ portraitVerticalPlacement ~ desktopHorizontalPlacement ~ desktopVerticalPlacement ~ unitType %}
+
+{{positioningVars}}