uikit 3.16.4-dev.7435f34d2 → 3.16.4-dev.a8da41c36

package/dist/js/uikit.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.16.4-dev.7435f34d2 | 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);
         }
@@ -1389,10 +1391,10 @@
     function offsetViewport(scrollElement) {
       const window = toWindow(scrollElement);
       const {
+        visualViewport,
         document: { documentElement }
       } = window;
       let viewportElement = scrollElement === scrollingElement(scrollElement) ? window : scrollElement;
-      const { visualViewport } = window;
       if (isWindow(viewportElement) && visualViewport) {
         let { height, width, scale, pageTop: top, pageLeft: left } = visualViewport;
         height = Math.round(height * scale);
@@ -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.7435f34d2";
+    UIkit.version = "3.16.4-dev.a8da41c36";
     globalAPI(UIkit);
     hooksAPI(UIkit);
     stateAPI(UIkit);
@@ -2907,15 +2905,15 @@
           const { ratio, cover } = Dimensions;
           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;
             }
@@ -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()) {
@@ -4079,7 +4077,6 @@
       if (elements.length < 2) {
         return { heights: [""], elements };
       }
-      css(elements, "minHeight", "");
       let heights = elements.map(getHeight);
       const max = Math.max(...heights);
       return {
@@ -4088,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;
     }
 
@@ -5414,7 +5409,7 @@
             if (this.hidden) {
               css(filter$1(elements, `:not(.${this.inViewClass})`), "opacity", 0);
             }
-            if (!isEqual(elements, prev)) {
+            if (prev) {
               this.$reset();
             }
           },
@@ -6651,8 +6646,8 @@
           get({ target }, $el) {
             return $$(`${target} > *`, $el);
           },
-          watch(list, old) {
-            if (old && !isEqualList(list, old)) {
+          watch(list, prev) {
+            if (prev) {
               this.updateState();
             }
           },
@@ -6755,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 || "");
@@ -7374,7 +7366,11 @@
           return promise;
         },
         getIndex(index = this.index, prev = this.index) {
-          return clamp(getIndex(index, this.slides, prev, this.finite), 0, this.maxIndex);
+          return clamp(
+            getIndex(index, this.slides, prev, this.finite),
+            0,
+            Math.max(0, this.maxIndex)
+          );
         },
         getValidIndex(index = this.index, prevIndex = this.prevIndex) {
           return this.getIndex(index, prevIndex);
@@ -8437,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() {