import '@das-fed/ui/packages/components/breadcrumb/style.css';
import { withInstall as v } from "@das-fed/utils/with-install/index";
import { defineComponent as _, createElementBlock as n, openBlock as o, createElementVNode as h, createBlock as k, unref as l, mergeProps as C, withCtx as m, renderSlot as u, createVNode as w, Fragment as b, renderList as I, createCommentVNode as f, normalizeClass as $, withDirectives as y, createTextVNode as D, toDisplayString as E } from "vue";
import { vDasTooltip as L } from "@das-fed/ui/packages/components/text-tooltip/index";
import { ElBreadcrumbItem as N, ElBreadcrumb as S } from "element-plus";
import "element-plus/es/components/breadcrumb/style/css";
import { setThemeRule as V } from "@das-fed/web/packages/theme/index";
/*! Element Plus Icons Vue v2.3.1 */
var T = /* @__PURE__ */ _({
  name: "ArrowRight",
  __name: "arrow-right",
  setup(s) {
    return (c, t) => (o(), n("svg", {
      xmlns: "http://www.w3.org/2000/svg",
      viewBox: "0 0 1024 1024"
    }, [
      h("path", {
        fill: "currentColor",
        d: "M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"
      })
    ]));
  }
}), z = T;
const F = /* @__PURE__ */ _({
  __name: "BreadCrumbItem",
  emits: ["click"],
  setup(s, { emit: c }) {
    const t = c, d = (a) => {
      t("click", a);
    };
    return (a, r) => (o(), k(
      l(N),
      C(a.$attrs, {
        onClick: d,
        class: "das-breadcrumb-item"
      }),
      {
        default: m(() => [
          u(a.$slots, "default", {}, void 0, !0)
        ]),
        _: 3
        /* FORWARDED */
      },
      16
      /* FULL_PROPS */
    ));
  }
}), B = (s, c) => {
  const t = s.__vccOpts || s;
  for (const [d, a] of c)
    t[d] = a;
  return t;
}, g = /* @__PURE__ */ B(F, [["__scopeId", "data-v-36708bdf"]]), R = { class: "das-breadcrumb" }, A = { class: "das-breadcrumb-item-overflow" }, M = { key: 1 }, O = /* @__PURE__ */ _({
  __name: "BreadCrumb",
  props: {
    separatorIcon: {},
    data: { default: () => [] }
  },
  emits: ["click-item"],
  setup(s, { emit: c }) {
    const t = s, d = c, a = (r, i) => {
      r.disabled || i === t.data.length - 1 || d("click-item", r, i);
    };
    return (r, i) => (o(), n("div", R, [
      u(r.$slots, "left", {}, void 0, !0),
      w(l(S), C(r.$attrs, {
        "separator-icon": t.separatorIcon || l(z)
      }), {
        default: m(() => [
          (o(!0), n(
            b,
            null,
            I(r.data, (e, p) => (o(), n(
              b,
              { key: p },
              [
                e.hidden ? f("v-if", !0) : (o(), k(g, {
                  key: 0,
                  class: $([e != null && e.disabled ? "das-breadcrumb-item-disabled" : ""]),
                  to: e == null ? void 0 : e.to,
                  replace: e == null ? void 0 : e.replace,
                  onClick: (q) => a(e, p)
                }, {
                  default: m(() => [
                    h("div", A, [
                      f(" @slot  自定义显示内容"),
                      e.contentSlot ? u(r.$slots, e.contentSlot, { key: 0 }, void 0, !0) : y((o(), n("div", M, [
                        D(
                          E(e.name),
                          1
                          /* TEXT */
                        )
                      ])), [
                        [l(L)]
                      ])
                    ])
                  ]),
                  _: 2
                  /* DYNAMIC */
                }, 1032, ["class", "to", "replace", "onClick"]))
              ],
              64
              /* STABLE_FRAGMENT */
            ))),
            128
            /* KEYED_FRAGMENT */
          ))
        ]),
        _: 3
        /* FORWARDED */
      }, 16, ["separator-icon"]),
      u(r.$slots, "right", {}, void 0, !0)
    ]));
  }
}), P = /* @__PURE__ */ B(O, [["__scopeId", "data-v-69af6d27"]]), j = {
  "--das-ui-breadcrumb-normal": "#666666",
  "--das-ui-breadcrumb-hover": "#5582F3",
  "--das-ui-breadcrumb-selected": "#212121 ",
  "--das-ui-breadcrumb-disabled": "#B2B2B2"
};
V(j);
const U = v(P), W = v(g);
export {
  U as DasBreadCrumb,
  W as DasBreadCrumbItem
};
