@haxtheweb/simple-tooltip - npm Package Compare versions

Comparing version 9.0.3 to 9.0.6

analysis.json

@@ -5,3 +5,3 @@ {
     {
-      "description": "`simple-tooltip`\n`a simple tooltip forked from paper-tooltip with the same api minus apply removal`\n     ### Styling\n     The following custom properties and mixins are available for styling:\n \n     Custom property | Description | Default\n     ----------------|-------------|----------\n     `--simple-tooltip-background` | The background color of the tooltip | `#616161`\n     `--simple-tooltip-opacity` | The opacity of the tooltip | `0.9`\n     `--simple-tooltip-text-color` | The text color of the tooltip | `white`\n     `--simple-tooltip-delay-in` | Delay before tooltip starts to fade in | `500`\n     `--simple-tooltip-delay-out` | Delay before tooltip starts to fade out | `0`\n     `--simple-tooltip-duration-in` | Timing for animation when showing tooltip | `500`\n     `--simple-tooltip-duration-out` | Timing for animation when hiding tooltip | `0`",
+      "description": "`simple-tooltip`\n`a simple tooltip forked from paper-tooltip with the same api minus apply removal`\n     ### Styling\n     The following custom properties and mixins are available for styling:\n \n     Custom property | Description | Default\n     ----------------|-------------|----------\n     `--simple-tooltip-background` | The background color of the tooltip | `#616161`\n     `--simple-tooltip-opacity` | The opacity of the tooltip | `0.9`\n     `--simple-tooltip-text-color` | The text color of the tooltip | `white`\n     `--simple-tooltip-delay-in` | Delay before tooltip starts to fade in | `500`\n     `--simple-tooltip-delay-out` | Delay before tooltip starts to fade out | `0`\n     `--simple-tooltip-duration-in` | Timing for animation when showing tooltip | `500`\n     `--simple-tooltip-duration-out` | Timing for animation when hiding tooltip | `0`\n     `--simple-tooltip-padding` | padding on the wrapper for the tip | `8px`\n     `--simple-tooltip-margin` | margin on the wrapper for the tip | `0px`",
       "summary": "",
@@ -17,7 +17,7 @@ "path": "simple-tooltip.js",
             "start": {
-              "line": 321,
+              "line": 324,
               "column": 2
             },
             "end": {
-              "line": 335,
+              "line": 338,
               "column": 3
@@ -36,7 +36,7 @@ }
             "start": {
-              "line": 209,
+              "line": 212,
               "column": 2
             },
             "end": {
-              "line": 217,
+              "line": 220,
               "column": 3
@@ -54,7 +54,7 @@ }
             "start": {
-              "line": 340,
+              "line": 343,
               "column": 2
             },
             "end": {
-              "line": 345,
+              "line": 348,
               "column": 3
@@ -75,7 +75,7 @@ }
             "start": {
-              "line": 351,
+              "line": 354,
               "column": 2
             },
             "end": {
-              "line": 357,
+              "line": 360,
               "column": 3
@@ -102,7 +102,7 @@ }
             "start": {
-              "line": 362,
+              "line": 365,
               "column": 2
             },
             "end": {
-              "line": 365,
+              "line": 368,
               "column": 3
@@ -123,7 +123,7 @@ }
             "start": {
-              "line": 371,
+              "line": 374,
               "column": 2
             },
             "end": {
-              "line": 403,
+              "line": 406,
               "column": 3
@@ -144,7 +144,7 @@ }
             "start": {
-              "line": 409,
+              "line": 411,
               "column": 2
             },
             "end": {
-              "line": 433,
+              "line": 435,
               "column": 3
@@ -165,7 +165,7 @@ }
             "start": {
-              "line": 438,
+              "line": 440,
               "column": 2
             },
             "end": {
-              "line": 497,
+              "line": 498,
               "column": 3
@@ -186,7 +186,7 @@ }
             "start": {
-              "line": 499,
+              "line": 500,
               "column": 2
             },
             "end": {
-              "line": 507,
+              "line": 508,
               "column": 3
@@ -207,7 +207,7 @@ }
             "start": {
-              "line": 509,
+              "line": 510,
               "column": 2
             },
             "end": {
-              "line": 513,
+              "line": 514,
               "column": 3
@@ -228,7 +228,7 @@ }
             "start": {
-              "line": 515,
+              "line": 516,
               "column": 2
             },
             "end": {
-              "line": 518,
+              "line": 519,
               "column": 3
@@ -249,7 +249,7 @@ }
             "start": {
-              "line": 520,
+              "line": 521,
               "column": 2
             },
             "end": {
-              "line": 532,
+              "line": 533,
               "column": 3
@@ -270,7 +270,7 @@ }
             "start": {
-              "line": 534,
+              "line": 535,
               "column": 2
             },
             "end": {
-              "line": 546,
+              "line": 547,
               "column": 3
@@ -291,7 +291,7 @@ }
             "start": {
-              "line": 548,
+              "line": 549,
               "column": 2
             },
             "end": {
-              "line": 557,
+              "line": 558,
               "column": 3
@@ -312,7 +312,7 @@ }
             "start": {
-              "line": 559,
+              "line": 560,
               "column": 2
             },
             "end": {
-              "line": 594,
+              "line": 595,
               "column": 3
@@ -334,7 +334,7 @@ }
             "start": {
-              "line": 596,
+              "line": 597,
               "column": 2
             },
             "end": {
-              "line": 604,
+              "line": 605,
               "column": 3
@@ -355,7 +355,7 @@ }
             "start": {
-              "line": 608,
+              "line": 609,
               "column": 2
             },
             "end": {
-              "line": 612,
+              "line": 613,
               "column": 3
@@ -380,7 +380,7 @@ }
             "start": {
-              "line": 616,
+              "line": 617,
               "column": 2
             },
             "end": {
-              "line": 628,
+              "line": 629,
               "column": 3
@@ -405,7 +405,7 @@ }
             "start": {
-              "line": 629,
+              "line": 630,
               "column": 2
             },
             "end": {
-              "line": 637,
+              "line": 638,
               "column": 3
@@ -439,7 +439,7 @@ }
         "start": {
-          "line": 24,
+          "line": 26,
           "column": 0
         },
         "end": {
-          "line": 638,
+          "line": 639,
           "column": 1
@@ -446,0 +446,0 @@ }

custom-elements.json

@@ -6,3 +6,3 @@ {
       "name": "simple-tooltip",
-      "description": "`simple-tooltip`\n`a simple tooltip forked from paper-tooltip with the same api minus apply removal`\n  ### Styling\n  The following custom properties and mixins are available for styling:\n\n  Custom property | Description | Default\n  ----------------|-------------|----------\n  `--simple-tooltip-background` | The background color of the tooltip | `#616161`\n  `--simple-tooltip-opacity` | The opacity of the tooltip | `0.9`\n  `--simple-tooltip-text-color` | The text color of the tooltip | `white`\n  `--simple-tooltip-delay-in` | Delay before tooltip starts to fade in | `500`\n  `--simple-tooltip-delay-out` | Delay before tooltip starts to fade out | `0`\n  `--simple-tooltip-duration-in` | Timing for animation when showing tooltip | `500`\n  `--simple-tooltip-duration-out` | Timing for animation when hiding tooltip | `0`\n\nAttributes:\n\n  * `for` {`string`} - The id of the element that the tooltip is anchored to. This element\nmust be a sibling of the tooltip. If this property is not set,\nthen the tooltip will be centered to the parent node containing it.\n\n  * `animation-delay` {`number`} - The delay that will be applied before the `entry` animation is\nplayed when showing the tooltip.\n\n  * `_showing` {`boolean`} - \n\n  * `manual-mode` {`boolean`} - Set this to true if you want to manually control when the tooltip\nis shown or hidden.\n\n  * `position` {`string`} - Positions the tooltip to the top, right, bottom, left of its content.\n\n  * `fit-to-visible-bounds` {`boolean`} - If true, no parts of the tooltip will ever be shown offscreen.\n\n  * `offset` {`number`} - The spacing between the top of the tooltip and the element it is\nanchored to.\n\n  * `margin-top` {`number`} - This property is deprecated, but left over so that it doesn't\nbreak exiting code. Please use `offset` instead. If both `offset` and\n`marginTop` are provided, `marginTop` will be ignored.\n\n  * `animation-entry` {`string`} - The animation that will be played on entry.  This replaces the\ndeprecated animationConfig.  Entries here will override the\nanimationConfig settings.  You can enter your own animation\nby setting it to the css class name.\n\n  * `animation-exit` {`string`} - The animation that will be played on exit.  This replaces the\ndeprecated animationConfig.  Entries here will override the\nanimationConfig settings.  You can enter your own animation\nby setting it to the css class name.\n\nProperties:\n\n  * `for` {`string`} - The id of the element that the tooltip is anchored to. This element\nmust be a sibling of the tooltip. If this property is not set,\nthen the tooltip will be centered to the parent node containing it.\n\n  * `animationDelay` {`number`} - The delay that will be applied before the `entry` animation is\nplayed when showing the tooltip.\n\n  * `_showing` {`boolean`} - \n\n  * `target` {Node} - Returns the target element that this tooltip is anchored to. It is\neither the element given by the `for` attribute, or the immediate parent\nof the tooltip.\n\n  * `manualMode` {`boolean`} - Set this to true if you want to manually control when the tooltip\nis shown or hidden.\n\n  * `position` {`string`} - Positions the tooltip to the top, right, bottom, left of its content.\n\n  * `fitToVisibleBounds` {`boolean`} - If true, no parts of the tooltip will ever be shown offscreen.\n\n  * `offset` {`number`} - The spacing between the top of the tooltip and the element it is\nanchored to.\n\n  * `marginTop` {`number`} - This property is deprecated, but left over so that it doesn't\nbreak exiting code. Please use `offset` instead. If both `offset` and\n`marginTop` are provided, `marginTop` will be ignored.\n\n  * `animationEntry` {`string`} - The animation that will be played on entry.  This replaces the\ndeprecated animationConfig.  Entries here will override the\nanimationConfig settings.  You can enter your own animation\nby setting it to the css class name.\n\n  * `animationExit` {`string`} - The animation that will be played on exit.  This replaces the\ndeprecated animationConfig.  Entries here will override the\nanimationConfig settings.  You can enter your own animation\nby setting it to the css class name.\n\n  * `animationConfig` - ",
+      "description": "`simple-tooltip`\n`a simple tooltip forked from paper-tooltip with the same api minus apply removal`\n  ### Styling\n  The following custom properties and mixins are available for styling:\n\n  Custom property | Description | Default\n  ----------------|-------------|----------\n  `--simple-tooltip-background` | The background color of the tooltip | `#616161`\n  `--simple-tooltip-opacity` | The opacity of the tooltip | `0.9`\n  `--simple-tooltip-text-color` | The text color of the tooltip | `white`\n  `--simple-tooltip-delay-in` | Delay before tooltip starts to fade in | `500`\n  `--simple-tooltip-delay-out` | Delay before tooltip starts to fade out | `0`\n  `--simple-tooltip-duration-in` | Timing for animation when showing tooltip | `500`\n  `--simple-tooltip-duration-out` | Timing for animation when hiding tooltip | `0`\n  `--simple-tooltip-padding` | padding on the wrapper for the tip | `8px`\n  `--simple-tooltip-margin` | margin on the wrapper for the tip | `0px`\n\nAttributes:\n\n  * `for` {`string`} - The id of the element that the tooltip is anchored to. This element\nmust be a sibling of the tooltip. If this property is not set,\nthen the tooltip will be centered to the parent node containing it.\n\n  * `animation-delay` {`number`} - The delay that will be applied before the `entry` animation is\nplayed when showing the tooltip.\n\n  * `_showing` {`boolean`} - \n\n  * `manual-mode` {`boolean`} - Set this to true if you want to manually control when the tooltip\nis shown or hidden.\n\n  * `position` {`string`} - Positions the tooltip to the top, right, bottom, left of its content.\n\n  * `fit-to-visible-bounds` {`boolean`} - If true, no parts of the tooltip will ever be shown offscreen.\n\n  * `offset` {`number`} - The spacing between the top of the tooltip and the element it is\nanchored to.\n\n  * `margin-top` {`number`} - This property is deprecated, but left over so that it doesn't\nbreak exiting code. Please use `offset` instead. If both `offset` and\n`marginTop` are provided, `marginTop` will be ignored.\n\n  * `animation-entry` {`string`} - The animation that will be played on entry.  This replaces the\ndeprecated animationConfig.  Entries here will override the\nanimationConfig settings.  You can enter your own animation\nby setting it to the css class name.\n\n  * `animation-exit` {`string`} - The animation that will be played on exit.  This replaces the\ndeprecated animationConfig.  Entries here will override the\nanimationConfig settings.  You can enter your own animation\nby setting it to the css class name.\n\nProperties:\n\n  * `for` {`string`} - The id of the element that the tooltip is anchored to. This element\nmust be a sibling of the tooltip. If this property is not set,\nthen the tooltip will be centered to the parent node containing it.\n\n  * `animationDelay` {`number`} - The delay that will be applied before the `entry` animation is\nplayed when showing the tooltip.\n\n  * `_showing` {`boolean`} - \n\n  * `target` {Node} - Returns the target element that this tooltip is anchored to. It is\neither the element given by the `for` attribute, or the immediate parent\nof the tooltip.\n\n  * `manualMode` {`boolean`} - Set this to true if you want to manually control when the tooltip\nis shown or hidden.\n\n  * `position` {`string`} - Positions the tooltip to the top, right, bottom, left of its content.\n\n  * `fitToVisibleBounds` {`boolean`} - If true, no parts of the tooltip will ever be shown offscreen.\n\n  * `offset` {`number`} - The spacing between the top of the tooltip and the element it is\nanchored to.\n\n  * `marginTop` {`number`} - This property is deprecated, but left over so that it doesn't\nbreak exiting code. Please use `offset` instead. If both `offset` and\n`marginTop` are provided, `marginTop` will be ignored.\n\n  * `animationEntry` {`string`} - The animation that will be played on entry.  This replaces the\ndeprecated animationConfig.  Entries here will override the\nanimationConfig settings.  You can enter your own animation\nby setting it to the css class name.\n\n  * `animationExit` {`string`} - The animation that will be played on exit.  This replaces the\ndeprecated animationConfig.  Entries here will override the\nanimationConfig settings.  You can enter your own animation\nby setting it to the css class name.\n\n  * `animationConfig` - ",
       "attributes": [
@@ -9,0 +9,0 @@ {

package.json

@@ -18,3 +18,3 @@ {
   },
-  "version": "9.0.3",
+  "version": "9.0.6",
   "description": "a simple tooltip forked from paper-tooltip with the same api",
@@ -44,7 +44,7 @@ "repository": {
   "dependencies": {
-    "lit": "^3.1.4"
+    "lit": "^3.2.0"
   },
   "devDependencies": {
-    "@haxtheweb/deduping-fix": "^9.0.2",
-    "@haxtheweb/simple-icon": "^9.0.3",
+    "@haxtheweb/deduping-fix": "^9.0.6",
+    "@haxtheweb/simple-icon": "^9.0.6",
     "@open-wc/testing": "4.0.0",
@@ -60,7 +60,10 @@ "@web/dev-server": "0.4.2",
   },
+  "customElements": "custom-elements.json",
   "keywords": [
-    "web-components",
-    "html"
+    "webcomponents",
+    "html",
+    "haxtheweb",
+    "lit"
   ],
-  "gitHead": "3b19e94e2cb4ce4a4369dc5d885dfdcfb2676728"
+  "gitHead": "04cae22f40424464d43057349cde27f55cb32ca1"
 }

simple-tooltip.js

@@ -22,2 +22,4 @@ /**
      `--simple-tooltip-duration-out` | Timing for animation when hiding tooltip | `0`
+     `--simple-tooltip-padding` | padding on the wrapper for the tip | `8px`
+     `--simple-tooltip-margin` | margin on the wrapper for the tip | `0px`
   * @demo demo/index.html
@@ -51,3 +53,4 @@ * @element simple-tooltip
           color: var(--simple-tooltip-text-color, white);
-          padding: 8px;
+          padding: var(--simple-tooltip-padding, 8px);
+          margin: var(--simple-tooltip-margin, 0px);
           border-radius: var(--simple-tooltip-border-radius, 2px);
@@ -407,3 +410,2 @@ width: var(--simple-tooltip-width);
   }
-
   /**
@@ -473,3 +475,2 @@ * Hides the tooltip programatically
     }
-    // TODO(noms): This should use IronFitBehavior if possible.
     if (this.fitToVisibleBounds) {
@@ -476,0 +477,0 @@ // Clip the left/right side

src/simple-tooltip.js

@@ -22,2 +22,4 @@ /**
      `--simple-tooltip-duration-out` | Timing for animation when hiding tooltip | `0`
+     `--simple-tooltip-padding` | padding on the wrapper for the tip | `8px`
+     `--simple-tooltip-margin` | margin on the wrapper for the tip | `0px`
   * @demo demo/index.html
@@ -51,3 +53,4 @@ * @element simple-tooltip
           color: var(--simple-tooltip-text-color, white);
-          padding: 8px;
+          padding: var(--simple-tooltip-padding, 8px);
+          margin: var(--simple-tooltip-margin, 0px);
           border-radius: var(--simple-tooltip-border-radius, 2px);
@@ -407,3 +410,2 @@ width: var(--simple-tooltip-width);
   }
-
   /**
@@ -473,3 +475,2 @@ * Hides the tooltip programatically
     }
-    // TODO(noms): This should use IronFitBehavior if possible.
     if (this.fitToVisibleBounds) {
@@ -476,0 +477,0 @@ // Clip the left/right side

No alert changes

Improved metrics

Total package byte prevSize

83102

increased by0.87%

Lines of code

1937

increased by0.26%

Dependency changes

• Updatedlit@^3.2.0