@total_onion/onion-library 1.1.49 → 2.0.0

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.
Files changed (6) hide show
  1. package/components/block-group-container-v3/group-container-v3.twig +2 -2
  2. package/components/component-content-box-settings-v3/group_686e6ec702acc.json +268 -313
  3. package/components/component-core-group-container-styles-v3/core-group-container-styles-v3.scss +44 -0
  4. package/components/fields-core-css-modules-v3/core-css-modules-v3.scss +1 -0
  5. package/createNewChildBlock2.js +33 -1
  6. package/package.json +1 -1
package/components/block-group-container-v3/group-container-v3.twig CHANGED
@@ -2,7 +2,7 @@
2
2
  {% set classNameEntryPoint = include('entry-points/entry-point-classes.twig', { fields, block }, with_context = false) %}
3
3
  {% set htmlEntryPoint = include('entry-points/entry-point-html-v3.twig', { fields, block, blockClassName, options, environment, is_preview, nav_menus, cta_styles }, with_context = false) %}
4
4
  {% set dataAttributeEntryPoint = include('entry-points/entry-point-data-attribute.twig', { fields, block }, with_context = false) %}
5
- {% set styleEntryPoint = include('entry-points/entry-point-style.twig', { fields, block, displaytype, is_preview }, with_context = false) %}
5
+ {% set styleEntryPoint = include('entry-points/entry-point-style-v3.twig', { fields, block, displaytype, is_preview }, with_context = false) %}
6
6
  {% set previewEntryPoint = include('entry-points/entry-point-preview-info.twig', { fields, block, displaytype, is_preview }, with_context = false) %}
7
7
 
8
8
  {% set layoutType = fields.layout_type|ru|default('grid') %}
@@ -32,7 +32,7 @@
32
32
  {{sectionStyles}}
33
33
  }
34
34
  </style>
35
- <{{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}}">
35
+ <{{blockElementType}} {{block.anchor ? "id=" ~ block.anchor : ''}} class="group-container-v3 core-group-container {{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}}">
36
36
  {% if block %}
37
37
  {% set block = block|merge({'videoIdPrefix' : block.id }) %}
38
38
  {% endif %}
package/components/component-content-box-settings-v3/group_686e6ec702acc.json CHANGED
@@ -447,10 +447,7 @@
447
447
  "id": ""
448
448
  },
449
449
  "wpml_cf_preferences": 3,
450
- "user_roles": [
451
- "administrator"
452
- ],
453
- "default_value": "0.5",
450
+ "default_value": 0,
454
451
  "min": "",
455
452
  "max": 4,
456
453
  "step": "0.125",
@@ -480,10 +477,7 @@
480
477
  "id": ""
481
478
  },
482
479
  "wpml_cf_preferences": 3,
483
- "user_roles": [
484
- "administrator"
485
- ],
486
- "default_value": "0.5",
480
+ "default_value": 0,
487
481
  "min": "",
488
482
  "max": 4,
489
483
  "step": "0.125",
@@ -513,10 +507,7 @@
513
507
  "id": ""
514
508
  },
515
509
  "wpml_cf_preferences": 3,
516
- "user_roles": [
517
- "administrator"
518
- ],
519
- "default_value": "0.5",
510
+ "default_value": 0,
520
511
  "min": "",
521
512
  "max": 4,
522
513
  "step": "0.125",
@@ -576,10 +567,7 @@
576
567
  "id": ""
577
568
  },
578
569
  "wpml_cf_preferences": 3,
579
- "user_roles": [
580
- "administrator"
581
- ],
582
- "default_value": "0.5",
570
+ "default_value": 0,
583
571
  "min": "",
584
572
  "max": 4,
585
573
  "step": "0.125",
@@ -609,10 +597,7 @@
609
597
  "id": ""
610
598
  },
611
599
  "wpml_cf_preferences": 3,
612
- "user_roles": [
613
- "administrator"
614
- ],
615
- "default_value": "0.5",
600
+ "default_value": 0,
616
601
  "min": "",
617
602
  "max": 4,
618
603
  "step": "0.125",
@@ -642,10 +627,7 @@
642
627
  "id": ""
643
628
  },
644
629
  "wpml_cf_preferences": 3,
645
- "user_roles": [
646
- "administrator"
647
- ],
648
- "default_value": "0.5",
630
+ "default_value": 0,
649
631
  "min": "",
650
632
  "max": 4,
651
633
  "step": "0.125",
@@ -675,10 +657,7 @@
675
657
  "id": ""
676
658
  },
677
659
  "wpml_cf_preferences": 3,
678
- "user_roles": [
679
- "administrator"
680
- ],
681
- "default_value": "0.5",
660
+ "default_value": 0,
682
661
  "min": "",
683
662
  "max": 4,
684
663
  "step": "0.125",
@@ -800,11 +779,11 @@
800
779
  "save_other_choice": 0
801
780
  },
