@total_onion/onion-library 1.0.151 → 1.0.153

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 (10) hide show
  1. package/components/block-accordion-v3/accordion-v3.scss +4 -0
  2. package/components/block-accordion-v3/accordion-v3.twig +1 -1
  3. package/components/block-accordion-v3/group_6888d2f0b230b.json +9 -20
  4. package/components/block-group-container-v3/group-container-v3.scss +4 -2
  5. package/components/block-product-info-v3/product-info-v3.twig +3 -3
  6. package/components/block-video-content-v3/video-content-v3.twig +2 -2
  7. package/components/component-video-component-v3/video-component-v3.twig +3 -2
  8. package/components/component-video-fields-v3/group_6872282f44634.json +52 -200
  9. package/components/fields-cta-icons-v3/group_677ed96c3c64f.json +32 -3
  10. package/package.json +1 -1
package/components/block-accordion-v3/accordion-v3.scss CHANGED
@@ -37,6 +37,10 @@
37
37
  }
38
38
  }
39
39
 
40
+ &__content-container {
41
+ padding: core-functions-v3.fluidSize(10,'static') core-functions-v3.fluidSize(50,'static') core-functions-v3.fluidSize(10,'static') 0;
42
+ }
43
+
40
44
  &-image-wrapper {
41
45
  grid-area: icon;
42
46
  position: absolute;
package/components/block-accordion-v3/accordion-v3.twig CHANGED
@@ -10,7 +10,7 @@
10
10
  {% set iconBackgroundColor = '--icon-background-color: ' ~ fields.accordion_title.icon_background_color ~ ';' %}
11
11
  {% set textPaddingHorizontal = '--text-padding-horizontal: ' ~ fields.accordion_text.text_padding_horizontal ~ ';' %}
12
12
  {% set enableCustomIcon = fields.accordion_title.enable_custom_icon %}
13
- {% set imageIcon = get_image(fields.accordion_title.image_icon) %}
13
+ {% set imageIcon = get_image(options.theme_cta_icons.cta_accordion_icon) %}
14
14
  {% set imageIconSize = '--image-icon-size: ' ~ fields.accordion_title.image_icon_size ~ ';' %}
15
15
  {% set imageIconRotationDeg = '--image-icon-rotation-deg: ' ~ fields.accordion_title.image_icon_rotation_deg ~ 'deg;' %}
16
16
 
package/components/block-accordion-v3/group_6888d2f0b230b.json CHANGED
@@ -245,11 +245,11 @@
245
245
  "style": ""
246
246
  },
247
247
  {
248
- "key": "field_6888f3e868459",
249
- "label": "Image Icon",
250
- "name": "image_icon",
248
+ "key": "field_6893c44fd23e3",
249
+ "label": "",
250
+ "name": "",
251
251
  "aria-label": "",
252
- "type": "image",
252
+ "type": "message",
253
253
  "instructions": "",
254
254
  "required": 0,
255
255
  "conditional_logic": [
@@ -266,21 +266,10 @@
266
266
  "class": "",
267
267
  "id": ""
268
268
  },
269
- "wpml_cf_preferences": 3,
270
- "uploader": "",
271
- "return_format": "id",
272
- "library": "all",
273
- "upload_folder": "",
274
- "acfe_thumbnail": 0,
275
- "min_width": "",
276
- "min_height": "",
277
- "min_size": "",
278
- "max_width": "",
279
- "max_height": "",
280
- "max_size": "",
281
- "mime_types": "",
282
- "allow_in_bindings": 1,
283
- "preview_size": "medium"
269
+ "wpml_cf_preferences": 2,
270
+ "message": "Please upload this icon in:\r\nGlobal Settings → CTA Icons → CTA Accordion Icon",
271
+ "new_lines": "wpautop",
272
+ "esc_html": 0
284
273
  },
