framework7 8.0.0-beta.3 → 8.0.0-beta.5

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 (49) hide show
  1. package/components/app/app-class.d.ts +0 -12
  2. package/components/app/app-class.js +0 -9
  3. package/components/panel/swipe-panel.js +1 -1
  4. package/components/popover/popover-class.js +37 -37
  5. package/components/popover/popover-rtl.css +1 -1
  6. package/components/popover/popover.css +1 -1
  7. package/components/popover/popover.d.ts +2 -2
  8. package/components/popover/popover.js +1 -1
  9. package/components/popover/popover.less +1 -1
  10. package/components/preloader/preloader-ios.less +3 -1
  11. package/components/preloader/preloader-rtl.css +1 -1
  12. package/components/preloader/preloader.css +1 -1
  13. package/components/searchbar/searchbar-class.js +2 -2
  14. package/components/searchbar/searchbar.d.ts +2 -2
  15. package/components/smart-select/smart-select-class.js +4 -4
  16. package/components/swiper/swiper-rtl.css +1 -1
  17. package/components/swiper/swiper.css +1 -1
  18. package/components/swiper/swiper.js +15 -32
  19. package/components/tabs/tabs-rtl.css +1 -1
  20. package/components/tabs/tabs.css +1 -1
  21. package/components/tabs/tabs.js +5 -4
  22. package/components/tabs/tabs.less +2 -5
  23. package/components/timeline/timeline-rtl.css +1 -1
  24. package/components/timeline/timeline.css +1 -1
  25. package/components/timeline/timeline.less +35 -11
  26. package/components/typography/typography-rtl.css +1 -1
  27. package/components/typography/typography.css +1 -1
  28. package/components/typography/typography.less +0 -25
  29. package/components/virtual-list/virtual-list-class.js +1 -1
  30. package/framework7-bundle-rtl.css +344 -140
  31. package/framework7-bundle-rtl.min.css +3 -3
  32. package/framework7-bundle.css +344 -140
  33. package/framework7-bundle.esm.js +2 -2
  34. package/framework7-bundle.js +191 -144
  35. package/framework7-bundle.js.map +1 -1
  36. package/framework7-bundle.less +2 -2
  37. package/framework7-bundle.min.css +3 -3
  38. package/framework7-bundle.min.js +3 -3
  39. package/framework7-bundle.min.js.map +1 -1
  40. package/framework7-lite-bundle.esm.js +2 -2
  41. package/framework7-lite.esm.js +2 -2
  42. package/framework7-rtl.css +2 -2
  43. package/framework7-rtl.min.css +2 -2
  44. package/framework7.css +2 -2
  45. package/framework7.esm.js +2 -2
  46. package/framework7.less +2 -2
  47. package/framework7.min.css +2 -2
  48. package/modules/router/router-class.js +4 -4
  49. package/package.json +3 -3
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Framework7 8.0.0-beta.3
2
+ * Framework7 8.0.0-beta.5
3
3
  * Full featured mobile HTML framework for building iOS & Android apps
4
4
  * https://framework7.io/
5
5
  *
@@ -7,7 +7,7 @@
7
7
  *
8
8
  * Released under the MIT License
9
9
  *
10
- * Released on: March 9, 2023
10
+ * Released on: March 23, 2023
11
11
  */
12
12
 
