@vc-shell/framework 1.2.4-beta.4 → 1.2.4-beta.5

package/dist/vendor-web-vitals-vrpLO1bu.js

@@ -0,0 +1,207 @@
+let N = -1;
+const m = (t) => {
+  addEventListener("pageshow", ((e) => {
+    e.persisted && (N = e.timeStamp, t(e));
+  }), !0);
+}, d = (t, e, i, n) => {
+  let r, s;
+  return (a) => {
+    e.value >= 0 && (a || n) && (s = e.value - (r ?? 0), (s || r === void 0) && (r = e.value, e.delta = s, e.rating = ((o, u) => o > u[1] ? "poor" : o > u[0] ? "needs-improvement" : "good")(e.value, i), t(e)));
+  };
+}, S = (t) => {
+  requestAnimationFrame((() => requestAnimationFrame((() => t()))));
+}, w = () => {
+  const t = performance.getEntriesByType("navigation")[0];
+  if (t && t.responseStart > 0 && t.responseStart < performance.now()) return t;
+}, f = () => w()?.activationStart ?? 0, l = (t, e = -1) => {
+  const i = w();
+  let n = "navigate";
+  return N >= 0 ? n = "back-forward-cache" : i && (document.prerendering || f() > 0 ? n = "prerender" : document.wasDiscarded ? n = "restore" : i.type && (n = i.type.replace(/_/g, "-"))), { name: t, value: e, rating: "good", delta: 0, entries: [], id: `v5-${Date.now()}-${Math.floor(8999999999999 * Math.random()) + 1e12}`, navigationType: n };
+}, b = /* @__PURE__ */ new WeakMap();
+function A(t, e) {
+  return b.get(t) || b.set(t, new e()), b.get(t);
+}
+class _ {
+  t;
+  i = 0;
+  o = [];
+  h(e) {
+    if (e.hadRecentInput) return;
+    const i = this.o[0], n = this.o.at(-1);
+    this.i && i && n && e.startTime - n.startTime < 1e3 && e.startTime - i.startTime < 5e3 ? (this.i += e.value, this.o.push(e)) : (this.i = e.value, this.o = [e]), this.t?.(e);
+  }
+}
+const v = (t, e, i = {}) => {
+  try {
+    if (PerformanceObserver.supportedEntryTypes.includes(t)) {
+      const n = new PerformanceObserver(((r) => {
+        Promise.resolve().then((() => {
+          e(r.getEntries());
+        }));
+      }));
+      return n.observe({ type: t, buffered: !0, ...i }), n;
+    }
+  } catch {
+  }
+}, I = (t) => {
+  let e = !1;
+  return () => {
+    e || (t(), e = !0);
+  };
+};
+let p = -1;
+const O = /* @__PURE__ */ new Set(), M = () => document.visibilityState !== "hidden" || document.prerendering ? 1 / 0 : 0, P = (t) => {
+  if (document.visibilityState === "hidden") {
+    if (t.type === "visibilitychange") for (const e of O) e();
+    isFinite(p) || (p = t.type === "visibilitychange" ? t.timeStamp : 0, removeEventListener("prerenderingchange", P, !0));
+  }
+}, T = () => {
+  if (p < 0) {
+    const t = f();
+    p = (document.prerendering ? void 0 : globalThis.performance.getEntriesByType("visibility-state").filter(((i) => i.name === "hidden" && i.startTime > t))[0]?.startTime) ?? M(), addEventListener("visibilitychange", P, !0), addEventListener("prerenderingchange", P, !0), m((() => {
+      setTimeout((() => {
+        p = M();
+      }));
+    }));
+  }
+  return { get firstHiddenTime() {
+    return p;
+  }, onHidden(t) {
+    O.add(t);
+  } };
+}, y = (t) => {
+  document.prerendering ? addEventListener("prerenderingchange", (() => t()), !0) : t();
+}, k = [1800, 3e3], W = (t, e = {}) => {
+  y((() => {
+    const i = T();
+    let n, r = l("FCP");
+    const s = v("paint", ((a) => {
+      for (const o of a) o.name === "first-contentful-paint" && (s.disconnect(), o.startTime < i.firstHiddenTime && (r.value = Math.max(o.startTime - f(), 0), r.entries.push(o), n(!0)));
+    }));
+    s && (n = d(t, r, k, e.reportAllChanges), m(((a) => {
+      r = l("FCP"), n = d(t, r, k, e.reportAllChanges), S((() => {
+        r.value = performance.now() - a.timeStamp, n(!0);
+      }));
+    })));
+  }));
+}, F = [0.1, 0.25], K = (t, e = {}) => {
+  const i = T();
+  W(I((() => {
+    let n, r = l("CLS", 0);
+    const s = A(e, _), a = (u) => {
+      for (const c of u) s.h(c);
+      s.i > r.value && (r.value = s.i, r.entries = s.o, n());
+    }, o = v("layout-shift", a);
+    o && (n = d(t, r, F, e.reportAllChanges), i.onHidden((() => {
+      a(o.takeRecords()), n(!0);
+    })), m((() => {
+      s.i = 0, r = l("CLS", 0), n = d(t, r, F, e.reportAllChanges), S((() => n()));
+    })), setTimeout(n));
+  })));
+};
+let $ = 0, C = 1 / 0, g = 0;
+const j = (t) => {
+  for (const e of t) e.interactionId && (C = Math.min(C, e.interactionId), g = Math.max(g, e.interactionId), $ = g ? (g - C) / 7 + 1 : 0);
+};
+let E;
+const H = () => E ? $ : performance.interactionCount ?? 0, z = () => {
+  "interactionCount" in performance || E || (E = v("event", j, { type: "event", buffered: !0, durationThreshold: 0 }));
+};
+let x = 0;
+class G {
+  u = [];
+  l = /* @__PURE__ */ new Map();
+  m;
+  p;
+  v() {
+    x = H(), this.u.length = 0, this.l.clear();
+  }
+  L() {
+    const e = Math.min(this.u.length - 1, Math.floor((H() - x) / 50));
+    return this.u[e];
+  }
+  h(e) {
+    if (this.m?.(e), !e.interactionId && e.entryType !== "first-input") return;
+    const i = this.u.at(-1);
+    let n = this.l.get(e.interactionId);
+    if (n || this.u.length < 10 || e.duration > i.P) {
+      if (n ? e.duration > n.P ? (n.entries = [e], n.P = e.duration) : e.duration === n.P && e.startTime === n.entries[0].startTime && n.entries.push(e) : (n = { id: e.interactionId, entries: [e], P: e.duration }, this.l.set(n.id, n), this.u.push(n)), this.u.sort(((r, s) => s.P - r.P)), this.u.length > 10) {
+        const r = this.u.splice(10);
+        for (const s of r) this.l.delete(s.id);
+      }
+      this.p?.(n);
+    }
+  }
+}
+const D = (t) => {
+  const e = globalThis.requestIdleCallback || setTimeout;
+  document.visibilityState === "hidden" ? t() : (t = I(t), addEventListener("visibilitychange", t, { once: !0, capture: !0 }), e((() => {
+    t(), removeEventListener("visibilitychange", t, { capture: !0 });
+  })));
+}, B = [200, 500], Q = (t, e = {}) => {
+  if (!globalThis.PerformanceEventTiming || !("interactionId" in PerformanceEventTiming.prototype)) return;
+  const i = T();
+  y((() => {
+    z();
+    let n, r = l("INP");
+    const s = A(e, G), a = (u) => {
+      D((() => {
+        for (const h of u) s.h(h);
+        const c = s.L();
+        c && c.P !== r.value && (r.value = c.P, r.entries = c.entries, n());
+      }));
+    }, o = v("event", a, { durationThreshold: e.durationThreshold ?? 40 });
+    n = d(t, r, B, e.reportAllChanges), o && (o.observe({ type: "first-input", buffered: !0 }), i.onHidden((() => {
+      a(o.takeRecords()), n(!0);
+    })), m((() => {
+      s.v(), r = l("INP"), n = d(t, r, B, e.reportAllChanges);
+    })));
+  }));
+};
+class J {
+  m;
+  h(e) {
+    this.m?.(e);
+  }
+}
+const q = [2500, 4e3], U = (t, e = {}) => {
+  y((() => {
+    const i = T();
+    let n, r = l("LCP");
+    const s = A(e, J), a = (u) => {
+      e.reportAllChanges || (u = u.slice(-1));
+      for (const c of u) s.h(c), c.startTime < i.firstHiddenTime && (r.value = Math.max(c.startTime - f(), 0), r.entries = [c], n());
+    }, o = v("largest-contentful-paint", a);
+    if (o) {
+      n = d(t, r, q, e.reportAllChanges);
+      const u = I((() => {
+        a(o.takeRecords()), o.disconnect(), n(!0);
+      })), c = (h) => {
+        h.isTrusted && (D(u), removeEventListener(h.type, c, { capture: !0 }));
+      };
+      for (const h of ["keydown", "click", "visibilitychange"]) addEventListener(h, c, { capture: !0 });
+      m(((h) => {
+        r = l("LCP"), n = d(t, r, q, e.reportAllChanges), S((() => {
+          r.value = performance.now() - h.timeStamp, n(!0);
+        }));
+      }));
+    }
+  }));
+}, R = [800, 1800], L = (t) => {
+  document.prerendering ? y((() => L(t))) : document.readyState !== "complete" ? addEventListener("load", (() => L(t)), !0) : setTimeout(t);
+}, V = (t, e = {}) => {
+  let i = l("TTFB"), n = d(t, i, R, e.reportAllChanges);
+  L((() => {
+    const r = w();
+    r && (i.value = Math.max(r.responseStart - f(), 0), i.entries = [r], n(!0), m((() => {
+      i = l("TTFB", 0), n = d(t, i, R, e.reportAllChanges), n(!0);
+    })));
+  }));
+};
+export {
+  V as $,
+  W as E,
+  K as L,
+  Q as S,
+  U as x
+};

