@burh/nuxt-core 1.0.20 → 1.0.21

package/components/argon-core/BaseDropdown.vue

@@ -1,100 +1,100 @@
-<template>
-  <component
-    :is="tag"
-    :class="[{ show: isOpen }, `drop${direction}`]"
-    @click="toggleDropDown"
-    v-click-outside="closeDropDown"
-  >
-    <slot name="title-container" :is-open="isOpen">
-      <component
-        :is="titleTag"
-        class="btn-rotate"
-        :class="[{'dropdown-toggle': hasToggle}, titleClasses]"
-        :aria-expanded="isOpen"
-        data-toggle="dropdown"
-      >
-        <slot name="title" :is-open="isOpen">
-          <i :class="icon"></i> {{ title }}
-        </slot>
-      </component>
-    </slot>
-    <ul
-      class="dropdown-menu"
-      :class="[
-        { show: isOpen },
-        { 'dropdown-menu-right': menuOnRight },
-        menuClasses
-      ]"
-    >
-      <slot></slot>
-    </ul>
-  </component>
-</template>
-<script>
-export default {
-  name: 'base-dropdown',
-  props: {
-    tag: {
-      type: String,
-      default: 'div',
-      description: 'Dropdown html tag (e.g div, ul etc)'
-    },
-    titleTag: {
-      type: String,
-      default: 'button',
-      description: 'Dropdown title (toggle) html tag'
-    },
-    title: {
-      type: String,
-      description: 'Dropdown title'
-    },
-    direction: {
-      type: String,
-      default: 'down', // up | down
-      description: 'Dropdown menu direction (up|down)'
-    },
-    icon: {
-      type: String,
-      description: 'Dropdown icon'
-    },
-    titleClasses: {
-      type: [String, Object, Array],
-      description: 'Title css classes'
-    },
-    menuClasses: {
-      type: [String, Object],
-      description: 'Menu css classes'
-    },
-    menuOnRight: {
-      type: Boolean,
-      description: 'Whether menu should appear on the right'
-    },
-    hasToggle: {
-      type: Boolean,
-      description: 'Whether dropdown has arrow icon shown',
-      default: true
-    }
-  },
-  data() {
-    return {
-      isOpen: false
-    };
-  },
-  methods: {
-    toggleDropDown() {
-      this.isOpen = !this.isOpen;
-      this.$emit('change', this.isOpen);
-    },
-    closeDropDown() {
-      this.isOpen = false;
-      this.$emit('change', false);
-    }
-  }
-};
-</script>
-<style lang="scss" scoped>
-.dropdown {
-  cursor: pointer;
-  user-select: none;
-}
-</style>
+<template>
+  <component
+    :is="tag"
+    :class="[{ show: isOpen }, `drop${direction}`]"
+    @click="toggleDropDown"
+    v-click-outside="closeDropDown"
+  >
+    <slot name="title-container" :is-open="isOpen">
+      <component
+        :is="titleTag"
+        class="btn-rotate"
+        :class="[{'dropdown-toggle': hasToggle}, titleClasses]"
+        :aria-expanded="isOpen"
+        data-toggle="dropdown"
+      >
+        <slot name="title" :is-open="isOpen">
+          <i :class="icon"></i> {{ title }}
+        </slot>
+      </component>
+    </slot>
+    <ul
+      class="dropdown-menu"
+      :class="[
+        { show: isOpen },
+        { 'dropdown-menu-right': menuOnRight },
+        menuClasses
+      ]"
+    >
+      <slot></slot>
+    </ul>
+  </component>
+</template>
+<script>
+export default {
+  name: 'base-dropdown',
+  props: {
+    tag: {
+      type: String,
+      default: 'div',
+      description: 'Dropdown html tag (e.g div, ul etc)'
+    },
+    titleTag: {
+      type: String,
+      default: 'button',
+      description: 'Dropdown title (toggle) html tag'
+    },
+    title: {
+      type: String,
+      description: 'Dropdown title'
+    },
+    direction: {
+      type: String,
+      default: 'down', // up | down
+      description: 'Dropdown menu direction (up|down)'
+    },
+    icon: {
+      type: String,
+      description: 'Dropdown icon'
+    },
+    titleClasses: {
+      type: [String, Object, Array],
+      description: 'Title css classes'
+    },
+    menuClasses: {
+      type: [String, Object],
+      description: 'Menu css classes'
+    },
+    menuOnRight: {
+      type: Boolean,
+      description: 'Whether menu should appear on the right'
+    },
+    hasToggle: {
+      type: Boolean,
+      description: 'Whether dropdown has arrow icon shown',
+      default: true
+    }
+  },
+  data() {
+    return {
+      isOpen: false
+    };
+  },
+  methods: {
+    toggleDropDown() {
+      this.isOpen = !this.isOpen;
+      this.$emit('change', this.isOpen);
+    },
+    closeDropDown() {
+      this.isOpen = false;
+      this.$emit('change', false);
+    }
+  }
+};
+</script>
+<style lang="scss" scoped>
+.dropdown {
+  cursor: pointer;
+  user-select: none;
+}
+</style>

