import '@das-fed/upf-ui/packages/components/breadcrumb/style.css';
import { withInstall as h } from "@das-fed/upf-utils/with-install/index";
import { defineComponent as p, openBlock as s, createElementBlock as d, createElementVNode as k, createBlock as v, unref as l, mergeProps as C, withCtx as m, renderSlot as u, createVNode as B, Fragment as f, renderList as I, normalizeClass as $, createCommentVNode as b, withDirectives as y, createTextVNode as D, toDisplayString as E } from "vue";
import { vDasTooltip as L } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
import { ElBreadcrumbItem as N, ElBreadcrumb as S } from "element-plus";
import "element-plus/es/components/breadcrumb/style/css";
/*! Element Plus Icons Vue v2.3.2 */
var V = /* @__PURE__ */ p({
  name: "ArrowRight",
  __name: "arrow-right",
  setup(o) {
    return (n, r) => (s(), d("svg", {
      xmlns: "http://www.w3.org/2000/svg",
      viewBox: "0 0 1024 1024"
    }, [
      k("path", {
        fill: "currentColor",
        d: "M340.864 149.312a30.59 30.59 0 0 0 0 42.752L652.736 512 340.864 831.872a30.59 30.59 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 = V;
const T = /* @__PURE__ */ p({
  __name: "BreadCrumbItem",
  emits: ["click"],
  setup(o, { emit: n }) {
    const r = n, c = (t) => {
      r("click", t);
    };
    return (t, a) => (s(), v(
      l(N),
      C(t.$attrs, {
        onClick: c,
        class: "das-breadcrumb-item"
      }),
      {
        default: m(() => [
          u(t.$slots, "default", {}, void 0, !0)
        ]),
        _: 3
        /* FORWARDED */
      },
      16
      /* FULL_PROPS */
    ));
  }
}), g = (o, n) => {
  const r = o.__vccOpts || o;
  for (const [c, t] of n)
    r[c] = t;
  return r;
}, w = /* @__PURE__ */ g(T, [["__scopeId", "data-v-36e063e5"]]), x = { class: "das-breadcrumb" }, A = { class: "das-breadcrumb-item-overflow" }, F = { key: 1 }, M = /* @__PURE__ */ p({
  __name: "BreadCrumb",
  props: {
    separatorIcon: {},
    data: { default: () => [] }
  },
  emits: ["click-item"],
  setup(o, { emit: n }) {
    const r = o, c = n, t = (a, i) => {
      a.disabled || i === r.data.length - 1 || c("click-item", a, i);
    };
    return (a, i) => (s(), d("div", x, [
      u(a.$slots, "left", {}, void 0, !0),
      B(l(S), C(a.$attrs, {
        "separator-icon": r.separatorIcon || l(z)
      }), {
        default: m(() => [
          (s(!0), d(
            f,
            null,
            I(o.data, (e, _) => (s(), d(
              f,
              { key: _ },
              [
                e.hidden ? b("v-if", !0) : (s(), v(w, {
                  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: (P) => t(e, _)
                }, {
                  default: m(() => [
                    k("div", A, [
                      b(" @slot  自定义显示内容"),
                      e.contentSlot ? u(a.$slots, e.contentSlot, { key: 0 }, void 0, !0) : y((s(), d("div", F, [
                        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(a.$slots, "right", {}, void 0, !0)
    ]));
  }
}), O = /* @__PURE__ */ g(M, [["__scopeId", "data-v-4f66b393"]]), J = h(O), K = h(w);
export {
  J as DasBreadCrumb,
  K as DasBreadCrumbItem
};