285
274
  {
286
275
  "key": "field_6888f4166845a",
@@ -465,5 +454,5 @@
465
454
  "acfe_display_title": "",
466
455
  "acfe_meta": "",
467
456
  "acfe_note": "",
468
- "modified": 1753912871
457
+ "modified": 1754514693
469
458
  }
package/components/block-group-container-v3/group-container-v3.scss CHANGED
@@ -25,8 +25,10 @@
25
25
  &.grid-layout-container {
26
26
  @include grid-layout-element-v3.gridLayoutElement();
27
27
  }
28
- &:has(.video-content-v3__video-container.video-playing) {
29
- z-index: 100;
28
+ &:has(
29
+ .video-content-v3__video-container.video-playing.video-playing--high-z-index
30
+ ) {
31
+ z-index: 50;
30
32
  }
31
33
  }
32
34
  &__block-number {
package/components/block-product-info-v3/product-info-v3.twig CHANGED
@@ -5,9 +5,9 @@
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, block, displaytype, is_preview }, with_context = false) %}
8
- {% set gridGapMults = include('components/grid-gap-mults.twig', { fields: fields, block: block }, with_context = false) %}
9
- {% set gridLayoutContainer = include('components/grid-layout-container.twig') %}
10
- {% set sectionStyles = styleEntryPoint ~ gridGapMults ~ gridLayoutContainer %}
8
+
9
+ {% set gridLayoutContainer = include('components/grid-layout-container-v3.twig') %}
10
+ {% set sectionStyles = styleEntryPoint ~ gridLayoutContainer %}
11
11
 
12
12
  {% set post = get_post(fields.post) %}
13
13
 
package/components/block-video-content-v3/video-content-v3.twig CHANGED
@@ -1,4 +1,3 @@
1
-
2
1
  {% set blockClassName = "video-content-v3" %}
3
2
  {% set classNameEntryPoint = include('entry-points/entry-point-classes.twig', { fields: fields, block: block }, with_context = false) %}
4
3
  {% set htmlEntryPoint = include('entry-points/entry-point-html-v3.twig', { fields: fields, block: block, blockClassName, blockClassName }, with_context = false) %}
@@ -6,6 +5,7 @@
6
5
  {% set styleEntryPoint = include('entry-points/entry-point-style.twig', { fields: fields, block: block, is_preview }, with_context = false) %}
7
6
  {% set previewEntryPoint = include('entry-points/entry-point-preview-info.twig', { fields, block, displaytype, is_preview }, with_context = false) %}
8
7
  {% set sectionStyles = styleEntryPoint %}
8
+
9
9
  {{previewEntryPoint}}
10
10
  <style>
