uikit 3.14.3-dev.68d38eb6d → 3.14.4-dev.871ba3c05

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 (48) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/dist/css/uikit-core-rtl.css +2 -4
  3. package/dist/css/uikit-core-rtl.min.css +1 -1
  4. package/dist/css/uikit-core.css +2 -4
  5. package/dist/css/uikit-core.min.css +1 -1
  6. package/dist/css/uikit-rtl.css +1 -3
  7. package/dist/css/uikit-rtl.min.css +1 -1
  8. package/dist/css/uikit.css +1 -3
  9. package/dist/css/uikit.min.css +1 -1
  10. package/dist/js/components/countdown.js +1 -1
  11. package/dist/js/components/countdown.min.js +1 -1
  12. package/dist/js/components/filter.js +1 -1
  13. package/dist/js/components/filter.min.js +1 -1
  14. package/dist/js/components/lightbox-panel.js +1 -6
  15. package/dist/js/components/lightbox-panel.min.js +1 -1
  16. package/dist/js/components/lightbox.js +1 -6
  17. package/dist/js/components/lightbox.min.js +1 -1
  18. package/dist/js/components/notification.js +1 -1
  19. package/dist/js/components/notification.min.js +1 -1
  20. package/dist/js/components/parallax.js +1 -1
  21. package/dist/js/components/parallax.min.js +1 -1
  22. package/dist/js/components/slider-parallax.js +1 -1
  23. package/dist/js/components/slider-parallax.min.js +1 -1
  24. package/dist/js/components/slider.js +1 -1
  25. package/dist/js/components/slider.min.js +1 -1
  26. package/dist/js/components/slideshow-parallax.js +1 -1
  27. package/dist/js/components/slideshow-parallax.min.js +1 -1
  28. package/dist/js/components/slideshow.js +1 -1
  29. package/dist/js/components/slideshow.min.js +1 -1
  30. package/dist/js/components/sortable.js +1 -1
  31. package/dist/js/components/sortable.min.js +1 -1
  32. package/dist/js/components/tooltip.js +1 -6
  33. package/dist/js/components/tooltip.min.js +1 -1
  34. package/dist/js/components/upload.js +1 -1
  35. package/dist/js/components/upload.min.js +1 -1
  36. package/dist/js/uikit-core.js +23 -17
  37. package/dist/js/uikit-core.min.js +1 -1
  38. package/dist/js/uikit-icons.js +1 -1
  39. package/dist/js/uikit-icons.min.js +1 -1
  40. package/dist/js/uikit.js +23 -17
  41. package/dist/js/uikit.min.js +1 -1
  42. package/package.json +1 -1
  43. package/src/js/core/switcher.js +1 -1
  44. package/src/js/mixin/togglable.js +0 -5
  45. package/src/js/util/viewport.js +20 -9
  46. package/src/less/components/navbar.less +3 -9
  47. package/src/scss/components/navbar.scss +3 -9
  48. package/src/scss/variables.scss +1 -1
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "uikit",
3
3
  "title": "UIkit",
4
4
  "description": "UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.",
5
- "version": "3.14.3-dev.68d38eb6d",
5
+ "version": "3.14.4-dev.871ba3c05",
6
6
  "main": "dist/js/uikit.js",
7
7
  "style": "dist/css/uikit.css",
