vue-intergrall-plugins 0.0.1085 → 1.0.1

package/package.json

@@ -1,62 +1,66 @@
-{
-  "name": "vue-intergrall-plugins",
-  "version": "0.0.1085",
-  "description": "",
-  "main": "dist/vue-intergrall-plugins.ssr.js",
-  "browser": "dist/vue-intergrall-plugins.esm.js",
-  "module": "dist/vue-intergrall-plugins.esm.js",
-  "unpkg": "dist/vue-intergrall-plugins.min.js",
-  "files": [
-    "dist/*",
-    "src/**/*.vue"
-  ],
-  "sideEffects": false,
-  "scripts": {
-    "serve": "vue-cli-service serve dev/serve.js",
-    "prebuild": "rimraf ./dist",
-    "build": "cross-env NODE_ENV=production rollup --config build/rollup.config.js",
-    "build:ssr": "cross-env NODE_ENV=production rollup --config build/rollup.config.js --format cjs",
-    "build:es": "cross-env NODE_ENV=production rollup --config build/rollup.config.js --format es",
-    "build:unpkg": "cross-env NODE_ENV=production rollup --config build/rollup.config.js --format iife"
-  },
-  "dependencies": {
-    "@fortawesome/fontawesome-free": "^5.15.4",
-    "@fortawesome/fontawesome-svg-core": "^1.2.36",
-    "@fortawesome/free-solid-svg-icons": "^5.15.4",
-    "@fortawesome/vue-fontawesome": "^2.0.2",
-    "@popperjs/core": "^2.10.2",
-    "core-js": "^3.18.1",
-    "postcss": "^8.3.8",
-    "vue-clickaway": "^2.2.2",
-    "vue-select": "^3.13.0",
-    "vue-toasted": "^1.1.28"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.15.5",
-    "@babel/preset-env": "^7.15.6",
-    "@rollup/plugin-alias": "^3.1.2",
-    "@rollup/plugin-babel": "^5.3.0",
-    "@rollup/plugin-commonjs": "^14.0.0",
-    "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^9.0.0",
-    "@rollup/plugin-replace": "^2.4.2",
-    "@vue/cli-plugin-babel": "^4.5.13",
-    "@vue/cli-service": "^4.5.13",
-    "autoprefixer": "^10.3.6",
-    "cross-env": "^7.0.3",
-    "cssnano": "^4.1.10",
-    "minimist": "^1.2.5",
-    "rimraf": "^3.0.2",
-    "rollup": "^2.58.0",
-    "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-vue": "^5.1.9",
-    "vue": "^2.6.14",
-    "vue-template-compiler": "^2.6.14"
-  },
-  "peerDependencies": {
-    "vue": "^2.6.14"
-  },
-  "engines": {
-    "node": ">=12"
-  }
-}
+{
+  "name": "vue-intergrall-plugins",
+  "version": "1.0.1",
+  "description": "",
+  "main": "dist/vue-intergrall-plugins.ssr.js",
+  "browser": "dist/vue-intergrall-plugins.esm.js",
+  "module": "dist/vue-intergrall-plugins.esm.js",
+  "unpkg": "dist/vue-intergrall-plugins.min.js",
+  "files": [
+    "dist/*",
+    "src/**/*.vue"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "serve": "vue-cli-service serve dev/serve.js",
+    "prebuild": "rimraf ./dist",
+    "build": "cross-env NODE_ENV=production rollup --config build/rollup.config.js",
+    "build:ssr": "cross-env NODE_ENV=production rollup --config build/rollup.config.js --format cjs",
+    "build:es": "cross-env NODE_ENV=production rollup --config build/rollup.config.js --format es",
+    "build:unpkg": "cross-env NODE_ENV=production rollup --config build/rollup.config.js --format iife"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.15.5",
+    "@babel/preset-env": "^7.15.6",
+    "@rollup/plugin-alias": "^3.1.2",
+    "@rollup/plugin-babel": "^5.3.0",
+    "@rollup/plugin-commonjs": "^14.0.0",
+    "@rollup/plugin-json": "^4.1.0",
+    "@rollup/plugin-node-resolve": "^9.0.0",
+    "@rollup/plugin-replace": "^2.4.2",
+    "@vue/cli-plugin-babel": "^4.5.13",
+    "@vue/cli-service": "^4.5.13",
+    "autoprefixer": "^10.3.6",
+    "cross-env": "^7.0.3",
+    "cssnano": "^5.0.8",
+    "minimist": "^1.2.5",
+    "rimraf": "^3.0.2",
+    "rollup": "^2.58.0",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-vue": "^5.1.9",
+    "vue": "^2.6.14",
+    "vue-template-compiler": "^2.6.14"
+  },
+  "peerDependencies": {
+    "@fortawesome/fontawesome-free": "^5.15.4",
+    "@fortawesome/fontawesome-svg-core": "^1.2.36",
+    "@fortawesome/free-solid-svg-icons": "^5.15.4",
+    "@fortawesome/vue-fontawesome": "^2.0.2",
+    "@popperjs/core": "^2.11.2",
+    "core-js": "^3.18.1",
+    "postcss": "^8.3.8",
+    "vue": "^2.6.14",
+    "vue-clickaway": "^2.2.2",
+    "vue-select": "^3.13.0",
+    "vue-tippy": "^4.12.0",
+    "vue-toasted": "^1.1.28",
+    "vue2-google-maps": "^0.10.7"
+  },
+  "engines": {
+    "node": ">=12"
+  },
+  "dependencies": {
+    "axios": "^0.26.0",
+    "kind-of": "^6.0.3"
+  }
+}

