uikit 3.11.2-dev.28b7953b9 → 3.11.2-dev.29f2881ed

package/src/js/core/overflow-auto.js

@@ -1,32 +1,29 @@
 import Class from '../mixin/class';
-import {closest, css, dimensions, height, isVisible, toFloat, trigger} from 'uikit-util';
+import { closest, css, dimensions, height, isVisible, toFloat, trigger } from 'uikit-util';
 
 export default {
-
     mixins: [Class],
 
     props: {
         selContainer: String,
         selContent: String,
-        minHeight: Number
+        minHeight: Number,
     },
 
     data: {
         selContainer: '.uk-modal',
         selContent: '.uk-modal-dialog',
-        minHeight: 150
+        minHeight: 150,
     },
 
     computed: {
-
-        container({selContainer}, $el) {
+        container({ selContainer }, $el) {
             return closest($el, selContainer);
         },
 
-        content({selContent}, $el) {
+        content({ selContent }, $el) {
             return closest($el, selContent);
-        }
-
+        },
     },
 
     connected() {
@@ -34,28 +31,27 @@ export default {
     },
 
     update: {
-
         read() {
-
             if (!this.content || !this.container || !isVisible(this.$el)) {
                 return false;
             }
 
             return {
                 current: toFloat(css(this.$el, 'maxHeight')),
-                max: Math.max(this.minHeight, height(this.container) - (dimensions(this.content).height - height(this.$el)))
+                max: Math.max(
+                    this.minHeight,
+                    height(this.container) - (dimensions(this.content).height - height(this.$el))
+                ),
             };
         },
 
-        write({current, max}) {
+        write({ current, max }) {
             css(this.$el, 'maxHeight', max);
             if (Math.round(current) !== Math.round(max)) {
                 trigger(this.$el, 'resize');
             }
         },
 
-        events: ['resize']
-
-    }
-
+        events: ['resize'],
+    },
 };

package/src/js/core/responsive.js

@@ -1,7 +1,6 @@
-import {addClass, Dimensions, height, isVisible, parent, width} from 'uikit-util';
+import { addClass, Dimensions, height, isVisible, parent, width } from 'uikit-util';
 
 export default {
-
     props: ['width', 'height'],
 
     connected() {
@@ -9,22 +8,25 @@ export default {
     },
 
     update: {
-
         read() {
             return isVisible(this.$el) && this.width && this.height
-                ? {width: width(parent(this.$el)), height: this.height}
+                ? { width: width(parent(this.$el)), height: this.height }
                 : false;
         },
 
         write(dim) {
-            height(this.$el, Dimensions.contain({
-                height: this.height,
-                width: this.width
-            }, dim).height);
+            height(
+                this.$el,
+                Dimensions.contain(
+                    {
+                        height: this.height,
+                        width: this.width,
+                    },
+                    dim
+                ).height
+            );
         },
 
-        events: ['resize']
-
-    }
-
+        events: ['resize'],
+    },
 };

package/src/js/core/scroll.js

@@ -1,43 +1,33 @@
-import {$, escape, scrollIntoView, trigger} from 'uikit-util';
+import { $, escape, scrollIntoView, trigger } from 'uikit-util';
 
 export default {
-
     props: {
-        offset: Number
+        offset: Number,
     },
 
     data: {
-        offset: 0
+        offset: 0,
     },
 
     methods: {
-
-        scrollTo(el) {
-
-            el = el && $(el) || document.body;
+        async scrollTo(el) {
+            el = (el && $(el)) || document.body;
 
             if (trigger(this.$el, 'beforescroll', [this, el])) {
-                scrollIntoView(el, {offset: this.offset}).then(() =>
-                    trigger(this.$el, 'scrolled', [this, el])
-                );
+                await scrollIntoView(el, { offset: this.offset });
+                trigger(this.$el, 'scrolled', [this, el]);
             }
-
-        }
-
+        },
     },
 
     events: {
-
         click(e) {
-
             if (e.defaultPrevented) {
                 return;
             }
 
             e.preventDefault();
             this.scrollTo(`#${escape(decodeURIComponent((this.$el.hash || '').substr(1)))}`);
-        }
-
-    }
-
+        },
+    },
 };

package/src/js/core/scrollspy-nav.js

