@vc-shell/framework 1.1.60 → 1.1.62

package/dist/ui/components/organisms/vc-app/_internal/vc-app-bar/_internal/AppBarContent.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppBarContent.vue.d.ts","sourceRoot":"","sources":["../../../../../../../../ui/components/organisms/vc-app/_internal/vc-app-bar/_internal/AppBarContent.vue"],"names":[],"mappings":"AAAA,OAkDO,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAE/B,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;CAC7B,CAAC;AAgCF,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAmBvD,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"AppBarContent.vue.d.ts","sourceRoot":"","sources":["../../../../../../../../ui/components/organisms/vc-app/_internal/vc-app-bar/_internal/AppBarContent.vue"],"names":[],"mappings":"AAAA,OA4DO,EAAE,QAAQ,EAAU,MAAM,KAAK,CAAC;AAGvC,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;CAC7B,CAAC;AAqCF,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAoBvD,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/ui/components/organisms/vc-app/_internal/vc-app-bar/_internal/AppBarHeader.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppBarHeader.vue.d.ts","sourceRoot":"","sources":["../../../../../../../../ui/components/organisms/vc-app/_internal/vc-app-bar/_internal/AppBarHeader.vue"],"names":[],"mappings":"AAiLA,OAAO,EAA8B,QAAQ,EAAE,MAAM,KAAK,CAAC;AAI3D,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;CAC7B,CAAC;AA8IF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA0B/C,QAAA,MAAM,eAAe;;;;;;kFAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"AppBarHeader.vue.d.ts","sourceRoot":"","sources":["../../../../../../../../ui/components/organisms/vc-app/_internal/vc-app-bar/_internal/AppBarHeader.vue"],"names":[],"mappings":"AA4LA,OAAO,EAA8B,QAAQ,EAAe,MAAM,KAAK,CAAC;AAKxE,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;CAC7B,CAAC;AAwJF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA2B/C,QAAA,MAAM,eAAe;;;;;;kFAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/ui/components/organisms/vc-app/vc-app.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vc-app.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-app/vc-app.vue"],"names":[],"mappings":"AAyUA,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAWD,KAAK,WAAW,GAAG;IACjB,cAAc,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC;CACrC,CAAC;AA4UF,QAAA,MAAM,eAAe;mCAtVe,IAAI;;uCAAJ,IAAI;kFA6VtC,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"vc-app.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-app/vc-app.vue"],"names":[],"mappings":"AA0UA,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAWD,KAAK,WAAW,GAAG;IACjB,cAAc,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC;CACrC,CAAC;AA6UF,QAAA,MAAM,eAAe;mCAvVe,IAAI;;uCAAJ,IAAI;kFA8VtC,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.1.60",
+  "version": "1.1.62",
   "type": "module",
   "main": "./dist/framework.js",
   "types": "./dist/index.d.ts",
@@ -85,9 +85,9 @@
     "@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.1.60",
-    "@vc-shell/config-generator": "^1.1.60",
-    "@vc-shell/ts-config": "^1.1.60",
+    "@vc-shell/api-client-generator": "^1.1.62",
+    "@vc-shell/config-generator": "^1.1.62",
+    "@vc-shell/ts-config": "^1.1.62",
     "@vitejs/plugin-vue": "^5.2.3",
     "@vue/test-utils": "^2.4.5",
     "cypress-signalr-mock": "^1.5.0",

package/shared/components/theme-selector/theme-selector.vue

@@ -36,7 +36,7 @@
 <script lang="ts" setup>
 import { GenericDropdown } from "../generic-dropdown";
 import { useTheme } from "../../../core/composables/useTheme";
-import { ref, watch } from "vue";
+import { ref } from "vue";
 import { notification } from "..";
 import { SettingsMenuItem } from "../settings-menu-item";
 import { VcIcon } from "../../../ui/components";
@@ -47,16 +47,11 @@ const opened = ref(false);
 const handleThemeSelect = (theme: { key: string; name: string }) => {
   setTheme(theme.key);
   opened.value = false;
-};
 
-watch(
-  () => currentLocalizedName.value,
-  (newLocalizedName) => {
-    if (newLocalizedName) {
-      notification(newLocalizedName);
-    }
-  },
-);
+  if (currentLocalizedName.value) {
+    notification(currentLocalizedName.value);
+  }
+};
 </script>
 
 <style lang="scss">

package/ui/components/organisms/vc-app/_internal/vc-app-bar/_internal/AppBarContent.vue

@@ -1,23 +1,29 @@
 <template>
   <div
     class="app-bar-content"
-    :class="{ 'app-bar-content--collapsed': !expanded }"
+    :class="{ 'app-bar-content--collapsed': !expanded, 'app-bar-content--embedded': isEmbedded }"
   >
     <div class="app-bar-content__main">
       <slot name="navmenu" />
     </div>
