j1-template 2024.3.19 → 2024.3.21

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 (113) hide show
  1. checksums.yaml +4 -4
  2. data/_layouts/page.html +1 -0
  3. data/assets/data/amplitude_app.html +192 -163
  4. data/assets/data/swiper_app.2.html +757 -0
  5. data/assets/data/swiper_app.4.html +769 -0
  6. data/assets/data/swiper_app.html +171 -27
  7. data/assets/theme/j1/adapter/js/amplitude.js +1104 -216
  8. data/assets/theme/j1/adapter/js/swiper.js +63 -15
  9. data/assets/theme/j1/core/css/themes/bootstrap/bootstrap.css +111 -101
  10. data/assets/theme/j1/core/css/themes/bootstrap/bootstrap.min.css +1 -1
  11. data/assets/theme/j1/core/css/themes/unodark/bootstrap.css +111 -101
  12. data/assets/theme/j1/core/css/themes/unodark/bootstrap.min.css +1 -1
  13. data/assets/theme/j1/core/css/themes/unolight/bootstrap.css +111 -101
  14. data/assets/theme/j1/core/css/themes/unolight/bootstrap.min.css +1 -1
  15. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/amplitude.css +177 -216
  16. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/amplitude.min.css +1 -1
  17. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/compact.css +220 -339
  18. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/compact.min.css +1 -2
  19. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/large.css +324 -491
  20. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/large.min.css +1 -2
  21. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/mini.css +70 -60
  22. data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/mini.min.css +2 -1
  23. data/assets/theme/j1/modules/amplitudejs/js/tech/ytp.js +2074 -843
  24. data/assets/theme/j1/modules/amplitudejs/scss/theme/uno/dark/player/large.scss +439 -264
  25. data/assets/theme/j1/modules/swiperjs/css/modules/layoutBase.css +16 -0
  26. data/assets/theme/j1/modules/swiperjs/css/modules/layoutBase.min.css +16 -0
  27. data/assets/theme/j1/modules/swiperjs/css/modules/layoutExpanding.css +24 -24
  28. data/assets/theme/j1/modules/swiperjs/css/modules/layoutExpanding.min.css +1 -235
  29. data/assets/theme/j1/modules/swiperjs/css/modules/layoutNeighbor.min.css +2 -2
  30. data/assets/theme/j1/modules/swiperjs/css/modules/layoutParallax.css +16 -0
  31. data/assets/theme/j1/modules/swiperjs/css/modules/layoutParallax.min.css +16 -0
  32. data/assets/theme/j1/modules/swiperjs/css/modules/layoutStacked.css +6 -7
  33. data/assets/theme/j1/modules/swiperjs/css/modules/layoutStacked.min.css +1 -82
  34. data/assets/theme/j1/modules/swiperjs/css/modules/layoutThumbs.min.css +2 -29
  35. data/assets/theme/j1/modules/swiperjs/css/theme/uno.css +29 -12
  36. data/assets/theme/j1/modules/swiperjs/css/theme/uno.min.css +1 -1
  37. data/assets/theme/j1/modules/swiperjs/js/modules/layoutBase.js +25 -0
  38. data/assets/theme/j1/modules/swiperjs/js/modules/layoutBase.min.js +25 -0
  39. data/assets/theme/j1/modules/swiperjs/js/modules/layoutExpanding.js +1 -5
  40. data/assets/theme/j1/modules/swiperjs/js/modules/layoutExpanding.min.js +1 -5
  41. data/assets/theme/j1/modules/swiperjs/js/modules/layoutNeighbor.js +12 -14
  42. data/assets/theme/j1/modules/swiperjs/js/modules/layoutNeighbor.min.js +1 -17
  43. data/assets/theme/j1/modules/swiperjs/js/modules/layoutPanorama.js +0 -1
  44. data/assets/theme/j1/modules/swiperjs/js/modules/layoutParallax.js +25 -0
  45. data/assets/theme/j1/modules/swiperjs/js/modules/layoutParallax.min.js +25 -0
  46. data/assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.0.js +114 -0
  47. data/assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.1.js +93 -0
  48. data/assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.js +42 -13
  49. data/assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.min.js +17 -0
  50. data/assets/theme/j1/modules/swiperjs/js/modules/layoutThumbs.js +76 -25
  51. data/assets/theme/j1/modules/swiperjs/js/modules/layoutThumbs.min.js +1 -17
  52. data/assets/theme/j1/modules/swiperjs/js/swiper-bundle.js +9152 -9131
  53. data/assets/theme/j1/modules/swiperjs/js/swiper-bundle.min.js +1 -1
  54. data/lib/j1/version.rb +1 -1
  55. data/lib/starter_web/README.md +5 -5
  56. data/lib/starter_web/_config.yml +1 -1
  57. data/lib/starter_web/_data/modules/amplitude_app.yml +206 -23
  58. data/lib/starter_web/_data/modules/amplitude_playlists.yml +1122 -19
  59. data/lib/starter_web/_data/modules/defaults/{amplitude_app.yml → amplitude.yml} +73 -26
  60. data/lib/starter_web/_data/modules/swiper_app.yml +356 -155
  61. data/lib/starter_web/_data/modules/swiper_playlists.yml +77 -1
  62. data/lib/starter_web/_data/resources.yml +6 -2
  63. data/lib/starter_web/_data/templates/feed.xml +1 -1
  64. data/lib/starter_web/_includes/attributes.asciidoc +5 -4
  65. data/lib/starter_web/_plugins/filter/filters.rb +1 -11
  66. data/lib/starter_web/_plugins/index/lunr.rb +1 -1
  67. data/lib/starter_web/assets/image/icon/bokeh/bokeh-32x32.ico +0 -0
  68. data/lib/starter_web/assets/image/icon/bokeh/bokeh.ico +0 -0
  69. data/lib/starter_web/assets/image/icon/bokeh/logo-160x160.png +0 -0
  70. data/lib/starter_web/assets/image/icon/hyvor-talk/hyvore-talk.ico +0 -0
  71. data/lib/starter_web/assets/image/icon/hyvor-talk/jpg/hyvor-logo.512x512.jpg +0 -0
  72. data/lib/starter_web/assets/image/icon/hyvor-talk/png/hyvor-logo.24x24.jpg +0 -0
  73. data/lib/starter_web/assets/image/icon/hyvor-talk/png/hyvor-logo.24x24.png +0 -0
  74. data/lib/starter_web/assets/image/icon/hyvor-talk/png/hyvor-logo.512x512.png +0 -0
  75. data/lib/starter_web/assets/image/icon/hyvor-talk/scalable/hyvor-logo.svg +81 -0
  76. data/lib/starter_web/assets/image/icon/jupyter/jupyter-32x32.ico +0 -0
  77. data/lib/starter_web/assets/image/icon/jupyter/jupyter.ico +0 -0
  78. data/lib/starter_web/assets/image/icon/jupyter/logo.png +0 -0
  79. data/lib/starter_web/assets/image/icon/mdi/mdi.svg +1 -0
  80. data/lib/starter_web/assets/image/icon/mdi/mdil.svg +1 -0
  81. data/lib/starter_web/assets/image/icon/scalable/facebook.svg +34 -0
  82. data/lib/starter_web/assets/image/icon/scalable/google.svg +35 -0
  83. data/lib/starter_web/assets/image/icon/scalable/ibm.svg +24 -0
  84. data/lib/starter_web/assets/image/icon/scalable/microsoft.svg +42 -0
  85. data/lib/starter_web/assets/image/module/swiper/avatar/avatar-1.png +0 -0
  86. data/lib/starter_web/assets/image/module/swiper/avatar/avatar-2.png +0 -0
  87. data/lib/starter_web/assets/image/module/swiper/avatar/avatar-3.png +0 -0
  88. data/lib/starter_web/assets/image/module/swiper/avatar/avatar-4.png +0 -0
  89. data/lib/starter_web/assets/image/module/swiper/avatar/avatar-5.png +0 -0
  90. data/lib/starter_web/assets/image/module/swiper/simple/test/image/diana_krall.jpg +0 -0
  91. data/lib/starter_web/index.html +3 -3
  92. data/lib/starter_web/package.json +1 -1
  93. data/lib/starter_web/pages/public/learn/where_to_go.adoc +1 -1
  94. data/lib/starter_web/pages/public/tools/previewer/preview_amplitudejs.adoc +69 -36
  95. data/lib/starter_web/pages/public/tools/tester/app_tester_amplitudejs_yt.adoc +65 -18
  96. data/lib/starter_web/pages/public/tools/tester/app_tester_swiper.adoc +87 -0
  97. data/lib/starter_web/pages/public/tools/tester/app_tester_swiperjs.adoc +121 -36
  98. data/lib/starter_web/pages/public/tour/_includes/attributes.asciidoc +3 -3
  99. data/lib/starter_web/pages/public/tour/{play_audio.adoc → audio_data.adoc} +51 -86
  100. data/lib/starter_web/pages/public/tour/{present_images.adoc → image_data.adoc} +4 -5
  101. data/lib/starter_web/pages/public/tour/{play_video.adoc → video_data.adoc} +18 -17
  102. metadata +52 -17
  103. data/assets/theme/j1/modules/swiperjs/js/highlightJS.js +0 -13376
  104. data/assets/theme/j1/modules/swiperjs/js/highlightJS.min.js +0 -1246
  105. data/assets/theme/j1/modules/swiperjs/js/modules/!readme +0 -3
  106. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/!info/!readme +0 -0
  107. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/!readme +0 -0
  108. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/1.jpg +0 -0
  109. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/2.jpg +0 -0
  110. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/3.jpg +0 -0
  111. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/4.jpg +0 -0
  112. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/5.jpg +0 -0
  113. /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/6.jpg +0 -0
