solid-ui 3.1.3-5 → 3.1.3-6

package/dist/components/logout-button.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/logout-button-DlU-q-o5.js";
+import { n as e, t } from "../chunks/logout-button-Cxzpq-C3.js";
 export { e as LogoutButton, t as default };

package/dist/components/menu/Menu.cjs.js

@@ -1,9 +1,14 @@
-const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/ids.cjs.js"),n=require("../../lib/components/web-component/WebComponent.cjs.js");require("../../lib/components/index.cjs.js");const r=require("../../lib/menus/context.cjs.js");let i=require("@lit/context"),a=require("lit"),o=require("lit/decorators.js");var s,c,l,u,d,f,p,m,h,g,_;function v(e,t,n){return(t=T(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(e,t,n){b(e,t),t.set(e,n)}function b(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function x(e,t,n){return e.set(C(e,t),n),n}function S(e,t){return e.get(C(e,t))}function C(e,t,n){if(typeof e==`function`?e===t:e.has(t))return arguments.length<3?t:n;throw TypeError(`Private element is not present on this object`)}function w(e,t,n,r,i,a){function o(e,t,n){return function(r,i){return n&&n(r),e[t].call(r,i)}}function s(e,t){for(var n=0;n<e.length;n++)e[n].call(t);return t}function c(e,t,n,r){if(typeof e!=`function`&&(r||e!==void 0))throw TypeError(t+` must `+(n||`be`)+` a function`+(r?``:` or undefined`));return e}function l(e,t,n,r,i,a,s,l,u,d,f,p,m){function h(e){if(!m(e))throw TypeError(`Attempted to access private element on non-instance`)}var g,_=t[0],v=t[3],y=!l;if(!y){n||Array.isArray(_)||(_=[_]);var b={},x=[],S=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:D(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||D(b[S],r,i===2?``:S)):f||(b=Object.getOwnPropertyDescriptor(e,r))}for(var C=e,w=_.length-1;w>=0;w-=n?2:1){var T=_[w],E=n?_[w-1]:void 0,O={},k={kind:[`field`,`accessor`,`method`,`getter`,`setter`,`class`][i],name:r,metadata:a,addInitializer:function(e,t){if(e.v)throw Error(`attempted to call addInitializer after decoration was finished`);c(t,`An initializer`,`be`,!0),s.push(t)}.bind(null,O)};try{if(y)(g=c(T.call(E,C,k),`class decorators`,`return`))&&(C=g);else{var A,j;k.static=u,k.private=d,d?i===2?A=function(e){return h(e),b.value}:(i<4&&(A=o(b,`get`,h)),i!==3&&(j=o(b,`set`,h))):(A=function(e){return e[r]},(i<2||i===4)&&(j=function(e,t){e[r]=t}));var M=k.access={has:d?m.bind():function(e){return r in e}};if(A&&(M.get=A),j&&(M.set=j),C=T.call(E,p?{get:b.get,set:b.set}:b[S],k),p){if(typeof C==`object`&&C)(g=c(C.get,`accessor.get`))&&(b.get=g),(g=c(C.set,`accessor.set`))&&(b.set=g),(g=c(C.init,`accessor.init`))&&x.push(g);else if(C!==void 0)throw TypeError(`accessor decorators must return an object with get, set, or init properties or void 0`)}else c(C,(f?`field`:`method`)+` decorators`,`return`)&&(f?x.push(C):b[S]=C)}}finally{O.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=x.length-1;n>=0;n--)t=x[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[S]:o.call.bind(b[S])):Object.defineProperty(e,r,b)),C}function u(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for(`Symbol.metadata`),{configurable:!0,enumerable:!0,value:t})}if(arguments.length>=6)var d=a[Symbol.metadata||Symbol.for(`Symbol.metadata`)];var f=Object.create(d??null),p=function(e,t,n,r){var i,a,o=[],c=function(t){return O(t)===e},u=new Map;function d(e){e&&o.push(s.bind(null,e))}for(var f=0;f<t.length;f++){var p=t[f];if(Array.isArray(p)){var m=p[1],h=p[2],g=p.length>3,_=16&m,v=!!(8&m),y=(m&=7)==0,b=h+`/`+v;if(!y&&!g){var x=u.get(b);if(!0===x||x===3&&m!==4||x===4&&m!==3)throw Error(`Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: `+h);u.set(b,!(m>2)||m)}l(v?e:e.prototype,p,_,g?`#`+h:T(h),m,r,v?a||=[]:i||=[],o,v,g,y,m===1,v&&g?c:n)}}return d(i),d(a),o}(e,t,i,f);return n.length||u(e,f),{e:p,get c(){var t=[];return n.length&&[u(l(e,[n],r,e.name,5,f,t),f),s.bind(null,t,e)]}}}function T(e){var t=E(e,`string`);return typeof t==`symbol`?t:t+``}function E(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function D(e,t,n){typeof t==`symbol`&&(t=(t=t.description)?`[`+t+`]`:``);try{Object.defineProperty(e,"name",{configurable:!0,value:n?n+` `+t:t})}catch{}return e}function O(e){if(Object(e)!==e)throw TypeError(`right-hand side of 'in' should be an object, got `+(e===null?`null`:typeof e));return e}u=[e.customElement(`solid-ui-menu`)];var k,A=new WeakMap,j=new WeakMap,M=new WeakMap;_=(d=(0,o.queryAssignedElements)({slot:`trigger`}),p=(0,o.queryAssignedElements)({selector:`[popover]`}),h=(0,i.provide)({context:r.menuContext}),`triggers`),s=class extends n.default{constructor(...e){super(...e),y(this,A,(c(this),f(this))),y(this,j,m(this)),y(this,M,g(this,{id:t.generateId()})),v(this,`triggerClickedWhilstOpen`,!1)}get[_](){return S(A,this)}set triggers(e){x(A,this,e)}get popovers(){return S(j,this)}set popovers(e){x(j,this,e)}get context(){return S(M,this)}set context(e){x(M,this,e)}updated(){let e=this.triggers?.[0],t=this.popovers?.[0];!e||!t||(e.setAttribute(`aria-haspopup`,`menu`),e.setAttribute(`aria-controls`,t.id),e.style.anchorName=`--menu-anchor`)}render(){return a.html`
-        <slot
-          name="trigger"
-          @pointerdown=${this.onTriggerPointerDown}
-          @click=${this.onTriggerClick}
-        ></slot>
-        <slot @click=${this.onMenuClick}></slot>
-    `}onTriggerPointerDown(e){e.preventDefault(),this.triggerClickedWhilstOpen=this.popovers?.[0]?.matches(`:popover-open`)??!1}onTriggerClick(e){if(e.preventDefault(),this.triggerClickedWhilstOpen){this.triggerClickedWhilstOpen=!1;return}this.popovers?.[0]?.togglePopover()}onMenuClick(e){let t=e.target;t instanceof HTMLElement&&(t.tagName===`BUTTON`||t.tagName===`A`||t.tagName===`SOLID-UI-MENU-ITEM`||t.closest(`button, a, [role="menuitem"]`))&&this.popovers?.[0]?.hidePopover()}},{e:[f,m,g,c],c:[k,l]}=w(s,[[d,1,`triggers`],[p,1,`popovers`],[h,1,`context`]],u,0,void 0,n.default),l(),Object.defineProperty(exports,"_Menu",{enumerable:!0,get:function(){return k}});
+const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/web-component/WebComponent.cjs.js");require("../../lib/components/index.cjs.js");const n=require("./Menu.styles.cjs.js");let r=require("lit"),i=require("lit/decorators.js");require("@awesome.me/webawesome/dist/components/dropdown/dropdown.js"),require("@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js");var a,o,s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C;function w(e,t,n){T(e,t),t.set(e,n)}function T(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function E(e,t,n){return e.set(O(e,t),n),n}function D(e,t){return e.get(O(e,t))}function O(e,t,n){if(typeof e==`function`?e===t:e.has(t))return arguments.length<3?t:n;throw TypeError(`Private element is not present on this object`)}function k(e,t,n){return(t=j(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function A(e,t,n,r,i,a){function o(e,t,n){return function(r,i){return n&&n(r),e[t].call(r,i)}}function s(e,t){for(var n=0;n<e.length;n++)e[n].call(t);return t}function c(e,t,n,r){if(typeof e!=`function`&&(r||e!==void 0))throw TypeError(t+` must `+(n||`be`)+` a function`+(r?``:` or undefined`));return e}function l(e,t,n,r,i,a,s,l,u,d,f,p,m){function h(e){if(!m(e))throw TypeError(`Attempted to access private element on non-instance`)}var g,_=t[0],v=t[3],y=!l;if(!y){n||Array.isArray(_)||(_=[_]);var b={},x=[],S=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:N(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||N(b[S],r,i===2?``:S)):f||(b=Object.getOwnPropertyDescriptor(e,r))}for(var C=e,w=_.length-1;w>=0;w-=n?2:1){var T=_[w],E=n?_[w-1]:void 0,D={},O={kind:[`field`,`accessor`,`method`,`getter`,`setter`,`class`][i],name:r,metadata:a,addInitializer:function(e,t){if(e.v)throw Error(`attempted to call addInitializer after decoration was finished`);c(t,`An initializer`,`be`,!0),s.push(t)}.bind(null,D)};try{if(y)(g=c(T.call(E,C,O),`class decorators`,`return`))&&(C=g);else{var k,A;O.static=u,O.private=d,d?i===2?k=function(e){return h(e),b.value}:(i<4&&(k=o(b,`get`,h)),i!==3&&(A=o(b,`set`,h))):(k=function(e){return e[r]},(i<2||i===4)&&(A=function(e,t){e[r]=t}));var j=O.access={has:d?m.bind():function(e){return r in e}};if(k&&(j.get=k),A&&(j.set=A),C=T.call(E,p?{get:b.get,set:b.set}:b[S],O),p){if(typeof C==`object`&&C)(g=c(C.get,`accessor.get`))&&(b.get=g),(g=c(C.set,`accessor.set`))&&(b.set=g),(g=c(C.init,`accessor.init`))&&x.push(g);else if(C!==void 0)throw TypeError(`accessor decorators must return an object with get, set, or init properties or void 0`)}else c(C,(f?`field`:`method`)+` decorators`,`return`)&&(f?x.push(C):b[S]=C)}}finally{D.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=x.length-1;n>=0;n--)t=x[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[S]:o.call.bind(b[S])):Object.defineProperty(e,r,b)),C}function u(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for(`Symbol.metadata`),{configurable:!0,enumerable:!0,value:t})}if(arguments.length>=6)var d=a[Symbol.metadata||Symbol.for(`Symbol.metadata`)];var f=Object.create(d??null),p=function(e,t,n,r){var i,a,o=[],c=function(t){return P(t)===e},u=new Map;function d(e){e&&o.push(s.bind(null,e))}for(var f=0;f<t.length;f++){var p=t[f];if(Array.isArray(p)){var m=p[1],h=p[2],g=p.length>3,_=16&m,v=!!(8&m),y=(m&=7)==0,b=h+`/`+v;if(!y&&!g){var x=u.get(b);if(!0===x||x===3&&m!==4||x===4&&m!==3)throw Error(`Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: `+h);u.set(b,!(m>2)||m)}l(v?e:e.prototype,p,_,g?`#`+h:j(h),m,r,v?a||=[]:i||=[],o,v,g,y,m===1,v&&g?c:n)}}return d(i),d(a),o}(e,t,i,f);return n.length||u(e,f),{e:p,get c(){var t=[];return n.length&&[u(l(e,[n],r,e.name,5,f,t),f),s.bind(null,t,e)]}}}function j(e){var t=M(e,`string`);return typeof t==`symbol`?t:t+``}function M(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function N(e,t,n){typeof t==`symbol`&&(t=(t=t.description)?`[`+t+`]`:``);try{Object.defineProperty(e,"name",{configurable:!0,value:n?n+` `+t:t})}catch{}return e}function P(e){if(Object(e)!==e)throw TypeError(`right-hand side of 'in' should be an object, got `+(e===null?`null`:typeof e));return e}function F(e){return e}p=[e.customElement(`solid-ui-menu`)];var I;new(S=(s=new WeakMap,c=new WeakMap,l=new WeakMap,u=new WeakMap,C=(m=(0,i.property)({type:String,reflect:!0}),g=(0,i.property)({type:Number,reflect:!0}),v=(0,i.query)(`wa-dropdown`),b=(0,i.state)(),`placement`),o=class extends t.default{constructor(...e){super(...e),w(this,s,(d(this),h(this,`bottom-start`))),w(this,c,_(this,0)),w(this,l,y(this,null)),w(this,u,x(this,[])),k(this,`observer`,new MutationObserver(()=>this.syncItems()))}get[C](){return D(s,this)}set placement(e){E(s,this,e)}get distance(){return D(c,this)}set distance(e){E(c,this,e)}get dropdown(){return D(l,this)}set dropdown(e){E(l,this,e)}get items(){return D(u,this)}set items(e){E(u,this,e)}connectedCallback(){super.connectedCallback(),this.syncItems(),this.observer.observe(this,{childList:!0})}disconnectedCallback(){super.disconnectedCallback(),this.observer.disconnect()}render(){return r.html`
+      <wa-dropdown
+        placement=${this.placement}
+        distance=${this.distance}
+        @wa-select=${this.onWaSelect}
+      >
+        <slot name="trigger" slot="trigger"></slot>
+
+        ${this.items.map(e=>r.html`<wa-dropdown-item @click=${this.onItemClick}>
+                <slot name=${e.slot}></slot>
+            </wa-dropdown-item>`)}
+      </wa-dropdown>
+    `}syncItems(){let e=Array.from(this.children).filter(e=>!e.hasAttribute(`slot`));this.items=e.map((e,t)=>{let n=`menu-item-${t}`;return e.getAttribute(`slot`)!==n&&e.setAttribute(`slot`,n),{slot:n}})}onItemClick(e){let t=e.currentTarget;e.stopPropagation(),!t.disabled&&(this.dispatchSelectEvent(t).defaultPrevented||!this.dropdown||(this.dropdown.open=!1))}onWaSelect(e){if(this.dispatchSelectEvent(e.detail.item).defaultPrevented){e.preventDefault();return}let t=e.detail.item.children[0].getAttribute(`name`);this.querySelector(`[slot="${t}"]`)?.click?.()}dispatchSelectEvent(e){let t=e.children[0].getAttribute(`name`),n=this.querySelector(`[slot="${t}"]`),r=new CustomEvent(`solid-ui-select`,{bubbles:!0,composed:!0,cancelable:!0});return n?.dispatchEvent(r),r}},{e:[h,_,y,x,d],c:[I,f]}=A(o,[[m,1,`placement`],[g,1,`distance`],[v,1,`dropdown`],[b,1,`items`]],p,0,void 0,t.default),o),a=class extends F{constructor(){super(I),k(this,`styles`,n.default),f()}},k(a,S,void 0),a),Object.defineProperty(exports,"_Menu",{enumerable:!0,get:function(){return I}});
 //# sourceMappingURL=Menu.cjs.js.map

package/dist/components/menu/Menu.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.cjs.js","names":["customElement","WebComponent","generateId","provide","html","queryAssignedElements","menuContext","_classDecs","_Menu","_A","WeakMap","_B","_C","_ref","_triggersDecs","slot","_popoversDecs","selector","_contextDecs","context","Menu","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_triggers","_init_popovers","_init_context","id","_defineProperty","_classPrivateFieldGet","triggers","v","_classPrivateFieldSet","popovers","updated","trigger","popover","setAttribute","style","anchorName","render","onTriggerPointerDown","onTriggerClick","onMenuClick","e","preventDefault","triggerClickedWhilstOpen","matches","togglePopover","target","targetIsClickable","HTMLElement","tagName","closest","hidePopover","_Menu2","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/menu/Menu.ts"],"sourcesContent":["import { customElement, WebComponent, generateId } from '@/lib/components'\nimport { provide } from '@lit/context'\nimport { html } from 'lit'\nimport { queryAssignedElements } from 'lit/decorators.js'\nimport { MenuContext, menuContext } from '@/lib/menus/context'\nimport type MenuItems from '@/components/menu-items'\n\n@customElement('solid-ui-menu')\nexport default class Menu extends WebComponent {\n  @queryAssignedElements({ slot: 'trigger' })\n  private accessor triggers!: HTMLButtonElement[]\n\n  @queryAssignedElements({ selector: '[popover]' })\n  private accessor popovers!: MenuItems[]\n\n  @provide({ context: menuContext })\n  // @ts-ignore\n  private accessor context: MenuContext = { id: generateId() }\n\n  private triggerClickedWhilstOpen = false\n\n  protected updated () {\n    const trigger = this.triggers?.[0]\n    const popover = this.popovers?.[0]\n\n    if (!trigger || !popover) {\n      return\n    }\n\n    trigger.setAttribute('aria-haspopup', 'menu')\n    trigger.setAttribute('aria-controls', popover.id)\n    trigger.style.anchorName = '--menu-anchor'\n  }\n\n  protected render () {\n    return html`\n        <slot\n          name=\"trigger\"\n          @pointerdown=${this.onTriggerPointerDown}\n          @click=${this.onTriggerClick}\n        ></slot>\n        <slot @click=${this.onMenuClick}></slot>\n    `\n  }\n\n  private onTriggerPointerDown (e: PointerEvent) {\n    e.preventDefault()\n\n    this.triggerClickedWhilstOpen = this.popovers?.[0]?.matches(':popover-open') ?? false\n  }\n\n  private onTriggerClick (e: MouseEvent) {\n    e.preventDefault()\n\n    if (this.triggerClickedWhilstOpen) {\n      this.triggerClickedWhilstOpen = false\n\n      return\n    }\n\n    this.popovers?.[0]?.togglePopover()\n  }\n\n  private onMenuClick (e: MouseEvent) {\n    const target = e.target\n    const targetIsClickable =\n        target instanceof HTMLElement && (\n          target.tagName === 'BUTTON' ||\n            target.tagName === 'A' ||\n            target.tagName === 'SOLID-UI-MENU-ITEM' ||\n            target.closest('button, a, [role=\"menuitem\"]')\n        )\n\n    if (!targetIsClickable) {\n      return\n    }\n\n    this.popovers?.[0]?.hidePopover()\n  }\n}\n"],"mappings":"+4IAI8DO,EAAA,CAG7DP,EAAAA,cAAc,eAAe,CAAC,EAAA,IAAAQ,EAAAC,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,EAAA,IAAAF,QAAAG,GAAAC,GAAAA,EAAAA,EAAAA,uBAEN,CAAEC,KAAM,SAAU,CAAC,EAACC,GAAAA,EAAAA,EAAAA,uBAGpB,CAAEC,SAAU,WAAY,CAAC,EAACC,GAAAA,EAAAA,EAAAA,SAGxC,CAAEC,QAASb,EAAAA,WAAY,CAAC,EAAC,YAgEnCkD,EAAApC,cAvEiCnB,EAAAA,OAAa,CAAAoB,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAd,GAAAe,EAAA,IAAA,EAAAC,EAAA,IAAA,EAAA,EAAAF,EAAA,KAAAZ,EAAAe,EAAA,IAAA,CAAA,EAAAH,EAAA,KAAAX,EAAAe,EAAA,KASL,CAAEC,GAAI1B,EAAAA,WAAW,CAAE,CAAC,CAAA,EAAA2B,EAAA,KAAA,2BAEzB,EAAK,CAAA,CAAA,IAAAhB,IAAA,CAAA,OAAAiB,EAAArB,EAAA,IAAA,CAAA,CAAA,IATvBsB,SAAQC,EAAA,CAAAC,EAAAxB,EAAA,KAAAuB,CAAA,CAAA,CAAA,IAGRE,UAAQ,CAAA,OAAAJ,EAAAnB,EAAA,IAAA,CAAA,CAAA,IAARuB,SAAQF,EAAA,CAAAC,EAAAtB,EAAA,KAAAqB,CAAA,CAAA,CAAA,IAIRb,SAAO,CAAA,OAAAW,EAAAlB,EAAA,IAAA,CAAA,CAAA,IAAPO,QAAOa,EAAA,CAAAC,EAAArB,EAAA,KAAAoB,CAAA,CAAA,CAIdG,SAAW,CACnB,IAAMC,EAAU,KAAKL,WAAW,GAC1BM,EAAU,KAAKH,WAAW,GAE5B,CAACE,GAAW,CAACC,IAIjBD,EAAQE,aAAa,gBAAiB,MAAM,EAC5CF,EAAQE,aAAa,gBAAiBD,EAAQT,EAAE,EAChDQ,EAAQG,MAAMC,WAAa,gBAC7B,CAEUC,QAAU,CAClB,MAAOrC,GAAAA,IAAI;;;yBAGU,KAAKsC,qBAAoB;mBAC/B,KAAKC,eAAc;;uBAEf,KAAKC,YAAW;KAErC,CAEQF,qBAAsBG,EAAiB,CAC7CA,EAAEC,eAAe,EAEjB,KAAKC,yBAA2B,KAAKb,WAAW,IAAIc,QAAQ,eAAe,GAAK,EAClF,CAEQL,eAAgBE,EAAe,CAGrC,GAFAA,EAAEC,eAAe,EAEb,KAAKC,yBAA0B,CACjC,KAAKA,yBAA2B,GAEhC,MACF,CAEA,KAAKb,WAAW,IAAIe,cAAc,CACpC,CAEQL,YAAaC,EAAe,CAClC,IAAMK,EAASL,EAAEK,OAEbA,aAAkBE,cAChBF,EAAOG,UAAY,UACjBH,EAAOG,UAAY,KACnBH,EAAOG,UAAY,sBACnBH,EAAOI,QAAQ,8BAA8B,IAOrD,KAAKpB,WAAW,IAAIqB,YAAY,CAClC,CACF,EAAC,CAAAV,EAAA,CAAApB,EAAAC,EAAAC,EAAAH,GAAAiC,EAAA,CAAAjD,EAAAkD,IAAAC,EAAAH,EAAA,CAAA,CAAA1C,EAAA,EAAA,UAAA,EAAA,CAAAE,EAAA,EAAA,UAAA,EAAA,CAAAE,EAAA,EAAA,SAAA,CAAA,EAAAX,EAAA,EAAA,IAAA,GAvEiCN,EAAAA,OAAY,EAAAyD,EAAA"}
+{"version":3,"file":"Menu.cjs.js","names":["customElement","WebComponent","html","property","query","state","styles","_classDecs","_Menu","_Menu2","_A","WeakMap","_B","_C","_D","_ref","_placementDecs","type","String","reflect","_distanceDecs","Number","_dropdownDecs","_itemsDecs","_Menu3","Menu","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_placement","_init_distance","_init_dropdown","_init_items","_defineProperty","MutationObserver","syncItems","_classPrivateFieldGet","placement","v","_classPrivateFieldSet","distance","dropdown","items","connectedCallback","observer","observe","childList","disconnectedCallback","disconnect","render","onWaSelect","map","item","onItemClick","slot","Array","from","children","filter","child","hasAttribute","index","slotName","getAttribute","setAttribute","event","waItem","currentTarget","stopPropagation","disabled","selectedEvent","dispatchSelectEvent","defaultPrevented","open","detail","preventDefault","querySelector","click","CustomEvent","bubbles","composed","cancelable","dispatchEvent","e","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/menu/Menu.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport type WaDropdown from '@awesome.me/webawesome/dist/components/dropdown/dropdown.js'\nimport type WaDropdownItem from '@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js'\nimport type { WaDropdownSelectEvent } from '@awesome.me/webawesome'\n\nimport '@awesome.me/webawesome/dist/components/dropdown/dropdown.js'\nimport '@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js'\n\nimport styles from './Menu.styles.css'\n\n@customElement('solid-ui-menu')\nexport default class Menu extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor placement: WaDropdown['placement'] = 'bottom-start';\n\n  @property({ type: Number, reflect: true })\n  accessor distance: number = 0;\n\n  @query('wa-dropdown')\n  private accessor dropdown: WaDropdown | null = null;\n\n  @state()\n  private accessor items: { slot: string; }[] = []\n\n  private observer: MutationObserver = new MutationObserver(() => this.syncItems())\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.syncItems()\n    this.observer.observe(this, { childList: true })\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.observer.disconnect()\n  }\n\n  protected render () {\n    return html`\n      <wa-dropdown\n        placement=${this.placement}\n        distance=${this.distance}\n        @wa-select=${this.onWaSelect}\n      >\n        <slot name=\"trigger\" slot=\"trigger\"></slot>\n\n        ${this.items.map(\n          (item) =>\n            html`<wa-dropdown-item @click=${this.onItemClick}>\n                <slot name=${item.slot}></slot>\n            </wa-dropdown-item>`\n        )}\n      </wa-dropdown>\n    `\n  }\n\n  private syncItems (): void {\n    const items = Array.from(this.children).filter(\n      (child) => !child.hasAttribute('slot')\n    )\n\n    this.items = items.map((item, index) => {\n      const slotName = `menu-item-${index}`\n\n      if (item.getAttribute('slot') !== slotName) {\n        item.setAttribute('slot', slotName)\n      }\n\n      return { slot: slotName }\n    })\n  }\n\n  private onItemClick (event: Event) {\n    const waItem = event.currentTarget as WaDropdownItem\n\n    event.stopPropagation()\n\n    if (waItem.disabled) {\n      return\n    }\n\n    const selectedEvent = this.dispatchSelectEvent(waItem)\n\n    if (selectedEvent.defaultPrevented || !this.dropdown) {\n      return\n    }\n\n    this.dropdown.open = false\n  }\n\n  private onWaSelect (event: WaDropdownSelectEvent) {\n    const selectedEvent = this.dispatchSelectEvent(event.detail.item)\n\n    if (selectedEvent.defaultPrevented) {\n      event.preventDefault()\n\n      return\n    }\n\n    const slotName = event.detail.item.children[0].getAttribute('name')\n    const item = this.querySelector<{ click?: () => void } & Element>(`[slot=\"${slotName}\"]`)\n\n    item?.click?.()\n  }\n\n  private dispatchSelectEvent (waItem: WaDropdownItem) {\n    const slotName = waItem.children[0].getAttribute('name')\n    const item = this.querySelector(`[slot=\"${slotName}\"]`)\n    const event = new CustomEvent('solid-ui-select', {\n      bubbles: true,\n      composed: true,\n      cancelable: true,\n    })\n\n    item?.dispatchEvent(event)\n\n    return event\n  }\n}\n"],"mappings":"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"}

