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
  /*====================
@@ -6122,7 +6122,7 @@ html.with-modal-popup-push-closing .framework7-root > .view.dark:after {
6122
6122
  .md .popover-from-actions-label {
6123
6123
  justify-content: center;
6124
6124
  }
6125
- .popover-angle {
6125
+ .popover-arrow {
6126
6126
  width: 26px;
6127
6127
  height: 26px;
6128
6128
  position: absolute;
@@ -6131,7 +6131,7 @@ html.with-modal-popup-push-closing .framework7-root > .view.dark:after {
6131
6131
  z-index: 100;
6132
6132
  overflow: hidden;
6133
6133
  }
6134
- .popover-angle:after {
6134
+ .popover-arrow:after {
6135
6135
  content: '';
6136
6136
  background: var(--f7-popover-bg-color);
6137
6137
  width: 26px;
@@ -6142,33 +6142,33 @@ html.with-modal-popup-push-closing .framework7-root > .view.dark:after {
6142
6142
  border-radius: 3px;
6143
6143
  transform: rotate(45deg);
6144
6144
  }
6145
- .popover-angle.on-left {
6145
+ .popover-arrow.on-left {
6146
6146
  left: -26px;
6147
6147
  }
6148
- .popover-angle.on-left:after {
6148
+ .popover-arrow.on-left:after {
6149
6149
  left: 19px;
6150
6150
  top: 0;
6151
6151
  }
6152
- .popover-angle.on-right {
6152
+ .popover-arrow.on-right {
6153
6153
  left: 100%;
6154
6154
  }
6155
- .popover-angle.on-right:after {
6155
+ .popover-arrow.on-right:after {
6156
6156
  left: -19px;
6157
6157
  top: 0;
6158
6158
  }
6159
- .popover-angle.on-top {
6159
+ .popover-arrow.on-top {
6160
6160
  left: 0;
6161
6161
  top: -26px;
6162
6162
  }
6163
- .popover-angle.on-top:after {
6163
+ .popover-arrow.on-top:after {
6164
6164
  left: 0;
6165
6165
  top: 19px;
6166
6166
  }
6167
- .popover-angle.on-bottom {
6167
+ .popover-arrow.on-bottom {
6168
6168
  left: 0;
6169
6169
  top: 100%;
6170
6170
  }
6171
- .popover-angle.on-bottom:after {
6171
+ .popover-arrow.on-bottom:after {
6172
6172
  left: 0;
6173
6173
  top: -19px;
6174
6174
  }
@@ -7128,7 +7128,7 @@ html.with-modal-preloader .page-content,
7128
7128
  .preloader.color-black {
7129
7129
  --f7-preloader-color: #000;
7130
7130
  }
7131
- .ios {
7131
+ .ios .preloader {
7132
7132
  color: var(--f7-preloader-color);
7133
7133
  }
7134
7134
  .ios .preloader-inner {
@@ -8628,7 +8628,7 @@ html.device-android-4 .accordion-item-content {
8628
8628
  }
8629
8629
  .timeline-horizontal .timeline-item-content {
8630
8630
  padding: var(--f7-timeline-horizontal-item-padding);
8631
- height: calc(100% - var(--f7-timeline-horizontal-item-padding));
8631
+ height: calc(100vw - var(--f7-timeline-horizontal-item-padding));
8632
8632
  overflow: auto;
8633
8633
  -webkit-overflow-scrolling: touch;
8634
8634
  margin: 0;
@@ -8640,138 +8640,374 @@ html.device-android-4 .accordion-item-content {
8640
8640
  .timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after {
8641
8641
  display: none !important;
8642
8642
  }
8643
- .timeline-horizontal.col-5 .timeline-item {
8644
- width: 5vw;
8643
+ .timeline-horizontal.timeline-cols-1 .timeline-item {
8644
+ width: calc(100vw / 1);
8645
8645
  }
8646
- .timeline-horizontal.col-10 .timeline-item {
8647
- width: 10vw;
8646
+ .timeline-horizontal.timeline-cols-2 .timeline-item {
8647
+ width: calc(100vw / 2);
8648
8648
  }
8649
- .timeline-horizontal.col-15 .timeline-item {
8650
- width: 15vw;
8649
+ .timeline-horizontal.timeline-cols-3 .timeline-item {
8650
+ width: calc(100vw / 3);
8651
8651
  }
8652
- .timeline-horizontal.col-20 .timeline-item {
8653
- width: 20vw;
8652
+ .timeline-horizontal.timeline-cols-4 .timeline-item {
8653
+ width: calc(100vw / 4);
8654
8654
  }
8655
- .timeline-horizontal.col-25 .timeline-item {
8656
- width: 25vw;
8655
+ .timeline-horizontal.timeline-cols-5 .timeline-item {
8656
+ width: calc(100vw / 5);
8657
8657
  }
8658
- .timeline-horizontal.col-30 .timeline-item {
8659
- width: 30vw;
8658
+ .timeline-horizontal.timeline-cols-6 .timeline-item {
8659
+ width: calc(100vw / 6);
8660
8660
  }
8661
- .timeline-horizontal.col-33 .timeline-item {
8662
- width: 100/3vw;
8661
+ .timeline-horizontal.timeline-cols-7 .timeline-item {
8662
+ width: calc(100vw / 7);
8663
8663
  }
8664
- .timeline-horizontal.col-35 .timeline-item {
8665
- width: 35vw;
8664
+ .timeline-horizontal.timeline-cols-8 .timeline-item {
8665
+ width: calc(100vw / 8);
8666
8666
  }
8667
- .timeline-horizontal.col-40 .timeline-item {
8668
- width: 40vw;
8667
+ .timeline-horizontal.timeline-cols-9 .timeline-item {
8668
+ width: calc(100vw / 9);
8669
8669
  }
8670
- .timeline-horizontal.col-45 .timeline-item {
8671
- width: 45vw;
8670
+ .timeline-horizontal.timeline-cols-10 .timeline-item {
8671
+ width: calc(100vw / 10);
8672
8672
  }
8673
- .timeline-horizontal.col-50 .timeline-item {
8674
- width: 50vw;
8673
+ .timeline-horizontal.timeline-cols-11 .timeline-item {
8674
+ width: calc(100vw / 11);
8675
8675
  }
8676
- .timeline-horizontal.col-55 .timeline-item {
8677
- width: 55vw;
8676
+ .timeline-horizontal.timeline-cols-12 .timeline-item {
8677
+ width: calc(100vw / 12);
8678
8678
  }
8679
- .timeline-horizontal.col-60 .timeline-item {
8680
- width: 60vw;
8679
+ .timeline-horizontal.timeline-cols-13 .timeline-item {
8680
+ width: calc(100vw / 13);
8681
8681
  }
8682
- .timeline-horizontal.col-65 .timeline-item {
8683
- width: 65vw;
8682
+ .timeline-horizontal.timeline-cols-14 .timeline-item {
8683
+ width: calc(100vw / 14);
8684
8684
  }
8685
- .timeline-horizontal.col-66 .timeline-item {
8686
- width: 66.66666666666666vw;
8685
+ .timeline-horizontal.timeline-cols-15 .timeline-item {
8686
+ width: calc(100vw / 15);
8687
8687
  }
8688
- .timeline-horizontal.col-70 .timeline-item {
8689
- width: 70vw;
8688
+ .timeline-horizontal.timeline-cols-16 .timeline-item {
8689
+ width: calc(100vw / 16);
8690
8690
  }
8691
- .timeline-horizontal.col-75 .timeline-item {
8692
- width: 75vw;
8691
+ .timeline-horizontal.timeline-cols-17 .timeline-item {
8692
+ width: calc(100vw / 17);
8693
8693
  }
8694
- .timeline-horizontal.col-80 .timeline-item {
8695
- width: 80vw;
8694
+ .timeline-horizontal.timeline-cols-18 .timeline-item {
8695
+ width: calc(100vw / 18);
8696
8696
  }
8697
- .timeline-horizontal.col-85 .timeline-item {
8698
- width: 85vw;
8697
+ .timeline-horizontal.timeline-cols-19 .timeline-item {
8698
+ width: calc(100vw / 19);
8699
8699
  }
8700
- .timeline-horizontal.col-90 .timeline-item {
8701
- width: 90vw;
8700
+ .timeline-horizontal.timeline-cols-20 .timeline-item {
8701
+ width: calc(100vw / 20);
8702
8702
  }
8703
- .timeline-horizontal.col-95 .timeline-item {
8704
- width: 95vw;
8703
+ @media (min-width: 480px) {
8704
+ .timeline-horizontal.xsmall-timeline-cols-1 .timeline-item {
8705
+ width: calc(100vw / 1);
8706
+ }
8707
+ .timeline-horizontal.xsmall-timeline-cols-2 .timeline-item {
8708
+ width: calc(100vw / 2);
8709
+ }
8710
+ .timeline-horizontal.xsmall-timeline-cols-3 .timeline-item {
8711
+ width: calc(100vw / 3);
8712
+ }
8713
+ .timeline-horizontal.xsmall-timeline-cols-4 .timeline-item {
8714
+ width: calc(100vw / 4);
8715
+ }
8716
+ .timeline-horizontal.xsmall-timeline-cols-5 .timeline-item {
8717
+ width: calc(100vw / 5);
8718
+ }
8719
+ .timeline-horizontal.xsmall-timeline-cols-6 .timeline-item {
8720
+ width: calc(100vw / 6);
8721
+ }
8722
+ .timeline-horizontal.xsmall-timeline-cols-7 .timeline-item {
8723
+ width: calc(100vw / 7);
8724
+ }
8725
+ .timeline-horizontal.xsmall-timeline-cols-8 .timeline-item {
8726
+ width: calc(100vw / 8);
8727
+ }
8728
+ .timeline-horizontal.xsmall-timeline-cols-9 .timeline-item {
8729
+ width: calc(100vw / 9);
8730
+ }
8731
+ .timeline-horizontal.xsmall-timeline-cols-10 .timeline-item {
8732
+ width: calc(100vw / 10);
8733
+ }
8734
+ .timeline-horizontal.xsmall-timeline-cols-11 .timeline-item {
8735
+ width: calc(100vw / 11);
8736
+ }
8737
+ .timeline-horizontal.xsmall-timeline-cols-12 .timeline-item {
8738
+ width: calc(100vw / 12);
8739
+ }
8740
+ .timeline-horizontal.xsmall-timeline-cols-13 .timeline-item {
8741
+ width: calc(100vw / 13);
8742
+ }
8743
+ .timeline-horizontal.xsmall-timeline-cols-14 .timeline-item {
8744
+ width: calc(100vw / 14);
8745
+ }
8746
+ .timeline-horizontal.xsmall-timeline-cols-15 .timeline-item {
8747
+ width: calc(100vw / 15);
8748
+ }
8749
+ .timeline-horizontal.xsmall-timeline-cols-16 .timeline-item {
8750
+ width: calc(100vw / 16);
8751
+ }
8752
+ .timeline-horizontal.xsmall-timeline-cols-17 .timeline-item {
8753
+ width: calc(100vw / 17);
8754
+ }
8755
+ .timeline-horizontal.xsmall-timeline-cols-18 .timeline-item {
8756
+ width: calc(100vw / 18);
8757
+ }
8758
+ .timeline-horizontal.xsmall-timeline-cols-19 .timeline-item {
8759
+ width: calc(100vw / 19);
8760
+ }
8761
+ .timeline-horizontal.xsmall-timeline-cols-20 .timeline-item {
8762
+ width: calc(100vw / 20);
8763
+ }
8705
8764
  }
8706
- .timeline-horizontal.col-100 .timeline-item {
8707
- width: 100vw;
8765
+ @media (min-width: 568px) {
8766
+ .timeline-horizontal.small-timeline-cols-1 .timeline-item {
8767
+ width: calc(100vw / 1);
8768
+ }
8769
+ .timeline-horizontal.small-timeline-cols-2 .timeline-item {
8770
+ width: calc(100vw / 2);
8771
+ }
8772
+ .timeline-horizontal.small-timeline-cols-3 .timeline-item {
8773
+ width: calc(100vw / 3);
8774
+ }
8775
+ .timeline-horizontal.small-timeline-cols-4 .timeline-item {
8776
+ width: calc(100vw / 4);
8777
+ }
8778
+ .timeline-horizontal.small-timeline-cols-5 .timeline-item {
8779
+ width: calc(100vw / 5);
8780
+ }
8781
+ .timeline-horizontal.small-timeline-cols-6 .timeline-item {
8782
+ width: calc(100vw / 6);
8783
+ }
8784
+ .timeline-horizontal.small-timeline-cols-7 .timeline-item {
8785
+ width: calc(100vw / 7);
8786
+ }
8787
+ .timeline-horizontal.small-timeline-cols-8 .timeline-item {
8788
+ width: calc(100vw / 8);
8789
+ }
8790
+ .timeline-horizontal.small-timeline-cols-9 .timeline-item {
8791
+ width: calc(100vw / 9);
8792
+ }
8793
+ .timeline-horizontal.small-timeline-cols-10 .timeline-item {
8794
+ width: calc(100vw / 10);
8795
+ }
8796
+ .timeline-horizontal.small-timeline-cols-11 .timeline-item {
8797
+ width: calc(100vw / 11);
8798
+ }
8799
+ .timeline-horizontal.small-timeline-cols-12 .timeline-item {
8800
+ width: calc(100vw / 12);
8801
+ }
8802
+ .timeline-horizontal.small-timeline-cols-13 .timeline-item {
8803
+ width: calc(100vw / 13);
8804
+ }
8805
+ .timeline-horizontal.small-timeline-cols-14 .timeline-item {
8806
+ width: calc(100vw / 14);
8807
+ }
8808
+ .timeline-horizontal.small-timeline-cols-15 .timeline-item {
8809
+ width: calc(100vw / 15);
8810
+ }
8811
+ .timeline-horizontal.small-timeline-cols-16 .timeline-item {
8812
+ width: calc(100vw / 16);
8813
+ }
8814
+ .timeline-horizontal.small-timeline-cols-17 .timeline-item {
8815
+ width: calc(100vw / 17);
8816
+ }
8817
+ .timeline-horizontal.small-timeline-cols-18 .timeline-item {
8818
+ width: calc(100vw / 18);
8819
+ }
8820
+ .timeline-horizontal.small-timeline-cols-19 .timeline-item {
8821
+ width: calc(100vw / 19);
8822
+ }
8823
+ .timeline-horizontal.small-timeline-cols-20 .timeline-item {
8824
+ width: calc(100vw / 20);
8825
+ }
8708
8826
  }
8709
8827
  @media (min-width: 768px) {
8710
- .timeline-horizontal.tablet-5 .timeline-item {
8711
- width: 5vw;
8828
+ .timeline-horizontal.medium-timeline-cols-1 .timeline-item {
8829
+ width: calc(100vw / 1);
8830
+ }
8831
+ .timeline-horizontal.medium-timeline-cols-2 .timeline-item {
8832
+ width: calc(100vw / 2);
8833
+ }
8834
+ .timeline-horizontal.medium-timeline-cols-3 .timeline-item {
8835
+ width: calc(100vw / 3);
8836
+ }
8837
+ .timeline-horizontal.medium-timeline-cols-4 .timeline-item {
8838
+ width: calc(100vw / 4);
8712
8839
  }
8713
- .timeline-horizontal.tablet-10 .timeline-item {
8714
- width: 10vw;
8840
+ .timeline-horizontal.medium-timeline-cols-5 .timeline-item {
8841
+ width: calc(100vw / 5);
8715
8842
  }
8716
- .timeline-horizontal.tablet-15 .timeline-item {
8717
- width: 15vw;
8843
+ .timeline-horizontal.medium-timeline-cols-6 .timeline-item {
8844
+ width: calc(100vw / 6);
8718
8845
  }
8719
- .timeline-horizontal.tablet-20 .timeline-item {
8720
- width: 20vw;
8846
+ .timeline-horizontal.medium-timeline-cols-7 .timeline-item {
8847
+ width: calc(100vw / 7);
8721
8848
  }
8722
- .timeline-horizontal.tablet-25 .timeline-item {
8723
- width: 25vw;
8849
+ .timeline-horizontal.medium-timeline-cols-8 .timeline-item {
8850
+ width: calc(100vw / 8);
8724
8851
  }
8725
- .timeline-horizontal.tablet-30 .timeline-item {
8726
- width: 30vw;
8852
+ .timeline-horizontal.medium-timeline-cols-9 .timeline-item {
8853
+ width: calc(100vw / 9);
8727
8854
  }
8728
- .timeline-horizontal.tablet-33 .timeline-item {
8729
- width: 100/3vw;
8855
+ .timeline-horizontal.medium-timeline-cols-10 .timeline-item {
8856
+ width: calc(100vw / 10);
8730
8857
  }
8731
- .timeline-horizontal.tablet-35 .timeline-item {
8732
- width: 35vw;
8858
+ .timeline-horizontal.medium-timeline-cols-11 .timeline-item {
8859
+ width: calc(100vw / 11);
8733
8860
  }
8734
- .timeline-horizontal.tablet-40 .timeline-item {
8735
- width: 40vw;
8861
+ .timeline-horizontal.medium-timeline-cols-12 .timeline-item {
8862
+ width: calc(100vw / 12);
8736
8863
  }
8737
- .timeline-horizontal.tablet-45 .timeline-item {
8738
- width: 45vw;
8864
+ .timeline-horizontal.medium-timeline-cols-13 .timeline-item {
8865
+ width: calc(100vw / 13);
8739
8866
  }
8740
- .timeline-horizontal.tablet-50 .timeline-item {
8741
- width: 50vw;
8867
+ .timeline-horizontal.medium-timeline-cols-14 .timeline-item {
8868
+ width: calc(100vw / 14);
8742
8869
  }
8743
- .timeline-horizontal.tablet-55 .timeline-item {
8744
- width: 55vw;
8870
+ .timeline-horizontal.medium-timeline-cols-15 .timeline-item {
8871
+ width: calc(100vw / 15);
8745
8872
  }
8746
- .timeline-horizontal.tablet-60 .timeline-item {
8747
- width: 60vw;
8873
+ .timeline-horizontal.medium-timeline-cols-16 .timeline-item {
8874
+ width: calc(100vw / 16);
8748
8875
  }
8749
- .timeline-horizontal.tablet-65 .timeline-item {
8750
- width: 65vw;
8876
+ .timeline-horizontal.medium-timeline-cols-17 .timeline-item {
8877
+ width: calc(100vw / 17);
8751
8878
  }
8752
- .timeline-horizontal.tablet-66 .timeline-item {
8753
- width: 66.66666666666666vw;
8879
+ .timeline-horizontal.medium-timeline-cols-18 .timeline-item {
8880
+ width: calc(100vw / 18);
8754
8881
  }
8755
- .timeline-horizontal.tablet-70 .timeline-item {
8756
- width: 70vw;
8882
+ .timeline-horizontal.medium-timeline-cols-19 .timeline-item {
8883
+ width: calc(100vw / 19);
8757
8884
  }
8758
- .timeline-horizontal.tablet-75 .timeline-item {
8759
- width: 75vw;
8885
+ .timeline-horizontal.medium-timeline-cols-20 .timeline-item {
8886
+ width: calc(100vw / 20);
8760
8887
  }
8761
- .timeline-horizontal.tablet-80 .timeline-item {
8762
- width: 80vw;
8888
+ }
8889
+ @media (min-width: 1024px) {
8890
+ .timeline-horizontal.large-timeline-cols-1 .timeline-item {
8891
+ width: calc(100vw / 1);
8892
+ }
8893
+ .timeline-horizontal.large-timeline-cols-2 .timeline-item {
8894
+ width: calc(100vw / 2);
8895
+ }
8896
+ .timeline-horizontal.large-timeline-cols-3 .timeline-item {
8897
+ width: calc(100vw / 3);
8898
+ }
8899
+ .timeline-horizontal.large-timeline-cols-4 .timeline-item {
8900
+ width: calc(100vw / 4);
8901
+ }
8902
+ .timeline-horizontal.large-timeline-cols-5 .timeline-item {
8903
+ width: calc(100vw / 5);
8904
+ }
8905
+ .timeline-horizontal.large-timeline-cols-6 .timeline-item {
8906
+ width: calc(100vw / 6);
8907
+ }
8908
+ .timeline-horizontal.large-timeline-cols-7 .timeline-item {
8909
+ width: calc(100vw / 7);
8910
+ }
8911
+ .timeline-horizontal.large-timeline-cols-8 .timeline-item {
8912
+ width: calc(100vw / 8);
8913
+ }
8914
+ .timeline-horizontal.large-timeline-cols-9 .timeline-item {
8915
+ width: calc(100vw / 9);
8916
+ }
8917
+ .timeline-horizontal.large-timeline-cols-10 .timeline-item {
8918
+ width: calc(100vw / 10);
8919
+ }
8920
+ .timeline-horizontal.large-timeline-cols-11 .timeline-item {
8921
+ width: calc(100vw / 11);
8922
+ }
8923
+ .timeline-horizontal.large-timeline-cols-12 .timeline-item {
8924
+ width: calc(100vw / 12);
8925
+ }
8926
+ .timeline-horizontal.large-timeline-cols-13 .timeline-item {
8927
+ width: calc(100vw / 13);
8928
+ }
8929
+ .timeline-horizontal.large-timeline-cols-14 .timeline-item {
8930
+ width: calc(100vw / 14);
8931
+ }
8932
+ .timeline-horizontal.large-timeline-cols-15 .timeline-item {
8933
+ width: calc(100vw / 15);
8934
+ }
8935
+ .timeline-horizontal.large-timeline-cols-16 .timeline-item {
8936
+ width: calc(100vw / 16);
8937
+ }
8938
+ .timeline-horizontal.large-timeline-cols-17 .timeline-item {
8939
+ width: calc(100vw / 17);
8940
+ }
8941
+ .timeline-horizontal.large-timeline-cols-18 .timeline-item {
8942
+ width: calc(100vw / 18);
8943
+ }
8944
+ .timeline-horizontal.large-timeline-cols-19 .timeline-item {
8945
+ width: calc(100vw / 19);
8946
+ }
8947
+ .timeline-horizontal.large-timeline-cols-20 .timeline-item {
8948
+ width: calc(100vw / 20);
8949
+ }
8950
+ }
8951
+ @media (min-width: 1200px) {
8952
+ .timeline-horizontal.xlarge-timeline-cols-1 .timeline-item {
8953
+ width: calc(100vw / 1);
8763
8954
  }
8764
- .timeline-horizontal.tablet-85 .timeline-item {
8765
- width: 85vw;
8955
+ .timeline-horizontal.xlarge-timeline-cols-2 .timeline-item {
8956
+ width: calc(100vw / 2);
8766
8957
  }
8767
- .timeline-horizontal.tablet-90 .timeline-item {
8768
- width: 90vw;
8958
+ .timeline-horizontal.xlarge-timeline-cols-3 .timeline-item {
8959
+ width: calc(100vw / 3);
8769
8960
  }
8770
- .timeline-horizontal.tablet-95 .timeline-item {
8771
- width: 95vw;
8961
+ .timeline-horizontal.xlarge-timeline-cols-4 .timeline-item {
8962
+ width: calc(100vw / 4);
8772
8963
  }
8773
- .timeline-horizontal.tablet-100 .timeline-item {
8774
- width: 100vw;
8964
+ .timeline-horizontal.xlarge-timeline-cols-5 .timeline-item {
8965
+ width: calc(100vw / 5);
8966
+ }
8967
+ .timeline-horizontal.xlarge-timeline-cols-6 .timeline-item {
8968
+ width: calc(100vw / 6);
8969
+ }
8970
+ .timeline-horizontal.xlarge-timeline-cols-7 .timeline-item {
8971
+ width: calc(100vw / 7);
8972
+ }
8973
+ .timeline-horizontal.xlarge-timeline-cols-8 .timeline-item {
8974
+ width: calc(100vw / 8);
8975
+ }
8976
+ .timeline-horizontal.xlarge-timeline-cols-9 .timeline-item {
8977
+ width: calc(100vw / 9);
8978
+ }
8979
+ .timeline-horizontal.xlarge-timeline-cols-10 .timeline-item {
8980
+ width: calc(100vw / 10);
8981
+ }
8982
+ .timeline-horizontal.xlarge-timeline-cols-11 .timeline-item {
8983
+ width: calc(100vw / 11);
8984
+ }
8985
+ .timeline-horizontal.xlarge-timeline-cols-12 .timeline-item {
8986
+ width: calc(100vw / 12);
8987
+ }
8988
+ .timeline-horizontal.xlarge-timeline-cols-13 .timeline-item {
8989
+ width: calc(100vw / 13);
8990
+ }
8991
+ .timeline-horizontal.xlarge-timeline-cols-14 .timeline-item {
8992
+ width: calc(100vw / 14);
8993
+ }
8994
+ .timeline-horizontal.xlarge-timeline-cols-15 .timeline-item {
8995
+ width: calc(100vw / 15);
8996
+ }
8997
+ .timeline-horizontal.xlarge-timeline-cols-16 .timeline-item {
8998
+ width: calc(100vw / 16);
8999
+ }
9000
+ .timeline-horizontal.xlarge-timeline-cols-17 .timeline-item {
9001
+ width: calc(100vw / 17);
9002
+ }
9003
+ .timeline-horizontal.xlarge-timeline-cols-18 .timeline-item {
9004
+ width: calc(100vw / 18);
9005
+ }
9006
+ .timeline-horizontal.xlarge-timeline-cols-19 .timeline-item {
9007
+ width: calc(100vw / 19);
9008
+ }
9009
+ .timeline-horizontal.xlarge-timeline-cols-20 .timeline-item {
9010
+ width: calc(100vw / 20);
8775
9011
  }
8776
9012
  }
8777
9013
  .timeline-year {
@@ -8934,13 +9170,10 @@ html.device-android-4 .accordion-item-content {
8934
9170
  .tabs-animated-wrap.not-animated > .tabs {
8935
9171
  transition-duration: 0ms;
8936
9172
  }
8937
- .tabs-swipeable-wrap {
9173
+ swiper-container.tabs {
8938
9174
  height: 100%;
8939
9175
  }
8940
- .tabs-swipeable-wrap > .tabs {
8941
- height: 100%;
8942
- }
8943
- .tabs-swipeable-wrap > .tabs > .tab {
9176
+ swiper-container.tabs > .tab {
8944
9177
  display: block;
8945
9178
  touch-action: pan-y;
8946
9179
  }
@@ -16285,7 +16518,7 @@ table.data-table {
16285
16518
  }
16286
16519
  /* === Swiper === */
