@burh/nuxt-core 1.0.325 → 1.0.331

package/components/argon-core/WorldMap/AsyncWorldMap.vue

@@ -1,28 +1,28 @@
-<template>
-  <div class="world-map-container">
-    <world-map v-bind="$attrs" v-on="$listeners"></world-map>
-  </div>
-</template>
-<script>
-/*  We lazy load (async) the VectorMaps component because it contains 2 big libraries (jquery and jquery vector maps)
-      If the component is not loaded within 200ms, we display a loading component in the meanwhile.
-      This way, we don't bloat the main bundle with 2 unnecessary libs that we only need for this page :)
-   */
-import { LoadingPanel } from '@/components/argon-core';
-const WorldMap = () => ({
-  component: import('./WorldMap.vue'),
-  loading: LoadingPanel,
-  delay: 200
-});
-export default {
-  inheritAttrs: false,
-  components: {
-    WorldMap
-  }
-};
-</script>
-<style>
-  .world-map-container {
-    min-height: 500px;
-  }
-</style>
+<template>
+  <div class="world-map-container">
+    <world-map v-bind="$attrs" v-on="$listeners"></world-map>
+  </div>
+</template>
+<script>
+/*  We lazy load (async) the VectorMaps component because it contains 2 big libraries (jquery and jquery vector maps)
+      If the component is not loaded within 200ms, we display a loading component in the meanwhile.
+      This way, we don't bloat the main bundle with 2 unnecessary libs that we only need for this page :)
+   */
+import { LoadingPanel } from '@/components/argon-core';
+const WorldMap = () => ({
+  component: import('./WorldMap.vue'),
+  loading: LoadingPanel,
+  delay: 200
+});
+export default {
+  inheritAttrs: false,
+  components: {
+    WorldMap
+  }
+};
+</script>
+<style>
+  .world-map-container {
+    min-height: 500px;
+  }
+</style>

package/components/argon-core/WorldMap/WorldMap.vue

