j1-template 2024.3.19 → 2024.3.20

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 (87) hide show
  1. checksums.yaml +4 -4
  2. data/assets/data/amplitude_app.html +174 -150
  3. data/assets/data/swiper_app.2.html +757 -0
  4. data/assets/data/swiper_app.4.html +769 -0
  5. data/assets/data/swiper_app.html +171 -27
  6. data/assets/theme/j1/adapter/js/amplitude.js +817 -165
  7. data/assets/theme/j1/adapter/js/swiper.js +63 -15
  8. data/assets/theme/j1/core/css/themes/bootstrap/bootstrap.css +111 -101
  9. data/assets/theme/j1/core/css/themes/bootstrap/bootstrap.min.css +1 -1
  10. data/assets/theme/j1/core/css/themes/unodark/bootstrap.css +111 -101
  11. data/assets/theme/j1/core/css/themes/unodark/bootstrap.min.css +1 -1
  12. data/assets/theme/j1/core/css/themes/unolight/bootstrap.css +111 -101
  13. data/assets/theme/j1/core/css/themes/unolight/bootstrap.min.css +1 -1
  14. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/amplitude.css +140 -219
  15. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/amplitude.min.css +1 -1
  16. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/compact.css +117 -23
  17. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/compact.min.css +1 -1
  18. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/large.css +323 -493
  19. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/large.min.css +1 -2
  20. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/mini.css +20 -73
  21. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/mini.min.css +1 -1
  22. data/assets/theme/j1/modules/amplitudejs/js/tech/ytp.js +2062 -843
  23. data/assets/theme/j1/modules/amplitudejs/scss/theme/uno/dark/player/large.scss +439 -264
  24. data/assets/theme/j1/modules/swiperjs/css/modules/layoutBase.css +16 -0
  25. data/assets/theme/j1/modules/swiperjs/css/modules/layoutBase.min.css +16 -0
  26. data/assets/theme/j1/modules/swiperjs/css/modules/layoutExpanding.css +24 -24
  27. data/assets/theme/j1/modules/swiperjs/css/modules/layoutExpanding.min.css +1 -235
  28. data/assets/theme/j1/modules/swiperjs/css/modules/layoutNeighbor.min.css +2 -2
  29. data/assets/theme/j1/modules/swiperjs/css/modules/layoutParallax.css +16 -0
  30. data/assets/theme/j1/modules/swiperjs/css/modules/layoutParallax.min.css +16 -0
  31. data/assets/theme/j1/modules/swiperjs/css/modules/layoutStacked.css +6 -7
  32. data/assets/theme/j1/modules/swiperjs/css/modules/layoutStacked.min.css +1 -82
  33. data/assets/theme/j1/modules/swiperjs/css/modules/layoutThumbs.min.css +2 -29
  34. data/assets/theme/j1/modules/swiperjs/css/theme/uno.css +29 -12
  35. data/assets/theme/j1/modules/swiperjs/css/theme/uno.min.css +1 -1
  36. data/assets/theme/j1/modules/swiperjs/js/modules/layoutBase.js +25 -0
  37. data/assets/theme/j1/modules/swiperjs/js/modules/layoutBase.min.js +25 -0
  38. data/assets/theme/j1/modules/swiperjs/js/modules/layoutExpanding.js +1 -5
  39. data/assets/theme/j1/modules/swiperjs/js/modules/layoutExpanding.min.js +1 -5
  40. data/assets/theme/j1/modules/swiperjs/js/modules/layoutNeighbor.js +12 -14
  41. data/assets/theme/j1/modules/swiperjs/js/modules/layoutNeighbor.min.js +1 -17
  42. data/assets/theme/j1/modules/swiperjs/js/modules/layoutPanorama.js +0 -1
  43. data/assets/theme/j1/modules/swiperjs/js/modules/layoutParallax.js +25 -0
  44. data/assets/theme/j1/modules/swiperjs/js/modules/layoutParallax.min.js +25 -0
  45. data/assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.0.js +114 -0
  46. data/assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.1.js +93 -0
  47. data/assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.js +42 -13
  48. data/assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.min.js +17 -0
  49. data/assets/theme/j1/modules/swiperjs/js/modules/layoutThumbs.js +76 -25
  50. data/assets/theme/j1/modules/swiperjs/js/modules/layoutThumbs.min.js +1 -17
  51. data/assets/theme/j1/modules/swiperjs/js/swiper-bundle.js +9152 -9131
  52. data/assets/theme/j1/modules/swiperjs/js/swiper-bundle.min.js +1 -1
  53. data/lib/j1/version.rb +1 -1
  54. data/lib/starter_web/README.md +5 -5
  55. data/lib/starter_web/_config.yml +1 -1
  56. data/lib/starter_web/_data/modules/amplitude_app.yml +206 -23
  57. data/lib/starter_web/_data/modules/amplitude_playlists.yml +1122 -19
  58. data/lib/starter_web/_data/modules/defaults/{amplitude_app.yml → amplitude.yml} +70 -26
  59. data/lib/starter_web/_data/modules/swiper_app.yml +289 -155
  60. data/lib/starter_web/_data/modules/swiper_playlists.yml +51 -1
  61. data/lib/starter_web/_data/resources.yml +6 -2
  62. data/lib/starter_web/_data/templates/feed.xml +1 -1
  63. data/lib/starter_web/_plugins/filter/filters.rb +1 -11
  64. data/lib/starter_web/_plugins/index/lunr.rb +1 -1
  65. data/lib/starter_web/assets/image/module/swiper/avatar/avatar-1.png +0 -0
  66. data/lib/starter_web/assets/image/module/swiper/avatar/avatar-2.png +0 -0
  67. data/lib/starter_web/assets/image/module/swiper/avatar/avatar-3.png +0 -0
  68. data/lib/starter_web/assets/image/module/swiper/avatar/avatar-4.png +0 -0
  69. data/lib/starter_web/assets/image/module/swiper/avatar/avatar-5.png +0 -0
  70. data/lib/starter_web/package.json +1 -1
  71. data/lib/starter_web/pages/public/tools/previewer/preview_amplitudejs.adoc +82 -34
  72. data/lib/starter_web/pages/public/tools/tester/app_tester_amplitudejs_yt.adoc +62 -15
  73. data/lib/starter_web/pages/public/tools/tester/app_tester_swiperjs.adoc +121 -36
  74. data/lib/starter_web/pages/public/tour/play_audio.adoc +60 -70
  75. data/lib/starter_web/pages/public/tour/play_video.adoc +1 -1
  76. metadata +29 -14
  77. data/assets/theme/j1/modules/swiperjs/js/highlightJS.js +0 -13376
  78. data/assets/theme/j1/modules/swiperjs/js/highlightJS.min.js +0 -1246
  79. data/assets/theme/j1/modules/swiperjs/js/modules/!readme +0 -3
  80. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/!info/!readme +0 -0
  81. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/!readme +0 -0
  82. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/1.jpg +0 -0
  83. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/2.jpg +0 -0
  84. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/3.jpg +0 -0
  85. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/4.jpg +0 -0
  86. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/5.jpg +0 -0
  87. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/6.jpg +0 -0
