import{tag_styles_default as t}from"./chunk.CGXJYWRD.js";import{SlIconButton as e}from"./chunk.LOVM4XL6.js";import{LocalizeController as a}from"./chunk.2A3352EO.js";import{ShoelaceElement as r}from"./chunk.Z7XDKKOD.js";import{__decorateClass as s}from"./chunk.6M63UXML.js";import{classMap as i}from"../../../../lit/directives/class-map.js";import{html as o}from"../../../../lit/index.js";import{property as l}from"../../../../lit/decorators.js";var n=class extends r{constructor(){super(...arguments),this.localize=new a(this),this.variant="neutral",this.size="medium",this.pill=!1,this.removable=!1}handleRemoveClick(){this.emit("sl-remove")}render(){return o`
      <span
        part="base"
        class=${i({tag:!0,"tag--primary":"primary"===this.variant,"tag--success":"success"===this.variant,"tag--neutral":"neutral"===this.variant,"tag--warning":"warning"===this.variant,"tag--danger":"danger"===this.variant,"tag--text":"text"===this.variant,"tag--small":"small"===this.size,"tag--medium":"medium"===this.size,"tag--large":"large"===this.size,"tag--pill":this.pill,"tag--removable":this.removable})}
      >
        <slot part="content" class="tag__content"></slot>

        ${this.removable?o`
              <sl-icon-button
                part="remove-button"
                exportparts="base:remove-button__base"
                name="x-lg"
                library="system"
                label=${this.localize.term("remove")}
                class="tag__remove"
                @click=${this.handleRemoveClick}
                tabindex="-1"
              ></sl-icon-button>
            `:""}
      </span>
    `}};n.styles=t,n.dependencies={"sl-icon-button":e},s([l({reflect:!0})],n.prototype,"variant",2),s([l({reflect:!0})],n.prototype,"size",2),s([l({type:Boolean,reflect:!0})],n.prototype,"pill",2),s([l({type:Boolean})],n.prototype,"removable",2);export{n as SlTag};