uikit 3.16.4-dev.8705d5334 → 3.16.4-dev.a8da41c36

package/dist/js/uikit.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.16.4-dev.8705d5334 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */
+/*! UIkit 3.16.4-dev.a8da41c36 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -13,13 +13,10 @@
     const hyphenateRe = /\B([A-Z])/g;
     const hyphenate = memoize((str) => str.replace(hyphenateRe, "-$1").toLowerCase());
     const camelizeRe = /-(\w)/g;
-    const camelize = memoize((str) => str.replace(camelizeRe, toUpper));
-    const ucfirst = memoize(
-      (str) => str.length ? toUpper(null, str.charAt(0)) + str.slice(1) : ""
+    const camelize = memoize(
+      (str) => (str.charAt(0).toLowerCase() + str.slice(1)).replace(camelizeRe, (_, c) => c.toUpperCase())
     );
-    function toUpper(_, c) {
-      return c ? c.toUpperCase() : "";
-    }
+    const ucfirst = memoize((str) => str.charAt(0).toUpperCase() + str.slice(1));
     function startsWith(str, search) {
       var _a;
       return (_a = str == null ? void 0 : str.startsWith) == null ? void 0 : _a.call(str, search);
@@ -136,6 +133,9 @@
       const seen = /* @__PURE__ */ new Set();
       return array.filter(({ [prop]: check }) => seen.has(check) ? false : seen.add(check));
     }
+    function pick(obj, props) {
+      return props.reduce((res, prop) => ({ ...res, [prop]: obj[prop] }), {});
+    }
     function clamp(number, min = 0, max = 1) {
       return Math.min(Math.max(toNumber(number) || 0, min), max);
     }
