@github/tab-container-element - npm Package Compare versions

Comparing version 4.1.1 to 4.1.2

dist/bundle.js

@@ -39,2 +39,3 @@ var __defProp = Object.defineProperty;
 var _TabContainerElement_tabList_get;
+var _TabContainerElement_tabListTabWrapper_get;
 var _TabContainerElement_beforeTabsSlot_get;
@@ -134,5 +135,8 @@ var _TabContainerElement_afterTabsSlot_get;
     tabListContainer.setAttribute("part", "tablist-wrapper");
+    const tabListTabWrapper = document.createElement("div");
+    tabListTabWrapper.setAttribute("part", "tablist-tab-wrapper");
     const tabListSlot = document.createElement("slot");
     tabListSlot.setAttribute("part", "tablist");
     tabListSlot.setAttribute("name", "tablist");
+    tabListTabWrapper.append(tabListSlot);
     const panelSlot = document.createElement("slot");
@@ -148,3 +152,3 @@ panelSlot.setAttribute("part", "panel");
     afterTabSlot.setAttribute("name", "after-tabs");
-    tabListContainer.append(beforeTabSlot, tabListSlot, afterTabSlot);
+    tabListContainer.append(beforeTabSlot, tabListTabWrapper, afterTabSlot);
     const afterSlot = document.createElement("slot");
@@ -188,2 +192,3 @@ afterSlot.setAttribute("part", "after-panels");
       } else {
+        __classPrivateFieldGet(this, _TabContainerElement_instances, "a", _TabContainerElement_tabListTabWrapper_get).role = "tablist";
         if (manualSlotsSupported) {
@@ -197,4 +202,2 @@ tabListSlot.assign(...[...this.children].filter((e) => e.matches("[role=tab]")));
         }
-        tabListSlot.role = "tablist";
-        tabListSlot.style.display = "block";
       }
@@ -295,8 +298,10 @@ const tabList = __classPrivateFieldGet(this, _TabContainerElement_instances, "a", _TabContainerElement_tabList_get);
   const slot = __classPrivateFieldGet(this, _TabContainerElement_instances, "a", _TabContainerElement_tabListSlot_get);
