@burh/nuxt-core 1.0.503 → 1.0.505

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

@@ -1,184 +1,184 @@
-<template>
-  <component
-    :is="baseComponent"
-    :to="link.path ? link.path : '/'"
-    class="nav-item"
-    :class="{ active: isActive }"
-    tag="li"
-  >
-    <a
-      v-if="isMenu"
-      class="sidebar-menu-item nav-link"
-      :class="{ active: isActive }"
-      :aria-expanded="!collapsed"
-      data-toggle="collapse"
-      @click.prevent="collapseMenu"
-    >
-      <template v-if="addLink">
-        <span class="nav-link-text">
-          {{ link.name }} <b class="caret"></b>
-        </span>
-      </template>
-      <template v-else>
-        <i :class="link.icon"></i>
-        <span class="nav-link-text">{{ link.name }} <b class="caret"></b></span>
-      </template>
-    </a>
-
-    <collapse-transition>
-      <div v-show="!collapsed" class="collapse show">
-        <ul class="nav nav-sm flex-column">
-          <slot></slot>
-        </ul>
-      </div>
-    </collapse-transition>
-
-    <slot
-      name="title"
-      v-if="children.length === 0 && !$slots.default && link.path"
-    >
-      <component
-        :to="link.path"
-        @click.native="linkClick"
-        :is="elementType(link, false)"
-        class="nav-link"
-        :class="{ active: link.active }"
-        :target="link.target"
-        :href="link.path"
-      >
-        <template v-if="addLink">
-          <span class="nav-link-text">{{ link.name }}</span>
-        </template>
-        <template v-else>
-          <i :class="link.icon"></i>
-          <span class="nav-link-text">{{ link.name }}</span>
-        </template>
-      </component>
-    </slot>
-  </component>
-</template>
-<script>
-import { CollapseTransition } from 'vue2-transitions';
-
-export default {
-  name: 'sidebar-item',
-  components: {
-    CollapseTransition
-  },
-  props: {
-    menu: {
-      type: Boolean,
-      default: false,
-      description:
-        "Whether the item is a menu. Most of the item it's not used and should be used only if you want to override the default behavior."
-    },
-    link: {
-      type: Object,
-      default: () => {
-        return {
-          name: '',
-          path: '',
-          children: []
-        };
-      },
-      description:
-        'Sidebar link. Can contain name, path, icon and other attributes. See examples for more info'
-    }
-  },
-  provide() {
-    return {
-      addLink: this.addChild,
-      removeLink: this.removeChild
-    };
-  },
-  inject: {
-    addLink: { default: null },
-    removeLink: { default: null },
-    autoClose: {
-      default: true
-    }
-  },
-  data() {
-    return {
-      children: [],
-      collapsed: true
-    };
-  },
-  computed: {
-    baseComponent() {
-      return this.isMenu || this.link.isRoute ? 'li' : 'router-link';
-    },
-    isMenu() {
-      if (!this.$slots.default) {
-        return false
-      }
-      return this.$slots.default.some(item => item.tag.endsWith('sidebar-item'))
-    },
-    isActive() {
-      if (this.$route && this.$route.path) {
-        let matchingRoute = this.children.find(c =>
-          this.$route.path.startsWith(c.link.path)
-        );
-        if (matchingRoute !== undefined) {
-          return true;
-        }
-      }
-      return false;
-    }
-  },
-  methods: {
-    addChild(item) {
-      const index = this.$slots.default.indexOf(item.$vnode);
-      this.children.splice(index, 0, item);
-    },
-    removeChild(item) {
-      const tabs = this.children;
-      const index = tabs.indexOf(item);
-      tabs.splice(index, 1);
-    },
-    elementType(link, isParent = true) {
-      if (link.isRoute === false) {
-        return isParent ? 'li' : 'a';
-      } else {
-        return 'router-link';
-      }
-    },
-    linkClick() {
-      if (
-        this.autoClose &&
-        this.$sidebar &&
-        this.$sidebar.showSidebar === true
-      ) {
-        this.$sidebar.displaySidebar(false);
-      }
-    },
-    collapseMenu() {
-      this.collapsed = !this.collapsed;
-    }
-  },
-  mounted() {
-    if (this.addLink) {
-      this.addLink(this);
-    }
-    if (this.link.collapsed !== undefined) {
-      this.collapsed = this.link.collapsed;
-    }
-    if (this.isActive && this.isMenu) {
-      this.collapsed = false;
-    }
-  },
-  destroyed() {
-    if (this.$el && this.$el.parentNode) {
-      this.$el.parentNode.removeChild(this.$el);
-    }
-    if (this.removeLink) {
-      this.removeLink(this);
-    }
-  }
-};
-</script>
-<style>
-.sidebar-menu-item {
-  cursor: pointer;
-}
-</style>
+<template>
+  <component
+    :is="baseComponent"
+    :to="link.path ? link.path : '/'"
+    class="nav-item"
+    :class="{ active: isActive }"
+    tag="li"
+  >
+    <a
+      v-if="isMenu"
+      class="sidebar-menu-item nav-link"
+      :class="{ active: isActive }"
+      :aria-expanded="!collapsed"
+      data-toggle="collapse"
+      @click.prevent="collapseMenu"
+    >
+      <template v-if="addLink">
+        <span class="nav-link-text">
+          {{ link.name }} <b class="caret"></b>
+        </span>
+      </template>
+      <template v-else>
+        <i :class="link.icon"></i>
+        <span class="nav-link-text">{{ link.name }} <b class="caret"></b></span>
+      </template>
+    </a>
+
+    <collapse-transition>
+      <div v-show="!collapsed" class="collapse show">
+        <ul class="nav nav-sm flex-column">
+          <slot></slot>
+        </ul>
+      </div>
+    </collapse-transition>
+
+    <slot
+      name="title"
+      v-if="children.length === 0 && !$slots.default && link.path"
+    >
+      <component
+        :to="link.path"
+        @click.native="linkClick"
+        :is="elementType(link, false)"
+        class="nav-link"
+        :class="{ active: link.active }"
+        :target="link.target"
+        :href="link.path"
+      >
+        <template v-if="addLink">
+          <span class="nav-link-text">{{ link.name }}</span>
+        </template>
+        <template v-else>
+          <i :class="link.icon"></i>
+          <span class="nav-link-text">{{ link.name }}</span>
+        </template>
+      </component>
+    </slot>
+  </component>
+</template>
+<script>
+import { CollapseTransition } from 'vue2-transitions';
+
+export default {
+  name: 'sidebar-item',
+  components: {
+    CollapseTransition
+  },
+  props: {
+    menu: {
+      type: Boolean,
+      default: false,
+      description:
+        "Whether the item is a menu. Most of the item it's not used and should be used only if you want to override the default behavior."
+    },
+    link: {
+      type: Object,
+      default: () => {
+        return {
+          name: '',
+          path: '',
+          children: []
+        };
+      },
+      description:
+        'Sidebar link. Can contain name, path, icon and other attributes. See examples for more info'
+    }
+  },
+  provide() {
+    return {
+      addLink: this.addChild,
+      removeLink: this.removeChild
+    };
+  },
+  inject: {
+    addLink: { default: null },
+    removeLink: { default: null },
+    autoClose: {
+      default: true
+    }
+  },
+  data() {
+    return {
+      children: [],
+      collapsed: true
+    };
+  },
+  computed: {
+    baseComponent() {
+      return this.isMenu || this.link.isRoute ? 'li' : 'router-link';
+    },
+    isMenu() {
+      if (!this.$slots.default) {
+        return false
+      }
+      return this.$slots.default.some(item => item.tag.endsWith('sidebar-item'))
+    },
+    isActive() {
+      if (this.$route && this.$route.path) {
+        let matchingRoute = this.children.find(c =>
+          this.$route.path.startsWith(c.link.path)
+        );
+        if (matchingRoute !== undefined) {
+          return true;
+        }
+      }
+      return false;
+    }
+  },
+  methods: {
+    addChild(item) {
+      const index = this.$slots.default.indexOf(item.$vnode);
+      this.children.splice(index, 0, item);
+    },
+    removeChild(item) {
+      const tabs = this.children;
+      const index = tabs.indexOf(item);
+      tabs.splice(index, 1);
+    },
+    elementType(link, isParent = true) {
+      if (link.isRoute === false) {
+        return isParent ? 'li' : 'a';
+      } else {
+        return 'router-link';
+      }
+    },
+    linkClick() {
+      if (
+        this.autoClose &&
+        this.$sidebar &&
+        this.$sidebar.showSidebar === true
+      ) {
+        this.$sidebar.displaySidebar(false);
+      }
+    },
+    collapseMenu() {
+      this.collapsed = !this.collapsed;
+    }
+  },
+  mounted() {
+    if (this.addLink) {
+      this.addLink(this);
+    }
+    if (this.link.collapsed !== undefined) {
+      this.collapsed = this.link.collapsed;
+    }
+    if (this.isActive && this.isMenu) {
+      this.collapsed = false;
+    }
+  },
+  destroyed() {
+    if (this.$el && this.$el.parentNode) {
+      this.$el.parentNode.removeChild(this.$el);
+    }
+    if (this.removeLink) {
+      this.removeLink(this);
+    }
+  }
+};
+</script>
+<style>
+.sidebar-menu-item {
+  cursor: pointer;
+}
+</style>

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