802
781
  {
803
- "key": "field_686e6ec71562f",
804
- "label": "Content items vertical alignment portrait",
805
- "name": "content_items_vertical_alignment_portrait",
782
+ "key": "field_686e6ec715e00",
783
+ "label": "Content box padding portrait top",
784
+ "name": "content_box_padding_portrait_top",
806
785
  "aria-label": "",
807
- "type": "radio",
786
+ "type": "range",
808
787
  "instructions": "",
809
788
  "required": 0,
810
789
  "conditional_logic": [
@@ -822,51 +801,17 @@
822
801
  "id": ""
823
802
  },
824
803
  "wpml_cf_preferences": 3,
825
- "choices": {
826
- "__flex-start": "Top",
827
- "__center": "Center",
828
- "__flex-end": "Bottom",
829
- "__space-between": "Space between",
830
- "__space-around": "Space around"
831
- },
832
- "default_value": "__center",
833
- "return_format": "value",
834
- "allow_null": 0,
835
- "other_choice": 0,
836
- "layout": "horizontal",
837
- "save_other_choice": 0
838
- },
839
- {
840
- "key": "field_686e6ec715a16",
841
- "label": "Content box padding portrait:",
842
- "name": "",
843
- "aria-label": "",
844
- "type": "message",
845
- "instructions": "",
846
- "required": 0,
847
- "conditional_logic": [
848
- [
849
- {
850
- "field": "field_686e6ec714a75",
851
- "operator": "==",
852
- "value": "1"
853
- }
854
- ]
855
- ],
856
- "wrapper": {
857
- "width": "",
858
- "class": "",
859
- "id": ""
860
- },
861
- "wpml_cf_preferences": 2,
862
- "message": "",
863
- "new_lines": "wpautop",
864
- "esc_html": 0
804
+ "default_value": 0,
805
+ "min": "",
806
+ "max": 4,
807
+ "step": "0.125",
808
+ "prepend": "",
809
+ "append": ""
865
810
  },
866
811
  {
867
- "key": "field_686e6ec715e00",
868
- "label": "Content box padding portrait top",
869
- "name": "content_box_padding_portrait_top",
812
+ "key": "field_686e6ec7161e1",
813
+ "label": "Content box padding portrait right",
814
+ "name": "content_box_padding_portrait_right",
870
815
  "aria-label": "",
871
816
  "type": "range",
872
817
  "instructions": "",
@@ -886,7 +831,7 @@
886
831
  "id": ""
887
832
  },
888
833
  "wpml_cf_preferences": 3,
889
- "default_value": "0.5",
834
+ "default_value": 0,
890
835
  "min": "",
891
836
  "max": 4,
892
837
  "step": "0.125",
@@ -894,11 +839,11 @@
894
839
  "append": ""
895
840
  },
896
841
  {
897
- "key": "field_686e6ec7161e1",
898
- "label": "Content box padding portrait right",
899
- "name": "content_box_padding_portrait_right",
842
+ "key": "field_686e6ec71562f",
843
+ "label": "Content items vertical alignment portrait",
844
+ "name": "content_items_vertical_alignment_portrait",
900
845
  "aria-label": "",
901
- "type": "range",
846
+ "type": "radio",
902
847
  "instructions": "",
903
848
  "required": 0,
904
849
  "conditional_logic": [
@@ -916,12 +861,19 @@
916
861
  "id": ""
917
862
  },
918
863
  "wpml_cf_preferences": 3,
919
- "default_value": "0.5",
920
- "min": "",
921
- "max": 4,
922
- "step": "0.125",
923
- "prepend": "",
924
- "append": ""
864
+ "choices": {
865
+ "__flex-start": "Top",
866
+ "__center": "Center",
867
+ "__flex-end": "Bottom",
868
+ "__space-between": "Space between",
869
+ "__space-around": "Space around"
870
+ },
871
+ "default_value": "__center",
872
+ "return_format": "value",
873
+ "allow_null": 0,
874
+ "other_choice": 0,
875
+ "layout": "horizontal",
876
+ "save_other_choice": 0
925
877
  },
926
878
  {
927
879
  "key": "field_686e6ec7165cc",
@@ -946,7 +898,7 @@
946
898
  "id": ""
947
899
  },
948
900
  "wpml_cf_preferences": 3,
949
- "default_value": "0.5",
901
+ "default_value": 0,
950
902
  "min": "",
951
903
  "max": 4,
952
904
  "step": "0.125",
@@ -976,7 +928,7 @@
976
928
  "id": ""
977
929
  },
978
930
  "wpml_cf_preferences": 3,
979
- "default_value": "0.5",
931
+ "default_value": 0,
980
932
  "min": "",
981
933
  "max": 4,
982
934
  "step": "0.125",
@@ -984,8 +936,8 @@
984
936
  "append": ""
985
937
  },
986
938
  {
987
- "key": "field_686e6ec716d9e",
988
- "label": "Content box (container) margin portrait:",
939
+ "key": "field_686e6ec715a16",
940
+ "label": "Content box padding portrait:",
989
941
  "name": "",
990
942
  "aria-label": "",
991
943
  "type": "message",
@@ -1033,7 +985,7 @@
1033
985
  "id": ""
1034
986
  },
1035
987
  "wpml_cf_preferences": 3,
1036
- "default_value": "0.5",
988
+ "default_value": 0,
1037
989
  "min": "",
1038
990
  "max": 4,
1039
991
  "step": "0.125",
