@burh/nuxt-core 1.0.500 → 1.0.502

package/components/argon-core/NotificationPlugin/index.js

@@ -1,66 +1,66 @@
-import Notifications from './Notifications.vue';
-
-const NotificationStore = {
-	state: [], // here the notifications will be added
-	settings: {
-		overlap: false,
-		verticalAlign: 'top',
-		horizontalAlign: 'right',
-		type: 'info',
-		timeout: 5000,
-		closeOnClick: true,
-		showClose: true
-	},
-	setOptions(options) {
-		this.settings = Object.assign(this.settings, options);
-	},
-	removeNotification(timestamp) {
-		const indexToDelete = this.state.findIndex(n => n.timestamp === timestamp);
-		if (indexToDelete !== -1) {
-			this.state.splice(indexToDelete, 1);
-		}
-	},
-	addNotification(notification) {
-		if (typeof notification === 'string' || notification instanceof String) {
-			notification = { message: notification };
-		}
-		notification.timestamp = new Date();
-		notification.timestamp.setMilliseconds(
-			notification.timestamp.getMilliseconds() + this.state.length
-		);
-		notification = Object.assign({}, this.settings, notification);
-		this.state.push(notification);
-	},
-	notify(notification) {
-		if (Array.isArray(notification)) {
-			notification.forEach(notificationInstance => {
-				this.addNotification(notificationInstance);
-			});
-		} else {
-			this.addNotification(notification);
-		}
-	}
-};
-
-const NotificationsPlugin = {
-	install(Vue, options) {
-		let app = new Vue({
-			data: {
-				notificationStore: NotificationStore
-			},
-			methods: {
-				notify(notification) {
-					this.notificationStore.notify(notification);
-				}
-			}
-		});
-		Vue.prototype.$notify = app.notify;
-		Vue.prototype.$notifications = app.notificationStore;
-		Vue.component('Notifications', Notifications);
-		if (options) {
-			NotificationStore.setOptions(options);
-		}
-	}
-};
-
-export default NotificationsPlugin;
+import Notifications from './Notifications.vue';
+
+const NotificationStore = {
+	state: [], // here the notifications will be added
+	settings: {
+		overlap: false,
+		verticalAlign: 'top',
+		horizontalAlign: 'right',
+		type: 'info',
+		timeout: 5000,
+		closeOnClick: true,
+		showClose: true
+	},
+	setOptions(options) {
+		this.settings = Object.assign(this.settings, options);
+	},
+	removeNotification(timestamp) {
+		const indexToDelete = this.state.findIndex(n => n.timestamp === timestamp);
+		if (indexToDelete !== -1) {
+			this.state.splice(indexToDelete, 1);
+		}
+	},
+	addNotification(notification) {
+		if (typeof notification === 'string' || notification instanceof String) {
+			notification = { message: notification };
+		}
+		notification.timestamp = new Date();
+		notification.timestamp.setMilliseconds(
+			notification.timestamp.getMilliseconds() + this.state.length
+		);
+		notification = Object.assign({}, this.settings, notification);
+		this.state.push(notification);
+	},
+	notify(notification) {
+		if (Array.isArray(notification)) {
+			notification.forEach(notificationInstance => {
+				this.addNotification(notificationInstance);
+			});
+		} else {
+			this.addNotification(notification);
+		}
+	}
+};
+
+const NotificationsPlugin = {
+	install(Vue, options) {
+		let app = new Vue({
+			data: {
+				notificationStore: NotificationStore
+			},
+			methods: {
+				notify(notification) {
+					this.notificationStore.notify(notification);
+				}
+			}
+		});
+		Vue.prototype.$notify = app.notify;
+		Vue.prototype.$notifications = app.notificationStore;
+		Vue.component('Notifications', Notifications);
+		if (options) {
+			NotificationStore.setOptions(options);
+		}
+	}
+};
+
+export default NotificationsPlugin;

package/components/argon-core/SidebarPlugin/SideBar.vue

