@umbraco-ui/uui-tabs 1.17.3 → 1.18.1

package/lib/index.js

@@ -196,13 +196,13 @@ __decorateClass$1([
   property({ type: Boolean, reflect: true })
 ], UUITabElement.prototype, "disabled", 2);
 __decorateClass$1([
-  property({ type: String })
+  property({ type: String, reflect: true })
 ], UUITabElement.prototype, "href", 2);
 __decorateClass$1([
-  property({ type: String })
+  property({ type: String, reflect: true })
 ], UUITabElement.prototype, "target", 2);
 __decorateClass$1([
-  property({ type: String })
+  property({ type: String, reflect: true })
 ], UUITabElement.prototype, "rel", 2);
 __decorateClass$1([
   property({ type: String, reflect: true })
@@ -229,7 +229,7 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _currentGap, _tabElements, _hiddenTabElements, _hiddenTabElementsMap, _visibilityBreakpoints, _resizeObserver, _tabResizeObservers, _breakPointCalculationInProgress, _UUITabGroupElement_instances, initialize_fn, onResize_fn, cleanupTabs_fn, onSlotChange_fn, _onTabClicked, calculateBreakPoints_fn, setTabArray_fn, updateCollapsibleTabs_fn, isElementTabLike_fn;
+var _currentGap, _tabElements, _hiddenTabElements, _hiddenTabElementsMap, _visibilityBreakpoints, _resizeObserver, _tabResizeObservers, _breakPointCalculationInProgress, _UUITabGroupElement_instances, initialize_fn, onResize_fn, cleanupTabs_fn, onSlotChange_fn, _onTabClicked, calculateBreakPoints_fn, setTabArray_fn, updateCollapsibleTabs_fn, isElementTabLike_fn, isElementHrefLike_fn;
 let UUITabGroupElement = class extends LitElement {
   constructor() {
     super(...arguments);
@@ -246,6 +246,19 @@ let UUITabGroupElement = class extends LitElement {
     __privateAdd(this, _breakPointCalculationInProgress, false);
     __privateAdd(this, _onTabClicked, (e) => {
       const selectedElement = e.currentTarget;
+      const isCtrlClick = e.ctrlKey || e.metaKey;
+      if (__privateMethod(this, _UUITabGroupElement_instances, isElementHrefLike_fn).call(this, selectedElement) && isCtrlClick) {
+        return;
+      }
+      if (selectedElement.classList.contains("hidden-tab") && __privateMethod(this, _UUITabGroupElement_instances, isElementTabLike_fn).call(this, selectedElement)) {
+        const original = __privateGet(this, _hiddenTabElementsMap).get(selectedElement);
+        if (original) {
+          original.click();
+          this._moreButtonElement.classList.add("active-inside");
+          this._popoverContainerElement.hidePopover();
+        }
+        return;
+      }
       if (__privateMethod(this, _UUITabGroupElement_instances, isElementTabLike_fn).call(this, selectedElement)) {
         selectedElement.active = true;
         const linkedElement = __privateGet(this, _hiddenTabElementsMap).get(selectedElement);
@@ -428,6 +441,9 @@ updateCollapsibleTabs_fn = function(containerWidth) {
 isElementTabLike_fn = function(el) {
   return typeof el === "object" && "active" in el && typeof el.active === "boolean";
 };
+isElementHrefLike_fn = function(el) {
+  return typeof el === "object" && "href" in el && typeof el.href === "string" && el.href;
+};
 UUITabGroupElement.styles = [
   css`
       :host {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-tabs",
-  "version": "1.17.3",
+  "version": "1.18.1",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,10 +30,10 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.17.3",
-    "@umbraco-ui/uui-button": "1.17.3",
-    "@umbraco-ui/uui-popover-container": "1.17.3",
-    "@umbraco-ui/uui-symbol-more": "1.17.3"
+    "@umbraco-ui/uui-base": "1.18.1",
+    "@umbraco-ui/uui-button": "1.18.1",
+    "@umbraco-ui/uui-popover-container": "1.18.1",
+    "@umbraco-ui/uui-symbol-more": "1.18.1"
   },
   "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": "6ace9a5889a8e18bc47404563b70b4d8b263aac9"
+  "gitHead": "74fa7fd1b5009e695bdcaa7012b55dc097aecae2"
 }