@@ -1,127 +1,127 @@
-<template>
-  <div :id="id" class="world-map"></div>
-</template>
-<script>
-import 'd3';
-import * as d3 from 'd3';
-import 'topojson';
-import { throttle } from '@/util/throttle';
-
-export default {
-  name: 'world-map',
-  props: {
-    mapData: {
-      type: Object,
-      default: () => ({})
-    },
-    points: {
-      type: Array,
-      default: () => []
-    }
-  },
-  data() {
-    return {
-      id: this.randomString(),
-      color1: '#f6f9fc',
-      color2: '#adb5bd',
-      highlightFillColor: '#ced4da',
-      borderColor: 'white',
-      highlightBorderColor: 'white',
-      bubbleHighlightFillColor: '#11cdef',
-      bubbleFillColor: '#fb6340'
-    };
-  },
-  methods: {
-    generateColors(length) {
-      return d3
-        .scaleLinear()
-        .domain([0, length])
-        .range([this.color1, this.color2]);
-    },
-    generateMapColors() {
-      let mapDataValues = Object.values(this.mapData);
-      let maxVal = Math.max(...mapDataValues);
-      let colors = this.generateColors(maxVal);
-      let mapData = {};
-      let fills = {
-        defaultFill: '#EDF0F2'
-      };
-      for (let key in this.mapData) {
-        let val = this.mapData[key];
-        fills[key] = colors(val);
-        mapData[key] = {
-          fillKey: key,
-          value: val
-        };
-      }
-      return {
-        mapData,
-        fills
-      };
-    },
-    async initVectorMap() {
-      let DataMap = await import('datamaps');
-      DataMap = DataMap.default || DataMap
-      let { fills, mapData } = this.generateMapColors();
-      let worldMap = new DataMap({
-        scope: 'world',
-        element: document.getElementById(this.id),
-        fills,
-        data: mapData,
-        responsive: true,
-        geographyConfig: {
-          borderColor: this.borderColor,
-          borderWidth: 1,
-          borderOpacity: 1,
-          highlightFillColor: this.highlightFillColor,
-          highlightBorderColor: this.highlightBorderColor,
-          highlightBorderWidth: 1,
-          highlightBorderOpacity: 1
-        }
-      });
-      let bubbleOptions = {
-        radius: 2,
-        borderWidth: 4,
-        highlightBorderWidth: 4,
-        fillKey: this.bubbleFillColor,
-        fillColor: this.bubbleFillColor,
-        borderColor: this.bubbleFillColor,
-        highlightFillColor: this.bubbleHighlightFillColor,
-        highlightBorderColor: this.bubbleHighlightFillColor
-      }
-      let bubblePoints = this.points.map(point => {
-        return {
-          ...bubbleOptions,
-          ...point
-        }
-      })
-      worldMap.bubbles(bubblePoints, {
-        popupTemplate: function(geo, data) {
-          return '<div class="hoverinfo">' + data.name
-        }
-      });
-      let resizeFunc = worldMap.resize.bind(worldMap);
-      window.addEventListener(
-        'resize',
-        () => {
-          throttle(resizeFunc, 40);
-        },
-        false
-      );
-    },
-    randomString() {
-      let text = "";
-      let possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
-
-      for (let i = 0; i < 5; i++)
-        text += possible.charAt(Math.floor(Math.random() * possible.length));
-
-      return text;
-    }
-  },
-  async mounted() {
-    this.initVectorMap();
-  }
-};
-</script>
-<style></style>
+<template>
+  <div :id="id" class="world-map"></div>
+</template>
+<script>
+import 'd3';
+import * as d3 from 'd3';
+import 'topojson';
+import { throttle } from '@/util/throttle';
+
+export default {
+  name: 'world-map',
+  props: {
+    mapData: {
+      type: Object,
+      default: () => ({})
+    },
+    points: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      id: this.randomString(),
+      color1: '#f6f9fc',
+      color2: '#adb5bd',
+      highlightFillColor: '#ced4da',
+      borderColor: 'white',
+      highlightBorderColor: 'white',
+      bubbleHighlightFillColor: '#11cdef',
+      bubbleFillColor: '#fb6340'
+    };
+  },
+  methods: {
+    generateColors(length) {
+      return d3
+        .scaleLinear()
+        .domain([0, length])
+        .range([this.color1, this.color2]);
+    },
+    generateMapColors() {
+      let mapDataValues = Object.values(this.mapData);
+      let maxVal = Math.max(...mapDataValues);
+      let colors = this.generateColors(maxVal);
+      let mapData = {};
+      let fills = {
+        defaultFill: '#EDF0F2'
+      };
+      for (let key in this.mapData) {
+        let val = this.mapData[key];
+        fills[key] = colors(val);
+        mapData[key] = {
+          fillKey: key,
+          value: val
+        };
+      }
+      return {
+        mapData,
+        fills
+      };
+    },
+    async initVectorMap() {
+      let DataMap = await import('datamaps');
+      DataMap = DataMap.default || DataMap
+      let { fills, mapData } = this.generateMapColors();
+      let worldMap = new DataMap({
+        scope: 'world',
+        element: document.getElementById(this.id),
+        fills,
+        data: mapData,
+        responsive: true,
+        geographyConfig: {
+          borderColor: this.borderColor,
+          borderWidth: 1,
+          borderOpacity: 1,
+          highlightFillColor: this.highlightFillColor,
+          highlightBorderColor: this.highlightBorderColor,
+          highlightBorderWidth: 1,
+          highlightBorderOpacity: 1
+        }
+      });
+      let bubbleOptions = {
+        radius: 2,
+        borderWidth: 4,
+        highlightBorderWidth: 4,
+        fillKey: this.bubbleFillColor,
+        fillColor: this.bubbleFillColor,
+        borderColor: this.bubbleFillColor,
+        highlightFillColor: this.bubbleHighlightFillColor,
+        highlightBorderColor: this.bubbleHighlightFillColor
+      }
+      let bubblePoints = this.points.map(point => {
+        return {
+          ...bubbleOptions,
+          ...point
+        }
+      })
+      worldMap.bubbles(bubblePoints, {
+        popupTemplate: function(geo, data) {
+          return '<div class="hoverinfo">' + data.name
+        }
+      });
+      let resizeFunc = worldMap.resize.bind(worldMap);
+      window.addEventListener(
+        'resize',
+        () => {
+          throttle(resizeFunc, 40);
+        },
+        false
+      );
+    },
+    randomString() {
+      let text = "";
+      let possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
+
+      for (let i = 0; i < 5; i++)
+        text += possible.charAt(Math.floor(Math.random() * possible.length));
+
+      return text;
+    }
+  },
+  async mounted() {
+    this.initVectorMap();
+  }
+};
+</script>
+<style></style>

