uikit 3.15.1-dev.a99898921 → 3.15.2-dev.07fe5036e

package/dist/js/uikit.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.15.1-dev.a99898921 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.15.2-dev.07fe5036e | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -2062,7 +2062,10 @@
       }
 
       if (boundary) {
-        viewport = getIntersectionArea(viewport, offset(boundary));
+        viewport = getIntersectionArea(
+        viewport,
+        offset(isArray(boundary) ? boundary[i] : boundary));
+
       }
 
       return viewport;
@@ -2942,7 +2945,7 @@
     UIkit.data = '__uikit__';
     UIkit.prefix = 'uk-';
     UIkit.options = {};
-    UIkit.version = '3.15.1-dev.a99898921';
+    UIkit.version = '3.15.2-dev.07fe5036e';
 
     globalAPI(UIkit);
     hooksAPI(UIkit);
@@ -3499,6 +3502,10 @@
           this.$el.preload = 'none';
         }
 
+        if (isTag(this.$el, 'iframe') && !hasAttr(this.$el, 'allow')) {
+          this.$el.allow = 'autoplay';
+        }
+
         if (this.automute) {
           mute(this.$el);
         }
@@ -4067,6 +4074,8 @@
         mode: 'list',
         toggle: Boolean,
         boundary: Boolean,
+        boundaryX: Boolean,
+        boundaryY: Boolean,
         target: Boolean,
         targetX: Boolean,
         targetY: Boolean,
@@ -4083,6 +4092,8 @@
         mode: ['click', 'hover'],
         toggle: '- *',
         boundary: false,
+        boundaryX: false,
+        boundaryY: false,
         target: false,
         targetX: false,
         targetY: false,
