import{__decorate as i}from"tslib";import{html as e}from"lit";import{state as t,property as r,customElement as s}from"lit/decorators.js";import{classMap as a}from"lit/directives/class-map.js";import{s as l}from"./nile-breadcrumb-item.css.esm.js";import{N as o}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";let m=class extends o{constructor(){super(...arguments),this.isLast=!1,this.separator="var(--nile-icon-arrow-right, var(--ng-icon-chevron-right))"}static get styles(){return[l]}handleClick(){this.isLast||this.emit("nile-click-item")}render(){return e`
    <div part="item"
        class=${a({"nile-breadcrumb-item__slot-text":!this.isLast,"nile-breadcrumb-item__last-slot-text":this.isLast})}
        @click=${this.handleClick}
        >
        <slot></slot>
      </div>
      <nile-icon
        name=${this.separator}
        aria-label=${this.separator}
        method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"
        color="var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400))"
        class=${a({"nile-breadcrumb-item__arrow":!0,"nile-breadcrumb-item__arrow-hidden":this.isLast})}
        size="14"
      ></nile-icon>
    `}};i([t()],m.prototype,"isLast",void 0),i([r({type:String})],m.prototype,"separator",void 0),m=i([s("nile-breadcrumb-item")],m);export{m as N};