package/components/argon-core/index.js

@@ -1,82 +1,82 @@
-import BaseCheckbox from './Inputs/BaseCheckbox.vue';
-import BaseAlert from './BaseAlert.vue';
-import IconCheckbox from './Inputs/IconCheckbox.vue';
-import BaseRadio from './Inputs/BaseRadio.vue';
-import BaseInput from './Inputs/BaseInput.vue';
-import TagsInput from './Inputs/TagsInput.vue';
-import BaseSwitch from './BaseSwitch.vue';
-import Badge from './Badge';
-import BaseProgress from './BaseProgress.vue';
-import BaseButton from './BaseButton.vue';
-
-import BaseDropdown from './BaseDropdown.vue';
-import BaseTable from './BaseTable.vue';
-
-import Banner from './Banners/Banner.vue';
-import BannerItem from './Banners/BannerItem.vue';
-
-import Card from './Cards/Card.vue';
-import StatsCard from './Cards/StatsCard.vue';
-import OpportunityCard from './Cards/OpportunityCard.vue';
-
-import BaseNav from './Navbar/BaseNav';
-import NavbarToggleButton from './Navbar/NavbarToggleButton';
-import NavbarProgress from './Navbar/NavbarProgress';
-import NavbarProgressItem from './Navbar/NavbarProgressItem';
-
-import Breadcrumb from './Breadcrumb/Breadcrumb.vue';
-import BreadcrumbItem from './Breadcrumb/BreadcrumbItem.vue';
-import RouteBreadCrumb from './Breadcrumb/RouteBreadcrumb.vue';
-import TimeLine from './Timeline/TimeLine.vue';
-import TimeLineItem from './Timeline/TimeLineItem.vue';
-import TabPane from './Tabs/Tab.vue';
-import Tabs from './Tabs/Tabs.vue';
-import Collapse from './Collapse/Collapse.vue';
-import CollapseItem from './Collapse/CollapseItem.vue';
-import Modal from './Modal.vue';
-import BaseSlider from './BaseSlider.vue';
-import LoadingPanel from './LoadingPanel.vue';
-import AsyncWorldMap from './WorldMap/AsyncWorldMap.vue';
-
-import BasePagination from './BasePagination.vue';
-
-import SidebarPlugin from './SidebarPlugin';
-
-export {
-  BaseCheckbox,
-  IconCheckbox,
-  BaseSwitch,
-  Badge,
-  Banner,
-  BannerItem,
-  BaseAlert,
-  BaseProgress,
-  BasePagination,
-  BaseRadio,
-  BaseInput,
-  TagsInput,
-  Card,
-  StatsCard,
-  OpportunityCard,
-  BaseTable,
-  BaseDropdown,
-  SidebarPlugin,
-  BaseNav,
-  NavbarToggleButton,
-  NavbarProgress,
-  NavbarProgressItem,
-  Breadcrumb,
-  BreadcrumbItem,
-  RouteBreadCrumb,
-  TimeLine,
-  TimeLineItem,
-  TabPane,
-  Tabs,
-  Modal,
-  BaseSlider,
-  BaseButton,
-  Collapse,
-  CollapseItem,
-  LoadingPanel,
-  AsyncWorldMap
-};
+import BaseCheckbox from './Inputs/BaseCheckbox.vue';
+import BaseAlert from './BaseAlert.vue';
+import IconCheckbox from './Inputs/IconCheckbox.vue';
+import BaseRadio from './Inputs/BaseRadio.vue';
+import BaseInput from './Inputs/BaseInput.vue';
+import TagsInput from './Inputs/TagsInput.vue';
+import BaseSwitch from './BaseSwitch.vue';
+import Badge from './Badge';
+import BaseProgress from './BaseProgress.vue';
+import BaseButton from './BaseButton.vue';
+
+import BaseDropdown from './BaseDropdown.vue';
+import BaseTable from './BaseTable.vue';
+
+import Banner from './Banners/Banner.vue';
+import BannerItem from './Banners/BannerItem.vue';
+
+import Card from './Cards/Card.vue';
+import StatsCard from './Cards/StatsCard.vue';
+import OpportunityCard from './Cards/OpportunityCard.vue';
+
+import BaseNav from './Navbar/BaseNav';
+import NavbarToggleButton from './Navbar/NavbarToggleButton';
+import NavbarProgress from './Navbar/NavbarProgress';
+import NavbarProgressItem from './Navbar/NavbarProgressItem';
+
+import Breadcrumb from './Breadcrumb/Breadcrumb.vue';
+import BreadcrumbItem from './Breadcrumb/BreadcrumbItem.vue';
+import RouteBreadCrumb from './Breadcrumb/RouteBreadcrumb.vue';
+import TimeLine from './Timeline/TimeLine.vue';
+import TimeLineItem from './Timeline/TimeLineItem.vue';
+import TabPane from './Tabs/Tab.vue';
+import Tabs from './Tabs/Tabs.vue';
+import Collapse from './Collapse/Collapse.vue';
+import CollapseItem from './Collapse/CollapseItem.vue';
+import Modal from './Modal.vue';
+import BaseSlider from './BaseSlider.vue';
+import LoadingPanel from './LoadingPanel.vue';
+import AsyncWorldMap from './WorldMap/AsyncWorldMap.vue';
+
+import BasePagination from './BasePagination.vue';
+
+import SidebarPlugin from './SidebarPlugin';
+
+export {
+  BaseCheckbox,
+  IconCheckbox,
+  BaseSwitch,
+  Badge,
+  Banner,
+  BannerItem,
+  BaseAlert,
+  BaseProgress,
+  BasePagination,
+  BaseRadio,
+  BaseInput,
+  TagsInput,
+  Card,
+  StatsCard,
+  OpportunityCard,
+  BaseTable,
+  BaseDropdown,
+  SidebarPlugin,
+  BaseNav,
+  NavbarToggleButton,
+  NavbarProgress,
+  NavbarProgressItem,
+  Breadcrumb,
+  BreadcrumbItem,
+  RouteBreadCrumb,
+  TimeLine,
+  TimeLineItem,
+  TabPane,
+  Tabs,
+  Modal,
+  BaseSlider,
+  BaseButton,
+  Collapse,
+  CollapseItem,
+  LoadingPanel,
+  AsyncWorldMap
+};