13
13
  /*====================
@@ -6130,7 +6130,7 @@ html.with-modal-popup-push-closing .framework7-root > .view.dark:after {
6130
6130
  .md .popover-from-actions-label {
6131
6131
  justify-content: center;
6132
6132
  }
6133
- .popover-angle {
6133
+ .popover-arrow {
6134
6134
  width: 26px;
6135
6135
  height: 26px;
6136
6136
  position: absolute;
@@ -6139,7 +6139,7 @@ html.with-modal-popup-push-closing .framework7-root > .view.dark:after {
6139
6139
  z-index: 100;
6140
6140
  overflow: hidden;
6141
6141
  }
6142
- .popover-angle:after {
6142
+ .popover-arrow:after {
6143
6143
  content: '';
6144
6144
  background: var(--f7-popover-bg-color);
6145
6145
  width: 26px;
@@ -6150,33 +6150,33 @@ html.with-modal-popup-push-closing .framework7-root > .view.dark:after {
6150
6150
  border-radius: 3px;
6151
6151
  transform: rotate(45deg);
6152
6152
  }
6153
- .popover-angle.on-left {
6153
+ .popover-arrow.on-left {
6154
6154
  left: -26px;
6155
6155
  }
6156
- .popover-angle.on-left:after {
6156
+ .popover-arrow.on-left:after {
6157
6157
  left: 19px;
6158
6158
  top: 0;
6159
6159
  }
6160
- .popover-angle.on-right {
6160
+ .popover-arrow.on-right {
6161
6161
  left: 100%;
6162
6162
  }
6163
- .popover-angle.on-right:after {
6163
+ .popover-arrow.on-right:after {
6164
6164
  left: -19px;
6165
6165
  top: 0;
6166
6166
  }
6167
- .popover-angle.on-top {
6167
+ .popover-arrow.on-top {
6168
6168
  left: 0;
6169
6169
  top: -26px;
6170
6170
  }
6171
- .popover-angle.on-top:after {
6171
+ .popover-arrow.on-top:after {
6172
6172
  left: 0;
6173
6173
  top: 19px;
6174
6174
  }
6175
- .popover-angle.on-bottom {
6175
+ .popover-arrow.on-bottom {
6176
6176
  left: 0;
6177
6177
  top: 100%;
6178
6178
  }
6179
- .popover-angle.on-bottom:after {
6179
+ .popover-arrow.on-bottom:after {
6180
6180
  left: 0;
6181
6181
  top: -19px;
6182
6182
  }
@@ -7136,7 +7136,7 @@ html.with-modal-preloader .page-content,
7136
7136
  .preloader.color-black {
7137
7137
  --f7-preloader-color: #000;
7138
7138
  }
7139
- .ios {
7139
+ .ios .preloader {
7140
7140
  color: var(--f7-preloader-color);
7141
7141
  }
7142
7142
  .ios .preloader-inner {
@@ -8637,7 +8637,7 @@ html.device-android-4 .accordion-item-content {
8637
8637
  }
8638
8638
  .timeline-horizontal .timeline-item-content {
8639
8639
  padding: var(--f7-timeline-horizontal-item-padding);
8640
- height: calc(100% - var(--f7-timeline-horizontal-item-padding));
8640
+ height: calc(100vw - var(--f7-timeline-horizontal-item-padding));
8641
8641
  overflow: auto;
8642
8642
  -webkit-overflow-scrolling: touch;
8643
8643
  margin: 0;
@@ -8649,138 +8649,374 @@ html.device-android-4 .accordion-item-content {
8649
8649
  .timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after {
8650
8650
  display: none !important;
8651
8651
  }
8652
- .timeline-horizontal.col-5 .timeline-item {
8653
- width: 5vw;
8652
+ .timeline-horizontal.timeline-cols-1 .timeline-item {
8653
+ width: calc(100vw / 1);
8654
8654
  }
8655
- .timeline-horizontal.col-10 .timeline-item {
8656
- width: 10vw;
8655
+ .timeline-horizontal.timeline-cols-2 .timeline-item {
8656
+ width: calc(100vw / 2);
8657
8657
  }
8658
- .timeline-horizontal.col-15 .timeline-item {
8659
- width: 15vw;
8658
+ .timeline-horizontal.timeline-cols-3 .timeline-item {
8659
+ width: calc(100vw / 3);
8660
8660
  }
8661
- .timeline-horizontal.col-20 .timeline-item {
8662
- width: 20vw;
8661
+ .timeline-horizontal.timeline-cols-4 .timeline-item {
8662
+ width: calc(100vw / 4);
8663
8663
  }
8664
- .timeline-horizontal.col-25 .timeline-item {
8665
- width: 25vw;
8664
+ .timeline-horizontal.timeline-cols-5 .timeline-item {
8665
+ width: calc(100vw / 5);
8666
8666
  }
8667
- .timeline-horizontal.col-30 .timeline-item {
8668
- width: 30vw;
8667
+ .timeline-horizontal.timeline-cols-6 .timeline-item {
8668
+ width: calc(100vw / 6);
8669
8669
  }
8670
- .timeline-horizontal.col-33 .timeline-item {
8671
- width: 100/3vw;
8670
+ .timeline-horizontal.timeline-cols-7 .timeline-item {
8671
+ width: calc(100vw / 7);
8672
8672
  }
8673
- .timeline-horizontal.col-35 .timeline-item {
8674
- width: 35vw;
8673
+ .timeline-horizontal.timeline-cols-8 .timeline-item {
8674
+ width: calc(100vw / 8);
8675
8675
  }
8676
- .timeline-horizontal.col-40 .timeline-item {
8677
- width: 40vw;
8676
+ .timeline-horizontal.timeline-cols-9 .timeline-item {
8677
+ width: calc(100vw / 9);
8678
8678
  }
8679
- .timeline-horizontal.col-45 .timeline-item {
8680
- width: 45vw;
8679
+ .timeline-horizontal.timeline-cols-10 .timeline-item {
8680
+ width: calc(100vw / 10);
8681
8681
  }
8682
- .timeline-horizontal.col-50 .timeline-item {
8683
- width: 50vw;
8682
+ .timeline-horizontal.timeline-cols-11 .timeline-item {
8683
+ width: calc(100vw / 11);
8684
8684
  }
8685
- .timeline-horizontal.col-55 .timeline-item {
8686
- width: 55vw;
8685
+ .timeline-horizontal.timeline-cols-12 .timeline-item {
8686
+ width: calc(100vw / 12);
8687
8687
  }
8688
- .timeline-horizontal.col-60 .timeline-item {
8689
- width: 60vw;
8688
+ .timeline-horizontal.timeline-cols-13 .timeline-item {
8689
+ width: calc(100vw / 13);
8690
8690
  }
8691
- .timeline-horizontal.col-65 .timeline-item {
8692
- width: 65vw;
8691
+ .timeline-horizontal.timeline-cols-14 .timeline-item {
8692
+ width: calc(100vw / 14);
8693
8693
  }
8694
- .timeline-horizontal.col-66 .timeline-item {
8695
- width: 66.66666666666666vw;
8694
+ .timeline-horizontal.timeline-cols-15 .timeline-item {
8695
+ width: calc(100vw / 15);
8696
8696
  }
8697
- .timeline-horizontal.col-70 .timeline-item {
8698
- width: 70vw;
8697
+ .timeline-horizontal.timeline-cols-16 .timeline-item {
8698
+ width: calc(100vw / 16);
8699
8699
  }
8700
- .timeline-horizontal.col-75 .timeline-item {
8701
- width: 75vw;
8700
+ .timeline-horizontal.timeline-cols-17 .timeline-item {
8701
+ width: calc(100vw / 17);
8702
8702
  }
8703
- .timeline-horizontal.col-80 .timeline-item {
8704
- width: 80vw;
8703
+ .timeline-horizontal.timeline-cols-18 .timeline-item {
8704
+ width: calc(100vw / 18);
8705
8705
  }
8706
- .timeline-horizontal.col-85 .timeline-item {
8707
- width: 85vw;
8706
+ .timeline-horizontal.timeline-cols-19 .timeline-item {
8707
+ width: calc(100vw / 19);
8708
8708
  }
8709
- .timeline-horizontal.col-90 .timeline-item {
8710
- width: 90vw;
8709
+ .timeline-horizontal.timeline-cols-20 .timeline-item {
8710
+ width: calc(100vw / 20);
8711
8711
  }
8712
- .timeline-horizontal.col-95 .timeline-item {
8713
- width: 95vw;
8712
+ @media (min-width: 480px) {
8713
+ .timeline-horizontal.xsmall-timeline-cols-1 .timeline-item {
8714
+ width: calc(100vw / 1);
8715
+ }
8716
+ .timeline-horizontal.xsmall-timeline-cols-2 .timeline-item {
8717
+ width: calc(100vw / 2);
8718
+ }
8719
+ .timeline-horizontal.xsmall-timeline-cols-3 .timeline-item {
8720
+ width: calc(100vw / 3);
8721
+ }
8722
+ .timeline-horizontal.xsmall-timeline-cols-4 .timeline-item {
8723
+ width: calc(100vw / 4);
8724
+ }
8725
+ .timeline-horizontal.xsmall-timeline-cols-5 .timeline-item {
8726
+ width: calc(100vw / 5);
8727
+ }
8728
+ .timeline-horizontal.xsmall-timeline-cols-6 .timeline-item {
8729
+ width: calc(100vw / 6);
8730
+ }
8731
+ .timeline-horizontal.xsmall-timeline-cols-7 .timeline-item {
8732
+ width: calc(100vw / 7);
8733
+ }
8734
+ .timeline-horizontal.xsmall-timeline-cols-8 .timeline-item {
8735
+ width: calc(100vw / 8);
8736
+ }
8737
+ .timeline-horizontal.xsmall-timeline-cols-9 .timeline-item {
8738
+ width: calc(100vw / 9);
8739
+ }
8740
+ .timeline-horizontal.xsmall-timeline-cols-10 .timeline-item {
8741
+ width: calc(100vw / 10);
8742
+ }
8743
+ .timeline-horizontal.xsmall-timeline-cols-11 .timeline-item {
8744
+ width: calc(100vw / 11);
8745
+ }
8746
+ .timeline-horizontal.xsmall-timeline-cols-12 .timeline-item {
8747
+ width: calc(100vw / 12);
8748
+ }
8749
+ .timeline-horizontal.xsmall-timeline-cols-13 .timeline-item {
8750
+ width: calc(100vw / 13);
8751
+ }
8752
+ .timeline-horizontal.xsmall-timeline-cols-14 .timeline-item {
8753
+ width: calc(100vw / 14);
8754
+ }
8755
+ .timeline-horizontal.xsmall-timeline-cols-15 .timeline-item {
8756
+ width: calc(100vw / 15);
8757
+ }
8758
+ .timeline-horizontal.xsmall-timeline-cols-16 .timeline-item {
8759
+ width: calc(100vw / 16);
8760
+ }
8761
+ .timeline-horizontal.xsmall-timeline-cols-17 .timeline-item {
8762
+ width: calc(100vw / 17);
8763
+ }
8764
+ .timeline-horizontal.xsmall-timeline-cols-18 .timeline-item {
8765
+ width: calc(100vw / 18);
8766
+ }
8767
+ .timeline-horizontal.xsmall-timeline-cols-19 .timeline-item {
8768
+ width: calc(100vw / 19);
8769
+ }
8770
+ .timeline-horizontal.xsmall-timeline-cols-20 .timeline-item {
8771
+ width: calc(100vw / 20);
8772
+ }
8714
8773
  }
8715
- .timeline-horizontal.col-100 .timeline-item {
8716
- width: 100vw;
8774
+ @media (min-width: 568px) {
8775
+ .timeline-horizontal.small-timeline-cols-1 .timeline-item {
8776
+ width: calc(100vw / 1);
8777
+ }
8778
+ .timeline-horizontal.small-timeline-cols-2 .timeline-item {
8779
+ width: calc(100vw / 2);
8780
+ }
8781
+ .timeline-horizontal.small-timeline-cols-3 .timeline-item {
8782
+ width: calc(100vw / 3);
8783
+ }
8784
+ .timeline-horizontal.small-timeline-cols-4 .timeline-item {
8785
+ width: calc(100vw / 4);
8786
+ }
8787
+ .timeline-horizontal.small-timeline-cols-5 .timeline-item {
8788
+ width: calc(100vw / 5);
8789
+ }
8790
+ .timeline-horizontal.small-timeline-cols-6 .timeline-item {
8791
+ width: calc(100vw / 6);
8792
+ }
8793
+ .timeline-horizontal.small-timeline-cols-7 .timeline-item {
8794
+ width: calc(100vw / 7);
8795
+ }
8796
+ .timeline-horizontal.small-timeline-cols-8 .timeline-item {
8797
+ width: calc(100vw / 8);
8798
+ }
8799
+ .timeline-horizontal.small-timeline-cols-9 .timeline-item {
8800
+ width: calc(100vw / 9);
8801
+ }
8802
+ .timeline-horizontal.small-timeline-cols-10 .timeline-item {
8803
+ width: calc(100vw / 10);
8804
+ }
8805
+ .timeline-horizontal.small-timeline-cols-11 .timeline-item {
8806
+ width: calc(100vw / 11);
8807
+ }
8808
+ .timeline-horizontal.small-timeline-cols-12 .timeline-item {
8809
+ width: calc(100vw / 12);
8810
+ }
8811
+ .timeline-horizontal.small-timeline-cols-13 .timeline-item {
8812
+ width: calc(100vw / 13);
8813
+ }
8814
+ .timeline-horizontal.small-timeline-cols-14 .timeline-item {
8815
+ width: calc(100vw / 14);
8816
+ }
8817
+ .timeline-horizontal.small-timeline-cols-15 .timeline-item {
8818
+ width: calc(100vw / 15);
8819
+ }
8820
+ .timeline-horizontal.small-timeline-cols-16 .timeline-item {
8821
+ width: calc(100vw / 16);
8822
+ }
8823
+ .timeline-horizontal.small-timeline-cols-17 .timeline-item {
8824
+ width: calc(100vw / 17);
8825
+ }
8826
+ .timeline-horizontal.small-timeline-cols-18 .timeline-item {
8827
+ width: calc(100vw / 18);
8828
+ }
8829
+ .timeline-horizontal.small-timeline-cols-19 .timeline-item {
8830
+ width: calc(100vw / 19);
8831
+ }
8832
+ .timeline-horizontal.small-timeline-cols-20 .timeline-item {
8833
+ width: calc(100vw / 20);
8834
+ }
8717
8835
  }
8718
8836
  @media (min-width: 768px) {
8719
- .timeline-horizontal.tablet-5 .timeline-item {
8720
- width: 5vw;
8837
+ .timeline-horizontal.medium-timeline-cols-1 .timeline-item {
8838
+ width: calc(100vw / 1);
8839
+ }
8840
+ .timeline-horizontal.medium-timeline-cols-2 .timeline-item {
8841
+ width: calc(100vw / 2);
8842
+ }
8843
+ .timeline-horizontal.medium-timeline-cols-3 .timeline-item {
8844
+ width: calc(100vw / 3);
8845
+ }
8846
+ .timeline-horizontal.medium-timeline-cols-4 .timeline-item {
8847
+ width: calc(100vw / 4);
8721
8848
  }
8722
- .timeline-horizontal.tablet-10 .timeline-item {
8723
- width: 10vw;
8849
+ .timeline-horizontal.medium-timeline-cols-5 .timeline-item {
8850
+ width: calc(100vw / 5);
8724
8851
  }
8725
- .timeline-horizontal.tablet-15 .timeline-item {
8726
- width: 15vw;
8852
+ .timeline-horizontal.medium-timeline-cols-6 .timeline-item {
8853
+ width: calc(100vw / 6);
8727
8854
  }
8728
- .timeline-horizontal.tablet-20 .timeline-item {
8729
- width: 20vw;
8855
+ .timeline-horizontal.medium-timeline-cols-7 .timeline-item {
8856
+ width: calc(100vw / 7);
8730
8857
  }
8731
- .timeline-horizontal.tablet-25 .timeline-item {
8732
- width: 25vw;
8858
+ .timeline-horizontal.medium-timeline-cols-8 .timeline-item {
8859
+ width: calc(100vw / 8);
8733
8860
  }
8734
- .timeline-horizontal.tablet-30 .timeline-item {
8735
- width: 30vw;
8861
+ .timeline-horizontal.medium-timeline-cols-9 .timeline-item {
8862
+ width: calc(100vw / 9);
8736
8863
  }
8737
- .timeline-horizontal.tablet-33 .timeline-item {
8738
- width: 100/3vw;
8864
+ .timeline-horizontal.medium-timeline-cols-10 .timeline-item {
8865
+ width: calc(100vw / 10);
8739
8866
  }
8740
- .timeline-horizontal.tablet-35 .timeline-item {
8741
- width: 35vw;
8867
+ .timeline-horizontal.medium-timeline-cols-11 .timeline-item {
8868
+ width: calc(100vw / 11);
8742
8869
  }
8743
- .timeline-horizontal.tablet-40 .timeline-item {
8744
- width: 40vw;
8870
+ .timeline-horizontal.medium-timeline-cols-12 .timeline-item {
8871
+ width: calc(100vw / 12);
8745
8872
  }
8746
- .timeline-horizontal.tablet-45 .timeline-item {
8747
- width: 45vw;
8873
+ .timeline-horizontal.medium-timeline-cols-13 .timeline-item {
8874
+ width: calc(100vw / 13);
8748
8875
  }
8749
- .timeline-horizontal.tablet-50 .timeline-item {
8750
- width: 50vw;
8876
+ .timeline-horizontal.medium-timeline-cols-14 .timeline-item {
8877
+ width: calc(100vw / 14);
8751
8878
  }
8752
- .timeline-horizontal.tablet-55 .timeline-item {
8753
- width: 55vw;
8879
+ .timeline-horizontal.medium-timeline-cols-15 .timeline-item {
8880
+ width: calc(100vw / 15);
8754
8881
  }
8755
- .timeline-horizontal.tablet-60 .timeline-item {
8756
- width: 60vw;
8882
+ .timeline-horizontal.medium-timeline-cols-16 .timeline-item {
8883
+ width: calc(100vw / 16);
8757
8884
  }
8758
- .timeline-horizontal.tablet-65 .timeline-item {
8759
- width: 65vw;
8885
+ .timeline-horizontal.medium-timeline-cols-17 .timeline-item {
8886
+ width: calc(100vw / 17);
8760
8887
  }
8761
- .timeline-horizontal.tablet-66 .timeline-item {
8762
- width: 66.66666666666666vw;
8888
+ .timeline-horizontal.medium-timeline-cols-18 .timeline-item {
8889
+ width: calc(100vw / 18);
8763
8890
  }
8764
- .timeline-horizontal.tablet-70 .timeline-item {
8765
- width: 70vw;
8891
+ .timeline-horizontal.medium-timeline-cols-19 .timeline-item {
8892
+ width: calc(100vw / 19);
8766
8893
  }
8767
- .timeline-horizontal.tablet-75 .timeline-item {
8768
- width: 75vw;
8894
+ .timeline-horizontal.medium-timeline-cols-20 .timeline-item {
8895
+ width: calc(100vw / 20);
8769
8896
  }
8770
- .timeline-horizontal.tablet-80 .timeline-item {
8771
- width: 80vw;
8897
+ }
8898
+ @media (min-width: 1024px) {
8899
+ .timeline-horizontal.large-timeline-cols-1 .timeline-item {
8900
+ width: calc(100vw / 1);
8901
+ }
8902
+ .timeline-horizontal.large-timeline-cols-2 .timeline-item {
8903
+ width: calc(100vw / 2);
8904
+ }
8905
+ .timeline-horizontal.large-timeline-cols-3 .timeline-item {
8906
+ width: calc(100vw / 3);
8907
+ }
8908
+ .timeline-horizontal.large-timeline-cols-4 .timeline-item {
8909
+ width: calc(100vw / 4);
8910
+ }
8911
+ .timeline-horizontal.large-timeline-cols-5 .timeline-item {
8912
+ width: calc(100vw / 5);
8913
+ }
8914
+ .timeline-horizontal.large-timeline-cols-6 .timeline-item {
8915
+ width: calc(100vw / 6);
8916
+ }
8917
+ .timeline-horizontal.large-timeline-cols-7 .timeline-item {
8918
+ width: calc(100vw / 7);
8919
+ }
8920
+ .timeline-horizontal.large-timeline-cols-8 .timeline-item {
8921
+ width: calc(100vw / 8);
8922
+ }
8923
+ .timeline-horizontal.large-timeline-cols-9 .timeline-item {
8924
+ width: calc(100vw / 9);
8925
+ }
8926
+ .timeline-horizontal.large-timeline-cols-10 .timeline-item {
8927
+ width: calc(100vw / 10);
8928
+ }
8929
+ .timeline-horizontal.large-timeline-cols-11 .timeline-item {
8930
+ width: calc(100vw / 11);
8931
+ }
8932
+ .timeline-horizontal.large-timeline-cols-12 .timeline-item {
8933
+ width: calc(100vw / 12);
8934
+ }
8935
+ .timeline-horizontal.large-timeline-cols-13 .timeline-item {
8936
+ width: calc(100vw / 13);
8937
+ }
8938
+ .timeline-horizontal.large-timeline-cols-14 .timeline-item {
8939
+ width: calc(100vw / 14);
8940
+ }
8941
+ .timeline-horizontal.large-timeline-cols-15 .timeline-item {
8942
+ width: calc(100vw / 15);
8943
+ }
8944
+ .timeline-horizontal.large-timeline-cols-16 .timeline-item {
8945
+ width: calc(100vw / 16);
8946
+ }
8947
+ .timeline-horizontal.large-timeline-cols-17 .timeline-item {
8948
+ width: calc(100vw / 17);
8949
+ }
8950
+ .timeline-horizontal.large-timeline-cols-18 .timeline-item {
8951
+ width: calc(100vw / 18);
8952
+ }
8953
+ .timeline-horizontal.large-timeline-cols-19 .timeline-item {
8954
+ width: calc(100vw / 19);
8955
+ }
8956
+ .timeline-horizontal.large-timeline-cols-20 .timeline-item {
8957
+ width: calc(100vw / 20);
8958
+ }
8959
+ }
8960
+ @media (min-width: 1200px) {
8961
+ .timeline-horizontal.xlarge-timeline-cols-1 .timeline-item {
8962
+ width: calc(100vw / 1);
8772
8963
  }
8773
- .timeline-horizontal.tablet-85 .timeline-item {
8774
- width: 85vw;
8964
+ .timeline-horizontal.xlarge-timeline-cols-2 .timeline-item {
8965
+ width: calc(100vw / 2);
8775
8966
  }
8776
- .timeline-horizontal.tablet-90 .timeline-item {
8777
- width: 90vw;
8967
+ .timeline-horizontal.xlarge-timeline-cols-3 .timeline-item {
8968
+ width: calc(100vw / 3);
8778
8969
  }
8779
- .timeline-horizontal.tablet-95 .timeline-item {
8780
- width: 95vw;
8970
+ .timeline-horizontal.xlarge-timeline-cols-4 .timeline-item {
8971
+ width: calc(100vw / 4);
8781
8972
  }
8782
- .timeline-horizontal.tablet-100 .timeline-item {
8783
- width: 100vw;
8973
+ .timeline-horizontal.xlarge-timeline-cols-5 .timeline-item {
8974
+ width: calc(100vw / 5);
8975
+ }
8976
+ .timeline-horizontal.xlarge-timeline-cols-6 .timeline-item {
8977
+ width: calc(100vw / 6);
8978
+ }
8979
+ .timeline-horizontal.xlarge-timeline-cols-7 .timeline-item {
8980
+ width: calc(100vw / 7);
8981
+ }
8982
+ .timeline-horizontal.xlarge-timeline-cols-8 .timeline-item {
8983
+ width: calc(100vw / 8);
8984
+ }
8985
+ .timeline-horizontal.xlarge-timeline-cols-9 .timeline-item {
8986
+ width: calc(100vw / 9);
8987
+ }
8988
+ .timeline-horizontal.xlarge-timeline-cols-10 .timeline-item {
8989
+ width: calc(100vw / 10);
8990
+ }
8991
+ .timeline-horizontal.xlarge-timeline-cols-11 .timeline-item {
8992
+ width: calc(100vw / 11);
8993
+ }
8994
+ .timeline-horizontal.xlarge-timeline-cols-12 .timeline-item {
8995
+ width: calc(100vw / 12);
8996
+ }
8997
+ .timeline-horizontal.xlarge-timeline-cols-13 .timeline-item {
8998
+ width: calc(100vw / 13);
8999
+ }
9000
+ .timeline-horizontal.xlarge-timeline-cols-14 .timeline-item {
9001
+ width: calc(100vw / 14);
9002
+ }
9003
+ .timeline-horizontal.xlarge-timeline-cols-15 .timeline-item {
9004
+ width: calc(100vw / 15);
9005
+ }
9006
+ .timeline-horizontal.xlarge-timeline-cols-16 .timeline-item {
9007
+ width: calc(100vw / 16);
9008
+ }
9009
+ .timeline-horizontal.xlarge-timeline-cols-17 .timeline-item {
9010
+ width: calc(100vw / 17);
9011
+ }
9012
+ .timeline-horizontal.xlarge-timeline-cols-18 .timeline-item {
9013
+ width: calc(100vw / 18);
9014
+ }
9015
+ .timeline-horizontal.xlarge-timeline-cols-19 .timeline-item {
9016
+ width: calc(100vw / 19);
9017
+ }
9018
+ .timeline-horizontal.xlarge-timeline-cols-20 .timeline-item {
9019
+ width: calc(100vw / 20);
8784
9020
  }
8785
9021
  }
8786
9022
  .timeline-year {
@@ -8943,13 +9179,10 @@ html.device-android-4 .accordion-item-content {
8943
9179
  .tabs-animated-wrap.not-animated > .tabs {
8944
9180
  transition-duration: 0ms;
8945
9181
  }
8946
- .tabs-swipeable-wrap {
9182
+ swiper-container.tabs {
8947
9183
  height: 100%;
8948
9184
  }
8949
- .tabs-swipeable-wrap > .tabs {
8950
- height: 100%;
8951
- }
8952
- .tabs-swipeable-wrap > .tabs > .tab {
9185
+ swiper-container.tabs > .tab {
8953
9186
  display: block;
8954
9187
  touch-action: pan-y;
8955
9188
  }
@@ -16304,7 +16537,7 @@ table.data-table {
16304
16537
  }
16305
16538
  /* === Swiper === */