@@ -1,119 +1,119 @@
-<template>
-  <div class="sidenav navbar navbar-vertical fixed-left navbar-expand-xs navbar-light bg-white"
-       @mouseenter="$sidebar.onMouseEnter()"
-       @mouseleave="$sidebar.onMouseLeave()"
-       :data="backgroundColor">
-    <div class="scrollbar-inner" ref="sidebarScrollArea">
-      <div class="sidenav-header d-flex align-items-center">
-        <a class="navbar-brand" href="#">
-          <img :src="logo" class="navbar-brand-img" alt="Sidebar logo">
-        </a>
-        <div class="ml-auto">
-          <!-- Sidenav toggler -->
-          <div class="sidenav-toggler d-none d-xl-block"
-               :class="{'active': !$sidebar.isMinimized }"
-               @click="minimizeSidebar">
-            <div class="sidenav-toggler-inner">
-              <i class="sidenav-toggler-line"></i>
-              <i class="sidenav-toggler-line"></i>
-              <i class="sidenav-toggler-line"></i>
-            </div>
-          </div>
-        </div>
-      </div>
-      <slot></slot>
-      <div class="navbar-inner">
-        <ul class="navbar-nav">
-          <slot name="links">
-            <sidebar-item
-              v-for="(link, index) in sidebarLinks"
-              :key="link.name + index"
-              :link="link"
-            >
-              <sidebar-item
-                v-for="(subLink, index) in link.children"
-                :key="subLink.name + index"
-                :link="subLink"
-              >
-              </sidebar-item>
-            </sidebar-item>
-          </slot>
-        </ul>
-        <slot name="links-after"></slot>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-export default {
-  name: 'sidebar',
-  props: {
-    title: {
-      type: String,
-      default: 'Creative Tim',
-      description: 'Sidebar title'
-    },
-    shortTitle: {
-      type: String,
-      default: 'CT',
-      description: 'Sidebar short title'
-    },
-    logo: {
-      type: String,
-      default: '/img/brand/burh-imagotipo.svg',
-      description: 'Sidebar app logo'
-    },
-    backgroundColor: {
-      type: String,
-      default: 'vue',
-      validator: value => {
-        let acceptedValues = [
-          '',
-          'vue',
-          'blue',
-          'green',
-          'orange',
-          'red',
-          'primary'
-        ];
-        return acceptedValues.indexOf(value) !== -1;
-      },
-      description:
-        'Sidebar background color (vue|blue|green|orange|red|primary)'
-    },
-    sidebarLinks: {
-      type: Array,
-      default: () => [],
-      description:
-        "List of sidebar links as an array if you don't want to use components for these."
-    },
-    autoClose: {
-      type: Boolean,
-      default: true,
-      description:
-        'Whether sidebar should autoclose on mobile when clicking an item'
-    }
-  },
-  provide() {
-    return {
-      autoClose: this.autoClose
-    };
-  },
-  methods: {
-    minimizeSidebar() {
-      if (this.$sidebar) {
-        this.$sidebar.toggleMinimize();
-      }
-    }
-  },
-  mounted() {
-    this.$sidebar.isMinimized = this.$sidebar.breakpoint < window.innerWidth
-    this.minimizeSidebar()
-  },
-  beforeDestroy() {
-    if (this.$sidebar.showSidebar) {
-      this.$sidebar.showSidebar = false;
-    }
-  }
-};
-</script>
+<template>
+  <div class="sidenav navbar navbar-vertical fixed-left navbar-expand-xs navbar-light bg-white"
+       @mouseenter="$sidebar.onMouseEnter()"
+       @mouseleave="$sidebar.onMouseLeave()"
+       :data="backgroundColor">
+    <div class="scrollbar-inner" ref="sidebarScrollArea">
+      <div class="sidenav-header d-flex align-items-center">
+        <a class="navbar-brand" href="#">
+          <img :src="logo" class="navbar-brand-img" alt="Sidebar logo">
+        </a>
+        <div class="ml-auto">
+          <!-- Sidenav toggler -->
+          <div class="sidenav-toggler d-none d-xl-block"
+               :class="{'active': !$sidebar.isMinimized }"
+               @click="minimizeSidebar">
+            <div class="sidenav-toggler-inner">
+              <i class="sidenav-toggler-line"></i>
+              <i class="sidenav-toggler-line"></i>
+              <i class="sidenav-toggler-line"></i>
+            </div>
+          </div>
+        </div>
+      </div>
+      <slot></slot>
+      <div class="navbar-inner">
+        <ul class="navbar-nav">
+          <slot name="links">
+            <sidebar-item
+              v-for="(link, index) in sidebarLinks"
+              :key="link.name + index"
+              :link="link"
+            >
+              <sidebar-item
+                v-for="(subLink, index) in link.children"
+                :key="subLink.name + index"
+                :link="subLink"
+              >
+              </sidebar-item>
+            </sidebar-item>
+          </slot>
+        </ul>
+        <slot name="links-after"></slot>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: 'sidebar',
+  props: {
+    title: {
+      type: String,
+      default: 'Creative Tim',
+      description: 'Sidebar title'
+    },
+    shortTitle: {
+      type: String,
+      default: 'CT',
+      description: 'Sidebar short title'
+    },
+    logo: {
+      type: String,
+      default: '/img/brand/burh-imagotipo.svg',
+      description: 'Sidebar app logo'
+    },
+    backgroundColor: {
+      type: String,
+      default: 'vue',
+      validator: value => {
+        let acceptedValues = [
+          '',
+          'vue',
+          'blue',
+          'green',
+          'orange',
+          'red',
+          'primary'
+        ];
+        return acceptedValues.indexOf(value) !== -1;
+      },
+      description:
+        'Sidebar background color (vue|blue|green|orange|red|primary)'
+    },
+    sidebarLinks: {
+      type: Array,
+      default: () => [],
+      description:
+        "List of sidebar links as an array if you don't want to use components for these."
+    },
+    autoClose: {
+      type: Boolean,
+      default: true,
+      description:
+        'Whether sidebar should autoclose on mobile when clicking an item'
+    }
+  },
+  provide() {
+    return {
+      autoClose: this.autoClose
+    };
+  },
+  methods: {
+    minimizeSidebar() {
+      if (this.$sidebar) {
+        this.$sidebar.toggleMinimize();
+      }
+    }
+  },
+  mounted() {
+    this.$sidebar.isMinimized = this.$sidebar.breakpoint < window.innerWidth
+    this.minimizeSidebar()
+  },
+  beforeDestroy() {
+    if (this.$sidebar.showSidebar) {
+      this.$sidebar.showSidebar = false;
+    }
+  }
+};
+</script>