package/components/burh-ds/Avatar/AvatarLink.vue

@@ -1,29 +1,29 @@
-<template>
-	<span @click="handleClick">
-		<div class="media align-items-center">
-			<span class="avatar avatar-sm rounded-circle">
-				<img :src="logo">
-			</span>
-			<div class="media-body ml-2 d-none d-lg-block">
-				<span class="mb-0 text-sm font-weight-bold">
-					{{name}}
-				</span>
-			</div>
-		</div>
-	</span>
-</template>
-<script>
-export default {
-	name: 'avatar-link',
-	props: {
-		logo: String,
-		name: String,
-		data: Object
-	},
-	methods: {
-		handleClick(e) {
-			this.$emit('avatar-click', e);
-		}
-	}
-};
-</script>
+<template>
+	<span @click="handleClick">
+		<div class="media align-items-center">
+			<span class="avatar avatar-sm rounded-circle">
+				<img :src="logo">
+			</span>
+			<div class="media-body ml-2 d-none d-lg-block">
+				<span class="mb-0 text-sm font-weight-bold">
+					{{name}}
+				</span>
+			</div>
+		</div>
+	</span>
+</template>
+<script>
+export default {
+	name: 'avatar-link',
+	props: {
+		logo: String,
+		name: String,
+		data: Object
+	},
+	methods: {
+		handleClick(e) {
+			this.$emit('avatar-click', e);
+		}
+	}
+};
+</script>