@@ -1,79 +1,79 @@
-import Sidebar from './SideBar.vue';
-import SidebarItem from './SidebarItem.vue';
-
-const SidebarStore = {
-  showSidebar: false,
-  sidebarLinks: [],
-  isMinimized: false,
-  breakpoint: 1200,
-  hovered: false,
-  displaySidebar(value) {
-    if (window.innerWidth > this.breakpoint) {
-      return;
-    }
-    this.showSidebar = value;
-    let docClasses = document.body.classList
-    if (value) {
-      docClasses.add('g-sidenav-pinned')
-      docClasses.add('g-sidenav-show')
-      docClasses.remove('g-sidenav-hidden')
-    } else {
-      docClasses.add('g-sidenav-hidden')
-      docClasses.remove('g-sidenav-pinned')
-      docClasses.remove('g-sidenav-show')
-    }
-  },
-  toggleMinimize() {
-    this.isMinimized = !this.isMinimized;
-    let docClasses = document.body.classList
-    if (this.isMinimized) {
-      docClasses.add('g-sidenav-hidden')
-      docClasses.remove('g-sidenav-pinned')
-      docClasses.remove('g-sidenav-show')
-    } else {
-      docClasses.add('g-sidenav-pinned')
-      docClasses.add('g-sidenav-show')
-      docClasses.remove('g-sidenav-hidden')
-    }
-    if (this.hovered) {
-      docClasses.add('g-sidenav-show')
-    }
-  },
-  onMouseEnter() {
-    this.hovered = true
-    if (this.isMinimized) {
-      document.body.classList.add('g-sidenav-show')
-      document.body.classList.remove('g-sidenav-hidden')
-    }
-  },
-  onMouseLeave() {
-    this.hovered = false
-    if (this.isMinimized) {
-      let docClasses = document.body.classList
-      docClasses.remove('g-sidenav-show')
-      docClasses.add('g-sidenav-hide')
-      setTimeout(() => {
-        docClasses.remove('g-sidenav-hide')
-        docClasses.add('g-sidenav-hidden')
-      }, 300)
-    }
-  }
-};
-
-const SidebarPlugin = {
-  install(Vue, options) {
-    if (options && options.sidebarLinks) {
-      SidebarStore.sidebarLinks = options.sidebarLinks;
-    }
-    let app = new Vue({
-      data: {
-        sidebarStore: SidebarStore
-      }
-    });
-    Vue.prototype.$sidebar = app.sidebarStore;
-    Vue.component('side-bar', Sidebar);
-    Vue.component('sidebar-item', SidebarItem);
-  }
-};
-
-export default SidebarPlugin;
+import Sidebar from './SideBar.vue';
+import SidebarItem from './SidebarItem.vue';
+
+const SidebarStore = {
+  showSidebar: false,
+  sidebarLinks: [],
+  isMinimized: false,
+  breakpoint: 1200,
+  hovered: false,
+  displaySidebar(value) {
+    if (window.innerWidth > this.breakpoint) {
+      return;
+    }
+    this.showSidebar = value;
+    let docClasses = document.body.classList
+    if (value) {
+      docClasses.add('g-sidenav-pinned')
+      docClasses.add('g-sidenav-show')
+      docClasses.remove('g-sidenav-hidden')
+    } else {
+      docClasses.add('g-sidenav-hidden')
+      docClasses.remove('g-sidenav-pinned')
+      docClasses.remove('g-sidenav-show')
+    }
+  },
+  toggleMinimize() {
+    this.isMinimized = !this.isMinimized;
+    let docClasses = document.body.classList
+    if (this.isMinimized) {
+      docClasses.add('g-sidenav-hidden')
+      docClasses.remove('g-sidenav-pinned')
+      docClasses.remove('g-sidenav-show')
+    } else {
+      docClasses.add('g-sidenav-pinned')
+      docClasses.add('g-sidenav-show')
+      docClasses.remove('g-sidenav-hidden')
+    }
+    if (this.hovered) {
+      docClasses.add('g-sidenav-show')
+    }
+  },
+  onMouseEnter() {
+    this.hovered = true
+    if (this.isMinimized) {
+      document.body.classList.add('g-sidenav-show')
+      document.body.classList.remove('g-sidenav-hidden')
+    }
+  },
+  onMouseLeave() {
+    this.hovered = false
+    if (this.isMinimized) {
+      let docClasses = document.body.classList
+      docClasses.remove('g-sidenav-show')
+      docClasses.add('g-sidenav-hide')
+      setTimeout(() => {
+        docClasses.remove('g-sidenav-hide')
+        docClasses.add('g-sidenav-hidden')
+      }, 300)
+    }
+  }
+};
+
+const SidebarPlugin = {
+  install(Vue, options) {
+    if (options && options.sidebarLinks) {
+      SidebarStore.sidebarLinks = options.sidebarLinks;
+    }
+    let app = new Vue({
+      data: {
+        sidebarStore: SidebarStore
+      }
+    });
+    Vue.prototype.$sidebar = app.sidebarStore;
+    Vue.component('side-bar', Sidebar);
+    Vue.component('sidebar-item', SidebarItem);
+  }
+};
+
+export default SidebarPlugin;

