@signal24/vue-foundation 3.8.0 → 4.0.0

package/src/index.js

@@ -1,33 +0,0 @@
-// REMINDER: if there is a node_modules folder here during development of another app linking to this dev build,
-// the 'Vue' imports here will _not_ be the same as the 'Vue' imports from the app due to absolute path differences
-// thus, nothing that's attached to Vue here will be attached to Vue there, and everything will be broken
-
-import './components';
-import './directives';
-import './helpers';
-import './plugins';
-
-import app, { setRootComponent } from './app';
-import vfConfig from './config';
-import { registerFilter, registerFilters } from './filters';
-
-export default {
-    getApp,
-    configure,
-    mount,
-    registerFilter,
-    registerFilters
-};
-
-function configure(options) {
-    vfConfig.set(options);
-}
-
-function mount(rootComponent, target) {
-    setRootComponent(rootComponent);
-    app.vm = app.mount(target);
-}
-
-function getApp() {
-    return app;
-}

package/src/plugins/index.js

@@ -1,10 +0,0 @@
-import VueStash from 'vue-stash-nested';
-
-import app from '../app';
-app.use(VueStash);
-
-import InfiniteScroll from './infinite-scroll';
-app.use(InfiniteScroll);
-
-import ResizeWatcher from './resize-watcher';
-app.use(ResizeWatcher);

package/src/plugins/infinite-scroll/hook.js

@@ -1,30 +0,0 @@
-// TODO: switch to intersection observer
-
-export default class InfiniteScrollHook {
-    constructor(el, handler) {
-        this.el = el;
-        this.handler = handler;
-
-        this.isTripped = false;
-        this.onScroll = this._onScroll.bind(this);
-    }
-
-    install() {
-        this.el.addEventListener('scroll', this.onScroll);
-    }
-
-    uninstall() {
-        this.el.removeEventListener('scroll', this.onScroll);
-    }
-
-    _onScroll(e) {
-        if (Math.ceil(this.el.scrollTop + this.el.clientHeight + 5) >= this.el.scrollHeight) {
-            if (!this.isTripped) {
-                this.handler(e);
-                this.isTripped = true;
-            }
-        } else if (this.isTripped) {
-            this.isTripped = false;
-        }
-    }
-}

package/src/plugins/infinite-scroll.js

@@ -1,100 +0,0 @@
-// TODO: switch to intersection observer
-
-import InfiniteScrollHook from './infinite-scroll/hook';
-
-class InfiniteScroll {
-    static install(app) {
-        const scrollableValues = ['auto', 'scroll'];
-        const discoverScrollableAncestorEl = function (el) {
-            el = el.parentElement;
-            if (!el) return null;
-
-            const computedStyle = window.getComputedStyle(el);
-            if (
-                scrollableValues.includes(computedStyle.overflow) ||
-                scrollableValues.includes(computedStyle.overflowX) ||
-                scrollableValues.includes(computedStyle.overflowY)
-            ) {
-                return el;
-            }
-
-            return discoverScrollableAncestorEl(el);
-        };
-
-        const installScrollHook = function () {
-            if (this.$options.windowScrolledToBottom) {
-                this._windowScrollHook = new InfiniteScrollHook(
-                    window,
-                    this.$options.windowScrolledToBottom.bind(this)
-                );
-                this._windowScrollHook.install();
-            }
-
-            if (this.$options.elScrolledToBottom) {
-                this._elScrollHook = new InfiniteScrollHook(this.$el, this.$options.elScrolledToBottom.bind(this));
-                this._elScrollHook.install();
-            }
-
-            if (this.$options.ancestorScrolledToBottom) {
-                const scrollableAncestorEl = discoverScrollableAncestorEl(this.$el);
-                if (scrollableAncestorEl) {
-                    this._ancestorScrollHook = new InfiniteScrollHook(
-                        scrollableAncestorEl,
-                        this.$options.ancestorScrolledToBottom.bind(this)
-                    );
-                    this._ancestorScrollHook.install();
-                } else {
-                    console.warn('no scollable ancestor found for component:', this);
-                }
-            }
-        };
-
-        const reinstallScrollHook = function () {
-            if (this._windowScrollHandler) {
-                this._windowScrollHandler.install();
-            }
-
-            if (this._elScrollHandler) {
-                this._elScrollHandler.install();
-            }
-
-            if (this._ancestorScrollHook) {
-                this._ancestorScrollHook.install();
-            }
-        };
-
-        const removeScrollHook = function () {
-            if (this._windowScrollHandler) {
-                this._windowScrollHandler.uninstall();
-            }
-
-            if (this._elScrollHandler) {
-                this._elScrollHandler.uninstall();
-            }
-
-            if (this._ancestorScrollHook) {
-                this._ancestorScrollHook.uninstall();
-            }
-        };
-
-        app.mixin({
-            mounted() {
-                installScrollHook.call(this);
-            },
-
-            activated() {
-                reinstallScrollHook.call(this);
-            },
-
-            deactivated() {
-                removeScrollHook.call(this);
-            },
-
-            beforeUnmount() {
-                removeScrollHook.call(this);
-            }
-        });
-    }
-}
-
-export default InfiniteScroll;

package/src/plugins/resize-watcher.js

@@ -1,28 +0,0 @@
-// TODO: find out if we can use the Vue options array for the functions instead of making them part of "methods"
-
-class ResizeWatcher {
-    static install(app) {
-        app.mixin({
-            mounted() {
-                if (this.$options.windowResized) {
-                    this._resizeWatcherHandler = this.$options.windowResized.bind(this);
-                    window.addEventListener('resize', this._resizeWatcherHandler);
-                }
-            },
-
-            activated() {
-                this._resizeWatcherHandler && window.addEventListener('resize', this._resizeWatcherHandler);
-            },
-
-            deactivated() {
-                this._resizeWatcherHandler && window.removeEventListener('resize', this._resizeWatcherHandler);
-            },
-
-            beforeUnmount() {
-                this._resizeWatcherHandler && window.removeEventListener('resize', this._resizeWatcherHandler);
-            }
-        });
-    }
-}
-
-export default ResizeWatcher;