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
@@ -63,8 +63,8 @@
63
63
  # ----------------------------------------------------------------------------
64
64
  */
65
65
  /*!
66
- * Bootstrap v5.3.3 (https://getbootstrap.com/)
67
- * Copyright 2011-2024 The Bootstrap Authors
66
+ * Bootstrap v5.3.6 (https://getbootstrap.com/)
67
+ * Copyright 2011-2025 The Bootstrap Authors
68
68
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
69
69
  */
70
70
  :root,
@@ -578,8 +578,8 @@ legend {
578
578
  width: 100%;
579
579
  padding: 0;
580
580
  margin-bottom: 0.5rem;
581
- font-size: calc(1.275rem + 0.3vw);
582
581
  line-height: inherit;
582
+ font-size: calc(1.275rem + 0.3vw);
583
583
  }
584
584
  @media (min-width: 1200px) {
585
585
  legend {
@@ -657,9 +657,9 @@ progress {
657
657
  }
658
658
 
659
659
  .display-1 {
660
- font-size: calc(1.625rem + 4.5vw);
661
660
  font-weight: 300;
662
661
  line-height: 1.2;
662
+ font-size: calc(1.625rem + 4.5vw);
663
663
  }
664
664
  @media (min-width: 1200px) {
665
665
  .display-1 {
@@ -668,9 +668,9 @@ progress {
668
668
  }
669
669
 
670
670
  .display-2 {
671
- font-size: calc(1.575rem + 3.9vw);
672
671
  font-weight: 300;
673
672
  line-height: 1.2;
673
+ font-size: calc(1.575rem + 3.9vw);
674
674
  }
675
675
  @media (min-width: 1200px) {
676
676
  .display-2 {
@@ -679,9 +679,9 @@ progress {
679
679
  }
680
680
 
681
681
  .display-3 {
682
- font-size: calc(1.525rem + 3.3vw);
683
682
  font-weight: 300;
684
683
  line-height: 1.2;
684
+ font-size: calc(1.525rem + 3.3vw);
685
685
  }
686
686
  @media (min-width: 1200px) {
687
687
  .display-3 {
@@ -690,9 +690,9 @@ progress {
690
690
  }
691
691
 
692
692
  .display-4 {
693
- font-size: calc(1.475rem + 2.7vw);
694
693
  font-weight: 300;
695
694
  line-height: 1.2;
695
+ font-size: calc(1.475rem + 2.7vw);
696
696
  }
697
697
  @media (min-width: 1200px) {
698
698
  .display-4 {
@@ -701,9 +701,9 @@ progress {
701
701
  }
702
702
 
703
703
  .display-5 {
704
- font-size: calc(1.425rem + 2.1vw);
705
704
  font-weight: 300;
706
705
  line-height: 1.2;
706
+ font-size: calc(1.425rem + 2.1vw);
707
707
  }
708
708
  @media (min-width: 1200px) {
709
709
  .display-5 {
@@ -712,9 +712,9 @@ progress {
712
712
  }
713
713
 
714
714
  .display-6 {
715
- font-size: calc(1.375rem + 1.5vw);
716
715
  font-weight: 300;
717
716
  line-height: 1.2;
717
+ font-size: calc(1.375rem + 1.5vw);
718
718
  }
719
719
  @media (min-width: 1200px) {
720
720
  .display-6 {
@@ -859,7 +859,7 @@ progress {
859
859
  }
860
860
 
861
861
  .col {
862
- flex: 1 0 0%;
862
+ flex: 1 0 0;
863
863
  }
864
864
 
865
865
  .row-cols-auto > * {
@@ -1068,7 +1068,7 @@ progress {
1068
1068
 
1069
1069
  @media (min-width: 576px) {
1070
1070
  .col-sm {
1071
- flex: 1 0 0%;
1071
+ flex: 1 0 0;
1072
1072
  }
1073
1073
  .row-cols-sm-auto > * {
1074
1074
  flex: 0 0 auto;
@@ -1237,7 +1237,7 @@ progress {
1237
1237
  }
1238
1238
  @media (min-width: 768px) {
1239
1239
  .col-md {
1240
- flex: 1 0 0%;
1240
+ flex: 1 0 0;
1241
1241
  }
1242
1242
  .row-cols-md-auto > * {
1243
1243
  flex: 0 0 auto;
@@ -1406,7 +1406,7 @@ progress {
1406
1406
  }
1407
1407
  @media (min-width: 992px) {
1408
1408
  .col-lg {
1409
- flex: 1 0 0%;
1409
+ flex: 1 0 0;
1410
1410
  }
1411
1411
  .row-cols-lg-auto > * {
1412
1412
  flex: 0 0 auto;
@@ -1575,7 +1575,7 @@ progress {
1575
1575
  }
1576
1576
  @media (min-width: 1200px) {
1577
1577
  .col-xl {
1578
- flex: 1 0 0%;
1578
+ flex: 1 0 0;
1579
1579
  }
1580
1580
  .row-cols-xl-auto > * {
1581
1581
  flex: 0 0 auto;
@@ -1744,7 +1744,7 @@ progress {
1744
1744
  }
1745
1745
  @media (min-width: 1400px) {
1746
1746
  .col-xxl {
1747
- flex: 1 0 0%;
1747
+ flex: 1 0 0;
1748
1748
  }
1749
1749
  .row-cols-xxl-auto > * {
1750
1750
  flex: 0 0 auto;
@@ -2606,9 +2606,11 @@ textarea.form-control-lg {
2606
2606
  top: 0;
2607
2607
  left: 0;
2608
2608
  z-index: 2;
2609
+ max-width: 100%;
2609
2610
  height: 100%;
2610
2611
  padding: 1rem 0.75rem;
2611
2612
  overflow: hidden;
2613
+ color: rgba(var(--bs-body-color-rgb), 0.65);
2612
2614
  text-align: start;
2613
2615
  text-overflow: ellipsis;
2614
2616
  white-space: nowrap;
@@ -2644,18 +2646,19 @@ textarea.form-control-lg {
2644
2646
  .form-floating > .form-select {
2645
2647
  padding-top: 1.625rem;
2646
2648
  padding-bottom: 0.625rem;
2649
+ padding-left: 0.75rem;
2647
2650
  }
2648
2651
  .form-floating > .form-control:focus ~ label,
2649
2652
  .form-floating > .form-control:not(:placeholder-shown) ~ label,
2650
2653
  .form-floating > .form-control-plaintext ~ label,
2651
2654
  .form-floating > .form-select ~ label {
2652
- color: rgba(var(--bs-body-color-rgb), 0.65);
2653
2655
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
2654
2656
  }
2655
- .form-floating > .form-control:focus ~ label::after,
2656
- .form-floating > .form-control:not(:placeholder-shown) ~ label::after,
2657
- .form-floating > .form-control-plaintext ~ label::after,
2658
- .form-floating > .form-select ~ label::after {
2657
+ .form-floating > .form-control:-webkit-autofill ~ label {
2658
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
2659
+ }
2660
+ .form-floating > textarea:focus ~ label::after,
2661
+ .form-floating > textarea:not(:placeholder-shown) ~ label::after {
2659
2662
  position: absolute;
2660
2663
  inset: 1rem 0.375rem;
2661
2664
  z-index: -1;
@@ -2664,9 +2667,8 @@ textarea.form-control-lg {
2664
2667
  background-color: #fff;
2665
2668
  border-radius: var(--bs-border-radius);
2666
2669
  }
2667
- .form-floating > .form-control:-webkit-autofill ~ label {
2668
- color: rgba(var(--bs-body-color-rgb), 0.65);
2669
- transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
2670
+ .form-floating > textarea:disabled ~ label::after {
2671
+ background-color: var(--bs-secondary-bg);
2670
2672
  }
2671
2673
  .form-floating > .form-control-plaintext ~ label {
2672
2674
  border-width: var(--bs-border-width) 0;
@@ -2675,10 +2677,6 @@ textarea.form-control-lg {
2675
2677
  .form-floating > .form-control:disabled ~ label {
2676
2678
  color: #757575;
2677
2679
  }
2678
- .form-floating > :disabled ~ label::after,
2679
- .form-floating > .form-control:disabled ~ label::after {
2680
- background-color: var(--bs-secondary-bg);
2681
- }
2682
2680
 
2683
2681
  .input-group {
2684
2682
  position: relative;
@@ -2761,7 +2759,7 @@ textarea.form-control-lg {
2761
2759
  border-bottom-right-radius: 0;
2762
2760
  }
2763
2761
  .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
2764
- margin-left: calc(var(--bs-border-width) * -1);
2762
+ margin-left: calc(-1 * var(--bs-border-width));
2765
2763
  border-top-left-radius: 0;
2766
2764
  border-bottom-left-radius: 0;
2767
2765
  }
@@ -2803,7 +2801,7 @@ textarea.form-control-lg {
2803
2801
  .was-validated .form-control:valid, .form-control.is-valid {
2804
2802
  border-color: var(--bs-form-valid-border-color);
2805
2803
  padding-right: calc(1.5em + 0.75rem);
2806
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234CAF50' 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");
2804
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234CAF50' 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");
2807
2805
  background-repeat: no-repeat;
2808
2806
  background-position: right calc(0.375em + 0.1875rem) center;
2809
2807
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
@@ -2822,7 +2820,7 @@ textarea.form-control-lg {
2822
2820
  border-color: var(--bs-form-valid-border-color);
2823
2821
  }
2824
2822
  .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"] {
2825
- --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='%234CAF50' 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");
2823
+ --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='%234CAF50' 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");
2826
2824
  padding-right: 4.125rem;
2827
2825
  background-position: right 0.75rem center, center right 2.25rem;
2828
2826
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
@@ -3732,7 +3730,7 @@ textarea.form-control-lg {
3732
3730
  }
3733
3731
  .btn-group > :not(.btn-check:first-child) + .btn,
3734
3732
  .btn-group > .btn-group:not(:first-child) {
3735
- margin-left: calc(var(--bs-border-width) * -1);
3733
+ margin-left: calc(-1 * var(--bs-border-width));
3736
3734
  }
3737
3735
  .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
3738
3736
  .btn-group > .btn.dropdown-toggle-split:first-child,
@@ -3779,14 +3777,15 @@ textarea.form-control-lg {
3779
3777
  }
3780
3778
  .btn-group-vertical > .btn:not(:first-child),
3781
3779
  .btn-group-vertical > .btn-group:not(:first-child) {
3782
- margin-top: calc(var(--bs-border-width) * -1);
3780
+ margin-top: calc(-1 * var(--bs-border-width));
3783
3781
  }
3784
3782
  .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
3785
3783
  .btn-group-vertical > .btn-group:not(:last-child) > .btn {
3786
3784
  border-bottom-right-radius: 0;
3787
3785
  border-bottom-left-radius: 0;
3788
3786
  }
3789
- .btn-group-vertical > .btn ~ .btn,
3787
+ .btn-group-vertical > .btn:nth-child(n+3),
3788
+ .btn-group-vertical > :not(.btn-check) + .btn,
3790
3789
  .btn-group-vertical > .btn-group:not(:first-child) > .btn {
3791
3790
  border-top-left-radius: 0;
3792
3791
  border-top-right-radius: 0;
@@ -3910,8 +3909,8 @@ textarea.form-control-lg {
3910
3909
 
3911
3910
  .nav-justified > .nav-link,
3912
3911
  .nav-justified .nav-item {
3913
- flex-basis: 0;
3914
3912
  flex-grow: 1;
3913
+ flex-basis: 0;
3915
3914
  text-align: center;
3916
3915
  }
3917
3916
 
@@ -4012,8 +4011,8 @@ textarea.form-control-lg {
4012
4011
  }
4013
4012
 
4014
4013
  .navbar-collapse {
4015
- flex-basis: 100%;
4016
4014
  flex-grow: 1;
4015
+ flex-basis: 100%;
4017
4016
  align-items: center;
4018
4017
  }
4019
4018
 
@@ -4508,7 +4507,7 @@ textarea.form-control-lg {
4508
4507
  flex-flow: row wrap;
4509
4508
  }
4510
4509
  .card-group > .card {
4511
- flex: 1 0 0%;
4510
+ flex: 1 0 0;
4512
4511
  margin-bottom: 0;
4513
4512
  }
4514
4513
  .card-group > .card + .card {
@@ -4519,24 +4518,24 @@ textarea.form-control-lg {
4519
4518
  border-top-right-radius: 0;
4520
4519
  border-bottom-right-radius: 0;
4521
4520
  }
4522
- .card-group > .card:not(:last-child) .card-img-top,
4523
- .card-group > .card:not(:last-child) .card-header {
4521
+ .card-group > .card:not(:last-child) > .card-img-top,
4522
+ .card-group > .card:not(:last-child) > .card-header {
4524
4523
  border-top-right-radius: 0;
4525
4524
  }
4526
- .card-group > .card:not(:last-child) .card-img-bottom,
4527
- .card-group > .card:not(:last-child) .card-footer {
4525
+ .card-group > .card:not(:last-child) > .card-img-bottom,
4526
+ .card-group > .card:not(:last-child) > .card-footer {
4528
4527
  border-bottom-right-radius: 0;
4529
4528
  }
4530
4529
  .card-group > .card:not(:first-child) {
4531
4530
  border-top-left-radius: 0;
4532
4531
  border-bottom-left-radius: 0;
4533
4532
  }
4534
- .card-group > .card:not(:first-child) .card-img-top,
4535
- .card-group > .card:not(:first-child) .card-header {
4533
+ .card-group > .card:not(:first-child) > .card-img-top,
4534
+ .card-group > .card:not(:first-child) > .card-header {
4536
4535
  border-top-left-radius: 0;
4537
4536
  }
4538
- .card-group > .card:not(:first-child) .card-img-bottom,
4539
- .card-group > .card:not(:first-child) .card-footer {
4537
+ .card-group > .card:not(:first-child) > .card-img-bottom,
4538
+ .card-group > .card:not(:first-child) > .card-footer {
4540
4539
  border-bottom-left-radius: 0;
4541
4540
  }
4542
4541
  }
@@ -4553,11 +4552,11 @@ textarea.form-control-lg {
4553
4552
  --bs-accordion-btn-padding-y: 1rem;
4554
4553
  --bs-accordion-btn-color: var(--bs-body-color);
4555
4554
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
4556
- --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='%23e0e0e0' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
4555
+ --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='%23e0e0e0' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
4557
4556
  --bs-accordion-btn-icon-width: 1.25rem;
4558
4557
  --bs-accordion-btn-icon-transform: rotate(-180deg);
4559
4558
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
4560
- --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%2848, 57.6, 62.4%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
4559
+ --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%2848, 57.6, 62.4%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
4561
4560
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(120, 144, 156, 0.25);
4562
4561
  --bs-accordion-body-padding-x: 1.25rem;
4563
4562
  --bs-accordion-body-padding-y: 1rem;
@@ -4667,16 +4666,15 @@ textarea.form-control-lg {
4667
4666
  .accordion-flush > .accordion-item:last-child {
4668
4667
  border-bottom: 0;
4669
4668
  }
4670
- .accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
4671
- border-radius: 0;
4672
- }
4673
- .accordion-flush > .accordion-item > .accordion-collapse {
4669
+ .accordion-flush > .accordion-item > .accordion-collapse,
4670
+ .accordion-flush > .accordion-item > .accordion-header .accordion-button,
4671
+ .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
4674
4672
  border-radius: 0;
4675
4673
  }
4676
4674
 
4677
4675
  [data-bs-theme=dark] .accordion-button::after {
4678
- --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28174, 188.4, 195.6%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");
4679
- --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%28174, 188.4, 195.6%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");
4676
+ --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28174, 188.4, 195.6%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");
4677
+ --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%28174, 188.4, 195.6%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");
4680
4678
  }
4681
4679
 
4682
4680
  .breadcrumb {
@@ -4780,7 +4778,7 @@ textarea.form-control-lg {
4780
4778
  }
4781
4779
 
4782
4780
  .page-item:not(:first-child) .page-link {
4783
- margin-left: calc(0 * -1);
4781
+ margin-left: calc(-1 * 0);
4784
4782
  }
4785
4783
  .page-item:first-child .page-link {
4786
4784
  border-top-left-radius: var(--bs-pagination-border-radius);
@@ -4929,7 +4927,7 @@ textarea.form-control-lg {
4929
4927
 
4930
4928
  @keyframes progress-bar-stripes {
4931
4929
  0% {
4932
- background-position-x: 1rem;
4930
+ background-position-x: var(--bs-progress-height);
4933
4931
  }
4934
4932
  }
4935
4933
  .progress,
@@ -5023,22 +5021,6 @@ textarea.form-control-lg {
5023
5021
  counter-increment: section;
5024
5022
  }
5025
5023
 
5026
- .list-group-item-action {
5027
- width: 100%;
5028
- color: var(--bs-list-group-action-color);
5029
- text-align: inherit;
5030
- }
5031
- .list-group-item-action:hover, .list-group-item-action:focus {
5032
- z-index: 1;
5033
- color: var(--bs-list-group-action-hover-color);
5034
- text-decoration: none;
5035
- background-color: var(--bs-list-group-action-hover-bg);
5036
- }
5037
- .list-group-item-action:active {
5038
- color: var(--bs-list-group-action-active-color);
5039
- background-color: var(--bs-list-group-action-active-bg);
5040
- }
5041
-
5042
5024
  .list-group-item {
5043
5025
  position: relative;
5044
5026
  display: block;
@@ -5075,6 +5057,22 @@ textarea.form-control-lg {
5075
5057
  border-top-width: var(--bs-list-group-border-width);
5076
5058
  }
5077
5059
 
5060
+ .list-group-item-action {
5061
+ width: 100%;
5062
+ color: var(--bs-list-group-action-color);
5063
+ text-align: inherit;
5064
+ }
5065
+ .list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus {
5066
+ z-index: 1;
5067
+ color: var(--bs-list-group-action-hover-color);
5068
+ text-decoration: none;
5069
+ background-color: var(--bs-list-group-action-hover-bg);
5070
+ }
5071
+ .list-group-item-action:not(.active):active {
5072
+ color: var(--bs-list-group-action-active-color);
5073
+ background-color: var(--bs-list-group-action-active-bg);
5074
+ }
5075
+
5078
5076
  .list-group-horizontal {
5079
5077
  flex-direction: row;
5080
5078
  }
@@ -5334,19 +5332,19 @@ textarea.form-control-lg {
5334
5332
 
5335
5333
  .btn-close {
5336
5334
  --bs-btn-close-color: #fff;
5337
- --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%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");
5335
+ --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%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");
5338
5336
  --bs-btn-close-opacity: 0.4;
5339
5337
  --bs-btn-close-hover-opacity: 1;
5340
5338
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(120, 144, 156, 0.25);
5341
5339
  --bs-btn-close-focus-opacity: 1;
5342
5340
  --bs-btn-close-disabled-opacity: 0.25;
5343
- --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
5344
5341
  box-sizing: content-box;
5345
5342
  width: 1em;
5346
5343
  height: 1em;
5347
5344
  padding: 0.25em 0.25em;
5348
5345
  color: var(--bs-btn-close-color);
5349
5346
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
5347
+ filter: var(--bs-btn-close-filter);
5350
5348
  border: 0;
5351
5349
  border-radius: 0.375rem;
5352
5350
  opacity: var(--bs-btn-close-opacity);
@@ -5368,11 +5366,16 @@ textarea.form-control-lg {
5368
5366
  }
5369
5367
 
5370
5368
  .btn-close-white {
5371
- filter: var(--bs-btn-close-white-filter);
5369
+ --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
5372
5370
  }
5373
5371
 
5374
- [data-bs-theme=dark] .btn-close {
5375
- filter: var(--bs-btn-close-white-filter);
5372
+ :root,
5373
+ [data-bs-theme=light] {
5374
+ --bs-btn-close-filter: ;
5375
+ }
5376
+
5377
+ [data-bs-theme=dark] {
5378
+ --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
5376
5379
  }
5377
5380
 
5378
5381
  .toast {
@@ -5447,7 +5450,7 @@ textarea.form-control-lg {
5447
5450
  --bs-modal-width: 500px;
5448
5451
  --bs-modal-padding: 1rem;
5449
5452
  --bs-modal-margin: 0.5rem;
5450
- --bs-modal-color: ;
5453
+ --bs-modal-color: var(--bs-body-color);
5451
5454
  --bs-modal-bg: #424242;
5452
5455
  --bs-modal-border-color: #616161;
5453
5456
  --bs-modal-border-width: var(--bs-border-width);
@@ -5483,8 +5486,8 @@ textarea.form-control-lg {
5483
5486
  pointer-events: none;
5484
5487
  }
5485
5488
  .modal.fade .modal-dialog {
5486
- transition: transform 0.3s ease-out;
5487
5489
  transform: translate(0, -50px);
5490
+ transition: transform 0.3s ease-out;
5488
5491
  }
5489
5492
  @media (prefers-reduced-motion: reduce) {
5490
5493
  .modal.fade .modal-dialog {
@@ -5559,7 +5562,10 @@ textarea.form-control-lg {
5559
5562
  }
5560
5563
  .modal-header .btn-close {
5561
5564
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
5562
- 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;
5565
+ margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
5566
+ margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
5567
+ margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
5568
+ margin-left: auto;
5563
5569
  }
5564
5570
 
5565
5571
  .modal-title {
@@ -6079,6 +6085,7 @@ textarea.form-control-lg {
6079
6085
  color: #fff;
6080
6086
  text-align: center;
6081
6087
  background: none;
6088
+ filter: var(--bs-carousel-control-icon-filter);
6082
6089
  border: 0;
6083
6090
  opacity: 0.5;
6084
6091
  transition: opacity 0.15s ease;
@@ -6117,11 +6124,11 @@ textarea.form-control-lg {
6117
6124
  }
6118
6125
 
6119
6126
  .carousel-control-prev-icon {
6120
- 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")*/;
6127
+ 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")*/;
6121
6128
  }
6122
6129
 
6123
6130
  .carousel-control-next-icon {
6124
- 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")*/;
6131
+ 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")*/;
6125
6132
  }
6126
6133
 
6127
6134
  .carousel-indicators {
@@ -6147,7 +6154,7 @@ textarea.form-control-lg {
6147
6154
  margin-left: 3px;
6148
6155
  text-indent: -999px;
6149
6156
  cursor: pointer;
6150
- background-color: #fff;
6157
+ background-color: var(--bs-carousel-indicator-active-bg);
6151
6158
  background-clip: padding-box;
6152
6159
  border: 0;
6153
6160
  border-top: 10px solid transparent;
@@ -6171,31 +6178,27 @@ textarea.form-control-lg {
6171
6178
  left: 15%;
6172
6179
  padding-top: 1.25rem;
6173
6180
  padding-bottom: 1.25rem;
6174
- color: #fff;
6181
+ color: var(--bs-carousel-caption-color);
6175
6182
  text-align: center;
6176
6183
  }
6177
6184
 
6178
- .carousel-dark .carousel-control-prev-icon,
6179
- .carousel-dark .carousel-control-next-icon {
6180
- filter: invert(1) grayscale(100);
6181
- }
6182
- .carousel-dark .carousel-indicators [data-bs-target] {
6183
- background-color: #000;
6184
- }
6185
- .carousel-dark .carousel-caption {
6186
- color: #000;
6185
+ .carousel-dark {
6186
+ --bs-carousel-indicator-active-bg: #000;
6187
+ --bs-carousel-caption-color: #000;
6188
+ --bs-carousel-control-icon-filter: invert(1) grayscale(100);
6187
6189
  }
6188
6190
 
6189
- [data-bs-theme=dark] .carousel .carousel-control-prev-icon,
6190
- [data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon,
6191
- [data-bs-theme=dark].carousel .carousel-control-next-icon {
6192
- filter: invert(1) grayscale(100);
6193
- }
6194
- [data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
6195
- background-color: #000;
6191
+ :root,
6192
+ [data-bs-theme=light] {
6193
+ --bs-carousel-indicator-active-bg: #fff;
6194
+ --bs-carousel-caption-color: #fff;
6195
+ --bs-carousel-control-icon-filter: ;
6196
6196
  }
6197
- [data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption {
6198
- color: #000;
6197
+
6198
+ [data-bs-theme=dark] {
6199
+ --bs-carousel-indicator-active-bg: #000;
6200
+ --bs-carousel-caption-color: #000;
6201
+ --bs-carousel-control-icon-filter: invert(1) grayscale(100);
6199
6202
  }
6200
6203
 
6201
6204
  .spinner-grow,
@@ -6745,7 +6748,10 @@ textarea.form-control-lg {
6745
6748
  }
6746
6749
  .offcanvas-header .btn-close {
6747
6750
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
6748
- 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;
6751
+ margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
6752
+ margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
6753
+ margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
6754
+ margin-left: auto;
6749
6755
  }
6750
6756
 
6751
6757
  .offcanvas-title {
@@ -7111,6 +7117,10 @@ textarea.form-control-lg {
7111
7117
  .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
7112
7118
  position: absolute !important;
7113
7119
  }
7120
+ .visually-hidden *,
7121
+ .visually-hidden-focusable:not(:focus):not(:focus-within) * {
7122
+ overflow: hidden !important;
7123
+ }
7114
7124
 
7115
7125
  .stretched-link::after {
7116
7126
  position: absolute;