@@ -1,13 +1,25 @@
-import {$$, addClass, closest, escape, getViewport, getViewportClientHeight, hasClass, isVisible, offset, removeClass, scrollParents, trigger} from 'uikit-util';
+import {
+    $$,
+    addClass,
+    closest,
+    escape,
+    getViewport,
+    getViewportClientHeight,
+    hasClass,
+    isVisible,
+    offset,
+    removeClass,
+    scrollParents,
+    trigger,
+} from 'uikit-util';
 
 export default {
-
     props: {
         cls: String,
         closest: String,
         scroll: Boolean,
         overflow: Boolean,
-        offset: Number
+        offset: Number,
     },
 
     data: {
@@ -15,60 +27,55 @@ export default {
         closest: false,
         scroll: false,
         overflow: true,
-        offset: 0
+        offset: 0,
     },
 
     computed: {
-
         links: {
-
             get(_, $el) {
-                return $$('a[href^="#"]', $el).filter(el => el.hash);
+                return $$('a[href^="#"]', $el).filter((el) => el.hash);
             },
 
             watch(links) {
                 if (this.scroll) {
-                    this.$create('scroll', links, {offset: this.offset || 0});
+                    this.$create('scroll', links, { offset: this.offset || 0 });
                 }
             },
 
-            immediate: true
-
+            immediate: true,
         },
 
         targets() {
-            return $$(this.links.map(el => escape(el.hash).substr(1)).join(','));
+            return $$(this.links.map((el) => escape(el.hash).substr(1)).join(','));
         },
 
-        elements({closest: selector}) {
+        elements({ closest: selector }) {
             return closest(this.links, selector || '*');
-        }
-
+        },
     },
 
     update: [
-
         {
-
             read() {
-
-                const {length} = this.targets;
+                const { length } = this.targets;
 
                 if (!length || !isVisible(this.$el)) {
                     return false;
                 }
 
                 const [scrollElement] = scrollParents(this.targets, /auto|scroll/, true);
-                const {scrollTop, scrollHeight} = scrollElement;
+                const { scrollTop, scrollHeight } = scrollElement;
                 const max = scrollHeight - getViewportClientHeight(scrollElement);
                 let active = false;
 
                 if (scrollTop === max) {
                     active = length - 1;
                 } else {
-
                     this.targets.every((el, i) => {
-                        if (offset(el).top - offset(getViewport(scrollElement)).top - this.offset <= 0) {
+                        if (
+                            offset(el).top - offset(getViewport(scrollElement)).top - this.offset <=
+                            0
+                        ) {
                             active = i;
                             return true;
                         }
@@ -79,14 +86,13 @@ export default {
                     }
                 }
 
-                return {active};
+                return { active };
             },
 
-            write({active}) {
-
+            write({ active }) {
                 const changed = active !== false && !hasClass(this.elements[active], this.cls);
 
-                this.links.forEach(el => el.blur());
+                this.links.forEach((el) => el.blur());
                 removeClass(this.elements, this.cls);
                 addClass(this.elements[active], this.cls);
 
@@ -95,10 +101,7 @@ export default {
                 }
             },
 
-            events: ['scroll', 'resize']
-
-        }
-
-    ]
-
+            events: ['scroll', 'resize'],
+        },
+    ],
 };

package/src/js/core/scrollspy.js

@@ -1,8 +1,18 @@
-import {$$, css, filter, data as getData, isInView, once, Promise, removeClass, removeClasses, toggleClass, trigger} from 'uikit-util';
+import {
+    $$,
+    css,
+    filter,
+    data as getData,
+    isInView,
+    once,
+    removeClass,
+    removeClasses,
+    toggleClass,
+    trigger,
+} from 'uikit-util';
 
 const stateKey = '_ukScrollspy';
 export default {
-
     args: 'cls',
 
     props: {
@@ -12,7 +22,7 @@ export default {
         offsetTop: Number,
         offsetLeft: Number,
         repeat: Boolean,
-        delay: Number
+        delay: Number,
     },
 
     data: () => ({
@@ -23,14 +33,12 @@ export default {
         offsetLeft: 0,
         repeat: false,
         delay: 0,
-        inViewClass: 'uk-scrollspy-inview'
+        inViewClass: 'uk-scrollspy-inview',
     }),
 
     computed: {
-
         elements: {
-
-            get({target}, $el) {
+            get({ target }, $el) {
                 return target ? $$(target, $el) : [$el];
             },
 
@@ -40,25 +48,20 @@ export default {
                 }
             },
 
-            immediate: true
-
-        }
-
+            immediate: true,
+        },
     },
 
     disconnected() {
-        this.elements.forEach(el => {
+        for (const el of this.elements) {
             removeClass(el, this.inViewClass, el[stateKey] ? el[stateKey].cls : '');
             delete el[stateKey];
-        });
+        }
     },
 
     update: [
-
         {
-
             read(data) {
-
                 // Let child components be applied at least once first
                 if (!data.update) {
                     Promise.resolve().then(() => {
@@ -68,60 +71,43 @@ export default {
                     return false;
                 }
 
-                this.elements.forEach(el => {
-
+                for (const el of this.elements) {
                     if (!el[stateKey]) {
-                        el[stateKey] = {cls: getData(el, 'uk-scrollspy-class') || this.cls};
+                        el[stateKey] = { cls: getData(el, 'uk-scrollspy-class') || this.cls };
                     }
 
                     el[stateKey].show = isInView(el, this.offsetTop, this.offsetLeft);
-
-                });
-
+                }
             },
 
             write(data) {
-
-                this.elements.forEach(el => {
-
+                for (const el of this.elements) {
                     const state = el[stateKey];
 
                     if (state.show && !state.inview && !state.queued) {
-
                         state.queued = true;
 
-                        data.promise = (data.promise || Promise.resolve()).then(() =>
-                            new Promise(resolve =>
-                                setTimeout(resolve, this.delay)
-                            )
-                        ).then(() => {
-                            this.toggle(el, true);
-                            setTimeout(() => {
-                                state.queued = false;
-                                this.$emit();
-                            }, 300);
-                        });
-
+                        data.promise = (data.promise || Promise.resolve())
+                            .then(() => new Promise((resolve) => setTimeout(resolve, this.delay)))
+                            .then(() => {
+                                this.toggle(el, true);
+                                setTimeout(() => {
+                                    state.queued = false;
+                                    this.$emit();
+                                }, 300);
+                            });
                     } else if (!state.show && state.inview && !state.queued && this.repeat) {
-
                         this.toggle(el, false);
-
                     }
-
-                });
-
+                }
             },
 
-            events: ['scroll', 'resize']
-
-        }
-
+            events: ['scroll', 'resize'],
+        },
     ],
 
     methods: {
-
         toggle(el, inview) {
-
             const state = el[stateKey];
 
             state.off && state.off();
@@ -142,9 +128,6 @@ export default {
             state.inview = inview;
 
             this.$update(el);
-        }
-
-    }
-
+        },
+    },
 };
-