@vc-shell/framework 1.1.0-alpha.1 → 1.1.0-alpha.2

package/dist/shared/components/user-dropdown-button/composables/useUserActions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useUserActions.d.ts","sourceRoot":"","sources":["../../../../../shared/components/user-dropdown-button/composables/useUserActions.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,wBAAgB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6C7B"}

package/dist/ui/components/organisms/vc-blade/_internal/vc-blade-toolbar/_internal/vc-blade-toolbar-button/vc-blade-toolbar-button.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"vc-blade-toolbar-button.vue.d.ts","sourceRoot":"","sources":["../../../../../../../../../ui/components/organisms/vc-blade/_internal/vc-blade-toolbar/_internal/vc-blade-toolbar-button/vc-blade-toolbar-button.vue.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,KAAK;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,IAAI,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;CACxB;;;;;;;;;;;;;;;;;;;;;;;;;;AAoLD,wBAOG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

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

package/shared/components/blade-navigation/injectionKeys.ts

@@ -1,4 +0,0 @@
-import { InjectionKey } from "vue";
-import { BladeVNode } from "./types";
-
-export const navigationViewLocation = Symbol("blade navigation view location") as InjectionKey<BladeVNode>;

package/shared/components/menu-item/index.ts

@@ -1 +0,0 @@
-export { default as SettingsMenuItem } from "./menu-item.vue";

package/shared/components/menu-item/menu-item.vue

@@ -1,111 +0,0 @@
-<template>
-  <div
-    class="vc-menu-item"
-    :class="{
-      'vc-menu-item--active': isActive,
-      'vc-menu-item--clickable': !disabled,
-      'vc-menu-item--invisible': !isVisible,
-    }"
-    @click.stop="!disabled && $emit('click')"
-  >
-    <slot>
-      <div class="vc-menu-item__content">
-        <!-- Icon slot -->
-        <slot name="icon">
-          <VcIcon
-            v-if="icon"
-            :icon="icon"
-            size="l"
-            class="vc-menu-item__icon"
-          />
-          <VcImage
-            v-else-if="image"
-            :src="image"
-            class="vc-menu-item__image"
-            :empty-icon="emptyIcon"
-          />
-        </slot>
-
-        <!-- Title slot -->
-        <slot name="title">
-          <p class="vc-menu-item__title">{{ title }}</p>
-        </slot>
-
-        <!-- Additional content slot -->
-        <slot name="additional" />
-      </div>
-    </slot>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { Component } from "vue";
-import { VcIcon, VcImage } from "../../../ui/components";
-
-withDefaults(
-  defineProps<{
-    title?: string;
-    icon?: string | Component;
-    image?: string;
-    emptyIcon?: string;
-    isActive?: boolean;
-    disabled?: boolean;
-    isVisible?: boolean;
-  }>(),
-  {
-    isVisible: true,
-  },
-);
-
-defineEmits<{
-  (e: "click"): void;
-}>();
-</script>
-
-<style lang="scss">
-.vc-menu-item {
-  @apply tw-p-3 tw-text-sm tw-text-[color:var(--menu-item-text-color,var(--user-dropdown-menu-text-color))]
-    tw-border-solid tw-border-b tw-border-b-[color:var(--menu-item-border-color,var(--user-dropdown-divider-color))]
-    tw-bg-[color:var(--menu-item-bg,var(--user-dropdown-menu-item-bg))] tw-flex tw-flex-row tw-items-center;
-
-  &--clickable {
-    @apply tw-cursor-pointer;
-
-    &:hover {
-      @apply tw-bg-[color:var(--menu-item-bg-hover,var(--user-dropdown-menu-item-bg-hover))];
-
-      .vc-menu-item__icon {
-        @apply tw-text-[color:var(--menu-item-icon-color-hover,var(--user-dropdown-button-color-hover))];
-      }
-    }
-  }
-
-  &--invisible {
-    @apply tw-hidden;
-  }
-
-  &--active {
-    @apply tw-bg-[color:var(--menu-item-bg-active,var(--user-dropdown-menu-item-bg-hover))];
-  }
-
-  &:last-of-type {
-    @apply tw-border-b-0;
-  }
-
-  &__content {
-    @apply tw-flex tw-items-center tw-w-full;
-  }
-
-  &__icon {
-    @apply tw-w-6 tw-mr-3 tw-text-[color:var(--menu-item-icon-color,var(--user-dropdown-button-color))];
-  }
-
-  &__image {
-    @apply tw-w-6 tw-h-6 tw-mr-3;
-  }
-
-  &__title {
-    @apply tw-flex-grow;
-  }
-}
-</style>

