@burh/nuxt-core 1.0.501 → 1.0.503

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/Aboutme/Profile.vue

@@ -0,0 +1,111 @@
+<template>
+	<el-tooltip
+		placement="top"
+		:content="profile"
+	>
+		<div
+			class="aboutme--profile"
+			:style="`--profile-gradient: ${getProfileColors()}; --profile-size: ${size}px`"
+		>
+			<span
+				:style="`--count: ${String(profile).length || 4}`"
+			>
+				{{String(profile).toUpperCase()}}
+			</span>
+		</div>
+	</el-tooltip>
+</template>
+
+<script>
+import { Tooltip } from 'element-ui';
+
+export default {
+	name: 'aboutme-profile',
+	components: {
+		[Tooltip.name]: Tooltip
+	},
+	props: {
+		profile: {
+			type: String,
+			default: ''
+		},
+		size: {
+			type: Number,
+			default: 32
+		}
+	},
+	methods: {
+		getProfileColors() {
+			const colors = {
+				'd': '#EB5757',
+				'i': '#FFCF02',
+				's': '#33E3B5',
+				'c': '#4460F4'
+			};
+
+			const gradient = [];
+
+			this.profile.split('').forEach(letter => {
+				gradient.push(colors[String(letter || '').toLowerCase()]);
+
+				if (this.profile.length <= 1) {
+					gradient.push(colors[String(letter || '').toLowerCase()]);
+				}
+			});
+
+			return gradient.filter(Boolean).join(', ');
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.aboutme--profile {
+    $size: var(--profile-size);
+    $gradient: var(--profile-gradient);
+
+    position: relative;
+
+    user-select: none;
+
+    width: $size;
+    height: $size;
+
+    display: grid;
+    place-items: center;
+
+    border-radius: 100rem;
+
+    > span {
+        position: relative;
+        z-index: 2;
+
+        font-weight: 600;
+        font-size: calc((var(--profile-size) - (var(--profile-size) / 3)) / var(--count));
+
+        background-image: linear-gradient(-45deg, $gradient);
+        background-clip: text;
+        -webkit-text-fill-color: transparent;
+    }
+
+    &::before {
+        content: "";
+
+        position: absolute;
+        z-index: 1;
+
+        width: 100%;
+        height: 100%;
+
+        top: 0;
+        left: 0;
+
+        border: 2px solid transparent;
+        border-radius: inherit;
+
+        background-image: linear-gradient(white, white), linear-gradient(-45deg, $gradient);
+        background-origin: border-box;
+        background-clip: content-box, border-box;
+    }
+}
+</style>

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

@@ -1,44 +1,44 @@
-<template>
-	<span @click="handleClick">
-		<div class="media align-items-center">
-			<span class="avatar avatar-sm rounded-circle">
-				<image-with-fallback
-					:src="logo"
-					:alt="`Logo da empresa ${name}`"
-					:fallbackText="name"
-				/>
-			</span>
-			<div class="media-body ml-2 d-none d-lg-block" v-if="!isCompany">
-				<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,
-		isCompany: {
-			type: Boolean,
-			default: false,
-			description: 'Verify company for share buffer'
-		}
-	},
-	methods: {
-		handleClick(e) {
-			this.$emit('avatar-click', e);
-		}
-	}
-};
-</script>
-
-<style lang="scss" scoped>
-.is-buffer {
-	height: 30px !important;
-}
-</style>
+<template>
+	<span @click="handleClick">
+		<div class="media align-items-center">
+			<span class="avatar avatar-sm rounded-circle">
+				<image-with-fallback
+					:src="logo"
+					:alt="`Logo da empresa ${name}`"
+					:fallbackText="name"
+				/>
+			</span>
+			<div class="media-body ml-2 d-none d-lg-block" v-if="!isCompany">
+				<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,
+		isCompany: {
+			type: Boolean,
+			default: false,
+			description: 'Verify company for share buffer'
+		}
+	},
+	methods: {
+		handleClick(e) {
+			this.$emit('avatar-click', e);
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.is-buffer {
+	height: 30px !important;
+}
+</style>