package/dist/vitest-axe.setup.d.ts

@@ -0,0 +1,10 @@
+declare module "vitest" {
+    interface AsymmetricMatchersContaining {
+        toHaveNoViolations(): void;
+    }
+    interface Assertion {
+        toHaveNoViolations(): void;
+    }
+}
+export {};
+//# sourceMappingURL=vitest-axe.setup.d.ts.map

package/dist/vitest-axe.setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vitest-axe.setup.d.ts","sourceRoot":"","sources":["../vitest-axe.setup.ts"],"names":[],"mappings":"AA2BA,OAAO,QAAQ,QAAQ,CAAC;IAEtB,UAAU,4BAA4B;QACpC,kBAAkB,IAAI,IAAI,CAAC;KAC5B;IACD,UAAU,SAAS;QACjB,kBAAkB,IAAI,IAAI,CAAC;KAC5B;CACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.2.4-beta.4",
+  "version": "1.2.4-beta.5",
   "type": "module",
   "main": "./dist/framework.js",
   "types": "./dist/index.d.ts",
@@ -71,11 +71,11 @@
     "@vueuse/integrations": "^10.7.1",
     "bootstrap-icons": "^1.11.3",
     "core-js": "^3.35.0",
+    "date-fns": "^4.1.0",
     "dompurify": "^3.0.11",
     "gridstack": "^12.4.2",
     "iso-639-1": "^3.1.0",
     "lucide-vue-next": "^0.503.0",
