uikit 3.11.2-dev.f2970ffaa → 3.12.0

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 (226) hide show
  1. package/.eslintrc.json +4 -49
  2. package/.prettierignore +14 -0
  3. package/.prettierrc.json +13 -0
  4. package/.webstorm.js +3 -3
  5. package/CHANGELOG.md +55 -19
  6. package/build/.eslintrc.json +1 -3
  7. package/build/build.js +26 -28
  8. package/build/icons.js +7 -11
  9. package/build/less.js +48 -36
  10. package/build/package.json +2 -2
  11. package/build/prefix.js +21 -18
  12. package/build/publishDev.js +6 -8
  13. package/build/release.js +20 -17
  14. package/build/scope.js +21 -11
  15. package/build/scss.js +72 -39
  16. package/build/util.js +71 -62
  17. package/build/wrapper/icons.js +0 -2
  18. package/dist/css/uikit-core-rtl.css +133 -201
  19. package/dist/css/uikit-core-rtl.min.css +1 -1
  20. package/dist/css/uikit-core.css +133 -201
  21. package/dist/css/uikit-core.min.css +1 -1
  22. package/dist/css/uikit-rtl.css +135 -207
  23. package/dist/css/uikit-rtl.min.css +1 -1
  24. package/dist/css/uikit.css +135 -207
  25. package/dist/css/uikit.min.css +1 -1
  26. package/dist/js/components/countdown.js +66 -138
  27. package/dist/js/components/countdown.min.js +1 -1
  28. package/dist/js/components/filter.js +408 -439
  29. package/dist/js/components/filter.min.js +1 -1
  30. package/dist/js/components/lightbox-panel.js +1091 -1319
  31. package/dist/js/components/lightbox-panel.min.js +1 -1
  32. package/dist/js/components/lightbox.js +1137 -1396
  33. package/dist/js/components/lightbox.min.js +1 -1
  34. package/dist/js/components/notification.js +94 -114
  35. package/dist/js/components/notification.min.js +1 -1
  36. package/dist/js/components/parallax.js +347 -372
  37. package/dist/js/components/parallax.min.js +1 -1
  38. package/dist/js/components/slider-parallax.js +345 -360
  39. package/dist/js/components/slider-parallax.min.js +1 -1
  40. package/dist/js/components/slider.js +749 -843
  41. package/dist/js/components/slider.min.js +1 -1
  42. package/dist/js/components/slideshow-parallax.js +345 -360
  43. package/dist/js/components/slideshow-parallax.min.js +1 -1
  44. package/dist/js/components/slideshow.js +628 -798
  45. package/dist/js/components/slideshow.min.js +1 -1
  46. package/dist/js/components/sortable.js +587 -620
  47. package/dist/js/components/sortable.min.js +1 -1
  48. package/dist/js/components/tooltip.js +324 -356
  49. package/dist/js/components/tooltip.min.js +1 -1
  50. package/dist/js/components/upload.js +156 -167
  51. package/dist/js/components/upload.min.js +1 -1
  52. package/dist/js/uikit-core.js +5324 -6527
  53. package/dist/js/uikit-core.min.js +1 -1
  54. package/dist/js/uikit-icons.js +7 -9
  55. package/dist/js/uikit-icons.min.js +1 -1
  56. package/dist/js/uikit.js +8006 -9663
  57. package/dist/js/uikit.min.js +1 -1
  58. package/jsconfig.json +1 -1
  59. package/package.json +64 -60
  60. package/src/js/api/boot.js +25 -32
  61. package/src/js/api/component.js +15 -28
  62. package/src/js/api/global.js +6 -12
  63. package/src/js/api/hooks.js +14 -33
  64. package/src/js/api/instance.js +7 -15
  65. package/src/js/api/state.js +199 -187
  66. package/src/js/components/countdown.js +32 -85
  67. package/src/js/components/filter.js +70 -66
  68. package/src/js/components/index.js +13 -13
  69. package/src/js/components/internal/lightbox-animations.js +14 -25
  70. package/src/js/components/internal/slider-preload.js +9 -0
  71. package/src/js/components/internal/slider-transitioner.js +66 -45
  72. package/src/js/components/internal/slideshow-animations.js +46 -64
  73. package/src/js/components/lightbox-panel.js +107 -105
  74. package/src/js/components/lightbox.js +17 -39
  75. package/src/js/components/notification.js +49 -43
  76. package/src/js/components/parallax.js +21 -46
  77. package/src/js/components/slider-parallax.js +13 -23
  78. package/src/js/components/slider.js +117 -89
  79. package/src/js/components/slideshow-parallax.js +1 -1
  80. package/src/js/components/slideshow.js +15 -13
  81. package/src/js/components/sortable.js +125 -106
  82. package/src/js/components/tooltip.js +41 -31
  83. package/src/js/components/upload.js +53 -63
  84. package/src/js/core/accordion.js +58 -48
  85. package/src/js/core/alert.js +9 -17
  86. package/src/js/core/core.js +17 -69
  87. package/src/js/core/cover.js +15 -15
  88. package/src/js/core/drop.js +110 -94
  89. package/src/js/core/form-custom.js +22 -27
  90. package/src/js/core/gif.js +3 -7
  91. package/src/js/core/grid.js +57 -58
  92. package/src/js/core/height-match.js +16 -29
  93. package/src/js/core/height-viewport.js +30 -34
  94. package/src/js/core/icon.js +47 -52
  95. package/src/js/core/img.js +153 -143
  96. package/src/js/core/index.js +39 -39
  97. package/src/js/core/leader.js +9 -18
  98. package/src/js/core/margin.js +21 -37
  99. package/src/js/core/modal.js +49 -36
  100. package/src/js/core/nav.js +2 -4
  101. package/src/js/core/navbar.js +113 -85
  102. package/src/js/core/offcanvas.js +51 -54
  103. package/src/js/core/overflow-auto.js +13 -17
  104. package/src/js/core/responsive.js +14 -12
  105. package/src/js/core/scroll.js +10 -20
  106. package/src/js/core/scrollspy-nav.js +34 -31
  107. package/src/js/core/scrollspy.js +37 -54
  108. package/src/js/core/sticky.js +175 -123
  109. package/src/js/core/svg.js +68 -83
  110. package/src/js/core/switcher.js +56 -47
  111. package/src/js/core/tab.js +7 -10
  112. package/src/js/core/toggle.js +69 -68
  113. package/src/js/core/video.js +22 -21
  114. package/src/js/mixin/animate.js +19 -20
  115. package/src/js/mixin/class.js +2 -4
  116. package/src/js/mixin/container.js +7 -11
  117. package/src/js/mixin/internal/animate-fade.js +73 -30
  118. package/src/js/mixin/internal/animate-slide.js +58 -41
  119. package/src/js/mixin/internal/slideshow-animations.js +7 -14
  120. package/src/js/mixin/internal/slideshow-transitioner.js +10 -17
  121. package/src/js/mixin/lazyload.js +20 -0
  122. package/src/js/mixin/media.js +5 -10
  123. package/src/js/mixin/modal.js +89 -66
  124. package/src/js/mixin/parallax.js +149 -107
  125. package/src/js/mixin/position.js +26 -20
  126. package/src/js/mixin/slider-autoplay.js +12 -21
  127. package/src/js/mixin/slider-drag.js +64 -65
  128. package/src/js/mixin/slider-nav.js +26 -35
  129. package/src/js/mixin/slider-reactive.js +2 -8
  130. package/src/js/mixin/slider.js +47 -60
  131. package/src/js/mixin/slideshow.js +12 -22
  132. package/src/js/mixin/swipe.js +72 -0
  133. package/src/js/mixin/togglable.js +89 -63
  134. package/src/js/uikit-core.js +2 -4
  135. package/src/js/uikit.js +2 -4
  136. package/src/js/util/ajax.js +25 -40
  137. package/src/js/util/animation.js +77 -75
  138. package/src/js/util/attr.js +17 -21
  139. package/src/js/util/class.js +14 -52
  140. package/src/js/util/dimensions.js +78 -49
  141. package/src/js/util/dom.js +37 -66
  142. package/src/js/util/env.js +7 -12
  143. package/src/js/util/event.js +60 -59
  144. package/src/js/util/fastdom.js +1 -6
  145. package/src/js/util/filter.js +18 -36
  146. package/src/js/util/index.js +1 -1
  147. package/src/js/util/lang.js +82 -121
  148. package/src/js/util/mouse.js +19 -17
  149. package/src/js/util/observer.js +36 -0
  150. package/src/js/util/options.js +35 -49
  151. package/src/js/util/player.js +41 -36
  152. package/src/js/util/position.js +54 -46
  153. package/src/js/util/selector.js +43 -58
  154. package/src/js/util/style.js +39 -49
  155. package/src/js/util/viewport.js +75 -64
  156. package/src/less/components/base.less +10 -33
  157. package/src/less/components/flex.less +0 -9
  158. package/src/less/components/form-range.less +48 -95
  159. package/src/less/components/form.less +0 -1
  160. package/src/less/components/height.less +3 -0
  161. package/src/less/components/leader.less +0 -1
  162. package/src/less/components/lightbox.less +0 -1
  163. package/src/less/components/modal.less +3 -7
  164. package/src/less/components/navbar.less +0 -7
  165. package/src/less/components/progress.less +14 -36
  166. package/src/less/components/slider.less +0 -3
  167. package/src/less/components/slideshow.less +0 -3
  168. package/src/less/components/text.less +16 -32
  169. package/src/less/components/utility.less +25 -0
  170. package/src/scss/components/base.scss +10 -33
  171. package/src/scss/components/flex.scss +0 -9
  172. package/src/scss/components/form-range.scss +48 -95
  173. package/src/scss/components/form.scss +3 -4
  174. package/src/scss/components/height.scss +3 -0
  175. package/src/scss/components/icon.scss +2 -2
  176. package/src/scss/components/leader.scss +0 -1
  177. package/src/scss/components/lightbox.scss +0 -1
  178. package/src/scss/components/modal.scss +3 -7
  179. package/src/scss/components/navbar.scss +0 -7
  180. package/src/scss/components/progress.scss +14 -36
  181. package/src/scss/components/search.scss +1 -1
  182. package/src/scss/components/slider.scss +0 -3
  183. package/src/scss/components/slideshow.scss +0 -3
  184. package/src/scss/components/text.scss +16 -32
  185. package/src/scss/components/utility.scss +25 -0
  186. package/src/scss/mixins-theme.scss +1 -1
  187. package/src/scss/mixins.scss +1 -1
  188. package/src/scss/variables-theme.scss +9 -9
  189. package/src/scss/variables.scss +9 -9
  190. package/tests/align.html +10 -10
  191. package/tests/animation.html +2 -2
  192. package/tests/article.html +2 -2
  193. package/tests/base.html +3 -3
  194. package/tests/card.html +10 -10
  195. package/tests/column.html +3 -3
  196. package/tests/comment.html +9 -9
  197. package/tests/countdown.html +10 -8
  198. package/tests/dotnav.html +3 -3
  199. package/tests/image.html +296 -64
  200. package/tests/images/image-type.avif +0 -0
  201. package/tests/images/image-type.jpeg +0 -0
  202. package/tests/images/image-type.webp +0 -0
  203. package/tests/index.html +8 -8
  204. package/tests/js/index.js +114 -85
  205. package/tests/lightbox.html +10 -10
  206. package/tests/marker.html +2 -2
  207. package/tests/modal.html +8 -9
  208. package/tests/navbar.html +2 -2
  209. package/tests/overlay.html +7 -7
  210. package/tests/parallax.html +16 -7
  211. package/tests/position.html +12 -12
  212. package/tests/slidenav.html +12 -12
  213. package/tests/slider.html +20 -20
  214. package/tests/sortable.html +1 -1
  215. package/tests/sticky-parallax.html +87 -99
  216. package/tests/sticky.html +56 -24
  217. package/tests/svg.html +6 -6
  218. package/tests/table.html +11 -11
  219. package/tests/thumbnav.html +12 -12
  220. package/tests/transition.html +30 -30
  221. package/tests/utility.html +50 -33
  222. package/tests/video.html +1 -1
  223. package/tests/width.html +1 -1
  224. package/src/js/mixin/flex-bug.js +0 -56
  225. package/src/js/util/promise.js +0 -191
  226. package/tests/images/animated.gif +0 -0