package/components/argon-core/BaseHeader.vue

@@ -1,21 +1,21 @@
-<template>
-  <div class="header" :class="{[`bg-${type}`]: type}">
-    <div class="header-body container-fluid container-fluid--bu">
-      <slot></slot>
-    </div>
-  </div>
-</template>
-<script>
-  export default {
-    name: 'base-header',
-    props: {
-      type: {
-        type: String,
-        default: 'primary',
-        description: 'Header background type'
-      }
-    }
-  }
-</script>
-<style>
-</style>
+<template>
+  <div class="header" :class="{[`bg-${type}`]: type}">
+    <div class="header-body container-fluid container-fluid--bu">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    name: 'base-header',
+    props: {
+      type: {
+        type: String,
+        default: 'primary',
+        description: 'Header background type'
+      }
+    }
+  }
+</script>
+<style>
+</style>

package/components/argon-core/BasePagination.vue

@@ -1,134 +1,134 @@
-<template>
-  <ul class="pagination" :class="[size && `pagination-${size}`, align && `justify-content-${align}`]">
-    <li class="page-item prev-page" :class="{disabled: value === 1}">
-      <a class="page-link" aria-label="Previous" @click="prevPage">
-        <span aria-hidden="true"><i class="fa fa-angle-left" aria-hidden="true"></i></span>
-      </a>
-    </li>
-    <li class="page-item" :class="{active: value === item}"
-        :key="item"
-        v-for="item in range(minPage, maxPage)">
-      <a class="page-link" @click="changePage(item)">{{item}}</a>
-    </li>
-    <li class="page-item next-page" :class="{disabled: value === totalPages}">
-      <a class="page-link" aria-label="Next" @click="nextPage">
-        <span aria-hidden="true"><i class="fa fa-angle-right" aria-hidden="true"></i></span>
-      </a>
-    </li>
-  </ul>
-</template>
-<script>
-export default {
-  name: "base-pagination",
-  props: {
-    pageCount: {
-      type: Number,
-      default: 0,
-      description:
-        "Pagination page count. This should be specified in combination with perPage"
-    },
-    perPage: {
-      type: Number,
-      default: 10,
-      description:
-        "Pagination per page. Should be specified with total or pageCount"
-    },
-    total: {
-      type: Number,
-      default: 0,
-      description:
-        "Can be specified instead of pageCount. The page count in this case will be total/perPage"
-    },
-    value: {
-      type: Number,
-      default: 1,
-      description: "Pagination value"
-    },
-    size: {
-      type: String,
-      default: "",
-      description: "Pagination size"
-    },
-    align: {
-      type: String,
-      default: "",
-      description: "Pagination alignment (e.g center|start|end)"
-    }
-  },
-  computed: {
-    totalPages() {
-      if (this.pageCount > 0) return this.pageCount;
-      if (this.total > 0) {
-        return Math.ceil(this.total / this.perPage);
-      }
-      return 1;
-    },
-    pagesToDisplay() {
-      if (this.totalPages > 0 && this.totalPages < this.defaultPagesToDisplay) {
-        return this.totalPages;
-      }
-      return this.defaultPagesToDisplay;
-    },
-    minPage() {
-      if (this.value >= this.pagesToDisplay) {
-        const pagesToAdd = Math.floor(this.pagesToDisplay / 2);
-        const newMaxPage = pagesToAdd + this.value;
-        if (newMaxPage > this.totalPages) {
-          return this.totalPages - this.pagesToDisplay + 1;
-        }
-        return this.value - pagesToAdd;
-      } else {
-        return 1;
-      }
-    },
-    maxPage() {
-      if (this.value >= this.pagesToDisplay) {
-        const pagesToAdd = Math.floor(this.pagesToDisplay / 2);
-        const newMaxPage = pagesToAdd + this.value;
-        if (newMaxPage < this.totalPages) {
-          return newMaxPage;
-        } else {
-          return this.totalPages;
-        }
-      } else {
-        return this.pagesToDisplay;
-      }
-    }
-  },
-  data() {
-    return {
-      defaultPagesToDisplay: 5
-    };
-  },
-  methods: {
-    range(min, max) {
-      let arr = [];
-      for (let i = min; i <= max; i++) {
-        arr.push(i);
-      }
-      return arr;
-    },
-    changePage(item) {
-      this.$emit("input", item);
-    },
-    nextPage() {
-      if (this.value < this.totalPages) {
-        this.$emit("input", this.value + 1);
-      }
-    },
-    prevPage() {
-      if (this.value > 1) {
-        this.$emit("input", this.value - 1);
-      }
-    }
-  },
-  watch: {
-    perPage() {
-      this.$emit("input", 1);
-    },
-    total() {
-      this.$emit("input", 1);
-    }
-  }
-};
-</script>
+<template>
+  <ul class="pagination" :class="[size && `pagination-${size}`, align && `justify-content-${align}`]">
+    <li class="page-item prev-page" :class="{disabled: value === 1}">
+      <a class="page-link" aria-label="Previous" @click="prevPage">
+        <span aria-hidden="true"><i class="fa fa-angle-left" aria-hidden="true"></i></span>
+      </a>
+    </li>
+    <li class="page-item" :class="{active: value === item}"
+        :key="item"
+        v-for="item in range(minPage, maxPage)">
+      <a class="page-link" @click="changePage(item)">{{item}}</a>
+    </li>
+    <li class="page-item next-page" :class="{disabled: value === totalPages}">
+      <a class="page-link" aria-label="Next" @click="nextPage">
+        <span aria-hidden="true"><i class="fa fa-angle-right" aria-hidden="true"></i></span>
+      </a>
+    </li>
+  </ul>
+</template>
+<script>
+export default {
+  name: "base-pagination",
+  props: {
+    pageCount: {
+      type: Number,
+      default: 0,
+      description:
+        "Pagination page count. This should be specified in combination with perPage"
+    },
+    perPage: {
+      type: Number,
+      default: 10,
+      description:
+        "Pagination per page. Should be specified with total or pageCount"
+    },
+    total: {
+      type: Number,
+      default: 0,
+      description:
+        "Can be specified instead of pageCount. The page count in this case will be total/perPage"
+    },
+    value: {
+      type: Number,
+      default: 1,
+      description: "Pagination value"
+    },
+    size: {
+      type: String,
+      default: "",
+      description: "Pagination size"
+    },
+    align: {
+      type: String,
+      default: "",
+      description: "Pagination alignment (e.g center|start|end)"
+    }
+  },
+  computed: {
+    totalPages() {
+      if (this.pageCount > 0) return this.pageCount;
+      if (this.total > 0) {
+        return Math.ceil(this.total / this.perPage);
+      }
+      return 1;
+    },
+    pagesToDisplay() {
+      if (this.totalPages > 0 && this.totalPages < this.defaultPagesToDisplay) {
+        return this.totalPages;
+      }
+      return this.defaultPagesToDisplay;
+    },
+    minPage() {
+      if (this.value >= this.pagesToDisplay) {
+        const pagesToAdd = Math.floor(this.pagesToDisplay / 2);
+        const newMaxPage = pagesToAdd + this.value;
+        if (newMaxPage > this.totalPages) {
+          return this.totalPages - this.pagesToDisplay + 1;
+        }
+        return this.value - pagesToAdd;
+      } else {
+        return 1;
+      }
+    },
+    maxPage() {
+      if (this.value >= this.pagesToDisplay) {
+        const pagesToAdd = Math.floor(this.pagesToDisplay / 2);
+        const newMaxPage = pagesToAdd + this.value;
+        if (newMaxPage < this.totalPages) {
+          return newMaxPage;
+        } else {
+          return this.totalPages;
+        }
+      } else {
+        return this.pagesToDisplay;
+      }
+    }
+  },
+  data() {
+    return {
+      defaultPagesToDisplay: 5
+    };
+  },
+  methods: {
+    range(min, max) {
+      let arr = [];
+      for (let i = min; i <= max; i++) {
+        arr.push(i);
+      }
+      return arr;
+    },
+    changePage(item) {
+      this.$emit("input", item);
+    },
+    nextPage() {
+      if (this.value < this.totalPages) {
+        this.$emit("input", this.value + 1);
+      }
+    },
+    prevPage() {
+      if (this.value > 1) {
+        this.$emit("input", this.value - 1);
+      }
+    }
+  },
+  watch: {
+    perPage() {
+      this.$emit("input", 1);
+    },
+    total() {
+      this.$emit("input", 1);
+    }
+  }
+};
+</script>