@burh/nuxt-core 1.0.346 → 1.0.348

package/components/argon-core/NotificationPlugin/Notification.vue

@@ -1,207 +1,207 @@
-<template>
-	<div
-		@click="tryClose"
-		data-notify="container"
-		class="alert alert-notify alert-dismissible"
-		:class="[
-			{ 'alert-with-icon': icon },
-			verticalAlign,
-			horizontalAlign,
-			alertType
-		]"
-		role="alert"
-		:style="customPosition"
-		data-notify-position="top-center"
-	>
-		<template v-if="icon || $slots.icon">
-			<slot name="icon">
-				<span class="alert-icon" data-notify="icon">
-					<i :class="icon"></i>
-				</span>
-			</slot>
-		</template>
-
-		<span class="alert-text">
-
-			<span v-if="title" class="title">
-				<b>{{ title }}<br/></b>
-			</span>
-			<span v-if="message" v-html="message"></span>
-			<content-render
-				v-if="!message && component"
-				:component="component"
-			></content-render>
-		</span>
-
-		<slot name="dismiss-icon">
-			<button type="button"
-				class="close"
-				data-dismiss="alert"
-				aria-label="Close"
-				@click="close">
-				<span aria-hidden="true">×</span>
-			</button>
-		</slot>
-	</div>
-</template>
-<script>
-export default {
-	name: 'notification',
-	components: {
-		contentRender: {
-			props: ['component'],
-			render: h => h(this.component)
-		}
-	},
-	props: {
-		message: String,
-		title: {
-			type: String,
-			description: 'Notification title'
-		},
-		icon: {
-			type: String,
-			description: 'Notification icon'
-		},
-		verticalAlign: {
-			type: String,
-			default: 'top',
-			validator: value => {
-				let acceptedValues = ['top', 'bottom'];
-				return acceptedValues.indexOf(value) !== -1;
-			},
-			description: 'Vertical alignment of notification (top|bottom)'
-		},
-		horizontalAlign: {
-			type: String,
-			default: 'right',
-			validator: value => {
-				let acceptedValues = ['left', 'center', 'right'];
-				return acceptedValues.indexOf(value) !== -1;
-			},
-			description: 'Horizontal alignment of notification (left|center|right)'
-		},
-		type: {
-			type: String,
-			default: 'info',
-			validator: value => {
-				let acceptedValues = [
-					'default',
-					'info',
-					'primary',
-					'danger',
-					'warning',
-					'success'
-				];
-				return acceptedValues.indexOf(value) !== -1;
-			},
-			description: 'Notification type of notification (default|info|primary|danger|warning|success)'
-		},
-		timeout: {
-			type: Number,
-			default: 5000,
-			validator: value => {
-				return value >= 0;
-			},
-			description: 'Notification timeout (closes after X milliseconds). Default is 5000 (5s)'
-		},
-		timestamp: {
-			type: Date,
-			default: () => new Date(),
-			description: 'Notification timestamp (used internally to handle notification removal correctly)'
-		},
-		component: {
-			type: [Object, Function],
-			description: 'Custom content component. Cane be a `.vue` component or render function'
-		},
-		showClose: {
-			type: Boolean,
-			default: true,
-			description: 'Whether to show close button'
-		},
-		closeOnClick: {
-			type: Boolean,
-			default: true,
-			description: 'Whether to close notification when clicking it\' body'
-		},
-		clickHandler: {
-			type: Function,
-			description: 'Custom notification click handler'
-		}
-	},
-	data() {
-		return {
-			elmHeight: 0
-		};
-	},
-	computed: {
-		hasIcon() {
-			return this.icon && this.icon.length > 0;
-		},
-		alertType() {
-			return `alert-${this.type}`;
-		},
-		customPosition() {
-			let initialMargin = 20;
-			let alertHeight = this.elmHeight + 10;
-			let sameAlertsCount = this.$notifications.state.filter(alert => {
-				return (
-					alert.horizontalAlign === this.horizontalAlign &&
-            alert.verticalAlign === this.verticalAlign &&
-            alert.timestamp <= this.timestamp
-				);
-			}).length;
-			if (this.$notifications.settings.overlap) {
-				sameAlertsCount = 1;
-			}
-			let pixels = (sameAlertsCount - 1) * alertHeight + initialMargin;
-			let styles = {};
-			if (this.verticalAlign === 'top') {
-				styles.top = `${pixels}px`;
-			} else {
-				styles.bottom = `${pixels}px`;
-			}
-			return styles;
-		}
-	},
-	methods: {
-		close() {
-			this.$emit('close', this.timestamp);
-		},
-		tryClose(evt) {
-			if (this.clickHandler) {
-				this.clickHandler(evt, this);
-			}
-			if (this.closeOnClick) {
-				this.close();
-			}
-		}
-	},
-	mounted() {
-		this.elmHeight = this.$el.clientHeight;
-		if (this.timeout) {
-			setTimeout(this.close, this.timeout);
-		}
-	}
-};
-</script>
-<style lang="scss">
-  .notifications .alert {
-    position: fixed;
-    z-index: 10000;
-
-    &[data-notify='container'] {
-      max-width: 500px;
-    }
-
-    &.center {
-      margin: 0 auto;
-    }
-    &.left {
-      left: 20px;
-    }
-    &.right {
-      right: 20px;
-    }
-  }
-</style>
+<template>
+	<div
+		@click="tryClose"
+		data-notify="container"
+		class="alert alert-notify alert-dismissible"
+		:class="[
+			{ 'alert-with-icon': icon },
+			verticalAlign,
+			horizontalAlign,
+			alertType
+		]"
+		role="alert"
+		:style="customPosition"
+		data-notify-position="top-center"
+	>
+		<template v-if="icon || $slots.icon">
+			<slot name="icon">
+				<span class="alert-icon" data-notify="icon">
+					<i :class="icon"></i>
+				</span>
+			</slot>
+		</template>
+
+		<span class="alert-text">
+
+			<span v-if="title" class="title">
+				<b>{{ title }}<br/></b>
+			</span>
+			<span v-if="message" v-html="message"></span>
+			<content-render
+				v-if="!message && component"
+				:component="component"
+			></content-render>
+		</span>
+
+		<slot name="dismiss-icon">
+			<button type="button"
+				class="close"
+				data-dismiss="alert"
+				aria-label="Close"
+				@click="close">
+				<span aria-hidden="true">×</span>
+			</button>
+		</slot>
+	</div>
+</template>
+<script>
+export default {
+	name: 'notification',
+	components: {
+		contentRender: {
+			props: ['component'],
+			render: h => h(this.component)
+		}
+	},
+	props: {
+		message: String,
+		title: {
+			type: String,
+			description: 'Notification title'
+		},
+		icon: {
+			type: String,
+			description: 'Notification icon'
+		},
+		verticalAlign: {
+			type: String,
+			default: 'top',
+			validator: value => {
+				let acceptedValues = ['top', 'bottom'];
+				return acceptedValues.indexOf(value) !== -1;
+			},
+			description: 'Vertical alignment of notification (top|bottom)'
+		},
+		horizontalAlign: {
+			type: String,
+			default: 'right',
+			validator: value => {
+				let acceptedValues = ['left', 'center', 'right'];
+				return acceptedValues.indexOf(value) !== -1;
+			},
+			description: 'Horizontal alignment of notification (left|center|right)'
+		},
+		type: {
+			type: String,
+			default: 'info',
+			validator: value => {
+				let acceptedValues = [
+					'default',
+					'info',
+					'primary',
+					'danger',
+					'warning',
+					'success'
+				];
+				return acceptedValues.indexOf(value) !== -1;
+			},
+			description: 'Notification type of notification (default|info|primary|danger|warning|success)'
+		},
+		timeout: {
+			type: Number,
+			default: 5000,
+			validator: value => {
+				return value >= 0;
+			},
+			description: 'Notification timeout (closes after X milliseconds). Default is 5000 (5s)'
+		},
+		timestamp: {
+			type: Date,
+			default: () => new Date(),
+			description: 'Notification timestamp (used internally to handle notification removal correctly)'
+		},
+		component: {
+			type: [Object, Function],
+			description: 'Custom content component. Cane be a `.vue` component or render function'
+		},
+		showClose: {
+			type: Boolean,
+			default: true,
+			description: 'Whether to show close button'
+		},
+		closeOnClick: {
+			type: Boolean,
+			default: true,
+			description: 'Whether to close notification when clicking it\' body'
+		},
+		clickHandler: {
+			type: Function,
+			description: 'Custom notification click handler'
+		}
+	},
+	data() {
+		return {
+			elmHeight: 0
+		};
+	},
+	computed: {
+		hasIcon() {
+			return this.icon && this.icon.length > 0;
+		},
+		alertType() {
+			return `alert-${this.type}`;
+		},
+		customPosition() {
+			let initialMargin = 20;
+			let alertHeight = this.elmHeight + 10;
+			let sameAlertsCount = this.$notifications.state.filter(alert => {
+				return (
+					alert.horizontalAlign === this.horizontalAlign &&
+            alert.verticalAlign === this.verticalAlign &&
+            alert.timestamp <= this.timestamp
+				);
+			}).length;
+			if (this.$notifications.settings.overlap) {
+				sameAlertsCount = 1;
+			}
+			let pixels = (sameAlertsCount - 1) * alertHeight + initialMargin;
+			let styles = {};
+			if (this.verticalAlign === 'top') {
+				styles.top = `${pixels}px`;
+			} else {
+				styles.bottom = `${pixels}px`;
+			}
+			return styles;
+		}
+	},
+	methods: {
+		close() {
+			this.$emit('close', this.timestamp);
+		},
+		tryClose(evt) {
+			if (this.clickHandler) {
+				this.clickHandler(evt, this);
+			}
+			if (this.closeOnClick) {
+				this.close();
+			}
+		}
+	},
+	mounted() {
+		this.elmHeight = this.$el.clientHeight;
+		if (this.timeout) {
+			setTimeout(this.close, this.timeout);
+		}
+	}
+};
+</script>
+<style lang="scss">
+  .notifications .alert {
+    position: fixed;
+    z-index: 10000;
+
+    &[data-notify='container'] {
+      max-width: 500px;
+    }
+
+    &.center {
+      margin: 0 auto;
+    }
+    &.left {
+      left: 20px;
+    }
+    &.right {
+      right: 20px;
+    }
+  }
+</style>

