@lion/tooltip - npm Package Compare versions

Comparing version 0.12.9 to 0.13.0

CHANGELOG.md

 # Change Log
 
+## 0.13.0
+
+### Minor Changes
+
+- 26f683d0: - Make the OverlayController constructor phase synchronous.
+  - Trigger a setup of the OverlayController on every connectedCallback
+  - Execute a new OverlayController after (shadowDom) rendering of the element is done
+  - Teardown the OverlayController on every disconnectedCallback
+  - This means moving a dialog triggers teardown in the old location and setup in the new location
+  - Restore the original light dom (if needed) in the teardown phase of the OverlayController
+
+### Patch Changes
+
+- Updated dependencies [874ff483]
+- Updated dependencies [26f683d0]
+  - @lion/core@0.11.0
+  - @lion/overlays@0.18.0
+
 ## 0.12.9
@@ -4,0 +22,0 @@

package.json

 {
   "name": "@lion/tooltip",
-  "version": "0.12.9",
+  "version": "0.13.0",
   "description": "Show relative overlay content on hover",
@@ -35,4 +35,4 @@ "license": "MIT",
   "dependencies": {
-    "@lion/core": "0.10.0",
-    "@lion/overlays": "0.17.0"
+    "@lion/core": "0.11.0",
+    "@lion/overlays": "0.18.0"
   },
@@ -39,0 +39,0 @@ "keywords": [

src/LionTooltip.js

@@ -93,8 +93,2 @@ import { css, html, LitElement } from '@lion/core';
 
-  connectedCallback() {
-    if (super.connectedCallback) {
-      super.connectedCallback();
-    }
-  }
-
   render() {
@@ -106,5 +100,3 @@ return html`
         <slot name="content"></slot>
-        <div class="arrow" x-arrow>
-          ${this._arrowTemplate()}
-        </div>
+        <div class="arrow" x-arrow>${this._arrowTemplate()}</div>
       </div>
@@ -111,0 +103,0 @@ `;

test/lion-tooltip.test.js

@@ -129,5 +129,3 @@ import { runOverlayMixinSuite } from '@lion/overlays/test-suites/OverlayMixin.suite.js';
         >
-          <div slot="content" style="height: 30px; background-color: red;">
-            Hey there
-          </div>
+          <div slot="content" style="height: 30px; background-color: red;">Hey there</div>
           <button slot="invoker" style="height: 30px;">Tooltip button</button>
@@ -140,3 +138,2 @@ </lion-tooltip>
       await el.repositionComplete;
-
       // Pretty sure we use flex for this now so that's why it fails
@@ -143,0 +140,0 @@ /* expect(getComputedStyle(el.__arrowElement).getPropertyValue('top')).to.equal(

No alert changes

Improved metrics

Total package byte prevSize

53853

increased by0.95%

Worsened metrics

Lines of code

427

decreased by-2.06%

Dependency changes

• + Added@lion/core@0.11.0(transitive)

• + Added@lion/overlays@0.18.0(transitive)

• - Removed@lion/core@0.10.0(transitive)

• - Removed@lion/overlays@0.17.0(transitive)

• Updated@lion/core@0.11.0

• Updated@lion/overlays@0.18.0