npm - uikit - Versions diffs - 3.14.1 → 3.14.2-dev.57e3417c4 - Mend

uikit 3.14.1 → 3.14.2-dev.57e3417c4

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 (74) hide show

package/CHANGELOG.md +25 -3
package/build/util.js +8 -2
package/dist/css/uikit-core-rtl.css +47 -20
package/dist/css/uikit-core-rtl.min.css +1 -1
package/dist/css/uikit-core.css +47 -20
package/dist/css/uikit-core.min.css +1 -1
package/dist/css/uikit-rtl.css +49 -32
package/dist/css/uikit-rtl.min.css +1 -1
package/dist/css/uikit.css +49 -32
package/dist/css/uikit.min.css +1 -1
package/dist/js/components/countdown.js +1 -1
package/dist/js/components/countdown.min.js +1 -1
package/dist/js/components/filter.js +1 -1
package/dist/js/components/filter.min.js +1 -1
package/dist/js/components/lightbox-panel.js +6 -1
package/dist/js/components/lightbox-panel.min.js +1 -1
package/dist/js/components/lightbox.js +6 -1
package/dist/js/components/lightbox.min.js +1 -1
package/dist/js/components/notification.js +1 -1
package/dist/js/components/notification.min.js +1 -1
package/dist/js/components/parallax.js +2 -2
package/dist/js/components/parallax.min.js +1 -1
package/dist/js/components/slider-parallax.js +1 -1
package/dist/js/components/slider-parallax.min.js +1 -1
package/dist/js/components/slider.js +1 -1
package/dist/js/components/slider.min.js +1 -1
package/dist/js/components/slideshow-parallax.js +1 -1
package/dist/js/components/slideshow-parallax.min.js +1 -1
package/dist/js/components/slideshow.js +1 -1
package/dist/js/components/slideshow.min.js +1 -1
package/dist/js/components/sortable.js +1 -1
package/dist/js/components/sortable.min.js +1 -1
package/dist/js/components/tooltip.js +25 -15
package/dist/js/components/tooltip.min.js +1 -1
package/dist/js/components/upload.js +1 -1
package/dist/js/components/upload.min.js +1 -1
package/dist/js/uikit-core.js +73 -56
package/dist/js/uikit-core.min.js +1 -1
package/dist/js/uikit-icons.js +1 -1
package/dist/js/uikit-icons.min.js +1 -1
package/dist/js/uikit.js +74 -57
package/dist/js/uikit.min.js +1 -1
package/package.json +11 -11
package/src/js/components/parallax.js +1 -1
package/src/js/core/drop.js +16 -7
package/src/js/core/height-viewport.js +1 -2
package/src/js/core/toggle.js +4 -0
package/src/js/mixin/position.js +18 -23
package/src/js/mixin/togglable.js +5 -0
package/src/js/util/position.js +24 -22
package/src/js/util/viewport.js +6 -13
package/src/less/components/drop.less +2 -0
package/src/less/components/dropdown.less +2 -0
package/src/less/components/modal.less +19 -4
package/src/less/components/navbar.less +28 -8
package/src/less/components/offcanvas.less +21 -21
package/src/less/components/tooltip.less +1 -0
package/src/less/components/utility.less +1 -1
package/src/less/theme/navbar.less +3 -10
package/src/scss/components/drop.scss +2 -0
package/src/scss/components/dropdown.scss +2 -0
package/src/scss/components/modal.scss +19 -4
package/src/scss/components/navbar.scss +28 -8
package/src/scss/components/offcanvas.scss +21 -21
package/src/scss/components/tooltip.scss +1 -0
package/src/scss/components/utility.scss +1 -1
package/src/scss/mixins-theme.scss +0 -10
package/src/scss/theme/navbar.scss +3 -0
package/src/scss/variables-theme.scss +23 -11
package/src/scss/variables.scss +23 -11
package/tests/drop.html +20 -2
package/tests/dropdown.html +6 -0
package/tests/navbar.html +21 -59
package/tests/offcanvas.html +8 -8

