@owdproject/nuxt-kit-nuxt-ui 0.0.0-stage → 4.0.0-alpha.4

package/dist/runtime/components/explorer/Frame.d.vue.ts

@@ -0,0 +1,75 @@
+declare var __VLS_14: {}, __VLS_23: {}, __VLS_26: {}, __VLS_29: {}, __VLS_31: {}, __VLS_33: {};
+type __VLS_Slots = {} & {
+    nav?: (props: typeof __VLS_14) => any;
+} & {
+    'nav-prepend'?: (props: typeof __VLS_23) => any;
+} & {
+    'nav-title'?: (props: typeof __VLS_26) => any;
+} & {
+    'nav-append'?: (props: typeof __VLS_29) => any;
+} & {
+    'header-below-nav'?: (props: typeof __VLS_31) => any;
+} & {
+    default?: (props: typeof __VLS_33) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    window: {
+        type: ObjectConstructor;
+        required: false;
+    };
+    content: {
+        type: null;
+        required: false;
+    };
+    chromePadding: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    frameClass: {
+        type: StringConstructor;
+        required: false;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "drag:start": (...args: any[]) => void;
+    "drag:move": (...args: any[]) => void;
+    "drag:end": (...args: any[]) => void;
+    "resize:start": (...args: any[]) => void;
+    "resize:move": (...args: any[]) => void;
+    "resize:end": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    window: {
+        type: ObjectConstructor;
+        required: false;
+    };
+    content: {
+        type: null;
+        required: false;
+    };
+    chromePadding: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    frameClass: {
+        type: StringConstructor;
+        required: false;
+    };
+}>> & Readonly<{
+    "onDrag:start"?: ((...args: any[]) => any) | undefined;
+    "onDrag:move"?: ((...args: any[]) => any) | undefined;
+    "onDrag:end"?: ((...args: any[]) => any) | undefined;
+    "onResize:start"?: ((...args: any[]) => any) | undefined;
+    "onResize:move"?: ((...args: any[]) => any) | undefined;
+    "onResize:end"?: ((...args: any[]) => any) | undefined;
+}>, {
+    chromePadding: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/explorer/Frame.vue

@@ -0,0 +1,73 @@
+<script setup>
+import { useSlots, computed, useAttrs } from "vue";
+import Nav from "./Nav.vue";
+const props = defineProps({
+  window: { type: Object, required: false },
+  content: { type: null, required: false },
+  chromePadding: { type: Boolean, required: false, default: true },
+  frameClass: { type: String, required: false }
+});
+defineEmits([
+  "drag:start",
+  "drag:move",
+  "drag:end",
+  "resize:start",
+  "resize:move",
+  "resize:end"
+]);
+defineOptions({ inheritAttrs: false });
+const attrs = useAttrs();
+const windowRootClass = computed(
+  () => [attrs.class, props.frameClass].filter(Boolean)
+);
+const slots = useSlots();
+const hasHeaderBelowNavSlot = computed(
+  () => typeof slots["header-below-nav"] === "function"
+);
+const hasNavSlot = computed(() => typeof slots.nav === "function");
+</script>
+
+<template>
+  <DesktopCoreWindow
+    :class="windowRootClass"
+    :window="props.window"
+    :content="props.content"
+    v-show="props.window?.state?.active ?? true"
+    @drag:start="$emit('drag:start', $event)"
+    @drag:move="$emit('drag:move', $event)"
+    @drag:end="$emit('drag:end', $event)"
+    @resize:start="$emit('resize:start', $event)"
+    @resize:move="$emit('resize:move', $event)"
+    @resize:end="$emit('resize:end', $event)"
+  >
+    <div :class="['flex flex-col h-full bg-white dark:bg-gray-950 border border-gray-200 dark:border-gray-800 rounded-lg shadow-lg overflow-hidden', props.chromePadding === false ? '' : 'p-2']">
+      <div class="desktop-explorer-frame__header-stack">
+        <slot v-if="hasNavSlot" name="nav" />
+        <Nav v-else>
+          <template #prepend>
+            <slot name="nav-prepend" />
+          </template>
+          <template v-slot:title v-if="$slots['nav-title']">
+            <slot name="nav-title" />
+          </template>
+          <template #append>
+            <slot name="nav-append" />
+          </template>
+        </Nav>
+        <div
+          v-if="hasHeaderBelowNavSlot"
+          class="desktop-explorer-frame__header-below-nav"
+        >
+          <slot name="header-below-nav" />
+        </div>
+      </div>
+      <div class="flex-1 min-h-0 flex flex-col">
+        <slot />
+      </div>
+    </div>
+  </DesktopCoreWindow>
+</template>
+
+<style scoped>
+.desktop-explorer-frame__header-stack{display:flex;flex-direction:column;min-width:0}.desktop-explorer-frame__header-below-nav{min-width:0}.owd-window.resizable-component{box-sizing:border-box;cursor:default;display:inline-block;min-height:160px;min-width:160px;text-align:left}@media (max-width:599px){.owd-window.resizable-component{bottom:0!important;height:100vh!important;left:0!important;max-height:100vh;max-width:100vw;right:0!important;top:0!important;z-index:9999999999!important}}
+</style>

package/dist/runtime/components/explorer/Frame.vue.d.ts

@@ -0,0 +1,75 @@
+declare var __VLS_14: {}, __VLS_23: {}, __VLS_26: {}, __VLS_29: {}, __VLS_31: {}, __VLS_33: {};
+type __VLS_Slots = {} & {
+    nav?: (props: typeof __VLS_14) => any;
+} & {
+    'nav-prepend'?: (props: typeof __VLS_23) => any;
+} & {
+    'nav-title'?: (props: typeof __VLS_26) => any;
+} & {
+    'nav-append'?: (props: typeof __VLS_29) => any;
+} & {
+    'header-below-nav'?: (props: typeof __VLS_31) => any;
+} & {
+    default?: (props: typeof __VLS_33) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    window: {
+        type: ObjectConstructor;
+        required: false;
+    };
+    content: {
+        type: null;
+        required: false;
+    };
+    chromePadding: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    frameClass: {
+        type: StringConstructor;
+        required: false;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "drag:start": (...args: any[]) => void;
+    "drag:move": (...args: any[]) => void;
+    "drag:end": (...args: any[]) => void;
+    "resize:start": (...args: any[]) => void;
+    "resize:move": (...args: any[]) => void;
+    "resize:end": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    window: {
+        type: ObjectConstructor;
+        required: false;
+    };
+    content: {
+        type: null;
+        required: false;
+    };
+    chromePadding: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    frameClass: {
+        type: StringConstructor;
+        required: false;
+    };
+}>> & Readonly<{
+    "onDrag:start"?: ((...args: any[]) => any) | undefined;
+    "onDrag:move"?: ((...args: any[]) => any) | undefined;
+    "onDrag:end"?: ((...args: any[]) => any) | undefined;
+    "onResize:start"?: ((...args: any[]) => any) | undefined;
+    "onResize:move"?: ((...args: any[]) => any) | undefined;
+    "onResize:end"?: ((...args: any[]) => any) | undefined;
+}>, {
+    chromePadding: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/explorer/Nav.d.vue.ts

@@ -0,0 +1,17 @@
+declare var __VLS_9: {}, __VLS_11: {}, __VLS_18: {};
+type __VLS_Slots = {} & {
+    prepend?: (props: typeof __VLS_9) => any;
+} & {
+    title?: (props: typeof __VLS_11) => any;
+} & {
+    append?: (props: typeof __VLS_18) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/explorer/Nav.vue

@@ -0,0 +1,83 @@
+<script setup>
+import { inject, useSlots, computed } from "vue";
+import { useToggleWindowMaximize } from "@owdproject/nuxt/runtime/composables/useToggleWindowMaximize";
+const windowController = inject("windowController");
+const toggleWindowMaximize = useToggleWindowMaximize();
+const slots = useSlots();
+const hasCustomTitle = computed(() => typeof slots.title === "function");
+function onWindowMinimize() {
+  if (!windowController?.instanced) return;
+  windowController.actions.minimize();
+}
+function onWindowMaximize() {
+  toggleWindowMaximize(windowController);
+}
+function onWindowNavDestroy() {
+  if (!windowController?.instanced) return;
+  windowController.actions.destroy();
+}
+</script>
+
+<template>
+  <DesktopCoreWindowNav 
+    class="flex items-center justify-between px-3 py-1.5 bg-gray-100 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700 select-none cursor-default"
+    @dblclick="onWindowMaximize"
+  >
+    <div class="flex items-center space-x-2 min-w-0">
+      <slot name="prepend" />
+
+      <slot v-if="hasCustomTitle" name="title" />
+
+      <template v-else>
+        <UIcon
+          v-if="windowController?.icon"
+          :name="windowController.icon"
+          class="w-4 h-4 text-gray-500 dark:text-gray-400 flex-shrink-0"
+        />
+
+        <span 
+          v-if="windowController?.title" 
+          class="text-xs font-semibold text-gray-700 dark:text-gray-300 truncate"
+          v-text="windowController?.title"
+        />
+      </template>
+    </div>
+
+    <div class="flex items-center space-x-1 flex-shrink-0">
+      <slot name="append" />
+
+      <UButton
+        v-if="!windowController?.instanced || windowController?.isMinimizable"
+        icon="i-heroicons-minus"
+        size="2xs"
+        color="gray"
+        variant="ghost"
+        class="h-5 w-5 p-0 flex items-center justify-center rounded"
+        @mousedown.stop
+        @click.stop="onWindowMinimize"
+      />
+      <UButton
+        v-slot:default
+        v-if="windowController?.isMaximizable"
+        icon="i-heroicons-squares-2x2"
+        size="2xs"
+        color="gray"
+        variant="ghost"
+        class="h-5 w-5 p-0 flex items-center justify-center rounded"
+        @mousedown.stop
+        @click.stop="onWindowMaximize"
+      />
+      <UButton
+        v-slot:default
+        v-if="!windowController?.instanced || windowController?.isDestroyable"
+        icon="i-heroicons-x-mark"
+        size="2xs"
+        color="red"
+        variant="ghost"
+        class="h-5 w-5 p-0 flex items-center justify-center rounded hover:bg-red-500 hover:text-white"
+        @mousedown.stop
+        @click.stop="onWindowNavDestroy"
+      />
+    </div>
+  </DesktopCoreWindowNav>
+</template>

package/dist/runtime/components/explorer/Nav.vue.d.ts

@@ -0,0 +1,17 @@
+declare var __VLS_9: {}, __VLS_11: {}, __VLS_18: {};
+type __VLS_Slots = {} & {
+    prepend?: (props: typeof __VLS_9) => any;
+} & {
+    title?: (props: typeof __VLS_11) => any;
+} & {
+    append?: (props: typeof __VLS_18) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/explorer/SelectableArea.d.vue.ts

@@ -0,0 +1,33 @@
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    fsExplorer: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    dropEnabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    fsExplorer: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    dropEnabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+}>> & Readonly<{}>, {
+    dropEnabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/explorer/SelectableArea.vue

@@ -0,0 +1,83 @@
+<script setup>
+import { ref, onMounted, useTemplateRef, computed, watch } from "vue";
+import { VueSelecto } from "vue3-selecto";
+import { useExplorerExternalDrop } from "@owdproject/nuxt-module-fs/runtime/composables/useExplorerExternalDrop";
+import { explorerEntryAbsolutePath } from "@owdproject/nuxt-module-fs/runtime/utils/utilExplorerEntryPath";
+const props = defineProps({
+  fsExplorer: { type: Object, required: true },
+  dropEnabled: { type: Boolean, required: false }
+});
+const dropEnabled = computed(() => props.dropEnabled ?? true);
+const { isDragOver, onDragEnter, onDragOver, onDragLeave, onDrop } = useExplorerExternalDrop(props.fsExplorer, {
+  enabled: () => dropEnabled.value
+});
+const selectoContainer = useTemplateRef("selectoContainer");
+const windowContentContainer = ref();
+const container = typeof document !== "undefined" ? document.body : void 0;
+const files = ref([]);
+watch(
+  () => props.fsExplorer.selectedFiles.value,
+  (newSelected) => {
+    files.value = newSelected ? [...newSelected] : [];
+  },
+  { deep: true, immediate: true }
+);
+function resolveEntryPath(fileName) {
+  return explorerEntryAbsolutePath(props.fsExplorer.basePath.value, fileName);
+}
+function onSelect(e) {
+  e.added.forEach((el) => {
+    const name = el.getAttribute("data-filename");
+    if (!name) return;
+    const path = resolveEntryPath(name);
+    if (!files.value.includes(path)) {
+      files.value.push(path);
+    }
+    props.fsExplorer.selectFiles(files.value);
+  });
+  e.removed.forEach((el) => {
+    const name = el.getAttribute("data-filename");
+    if (!name) return;
+    const path = resolveEntryPath(name);
+    const fileIndex = files.value.indexOf(path);
+    if (fileIndex > -1) {
+      files.value.splice(fileIndex, 1);
+    }
+    props.fsExplorer.selectFiles(files.value);
+  });
+}
+onMounted(() => {
+  const root = selectoContainer.value;
+  if (root) {
+    windowContentContainer.value = root.closest(".owd-window__content") ?? void 0;
+  }
+});
+</script>
+
+<template>
+  <div
+    ref="selectoContainer"
+    class="desktop-explorer-dropzone flex-1 flex flex-wrap p-4 select-none min-h-full items-start content-start"
+    :class="{ 'desktop-explorer-dropzone--active bg-blue-50/30 dark:bg-blue-900/10': isDragOver }"
+    @dragenter="onDragEnter"
+    @dragover="onDragOver"
+    @dragleave="onDragLeave"
+    @drop="onDrop"
+  >
+    <VueSelecto
+      v-if="container && windowContentContainer"
+      :rootContainer="windowContentContainer"
+      :dragContainer="windowContentContainer"
+      :selectableTargets='[".owd-file"]'
+      :selectByClick="true"
+      :selectFromInside="true"
+      :continueSelect="false"
+      toggleContinueSelect="ctrl"
+      :keyContainer="container"
+      :hitRate="60"
+      @select="onSelect"
+    />
+
+    <slot />
+  </div>
+</template>

package/dist/runtime/components/explorer/SelectableArea.vue.d.ts

@@ -0,0 +1,33 @@
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    fsExplorer: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    dropEnabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    fsExplorer: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    dropEnabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+}>> & Readonly<{}>, {
+    dropEnabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/explorer/Workspace.d.vue.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    config?: Record<string, any>;
+    window: Record<string, any>;
+    frameClass?: string;
+};
+declare var __VLS_8: {}, __VLS_29: {}, __VLS_45: {}, __VLS_54: {};
+type __VLS_Slots = {} & {
+    nav?: (props: typeof __VLS_8) => any;
+} & {
+    toolbar?: (props: typeof __VLS_29) => any;
+} & {
+    address?: (props: typeof __VLS_45) => any;
+} & {
+    'file-pane'?: (props: typeof __VLS_54) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/explorer/Workspace.vue

@@ -0,0 +1,116 @@
+<script setup>
+import { useExplorerWindow } from "@owdproject/nuxt-module-fs/runtime/composables/useExplorerWindow";
+import { useI18n } from "vue-i18n";
+import { explorerEntryAbsolutePath } from "@owdproject/nuxt-module-fs/runtime/utils/utilExplorerEntryPath";
+import { computed } from "vue";
+import Frame from "./Frame.vue";
+import Chrome from "./Chrome.vue";
+import FilePane from "./FilePane.vue";
+import AddressBar from "./AddressBar.vue";
+import DefaultToolbar from "./DefaultToolbar.vue";
+const props = defineProps({
+  config: { type: Object, required: false },
+  window: { type: Object, required: true },
+  frameClass: { type: String, required: false }
+});
+const { t } = useI18n();
+const fsExplorer = useExplorerWindow(props.window, t);
+props.window.fsExplorer = fsExplorer;
+void fsExplorer.initialize();
+function mapMenuItems(items) {
+  if (!items) return [];
+  return [
+    items.map((subItem) => ({
+      label: subItem.label,
+      icon: subItem.icon,
+      click: () => {
+        if (typeof subItem.command === "function") {
+          subItem.command();
+        }
+      }
+    }))
+  ];
+}
+</script>
+
+<template>
+  <Frame
+    :window="window"
+    :frame-class="frameClass"
+  >
+    <template v-if="$slots.nav" v-slot:nav>
+      <slot name="nav" />
+    </template>
+
+    <Chrome>
+      <!-- Menu bar row -->
+      <div v-if="window.menu && window.menu.length > 0" class="flex items-center space-x-1 px-2 py-1 bg-gray-50 dark:bg-gray-900 border-b border-gray-200 dark:border-gray-800 flex-shrink-0">
+        <UDropdown
+          v-for="menu of window.menu"
+          :key="menu.label"
+          :items="mapMenuItems(menu.items)"
+          :popper="{ placement: 'bottom-start' }"
+        >
+          <UButton
+            color="gray"
+            variant="ghost"
+            size="xs"
+            class="text-xs font-medium py-1 px-2"
+          >
+            {{ menu.label }}
+          </UButton>
+        </UDropdown>
+      </div>
+
+      <slot name="toolbar">
+        <DefaultToolbar
+          :arrows-disabled="fsExplorer.fsDirectoryNavigation.history.value.length <= 1"
+          @back="fsExplorer.directoryBack"
+          @forward="fsExplorer.directoryForward"
+          @up="fsExplorer.directoryUp"
+          @cut="fsExplorer.cutSelectedFiles"
+          @copy="fsExplorer.copySelectedFiles"
+          @paste="() => fsExplorer.fsController?.pasteClipboardFiles()"
+          @delete="() => fsExplorer.fsController?.deleteSelectedFiles()"
+          @properties="fsExplorer.fileProperties"
+        />
+      </slot>
+
+      <slot name="address">
+        <AddressBar
+          :address="fsExplorer.basePath.value ?? ''"
+          @update:model-value="(value) => {
+  fsExplorer.basePath.value = value;
+}"
+        />
+      </slot>
+
+      <slot name="file-pane">
+        <FilePane>
+          <DesktopExplorerSelectableArea
+            v-if="!String(window.meta.path ?? '').startsWith('http')"
+            :fs-explorer="fsExplorer"
+          >
+            <DesktopExplorerFileEntry
+              v-for="fileName of fsExplorer.fsEntries.value"
+              :key="fileName"
+              :data-filename="fileName"
+              :basePath="fsExplorer.basePath.value"
+              :fileName="fileName"
+              :layout="fsExplorer.layout.value"
+              :selected="fsExplorer.selectedFiles.value.includes(explorerEntryAbsolutePath(fsExplorer.basePath.value, fileName))"
+              :cutted="fsExplorer.fsClipboard.clipboardFiles.value.includes(explorerEntryAbsolutePath(fsExplorer.basePath.value, fileName)) && fsExplorer.fsClipboard.clipboardType.value === 'cut'"
+              :window="window"
+            />
+          </DesktopExplorerSelectableArea>
+          <iframe
+            v-else
+            class="w-full h-full border-0"
+            :src="window.meta.path ?? ''"
+            :style="{ pointerEvents: window?.state?.focused ? 'auto' : 'none' }"
+          />
+        </FilePane>
+      </slot>
+    </Chrome>
+  </Frame>
+</template>

package/dist/runtime/components/explorer/Workspace.vue.d.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    config?: Record<string, any>;
+    window: Record<string, any>;
+    frameClass?: string;
+};
+declare var __VLS_8: {}, __VLS_29: {}, __VLS_45: {}, __VLS_54: {};
+type __VLS_Slots = {} & {
+    nav?: (props: typeof __VLS_8) => any;
+} & {
+    toolbar?: (props: typeof __VLS_29) => any;
+} & {
+    address?: (props: typeof __VLS_45) => any;
+} & {
+    'file-pane'?: (props: typeof __VLS_54) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/dialogs/createDesktopDialogs.d.ts

@@ -0,0 +1,2 @@
+import type { DesktopDialogProvider } from '@owdproject/nuxt/runtime/dialogs/desktopDialogProvider';
+export declare function createDesktopDialogs(): DesktopDialogProvider;