{"size": 1865, "ext": "js", "max_stars_repo_path": "dist/chunks/chunk.FFEN2QHB.js", "max_stars_repo_name": "suyouwanggang/shoelace", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "dist/chunks/chunk.FFEN2QHB.js", "max_issues_repo_name": "suyouwanggang/shoelace", "max_issues_repo_issues_event_min_datetime": "2021-08-23T14:26:25.000Z", "max_issues_repo_issues_event_max_datetime": "2021-10-05T15:20:25.000Z", "max_forks_repo_path": "docs/dist/chunks/chunk.FFEN2QHB.js", "max_forks_repo_name": "suyouwanggang/shoelace", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 2, "max_forks_count": null, "avg_line_length": 23.6075949367, "max_line_length": 149, "alphanum_fraction": 0.5839142091}
import {
  step_styles_default
} from "./chunk.RSEQVEFC.js";
import {
  e,
  n
} from "./chunk.GZBNBBRH.js";
import {
  $,
  s
} from "./chunk.KOO6UQJ3.js";
import {
  __decorateClass
} from "./chunk.FHAP4LMI.js";

// src/components/step/step.ts
var SlStep = class extends s {
  constructor() {
    super(...arguments);
    this.index = 0;
  }
  isCurrentStep() {
    const steps = this.parentSteps;
    if (steps) {
      return steps.childStep.indexOf(this) === steps.current;
    }
    return false;
  }
  isFinished() {
    const steps = this.parentSteps;
    if (steps) {
      return steps.childStep.indexOf(this) < steps.current;
    }
    return false;
  }
  get parentSteps() {
    return this.closest("sl-steps");
  }
  render() {
    return $`
      <div part="step-container">
        <div class="tail"></div>
        <div part="step-icon">
          <span class="step-icon-span" part="step-icon-span">
            <slot name="step-icon"> ${this.icon ? $`<sl-icon library="system" name="${this.icon}"></sl-icon>` : $`<span>${this.index}</span>`}</slot>
          </span>
        </div>
        <div part="step-content">
          <div part="step-title">
            <slot name="step-title">${this.title}</slot>
          </div>
          <div part="step-description"><slot name="step-description">${this.description}</slot></div>
        </div>
        <slot></slot>
      </div>
    `;
  }
};
SlStep.styles = step_styles_default;
__decorateClass([
  e({ type: String, reflect: true })
], SlStep.prototype, "icon", 2);
__decorateClass([
  e({ type: String, reflect: true })
], SlStep.prototype, "description", 2);
__decorateClass([
  e({ type: String, reflect: true })
], SlStep.prototype, "title", 2);
__decorateClass([
  e({ type: Number })
], SlStep.prototype, "index", 2);
SlStep = __decorateClass([
  n("sl-step")
], SlStep);

export {
  SlStep
};
