import*as ComponentHelpers from"../../../ui/components/helpers/helpers.js";import*as LitHtml from"../../../ui/lit-html/lit-html.js";import timelineSectionStyles from"./timelineSection.css.js";export class TimelineSection extends HTMLElement{static litTagName=LitHtml.literal`devtools-timeline-section`;#t=!1;#i=!1;#s=!1;#e=!1;#o=!1;constructor(){super();this.attachShadow({mode:"open"}).adoptedStyleSheets=[timelineSectionStyles]}set data(t){this.#s=t.isFirstSection,this.#e=t.isLastSection,this.#t=t.isEndOfGroup,this.#i=t.isStartOfGroup,this.#o=t.isSelected,this.#n()}connectedCallback(){this.#n()}#n(){const t={"timeline-section":!0,"is-end-of-group":this.#t,"is-start-of-group":this.#i,"is-first-section":this.#s,"is-last-section":this.#e,"is-selected":this.#o};LitHtml.render(LitHtml.html`
      <div class=${LitHtml.Directives.classMap(t)}>
        <div class="overlay"></div>
        <div class="icon"><slot name="icon"></slot></div>
        <svg width="24" height="100%" class="bar">
          <rect class="line" x="7" y="0" width="2" height="100%" />
        </svg>
        <slot></slot>
      </div>
    `,this.shadowRoot,{host:this})}}ComponentHelpers.CustomElements.defineComponent("devtools-timeline-section",TimelineSection);