@forter/icon - npm Package Compare versions

Comparing version 1.0.0-alpha.4 to 1.0.0

FcIcon.js

@@ -85,2 +85,9 @@ import { decorate as _decorate, get as _get, getPrototypeOf as _getPrototypeOf } from './_virtual/_rollupPluginBabelHelpers.js';
       decorators: [property({
+        type: Boolean
+      })],
+      key: "hasTooltipContent",
+      value: void 0
+    }, {
+      kind: "field",
+      decorators: [property({
         type: String
@@ -176,2 +183,3 @@ })],
         const {
+          hasTooltipContent,
           icon,
@@ -193,3 +201,3 @@ originalFill,
 
-      ${!this.isSlotted('tooltip-content') ? '' : html`
+      ${!hasTooltipContent ? '' : html`
         <!-- html tooltip -->
@@ -260,2 +268,12 @@ <paper-tooltip animationDelay="130" position="${position}" for="content">
       }
+    }, {
+      kind: "method",
+      key: "updated",
+      value: function updated() {
+        const _hasTooltipContent = this.isSlotted('tooltip-content');
+
+        if (this.hasTooltipContent !== _hasTooltipContent) {
+          this.hasTooltipContent = _hasTooltipContent;
+        }
+      }
     }]
@@ -262,0 +280,0 @@ };

package.json

 {
   "name": "@forter/icon",
-  "version": "1.0.0-alpha.4",
+  "version": "1.0.0",
   "description": "Icon Component from Forter Components",
@@ -8,3 +8,3 @@ "main": "index.js",
   "scripts": {
-    "build": "rollup -c",
+    "build": "npx rollup -c",
     "clean": "sh ../../scripts/clean.sh",
@@ -46,15 +46,10 @@ "link": "npm link",
   "dependencies": {
-    "@forter/directives": "^1.0.0-alpha.0",
-    "@forter/helpers": "^1.0.0-alpha.1",
-    "@forter/styles": "^1.0.0-alpha.2",
-    "crocks": "^0.11.1"
+    "@forter/directives": "^1.0.0",
+    "@forter/helpers": "^1.0.0",
+    "@forter/styles": "^1.0.0",
+    "crocks": "^0.11.1",
+    "lit-element": "^2.1.0",
+    "lit-html": "^1.0.0"
   },
-  "devDependencies": {
-    "rollup": "^1.4.1",
-    "rollup-plugin-babel": "^4.3.2",
-    "rollup-plugin-commonjs": "^9.2.1",
-    "rollup-plugin-lit-css": "^2.0.0",
-    "rollup-plugin-node-resolve": "^4.0.1"
-  },
-  "gitHead": "8dc7c33ac2984e1da896d024b646ac2ecd5a8e44"
+  "gitHead": "e1ce672b1ba3e7716d9918c70c6035d5198a1020"
 }

src/FcIcon.js

@@ -54,2 +54,4 @@ import { IsSlottedMixin } from '@forter/helpers/mixins/is-slotted-mixin';
 
+  @property({ type: Boolean }) hasTooltipContent;
+
   @property({ type: String }) hoverDuration = '80ms';
@@ -76,3 +78,4 @@
   render() {
-    const { icon, originalFill, position, size, tooltip } = this;
+    const { hasTooltipContent, icon, originalFill, position, size, tooltip } = this;
+
     const width = size;
@@ -89,3 +92,3 @@ const height = size;
 
-      ${!this.isSlotted('tooltip-content') ? '' : html`
+      ${!hasTooltipContent ? '' : html`
         <!-- html tooltip -->
@@ -142,2 +145,9 @@ <paper-tooltip animationDelay="130" position="${position}" for="content">
   }
+
+  updated() {
+    const _hasTooltipContent = this.isSlotted('tooltip-content');
+    if (this.hasTooltipContent !== _hasTooltipContent) {
+      this.hasTooltipContent = _hasTooltipContent;
+    }
+  }
 }

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

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

97044

increased by0.54%

Dev dependency count

0

decreased by-100%

Lines of code

1568

increased by1.55%

Number of low quality alerts

1

decreased by-50%

Worsened metrics

Dependency count

6

increased by50%

Dependency changes

• + Addedlit-element@^2.1.0

• + Addedlit-html@^1.0.0

• Updated@forter/directives@^1.0.0

• Updated@forter/helpers@^1.0.0

• Updated@forter/styles@^1.0.0