metronics-vue 1.7.22 → 1.7.24

package/dist/metronics-vue.es.js

@@ -7161,18 +7161,19 @@ const Da = /* @__PURE__ */ N(Ma, [["render", $a]]), Na = {
   name: "KtPageTitle",
   computed: {
     computedBreadcrumbs() {
-      const i = [], s = this.$route.params;
+      const i = [], s = this.$route.matched.reduce((t, e) => ({ ...t, ...e.params }), { ...this.$route.params });
       return this.$route.matched.forEach((t) => {
-        var n;
-        const e = (n = t.meta) == null ? void 0 : n.breadcrumb;
-        Array.isArray(e) ? e.forEach((r) => {
+        var r;
+        const e = (r = t.meta) == null ? void 0 : r.breadcrumb;
+        if (!e) return;
+        (Array.isArray(e) ? e : [e]).forEach((a) => {
+          const o = typeof a == "object" ? a.label : a, l = typeof a == "object" ? a.to : null;
           i.push({
-            label: this.resolveDynamicValue(r.label, s, !1),
-            to: r.to ? this.resolveDynamicValue(r.to, s, !0) : void 0
+            // Resolve Label (e.g., "Client :client_id")
+            label: this.resolveDynamicString(o, s, !1),
+            // Resolve Link (e.g., "/clients/:client_id")
+            to: l ? this.resolveDynamicString(l, s, !0) : null
           });
-        }) : typeof e == "string" && i.push({
-          label: this.resolveDynamicValue(e, s, !1),
-          to: this.resolveDynamicValue(t.path, s, !0)
         });
       }), i;
     },
@@ -7182,20 +7183,13 @@ const Da = /* @__PURE__ */ N(Ma, [["render", $a]]), Na = {
     }
   },
   methods: {
-    /**
-     * Generic resolver for any route parameter.
-     * @param {String} template - The string containing :placeholders
-     * @param {Object} params - The current route params ($route.params)
-     * @param {Boolean} isPath - Whether to keep raw values (true) or format for UI (false)
-     */
-    resolveDynamicValue(i, s, t) {
+    resolveDynamicString(i, s, t) {
       if (!i || typeof i != "string") return i;
-      let e = i;
-      const n = /:([a-zA-Z0-9_]+)/g;
-      return e = e.replace(n, (r, a) => {
-        const o = s[a];
-        return o != null ? t ? o : String(o).replace(/-/g, " ") : r;
-      }), e;
+      const e = /:([a-zA-Z0-9_]+)/g;
+      return i.replace(e, (n, r) => {
+        const a = s[r];
+        return a != null ? t ? a : String(a).replace(/-/g, " ") : n;
+      });
     }
   }
 }, Ba = { class: "kt-page-title flex flex-col gap-1" }, Ra = { class: "text-gray-900 text-lg font-semibold" }, ja = {