package/shared/components/user-dropdown-button/_internal/user-actions.vue

@@ -1,68 +0,0 @@
-<template>
-  <div class="vc-user-actions">
-    <div class="vc-user-actions__trigger">
-      <div class="vc-user-actions__buttons">
-        <button
-          v-for="(item, i) in profileMenu"
-          :key="`action_btn_${i}`"
-          class="vc-user-actions__btn"
-          @click="$emit('action:click', item)"
-        >
-          <VcIcon
-            v-if="item.icon"
-            :icon="item.icon"
-            size="l"
-          />
-        </button>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { VcIcon } from "../../../../ui/components";
-import type { IMenuItem } from "../../../../core/types";
-
-defineProps<{
-  profileMenu: IMenuItem[];
-}>();
-
-defineEmits<{
-  (e: "action:click", item: IMenuItem): void;
-}>();
-</script>
-
-<style lang="scss">
-.vc-user-actions {
-  @apply tw-relative tw-h-full;
-
-  &__trigger {
-    @apply tw-absolute tw-right-0 tw-top-0 tw-h-full tw-w-1 tw-bg-[--user-dropdown-button-bg];
-  }
-
-  &__buttons {
-    @apply tw-flex tw-absolute tw-right-0 tw-top-0 tw-h-full tw-translate-x-full;
-    transition: transform 0.3s ease;
-  }
-
-  &__btn {
-    @apply tw-w-12 tw-h-full tw-flex tw-items-center tw-justify-center tw-text-[color:var(--user-dropdown-button-icon-color)];
-
-    &:nth-child(1) {
-      @apply tw-bg-[--user-dropdown-button-bg];
-
-      &:hover {
-        @apply tw-bg-[--user-dropdown-button-bg-hover];
-      }
-    }
-
-    &:nth-child(2) {
-      @apply tw-bg-[--user-dropdown-button-bg-logout];
-
-      &:hover {
-        @apply tw-bg-[--user-dropdown-button-bg-logout-hover];
-      }
-    }
-  }
-}
-</style>

package/shared/components/user-dropdown-button/composables/useUserActions.ts

@@ -1,56 +0,0 @@
-import { ref, computed } from "vue";
-import { useI18n } from "vue-i18n";
-import { useUser } from "../../../../core/composables";
-import { useRouter } from "vue-router";
-import { useBladeNavigation } from "../..";
-import { usePopup } from "../../popup-handler/composables/usePopup";
-import { ChangePassword } from "../../change-password";
-import type { IMenuItem } from "../../../../core/types";
-import { LogoutIcon, SettingsBoltIcon } from "../../../../ui/components/atoms/vc-icon/icons";
-
-export function useUserActions() {
-  const { t } = useI18n({ useScope: "global" });
-  const { signOut } = useUser();
-  const router = useRouter();
-  const { closeBlade } = useBladeNavigation();
-  const { open } = usePopup({ component: ChangePassword });
-
-  const signOutButton = ref<IMenuItem>({
-    title: computed(() => t("SHELL.ACCOUNT.LOGOUT")),
-    icon: LogoutIcon,
-    async clickHandler() {
-      const isPrevented = await closeBlade(0);
-      if (!isPrevented) {
-        await signOut();
-        router.push({ name: "Login" });
-      }
-    },
-  });
-
-  const changePasswordButton = ref<IMenuItem>({
-    title: computed(() => t("SHELL.ACCOUNT.CHANGE_PASSWORD")),
-    icon: SettingsBoltIcon,
-    clickHandler() {
-      open();
-    },
-  });
-
-  const settingsButton = ref<IMenuItem>({
-    title: computed(() => t("SHELL.ACCOUNT.SETTINGS")),
-    icon: SettingsBoltIcon,
-    clickHandler() {
-      return true;
-    },
-  });
-
-  const profileMenu = ref([settingsButton.value]);
-  const defaultMenuItems = ref([changePasswordButton.value, signOutButton.value]);
-
-  return {
-    profileMenu,
-    defaultMenuItems,
-    signOutButton,
-    changePasswordButton,
-    settingsButton,
-  };
-}