@umbraco-ui/uui-menu-item 1.8.0 → 1.9.0-rc.0

package/custom-elements.json

@@ -41,6 +41,12 @@
           "type": "string",
           "default": "\"undefined\""
         },
+        {
+          "name": "rel",
+          "description": "Set the rel attribute for an anchor tag, only used when using href.",
+          "type": "string",
+          "default": "\"undefined\""
+        },
         {
           "name": "select-mode",
           "description": "Sets the selection mode.",
@@ -118,6 +124,13 @@
           "type": "string",
           "default": "\"undefined\""
         },
+        {
+          "name": "rel",
+          "attribute": "rel",
+          "description": "Set the rel attribute for an anchor tag, only used when using href.",
+          "type": "string",
+          "default": "\"undefined\""
+        },
         {
           "name": "selectMode",
           "attribute": "select-mode",

package/lib/index.js

@@ -20,8 +20,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 let UUIMenuItemElement = class extends SelectOnlyMixin(
@@ -44,8 +43,7 @@ let UUIMenuItemElement = class extends SelectOnlyMixin(
       const eventName = this.showChildren ? UUIMenuItemEvent.HIDE_CHILDREN : UUIMenuItemEvent.SHOW_CHILDREN;
       const event = new UUIMenuItemEvent(eventName, { cancelable: true });
       this.dispatchEvent(event);
-      if (event.defaultPrevented)
-        return;
+      if (event.defaultPrevented) return;
       this.showChildren = !this.showChildren;
     };
     this._onLabelClicked = () => {
@@ -55,8 +53,7 @@ let UUIMenuItemElement = class extends SelectOnlyMixin(
   }
   connectedCallback() {
     super.connectedCallback();
-    if (!this.hasAttribute("role"))
-      this.setAttribute("role", "menu");
+    if (!this.hasAttribute("role")) this.setAttribute("role", "menu");
     demandCustomElement(this, "uui-symbol-expand");
     demandCustomElement(this, "uui-loader-bar");
   }
@@ -85,7 +82,9 @@ let UUIMenuItemElement = class extends SelectOnlyMixin(
       href=${ifDefined(this.href)}
       target=${ifDefined(this.target || void 0)}
       rel=${ifDefined(
-      this.target === "_blank" ? "noopener noreferrer" : void 0
+      this.rel || ifDefined(
+        this.target === "_blank" ? "noopener noreferrer" : void 0
+      )
     )}
       @click=${this._onLabelClicked}
       ?disabled=${this.disabled}
@@ -415,6 +414,7 @@ UUIMenuItemElement.styles = [
         opacity: 0;
         width: 0;
         grid-column-start: 3;
+        overflow: hidden;
       }
       :host(:not([disabled])) #menu-item:hover #actions-container,
       :host(:not([disabled])) #menu-item:focus #actions-container,
@@ -508,6 +508,9 @@ __decorateClass([
 __decorateClass([
   property({ type: String })
 ], UUIMenuItemElement.prototype, "target", 2);
+__decorateClass([
+  property({ type: String })
+], UUIMenuItemElement.prototype, "rel", 2);
 __decorateClass([
   property({ type: String, attribute: "select-mode", reflect: true })
 ], UUIMenuItemElement.prototype, "selectMode", 2);

package/lib/uui-menu-item.element.d.ts

@@ -64,6 +64,13 @@ export declare class UUIMenuItemElement extends UUIMenuItemElement_base {
      * @default undefined
      */
     target?: '_blank' | '_parent' | '_self' | '_top';
+    /**
+     * Set the rel attribute for an anchor tag, only used when using href.
+     * @type {string}
+     * @attr
+     * @default undefined
+     */
+    rel?: string;
     /**
      * Sets the selection mode.
      * @type {string}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-menu-item",
-  "version": "1.8.0",
+  "version": "1.9.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,9 +30,9 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.8.0",
-    "@umbraco-ui/uui-loader-bar": "1.8.0",
-    "@umbraco-ui/uui-symbol-expand": "1.8.0"
+    "@umbraco-ui/uui-base": "1.9.0-rc.0",
+    "@umbraco-ui/uui-loader-bar": "1.9.0-rc.0",
+    "@umbraco-ui/uui-symbol-expand": "1.9.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
@@ -43,5 +43,5 @@
     "access": "public"
   },
   "homepage": "https://uui.umbraco.com/?path=/story/uui-menu-item",
-  "gitHead": "53021762a52dc54a46f0c5ef829c1cbaabde1160"
+  "gitHead": "e3e398e07b6ff9874aa0656cb7767df42f58a4ce"
 }