-    <div class="app-bar-content__footer">
+    <div
+      v-if="!isEmbedded"
+      class="app-bar-content__footer"
+    >
       <slot name="user-dropdown" />
     </div>
   </div>
 </template>
 
 <script lang="ts" setup>
-import { MaybeRef } from "vue";
+import { MaybeRef, inject } from "vue";
+import { EMBEDDED_MODE } from "../../../../../../../injection-keys";
 
 defineProps<{
   expanded: MaybeRef<boolean>;
 }>();
+
+const isEmbedded = inject(EMBEDDED_MODE);
 </script>
 
 <style lang="scss">
@@ -29,6 +35,10 @@ defineProps<{
     height: calc(100% - var(--app-bar-height));
   }
 
+  &--embedded {
+    height: 100%;
+  }
+
   &__main {
     @apply tw-flex-grow tw-overflow-auto;
     padding: var(--app-bar-padding);

package/ui/components/organisms/vc-app/_internal/vc-app-bar/_internal/AppBarHeader.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    v-if="($isMobile.value && blades.length <= 1) || $isDesktop.value"
+    v-if="showAppBar"
     class="app-bar-header"
     :class="{
       'app-bar-header--collapsed': !expanded && !$isMobile.value,
@@ -68,9 +68,10 @@
 <script lang="ts" setup>
 import { VcIcon } from "../../../../../";
 import { MenuBurgerIcon } from "../../../../../atoms/vc-icon/icons";
-import { computed, ref, watchEffect, MaybeRef } from "vue";
+import { computed, ref, watchEffect, MaybeRef, inject, Ref } from "vue";
 import { useNotifications } from "../../../../../../../core/composables";
 import { useBladeNavigation } from "./../../../../../../../shared";
+import { EMBEDDED_MODE } from "../../../../../../../injection-keys";
 
 defineProps<{
   logo?: string;
@@ -87,6 +88,16 @@ const { blades, currentBladeNavigationData } = useBladeNavigation();
 
 const viewTitle = ref("");
 const currentBladeId = ref(0);
+const isEmbedded = inject(EMBEDDED_MODE);
+const isMobile = inject("isMobile") as Ref<boolean>;
+const isDesktop = inject("isDesktop") as Ref<boolean>;
+
+const showAppBar = computed(() => {
+  if (isEmbedded) {
+    return false;
+  }
+  return (isMobile.value && blades.value.length <= 1) || isDesktop.value;
+});
 
 watchEffect(
   () => {

package/ui/components/organisms/vc-app/_internal/vc-app-menu/_internal/vc-app-menu-item/_internal/vc-app-menu-link.vue

@@ -7,7 +7,7 @@
       <template
         v-if="!expand"
         #tooltip
-        >{{ title }}</template
+        >{{ $t(title ?? "") }}</template
       >
       <div
         class="vc-app-menu-link__item"
@@ -43,7 +43,7 @@
             class="vc-app-menu-link__title"
           >
             <div class="vc-app-menu-link__title-truncate">
-              {{ title }}
+              {{ $t(title ?? "") }}
             </div>
             <div
               v-if="(!!children?.length && expand) || false"
@@ -76,7 +76,7 @@
         <template
           v-if="!expand"
           #tooltip
-          >{{ nested.title }}</template
+          >{{ $t(nested.title) }}</template
         >
         <router-link
           v-if="$hasAccess(nested.permissions!) && nested.url"
@@ -126,7 +126,7 @@
                     'vc-app-menu-link__child-item-title--no-icon': !nested.icon,
                   }"
                 >
-                  {{ nested.title }}
+                  {{ $t(nested.title) }}
                 </p>
               </Transition>
             </div>

package/ui/components/organisms/vc-app/vc-app.vue

@@ -93,7 +93,7 @@ import { LogoutButton } from "../../../../shared/components/logout-button";
 import { useI18n } from "vue-i18n";
 import { provideGlobalSearch } from "../../../../core/composables/useGlobalSearch";
 import { provideDashboardService } from "../../../../core/composables/useDashboard";
-import { DynamicModulesKey } from "../../../../injection-keys";
+import { DynamicModulesKey, EMBEDDED_MODE } from "../../../../injection-keys";
 import { provideMenuService } from "../../../../core/composables/useMenuService";
 import { provideAppBarMobileButtonsService } from "../../../../core/composables/useAppBarMobileButtons";
 import { useUserManagement } from "../../../../core/composables/useUserManagement";
@@ -247,6 +247,7 @@ provide(DynamicModulesKey, dynamicModules);
 provideDashboardService();
 provideMenuService();
 provideGlobalSearch();
+provide(EMBEDDED_MODE, route.query.EmbeddedMode === "true");
 
 onUnmounted(() => {
   isAppReady.value = false;