<script setup>
import { useDialogPluginComponent } from "quasar";
defineEmits([
  ...useDialogPluginComponent.emits
]);
const { dialogRef, onDialogHide, onDialogOK, onDialogCancel } = useDialogPluginComponent();
const onInput = (value, row) => {
  onDialogOK({ path: value, row });
};
</script>

<template>
  <q-dialog ref="dialogRef" @hide="onDialogHide" full-height full-width>
    <q-card style="width: 100%; height: 100%;">
      <Suspense>
        <l-file-manager closable @close="onDialogCancel" @input="onInput"></l-file-manager>
        <template #fallback>
          <div class="flex flex-center" style="height: 100%;">
            <q-spinner color="primary" size="3em" />
          </div>
        </template>
      </Suspense>
    </q-card>
  </q-dialog>
</template>
