uikit 3.13.8-dev.9cb7293e5 → 3.13.8-dev.eab90fc4f

package/dist/js/uikit.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.13.8-dev.9cb7293e5 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.13.8-dev.eab90fc4f | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -141,10 +141,6 @@
       return (document == null ? void 0 : document.defaultView) || window;
     }
 
-    function toMs(time) {
-      return time ? endsWith(time, 'ms') ? toFloat(time) : toFloat(time) * 1000 : 0;
-    }
-
     function isEqual(value, other) {
       return (
         value === other ||
@@ -1982,7 +1978,7 @@
     }
 
     function attachToWithFlip(element, target, options) {
-      const position = attachTo(element, target, options);
+      let position = attachTo(element, target, options);
       const targetDim = offset(target);
       const viewports = scrollParents(element).map(getViewport$1);
 
@@ -1991,7 +1987,8 @@
         attach: { element: elAttach, target: targetAttach },
         offset: elOffset,
         boundary,
-        viewport } =
+        viewport,
+        recursion = 0 } =
       options;
 
       viewports.push(viewport);
@@ -2041,6 +2038,29 @@
           0) -
           elOffset[i] * 2;
 
+          if (
+          position[start] + offsetBy < viewport[start] ||
+          position[end] + offsetBy > viewport[end])
+          {
+            if (recursion < 1) {
+              position =
+              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: recursion + 1 }) ||
+              position;
+
+              continue;
+            } else {
+              return false;
+            }
+          }
+
           // Move
         } else {
           offsetBy =
@@ -2085,6 +2105,15 @@
       return dimA[end] > dimB[start] && dimB[end] > dimA[start];
     }
 
+    function flipDir(prop) {
+      for (const i in dirs) {
+        const index = dirs[i].indexOf(prop);
+        if (~index) {
+          return dirs[1 - i][index % 2 + 2];
+        }
+      }
+    }
+
     var util = /*#__PURE__*/Object.freeze({
         __proto__: null,
         ajax: ajax,
@@ -2191,7 +2220,6 @@
         toNode: toNode,
         toNodes: toNodes,
         toWindow: toWindow,
-        toMs: toMs,
         isEqual: isEqual,
         swap: swap,
         last: last,
@@ -2891,7 +2919,7 @@
     UIkit.data = '__uikit__';
     UIkit.prefix = 'uk-';
     UIkit.options = {};
-    UIkit.version = '3.13.8-dev.9cb7293e5';
+    UIkit.version = '3.13.8-dev.eab90fc4f';
 
     globalAPI(UIkit);
     hooksAPI(UIkit);
@@ -2899,30 +2927,6 @@
     componentAPI(UIkit);
     instanceAPI(UIkit);
 
-    function Core () {
-      if (!inBrowser) {
-        return;
-      }
-
-      let started = 0;
-      on(
-      document,
-      'animationstart',
-      (_ref) => {let { target } = _ref;
-        if ((css(target, 'animationName') || '').match(/^uk-.*(left|right)/)) {
-          started++;
-          css(document.documentElement, 'overflowX', 'hidden');
-          setTimeout(() => {
-            if (! --started) {
-              css(document.documentElement, 'overflowX', '');
-            }
-          }, toMs(css(target, 'animationDuration')) + 100);
-        }
-      },
-      true);
-
-    }
-
     function boot (UIkit) {
       const { connect, disconnect } = UIkit;
 
@@ -3987,7 +3991,7 @@
 
 
       resizeTargets() {
-        return this.$el.children;
+        return [this.$el, this.$el.children];
       },
 
       connected() {
@@ -4288,8 +4292,7 @@
 
       data: {
         target: '> *',
-        row: true,
-        forceHeight: true },
+        row: true },
 
 
       computed: {
@@ -4305,7 +4308,7 @@
 
 
       resizeTargets() {
-        return this.elements;
+        return [this.$el, this.elements];
       },
 
       update: {
@@ -5295,7 +5298,7 @@
       return (el, show) =>
       new Promise((resolve, reject) =>
       once(el, 'show hide', () => {
-        el._reject && el._reject();
+        el._reject == null ? void 0 : el._reject();
         el._reject = reject;
 
         _toggle(el, show);
@@ -5320,6 +5323,10 @@
       then(() => delete el._reject);
     }
 
+    function toMs(time) {
+      return time ? endsWith(time, 'ms') ? toFloat(time) : toFloat(time) * 1000 : 0;
+    }
+
     var modal = {
       install: install$2,
 
@@ -5473,8 +5480,6 @@
         toggle: '> a',
         content: '> ul' } };
 
-    const navItem = '.uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle';
-
     var navbar = {
       mixins: [Class, Container],
 
@@ -5494,7 +5499,7 @@
 
 
       data: {
-        dropdown: navItem,
+        dropdown: '.uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle',
         align: isRtl ? 'right' : 'left',
         clsDrop: 'uk-navbar-dropdown',
         mode: undefined,
@@ -5507,8 +5512,6 @@
         dropbar: false,
         dropbarAnchor: false,
         duration: 200,
-        forceHeight: true,
-        selMinHeight: navItem,
         container: false },
 
 
@@ -5582,9 +5585,23 @@
           immediate: true },
 
 
-        toggles(_ref6, $el) {let { dropdown } = _ref6;
-          return $$(dropdown, $el);
-        } },
+        toggles: {
+          get(_ref6, $el) {let { dropdown } = _ref6;
+            return $$(dropdown, $el);
+          },
+
+          watch() {
+            const justify = hasClass(this.$el, 'uk-navbar-justify');
+            for (const container of $$(
+            '.uk-navbar-nav, .uk-navbar-left, .uk-navbar-right',
+            this.$el))
+            {
+              css(container, 'flexGrow', justify ? $$(this.dropdown, container).length : '');
+            }
+          },
+
+          immediate: true } },
+
 
 
       disconnected() {
@@ -7153,7 +7170,7 @@
           }
 
           // Skip if state does not change e.g. hover + focus received
-          if (this._showState && show === (expanded !== this._showState)) {
+          if (this._showState && show && expanded !== this._showState) {
             // Ensure reset if state has changed through click
             if (!show) {
               this._showState = null;
@@ -7329,9 +7346,6 @@
     // register components
     each(components$1, (component, name) => UIkit.component(name, component));
 
-    // core functionality
-    UIkit.use(Core);
-
     boot(UIkit);
 
     const units = ['days', 'hours', 'minutes', 'seconds'];