@xen-orchestra/web-core 0.58.0 → 0.60.0

package/lib/tables/column-definitions/button-column.ts

@@ -4,9 +4,9 @@ import UiButton, {
   type ButtonVariant,
   type ButtonSize,
 } from '@core/components/ui/button/UiButton.vue'
-import { defineColumn } from '@core/packages/table/define-column'
-import { renderBodyCell } from '@core/tables/helpers/render-body-cell'
-import { renderHeadCell } from '@core/tables/helpers/render-head-cell'
+import { defineColumn } from '@core/packages/table/define-column.ts'
+import { renderBodyCell } from '@core/tables/helpers/render-body-cell.ts'
+import { renderHeadCell } from '@core/tables/helpers/render-head-cell.ts'
 import type { HeaderConfig } from '@core/tables/types.ts'
 import { h, toValue, type MaybeRefOrGetter } from 'vue'
 

package/lib/tables/column-definitions/button-icon-column.ts

@@ -4,8 +4,8 @@ import UiButtonIcon, {
 } from '@core/components/ui/button-icon/UiButtonIcon.vue'
 import UiTableCell from '@core/components/ui/table-cell/UiTableCell.vue'
 import type { IconName } from '@core/icons'
-import { defineColumn } from '@core/packages/table/define-column'
-import { renderHeadCell } from '@core/tables/helpers/render-head-cell'
+import { defineColumn } from '@core/packages/table/define-column.ts'
+import { renderHeadCell } from '@core/tables/helpers/render-head-cell.ts'
 import type { HeaderConfig } from '@core/tables/types.ts'
 import { h, type MaybeRefOrGetter, toValue } from 'vue'
 

package/lib/tables/column-definitions/date-column.ts

@@ -1,7 +1,7 @@
 import VtsRelativeTime from '@core/components/relative-time/VtsRelativeTime.vue'
-import { defineColumn } from '@core/packages/table/define-column'
-import { renderBodyCell } from '@core/tables/helpers/render-body-cell'
-import { renderHeadCell } from '@core/tables/helpers/render-head-cell'
+import { defineColumn } from '@core/packages/table/define-column.ts'
+import { renderBodyCell } from '@core/tables/helpers/render-body-cell.ts'
+import { renderHeadCell } from '@core/tables/helpers/render-head-cell.ts'
 import type { HeaderConfig } from '@core/tables/types.ts'
 import type { DateLike } from '@vueuse/shared'
 import { h } from 'vue'

package/lib/tables/column-definitions/info-column.ts

@@ -1,8 +1,8 @@
 import type { InfoAccent } from '@core/components/ui/info/UiInfo.vue'
 import UiInfo from '@core/components/ui/info/UiInfo.vue'
-import { defineColumn } from '@core/packages/table/define-column'
-import { renderBodyCell } from '@core/tables/helpers/render-body-cell'
-import { renderHeadCell } from '@core/tables/helpers/render-head-cell'
+import { defineColumn } from '@core/packages/table/define-column.ts'
+import { renderBodyCell } from '@core/tables/helpers/render-body-cell.ts'
+import { renderHeadCell } from '@core/tables/helpers/render-head-cell.ts'
 import type { HeaderConfig } from '@core/tables/types.ts'
 import { h } from 'vue'
 

package/lib/tables/column-definitions/input-column.ts

@@ -1,7 +1,7 @@
 import UiInput, { type InputType } from '@core/components/ui/input/UiInput.vue'
-import { defineColumn } from '@core/packages/table/define-column'
-import { renderBodyCell } from '@core/tables/helpers/render-body-cell'
-import { renderHeadCell } from '@core/tables/helpers/render-head-cell'
+import { defineColumn } from '@core/packages/table/define-column.ts'
+import { renderBodyCell } from '@core/tables/helpers/render-body-cell.ts'
+import { renderHeadCell } from '@core/tables/helpers/render-head-cell.ts'
 import type { HeaderConfig } from '@core/tables/types.ts'
 import { h, toValue, type MaybeRefOrGetter, type Ref } from 'vue'
 