16306
16539
  /**
16307
- * Swiper 9.0.3
16540
+ * Swiper 9.1.1
16308
16541
  * Most modern mobile touch slider and framework with hardware accelerated transitions
16309
16542
  * https://swiperjs.com
16310
16543
  *
@@ -16312,7 +16545,7 @@ table.data-table {
16312
16545
  *
16313
16546
  * Released under the MIT License
16314
16547
  *
16315
- * Released on: February 6, 2023
16548
+ * Released on: March 16, 2023
16316
16549
  */
16317
16550
 
16318
16551
  /* FONT_START */
@@ -16617,6 +16850,7 @@ swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
16617
16850
  --swiper-pagination-bullet-size: 8px;
16618
16851
  --swiper-pagination-bullet-width: 8px;
16619
16852
  --swiper-pagination-bullet-height: 8px;
16853
+ --swiper-pagination-bullet-border-radius: 50%;
16620
16854
  --swiper-pagination-bullet-inactive-color: #000;
16621
16855
  --swiper-pagination-bullet-inactive-opacity: 0.2;
16622
16856
  --swiper-pagination-bullet-opacity: 1;
@@ -16679,7 +16913,7 @@ swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
16679
16913
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
16680
16914
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
16681
16915
  display: inline-block;
16682
- border-radius: 50%;
16916
+ border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
16683
16917
  background: var(--swiper-pagination-bullet-inactive-color, #000);
16684
16918
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
16685
16919
  }