@@ -1063,7 +1015,7 @@
1063
1015
  "id": ""
1064
1016
  },
1065
1017
  "wpml_cf_preferences": 3,
1066
- "default_value": "0.5",
1018
+ "default_value": 0,
1067
1019
  "min": "",
1068
1020
  "max": 4,
1069
1021
  "step": "0.125",
@@ -1093,7 +1045,7 @@
1093
1045
  "id": ""
1094
1046
  },
1095
1047
  "wpml_cf_preferences": 3,
1096
- "default_value": "0.5",
1048
+ "default_value": 0,
1097
1049
  "min": "",
1098
1050
  "max": 4,
1099
1051
  "step": "0.125",
@@ -1123,7 +1075,7 @@
1123
1075
  "id": ""
1124
1076
  },
1125
1077
  "wpml_cf_preferences": 3,
1126
- "default_value": "0.5",
1078
+ "default_value": 0,
1127
1079
  "min": "",
1128
1080
  "max": 4,
1129
1081
  "step": "0.125",
@@ -1131,60 +1083,82 @@
1131
1083
  "append": ""
1132
1084
  },
1133
1085
  {
1134
- "key": "field_686e6ec71812e",
1135
- "label": "Mobile",
1086
+ "key": "field_686e6ec716d9e",
1087
+ "label": "Content box (container) margin portrait:",
1136
1088
  "name": "",
1137
1089
  "aria-label": "",
1138
- "type": "tab",
1090
+ "type": "message",
1139
1091
  "instructions": "",
1140
1092
  "required": 0,
1141
- "conditional_logic": 0,
1093
+ "conditional_logic": [
1094
+ [
1095
+ {
1096
+ "field": "field_686e6ec714a75",
1097
+ "operator": "==",
1098
+ "value": "1"
1099
+ }
1100
+ ]
1101
+ ],
1142
1102
  "wrapper": {
1143
1103
  "width": "",
1144
1104
  "class": "",
1145
1105
  "id": ""
1146
1106
  },
1147
- "wpml_cf_preferences": 3,
1148
- "user_roles": [
1149
- "administrator"
1150
- ],
1151
- "placement": "top",
1152
- "endpoint": 0,
1153
- "no_preference": 0,
1154
- "selected": 0
1107
+ "wpml_cf_preferences": 2,
1108
+ "message": "",
1109
+ "new_lines": "wpautop",
1110
+ "esc_html": 0
1155
1111
  },
1156
1112
  {
1157
- "key": "field_686e6ec71850b",
1158
- "label": "Enable mobile specific content box layout",
1159
- "name": "enable_mobile_content_box_layout",
1113
+ "key": "field_686e6ec71a073",
1114
+ "label": "Content box padding mobile top",
1115
+ "name": "content_box_padding_mobile_top",
1160
1116
  "aria-label": "",
1161
- "type": "true_false",
1117
+ "type": "range",
1162
1118
  "instructions": "",
1163
1119
  "required": 0,
1164
- "conditional_logic": 0,
1120
+ "conditional_logic": [
1121
+ [
1122
+ {
1123
+ "field": "field_686e6ec71003c",
1124
+ "operator": "==",
1125
+ "value": "1"
1126
+ },
1127
+ {
1128
+ "field": "field_686e6ec71850b",
1129
+ "operator": "==",
1130
+ "value": "1"
1131
+ }
1132
+ ]
1133
+ ],
1165
1134
  "wrapper": {
1166
1135
  "width": "",
1167
1136
  "class": "",
1168
1137
  "id": ""
1169
1138
  },
1170
1139
  "wpml_cf_preferences": 3,
1171
- "message": "",
1172
- "default_value": 1,
1173
- "ui_on_text": "",
1174
- "ui_off_text": "",
1175
- "ui": 1,
1176
- "style": ""
1140
+ "default_value": 0,
1141
+ "min": "",
1142
+ "max": 4,
1143
+ "step": "0.125",
1144
+ "prepend": "",
1145
+ "append": ""
1177
1146
  },
