@limetech/lime-elements 40.6.0 → 40.6.2

package/dist/esm/limel-tab-panel.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-Bnc9lzk2.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BU9IJqli.js';
 import { d as dispatchResizeEvent } from './dispatch-resize-event-z_E3sq3p.js';
 
 const tabPanelCss = () => `:host(limel-tab-panel){--tab-panel-background-color:rgb(var(--contrast-100));display:block;height:100%}.tab-panel{height:100%;position:relative;display:flex;flex-direction:column}.tab-content{height:100%;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;background-color:var(--tab-panel-background-color)}`;
@@ -29,8 +29,9 @@ const TabPanel = class {
         }
         slot.addEventListener('slotchange', this.setSlotElements);
         this.setSlotElements();
-        // eslint-disable-next-line unicorn/no-array-for-each
-        this.tabs.forEach(this.setTabStatus);
+        for (const tab of this.tabs) {
+            this.setTabStatus(tab);
+        }
     }
     disconnectedCallback() {
         const slot = this.getSlot();
@@ -38,18 +39,20 @@ const TabPanel = class {
     }
     tabsChanged() {
         this.hidePanels();
-        // eslint-disable-next-line unicorn/no-array-for-each
-        this.tabs.forEach(this.setTabStatus);
+        for (const tab of this.tabs) {
+            this.setTabStatus(tab);
+        }
     }
     render() {
-        return (h(Host, { key: 'e81003e7cb21f7d348368393b6ac6c8039510f26', onChangeTab: this.handleChangeTabs }, h("div", { key: '591a3cd5176b359ce6ce9eef69355d5084656be7', class: "tab-panel" }, h("limel-tab-bar", { key: '1097440df6c6e01693a39efe3647e9511a664887', tabs: this.tabs }), h("div", { key: 'a6c49f26996ecc40f4a5d3d70de52777438adb13', class: "tab-content" }, h("slot", { key: '192808544a1534a3799ab5a438f08cbbe1d6bd40' })))));
+        return (h(Host, { key: 'acb9f2f1081972fc45104cc357055af883ebad2d', onChangeTab: this.handleChangeTabs }, h("div", { key: '318df7ddc8d28f5952c7e67b154088ca13f4355a', class: "tab-panel" }, h("limel-tab-bar", { key: '2656eb61f4e815eba9636bf939e368651bbd8dcf', tabs: this.tabs }), h("div", { key: '41d1bf3149a19d28d7d9f1ace0744ffe26811080', class: "tab-content" }, h("slot", { key: 'ee234615e96536b40ce089978cba5bd21a1fb129' })))));
     }
     setSlotElements() {
         const slot = this.getSlot();
         this.hidePanels();
         this.slotElements = Array.prototype.slice.call(slot.assignedElements());
-        // eslint-disable-next-line unicorn/no-array-for-each
-        this.tabs.forEach(this.setTabStatus);
+        for (const tab of this.tabs) {
+            this.setTabStatus(tab);
+        }
     }
     setTabStatus(tab) {
         const element = this.slotElements.find((e) => e.id === tab.id);
@@ -74,7 +77,7 @@ const TabPanel = class {
         this.setTabStatus(event.detail);
         // Content inside the newly activated tab may need to redraw once
         // visible, so we use the resize event trick. /Ads
-        setTimeout(dispatchResizeEvent);
+        setTimeout(dispatchResizeEvent, 0);
     }
     getSlot() {
         return this.host.shadowRoot.querySelector('slot');