@@ -180,7 +180,6 @@ settings:
180
180
  # ------------------------------------------------------------------------
181
181
  #
182
182
  parameters:
183
- # direction: horizontal
184
183
  grabCursor: true
185
184
  loop: true
186
185
 
@@ -189,13 +188,13 @@ settings:
189
188
  # ------------------------------------------------------------------------
190
189
  #
191
190
  module_settings:
192
- pagination:
193
- el: .swiper-pagination
194
- type: bullets
195
- clickable: true
196
191
  navigation:
197
192
  nextEl: .swiper-button-next
198
193
  prevEl: .swiper-button-prev
194
+ pagination:
195
+ el: .swiper-pagination-outer
196
+ clickable: true
197
+ # renderBullet: function (index, className) { return `<span class="${className}"> ${++index} </span>`; }
199
198
 
200
199
  # ------------------------------------------------------------------------
201
200
  # EVENT Options
@@ -218,46 +217,6 @@ settings:
218
217
  #
219
218
  enabled: false
220
219
 
221
- # ----------------------------------------------------------------------
222
- # CAPTION Options
223
- # ----------------------------------------------------------------------
224
- #
225
- captions:
226
- enabled: true
227
- css_class: pswp-caption-content
228
-
229
- # ----------------------------------------------------------------------
230
- # CORE Options
231
- # ----------------------------------------------------------------------
232
- #
233
- parameters:
234
- children: a
235
- bgOpacity: 1
236
- showHideOpacity: true
237
- loop: true
238
- wheelToZoom: true
239
- showHideAnimationType: zoom
240
- imageClickAction: next
241
- tapAction: next
242
- padding: { top: 0, bottom: 0, left: 80, right: 80 }
243
-
244
- # ----------------------------------------------------------------------
245
- # USER INTERFACE Options
246
- # ----------------------------------------------------------------------
247
- #
248
- ui_controls:
249
- zoom: false
250
- close: true
251
- counter: true
252
- arrowKeys: false
253
-
254
- # ----------------------------------------------------------------------
255
- # KEYBOARD Options
256
- # ----------------------------------------------------------------------
257
- #
258
- kbd_controls:
259
- escKey: true
260
-
261
220
  # --------------------------------------------------------------------------