16287
16520
  /**
16288
- * Swiper 9.0.3
16521
+ * Swiper 9.1.1
16289
16522
  * Most modern mobile touch slider and framework with hardware accelerated transitions
16290
16523
  * https://swiperjs.com
16291
16524
  *
@@ -16293,7 +16526,7 @@ table.data-table {
16293
16526
  *
16294
16527
  * Released under the MIT License
16295
16528
  *
16296
- * Released on: February 6, 2023
16529
+ * Released on: March 16, 2023
16297
16530
  */
16298
16531
 
16299
16532
  /* FONT_START */
@@ -16598,6 +16831,7 @@ swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
16598
16831
  --swiper-pagination-bullet-size: 8px;
16599
16832
  --swiper-pagination-bullet-width: 8px;
16600
16833
  --swiper-pagination-bullet-height: 8px;
16834
+ --swiper-pagination-bullet-border-radius: 50%;
16601
16835
  --swiper-pagination-bullet-inactive-color: #000;
16602
16836
  --swiper-pagination-bullet-inactive-opacity: 0.2;
16603
16837
  --swiper-pagination-bullet-opacity: 1;
@@ -16660,7 +16894,7 @@ swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
16660
16894
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
16661
16895
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
16662
16896
  display: inline-block;
16663
- border-radius: 50%;
16897
+ border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
16664
16898
  background: var(--swiper-pagination-bullet-inactive-color, #000);
16665
16899
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
16666
16900
  }