package/src/lib-components/Buttons/IconButton.vue

@@ -0,0 +1,27 @@
+<template>
+  <span class="simple-btn--icon" :class="{'custom' : !showFaIcon}">
+    <fa-icon v-if="showFaIcon" :icon="icon" />
+    <span v-else v-html="icon" />
+  </span>
+</template>
+
+<script>
+export default {
+  props: {
+    icon: [String, Array],
+    default: ""
+  },
+  computed: {
+    showFaIcon() {
+      return Array.isArray(this.icon) && this.icon.length
+    }
+  }
+}
+</script>
+
+<style>
+.simple-btn--icon.custom > span {
+  width: 20px;
+  height: 20px;
+}
+</style>

package/src/lib-components/Buttons/SimpleButton.vue

@@ -0,0 +1,140 @@
+<template>
+  <div class="simple-btn default-btn-style" 
+    :style="`background-color: ${bg}; color: ${color};${aditionalStyle}`" 
+    :class="[customClass]"
+    @click="$emit(emitter, params)"
+  >
+    <template v-if="faIcon.length || svgIcon">
+      <template v-if="!btnCustom">
+        <IconButton :icon="faIcon.length ? faIcon : svgIcon" />
+      </template>
+      <span class="icon-container default-btn-style" :style="`background-color: ${bg};`" v-else>
+        <IconButton :icon="faIcon.length ? faIcon : svgIcon" />
+      </span>
+    </template>
+    <span class="simple-btn--text" v-text="btnText" v-if="!activeLoader"></span>
+    <VueLoader v-else />
+  </div>
+</template>
+
+<script>
+import IconButton from './IconButton'
+
+export default {
+  components: { IconButton },
+  props: {
+    emitter: {
+      type: String,
+      required: true
+    },
+    params: {
+      type: [String, Object, Array, Number, Boolean],
+      required: false,
+      default: ''
+    },
+    bg: {
+      type: String,
+      required: true
+    },
+    color: {
+      type: String,
+      required: true
+    },
+    aditionalStyle: {
+      type: String,
+      default: ''
+    },
+    btnText: {
+      type: [String, Number],
+      default: ""
+    },
+    faIcon: {
+      type: Array,
+      default: () => { return [] }
+    },
+    svgIcon: {
+      type: String,
+      default: ""
+    },
+    customClass: {
+      type: String,
+      default: ''
+    },
+    btnCustom: {
+      type: Boolean,
+      default: false
+    },
+    activeLoader: {
+      type: Boolean,
+      default: false
+    }
+  }
+}
+</script>
+
+<style>
+.default-btn-style {
+  transition-duration: 300ms;
+  user-select: none;
+  cursor: pointer;
+  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2);
+  opacity: .9;
+  border-radius: 5px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 5px;
+  cursor: pointer;
+  min-height: 28px;
+}
+.default-btn-style:hover{
+  opacity: 1;
+}
+.default-btn-style:active{
+  opacity: 1;
+  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
+  -webkit-transform: translateY(1px);
+  -moz-transform: translateY(1px);
+  -o-transform: translateY(1px);
+  -ms-transform: translateY(1px);
+  transform: translateY(1px);
+}
+
+.simple-btn {
+  position: relative;
+}
+
+.simple-btn--icon {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-right: 5px;
+}
+.simple-btn--icon.custom {
+  min-width: 25px;
+}
+
+.simple-btn--text {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.icon-container {
+  position: absolute;
+  left: -15px;
+  padding: 5px;
+  width: 40px;
+  height: 40px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 50%;
+} 
+.icon-container svg {
+  color: rgba(255, 255, 255, .5);
+  width: 23px;
+  height: 23px;
+}
+
+</style>