262
221
  # IMAGE Swiper|Layout Base, Captions
263
222
  # --------------------------------------------------------------------------
@@ -265,19 +224,19 @@ settings:
265
224
  - swiper:
266
225
 
267
226
  # ------------------------------------------------------------------------
268
- # GENERAL Options
227
+ # GENERAL options
269
228
  # ------------------------------------------------------------------------
270
229
  #
271
230
  enabled: true
272
- id: swiper_image_base_captions
231
+ id: swiper_image_base_navigation_pagination
273
232
  layout: image/base
274
- playlist: mega_cities_1
233
+ playlist: free_animal
275
234
  swiper_classes: false
276
235
  container_classes: false
277
236
  wrapper_styles: false
278
237
 
279
238
  # ------------------------------------------------------------------------
280
- # CAPTION Options
239
+ # CAPTION options
281
240
  # ------------------------------------------------------------------------
282
241
  #
283
242
  captions:
@@ -289,7 +248,6 @@ settings:
289
248
  # ------------------------------------------------------------------------
290
249
  #
291
250
  parameters:
292
- autoHeight: true
293
251
  grabCursor: true
294
252
  slidesPerView: 2
295
253
  slidesPerGroup: 2
@@ -300,9 +258,13 @@ settings:
300
258
  # ------------------------------------------------------------------------
301
259
  #
302
260
  module_settings:
261
+ navigation:
262
+ nextEl: .swiper-button-next
263
+ prevEl: .swiper-button-prev
303
264
  pagination:
304
- el: .swiper-pagination
305
265
  type: bullets
266
+ el: .swiper-pagination-outer
267
+ dynamicBullets: false
306
268
  clickable: true
307
269
 
308
270
  # ------------------------------------------------------------------------
@@ -324,7 +286,7 @@ settings:
324
286
  # GENERAL Options
325
287
  # ----------------------------------------------------------------------
326
288
  #
327
- enabled: true
289
+ enabled: false
328
290
 
329
291
  # ----------------------------------------------------------------------
330
292
  # CAPTION Options
@@ -365,27 +327,27 @@ settings:
365
327
  #
366
328
  kbd_controls:
367
329
  escKey: true
368
-
330
+
369
331
  # --------------------------------------------------------------------------
370
- # IMAGE Swiper|Layout Base, Captions + Lightbox
332
+ # IMAGE Swiper|Layout Base, Captions
371
333
  # --------------------------------------------------------------------------
372
334
  #
373
335
  - swiper:
374
336
 
375
337
  # ------------------------------------------------------------------------
376
- # GENERAL options
338
+ # GENERAL Options
377
339
  # ------------------------------------------------------------------------
378
340
  #
379
341
  enabled: true
380
- id: swiper_image_base_navigation_pagination_lightbox
342
+ id: swiper_image_base_captions
381
343
  layout: image/base
382
- playlist: free_animal
344
+ playlist: mega_cities_1
383
345
  swiper_classes: false
384
346
  container_classes: false
385
347
  wrapper_styles: false
386
348
 
387
349
  # ------------------------------------------------------------------------
388
- # CAPTION options
350
+ # CAPTION Options
389
351
  # ------------------------------------------------------------------------
390
352
  #
391
353
  captions:
@@ -397,7 +359,6 @@ settings:
397
359
  # ------------------------------------------------------------------------
398
360
  #
399
361
  parameters:
400
- autoHeight: true
401
362
  grabCursor: true
