framework7 8.0.0-beta.2 → 8.0.0-beta.4
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.
- package/components/app/app-class.js +6 -2
- package/components/preloader/preloader-ios.less +3 -1
- package/components/preloader/preloader-rtl.css +1 -1
- package/components/preloader/preloader.css +1 -1
- package/components/smart-select/smart-select-class.js +4 -4
- package/components/timeline/timeline-rtl.css +1 -1
- package/components/timeline/timeline.css +1 -1
- package/components/timeline/timeline.less +35 -11
- package/components/toolbar/toolbar-ios.less +1 -0
- package/framework7-bundle-rtl.css +329 -92
- package/framework7-bundle-rtl.min.css +3 -3
- package/framework7-bundle.css +329 -92
- package/framework7-bundle.esm.js +2 -2
- package/framework7-bundle.js +16 -12
- package/framework7-bundle.js.map +1 -1
- package/framework7-bundle.less +2 -2
- package/framework7-bundle.min.css +3 -3
- package/framework7-bundle.min.js +3 -3
- package/framework7-bundle.min.js.map +1 -1
- package/framework7-lite-bundle.esm.js +2 -2
- package/framework7-lite.esm.js +2 -2
- package/framework7-lite.js +31 -0
- package/framework7-rtl.css +3 -2
- package/framework7-rtl.min.css +3 -3
- package/framework7.css +3 -2
- package/framework7.esm.js +2 -2
- package/framework7.js +42 -0
- package/framework7.less +2 -2
- package/framework7.min.css +3 -3
- package/less/plugin.js +15 -0
- package/modules/router/router-class.js +4 -4
- package/package.json +3 -19
package/framework7-bundle.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 8.0.0-beta.
|
|
2
|
+
* Framework7 8.0.0-beta.4
|
|
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:
|
|
10
|
+
* Released on: March 14, 2023
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
/*====================
|
|
@@ -2594,6 +2594,7 @@ html.device-full-viewport body {
|
|
|
2594
2594
|
.ios .tabbar-icons .tab-link i + span,
|
|
2595
2595
|
.ios .tabbar-icons .link i + span {
|
|
2596
2596
|
margin: 0;
|
|
2597
|
+
margin-top: 4px;
|
|
2597
2598
|
}
|
|
2598
2599
|
@media (min-width: 768px) and (min-height: 600px) {
|
|
2599
2600
|
.ios .tabbar .tab-link,
|
|
@@ -7127,7 +7128,7 @@ html.with-modal-preloader .page-content,
|
|
|
7127
7128
|
.preloader.color-black {
|
|
7128
7129
|
--f7-preloader-color: #000;
|
|
7129
7130
|
}
|
|
7130
|
-
.ios {
|
|
7131
|
+
.ios .preloader {
|
|
7131
7132
|
color: var(--f7-preloader-color);
|
|
7132
7133
|
}
|
|
7133
7134
|
.ios .preloader-inner {
|
|
@@ -8627,7 +8628,7 @@ html.device-android-4 .accordion-item-content {
|
|
|
8627
8628
|
}
|
|
8628
8629
|
.timeline-horizontal .timeline-item-content {
|
|
8629
8630
|
padding: var(--f7-timeline-horizontal-item-padding);
|
|
8630
|
-
height: calc(
|
|
8631
|
+
height: calc(100vw - var(--f7-timeline-horizontal-item-padding));
|
|
8631
8632
|
overflow: auto;
|
|
8632
8633
|
-webkit-overflow-scrolling: touch;
|
|
8633
8634
|
margin: 0;
|
|
@@ -8639,138 +8640,374 @@ html.device-android-4 .accordion-item-content {
|
|
|
8639
8640
|
.timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after {
|
|
8640
8641
|
display: none !important;
|
|
8641
8642
|
}
|
|
8642
|
-
.timeline-horizontal.
|
|
8643
|
-
width:
|
|
8643
|
+
.timeline-horizontal.timeline-cols-1 .timeline-item {
|
|
8644
|
+
width: calc(100vw / 1);
|
|
8644
8645
|
}
|
|
8645
|
-
.timeline-horizontal.
|
|
8646
|
-
width:
|
|
8646
|
+
.timeline-horizontal.timeline-cols-2 .timeline-item {
|
|
8647
|
+
width: calc(100vw / 2);
|
|
8647
8648
|
}
|
|
8648
|
-
.timeline-horizontal.
|
|
8649
|
-
width:
|
|
8649
|
+
.timeline-horizontal.timeline-cols-3 .timeline-item {
|
|
8650
|
+
width: calc(100vw / 3);
|
|
8650
8651
|
}
|
|
8651
|
-
.timeline-horizontal.
|
|
8652
|
-
width:
|
|
8652
|
+
.timeline-horizontal.timeline-cols-4 .timeline-item {
|
|
8653
|
+
width: calc(100vw / 4);
|
|
8653
8654
|
}
|
|
8654
|
-
.timeline-horizontal.
|
|
8655
|
-
width:
|
|
8655
|
+
.timeline-horizontal.timeline-cols-5 .timeline-item {
|
|
8656
|
+
width: calc(100vw / 5);
|
|
8656
8657
|
}
|
|
8657
|
-
.timeline-horizontal.
|
|
8658
|
-
width:
|
|
8658
|
+
.timeline-horizontal.timeline-cols-6 .timeline-item {
|
|
8659
|
+
width: calc(100vw / 6);
|
|
8659
8660
|
}
|
|
8660
|
-
.timeline-horizontal.
|
|
8661
|
-
width:
|
|
8661
|
+
.timeline-horizontal.timeline-cols-7 .timeline-item {
|
|
8662
|
+
width: calc(100vw / 7);
|
|
8662
8663
|
}
|
|
8663
|
-
.timeline-horizontal.
|
|
8664
|
-
width:
|
|
8664
|
+
.timeline-horizontal.timeline-cols-8 .timeline-item {
|
|
8665
|
+
width: calc(100vw / 8);
|
|
8665
8666
|
}
|
|
8666
|
-
.timeline-horizontal.
|
|
8667
|
-
width:
|
|
8667
|
+
.timeline-horizontal.timeline-cols-9 .timeline-item {
|
|
8668
|
+
width: calc(100vw / 9);
|
|
8668
8669
|
}
|
|
8669
|
-
.timeline-horizontal.
|
|
8670
|
-
width:
|
|
8670
|
+
.timeline-horizontal.timeline-cols-10 .timeline-item {
|
|
8671
|
+
width: calc(100vw / 10);
|
|
8671
8672
|
}
|
|
8672
|
-
.timeline-horizontal.
|
|
8673
|
-
width:
|
|
8673
|
+
.timeline-horizontal.timeline-cols-11 .timeline-item {
|
|
8674
|
+
width: calc(100vw / 11);
|
|
8674
8675
|
}
|
|
8675
|
-
.timeline-horizontal.
|
|
8676
|
-
width:
|
|
8676
|
+
.timeline-horizontal.timeline-cols-12 .timeline-item {
|
|
8677
|
+
width: calc(100vw / 12);
|
|
8677
8678
|
}
|
|
8678
|
-
.timeline-horizontal.
|
|
8679
|
-
width:
|
|
8679
|
+
.timeline-horizontal.timeline-cols-13 .timeline-item {
|
|
8680
|
+
width: calc(100vw / 13);
|
|
8680
8681
|
}
|
|
8681
|
-
.timeline-horizontal.
|
|
8682
|
-
width:
|
|
8682
|
+
.timeline-horizontal.timeline-cols-14 .timeline-item {
|
|
8683
|
+
width: calc(100vw / 14);
|
|
8683
8684
|
}
|
|
8684
|
-
.timeline-horizontal.
|
|
8685
|
-
width:
|
|
8685
|
+
.timeline-horizontal.timeline-cols-15 .timeline-item {
|
|
8686
|
+
width: calc(100vw / 15);
|
|
8686
8687
|
}
|
|
8687
|
-
.timeline-horizontal.
|
|
8688
|
-
width:
|
|
8688
|
+
.timeline-horizontal.timeline-cols-16 .timeline-item {
|
|
8689
|
+
width: calc(100vw / 16);
|
|
8689
8690
|
}
|
|
8690
|
-
.timeline-horizontal.
|
|
8691
|
-
width:
|
|
8691
|
+
.timeline-horizontal.timeline-cols-17 .timeline-item {
|
|
8692
|
+
width: calc(100vw / 17);
|
|
8692
8693
|
}
|
|
8693
|
-
.timeline-horizontal.
|
|
8694
|
-
width:
|
|
8694
|
+
.timeline-horizontal.timeline-cols-18 .timeline-item {
|
|
8695
|
+
width: calc(100vw / 18);
|
|
8695
8696
|
}
|
|
8696
|
-
.timeline-horizontal.
|
|
8697
|
-
width:
|
|
8697
|
+
.timeline-horizontal.timeline-cols-19 .timeline-item {
|
|
8698
|
+
width: calc(100vw / 19);
|
|
8698
8699
|
}
|
|
8699
|
-
.timeline-horizontal.
|
|
8700
|
-
width:
|
|
8700
|
+
.timeline-horizontal.timeline-cols-20 .timeline-item {
|
|
8701
|
+
width: calc(100vw / 20);
|
|
8701
8702
|
}
|
|
8702
|
-
|
|
8703
|
-
|
|
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
|
+
}
|
|
8704
8764
|
}
|
|
8705
|
-
|
|
8706
|
-
|
|
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
|
+
}
|
|
8707
8826
|
}
|
|
8708
8827
|
@media (min-width: 768px) {
|
|
8709
|
-
.timeline-horizontal.
|
|
8710
|
-
width:
|
|
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);
|
|
8839
|
+
}
|
|
8840
|
+
.timeline-horizontal.medium-timeline-cols-5 .timeline-item {
|
|
8841
|
+
width: calc(100vw / 5);
|
|
8842
|
+
}
|
|
8843
|
+
.timeline-horizontal.medium-timeline-cols-6 .timeline-item {
|
|
8844
|
+
width: calc(100vw / 6);
|
|
8845
|
+
}
|
|
8846
|
+
.timeline-horizontal.medium-timeline-cols-7 .timeline-item {
|
|
8847
|
+
width: calc(100vw / 7);
|
|
8848
|
+
}
|
|
8849
|
+
.timeline-horizontal.medium-timeline-cols-8 .timeline-item {
|
|
8850
|
+
width: calc(100vw / 8);
|
|
8851
|
+
}
|
|
8852
|
+
.timeline-horizontal.medium-timeline-cols-9 .timeline-item {
|
|
8853
|
+
width: calc(100vw / 9);
|
|
8854
|
+
}
|
|
8855
|
+
.timeline-horizontal.medium-timeline-cols-10 .timeline-item {
|
|
8856
|
+
width: calc(100vw / 10);
|
|
8857
|
+
}
|
|
8858
|
+
.timeline-horizontal.medium-timeline-cols-11 .timeline-item {
|
|
8859
|
+
width: calc(100vw / 11);
|
|
8860
|
+
}
|
|
8861
|
+
.timeline-horizontal.medium-timeline-cols-12 .timeline-item {
|
|
8862
|
+
width: calc(100vw / 12);
|
|
8863
|
+
}
|
|
8864
|
+
.timeline-horizontal.medium-timeline-cols-13 .timeline-item {
|
|
8865
|
+
width: calc(100vw / 13);
|
|
8866
|
+
}
|
|
8867
|
+
.timeline-horizontal.medium-timeline-cols-14 .timeline-item {
|
|
8868
|
+
width: calc(100vw / 14);
|
|
8869
|
+
}
|
|
8870
|
+
.timeline-horizontal.medium-timeline-cols-15 .timeline-item {
|
|
8871
|
+
width: calc(100vw / 15);
|
|
8872
|
+
}
|
|
8873
|
+
.timeline-horizontal.medium-timeline-cols-16 .timeline-item {
|
|
8874
|
+
width: calc(100vw / 16);
|
|
8875
|
+
}
|
|
8876
|
+
.timeline-horizontal.medium-timeline-cols-17 .timeline-item {
|
|
8877
|
+
width: calc(100vw / 17);
|
|
8878
|
+
}
|
|
8879
|
+
.timeline-horizontal.medium-timeline-cols-18 .timeline-item {
|
|
8880
|
+
width: calc(100vw / 18);
|
|
8881
|
+
}
|
|
8882
|
+
.timeline-horizontal.medium-timeline-cols-19 .timeline-item {
|
|
8883
|
+
width: calc(100vw / 19);
|
|
8884
|
+
}
|
|
8885
|
+
.timeline-horizontal.medium-timeline-cols-20 .timeline-item {
|
|
8886
|
+
width: calc(100vw / 20);
|
|
8887
|
+
}
|
|
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);
|
|
8711
8919
|
}
|
|
8712
|
-
.timeline-horizontal.
|
|
8713
|
-
width:
|
|
8920
|
+
.timeline-horizontal.large-timeline-cols-11 .timeline-item {
|
|
8921
|
+
width: calc(100vw / 11);
|
|
8714
8922
|
}
|
|
8715
|
-
.timeline-horizontal.
|
|
8716
|
-
width:
|
|
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);
|
|
8717
8954
|
}
|
|
8718
|
-
.timeline-horizontal.
|
|
8719
|
-
width:
|
|
8955
|
+
.timeline-horizontal.xlarge-timeline-cols-2 .timeline-item {
|
|
8956
|
+
width: calc(100vw / 2);
|
|
8720
8957
|
}
|
|
8721
|
-
.timeline-horizontal.
|
|
8722
|
-
width:
|
|
8958
|
+
.timeline-horizontal.xlarge-timeline-cols-3 .timeline-item {
|
|
8959
|
+
width: calc(100vw / 3);
|
|
8723
8960
|
}
|
|
8724
|
-
.timeline-horizontal.
|
|
8725
|
-
width:
|
|
8961
|
+
.timeline-horizontal.xlarge-timeline-cols-4 .timeline-item {
|
|
8962
|
+
width: calc(100vw / 4);
|
|
8726
8963
|
}
|
|
8727
|
-
.timeline-horizontal.
|
|
8728
|
-
width:
|
|
8964
|
+
.timeline-horizontal.xlarge-timeline-cols-5 .timeline-item {
|
|
8965
|
+
width: calc(100vw / 5);
|
|
8729
8966
|
}
|
|
8730
|
-
.timeline-horizontal.
|
|
8731
|
-
width:
|
|
8967
|
+
.timeline-horizontal.xlarge-timeline-cols-6 .timeline-item {
|
|
8968
|
+
width: calc(100vw / 6);
|
|
8732
8969
|
}
|
|
8733
|
-
.timeline-horizontal.
|
|
8734
|
-
width:
|
|
8970
|
+
.timeline-horizontal.xlarge-timeline-cols-7 .timeline-item {
|
|
8971
|
+
width: calc(100vw / 7);
|
|
8735
8972
|
}
|
|
8736
|
-
.timeline-horizontal.
|
|
8737
|
-
width:
|
|
8973
|
+
.timeline-horizontal.xlarge-timeline-cols-8 .timeline-item {
|
|
8974
|
+
width: calc(100vw / 8);
|
|
8738
8975
|
}
|
|
8739
|
-
.timeline-horizontal.
|
|
8740
|
-
width:
|
|
8976
|
+
.timeline-horizontal.xlarge-timeline-cols-9 .timeline-item {
|
|
8977
|
+
width: calc(100vw / 9);
|
|
8741
8978
|
}
|
|
8742
|
-
.timeline-horizontal.
|
|
8743
|
-
width:
|
|
8979
|
+
.timeline-horizontal.xlarge-timeline-cols-10 .timeline-item {
|
|
8980
|
+
width: calc(100vw / 10);
|
|
8744
8981
|
}
|
|
8745
|
-
.timeline-horizontal.
|
|
8746
|
-
width:
|
|
8982
|
+
.timeline-horizontal.xlarge-timeline-cols-11 .timeline-item {
|
|
8983
|
+
width: calc(100vw / 11);
|
|
8747
8984
|
}
|
|
8748
|
-
.timeline-horizontal.
|
|
8749
|
-
width:
|
|
8985
|
+
.timeline-horizontal.xlarge-timeline-cols-12 .timeline-item {
|
|
8986
|
+
width: calc(100vw / 12);
|
|
8750
8987
|
}
|
|
8751
|
-
.timeline-horizontal.
|
|
8752
|
-
width:
|
|
8988
|
+
.timeline-horizontal.xlarge-timeline-cols-13 .timeline-item {
|
|
8989
|
+
width: calc(100vw / 13);
|
|
8753
8990
|
}
|
|
8754
|
-
.timeline-horizontal.
|
|
8755
|
-
width:
|
|
8991
|
+
.timeline-horizontal.xlarge-timeline-cols-14 .timeline-item {
|
|
8992
|
+
width: calc(100vw / 14);
|
|
8756
8993
|
}
|
|
8757
|
-
.timeline-horizontal.
|
|
8758
|
-
width:
|
|
8994
|
+
.timeline-horizontal.xlarge-timeline-cols-15 .timeline-item {
|
|
8995
|
+
width: calc(100vw / 15);
|
|
8759
8996
|
}
|
|
8760
|
-
.timeline-horizontal.
|
|
8761
|
-
width:
|
|
8997
|
+
.timeline-horizontal.xlarge-timeline-cols-16 .timeline-item {
|
|
8998
|
+
width: calc(100vw / 16);
|
|
8762
8999
|
}
|
|
8763
|
-
.timeline-horizontal.
|
|
8764
|
-
width:
|
|
9000
|
+
.timeline-horizontal.xlarge-timeline-cols-17 .timeline-item {
|
|
9001
|
+
width: calc(100vw / 17);
|
|
8765
9002
|
}
|
|
8766
|
-
.timeline-horizontal.
|
|
8767
|
-
width:
|
|
9003
|
+
.timeline-horizontal.xlarge-timeline-cols-18 .timeline-item {
|
|
9004
|
+
width: calc(100vw / 18);
|
|
8768
9005
|
}
|
|
8769
|
-
.timeline-horizontal.
|
|
8770
|
-
width:
|
|
9006
|
+
.timeline-horizontal.xlarge-timeline-cols-19 .timeline-item {
|
|
9007
|
+
width: calc(100vw / 19);
|
|
8771
9008
|
}
|
|
8772
|
-
.timeline-horizontal.
|
|
8773
|
-
width: 100vw;
|
|
9009
|
+
.timeline-horizontal.xlarge-timeline-cols-20 .timeline-item {
|
|
9010
|
+
width: calc(100vw / 20);
|
|
8774
9011
|
}
|
|
8775
9012
|
}
|
|
8776
9013
|
.timeline-year {
|
package/framework7-bundle.esm.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 8.0.0-beta.
|
|
2
|
+
* Framework7 8.0.0-beta.4
|
|
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:
|
|
10
|
+
* Released on: March 14, 2023
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
import $ from './shared/dom7.js';
|
package/framework7-bundle.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 8.0.0-beta.
|
|
2
|
+
* Framework7 8.0.0-beta.4
|
|
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:
|
|
10
|
+
* Released on: March 14, 2023
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
(function (global, factory) {
|
|
@@ -3603,7 +3603,7 @@
|
|
|
3603
3603
|
lazyModulesPath: null,
|
|
3604
3604
|
initOnDeviceReady: true,
|
|
3605
3605
|
init: true,
|
|
3606
|
-
darkMode:
|
|
3606
|
+
darkMode: undefined,
|
|
3607
3607
|
iosTranslucentBars: true,
|
|
3608
3608
|
iosTranslucentModals: true,
|
|
3609
3609
|
component: undefined,
|
|
@@ -3815,7 +3815,11 @@
|
|
|
3815
3815
|
}
|
|
3816
3816
|
|
|
3817
3817
|
// Auto Dark Mode
|
|
3818
|
-
|
|
3818
|
+
if (typeof app.params.darkMode === 'undefined') {
|
|
3819
|
+
app.darkMode = $('html').hasClass('dark');
|
|
3820
|
+
} else {
|
|
3821
|
+
app.setDarkMode(app.params.darkMode);
|
|
3822
|
+
}
|
|
3819
3823
|
|
|
3820
3824
|
// Watch for online/offline state
|
|
3821
3825
|
const window = getWindow();
|
|
@@ -8390,7 +8394,7 @@
|
|
|
8390
8394
|
flattenedRoutes.forEach(route => {
|
|
8391
8395
|
if (matchingRoute) return;
|
|
8392
8396
|
const keys = [];
|
|
8393
|
-
const pathsToMatch = [route.path];
|
|
8397
|
+
const pathsToMatch = [route.path || '/'];
|
|
8394
8398
|
if (route.alias) {
|
|
8395
8399
|
if (typeof route.alias === 'string') pathsToMatch.push(route.alias);else if (Array.isArray(route.alias)) {
|
|
8396
8400
|
route.alias.forEach(aliasPath => {
|
|
@@ -8401,7 +8405,7 @@
|
|
|
8401
8405
|
let matched;
|
|
8402
8406
|
pathsToMatch.forEach(pathToMatch => {
|
|
8403
8407
|
if (matched) return;
|
|
8404
|
-
matched = pathToRegexp(pathToMatch, keys).exec(path);
|
|
8408
|
+
matched = pathToRegexp(pathToMatch, keys).exec(path || '/');
|
|
8405
8409
|
});
|
|
8406
8410
|
if (matched) {
|
|
8407
8411
|
keys.forEach((keyObj, index) => {
|
|
@@ -8415,14 +8419,14 @@
|
|
|
8415
8419
|
});
|
|
8416
8420
|
let parentPath;
|
|
8417
8421
|
if (route.parentPath) {
|
|
8418
|
-
parentPath = path.split('/').slice(0, route.parentPath.split('/').length - 1).join('/');
|
|
8422
|
+
parentPath = (path || '/').split('/').slice(0, route.parentPath.split('/').length - 1).join('/');
|
|
8419
8423
|
}
|
|
8420
8424
|
matchingRoute = {
|
|
8421
8425
|
query,
|
|
8422
8426
|
hash,
|
|
8423
8427
|
params,
|
|
8424
8428
|
url,
|
|
8425
|
-
path,
|
|
8429
|
+
path: path || '/',
|
|
8426
8430
|
parentPath,
|
|
8427
8431
|
route,
|
|
8428
8432
|
name: route.name
|
|
@@ -22223,7 +22227,7 @@
|
|
|
22223
22227
|
}), $jsx$1("div", {
|
|
22224
22228
|
class: "page-content"
|
|
22225
22229
|
}, $jsx$1("div", {
|
|
22226
|
-
class: `list smart-select-list-${ss.id} ${ss.params.virtualList ? ' virtual-list' : ''} ${ss.params.formColorTheme ? `color-${ss.params.formColorTheme}` : ''}`
|
|
22230
|
+
class: `list list-outline-ios list-strong-ios list-dividers-ios smart-select-list-${ss.id} ${ss.params.virtualList ? ' virtual-list' : ''} ${ss.params.formColorTheme ? `color-${ss.params.formColorTheme}` : ''}`
|
|
22227
22231
|
}, $jsx$1("ul", null, !ss.params.virtualList && ss.renderItems(ss.items)))));
|
|
22228
22232
|
}
|
|
22229
22233
|
renderPopup() {
|
|
@@ -22263,7 +22267,7 @@
|
|
|
22263
22267
|
}), $jsx$1("div", {
|
|
22264
22268
|
class: "page-content"
|
|
22265
22269
|
}, $jsx$1("div", {
|
|
22266
|
-
class: `list smart-select-list-${ss.id} ${ss.params.virtualList ? ' virtual-list' : ''} ${ss.params.formColorTheme ? `color-${ss.params.formColorTheme}` : ''}`
|
|
22270
|
+
class: `list list-outline-ios list-strong-ios list-dividers-ios smart-select-list-${ss.id} ${ss.params.virtualList ? ' virtual-list' : ''} ${ss.params.formColorTheme ? `color-${ss.params.formColorTheme}` : ''}`
|
|
22267
22271
|
}, $jsx$1("ul", null, !ss.params.virtualList && ss.renderItems(ss.items)))))));
|
|
22268
22272
|
}
|
|
22269
22273
|
renderSheet() {
|
|
@@ -22289,7 +22293,7 @@
|
|
|
22289
22293
|
}, $jsx$1("div", {
|
|
22290
22294
|
class: "page-content"
|
|
22291
22295
|
}, $jsx$1("div", {
|
|
22292
|
-
class: `list smart-select-list-${ss.id} ${ss.params.virtualList ? ' virtual-list' : ''} ${ss.params.formColorTheme ? `color-${ss.params.formColorTheme}` : ''}`
|
|
22296
|
+
class: `list list-strong-ios list-dividers-ios smart-select-list-${ss.id} ${ss.params.virtualList ? ' virtual-list' : ''} ${ss.params.formColorTheme ? `color-${ss.params.formColorTheme}` : ''}`
|
|
22293
22297
|
}, $jsx$1("ul", null, !ss.params.virtualList && ss.renderItems(ss.items))))));
|
|
22294
22298
|
}
|
|
22295
22299
|
renderPopover() {
|
|
@@ -22303,7 +22307,7 @@
|
|
|
22303
22307
|
}, $jsx$1("div", {
|
|
22304
22308
|
class: "popover-inner"
|
|
22305
22309
|
}, $jsx$1("div", {
|
|
22306
|
-
class: `list smart-select-list-${ss.id} ${ss.params.virtualList ? ' virtual-list' : ''} ${ss.params.formColorTheme ? `color-${ss.params.formColorTheme}` : ''}`
|
|
22310
|
+
class: `list list-strong-ios list-dividers-ios smart-select-list-${ss.id} ${ss.params.virtualList ? ' virtual-list' : ''} ${ss.params.formColorTheme ? `color-${ss.params.formColorTheme}` : ''}`
|
|
22307
22311
|
}, $jsx$1("ul", null, !ss.params.virtualList && ss.renderItems(ss.items)))));
|
|
22308
22312
|
}
|
|
22309
22313
|
scrollToSelectedItem() {
|