@total_onion/onion-library 1.0.152 → 1.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.
Files changed (7) hide show
  1. package/components/block-group-container-v3/group-container-v3.scss +4 -2
  2. package/components/block-video-content-v3/video-content-v3.twig +2 -2
  3. package/components/component-carousel-fields-v3/group_686fd30f4d873.json +2 -5
  4. package/components/component-element-positioning-v3/group_6882281544263.json +3 -3
  5. package/components/component-video-component-v3/video-component-v3.twig +3 -2
  6. package/components/component-video-fields-v3/group_6872282f44634.json +52 -200
  7. package/package.json +1 -1
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-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-carousel-fields-v3/group_686fd30f4d873.json CHANGED
@@ -1723,11 +1723,8 @@
1723
1723
  "id": ""
1724
1724
  },
1725
1725
  "wpml_cf_preferences": 3,
1726
- "user_roles": [
1727
- "administrator"
1728
- ],
1729
1726
  "clone": [
1730
- "group_65b0e17675b81"
1727
+ "group_6882281544263"
1731
1728
  ],
1732
1729
  "display": "seamless",
1733
1730
  "layout": "block",
@@ -2844,5 +2841,5 @@
2844
2841
  "acfe_display_title": "",
2845
2842
  "acfe_meta": "",
2846
2843
  "acfe_note": "",
2847
- "modified": 1752739318
2844
+ "modified": 1754580153
2848
2845
  }
package/components/component-element-positioning-v3/group_6882281544263.json CHANGED
@@ -219,8 +219,8 @@
219
219
  },
220
220
  "wpml_cf_preferences": 3,
221
221
  "default_value": "",
222
- "min": -400,
223
- "max": 400,
222
+ "min": -1000,
223
+ "max": 1000,
224
224
  "step": "",
225
225
  "prepend": "",
226
226
  "append": ""
@@ -467,5 +467,5 @@
467
467
  "acfe_display_title": "",
468
468
  "acfe_meta": "",
469
469
  "acfe_note": "",
470
- "modified": 1753360418
470
+ "modified": 1754579749
471
471
  }
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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@total_onion/onion-library",
3
- "version": "1.0.152",
3
+ "version": "1.0.154",
4
4
  "description": "Component library",
5
5
  "main": "index.js",
6
6
  "scripts": {