package/components/argon-core/Tabs/Tab.vue

@@ -1,33 +1,33 @@
-<template>
-  <div
-    class="tab-pane"
-    v-show="active"
-    :id="id || title"
-    :class="{ active: active }"
-    :aria-expanded="active"
-  >
-    <slot></slot>
-  </div>
-</template>
-<script>
-export default {
-  name: 'tab-pane',
-  props: ['title', 'id'],
-  inject: ['addTab', 'removeTab'],
-  data() {
-    return {
-      active: false
-    };
-  },
-  mounted() {
-    this.addTab(this);
-  },
-  destroyed() {
-    if (this.$el && this.$el.parentNode) {
-      this.$el.parentNode.removeChild(this.$el);
-    }
-    this.removeTab(this);
-  }
-};
-</script>
-<style></style>
+<template>
+  <div
+    class="tab-pane"
+    v-show="active"
+    :id="id || title"
+    :class="{ active: active }"
+    :aria-expanded="active"
+  >
+    <slot></slot>
+  </div>
+</template>
+<script>
+export default {
+  name: 'tab-pane',
+  props: ['title', 'id'],
+  inject: ['addTab', 'removeTab'],
+  data() {
+    return {
+      active: false
+    };
+  },
+  mounted() {
+    this.addTab(this);
+  },
+  destroyed() {
+    if (this.$el && this.$el.parentNode) {
+      this.$el.parentNode.removeChild(this.$el);
+    }
+    this.removeTab(this);
+  }
+};
+</script>
+<style></style>