package/dist/js/uikit.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/*! UIkit 3.14.1 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.14.2-dev.57e3417c4 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -1911,32 +1911,25 @@
     function offsetViewport(scrollElement) {
       let viewportElement = getViewport$1(scrollElement);
-      // iOS 12 returns <body> as scrollingElement
-      if (viewportElement === scrollingElement(viewportElement)) {
-        viewportElement = document.documentElement;
-      }
       let rect = offset(viewportElement);
       for (let [prop, dir, start, end] of [
       ['width', 'x', 'left', 'right'],
       ['height', 'y', 'top', 'bottom']])
       {
-        if (!isWindow(getViewport$1(viewportElement))) {
+        if (!isWindow(viewportElement)) {
           rect[start] += toFloat(css(viewportElement, "border" + ucfirst(start) + "Width"));
+        } else {
+          // iOS 12 returns <body> as scrollingElement
+          viewportElement = viewportElement.document.documentElement;
         }
-        rect[prop] = rect[dir] = (
-        isWindow(viewportElement) ? scrollingElement(viewportElement) : viewportElement)["client" +
-        ucfirst(prop)];
+        rect[prop] = rect[dir] = viewportElement["client" + ucfirst(prop)];
         rect[end] = rect[prop] + rect[start];
       }
       return rect;
     }
     function scrollingElement(element) {
-      const {
-        document: { scrollingElement } } =
-      toWindow(element);
-      return scrollingElement;
+      return toWindow(element).document.scrollingElement;
     }
     function getViewport$1(scrollElement) {
@@ -1990,6 +1983,10 @@
       return position;
     }
+    function moveBy(start, end, dim) {
+      return start === 'center' ? dim / 2 : start === end ? dim : 0;
+    }
     function attachToWithFlip(element, target, options) {
       const position = attachTo(element, target, options);
       const targetDim = offset(target);
@@ -2000,7 +1997,7 @@
         offset: elOffset,
         boundary,
         viewport,
-        viewportPadding } =
+        viewportOffset } =
       options;
       let viewports = scrollParents(element);
@@ -2021,9 +2018,9 @@
         viewport = getIntersectionArea(...viewports.filter(Boolean).map(offsetViewport));
-        if (viewportPadding) {
-          viewport[start] += viewportPadding;
-          viewport[end] -= viewportPadding;
+        if (viewportOffset) {
+          viewport[start] += viewportOffset;
+          viewport[end] -= viewportOffset;
         }
         if (boundary && !willFlip && position[prop] <= offset(boundary)[prop]) {
@@ -2080,19 +2077,21 @@
               return false;
             }
-            const newPos = attachToWithFlip(element, target, {
-              ...options,
-              attach: {
-                element: elAttach.map(flipDir).reverse(),
-                target: targetAttach.map(flipDir).reverse() },
+            if (flip === true || includes(flip, dirs[1 - i][1])) {
+              const newPos = attachToWithFlip(element, target, {
+                ...options,
+                attach: {
+                  element: elAttach.map(flipDir).reverse(),
+                  target: targetAttach.map(flipDir).reverse() },
-              offset: elOffset.reverse(),
-              flip: flip === true ? flip : [...flip, dirs[1 - i][1]],
-              recursion: true });
+                offset: elOffset.reverse(),
+                flip: flip === true ? flip : [...flip, dirs[1 - i][1]],
+                recursion: true });
-            if (newPos && isInScrollArea(newPos, scrollElement, 1 - i)) {
-              return newPos;
+              if (newPos && isInScrollArea(newPos, scrollElement, 1 - i)) {
+                return newPos;
+              }
             }
           }
@@ -2113,10 +2112,6 @@
       return offsetPosition;
     }
-    function moveBy(start, end, dim) {
-      return start === 'center' ? dim / 2 : start === end ? dim : 0;
-    }
     function getIntersectionArea() {
       let area = {};for (var _len = arguments.length, rects = new Array(_len), _key = 0; _key < _len; _key++) {rects[_key] = arguments[_key];}
       for (const rect of rects) {
@@ -2954,7 +2949,7 @@
     UIkit.data = '__uikit__';
     UIkit.prefix = 'uk-';
     UIkit.options = {};
-    UIkit.version = '3.14.1';
+    UIkit.version = '3.14.2-dev.57e3417c4';
     globalAPI(UIkit);
     hooksAPI(UIkit);
@@ -3103,6 +3098,11 @@
               return Promise.reject();
             }
+            if (!animate) {
+              Animation.cancel(el);
+              Transition.cancel(el);
+            }
             const promise = (
             isFunction(animate) ?
             animate :
@@ -3582,8 +3582,7 @@
       data: {
         pos: "bottom-" + (isRtl ? 'right' : 'left'),
         flip: true,
-        offset: false,
-        viewportPadding: 10 },
+        offset: false },
       connected() {
@@ -3595,16 +3594,22 @@
         positionAt(element, target, boundary) {
           const [dir, align] = this.pos;
-          let { offset: offset$1 } = this;
-          if (!isNumeric(offset$1)) {
-            const node = $(offset$1);
-            offset$1 = node ?
-            offset(node)[this.axis === 'x' ? 'left' : 'top'] -
-            offset(target)[this.axis === 'x' ? 'right' : 'bottom'] :
-            0;
-          }
-          offset$1 = toPx(offset$1) + toPx(getCssVar('position-offset', element));
-          offset$1 = [includes(['left', 'top'], dir) ? -offset$1 : +offset$1, 0];
+          const mainAxisOffset =
+          toPx(
+          this.offset === false ? getCssVar('position-offset', element) : this.offset,
+          this.axis === 'x' ? 'width' : 'height',
+          element) * (
+          includes(['left', 'top'], dir) ? -1 : 1);
+          const crossAxisOffset = includes(['center', 'justify'], align) ?
+          0 :
+          toPx(
+          getCssVar('position-shift-offset', element),
+          this.axis === 'y' ? 'width' : 'height',
+          element) * (
+          includes(['left', 'top'], align) ? 1 : -1);
+          let offset = [mainAxisOffset, crossAxisOffset];
           const attach = {
             element: [flipPosition(dir), align],
@@ -3615,15 +3620,15 @@
             for (const prop in attach) {
               attach[prop] = attach[prop].reverse();
             }
-            offset$1 = offset$1.reverse();
+            offset = offset.reverse();
           }
           positionAt(element, target, {
             attach,
-            offset: offset$1,
+            offset,
             boundary,
-            viewportPadding: this.boundaryAlign ? 0 : this.viewportPadding,
-            flip: this.flip });
+            flip: this.flip,
+            viewportOffset: toPx(getCssVar('position-viewport-offset', element)) });
         } } };
@@ -3974,19 +3979,27 @@
           toggleClass(this.$el, this.clsDrop + "-boundary", this.boundaryAlign);
           const boundary = query(this.boundary, this.$el);
-          const [scrollParent] = scrollParents(this.$el);
-          const scrollParentOffset = offsetViewport(scrollParent);
+          const scrollParentOffset = offset(
+          scrollParents(boundary && this.boundaryAlign ? boundary : this.$el)[0]);
           const boundaryOffset = boundary ? offset(boundary) : scrollParentOffset;
           css(this.$el, 'maxWidth', '');
           const maxWidth =
-          scrollParentOffset.width - (this.boundaryAlign ? 0 : 2 * this.viewportPadding);
+          scrollParentOffset.width -
+          2 * toPx(getCssVar('position-viewport-offset', this.$el));
           if (this.pos[1] === 'justify') {
             const prop = this.axis === 'y' ? 'width' : 'height';
-            const targetOffset = offset(this.target);
-            const alignTo = this.boundaryAlign ? boundaryOffset : targetOffset;
-            css(this.$el, prop, alignTo[prop]);
+            css(
+            this.$el,
+            prop,
+            Math.min(
+            (boundary ? boundaryOffset : offset(this.target))[prop],
+            scrollParentOffset[prop] -
+            2 * toPx(getCssVar('position-viewport-offset', this.$el))));
           } else if (this.$el.offsetWidth > maxWidth) {
             addClass(this.$el, this.clsDrop + "-stack");
           }
@@ -4464,7 +4477,7 @@
     }
     var heightViewport = {
-      mixins: [Class, Resize],
+      mixins: [Resize],
       props: {
         expand: Boolean,
@@ -7339,6 +7352,10 @@
       {
         name: 'click',
+        filter() {
+          return ['click', 'hover'].some((mode) => includes(this.mode, mode));
+        },
         handler(e) {
           let link;
           if (
@@ -9728,7 +9745,7 @@
     function ease(percent, easing) {
-      return easing >= 0 ? Math.pow(percent, easing + 1) : 1 - Math.pow(1 - percent, -easing + 1);
+      return easing >= 0 ? Math.pow(percent, easing + 1) : 1 - Math.pow(1 - percent, 1 - easing);
     }
     // SVG elements do not inherit from HTMLElement