@umbraco-ui/uui-menu-item 1.12.1 → 1.12.2

package/lib/index.js

@@ -15,6 +15,9 @@ UUIMenuItemEvent.CLICK_LABEL = "click-label";
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
 var __decorateClass = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
@@ -23,11 +26,16 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+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 __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var _UUIMenuItemElement_instances, onLabelClicked_fn;
 let UUIMenuItemElement = class extends SelectOnlyMixin(
   SelectableMixin(ActiveMixin(LabelMixin("label", LitElement)))
 ) {
   constructor() {
     super(...arguments);
+    __privateAdd(this, _UUIMenuItemElement_instances);
     this.disabled = false;
     this.showChildren = false;
     this.hasChildren = false;
@@ -47,10 +55,6 @@ let UUIMenuItemElement = class extends SelectOnlyMixin(
       if (event.defaultPrevented) return;
       this.showChildren = !this.showChildren;
     };
-    this._onLabelClicked = () => {
-      const event = new UUIMenuItemEvent(UUIMenuItemEvent.CLICK_LABEL);
-      this.dispatchEvent(event);
-    };
   }
   connectedCallback() {
     super.connectedCallback();
@@ -87,7 +91,7 @@ let UUIMenuItemElement = class extends SelectOnlyMixin(
         this.target === "_blank" ? "noopener noreferrer" : void 0
       )
     )}
-      @click=${this._onLabelClicked}
+      @click=${__privateMethod(this, _UUIMenuItemElement_instances, onLabelClicked_fn)}
       ?disabled=${this.disabled}
       aria-label="${this.label}">
       ${this._renderLabelInside()}
@@ -97,7 +101,7 @@ let UUIMenuItemElement = class extends SelectOnlyMixin(
     return html` <button
       id="label-button"
       ${ref(this._labelButtonChanged)}
-      @click=${this._onLabelClicked}
+      @click=${__privateMethod(this, _UUIMenuItemElement_instances, onLabelClicked_fn)}
       ?disabled=${this.disabled}
       aria-label="${this.label}">
       ${this._renderLabelInside()}
@@ -114,16 +118,22 @@ let UUIMenuItemElement = class extends SelectOnlyMixin(
                 aria-hidden="true"
                 ?open=${this.showChildren}></uui-symbol-expand>
             </button>` : ""}
-        ${this.href ? this._renderLabelAsAnchor() : this._renderLabelAsButton()}
+        ${this.href && this.selectOnly !== true && this.selectable !== true ? this._renderLabelAsAnchor() : this._renderLabelAsButton()}
 
         <div id="label-button-background"></div>
-        ${this.selectOnly === false ? html`<slot id="actions-container" name="actions"></slot>` : ""}
+        <slot id="actions-container" name="actions"></slot>
         ${this.loading ? html`<uui-loader-bar id="loader"></uui-loader-bar>` : ""}
       </div>
       ${this.showChildren ? html`<slot></slot>` : ""}
     `;
   }
 };
+_UUIMenuItemElement_instances = new WeakSet();
+onLabelClicked_fn = function() {
+  if (this.selectOnly) return;
+  const event = new UUIMenuItemEvent(UUIMenuItemEvent.CLICK_LABEL);
+  this.dispatchEvent(event);
+};
 UUIMenuItemElement.styles = [
   css`
       :host {

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

@@ -24,6 +24,7 @@ declare const UUIMenuItemElement_base: (new (...args: any[]) => import("@umbraco
  *  @slot label - area to place the label
  */
 export declare class UUIMenuItemElement extends UUIMenuItemElement_base {
+    #private;
     /**
      * Disables the menu item, changes the looks of it and prevents it from emitting the click event
      * @type {boolean}
@@ -93,7 +94,6 @@ export declare class UUIMenuItemElement extends UUIMenuItemElement_base {
     private _labelButtonChanged;
     private _iconSlotChanged;
     private _onCaretClicked;
-    private _onLabelClicked;
     private _renderLabelInside;
     private _renderLabelAsAnchor;
     private _renderLabelAsButton;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-menu-item",
-  "version": "1.12.1",
+  "version": "1.12.2",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,9 +30,9 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.12.1",
-    "@umbraco-ui/uui-loader-bar": "1.12.1",
-    "@umbraco-ui/uui-symbol-expand": "1.12.1"
+    "@umbraco-ui/uui-base": "1.12.2",
+    "@umbraco-ui/uui-loader-bar": "1.12.2",
+    "@umbraco-ui/uui-symbol-expand": "1.12.2"
   },
   "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": "a7d67a9f6b60b8c0b351b21d5dac49cdfc764f44"
+  "gitHead": "207119ec53a655eeddfa1d626155490490336753"
 }