-  if (__classPrivateFieldGet(this, _TabContainerElement_instances, "a", _TabContainerElement_tabListSlot_get).hasAttribute("role")) {
-    return slot;
+  if (__classPrivateFieldGet(this, _TabContainerElement_instances, "a", _TabContainerElement_tabListTabWrapper_get).hasAttribute("role")) {
+    return __classPrivateFieldGet(this, _TabContainerElement_instances, "a", _TabContainerElement_tabListTabWrapper_get);
   } else {
     return slot.assignedNodes()[0];
   }
-}, "_TabContainerElement_tabList_get"), _TabContainerElement_beforeTabsSlot_get = /* @__PURE__ */ __name(function _TabContainerElement_beforeTabsSlot_get2() {
+}, "_TabContainerElement_tabList_get"), _TabContainerElement_tabListTabWrapper_get = /* @__PURE__ */ __name(function _TabContainerElement_tabListTabWrapper_get2() {
+  return this.shadowRoot.querySelector('div[part="tablist-tab-wrapper"]');
+}, "_TabContainerElement_tabListTabWrapper_get"), _TabContainerElement_beforeTabsSlot_get = /* @__PURE__ */ __name(function _TabContainerElement_beforeTabsSlot_get2() {
   return this.shadowRoot.querySelector('slot[part="before-tabs"]');
@@ -313,3 +318,3 @@ }, "_TabContainerElement_beforeTabsSlot_get"), _TabContainerElement_afterTabsSlot_get = /* @__PURE__ */ __name(function _TabContainerElement_afterTabsSlot_get2() {
   var _a;
-  if (__classPrivateFieldGet(this, _TabContainerElement_instances, "a", _TabContainerElement_tabListSlot_get).matches("[role=tablist]")) {
+  if (__classPrivateFieldGet(this, _TabContainerElement_instances, "a", _TabContainerElement_tabListTabWrapper_get).matches("[role=tablist]")) {
     return __classPrivateFieldGet(this, _TabContainerElement_instances, "a", _TabContainerElement_tabListSlot_get).assignedNodes();
@@ -316,0 +321,0 @@ }

dist/tab-container-element.js

@@ -23,3 +23,3 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
 };
-var _TabContainerChangeEvent_panel, _TabContainerChangeEvent_tab, _TabContainerElement_instances, _TabContainerElement_onTabContainerChange, _TabContainerElement_onTabContainerChanged, _TabContainerElement_tabList_get, _TabContainerElement_beforeTabsSlot_get, _TabContainerElement_afterTabsSlot_get, _TabContainerElement_afterPanelsSlot_get, _TabContainerElement_tabListSlot_get, _TabContainerElement_panelSlot_get, _TabContainerElement_tabs_get, _TabContainerElement_setupComplete, _TabContainerElement_internals, _TabContainerElement_handleKeydown, _TabContainerElement_handleClick, _TabContainerElement_reflectAttributeToShadow;
+var _TabContainerChangeEvent_panel, _TabContainerChangeEvent_tab, _TabContainerElement_instances, _TabContainerElement_onTabContainerChange, _TabContainerElement_onTabContainerChanged, _TabContainerElement_tabList_get, _TabContainerElement_tabListTabWrapper_get, _TabContainerElement_beforeTabsSlot_get, _TabContainerElement_afterTabsSlot_get, _TabContainerElement_afterPanelsSlot_get, _TabContainerElement_tabListSlot_get, _TabContainerElement_panelSlot_get, _TabContainerElement_tabs_get, _TabContainerElement_setupComplete, _TabContainerElement_internals, _TabContainerElement_handleKeydown, _TabContainerElement_handleClick, _TabContainerElement_reflectAttributeToShadow;
 const HTMLElement = globalThis.HTMLElement || null;
@@ -107,5 +107,8 @@ const manualSlotsSupported = 'assign' in HTMLSlotElement.prototype;
         tabListContainer.setAttribute('part', 'tablist-wrapper');
+        const tabListTabWrapper = document.createElement('div');
+        tabListTabWrapper.setAttribute('part', 'tablist-tab-wrapper');
         const tabListSlot = document.createElement('slot');
         tabListSlot.setAttribute('part', 'tablist');
         tabListSlot.setAttribute('name', 'tablist');
+        tabListTabWrapper.append(tabListSlot);
         const panelSlot = document.createElement('slot');
@@ -121,3 +124,3 @@ panelSlot.setAttribute('part', 'panel');
         afterTabSlot.setAttribute('name', 'after-tabs');
-        tabListContainer.append(beforeTabSlot, tabListSlot, afterTabSlot);
+        tabListContainer.append(beforeTabSlot, tabListTabWrapper, afterTabSlot);
         const afterSlot = document.createElement('slot');
@@ -164,2 +167,3 @@ afterSlot.setAttribute('part', 'after-panels');
             else {
+                __classPrivateFieldGet(this, _TabContainerElement_instances, "a", _TabContainerElement_tabListTabWrapper_get).role = 'tablist';
                 if (manualSlotsSupported) {
@@ -174,4 +178,2 @@ tabListSlot.assign(...[...this.children].filter(e => e.matches('[role=tab]')));
                 }
-                tabListSlot.role = 'tablist';
-                tabListSlot.style.display = 'block';
             }
@@ -274,4 +276,4 @@ const tabList = __classPrivateFieldGet(this, _TabContainerElement_instances, "a", _TabContainerElement_tabList_get);
     const slot = __classPrivateFieldGet(this, _TabContainerElement_instances, "a", _TabContainerElement_tabListSlot_get);
-    if (__classPrivateFieldGet(this, _TabContainerElement_instances, "a", _TabContainerElement_tabListSlot_get).hasAttribute('role')) {
-        return slot;
+    if (__classPrivateFieldGet(this, _TabContainerElement_instances, "a", _TabContainerElement_tabListTabWrapper_get).hasAttribute('role')) {
+        return __classPrivateFieldGet(this, _TabContainerElement_instances, "a", _TabContainerElement_tabListTabWrapper_get);
     }
@@ -281,2 +283,4 @@ else {
     }
+}, _TabContainerElement_tabListTabWrapper_get = function _TabContainerElement_tabListTabWrapper_get() {
+    return this.shadowRoot.querySelector('div[part="tablist-tab-wrapper"]');
 }, _TabContainerElement_beforeTabsSlot_get = function _TabContainerElement_beforeTabsSlot_get() {
@@ -294,3 +298,3 @@ return this.shadowRoot.querySelector('slot[part="before-tabs"]');
     var _a;
-    if (__classPrivateFieldGet(this, _TabContainerElement_instances, "a", _TabContainerElement_tabListSlot_get).matches('[role=tablist]')) {
+    if (__classPrivateFieldGet(this, _TabContainerElement_instances, "a", _TabContainerElement_tabListTabWrapper_get).matches('[role=tablist]')) {
         return __classPrivateFieldGet(this, _TabContainerElement_instances, "a", _TabContainerElement_tabListSlot_get).assignedNodes();
@@ -297,0 +301,0 @@ }

package.json

 {
   "name": "@github/tab-container-element",
-  "version": "4.1.1",
+  "version": "4.1.2",
   "description": "Tab container element",
@@ -5,0 +5,0 @@ "type": "module",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

50852

increased by2.46%

Lines of code

796

increased by1.14%

No dependency changes