uikit 3.12.1 → 3.12.3-dev.6377276f3

package/dist/js/uikit-core.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.12.1 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.12.3-dev.6377276f3 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -809,7 +809,7 @@
     // https://drafts.csswg.org/cssom/#dom-cssstyledeclaration-setproperty
     const propName = memoize((name) => vendorPropName(name));
 
-    const cssPrefixes = ['webkit', 'moz', 'ms'];
+    const cssPrefixes = ['webkit', 'moz'];
 
     function vendorPropName(name) {
       name = hyphenate(name);
@@ -1409,8 +1409,8 @@
         }, 50);
       },
 
-      cancel() {
-        this.unbind && this.unbind();
+      cancel() {var _this$unbind;
+        (_this$unbind = this.unbind) == null ? void 0 : _this$unbind.call(this);
         this.interval && clearInterval(this.interval);
       },
 
@@ -2887,7 +2887,7 @@
     UIkit.data = '__uikit__';
     UIkit.prefix = 'uk-';
     UIkit.options = {};
-    UIkit.version = '3.12.1';
+    UIkit.version = '3.12.3-dev.6377276f3';
 
     globalAPI(UIkit);
     hooksAPI(UIkit);
@@ -3964,7 +3964,7 @@
         } },
 
 
-      update() {
+      update() {var _input$files;
         const { target, input } = this;
 
         if (!target) {
@@ -3974,8 +3974,7 @@
         let option;
         const prop = isInput(target) ? 'value' : 'textContent';
         const prev = target[prop];
-        const value =
-        input.files && input.files[0] ?
+        const value = (_input$files = input.files) != null && _input$files[0] ?
         input.files[0].name :
         matches(input, 'select') && (
         option = $$('option', input).filter((el) => el.selected)[0]) // eslint-disable-line prefer-destructuring
@@ -5065,16 +5064,31 @@
 
 
       computed: {
-        matchMedia() {
-          const media = toMedia(this.media);
-          return !media || window.matchMedia(media).matches;
-        } } };
+        matchMedia() {var _this$mediaObj;
+          return (_this$mediaObj = this.mediaObj) == null ? void 0 : _this$mediaObj.matches;
+        } },
+
+
+      connected() {
+        const media = toMedia(this.media);
+        this.mediaObj = window.matchMedia(media);
+        const handler = () =>
+        trigger(this.$el, createEvent('mediachange', false, true, [this.mediaObj]));
+        this.offMediaObj = on(this.mediaObj, 'change', () => {
+          handler();
+          this.$emit('resize');
+        });
+        handler();
+      },
 
+      disconnected() {var _this$offMediaObj;
+        (_this$offMediaObj = this.offMediaObj) == null ? void 0 : _this$offMediaObj.call(this);
+      } };
 
 
     function toMedia(value) {
       if (isString(value)) {
-        if (value[0] === '@') {
+        if (startsWith(value, '@')) {
           const name = "breakpoint-" + value.substr(1);
           value = toFloat(getCssVar(name));
         } else if (isNaN(value)) {
@@ -5082,7 +5096,7 @@
         }
       }
 
-      return value && !isNaN(value) ? "(min-width: " + value + "px)" : false;
+      return value && isNumeric(value) ? "(min-width: " + value + "px)" : '';
     }
 
     var leader = {
@@ -6346,9 +6360,15 @@
           }
 
           e.preventDefault();
-          this.scrollTo("#" + escape(decodeURIComponent((this.$el.hash || '').substr(1))));
+          this.scrollTo(getTargetElement(this.$el));
         } } };
 
