@burh/nuxt-core 1.0.307 → 1.0.309

package/components/argon-core/Modal.vue

@@ -1,184 +1,184 @@
-<template>
-	<SlideYUpTransition :duration="animationDuration">
-		<div
-			class="modal fade"
-			@click.self="closeModal"
-			:class="[
-				{ 'show d-block': show },
-				{ 'd-none': !show },
-				{ 'modal-mini': type === 'mini' }
-			]"
-			v-show="show"
-			tabindex="-1"
-			role="dialog"
-			:aria-hidden="!show"
-		>
-			<div
-				class="modal-dialog modal-dialog-centered"
-				:class="[
-					{
-						'modal-notice': type === 'notice',
-						[`modal-${size}`]: size
-					},
-					modalClasses
-				]"
-			>
-				<div
-					class="modal-content"
-					:class="[
-						gradient ? `bg-gradient-${gradient}` : '',
-						modalContentClasses
-					]"
-				>
-					<div
-						class="modal-header"
-						:class="[headerClasses]"
-						v-if="$slots.header"
-					>
-						<slot name="header"></slot>
-						<slot name="close-button">
-							<button
-								class="tool tool-close"
-								v-if="showClose"
-								@click="closeModal"
-								data-dismiss="modal"
-								aria-label="Close"
-							>
-								Fechar
-								<font-awesome-icon
-									:icon="['fas', 'times']"
-									class="text-white ml-1"
-								/>
-							</button>
-						</slot>
-					</div>
-
-					<div class="modal-body" :class="bodyClasses">
-						<slot></slot>
-					</div>
-
-					<div
-						class="modal-footer"
-						:class="footerClasses"
-						v-if="$slots.footer"
-					>
-						<slot name="footer"></slot>
-					</div>
-				</div>
-			</div>
-		</div>
-	</SlideYUpTransition>
-</template>
-<script>
-import { SlideYUpTransition } from 'vue2-transitions';
-
-export default {
-	name: 'modal',
-	components: {
-		SlideYUpTransition
-	},
-	props: {
-		show: Boolean,
-		showClose: {
-			type: Boolean,
-			default: true
-		},
-		type: {
-			type: String,
-			default: '',
-			validator(value) {
-				let acceptedValues = ['', 'notice', 'mini'];
-				return acceptedValues.indexOf(value) !== -1;
-			},
-			description: 'Modal type (notice|mini|"") '
-		},
-		modalClasses: {
-			type: [Object, String],
-			description: 'Modal dialog css classes'
-		},
-		size: {
-			type: String,
-			description: 'Modal size',
-			validator(value) {
-				let acceptedValues = ['', 'sm', 'lg', 'xl'];
-				return acceptedValues.indexOf(value) !== -1;
-			}
-		},
-		modalContentClasses: {
-			type: [Object, String],
-			description: 'Modal dialog content css classes'
-		},
-		gradient: {
-			type: String,
-			description: 'Modal gradient type (danger, primary etc)'
-		},
-		headerClasses: {
-			type: [Object, String],
-			description: 'Modal Header css classes'
-		},
-		bodyClasses: {
-			type: [Object, String],
-			description: 'Modal Body css classes'
-		},
-		footerClasses: {
-			type: [Object, String],
-			description: 'Modal Footer css classes'
-		},
-		animationDuration: {
-			type: Number,
-			default: 500,
-			description: 'Modal transition duration'
-		}
-	},
-	methods: {
-		closeModal() {
-			this.$emit('update:show', false);
-			this.$emit('close');
-		}
-	},
-	watch: {
-		show(val) {
-			let documentClasses = document.body.classList;
-			if (val) {
-				documentClasses.add('modal-open');
-			} else {
-				documentClasses.remove('modal-open');
-			}
-		}
-	}
-};
-</script>
-<style lang="scss">
-@import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
-
-.modal.show {
-    background-color: rgba(23,43,77, 0.7);
-}
-
-.tool {
-    position: absolute;
-    top: 1rem;
-    z-index: 10;
-    color: $primary;
-    cursor: pointer;
-    border: none;
-
-    &-close {
-        position: absolute;
-        width: 88px;
-        height: 27px;
-        right: 7px;
-        top: 7px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-
-        font-size: 11px;
-
-        font-weight: 500;
-        background: rgba(0, 0, 0, 0.2);
-        border-radius: 17.5px;
-        color: #fff;
-    }
-}
-</style>
+<template>
+	<SlideYUpTransition :duration="animationDuration">
+		<div
+			class="modal fade"
+			@click.self="closeModal"
+			:class="[
+				{ 'show d-block': show },
+				{ 'd-none': !show },
+				{ 'modal-mini': type === 'mini' }
+			]"
+			v-show="show"
+			tabindex="-1"
+			role="dialog"
+			:aria-hidden="!show"
+		>
+			<div
+				class="modal-dialog modal-dialog-centered"
+				:class="[
+					{
+						'modal-notice': type === 'notice',
+						[`modal-${size}`]: size
+					},
+					modalClasses
+				]"
+			>
+				<div
+					class="modal-content"
+					:class="[
+						gradient ? `bg-gradient-${gradient}` : '',
+						modalContentClasses
+					]"
+				>
+					<div
+						class="modal-header"
+						:class="[headerClasses]"
+						v-if="$slots.header"
+					>
+						<slot name="header"></slot>
+						<slot name="close-button">
+							<button
+								class="tool tool-close"
+								v-if="showClose"
+								@click="closeModal"
+								data-dismiss="modal"
+								aria-label="Close"
+							>
+								Fechar
+								<font-awesome-icon
+									:icon="['fas', 'times']"
+									class="text-white ml-1"
+								/>
+							</button>
+						</slot>
+					</div>
+
+					<div class="modal-body" :class="bodyClasses">
+						<slot></slot>
+					</div>
+
+					<div
+						class="modal-footer"
+						:class="footerClasses"
+						v-if="$slots.footer"
+					>
+						<slot name="footer"></slot>
+					</div>
+				</div>
+			</div>
+		</div>
+	</SlideYUpTransition>
+</template>
+<script>
+import { SlideYUpTransition } from 'vue2-transitions';
+
+export default {
+	name: 'modal',
+	components: {
+		SlideYUpTransition
+	},
+	props: {
+		show: Boolean,
+		showClose: {
+			type: Boolean,
+			default: true
+		},
+		type: {
+			type: String,
+			default: '',
+			validator(value) {
+				let acceptedValues = ['', 'notice', 'mini'];
+				return acceptedValues.indexOf(value) !== -1;
+			},
+			description: 'Modal type (notice|mini|"") '
+		},
+		modalClasses: {
+			type: [Object, String],
+			description: 'Modal dialog css classes'
+		},
+		size: {
+			type: String,
+			description: 'Modal size',
+			validator(value) {
+				let acceptedValues = ['', 'sm', 'lg', 'xl'];
+				return acceptedValues.indexOf(value) !== -1;
+			}
+		},
+		modalContentClasses: {
+			type: [Object, String],
+			description: 'Modal dialog content css classes'
+		},
+		gradient: {
+			type: String,
+			description: 'Modal gradient type (danger, primary etc)'
+		},
+		headerClasses: {
+			type: [Object, String],
+			description: 'Modal Header css classes'
+		},
+		bodyClasses: {
+			type: [Object, String],
+			description: 'Modal Body css classes'
+		},
+		footerClasses: {
+			type: [Object, String],
+			description: 'Modal Footer css classes'
+		},
+		animationDuration: {
+			type: Number,
+			default: 500,
+			description: 'Modal transition duration'
+		}
+	},
+	methods: {
+		closeModal() {
+			this.$emit('update:show', false);
+			this.$emit('close');
+		}
+	},
+	watch: {
+		show(val) {
+			let documentClasses = document.body.classList;
+			if (val) {
+				documentClasses.add('modal-open');
+			} else {
+				documentClasses.remove('modal-open');
+			}
+		}
+	}
+};
+</script>
+<style lang="scss">
+@import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
+
+.modal.show {
+    background-color: rgba(23,43,77, 0.7);
+}
+
+.tool {
+    position: absolute;
+    top: 1rem;
+    z-index: 10;
+    color: $primary;
+    cursor: pointer;
+    border: none;
+
+    &-close {
+        position: absolute;
+        width: 88px;
+        height: 27px;
+        right: 7px;
+        top: 7px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        font-size: 11px;
+
+        font-weight: 500;
+        background: rgba(0, 0, 0, 0.2);
+        border-radius: 17.5px;
+        color: #fff;
+    }
+}
+</style>

