@vc-shell/framework 1.0.290 → 1.0.292

package/dist/ui/components/organisms/vc-table/vc-table.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vc-table.stories.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-table/vc-table.stories.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"vc-table.stories.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-table/vc-table.stories.ts"],"names":[],"mappings":"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"}

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

@@ -18,31 +18,31 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
     sort?: string | undefined;
     footer?: boolean | undefined;
     header?: boolean | undefined;
-    onHeaderClick?: ((item: ITableColumns) => any) | undefined;
-    "onScroll:ptr"?: (() => any) | undefined;
+    readonly onHeaderClick?: ((item: ITableColumns) => any) | undefined;
+    readonly "onScroll:ptr"?: (() => any) | undefined;
     items: T[];
     expanded?: boolean | undefined;
     loading?: MaybeRef<boolean> | undefined;
     columns: ITableColumns[];
-    onItemClick?: ((item: T) => any) | undefined;
-    onSelectionChanged?: ((values: T[]) => any) | undefined;
-    onPaginationClick?: ((page: number) => any) | undefined;
-    "onSearch:change"?: ((value: string | undefined) => any) | undefined;
-    "onRow:reorder"?: ((args: {
+    readonly onItemClick?: ((item: T) => any) | undefined;
+    readonly onSelectionChanged?: ((values: T[]) => any) | undefined;
+    readonly onPaginationClick?: ((page: number) => any) | undefined;
+    readonly "onSearch:change"?: ((value: string | undefined) => any) | undefined;
+    readonly "onRow:reorder"?: ((args: {
         dragIndex: number;
         dropIndex: number;
         value: T[];
     }) => any) | undefined;
-    "onSelect:all"?: ((values: boolean) => any) | undefined;
-    onOnEditComplete?: ((args: {
+    readonly "onSelect:all"?: ((values: boolean) => any) | undefined;
+    readonly onOnEditComplete?: ((args: {
         event: {
             field: string;
             value: string | number;
         };
         index: number;
     }) => any) | undefined;
-    onOnAddNewRow?: (() => any) | undefined;
-    onOnCellBlur?: ((args: {
+    readonly onOnAddNewRow?: (() => any) | undefined;
+    readonly onOnCellBlur?: ((args: {
         row: number | undefined;
         field: string;
     }) => any) | undefined;
@@ -73,6 +73,7 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
     } | undefined;
     paginationVariant?: ComponentProps<typeof VcPagination>["variant"];
     selectionItems?: T[] | undefined;
+    disableFilter?: boolean | undefined;
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
     attrs: any;
     slots: Readonly<{
@@ -145,31 +146,31 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
         sort?: string | undefined;
         footer?: boolean | undefined;
         header?: boolean | undefined;
-        onHeaderClick?: ((item: ITableColumns) => any) | undefined;
-        "onScroll:ptr"?: (() => any) | undefined;
+        readonly onHeaderClick?: ((item: ITableColumns) => any) | undefined;
+        readonly "onScroll:ptr"?: (() => any) | undefined;
         items: T[];
         expanded?: boolean | undefined;
         loading?: MaybeRef<boolean> | undefined;
         columns: ITableColumns[];
-        onItemClick?: ((item: T) => any) | undefined;
-        onSelectionChanged?: ((values: T[]) => any) | undefined;
-        onPaginationClick?: ((page: number) => any) | undefined;
-        "onSearch:change"?: ((value: string | undefined) => any) | undefined;
-        "onRow:reorder"?: ((args: {
+        readonly onItemClick?: ((item: T) => any) | undefined;
+        readonly onSelectionChanged?: ((values: T[]) => any) | undefined;
+        readonly onPaginationClick?: ((page: number) => any) | undefined;
+        readonly "onSearch:change"?: ((value: string | undefined) => any) | undefined;
+        readonly "onRow:reorder"?: ((args: {
             dragIndex: number;
             dropIndex: number;
             value: T[];
         }) => any) | undefined;
-        "onSelect:all"?: ((values: boolean) => any) | undefined;
-        onOnEditComplete?: ((args: {
+        readonly "onSelect:all"?: ((values: boolean) => any) | undefined;
+        readonly onOnEditComplete?: ((args: {
             event: {
                 field: string;
                 value: string | number;
             };
             index: number;
         }) => any) | undefined;
-        onOnAddNewRow?: (() => any) | undefined;
-        onOnCellBlur?: ((args: {
+        readonly onOnAddNewRow?: (() => any) | undefined;
+        readonly onOnCellBlur?: ((args: {
             row: number | undefined;
             field: string;
         }) => any) | undefined;
@@ -200,6 +201,7 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
         } | undefined;
         paginationVariant?: ComponentProps<typeof VcPagination>["variant"];
         selectionItems?: T[] | undefined;
+        disableFilter?: boolean | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
@@ -276,31 +278,31 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
             sort?: string | undefined;
             footer?: boolean | undefined;
             header?: boolean | undefined;
-            onHeaderClick?: ((item: ITableColumns) => any) | undefined;
-            "onScroll:ptr"?: (() => any) | undefined;
+            readonly onHeaderClick?: ((item: ITableColumns) => any) | undefined;
+            readonly "onScroll:ptr"?: (() => any) | undefined;
             items: T[];
             expanded?: boolean | undefined;
             loading?: MaybeRef<boolean> | undefined;
             columns: ITableColumns[];
-            onItemClick?: ((item: T) => any) | undefined;
-            onSelectionChanged?: ((values: T[]) => any) | undefined;
-            onPaginationClick?: ((page: number) => any) | undefined;
-            "onSearch:change"?: ((value: string | undefined) => any) | undefined;
-            "onRow:reorder"?: ((args: {
+            readonly onItemClick?: ((item: T) => any) | undefined;
+            readonly onSelectionChanged?: ((values: T[]) => any) | undefined;
+            readonly onPaginationClick?: ((page: number) => any) | undefined;
+            readonly "onSearch:change"?: ((value: string | undefined) => any) | undefined;
+            readonly "onRow:reorder"?: ((args: {
                 dragIndex: number;
                 dropIndex: number;
                 value: T[];
             }) => any) | undefined;
-            "onSelect:all"?: ((values: boolean) => any) | undefined;
-            onOnEditComplete?: ((args: {
+            readonly "onSelect:all"?: ((values: boolean) => any) | undefined;
+            readonly onOnEditComplete?: ((args: {
                 event: {
                     field: string;
                     value: string | number;
                 };
                 index: number;
             }) => any) | undefined;
-            onOnAddNewRow?: (() => any) | undefined;
-            onOnCellBlur?: ((args: {
+            readonly onOnAddNewRow?: (() => any) | undefined;
+            readonly onOnCellBlur?: ((args: {
                 row: number | undefined;
                 field: string;
             }) => any) | undefined;
@@ -331,6 +333,7 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
             } | undefined;
             paginationVariant?: ComponentProps<typeof VcPagination>["variant"];
             selectionItems?: T[] | undefined;
+            disableFilter?: boolean | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
         attrs: any;

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

@@ -1 +1 @@
-{"version":3,"file":"vc-table.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-table/vc-table.vue.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"vc-table.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-table/vc-table.vue.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,QAAQ,EACR,GAAG,EAWH,KAAK,EACN,MAAM,KAAK,CAAC;AAEb,OAAO,EAA6C,YAAY,EAAW,MAAM,UAAU,CAAC;AAC5F,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAO/E,OAAO,iCAAiC,CAAC;AACzC,OAAO,gCAAgC,CAAC;AAGxC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEjE,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,SAAS;IACxB,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IACjB,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;CAClC;;;;;;;;;;aAglEY,aAAa,EAAE;;;;;;mBAhgEY,MAAM;mBAAa,MAAM;;;;;eAE1B;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;SAAE;eAAS,MAAM;;;;aAE9D,MAAM,GAAG,SAAS;eAAS,MAAM;;sCA8/D7B,oBAAoB,EAAE,GAAG,SAAS;;wCAGhC,OAAO;;;;;;;;;;;;;;;cAmBhC,MAAM;;;;;cAKR,OAAO;eACN,MAAM;;wBAEK,eAAe,mBAAmB,CAAC,CAAC,SAAS,CAAC;;;;WAU/D,GAAG;;2CA7mE2B,GAAG,KAAK,GAAG;;;kBACG,aAAa;mBAAS,MAAM;cAAO,GAAG;wBAJvE;YAAE,MAAM,EAAE,KAAK,CAAA;SAAE,KAAK,GAAG;wBACzB;YAAE,UAAU,EAAE,MAAM,IAAI,CAAA;SAAE,KAAK,GAAG;;;cACZ,GAAG;0BAGvB,GAAG,KAAK,GAAG;uBACd,GAAG,KAAK,GAAG;wBACV,GAAG,KAAK,GAAG;;2CAJQ,GAAG,KAAK,GAAG;;;kBACG,aAAa;mBAAS,MAAM;cAAO,GAAG;wBAJvE;YAAE,MAAM,EAAE,KAAK,CAAA;SAAE,KAAK,GAAG;wBACzB;YAAE,UAAU,EAAE,MAAM,IAAI,CAAA;SAAE,KAAK,GAAG;;;cACZ,GAAG;0BAGvB,GAAG,KAAK,GAAG;uBACd,GAAG,KAAK,GAAG;wBACV,GAAG,KAAK,GAAG;;;YAyDvB,iBAAiB,QAAQ,MAAM,GAAG,IAAI;YACtC,kBAAkB,gBAAgB,IAAI;YACtC,eAAe,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YACjD,aAAa,QAAQ,aAAa,GAAG,IAAI;YACzC,WAAW,YAAY,IAAI;YAC3B,YAAY,GAAG,IAAI;YACnB,aAAa;uBAAqB,MAAM;uBAAa,MAAM;;YAAiB,IAAI;YAChF,YAAY,UAAU,OAAO,GAAG,IAAI;YACpC,gBAAgB,QAAQ;YAAE,OAAO;gBAAE,KAAK,EAAE,MAAM,CAAC;gBAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;aAAE,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,GAAG,IAAI;YAClG,aAAa,GAAG,IAAI;YACpB,YAAY,QAAQ;YAAE,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,GAAG,IAAI;;yCAqiE3D,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,KAAG,IAAI;;;;;;;;;;iBAzC5C,aAAa,EAAE;;;;;;uBAhgEY,MAAM;uBAAa,MAAM;;;;;mBAE1B;gBAAE,KAAK,EAAE,MAAM,CAAC;gBAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;aAAE;mBAAS,MAAM;;;;iBAE9D,MAAM,GAAG,SAAS;mBAAS,MAAM;;0CA8/D7B,oBAAoB,EAAE,GAAG,SAAS;;4CAGhC,OAAO;;;;;;;;;;;;;;;kBAmBhC,MAAM;;;;;kBAKR,OAAO;mBACN,MAAM;;4BAEK,eAAe,mBAAmB,CAAC,CAAC,SAAS,CAAC;;;;oBAStD,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;2CA7mE2B,GAAG,KAAK,GAAG;;;kBACG,aAAa;mBAAS,MAAM;cAAO,GAAG;wBAJvE;YAAE,MAAM,EAAE,KAAK,CAAA;SAAE,KAAK,GAAG;wBACzB;YAAE,UAAU,EAAE,MAAM,IAAI,CAAA;SAAE,KAAK,GAAG;;;cACZ,GAAG;0BAGvB,GAAG,KAAK,GAAG;uBACd,GAAG,KAAK,GAAG;wBACV,GAAG,KAAK,GAAG;;2CAJQ,GAAG,KAAK,GAAG;;;kBACG,aAAa;mBAAS,MAAM;cAAO,GAAG;wBAJvE;YAAE,MAAM,EAAE,KAAK,CAAA;SAAE,KAAK,GAAG;wBACzB;YAAE,UAAU,EAAE,MAAM,IAAI,CAAA;SAAE,KAAK,GAAG;;;cACZ,GAAG;0BAGvB,GAAG,KAAK,GAAG;uBACd,GAAG,KAAK,GAAG;wBACV,GAAG,KAAK,GAAG;;;YAyDvB,iBAAiB,QAAQ,MAAM,GAAG,IAAI;YACtC,kBAAkB,gBAAgB,IAAI;YACtC,eAAe,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YACjD,aAAa,QAAQ,aAAa,GAAG,IAAI;YACzC,WAAW,YAAY,IAAI;YAC3B,YAAY,GAAG,IAAI;YACnB,aAAa;uBAAqB,MAAM;uBAAa,MAAM;;YAAiB,IAAI;YAChF,YAAY,UAAU,OAAO,GAAG,IAAI;YACpC,gBAAgB,QAAQ;YAAE,OAAO;gBAAE,KAAK,EAAE,MAAM,CAAC;gBAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;aAAE,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,GAAG,IAAI;YAClG,aAAa,GAAG,IAAI;YACpB,YAAY,QAAQ;YAAE,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,GAAG,IAAI;;;;;;;;;;;;;;;qBA4/D9D,aAAa,EAAE;;;;;;2BAhgEY,MAAM;2BAAa,MAAM;;;;;uBAE1B;oBAAE,KAAK,EAAE,MAAM,CAAC;oBAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;iBAAE;uBAAS,MAAM;;;;qBAE9D,MAAM,GAAG,SAAS;uBAAS,MAAM;;8CA8/D7B,oBAAoB,EAAE,GAAG,SAAS;;gDAGhC,OAAO;;;;;;;;;;;;;;;sBAmBhC,MAAM;;;;;sBAKR,OAAO;uBACN,MAAM;;gCAEK,eAAe,mBAAmB,CAAC,CAAC,SAAS,CAAC;;;;wBAStD,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;eAClD,GAAG;;+CA7mE2B,GAAG,KAAK,GAAG;;;sBACG,aAAa;uBAAS,MAAM;kBAAO,GAAG;4BAJvE;gBAAE,MAAM,EAAE,KAAK,CAAA;aAAE,KAAK,GAAG;4BACzB;gBAAE,UAAU,EAAE,MAAM,IAAI,CAAA;aAAE,KAAK,GAAG;;;kBACZ,GAAG;8BAGvB,GAAG,KAAK,GAAG;2BACd,GAAG,KAAK,GAAG;4BACV,GAAG,KAAK,GAAG;;+CAJQ,GAAG,KAAK,GAAG;;;sBACG,aAAa;uBAAS,MAAM;kBAAO,GAAG;4BAJvE;gBAAE,MAAM,EAAE,KAAK,CAAA;aAAE,KAAK,GAAG;4BACzB;gBAAE,UAAU,EAAE,MAAM,IAAI,CAAA;aAAE,KAAK,GAAG;;;kBACZ,GAAG;8BAGvB,GAAG,KAAK,GAAG;2BACd,GAAG,KAAK,GAAG;4BACV,GAAG,KAAK,GAAG;;;gBAyDvB,iBAAiB,QAAQ,MAAM,GAAG,IAAI;gBACtC,kBAAkB,gBAAgB,IAAI;gBACtC,eAAe,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;gBACjD,aAAa,QAAQ,aAAa,GAAG,IAAI;gBACzC,WAAW,YAAY,IAAI;gBAC3B,YAAY,GAAG,IAAI;gBACnB,aAAa;2BAAqB,MAAM;2BAAa,MAAM;;gBAAiB,IAAI;gBAChF,YAAY,UAAU,OAAO,GAAG,IAAI;gBACpC,gBAAgB,QAAQ;gBAAE,OAAO;oBAAE,KAAK,EAAE,MAAM,CAAC;oBAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;iBAAE,CAAC;gBAAC,KAAK,EAAE,MAAM,CAAA;aAAE,GAAG,IAAI;gBAClG,aAAa,GAAG,IAAI;gBACpB,YAAY,QAAQ;gBAAE,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;gBAAC,KAAK,EAAE,MAAM,CAAA;aAAE,GAAG,IAAI;;;;AAjF3E,wBA4nE2E;AAQ3E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.0.290",
+  "version": "1.0.292",
   "type": "module",
   "main": "./dist/framework.js",
   "types": "./dist/index.d.ts",
@@ -61,9 +61,9 @@
   "devDependencies": {
     "@types/dompurify": "^3.0.5",
     "@types/quill": "^2.0.14",
-    "@vc-shell/api-client-generator": "^1.0.290",
-    "@vc-shell/config-generator": "^1.0.290",
-    "@vc-shell/ts-config": "^1.0.290",
+    "@vc-shell/api-client-generator": "^1.0.292",
+    "@vc-shell/config-generator": "^1.0.292",
+    "@vc-shell/ts-config": "^1.0.292",
     "@vitejs/plugin-vue": "^5.0.3",
     "cypress-signalr-mock": "^1.5.0",
     "sass": "^1.69.6",

package/shared/components/app-bar-button/app-bar-button.vue

@@ -0,0 +1,169 @@
+<template>
+  <div class="app-bar-button">
+    <VcTooltip
+      placement="bottom"
+      :offset="{ crossAxis: 0, mainAxis: -10 }"
+      class="tw-w-full"
+    >
+      <template
+        v-if="!isDropdownVisible && !!title"
+        #tooltip
+        >{{ title }}</template
+      >
+      <button
+        ref="referenceButton"
+        class="app-bar-button__button"
+        @click.stop="toggleNotificationsDrop"
+      >
+        <div
+          :class="[
+            'app-bar-button__button-container',
+            { 'app-bar-button__button-container--active': isDropdownVisible && $slots['dropdown-content'] },
+          ]"
+        >
+          <slot
+            name="button"
+            :opened="isDropdownVisible"
+            :toggle="toggleNotificationsDrop"
+          >
+            <div class="app-bar-button__button-wrap">
+              <VcIcon
+                :icon="icon"
+                size="xl"
+              ></VcIcon>
+            </div>
+          </slot>
+        </div>
+      </button>
+
+      <div
+        v-if="isDropdownVisible"
+        ref="floatingDrop"
+        v-on-click-outside="[
+          () => {
+            isDropdownVisible = false;
+          },
+          { ignore: [referenceButton] },
+        ]"
+        :style="floatingDropStyle"
+        :class="['app-bar-button__dropdown']"
+      >
+        <slot
+          name="dropdown-content"
+          :opened="isDropdownVisible"
+          :toggle="toggleNotificationsDrop"
+        ></slot>
+      </div>
+    </VcTooltip>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, computed } from "vue";
+import { vOnClickOutside } from "@vueuse/components";
+import { useFloating, shift, autoUpdate } from "@floating-ui/vue";
+
+export interface Props {
+  title?: string;
+  icon?: string;
+  position: "bottom" | "bottom-end" | "bottom-start";
+  beforeOpen?: () => boolean;
+}
+
+export interface Emits {
+  (event: "toggle", state: boolean): void;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  position: "bottom",
+});
+
+const emit = defineEmits<Emits>();
+
+defineSlots<{
+  "dropdown-content": (props: { opened: boolean; toggle: () => void }) => void;
+  button: void;
+}>();
+
+const isDropdownVisible = ref(false);
+
+const referenceButton = ref<HTMLDivElement | null>(null);
+const floatingDrop = ref<HTMLDivElement | null>(null);
+
+const floater = useFloating(referenceButton, floatingDrop, {
+  placement: props.position,
+  whileElementsMounted: autoUpdate,
+  middleware: [shift({ mainAxis: false })],
+});
+
+const floatingDropStyle = computed(() => {
+  return {
+    top: `${floater.y.value ?? 0}px`,
+    left: `${floater.x.value ?? 0}px`,
+  };
+});
+
+function toggleNotificationsDrop() {
+  if (props.beforeOpen && typeof props.beforeOpen === "function" && props.beforeOpen() === false) {
+    return;
+  }
+  isDropdownVisible.value = !isDropdownVisible.value;
+
+  emit("toggle", isDropdownVisible.value);
+}
+</script>
+
+<style lang="scss">
+:root {
+  --app-bar-button-shadow-color: var(--additional-950);
+  --app-bar-button-shadow: 0 -6px 6px var(--additional-50),
+    1px 1px 22px rgb(from var(--app-bar-button-shadow-color) r g b / 7%);
+  --app-bar-button-height: var(--app-bar-height);
+  --app-bar-button-bg-color: var(--additional-50);
+  --app-bar-button-dropdown-bg-color: var(--additional-50);
+  --app-bar-button-dropdown-button-width: var(--app-bar-button-width);
+  --app-bar-button-dropdown-button-border: var(--app-bar-button-border-color);
+  --app-bar-button-dropdown-button-color: var(--app-bar-button-color);
+  --app-bar-button-dropdown-button-background-color: var(--app-bar-button-background-color);
+  --app-bar-button-dropdown-button-color-hover: var(--app-bar-button-color-hover);
+  --app-bar-button-dropdown-button-background-color-hover: var(--app-bar-button-background-color-hover);
+  --app-bar-button-mobile-bg-color: var(--neutral-500);
+}
+
+.app-bar-button {
+  @apply tw-relative tw-flex;
+
+  &__button {
+    @apply tw-flex tw-text-left tw-w-full;
+  }
+
+  &__button-container {
+    @apply tw-w-full tw-relative tw-h-full tw-flex tw-items-center tw-justify-center
+      tw-border-l tw-border-solid
+      tw-border-l-[color:var(--app-bar-button-dropdown-button-border)] tw-cursor-pointer
+      tw-text-[color:var(--app-bar-button-dropdown-button-color)] tw-bg-[color:var(--app-bar-button-dropdown-button-background-color)]
+      tw-transition-colors tw-duration-200;
+
+    &:hover {
+      @apply tw-text-[color:var(--app-bar-button-dropdown-button-color-hover)]
+        tw-bg-[color:var(--app-bar-button-dropdown-button-background-color-hover)];
+    }
+
+    &--active {
+      box-shadow: var(--app-bar-button-shadow);
+      clip-path: inset(0px -20px 0px -20px);
+      background-color: var(--app-bar-button-dropdown-bg-color);
+      z-index: 9999;
+    }
+  }
+
+  &__button-wrap {
+    @apply tw-w-[var(--app-bar-button-dropdown-button-width)] tw-flex tw-justify-center;
+  }
+
+  &__dropdown {
+    @apply tw-absolute tw-top-[var(--app-bar-button-height)] tw-z-[10000] tw-min-w-[100%];
+    box-shadow: var(--app-bar-button-shadow);
+  }
+}
+</style>

package/shared/components/app-bar-button/index.ts

@@ -0,0 +1 @@
+export { default as AppBarButtonTemplate } from "./app-bar-button.vue";

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

@@ -1,49 +1,70 @@
 <template>
-  <div
-    v-on-click-outside="onClose"
-    class="tw-relative tw-h-full tw-flex tw-items-center tw-justify-center tw-mx-3 tw-shrink-0"
+  <button
+    class="vc-app-switcher__button"
+    @click.stop="toggleAppSwitch"
   >
-    <button
-      class="hover:[&>img] hover:[&_div]:tw-bg-[color:var(--app-bar-button-color-hover)]"
-      @click.stop="toggleAppSwitch"
-    >
+    <div class="vc-app-switcher__icon"></div>
+  </button>
+  <Sidebar
+    :is-expanded="isVisible"
+    render="always"
+    position="left"
+    @close="onClose"
+  >
+    <template #header>
       <div
-        class="tw-h-[22px] tw-w-[22px] [mask:url(/assets/app-select.svg)] tw-bg-[color:var(--app-bar-button-color)] tw-duration-200"
-      />
-    </button>
-
-    <div
-      v-if="isVisible && appsList && appsList.length"
-      class="tw-px-4 tw-py-3.5 tw-bg-white tw-drop-shadow-[4px_4px_20px_rgba(47,86,108,0.25)] tw-absolute tw-z-[1002] tw-rounded tw-top-[var(--app-bar-height)] tw-left-0 tw-w-max tw-max-w-[200px]"
-    >
-      <ul class="tw-flex tw-flex-col tw-gap-3 tw-overflow-hidden">
-        <li
-          v-for="item in appsList"
-          :key="item.id"
-          class="tw-flex tw-flex-row tw-items-center tw-cursor-pointer tw-group"
-          :class="{
-            '[&>p]:tw-font-extrabold': locationHandler(item.relativeUrl ?? ''),
-          }"
-          @click="switchApp(item)"
+        class="vc-app-switcher__button-wrap"
+        :class="{
+          'vc-app-switcher__button-wrap--mobile': $isMobile.value,
+        }"
+      >
+        <button
+          class="vc-app-switcher__button vc-app-switcher__button--header"
+          @click.stop="isVisible = false"
         >
-          <img
-            :src="imageUrl(item.iconUrl ?? '')"
-            :alt="`icon_${item.id}`"
-            class="tw-w-5 tw-h-5 tw-mr-2 tw-shrink-0"
-          />
-          <p class="tw-font-normal tw-text-sm tw-text-[#727C87] tw-truncate group-hover:tw-opacity-80">
-            {{ item.title }}
-          </p>
-        </li>
-      </ul>
-    </div>
-  </div>
+          <div class="vc-app-switcher__icon"></div>
+        </button>
+        <p class="vc-app-switcher__title">{{ $t("COMPONENTS.APP_SWITCHER.TITLE") }}</p>
+      </div>
+    </template>
+    <template #content>
+      <div
+        v-if="isVisible && appsList && appsList.length"
+        ref="container"
+        class="vc-app-switcher"
+        @contextmenu.prevent
+      >
+        <div class="vc-app-switcher__dropdown">
+          <ul class="vc-app-switcher__list">
+            <li
+              v-for="item in appsList"
+              :key="item.id"
+              class="vc-app-switcher__list-item"
+              :class="{
+                'vc-app-switcher__list-item--active': locationHandler(item.relativeUrl ?? ''),
+              }"
+              @click="switchApp(item)"
+            >
+              <img
+                :src="imageUrl(item.iconUrl ?? '')"
+                :alt="`icon_${item.id}`"
+                class="vc-app-switcher__item-icon"
+              />
+              <p class="vc-app-switcher__item-title">
+                {{ item.title }}
+              </p>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </template>
+  </Sidebar>
 </template>
 
 <script lang="ts" setup>
 import { inject, ref } from "vue";
 import { AppDescriptor } from "../../../../../core/api/platform";
-import { vOnClickOutside } from "@vueuse/components";
+import { Sidebar } from "./../../../sidebar";
 
 export interface Props {
   appsList: AppDescriptor[];
@@ -89,4 +110,83 @@ const onClose = () => {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="scss">
+:root {
+  --app-switcher-button-color: var(--neutrals-400);
+  --app-switcher-button-color-hover: var(--neutrals-500);
+  --app-switcher-item-text-color: var(--additional-950);
+  --app-switcher-dropdown-bg-color: var(--additional-50);
+  --app-switcher-dropdown-shadow: 4px 4px 20px rgba(47, 86, 108, 0.25);
+  --app-switcher-height: var(--app-bar-height);
+  --app-switcher-item-bg-hover: var(--primary-50);
+}
+
+.vc-app-switcher {
+  @apply tw-relative tw-flex tw-mx-3 tw-shrink-0 tw-mt-4;
+
+  &__button {
+    @apply hover:tw-relative tw-p-0 tw-border-0 tw-bg-transparent tw-relative tw-h-full tw-flex tw-items-center tw-justify-center tw-shrink-0 tw-mx-3;
+
+    &:hover .vc-app-switcher__icon {
+      @apply tw-bg-[color:var(--app-switcher-button-color-hover)];
+    }
+
+    &--header {
+      @apply tw-h-auto tw-block tw-mx-0 #{!important};
+    }
+  }
+
+  &__button-wrap {
+    @apply tw-min-h-[--app-switcher-height] tw-px-4 tw-flex tw-items-center tw-justify-between tw-h-[var(--app-switcher-height)] tw-mx-3;
+
+    &--mobile {
+      @apply tw-mx-2 #{!important};
+    }
+  }
+
+  &__title {
+    @apply tw-text-lg tw-font-bold tw-text-[color:var(--app-switcher-item-text-color)];
+  }
+
+  &__icon {
+    @apply tw-h-[22px] tw-w-[22px] tw-bg-[color:var(--app-switcher-button-color)] tw-duration-200;
+    mask: url(/assets/app-select.svg) no-repeat center;
+    mask-size: contain;
+  }
+
+  &__dropdown {
+    @apply tw-bg-[color:var(--app-switcher-dropdown-bg-color)] tw-w-full;
+  }
+
+  &__list {
+    @apply tw-flex tw-flex-col tw-gap-3 tw-overflow-hidden;
+  }
+
+  &__list-item {
+    @apply tw-p-3 tw-text-sm tw-text-[color:var(--app-switcher-item-text-color)] tw-flex tw-flex-row tw-items-center tw-cursor-pointer tw-w-full;
+    transition: background-color 0.2s;
+
+    &--active {
+      @apply tw-font-extrabold;
+    }
+
+    &:hover .vc-app-switcher__item-title {
+      @apply tw-opacity-80;
+    }
+
+    &:hover {
+      @apply tw-bg-[color:var(--app-switcher-item-bg-hover)];
+    }
+  }
+
+  &__item-icon {
+    @apply tw-w-5 tw-h-5 tw-mr-2 tw-shrink-0;
+  }
+
+  &__item-title {
+    @apply tw-font-normal tw-text-sm tw-truncate;
+    color: var(--app-switcher-item-text-color);
+    transition: opacity 0.3s ease;
+  }
+}
+</style>

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

@@ -3,7 +3,7 @@
     <VcBreadcrumbs
       v-if="blades && blades.length > 2"
       :items="breadcrumbs"
-      class="tw-bg-white tw-p-2 tw-shadow-[2px_2px_8px_rgba(54,84,117,0.14)] tw-rounded-[var(--blade-border-radius)]"
+      class="tw-bg-[--blade-navigation-bg-color] tw-p-2 [box-shadow:var(--blade-navigation-shadow)] tw-rounded-[var(--blade-navigation-border-radius)]"
       :class="[
         {
           'tw-mt-4 tw-mx-2': !$isMobile.value,
@@ -141,3 +141,12 @@ const render = () => {
   ]);
 };
 </script>
+
+<style lang="scss">
+:root {
+  --blade-navigation-bg-color: var(--additional-50);
+  --blade-navigation-shadow-color: var(--additional-950);
+  --blade-navigation-shadow: 2px 2px 8px rgb(from var(--blade-navigation-shadow-color) r g b / 7%);
+  --blade-navigation-border-radius: var(--blade-border-radius);
+}
+</style>