-    "moment": "^2.30.1",
     "normalize.css": "^8.0.1",
     "swiper": "^11.2.10",
     "tiptap-markdown": "^0.9.0",
@@ -87,15 +87,16 @@
     "vue-router": "^4.2.5",
     "vue3-application-insights": "^1.1.0",
     "vue3-touch-events": "^4.1.8",
+    "web-vitals": "^5.1.0",
     "whatwg-fetch": "^3.6.19"
   },
   "devDependencies": {
     "@fullhuman/postcss-purgecss": "^7.0.2",
     "@laynezh/vite-plugin-lib-assets": "v1.1.0",
     "@types/dompurify": "^3.0.5",
-    "@vc-shell/api-client-generator": "1.2.4-beta.3",
-    "@vc-shell/config-generator": "1.2.4-beta.4",
-    "@vc-shell/ts-config": "1.2.4-beta.3",
+    "@vc-shell/api-client-generator": "1.2.4-beta.5",
+    "@vc-shell/config-generator": "1.2.4-beta.5",
+    "@vc-shell/ts-config": "1.2.4-beta.5",
     "@vitejs/plugin-vue": "^5.2.3",
     "@vue/test-utils": "^2.4.5",
     "cypress-signalr-mock": "^1.5.0",
@@ -115,5 +116,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "55336ccab2cfd7e697fd64e962262359ac9eb37f"
+  "gitHead": "4cc2527f06178114fd3db9f781b1d6fd868a7a61"
 }