package/components/burh-ds/Avatar/BusinessAvatar.vue

@@ -1,38 +1,38 @@
-<template>
-  <a href="#" class="no-padding">
-    <div class="media align-items-center">
-      <span class="avatar avatar-sm rounded-circle">
-        <img :src="logo">
-      </span>
-      <div class="media-body ml-4 d-none d-lg-block br">
-        <span class="mb-0 text-sm font-weight-bold">
-          {{userName}}
-        </span>
-        <br>
-        <span class="mb-0 text-sm">
-          {{companyName}}
-        </span>
-        <i class="fa fa-angle-down ml-3" aria-hidden="true"></i>
-      </div>
-    </div>
-  </a>
-</template>
-<script>
-export default {
-  name: "business-avatar",
-  props: {
-    logo: String,
-    userName: String,
-    companyName: String
-  }
-}
-</script>
-<style lang="scss" scoped>
-.br {
-    line-height: .8rem;
-}
-
-.no-padding {
-    padding: 0 !important;
-}
-</style>
+<template>
+  <a href="#" class="no-padding">
+    <div class="media align-items-center">
+      <span class="avatar avatar-sm rounded-circle">
+        <img :src="logo">
+      </span>
+      <div class="media-body ml-4 d-none d-lg-block br">
+        <span class="mb-0 text-sm font-weight-bold">
+          {{userName}}
+        </span>
+        <br>
+        <span class="mb-0 text-sm">
+          {{companyName}}
+        </span>
+        <i class="fa fa-angle-down ml-3" aria-hidden="true"></i>
+      </div>
+    </div>
+  </a>
+</template>
+<script>
+export default {
+  name: "business-avatar",
+  props: {
+    logo: String,
+    userName: String,
+    companyName: String
+  }
+}
+</script>
+<style lang="scss" scoped>
+.br {
+    line-height: .8rem;
+}
+
+.no-padding {
+    padding: 0 !important;
+}
+</style>

package/components/burh-ds/Banners/BannerHero.vue

@@ -1,24 +1,24 @@
-<template>
-    <div :class="`banner banner--hero ${sm ? 'banner--sm' : ''} ${md ? 'banner--md' : ''} ${bg ? `bg-${bg}` : ''} ${css ? `${css}` : ''}`" :style="`background-image: url(${img})`">
-        <div :class="`banner__content ${modifier ? `${modifier}` : ''}`">
-            <slot></slot>
-        </div>
-    </div>
-</template>
-<script>
-export default {
-  name: "banner",
-  props: {
-      sm: Boolean,
-      md: Boolean,
-      img: {
-          type: String,
-          default: '/img/spacer.gif'
-      },
-      bg: String,
-      css: String,
-      modifier: String
-  }
-};
-</script>
+<template>
+    <div :class="`banner banner--hero ${sm ? 'banner--sm' : ''} ${md ? 'banner--md' : ''} ${bg ? `bg-${bg}` : ''} ${css ? `${css}` : ''}`" :style="`background-image: url(${img})`">
+        <div :class="`banner__content ${modifier ? `${modifier}` : ''}`">
+            <slot></slot>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+  name: "banner",
+  props: {
+      sm: Boolean,
+      md: Boolean,
+      img: {
+          type: String,
+          default: '/img/spacer.gif'
+      },
+      bg: String,
+      css: String,
+      modifier: String
+  }
+};
+</script>
 <style></style>