package/components/argon-core/Navbar/BaseNav.vue

@@ -1,122 +1,122 @@
-<template>
-  <nav :class="classes" class="navbar">
-    <div :class="containerClasses">
-      <slot name="brand"></slot>
-
-      <slot name="toggle-button">
-        <button
-          class="navbar-toggler collapsed"
-          v-if="hasMenu"
-          type="button"
-          @click="toggleMenu"
-          aria-expanded="false"
-          aria-label="Toggle navigation"
-        >
-          <span class="navbar-toggler-bar navbar-kebab"></span>
-          <span class="navbar-toggler-bar navbar-kebab"></span>
-          <span class="navbar-toggler-bar navbar-kebab"></span>
-        </button>
-      </slot>
-
-      <button class="navbar-toggler" @click.stop="toggleMenu">
-        <span class="navbar-toggler-icon"></span>
-      </button>
-
-        <div
-          class="navbar-collapse navbar-custom-collapse collapse show"
-          :class="menuClasses"
-          v-show="show"
-          v-click-outside="closeMenu">
-          <slot :close-menu="closeMenu"></slot>
-        </div>
-
-      <slot name="user"></slot>
-    </div>
-  </nav>
-</template>
-<script>
-export default {
-  name: 'base-nav',
-  props: {
-    show: {
-      type: Boolean,
-      default: false,
-      description:
-        'Whether navbar menu is shown (valid for viewports < specified by `expand` prop)'
-    },
-    transparent: {
-      type: Boolean,
-      default: false,
-      description: 'Whether navbar is transparent'
-    },
-    expand: {
-      type: String,
-      default: 'lg',
-      description: 'Breakpoint where nav should expand'
-    },
-    menuClasses: {
-      type: [String, Object, Array],
-      default: '',
-      description:
-        'Navbar menu (items) classes. Can be used to align menu items to the right/left'
-    },
-    containerClasses: {
-      type: [String, Object, Array],
-      default: 'container',
-      description:
-        'Container classes. Can be used to control container classes (contains both navbar brand and menu items)'
-    },
-    type: {
-      type: String,
-      default: '',
-      validator(value) {
-        return [
-          '',
-          'dark',
-          'success',
-          'danger',
-          'warning',
-          'white',
-          'primary',
-          'light',
-          'info',
-          'vue'
-        ].includes(value);
-      },
-      description: 'Navbar color type'
-    }
-  },
-  model: {
-    prop: 'show',
-    event: 'change'
-  },
-  computed: {
-    classes() {
-      let color = `bg-${this.type}`;
-      let classes = [
-        { 'navbar-transparent': this.transparent },
-        { [`navbar-expand-${this.expand}`]: this.expand }
-      ];
-      if (this.position) {
-        classes.push(`navbar-${this.position}`);
-      }
-      if (!this.transparent) {
-        classes.push(color);
-      }
-      return classes;
-    },
-    hasMenu() {
-      return this.$slots.default;
-    }
-  },
-  methods: {
-    toggleMenu() {
-      this.$emit('change', !this.show);
-    },
-    closeMenu() {
-      this.$emit('change', false);
-    }
-  }
-};
-</script>
-<style></style>
+<template>
+  <nav :class="classes" class="navbar">
+    <div :class="containerClasses">
+      <slot name="brand"></slot>
+
+      <slot name="toggle-button">
+        <button
+          class="navbar-toggler collapsed"
+          v-if="hasMenu"
+          type="button"
+          @click="toggleMenu"
+          aria-expanded="false"
+          aria-label="Toggle navigation"
+        >
+          <span class="navbar-toggler-bar navbar-kebab"></span>
+          <span class="navbar-toggler-bar navbar-kebab"></span>
+          <span class="navbar-toggler-bar navbar-kebab"></span>
+        </button>
+      </slot>
+
+      <button class="navbar-toggler" @click.stop="toggleMenu">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+
+        <div
+          class="navbar-collapse navbar-custom-collapse collapse show"
+          :class="menuClasses"
+          v-show="show"
+          v-click-outside="closeMenu">
+          <slot :close-menu="closeMenu"></slot>
+        </div>
+
+      <slot name="user"></slot>
+    </div>
+  </nav>
+</template>
+<script>
+export default {
+  name: 'base-nav',
+  props: {
+    show: {
+      type: Boolean,
+      default: false,
+      description:
+        'Whether navbar menu is shown (valid for viewports < specified by `expand` prop)'
+    },
+    transparent: {
+      type: Boolean,
+      default: false,
+      description: 'Whether navbar is transparent'
+    },
+    expand: {
+      type: String,
+      default: 'lg',
+      description: 'Breakpoint where nav should expand'
+    },
+    menuClasses: {
+      type: [String, Object, Array],
+      default: '',
+      description:
+        'Navbar menu (items) classes. Can be used to align menu items to the right/left'
+    },
+    containerClasses: {
+      type: [String, Object, Array],
+      default: 'container',
+      description:
+        'Container classes. Can be used to control container classes (contains both navbar brand and menu items)'
+    },
+    type: {
+      type: String,
+      default: '',
+      validator(value) {
+        return [
+          '',
+          'dark',
+          'success',
+          'danger',
+          'warning',
+          'white',
+          'primary',
+          'light',
+          'info',
+          'vue'
+        ].includes(value);
+      },
+      description: 'Navbar color type'
+    }
+  },
+  model: {
+    prop: 'show',
+    event: 'change'
+  },
+  computed: {
+    classes() {
+      let color = `bg-${this.type}`;
+      let classes = [
+        { 'navbar-transparent': this.transparent },
+        { [`navbar-expand-${this.expand}`]: this.expand }
+      ];
+      if (this.position) {
+        classes.push(`navbar-${this.position}`);
+      }
+      if (!this.transparent) {
+        classes.push(color);
+      }
+      return classes;
+    },
+    hasMenu() {
+      return this.$slots.default;
+    }
+  },
+  methods: {
+    toggleMenu() {
+      this.$emit('change', !this.show);
+    },
+    closeMenu() {
+      this.$emit('change', false);
+    }
+  }
+};
+</script>
+<style></style>

package/components/argon-core/Navbar/NavbarProgress.vue

@@ -1,19 +1,19 @@
-<template>
-  <div class="nav-progress">
-    <div class="container">
-        <div class="row justify-content-center">
-            <div class="col-12 col-md-8 col-lg-6 col-xl-5">
-                <ul class="nav nav-pills justify-content-between">
-                    <slot></slot>
-                </ul>
-            </div>
-        </div>
-    </div>
-  </div>
-</template>
-<script>
-export default {
-  name: 'navbar-progress'
-};
-</script>
-<style></style>
+<template>
+  <div class="nav-progress">
+    <div class="container">
+        <div class="row justify-content-center">
+            <div class="col-12 col-md-8 col-lg-6 col-xl-5">
+                <ul class="nav nav-pills justify-content-between">
+                    <slot></slot>
+                </ul>
+            </div>
+        </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: 'navbar-progress'
+};
+</script>
+<style></style>