402
363
  slidesPerView: 2
403
364
  slidesPerGroup: 2
@@ -409,12 +370,10 @@ settings:
409
370
  #
410
371
  module_settings:
411
372
  pagination:
412
- el: .swiper-pagination
413
373
  type: bullets
374
+ el: .swiper-pagination-outer
375
+ dynamicBullets: false
414
376
  clickable: true
415
- navigation:
416
- nextEl: .swiper-button-next
417
- prevEl: .swiper-button-prev
418
377
 
419
378
  # ------------------------------------------------------------------------
420
379
  # EVENT Options
@@ -435,7 +394,7 @@ settings:
435
394
  # GENERAL Options
436
395
  # ----------------------------------------------------------------------
437
396
  #
438
- enabled: false
397
+ enabled: true
439
398
 
440
399
  # ----------------------------------------------------------------------
441
400
  # CAPTION Options
@@ -476,9 +435,10 @@ settings:
476
435
  #
477
436
  kbd_controls:
478
437
  escKey: true
438
+
439
+ # --------------------------------------------------------------------------
479
440
 
480
- # --------------------------------------------------------------------------
481
- # IMAGE Swiper|Layout Panorama
441
+ # IMAGE Swiper|Layout Thumbs
482
442
  # --------------------------------------------------------------------------
483
443
  #
484
444
  - swiper:
@@ -486,14 +446,14 @@ settings:
486
446
  # ------------------------------------------------------------------------
487
447
  # GENERAL Options
488
448
  # ------------------------------------------------------------------------
489
- #
449
+ #
490
450
  enabled: true
491
- id: swiper_image_panorama
492
- layout: image/panorama
493
- playlist: panorama
494
- swiper_classes: panorama-slider
451
+ id: thumb_slider_top
452
+ layout: image/thumbs
453
+ playlist: free_animal
454
+ swiper_classes: false
495
455
  container_classes: false
496
- wrapper_styles: "height: 240px; padding: 14px 0;"
456
+ wrapper_styles: false
497
457
 
498
458
  # ------------------------------------------------------------------------
499
459
  # CAPTION Options
@@ -508,64 +468,39 @@ settings:
508
468
  # ------------------------------------------------------------------------
509
469
  #
510
470
  parameters:
511
- effect: panorama
512
- slidesPerView: 1.5
513
- loop: true
514
-
515
- loopAdditionalSlides: 1
516
- centeredSlides: true
517
- grabCursor: true
518
- breakpoints: {
519
- 480: {
520
- slidesPerView: 2,
521
- panoramaEffect: {
522
- rotate: 35,
523
- depth: 150,
524
- },
525
- },
526
- 640: {
527
- slidesPerView: 3,
528
- panoramaEffect: {
529
- rotate: 30,
530
- depth: 150,
531
- },
532
- },
533
- 1024: {
534
- slidesPerView: 4,
535
- panoramaEffect: {
536
- rotate: 30,
537
- depth: 200,
538
- },
539
- },
540
- 1200: {
541
- slidesPerView: 4,
542
- panoramaEffect: {
543
- rotate: 25,
544
- depth: 250,
545
- },
546
- }
547
- }
471
+ direction: horizontal
548
472
 
549
473
  # ------------------------------------------------------------------------
550
474
  # MODULE Options
551
475
  # ------------------------------------------------------------------------
552
476
  #
553
477
  module_settings:
554
- modules: [ LayoutPanorama ]
555
- panorama:
556
- on_click: next # false | next
557
- depth: 200
558
- rotate: 30
478
+ pagination:
479
+ enabled: true
480
+ nunbered: true
481
+ thumbs:
482
+ swiper_id: thumb_slider_top
483
+ speed: 1000
484
+ grabCursor: true
485
+ loop: true
486
+ placement: top
487
+ spaceBetween: 5
488
+ slidesPerView: 3
559
489
 
560
490
  # ------------------------------------------------------------------------
561
491
  # EVENT Options
562
492
  # ------------------------------------------------------------------------
563
493
  #
564
494
  events:
565
- enabled: false
495
+ enabled: false
496
+ init: >
497
+ function (swiper) { var slideHeight = 550; swiper.slides.forEach(slide => { slide.style.height = `${slideHeight}px`; }); }
498
+ slideChangeTransitionStart: >
499
+ function (swiper) { thumbSlider.slideTo(swiper.activeIndex); }
566
500
 
