@aotearoan/neon/dist/components/navigation/breadcrumbs/NeonBreadcrumbs.vue.es.js

Neon is a lightweight design library of Vue 3 components with minimal dependencies.

import p from "./NeonBreadcrumbs.es.js";
import { resolveComponent as a, openBlock as n, createBlock as r, normalizeClass as f, withCtx as c, createElementVNode as u, createVNode as y, toDisplayString as l, createCommentVNode as s, createElementBlock as t, Fragment as d, renderList as h, createTextVNode as v } from "vue";
import B from "../../../_virtual/_plugin-vue_export-helper.es.js";
const $ = { class: "neon-breadcrumbs__container" }, g = { class: "neon-breadcrumbs__back-label" }, C = {
  key: 1,
  ref: "linksRef",
  class: "neon-breadcrumbs__links"
}, N = {
  key: 2,
  class: "neon-breadcrumbs__link-text"
};
function w(e, b, V, E, L, S) {
  const _ = a("neon-icon"), i = a("neon-link"), k = a("neon-swiper");
  return e.breadcrumbs.length !== 0 || e.backButton ? (n(), r(k, {
    key: 0,
    class: f([[{ "neon-breadcrumbs--breadcrumbs-only": !e.backButton }, `neon-breadcrumbs--responsive-${e.responsiveStyle}`], "neon-breadcrumbs"])
  }, {
    default: c(() => [
      u("div", $, [
        e.backButton ? (n(), r(i, {
          key: 0,
          class: "neon-breadcrumbs__back",
          "no-style": "",
          onClick: b[0] || (b[0] = (o) => e.back())
        }, {
          default: c(() => [
            y(_, {
              class: "neon-breadcrumbs__back-icon",
              name: "arrow-left"
            }),
            u("span", g, l(e.backLabel), 1)
          ]),
          _: 1
        })) : s("", !0),
        e.breadcrumbs.length !== 0 ? (n(), t("div", C, [
          (n(!0), t(d, null, h(e.breadcrumbs, (o, m) => (n(), t(d, { key: m }, [
            m !== 0 ? (n(), r(_, {
              key: 0,
              class: "neon-breadcrumbs__separator",
              name: "chevron-right"
            })) : s("", !0),
            o.url ? (n(), r(i, {
              key: 1,
              href: o.url,
              class: "neon-breadcrumbs__link",
              "no-style": ""
            }, {
              default: c(() => [
                v(l(o.label), 1)
              ]),
              _: 2
            }, 1032, ["href"])) : (n(), t("span", N, l(o.label), 1))
          ], 64))), 128))
        ], 512)) : s("", !0)
      ])
    ]),
    _: 1
  }, 8, ["class"])) : s("", !0);
}
const R = /* @__PURE__ */ B(p, [["render", w]]);
export {
  R as default
};
//# sourceMappingURL=NeonBreadcrumbs.vue.es.js.map