vlite3 0.6.5 → 0.6.7

package/components/Breadcrumb/Breadcrumb.vue.d.ts

@@ -1,4 +1,4 @@
-import { BreadcrumbProps, BreadcrumbVariant, BreadcrumbSeparator, BreadcrumbSize } from './types';
+import { BreadcrumbProps, BreadcrumbItemSchema, BreadcrumbVariant, BreadcrumbSeparator, BreadcrumbSize } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -8,7 +8,17 @@ declare function __VLS_template(): {
     rootEl: HTMLElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<BreadcrumbProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BreadcrumbProps> & Readonly<{}>, {
+declare const __VLS_component: import('vue').DefineComponent<BreadcrumbProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "item-click": (payload: {
+        item: BreadcrumbItemSchema;
+        index: number;
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<BreadcrumbProps> & Readonly<{
+    "onItem-click"?: (payload: {
+        item: BreadcrumbItemSchema;
+        index: number;
+    }) => any;
+}>, {
     variant: BreadcrumbVariant;
     size: BreadcrumbSize;
     class: string;

package/components/Breadcrumb/Breadcrumb.vue.js

@@ -1,7 +1,7 @@
 import o from "./Breadcrumb.vue2.js";
 /* empty css                */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-ae18a95c"]]);
+const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-12cf2491"]]);
 export {
   c as default
 };

package/components/Breadcrumb/Breadcrumb.vue2.js

@@ -1,13 +1,9 @@
-import { defineComponent as C, ref as y, computed as s, openBlock as l, createElementBlock as n, normalizeClass as z, createElementVNode as r, Fragment as i, renderList as I, toDisplayString as f, createCommentVNode as v, createVNode as x, mergeProps as B, renderSlot as w } from "vue";
-import _ from "./BreadcrumbItem.vue.js";
-const M = { class: "breadcrumb-list" }, N = {
-  key: 0,
+import { defineComponent as B, ref as w, computed as l, openBlock as i, createElementBlock as m, normalizeClass as p, createElementVNode as s, Fragment as u, renderList as M, toDisplayString as v, createCommentVNode as h, createVNode as N, mergeProps as S, renderSlot as V } from "vue";
+import E from "./BreadcrumbItem.vue.js";
+const O = { class: "breadcrumb-list" }, _ = {
   class: "breadcrumb-separator",
   "aria-hidden": "true"
-}, S = {
-  class: "breadcrumb-separator",
-  "aria-hidden": "true"
-}, j = /* @__PURE__ */ C({
+}, F = /* @__PURE__ */ B({
   __name: "Breadcrumb",
   props: {
     items: {},
@@ -17,68 +13,83 @@ const M = { class: "breadcrumb-list" }, N = {
     maxItems: {},
     class: { default: "" }
   },
-  setup(t) {
-    const e = t, c = y(!0), m = s(() => !e.maxItems || !e.items ? !1 : e.items.length > e.maxItems && c.value), d = s(() => {
+  emits: ["item-click"],
+  setup(n, { emit: x }) {
+    const e = n, k = x, d = w(!0), c = l(() => !e.maxItems || !e.items ? !1 : e.items.length > e.maxItems && d.value), b = l(() => {
       if (!e.items) return [];
-      if (!m.value) return e.items;
-      const a = e.maxItems, u = Math.max(a - 1, 1);
-      return [e.items[0], ...e.items.slice(-u)];
-    }), h = s(() => m.value ? 1 : -1);
-    function g() {
-      c.value = !1;
+      if (!c.value) return e.items;
+      const t = e.maxItems, r = Math.max(t - 1, 1);
+      return [e.items[0], ...e.items.slice(-r)];
+    }), g = l(() => c.value ? 1 : -1);
+    function C() {
+      d.value = !1;
+    }
+    function I(t) {
+      if (!e.items || !c.value) return t;
+      const r = e.maxItems, o = Math.max(r - 1, 1), a = e.items.length - o;
+      return t === 0 ? 0 : a + (t - 1);
+    }
+    function z(t) {
+      k("item-click", { item: t.item, index: I(t.index) });
     }
-    const k = s(() => {
-      const a = {
+    const y = l(() => {
+      const t = {
         default: "breadcrumb--default",
         contained: "breadcrumb--contained",
         pills: "breadcrumb--pills",
         arrow: "breadcrumb--arrow"
-      }, u = {
+      }, r = {
         sm: "breadcrumb--sm",
         md: "breadcrumb--md",
         lg: "breadcrumb--lg"
       };
-      return ["breadcrumb", a[e.variant], u[e.size], e.class].filter(Boolean).join(" ");
-    }), b = s(() => ({
+      return ["breadcrumb", t[e.variant], r[e.size], e.class].filter(Boolean).join(" ");
+    }), f = l(() => ({
       slash: "/",
       chevron: "›",
       dot: "·",
       arrow: "→"
     })[e.separator] || "›");
-    return (a, u) => (l(), n("nav", {
-      class: z(k.value),
+    return (t, r) => (i(), m("nav", {
+      class: p(y.value),
       "aria-label": "Breadcrumb"
     }, [
-      r("ol", M, [
-        t.items && t.items.length ? (l(!0), n(i, { key: 0 }, I(d.value, (p, o) => (l(), n(i, {
-          key: p.label + o
+      s("ol", O, [
+        n.items && n.items.length ? (i(!0), m(u, { key: 0 }, M(b.value, (o, a) => (i(), m(u, {
+          key: o.label + a
         }, [
-          o > 0 ? (l(), n("li", N, [
-            r("span", null, f(b.value), 1)
-          ])) : v("", !0),
-          o === h.value ? (l(), n(i, { key: 1 }, [
-            r("li", S, [
-              r("span", null, f(b.value), 1)
+          a > 0 ? (i(), m("li", {
+            key: 0,
+            class: p(["breadcrumb-separator", (e.separator == "chevron" || e?.separator === "dot") && "text-fs-3!"]),
+            "aria-hidden": "true"
+          }, [
+            s("span", null, v(f.value), 1)
+          ], 2)) : h("", !0),
+          a === g.value ? (i(), m(u, { key: 1 }, [
+            s("li", _, [
+              s("span", null, v(f.value), 1)
             ]),
-            r("li", { class: "breadcrumb-ellipsis" }, [
-              r("button", {
+            s("li", { class: "breadcrumb-ellipsis" }, [
+              s("button", {
                 type: "button",
                 class: "breadcrumb-ellipsis-btn",
                 "aria-label": "Show all breadcrumb items",
-                onClick: g
+                onClick: C
               }, " … ")
             ])
-          ], 64)) : v("", !0),
-          x(_, B({ ref_for: !0 }, p, {
-            size: t.size,
-            variant: t.variant,
-            "is-current": o === d.value.length - 1
-          }), null, 16, ["size", "variant", "is-current"])
-        ], 64))), 128)) : w(a.$slots, "default", { key: 1 }, void 0, !0)
+          ], 64)) : h("", !0),
+          N(E, S({ ref_for: !0 }, o, {
+            size: n.size,
+            variant: n.variant,
+            "is-current": a === b.value.length - 1,
+            "item-index": a,
+            onItemClick: z
+          }), null, 16, ["size", "variant", "is-current", "item-index"])
+        ], 64))), 128)) : V(t.$slots, "default", { key: 1 }, void 0, !0)
       ])
     ], 2));
   }
 });
 export {
-  j as default
+  F as default
 };

package/components/Breadcrumb/BreadcrumbItem.vue.d.ts

@@ -3,6 +3,7 @@ interface Props extends BreadcrumbItemSchema {
     size?: BreadcrumbSize;
     isCurrent?: boolean;
     variant?: string;
+    itemIndex?: number;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -13,10 +14,21 @@ declare function __VLS_template(): {
     rootEl: HTMLLIElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "item-click": (payload: {
+        item: BreadcrumbItemSchema;
+        index: number;
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onItem-click"?: (payload: {
+        item: BreadcrumbItemSchema;
+        index: number;
+    }) => any;
+}>, {
     variant: string;
     size: BreadcrumbSize;
     isCurrent: boolean;
+    itemIndex: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLIElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/Breadcrumb/BreadcrumbItem.vue.js

@@ -1,7 +1,7 @@
 import o from "./BreadcrumbItem.vue2.js";
 /* empty css                    */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-0b2efcbc"]]);
+const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-5c9662c5"]]);
 export {
-  e as default
+  a as default
 };

package/components/Breadcrumb/BreadcrumbItem.vue2.js

@@ -1,11 +1,12 @@
-import { defineComponent as u, computed as a, openBlock as i, createElementBlock as c, normalizeClass as n, createBlock as l, resolveDynamicComponent as m, mergeProps as f, withCtx as b, createCommentVNode as C, renderSlot as h, createTextVNode as v, toDisplayString as k } from "vue";
-import B from "../Icon.vue.js";
-const w = /* @__PURE__ */ u({
+import { defineComponent as f, computed as r, openBlock as a, createElementBlock as b, normalizeClass as n, createBlock as l, resolveDynamicComponent as C, mergeProps as h, withCtx as k, createCommentVNode as v, renderSlot as B, createTextVNode as x, toDisplayString as y } from "vue";
+import g from "../Icon.vue.js";
+const I = /* @__PURE__ */ f({
   __name: "BreadcrumbItem",
   props: {
     size: { default: "md" },
     isCurrent: { type: Boolean, default: !1 },
     variant: { default: "default" },
+    itemIndex: { default: 0 },
     label: {},
     to: {},
     href: {},
@@ -13,31 +14,45 @@ const w = /* @__PURE__ */ u({
     disabled: { type: Boolean },
     active: { type: Boolean }
   },
-  setup(r) {
-    const e = r, s = a(() => e.disabled || e.isCurrent ? "span" : e.to ? "router-link" : e.href ? "a" : "span"), o = a(() => e.to && !e.disabled && !e.isCurrent ? { to: e.to } : e.href && !e.disabled && !e.isCurrent ? { href: e.href } : {}), d = a(() => {
-      const t = {
+  emits: ["item-click"],
+  setup(t, { emit: s }) {
+    const e = t, c = s, d = r(() => e.disabled || e.isCurrent ? "span" : e.to ? "router-link" : e.href ? "a" : "span"), o = r(() => e.disabled || e.isCurrent ? {} : e.to ? { to: e.to } : e.href ? { href: e.href } : {}), u = r(() => {
+      const i = {
         sm: "w-3 h-3",
         md: "w-3.5 h-3.5",
         lg: "w-4 h-4"
       };
-      return t[e.size] || t.md;
+      return i[e.size] || i.md;
     });
-    return (t, y) => (i(), c("li", {
-      class: n(["breadcrumb-item", { "is-current": r.isCurrent, "is-disabled": r.disabled }])
+    function m() {
+      if (e.disabled || e.isCurrent) return;
+      const i = {
+        label: e.label,
+        to: e.to,
+        href: e.href,
+        icon: e.icon,
+        disabled: e.disabled,
+        active: e.active
+      };
+      c("item-click", { item: i, index: e.itemIndex });
+    }
+    return (i, z) => (a(), b("li", {
+      class: n(["breadcrumb-item", { "is-current": t.isCurrent, "is-disabled": t.disabled }])
     }, [
-      (i(), l(m(s.value), f(o.value, {
-        class: ["breadcrumb-link", { current: r.isCurrent, disabled: r.disabled }],
-        "aria-current": r.isCurrent ? "page" : void 0,
-        "aria-disabled": r.disabled || void 0
+      (a(), l(C(d.value), h(o.value, {
+        class: ["breadcrumb-link", { current: t.isCurrent, disabled: t.disabled }],
+        "aria-current": t.isCurrent ? "page" : void 0,
+        "aria-disabled": t.disabled || void 0,
+        onClick: m
       }), {
-        default: b(() => [
-          r.icon ? (i(), l(B, {
+        default: k(() => [
+          t.icon ? (a(), l(g, {
             key: 0,
-            icon: r.icon,
-            class: n(["breadcrumb-icon", d.value])
-          }, null, 8, ["icon", "class"])) : C("", !0),
-          h(t.$slots, "default", {}, () => [
-            v(k(r.label), 1)
+            icon: t.icon,
+            class: n(["breadcrumb-icon", u.value])
+          }, null, 8, ["icon", "class"])) : v("", !0),
+          B(i.$slots, "default", {}, () => [
+            x(y(t.label), 1)
           ], !0)
         ]),
         _: 3
@@ -46,5 +61,5 @@ const w = /* @__PURE__ */ u({
   }
 });
 export {
-  w as default
+  I as default
 };