@haiilo/catalyst 12.3.3 → 12.3.5

package/dist/cjs/cat-alert_30.cjs.entry.js

@@ -7764,6 +7764,7 @@ const CatDropdown = class {
         }
         this._isOpen = null;
         this.trap?.deactivate();
+        this.trap = undefined;
         this.content.classList.remove('show');
         // give CSS transition time to apply
         setTimeout(() => {
@@ -7780,8 +7781,12 @@ const CatDropdown = class {
             this.initTrigger();
         }
     }
+    disconnectedCallback() {
+        this.trap?.deactivate();
+        this.trap = undefined;
+    }
     render() {
-        return (index.h(index.Host, { key: '5206026fafea4b080f8890bd89b12885524cccd9' }, index.h("slot", { key: '316ef973ba544f937217de5d27af51e24a55795d', name: "anchor", ref: el => (this.anchorSlot = el) }), index.h("slot", { key: '95b9039dd8a88eb79836abe428bd97403f10d886', name: "trigger", ref: el => (this.triggerSlot = el) }), index.h("div", { key: 'a0067efa6a259faa2c89ed092cb1f467a756e0f3', id: this.contentId, class: { content: true, 'overflow-auto': !this.overflow, justified: this.justify, aligned: !this.justify }, ref: el => (this.content = el) }, index.h("slot", { key: '6904a4c7e24ed5fd28a48735ec82d9cab26e71e2', name: "content" }))));
+        return (index.h(index.Host, { key: 'c76a5d87c676da3b2744c685f5108d390e35691b' }, index.h("slot", { key: 'debf796d465c97d19fdd8bfa7029ccaad0056c28', name: "anchor", ref: el => (this.anchorSlot = el) }), index.h("slot", { key: 'f6780795027087c899c0a2dd8b826c9e23bc4d2b', name: "trigger", ref: el => (this.triggerSlot = el) }), index.h("div", { key: '2ed88e6ea720c329b01c9d935507565a6bcbd2d9', id: this.contentId, class: { content: true, 'overflow-auto': !this.overflow, justified: this.justify, aligned: !this.justify }, ref: el => (this.content = el) }, index.h("slot", { key: '686eacb75cd07a718aeb2cab2e41176116493d4a', name: "content" }))));
     }
     get contentId() {
         return `cat-dropdown-${this.id}`;
@@ -12283,6 +12288,27 @@ const CatTooltip = class {
         if (this.trigger && !this.trigger.hasAttribute('aria-describedby')) {
             this.trigger.setAttribute('aria-describedby', this.id);
         }
+        this.addListeners();
+    }
+    connectedCallback() {
+        this.addListeners();
+    }
+    componentWillRender() {
+        this.inactive = this.disabled || (!this.content && !this.hostElement.querySelector('[slot="content"]'));
+    }
+    disconnectedCallback() {
+        this.removeListeners();
+        this.hideTooltip();
+    }
+    render() {
+        return (index.h(index.Host, { key: '48ac6350d679c11d238d55442d6455fc38eb44d7' }, index.h("slot", { key: '2ecd767bae2429800d94707498dd0d292b0bf5b4' }), index.h("div", { key: 'c59512dbe2c57622f7827aa143230dc1c5046281', ref: el => (this.tooltip = el), id: this.id, role: "tooltip", "aria-hidden": !this.open, "aria-live": this.open ? 'polite' : 'off', class: {
+                tooltip: true,
+                'tooltip-hidden': this.inactive,
+                'tooltip-round': this.round,
+                [`tooltip-${this.size}`]: Boolean(this.size)
+            } }, index.h("slot", { key: 'a0bdd025ca40adac969daef4a0b06b9aa8452fac', name: "content" }, index.h("p", { key: '83786352e3219af4e7cde38a1c8247042d44c66a' }, this.content)))));
+    }
+    addListeners() {
         if (isTouchDevice) {
             window.addEventListener('touchstart', this.boundWindowTouchStartListener);
             this.trigger?.addEventListener('touchstart', this.boundTouchStartListener);
@@ -12295,10 +12321,7 @@ const CatTooltip = class {
             this.trigger?.addEventListener('mouseleave', this.boundHideListener);
         }
     }
-    componentWillRender() {
-        this.inactive = this.disabled || (!this.content && !this.hostElement.querySelector('[slot="content"]'));
-    }
-    disconnectedCallback() {
+    removeListeners() {
         if (isTouchDevice) {
             window.removeEventListener('touchstart', this.boundWindowTouchStartListener);
             this.trigger?.removeEventListener('touchstart', this.boundTouchStartListener);
@@ -12311,14 +12334,6 @@ const CatTooltip = class {
             this.trigger?.removeEventListener('focusout', this.boundHideListener);
         }
     }
-    render() {
-        return (index.h(index.Host, { key: 'a4d508bd463b29935745236c388f31b4bc01516f' }, index.h("slot", { key: 'b1992e73fa0e53b58493b8253c10823d562dac05' }), index.h("div", { key: 'd33515016f4d31548d9628f23d778acde69be531', ref: el => (this.tooltip = el), id: this.id, role: "tooltip", "aria-hidden": !this.open, "aria-live": this.open ? 'polite' : 'off', class: {
-                tooltip: true,
-                'tooltip-hidden': this.inactive,
-                'tooltip-round': this.round,
-                [`tooltip-${this.size}`]: Boolean(this.size)
-            } }, index.h("slot", { key: '58c5455be822bf8bc9476c2e5086e0299805791f', name: "content" }, index.h("p", { key: '56d35f4ec8846ad8928c72a269fd5ed19bf087e1' }, this.content)))));
-    }
     async update() {
         if (this.trigger && this.tooltip) {
             await computePosition(this.trigger, this.tooltip, {