@total_onion/onion-library 1.0.205 → 1.0.207
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-extra.scss +0 -45
- package/components/block-group-container-v3/group-container-v3.js +1 -0
- package/components/block-group-container-v3/group-container-v3.scss +9 -4
- package/components/block-group-container-v3/group-container-v3.twig +7 -4
- package/components/block-group-container-v3/group_6865578ada499.json +4 -4
- package/components/component-element-positioning-v3/element-positioning-v3.scss +1 -1
- package/components/component-element-positioning-v3/group_6882281544263.json +165 -1
- package/components/component-grid-layout-container-v3/grid-layout-container-v3.scss +76 -7
- package/components/component-grid-layout-container-v3/grid-layout-container-v3.twig +35 -15
- package/components/component-grid-layout-container-v3/group_6882282e65bf2.json +328 -20
- package/createJsAssets.js +16 -20
- package/jsAssets.mjs +36 -0
- package/package.json +1 -1
|
@@ -1,47 +1,2 @@
|
|
|
1
1
|
@mixin additionalStyles() {
|
|
2
|
-
.group-container-v3__grid-container {
|
|
3
|
-
overflow-x: auto;
|
|
4
|
-
overscroll-behavior-x: contain;
|
|
5
|
-
scroll-snap-type: x mandatory;
|
|
6
|
-
scroll-behavior: smooth;
|
|
7
|
-
}
|
|
8
|
-
.group-container-v3__grid-container::scroll-button(left) {
|
|
9
|
-
content: '◄';
|
|
10
|
-
position: absolute;
|
|
11
|
-
left: 0;
|
|
12
|
-
top: 50%;
|
|
13
|
-
transform: translateY(-50%);
|
|
14
|
-
z-index: 100;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.group-container-v3__grid-container::scroll-button(right) {
|
|
18
|
-
content: '►';
|
|
19
|
-
position: absolute;
|
|
20
|
-
right: 0;
|
|
21
|
-
top: 50%;
|
|
22
|
-
transform: translateY(-50%);
|
|
23
|
-
z-index: 100;
|
|
24
|
-
}
|
|
25
|
-
.group-container-v3__grid-container::scroll-button(*) {
|
|
26
|
-
border: 0;
|
|
27
|
-
font-size: 2rem;
|
|
28
|
-
background: none;
|
|
29
|
-
color: green;
|
|
30
|
-
opacity: 0.7;
|
|
31
|
-
cursor: pointer;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.group-container-v3__grid-container::scroll-button(*):hover,
|
|
35
|
-
.group-container-v3__grid-container::scroll-button(*):focus {
|
|
36
|
-
opacity: 1;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.group-container-v3__grid-container::scroll-button(*):active {
|
|
40
|
-
translate: 1px 1px;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.group-container-v3__grid-container::scroll-button(*):disabled {
|
|
44
|
-
opacity: 0.2;
|
|
45
|
-
cursor: unset;
|
|
46
|
-
}
|
|
47
2
|
}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
|
-
@use '
|
|
2
|
-
@use '
|
|
3
|
-
@use '
|
|
1
|
+
@use 'Assets/scss/modules/library-modules/core-mixins-v3/core-mixins-v3';
|
|
2
|
+
@use 'Assets/scss/modules/library-modules/core-functions-v3/core-functions-v3';
|
|
3
|
+
@use 'Assets/scss/theme/breakpoints';
|
|
4
|
+
@use 'Assets/scss/modules/library-modules/grid-layout-element-v3/grid-layout-element-v3';
|
|
5
|
+
@use 'Assets/scss/modules/library-modules/grid-layout-container-v3/grid-layout-container-v3';
|
|
6
|
+
@use 'Assets/scss/modules/library-modules/flex-layout-container-v3/flex-layout-container-v3';
|
|
4
7
|
@use 'Assets/scss/blocks/group-container-v3/group-container-v3-extra';
|
|
5
8
|
|
|
6
9
|
.group-container-v3 {
|
|
@@ -23,7 +26,9 @@
|
|
|
23
26
|
&.grid-layout-container {
|
|
24
27
|
@include grid-layout-element-v3.gridLayoutElement();
|
|
25
28
|
}
|
|
26
|
-
&:has(
|
|
29
|
+
&:has(
|
|
30
|
+
.video-content-v3__video-container.video-playing.video-playing--high-z-index
|
|
31
|
+
) {
|
|
27
32
|
z-index: 50;
|
|
28
33
|
}
|
|
29
34
|
}
|
|
@@ -14,7 +14,12 @@
|
|
|
14
14
|
{% elseif layoutType == 'grid' %}
|
|
15
15
|
{% set layoutStyles = include('components/grid-layout-container-v3.twig', { fields, block }, with_context = false) %}
|
|
16
16
|
{% set layoutClass = 'grid-layout-container' %}
|
|
17
|
+
{% set scrollButtonsDesktop = fields.grid_layout.enable_scroll_buttons_desktop ? 'scroll-btns-desktop' : '' %}
|
|
18
|
+
{% set scrollButtonsPortrait = fields.grid_layout.enable_scroll_buttons_portrait ? ' scroll-btns-portrait' : '' %}
|
|
19
|
+
{% set scrollButtonsMobile = fields.grid_layout.enable_scroll_buttons_mobile ? ' scroll-btns-mobile' : '' %}
|
|
20
|
+
{% set scrollButtons = scrollButtonsDesktop ~ scrollButtonsPortrait ~ scrollButtonsMobile %}
|
|
17
21
|
{% endif %}
|
|
22
|
+
|
|
18
23
|
{% set blockElementType = fields.block_element_type|default('section')|ru %}
|
|
19
24
|
{% 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' %}
|
|
20
25
|
|
|
@@ -28,18 +33,16 @@
|
|
|
28
33
|
{{sectionStyles}}
|
|
29
34
|
}
|
|
30
35
|
</style>
|
|
31
|
-
<{{blockElementType}} {{block.anchor ? "id=" ~ block.anchor : ''}} class="group-container-v3 {{blockClassName}} {{block.className}} {{classNameEntryPoint}} lazy-fade {{block.id}}" data-blockid="{{block.id}}" {{dataAttributeEntryPoint}} data-
|
|
32
|
-
|
|
36
|
+
<{{blockElementType}} {{block.anchor ? "id=" ~ block.anchor : ''}} class="group-container-v3 {{blockClassName}} {{block.className}} {{classNameEntryPoint}} lazy-fade {{block.id}}" data-blockid="{{block.id}}" {{dataAttributeEntryPoint}} data-assetkey="group-container-v3" data-render-dynamic="{{renderDynamic}}" data-render-dynamic-suffix="{{renderDynamicSuffix}}">
|
|
33
37
|
{% if block %}
|
|
34
38
|
{% set block = block|merge({'videoIdPrefix' : block.id }) %}
|
|
35
39
|
{% endif %}
|
|
36
|
-
|
|
37
40
|
<style>
|
|
38
41
|
.{{blockClassName}}__grid-container.{{block.id}}{
|
|
39
42
|
{{layoutStyles}}
|
|
40
43
|
}
|
|
41
44
|
</style>
|
|
42
|
-
<div class="group-container-v3__grid-container {{layoutClass}} {{block.id}}">
|
|
45
|
+
<div class="group-container-v3__grid-container {{scrollButtons}} {{layoutClass}} {{block.id}}">
|
|
43
46
|
{% for section in fields.sections %}
|
|
44
47
|
{% set gridLayoutElement = include('components/grid-layout-element-v3.twig', { fields: section, block }, with_context = false) %}
|
|
45
48
|
{% if block %}
|
|
@@ -773,7 +773,7 @@
|
|
|
773
773
|
},
|
|
774
774
|
"layout_689076649608d": {
|
|
775
775
|
"key": "layout_689076649608d",
|
|
776
|
-
"name": "
|
|
776
|
+
"name": "smash_balloon_social_media",
|
|
777
777
|
"label": "Smash Balloon Social Media",
|
|
778
778
|
"display": "block",
|
|
779
779
|
"sub_fields": [
|
|
@@ -2541,7 +2541,7 @@
|
|
|
2541
2541
|
"__grid": "Grid",
|
|
2542
2542
|
"__flex": "Flex"
|
|
2543
2543
|
},
|
|
2544
|
-
"default_value": "",
|
|
2544
|
+
"default_value": "__grid",
|
|
2545
2545
|
"return_format": "value",
|
|
2546
2546
|
"allow_null": 0,
|
|
2547
2547
|
"other_choice": 0,
|
|
@@ -2978,5 +2978,5 @@
|
|
|
2978
2978
|
"acfe_display_title": "",
|
|
2979
2979
|
"acfe_meta": "",
|
|
2980
2980
|
"acfe_note": "",
|
|
2981
|
-
"modified":
|
|
2982
|
-
}
|
|
2981
|
+
"modified": 1756281936
|
|
2982
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@use 'Assets/scss/theme/breakpoints';
|
|
2
|
-
@use '
|
|
2
|
+
@use 'Assets/scss/modules/library-modules/core-mixins-v3/core-mixins-v3';
|
|
3
3
|
|
|
4
4
|
@mixin elementPositioning() {
|
|
5
5
|
position: var(--element-position, relative);
|
|
@@ -271,6 +271,170 @@
|
|
|
271
271
|
}
|
|
272
272
|
]
|
|
273
273
|
},
|
|
274
|
+
{
|
|
275
|
+
"key": "field_68a09654d2ab6",
|
|
276
|
+
"label": "Portrait",
|
|
277
|
+
"name": "",
|
|
278
|
+
"aria-label": "",
|
|
279
|
+
"type": "tab",
|
|
280
|
+
"instructions": "",
|
|
281
|
+
"required": 0,
|
|
282
|
+
"conditional_logic": 0,
|
|
283
|
+
"wrapper": {
|
|
284
|
+
"width": "",
|
|
285
|
+
"class": "",
|
|
286
|
+
"id": ""
|
|
287
|
+
},
|
|
288
|
+
"wpml_cf_preferences": 3,
|
|
289
|
+
"placement": "top",
|
|
290
|
+
"endpoint": 0,
|
|
291
|
+
"no_preference": 0,
|
|
292
|
+
"selected": 0
|
|
293
|
+
},
|
|
294
|
+
{
|
|
295
|
+
"key": "field_68a0965dd2ab7",
|
|
296
|
+
"label": "Portrait positioning",
|
|
297
|
+
"name": "portrait_positioning",
|
|
298
|
+
"aria-label": "",
|
|
299
|
+
"type": "group",
|
|
300
|
+
"instructions": "",
|
|
301
|
+
"required": 0,
|
|
302
|
+
"conditional_logic": 0,
|
|
303
|
+
"wrapper": {
|
|
304
|
+
"width": "",
|
|
305
|
+
"class": "",
|
|
306
|
+
"id": ""
|
|
307
|
+
},
|
|
308
|
+
"wpml_cf_preferences": 3,
|
|
309
|
+
"layout": "block",
|
|
310
|
+
"acfe_seamless_style": 0,
|
|
311
|
+
"acfe_group_modal": 0,
|
|
312
|
+
"sub_fields": [
|
|
313
|
+
{
|
|
314
|
+
"key": "field_68a0965dd2ab8",
|
|
315
|
+
"label": "Vertical position",
|
|
316
|
+
"name": "vertical_snap",
|
|
317
|
+
"aria-label": "",
|
|
318
|
+
"type": "radio",
|
|
319
|
+
"instructions": "",
|
|
320
|
+
"required": 0,
|
|
321
|
+
"conditional_logic": 0,
|
|
322
|
+
"wrapper": {
|
|
323
|
+
"width": "",
|
|
324
|
+
"class": "",
|
|
325
|
+
"id": ""
|
|
326
|
+
},
|
|
327
|
+
"wpml_cf_preferences": 3,
|
|
328
|
+
"choices": {
|
|
329
|
+
"__flex-start": "Top",
|
|
330
|
+
"__center": "Center",
|
|
331
|
+
"__flex-end": "Bottom"
|
|
332
|
+
},
|
|
333
|
+
"default_value": "__center",
|
|
334
|
+
"return_format": "value",
|
|
335
|
+
"allow_null": 0,
|
|
336
|
+
"other_choice": 0,
|
|
337
|
+
"layout": "vertical",
|
|
338
|
+
"save_other_choice": 0
|
|
339
|
+
},
|
|
340
|
+
{
|
|
341
|
+
"key": "field_68a0965dd2ab9",
|
|
342
|
+
"label": "Horizontal position",
|
|
343
|
+
"name": "horizontal_snap",
|
|
344
|
+
"aria-label": "",
|
|
345
|
+
"type": "radio",
|
|
346
|
+
"instructions": "",
|
|
347
|
+
"required": 0,
|
|
348
|
+
"conditional_logic": 0,
|
|
349
|
+
"wrapper": {
|
|
350
|
+
"width": "",
|
|
351
|
+
"class": "",
|
|
352
|
+
"id": ""
|
|
353
|
+
},
|
|
354
|
+
"wpml_cf_preferences": 3,
|
|
355
|
+
"choices": {
|
|
356
|
+
"__flex-start": "Left",
|
|
357
|
+
"__center": "Cntr",
|
|
358
|
+
"__flex-end": "Right"
|
|
359
|
+
},
|
|
360
|
+
"default_value": "__center",
|
|
361
|
+
"return_format": "value",
|
|
362
|
+
"allow_null": 0,
|
|
363
|
+
"other_choice": 0,
|
|
364
|
+
"layout": "horizontal",
|
|
365
|
+
"save_other_choice": 0
|
|
366
|
+
},
|
|
367
|
+
{
|
|
368
|
+
"key": "field_68a0965dd2aba",
|
|
369
|
+
"label": "Vertical offset",
|
|
370
|
+
"name": "vertical_offset",
|
|
371
|
+
"aria-label": "",
|
|
372
|
+
"type": "range",
|
|
373
|
+
"instructions": "Negative values move up and positive move down",
|
|
374
|
+
"required": 0,
|
|
375
|
+
"conditional_logic": 0,
|
|
376
|
+
"wrapper": {
|
|
377
|
+
"width": "",
|
|
378
|
+
"class": "",
|
|
379
|
+
"id": ""
|
|
380
|
+
},
|
|
381
|
+
"wpml_cf_preferences": 3,
|
|
382
|
+
"default_value": "",
|
|
383
|
+
"min": -1000,
|
|
384
|
+
"max": 1000,
|
|
385
|
+
"step": "",
|
|
386
|
+
"prepend": "",
|
|
387
|
+
"append": ""
|
|
388
|
+
},
|
|
389
|
+
{
|
|
390
|
+
"key": "field_68a0965dd2abb",
|
|
391
|
+
"label": "Horizontal offset",
|
|
392
|
+
"name": "horizontal_offset",
|
|
393
|
+
"aria-label": "",
|
|
394
|
+
"type": "range",
|
|
395
|
+
"instructions": "Negative values move left and positive move right",
|
|
396
|
+
"required": 0,
|
|
397
|
+
"conditional_logic": 0,
|
|
398
|
+
"wrapper": {
|
|
399
|
+
"width": "",
|
|
400
|
+
"class": "",
|
|
401
|
+
"id": ""
|
|
402
|
+
},
|
|
403
|
+
"wpml_cf_preferences": 3,
|
|
404
|
+
"default_value": "",
|
|
405
|
+
"min": -400,
|
|
406
|
+
"max": 400,
|
|
407
|
+
"step": "",
|
|
408
|
+
"prepend": "",
|
|
409
|
+
"append": ""
|
|
410
|
+
},
|
|
411
|
+
{
|
|
412
|
+
"key": "field_68a0965dd2abc",
|
|
413
|
+
"label": "Element rotation Desktop",
|
|
414
|
+
"name": "element_rotation_desktop",
|
|
415
|
+
"aria-label": "",
|
|
416
|
+
"type": "range",
|
|
417
|
+
"instructions": "",
|
|
418
|
+
"required": 0,
|
|
419
|
+
"conditional_logic": 0,
|
|
420
|
+
"wrapper": {
|
|
421
|
+
"width": "",
|
|
422
|
+
"class": "",
|
|
423
|
+
"id": ""
|
|
424
|
+
},
|
|
425
|
+
"wpml_cf_preferences": 3,
|
|
426
|
+
"default_value": 0,
|
|
427
|
+
"min": -180,
|
|
428
|
+
"max": 180,
|
|
429
|
+
"step": "",
|
|
430
|
+
"prepend": "",
|
|
431
|
+
"append": ""
|
|
432
|
+
}
|
|
433
|
+
],
|
|
434
|
+
"acfe_group_modal_close": 0,
|
|
435
|
+
"acfe_group_modal_button": "",
|
|
436
|
+
"acfe_group_modal_size": "large"
|
|
437
|
+
},
|
|
274
438
|
{
|
|
275
439
|
"key": "field_6882281555030",
|
|
276
440
|
"label": "Mobile",
|
|
@@ -467,5 +631,5 @@
|
|
|
467
631
|
"acfe_display_title": "",
|
|
468
632
|
"acfe_meta": "",
|
|
469
633
|
"acfe_note": "",
|
|
470
|
-
"modified":
|
|
634
|
+
"modified": 1755354735
|
|
471
635
|
}
|
|
@@ -1,15 +1,56 @@
|
|
|
1
1
|
@use 'Assets/scss/theme/breakpoints';
|
|
2
|
-
@use '
|
|
3
|
-
@use '
|
|
2
|
+
@use 'Assets/scss/modules/library-modules/core-mixins-v3/core-mixins-v3';
|
|
3
|
+
@use 'Assets/scss/modules/library-modules/core-functions-v3/core-functions-v3';
|
|
4
4
|
|
|
5
|
+
@mixin scrollButtons() {
|
|
6
|
+
&::scroll-button(left) {
|
|
7
|
+
content: '◄';
|
|
8
|
+
position: absolute;
|
|
9
|
+
place-self: center flex-start;
|
|
10
|
+
z-index: 50;
|
|
11
|
+
}
|
|
12
|
+
&::scroll-button(right) {
|
|
13
|
+
content: '►';
|
|
14
|
+
position: absolute;
|
|
15
|
+
place-self: center flex-end;
|
|
16
|
+
z-index: 50;
|
|
17
|
+
}
|
|
18
|
+
&::scroll-button(*) {
|
|
19
|
+
border: 1px solid black;
|
|
20
|
+
border-radius: 10px;
|
|
21
|
+
font-size: var(
|
|
22
|
+
--scroll-button-font-size,
|
|
23
|
+
core-functions-v3.fluidSize(30)
|
|
24
|
+
);
|
|
25
|
+
background: rgba(0, 0, 0, 0.163);
|
|
26
|
+
color: white;
|
|
27
|
+
opacity: 0.7;
|
|
28
|
+
cursor: pointer;
|
|
29
|
+
transition: scale 0.3s ease-in-out;
|
|
30
|
+
}
|
|
31
|
+
&::scroll-button(*):hover,
|
|
32
|
+
&::scroll-button(*):focus {
|
|
33
|
+
opacity: 1;
|
|
34
|
+
scale: 1.2;
|
|
35
|
+
}
|
|
36
|
+
&::scroll-button(*):active {
|
|
37
|
+
translate: 1px 1px;
|
|
38
|
+
}
|
|
39
|
+
&::scroll-button(*):disabled {
|
|
40
|
+
opacity: 0.2;
|
|
41
|
+
cursor: unset;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
5
44
|
@mixin gridLayoutContainer() {
|
|
6
45
|
display: var(--display-type, 'grid');
|
|
7
46
|
position: relative;
|
|
8
|
-
scroll-
|
|
47
|
+
scroll-behavior: smooth;
|
|
48
|
+
overscroll-behavior-x: contain;
|
|
49
|
+
scroll-snap-type: var(--scroll-snap-type-mobile, none);
|
|
9
50
|
> div {
|
|
10
|
-
scroll-snap-align: var(--scroll-snap-align, start);
|
|
51
|
+
scroll-snap-align: var(--scroll-snap-align-mobile, start);
|
|
11
52
|
}
|
|
12
|
-
overflow: var(--container-overflow-type, hidden);
|
|
53
|
+
overflow: var(--container-overflow-type-mobile, hidden);
|
|
13
54
|
grid-gap: calc(var(--global-inline-spacing) * var(--row-gap-mult-mobile, 0))
|
|
14
55
|
calc(var(--global-inline-spacing) * var(--column-gap-mult-mobile, 0));
|
|
15
56
|
grid-auto-flow: var(--grid-auto-flow-mobile, row);
|
|
@@ -29,8 +70,31 @@
|
|
|
29
70
|
var(--grid-auto-rows-mobile, 1fr)
|
|
30
71
|
)
|
|
31
72
|
);
|
|
73
|
+
&.scroll-btns-desktop {
|
|
74
|
+
@include core-mixins-v3.device(breakpoints.$tabLandscape) {
|
|
75
|
+
@include scrollButtons();
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
&.scroll-btns-portrait {
|
|
79
|
+
@media screen and (min-width: #{breakpoints.$tabPortrait}) and (max-width: #{breakpoints.$tabLandscape - 1}) {
|
|
80
|
+
@include scrollButtons();
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
&.scroll-btns-mobile {
|
|
84
|
+
@include core-mixins-v3.device(
|
|
85
|
+
breakpoints.$tabPortrait - 1,
|
|
86
|
+
'max-width'
|
|
87
|
+
) {
|
|
88
|
+
@include scrollButtons();
|
|
89
|
+
}
|
|
90
|
+
}
|
|
32
91
|
|
|
33
92
|
@include core-mixins-v3.device(breakpoints.$tabPortrait) {
|
|
93
|
+
scroll-snap-type: var(--scroll-snap-type-portrait, none);
|
|
94
|
+
> div {
|
|
95
|
+
scroll-snap-align: var(--scroll-snap-align-portrait, start);
|
|
96
|
+
}
|
|
97
|
+
overflow: var(--container-overflow-type-portrait, hidden);
|
|
34
98
|
grid-auto-flow: var(--grid-auto-flow-portrait, row);
|
|
35
99
|
grid-auto-columns: var(--grid-auto-columns-portrait, 1fr);
|
|
36
100
|
grid-auto-rows: var(--grid-auto-rows-portrait, auto);
|
|
@@ -58,6 +122,11 @@
|
|
|
58
122
|
}
|
|
59
123
|
|
|
60
124
|
@include core-mixins-v3.device(breakpoints.$tabLandscape) {
|
|
125
|
+
scroll-snap-type: var(--scroll-snap-type-desktop, none);
|
|
126
|
+
> div {
|
|
127
|
+
scroll-snap-align: var(--scroll-snap-align-desktop, start);
|
|
128
|
+
}
|
|
129
|
+
overflow: var(--container-overflow-type-desktop, hidden);
|
|
61
130
|
grid-gap: calc(
|
|
62
131
|
var(--global-inline-spacing) * var(--row-gap-mult-desktop, 0)
|
|
63
132
|
)
|
|
@@ -65,8 +134,8 @@
|
|
|
65
134
|
var(--global-inline-spacing) * var(--column-gap-mult-desktop, 0)
|
|
66
135
|
);
|
|
67
136
|
grid-auto-flow: var(--grid-auto-flow-desktop, row);
|
|
68
|
-
grid-auto-columns: var(--grid-auto-columns, 1fr);
|
|
69
|
-
grid-auto-rows: var(--grid-auto-rows, auto);
|
|
137
|
+
grid-auto-columns: var(--grid-auto-columns-desktop, 1fr);
|
|
138
|
+
grid-auto-rows: var(--grid-auto-rows-desktop, auto);
|
|
70
139
|
grid-template-columns: var(
|
|
71
140
|
--grid-template-columns-custom-desktop,
|
|
72
141
|
repeat(
|
|
@@ -1,25 +1,35 @@
|
|
|
1
1
|
{% set displayType = '--display-type: grid;' %}
|
|
2
|
-
{% set
|
|
2
|
+
{% set gridGapMults = include('components/grid-gap-mults-v3.twig', {fields: fields.grid_layout}, with_context = false) %}
|
|
3
|
+
|
|
4
|
+
{# Grid Container Settings #}
|
|
5
|
+
{% set scrollSnapDesktop = '--scroll-snap-type-desktop: ' ~ fields.grid_layout.scroll_snap_type_desktop|ru ~ ';' %}
|
|
6
|
+
{% set scrollSnapPortrait = '--scroll-snap-type-portrait: ' ~ fields.grid_layout.scroll_snap_type_portrait|ru ~ ';' %}
|
|
7
|
+
{% set scrollSnapMobile = '--scroll-snap-type-mobile: ' ~ fields.grid_layout.scroll_snap_type_mobile|ru ~ ';' %}
|
|
8
|
+
{% set scrollSnapType = scrollSnapDesktop ~ scrollSnapPortrait ~ scrollSnapMobile %}
|
|
3
9
|
|
|
4
|
-
{
|
|
5
|
-
{% set
|
|
10
|
+
{# Scroll Snap Align #}
|
|
11
|
+
{% set scrollSnapAlignDesktop = '--scroll-snap-align-desktop: ' ~ fields.grid_layout.scroll_snap_align_desktop|ru ~ ';' %}
|
|
12
|
+
{% set scrollSnapAlignPortrait = '--scroll-snap-align-portrait: ' ~ fields.grid_layout.scroll_snap_align_portrait|ru ~ ';' %}
|
|
13
|
+
{% set scrollSnapAlignMobile = '--scroll-snap-align-mobile: ' ~ fields.grid_layout.scroll_snap_align_mobile|ru ~ ';' %}
|
|
14
|
+
{% set scrollSnapAlign = scrollSnapAlignDesktop ~ scrollSnapAlignPortrait ~ scrollSnapAlignMobile %}
|
|
6
15
|
|
|
7
|
-
{
|
|
8
|
-
{% set
|
|
9
|
-
{% set
|
|
16
|
+
{# Container overflow type #}
|
|
17
|
+
{% set containerOverflowTypeDesktop = '--container-overflow-type-desktop: ' ~ fields.grid_layout.container_overflow_type_desktop|ru ~ ';' %}
|
|
18
|
+
{% set containerOverflowTypePortrait = '--container-overflow-type-portrait: ' ~ fields.grid_layout.container_overflow_type_portrait|ru ~ ';' %}
|
|
19
|
+
{% set containerOverflowTypeMobile = '--container-overflow-type-mobile: ' ~ fields.grid_layout.container_overflow_type_mobile|ru ~ ';' %}
|
|
20
|
+
{% set containerOverflowType = containerOverflowTypeDesktop ~ containerOverflowTypePortrait ~ containerOverflowTypeMobile %}
|
|
10
21
|
|
|
22
|
+
{# Grid Auto Flow #}
|
|
11
23
|
{% set gridAutoFlowDesktop = '--grid-auto-flow-desktop: ' ~ fields.grid_layout.grid_auto_flow_desktop|ru ~ ';' %}
|
|
12
24
|
{% set gridAutoFlowPortrait = '--grid-auto-flow-portrait: ' ~ fields.grid_layout.grid_auto_flow_portrait|ru ~ ';' %}
|
|
13
25
|
{% set gridAutoFlowMobile = '--grid-auto-flow-mobile: ' ~ fields.grid_layout.grid_auto_flow_mobile|ru ~ ';' %}
|
|
26
|
+
{% set gridAutoFlow = gridAutoFlowDesktop ~ gridAutoFlowPortrait ~ gridAutoFlowMobile %}
|
|
14
27
|
|
|
15
|
-
{
|
|
28
|
+
{# Grid Auto Columns #}
|
|
29
|
+
{% set gridAutoColumnsDesktop = '--grid-auto-columns-desktop: ' ~ fields.grid_layout.grid_auto_columns_desktop|ru|default('1fr') ~ ';' %}
|
|
16
30
|
{% set gridAutoColumnsPortrait = '--grid-auto-columns-portrait: ' ~ fields.grid_layout.grid_auto_columns_portrait|ru|default('1fr') ~ ';' %}
|
|
17
31
|
{% set gridAutoColumnsMobile = '--grid-auto-columns-mobile: ' ~ fields.grid_layout.grid_auto_columns_mobile|ru|default('1fr') ~ ';' %}
|
|
18
32
|
|
|
19
|
-
{% set gridAutoRows = '--grid-auto-rows: ' ~ fields.grid_layout.grid_auto_rows|ru ~ ';' %}
|
|
20
|
-
{% set gridAutoRowsPortrait = '--grid-auto-rows-portrait: ' ~ fields.grid_layout.grid_auto_rows_portrait|ru ~ ';' %}
|
|
21
|
-
{% set gridAutoRowsMobile = '--grid-auto-rows-mobile: ' ~ fields.grid_layout.grid_auto_rows_mobile|ru ~ ';' %}
|
|
22
|
-
|
|
23
33
|
{% if fields.grid_layout.grid_auto_columns_desktop|ru == 'custom' %}
|
|
24
34
|
{% set gridAutoColumnsDesktop = '--grid-auto-columns-desktop: ' ~ fields.grid_layout.grid_auto_columns_desktop_custom ~ ';' %}
|
|
25
35
|
{% endif %}
|
|
@@ -29,6 +39,9 @@
|
|
|
29
39
|
{% if fields.grid_layout.grid_auto_columns_mobile|ru == 'custom' %}
|
|
30
40
|
{% set gridAutoColumnsMobile = '--grid-auto-columns-mobile: ' ~ fields.grid_layout.grid_auto_columns_mobile_custom ~ ';' %}
|
|
31
41
|
{% endif %}
|
|
42
|
+
{% set gridAutoColumns = gridAutoColumnsDesktop ~ gridAutoColumnsPortrait ~ gridAutoColumnsMobile %}
|
|
43
|
+
|
|
44
|
+
{# Template Columns Custom #}
|
|
32
45
|
{% if fields.grid_layout.grid_template_columns_custom_desktop is not empty %}
|
|
33
46
|
{% set gridTemplateColumnsCustomDesktop = '--grid-template-columns-custom-desktop: ' ~ fields.grid_layout.grid_template_columns_custom_desktop ~ ';' %}
|
|
34
47
|
{% endif %}
|
|
@@ -38,6 +51,15 @@
|
|
|
38
51
|
{% if fields.grid_layout.grid_template_columns_custom_mobile is not empty %}
|
|
39
52
|
{% set gridTemplateColumnsCustomMobile = '--grid-template-columns-custom-mobile: ' ~ fields.grid_layout.grid_template_columns_custom_mobile ~ ';' %}
|
|
40
53
|
{% endif %}
|
|
54
|
+
{% set gridTemplateColumnsCustom = gridTemplateColumnsCustomDesktop ~ gridTemplateColumnsCustomPortrait ~ gridTemplateColumnsCustomMobile %}
|
|
55
|
+
|
|
56
|
+
{# Grid Auto Rows #}
|
|
57
|
+
{% set gridAutoRows = '--grid-auto-rows-desktop: ' ~ fields.grid_layout.grid_auto_rows_desktop|ru ~ ';' %}
|
|
58
|
+
{% set gridAutoRowsPortrait = '--grid-auto-rows-portrait: ' ~ fields.grid_layout.grid_auto_rows_portrait|ru ~ ';' %}
|
|
59
|
+
{% set gridAutoRowsMobile = '--grid-auto-rows-mobile: ' ~ fields.grid_layout.grid_auto_rows_mobile|ru ~ ';' %}
|
|
60
|
+
{% set gridAutoRows = gridAutoRowsDesktop ~ gridAutoRowsPortrait ~ gridAutoRowsMobile %}
|
|
61
|
+
|
|
62
|
+
{# Grid Template Rows Custom #}
|
|
41
63
|
{% if fields.grid_layout.grid_template_rows_custom_desktop is not empty %}
|
|
42
64
|
{% set gridTemplateRowsCustomDesktop = '--grid-template-rows-custom-desktop: ' ~ fields.grid_layout.grid_template_rows_custom_desktop ~ ';' %}
|
|
43
65
|
{% endif %}
|
|
@@ -47,10 +69,8 @@
|
|
|
47
69
|
{% if fields.grid_layout.grid_template_rows_custom_mobile is not empty %}
|
|
48
70
|
{% set gridTemplateRowsCustomMobile = '--grid-template-rows-custom-mobile: ' ~ fields.grid_layout.grid_template_rows_custom_mobile ~ ';' %}
|
|
49
71
|
{% endif %}
|
|
72
|
+
{% set gridTemplateRowsCustom = gridTemplateRowsCustomDesktop ~ gridTemplateRowsCustomPortrait ~ gridTemplateRowsCustomMobile %}
|
|
50
73
|
|
|
51
|
-
|
|
52
|
-
{% set gridGapMults = include('components/grid-gap-mults-v3.twig', {fields: fields.grid_layout}, with_context = false) %}
|
|
53
|
-
{% set gridLayoutContainer = displayType ~ gridTemplateColumnsDesktop ~ gridTemplateColumnsPortrait ~ gridTemplateColumnsMobile ~ gridGapMults ~ gridTemplateColumnsCustomDesktop ~ gridTemplateColumnsPortrait ~ gridTemplateColumnsCustomMobile ~ gridAutoFlowDesktop ~ gridAutoFlowPortrait ~ gridAutoFlowMobile ~ containerOverflowType ~ gridAutoColumnsDesktop ~ gridTemplateRowsCustomDesktop ~ gridTemplateRowsCustomPortrait ~ gridTemplateRowsCustomMobile ~ gridAutoRows ~ gridAutoRowsPortrait ~ gridAutoRowsMobile ~ gridAutoColumnsPortrait ~ gridAutoColumnsMobile ~ scrollSnap ~ scrollSnapAlign %}
|
|
54
|
-
|
|
74
|
+
{% set gridLayoutContainer = scrollSnapType ~ scrollSnapAlign ~ displayType ~ containerOverflowType ~ gridGapMults ~ gridTemplateColumns ~ gridTemplateColumnsCustom ~ gridAutoFlow ~ gridAutoColumns ~ gridAutoRows ~ gridTemplateRowsCustom %}
|
|
55
75
|
|
|
56
76
|
{{gridLayoutContainer}}
|
|
@@ -454,7 +454,7 @@
|
|
|
454
454
|
{
|
|
455
455
|
"key": "field_6882282e77289",
|
|
456
456
|
"label": "Grid auto columns desktop",
|
|
457
|
-
"name": "
|
|
457
|
+
"name": "grid_auto_columns_desktop",
|
|
458
458
|
"aria-label": "",
|
|
459
459
|
"type": "select",
|
|
460
460
|
"instructions": "",
|
|
@@ -667,7 +667,7 @@
|
|
|
667
667
|
{
|
|
668
668
|
"key": "field_6882282e77a58",
|
|
669
669
|
"label": "Grid auto rows desktop",
|
|
670
|
-
"name": "
|
|
670
|
+
"name": "grid_auto_rows_desktop",
|
|
671
671
|
"aria-label": "",
|
|
672
672
|
"type": "select",
|
|
673
673
|
"instructions": "",
|
|
@@ -777,7 +777,7 @@
|
|
|
777
777
|
"conditional_logic": [
|
|
778
778
|
[
|
|
779
779
|
{
|
|
780
|
-
"field": "
|
|
780
|
+
"field": "field_689db0bd71354",
|
|
781
781
|
"operator": "==",
|
|
782
782
|
"value": "__custom"
|
|
783
783
|
}
|
|
@@ -864,7 +864,7 @@
|
|
|
864
864
|
},
|
|
865
865
|
{
|
|
866
866
|
"key": "field_6882282e78223",
|
|
867
|
-
"label": "
|
|
867
|
+
"label": "Grid Container Settings",
|
|
868
868
|
"name": "",
|
|
869
869
|
"aria-label": "",
|
|
870
870
|
"type": "tab",
|
|
@@ -884,15 +884,15 @@
|
|
|
884
884
|
},
|
|
885
885
|
{
|
|
886
886
|
"key": "field_6882282e7860d",
|
|
887
|
-
"label": "Scroll snap type",
|
|
888
|
-
"name": "
|
|
887
|
+
"label": "Scroll snap type desktop",
|
|
888
|
+
"name": "scroll_snap_type_desktop",
|
|
889
889
|
"aria-label": "",
|
|
890
890
|
"type": "select",
|
|
891
891
|
"instructions": "",
|
|
892
892
|
"required": 0,
|
|
893
893
|
"conditional_logic": 0,
|
|
894
894
|
"wrapper": {
|
|
895
|
-
"width": "",
|
|
895
|
+
"width": "33",
|
|
896
896
|
"class": "",
|
|
897
897
|
"id": ""
|
|
898
898
|
},
|
|
@@ -923,27 +923,72 @@
|
|
|
923
923
|
"min": ""
|
|
924
924
|
},
|
|
925
925
|
{
|
|
926
|
-
"key": "
|
|
927
|
-
"label": "
|
|
928
|
-
"name": "
|
|
926
|
+
"key": "field_68a0915404285",
|
|
927
|
+
"label": "Scroll snap type portrait",
|
|
928
|
+
"name": "scroll_snap_type_portrait",
|
|
929
929
|
"aria-label": "",
|
|
930
930
|
"type": "select",
|
|
931
931
|
"instructions": "",
|
|
932
932
|
"required": 0,
|
|
933
933
|
"conditional_logic": 0,
|
|
934
934
|
"wrapper": {
|
|
935
|
-
"width": "",
|
|
935
|
+
"width": "33",
|
|
936
936
|
"class": "",
|
|
937
937
|
"id": ""
|
|
938
938
|
},
|
|
939
939
|
"wpml_cf_preferences": 3,
|
|
940
940
|
"choices": {
|
|
941
|
-
"
|
|
942
|
-
"
|
|
943
|
-
"
|
|
944
|
-
"
|
|
941
|
+
"__none": "None",
|
|
942
|
+
"__x": "X",
|
|
943
|
+
"__x mandatory": "X mandatory",
|
|
944
|
+
"__y": "Y",
|
|
945
|
+
"__y mandatory": "Y mandatory",
|
|
946
|
+
"__both mandatory": "Both mandatory",
|
|
947
|
+
"__block": "Block",
|
|
948
|
+
"__inline": "Inline",
|
|
949
|
+
"__both": "Both"
|
|
945
950
|
},
|
|
946
|
-
"default_value": "
|
|
951
|
+
"default_value": "__none",
|
|
952
|
+
"return_format": "value",
|
|
953
|
+
"multiple": 0,
|
|
954
|
+
"max": "",
|
|
955
|
+
"prepend": "",
|
|
956
|
+
"append": "",
|
|
957
|
+
"allow_null": 0,
|
|
958
|
+
"ui": 0,
|
|
959
|
+
"ajax": 0,
|
|
960
|
+
"placeholder": "",
|
|
961
|
+
"allow_custom": 0,
|
|
962
|
+
"search_placeholder": "",
|
|
963
|
+
"min": ""
|
|
964
|
+
},
|
|
965
|
+
{
|
|
966
|
+
"key": "field_68a0918204289",
|
|
967
|
+
"label": "Scroll snap type mobile",
|
|
968
|
+
"name": "scroll_snap_type_mobile",
|
|
969
|
+
"aria-label": "",
|
|
970
|
+
"type": "select",
|
|
971
|
+
"instructions": "",
|
|
972
|
+
"required": 0,
|
|
973
|
+
"conditional_logic": 0,
|
|
974
|
+
"wrapper": {
|
|
975
|
+
"width": "33",
|
|
976
|
+
"class": "",
|
|
977
|
+
"id": ""
|
|
978
|
+
},
|
|
979
|
+
"wpml_cf_preferences": 3,
|
|
980
|
+
"choices": {
|
|
981
|
+
"__none": "None",
|
|
982
|
+
"__x": "X",
|
|
983
|
+
"__x mandatory": "X mandatory",
|
|
984
|
+
"__y": "Y",
|
|
985
|
+
"__y mandatory": "Y mandatory",
|
|
986
|
+
"__both mandatory": "Both mandatory",
|
|
987
|
+
"__block": "Block",
|
|
988
|
+
"__inline": "Inline",
|
|
989
|
+
"__both": "Both"
|
|
990
|
+
},
|
|
991
|
+
"default_value": "__none",
|
|
947
992
|
"return_format": "value",
|
|
948
993
|
"multiple": 0,
|
|
949
994
|
"max": "",
|
|
@@ -959,15 +1004,51 @@
|
|
|
959
1004
|
},
|
|
960
1005
|
{
|
|
961
1006
|
"key": "field_6882282e78ddb",
|
|
962
|
-
"label": "Scroll snap align",
|
|
963
|
-
"name": "
|
|
1007
|
+
"label": "Scroll snap align desktop",
|
|
1008
|
+
"name": "scroll_snap_align_desktop",
|
|
964
1009
|
"aria-label": "",
|
|
965
1010
|
"type": "select",
|
|
966
1011
|
"instructions": "",
|
|
967
1012
|
"required": 0,
|
|
968
1013
|
"conditional_logic": 0,
|
|
969
1014
|
"wrapper": {
|
|
970
|
-
"width": "",
|
|
1015
|
+
"width": "33",
|
|
1016
|
+
"class": "",
|
|
1017
|
+
"id": ""
|
|
1018
|
+
},
|
|
1019
|
+
"wpml_cf_preferences": 3,
|
|
1020
|
+
"choices": {
|
|
1021
|
+
"__none": "None",
|
|
1022
|
+
"__start": "Start",
|
|
1023
|
+
"__end": "End",
|
|
1024
|
+
"__start end": "Start End",
|
|
1025
|
+
"__end start": "End Start"
|
|
1026
|
+
},
|
|
1027
|
+
"default_value": "__none",
|
|
1028
|
+
"return_format": "value",
|
|
1029
|
+
"multiple": 0,
|
|
1030
|
+
"max": "",
|
|
1031
|
+
"prepend": "",
|
|
1032
|
+
"append": "",
|
|
1033
|
+
"allow_null": 0,
|
|
1034
|
+
"ui": 0,
|
|
1035
|
+
"ajax": 0,
|
|
1036
|
+
"placeholder": "",
|
|
1037
|
+
"allow_custom": 0,
|
|
1038
|
+
"search_placeholder": "",
|
|
1039
|
+
"min": ""
|
|
1040
|
+
},
|
|
1041
|
+
{
|
|
1042
|
+
"key": "field_68a093ba80505",
|
|
1043
|
+
"label": "Scroll snap align portrait",
|
|
1044
|
+
"name": "scroll_snap_align_portrait",
|
|
1045
|
+
"aria-label": "",
|
|
1046
|
+
"type": "select",
|
|
1047
|
+
"instructions": "",
|
|
1048
|
+
"required": 0,
|
|
1049
|
+
"conditional_logic": 0,
|
|
1050
|
+
"wrapper": {
|
|
1051
|
+
"width": "33",
|
|
971
1052
|
"class": "",
|
|
972
1053
|
"id": ""
|
|
973
1054
|
},
|
|
@@ -982,6 +1063,147 @@
|
|
|
982
1063
|
"default_value": "__none",
|
|
983
1064
|
"return_format": "value",
|
|
984
1065
|
"multiple": 0,
|
|
1066
|
+
"prepend": "",
|
|
1067
|
+
"append": "",
|
|
1068
|
+
"allow_null": 0,
|
|
1069
|
+
"ui": 0,
|
|
1070
|
+
"ajax": 0,
|
|
1071
|
+
"placeholder": "",
|
|
1072
|
+
"allow_custom": 0,
|
|
1073
|
+
"search_placeholder": "",
|
|
1074
|
+
"min": "",
|
|
1075
|
+
"max": ""
|
|
1076
|
+
},
|
|
1077
|
+
{
|
|
1078
|
+
"key": "field_68a0918a0428a",
|
|
1079
|
+
"label": "Scroll snap align mobile",
|
|
1080
|
+
"name": "scroll_snap_align_mobile",
|
|
1081
|
+
"aria-label": "",
|
|
1082
|
+
"type": "select",
|
|
1083
|
+
"instructions": "",
|
|
1084
|
+
"required": 0,
|
|
1085
|
+
"conditional_logic": 0,
|
|
1086
|
+
"wrapper": {
|
|
1087
|
+
"width": "33",
|
|
1088
|
+
"class": "",
|
|
1089
|
+
"id": ""
|
|
1090
|
+
},
|
|
1091
|
+
"wpml_cf_preferences": 3,
|
|
1092
|
+
"choices": {
|
|
1093
|
+
"__none": "None",
|
|
1094
|
+
"__start": "Start",
|
|
1095
|
+
"__end": "End",
|
|
1096
|
+
"__start end": "Start End",
|
|
1097
|
+
"__end start": "End Start"
|
|
1098
|
+
},
|
|
1099
|
+
"default_value": "__none",
|
|
1100
|
+
"return_format": "value",
|
|
1101
|
+
"multiple": 0,
|
|
1102
|
+
"max": "",
|
|
1103
|
+
"prepend": "",
|
|
1104
|
+
"append": "",
|
|
1105
|
+
"allow_null": 0,
|
|
1106
|
+
"ui": 0,
|
|
1107
|
+
"ajax": 0,
|
|
1108
|
+
"placeholder": "",
|
|
1109
|
+
"allow_custom": 0,
|
|
1110
|
+
"search_placeholder": "",
|
|
1111
|
+
"min": ""
|
|
1112
|
+
},
|
|
1113
|
+
{
|
|
1114
|
+
"key": "field_6882282e789f5",
|
|
1115
|
+
"label": "Container overflow type desktop",
|
|
1116
|
+
"name": "container_overflow_type_desktop",
|
|
1117
|
+
"aria-label": "",
|
|
1118
|
+
"type": "select",
|
|
1119
|
+
"instructions": "",
|
|
1120
|
+
"required": 0,
|
|
1121
|
+
"conditional_logic": 0,
|
|
1122
|
+
"wrapper": {
|
|
1123
|
+
"width": "33",
|
|
1124
|
+
"class": "",
|
|
1125
|
+
"id": ""
|
|
1126
|
+
},
|
|
1127
|
+
"wpml_cf_preferences": 3,
|
|
1128
|
+
"choices": {
|
|
1129
|
+
"__hidden": "Hidden",
|
|
1130
|
+
"__auto": "Auto",
|
|
1131
|
+
"__scroll": "Scroll",
|
|
1132
|
+
"__visible": "Visible"
|
|
1133
|
+
},
|
|
1134
|
+
"default_value": "__hidden",
|
|
1135
|
+
"return_format": "value",
|
|
1136
|
+
"multiple": 0,
|
|
1137
|
+
"max": "",
|
|
1138
|
+
"prepend": "",
|
|
1139
|
+
"append": "",
|
|
1140
|
+
"allow_null": 0,
|
|
1141
|
+
"ui": 0,
|
|
1142
|
+
"ajax": 0,
|
|
1143
|
+
"placeholder": "",
|
|
1144
|
+
"allow_custom": 0,
|
|
1145
|
+
"search_placeholder": "",
|
|
1146
|
+
"min": ""
|
|
1147
|
+
},
|
|
1148
|
+
{
|
|
1149
|
+
"key": "field_68a0916c04287",
|
|
1150
|
+
"label": "Container overflow type portrait",
|
|
1151
|
+
"name": "container_overflow_type_portrait",
|
|
1152
|
+
"aria-label": "",
|
|
1153
|
+
"type": "select",
|
|
1154
|
+
"instructions": "",
|
|
1155
|
+
"required": 0,
|
|
1156
|
+
"conditional_logic": 0,
|
|
1157
|
+
"wrapper": {
|
|
1158
|
+
"width": "33",
|
|
1159
|
+
"class": "",
|
|
1160
|
+
"id": ""
|
|
1161
|
+
},
|
|
1162
|
+
"wpml_cf_preferences": 3,
|
|
1163
|
+
"choices": {
|
|
1164
|
+
"__hidden": "Hidden",
|
|
1165
|
+
"__auto": "Auto",
|
|
1166
|
+
"__scroll": "Scroll",
|
|
1167
|
+
"__visible": "Visible"
|
|
1168
|
+
},
|
|
1169
|
+
"default_value": "__hidden",
|
|
1170
|
+
"return_format": "value",
|
|
1171
|
+
"multiple": 0,
|
|
1172
|
+
"max": "",
|
|
1173
|
+
"prepend": "",
|
|
1174
|
+
"append": "",
|
|
1175
|
+
"allow_null": 0,
|
|
1176
|
+
"ui": 0,
|
|
1177
|
+
"ajax": 0,
|
|
1178
|
+
"placeholder": "",
|
|
1179
|
+
"allow_custom": 0,
|
|
1180
|
+
"search_placeholder": "",
|
|
1181
|
+
"min": ""
|
|
1182
|
+
},
|
|
1183
|
+
{
|
|
1184
|
+
"key": "field_68a091910428b",
|
|
1185
|
+
"label": "Container overflow type mobile",
|
|
1186
|
+
"name": "container_overflow_type_mobile",
|
|
1187
|
+
"aria-label": "",
|
|
1188
|
+
"type": "select",
|
|
1189
|
+
"instructions": "",
|
|
1190
|
+
"required": 0,
|
|
1191
|
+
"conditional_logic": 0,
|
|
1192
|
+
"wrapper": {
|
|
1193
|
+
"width": "33",
|
|
1194
|
+
"class": "",
|
|
1195
|
+
"id": ""
|
|
1196
|
+
},
|
|
1197
|
+
"wpml_cf_preferences": 3,
|
|
1198
|
+
"choices": {
|
|
1199
|
+
"__hidden": "Hidden",
|
|
1200
|
+
"__auto": "Auto",
|
|
1201
|
+
"__scroll": "Scroll",
|
|
1202
|
+
"__visible": "Visible"
|
|
1203
|
+
},
|
|
1204
|
+
"default_value": "__hidden",
|
|
1205
|
+
"return_format": "value",
|
|
1206
|
+
"multiple": 0,
|
|
985
1207
|
"max": "",
|
|
986
1208
|
"prepend": "",
|
|
987
1209
|
"append": "",
|
|
@@ -1139,6 +1361,92 @@
|
|
|
1139
1361
|
"prepend": "",
|
|
1140
1362
|
"append": ""
|
|
1141
1363
|
},
|
|
1364
|
+
{
|
|
1365
|
+
"key": "field_68a07c25eb2d7",
|
|
1366
|
+
"label": "Scroll Buttons",
|
|
1367
|
+
"name": "",
|
|
1368
|
+
"aria-label": "",
|
|
1369
|
+
"type": "tab",
|
|
1370
|
+
"instructions": "",
|
|
1371
|
+
"required": 0,
|
|
1372
|
+
"conditional_logic": 0,
|
|
1373
|
+
"wrapper": {
|
|
1374
|
+
"width": "",
|
|
1375
|
+
"class": "",
|
|
1376
|
+
"id": ""
|
|
1377
|
+
},
|
|
1378
|
+
"wpml_cf_preferences": 3,
|
|
1379
|
+
"placement": "top",
|
|
1380
|
+
"endpoint": 0,
|
|
1381
|
+
"no_preference": 0,
|
|
1382
|
+
"selected": 0
|
|
1383
|
+
},
|
|
1384
|
+
{
|
|
1385
|
+
"key": "field_68a07c2feb2d8",
|
|
1386
|
+
"label": "Enable Scroll Buttons desktop",
|
|
1387
|
+
"name": "enable_scroll_buttons_desktop",
|
|
1388
|
+
"aria-label": "",
|
|
1389
|
+
"type": "true_false",
|
|
1390
|
+
"instructions": "",
|
|
1391
|
+
"required": 0,
|
|
1392
|
+
"conditional_logic": 0,
|
|
1393
|
+
"wrapper": {
|
|
1394
|
+
"width": "33",
|
|
1395
|
+
"class": "",
|
|
1396
|
+
"id": ""
|
|
1397
|
+
},
|
|
1398
|
+
"wpml_cf_preferences": 3,
|
|
1399
|
+
"message": "",
|
|
1400
|
+
"default_value": 0,
|
|
1401
|
+
"ui_on_text": "",
|
|
1402
|
+
"ui_off_text": "",
|
|
1403
|
+
"ui": 1,
|
|
1404
|
+
"style": ""
|
|
1405
|
+
},
|
|
1406
|
+
{
|
|
1407
|
+
"key": "field_68a07c46eb2d9",
|
|
1408
|
+
"label": "Enable Scroll Buttons portrait",
|
|
1409
|
+
"name": "enable_scroll_buttons_portrait",
|
|
1410
|
+
"aria-label": "",
|
|
1411
|
+
"type": "true_false",
|
|
1412
|
+
"instructions": "",
|
|
1413
|
+
"required": 0,
|
|
1414
|
+
"conditional_logic": 0,
|
|
1415
|
+
"wrapper": {
|
|
1416
|
+
"width": "33",
|
|
1417
|
+
"class": "",
|
|
1418
|
+
"id": ""
|
|
1419
|
+
},
|
|
1420
|
+
"wpml_cf_preferences": 3,
|
|
1421
|
+
"message": "",
|
|
1422
|
+
"default_value": 0,
|
|
1423
|
+
"ui_on_text": "",
|
|
1424
|
+
"ui_off_text": "",
|
|
1425
|
+
"ui": 1,
|
|
1426
|
+
"style": ""
|
|
1427
|
+
},
|
|
1428
|
+
{
|
|
1429
|
+
"key": "field_68a07c4ceb2da",
|
|
1430
|
+
"label": "Enable Scroll Buttons mobile",
|
|
1431
|
+
"name": "enable_scroll_buttons_mobile",
|
|
1432
|
+
"aria-label": "",
|
|
1433
|
+
"type": "true_false",
|
|
1434
|
+
"instructions": "",
|
|
1435
|
+
"required": 0,
|
|
1436
|
+
"conditional_logic": 0,
|
|
1437
|
+
"wrapper": {
|
|
1438
|
+
"width": "33",
|
|
1439
|
+
"class": "",
|
|
1440
|
+
"id": ""
|
|
1441
|
+
},
|
|
1442
|
+
"wpml_cf_preferences": 3,
|
|
1443
|
+
"message": "",
|
|
1444
|
+
"default_value": 0,
|
|
1445
|
+
"ui_on_text": "",
|
|
1446
|
+
"ui_off_text": "",
|
|
1447
|
+
"ui": 1,
|
|
1448
|
+
"style": ""
|
|
1449
|
+
},
|
|
1142
1450
|
{
|
|
1143
1451
|
"key": "field_6882282e7ad1b",
|
|
1144
1452
|
"label": "Advanced grid settings end",
|
|
@@ -1185,5 +1493,5 @@
|
|
|
1185
1493
|
"acfe_display_title": "",
|
|
1186
1494
|
"acfe_meta": "",
|
|
1187
1495
|
"acfe_note": "",
|
|
1188
|
-
"modified":
|
|
1496
|
+
"modified": 1755354147
|
|
1189
1497
|
}
|
package/createJsAssets.js
CHANGED
|
@@ -1,31 +1,27 @@
|
|
|
1
|
-
require('
|
|
2
|
-
const
|
|
3
|
-
const
|
|
4
|
-
const { globSync } = require( 'glob' );
|
|
5
|
-
const themePath = process.env.THEME_PATH || 'web/wp-content/themes/global-theme';
|
|
1
|
+
const fs = require('fs');
|
|
2
|
+
const path = require('path');
|
|
3
|
+
const {globSync} = require('glob');
|
|
6
4
|
|
|
7
|
-
const dynamicEntryPoints = globSync(
|
|
8
|
-
|
|
9
|
-
const assetKey = path
|
|
10
|
-
.replace('assets/js/blocks/', '')
|
|
11
|
-
.replace('.js', '');
|
|
5
|
+
const dynamicEntryPoints = globSync(`./components/block-*/*.js`).map(
|
|
6
|
+
(filePath) => {
|
|
7
|
+
const assetKey = path.basename(filePath, '.js');
|
|
12
8
|
return assetKey;
|
|
13
|
-
}
|
|
9
|
+
}
|
|
10
|
+
);
|
|
14
11
|
const assetArray = dynamicEntryPoints.map((entry) => {
|
|
15
|
-
return {
|
|
12
|
+
return {assetKey: entry};
|
|
16
13
|
});
|
|
17
14
|
|
|
18
|
-
const jsAssetsFilePath =
|
|
15
|
+
const jsAssetsFilePath = './jsAssets.mjs';
|
|
19
16
|
|
|
20
17
|
// Create directories if they don't exist
|
|
21
18
|
const dirPath = path.dirname(jsAssetsFilePath);
|
|
22
|
-
fs.mkdirSync(dirPath, {
|
|
19
|
+
fs.mkdirSync(dirPath, {recursive: true});
|
|
23
20
|
|
|
24
|
-
const data =
|
|
21
|
+
const data = `
|
|
25
22
|
const dynamicAssets = ${JSON.stringify(assetArray)};
|
|
26
|
-
const api = {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
export default api;`;
|
|
23
|
+
const api = {dynamicAssets};
|
|
24
|
+
export default api;
|
|
25
|
+
`;
|
|
30
26
|
|
|
31
|
-
fs.writeFileSync(jsAssetsFilePath, data);
|
|
27
|
+
fs.writeFileSync(jsAssetsFilePath, data);
|
package/jsAssets.mjs
ADDED
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
const dynamicAssets = [
|
|
2
|
+
{ assetKey: "video-content-v3" },
|
|
3
|
+
{ assetKey: "sub-group-container-v3" },
|
|
4
|
+
{ assetKey: "standard-content-v3" },
|
|
5
|
+
{ assetKey: "standard-content-v3-extra" },
|
|
6
|
+
{ assetKey: "spacer-v3" },
|
|
7
|
+
{ assetKey: "social-networks-v3" },
|
|
8
|
+
{ assetKey: "smash-balloon-social-media-v3" },
|
|
9
|
+
{ assetKey: "site-title-and-tagline-v3" },
|
|
10
|
+
{ assetKey: "site-logo-container-v3" },
|
|
11
|
+
{ assetKey: "single-responsive-image-v3" },
|
|
12
|
+
{ assetKey: "single-column-container-v3" },
|
|
13
|
+
{ assetKey: "section-separator-v3" },
|
|
14
|
+
{ assetKey: "product-info-v3" },
|
|
15
|
+
{ assetKey: "product-info-v3-extra" },
|
|
16
|
+
{ assetKey: "post-info-v3" },
|
|
17
|
+
{ assetKey: "post-info-v3-extra" },
|
|
18
|
+
{ assetKey: "nav-menu-container-v3" },
|
|
19
|
+
{ assetKey: "modal-form-v3" },
|
|
20
|
+
{ assetKey: "market-selector-v3" },
|
|
21
|
+
{ assetKey: "lottie-content-v3" },
|
|
22
|
+
{ assetKey: "group-container-v3" },
|
|
23
|
+
{ assetKey: "gradient-layer-v3" },
|
|
24
|
+
{ assetKey: "form-selection-v3" },
|
|
25
|
+
{ assetKey: "divider-v3" },
|
|
26
|
+
{ assetKey: "cover-link-v3" },
|
|
27
|
+
{ assetKey: "carousel-multi-layout-v3" },
|
|
28
|
+
{ assetKey: "carousel-multi-layout-v3-extra" },
|
|
29
|
+
{ assetKey: "block-interactions-v3" },
|
|
30
|
+
{ assetKey: "betterreviews-display-v3" },
|
|
31
|
+
{ assetKey: "betterreviews-display-v3-extra" },
|
|
32
|
+
{ assetKey: "accordion-v3" },
|
|
33
|
+
{ assetKey: "accent-image-v3" },
|
|
34
|
+
];
|
|
35
|
+
const api = { dynamicAssets };
|
|
36
|
+
export default api;
|