@limetech/lime-elements 40.6.0 → 40.6.2

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index--B6-r0uo.js');
+var index = require('./index-BlsqxTB1.js');
 var dispatchResizeEvent = require('./dispatch-resize-event-DH5CaB3p.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)}`;
@@ -31,8 +31,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();
@@ -40,18 +41,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 (index.h(index.Host, { key: 'e81003e7cb21f7d348368393b6ac6c8039510f26', onChangeTab: this.handleChangeTabs }, index.h("div", { key: '591a3cd5176b359ce6ce9eef69355d5084656be7', class: "tab-panel" }, index.h("limel-tab-bar", { key: '1097440df6c6e01693a39efe3647e9511a664887', tabs: this.tabs }), index.h("div", { key: 'a6c49f26996ecc40f4a5d3d70de52777438adb13', class: "tab-content" }, index.h("slot", { key: '192808544a1534a3799ab5a438f08cbbe1d6bd40' })))));
+        return (index.h(index.Host, { key: 'acb9f2f1081972fc45104cc357055af883ebad2d', onChangeTab: this.handleChangeTabs }, index.h("div", { key: '318df7ddc8d28f5952c7e67b154088ca13f4355a', class: "tab-panel" }, index.h("limel-tab-bar", { key: '2656eb61f4e815eba9636bf939e368651bbd8dcf', tabs: this.tabs }), index.h("div", { key: '41d1bf3149a19d28d7d9f1ace0744ffe26811080', class: "tab-content" }, index.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);
@@ -76,7 +79,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.dispatchResizeEvent);
+        setTimeout(dispatchResizeEvent.dispatchResizeEvent, 0);
     }
     getSlot() {
         return this.host.shadowRoot.querySelector('slot');