framework7 7.1.1 → 7.1.3

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 (42) hide show
  1. package/components/dialog/dialog-md.less +1 -0
  2. package/components/dialog/dialog-rtl.css +1 -1
  3. package/components/dialog/dialog.css +1 -1
  4. package/components/notification/notification.d.ts +1 -1
  5. package/components/panel/panel-class.js +10 -4
  6. package/components/panel/panel.lazy.js +1 -1
  7. package/components/photo-browser/photo-browser.js +1 -0
  8. package/components/photo-browser/photo-browser.lazy.js +1 -1
  9. package/components/picker/picker-rtl.css +1 -1
  10. package/components/picker/picker.css +1 -1
  11. package/components/picker/picker.less +36 -33
  12. package/components/popover/popover-rtl.css +1 -1
  13. package/components/popover/popover.css +1 -1
  14. package/components/popover/popover.less +4 -0
  15. package/framework7-bundle-rtl.css +41 -16
  16. package/framework7-bundle-rtl.min.css +4 -4
  17. package/framework7-bundle.css +41 -16
  18. package/framework7-bundle.esm.js +3 -3
  19. package/framework7-bundle.js +43 -15
  20. package/framework7-bundle.js.map +1 -1
  21. package/framework7-bundle.less +3 -3
  22. package/framework7-bundle.min.css +4 -4
  23. package/framework7-bundle.min.js +4 -4
  24. package/framework7-bundle.min.js.map +1 -1
  25. package/framework7-lite-bundle.esm.js +3 -3
  26. package/framework7-lite.esm.js +3 -3
  27. package/framework7-rtl.css +3 -3
  28. package/framework7-rtl.min.css +3 -3
  29. package/framework7.css +3 -3
  30. package/framework7.esm.js +3 -3
  31. package/framework7.js +32 -11
  32. package/framework7.js.map +1 -1
  33. package/framework7.less +3 -3
  34. package/framework7.min.css +3 -3
  35. package/framework7.min.js +4 -4
  36. package/framework7.min.js.map +1 -1
  37. package/modules/router/back.js +21 -6
  38. package/modules/router/navigate.js +5 -0
  39. package/modules/router/router-class.js +3 -2
  40. package/package.json +1 -1
  41. package/framework7-lite.js +0 -26
  42. package/less/plugin.js +0 -18
@@ -1,13 +1,13 @@
1
1
  /**
2
- * Framework7 7.1.1
2
+ * Framework7 7.1.3
3
3
  * Full featured mobile HTML framework for building iOS & Android apps
4
4
  * https://framework7.io/
5
5
  *
6
- * Copyright 2014-2022 Vladimir Kharlampidi
6
+ * Copyright 2014-2023 Vladimir Kharlampidi
7
7
  *
8
8
  * Released under the MIT License
9
9
  *
10
- * Released on: December 16, 2022
10
+ * Released on: February 2, 2023
11
11
  */
12
12
 
13
13
  /*====================
@@ -6561,6 +6561,7 @@ html.with-modal-dialog .page-content {
6561
6561
  }
6562
6562
  .md .dialog-buttons-vertical .dialog-button + .dialog-button {
6563
6563
  margin-top: 12px;
6564
+ margin-left: 0;
6564
6565
  }
6565
6566
  .md .dialog-input {
6566
6567
  padding: 0;
@@ -7097,6 +7098,10 @@ html.with-modal-popup-push-closing .framework7-root > .view.dark:after {
7097
7098
  border-radius: var(--f7-popover-border-radius);
7098
7099
  box-shadow: var(--f7-popover-box-shadow);
7099
7100
  will-change: transform, opacity;
7101
+ --f7-safe-area-top: 0px;
7102
+ --f7-safe-area-left: 0px;
7103
+ --f7-safe-area-right: 0px;
7104
+ --f7-safe-area-bottom: 0px;
7100
7105
  }
7101
7106
  .popover .list {
7102
7107
  margin: 0;
@@ -15074,26 +15079,46 @@ label.item-radio.disabled,
15074
15079
  text-align: right;
15075
15080
  height: 100%;
15076
15081
  position: relative;
15077
- -webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent);
15078
15082
  font-size: var(--f7-picker-column-font-size);
15083
+ --f7-picker-mask-bg-color: transparent;
15079
15084
  }
15080
- .picker-column {
15081
- position: relative;
15082
- max-height: 100%;
15085
+ .popover .picker-columns {
15086
+ border-radius: 0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius);
15083
15087
  }
15084
- .picker-column.picker-column-first:before,
15085
- .picker-column.picker-column-last:after {
15086
- height: 100%;
15087
- width: 100vw;
15088
- position: absolute;
15088
+ .picker-columns::before,
15089
+ .picker-columns::after {
15089
15090
  content: '';
15091
+ position: absolute;
15092
+ left: 0;
15093
+ width: 100%;
15094
+ height: 20%;
15095
+ z-index: 100;
15096
+ pointer-events: none;
15097
+ }
15098
+ .page .picker-columns {
15099
+ --f7-picker-mask-bg-color: var(--f7-page-bg-color);
15100
+ }
15101
+ .block-strong .picker-columns {
15102
+ --f7-picker-mask-bg-color: var(--f7-block-strong-bg-color);
15103
+ }
15104
+ .picker-sheet .picker-columns {
15105
+ --f7-picker-mask-bg-color: var(--f7-picker-sheet-bg-color, var(--f7-sheet-bg-color));
15106
+ }
15107
+ .picker-popover .picker-columns {
15108
+ --f7-picker-mask-bg-color: var(--f7-popover-bg-color);
15109
+ }
15110
+ .picker-columns::before {
15090
15111
  top: 0;
15112
+ background-image: linear-gradient(to bottom, var(--f7-picker-mask-bg-color), transparent);
15091
15113
  }
15092
- .picker-column.picker-column-first:before {
15093
- left: 100%;
15114
+ .picker-columns::after {
15115
+ bottom: 0;
15116
+ background-image: linear-gradient(to top, var(--f7-picker-mask-bg-color), transparent);
15094
15117
  }
15095
- .picker-column.picker-column-last:after {
15096
- right: 100%;
15118
+ .picker-column {
15119
+ position: relative;
15120
+ max-height: 100%;
15121
+ z-index: 10;
15097
15122
  }
15098
15123
  .picker-column.picker-column-left {
15099
15124
  text-align: left;