@@ -1,4 +1,4 @@
1
- /*! UIkit 3.11.2-dev.f2970ffaa | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
1
+ /*! UIkit 3.12.0 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
2
2
 
3
3
  (function (global, factory) {
4
4
  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('uikit-util')) :
@@ -7,183 +7,111 @@
7
7
  })(this, (function (uikitUtil) { 'use strict';
8
8
 
9
9
  var Class = {
10
+ connected() {
11
+ !uikitUtil.hasClass(this.$el, this.$name) && uikitUtil.addClass(this.$el, this.$name);
12
+ } };
10
13
 
11
- connected: function() {
12
- !uikitUtil.hasClass(this.$el, this.$name) && uikitUtil.addClass(this.$el, this.$name);
13
- }
14
-
15
- };
14
+ const units = ['days', 'hours', 'minutes', 'seconds'];
16
15
 
17
16
  var Component = {
17
+ mixins: [Class],
18
18
 
19
- mixins: [Class],
20
-
21
- props: {
22
- date: String,
23
- clsWrapper: String
24
- },
25
-
26
- data: {
27
- date: '',
28
- clsWrapper: '.uk-countdown-%unit%'
29
- },
30
-
31
- computed: {
32
-
33
- date: function(ref) {
34
- var date = ref.date;
35
-
36
- return Date.parse(date);
37
- },
19
+ props: {
20
+ date: String,
21
+ clsWrapper: String },
38
22
 
39
- days: function(ref, $el) {
40
- var clsWrapper = ref.clsWrapper;
41
23
 
42
- return uikitUtil.$(clsWrapper.replace('%unit%', 'days'), $el);
43
- },
24
+ data: {
25
+ date: '',
26
+ clsWrapper: '.uk-countdown-%unit%' },
44
27
 
45
- hours: function(ref, $el) {
46
- var clsWrapper = ref.clsWrapper;
47
28
 
48
- return uikitUtil.$(clsWrapper.replace('%unit%', 'hours'), $el);
49
- },
29
+ connected() {
30
+ this.date = Date.parse(this.date);
31
+ this.start();
32
+ },
50
33
 
51
- minutes: function(ref, $el) {
52
- var clsWrapper = ref.clsWrapper;
34
+ disconnected() {
35
+ this.stop();
36
+ },
53
37
 
54
- return uikitUtil.$(clsWrapper.replace('%unit%', 'minutes'), $el);
55
- },
38
+ events: [
39
+ {
40
+ name: 'visibilitychange',
56
41
 
57
- seconds: function(ref, $el) {
58
- var clsWrapper = ref.clsWrapper;
42
+ el() {
43
+ return document;
44
+ },
59
45
 
60
- return uikitUtil.$(clsWrapper.replace('%unit%', 'seconds'), $el);
61
- },
46
+ handler() {
47
+ if (document.hidden) {
48
+ this.stop();
49
+ } else {
50
+ this.start();
51
+ }
52
+ } }],
62
53
 
63
- units: function() {
64
- var this$1$1 = this;
65
54
 
66
- return ['days', 'hours', 'minutes', 'seconds'].filter(function (unit) { return this$1$1[unit]; });
67
- }
68
55
 
56
+ methods: {
57
+ start() {
58
+ this.stop();
59
+ this.update();
60
+ this.timer = setInterval(this.update, 1000);
69
61
  },
70
62
 
71
- connected: function() {
72
- this.start();
63
+ stop() {
64
+ clearInterval(this.timer);
73
65
  },
74
66
 
75
- disconnected: function() {
76
- var this$1$1 = this;
67
+ update() {
68
+ const timespan = getTimeSpan(this.date);
77
69
 
70
+ if (!this.date || timespan.total <= 0) {
78
71
  this.stop();
79
- this.units.forEach(function (unit) { return uikitUtil.empty(this$1$1[unit]); });
80
- },
81
-
82
- events: [
83
72
 
84
- {
73
+ timespan.days = timespan.hours = timespan.minutes = timespan.seconds = 0;
74
+ }
85
75
 
86
- name: 'visibilitychange',
87
-
88
- el: function() {
89
- return document;
90
- },
91
-
92
- handler: function() {
93
- if (document.hidden) {
94
- this.stop();
95
- } else {
96
- this.start();
97
- }
98
- }
76
+ for (const unit of units) {
77
+ const el = uikitUtil.$(this.clsWrapper.replace('%unit%', unit), this.$el);
99
78
 
79
+ if (!el) {
80
+ continue;
100
81
  }
101
82
 
102
- ],
103
-
104
- update: {
105
-
106
- write: function() {
107
- var this$1$1 = this;
108
-
109
-
110
- var timespan = getTimeSpan(this.date);
111
-
112
- if (timespan.total <= 0) {
113
-
114
- this.stop();
115
-
116
- timespan.days
117
- = timespan.hours
118
- = timespan.minutes
119
- = timespan.seconds
120
- = 0;
121
- }
122
-
123
- this.units.forEach(function (unit) {
124
-
125
- var digits = String(Math.floor(timespan[unit]));
126
-
127
- digits = digits.length < 2 ? ("0" + digits) : digits;
128
-
129
- var el = this$1$1[unit];
130
- if (el.textContent !== digits) {
131
- digits = digits.split('');
132
-
133
- if (digits.length !== el.children.length) {
134
- uikitUtil.html(el, digits.map(function () { return '<span></span>'; }).join(''));
135
- }
136
-
137
- digits.forEach(function (digit, i) { return el.children[i].textContent = digit; });
138
- }
139
-
140
- });
141
-
142
- }
143
-
144
- },
145
-
146
- methods: {
147
-
148
- start: function() {
149
-
150
- this.stop();
151
-
152
- if (this.date && this.units.length) {
153
- this.$update();
154
- this.timer = setInterval(this.$update, 1000);
155
- }
83
+ let digits = String(Math.floor(timespan[unit]));
156
84
 
157
- },
85
+ digits = digits.length < 2 ? "0" + digits : digits;
158
86
 
159
- stop: function() {
87
+ if (el.textContent !== digits) {
88
+ digits = digits.split('');
160
89
 
161
- if (this.timer) {
162
- clearInterval(this.timer);
163
- this.timer = null;
164
- }
90
+ if (digits.length !== el.children.length) {
91
+ uikitUtil.html(el, digits.map(() => '<span></span>').join(''));
92
+ }
165
93
 
94
+ digits.forEach((digit, i) => el.children[i].textContent = digit);
166
95
  }
96
+ }
97
+ } } };
167
98
 
168
- }
169
99
 
170
- };
171
100
 
172
101
  function getTimeSpan(date) {
102
+ const total = date - Date.now();
173
103
 
174
- var total = date - Date.now();
104
+ return {
105
+ total,
106
+ seconds: total / 1000 % 60,
107
+ minutes: total / 1000 / 60 % 60,
108
+ hours: total / 1000 / 60 / 60 % 24,
109
+ days: total / 1000 / 60 / 60 / 24 };
175
110
 
176
- return {
177
- total: total,
178
- seconds: total / 1000 % 60,
179
- minutes: total / 1000 / 60 % 60,
180
- hours: total / 1000 / 60 / 60 % 24,
181
- days: total / 1000 / 60 / 60 / 24
182
- };
183
111
  }
184
112
 
185
113
  if (typeof window !== 'undefined' && window.UIkit) {
186
- window.UIkit.component('countdown', Component);
114
+ window.UIkit.component('countdown', Component);
187
115
  }
188
116
 
189
117
  return Component;
@@ -1 +1 @@
1
- /*! UIkit 3.11.2-dev.f2970ffaa | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */(function(e,r){typeof exports=="object"&&typeof module<"u"?module.exports=r(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitcountdown",["uikit-util"],r):(e=typeof globalThis<"u"?globalThis:e||self,e.UIkitCountdown=r(e.UIkit.util))})(this,function(e){"use strict";var r={connected:function(){!e.hasClass(this.$el,this.$name)&&e.addClass(this.$el,this.$name)}},a={mixins:[r],props:{date:String,clsWrapper:String},data:{date:"",clsWrapper:".uk-countdown-%unit%"},computed:{date:function(n){var t=n.date;return Date.parse(t)},days:function(n,t){var s=n.clsWrapper;return e.$(s.replace("%unit%","days"),t)},hours:function(n,t){var s=n.clsWrapper;return e.$(s.replace("%unit%","hours"),t)},minutes:function(n,t){var s=n.clsWrapper;return e.$(s.replace("%unit%","minutes"),t)},seconds:function(n,t){var s=n.clsWrapper;return e.$(s.replace("%unit%","seconds"),t)},units:function(){var n=this;return["days","hours","minutes","seconds"].filter(function(t){return n[t]})}},connected:function(){this.start()},disconnected:function(){var n=this;this.stop(),this.units.forEach(function(t){return e.empty(n[t])})},events:[{name:"visibilitychange",el:function(){return document},handler:function(){document.hidden?this.stop():this.start()}}],update:{write:function(){var n=this,t=u(this.date);t.total<=0&&(this.stop(),t.days=t.hours=t.minutes=t.seconds=0),this.units.forEach(function(s){var i=String(Math.floor(t[s]));i=i.length<2?"0"+i:i;var o=n[s];o.textContent!==i&&(i=i.split(""),i.length!==o.children.length&&e.html(o,i.map(function(){return"<span></span>"}).join("")),i.forEach(function(c,d){return o.children[d].textContent=c}))})}},methods:{start:function(){this.stop(),this.date&&this.units.length&&(this.$update(),this.timer=setInterval(this.$update,1e3))},stop:function(){this.timer&&(clearInterval(this.timer),this.timer=null)}}};function u(n){var t=n-Date.now();return{total:t,seconds:t/1e3%60,minutes:t/1e3/60%60,hours:t/1e3/60/60%24,days:t/1e3/60/60/24}}return typeof window<"u"&&window.UIkit&&window.UIkit.component("countdown",a),a});
1
+ /*! UIkit 3.12.0 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */(function(e,i){typeof exports=="object"&&typeof module<"u"?module.exports=i(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitcountdown",["uikit-util"],i):(e=typeof globalThis<"u"?globalThis:e||self,e.UIkitCountdown=i(e.UIkit.util))})(this,function(e){"use strict";var i={connected(){!e.hasClass(this.$el,this.$name)&&e.addClass(this.$el,this.$name)}};const a=["days","hours","minutes","seconds"];var d={mixins:[i],props:{date:String,clsWrapper:String},data:{date:"",clsWrapper:".uk-countdown-%unit%"},connected(){this.date=Date.parse(this.date),this.start()},disconnected(){this.stop()},events:[{name:"visibilitychange",el(){return document},handler(){document.hidden?this.stop():this.start()}}],methods:{start(){this.stop(),this.update(),this.timer=setInterval(this.update,1e3)},stop(){clearInterval(this.timer)},update(){const n=r(this.date);(!this.date||n.total<=0)&&(this.stop(),n.days=n.hours=n.minutes=n.seconds=0);for(const s of a){const o=e.$(this.clsWrapper.replace("%unit%",s),this.$el);if(!o)continue;let t=String(Math.floor(n[s]));t=t.length<2?"0"+t:t,o.textContent!==t&&(t=t.split(""),t.length!==o.children.length&&e.html(o,t.map(()=>"<span></span>").join("")),t.forEach((h,u)=>o.children[u].textContent=h))}}}};function r(n){const s=n-Date.now();return{total:s,seconds:s/1e3%60,minutes:s/1e3/60%60,hours:s/1e3/60/60%24,days:s/1e3/60/60/24}}return typeof window<"u"&&window.UIkit&&window.UIkit.component("countdown",d),d});