567
501
  # ------------------------------------------------------------------------
568
- # LIGHTBOX Options
502
+ # LIGHTBOX options
503
+ # ------------------------------------------------------------------------
569
504
  #
570
505
  lightbox:
571
506
 
@@ -581,6 +516,7 @@ settings:
581
516
  #
582
517
  captions:
583
518
  enabled: true
519
+
584
520
  css_class: pswp-caption-content
585
521
 
586
522
  # ----------------------------------------------------------------------
@@ -591,9 +527,7 @@ settings:
591
527
  children: a
592
528
  bgOpacity: 1
593
529
  showHideOpacity: true
594
- loop: true
595
- effect: fade
596
- fadeEffect: { crossFade: true }
530
+ loop: true
597
531
  wheelToZoom: true
598
532
  showHideAnimationType: zoom
599
533
  imageClickAction: next
@@ -648,11 +582,7 @@ settings:
648
582
  # ------------------------------------------------------------------------
649
583
  #
650
584
  parameters:
651
- effect: neighbor
652
- # slidesPerView: 1.3 # slidesPerView NOT supported by EffectNeighbor
653
- loop: true
654
- loopAdditionalSlides: 1
655
- centeredSlides: true
585
+ direction: horizontal
656
586
  grabCursor: true
657
587
 
658
588
  # ------------------------------------------------------------------------
@@ -660,11 +590,12 @@ settings:
660
590
  # ------------------------------------------------------------------------
661
591
  #
662
592
  module_settings:
663
- modules: [ LayoutNeighbor ]
664
593
  neighbor:
665
- swiper_id: neighbor_slider # should ALWAYS an id (NOT a class)
666
- speed: 800
594
+ centeredSlides: true
667
595
  loop: true
596
+ loopAdditionalSlides: 1
597
+ speed: 800
598
+ swiper_id: neighbor_slider
668
599
 
669
600
  # ------------------------------------------------------------------------
670
601
  # EVENT Options
@@ -725,8 +656,9 @@ settings:
725
656
  kbd_controls:
726
657
  escKey: true
727
658
 
728
- # --------------------------------------------------------------------------
729
- # IMAGE Swiper|Layout Thumbs
659
+ # --------------------------------------------------------------------------
660
+
661
+ # IMAGE Swiper|Layout Panorama
730
662
  # --------------------------------------------------------------------------
731
663
  #
732
664
  - swiper:
@@ -734,14 +666,14 @@ settings:
734
666
  # ------------------------------------------------------------------------
735
667
  # GENERAL Options
736
668
  # ------------------------------------------------------------------------
737
- #
669
+ #
738
670
  enabled: true
739
- id: thumb_slider_top
740
- layout: image/thumb
741
- playlist: free_animal
742
- swiper_classes: false
671
+ id: swiper_image_panorama
672
+ layout: image/panorama
673
+ playlist: panorama
674
+ swiper_classes: panorama-slider
743
675
  container_classes: false
744
- wrapper_styles: false
676
+ wrapper_styles: "height: 240px; padding: 14px 0;"
745
677
 
746
678
  # ------------------------------------------------------------------------
747
679
  # CAPTION Options
@@ -756,24 +688,58 @@ settings:
756
688
  # ------------------------------------------------------------------------
757
689
  #
758
690
  parameters:
759
- effect: thumbs
760
- # layout: thumbs
691
+ centeredSlides: true
692
+ effect: panorama
693
+ grabCursor: true
694
+ loop: true
695
+ # loopAdditionalSlides: 1
696
+ # slidesPerView: 1.5
697
+
698
+ breakpoints: {
699
+ 480: {
700
+ slidesPerView: 2,
701
+ panoramaEffect: {
702
+ rotate: 35,
703
+ depth: 150,
704
+ },
705
+ },
706
+ 640: {
707
+ slidesPerView: 3,
708
+ panoramaEffect: {
709
+ rotate: 30,
710
+ depth: 150,
711
+ },
712
+ },
713
+ 1024: {
714
+ slidesPerView: 4,
715
+ panoramaEffect: {
716
+ rotate: 30,
717
+ depth: 200,
718
+ },
719
+ },
720
+ 1200: {
721
+ slidesPerView: 4,
722
+ panoramaEffect: {
723
+ rotate: 25,
724
+ depth: 250,
725
+ },
726
+ }
727
+ }
761
728
 