package/dist/components/menu/Menu.d.ts

@@ -1,13 +1,18 @@
 import { WebComponent } from '../../lib/components';
+import { default as WaDropdown } from '@awesome.me/webawesome/dist/components/dropdown/dropdown.js';
 export default class Menu extends WebComponent {
-    private accessor triggers;
-    private accessor popovers;
-    private accessor context;
-    private triggerClickedWhilstOpen;
-    protected updated(): void;
+    static styles: import('lit').CSSResult;
+    accessor placement: WaDropdown['placement'];
+    accessor distance: number;
+    private accessor dropdown;
+    private accessor items;
+    private observer;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     protected render(): import('lit-html').TemplateResult<1>;
-    private onTriggerPointerDown;
-    private onTriggerClick;
-    private onMenuClick;
+    private syncItems;
+    private onItemClick;
+    private onWaSelect;
+    private dispatchSelectEvent;
 }
 //# sourceMappingURL=Menu.d.ts.map

package/dist/components/menu/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/Menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAc,MAAM,kBAAkB,CAAA;AAQ1E,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,YAAY;IAE5C,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAsB;IAG/C,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAc;IAIvC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAoC;IAE5D,OAAO,CAAC,wBAAwB,CAAQ;IAExC,SAAS,CAAC,OAAO;IAajB,SAAS,CAAC,MAAM;IAWhB,OAAO,CAAC,oBAAoB;IAM5B,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,WAAW;CAgBpB"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/Menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAG9D,OAAO,KAAK,UAAU,MAAM,6DAA6D,CAAA;AAIzF,OAAO,6DAA6D,CAAA;AACpE,OAAO,uEAAuE,CAAA;AAK9E,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,YAAY;IAC5C,MAAM,CAAC,MAAM,0BAAS;IAGtB,QAAQ,CAAC,SAAS,EAAE,UAAU,CAAC,WAAW,CAAC,CAAkB;IAG7D,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAK;IAG9B,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2B;IAGpD,OAAO,CAAC,QAAQ,CAAC,KAAK,CAA0B;IAEhD,OAAO,CAAC,QAAQ,CAAiE;IAEjF,iBAAiB;IAOjB,oBAAoB;IAMpB,SAAS,CAAC,MAAM;IAmBhB,OAAO,CAAC,SAAS;IAgBjB,OAAO,CAAC,WAAW;IAkBnB,OAAO,CAAC,UAAU;IAelB,OAAO,CAAC,mBAAmB;CAa5B"}