11
11
  .{{blockClassName}}.{{block.id}}{
@@ -14,4 +14,4 @@
14
14
  </style>
15
15
  <section {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{block.className}} {{classNameEntryPoint}} lazy-fade {{block.id}}" {{dataAttributeEntryPoint}} data-blockid="{{block.id}}" data-assetkey="{{blockClassName}}">
16
16
  {{htmlEntryPoint}}
17
- </section>
17
+ </section>
package/components/component-video-component-v3/video-component-v3.twig CHANGED
@@ -1,6 +1,7 @@
1
1
  {# Do not edit this file outside of the component library as your changes will be lost with future updates. #}
2
2
  {% set videoEnabled = fields.enable_video %}
3
3
  {% set renderDynamic = fields.child_pattern_settings.render_dynamic|default(0) %}
4
+ {% set videoPlayingZindexClass = fields.video_playing_high_z_index ? 'video-playing--high-z-index' : '' %}
4
5
  {% if videoEnabled %}
5
6
  {% set videoType = fields.video_type|ru %}
6
7
  {% set youtubeEmbed = fields.youtube_embed|default(false) %}
@@ -60,8 +61,8 @@
60
61
  {% set captionsEnabled = fields.enable_captions|default(false) %}
61
62
  {% set captions = fields.captions %}
62
63
  {% set videoId = block.videoIdPrefix ~ fields.video_trigger_id %}
63
- <div data-videoid="{{videoId}}" data-desktopvideo="{{gt_video_mainsrc(videoDesktop['url'])}}" data-youtubedesktop="{{youtubeDesktopId}}" data-youtubemobile="{{youtubeMobileId}}" data-vimeo-desktop-url="{{vimeoDesktopUrl}}" data-vimeo-mobile-url="{{vimeoMobileUrl}}" data-vimeodesktopid="{{vimeoDesktopId}}" data-vimeomobileid="{{vimeoMobileId}}" data-mobilevideo="{{gt_video_mainsrc(videoMobile['url'])}}" class="{{blockClassName}}__video-container cblvc-video-container {{lockVideoAspectToImage}} {{setVideoToCover}}" data-videotype="{{videoType}}" data-loop="{{loopVideo}}" data-modal="{{modal}}" data-controls="{{controls}}" data-autoplay="{{autoplayVideo}}" data-autoplay-mobile="{{autoplayVideoMobile}}" data-fullscreen="{{fullscreen}}" data-muted="{{muted}}" data-videoenabled="{{videoEnabled}}" data-pattern-dynamic="1">
64
- <div class="{{blockClassName}}__video-inner-container cblvc-video-container__video-inner-container" data-pattern-type >
64
+ <div data-videoid="{{videoId}}" data-desktopvideo="{{gt_video_mainsrc(videoDesktop['url'])}}" data-youtubedesktop="{{youtubeDesktopId}}" data-youtubemobile="{{youtubeMobileId}}" data-vimeo-desktop-url="{{vimeoDesktopUrl}}" data-vimeo-mobile-url="{{vimeoMobileUrl}}" data-vimeodesktopid="{{vimeoDesktopId}}" data-vimeomobileid="{{vimeoMobileId}}" data-mobilevideo="{{gt_video_mainsrc(videoMobile['url'])}}" class="{{blockClassName}}__video-container cblvc-video-container {{lockVideoAspectToImage}} {{videoPlayingZindexClass}} {{setVideoToCover}}" data-videotype="{{videoType}}" data-loop="{{loopVideo}}" data-modal="{{modal}}" data-controls="{{controls}}" data-autoplay="{{autoplayVideo}}" data-autoplay-mobile="{{autoplayVideoMobile}}" data-fullscreen="{{fullscreen}}" data-muted="{{muted}}" data-videoenabled="{{videoEnabled}}" data-pattern-dynamic="1">
65
+ <div class="{{blockClassName}}__video-inner-container cblvc-video-container__video-inner-container" data-pattern-type>
65
66
  {% if videoType == 'upload' %}
66
67
  <video class="{{blockClassName}}__video-player cblvc-video-container__video-player" {{muted ? 'muted' : ''}} playsinline width='{{videoDesktop.width}}' height='{{videoDesktop.height}}'>
67
68
  <source src="" type="video/mp4">
package/components/component-video-fields-v3/group_6872282f44634.json CHANGED
@@ -319,154 +319,6 @@
319
319
  "prepend": "",
320
320
  "append": ""
321
321
  },
322
- {
323
- "key": "field_6872282f534a6",
324
- "label": "Tips:",
325
- "name": "",
326
- "aria-label": "",
327
- "type": "message",
328
- "instructions": "",
329
- "required": 0,
330
- "conditional_logic": [
331
- [
332
- {
333
- "field": "field_6872282f51575",
334
- "operator": "==",
335
- "value": "1"
336
- }
337
- ]
338
- ],
339
- "wrapper": {
340
- "width": "",
341
- "class": "",
342
- "id": ""
343
- },
344
- "wpml_cf_preferences": 2,
345
- "message": "- Autoplay is only available if muted = yes.\r\n- Autoplay, fullscreen and play in pop up are exclusive and cannot be enabled at the same time.\r\n- Fullscreen and pop up modal will only work on the front end. In the admin they will play in the preview box as usual.",
346
- "new_lines": "wpautop",
347
- "esc_html": 0
348
- },
349
- {
350
- "key": "field_6872282f538da",
351
- "label": "Play button alignment",
352
- "name": "play_button_alignment",
353
- "aria-label": "",
354
- "type": "radio",
355
- "instructions": "",
356
- "required": 0,
357
- "conditional_logic": [
358
- [
359
- {
360
- "field": "field_6872282f51575",
361
- "operator": "==",
362
- "value": "1"
363
- }
364
- ],
365
- [
366
- {
367
- "field": "field_6872282f51950",
368
- "operator": "==",
369
- "value": "__upload"
370
- }
371
- ],
372
- [
373
- {
374
- "field": "field_6872282f51950",
375
- "operator": "==",
376
- "value": "__youtube"
377
- }
378
- ],
379
- [
380
- {
381
- "field": "field_6872282f51950",
382
- "operator": "==",
383
- "value": "__vimeo"
384
- }
385
- ]
386
- ],
387
- "wrapper": {
388
- "width": "",
389
- "class": "",
390
- "id": ""
391
- },
392
- "wpml_cf_preferences": 3,
393
- "user_roles": [
394
- "all"
395
- ],
396
- "choices": {
397
- "__flex-start": "Left",
398
- "__center": "Cnt",
399
- "__flex-end": "Right"
400
- },
401
- "default_value": "__center",
402
- "return_format": "value",
403
- "allow_null": 0,
404
- "other_choice": 0,
405
- "layout": "horizontal",
406
- "save_other_choice": 0
407
- },
408
- {
409
- "key": "field_6872282f53d5c",
410
- "label": "Play button style",
411
- "name": "play_button_style",
412
- "aria-label": "",
413
- "type": "select",
414
- "instructions": "",
415
- "required": 0,
416
- "conditional_logic": [
417
- [
418
- {
419
- "field": "field_6872282f51575",
420
- "operator": "==",
421
- "value": "1"
422
- }
423
- ],
424
- [
425
- {
426
- "field": "field_6872282f51950",
427
- "operator": "==",
428
- "value": "__upload"
429
- },
430
- {
431
- "field": "field_6872282f51950",
432
- "operator": "==",
433
- "value": "__youtube"
434
- },
435
- {
436
- "field": "field_6872282f51950",
437
- "operator": "==",
438
- "value": "__vimeo"
439
- }
440
- ]
441
- ],
442
- "wrapper": {
443
- "width": "",
444
- "class": "",
445
- "id": ""
446
- },
447
- "wpml_cf_preferences": 3,
448
- "user_roles": [
449
- "all"
450
- ],
451
- "choices": {
452
- "__primary": "Primary",
453
- "__secondary": "Secondary",
454
- "__tertiary": "Tertiary"
455
- },
456
- "default_value": "__primary",
457
- "return_format": "value",
458
- "multiple": 0,
459
- "max": "",
460
- "allow_custom": 0,
461
- "search_placeholder": "",
462
- "prepend": "",
463
- "append": "",
464
- "allow_null": 0,
465
- "ui": 1,
466
- "ajax": 1,
467
- "placeholder": "",
468
- "min": ""
469
- },
470
322
  {
471
323
  "key": "field_6872282f54062",
472
324
  "label": "Controls",
@@ -506,14 +358,11 @@
506
358
  ]
507
359
  ],
