uikit 3.17.1 → 3.17.2-dev.a0d91caa0

package/dist/js/uikit-core.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.17.1 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */
+/*! UIkit 3.17.2-dev.a0d91caa0 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -1256,7 +1256,7 @@
         return 0.5 * (1 - Math.cos(Math.PI * k));
       }
       function findFixedElement(target) {
-        return target.ownerDocument.elementsFromPoint(0, 0).find(
+        return target.ownerDocument.elementsFromPoint(offset(target).left, 0).find(
           (el) => ["fixed", "sticky"].includes(css(el, "position")) && !el.contains(target)
         );
       }
@@ -2146,7 +2146,7 @@
     };
     App.util = util;
     App.options = {};
-    App.version = "3.17.1";
+    App.version = "3.17.2-dev.a0d91caa0";
 
     const PREFIX = "uk-";
     const DATA = "__uikit__";
@@ -2455,7 +2455,7 @@
       return {
         observe: observe2,
         handler() {
-          this.$emit(emit);
+          callUpdate(this, emit);
         },
         ...options
       };
@@ -2497,12 +2497,8 @@
         clsLeave: "uk-togglabe-leave"
       },
       computed: {
-        hasAnimation({ animation }) {
-          return !!animation[0];
-        },
-        hasTransition({ animation }) {
-          return ["slide", "reveal"].some((transition) => startsWith(animation[0], transition));
-        }
+        hasAnimation: ({ animation }) => !!animation[0],
+        hasTransition: ({ animation }) => ["slide", "reveal"].some((transition) => startsWith(animation[0], transition))
       },
       methods: {
         async toggleElement(targets, toggle, animate) {
@@ -2696,9 +2692,7 @@
         offset: 0
       },
       computed: {
-        items({ targets }, $el) {
-          return $$(targets, $el);
-        },
+        items: ({ targets }, $el) => $$(targets, $el),
         toggles({ toggle }) {
           return this.items.map((item) => $(toggle, item));
         },
@@ -2962,14 +2956,11 @@
       },
       observe: resize({
         target: ({ $el }) => [getPositionedParent($el) || parent($el)],
-        filter: ({ _useObjectFit }) => !_useObjectFit
+        filter: ({ $el }) => !useObjectFit($el)
       }),
-      connected() {
-        this._useObjectFit = isTag(this.$el, "img", "video");
-      },
       update: {
         read() {
-          if (this._useObjectFit) {
+          if (useObjectFit(this.$el)) {
             return;
           }
           const { ratio, cover } = Dimensions;
@@ -3011,6 +3002,9 @@
         }
       }
     }
+    function useObjectFit(el) {
+      return isTag(el, "img", "video");
+    }
 
     var Container = {
       props: {
@@ -3549,9 +3543,7 @@
         selNavItem: "> li > a, > ul > li > a"
       },
       computed: {
-        dropbarAnchor({ dropbarAnchor }, $el) {
-          return query(dropbarAnchor, $el) || $el;
-        },
+        dropbarAnchor: ({ dropbarAnchor }, $el) => query(dropbarAnchor, $el) || $el,
         dropbar({ dropbar }) {
           if (!dropbar) {
             return null;
@@ -3850,9 +3842,7 @@
         target: false
       },
       computed: {
-        input(_, $el) {
-          return $(selInput, $el);
-        },
+        input: (_, $el) => $(selInput, $el),
         state() {
           return this.input.nextElementSibling;
         },
@@ -4154,12 +4144,10 @@
         row: true
       },
       computed: {
-        elements({ target }, $el) {
-          return $$(target, $el);
-        }
+        elements: ({ target }, $el) => $$(target, $el)
       },
       observe: resize({
-        target: ({ $el, elements }) => [$el, ...elements]
+        target: ({ $el, elements }) => elements.reduce((elements2, el) => elements2.concat(el, ...el.children), [$el])
       }),
       update: {
         read() {
@@ -4738,9 +4726,7 @@
         attrFill: "data-fill"
       },
       computed: {
-        fill({ fill }) {
-          return fill || css(this.$el, "--uk-leader-fill-content");
-        }
+        fill: ({ fill }, $el) => fill || css($el, "--uk-leader-fill-content")
       },
       connected() {
         [this.wrapper] = wrapInner(this.$el, `<span class="${this.clsWrapper}">`);
@@ -4786,9 +4772,7 @@
         role: "dialog"
       },
       computed: {
-        panel({ selPanel }, $el) {
-          return $(selPanel, $el);
-        },
+        panel: ({ selPanel }, $el) => $(selPanel, $el),
         transitionElement() {
           return this.panel;
         },
@@ -5104,12 +5088,8 @@
         dropbarTransparentMode: false
       },
       computed: {
-        dropbarOffset() {
-          return this.dropbarTransparentMode === "behind" ? this.$el.offsetHeight : 0;
-        },
-        navbarContainer() {
-          return closest(this.$el, ".uk-navbar-container");
-        }
+        navbarContainer: (_, $el) => closest($el, ".uk-navbar-container"),
+        dropbarOffset: ({ dropbarTransparentMode }, $el) => dropbarTransparentMode === "behind" ? $el.offsetHeight : 0
       },
       watch: {
         items() {
@@ -5136,9 +5116,7 @@
       observe: [
         mutation({
           target: ({ navbarContainer }) => navbarContainer,
-          handler() {
-            this.registerColorListener();
-          },
+          handler: "registerColorListener",
           options: { attributes: true, attributeFilter: ["class"], attributeOldValue: true }
         }),
         intersection({
@@ -5302,21 +5280,11 @@
         swiping: true
       },
       computed: {
-        clsFlip({ flip, clsFlip }) {
-          return flip ? clsFlip : "";
-        },
-        clsOverlay({ overlay, clsOverlay }) {
-          return overlay ? clsOverlay : "";
-        },
-        clsMode({ mode, clsMode }) {
-          return `${clsMode}-${mode}`;
-        },
-        clsSidebarAnimation({ mode, clsSidebarAnimation }) {
-          return mode === "none" || mode === "reveal" ? "" : clsSidebarAnimation;
-        },
-        clsContainerAnimation({ mode, clsContainerAnimation }) {
-          return mode !== "push" && mode !== "reveal" ? "" : clsContainerAnimation;
-        },
+        clsFlip: ({ flip, clsFlip }) => flip ? clsFlip : "",
+        clsOverlay: ({ overlay, clsOverlay }) => overlay ? clsOverlay : "",
+        clsMode: ({ mode, clsMode }) => `${clsMode}-${mode}`,
+        clsSidebarAnimation: ({ mode, clsSidebarAnimation }) => mode === "none" || mode === "reveal" ? "" : clsSidebarAnimation,
+        clsContainerAnimation: ({ mode, clsContainerAnimation }) => mode !== "push" && mode !== "reveal" ? "" : clsContainerAnimation,
         transitionElement({ mode }) {
           return mode === "reveal" ? parent(this.panel) : this.panel;
         }
@@ -5423,12 +5391,8 @@
         minHeight: 150
       },
       computed: {
-        container({ selContainer }, $el) {
-          return closest($el, selContainer);
-        },
-        content({ selContent }, $el) {
-          return closest($el, selContent);
-        }
+        container: ({ selContainer }, $el) => closest($el, selContainer),
+        content: ({ selContent }, $el) => closest($el, selContent)
       },
       observe: resize({
         target: ({ container, content }) => [container, content]
@@ -5551,9 +5515,7 @@
         inViewClass: "uk-scrollspy-inview"
       }),
       computed: {
-        elements({ target }, $el) {
-          return target ? $$(target, $el) : [$el];
-        }
+        elements: ({ target }, $el) => target ? $$(target, $el) : [$el]
       },
       watch: {
         elements(elements) {
@@ -5654,9 +5616,7 @@
         offset: 0
       },
       computed: {
-        links(_, $el) {
-          return $$('a[href*="#"]', $el).filter((el) => el.hash && isSameSiteAnchor(el));
-        },
+        links: (_, $el) => $$('a[href*="#"]', $el).filter((el) => el.hash && isSameSiteAnchor(el)),
         elements({ closest: selector }) {
           return this.links.map((el) => closest(el, selector || "*"));
         }
@@ -5714,7 +5674,7 @@
       ]
     };
     function findFixedElement(target) {
-      return target.ownerDocument.elementsFromPoint(1, 1).find((el) => ["fixed", "sticky"].includes(css(el, "position")) && !el.contains(target));
+      return target.ownerDocument.elementsFromPoint(offset(target).left, 1).find((el) => ["fixed", "sticky"].includes(css(el, "position")) && !el.contains(target));
     }
 
     var sticky = {
@@ -5754,9 +5714,7 @@
         targetOffset: false
       },
       computed: {
-        selTarget({ selTarget }, $el) {
-          return selTarget && $(selTarget, $el) || $el;
-        }
+        selTarget: ({ selTarget }, $el) => selTarget && $(selTarget, $el) || $el
       },
       connected() {
         this.start = coerce(this.start || this.top);
@@ -6206,17 +6164,13 @@
         swiping: true
       },
       computed: {
-        connects({ connect }, $el) {
-          return queryAll(connect, $el);
-        },
+        connects: ({ connect }, $el) => queryAll(connect, $el),
         connectChildren() {
           return this.connects.map((el) => children(el)).flat();
         },
-        toggles({ toggle }, $el) {
-          return $$(toggle, $el);
-        },
-        children() {
-          return children(this.$el).filter(
+        toggles: ({ toggle }, $el) => $$(toggle, $el),
+        children(_, $el) {
+          return children($el).filter(
             (child) => this.toggles.some((toggle) => within(toggle, child))
           );
         }
@@ -6397,7 +6351,7 @@
       computed: {
         target({ target }, $el) {
           target = queryAll(target || $el.hash, $el);
-          return target.length && target || [$el];
+          return target.length ? target : [$el];
         }
       },
       connected() {