import{__decorate as t}from"tslib";import{html as e}from"lit";import{property as s,customElement as r}from"lit/decorators.js";import{s as i}from"./nile-context-menu-group.css.esm.js";import{N as l}from"../internal/nile-element.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";var o;let n=o=class extends l{constructor(){super(...arguments),this.label="",this._labelId="nile-context-menu-group-label-"+ ++o._idSeq}static get styles(){return[i]}render(){const t=this.label||this.id;return e`
      <div
        part="group"
        class="group"
        role="group"
        aria-labelledby=${t?this._labelId:void 0}
      >
        ${t?e`<div part="label" class="label" id=${this._labelId}>${t}</div>`:null}
        <slot></slot>
      </div>
    `}};n._idSeq=0,t([s({attribute:!0,type:String,reflect:!0})],n.prototype,"label",void 0),n=o=t([r("nile-context-menu-group")],n);export{n as N};