1178
1147
  {
1179
- "key": "field_686e6ec7188f3",
1180
- "label": "Content Box Horizontal alignment mobile",
1181
- "name": "content_box_horizontal_alignment_mobile",
1148
+ "key": "field_686e6ec71a44d",
1149
+ "label": "Content box padding mobile right",
1150
+ "name": "content_box_padding_mobile_right",
1182
1151
  "aria-label": "",
1183
- "type": "radio",
1152
+ "type": "range",
1184
1153
  "instructions": "",
1185
1154
  "required": 0,
1186
1155
  "conditional_logic": [
1187
1156
  [
1157
+ {
1158
+ "field": "field_686e6ec71003c",
1159
+ "operator": "==",
1160
+ "value": "1"
1161
+ },
1188
1162
  {
1189
1163
  "field": "field_686e6ec71850b",
1190
1164
  "operator": "==",
@@ -1198,32 +1172,28 @@
1198
1172
  "id": ""
1199
1173
  },
1200
1174
  "wpml_cf_preferences": 3,
1201
- "user_roles": [
1202
- "administrator"
1203
- ],
1204
- "choices": {
1205
- "__flex-start": "Left",
1206
- "__center": "Cnt",
1207
- "__flex-end": "Right",
1208
- "__stretch": "Stretch"
1209
- },
1210
- "default_value": "__center",
1211
- "return_format": "value",
1212
- "allow_null": 0,
1213
- "other_choice": 0,
1214
- "layout": "horizontal",
1215
- "save_other_choice": 0
1175
+ "default_value": 0,
1176
+ "min": "",
1177
+ "max": 4,
1178
+ "step": "0.125",
1179
+ "prepend": "",
1180
+ "append": ""
1216
1181
  },
1217
1182
  {
1218
- "key": "field_686e6ec718cdc",
1219
- "label": "Content Box Vertical alignment mobile",
1220
- "name": "content_box_vertical_alignment_mobile",
1183
+ "key": "field_686e6ec71a838",
1184
+ "label": "Content box padding mobile bottom",
1185
+ "name": "content_box_padding_mobile_bottom",
1221
1186
  "aria-label": "",
1222
- "type": "radio",
1187
+ "type": "range",
1223
1188
  "instructions": "",
1224
1189
  "required": 0,
1225
1190
  "conditional_logic": [
1226
1191
  [
1192
+ {
1193
+ "field": "field_686e6ec71003c",
1194
+ "operator": "==",
1195
+ "value": "1"
1196
+ },
1227
1197
  {
1228
1198
  "field": "field_686e6ec71850b",
1229
1199
  "operator": "==",
@@ -1237,29 +1207,28 @@
1237
1207
  "id": ""
1238
1208
  },
1239
1209
  "wpml_cf_preferences": 3,
1240
- "choices": {
1241
- "__flex-start": "Top",
1242
- "__center": "Center",
1243
- "__flex-end": "Bottom",
1244
- "__stretch": "Stretch"
1245
- },
1246
- "default_value": "__center",
1247
- "return_format": "value",
1248
- "allow_null": 0,
1249
- "other_choice": 0,
1250
- "layout": "horizontal",
1251
- "save_other_choice": 0
1210
+ "default_value": 0,
1211
+ "min": "",
1212
+ "max": 4,
1213
+ "step": "0.125",
1214
+ "prepend": "",
1215
+ "append": ""
1252
1216
  },
1253
1217
  {
1254
- "key": "field_686e6ec7190c3",
1255
- "label": "Content items alignment mobile",
1256
- "name": "content_items_alignment_mobile",
1218
+ "key": "field_686e6ec71ac1d",
1219
+ "label": "Content box padding mobile left",
1220
+ "name": "content_box_padding_mobile_left",
1257
1221
  "aria-label": "",
1258
- "type": "radio",
1222
+ "type": "range",
1259
1223
  "instructions": "",
1260
1224
  "required": 0,
1261
1225
  "conditional_logic": [
1262
1226
  [
1227
+ {
1228
+ "field": "field_686e6ec71003c",
1229
+ "operator": "==",
1230
+ "value": "1"
1231
+ },
1263
1232
  {
1264
1233
  "field": "field_686e6ec71850b",
1265
1234
  "operator": "==",
@@ -1273,24 +1242,17 @@
1273
1242
  "id": ""
1274
1243
  },
1275
1244
  "wpml_cf_preferences": 3,
1276
- "choices": {
1277
- "__flex-start": "Top",
1278
- "__center": "Center",
1279
- "__flex-end": "Bottom",
1280
- "__space-between": "Space between",
1281
- "__space-around": "Space around"
1282
- },
1283
- "default_value": "__center",
1284
- "return_format": "value",
1285
- "allow_null": 0,
1286
- "other_choice": 0,
1287
- "layout": "horizontal",
1288
- "save_other_choice": 0
1245
+ "default_value": 0,
1246
+ "min": "",
1247
+ "max": 4,
1248
+ "step": "0.125",
1249
+ "prepend": "",
1250
+ "append": ""
1289
1251
  },
1290
1252
  {
1291
- "key": "field_686e6ec7194af",
1292
- "label": "Content box padding mobile",
1293
- "name": "content_box_padding_mobile",
1253
+ "key": "field_686e6ec71b3ee",
1254
+ "label": "Content container margin mobile top",
1255
+ "name": "content_container_margin_mobile_top",
1294
1256
  "aria-label": "",
1295
1257
  "type": "range",
1296
1258
  "instructions": "",
@@ -1298,13 +1260,13 @@
1298
1260
  "conditional_logic": [
1299
1261
  [
1300
1262
  {
1301
- "field": "field_686e6ec71850b",
1263
+ "field": "field_686e6ec71003c",
1302
1264
  "operator": "==",
1303
1265
  "value": "1"
1304
1266
  },
1305
1267
  {
1306
- "field": "field_686e6ec71003c",
1307
- "operator": "!=",
1268
+ "field": "field_686e6ec71850b",
1269
+ "operator": "==",
1308
1270
  "value": "1"
1309
1271
  }
1310
1272
  ]
@@ -1323,9 +1285,32 @@
1323
1285
  "append": ""
1324
1286
  },
1325
1287
  {
1326
- "key": "field_686e6ec719897",
1327
- "label": "Content container margin mobile",
1328
- "name": "content_container_margin_mobile",
1288
+ "key": "field_686e6ec71812e",
1289
+ "label": "Mobile",
1290
+ "name": "",
1291
+ "aria-label": "",
1292
+ "type": "tab",
1293
+ "instructions": "",
1294
+ "required": 0,
1295
+ "conditional_logic": 0,
1296
+ "wrapper": {
1297
+ "width": "",
1298
+ "class": "",
1299
+ "id": ""
1300
+ },
1301
+ "wpml_cf_preferences": 3,
1302
+ "user_roles": [
1303
+ "administrator"
1304
+ ],
1305
+ "placement": "top",
1306
+ "endpoint": 0,
1307
+ "no_preference": 0,
1308
+ "selected": 0
1309
+ },
1310
+ {
1311
+ "key": "field_686e6ec71b7d2",
1312
+ "label": "Content container margin mobile right",
1313
+ "name": "content_container_margin_mobile_right",
1329
1314
  "aria-label": "",
1330
1315
  "type": "range",
1331
1316
  "instructions": "",
@@ -1333,13 +1318,13 @@
1333
1318
  "conditional_logic": [
1334
1319
  [
1335
1320
  {
1336
- "field": "field_686e6ec71850b",
1321
+ "field": "field_686e6ec71003c",
1337
1322
  "operator": "==",
1338
1323
  "value": "1"
1339
1324
  },
1340
1325
  {
1341
- "field": "field_686e6ec71003c",
1342
- "operator": "!=",
1326
+ "field": "field_686e6ec71850b",
1327
+ "operator": "==",
1343
1328
  "value": "1"
1344
1329
  }
1345
1330
  ]
@@ -1358,44 +1343,31 @@
1358
1343
  "append": ""
1359
1344
  },
1360
1345
  {
1361
- "key": "field_686e6ec719c7d",
1362
- "label": "Content box padding mobile:",
1363
- "name": "",
1346
+ "key": "field_686e6ec71850b",
1347
+ "label": "Enable mobile specific content box layout",
1348
+ "name": "enable_mobile_content_box_layout",
1364
1349
  "aria-label": "",
1365
- "type": "message",
1350
+ "type": "true_false",
1366
1351
  "instructions": "",
1367
1352
  "required": 0,
1368
- "conditional_logic": [
1369
- [
1370
- {
1371
- "field": "field_686e6ec71003c",
1372
- "operator": "==",
1373
- "value": "1"
1374
- },
1375
- {
1376
- "field": "field_686e6ec71850b",
1377
- "operator": "==",
1378
- "value": "1"
1379
- }
1380
- ]
1381
- ],
1353
+ "conditional_logic": 0,
1382
1354
  "wrapper": {
1383
1355
  "width": "",
1384
1356
  "class": "",
1385
1357
  "id": ""
1386
1358
  },
1387
- "wpml_cf_preferences": 2,
1388
- "user_roles": [
1389
- "all"
1390
- ],
1359
+ "wpml_cf_preferences": 3,
1391
1360
  "message": "",
1392
- "new_lines": "wpautop",
1393
- "esc_html": 0
1361
+ "default_value": 1,
1362
+ "ui_on_text": "",
1363
+ "ui_off_text": "",
1364
+ "ui": 1,
1365
+ "style": ""
1394
1366
  },
1395
1367
  {
1396
- "key": "field_686e6ec71a073",
1397
- "label": "Content box padding mobile top",
1398
- "name": "content_box_padding_mobile_top",
1368
+ "key": "field_686e6ec71bbc1",
1369
+ "label": "Content container margin mobile bottom",
1370
+ "name": "content_container_margin_mobile_bottom",
1399
1371
  "aria-label": "",
1400
1372
  "type": "range",
1401
1373
  "instructions": "",
@@ -1420,10 +1392,7 @@
1420
1392
  "id": ""
1421
1393
  },
1422
1394
  "wpml_cf_preferences": 3,
1423
- "user_roles": [
1424
- "administrator"
1425
- ],
1426
- "default_value": "0.5",
1395
+ "default_value": 0,
1427
1396
  "min": "",
1428
1397
  "max": 4,
1429
1398
  "step": "0.125",
@@ -1431,20 +1400,15 @@
1431
1400
  "append": ""
1432
1401
  },
1433
1402
  {
1434
- "key": "field_686e6ec71a44d",
1435
- "label": "Content box padding mobile right",
1436
- "name": "content_box_padding_mobile_right",
1403
+ "key": "field_686e6ec7188f3",
1404
+ "label": "Content Box Horizontal alignment mobile",
1405
+ "name": "content_box_horizontal_alignment_mobile",
1437
1406
  "aria-label": "",
1438
- "type": "range",
1407
+ "type": "radio",
1439
1408
  "instructions": "",
1440
1409
  "required": 0,
1441
1410
  "conditional_logic": [
1442
1411
  [
1443
- {
1444
- "field": "field_686e6ec71003c",
1445
- "operator": "==",
1446
- "value": "1"
1447
- },
1448
1412
  {
1449
1413
  "field": "field_686e6ec71850b",
1450
1414
  "operator": "==",
@@ -1461,17 +1425,23 @@
1461
1425
  "user_roles": [
1462
1426
  "administrator"
1463
1427
  ],
1464
- "default_value": "0.5",
1465
- "min": "",
1466
- "max": 4,
1467
- "step": "0.125",
1468
- "prepend": "",
1469
- "append": ""
1428
+ "choices": {
1429
+ "__flex-start": "Left",
1430
+ "__center": "Cnt",
1431
+ "__flex-end": "Right",
1432
+ "__stretch": "Stretch"
1433
+ },
1434
+ "default_value": "__center",
1435
+ "return_format": "value",
1436
+ "allow_null": 0,
1437
+ "other_choice": 0,
1438
+ "layout": "horizontal",
1439
+ "save_other_choice": 0
1470
1440
  },
1471
1441
  {
1472
- "key": "field_686e6ec71a838",
1473
- "label": "Content box padding mobile bottom",
1474
- "name": "content_box_padding_mobile_bottom",
1442
+ "key": "field_686e6ec71bfa5",
1443
+ "label": "Content container margin mobile left",
1444
+ "name": "content_container_margin_mobile_left",
1475
1445
  "aria-label": "",
1476
1446
  "type": "range",
1477
1447
  "instructions": "",
@@ -1496,10 +1466,7 @@
1496
1466
  "id": ""
1497
1467
  },
1498
1468
  "wpml_cf_preferences": 3,
1499
- "user_roles": [
1500
- "administrator"
1501
- ],
1502
- "default_value": "0.5",
1469
+ "default_value": 0,
1503
1470
  "min": "",
1504
1471
  "max": 4,
1505
1472
  "step": "0.125",
@@ -1507,20 +1474,15 @@
1507
1474
  "append": ""
1508
1475
  },
1509
1476
  {
1510
- "key": "field_686e6ec71ac1d",
1511
- "label": "Content box padding mobile left",
1512
- "name": "content_box_padding_mobile_left",
1477
+ "key": "field_686e6ec718cdc",
1478
+ "label": "Content Box Vertical alignment mobile",
1479
+ "name": "content_box_vertical_alignment_mobile",
1513
1480
  "aria-label": "",
1514
- "type": "range",
1481
+ "type": "radio",
1515
1482
  "instructions": "",
1516
1483
  "required": 0,
1517
1484
  "conditional_logic": [
1518
1485
  [
1519
- {
1520
- "field": "field_686e6ec71003c",
1521
- "operator": "==",
1522
- "value": "1"
1523
- },
1524
1486
  {
1525
1487
  "field": "field_686e6ec71850b",
1526
1488
  "operator": "==",
@@ -1534,31 +1496,29 @@
1534
1496
  "id": ""
1535
1497
  },
1536
1498
  "wpml_cf_preferences": 3,
1537
- "user_roles": [
1538
- "administrator"
1539
- ],
1540
- "default_value": "0.5",
1541
- "min": "",
1542
- "max": 4,
1543
- "step": "0.125",
1544
- "prepend": "",
1545
- "append": ""
1499
+ "choices": {
1500
+ "__flex-start": "Top",
1501
+ "__center": "Center",
1502
+ "__flex-end": "Bottom",
1503
+ "__stretch": "Stretch"
1504
+ },
1505
+ "default_value": "__center",
1506
+ "return_format": "value",
1507
+ "allow_null": 0,
1508
+ "other_choice": 0,
1509
+ "layout": "horizontal",
1510
+ "save_other_choice": 0
1546
1511
  },
1547
1512
  {
1548
- "key": "field_686e6ec71b008",
1549
- "label": "Content box (container) margin mobile:",
1550
- "name": "",
1513
+ "key": "field_686e6ec7190c3",
1514
+ "label": "Content items alignment mobile",
1515
+ "name": "content_items_alignment_mobile",
1551
1516
  "aria-label": "",
1552
- "type": "message",
1517
+ "type": "radio",
1553
1518
  "instructions": "",
1554
1519
  "required": 0,
1555
1520
  "conditional_logic": [
1556
1521
  [
1557
- {
1558
- "field": "field_686e6ec71003c",
1559
- "operator": "==",
1560
- "value": "1"
1561
- },
1562
1522
  {
1563
1523
  "field": "field_686e6ec71850b",
1564
1524
  "operator": "==",
@@ -1571,18 +1531,25 @@
1571
1531
  "class": "",
1572
1532
  "id": ""
1573
1533
  },
1574
- "wpml_cf_preferences": 2,
1575
- "user_roles": [
1576
- "all"
1577
- ],
1578
- "message": "",
1579
- "new_lines": "wpautop",
1580
- "esc_html": 0
1534
+ "wpml_cf_preferences": 3,
1535
+ "choices": {
1536
+ "__flex-start": "Top",
1537
+ "__center": "Center",
1538
+ "__flex-end": "Bottom",
1539
+ "__space-between": "Space between",
1540
+ "__space-around": "Space around"
1541
+ },
1542
+ "default_value": "__center",
1543
+ "return_format": "value",
1544
+ "allow_null": 0,
1545
+ "other_choice": 0,
1546
+ "layout": "horizontal",
1547
+ "save_other_choice": 0
1581
1548
  },
1582
1549
  {
1583
- "key": "field_686e6ec71b3ee",
1584
- "label": "Content container margin mobile top",
1585
- "name": "content_container_margin_mobile_top",
1550
+ "key": "field_686e6ec7194af",
1551
+ "label": "Content box padding mobile",
1552
+ "name": "content_box_padding_mobile",
1586
1553
  "aria-label": "",
1587
1554
  "type": "range",
1588
1555
  "instructions": "",
@@ -1590,13 +1557,13 @@
1590
1557
  "conditional_logic": [
1591
1558
  [
1592
1559
  {
1593
- "field": "field_686e6ec71003c",
1560
+ "field": "field_686e6ec71850b",
1594
1561
  "operator": "==",
1595
1562
  "value": "1"
1596
1563
  },
1597
1564
  {
1598
- "field": "field_686e6ec71850b",
1599
- "operator": "==",
1565
+ "field": "field_686e6ec71003c",
1566
+ "operator": "!=",
1600
1567
  "value": "1"
1601
1568
  }
1602
1569
  ]
@@ -1607,10 +1574,7 @@
1607
1574
  "id": ""
1608
1575
  },
1609
1576
  "wpml_cf_preferences": 3,
1610
- "user_roles": [
1611
- "administrator"
1612
- ],
1613
- "default_value": "0.5",
1577
+ "default_value": 0,
1614
1578
  "min": "",
1615
1579
  "max": 4,
1616
1580
  "step": "0.125",
@@ -1618,9 +1582,9 @@
1618
1582
  "append": ""
1619
1583
  },
1620
1584
  {
1621
- "key": "field_686e6ec71b7d2",
1622
- "label": "Content container margin mobile right",
1623
- "name": "content_container_margin_mobile_right",
1585
+ "key": "field_686e6ec719897",
1586
+ "label": "Content container margin mobile",
1587
+ "name": "content_container_margin_mobile",
1624
1588
  "aria-label": "",
1625
1589
  "type": "range",
1626
1590
  "instructions": "",
@@ -1628,13 +1592,13 @@
1628
1592
  "conditional_logic": [
1629
1593
  [
1630
1594
  {
1631
- "field": "field_686e6ec71003c",
1595
+ "field": "field_686e6ec71850b",
1632
1596
  "operator": "==",
1633
1597
  "value": "1"
1634
1598
  },
1635
1599
  {
1636
- "field": "field_686e6ec71850b",
1637
- "operator": "==",
1600
+ "field": "field_686e6ec71003c",
1601
+ "operator": "!=",
1638
1602
  "value": "1"
1639
1603
  }
1640
1604
  ]
@@ -1645,10 +1609,7 @@
1645
1609
  "id": ""
1646
1610
  },
1647
1611
  "wpml_cf_preferences": 3,
1648
- "user_roles": [
1649
- "administrator"
1650
- ],
1651
- "default_value": "0.5",
1612
+ "default_value": 0,
1652
1613
  "min": "",
1653
1614
  "max": 4,
1654
1615
  "step": "0.125",
@@ -1656,11 +1617,11 @@
1656
1617
  "append": ""
1657
1618
  },
1658
1619
  {
1659
- "key": "field_686e6ec71bbc1",
1660
- "label": "Content container margin mobile bottom",
1661
- "name": "content_container_margin_mobile_bottom",
1620
+ "key": "field_686e6ec719c7d",
1621
+ "label": "Content box padding mobile:",
1622
+ "name": "",
1662
1623
  "aria-label": "",
1663
- "type": "range",
1624
+ "type": "message",
1664
1625
  "instructions": "",
1665
1626
  "required": 0,
1666
1627
  "conditional_logic": [
@@ -1682,23 +1643,20 @@
1682
1643
  "class": "",
1683
1644
  "id": ""
1684
1645
  },
1685
- "wpml_cf_preferences": 3,
1646
+ "wpml_cf_preferences": 2,
1686
1647
  "user_roles": [
1687
- "administrator"
1648
+ "all"
1688
1649
  ],
1689
- "default_value": "0.5",
1690
- "min": "",
1691
- "max": 4,
1692
- "step": "0.125",
1693
- "prepend": "",
1694
- "append": ""
1650
+ "message": "",
1651
+ "new_lines": "wpautop",
1652
+ "esc_html": 0
1695
1653
  },
1696
1654
  {
1697
- "key": "field_686e6ec71bfa5",
1698
- "label": "Content container margin mobile left",
1699
- "name": "content_container_margin_mobile_left",
1655
+ "key": "field_686e6ec71b008",
1656
+ "label": "Content box (container) margin mobile:",
1657
+ "name": "",
1700
1658
  "aria-label": "",
1701
- "type": "range",
1659
+ "type": "message",
1702
1660
  "instructions": "",
1703
1661
  "required": 0,
1704
1662
  "conditional_logic": [
@@ -1720,16 +1678,13 @@
1720
1678
  "class": "",
1721
1679
  "id": ""
1722
1680
  },
1723
- "wpml_cf_preferences": 3,
1681
+ "wpml_cf_preferences": 2,
1724
1682
  "user_roles": [
1725
- "administrator"
1683
+ "all"
1726
1684
  ],
1727
- "default_value": "0.5",
1728
- "min": "",
1729
- "max": 4,
1730
- "step": "0.125",
1731
- "prepend": "",
1732
- "append": ""
1685
+ "message": "",
1686
+ "new_lines": "wpautop",
1687
+ "esc_html": 0
1733
1688
  },
1734
1689
  {
1735
1690
  "key": "field_686e6ec71c390",
@@ -2029,5 +1984,5 @@
2029
1984
  "acfe_display_title": "",
2030
1985
  "acfe_meta": "",
2031
1986
  "acfe_note": "",
2032
- "modified": 1752067796
1987
+ "modified": 1759158443
2033
1988
  }
package/components/component-core-group-container-styles-v3/core-group-container-styles-v3.scss ADDED
@@ -0,0 +1,44 @@
1
+ @use '../fields-core-mixins-v3/core-mixins-v3';
2
+ @use '../fields-core-functions-v3/core-functions-v3';
3
+ @use '../component-grid-layout-element-v3/grid-layout-element-v3';
4
+ @use '../component-grid-layout-container-v3/grid-layout-container-v3';
5
+ @use '../component-flex-layout-container-v3/flex-layout-container-v3';
6
+ @use '../../breakpoints';
7
+
8
+ @mixin coreGroupContainerStylesV3() {
9
+ .core-group-container {
10
+ display: grid;
11
+ grid-template: 'main' / 1fr;
12
+ place-items: center;
13
+ &__grid-container {
14
+ grid-area: main;
15
+ place-self: stretch;
16
+ &.flex-layout-container {
17
+ @include flex-layout-container-v3.flexLayoutContainer();
18
+ }
19
+ &.grid-layout-container {
20
+ @include grid-layout-container-v3.gridLayoutContainer();
21
+ }
22
+ }
23
+ &__block-container {
24
+ pointer-events: none;
25
+ position: relative;
26
+ &.grid-layout-container {
27
+ @include grid-layout-element-v3.gridLayoutElement();
28
+ }
29
+ &:has(.video-content-v3__video-container.video-playing.video-playing--high-z-index) {
30
+ z-index: 50;
31
+ }
32
+ }
33
+ &__block-number {
34
+ z-index: 99;
35
+ position: absolute;
36
+ font-size: 40px;
37
+ left: 50%;
38
+ top: 50%;
39
+ transform: translate(-50%, -50%);
40
+ color: white;
41
+ text-shadow: 1px 1px 1px blue;
42
+ }
43
+ }
44
+ }
package/components/fields-core-css-modules-v3/core-css-modules-v3.scss CHANGED
@@ -8,4 +8,5 @@
8
8
  @include animations-v3.animations();
9
9
  @include block-settings-v3.blockSettings();
10
10
  @include core-cta-v3.core-cta();
11
+ @include core-group-container-styles-v3.coreGroupContainerStylesV3();
11
12
  }
package/createNewChildBlock2.js CHANGED
@@ -100,7 +100,10 @@ if (fs.existsSync(`${srcPathJs}/block-${blockName}/${blockName}.js`)) {
100
100
  regEx,
101
101
  `${newBlockName.toLowerCase().replaceAll(/( |-)/g, '')}`
102
102
  )
103
- .replaceAll(`blocks/${blockName}`, `blocks/${newBlockName}`);
103
+ .replaceAll(
104
+ `blocks/${blockName}/${blockName}-extra`,
105
+ `blocks/${newBlockName}/${newBlockName}-extra`
106
+ );
104
107
  fs.writeFile(
105
108
  `${jsdir}/${newBlockName}.js`,
106
109
  replaced,
@@ -156,6 +159,35 @@ axios.post(parentURL, data, headers).then(function (response) {
156
159
  `${themePath}/views/blocks/${newBlockName}.twig`,
157
160
  response.data.html
158
161
  );
162
+ fs.readFile(
163
+ `${themePath}/views/blocks/${newBlockName}.twig`,
164
+ 'utf-8',
165
+ (err, contents) => {
166
+ if (err) throw err;
167
+ const regEx = RegExp(
168
+ String.raw`(${blockName.replaceAll(/( |-)/g, '')})`,
169
+ 'gi'
170
+ );
171
+
172
+ const replaced = contents
173
+ .replaceAll(
174
+ regEx,
175
+ `${newBlockName.toLowerCase().replaceAll(/( |-)/g, '')}`
176
+ )
177
+ .replaceAll(`group-container-v3`, `${newBlockName}`);
178
+ fs.writeFile(
179
+ `${themePath}/views/blocks/${newBlockName}.twig`,
180
+ replaced,
181
+ 'utf-8',
182
+ function (err) {
183
+ if (err) throw err;
184
+ console.log(
185
+ `👑👑\x1b[32m Successfully duplicated the js file! 👑👑`
186
+ );
187
+ }
188
+ );
189
+ }
190
+ );
159
191
  });
160
192
 
161
193
  console.log(
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@total_onion/onion-library",
3
- "version": "1.1.49",
3
+ "version": "2.0.0",
4
4
  "description": "Component library",
5
5
  "main": "index.js",
6
6
  "scripts": {