@fortawesome/vue-fontawesome - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

example/webpack/package.json

@@ -11,2 +11,3 @@ {
         "src/**/*.js",
+        "src/**/*.vue",
         "../../index.js"
@@ -13,0 +14,0 @@ ]

example/webpack/src/library.js

@@ -5,5 +5,5 @@ import Vue from 'vue'
 import brands from '@fortawesome/fontawesome-brands'
-import { faCoffee, faCog } from '@fortawesome/fontawesome-solid'
+import { faCoffee, faCog, faSpinner, faQuoteLeft, faSquare, faCheckSquare } from '@fortawesome/fontawesome-solid'
 
-fontawesome.library.add(brands, faCoffee, faCog)
+fontawesome.library.add(brands, faCoffee, faCog, faSpinner, faQuoteLeft, faSquare, faCheckSquare)
 
@@ -10,0 +10,0 @@ new Vue({

index.js

@@ -129,9 +129,14 @@ (function (global, factory) {
   props: {
-    name: {
-      type: String,
-      default: ''
+    border: {
+      type: Boolean,
+      default: false
     },
-    pack: {
+    fixedWidth: {
+      type: Boolean,
+      default: false
+    },
+    flip: {
       type: String,
-      default: 'fa'
+      default: null,
+      validator: function (value) { return ['horizontal', 'vertical', 'both'].indexOf(value) > -1; }
     },
@@ -142,9 +147,36 @@ iconDefinition: {
     },
-    spin: {
+    listItem: {
       type: Boolean,
       default: false
     },
-    fixedWidth: {
+    pack: {
+      type: String,
+      default: 'fa'
+    },
+    pull: {
+      type: String,
+      default: null,
+      validator: function (value) { return ['right', 'left'].indexOf(value) > -1; }
+    },
+    pulse: {
       type: Boolean,
       default: false
+    },
+    name: {
+      type: String,
+      default: ''
+    },
+    rotation: {
+      type: Number,
+      default: null,
+      validator: function (value) { return [90, 180, 270].indexOf(value) > -1; }
+    },
+    size: {
+      type: String,
+      default: null,
+      validator: function (value) { return ['lg', 'xs', 'sm', '1x', '2x', '3x', '4x', '5x', '6x', '7x', '8x', '9x', '10x'].indexOf(value) > -1; }
+    },
+    spin: {
+      type: Boolean,
+      default: false
     }
@@ -176,4 +208,12 @@ },
         'fa-spin': this.spin,
-        'fa-fw': this.fixedWidth
+        'fa-pulse': this.pulse,
+        'fa-fw': this.fixedWidth,
+        'fa-border': this.border,
+        'fa-li': this.listItem,
+        'fa-flip-horizontal': this.flip === 'horizontal' || this.flip === 'both',
+        'fa-flip-vertical': this.flip === 'vertical' || this.flip === 'both'
       };
+      classes[("fa-" + (this.size))] = this.size !== null;
+      classes[("fa-rotate-" + (this.rotation))] = this.rotation !== null;
+      classes[("fa-pull-" + (this.pull))] = this.pull !== null;
 
@@ -180,0 +220,0 @@ return Object.keys(classes)

package.json

 {
   "name": "@fortawesome/vue-fontawesome",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "main": "index.js",
@@ -5,0 +5,0 @@ "author": "robmadole <[e-mail]>",

src/components/icon.js

@@ -8,9 +8,14 @@ import fontawesome from '@fortawesome/fontawesome'
   props: {
-    name: {
-      type: String,
-      default: ''
+    border: {
+      type: Boolean,
+      default: false
     },
-    pack: {
+    fixedWidth: {
+      type: Boolean,
+      default: false
+    },
+    flip: {
       type: String,
-      default: 'fa'
+      default: null,
+      validator: (value) => ['horizontal', 'vertical', 'both'].indexOf(value) > -1
     },
@@ -21,9 +26,36 @@ iconDefinition: {
     },
-    spin: {
+    listItem: {
       type: Boolean,
       default: false
     },
-    fixedWidth: {
+    pack: {
+      type: String,
+      default: 'fa'
+    },
+    pull: {
+      type: String,
+      default: null,
+      validator: (value) => ['right', 'left'].indexOf(value) > -1
+    },
+    pulse: {
       type: Boolean,
       default: false
+    },
+    name: {
+      type: String,
+      default: ''
+    },
+    rotation: {
+      type: Number,
+      default: null,
+      validator: (value) => [90, 180, 270].indexOf(value) > -1
+    },
+    size: {
+      type: String,
+      default: null,
+      validator: (value) => ['lg', 'xs', 'sm', '1x', '2x', '3x', '4x', '5x', '6x', '7x', '8x', '9x', '10x'].indexOf(value) > -1
+    },
+    spin: {
+      type: Boolean,
+      default: false
     }
@@ -55,3 +87,11 @@ },
         'fa-spin': this.spin,
-        'fa-fw': this.fixedWidth
+        'fa-pulse': this.pulse,
+        'fa-fw': this.fixedWidth,
+        'fa-border': this.border,
+        'fa-li': this.listItem,
+        'fa-flip-horizontal': this.flip === 'horizontal' || this.flip === 'both',
+        'fa-flip-vertical': this.flip === 'vertical' || this.flip === 'both',
+        [`fa-${this.size}`]: this.size !== null,
+        [`fa-rotate-${this.rotation}`]: this.rotation !== null,
+        [`fa-pull-${this.pull}`]: this.pull !== null
       }
@@ -58,0 +98,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

296145

increased by1.3%

Number of package files

29

increased by3.57%

Lines of code

474

increased by20.3%

No dependency changes