@xenknight/framework7 0.0.5 → 0.0.7

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 (105) hide show
  1. package/components/app/app.less +1 -1
  2. package/components/block/block-vars.less +6 -6
  3. package/components/button/button-vars.less +11 -10
  4. package/components/dialog/dialog-class.js +6 -3
  5. package/components/dialog/dialog-ios.less +10 -34
  6. package/components/dialog/dialog-md.less +2 -22
  7. package/components/dialog/dialog-rtl.css +1 -1
  8. package/components/dialog/dialog-vars.less +8 -10
  9. package/components/dialog/dialog.css +1 -1
  10. package/components/dialog/dialog.js +3 -3
  11. package/components/dialog/dialog.less +6 -25
  12. package/components/icon/icon-ios.less +9 -0
  13. package/components/icon/icon-md.less +9 -0
  14. package/components/icon/icon.less +2 -1
  15. package/components/list/list-vars.less +8 -6
  16. package/components/list/list.less +1 -1
  17. package/components/messagebar/messagebar-rtl.css +1 -1
  18. package/components/messagebar/messagebar-vars.less +1 -1
  19. package/components/messagebar/messagebar.css +1 -1
  20. package/components/messages/messages-rtl.css +1 -1
  21. package/components/messages/messages-vars.less +7 -7
  22. package/components/messages/messages.css +1 -1
  23. package/components/navbar-new/navbar-ios.less +135 -0
  24. package/components/navbar-new/navbar-md.less +105 -0
  25. package/components/navbar-new/navbar-vars.less +78 -0
  26. package/components/navbar-new/navbar.d.ts +77 -0
  27. package/components/navbar-new/navbar.js +568 -0
  28. package/components/navbar-new/navbar.less +268 -0
  29. package/components/notification/notification-class.js +6 -6
  30. package/components/notification/notification-ios.less +3 -8
  31. package/components/notification/notification-md.less +1 -20
  32. package/components/notification/notification-rtl.css +1 -1
  33. package/components/notification/notification-vars.less +13 -16
  34. package/components/notification/notification.css +1 -1
  35. package/components/notification/notification.less +13 -1
  36. package/components/popover/popover-class.js +21 -58
  37. package/components/popover/popover-ios.less +66 -2
  38. package/components/popover/popover-md.less +2 -27
  39. package/components/popover/popover-rtl.css +1 -1
  40. package/components/popover/popover-vars.less +2 -3
  41. package/components/popover/popover.css +1 -1
  42. package/components/popover/popover.d.ts +0 -2
  43. package/components/popover/popover.js +0 -1
  44. package/components/popover/popover.less +28 -50
  45. package/components/range/range-class.js +34 -27
  46. package/components/range/range-ios.less +60 -0
  47. package/components/range/range-md.less +67 -4
  48. package/components/range/range-rtl.css +1 -1
  49. package/components/range/range-vars.less +18 -13
  50. package/components/range/range.css +1 -1
  51. package/components/range/range.d.ts +3 -1
  52. package/components/range/range.less +11 -24
  53. package/components/searchbar-new/remove-diacritics.js +271 -0
  54. package/components/searchbar-new/searchbar-ios.less +131 -0
  55. package/components/searchbar-new/searchbar-md.less +153 -0
  56. package/components/searchbar-new/searchbar-new-class.js +592 -0
  57. package/components/searchbar-new/searchbar-vars.less +75 -0
  58. package/components/searchbar-new/searchbar.js +122 -0
  59. package/components/searchbar-new/searchbar.less +331 -0
  60. package/components/swipeout/swipeout-ios.less +37 -0
  61. package/components/swipeout/swipeout-md.less +56 -0
  62. package/components/swipeout/swipeout-rtl.css +1 -1
  63. package/components/swipeout/swipeout-vars.less +13 -2
  64. package/components/swipeout/swipeout.css +1 -1
  65. package/components/swipeout/swipeout.js +98 -23
  66. package/components/swipeout/swipeout.less +20 -44
  67. package/components/tabs/tabs.js +5 -0
  68. package/components/toast/toast-class.js +2 -2
  69. package/components/toast/toast-ios.less +2 -0
  70. package/components/toast/toast-rtl.css +1 -1
  71. package/components/toast/toast-vars.less +2 -4
  72. package/components/toast/toast.css +1 -1
  73. package/components/toast/toast.less +1 -1
  74. package/components/toolbar-new/tabbar-highlight.js +134 -0
  75. package/components/toolbar-new/toolbar-ios.less +193 -0
  76. package/components/toolbar-new/toolbar-md.less +152 -0
  77. package/components/toolbar-new/toolbar-vars.less +77 -0
  78. package/components/toolbar-new/toolbar.js +223 -0
  79. package/components/toolbar-new/toolbar.less +261 -0
  80. package/framework7-bundle-rtl.css +2606 -746
  81. package/framework7-bundle-rtl.min.css +12 -6
  82. package/framework7-bundle.css +2603 -743
  83. package/framework7-bundle.esm.js +11 -4
  84. package/framework7-bundle.js +4536 -1038
  85. package/framework7-bundle.js.map +1 -1
  86. package/framework7-bundle.less +6 -3
  87. package/framework7-bundle.min.css +12 -6
  88. package/framework7-bundle.min.js +4 -4
  89. package/framework7-bundle.min.js.map +1 -1
  90. package/framework7-lite-bundle.esm.js +11 -4
  91. package/framework7-lite.esm.js +11 -4
  92. package/framework7-lite.js +8 -1
  93. package/framework7-rtl.css +2212 -399
  94. package/framework7-rtl.min.css +11 -5
  95. package/framework7.css +2211 -398
  96. package/framework7.esm.js +11 -4
  97. package/framework7.js +8 -1
  98. package/framework7.less +6 -3
  99. package/framework7.min.css +11 -5
  100. package/package.json +1 -1
  101. package/shared/get-support.d.ts +0 -6
  102. package/shared/get-support.js +1 -20
  103. package/shared/material-color-utils.js +2153 -679
  104. package/shared/material-colors.js +97 -17
  105. package/shared/utils.js +18 -6