8
8
  "sideEffects": [
package/src/js/core/switcher.js CHANGED
@@ -48,7 +48,7 @@ export default {
48
48
 
49
49
  watch(connects) {
50
50
  if (this.swiping) {
51
- css(connects, 'touch-action', 'pan-y pinch-zoom');
51
+ css(connects, 'touchAction', 'pan-y pinch-zoom');
52
52
  }
53
53
 
54
54
  const index = this.index();
package/src/js/mixin/togglable.js CHANGED
@@ -83,11 +83,6 @@ export default {
83
83
  return Promise.reject();
84
84
  }
85
85
 
86
- if (!animate) {
87
- Animation.cancel(el);
88
- Transition.cancel(el);
89
- }
90
-
91
86
  const promise = (
92
87
  isFunction(animate)
93
88
  ? animate
package/src/js/util/viewport.js CHANGED
@@ -151,18 +151,33 @@ export function scrollParents(element, overflowRe = /auto|scroll|hidden|clip/, s
151
151
  }
152
152
 
153
153
  export function offsetViewport(scrollElement) {
154
- let viewportElement = getViewport(scrollElement);
154
+ const window = toWindow(scrollElement);
155
+ const {
156
+ document: { body, documentElement },
157
+ } = window;
158
+ let viewportElement =
159
+ scrollElement === scrollingElement(scrollElement) || scrollElement === body
160
+ ? window
161
+ : scrollElement;
162
+
163
+ const { visualViewport } = window;
164
+ if (isWindow(viewportElement) && visualViewport) {
165
+ let { height, width, scale, pageTop: top, pageLeft: left } = visualViewport;
166
+ height = Math.round(height * scale);
167
+ width = Math.round(width * scale);
168
+ return { height, width, top, left, bottom: top + height, right: left + width };
169
+ }
155
170
 
156
171
  let rect = offset(viewportElement);
157
172
  for (let [prop, dir, start, end] of [
158
173
  ['width', 'x', 'left', 'right'],
159
174
  ['height', 'y', 'top', 'bottom'],
160
175
  ]) {
161
- if (!isWindow(viewportElement)) {
162
- rect[start] += toFloat(css(viewportElement, `border${ucfirst(start)}Width`));
163
- } else {
176
+ if (isWindow(viewportElement)) {
164
177
  // iOS 12 returns <body> as scrollingElement
165
- viewportElement = viewportElement.document.documentElement;
178
+ viewportElement = documentElement;
179
+ } else {
180
+ rect[start] += toFloat(css(viewportElement, `border${ucfirst(start)}Width`));
166
181
  }
167
182
  rect[prop] = rect[dir] = viewportElement[`client${ucfirst(prop)}`];
168
183
  rect[end] = rect[prop] + rect[start];
@@ -173,7 +188,3 @@ export function offsetViewport(scrollElement) {
173
188
  function scrollingElement(element) {
174
189
  return toWindow(element).document.scrollingElement;
175
190
  }
176
-
177
- function getViewport(scrollElement) {
178
- return scrollElement === scrollingElement(scrollElement) ? window : scrollElement;
179
- }
package/src/less/components/navbar.less CHANGED
@@ -40,7 +40,7 @@
40
40
  @navbar-color-mode: none;
41
41
 
42
42
  @navbar-nav-item-height: 80px;
43
- @navbar-nav-item-gap: 0;
43
+ @navbar-nav-item-gap: 0px; // Must have a unit because of `calc`
44
44
  @navbar-nav-item-padding-horizontal: 15px;
45
45
  @navbar-nav-item-color: @global-muted-color;
46
46
  @navbar-nav-item-font-size: @global-font-size;
@@ -175,14 +175,8 @@
175
175
  top: 0;
176
176
  }
177
177
 
178
- .uk-navbar-center-left {
179
- right: 100%; // Fallback if gap is 0
180
- right: ~'calc(100% + var(--uk-navbar-nav-item-gap))';
181
- }
182
- .uk-navbar-center-right {
183
- left: 100%; // Fallback if gap is 0
184
- left: ~'calc(100% + var(--uk-navbar-nav-item-gap))';
185
- }
178
+ .uk-navbar-center-left { right: ~'calc(100% + var(--uk-navbar-nav-item-gap))'; }
179
+ .uk-navbar-center-right { left: ~'calc(100% + var(--uk-navbar-nav-item-gap))'; }
186
180
 
187
181
  [class*='uk-navbar-center-'] {
188
182
  width: max-content;
package/src/scss/components/navbar.scss CHANGED
@@ -40,7 +40,7 @@ $navbar-background: $global-muted-background !defau
40
40
  $navbar-color-mode: none !default;
41
41
 
42
42
  $navbar-nav-item-height: 80px !default;
43
- $navbar-nav-item-gap: 0 !default;
43
+ $navbar-nav-item-gap: 0px !default; // Must have a unit because of `calc`
44
44
  $navbar-nav-item-padding-horizontal: 15px !default;
45
45
  $navbar-nav-item-color: $global-muted-color !default;
46
46
  $navbar-nav-item-font-size: $global-font-size !default;
@@ -175,14 +175,8 @@ $navbar-dropbar-z-index: $global-z-index - 20 !default;
175
175
  top: 0;
176
176
  }
177
177
 
178
- .uk-navbar-center-left {
179
- right: 100%; // Fallback if gap is 0
180
- right: unquote('calc(100% + var(--uk-navbar-nav-item-gap))');
181
- }
182
- .uk-navbar-center-right {
183
- left: 100%; // Fallback if gap is 0
184
- left: unquote('calc(100% + var(--uk-navbar-nav-item-gap))');
185
- }
178
+ .uk-navbar-center-left { right: unquote('calc(100% + var(--uk-navbar-nav-item-gap))'); }
179
+ .uk-navbar-center-right { left: unquote('calc(100% + var(--uk-navbar-nav-item-gap))'); }
186
180
 
187
181
  [class*='uk-navbar-center-'] {
188
182
  width: max-content;
package/src/scss/variables.scss CHANGED
@@ -736,7 +736,7 @@ $inverse-nav-dividers-border: $inverse-global-border !default;
736
736
  $navbar-background: $global-muted-background !default;
737
737
  $navbar-color-mode: none !default;
738
738
  $navbar-nav-item-height: 80px !default;
739
- $navbar-nav-item-gap: 0 !default;
739
+ $navbar-nav-item-gap: 0px !default;
740
740
  $navbar-nav-item-padding-horizontal: 15px !default;
741
741
  $navbar-nav-item-color: $global-muted-color !default;
742
742
  $navbar-nav-item-font-size: $global-font-size !default;