508
360
  "wrapper": {
509
- "width": "",
361
+ "width": "50",
510
362
  "class": "",
511
363
  "id": ""
512
364
  },
513
365
  "wpml_cf_preferences": 3,
514
- "user_roles": [
515
- "all"
516
- ],
517
366
  "message": "",
518
367
  "default_value": 1,
519
368
  "ui_on_text": "",
@@ -539,16 +388,16 @@
539
388
  ]
540
389
  ],
541
390
  "wrapper": {
542
- "width": "",
391
+ "width": "50",
543
392
  "class": "",
544
393
  "id": ""
545
394
  },
546
395
  "wpml_cf_preferences": 3,
547
396
  "message": "",
548
397
  "default_value": 0,
549
- "ui": 1,
550
398
  "ui_on_text": "",
551
399
  "ui_off_text": "",
400
+ "ui": 1,
552
401
  "style": ""
553
402
  },
554
403
  {
@@ -590,7 +439,7 @@
590
439
  ]
591
440
  ],
592
441
  "wrapper": {
593
- "width": "",
442
+ "width": "50",
594
443
  "class": "",
595
444
  "id": ""
596
445
  },
@@ -676,7 +525,7 @@
676
525
  },
677
526
  "wpml_cf_preferences": 3,
678
527
  "message": "",