package/components/argon-core/NotificationPlugin/Notifications.vue

@@ -1,55 +1,55 @@
-<template>
-	<div class="notifications">
-		<slide-y-up-transition :duration="transitionDuration"
-			group
-			mode="out-in">
-			<notification
-				v-for="notification in notifications"
-				v-bind="notification"
-				:clickHandler="notification.onClick"
-				:key="notification.timestamp.getTime()"
-				@close="removeNotification"
-			>
-			</notification>
-		</slide-y-up-transition>
-	</div>
-</template>
-<script>
-import Notification from './Notification.vue';
-import { SlideYUpTransition } from 'vue2-transitions';
-
-export default {
-	components: {
-		SlideYUpTransition,
-		Notification
-	},
-	props: {
-		transitionDuration: {
-			type: Number,
-			default: 200
-		},
-		overlap: {
-			type: Boolean,
-			default: false
-		}
-	},
-	data() {
-		return {
-			notifications: this.$notifications.state
-		};
-	},
-	methods: {
-		removeNotification(timestamp) {
-			this.$notifications.removeNotification(timestamp);
-		}
-	},
-	created() {
-		this.$notifications.settings.overlap = this.overlap;
-	},
-	watch: {
-		overlap: function (newVal) {
-			this.$notifications.settings.overlap = newVal;
-		}
-	}
-};
-</script>
+<template>
+	<div class="notifications">
+		<slide-y-up-transition :duration="transitionDuration"
+			group
+			mode="out-in">
+			<notification
+				v-for="notification in notifications"
+				v-bind="notification"
+				:clickHandler="notification.onClick"
+				:key="notification.timestamp.getTime()"
+				@close="removeNotification"
+			>
+			</notification>
+		</slide-y-up-transition>
+	</div>
+</template>
+<script>
+import Notification from './Notification.vue';
+import { SlideYUpTransition } from 'vue2-transitions';
+
+export default {
+	components: {
+		SlideYUpTransition,
+		Notification
+	},
+	props: {
+		transitionDuration: {
+			type: Number,
+			default: 200
+		},
+		overlap: {
+			type: Boolean,
+			default: false
+		}
+	},
+	data() {
+		return {
+			notifications: this.$notifications.state
+		};
+	},
+	methods: {
+		removeNotification(timestamp) {
+			this.$notifications.removeNotification(timestamp);
+		}
+	},
+	created() {
+		this.$notifications.settings.overlap = this.overlap;
+	},
+	watch: {
+		overlap: function (newVal) {
+			this.$notifications.settings.overlap = newVal;
+		}
+	}
+};
+</script>

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;