package/dist/components/menu/Menu.esm.js

@@ -1,38 +1,38 @@
 import { customElement as e } from "../../lib/components/decorators.esm.js";
-import { generateId as t } from "../../lib/components/ids.esm.js";
-import n from "../../lib/components/web-component/WebComponent.esm.js";
+import t from "../../lib/components/web-component/WebComponent.esm.js";
 import "../../lib/components/index.esm.js";
-import { menuContext as r } from "../../lib/menus/context.esm.js";
-import { provide as i } from "@lit/context";
-import { html as a } from "lit";
-import { queryAssignedElements as o } from "lit/decorators.js";
+import n from "./Menu.styles.esm.js";
+import { html as r } from "lit";
+import { property as i, query as a, state as o } from "lit/decorators.js";
+import "@awesome.me/webawesome/dist/components/dropdown/dropdown.js";
+import "@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js";
 //#region src/components/menu/Menu.ts
-var s, c, l, u, d, f, p, m, h, g, _;
-function v(e, t, n) {
-	return (t = T(t)) in e ? Object.defineProperty(e, t, {
-		value: n,
-		enumerable: !0,
-		configurable: !0,
-		writable: !0
-	}) : e[t] = n, e;
-}
-function y(e, t, n) {
-	b(e, t), t.set(e, n);
+var s, c, l, u, d, f, p, m, h, g, _, v, y, b, x, S, C, w, T;
+function E(e, t, n) {
+	D(e, t), t.set(e, n);
 }
-function b(e, t) {
+function D(e, t) {
 	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
 }
-function x(e, t, n) {
-	return e.set(C(e, t), n), n;
+function O(e, t, n) {
+	return e.set(A(e, t), n), n;
 }
-function S(e, t) {
-	return e.get(C(e, t));
+function k(e, t) {
+	return e.get(A(e, t));
 }
-function C(e, t, n) {
+function A(e, t, n) {
 	if (typeof e == "function" ? e === t : e.has(t)) return arguments.length < 3 ? t : n;
 	throw TypeError("Private element is not present on this object");
 }
-function w(e, t, n, r, i, a) {
+function j(e, t, n) {
+	return (t = N(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function M(e, t, n, r, i, a) {
 	function o(e, t, n) {
 		return function(r, i) {
 			return n && n(r), e[t].call(r, i);
@@ -55,16 +55,16 @@ function w(e, t, n, r, i, a) {
 			n || Array.isArray(_) || (_ = [_]);
 			var b = {}, x = [], S = i === 3 ? "get" : i === 4 || p ? "set" : "value";
 			d ? (f || p ? b = {
-				get: D(function() {
+				get: F(function() {
 					return v(this);
 				}, r, "get"),
 				set: function(e) {
 					t[4](this, e);
 				}
-			} : b[S] = v, f || D(b[S], r, i === 2 ? "" : S)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
+			} : b[S] = v, f || F(b[S], r, i === 2 ? "" : S)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
 		}
 		for (var C = e, w = _.length - 1; w >= 0; w -= n ? 2 : 1) {
-			var T = _[w], E = n ? _[w - 1] : void 0, O = {}, k = {
+			var T = _[w], E = n ? _[w - 1] : void 0, D = {}, O = {
 				kind: [
 					"field",
 					"accessor",
@@ -78,32 +78,32 @@ function w(e, t, n, r, i, a) {
 				addInitializer: function(e, t) {
 					if (e.v) throw Error("attempted to call addInitializer after decoration was finished");
 					c(t, "An initializer", "be", !0), s.push(t);
-				}.bind(null, O)
+				}.bind(null, D)
 			};
 			try {
-				if (y) (g = c(T.call(E, C, k), "class decorators", "return")) && (C = g);
+				if (y) (g = c(T.call(E, C, O), "class decorators", "return")) && (C = g);
 				else {
-					var A, j;
-					k.static = u, k.private = d, d ? i === 2 ? A = function(e) {
+					var k, A;
+					O.static = u, O.private = d, d ? i === 2 ? k = function(e) {
 						return h(e), b.value;
-					} : (i < 4 && (A = o(b, "get", h)), i !== 3 && (j = o(b, "set", h))) : (A = function(e) {
+					} : (i < 4 && (k = o(b, "get", h)), i !== 3 && (A = o(b, "set", h))) : (k = function(e) {
 						return e[r];
-					}, (i < 2 || i === 4) && (j = function(e, t) {
+					}, (i < 2 || i === 4) && (A = function(e, t) {
 						e[r] = t;
 					}));
-					var M = k.access = { has: d ? m.bind() : function(e) {
+					var j = O.access = { has: d ? m.bind() : function(e) {
 						return r in e;
 					} };
-					if (A && (M.get = A), j && (M.set = j), C = T.call(E, p ? {
+					if (k && (j.get = k), A && (j.set = A), C = T.call(E, p ? {
 						get: b.get,
 						set: b.set
-					} : b[S], k), p) {
+					} : b[S], O), p) {
 						if (typeof C == "object" && C) (g = c(C.get, "accessor.get")) && (b.get = g), (g = c(C.set, "accessor.set")) && (b.set = g), (g = c(C.init, "accessor.init")) && x.push(g);
 						else if (C !== void 0) throw TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
 					} else c(C, (f ? "field" : "method") + " decorators", "return") && (f ? x.push(C) : b[S] = C);
 				}
 			} finally {
-				O.v = !0;
+				D.v = !0;
 			}
 		}
 		return (f || p) && l.push(function(e, t) {
@@ -121,7 +121,7 @@ function w(e, t, n, r, i, a) {
 	if (arguments.length >= 6) var d = a[Symbol.metadata || Symbol.for("Symbol.metadata")];
 	var f = Object.create(d ?? null), p = function(e, t, n, r) {
 		var i, a, o = [], c = function(t) {
-			return O(t) === e;
+			return I(t) === e;
 		}, u = /* @__PURE__ */ new Map();
 		function d(e) {
 			e && o.push(s.bind(null, e));
@@ -135,7 +135,7 @@ function w(e, t, n, r, i, a) {
 					if (!0 === x || x === 3 && m !== 4 || x === 4 && m !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + h);
 					u.set(b, !(m > 2) || m);
 				}
-				l(v ? e : e.prototype, p, _, g ? "#" + h : T(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
+				l(v ? e : e.prototype, p, _, g ? "#" + h : N(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
 			}
 		}
 		return d(i), d(a), o;
@@ -148,11 +148,11 @@ function w(e, t, n, r, i, a) {
 		}
 	};
 }
-function T(e) {
-	var t = E(e, "string");
+function N(e) {
+	var t = P(e, "string");
 	return typeof t == "symbol" ? t : t + "";
 }
-function E(e, t) {
+function P(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -162,7 +162,7 @@ function E(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function D(e, t, n) {
+function F(e, t, n) {
 	typeof t == "symbol" && (t = (t = t.description) ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -172,80 +172,124 @@ function D(e, t, n) {
 	} catch {}
 	return e;
 }
-function O(e) {
+function I(e) {
 	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
 	return e;
 }
-u = [e("solid-ui-menu")];
-var k, A = /*#__PURE__*/ new WeakMap(), j = /*#__PURE__*/ new WeakMap(), M = /*#__PURE__*/ new WeakMap();
-_ = (d = o({ slot: "trigger" }), p = o({ selector: "[popover]" }), h = i({ context: r }), "triggers"), s = class extends n {
+function L(e) {
+	return e;
+}
+h = [e("solid-ui-menu")];
+var R;
+new (w = (l = /*#__PURE__*/ new WeakMap(), u = /*#__PURE__*/ new WeakMap(), d = /*#__PURE__*/ new WeakMap(), f = /*#__PURE__*/ new WeakMap(), T = (g = i({
+	type: String,
+	reflect: !0
+}), v = i({
+	type: Number,
+	reflect: !0
+}), b = a("wa-dropdown"), S = o(), "placement"), c = class extends t {
 	constructor(...e) {
-		super(...e), y(this, A, (c(this), f(this))), y(this, j, m(this)), y(this, M, g(this, { id: t() })), v(this, "triggerClickedWhilstOpen", !1);
+		super(...e), E(this, l, (p(this), _(this, "bottom-start"))), E(this, u, y(this, 0)), E(this, d, x(this, null)), E(this, f, C(this, [])), j(this, "observer", new MutationObserver(() => this.syncItems()));
+	}
+	get [T]() {
+		return k(l, this);
+	}
+	set placement(e) {
+		O(l, this, e);
 	}
-	get [_]() {
-		return S(A, this);
+	get distance() {
+		return k(u, this);
 	}
-	set triggers(e) {
-		x(A, this, e);
+	set distance(e) {
+		O(u, this, e);
 	}
-	get popovers() {
-		return S(j, this);
+	get dropdown() {
+		return k(d, this);
 	}
-	set popovers(e) {
-		x(j, this, e);
+	set dropdown(e) {
+		O(d, this, e);
 	}
-	get context() {
-		return S(M, this);
+	get items() {
+		return k(f, this);
 	}
-	set context(e) {
-		x(M, this, e);
+	set items(e) {
+		O(f, this, e);
 	}
-	updated() {
-		let e = this.triggers?.[0], t = this.popovers?.[0];
-		!e || !t || (e.setAttribute("aria-haspopup", "menu"), e.setAttribute("aria-controls", t.id), e.style.anchorName = "--menu-anchor");
+	connectedCallback() {
+		super.connectedCallback(), this.syncItems(), this.observer.observe(this, { childList: !0 });
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.observer.disconnect();
 	}
 	render() {
-		return a`
-        <slot
-          name="trigger"
-          @pointerdown=${this.onTriggerPointerDown}
-          @click=${this.onTriggerClick}
-        ></slot>
-        <slot @click=${this.onMenuClick}></slot>
+		return r`
+      <wa-dropdown
+        placement=${this.placement}
+        distance=${this.distance}
+        @wa-select=${this.onWaSelect}
+      >
+        <slot name="trigger" slot="trigger"></slot>
+
+        ${this.items.map((e) => r`<wa-dropdown-item @click=${this.onItemClick}>
+                <slot name=${e.slot}></slot>
+            </wa-dropdown-item>`)}
+      </wa-dropdown>
     `;
 	}
-	onTriggerPointerDown(e) {
-		e.preventDefault(), this.triggerClickedWhilstOpen = this.popovers?.[0]?.matches(":popover-open") ?? !1;
+	syncItems() {
+		let e = Array.from(this.children).filter((e) => !e.hasAttribute("slot"));
+		this.items = e.map((e, t) => {
+			let n = `menu-item-${t}`;
+			return e.getAttribute("slot") !== n && e.setAttribute("slot", n), { slot: n };
+		});
+	}
+	onItemClick(e) {
+		let t = e.currentTarget;
+		e.stopPropagation(), !t.disabled && (this.dispatchSelectEvent(t).defaultPrevented || !this.dropdown || (this.dropdown.open = !1));
 	}
-	onTriggerClick(e) {
-		if (e.preventDefault(), this.triggerClickedWhilstOpen) {
-			this.triggerClickedWhilstOpen = !1;
+	onWaSelect(e) {
+		if (this.dispatchSelectEvent(e.detail.item).defaultPrevented) {
+			e.preventDefault();
 			return;
 		}
-		this.popovers?.[0]?.togglePopover();
+		let t = e.detail.item.children[0].getAttribute("name");
+		this.querySelector(`[slot="${t}"]`)?.click?.();
 	}
-	onMenuClick(e) {
-		let t = e.target;
-		t instanceof HTMLElement && (t.tagName === "BUTTON" || t.tagName === "A" || t.tagName === "SOLID-UI-MENU-ITEM" || t.closest("button, a, [role=\"menuitem\"]")) && this.popovers?.[0]?.hidePopover();
+	dispatchSelectEvent(e) {
+		let t = e.children[0].getAttribute("name"), n = this.querySelector(`[slot="${t}"]`), r = new CustomEvent("solid-ui-select", {
+			bubbles: !0,
+			composed: !0,
+			cancelable: !0
+		});
+		return n?.dispatchEvent(r), r;
 	}
-}, {e: [f, m, g, c], c: [k, l]} = w(s, [
+}, {e: [_, y, x, C, p], c: [R, m]} = M(c, [
+	[
+		g,
+		1,
+		"placement"
+	],
 	[
-		d,
+		v,
 		1,
-		"triggers"
+		"distance"
 	],
 	[
-		p,
+		b,
 		1,
-		"popovers"
+		"dropdown"
 	],
 	[
-		h,
+		S,
 		1,
-		"context"
+		"items"
 	]
-], u, 0, void 0, n), l();
+], h, 0, void 0, t), c), s = class extends L {
+	constructor() {
+		super(R), j(this, "styles", n), m();
+	}
+}, j(s, w, void 0), s)();
 //#endregion
-export { k as _Menu };
+export { R as _Menu };
 
 //# sourceMappingURL=Menu.esm.js.map

package/dist/components/menu/Menu.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.esm.js","names":["customElement","WebComponent","generateId","provide","html","queryAssignedElements","menuContext","_classDecs","_Menu","_A","WeakMap","_B","_C","_ref","_triggersDecs","slot","_popoversDecs","selector","_contextDecs","context","Menu","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_triggers","_init_popovers","_init_context","id","_defineProperty","_classPrivateFieldGet","triggers","v","_classPrivateFieldSet","popovers","updated","trigger","popover","setAttribute","style","anchorName","render","onTriggerPointerDown","onTriggerClick","onMenuClick","e","preventDefault","triggerClickedWhilstOpen","matches","togglePopover","target","targetIsClickable","HTMLElement","tagName","closest","hidePopover","_Menu2","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/menu/Menu.ts"],"sourcesContent":["import { customElement, WebComponent, generateId } from '@/lib/components'\nimport { provide } from '@lit/context'\nimport { html } from 'lit'\nimport { queryAssignedElements } from 'lit/decorators.js'\nimport { MenuContext, menuContext } from '@/lib/menus/context'\nimport type MenuItems from '@/components/menu-items'\n\n@customElement('solid-ui-menu')\nexport default class Menu extends WebComponent {\n  @queryAssignedElements({ slot: 'trigger' })\n  private accessor triggers!: HTMLButtonElement[]\n\n  @queryAssignedElements({ selector: '[popover]' })\n  private accessor popovers!: MenuItems[]\n\n  @provide({ context: menuContext })\n  // @ts-ignore\n  private accessor context: MenuContext = { id: generateId() }\n\n  private triggerClickedWhilstOpen = false\n\n  protected updated () {\n    const trigger = this.triggers?.[0]\n    const popover = this.popovers?.[0]\n\n    if (!trigger || !popover) {\n      return\n    }\n\n    trigger.setAttribute('aria-haspopup', 'menu')\n    trigger.setAttribute('aria-controls', popover.id)\n    trigger.style.anchorName = '--menu-anchor'\n  }\n\n  protected render () {\n    return html`\n        <slot\n          name=\"trigger\"\n          @pointerdown=${this.onTriggerPointerDown}\n          @click=${this.onTriggerClick}\n        ></slot>\n        <slot @click=${this.onMenuClick}></slot>\n    `\n  }\n\n  private onTriggerPointerDown (e: PointerEvent) {\n    e.preventDefault()\n\n    this.triggerClickedWhilstOpen = this.popovers?.[0]?.matches(':popover-open') ?? false\n  }\n\n  private onTriggerClick (e: MouseEvent) {\n    e.preventDefault()\n\n    if (this.triggerClickedWhilstOpen) {\n      this.triggerClickedWhilstOpen = false\n\n      return\n    }\n\n    this.popovers?.[0]?.togglePopover()\n  }\n\n  private onMenuClick (e: MouseEvent) {\n    const target = e.target\n    const targetIsClickable =\n        target instanceof HTMLElement && (\n          target.tagName === 'BUTTON' ||\n            target.tagName === 'A' ||\n            target.tagName === 'SOLID-UI-MENU-ITEM' ||\n            target.closest('button, a, [role=\"menuitem\"]')\n        )\n\n    if (!targetIsClickable) {\n      return\n    }\n\n    this.popovers?.[0]?.hidePopover()\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAI8DO,IAAA,CAG7DP,EAAc,eAAe,CAAC;AAAA,IAAAQ,GAAAC,kBAAA,IAAAC,QAAA,GAAAC,kBAAA,IAAAD,QAAA,GAAAE,kBAAA,IAAAF,QAAA;AAAAG,KAAAC,IAE5BT,EAAsB,EAAEU,MAAM,UAAU,CAAC,GAACC,IAG1CX,EAAsB,EAAEY,UAAU,YAAY,CAAC,GAACC,IAGhDf,EAAQ,EAAEgB,SAASb,EAAY,CAAC,GAAC,aAgEnCkD,IAAApC,cAvEiCnB,EAAa;CAAAoB,YAAA,GAAAC,GAAA;EASeO,AATf,MAAA,GAAAP,CAAA,GAAAC,EAAA,MAAAd,IAAAe,EAAA,IAAA,GAAAC,EAAA,IAAA,EAAA,GAAAF,EAAA,MAAAZ,GAAAe,EAAA,IAAA,CAAA,GAAAH,EAAA,MAAAX,GAAAe,EAAA,MASL,EAAEC,IAAI1B,EAAW,EAAE,CAAC,CAAA,GAAA2B,EAAA,MAAA,4BAEzB,EAAK;CAAA;CAAA,KAAAhB,KAAA;EAAA,OAAAiB,EAAArB,GAAA,IAAA;CAAA;CAAA,IATvBsB,SAAQC,GAAA;EAAAC,EAAAxB,GAAA,MAAAuB,CAAA;CAAA;CAAA,IAGRE,WAAQ;EAAA,OAAAJ,EAAAnB,GAAA,IAAA;CAAA;CAAA,IAARuB,SAAQF,GAAA;EAAAC,EAAAtB,GAAA,MAAAqB,CAAA;CAAA;CAAA,IAIRb,UAAO;EAAA,OAAAW,EAAAlB,GAAA,IAAA;CAAA;CAAA,IAAPO,QAAOa,GAAA;EAAAC,EAAArB,GAAA,MAAAoB,CAAA;CAAA;CAIdG,UAAW;EACnB,IAAMC,IAAU,KAAKL,WAAW,IAC1BM,IAAU,KAAKH,WAAW;EAE5B,CAACE,KAAW,CAACC,MAIjBD,EAAQE,aAAa,iBAAiB,MAAM,GAC5CF,EAAQE,aAAa,iBAAiBD,EAAQT,EAAE,GAChDQ,EAAQG,MAAMC,aAAa;CAC7B;CAEUC,SAAU;EAClB,OAAOrC,CAAI;;;yBAGU,KAAKsC,qBAAoB;mBAC/B,KAAKC,eAAc;;uBAEf,KAAKC,YAAW;;CAErC;CAEQF,qBAAsBG,GAAiB;EAG7C,AAFAA,EAAEC,eAAe,GAEjB,KAAKC,2BAA2B,KAAKb,WAAW,IAAIc,QAAQ,eAAe,KAAK;CAClF;CAEQL,eAAgBE,GAAe;EAGrC,IAFAA,EAAEC,eAAe,GAEb,KAAKC,0BAA0B;GACjC,KAAKA,2BAA2B;GAEhC;EACF;EAEA,KAAKb,WAAW,IAAIe,cAAc;CACpC;CAEQL,YAAaC,GAAe;EAClC,IAAMK,IAASL,EAAEK;EAEbA,aAAkBE,gBAChBF,EAAOG,YAAY,YACjBH,EAAOG,YAAY,OACnBH,EAAOG,YAAY,wBACnBH,EAAOI,QAAQ,gCAA8B,MAOrD,KAAKpB,WAAW,IAAIqB,YAAY;CAClC;AACF,GAAC,CAAAV,GAAA,CAAApB,GAAAC,GAAAC,GAAAH,IAAAiC,GAAA,CAAAjD,GAAAkD,MAAAC,EAAAH,GAAA;CAAA;EAAA1C;EAAA;EAAA;CAAA;CAAA;EAAAE;EAAA;EAAA;CAAA;CAAA;EAAAE;EAAA;EAAA;CAAA;AAAA,GAAAX,GAAA,GAAA,KAAA,GAvEiCN,CAAY,GAAAyD,EAAA"}
+{"version":3,"file":"Menu.esm.js","names":["customElement","WebComponent","html","property","query","state","styles","_classDecs","_Menu","_Menu2","_A","WeakMap","_B","_C","_D","_ref","_placementDecs","type","String","reflect","_distanceDecs","Number","_dropdownDecs","_itemsDecs","_Menu3","Menu","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_placement","_init_distance","_init_dropdown","_init_items","_defineProperty","MutationObserver","syncItems","_classPrivateFieldGet","placement","v","_classPrivateFieldSet","distance","dropdown","items","connectedCallback","observer","observe","childList","disconnectedCallback","disconnect","render","onWaSelect","map","item","onItemClick","slot","Array","from","children","filter","child","hasAttribute","index","slotName","getAttribute","setAttribute","event","waItem","currentTarget","stopPropagation","disabled","selectedEvent","dispatchSelectEvent","defaultPrevented","open","detail","preventDefault","querySelector","click","CustomEvent","bubbles","composed","cancelable","dispatchEvent","e","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/menu/Menu.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport type WaDropdown from '@awesome.me/webawesome/dist/components/dropdown/dropdown.js'\nimport type WaDropdownItem from '@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js'\nimport type { WaDropdownSelectEvent } from '@awesome.me/webawesome'\n\nimport '@awesome.me/webawesome/dist/components/dropdown/dropdown.js'\nimport '@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js'\n\nimport styles from './Menu.styles.css'\n\n@customElement('solid-ui-menu')\nexport default class Menu extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor placement: WaDropdown['placement'] = 'bottom-start';\n\n  @property({ type: Number, reflect: true })\n  accessor distance: number = 0;\n\n  @query('wa-dropdown')\n  private accessor dropdown: WaDropdown | null = null;\n\n  @state()\n  private accessor items: { slot: string; }[] = []\n\n  private observer: MutationObserver = new MutationObserver(() => this.syncItems())\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.syncItems()\n    this.observer.observe(this, { childList: true })\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.observer.disconnect()\n  }\n\n  protected render () {\n    return html`\n      <wa-dropdown\n        placement=${this.placement}\n        distance=${this.distance}\n        @wa-select=${this.onWaSelect}\n      >\n        <slot name=\"trigger\" slot=\"trigger\"></slot>\n\n        ${this.items.map(\n          (item) =>\n            html`<wa-dropdown-item @click=${this.onItemClick}>\n                <slot name=${item.slot}></slot>\n            </wa-dropdown-item>`\n        )}\n      </wa-dropdown>\n    `\n  }\n\n  private syncItems (): void {\n    const items = Array.from(this.children).filter(\n      (child) => !child.hasAttribute('slot')\n    )\n\n    this.items = items.map((item, index) => {\n      const slotName = `menu-item-${index}`\n\n      if (item.getAttribute('slot') !== slotName) {\n        item.setAttribute('slot', slotName)\n      }\n\n      return { slot: slotName }\n    })\n  }\n\n  private onItemClick (event: Event) {\n    const waItem = event.currentTarget as WaDropdownItem\n\n    event.stopPropagation()\n\n    if (waItem.disabled) {\n      return\n    }\n\n    const selectedEvent = this.dispatchSelectEvent(waItem)\n\n    if (selectedEvent.defaultPrevented || !this.dropdown) {\n      return\n    }\n\n    this.dropdown.open = false\n  }\n\n  private onWaSelect (event: WaDropdownSelectEvent) {\n    const selectedEvent = this.dispatchSelectEvent(event.detail.item)\n\n    if (selectedEvent.defaultPrevented) {\n      event.preventDefault()\n\n      return\n    }\n\n    const slotName = event.detail.item.children[0].getAttribute('name')\n    const item = this.querySelector<{ click?: () => void } & Element>(`[slot=\"${slotName}\"]`)\n\n    item?.click?.()\n  }\n\n  private dispatchSelectEvent (waItem: WaDropdownItem) {\n    const slotName = waItem.children[0].getAttribute('name')\n    const item = this.querySelector(`[slot=\"${slotName}\"]`)\n    const event = new CustomEvent('solid-ui-select', {\n      bubbles: true,\n      composed: true,\n      cancelable: true,\n    })\n\n    item?.dispatchEvent(event)\n\n    return event\n  }\n}\n"],"mappings":"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"}

package/dist/components/menu/Menu.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/menu/Menu.stories.ts"],"names":[],"mappings":"AAGA,OAAO,qBAAqB,CAAA;AAC5B,OAAO,wBAAwB,CAAA;AAC/B,OAAO,yBAAyB,CAAA;AAEhC,OAAO,QAAQ,CAAA;AAEf,QAAA,MAAM,IAAI;;CAEA,CAAA;AAgBV,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,OAAO;;CAAa,CAAA"}
+{"version":3,"file":"Menu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/menu/Menu.stories.ts"],"names":[],"mappings":"AAGA,OAAO,qBAAqB,CAAA;AAC5B,OAAO,wBAAwB,CAAA;AAE/B,OAAO,QAAQ,CAAA;AAEf,QAAA,MAAM,IAAI;;CAEA,CAAA;AAcV,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,OAAO;;CAAa,CAAA"}

package/dist/components/menu/Menu.styles.cjs.js

@@ -0,0 +1,2 @@
+var e=require("lit").css`wa-dropdown::part(menu){min-width:300px;box-shadow:0 4px 16px #00000059}wa-dropdown-item{padding:0}`;exports.default=e;
+//# sourceMappingURL=Menu.styles.cjs.js.map

package/dist/components/menu/Menu.styles.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.styles.cjs.js","names":[],"sources":["../../../src/components/menu/Menu.styles.css"],"sourcesContent":["wa-dropdown::part(menu) {\n    min-width: 300px;\n    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.35);\n}\n\nwa-dropdown-item {\n    padding: 0px;\n}\n"],"mappings":""}

package/dist/components/menu/Menu.styles.esm.js

@@ -0,0 +1,7 @@
+import { css as e } from "lit";
+//#region src/components/menu/Menu.styles.css
+var t = e`wa-dropdown::part(menu){min-width:300px;box-shadow:0 4px 16px #00000059}wa-dropdown-item{padding:0}`;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=Menu.styles.esm.js.map

package/dist/components/menu/Menu.styles.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.styles.esm.js","names":[],"sources":["../../../src/components/menu/Menu.styles.css"],"sourcesContent":["wa-dropdown::part(menu) {\n    min-width: 300px;\n    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.35);\n}\n\nwa-dropdown-item {\n    padding: 0px;\n}\n"],"mappings":""}

package/dist/components/menu-item/MenuItem.cjs.js

@@ -1,14 +1,12 @@
-const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/web-component/WebComponent.cjs.js");require("../../lib/components/index.cjs.js");const n=require("./MenuItem.styles.cjs.js");let r=require("lit"),i=require("lit/decorators.js");var a,o,s,c,l,u,d,f,p,m;function h(e,t,n){g(e,t),t.set(e,n)}function g(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function _(e,t,n){return e.set(y(e,t),n),n}function v(e,t){return e.get(y(e,t))}function y(e,t,n){if(typeof e==`function`?e===t:e.has(t))return arguments.length<3?t:n;throw TypeError(`Private element is not present on this object`)}function b(e,t,n){return(t=S(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function x(e,t,n,r,i,a){function o(e,t,n){return function(r,i){return n&&n(r),e[t].call(r,i)}}function s(e,t){for(var n=0;n<e.length;n++)e[n].call(t);return t}function c(e,t,n,r){if(typeof e!=`function`&&(r||e!==void 0))throw TypeError(t+` must `+(n||`be`)+` a function`+(r?``:` or undefined`));return e}function l(e,t,n,r,i,a,s,l,u,d,f,p,m){function h(e){if(!m(e))throw TypeError(`Attempted to access private element on non-instance`)}var g,_=t[0],v=t[3],y=!l;if(!y){n||Array.isArray(_)||(_=[_]);var b={},x=[],S=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:w(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||w(b[S],r,i===2?``:S)):f||(b=Object.getOwnPropertyDescriptor(e,r))}for(var C=e,T=_.length-1;T>=0;T-=n?2:1){var E=_[T],D=n?_[T-1]:void 0,O={},k={kind:[`field`,`accessor`,`method`,`getter`,`setter`,`class`][i],name:r,metadata:a,addInitializer:function(e,t){if(e.v)throw Error(`attempted to call addInitializer after decoration was finished`);c(t,`An initializer`,`be`,!0),s.push(t)}.bind(null,O)};try{if(y)(g=c(E.call(D,C,k),`class decorators`,`return`))&&(C=g);else{var A,j;k.static=u,k.private=d,d?i===2?A=function(e){return h(e),b.value}:(i<4&&(A=o(b,`get`,h)),i!==3&&(j=o(b,`set`,h))):(A=function(e){return e[r]},(i<2||i===4)&&(j=function(e,t){e[r]=t}));var M=k.access={has:d?m.bind():function(e){return r in e}};if(A&&(M.get=A),j&&(M.set=j),C=E.call(D,p?{get:b.get,set:b.set}:b[S],k),p){if(typeof C==`object`&&C)(g=c(C.get,`accessor.get`))&&(b.get=g),(g=c(C.set,`accessor.set`))&&(b.set=g),(g=c(C.init,`accessor.init`))&&x.push(g);else if(C!==void 0)throw TypeError(`accessor decorators must return an object with get, set, or init properties or void 0`)}else c(C,(f?`field`:`method`)+` decorators`,`return`)&&(f?x.push(C):b[S]=C)}}finally{O.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=x.length-1;n>=0;n--)t=x[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[S]:o.call.bind(b[S])):Object.defineProperty(e,r,b)),C}function u(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for(`Symbol.metadata`),{configurable:!0,enumerable:!0,value:t})}if(arguments.length>=6)var d=a[Symbol.metadata||Symbol.for(`Symbol.metadata`)];var f=Object.create(d??null),p=function(e,t,n,r){var i,a,o=[],c=function(t){return T(t)===e},u=new Map;function d(e){e&&o.push(s.bind(null,e))}for(var f=0;f<t.length;f++){var p=t[f];if(Array.isArray(p)){var m=p[1],h=p[2],g=p.length>3,_=16&m,v=!!(8&m),y=(m&=7)==0,b=h+`/`+v;if(!y&&!g){var x=u.get(b);if(!0===x||x===3&&m!==4||x===4&&m!==3)throw Error(`Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: `+h);u.set(b,!(m>2)||m)}l(v?e:e.prototype,p,_,g?`#`+h:S(h),m,r,v?a||=[]:i||=[],o,v,g,y,m===1,v&&g?c:n)}}return d(i),d(a),o}(e,t,i,f);return n.length||u(e,f),{e:p,get c(){var t=[];return n.length&&[u(l(e,[n],r,e.name,5,f,t),f),s.bind(null,t,e)]}}}function S(e){var t=C(e,`string`);return typeof t==`symbol`?t:t+``}function C(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function w(e,t,n){typeof t==`symbol`&&(t=(t=t.description)?`[`+t+`]`:``);try{Object.defineProperty(e,"name",{configurable:!0,value:n?n+` `+t:t})}catch{}return e}function T(e){if(Object(e)!==e)throw TypeError(`right-hand side of 'in' should be an object, got `+(e===null?`null`:typeof e));return e}function E(e){return e}u=[e.customElement(`solid-ui-menu-item`)];var D;new(p=(s=new WeakMap,m=(d=(0,i.property)({type:String}),`href`),o=class extends t.default{constructor(...e){super(...e),h(this,s,(c(this),f(this)))}get[m](){return v(s,this)}set href(e){_(s,this,e)}render(){return this.href?r.html`
+const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/web-component/WebComponent.cjs.js");require("../../lib/components/index.cjs.js");const n=require("./MenuItem.styles.cjs.js");let r=require("lit"),i=require("lit/decorators.js");var a,o,s,c,l,u,d,f,p,m,h,g,_;function v(e,t,n){y(e,t),t.set(e,n)}function y(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function b(e,t,n){return e.set(S(e,t),n),n}function x(e,t){return e.get(S(e,t))}function S(e,t,n){if(typeof e==`function`?e===t:e.has(t))return arguments.length<3?t:n;throw TypeError(`Private element is not present on this object`)}function C(e,t,n){return(t=T(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(e,t,n,r,i,a){function o(e,t,n){return function(r,i){return n&&n(r),e[t].call(r,i)}}function s(e,t){for(var n=0;n<e.length;n++)e[n].call(t);return t}function c(e,t,n,r){if(typeof e!=`function`&&(r||e!==void 0))throw TypeError(t+` must `+(n||`be`)+` a function`+(r?``:` or undefined`));return e}function l(e,t,n,r,i,a,s,l,u,d,f,p,m){function h(e){if(!m(e))throw TypeError(`Attempted to access private element on non-instance`)}var g,_=t[0],v=t[3],y=!l;if(!y){n||Array.isArray(_)||(_=[_]);var b={},x=[],S=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:D(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||D(b[S],r,i===2?``:S)):f||(b=Object.getOwnPropertyDescriptor(e,r))}for(var C=e,w=_.length-1;w>=0;w-=n?2:1){var T=_[w],E=n?_[w-1]:void 0,O={},k={kind:[`field`,`accessor`,`method`,`getter`,`setter`,`class`][i],name:r,metadata:a,addInitializer:function(e,t){if(e.v)throw Error(`attempted to call addInitializer after decoration was finished`);c(t,`An initializer`,`be`,!0),s.push(t)}.bind(null,O)};try{if(y)(g=c(T.call(E,C,k),`class decorators`,`return`))&&(C=g);else{var A,j;k.static=u,k.private=d,d?i===2?A=function(e){return h(e),b.value}:(i<4&&(A=o(b,`get`,h)),i!==3&&(j=o(b,`set`,h))):(A=function(e){return e[r]},(i<2||i===4)&&(j=function(e,t){e[r]=t}));var M=k.access={has:d?m.bind():function(e){return r in e}};if(A&&(M.get=A),j&&(M.set=j),C=T.call(E,p?{get:b.get,set:b.set}:b[S],k),p){if(typeof C==`object`&&C)(g=c(C.get,`accessor.get`))&&(b.get=g),(g=c(C.set,`accessor.set`))&&(b.set=g),(g=c(C.init,`accessor.init`))&&x.push(g);else if(C!==void 0)throw TypeError(`accessor decorators must return an object with get, set, or init properties or void 0`)}else c(C,(f?`field`:`method`)+` decorators`,`return`)&&(f?x.push(C):b[S]=C)}}finally{O.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=x.length-1;n>=0;n--)t=x[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[S]:o.call.bind(b[S])):Object.defineProperty(e,r,b)),C}function u(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for(`Symbol.metadata`),{configurable:!0,enumerable:!0,value:t})}if(arguments.length>=6)var d=a[Symbol.metadata||Symbol.for(`Symbol.metadata`)];var f=Object.create(d??null),p=function(e,t,n,r){var i,a,o=[],c=function(t){return O(t)===e},u=new Map;function d(e){e&&o.push(s.bind(null,e))}for(var f=0;f<t.length;f++){var p=t[f];if(Array.isArray(p)){var m=p[1],h=p[2],g=p.length>3,_=16&m,v=!!(8&m),y=(m&=7)==0,b=h+`/`+v;if(!y&&!g){var x=u.get(b);if(!0===x||x===3&&m!==4||x===4&&m!==3)throw Error(`Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: `+h);u.set(b,!(m>2)||m)}l(v?e:e.prototype,p,_,g?`#`+h:T(h),m,r,v?a||=[]:i||=[],o,v,g,y,m===1,v&&g?c:n)}}return d(i),d(a),o}(e,t,i,f);return n.length||u(e,f),{e:p,get c(){var t=[];return n.length&&[u(l(e,[n],r,e.name,5,f,t),f),s.bind(null,t,e)]}}}function T(e){var t=E(e,`string`);return typeof t==`symbol`?t:t+``}function E(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function D(e,t,n){typeof t==`symbol`&&(t=(t=t.description)?`[`+t+`]`:``);try{Object.defineProperty(e,"name",{configurable:!0,value:n?n+` `+t:t})}catch{}return e}function O(e){if(Object(e)!==e)throw TypeError(`right-hand side of 'in' should be an object, got `+(e===null?`null`:typeof e));return e}function k(e){return e}d=[e.customElement(`solid-ui-menu-item`)];var A;new(g=(s=new WeakMap,c=new WeakMap,_=(f=(0,i.property)({type:String,reflect:!0}),m=(0,i.query)(`a`),`href`),o=class extends t.default{constructor(...e){super(...e),v(this,s,(l(this),p(this))),v(this,c,h(this,null))}get[_](){return x(s,this)}set href(e){b(s,this,e)}get anchor(){return x(c,this)}set anchor(e){b(c,this,e)}render(){return this.href?r.html`
         <a href="${this.href}" target="_blank" rel="noopener noreferrer">
             <slot name="left-icon"></slot>
             <slot></slot>
             <slot name="right-icon"></slot>
         </a>
       `:r.html`
-        <button type="button">
-            <slot name="left-icon"></slot>
-            <slot></slot>
-            <slot name="right-icon"></slot>
-        </button>
-    `}},{e:[f,c],c:[D,l]}=x(o,[[d,1,`href`]],u,0,void 0,t.default),o),a=class extends E{constructor(){super(D),b(this,`styles`,n.default),l()}},b(a,p,void 0),a),Object.defineProperty(exports,"_MenuItem",{enumerable:!0,get:function(){return D}});
+        <slot name="left-icon"></slot>
+        <slot></slot>
+        <slot name="right-icon"></slot>
+    `}click(){this.anchor?.click()}},{e:[p,h,l],c:[A,u]}=w(o,[[f,1,`href`],[m,1,`anchor`]],d,0,void 0,t.default),o),a=class extends k{constructor(){super(A),C(this,`styles`,n.default),u()}},C(a,g,void 0),a),Object.defineProperty(exports,"_MenuItem",{enumerable:!0,get:function(){return A}});
 //# sourceMappingURL=MenuItem.cjs.js.map