[🐛❗in esl-mixin-element]: ESLMixinElment instances does not disconnected deep in tree hierarchy

[ala-n]

Steps To Reproduce

1. Create nested DOM hierarchy with mixins

   <div>
       <div my-mixin></div>
       <div my-mixin>
            <div my-mixin></div>
       </div>
   </div>

   class MyMixin extends ESLMixinElement {
      static is = 'my-mixin';
      disconnectedCallback() {
         console.log('%o disconnected', this);
         super.disconnectedCallback();
      }
   }

2. Make sure the hierarchy was added to the active DOM
3. Remove the hierarchy root from the active DOM tree
4. Check if disconnected callbacks were called for mixins

Current behavior
Nested mixin instances are not disconnected

Expected behavior
Mixin should be disconnected independently of the root cause if it is not longer in the active DOM tree.

[ala-n]

🎉 This issue has been resolved in version 4.18.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[ala-n]

🎉 This issue has been resolved in version 5.0.0-beta.24 🎉

The release is available on:

• npm package (@beta dist-tag)
• GitHub release

Your semantic-release bot 📦🚀