@total_onion/onion-library 2.0.26 → 2.0.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/block-block-interactions-v3/block-interactions-v3.twig +9 -7
- package/components/block-carousel-multi-layout-v3/carousel-multi-layout-v3.twig +1 -1
- package/components/block-group-container-v3/group-container-v3.js +8 -0
- package/components/block-single-responsive-image-v3/single-responsive-image-v3.twig +1 -1
- package/components/block-sub-group-container-v3/sub-group-container-v3.twig +2 -1
- package/components/component-content-box-settings-v3/content-box-settings-v3.scss +1 -3
- package/package.json +1 -1
|
@@ -11,7 +11,8 @@
|
|
|
11
11
|
{{sectionStyles}}
|
|
12
12
|
}
|
|
13
13
|
</style>
|
|
14
|
-
<section {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{
|
|
14
|
+
<section {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{fields.section_class}} {{loop ? block.className.index ~ '-' ~ loop.index : ''}} {{classNameEntryPoint}} lazy-fade {{block.id}}" {{dataAttributeEntryPoint}} data-blockid="{{block.id}}" data-parentblockid="{{block.videoIdPrefix}}" data-assetkey="{{blockClassName}}">
|
|
15
|
+
|
|
15
16
|
{% set blockInteractionsEnabled = fields.enable_block_interactions %}
|
|
16
17
|
{% set enableInteractionsButton = fields.enable_interactions_button %}
|
|
17
18
|
{% set interactionsButtonType = fields.interactions_button_type %}
|
|
@@ -26,7 +27,7 @@
|
|
|
26
27
|
{% set enableCtaIcon = ctaData.cta_settings.include_cta_icon %}
|
|
27
28
|
{% set ctaAnimationStyle = ctaData.cta_settings.cta_animation_style %}
|
|
28
29
|
{% endif %}
|
|
29
|
-
|
|
30
|
+
|
|
30
31
|
{% for item in fields.modal_popup_triggers %}
|
|
31
32
|
{% if item.cta_style|ru matches '/^\\d+$/' %}
|
|
32
33
|
{% set ctaData = attribute(cta_styles['theme_cta_styles'], item.cta_style|ru - 1) %}
|
|
@@ -39,11 +40,12 @@
|
|
|
39
40
|
{% if item.modal_popup_trigger_text %}
|
|
40
41
|
<span class="{{blockClassName}}__popup-trigger-text">{{ item.modal_popup_trigger_text }}</span>
|
|
41
42
|
{% endif %}
|
|
42
|
-
<span
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
43
|
+
<span
|
|
44
|
+
class="{{blockClassName}}__popup-trigger-icon">
|
|
45
|
+
{# <img src="{{ get_image(options.theme_cta_icons[item.trigger_icon_type|ru]).src }}"> #}
|
|
46
|
+
<img src="{{ options.cta_icons[item.trigger_icon_type|ru].src }}" alt="modal trigger icon">
|
|
47
|
+
|
|
48
|
+
|
|
47
49
|
</span>
|
|
48
50
|
</button>
|
|
49
51
|
{% else %}
|
|
@@ -102,7 +102,7 @@
|
|
|
102
102
|
{{sectionStyles}}
|
|
103
103
|
}
|
|
104
104
|
</style>
|
|
105
|
-
<section {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{ blockClassName }} lazy-fade {{block.id}} {{
|
|
105
|
+
<section {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{ blockClassName }} lazy-fade {{block.id}} {{fields.section_class}} {{classNameEntryPoint}} {{loop ? block.className.index ~ '-' ~ loop.index : ''}} " {{sectionDataAttributes}} data-mobileslidesoffsetbefore="{{carousel_slides_offset_before_mobile}}" data-mobileslidesoffsetafter="{{carousel_slides_offset_after_mobile}}" data-tabletslidesoffsetbefore="{{carousel_slides_offset_before_tablet}}" data-tabletslidesoffsetafter="{{carousel_slides_offset_after_tablet}}" data-desktopslidesoffsetbefore="{{carousel_slides_offset_before_desktop}}" data-desktopslidesoffsetafter="{{carousel_slides_offset_after_desktop}}" data-desktopspacebetweenslides="{{fields.carousel_space_between_slides_desktop}}" data-mobilespacebetweenslides="{{fields.carousel_space_between_slides_mobile}}" data-tabletspacebetweenslides="{{fields.carousel_space_between_slides_tablet}}" data-centeractiveslide="{{fields.carousel_center_active_slide}}" data-centeractiveslideportrait="{{fields.center_active_slide_portrait}}" data-centeractiveslidemobile="{{fields.center_active_slide_mobile}}" data-loopslides="{{fields.loop_slides}}" data-loopslidesportrait="{{fields.loop_slides_portrait}}" data-loopslidesmobile="{{fields.loop_slides_mobile}}" data-paginationstyle="{{carouselPaginationStyle}}" data-assetkey="{{ blockClassName }}">
|
|
106
106
|
|
|
107
107
|
{% set arrowData = fields %}
|
|
108
108
|
<div class="{{ blockClassName }}__inner-container">
|
|
@@ -1,6 +1,14 @@
|
|
|
1
1
|
export default function groupcontainerv3Js(options = {}) {
|
|
2
2
|
try {
|
|
3
3
|
const {block} = options;
|
|
4
|
+
|
|
5
|
+
if (document.documentElement.dataset.athenadevelopment == 'true') {
|
|
6
|
+
import(
|
|
7
|
+
'Assets/js/blocks/group-container-v3/group-container-v3-extra.js'
|
|
8
|
+
).then((result) => {
|
|
9
|
+
result.default();
|
|
10
|
+
});
|
|
11
|
+
}
|
|
4
12
|
} catch (error) {
|
|
5
13
|
console.error(error);
|
|
6
14
|
}
|
|
@@ -11,6 +11,6 @@
|
|
|
11
11
|
{{sectionStyles}}
|
|
12
12
|
}
|
|
13
13
|
</style>
|
|
14
|
-
<section {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{
|
|
14
|
+
<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}}">
|
|
15
15
|
{{htmlEntryPoint}}
|
|
16
16
|
</section>
|
|
@@ -27,7 +27,8 @@
|
|
|
27
27
|
}
|
|
28
28
|
</style>
|
|
29
29
|
|
|
30
|
-
<{{blockElementType}} {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{loop ? block.className.index ~ '-' ~ loop.index : ''}} {{classNameEntryPoint}} {{block.id}} lazy-fade" {{dataAttributeEntryPoint}} data-jsload="false" data-assetkey="sub-group-container-v3" data-render-dynamic="{{renderDynamic}}" data-render-dynamic-suffix="{{renderDynamicSuffix}}">
|
|
30
|
+
<{{blockElementType}} {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{fields.section_class}} {{loop ? block.className.index ~ '-' ~ loop.index : ''}} {{classNameEntryPoint}} {{block.id}} lazy-fade" {{dataAttributeEntryPoint}} data-jsload="false" data-assetkey="sub-group-container-v3" data-render-dynamic="{{renderDynamic}}" data-render-dynamic-suffix="{{renderDynamicSuffix}}">
|
|
31
|
+
|
|
31
32
|
{% if block %}
|
|
32
33
|
{% set block = block|merge({'videoIdPrefix' : block.id }) %}
|
|
33
34
|
{% endif %}
|