package/components/searchbar-new/searchbar-md.less ADDED
@@ -0,0 +1,153 @@
1
+ .md {
2
+ .searchbar-new-icon,
3
+ .searchbar-new-disable-button {
4
+ position: absolute;
5
+
6
+ top: 50%;
7
+ transition-duration: 300ms;
8
+ }
9
+ .searchbar-new-disable-button {
10
+ .icon-close {
11
+ display: none;
12
+ }
13
+ }
14
+ .searchbar-new-icon {
15
+ width: 48px;
16
+ height: 48px;
17
+ left: 0;
18
+ top: 0;
19
+ display: flex;
20
+ align-items: center;
21
+ justify-content: center;
22
+ &:after {
23
+ width: auto;
24
+ height: auto;
25
+ content: 'search_md';
26
+ line-height: 1.2;
27
+ }
28
+ .ltr({
29
+ left: var(--f7-safe-area-left);
30
+ });
31
+ .rtl({
32
+ right: var(--f7-safe-area-right);
33
+ });
34
+ }
35
+ .searchbar-new-disable-button {
36
+ width: 48px;
37
+ height: 48px;
38
+ transform: rotate(-90deg) scale(0.5);
39
+ font-size: 0 !important;
40
+ display: block;
41
+ margin-top: -24px;
42
+ color: var(--f7-searchbar-new-link-color, var(--f7-bars-link-color, var(--f7-theme-color)));
43
+ .ltr({
44
+ left: calc(var(--f7-searchbar-new-inner-padding-left) + var(--f7-safe-area-left));
45
+ });
46
+ .rtl({
47
+ right: calc(var(--f7-searchbar-new-inner-padding-right) + var(--f7-safe-area-right));
48
+ });
49
+
50
+ &:after {
51
+ .core-icons-font();
52
+ line-height: 48px;
53
+ .ltr({
54
+ content: 'arrow_left_md';
55
+ });
56
+ .rtl({
57
+ content: 'arrow_right_md';
58
+ });
59
+ }
60
+ }
61
+ .searchbar-new-enabled:not(.searchbar-new-enabled-no-disable-button) {
62
+ .searchbar-new-disable-button {
63
+ transform: rotate(0deg) scale(1);
64
+ pointer-events: auto;
65
+ opacity: 1;
66
+ }
67
+ .searchbar-new-icon {
68
+ opacity: 0;
69
+ transform: rotate(90deg) scale(0.5);
70
+ }
71
+ }
72
+ .searchbar-new {
73
+ --f7-searchbar-new-input-extra-padding-left: 34px;
74
+ .input-clear-button {
75
+ width: 48px;
76
+ height: 48px;
77
+ margin-top: -24px;
78
+ .ltr({ right: 0; });
79
+ .rtl({ left: 0; });
80
+
81
+ &:after {
82
+ line-height: 48px;
83
+ content: 'delete_round_md';
84
+ opacity: 1;
85
+ }
86
+ &:before {
87
+ display: none;
88
+ }
89
+ }
90
+ }
91
+ .searchbar-new-inline {
92
+ --f7-searchbar-new-input-extra-padding-left: 32px;
93
+ }
94
+
95
+ .page > .searchbar-new,
96
+ .subnavbar .searchbar-new,
97
+ .searchbar-new-expandable {
98
+ --f7-searchbar-new-input-extra-padding-left: 34px;
99
+ .searchbar-new-disable-button {
100
+ .ltr({
101
+ left: calc(var(--f7-searchbar-new-inner-padding-left) + var(--f7-safe-area-left));
102
+ });
103
+ .rtl({
104
+ right: calc(var(--f7-searchbar-new-inner-padding-right) + var(--f7-safe-area-right));
105
+ });
106
+ }
107
+ .searchbar-new-icon {
108
+ .ltr({
109
+ left: var(--f7-safe-area-left);
110
+ });
111
+ .rtl({
112
+ right: var(--f7-safe-area-right);
113
+ });
114
+ }
115
+ }
116
+ .searchbar-new-expandable {
117
+ --f7-searchbar-new-inner-padding-left: 4px;
118
+ --f7-searchbar-new-inner-padding-right: 4px;
119
+ height: var(--f7-searchbar-new-expandable-size);
120
+ opacity: 0;
121
+ bottom: 0;
122
+ border-radius: calc(var(--f7-searchbar-new-expandable-size));
123
+ width: calc(var(--f7-searchbar-new-expandable-size));
124
+ margin-top: calc(var(--f7-searchbar-new-expandable-size) * -1 / 2);
125
+ transform: translate3d(0px, 0px, 0px);
126
+ background-color: var(--f7-searchbar-new-input-bg-color);
127
+ .ltr({
128
+ left: 100%;
129
+ margin-left: calc(var(--f7-searchbar-new-expandable-size) * -1);
130
+ });
131
+ .rtl({
132
+ right: 100%;
133
+ margin-right: calc(var(--f7-searchbar-new-expandable-size) * -1);
134
+ });
135
+ }
136
+
137
+ .searchbar-new-expandable.searchbar-new-enabled {
138
+ width: 100%;
139
+ border-radius: 0;
140
+ opacity: 1;
141
+ pointer-events: auto;
142
+ margin-top: 0;
143
+ .ltr({
144
+ left: 0;
145
+ margin-left: 0;
146
+ });
147
+ .rtl({
148
+ right: 0;
149
+ margin-right: 0;
150
+ });
151
+ }
152
+ }
153
+