@@ -19504,33 +19738,3 @@ button.text-editor-button .material-icons sub {
19504
19738
  [class*='border-color-'] {
19505
19739
  border-color: var(--f7-theme-color-border-color) !important;
19506
19740
  }
19507
- .no-hairlines:before,
19508
- .no-hairlines ul:before,
19509
- .md .no-hairlines-md:before,
19510
- .md .no-hairlines-md ul:before,
19511
- .ios .no-hairlines-ios:before,
19512
- .ios .no-hairlines-ios ul:before,
19513
- .no-hairlines:after,
19514
- .no-hairlines ul:after,
19515
- .md .no-hairlines-md:after,
19516
- .md .no-hairlines-md ul:after,
19517
- .ios .no-hairlines-ios:after,
19518
- .ios .no-hairlines-ios ul:after {
19519
- display: none !important;
19520
- }
19521
- .no-hairline-top:before,
19522
- .no-hairline-top ul:before,
19523
- .md .no-hairline-top-md:before,
19524
- .md .no-hairline-top-md ul:before,
19525
- .ios .no-hairline-top-ios:before,
19526
- .ios .no-hairline-top-ios ul:before {
19527
- display: none !important;
19528
- }
19529
- .no-hairline-bottom:after,
19530
- .no-hairline-bottom ul:after,
19531
- .md .no-hairline-bottom-md:after,
19532
- .md .no-hairline-bottom-md ul:after,
19533
- .ios .no-hairline-bottom-ios:after,
19534
- .ios .no-hairline-bottom-ios ul:after {
19535
- display: none !important;
19536
- }