679
- "default_value": 1,
528
+ "default_value": 0,
680
529
  "ui_on_text": "",
681
530
  "ui_off_text": "",
682
531
  "ui": 1,
@@ -698,7 +547,7 @@
698
547
  "value": "1"
699
548
  },
700
549
  {
701
- "field": "field_6258aa0c297cd",
550
+ "field": "field_6872282f51575",
702
551
  "operator": "!=",
703
552
  "value": "1"
704
553
  },
@@ -710,16 +559,16 @@
710
559
  ]
711
560
  ],
712
561
  "wrapper": {
713
- "width": "",
562
+ "width": "50",
714
563
  "class": "",
715
564
  "id": ""
716
565
  },
717
566
  "wpml_cf_preferences": 3,
718
567
  "message": "",
719
568
  "default_value": 0,
720
- "ui": 1,
721
569
  "ui_on_text": "",
722
570
  "ui_off_text": "",
571
+ "ui": 1,
723
572
  "style": ""
724
573
  },
725
574
  {
@@ -740,16 +589,16 @@
740
589
  ]
741
590
  ],
742
591
  "wrapper": {
743
- "width": "",
592
+ "width": "50",
744
593
  "class": "",
745
594
  "id": ""
746
595
  },
747
596
  "wpml_cf_preferences": 3,
748
597
  "message": "",
749
598
  "default_value": 0,
750
- "ui": 1,
751
599
  "ui_on_text": "",
752
600
  "ui_off_text": "",
601
+ "ui": 1,
753
602
  "style": ""
754
603
  },
755
604
  {
@@ -780,7 +629,7 @@
780
629
  ]
781
630
  ],
782
631
  "wrapper": {
783
- "width": "",
632
+ "width": "50",
784
633
  "class": "",
785
634
  "id": ""
786
635
  },
@@ -793,67 +642,70 @@
793
642
  "style": ""
794
643
  },
795
644
  {
796
- "key": "field_6872282f55fec",
797
- "label": "Enable Text",
798
- "name": "enable_text",
645
+ "key": "field_68851550ebfd8",
646
+ "label": "Video playing high Z index",
647
+ "name": "video_playing_high_z_index",
799
648
  "aria-label": "",
800
649
  "type": "true_false",
801
650
  "instructions": "",
802
651
  "required": 0,
803
- "conditional_logic": [
804
- [
805
- {
806
- "field": "field_6872282f51575",
807
- "operator": "==",
808
- "value": "1"
809
- }
810
- ]
811
- ],
652
+ "conditional_logic": 0,
812
653
  "wrapper": {
813
- "width": "",
654
+ "width": "50",
814
655
  "class": "",
815
656
  "id": ""
816
657
  },
817
658
  "wpml_cf_preferences": 3,
818
- "user_roles": [
819
- "all"
820
- ],
821
659
  "message": "",
822
- "default_value": 0,
660
+ "default_value": 1,
823
661
  "ui_on_text": "",
824
662
  "ui_off_text": "",
825
663
  "ui": 1,
826
664
  "style": ""
827
665
  },