@@ -17,8 +17,8 @@
17
17
  # -----------------------------------------------------------------------------
18
18
  */
19
19
  /*!
20
- * Bootstrap v5.3.3 (https://getbootstrap.com/)
21
- * Copyright 2011-2024 The Bootstrap Authors
20
+ * Bootstrap v5.3.6 (https://getbootstrap.com/)
21
+ * Copyright 2011-2025 The Bootstrap Authors
22
22
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
23
23
  */
24
24
  :root,
@@ -532,8 +532,8 @@ legend {
532
532
  width: 100%;
533
533
  padding: 0;
534
534
  margin-bottom: 0.5rem;
535
- font-size: calc(1.275rem + 0.3vw);
536
535
  line-height: inherit;
536
+ font-size: calc(1.275rem + 0.3vw);
537
537
  }
538
538
  @media (min-width: 1200px) {
539
539
  legend {
@@ -611,9 +611,9 @@ progress {
611
611
  }
612
612
 
613
613
  .display-1 {
614
- font-size: calc(1.625rem + 4.5vw);
615
614
  font-weight: 300;
616
615
  line-height: 1.2;
616
+ font-size: calc(1.625rem + 4.5vw);
617
617
  }
618
618
  @media (min-width: 1200px) {
619
619
  .display-1 {
@@ -622,9 +622,9 @@ progress {
622
622
  }
623
623
 
624
624
  .display-2 {
625
- font-size: calc(1.575rem + 3.9vw);
626
625
  font-weight: 300;
627
626
  line-height: 1.2;
627
+ font-size: calc(1.575rem + 3.9vw);
628
628
  }
629
629
  @media (min-width: 1200px) {
630
630
  .display-2 {
@@ -633,9 +633,9 @@ progress {
633
633
  }
634
634
 
635
635
  .display-3 {
636
- font-size: calc(1.525rem + 3.3vw);
637
636
  font-weight: 300;
638
637
  line-height: 1.2;
638
+ font-size: calc(1.525rem + 3.3vw);
639
639
  }
640
640
  @media (min-width: 1200px) {
641
641
  .display-3 {
@@ -644,9 +644,9 @@ progress {
644
644
  }
645
645
 
646
646
  .display-4 {
647
- font-size: calc(1.475rem + 2.7vw);
648
647
  font-weight: 300;
649
648
  line-height: 1.2;
649
+ font-size: calc(1.475rem + 2.7vw);
650
650
  }
651
651
  @media (min-width: 1200px) {
652
652
  .display-4 {
@@ -655,9 +655,9 @@ progress {
655
655
  }
656
656
 
657
657
  .display-5 {
658
- font-size: calc(1.425rem + 2.1vw);
659
658
  font-weight: 300;
660
659
  line-height: 1.2;
660
+ font-size: calc(1.425rem + 2.1vw);
661
661
  }
662
662
  @media (min-width: 1200px) {
663
663
  .display-5 {
@@ -666,9 +666,9 @@ progress {
666
666
  }
667
667
 
668
668
  .display-6 {
669
- font-size: calc(1.375rem + 1.5vw);
670
669
  font-weight: 300;
671
670
  line-height: 1.2;
671
+ font-size: calc(1.375rem + 1.5vw);
672
672
  }
673
673
  @media (min-width: 1200px) {
674
674
  .display-6 {
@@ -813,7 +813,7 @@ progress {
813
813
  }
814
814
 
815
815
  .col {
816
- flex: 1 0 0%;
816
+ flex: 1 0 0;
817
817
  }
818
818
 
819
819
  .row-cols-auto > * {
@@ -1022,7 +1022,7 @@ progress {
1022
1022
 
1023
1023
  @media (min-width: 576px) {
1024
1024
  .col-sm {
1025
- flex: 1 0 0%;
1025
+ flex: 1 0 0;
1026
1026
  }
1027
1027
  .row-cols-sm-auto > * {
1028
1028
  flex: 0 0 auto;
@@ -1191,7 +1191,7 @@ progress {
1191
1191
  }
1192
1192
  @media (min-width: 768px) {
1193
1193
  .col-md {
1194
- flex: 1 0 0%;
1194
+ flex: 1 0 0;
1195
1195
  }
1196
1196
  .row-cols-md-auto > * {
1197
1197
  flex: 0 0 auto;
@@ -1360,7 +1360,7 @@ progress {
1360
1360
  }
1361
1361
  @media (min-width: 992px) {
1362
1362
  .col-lg {
1363
- flex: 1 0 0%;
1363
+ flex: 1 0 0;
1364
1364
  }
1365
1365
  .row-cols-lg-auto > * {
1366
1366
  flex: 0 0 auto;
@@ -1529,7 +1529,7 @@ progress {
1529
1529
  }
1530
1530
  @media (min-width: 1200px) {
1531
1531
  .col-xl {
1532
- flex: 1 0 0%;
1532
+ flex: 1 0 0;
1533
1533
  }
1534
1534
  .row-cols-xl-auto > * {
1535
1535
  flex: 0 0 auto;
@@ -1698,7 +1698,7 @@ progress {
1698
1698
  }
1699
1699
  @media (min-width: 1400px) {
1700
1700
  .col-xxl {
1701
- flex: 1 0 0%;
1701
+ flex: 1 0 0;
1702
1702
  }
1703
1703
  .row-cols-xxl-auto > * {
1704
1704
  flex: 0 0 auto;
@@ -2559,9 +2559,11 @@ textarea.form-control-lg {
2559
2559
  top: 0;
2560
2560
  left: 0;
2561
2561
  z-index: 2;
2562
+ max-width: 100%;
2562
2563
  height: 100%;
2563
2564
  padding: 1rem 0.75rem;
2564
2565
  overflow: hidden;
2566
+ color: rgba(var(--bs-body-color-rgb), 0.65);
2565
2567
  text-align: start;
2566
2568
  text-overflow: ellipsis;
2567
2569
  white-space: nowrap;
@@ -2597,18 +2599,19 @@ textarea.form-control-lg {
2597
2599
  .form-floating > .form-select {
2598
2600
  padding-top: 1.625rem;
2599
2601
  padding-bottom: 0.625rem;
2602
+ padding-left: 0.75rem;
2600
2603
  }
2601
2604
  .form-floating > .form-control:focus ~ label,
2602
2605
  .form-floating > .form-control:not(:placeholder-shown) ~ label,
2603
2606
  .form-floating > .form-control-plaintext ~ label,
2604
2607
  .form-floating > .form-select ~ label {
2605
- color: rgba(var(--bs-body-color-rgb), 0.65);
2606
2608
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
2607
2609
  }
2608
- .form-floating > .form-control:focus ~ label::after,
2609
- .form-floating > .form-control:not(:placeholder-shown) ~ label::after,
2610
- .form-floating > .form-control-plaintext ~ label::after,
2611
- .form-floating > .form-select ~ label::after {
2610
+ .form-floating > .form-control:-webkit-autofill ~ label {
2611
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
2612
+ }
2613
+ .form-floating > textarea:focus ~ label::after,
2614
+ .form-floating > textarea:not(:placeholder-shown) ~ label::after {
2612
2615
  position: absolute;
2613
2616
  inset: 1rem 0.375rem;
2614
2617
  z-index: -1;
@@ -2617,9 +2620,8 @@ textarea.form-control-lg {
2617
2620
  background-color: var(--bs-body-bg);
2618
2621
  border-radius: var(--bs-border-radius);
2619
2622
  }
2620
- .form-floating > .form-control:-webkit-autofill ~ label {
2621
- color: rgba(var(--bs-body-color-rgb), 0.65);
2622
- transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
2623
+ .form-floating > textarea:disabled ~ label::after {
2624
+ background-color: var(--bs-secondary-bg);
2623
2625
  }
2624
2626
  .form-floating > .form-control-plaintext ~ label {
2625
2627
  border-width: var(--bs-border-width) 0;
@@ -2628,10 +2630,6 @@ textarea.form-control-lg {
2628
2630
  .form-floating > .form-control:disabled ~ label {
2629
2631
  color: #6c757d;
2630
2632
  }
2631
- .form-floating > :disabled ~ label::after,
2632
- .form-floating > .form-control:disabled ~ label::after {
2633
- background-color: var(--bs-secondary-bg);
2634
- }
2635
2633
 
2636
2634
  .input-group {
2637
2635
  position: relative;
@@ -2714,7 +2712,7 @@ textarea.form-control-lg {
2714
2712
  border-bottom-right-radius: 0;
2715
2713
  }
2716
2714
  .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
2717
- margin-left: calc(var(--bs-border-width) * -1);
2715
+ margin-left: calc(-1 * var(--bs-border-width));
2718
2716
  border-top-left-radius: 0;
2719
2717
  border-bottom-left-radius: 0;
2720
2718
  }
@@ -2756,7 +2754,7 @@ textarea.form-control-lg {
2756
2754
  .was-validated .form-control:valid, .form-control.is-valid {
2757
2755
  border-color: var(--bs-form-valid-border-color);
2758
2756
  padding-right: calc(1.5em + 0.75rem);
2759
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
2757
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
2760
2758
  background-repeat: no-repeat;
2761
2759
  background-position: right calc(0.375em + 0.1875rem) center;
2762
2760
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
@@ -2775,7 +2773,7 @@ textarea.form-control-lg {
2775
2773
  border-color: var(--bs-form-valid-border-color);
2776
2774
  }
2777
2775
  .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
2778
- --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
2776
+ --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
2779
2777
  padding-right: 4.125rem;
2780
2778
  background-position: right 0.75rem center, center right 2.25rem;
2781
2779
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
@@ -3685,7 +3683,7 @@ textarea.form-control-lg {
3685
3683
  }
3686
3684
  .btn-group > :not(.btn-check:first-child) + .btn,
3687
3685
  .btn-group > .btn-group:not(:first-child) {
3688
- margin-left: calc(var(--bs-border-width) * -1);
3686
+ margin-left: calc(-1 * var(--bs-border-width));
3689
3687
  }
3690
3688
  .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
3691
3689
  .btn-group > .btn.dropdown-toggle-split:first-child,
@@ -3732,14 +3730,15 @@ textarea.form-control-lg {
3732
3730
  }
3733
3731
  .btn-group-vertical > .btn:not(:first-child),
3734
3732
  .btn-group-vertical > .btn-group:not(:first-child) {
3735
- margin-top: calc(var(--bs-border-width) * -1);
3733
+ margin-top: calc(-1 * var(--bs-border-width));
3736
3734
  }
3737
3735
  .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
3738
3736
  .btn-group-vertical > .btn-group:not(:last-child) > .btn {
3739
3737
  border-bottom-right-radius: 0;
3740
3738
  border-bottom-left-radius: 0;
3741
3739
  }
3742
- .btn-group-vertical > .btn ~ .btn,
3740
+ .btn-group-vertical > .btn:nth-child(n+3),
3741
+ .btn-group-vertical > :not(.btn-check) + .btn,
3743
3742
  .btn-group-vertical > .btn-group:not(:first-child) > .btn {
3744
3743
  border-top-left-radius: 0;
3745
3744
  border-top-right-radius: 0;
@@ -3863,8 +3862,8 @@ textarea.form-control-lg {
3863
3862
 
3864
3863
  .nav-justified > .nav-link,
3865
3864
  .nav-justified .nav-item {
3866
- flex-basis: 0;
3867
3865
  flex-grow: 1;
3866
+ flex-basis: 0;
3868
3867
  text-align: center;
3869
3868
  }
3870
3869
 
@@ -3965,8 +3964,8 @@ textarea.form-control-lg {
3965
3964
  }
3966
3965
 
3967
3966
  .navbar-collapse {
3968
- flex-basis: 100%;
3969
3967
  flex-grow: 1;
3968
+ flex-basis: 100%;
3970
3969
  align-items: center;
3971
3970
  }
3972
3971
 
@@ -4461,7 +4460,7 @@ textarea.form-control-lg {
4461
4460
  flex-flow: row wrap;
4462
4461
  }
4463
4462
  .card-group > .card {
4464
- flex: 1 0 0%;
4463
+ flex: 1 0 0;
4465
4464
  margin-bottom: 0;
4466
4465
  }
4467
4466
  .card-group > .card + .card {
@@ -4472,24 +4471,24 @@ textarea.form-control-lg {
4472
4471
  border-top-right-radius: 0;
4473
4472
  border-bottom-right-radius: 0;
4474
4473
  }
4475
- .card-group > .card:not(:last-child) .card-img-top,
4476
- .card-group > .card:not(:last-child) .card-header {
4474
+ .card-group > .card:not(:last-child) > .card-img-top,
4475
+ .card-group > .card:not(:last-child) > .card-header {
4477
4476
  border-top-right-radius: 0;
4478
4477
  }
4479
- .card-group > .card:not(:last-child) .card-img-bottom,
4480
- .card-group > .card:not(:last-child) .card-footer {
4478
+ .card-group > .card:not(:last-child) > .card-img-bottom,
4479
+ .card-group > .card:not(:last-child) > .card-footer {
4481
4480
  border-bottom-right-radius: 0;
4482
4481
  }
4483
4482
  .card-group > .card:not(:first-child) {
4484
4483
  border-top-left-radius: 0;
4485
4484
  border-bottom-left-radius: 0;
4486
4485
  }
4487
- .card-group > .card:not(:first-child) .card-img-top,
4488
- .card-group > .card:not(:first-child) .card-header {
4486
+ .card-group > .card:not(:first-child) > .card-img-top,
4487
+ .card-group > .card:not(:first-child) > .card-header {
4489
4488
  border-top-left-radius: 0;
4490
4489
  }
4491
- .card-group > .card:not(:first-child) .card-img-bottom,
4492
- .card-group > .card:not(:first-child) .card-footer {
4490
+ .card-group > .card:not(:first-child) > .card-img-bottom,
4491
+ .card-group > .card:not(:first-child) > .card-footer {
4493
4492
  border-bottom-left-radius: 0;
4494
4493
  }
4495
4494
  }
@@ -4506,11 +4505,11 @@ textarea.form-control-lg {
4506
4505
  --bs-accordion-btn-padding-y: 1rem;
4507
4506
  --bs-accordion-btn-color: var(--bs-body-color);
4508
4507
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
4509
- --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
4508
+ --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
4510
4509
  --bs-accordion-btn-icon-width: 1.25rem;
4511
4510
  --bs-accordion-btn-icon-transform: rotate(-180deg);
4512
4511
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
4513
- --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%285.2, 44, 101.2%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
4512
+ --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%285.2, 44, 101.2%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
4514
4513
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
4515
4514
  --bs-accordion-body-padding-x: 1.25rem;
4516
4515
  --bs-accordion-body-padding-y: 1rem;
@@ -4620,16 +4619,15 @@ textarea.form-control-lg {
4620
4619
  .accordion-flush > .accordion-item:last-child {
4621
4620
  border-bottom: 0;
4622
4621
  }
4623
- .accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
4624
- border-radius: 0;
4625
- }
4626
- .accordion-flush > .accordion-item > .accordion-collapse {
4622
+ .accordion-flush > .accordion-item > .accordion-collapse,
4623
+ .accordion-flush > .accordion-item > .accordion-header .accordion-button,
4624
+ .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
4627
4625
  border-radius: 0;
4628
4626
  }
4629
4627
 
4630
4628
  [data-bs-theme=dark] .accordion-button::after {
4631
- --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
4632
- --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
4629
+ --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
4630
+ --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
4633
4631
  }
4634
4632
 
4635
4633
  .breadcrumb {
@@ -4733,7 +4731,7 @@ textarea.form-control-lg {
4733
4731
  }
4734
4732
 
4735
4733
  .page-item:not(:first-child) .page-link {
4736
- margin-left: calc(var(--bs-border-width) * -1);
4734
+ margin-left: calc(-1 * var(--bs-border-width));
4737
4735
  }
4738
4736
  .page-item:first-child .page-link {
4739
4737
  border-top-left-radius: var(--bs-pagination-border-radius);
@@ -4882,7 +4880,7 @@ textarea.form-control-lg {
4882
4880
 
4883
4881
  @keyframes progress-bar-stripes {
4884
4882
  0% {
4885
- background-position-x: 1rem;
4883
+ background-position-x: var(--bs-progress-height);
4886
4884
  }
4887
4885
  }
4888
4886
  .progress,
@@ -4976,22 +4974,6 @@ textarea.form-control-lg {
4976
4974
  counter-increment: section;
4977
4975
  }
4978
4976
 
4979
- .list-group-item-action {
4980
- width: 100%;
4981
- color: var(--bs-list-group-action-color);
4982
- text-align: inherit;
4983
- }
4984
- .list-group-item-action:hover, .list-group-item-action:focus {
4985
- z-index: 1;
4986
- color: var(--bs-list-group-action-hover-color);
4987
- text-decoration: none;
4988
- background-color: var(--bs-list-group-action-hover-bg);
4989
- }
4990
- .list-group-item-action:active {
4991
- color: var(--bs-list-group-action-active-color);
4992
- background-color: var(--bs-list-group-action-active-bg);
4993
- }
4994
-
4995
4977
  .list-group-item {
4996
4978
  position: relative;
4997
4979
  display: block;
@@ -5028,6 +5010,22 @@ textarea.form-control-lg {
5028
5010
  border-top-width: var(--bs-list-group-border-width);
5029
5011
  }
5030
5012
 
5013
+ .list-group-item-action {
5014
+ width: 100%;
5015
+ color: var(--bs-list-group-action-color);
5016
+ text-align: inherit;
5017
+ }
5018
+ .list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus {
5019
+ z-index: 1;
5020
+ color: var(--bs-list-group-action-hover-color);
5021
+ text-decoration: none;
5022
+ background-color: var(--bs-list-group-action-hover-bg);
5023
+ }
5024
+ .list-group-item-action:not(.active):active {
5025
+ color: var(--bs-list-group-action-active-color);
5026
+ background-color: var(--bs-list-group-action-active-bg);
5027
+ }
5028
+
5031
5029
  .list-group-horizontal {
5032
5030
  flex-direction: row;
5033
5031
  }
@@ -5287,19 +5285,19 @@ textarea.form-control-lg {
5287
5285
 
5288
5286
  .btn-close {
5289
5287
  --bs-btn-close-color: #000;
5290
- --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
5288
+ --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
5291
5289
  --bs-btn-close-opacity: 0.5;
5292
5290
  --bs-btn-close-hover-opacity: 0.75;
5293
5291
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
5294
5292
  --bs-btn-close-focus-opacity: 1;
5295
5293
  --bs-btn-close-disabled-opacity: 0.25;
5296
- --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
5297
5294
  box-sizing: content-box;
5298
5295
  width: 1em;
5299
5296
  height: 1em;
5300
5297
  padding: 0.25em 0.25em;
5301
5298
  color: var(--bs-btn-close-color);
5302
5299
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
5300
+ filter: var(--bs-btn-close-filter);
5303
5301
  border: 0;
5304
5302
  border-radius: 0.375rem;
5305
5303
  opacity: var(--bs-btn-close-opacity);
@@ -5321,11 +5319,16 @@ textarea.form-control-lg {
5321
5319
  }
5322
5320
 
5323
5321
  .btn-close-white {
5324
- filter: var(--bs-btn-close-white-filter);
5322
+ --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
5325
5323
  }
5326
5324
 
5327
- [data-bs-theme=dark] .btn-close {
5328
- filter: var(--bs-btn-close-white-filter);
5325
+ :root,
5326
+ [data-bs-theme=light] {
5327
+ --bs-btn-close-filter: ;
5328
+ }
5329
+
5330
+ [data-bs-theme=dark] {
5331
+ --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
5329
5332
  }
5330
5333
 
5331
5334
  .toast {
@@ -5400,7 +5403,7 @@ textarea.form-control-lg {
5400
5403
  --bs-modal-width: 500px;
5401
5404
  --bs-modal-padding: 1rem;
5402
5405
  --bs-modal-margin: 0.5rem;
5403
- --bs-modal-color: ;
5406
+ --bs-modal-color: var(--bs-body-color);
5404
5407
  --bs-modal-bg: var(--bs-body-bg);
5405
5408
  --bs-modal-border-color: var(--bs-border-color-translucent);
5406
5409
  --bs-modal-border-width: var(--bs-border-width);
@@ -5436,8 +5439,8 @@ textarea.form-control-lg {
5436
5439
  pointer-events: none;
5437
5440
  }
5438
5441
  .modal.fade .modal-dialog {
5439
- transition: transform 0.3s ease-out;
5440
5442
  transform: translate(0, -50px);
5443
+ transition: transform 0.3s ease-out;
5441
5444
  }
5442
5445
  @media (prefers-reduced-motion: reduce) {
5443
5446
  .modal.fade .modal-dialog {
@@ -5512,7 +5515,10 @@ textarea.form-control-lg {
5512
5515
  }
5513
5516
  .modal-header .btn-close {
5514
5517
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
5515
- margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
5518
+ margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
5519
+ margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
5520
+ margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
5521
+ margin-left: auto;
5516
5522
  }
5517
5523
 
5518
5524
  .modal-title {
@@ -6032,6 +6038,7 @@ textarea.form-control-lg {
6032
6038
  color: #fff;
6033
6039
  text-align: center;
6034
6040
  background: none;
6041
+ filter: var(--bs-carousel-control-icon-filter);
6035
6042
  border: 0;
6036
6043
  opacity: 0.5;
6037
6044
  transition: opacity 0.15s ease;
@@ -6070,11 +6077,11 @@ textarea.form-control-lg {
6070
6077
  }
6071
6078
 
6072
6079
  .carousel-control-prev-icon {
6073
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")*/;
6080
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")*/;
6074
6081
  }
6075
6082
 
6076
6083
  .carousel-control-next-icon {
6077
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")*/;
6084
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")*/;
6078
6085
  }
6079
6086
 
6080
6087
  .carousel-indicators {
@@ -6100,7 +6107,7 @@ textarea.form-control-lg {
6100
6107
  margin-left: 3px;
6101
6108
  text-indent: -999px;
6102
6109
  cursor: pointer;
6103
- background-color: #fff;
6110
+ background-color: var(--bs-carousel-indicator-active-bg);
6104
6111
  background-clip: padding-box;
6105
6112
  border: 0;
6106
6113
  border-top: 10px solid transparent;
@@ -6124,31 +6131,27 @@ textarea.form-control-lg {
6124
6131
  left: 15%;
6125
6132
  padding-top: 1.25rem;
6126
6133
  padding-bottom: 1.25rem;
6127
- color: #fff;
6134
+ color: var(--bs-carousel-caption-color);
6128
6135
  text-align: center;
6129
6136
  }
6130
6137
 
6131
- .carousel-dark .carousel-control-prev-icon,
6132
- .carousel-dark .carousel-control-next-icon {
6133
- filter: invert(1) grayscale(100);
6134
- }
6135
- .carousel-dark .carousel-indicators [data-bs-target] {
6136
- background-color: #000;
6137
- }
6138
- .carousel-dark .carousel-caption {
6139
- color: #000;
6138
+ .carousel-dark {
6139
+ --bs-carousel-indicator-active-bg: #000;
6140
+ --bs-carousel-caption-color: #000;
6141
+ --bs-carousel-control-icon-filter: invert(1) grayscale(100);
6140
6142
  }
6141
6143
 
6142
- [data-bs-theme=dark] .carousel .carousel-control-prev-icon,
6143
- [data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon,
6144
- [data-bs-theme=dark].carousel .carousel-control-next-icon {
6145
- filter: invert(1) grayscale(100);
6146
- }
6147
- [data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
6148
- background-color: #000;
6144
+ :root,
6145
+ [data-bs-theme=light] {
6146
+ --bs-carousel-indicator-active-bg: #fff;
6147
+ --bs-carousel-caption-color: #fff;
6148
+ --bs-carousel-control-icon-filter: ;
6149
6149
  }
6150
- [data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption {
6151
- color: #000;
6150
+
6151
+ [data-bs-theme=dark] {
6152
+ --bs-carousel-indicator-active-bg: #000;
6153
+ --bs-carousel-caption-color: #000;
6154
+ --bs-carousel-control-icon-filter: invert(1) grayscale(100);
6152
6155
  }
6153
6156
 
6154
6157
  .spinner-grow,
@@ -6698,7 +6701,10 @@ textarea.form-control-lg {
6698
6701
  }
6699
6702
  .offcanvas-header .btn-close {
6700
6703
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
6701
- margin: calc(-0.5 * var(--bs-offcanvas-padding-y)) calc(-0.5 * var(--bs-offcanvas-padding-x)) calc(-0.5 * var(--bs-offcanvas-padding-y)) auto;
6704
+ margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
6705
+ margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
6706
+ margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
6707
+ margin-left: auto;
6702
6708
  }
6703
6709
 
6704
6710
  .offcanvas-title {
@@ -7064,6 +7070,10 @@ textarea.form-control-lg {
7064
7070
  .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
7065
7071
  position: absolute !important;
7066
7072
  }
7073
+ .visually-hidden *,
7074
+ .visually-hidden-focusable:not(:focus):not(:focus-within) * {
7075
+ overflow: hidden !important;
7076
+ }
7067
7077
 
7068
7078
  .stretched-link::after {
7069
7079
  position: absolute;