@@ -4099,7 +4110,14 @@
 
 
       computed: {
-        target(_ref, $el) {let { target, targetX, targetY } = _ref;
+        boundary(_ref, $el) {let { boundary, boundaryX, boundaryY } = _ref;
+          return [
+          query(boundaryX || boundary, $el) || window,
+          query(boundaryY || boundary, $el) || window];
+
+        },
+
+        target(_ref2, $el) {let { target, targetX, targetY } = _ref2;
           targetX = targetX || target || this.targetEl;
           targetY = targetY || target || this.targetEl;
 
@@ -4159,7 +4177,7 @@
           return 'a[href^="#"]';
         },
 
-        handler(_ref2) {let { defaultPrevented, current: { hash } } = _ref2;
+        handler(_ref3) {let { defaultPrevented, current: { hash } } = _ref3;
           if (!defaultPrevented && hash && !within(hash, this.$el)) {
             this.hide(false);
           }
@@ -4272,12 +4290,12 @@
           on(
           document,
           pointerDown$1,
-          (_ref3) => {let { target } = _ref3;return (
+          (_ref4) => {let { target } = _ref4;return (
               !within(target, this.$el) &&
               once(
               document,
               pointerUp$1 + " " + pointerCancel + " scroll",
-              (_ref4) => {let { defaultPrevented, type, target: newTarget } = _ref4;
+              (_ref5) => {let { defaultPrevented, type, target: newTarget } = _ref5;
                 if (
                 !defaultPrevented &&
                 type === pointerUp$1 &&
@@ -4308,7 +4326,11 @@
           })(),
 
           ...(this.autoUpdate ?
-          [on([document, scrollParents(this.$el)], 'scroll', update)] :
+          [
+          on([document, scrollParents(this.$el)], 'scroll', update, {
+            passive: true })] :
+
+
           []),
 
           ...(this.bgScroll ?
@@ -4335,7 +4357,7 @@
       {
         name: 'hide',
 
-        handler(_ref5) {let { target } = _ref5;
+        handler(_ref6) {let { target } = _ref6;
           if (this.$el !== target) {
             active =
             active === null && within(target, this.$el) && this.isToggled() ?
@@ -4432,8 +4454,6 @@
           // Ensure none positioned element does not generate scrollbars
           this.$el.hidden = true;
 
-          const boundary = query(this.boundary, this.$el);
-          const boundaryOffset = offset(boundary || window);
           const viewports = this.target.map((target) => offsetViewport(scrollParents(target)[0]));
           const viewportOffset = this.getViewportOffset(this.$el);
 
@@ -4446,7 +4466,7 @@
             if (this.axis !== axis && includes([axis, true], this.stretch)) {
               css(this.$el, {
                 [prop]: Math.min(
-                boundaryOffset[prop],
+                offset(this.boundary[i])[prop],
                 viewports[i][prop] - 2 * viewportOffset),
 
                 ["overflow-" + axis]: 'auto' });
@@ -4464,7 +4484,7 @@
 
           this.$el.hidden = false;
 
-          this.positionAt(this.$el, this.target, boundary);
+          this.positionAt(this.$el, this.target, this.boundary);
 
           for (const [i, [axis, prop, start, end]] of dirs) {
             if (this.axis === axis && includes([axis, true], this.stretch)) {
@@ -4477,17 +4497,17 @@
                 (targetOffset[start] > elOffset[start] ?
                 targetOffset[start] -
                 Math.max(
-                boundaryOffset[start],
+                offset(this.boundary[i])[start],
                 viewports[i][start] + viewportOffset) :
 
                 Math.min(
-                boundaryOffset[end],
+                offset(this.boundary[i])[end],
                 viewports[i][end] - viewportOffset) -
                 targetOffset[end]) - positionOffset,
                 ["overflow-" + axis]: 'auto' });
 
 
-              this.positionAt(this.$el, this.target, boundary);
+              this.positionAt(this.$el, this.target, this.boundary);
             }
           }
         } } };
@@ -5859,35 +5879,29 @@
 
       props: {
         dropdown: String,
-        mode: 'list',
         align: String,
-        offset: Number,
+        clsDrop: String,
         boundary: Boolean,
+        dropbar: Boolean,
+        dropbarAnchor: Boolean,
+        duration: Number,
+        mode: Boolean,
+        offset: Boolean,
+        stretch: Boolean,
+        delayShow: Boolean,
+        delayHide: Boolean,
         target: Boolean,
         targetX: Boolean,
         targetY: Boolean,
-        clsDrop: String,
-        delayShow: Number,
-        delayHide: Number,
-        dropbar: Boolean,
-        dropbarAnchor: Boolean,
-        duration: Number },
+        animation: Boolean,
+        animateOut: Boolean },
 
 
       data: {
         dropdown: '.uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle',
         align: isRtl ? 'right' : 'left',
         clsDrop: 'uk-navbar-dropdown',
-        mode: undefined,
-        offset: undefined,
-        delayShow: undefined,
-        delayHide: undefined,
-        flip: false,
-        shift: true,
         boundary: true,
-        target: false,
-        targetX: false,
-        targetY: false,
         dropbar: false,
         dropbarAnchor: false,
         duration: 200,
@@ -5895,20 +5909,12 @@
 
 
       computed: {
-        boundary(_ref, $el) {let { boundary } = _ref;
-          return boundary === true ? $el : boundary;
-        },
-
-        dropbarAnchor(_ref2, $el) {let { dropbarAnchor } = _ref2;
+        dropbarAnchor(_ref, $el) {let { dropbarAnchor } = _ref;
           return query(dropbarAnchor, $el) || $el;
         },
 
-        pos(_ref3) {let { align } = _ref3;
-          return "bottom-" + align;
-        },
-
         dropbar: {
-          get(_ref4) {let { dropbar } = _ref4;
+          get(_ref2) {let { dropbar } = _ref2;
             if (!dropbar) {
               return null;
             }
@@ -5933,7 +5939,7 @@
         },
 
         dropdowns: {
-          get(_ref5, $el) {let { clsDrop } = _ref5;
+          get(_ref3, $el) {let { clsDrop } = _ref3;
             const dropdowns = $$("." + clsDrop, $el);
 
             if (this.dropContainer !== $el) {
@@ -5954,8 +5960,10 @@
             dropdowns.filter((el) => !this.getDropdown(el)),
             {
               ...this.$props,
-              boundary: this.boundary,
-              pos: this.pos });
+              flip: false,
+              shift: true,
+              pos: "bottom-" + this.align,
+              boundary: this.boundary === true ? this.$el : this.boundary });
 
 
           },
@@ -5964,7 +5972,7 @@
 
 
         toggles: {
-          get(_ref6, $el) {let { dropdown } = _ref6;
+          get(_ref4, $el) {let { dropdown } = _ref4;
             return $$(dropdown, $el);
           },
 
@@ -5995,7 +6003,7 @@
           return this.dropdown;
         },
 
-        handler(_ref7) {let { current } = _ref7;
+        handler(_ref5) {let { current } = _ref5;
           const active = this.getActive();
           if (
           active &&
@@ -6025,7 +6033,7 @@
 
             if (!active || active.targetEl !== current) {
               current.click();
-              once(this.dropContainer, 'show', (_ref8) => {let { target } = _ref8;return (
+              once(this.dropContainer, 'show', (_ref6) => {let { target } = _ref6;return (
                   focusFirstFocusableElement(target));});
 
             } else {
@@ -6116,7 +6124,7 @@
           return this.dropbar;
         },
 
-        handler(_ref9) {let { target } = _ref9;
+        handler(_ref7) {let { target } = _ref7;
           if (!this.isDropbarDrop(target)) {
             return;
           }
@@ -6140,7 +6148,7 @@
           return this.dropbar;
         },
 
-        handler(_ref10) {let { target } = _ref10;
+        handler(_ref8) {let { target } = _ref8;
           if (!this.isDropbarDrop(target)) {
             return;
           }
@@ -6150,8 +6158,8 @@
             const targetOffsets = parents(target, "." + this.clsDrop).
             concat(target).
             map((el) => offset(el));
-            const minTop = Math.min(...targetOffsets.map((_ref11) => {let { top } = _ref11;return top;}));
-            const maxBottom = Math.max(...targetOffsets.map((_ref12) => {let { bottom } = _ref12;return bottom;}));
+            const minTop = Math.min(...targetOffsets.map((_ref9) => {let { top } = _ref9;return top;}));
+            const maxBottom = Math.max(...targetOffsets.map((_ref10) => {let { bottom } = _ref10;return bottom;}));
             const dropbarOffset = offset(this.dropbar);
             css(this.dropbar, 'top', this.dropbar.offsetTop - (dropbarOffset.top - minTop));
             this.transitionTo(
@@ -6197,12 +6205,12 @@
           return this.dropbar;
         },
 
-        handler(_ref13) {let { target } = _ref13;
+        handler(_ref11) {var _this$_observer;let { target } = _ref11;
           if (!this.isDropbarDrop(target)) {
             return;
           }
 
-          this._observer.disconnect();
+          (_this$_observer = this._observer) == null ? void 0 : _this$_observer.disconnect();
 
           const active = this.getActive();
 
@@ -6659,7 +6667,7 @@
     function unregisterClick(cmp) {
       components$2.delete(cmp);
 
-      if (!components$2.length) {
+      if (!components$2.size) {
         off(document, 'click', clickHandler);
       }
     }
@@ -9259,7 +9267,6 @@
           let matches;
           const iframeAttrs = {
             frameborder: '0',
-            allow: 'autoplay',
             allowfullscreen: '',
             style: 'max-width: 100%; box-sizing: border-box;',
             'uk-responsive': '',