@total_onion/onion-library 2.0.152 → 2.0.154
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-carousel-multi-layout-v3/carousel-multi-layout-v3.js +6 -1
- package/components/block-carousel-multi-layout-v3/carousel-multi-layout-v3.twig +1 -1
- package/components/block-cocktail-recipe-v3/cocktail-recipe-v3.scss +51 -47
- package/components/component-carousel-fields-v3/group_686fd30f4d873.json +108 -1
- package/package.json +1 -1
|
@@ -63,6 +63,9 @@ export default function carouselmultilayoutv3Js(options = {}) {
|
|
|
63
63
|
Number(dataAttributes.centeractiveslideportrait) === 1;
|
|
64
64
|
const centerActiveSlideMobile =
|
|
65
65
|
Number(dataAttributes.centeractiveslidemobile) === 1;
|
|
66
|
+
const centerSlidesBounds = Number(dataAttributes.centerslidesbounds) === 1;
|
|
67
|
+
const centerSlidesBoundsPortrait = Number(dataAttributes.centerslidesboundsportrait) === 1;
|
|
68
|
+
const centerSlidesBoundsMobile = Number(dataAttributes.centerslidesboundsmobile) === 1;
|
|
66
69
|
const centerInsufficientSlidesDesktop =
|
|
67
70
|
Number(dataAttributes.centerinsufficientslidesdesktop) === 1;
|
|
68
71
|
const centerInsufficientSlidesPortrait =
|
|
@@ -162,6 +165,7 @@ export default function carouselmultilayoutv3Js(options = {}) {
|
|
|
162
165
|
watchOverflow: true,
|
|
163
166
|
centeredSlides: centerActiveSlideMobile,
|
|
164
167
|
centerInsufficientSlides: centerInsufficientSlidesMobile,
|
|
168
|
+
centeredSlidesBounds: centerSlidesBoundsMobile,
|
|
165
169
|
freeMode: {
|
|
166
170
|
enabled: carouselEnableFreeMode,
|
|
167
171
|
sticky: carouselEnableFreeMode
|
|
@@ -176,7 +180,7 @@ export default function carouselmultilayoutv3Js(options = {}) {
|
|
|
176
180
|
centeredSlides: centerActiveSlidePortrait,
|
|
177
181
|
centerInsufficientSlides:
|
|
178
182
|
centerInsufficientSlidesPortrait,
|
|
179
|
-
|
|
183
|
+
centeredSlidesBounds: centerSlidesBoundsPortrait,
|
|
180
184
|
slidesOffsetBefore: slidesOffsetTabletBefore,
|
|
181
185
|
slidesOffsetAfter: slidesOffsetTabletAfter,
|
|
182
186
|
loop: totalSlides > 1 ? loopSlidesPortrait : false
|
|
@@ -187,6 +191,7 @@ export default function carouselmultilayoutv3Js(options = {}) {
|
|
|
187
191
|
centeredSlides: centerActiveSlide,
|
|
188
192
|
centerInsufficientSlides:
|
|
189
193
|
centerInsufficientSlidesDesktop,
|
|
194
|
+
centeredSlidesBounds: centerSlidesBounds,
|
|
190
195
|
slidesOffsetBefore: slidesOffsetDesktopBefore,
|
|
191
196
|
slidesOffsetAfter: slidesOffsetDesktopAfter,
|
|
192
197
|
loop: totalSlides > 1 ? loopSlides : false
|
|
@@ -106,7 +106,7 @@
|
|
|
106
106
|
}
|
|
107
107
|
</style>
|
|
108
108
|
|
|
109
|
-
<section {{block.anchor ? "id=" ~ block.anchor : ''}} class=" {{ blockClassName }} lazy-fade {{block.id}} {{block.className}} {{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-desktopfullspacebetweenslides="{{fields.space_between_slides_desktop_full}}" 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 }}">
|
|
109
|
+
<section {{block.anchor ? "id=" ~ block.anchor : ''}} class=" {{ blockClassName }} lazy-fade {{block.id}} {{block.className}} {{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-desktopfullspacebetweenslides="{{fields.space_between_slides_desktop_full}}" 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-centerslidesbounds="{{fields.center_slides_bounds}}" data-centerslidesboundsportrait="{{fields.center_slides_bounds_portrait}}" data-centerslidesboundsmobile="{{fields.center_slides_bounds_mobile}}" data-loopslides="{{fields.loop_slides}}" data-loopslidesportrait="{{fields.loop_slides_portrait}}" data-loopslidesmobile="{{fields.loop_slides_mobile}}" data-paginationstyle="{{carouselPaginationStyle}}" data-assetkey="{{ blockClassName }}">
|
|
110
110
|
|
|
111
111
|
{% set arrowData = fields %}
|
|
112
112
|
<div class="{{ blockClassName }}__inner-container">
|
|
@@ -49,30 +49,32 @@
|
|
|
49
49
|
border: 1px solid #faf8ec;
|
|
50
50
|
overflow: hidden;
|
|
51
51
|
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
52
|
+
// styled within the child block
|
|
53
|
+
|
|
54
|
+
// .servings-dec-btn {
|
|
55
|
+
// cursor: pointer;
|
|
56
|
+
// background-color: #0054ff;
|
|
57
|
+
// color: #faf8ec;
|
|
58
|
+
// font-size: 28px;
|
|
59
|
+
// padding-bottom: 4px;
|
|
60
|
+
// width: 100%;
|
|
61
|
+
// height: 100%;
|
|
62
|
+
// border: unset;
|
|
63
|
+
// transform: translateX(0);
|
|
64
|
+
// transition: transform 0.3s ease;
|
|
65
|
+
|
|
66
|
+
// &::after {
|
|
67
|
+
// content: '\2212';
|
|
68
|
+
// color: #0054ff;
|
|
69
|
+
// padding-top: 4px;
|
|
70
|
+
// width: 38px;
|
|
71
|
+
// height: 38px;
|
|
72
|
+
// position: absolute;
|
|
73
|
+
// top: 0;
|
|
74
|
+
// right: -38px;
|
|
75
|
+
// background-color: #faf8ec;
|
|
76
|
+
// }
|
|
77
|
+
// }
|
|
76
78
|
|
|
77
79
|
&:hover {
|
|
78
80
|
.servings-dec-btn {
|
|
@@ -106,29 +108,31 @@
|
|
|
106
108
|
border: 1px solid #faf8ec;
|
|
107
109
|
overflow: hidden;
|
|
108
110
|
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
111
|
+
// styled within the child block
|
|
112
|
+
|
|
113
|
+
// .servings-inc-btn {
|
|
114
|
+
// cursor: pointer;
|
|
115
|
+
// color: #0054ff;
|
|
116
|
+
// font-size: 30px;
|
|
117
|
+
// background-color: #faf8ec;
|
|
118
|
+
// width: 100%;
|
|
119
|
+
// height: 100%;
|
|
120
|
+
// border: unset;
|
|
121
|
+
// transform: translateX(-100%);
|
|
122
|
+
// transition: transform 0.3s ease;
|
|
123
|
+
|
|
124
|
+
// &::after {
|
|
125
|
+
// content: '+';
|
|
126
|
+
// padding-top: 2px;
|
|
127
|
+
// color: #faf8ec;
|
|
128
|
+
// width: 38px;
|
|
129
|
+
// height: 38px;
|
|
130
|
+
// position: absolute;
|
|
131
|
+
// top: 0;
|
|
132
|
+
// right: -38px;
|
|
133
|
+
// background-color: #0054ff;
|
|
134
|
+
// }
|
|
135
|
+
// }
|
|
132
136
|
|
|
133
137
|
&:hover {
|
|
134
138
|
.servings-inc-btn {
|
|
@@ -2045,6 +2045,113 @@
|
|
|
2045
2045
|
"multi_expand": 0,
|
|
2046
2046
|
"endpoint": 1
|
|
2047
2047
|
},
|
|
2048
|
+
{
|
|
2049
|
+
"key": "field_692469af80e87",
|
|
2050
|
+
"label": "Center slides bounds",
|
|
2051
|
+
"name": "",
|
|
2052
|
+
"aria-label": "",
|
|
2053
|
+
"type": "accordion",
|
|
2054
|
+
"instructions": "",
|
|
2055
|
+
"required": 0,
|
|
2056
|
+
"conditional_logic": 0,
|
|
2057
|
+
"wrapper": {
|
|
2058
|
+
"width": "",
|
|
2059
|
+
"class": "",
|
|
2060
|
+
"id": ""
|
|
2061
|
+
},
|
|
2062
|
+
"wpml_cf_preferences": 3,
|
|
2063
|
+
"open": 0,
|
|
2064
|
+
"multi_expand": 0,
|
|
2065
|
+
"endpoint": 0
|
|
2066
|
+
},
|
|
2067
|
+
{
|
|
2068
|
+
"key": "field_69246a1aea31c",
|
|
2069
|
+
"label": "Center slides bounds",
|
|
2070
|
+
"name": "center_slides_bounds",
|
|
2071
|
+
"aria-label": "",
|
|
2072
|
+
"type": "true_false",
|
|
2073
|
+
"instructions": "",
|
|
2074
|
+
"required": 0,
|
|
2075
|
+
"conditional_logic": 0,
|
|
2076
|
+
"wrapper": {
|
|
2077
|
+
"width": "33",
|
|
2078
|
+
"class": "",
|
|
2079
|
+
"id": ""
|
|
2080
|
+
},
|
|
2081
|
+
"wpml_cf_preferences": 3,
|
|
2082
|
+
"message": "",
|
|
2083
|
+
"default_value": 0,
|
|
2084
|
+
"allow_in_bindings": 1,
|
|
2085
|
+
"ui_on_text": "",
|
|
2086
|
+
"ui_off_text": "",
|
|
2087
|
+
"ui": 1,
|
|
2088
|
+
"style": ""
|
|
2089
|
+
},
|
|
2090
|
+
{
|
|
2091
|
+
"key": "field_69247afc6d826",
|
|
2092
|
+
"label": "Center slides bounds portrait",
|
|
2093
|
+
"name": "center_slides_bounds_portrait",
|
|
2094
|
+
"aria-label": "",
|
|
2095
|
+
"type": "true_false",
|
|
2096
|
+
"instructions": "",
|
|
2097
|
+
"required": 0,
|
|
2098
|
+
"conditional_logic": 0,
|
|
2099
|
+
"wrapper": {
|
|
2100
|
+
"width": "33",
|
|
2101
|
+
"class": "",
|
|
2102
|
+
"id": ""
|
|
2103
|
+
},
|
|
2104
|
+
"wpml_cf_preferences": 3,
|
|
2105
|
+
"message": "",
|
|
2106
|
+
"default_value": 0,
|
|
2107
|
+
"allow_in_bindings": 1,
|
|
2108
|
+
"ui_on_text": "",
|
|
2109
|
+
"ui_off_text": "",
|
|
2110
|
+
"ui": 1,
|
|
2111
|
+
"style": ""
|
|
2112
|
+
},
|
|
2113
|
+
{
|
|
2114
|
+
"key": "field_69247b056d827",
|
|
2115
|
+
"label": "Center slides bounds mobile",
|
|
2116
|
+
"name": "center_slides_bounds_mobile",
|
|
2117
|
+
"aria-label": "",
|
|
2118
|
+
"type": "true_false",
|
|
2119
|
+
"instructions": "",
|
|
2120
|
+
"required": 0,
|
|
2121
|
+
"conditional_logic": 0,
|
|
2122
|
+
"wrapper": {
|
|
2123
|
+
"width": "33",
|
|
2124
|
+
"class": "",
|
|
2125
|
+
"id": ""
|
|
2126
|
+
},
|
|
2127
|
+
"wpml_cf_preferences": 3,
|
|
2128
|
+
"message": "",
|
|
2129
|
+
"default_value": 0,
|
|
2130
|
+
"allow_in_bindings": 1,
|
|
2131
|
+
"ui_on_text": "",
|
|
2132
|
+
"ui_off_text": "",
|
|
2133
|
+
"ui": 1,
|
|
2134
|
+
"style": ""
|
|
2135
|
+
},
|
|
2136
|
+
{
|
|
2137
|
+
"key": "field_692469d380e88",
|
|
2138
|
+
"label": "Center slides bounds end",
|
|
2139
|
+
"name": "",
|
|
2140
|
+
"aria-label": "",
|
|
2141
|
+
"type": "accordion",
|
|
2142
|
+
"instructions": "",
|
|
2143
|
+
"required": 0,
|
|
2144
|
+
"conditional_logic": 0,
|
|
2145
|
+
"wrapper": {
|
|
2146
|
+
"width": "",
|
|
2147
|
+
"class": "",
|
|
2148
|
+
"id": ""
|
|
2149
|
+
},
|
|
2150
|
+
"wpml_cf_preferences": 3,
|
|
2151
|
+
"open": 0,
|
|
2152
|
+
"multi_expand": 0,
|
|
2153
|
+
"endpoint": 1
|
|
2154
|
+
},
|
|
2048
2155
|
{
|
|
2049
2156
|
"key": "field_686fd30f67d4b",
|
|
2050
2157
|
"label": "Next and prev slides opacity",
|
|
@@ -2914,5 +3021,5 @@
|
|
|
2914
3021
|
"acfe_display_title": "",
|
|
2915
3022
|
"acfe_meta": "",
|
|
2916
3023
|
"acfe_note": "",
|
|
2917
|
-
"modified":
|
|
3024
|
+
"modified": 1763998478
|
|
2918
3025
|
}
|