+
+
+    function getTargetElement(el) {
+      return document.getElementById(decodeURIComponent(el.hash).substring(1));
+    }
+
     const stateKey = '_ukScrollspy';
     var scrollspy = {
       args: 'cls',
@@ -6391,24 +6411,15 @@
 
 
       disconnected() {
-        for (const el of this.elements) {
-          removeClass(el, this.inViewClass, el[stateKey] ? el[stateKey].cls : '');
+        for (const el of this.elements) {var _el$stateKey;
+          removeClass(el, this.inViewClass, ((_el$stateKey = el[stateKey]) == null ? void 0 : _el$stateKey.cls) || '');
           delete el[stateKey];
         }
       },
 
       update: [
       {
-        read(data$1) {
-          // Let child components be applied at least once first
-          if (!data$1.update) {
-            Promise.resolve().then(() => {
-              this.$emit();
-              data$1.update = true;
-            });
-            return false;
-          }
-
+        read() {
           for (const el of this.elements) {
             if (!el[stateKey]) {
               el[stateKey] = { cls: data(el, 'uk-scrollspy-class') || this.cls };
@@ -6448,7 +6459,7 @@
         toggle(el, inview) {
           const state = el[stateKey];
 
-          state.off && state.off();
+          state.off == null ? void 0 : state.off();
 
           css(el, 'visibility', !inview && this.hidden ? 'hidden' : '');
 
@@ -6456,9 +6467,12 @@
           toggleClass(el, state.cls);
 
           if (/\buk-animation-/.test(state.cls)) {
-            state.off = once(el, 'animationcancel animationend', () =>
-            removeClasses(el, 'uk-animation-[\\w-]+'));
-
+            const removeAnimationClasses = () => removeClasses(el, 'uk-animation-[\\w-]+');
+            if (inview) {
+              state.off = once(el, 'animationcancel animationend', removeAnimationClasses);
+            } else {
+              removeAnimationClasses();
+            }
           }
 
           trigger(el, inview ? 'inview' : 'outview');
@@ -6500,10 +6514,6 @@
           immediate: true },
 
 
-        targets() {
-          return $$(this.links.map((el) => escape(el.hash).substr(1)).join(','));
-        },
-
         elements(_ref) {let { closest: selector } = _ref;
           return closest(this.links, selector || '*');
         } },
@@ -6512,13 +6522,15 @@
       update: [
       {
         read() {
-          const { length } = this.targets;
+          const targets = this.links.map(getTargetElement).filter(Boolean);
+
+          const { length } = targets;
 
           if (!length || !isVisible(this.$el)) {
             return false;
           }
 
-          const [scrollElement] = scrollParents(this.targets, /auto|scroll/, true);
+          const [scrollElement] = scrollParents(targets, /auto|scroll/, true);
           const { scrollTop, scrollHeight } = scrollElement;
           const max = scrollHeight - getViewportClientHeight(scrollElement);
           let active = false;
@@ -6526,15 +6538,17 @@
           if (scrollTop === max) {
             active = length - 1;
           } else {
-            this.targets.every((el, i) => {
+            for (const i in targets) {
               if (
-              offset(el).top - offset(getViewport$1(scrollElement)).top - this.offset <=
+              offset(targets[i]).top -
+              offset(getViewport$1(scrollElement)).top -
+              this.offset >
               0)
               {
-                active = i;
-                return true;
+                break;
               }
-            });
+              active = +i;
+            }
 
             if (active === false && this.overflow) {
               active = 0;
@@ -6548,8 +6562,9 @@
           const changed = active !== false && !hasClass(this.elements[active], this.cls);
 
           this.links.forEach((el) => el.blur());
-          removeClass(this.elements, this.cls);
-          addClass(this.elements[active], this.cls);
+          for (const i in this.elements) {
+            toggleClass(this.elements[i], this.cls, +i === active);
+          }
 
           if (changed) {
             trigger(this.$el, 'active', [active, this.elements[active]]);
@@ -6713,7 +6728,6 @@
 
           const overflow = Math.max(0, height$1 + offset$1 - windowHeight);
           const topOffset = offset(referenceElement).top;
-          const offsetParentTop = offset(referenceElement.offsetParent).top;
 
           const top = parseProp(this.top, this.$el, topOffset);
           const bottom = parseProp(this.bottom, this.$el, topOffset + height$1, true);
@@ -6729,7 +6743,6 @@
             offset: offset$1,
             overflow,
             topOffset,
-            offsetParentTop,
             height: height$1,
             margin,
             width: dimensions(isVisible(this.widthElement) ? this.widthElement : this.$el).
@@ -6771,6 +6784,7 @@
             prevDir,
             scroll,
             prevScroll,
+            offsetParentTop: offset(this.$el.offsetParent).top,
             overflowScroll: clamp(
             overflowScroll + clamp(scroll, start, end) - clamp(prevScroll, start, end),
             0,
@@ -7269,23 +7283,26 @@
           if (e.target === this.target[0]) {
             this.updateAria(toggled);
           }
-        } }],
+        } },
+
 
+      {
+        name: 'mediachange',
 
+        filter() {
+          return includes(this.mode, 'media');
+        },
 
-      update: {
-        read() {
-          return includes(this.mode, 'media') && this.media ? { match: this.matchMedia } : false;
+        el() {
+          return this.target;
         },
 
-        write(_ref2) {let { match } = _ref2;
-          const toggled = this.isToggled(this.target);
-          if (match ? !toggled : toggled) {
+        handler(e, mediaObj) {
+          if (mediaObj.matches ^ this.isToggled(this.target)) {
             this.toggle();
           }
-        },
+        } }],
 
-        events: ['resize'] },
 
 
       methods: {