@signal24/vue-foundation 3.3.3 → 3.3.4

package/src/helpers/string.js

@@ -1,36 +1,36 @@
-String.prototype.escapeHtml = function() {
+String.prototype.escapeHtml = function () {
     return this.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
-}
+};
 
-String.prototype.nl2br = function() {
+String.prototype.nl2br = function () {
     return this.replace(/\n/g, '<br>');
-}
+};
 
 // this isn't implemented in Vue filters because why would you ever turn something _into_ kebab case for user display?
-String.prototype.kebab = function() {
+String.prototype.kebab = function () {
     return this.replace(/ /g, '-');
-}
+};
 
 // TODO: what would this be used for?
-String.prototype.lcfirst = function() {
+String.prototype.lcfirst = function () {
     return this.substr(0, 1).toLowerCase() + this.substr(1);
-}
+};
 
 // this isn't implemented in Vue filters because why would you ever turn something _into_ Snake case for user display?
-String.prototype.snake = function() {
+String.prototype.snake = function () {
     return this.replace(/ /g, '_');
-}
+};
 
-String.prototype.ucfirst = function() {
+String.prototype.ucfirst = function () {
     return this.substr(0, 1).toUpperCase() + this.substr(1);
-}
+};
 
-String.prototype.ucwords = function() {
-    return this.replace(/^[a-z]| [a-z]/gi, function(value) {
+String.prototype.ucwords = function () {
+    return this.replace(/^[a-z]| [a-z]/gi, function (value) {
         return value.toUpperCase();
     });
-}
+};
 
-String.prototype.unsnake = function() {
+String.prototype.unsnake = function () {
     return this.replace(/_/g, ' ');
-}
+};

package/src/helpers/vue.js

@@ -1,5 +1,5 @@
 import app from '../app';
 
-app.config.globalProperties.$isPropTruthy = function(value) {
+app.config.globalProperties.$isPropTruthy = function (value) {
     return value !== undefined && (value === '' || value);
-};
+};

package/src/index.js

@@ -2,15 +2,15 @@
 // 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 vfConfig from './config';
-
-import app, { setRootComponent } from './app';
 import './components';
 import './directives';
-import { registerFilter, registerFilters } from './filters';
 import './helpers';
 import './plugins';
 
+import app, { setRootComponent } from './app';
+import vfConfig from './config';
+import { registerFilter, registerFilters } from './filters';
+
 export default {
     getApp,
     configure,
@@ -30,4 +30,4 @@ function mount(rootComponent, target) {
 
 function getApp() {
     return app;
-}
+}

package/src/plugins/index.js

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

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

@@ -10,7 +10,7 @@ export default class InfiniteScrollHook {
     }
 
     install() {
-        this.el.addEventListener('scroll', this.onScroll);   
+        this.el.addEventListener('scroll', this.onScroll);
     }
 
     uninstall() {
@@ -27,4 +27,4 @@ export default class InfiniteScrollHook {
             this.isTripped = false;
         }
     }
-}
+}

package/src/plugins/infinite-scroll.js

@@ -3,23 +3,30 @@
 import InfiniteScrollHook from './infinite-scroll/hook';
 
 class InfiniteScroll {
-    static install(app, options) {
+    static install(app) {
         const scrollableValues = ['auto', 'scroll'];
-        const discoverScrollableAncestorEl = function(el) {
+        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)) {
+            if (
+                scrollableValues.includes(computedStyle.overflow) ||
+                scrollableValues.includes(computedStyle.overflowX) ||
+                scrollableValues.includes(computedStyle.overflowY)
+            ) {
                 return el;
             }
 
             return discoverScrollableAncestorEl(el);
         };
 
-        const installScrollHook = function() {
+        const installScrollHook = function () {
             if (this.$options.windowScrolledToBottom) {
-                this._windowScrollHook = new InfiniteScrollHook(window, this.$options.windowScrolledToBottom.bind(this));
+                this._windowScrollHook = new InfiniteScrollHook(
+                    window,
+                    this.$options.windowScrolledToBottom.bind(this)
+                );
                 this._windowScrollHook.install();
             }
 
@@ -31,7 +38,10 @@ class InfiniteScroll {
             if (this.$options.ancestorScrolledToBottom) {
                 const scrollableAncestorEl = discoverScrollableAncestorEl(this.$el);
                 if (scrollableAncestorEl) {
-                    this._ancestorScrollHook = new InfiniteScrollHook(scrollableAncestorEl, this.$options.ancestorScrolledToBottom.bind(this));
+                    this._ancestorScrollHook = new InfiniteScrollHook(
+                        scrollableAncestorEl,
+                        this.$options.ancestorScrolledToBottom.bind(this)
+                    );
                     this._ancestorScrollHook.install();
                 } else {
                     console.warn('no scollable ancestor found for component:', this);
@@ -39,7 +49,7 @@ class InfiniteScroll {
             }
         };
 
-        const reinstallScrollHook = function() {
+        const reinstallScrollHook = function () {
             if (this._windowScrollHandler) {
                 this._windowScrollHandler.install();
             }
@@ -53,7 +63,7 @@ class InfiniteScroll {
             }
         };
 
-        const removeScrollHook = function() {
+        const removeScrollHook = function () {
             if (this._windowScrollHandler) {
                 this._windowScrollHandler.uninstall();
             }
@@ -65,7 +75,7 @@ class InfiniteScroll {
             if (this._ancestorScrollHook) {
                 this._ancestorScrollHook.uninstall();
             }
-        }
+        };
 
         app.mixin({
             mounted() {
@@ -87,4 +97,4 @@ class InfiniteScroll {
     }
 }
 
-export default InfiniteScroll;
+export default InfiniteScroll;

package/src/plugins/resize-watcher.js

@@ -1,9 +1,7 @@
-import Vue from 'vue'
-
 // 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, options) {
+    static install(app) {
         app.mixin({
             mounted() {
                 if (this.$options.windowResized) {
@@ -27,4 +25,4 @@ class ResizeWatcher {
     }
 }
 
-export default ResizeWatcher;
+export default ResizeWatcher;