package/shared/components/app-switcher/components/vc-app-switcher/vc-app-switcher.vue

@@ -31,7 +31,7 @@
 
 <script lang="ts" setup>
 import { AppDescriptor } from "@core/api/platform";
-import { VcDropdown } from "@ui/components";
+import { VcDropdown } from "@ui/components/molecules/vc-dropdown";
 
 export interface Props {
   appsList: AppDescriptor[];

package/shared/components/app-switcher/composables/useAppSwitcher/index.ts

@@ -1,6 +1,6 @@
 import { computed, Ref, ref } from "vue";
 import { AppDescriptor, AppsClient } from "@core/api/platform";
-import { usePermissions } from "@core/composables";
+import { usePermissions } from "@core/composables/usePermissions";
 import { notification } from "@shared/components/notifications";
 import { i18n } from "@core/plugins";
 import { createLogger } from "@core/utilities";

package/shared/components/blade-navigation/components/vc-blade-navigation/_internal/vc-mobile-back-button.vue

@@ -2,6 +2,7 @@
   <VcBreadcrumbs
     v-on-click-outside="hideBreadcrumbs"
     :items="breadcrumbs"
+    collapsed
   >
     <template #trigger="{ click }">
       <OnLongPress
@@ -25,7 +26,7 @@
 <script lang="ts" setup>
 import { ref } from "vue";
 import { onLongPress } from "@vueuse/core";
-import { VcButton } from "@ui/components";
+import { VcButton } from "@ui/components/atoms/vc-button";
 import VcBreadcrumbs from "@ui/components/molecules/vc-breadcrumbs/vc-breadcrumbs.vue";
 import type { Breadcrumbs } from "@ui/types";
 import { OnLongPress, vOnClickOutside } from "@vueuse/components";

package/shared/components/blade-navigation/components/vc-blade-slot/vc-blade-slot.vue

@@ -1,138 +1,143 @@
-<template>
-  <ErrorInterceptor
-    :capture="true"
-  >
-    <template #default="{ error: interceptorError, reset: resetInterceptor }">
-      <component
-        :is="bladeComponent"
-        v-if="bladeComponent"
-        v-show="visible"
-        ref="bladeInstanceRef"
-        :param="descriptor.param"
-        :options="descriptor.options"
-        :closable="closable"
-        :expanded="expanded"
-        @close:blade="onCloseBlade"
-        @parent:call="onParentCall"
-        @expand:blade="onExpand"
-        @collapse:blade="onCollapse"
-        @vue:unmounted="resetInterceptor"
-      />
-    </template>
-  </ErrorInterceptor>
-</template>
-
-<script lang="ts" setup>
-import { computed, onBeforeUnmount, provide, ref, watch, watchEffect } from "vue";
-import { useBladeRegistry } from "@core/composables/useBladeRegistry";
-import { BladeInstance as BladeInstanceKey, BLADE_BACK_BUTTON } from "@framework/injection-keys";
-import { ErrorInterceptor } from "@shared/components/error-interceptor";
-import { useBladeMessaging } from "@shared/components/blade-navigation/composables/useBladeMessaging";
-import { useBladeStack } from "@shared/components/blade-navigation/composables/useBladeStack";
-import type { BladeDescriptor, IBladeInstance, IParentCallArgs } from "@shared/components/blade-navigation/types";
-import { BladeDescriptorKey } from "@shared/components/blade-navigation/types";
-import type { CoreBladeExposed } from "@shared/components/blade-navigation/types";
-import type { Breadcrumbs } from "@ui/types";
-import type { Component } from "vue";
-
-const props = defineProps<{
-  descriptor: BladeDescriptor;
-  closable: boolean;
-  expanded: boolean;
-  visible: boolean;
-  breadcrumbs?: Breadcrumbs[];
-  backButton?: Component;
-}>();
-
-const emit = defineEmits<{
-  (e: "close", bladeId: string): void;
-  (e: "parentCall", args: IParentCallArgs, bladeId: string): void;
-}>();
-
-const bladeRegistry = useBladeRegistry();
-const bladeStack = useBladeStack();
-const maximized = ref(false);
-const bladeInstanceRef = ref<CoreBladeExposed>();
-
-// Resolve blade component from registry
-const bladeComponent = computed(() => {
-  return bladeRegistry.getBladeComponent(props.descriptor.name);
-});
-
-// ── Provide new injection key (BladeDescriptor) ─────────────────────────────
-provide(
-  BladeDescriptorKey,
-  computed(() => props.descriptor),
-);
-
-// ── Provide legacy injection key (BladeInstance) for backward compatibility ──
-provide(
-  BladeInstanceKey,
-  computed<IBladeInstance>(() => ({
-    id: props.descriptor.name.toLowerCase(),
-    param: props.descriptor.param,
-    options: props.descriptor.options,
-    expandable: props.closable, // expandable when there are multiple blades
-    maximized: maximized.value,
-    error: (props.descriptor.error as IBladeInstance["error"]) ?? null,
-    navigation: undefined, // No longer VNode-based
-    breadcrumbs: props.breadcrumbs,
-    title: bladeInstanceRef.value?.title,
-  })),
-);
-
-// Provide back button component
-provide(BLADE_BACK_BUTTON, computed(() => props.backButton));
-
-// ── Auto-register exposed methods with BladeMessaging ───────────────────────
-// Bridges defineExpose() (old API) → exposeToChildren() (new BladeMessaging)
-const messaging = useBladeMessaging();
-
-watch(bladeInstanceRef, (instance) => {
-  if (!instance) return;
-  const methods: Record<string, (...args: any[]) => any> = {};
-  for (const key of Object.keys(instance)) {
-    if (typeof instance[key] === "function") {
-      methods[key] = instance[key];
-    }
-  }
-  if (Object.keys(methods).length > 0) {
-    messaging.exposeToChildren(props.descriptor.id, methods);
-  }
-}, { flush: "post" });
-
-// Clean up exposed methods when blade is removed from the stack.
-// Hidden blades (v-show via replaceCurrentBlade) stay mounted — their methods persist.
-// Only truly removed blades (v-for key removed) trigger onBeforeUnmount.
-onBeforeUnmount(() => {
-  messaging.cleanup(props.descriptor.id);
-});
-
-// ── Propagate exposed title to BladeStack ────────────────────────────────────
-// Uses watchEffect so it tracks reactivity of bladeInstanceRef.value?.title
-// (which may be a ref exposed via defineExpose)
-watchEffect(() => {
-  const title = bladeInstanceRef.value?.title;
-  if (title !== undefined) {
-    bladeStack.setBladeTitle(props.descriptor.id, title);
-  }
-});
-
-// ── Event handlers ──────────────────────────────────────────────────────────
-
-function onCloseBlade(): void {
-  emit("close", props.descriptor.id);
-}
-
-function onParentCall(args: IParentCallArgs): void {
-  emit("parentCall", args, props.descriptor.id);
-}
-
-function onExpand(): void {
-  maximized.value = true;
-}
-
-function onCollapse(): void {
-  maximized.value = false;
-}
-</script>
+<template>
+  <ErrorInterceptor :capture="true">
+    <template #default="{ error: interceptorError, reset: resetInterceptor }">
+      <component
+        :is="bladeComponent"
+        v-if="bladeComponent"
+        v-show="visible"
+        ref="bladeInstanceRef"
+        :param="descriptor.param"
+        :options="descriptor.options"
+        :closable="closable"
+        :expanded="expanded"
+        @close:blade="onCloseBlade"
+        @parent:call="onParentCall"
+        @expand:blade="onExpand"
+        @collapse:blade="onCollapse"
+        @vue:unmounted="resetInterceptor"
+      />
+    </template>
+  </ErrorInterceptor>
+</template>
+
+<script lang="ts" setup>
+import { computed, onBeforeUnmount, provide, ref, watch, watchEffect } from "vue";
+import { useBladeRegistry } from "@core/composables/useBladeRegistry";
+import { BladeInstance as BladeInstanceKey, BLADE_BACK_BUTTON } from "@framework/injection-keys";
+import { ErrorInterceptor } from "@shared/components/error-interceptor";
+import { useBladeMessaging } from "@shared/components/blade-navigation/composables/useBladeMessaging";
+import { useBladeStack } from "@shared/components/blade-navigation/composables/useBladeStack";
+import type { BladeDescriptor, IBladeInstance, IParentCallArgs } from "@shared/components/blade-navigation/types";
+import { BladeDescriptorKey } from "@shared/components/blade-navigation/types";
+import type { CoreBladeExposed } from "@shared/components/blade-navigation/types";
+import type { Breadcrumbs } from "@ui/types";
+import type { Component } from "vue";
+
+const props = defineProps<{
+  descriptor: BladeDescriptor;
+  closable: boolean;
+  expanded: boolean;
+  visible: boolean;
+  breadcrumbs?: Breadcrumbs[];
+  backButton?: Component;
+}>();
+
+const emit = defineEmits<{
+  (e: "close", bladeId: string): void;
+  (e: "parentCall", args: IParentCallArgs, bladeId: string): void;
+}>();
+
+const bladeRegistry = useBladeRegistry();
+const bladeStack = useBladeStack();
+const maximized = ref(false);
+const bladeInstanceRef = ref<CoreBladeExposed>();
+
+// Resolve blade component from registry
+const bladeComponent = computed(() => {
+  return bladeRegistry.getBladeComponent(props.descriptor.name);
+});
+
+// ── Provide new injection key (BladeDescriptor) ─────────────────────────────
+provide(
+  BladeDescriptorKey,
+  computed(() => props.descriptor),
+);
+
+// ── Provide legacy injection key (BladeInstance) for backward compatibility ──
+provide(
+  BladeInstanceKey,
+  computed<IBladeInstance>(() => ({
+    id: props.descriptor.name.toLowerCase(),
+    param: props.descriptor.param,
+    options: props.descriptor.options,
+    expandable: props.closable, // expandable when there are multiple blades
+    maximized: maximized.value,
+    error: (props.descriptor.error as IBladeInstance["error"]) ?? null,
+    navigation: undefined, // No longer VNode-based
+    breadcrumbs: props.breadcrumbs,
+    title: bladeInstanceRef.value?.title,
+  })),
+);
+
+// Provide back button component
+provide(
+  BLADE_BACK_BUTTON,
+  computed(() => props.backButton),
+);
+
+// ── Auto-register exposed methods with BladeMessaging ───────────────────────
+// Bridges defineExpose() (old API) → exposeToChildren() (new BladeMessaging)
+const messaging = useBladeMessaging();
+
+watch(
+  bladeInstanceRef,
+  (instance) => {
+    if (!instance) return;
+    const methods: Record<string, (...args: any[]) => any> = {};
+    for (const key of Object.keys(instance)) {
+      if (typeof instance[key] === "function") {
+        methods[key] = instance[key];
+      }
+    }
+    if (Object.keys(methods).length > 0) {
+      messaging.exposeToChildren(props.descriptor.id, methods);
+    }
+  },
+  { flush: "post" },
+);
+
+// Clean up exposed methods when blade is removed from the stack.
+// Hidden blades (v-show via replaceCurrentBlade) stay mounted — their methods persist.
+// Only truly removed blades (v-for key removed) trigger onBeforeUnmount.
+onBeforeUnmount(() => {
+  messaging.cleanup(props.descriptor.id);
+});
+
+// ── Propagate exposed title to BladeStack ────────────────────────────────────
+// Uses watchEffect so it tracks reactivity of bladeInstanceRef.value?.title
+// (which may be a ref exposed via defineExpose)
+watchEffect(() => {
+  const title = bladeInstanceRef.value?.title;
+  if (title !== undefined) {
+    bladeStack.setBladeTitle(props.descriptor.id, title);
+  }
+});
+
+// ── Event handlers ──────────────────────────────────────────────────────────
+
+function onCloseBlade(): void {
+  emit("close", props.descriptor.id);
+}
+
+function onParentCall(args: IParentCallArgs): void {
+  emit("parentCall", args, props.descriptor.id);
+}
+
+function onExpand(): void {
+  maximized.value = true;
+}
+
+function onCollapse(): void {
+  maximized.value = false;
+}
+</script>

package/shared/components/blade-navigation/types/index.ts

@@ -12,10 +12,10 @@ import {
   InjectionKey,
   ComputedRef,
 } from "vue";
-import { ComponentPublicInstanceConstructor } from "@shared/utilities/vueUtils";
-import { MenuItemConfig } from "@core/types";
-import { Breadcrumbs } from "@ui/types";
-import { DisplayableError } from "@core/utilities/error";
+import type { ComponentPublicInstanceConstructor } from "@shared/utilities/vueUtils";
+import type { MenuItemConfig } from "@core/types";
+import type { Breadcrumbs } from "@ui/types";
+import type { DisplayableError } from "@core/utilities/error";
 
 export type CoreBladeComponentProps = {
   expanded?: boolean;

package/shared/components/change-password/change-password.vue

@@ -135,7 +135,11 @@
 <script lang="ts" setup>
 import { nextTick, reactive, computed } from "vue";
 import { useIsFormValid, Field, useIsFormDirty, useForm } from "vee-validate";
-import { VcInput, VcHint, VcButton, VcPopup, VcForm } from "@ui/components";
+import { VcInput } from "@ui/components/molecules/vc-input";
+import { VcHint } from "@ui/components/atoms/vc-hint";
+import { VcButton } from "@ui/components/atoms/vc-button";
+import { VcPopup } from "@ui/components/organisms/vc-popup";
+import { VcForm } from "@ui/components/molecules/vc-form";
 import { IIdentityError } from "@core/api/platform";
 import { useUserManagement } from "@core/composables/useUserManagement";
 import { useI18n } from "vue-i18n";

package/shared/components/change-password-button/change-password-button.stories.ts

@@ -1,7 +1,7 @@
 import { onUnmounted, provide } from "vue";
 import type { Meta, StoryObj } from "@storybook/vue3-vite";
 import ChangePasswordButton from "@shared/components/change-password-button/change-password-button.vue";
-import { VcPopupContainer } from "@shared/components";
+import { VcPopupContainer } from "@shared/components/popup-handler";
 import { CloseSettingsMenuKey } from "@framework/injection-keys";
 import { useUserManagement } from "@core/composables/useUserManagement";
 import { IdentityResult, SecurityResult } from "@core/api/platform";