762
729
  # ------------------------------------------------------------------------
763
730
  # MODULE Options
764
731
  # ------------------------------------------------------------------------
765
732
  #
766
733
  module_settings:
767
- modules: [ LayoutThumbs ] # Swiper modules for J1 are to specied (to be loaded)
768
- thumbs:
769
- swiper_id: thumb_slider_top # should be moved to CORE Options (parameters)
770
- speed: 1000 # should be moved to CORE Options (parameters)
771
- # autoHeight: true # should be moved to CORE Options (parameters)
772
- grabCursor: true # should be moved to CORE Options (parameters)
773
- loop: true # should be moved to CORE Options (parameters)
774
- placement: top
775
- spaceBetween: 5
776
- slidesPerView: 3
734
+ panorama:
735
+ on_click: next # false | next
736
+ depth: 200
737
+ rotate: 30
738
+ pagination:
739
+ type: bullets
740
+ el: .swiper-pagination-outer
741
+ dynamicBullets: false
742
+ clickable: true
777
743
 
778
744
  # ------------------------------------------------------------------------
779
745
  # EVENT Options
@@ -781,14 +747,9 @@ settings:
781
747
  #
782
748
  events:
783
749
  enabled: false
784
- # init: >
785
- # function (swiper) { var slideHeight = 550; swiper.slides.forEach(slide => { slide.style.height = `${slideHeight}px`; }); }
786
- # slideChangeTransitionStart: >
787
- # function (swiper) { thumbSlider.slideTo(swiper.activeIndex); }
788
750
 
789
751
  # ------------------------------------------------------------------------
790
- # LIGHTBOX options
791
- # ------------------------------------------------------------------------
752
+ # LIGHTBOX Options
792
753
  #
793
754
  lightbox:
794
755
 
@@ -804,7 +765,6 @@ settings:
804
765
  #
805
766
  captions:
806
767
  enabled: true
807
-
808
768
  css_class: pswp-caption-content
809
769
 
810
770
  # ----------------------------------------------------------------------
@@ -815,7 +775,9 @@ settings:
815
775
  children: a
816
776
  bgOpacity: 1
817
777
  showHideOpacity: true
818
- loop: true
778
+ loop: true
779
+ effect: fade
780
+ fadeEffect: { crossFade: true }
819
781
  wheelToZoom: true
820
782
  showHideAnimationType: zoom
821
783
  imageClickAction: next
@@ -839,6 +801,178 @@ settings:
839
801
  kbd_controls:
840
802
  escKey: true
841
803
 
