@total_onion/onion-library 1.0.97 → 1.0.99
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-group-container-v3/group-container-v3.scss +3 -1
- package/components/block-group-container-v3/group-container-v3.twig +3 -4
- package/components/block-sub-group-container-v3/group_686ceba7d6066.json +4 -4
- package/components/block-sub-group-container-v3/sub-group-container-v3.scss +8 -1
- package/components/block-sub-group-container-v3/sub-group-container-v3.twig +27 -5
- package/package.json +1 -1
|
@@ -19,10 +19,12 @@
|
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
&__block-container {
|
|
22
|
-
@include grid-layout-element-v3.gridLayoutElement();
|
|
23
22
|
z-index: 5;
|
|
24
23
|
pointer-events: none;
|
|
25
24
|
position: relative;
|
|
25
|
+
&.grid-layout-container {
|
|
26
|
+
@include grid-layout-element-v3.gridLayoutElement();
|
|
27
|
+
}
|
|
26
28
|
&:has(.video-content-v3__video-container.video-playing) {
|
|
27
29
|
z-index: 100;
|
|
28
30
|
}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
{% set styleEntryPoint = include('entry-points/entry-point-style.twig', { fields, block, displaytype, is_preview }, with_context = false) %}
|
|
7
7
|
{% set previewEntryPoint = include('entry-points/entry-point-preview-info.twig', { fields, block, displaytype, is_preview }, with_context = false) %}
|
|
8
8
|
|
|
9
|
-
{% set layoutType = fields.layout_type|ru %}
|
|
9
|
+
{% set layoutType = fields.layout_type|ru|default('grid') %}
|
|
10
10
|
{% set layoutStyles = '' %}
|
|
11
11
|
{% if layoutType == 'flex' %}
|
|
12
12
|
{% set layoutStyles = include('components/flex-layout-container-v3.twig') %}
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
{% endif %}
|
|
18
18
|
{% set gridGapMults = include('components/grid-gap-mults.twig') %}
|
|
19
19
|
{% set blockElementType = fields.block_element_type|default('section')|ru %}
|
|
20
|
-
{% set imageSizes = '(min-width: 1440px) ' ~ (100 / fields.grid_columns_desktop|default(1))|round ~ 'vw, (min-width: 1024px) ' ~ (100 / fields.grid_columns_desktop|default(1))|round ~ 'vw, (min-width: 768px) ' ~ (100 / fields.grid_columns_portrait|default(1))|round ~ 'vw, (min-width: 300px) ' ~(100 / fields.grid_columns_mobile|default(1))|round ~ 'vw, 100vw' %}
|
|
20
|
+
{% set imageSizes = '(min-width: 1440px) ' ~ (100 / fields.grid_layout.grid_columns_desktop|default(1))|round ~ 'vw, (min-width: 1024px) ' ~ (100 / fields.grid_layout.grid_columns_desktop|default(1))|round ~ 'vw, (min-width: 768px) ' ~ (100 / fields.grid_layout.grid_columns_portrait|default(1))|round ~ 'vw, (min-width: 300px) ' ~(100 / fields.grid_layout.grid_columns_mobile|default(1))|round ~ 'vw, 100vw' %}
|
|
21
21
|
|
|
22
22
|
{% set sectionStyles = styleEntryPoint ~ fallbackBackgroundColour ~ gridGapMults ~ containerOverflowType ~ blockPosition %}
|
|
23
23
|
|
|
@@ -39,7 +39,6 @@
|
|
|
39
39
|
}
|
|
40
40
|
</style>
|
|
41
41
|
<div class="group-container-v3__grid-container {{layoutClass}} {{block.id}}">
|
|
42
|
-
|
|
43
42
|
{% for section in fields.sections %}
|
|
44
43
|
{% set gridLayoutElement = include('components/grid-layout-element-v3.twig', { fields: section, block }, with_context = false) %}
|
|
45
44
|
{% if block %}
|
|
@@ -50,7 +49,7 @@
|
|
|
50
49
|
{{gridLayoutElement}}
|
|
51
50
|
}
|
|
52
51
|
</style>
|
|
53
|
-
<div class="group-container-v3__block-container {{block.id}}">
|
|
52
|
+
<div class="group-container-v3__block-container {{layoutClass}} {{block.id}}">
|
|
54
53
|
{% if fields.show_block_numbers and is_preview %}
|
|
55
54
|
<div class="{{blockClassName}}__block-number">{{ loop.index }}</div>
|
|
56
55
|
{% endif %}
|
|
@@ -901,8 +901,8 @@
|
|
|
901
901
|
},
|
|
902
902
|
"layout_65ddac9f98296": {
|
|
903
903
|
"key": "layout_65ddac9f98296",
|
|
904
|
-
"name": "
|
|
905
|
-
"label": "Site Logo container",
|
|
904
|
+
"name": "site_logo_container_v3",
|
|
905
|
+
"label": "Site Logo container v3",
|
|
906
906
|
"display": "block",
|
|
907
907
|
"sub_fields": [
|
|
908
908
|
{
|
|
@@ -1246,7 +1246,7 @@
|
|
|
1246
1246
|
{
|
|
1247
1247
|
"param": "block",
|
|
1248
1248
|
"operator": "==",
|
|
1249
|
-
"value": "acf\/sub-group-container"
|
|
1249
|
+
"value": "acf\/sub-group-container-v3"
|
|
1250
1250
|
}
|
|
1251
1251
|
]
|
|
1252
1252
|
],
|
|
@@ -1267,5 +1267,5 @@
|
|
|
1267
1267
|
"acfe_display_title": "",
|
|
1268
1268
|
"acfe_meta": "",
|
|
1269
1269
|
"acfe_note": "",
|
|
1270
|
-
"modified":
|
|
1270
|
+
"modified": 1753779288
|
|
1271
1271
|
}
|
|
@@ -10,10 +10,17 @@
|
|
|
10
10
|
&__grid-container {
|
|
11
11
|
grid-area: main;
|
|
12
12
|
place-self: stretch;
|
|
13
|
-
|
|
13
|
+
&.flex-layout-container {
|
|
14
|
+
@include flex-layout-container-v3.flexLayoutContainer();
|
|
15
|
+
}
|
|
16
|
+
&.grid-layout-container {
|
|
17
|
+
@include grid-layout-container-v3.gridLayoutContainer();
|
|
18
|
+
}
|
|
14
19
|
}
|
|
15
20
|
&__block-container {
|
|
16
21
|
z-index: 5;
|
|
22
|
+
pointer-events: none;
|
|
23
|
+
position: relative;
|
|
17
24
|
@include grid-layout-element-v3.gridLayoutElement();
|
|
18
25
|
}
|
|
19
26
|
}
|
|
@@ -5,12 +5,23 @@
|
|
|
5
5
|
{% set dataAttributeEntryPoint = include('entry-points/entry-point-data-attribute.twig', { fields, block }, with_context = false) %}
|
|
6
6
|
{% set styleEntryPoint = include('entry-points/entry-point-style.twig', { fields, block, displaytype, is_preview }, with_context = false) %}
|
|
7
7
|
{% set previewEntryPoint = include('entry-points/entry-point-preview-info.twig', { fields: fields, block: block, displaytype: displaytype, is_preview: is_preview }, with_context = false) %}
|
|
8
|
-
|
|
9
|
-
{% set
|
|
8
|
+
|
|
9
|
+
{% set imageSizes = '(min-width: 1440px) ' ~ (100 / fields.grid_columns_desktop)|round ~ 'vw, (min-width: 1024px) ' ~ (100 / fields.grid_columns_desktop)|round ~ 'vw, (min-width: 768px) ' ~ (100 / fields.grid_columns_portrait)|round ~ 'vw, (min-width: 300px) ' ~(100 / fields.grid_columns_mobile)|round ~ 'vw, 100vw' %}
|
|
10
|
+
|
|
11
|
+
{% set layoutType = fields.layout_type|ru|default('grid') %}
|
|
12
|
+
{% set layoutStyles = '' %}
|
|
13
|
+
{% if layoutType == 'flex' %}
|
|
14
|
+
{% set layoutStyles = include('components/flex-layout-container-v3.twig') %}
|
|
15
|
+
{% set layoutClass = 'flex-layout-container' %}
|
|
16
|
+
{% elseif layoutType == 'grid' %}
|
|
17
|
+
{% set layoutStyles = include('components/grid-layout-container-v3.twig') %}
|
|
18
|
+
{% set layoutClass = 'grid-layout-container' %}
|
|
19
|
+
{% endif %}
|
|
10
20
|
{% set gridGapMults = include('components/grid-gap-mults.twig') %}
|
|
11
21
|
{% set blockElementType = fields.block_element_type|default('section')|ru %}
|
|
12
|
-
|
|
22
|
+
|
|
13
23
|
{% set sectionStyles = styleEntryPoint ~ backgroundColour ~ gridGapMults ~ gridLayoutContainer ~ containerOverflowType ~ blockPosition %}
|
|
24
|
+
|
|
14
25
|
{{previewEntryPoint}}
|
|
15
26
|
<style>
|
|
16
27
|
.{{blockClassName}}.{{block.id}}{
|
|
@@ -18,9 +29,20 @@
|
|
|
18
29
|
}
|
|
19
30
|
</style>
|
|
20
31
|
<{{blockElementType}} {{block.anchor ? "id=" ~ block.anchor : ''}} class="sub-group-container-v3 {{blockClassName}} {{block.className}} {{classNameEntryPoint}} {{block.id}} lazy-fade" {{dataAttributeEntryPoint}} data-jsload="false" data-assetkey="sub-group-container-v3">
|
|
21
|
-
|
|
32
|
+
|
|
33
|
+
{% if block %}
|
|
34
|
+
{% set block = block|merge({'videoIdPrefix' : block.id }) %}
|
|
35
|
+
{% endif %}
|
|
36
|
+
|
|
37
|
+
<style>
|
|
38
|
+
.{{blockClassName}}__grid-container.{{block.id}}{
|
|
39
|
+
{{layoutStyles}}
|
|
40
|
+
}
|
|
41
|
+
</style>
|
|
42
|
+
|
|
43
|
+
<div class="{{blockClassName}}__grid-container {{layoutClass}} {{block.id}}">
|
|
22
44
|
{% for section in fields.sections %}
|
|
23
|
-
{% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: section, block: block }, with_context = false) %}
|
|
45
|
+
{% set gridLayoutElement = include('components/grid-layout-element-v3.twig', { fields: section, block: block }, with_context = false) %}
|
|
24
46
|
{% if block %}
|
|
25
47
|
{% set block = block|merge({'anchor' : '','className' : '', 'id': block.id ~ '-' ~ loop.index }) %}
|
|
26
48
|
{% endif %}
|