828
666
  {
829
- "key": "field_6872282f56385",
830
- "label": "Play Button Text",
831
- "name": "play_button_text",
667
+ "key": "field_6885157bebfd9",
668
+ "label": "Video playing opacity",
669
+ "name": "video_playing_opacity",
832
670
  "aria-label": "",
833
- "type": "text",
834
- "instructions": "",
671
+ "type": "number",
672
+ "instructions": "coming soon...",
835
673
  "required": 0,
836
- "conditional_logic": [
837
- [
838
- {
839
- "field": "field_6872282f55fec",
840
- "operator": "==",
841
- "value": "1"
842
- }
843
- ]
844
- ],
674
+ "conditional_logic": 0,
845
675
  "wrapper": {
846
- "width": "",
676
+ "width": "50",
847
677
  "class": "",
848
678
  "id": ""
849
679
  },
850
- "wpml_cf_preferences": 2,
851
- "user_roles": [
852
- "all"
853
- ],
680
+ "wpml_cf_preferences": 3,
854
681
  "default_value": "",
855
- "maxlength": "",
682
+ "min": -100,
683
+ "max": 10000,
684
+ "placeholder": "",
685
+ "step": 1,
686
+ "prepend": "",
687
+ "append": ""
688
+ },
689
+ {
690
+ "key": "field_68851584ebfda",
691
+ "label": "Video playing pointer events",
692
+ "name": "video_playing_pointer_events",
693
+ "aria-label": "",
694
+ "type": "number",
695
+ "instructions": "coming soon...",
696
+ "required": 0,
697
+ "conditional_logic": 0,
698
+ "wrapper": {
699
+ "width": "50",
700
+ "class": "",
701
+ "id": ""
702
+ },
703
+ "wpml_cf_preferences": 3,
704
+ "default_value": "",
705
+ "min": -100,
706
+ "max": 10000,
856
707
  "placeholder": "",
708
+ "step": 1,
857
709
  "prepend": "",
858
710
  "append": ""
859
711
  },
@@ -1067,5 +919,5 @@
1067
919
  "acfe_display_title": "",
1068
920
  "acfe_meta": "",
1069
921
  "acfe_note": "",
1070
- "modified": 1752846171
922
+ "modified": 1754573386
1071
923
  }
package/components/fields-cta-icons-v3/group_677ed96c3c64f.json CHANGED
@@ -712,7 +712,7 @@
712
712
  "required": 0,
713
713
  "conditional_logic": 0,
714
714
  "wrapper": {
715
- "width": "",
715
+ "width": "20",
716
716
  "class": "",
717
717
  "id": ""
718
718
  },
@@ -741,7 +741,36 @@
741
741
  "required": 0,
742
742
  "conditional_logic": 0,
743
743
  "wrapper": {
744
- "width": "",
744
+ "width": "20",
745
+ "class": "",
746
+ "id": ""
747
+ },
748
+ "wpml_cf_preferences": 1,
749
+ "uploader": "",
750
+ "return_format": "id",
751
+ "library": "all",
752
+ "upload_folder": "",
753
+ "acfe_thumbnail": 0,
754
+ "min_width": "",
755
+ "min_height": "",
756
+ "min_size": "",
757
+ "max_width": "",
758
+ "max_height": "",
759
+ "max_size": "",
760
+ "mime_types": "",
761
+ "preview_size": "medium"
762
+ },
763
+ {
764
+ "key": "field_6893c2c959a26",
765
+ "label": "CTA accordion icon",
766
+ "name": "cta_accordion_icon",
767
+ "aria-label": "",
768
+ "type": "image",
769
+ "instructions": "",
770
+ "required": 0,
771
+ "conditional_logic": 0,
772
+ "wrapper": {
773
+ "width": "20",
745
774
  "class": "",
746
775
  "id": ""
747
776
  },
@@ -789,5 +818,5 @@
789
818
  "acfe_display_title": "",
790
819
  "acfe_meta": "",
791
820
  "acfe_note": "",
792
- "modified": 1754406563
821
+ "modified": 1754514489
793
822
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@total_onion/onion-library",
3
- "version": "1.0.151",
3
+ "version": "1.0.153",
4
4
  "description": "Component library",
5
5
  "main": "index.js",
6
6
  "scripts": {