@@ -1084,6 +1084,8 @@
       initResizeListener();
       listeners.add(cb);
       return {
+        observe: noop,
+        unobserve: noop,
         disconnect() {
           listeners.delete(cb);
         }
@@ -1694,6 +1696,7 @@
         parents: parents,
         parseOptions: parseOptions,
         pause: pause,
+        pick: pick,
         play: play,
         pointInRect: pointInRect,
         pointerCancel: pointerCancel,
@@ -1883,15 +1886,11 @@
         }
       }
       function runWatches(initial) {
-        const {
-          $options: { computed }
-        } = this;
         const values = { ...this._computed };
         this._computed = {};
-        for (const key in computed) {
-          const { watch, immediate } = computed[key];
+        for (const [key, { watch, immediate }] of Object.entries(this.$options.computed || {})) {
           if (watch && (initial && immediate || hasOwn(values, key) && !isEqual(values[key], this[key]))) {
-            watch.call(this, this[key], values[key]);
+            watch.call(this, this[key], initial ? void 0 : values[key]);
           }
         }
       }
@@ -2188,8 +2187,7 @@
       const { data: DATA, prefix: PREFIX } = UIkit;
       UIkit.component = function(name, options) {
         var _a;
-        name = hyphenate(name);
-        const id = PREFIX + name;
+        const id = PREFIX + hyphenate(name);
         if (!options) {
           if (isPlainObject(components$3[id])) {
             components$3[id] = components$3[`data-${id}`] = UIkit.extend(components$3[id]);
@@ -2252,7 +2250,7 @@
     UIkit.data = "__uikit__";
     UIkit.prefix = "uk-";
     UIkit.options = {};
-    UIkit.version = "3.16.4-dev.8705d5334";
+    UIkit.version = "3.16.4-dev.a8da41c36";
     globalAPI(UIkit);
     hooksAPI(UIkit);
     stateAPI(UIkit);
@@ -2873,8 +2871,20 @@
       }
     };
 
+    var Resize = {
+      connected() {
+        var _a;
+        this.registerObserver(
+          observeResize(
+            ((_a = this.$options.resizeTargets) == null ? void 0 : _a.call(this)) || this.$el,
+            () => this.$emit("resize")
+          )
+        );
+      }
+    };
+
     var cover = {
-      mixins: [Video],
+      mixins: [Resize, Video],
       props: {
         width: Number,
         height: Number
@@ -2887,37 +2897,32 @@
           this.$emit("resize");
         }
       },
-      connected() {
-        const parentEl = getPositionedParent(this.$el) || parent(this.$el);
-        this.registerObserver(
-          observeResize(parentEl, () => {
-            this.parentDim = getCoverDimensions(parentEl);
-            this.$emit("resize");
-          })
-        );
+      resizeTargets() {
+        return [this.$el, getPositionedParent(this.$el) || parent(this.$el)];
       },
       update: {
         read() {
           const { ratio, cover } = Dimensions;
-          const { $el, width, height, parentDim } = this;
+          const { $el, width, height } = this;
           let dim = { width, height };
-          if (!dim.width || !dim.height) {
+          if (!width || !height) {
             const intrinsic = {
               width: $el.naturalWidth || $el.videoWidth || $el.clientWidth,
               height: $el.naturalHeight || $el.videoHeight || $el.clientHeight
             };
-            if (dim.width) {
-              dim = ratio(intrinsic, "width", dim.width);
+            if (width) {
+              dim = ratio(intrinsic, "width", width);
             } else if (height) {
-              dim = ratio(intrinsic, "height", dim.height);
+              dim = ratio(intrinsic, "height", height);
             } else {
               dim = intrinsic;
             }
           }
-          if (!parentDim) {
-            return false;
-          }
-          const coverDim = cover(dim, parentDim);
+          const { offsetHeight: coverHeight, offsetWidth: coverWidth } = getPositionedParent($el) || parent($el);
+          const coverDim = cover(dim, {
+            width: coverWidth + (coverWidth % 2 ? 1 : 0),
+            height: coverHeight + (coverHeight % 2 ? 1 : 0)
+          });
           if (!coverDim.width || !coverDim.height) {
             return false;
           }
@@ -2929,13 +2934,6 @@
         events: ["resize"]
       }
     };
-    function getCoverDimensions(el) {
-      const { offsetHeight, offsetWidth } = el;
-      return {
-        width: offsetWidth + (offsetWidth % 2 ? 1 : 0),
-        height: offsetHeight + (offsetHeight % 2 ? 1 : 0)
-      };
-    }
     function getPositionedParent(el) {
       while (el = parent(el)) {
         if (css(el, "position") !== "static") {
@@ -3102,7 +3100,7 @@
         if (this.toggle && !this.targetEl) {
           this.targetEl = createToggleComponent(this);
         }
-        this._style = (({ width, height }) => ({ width, height }))(this.$el.style);
+        this._style = pick(this.$el.style, ["width", "height"]);
       },
       disconnected() {
         if (this.isActive()) {
@@ -3803,18 +3801,6 @@
       ]
     };
 
-    var Resize = {
-      connected() {
-        var _a;
-        this.registerObserver(
-          observeResize(
-            ((_a = this.$options.resizeTargets) == null ? void 0 : _a.call(this)) || this.$el,
-            () => this.$emit("resize")
-          )
-        );
-      }
-    };
-
     var Margin = {
       mixins: [Resize],
       props: {
@@ -4091,7 +4077,6 @@
       if (elements.length < 2) {
         return { heights: [""], elements };
       }
-      css(elements, "minHeight", "");
       let heights = elements.map(getHeight);
       const max = Math.max(...heights);
       return {
@@ -4100,15 +4085,13 @@
       };
     }
     function getHeight(element) {
-      let style = false;
+      const style = pick(element.style, ["display", "minHeight"]);
       if (!isVisible(element)) {
-        style = element.style.display;
         css(element, "display", "block", "important");
       }
+      css(element, "minHeight", "");
       const height = dimensions$1(element).height - boxModelAdjust(element, "height", "content-box");
-      if (style !== false) {
-        css(element, "display", style);
-      }
+      css(element, style);
       return height;
     }
 
@@ -5426,7 +5409,7 @@
             if (this.hidden) {
               css(filter$1(elements, `:not(.${this.inViewClass})`), "opacity", 0);
             }
-            if (!isEqual(elements, prev)) {
+            if (prev) {
               this.$reset();
             }
           },
@@ -6663,8 +6646,8 @@
           get({ target }, $el) {
             return $$(`${target} > *`, $el);
           },
-          watch(list, old) {
-            if (old && !isEqualList(list, old)) {
+          watch(list, prev) {
+            if (prev) {
               this.updateState();
             }
           },
@@ -6767,9 +6750,6 @@
       const { filter = "", group = "", sort, order = "asc" } = getFilter(el, attr2);
       return isUndefined(sort) ? group in stateFilter && filter === stateFilter[group] || !filter && group && !(group in stateFilter) && !stateFilter[""] : stateSort === sort && stateOrder === order;
     }
-    function isEqualList(listA, listB) {
-      return listA.length === listB.length && listA.every((el) => listB.includes(el));
-    }
     function getSelector({ filter }) {
       let selector = "";
       each(filter, (value) => selector += value || "");
@@ -8453,6 +8433,31 @@
             center: this.center,
             list: this.list
           };
+        },
+        children: {
+          get() {
+            return children(this.list);
+          },
+          watch(slides, prev) {
+            if (!prev) {
+              this.registerObserver(
+                this._resizeObserver = observeResize(slides, () => this.$emit("resize"))
+              );
+            }
+            if (prev) {
+              slides.forEach(
+                (slide) => !includes(prev, slide) && this._resizeObserver.observe(slide)
+              );
+              prev.forEach(
+                (slide) => !includes(slides, slide) && this._resizeObserver.unobserve(slide)
+              );
+              this.$emit();
+            }
+          },
+          immediate: true
+        },
+        slides() {
+          return this.children.filter(isVisible);
         }
       },
       connected() {