@umbraco-ui/uui-tabs 1.12.2 → 1.13.0-rc.0

package/lib/index.js

@@ -133,7 +133,7 @@ UUITabElement.styles = [
         right: auto;
         border-radius: var(--uui-border-radius,3px) var(--uui-border-radius,3px) 0 0;
         height: 0px;
-        width: calc(100% - 15px);
+        width: calc(100% - 14px);
         bottom: 0;
         transition:
           opacity linear 120ms,
@@ -256,7 +256,11 @@ let UUITabGroupElement = class extends LitElement {
         const hasActiveHidden = __privateGet(this, _hiddenTabElements).some(
           (el) => el.active && el !== linkedElement
         );
-        hasActiveHidden ? this._moreButtonElement.classList.add("active-inside") : this._moreButtonElement.classList.remove("active-inside");
+        if (hasActiveHidden) {
+          this._moreButtonElement.classList.add("active-inside");
+        } else {
+          this._moreButtonElement.classList.remove("active-inside");
+        }
       }
     });
   }
@@ -272,7 +276,7 @@ let UUITabGroupElement = class extends LitElement {
   render() {
     return html`
       <div id="main">
-        <div id="grid">
+        <div id="grid" role="tablist">
           <slot @slotchange=${__privateMethod(this, _UUITabGroupElement_instances, onSlotChange_fn)}></slot>
         </div>
         <uui-button
@@ -288,7 +292,7 @@ let UUITabGroupElement = class extends LitElement {
         id="popover-container"
         popover
         placement="bottom-end">
-        <div id="hidden-tabs-container">
+        <div id="hidden-tabs-container" role="tablist">
           ${repeat(__privateGet(this, _hiddenTabElements), (el) => html`${el}`)}
         </div>
       </uui-popover-container>
@@ -308,7 +312,6 @@ initialize_fn = async function() {
   demandCustomElement(this, "uui-button");
   demandCustomElement(this, "uui-popover-container");
   demandCustomElement(this, "uui-symbol-more");
-  if (!this.hasAttribute("role")) this.setAttribute("role", "tablist");
   await this.updateComplete;
   __privateGet(this, _resizeObserver).observe(this._mainElement);
 };
@@ -407,7 +410,11 @@ updateCollapsibleTabs_fn = function(containerWidth) {
   } else {
     this._moreButtonElement.style.display = "";
   }
-  hasActiveTabInDropdown ? this._moreButtonElement.classList.add("active-inside") : this._moreButtonElement.classList.remove("active-inside");
+  if (hasActiveTabInDropdown) {
+    this._moreButtonElement.classList.add("active-inside");
+  } else {
+    this._moreButtonElement.classList.remove("active-inside");
+  }
   this.requestUpdate();
 };
 isElementTabLike_fn = function(el) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-tabs",
-  "version": "1.12.2",
+  "version": "1.13.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,10 +30,10 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.12.2",
-    "@umbraco-ui/uui-button": "1.12.2",
-    "@umbraco-ui/uui-popover-container": "1.12.2",
-    "@umbraco-ui/uui-symbol-more": "1.12.2"
+    "@umbraco-ui/uui-base": "1.13.0-rc.0",
+    "@umbraco-ui/uui-button": "1.13.0-rc.0",
+    "@umbraco-ui/uui-popover-container": "1.13.0-rc.0",
+    "@umbraco-ui/uui-symbol-more": "1.13.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
@@ -44,5 +44,5 @@
     "access": "public"
   },
   "homepage": "https://uui.umbraco.com/?path=/story/uui-tabs",
-  "gitHead": "207119ec53a655eeddfa1d626155490490336753"
+  "gitHead": "864afa6c182c2a73c479237732dadc1abc69a4a0"
 }