uikit 3.16.4-dev.fd2458e3b → 3.16.5-dev.dda1f1b31

package/src/js/mixin/lazyload.js

@@ -1,27 +0,0 @@
-import { $$, isFunction, observeIntersection, removeAttr, toNodes } from 'uikit-util';
-
-export default {
-    data: {
-        preload: 5,
-    },
-
-    methods: {
-        lazyload(observeTargets = this.$el, targets = this.$el) {
-            this.registerObserver(
-                observeIntersection(observeTargets, (entries, observer) => {
-                    for (const el of toNodes(isFunction(targets) ? targets() : targets)) {
-                        $$('[loading="lazy"]', el)
-                            .slice(0, this.preload - 1)
-                            .forEach((el) => removeAttr(el, 'loading'));
-                    }
-
-                    for (const el of entries
-                        .filter(({ isIntersecting }) => isIntersecting)
-                        .map(({ target }) => target)) {
-                        observer.unobserve(el);
-                    }
-                })
-            );
-        },
-    },
-};

package/src/js/mixin/resize.js

@@ -1,11 +0,0 @@
-import { observeResize } from 'uikit-util';
-
-export default {
-    connected() {
-        this.registerObserver(
-            observeResize(this.$options.resizeTargets?.call(this) || this.$el, () =>
-                this.$emit('resize')
-            )
-        );
-    },
-};

package/src/js/mixin/scroll.js

@@ -1,32 +0,0 @@
-import { on } from 'uikit-util';
-
-export default {
-    connected() {
-        registerScrollListener(this._uid, () => this.$emit('scroll'));
-    },
-
-    disconnected() {
-        unregisterScrollListener(this._uid);
-    },
-};
-
-const scrollListeners = new Map();
-let unbindScrollListener;
-export function registerScrollListener(id, listener) {
-    unbindScrollListener =
-        unbindScrollListener ||
-        on(window, 'scroll', () => scrollListeners.forEach((listener) => listener()), {
-            passive: true,
-            capture: true,
-        });
-
-    scrollListeners.set(id, listener);
-}
-
-export function unregisterScrollListener(id) {
-    scrollListeners.delete(id);
-    if (unbindScrollListener && !scrollListeners.size) {
-        unbindScrollListener();
-        unbindScrollListener = null;
-    }
-}

package/src/js/mixin/swipe.js

@@ -1,72 +0,0 @@
-import {
-    getEventPos,
-    isTouch,
-    once,
-    parent,
-    pointerCancel,
-    pointerDown,
-    pointerUp,
-    trigger,
-} from 'uikit-util';
-import { registerEvent } from '../api/state';
-
-export default {
-    props: {
-        swiping: Boolean,
-    },
-
-    data: {
-        swiping: true,
-    },
-
-    computed: {
-        swipeTarget(props, $el) {
-            return $el;
-        },
-    },
-
-    connected() {
-        if (!this.swiping) {
-            return;
-        }
-
-        registerEvent(this, {
-            el: this.swipeTarget,
-            name: pointerDown,
-            passive: true,
-            handler(e) {
-                if (!isTouch(e)) {
-                    return;
-                }
-
-                // Handle Swipe Gesture
-                const pos = getEventPos(e);
-                const target = 'tagName' in e.target ? e.target : parent(e.target);
-                once(document, `${pointerUp} ${pointerCancel} scroll`, (e) => {
-                    const { x, y } = getEventPos(e);
-
-                    // swipe
-                    if (
-                        (e.type !== 'scroll' && target && x && Math.abs(pos.x - x) > 100) ||
-                        (y && Math.abs(pos.y - y) > 100)
-                    ) {
-                        setTimeout(() => {
-                            trigger(target, 'swipe');
-                            trigger(target, `swipe${swipeDirection(pos.x, pos.y, x, y)}`);
-                        });
-                    }
-                });
-            },
-        });
-    },
-};
-
-function swipeDirection(x1, y1, x2, y2) {
-    return Math.abs(x1 - x2) >= Math.abs(y1 - y2)
-        ? x1 - x2 > 0
-            ? 'Left'
-            : 'Right'
-        : y1 - y2 > 0
-        ? 'Up'
-        : 'Down';
-}

package/src/js/mixin/utils.js

@@ -1,91 +0,0 @@
-import { $, $$, css, on, scrollParents, width } from 'uikit-util';
-
-export function getMaxPathLength(el) {
-    return Math.ceil(
-        Math.max(
-            0,
-            ...$$('[stroke]', el).map((stroke) => {
-                try {
-                    return stroke.getTotalLength();
-                } catch (e) {
-                    return 0;
-                }
-            })
-        )
-    );
-}
-
-let prevented;
-export function preventBackgroundScroll(el) {
-    // 'overscroll-behavior: contain' only works consistently if el overflows (Safari)
-    const off = on(
-        el,
-        'touchmove',
-        (e) => {
-            if (e.targetTouches.length !== 1) {
-                return;
-            }
-
-            let [{ scrollHeight, clientHeight }] = scrollParents(e.target);
-
-            if (clientHeight >= scrollHeight && e.cancelable) {
-                e.preventDefault();
-            }
-        },
-        { passive: false }
-    );
-
-    if (prevented) {
-        return off;
-    }
-    prevented = true;
-
-    const { scrollingElement } = document;
-    css(scrollingElement, {
-        overflowY: CSS.supports('overflow', 'clip') ? 'clip' : 'hidden',
-        touchAction: 'none',
-        paddingRight: width(window) - scrollingElement.clientWidth || '',
-    });
-    return () => {
-        prevented = false;
-        off();
-        css(scrollingElement, { overflowY: '', touchAction: '', paddingRight: '' });
-    };
-}
-
-export function isSameSiteAnchor(el) {
-    return ['origin', 'pathname', 'search'].every((part) => el[part] === location[part]);
-}
-
-export function getTargetElement(el) {
-    if (isSameSiteAnchor(el)) {
-        const id = decodeURIComponent(el.hash).substring(1);
-        return document.getElementById(id) || document.getElementsByName(id)[0];
-    }
-}
-
-export function generateId(component, el = component.$el, postfix = '') {
-    if (el.id) {
-        return el.id;
-    }
-
-    let id = `${component.$options.id}-${component._uid}${postfix}`;
-
-    if ($(`#${id}`)) {
-        id = generateId(component, el, `${postfix}-2`);
-    }
-
-    return id;
-}
-
-export const keyMap = {
-    TAB: 9,
-    ESC: 27,
-    SPACE: 32,
-    END: 35,
-    HOME: 36,
-    LEFT: 37,
-    UP: 38,
-    RIGHT: 39,
-    DOWN: 40,
-};