804
+ # IMAGE Swiper|Layout Stacked (old)
805
+ # --------------------------------------------------------------------------
806
+ #
807
+ - swiper:
808
+
809
+ # ------------------------------------------------------------------------
810
+ # GENERAL Options
811
+ # ------------------------------------------------------------------------
812
+ #
813
+ enabled: false
814
+ id: swiper_image_stacked
815
+ layout: image/stacked
816
+ playlist: game_posters
817
+ swiper_classes: stacked-slider
818
+ container_classes: false
819
+ wrapper_styles: false
820
+
821
+ # ------------------------------------------------------------------------
822
+ # CAPTION Options
823
+ # ------------------------------------------------------------------------
824
+ #
825
+ captions:
826
+ enabled: false
827
+ css_class: swp-caption-content
828
+
829
+ # ------------------------------------------------------------------------
830
+ # CORE Options
831
+ # ------------------------------------------------------------------------
832
+ #
833
+ parameters:
834
+ grabCursor: true
835
+ loop: false
836
+ speed: 600
837
+
838
+ # ------------------------------------------------------------------------
839
+ # MODULE Options
840
+ # ------------------------------------------------------------------------
841
+ #
842
+ module_settings:
843
+ creativeEffect:
844
+ enabled: true
845
+ limitProgress: 3
846
+ perspective: true
847
+ shadowPerProgress: true
848
+ prev:
849
+ shadow: true
850
+ # set `translateX(-15%)` and translateZ(-200)` on PREVIOUS slides
851
+ translate: [ '-15%', 0, -200 ]
852
+ next:
853
+ # set `translateX to calcNextOffset on NEXT slides
854
+ translate: [ calcNextOffset(), 0, 0 ]
855
+ pagination:
856
+ clickable: true
857
+ dynamicBullets: false
858
+ el: .swiper-pagination-inner
859
+ type: bullets
860
+ parallax:
861
+ enabled: true
862
+ parallax_data_elements: [ data-swiper-parallax-scale="1.1" ]
863
+ stacked:
864
+ effect: creative
865
+ swiper_id: swiper_image_stacked
866
+ resistanceRatio: 0
867
+
868
+ # ------------------------------------------------------------------------
869
+ # EVENT Options
870
+ # ------------------------------------------------------------------------
871
+ #
872
+ events:
873
+ enabled: true
874
+ init: >
875
+ function (swiper) { var slideHeight = 600; swiper.slides.forEach(slide => { slide.style.height = `${slideHeight}px`; }); }
876
+ reachEnd: >
877
+ function (swiper) { onLastSlide(swiper) }
878
+
879
+ # ------------------------------------------------------------------------
880
+ # LIGHTBOX Options
881
+ #
882
+ lightbox:
883
+
884
+ # ----------------------------------------------------------------------
885
+ # GENERAL Options
886
+ # ----------------------------------------------------------------------
887
+ #
888
+ enabled: false
889
+
890
+
891
+ # IMAGE Swiper|Layout Stacked (new)
892
+ # --------------------------------------------------------------------------
893
+ #
894
+ - swiper:
895
+
896
+ # ------------------------------------------------------------------------
897
+ # GENERAL Options
898
+ # ------------------------------------------------------------------------
899
+ #
900
+ enabled: true
901
+ id: swiper_image_stacked
902
+ layout: image/stacked
903
+ playlist: game_posters
904
+ swiper_classes: stacked-slider
905
+ container_classes: false
906
+ wrapper_styles: false
907
+
908
+ # ------------------------------------------------------------------------
909
+ # CAPTION Options
910
+ # ------------------------------------------------------------------------
911
+ #
912
+ captions:
913
+ enabled: false
914
+ css_class: swp-caption-content
915
+
916
+ # ------------------------------------------------------------------------
917
+ # CORE Options
918
+ # ------------------------------------------------------------------------
919
+ #
920
+ parameters:
921
+ grabCursor: true
922
+ loop: false
923
+ speed: 600
924
+
925
+ # ------------------------------------------------------------------------
926
+ # MODULE Options
927
+ # ------------------------------------------------------------------------
928
+ #
929
+ module_settings:
930
+ creativeEffect:
931
+ enabled: true
932
+ limitProgress: 3
933
+ perspective: true
934
+ shadowPerProgress: true
935
+ prev:
936
+ shadow: true
937
+ # set `translateX(-15%)` and translateZ(-200)` on PREVIOUS slides
938
+ translate: [ '-15%', 0, -200 ]
939
+ next:
940
+ # set `translateX to calcNextOffset on NEXT slides
941
+ translate: [ calcNextOffset(), 0, 0 ]
942
+ pagination:
943
+ clickable: true
944
+ dynamicBullets: false
945
+ el: .swiper-pagination-inner
946
+ type: bullets
947
+ parallax:
948
+ enabled: true
949
+ parallax_data_elements: [ data-swiper-parallax-scale="1.1" ]
950
+ stacked:
951
+ effect: creative
952
+ swiper_id: swiper_image_stacked
953
+ resistanceRatio: 0
954
+
955
+ # ------------------------------------------------------------------------
956
+ # EVENT Options
957
+ # ------------------------------------------------------------------------
958
+ #
959
+ events:
960
+ enabled: true
961
+ init: >
962
+ function (swiper) { var slideHeight = 600; swiper.slides.forEach(slide => { slide.style.height = `${slideHeight}px`; }); }
963
+ reachEnd: >
964
+ function (swiper) { onLastSlide(swiper) }
965
+
966
+ # ------------------------------------------------------------------------
967
+ # LIGHTBOX Options
968
+ #
969
+ lightbox:
970
+
971
+ # ----------------------------------------------------------------------
972
+ # GENERAL Options
973
+ # ----------------------------------------------------------------------
974
+ #
975
+ enabled: false
842
976
 
843
977
  # --------------------------------------------------------------------------
844
978
  # AUDIO Swiper