import { l as d } from "./if-defined-09f6e3ef.mjs";
import { n as v } from "./static-5cfd1f40.mjs";
import { e as b } from "./custom-element-eaccb8d2.mjs";
import { P as h, n as o } from "./plus-base-10eea8a6.mjs";
import { s as y } from "./index-975d3293.mjs";
const x = y({
  slots: {
    host: "flex flex-row items-center justify-center gap-2.5",
    base: ["outline-none focus-visible:ring-2 focus-visible:ring-offset-2", "transition-colors duration-200 ease-in-out"]
  },
  variants: {
    kind: {
      default: "text-color-link hover:underline ",
      primary: "text-color-primary hover:underline"
    },
    disabled: {
      true: "cursor-not-allowed text-color-disabled user-select-none pointer-events-none",
      false: ""
    },
    active: {
      true: {
        base: "visited:text-color-caption"
      },
      false: {
        base: "text-color-link"
      }
    },
    isBreadcrumb: {
      true: "",
      false: ""
    }
  },
  compoundVariants: [
    {
      kind: ["default", "primary"],
      disabled: !1,
      isBreadcrumb: !1,
      class: {
        base: "visited:text-color-visited"
      }
    }
  ],
  defaultVariants: {
    kind: "default",
    disabled: !1,
    active: !1,
    isbreadCrumb: !1
  }
});
var k = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, r = (s, l, a, i) => {
  for (var t = i > 1 ? void 0 : i ? $(l, a) : l, n = s.length - 1, c; n >= 0; n--)
    (c = s[n]) && (t = (i ? c(l, a, t) : c(t)) || t);
  return i && t && k(l, a, t), t;
};
let e = class extends h {
  constructor() {
    super(...arguments), this.kind = "default", this.href = "", this.rel = "noreferrer noopener", this.size = "inherit", this.active = !1, this.isBreadcrumb = !1;
  }
  handleClick() {
    this.emit("plus-click");
  }
  render() {
    const { href: s, target: l, download: a, rel: i, kind: t, disabled: n, size: c, active: f, isBreadcrumb: p } = this, { base: u, host: m } = x({ kind: t, disabled: n, active: f, isBreadcrumb: p });
    return v`
      <div class=${m()}>
        <plus-text size=${c}>
          <a class="${u()}" href="${s}" target="${d(l)}" download="${d(a)}" rel="${d(i)}" @click="${this.handleClick}">
            <slot></slot>
          </a>
        </plus-text>
        <slot class="no-underline" name="separator"></slot>
      </div>
    `;
  }
};
r([
  o({ type: String })
], e.prototype, "kind", 2);
r([
  o()
], e.prototype, "href", 2);
r([
  o()
], e.prototype, "target", 2);
r([
  o()
], e.prototype, "download", 2);
r([
  o()
], e.prototype, "rel", 2);
r([
  o()
], e.prototype, "size", 2);
r([
  o({ type: Boolean, reflect: !0, converter: (s) => s != "false" })
], e.prototype, "active", 2);
r([
  o({ type: Boolean, reflect: !0, converter: (s) => s != "false" })
], e.prototype, "isBreadcrumb", 2);
e = r([
  b("plus-link")
], e);
export {
  e as LinkComponent
};