@@ -19485,33 +19719,3 @@ button.text-editor-button .material-icons sub {
19485
19719
  [class*='border-color-'] {
19486
19720
  border-color: var(--f7-theme-color-border-color) !important;
19487
19721
  }
19488
- .no-hairlines:before,
19489
- .no-hairlines ul:before,
19490
- .md .no-hairlines-md:before,
19491
- .md .no-hairlines-md ul:before,
19492
- .ios .no-hairlines-ios:before,
19493
- .ios .no-hairlines-ios ul:before,
19494
- .no-hairlines:after,
19495
- .no-hairlines ul:after,
19496
- .md .no-hairlines-md:after,
19497
- .md .no-hairlines-md ul:after,
19498
- .ios .no-hairlines-ios:after,
19499
- .ios .no-hairlines-ios ul:after {
19500
- display: none !important;
19501
- }
19502
- .no-hairline-top:before,
19503
- .no-hairline-top ul:before,
19504
- .md .no-hairline-top-md:before,
19505
- .md .no-hairline-top-md ul:before,
19506
- .ios .no-hairline-top-ios:before,
19507
- .ios .no-hairline-top-ios ul:before {
19508
- display: none !important;
19509
- }
19510
- .no-hairline-bottom:after,
19511
- .no-hairline-bottom ul:after,
19512
- .md .no-hairline-bottom-md:after,
19513
- .md .no-hairline-bottom-md ul:after,
19514
- .ios .no-hairline-bottom-ios:after,
19515
- .ios .no-hairline-bottom-ios ul:after {
19516
- display: none !important;
19517
- }
@@ -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
  import $ from './shared/dom7.js';