package/lib/tables/column-definitions/link-column.ts

@@ -1,6 +1,6 @@
 import VtsLinkCell, { type VtsLinkCellProps } from '@core/components/table/cells/VtsLinkCell.vue'
-import { defineColumn } from '@core/packages/table/define-column'
-import { renderHeadCell } from '@core/tables/helpers/render-head-cell'
+import { defineColumn } from '@core/packages/table/define-column.ts'
+import { renderHeadCell } from '@core/tables/helpers/render-head-cell.ts'
 import type { HeaderConfig } from '@core/tables/types.ts'
 import { h } from 'vue'
 

package/lib/tables/column-definitions/literal-column.ts

@@ -1,6 +1,6 @@
-import { defineColumn } from '@core/packages/table/define-column'
-import { renderBodyCell } from '@core/tables/helpers/render-body-cell'
-import { renderHeadCell } from '@core/tables/helpers/render-head-cell'
+import { defineColumn } from '@core/packages/table/define-column.ts'
+import { renderBodyCell } from '@core/tables/helpers/render-body-cell.ts'
+import { renderHeadCell } from '@core/tables/helpers/render-head-cell.ts'
 import type { HeaderConfig } from '@core/tables/types.ts'
 
 export const useLiteralColumn = defineColumn((config?: HeaderConfig) => ({

package/lib/tables/column-definitions/number-column.ts

@@ -1,6 +1,6 @@
 import VtsNumberCell from '@core/components/table/cells/VtsNumberCell.vue'
-import { defineColumn } from '@core/packages/table/define-column'
-import { renderHeadCell } from '@core/tables/helpers/render-head-cell'
+import { defineColumn } from '@core/packages/table/define-column.ts'
+import { renderHeadCell } from '@core/tables/helpers/render-head-cell.ts'
 import type { HeaderConfig } from '@core/tables/types.ts'
 import { h } from 'vue'
 

package/lib/tables/column-definitions/percent-column.ts

@@ -1,6 +1,6 @@
 import VtsNumberCell from '@core/components/table/cells/VtsNumberCell.vue'
-import { defineColumn } from '@core/packages/table/define-column'
-import { renderHeadCell } from '@core/tables/helpers/render-head-cell'
+import { defineColumn } from '@core/packages/table/define-column.ts'
+import { renderHeadCell } from '@core/tables/helpers/render-head-cell.ts'
 import type { HeaderConfig } from '@core/tables/types.ts'
 import { h } from 'vue'
 import { useI18n } from 'vue-i18n'

package/lib/tables/column-definitions/progress-bar-column.ts

@@ -1,6 +1,6 @@
 import VtsProgressBarCell from '@core/components/table/cells/VtsProgressBarCell.vue'
-import { defineColumn } from '@core/packages/table/define-column'
-import { renderHeadCell } from '@core/tables/helpers/render-head-cell'
+import { defineColumn } from '@core/packages/table/define-column.ts'
+import { renderHeadCell } from '@core/tables/helpers/render-head-cell.ts'
 import type { HeaderConfig } from '@core/tables/types.ts'
 import { h } from 'vue'
 

package/lib/tables/column-definitions/select-column.ts

@@ -1,8 +1,8 @@
 import VtsSelect from '@core/components/select/VtsSelect.vue'
 import type { FormSelectId } from '@core/packages/form-select/types.ts'
 import { defineColumn } from '@core/packages/table/define-column.ts'
-import { renderBodyCell } from '@core/tables/helpers/render-body-cell'
-import { renderHeadCell } from '@core/tables/helpers/render-head-cell'
+import { renderBodyCell } from '@core/tables/helpers/render-body-cell.ts'
+import { renderHeadCell } from '@core/tables/helpers/render-head-cell.ts'
 import type { HeaderConfig } from '@core/tables/types.ts'
 import { h } from 'vue'
 

package/lib/tables/column-definitions/status-column.ts

@@ -1,6 +1,6 @@
 import VtsStatusCell, { type StatusCellProps } from '@core/components/table/cells/VtsStatusCell.vue'
-import { defineColumn } from '@core/packages/table/define-column'
-import { renderHeadCell } from '@core/tables/helpers/render-head-cell'
+import { defineColumn } from '@core/packages/table/define-column.ts'
+import { renderHeadCell } from '@core/tables/helpers/render-head-cell.ts'
 import type { HeaderConfig } from '@core/tables/types.ts'
 import { h } from 'vue'
 import { useI18n } from 'vue-i18n'

package/lib/tables/column-definitions/tag-column.ts

@@ -1,9 +1,9 @@
 import VtsTagCell from '@core/components/table/cells/VtsTagCell.vue'
 import type { TagAccent } from '@core/components/ui/tag/UiTag.vue'
-import { defineColumn } from '@core/packages/table/define-column'
-import { renderHeadCell } from '@core/tables/helpers/render-head-cell'
+import { defineColumn } from '@core/packages/table/define-column.ts'
+import { renderHeadCell } from '@core/tables/helpers/render-head-cell.ts'
 import type { HeaderConfig } from '@core/tables/types.ts'
-import type { MaybeArray } from '@core/types/utility.type'
+import type { MaybeArray } from '@core/types/utility.type.ts'
 import { h } from 'vue'
 
 export const useTagColumn = defineColumn((config?: HeaderConfig) => ({

package/lib/tables/column-sets/backup-issue-columns.ts

@@ -1,5 +1,5 @@
 import { defineColumns } from '@core/packages/table/define-columns.ts'
-import { useLinkColumn } from '@core/tables/column-definitions/link-column'
+import { useLinkColumn } from '@core/tables/column-definitions/link-column.ts'
 import { useStatusColumn } from '@core/tables/column-definitions/status-column.ts'
 import { useI18n } from 'vue-i18n'
 

package/lib/tables/column-sets/backup-job-columns.ts

@@ -1,6 +1,6 @@
 import { defineColumns } from '@core/packages/table/define-columns.ts'
 import { useCollapsedListColumn } from '@core/tables/column-definitions/collapsed-list-column.ts'
-import { useLinkColumn } from '@core/tables/column-definitions/link-column'
+import { useLinkColumn } from '@core/tables/column-definitions/link-column.ts'
 import { useNumberColumn } from '@core/tables/column-definitions/number-column.ts'
 import { useSelectItemColumn } from '@core/tables/column-definitions/select-item-column.ts'
 import { useStatusColumn } from '@core/tables/column-definitions/status-column.ts'

package/lib/tables/column-sets/backup-job-schedule-columns.ts

@@ -1,5 +1,5 @@
 import { defineColumns } from '@core/packages/table/define-columns.ts'
-import { useLinkColumn } from '@core/tables/column-definitions/link-column'
+import { useLinkColumn } from '@core/tables/column-definitions/link-column.ts'
 import { useStatusColumn } from '@core/tables/column-definitions/status-column.ts'
 import { useTextColumn } from '@core/tables/column-definitions/text-column.ts'
 import { useI18n } from 'vue-i18n'

package/lib/tables/column-sets/backup-log-columns.ts

@@ -1,7 +1,7 @@
 import { defineColumns } from '@core/packages/table/define-columns.ts'
 import { useDateColumn } from '@core/tables/column-definitions/date-column.ts'
 import { useNumberColumn } from '@core/tables/column-definitions/number-column.ts'
-import { useSelectItemColumn } from '@core/tables/column-definitions/select-item-column'
+import { useSelectItemColumn } from '@core/tables/column-definitions/select-item-column.ts'
 import { useStatusColumn } from '@core/tables/column-definitions/status-column.ts'
 import { useI18n } from 'vue-i18n'
 

package/lib/tables/column-sets/host-columns.ts

@@ -1,9 +1,9 @@
 import { defineColumns } from '@core/packages/table/define-columns.ts'
 import { useAddressColumn } from '@core/tables/column-definitions/address-column.ts'
-import { useLinkColumn } from '@core/tables/column-definitions/link-column'
-import { useSelectItemColumn } from '@core/tables/column-definitions/select-item-column'
+import { useLinkColumn } from '@core/tables/column-definitions/link-column.ts'
+import { useSelectItemColumn } from '@core/tables/column-definitions/select-item-column.ts'
 import { useTagColumn } from '@core/tables/column-definitions/tag-column.ts'
-import { useTruncatedTextColumn } from '@core/tables/column-definitions/truncated-text-column'
+import { useTruncatedTextColumn } from '@core/tables/column-definitions/truncated-text-column.ts'
 import { useI18n } from 'vue-i18n'
 
 export const useHostColumns = defineColumns(() => {

package/lib/tables/column-sets/network-columns.ts

@@ -1,11 +1,11 @@
 import { defineColumns } from '@core/packages/table/define-columns.ts'
 import { useActionColumn } from '@core/tables/column-definitions/action-column.ts'
-import { useLinkColumn } from '@core/tables/column-definitions/link-column'
+import { useLinkColumn } from '@core/tables/column-definitions/link-column.ts'
 import { useNumberColumn } from '@core/tables/column-definitions/number-column.ts'
 import { useSelectItemColumn } from '@core/tables/column-definitions/select-item-column.ts'
 import { useStatusColumn } from '@core/tables/column-definitions/status-column.ts'
 import { useTextColumn } from '@core/tables/column-definitions/text-column.ts'
-import { useTruncatedTextColumn } from '@core/tables/column-definitions/truncated-text-column'
+import { useTruncatedTextColumn } from '@core/tables/column-definitions/truncated-text-column.ts'
 import { useI18n } from 'vue-i18n'
 
 export const useNetworkColumns = defineColumns(() => {

package/lib/tables/column-sets/pif-columns.ts

@@ -1,8 +1,8 @@
 import { defineColumns } from '@core/packages/table/define-columns.ts'
 import { useAddressColumn } from '@core/tables/column-definitions/address-column.ts'
-import { useLinkColumn } from '@core/tables/column-definitions/link-column'
+import { useLinkColumn } from '@core/tables/column-definitions/link-column.ts'
 import { useNumberColumn } from '@core/tables/column-definitions/number-column.ts'
-import { useSelectItemColumn } from '@core/tables/column-definitions/select-item-column'
+import { useSelectItemColumn } from '@core/tables/column-definitions/select-item-column.ts'
 import { useStatusColumn } from '@core/tables/column-definitions/status-column.ts'
 import { useTextColumn } from '@core/tables/column-definitions/text-column.ts'
 import { useI18n } from 'vue-i18n'

package/lib/tables/column-sets/server-columns.ts

@@ -1,7 +1,7 @@
 import { defineColumns } from '@core/packages/table/define-columns.ts'
 import { useActionColumn } from '@core/tables/column-definitions/action-column.ts'
 import { useAddressColumn } from '@core/tables/column-definitions/address-column.ts'
-import { useLinkColumn } from '@core/tables/column-definitions/link-column'
+import { useLinkColumn } from '@core/tables/column-definitions/link-column.ts'
 import { useStatusColumn } from '@core/tables/column-definitions/status-column.ts'
 import { useI18n } from 'vue-i18n'
 

package/lib/tables/column-sets/sr-columns.ts

@@ -1,9 +1,9 @@
 import { defineColumns } from '@core/packages/table/define-columns.ts'
-import { useActionColumn } from '@core/tables/column-definitions/action-column'
-import { useLinkColumn } from '@core/tables/column-definitions/link-column'
+import { useActionColumn } from '@core/tables/column-definitions/action-column.ts'
+import { useLinkColumn } from '@core/tables/column-definitions/link-column.ts'
 import { useLiteralColumn } from '@core/tables/column-definitions/literal-column.ts'
 import { useProgressBarColumn } from '@core/tables/column-definitions/progress-bar-column.ts'
-import { useTruncatedTextColumn } from '@core/tables/column-definitions/truncated-text-column'
+import { useTruncatedTextColumn } from '@core/tables/column-definitions/truncated-text-column.ts'
 import { useI18n } from 'vue-i18n'
 
 export const useSrColumns = defineColumns(() => {

package/lib/tables/column-sets/vdi-columns.ts

@@ -4,6 +4,7 @@ import { useLinkColumn } from '@core/tables/column-definitions/link-column.ts'
 import { useLiteralColumn } from '@core/tables/column-definitions/literal-column.ts'
 import { useNumberColumn } from '@core/tables/column-definitions/number-column.ts'
 import { useProgressBarColumn } from '@core/tables/column-definitions/progress-bar-column.ts'
+import { useSelectItemColumn } from '@core/tables/column-definitions/select-item-column.ts'
 import { useTruncatedTextColumn } from '@core/tables/column-definitions/truncated-text-column.ts'
 import { useI18n } from 'vue-i18n'
 
@@ -17,5 +18,6 @@ export const useVdiColumns = defineColumns(() => {
     size: useNumberColumn({ headerLabel: () => t('size') }),
     format: useLiteralColumn({ headerLabel: () => t('format') }),
     actions: useActionColumn({}),
+    selectItem: useSelectItemColumn(),
   }
 })

package/lib/tables/column-sets/vif-columns.ts

@@ -1,7 +1,7 @@
 import { defineColumns } from '@core/packages/table/define-columns.ts'
 import { useActionColumn } from '@core/tables/column-definitions/action-column.ts'
 import { useAddressColumn } from '@core/tables/column-definitions/address-column.ts'
-import { useLinkColumn } from '@core/tables/column-definitions/link-column'
+import { useLinkColumn } from '@core/tables/column-definitions/link-column.ts'
 import { useNumberColumn } from '@core/tables/column-definitions/number-column.ts'
 import { useStatusColumn } from '@core/tables/column-definitions/status-column.ts'
 import { useTextColumn } from '@core/tables/column-definitions/text-column.ts'

package/lib/tables/column-sets/vif-network-columns.ts

@@ -1,7 +1,7 @@
 import { defineColumns } from '@core/packages/table/define-columns.ts'
 import { useActionColumn } from '@core/tables/column-definitions/action-column.ts'
 import { useAddressColumn } from '@core/tables/column-definitions/address-column.ts'
-import { useLinkColumn } from '@core/tables/column-definitions/link-column'
+import { useLinkColumn } from '@core/tables/column-definitions/link-column.ts'
 import { useNumberColumn } from '@core/tables/column-definitions/number-column.ts'
 import { useStatusColumn } from '@core/tables/column-definitions/status-column.ts'
 import { useTextColumn } from '@core/tables/column-definitions/text-column.ts'

package/lib/tables/column-sets/vm-backup-archive-columns.ts

@@ -1,7 +1,7 @@
 import { defineColumns } from '@core/packages/table/define-columns.ts'
-import { useDateColumn } from '@core/tables/column-definitions/date-column'
-import { useLinkColumn } from '@core/tables/column-definitions/link-column'
-import { useNumberColumn } from '@core/tables/column-definitions/number-column'
+import { useDateColumn } from '@core/tables/column-definitions/date-column.ts'
+import { useLinkColumn } from '@core/tables/column-definitions/link-column.ts'
+import { useNumberColumn } from '@core/tables/column-definitions/number-column.ts'
 import { useI18n } from 'vue-i18n'
 
 export const useBackupArchiveColumns = defineColumns(() => {

package/lib/tables/column-sets/vm-backup-run-colums.ts

@@ -1,6 +1,6 @@
 import { defineColumns } from '@core/packages/table/define-columns.ts'
-import { useDateColumn } from '@core/tables/column-definitions/date-column'
-import { useLinkColumn } from '@core/tables/column-definitions/link-column'
+import { useDateColumn } from '@core/tables/column-definitions/date-column.ts'
+import { useLinkColumn } from '@core/tables/column-definitions/link-column.ts'
 import { useStatusColumn } from '@core/tables/column-definitions/status-column.ts'
 import { useI18n } from 'vue-i18n'
 

package/lib/tables/column-sets/vm-columns.ts

@@ -1,7 +1,7 @@
 import { defineColumns } from '@core/packages/table/define-columns.ts'
 import { useActionColumn } from '@core/tables/column-definitions/action-column.ts'
 import { useAddressColumn } from '@core/tables/column-definitions/address-column.ts'
-import { useLinkColumn } from '@core/tables/column-definitions/link-column'
+import { useLinkColumn } from '@core/tables/column-definitions/link-column.ts'
 import { useNumberColumn } from '@core/tables/column-definitions/number-column.ts'
 import { useTagColumn } from '@core/tables/column-definitions/tag-column.ts'
 import { useI18n } from 'vue-i18n'

package/lib/types/object.type.ts

@@ -1,7 +1,17 @@
 export type ObjectType = 'vm' | 'host'
 
 export type VmActions = 'reboot' | 'shutdown' | 'force-reboot' | 'force-shutdown'
-export type HostActions = 'enable' | 'disable'
+export type HostActions =
+  | 'enable'
+  | 'disable'
+  | 'shutdown'
+  | 'start'
+  | 'forget'
+  | 'disable-and-evacuate-vms'
+  | 'reboot'
+  | 'force-reboot'
+  | 'smart-reboot'
+  | 'restart-toolstack'
 
 export type VmBlockedOperations =
   | 'clean_shutdown'

package/lib/utils/create-subscribable-store-context.util.ts

@@ -1,5 +1,5 @@
-import type { SubscribableStoreConfig, Subscribe, SubscribeContext } from '@core/types/subscribable-store.type'
-import { ifElse } from '@core/utils/if-else.utils'
+import type { SubscribableStoreConfig, Subscribe, SubscribeContext } from '@core/types/subscribable-store.type.ts'
+import { ifElse } from '@core/utils/if-else.utils.ts'
 import { computed, onBeforeUnmount, readonly, type Ref, ref, toValue } from 'vue'
 
 export function createSubscribableStoreContext<TContext>(

package/lib/utils/download-bugtools.utils.ts

@@ -1,4 +1,4 @@
-import { downloadFile } from './download-file.utils'
+import { downloadFile } from './download-file.utils.ts'
 
 export function downloadBugTools(ip: string) {
   downloadFile(`http://${ip}/system-status?output=tar.bz2`, 'system-status.tar.bz2')

package/lib/utils/if-else.utils.ts

@@ -1,5 +1,5 @@
-import type { MaybeArray, VoidFunction } from '@core/types/utility.type'
-import { toArray } from '@core/utils/to-array.utils'
+import type { MaybeArray, VoidFunction } from '@core/types/utility.type.ts'
+import { toArray } from '@core/utils/to-array.utils.ts'
 import { watch, type WatchOptions, type WatchSource } from 'vue'
 
 export interface IfElseOptions extends Pick<WatchOptions, 'immediate' | 'flush'> {}

package/lib/utils/injection-keys.util.ts

@@ -23,6 +23,4 @@ export const IK_DISABLED = Symbol('IK_DISABLED') as InjectionKey<ComputedRef<boo
 
 export const IK_INPUT_WRAPPER_CONTROLLER = Symbol('IK_INPUT_WRAPPER_CONTROLLER') as InjectionKey<InputWrapperController>
 
-export const IK_MODAL_ACCENT = Symbol('IK_MODAL_ACCENT') as InjectionKey<ComputedRef<ModalAccent>>
-
 export const IK_OVERLAY_ACCENT = Symbol('IK_OVERLAY_ACCENT') as InjectionKey<ComputedRef<ModalAccent>>

package/lib/utils/progress.util.ts

@@ -8,7 +8,7 @@ import type { ThresholdConfig } from '@core/packages/threshold/type.ts'
 import { formatSize } from '@core/utils/size.util.ts'
 import { computed, type ComputedRef, type MaybeRefOrGetter, type Reactive, toValue } from 'vue'
 import { useI18n } from 'vue-i18n'
-import { toComputed } from './to-computed.util'
+import { toComputed } from './to-computed.util.ts'
 
 export function defaultProgressThresholds(tooltip?: string): ThresholdConfig<ProgressBarThresholdPayload> {
   return {

package/lib/utils/to-array.utils.ts

@@ -1,4 +1,4 @@
-import type { MaybeArray } from '@core/types/utility.type'
+import type { MaybeArray } from '@core/types/utility.type.ts'
 
 export function toArray<T>(value: MaybeArray<T> | undefined): T[] {
   if (value === undefined) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@xen-orchestra/web-core",
   "type": "module",
-  "version": "0.58.0",
+  "version": "0.60.0",
   "private": false,
   "exports": {
     "./*": {

package/lib/components/drawer/VtsDrawer.vue

@@ -1,89 +0,0 @@
-<template>
-  <UiDrawer
-    :is-open="effectiveIsOpen"
-    :is-dismissible="dismissible"
-    v-on="{ dismiss: handleDismiss, afterLeave: onAfterLeave }"
-  >
-    <template v-if="slots.title" #title>
-      <slot name="title" />
-    </template>
-
-    <template #content>
-      <slot name="content" />
-    </template>
-
-    <template v-if="slots.buttons" #buttons>
-      <slot name="buttons" />
-    </template>
-  </UiDrawer>
-</template>
-
-<script lang="ts" setup>
-import UiDrawer from '@core/components/ui/drawer/UiDrawer.vue'
-import { IK_DRAWER } from '@core/packages/drawer/types.ts'
-import { useMagicKeys, whenever } from '@vueuse/core'
-import { computed, inject, onMounted, ref } from 'vue'
-
-const {
-  dismissible,
-  isOpen = undefined,
-  current,
-} = defineProps<{
-  dismissible?: boolean
-  isOpen?: boolean
-  current?: boolean
-}>()
-
-const emit = defineEmits<{
-  dismiss: []
-}>()
-
-const slots = defineSlots<{
-  content(): any
-  title?(): any
-  buttons?(): any
-}>()
-
-const drawer = inject(IK_DRAWER, undefined)
-
-const internalVisible = ref(false)
-
-onMounted(() => {
-  if (isOpen === undefined) {
-    internalVisible.value = true
-  }
-})
-
-const effectiveIsOpen = computed(() => isOpen ?? internalVisible.value)
-
-let afterLeaveCallback: (() => void) | undefined
-
-function onAfterLeave() {
-  afterLeaveCallback?.()
-  afterLeaveCallback = undefined
-}
-
-const handleDismiss = computed(() => {
-  if (!dismissible) {
-    return undefined
-  }
-
-  return () => {
-    if (isOpen !== undefined) {
-      emit('dismiss')
-      return
-    }
-
-    afterLeaveCallback = () => drawer?.value.onCancel()
-    internalVisible.value = false
-  }
-})
-
-const { escape } = useMagicKeys()
-
-whenever(escape, () => {
-  if (dismissible && current) {
-    handleDismiss.value?.()
-  }
-})
-</script>

package/lib/components/drawer/VtsDrawerButton.vue

@@ -1,22 +0,0 @@
-<template>
-  <UiButton :accent :busy="drawer?.isBusy.value" :variant size="medium">
-    <slot />
-  </UiButton>
-</template>
-
-<script lang="ts" setup>
-import UiButton, { type ButtonAccent, type ButtonVariant } from '@core/components/ui/button/UiButton.vue'
-import { IK_DRAWER } from '@core/packages/drawer/types.ts'
-import { inject } from 'vue'
-
-const { accent = 'brand' } = defineProps<{
-  variant: ButtonVariant
-  accent?: ButtonAccent
-}>()
-
-defineSlots<{
-  default(): any
-}>()
-
-const drawer = inject(IK_DRAWER)
-</script>

package/lib/components/drawer/VtsDrawerCancelButton.vue

@@ -1,33 +0,0 @@
-<template>
-  <VtsDrawerButton variant="secondary" @click="handleClick()">
-    <slot>{{ t('cancel') }}</slot>
-  </VtsDrawerButton>
-</template>
-
-<script lang="ts" setup>
-import VtsDrawerButton from '@core/components/drawer/VtsDrawerButton.vue'
-import { IK_DRAWER } from '@core/packages/drawer/types.ts'
-import { inject } from 'vue'
-import { useI18n } from 'vue-i18n'
-
-const { onClick } = defineProps<{
-  onClick?: () => void
-}>()
-
-defineSlots<{
-  default?(): any
-}>()
-
-const { t } = useI18n()
-
-const drawer = inject(IK_DRAWER)
-
-function handleClick() {
-  if (onClick) {
-    onClick()
-    return
-  }
-
-  drawer?.value.onCancel()
-}
-</script>

package/lib/components/drawer/VtsDrawerConfirmButton.vue

@@ -1,32 +0,0 @@
-<template>
-  <VtsDrawerButton :accent variant="primary" @click="handleClick()">
-    <slot />
-  </VtsDrawerButton>
-</template>
-
-<script lang="ts" setup>
-import VtsDrawerButton from '@core/components/drawer/VtsDrawerButton.vue'
-import type { ButtonAccent } from '@core/components/ui/button/UiButton.vue'
-import { IK_DRAWER } from '@core/packages/drawer/types.ts'
-import { inject } from 'vue'
-
-const { onClick, accent = 'brand' } = defineProps<{
-  onClick?: () => void
-  accent?: ButtonAccent
-}>()
-
-defineSlots<{
-  default(): any
-}>()
-
-const drawer = inject(IK_DRAWER)
-
-function handleClick() {
-  if (onClick) {
-    onClick()
-    return
-  }
-
-  drawer?.value.onConfirm()
-}
-</script>

package/lib/components/drawer/VtsDrawerList.vue

@@ -1,34 +0,0 @@
-<template>
-  <div v-if="drawerStore.drawers.length > 0" class="vts-drawer-list">
-    <DrawerProvider v-for="(drawer, index) of drawerStore.drawers" :key="drawer.id" :drawer>
-      <component
-        :is="drawer.component"
-        class="drawer-component"
-        v-bind="drawer.props"
-        :current="index === drawerStore.drawers.length - 1"
-        @confirm="drawer.onConfirm"
-        @cancel="drawer.onCancel"
-      />
-    </DrawerProvider>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { useDrawerStore } from '@core/packages/drawer/drawer.store.ts'
-import DrawerProvider from '@core/packages/drawer/DrawerProvider.vue'
-
-const drawerStore = useDrawerStore()
-</script>
-
-<style lang="postcss" scoped>
-.vts-drawer-list {
-  position: fixed;
-  inset: 0;
-  background-color: var(--color-opacity-primary);
-  z-index: 1020;
-
-  .drawer-component:not(:last-child) {
-    filter: brightness(0.8);
-  }
-}
-</style>