@cwa/nuxt-edge 1.0.0-29138192.e49c1a0

package/dist/runtime/templates/components/core/ConfirmDialog.vue

@@ -0,0 +1,41 @@
+<script setup>
+import { computed, ref } from "vue";
+import DialogBox, {} from "#cwa/runtime/templates/components/core/DialogBox.vue";
+const props = defineProps({
+  title: { type: String, required: true, default: "No Title Set" },
+  content: { type: String, required: true, default: "No Content Set" }
+});
+const emit = defineEmits(["confirm", "cancel"]);
+const open = ref(true);
+function completeDialog(eventName) {
+  open.value = false;
+  setTimeout(() => {
+    emit(eventName);
+  }, eventName === "cancel" ? 300 : 0);
+}
+const buttons = computed(() => {
+  return [
+    {
+      label: "Ok",
+      color: "blue",
+      buttonClass: "cwa:min-w-[120px]",
+      callbackFn: () => completeDialog("confirm")
+    },
+    {
+      label: "Cancel",
+      color: "grey",
+      callbackFn: () => completeDialog("cancel")
+    }
+  ];
+});
+</script>
+
+<template>
+  <DialogBox
+    v-model="open"
+    :title="title"
+    :buttons="buttons"
+  >
+    <div v-html="props.content" />
+  </DialogBox>
+</template>

package/dist/runtime/templates/components/core/ConfirmDialog.vue.d.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    title: string;
+    content: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
+    content: string;
+    title: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/templates/components/core/DialogBox.vue

@@ -0,0 +1,95 @@
+<template>
+  <TransitionRoot
+    as="template"
+    :show="isOpen"
+  >
+    <Dialog
+      as="div"
+      class="cwa:relative cwa:z-dialog"
+      @close="setIsOpen"
+    >
+      <TransitionChild
+        as="template"
+        enter="cwa:ease-out cwa:duration-300"
+        enter-from="cwa:opacity-0"
+        enter-to="cwa:opacity-100"
+        leave="cwa:ease-in cwa:duration-200"
+        leave-from="cwa:opacity-100"
+        leave-to="cwa:opacity-0"
+      >
+        <div class="cwa:fixed cwa:inset-0 cwa:dark-blur cwa:transition-opacity" />
+      </TransitionChild>
+
+      <div class="cwa:fixed cwa:inset-0 cwa:z-10 cwa:w-screen cwa:overflow-y-auto">
+        <div class="cwa:flex cwa:min-h-full cwa:items-end cwa:justify-center cwa:p-4 cwa:text-center cwa:sm:items-center">
+          <TransitionChild
+            as="template"
+            enter="cwa:ease-out cwa:duration-300"
+            enter-from="cwa:opacity-0 cwa:translate-y-4 cwa:sm:translate-y-0 cwa:sm:scale-95"
+            enter-to="cwa:opacity-100 cwa:translate-y-0 cwa:sm:scale-100"
+            leave="cwa:duration-0"
+            leave-from="cwa:opacity-100"
+            leave-to="cwa:opacity-0"
+          >
+            <DialogPanel :class="panelClassName">
+              <div class="cwa:sm:flex cwa:sm:items-start">
+                <div class="w-full">
+                  <DialogTitle
+                    as="h3"
+                    class="cwa:text-xl cwa:sm:text-4xl cwa:font-normal cwa:border-b cwa:border-stone-600 cwa:px-6 cwa:pb-4  cwa:dark-blur cwa:pt-5"
+                  >
+                    {{ title }}
+                  </DialogTitle>
+                  <div class="cwa:px-6 cwa:py-6 cwa:bg-dark">
+                    <slot />
+                  </div>
+                </div>
+              </div>
+              <div class="cwa:px-6 cwa:py-5 cwa:sm:flex cwa:sm:flex-row-reverse cwa:gap-y-2 cwa:sm:gap-y-0 cwa:sm:gap-x-6 cwa:sm:gap-x-reverse cwa:dark-blur cwa:border-t cwa:border-stone-600">
+                <slot name="buttons">
+                  <CwaUiFormButton
+                    v-for="button of buttons"
+                    :key="`dialog-button-${button.label}`"
+                    :color="button.color"
+                    :button-class="button.buttonClass"
+                    :disabled="!!button.disabled || isLoading"
+                    @click="!button.disabled && (button?.callbackFn ? button.callbackFn() : setIsOpen(false))"
+                  >
+                    {{ button.label }}
+                  </CwaUiFormButton>
+                </slot>
+              </div>
+            </DialogPanel>
+          </TransitionChild>
+        </div>
+      </div>
+    </Dialog>
+  </TransitionRoot>
+</template>
+
+<script setup>
+import { computed } from "vue";
+import { Dialog, DialogPanel, DialogTitle, TransitionChild, TransitionRoot } from "@headlessui/vue";
+const isOpen = defineModel({ type: Boolean, ...{ default: false } });
+defineProps({
+  title: { type: String, required: true, default: "" },
+  buttons: { type: Array, required: true, default: () => [
+    {
+      color: "blue",
+      buttonClass: "cwa:min-w-[120px]",
+      label: "Done"
+    },
+    {
+      color: "grey",
+      label: "Cancel"
+    }
+  ] },
+  isLoading: { type: Boolean, required: false, default: false }
+});
+function setIsOpen(value) {
+  isOpen.value = !!value;
+}
+const panelClassName = computed(() => {
+  return "cwa:relative cwa:transform cwa:overflow-hidden cwa:rounded-xl cwa:text-white cwa:text-left cwa:shadow-xl cwa:transition-all cwa:sm:my-8 cwa:sm:w-full cwa:sm:max-w-3xl";
+});
+</script>

package/dist/runtime/templates/components/core/DialogBox.vue.d.ts

@@ -0,0 +1,38 @@
+import type { ButtonColor } from '#cwa/runtime/templates/components/ui/form/Button.vue';
+export interface ActionButton {
+    label: string;
+    color: ButtonColor;
+    buttonClass?: string;
+    callbackFn?: () => void;
+    disabled?: boolean;
+}
+type __VLS_Props = {
+    title: string;
+    buttons: ActionButton[];
+    isLoading?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: boolean;
+};
+declare var __VLS_30: {}, __VLS_32: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_30) => any;
+} & {
+    buttons?: (props: typeof __VLS_32) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    title: string;
+    isLoading: boolean;
+    buttons: ActionButton[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/templates/components/core/README.md

@@ -0,0 +1 @@
+Components in this directory are for internal use by the module and are not automatically imported. This should not be used within your application and are internal.

package/dist/runtime/templates/components/core/ResourceLoader.spec.ts.snap

@@ -0,0 +1,39 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`ResourceLoader > snapshots > should match snapshot IF UI component is not resolved 1`] = `
+<warning-stub>
+  <p>
+    The component 'TestComponentMock' for resource 'testIri' cannot be resolved
+  </p>
+</warning-stub>
+`;
+
+exports[`ResourceLoader > snapshots > should match snapshot IF component is resolved from props 1`] = `
+<dummycomponent-stub
+  iri="testIri"
+/>
+`;
+
+exports[`ResourceLoader > snapshots > should match snapshot IF global component name is resolved 1`] = `
+<globalcomponent-stub
+  iri="testIri"
+/>
+`;
+
+exports[`ResourceLoader > snapshots > should match snapshot IF resource data is not resolved 1`] = `<!--v-if-->`;
+
+exports[`ResourceLoader > snapshots > should match snapshot IF resource does not exist after loading 1`] = `
+<warning-stub>
+  <p>
+    Resource 'testIri' has not been requested
+  </p>
+</warning-stub>
+`;
+
+exports[`ResourceLoader > snapshots > should match snapshot IF resource is loading 1`] = `
+<div>
+  <spinner-stub
+    show="true"
+  />
+</div>
+`;

package/dist/runtime/templates/components/core/ResourceLoader.vue

@@ -0,0 +1,151 @@
+<template>
+  <div v-if="isLoading">
+    <Spinner :show="true" />
+  </div>
+  <CwaUiAlertWarning v-else-if="warningPlaceholder">
+    <p>{{ warningPlaceholder }}</p>
+  </CwaUiAlertWarning>
+  <component
+    v-bind="$attrs"
+    :is="resolvedComponent"
+    v-else-if="!!resource?.data && iri"
+    ref="resourceComponent"
+    :iri="iri"
+    :class="resourceClassNames"
+  />
+</template>
+
+<script setup>
+import { computed, onMounted, watch, getCurrentInstance, ref, onBeforeMount, useTemplateRef } from "vue";
+import { CwaResourceApiStatuses } from "../../../storage/stores/resources/state";
+import { useCwa } from "#imports";
+import {
+  CwaResourceTypes,
+  getPublishedResourceState,
+  getResourceTypeFromIri
+} from "#cwa/runtime/resources/resource-utils";
+import Spinner from "#cwa/runtime/templates/components/utils/Spinner.vue";
+const $cwa = useCwa();
+const instance = getCurrentInstance();
+const props = defineProps({
+  iri: { type: String, required: true },
+  componentPrefix: { type: String, required: false, default: "" },
+  uiComponent: { type: null, required: false, default: void 0 }
+});
+const resource = computed(() => $cwa.resources.getResource(props.iri).value);
+const resourceComponent = useTemplateRef("resourceComponent");
+const resourceLoadBuffering = ref(!resource.value);
+onBeforeMount(() => {
+  if (resourceLoadBuffering.value) {
+    setTimeout(() => {
+      resourceLoadBuffering.value = false;
+    }, 20);
+  }
+});
+const isLoading = computed(() => {
+  if (!props.iri) {
+    return false;
+  }
+  const isLoading2 = !!resource.value && !resource.value?.data && resource.value?.apiState.status === CwaResourceApiStatuses.IN_PROGRESS;
+  return isLoading2 || resource.value === void 0 && resourceLoadBuffering.value;
+});
+const warningPlaceholder = computed(() => {
+  if (!props.iri) {
+    return "No IRI has been passed as a property to the `ResourceLoader` component";
+  }
+  if (!resource.value) {
+    return `Resource '${props.iri}' has not been requested`;
+  }
+  if (resourceUiComponent.value && !resolvedComponent.value) {
+    return `The component '${resourceUiComponent.value}' for resource '${props.iri}' cannot be resolved`;
+  }
+  return void 0;
+});
+const resourceUiComponent = computed(() => {
+  const data = resource.value?.data;
+  if (!data) {
+    return;
+  }
+  const rawName = data.uiComponent || data["@type"];
+  if (!rawName) {
+    return;
+  }
+  if (!props.componentPrefix) {
+    return rawName;
+  }
+  const regExp = new RegExp(`^${props.componentPrefix}`);
+  return props.componentPrefix + rawName.replace(regExp, "");
+});
+const resourceClassNames = computed(() => {
+  return resource.value?.data?.uiClassNames;
+});
+const hasError = computed(() => {
+  return resource.value?.apiState.status === CwaResourceApiStatuses.ERROR;
+});
+const hasSilentError = computed(() => {
+  if (!hasError.value) {
+    return false;
+  }
+  const state = resource.value?.apiState;
+  const statusCode = state.error?.statusCode;
+  return !!(statusCode && statusCode >= 400 && statusCode < 500);
+});
+const resolvedComponent = computed(() => {
+  if (props.uiComponent) {
+    return props.uiComponent;
+  }
+  if (typeof instance?.appContext.components !== "object" || !resourceUiComponent.value || !(resourceUiComponent.value in instance.appContext.components)) {
+    return;
+  }
+  return resourceUiComponent.value;
+});
+const ssrNoDataWithSilentError = computed(() => {
+  return resource.value?.apiState.ssr && resource.value?.data === void 0 && hasSilentError;
+});
+const ssrPositionHasPartialData = computed(() => {
+  return resource.value?.apiState.ssr && !!$cwa.auth.user && getResourceTypeFromIri(props.iri) === CwaResourceTypes.COMPONENT_POSITION && $cwa.resources.usesPageTemplate.value;
+});
+const refetchPublishedSsrResourceToResolveDraft = computed(() => {
+  if (getResourceTypeFromIri(props.iri) !== CwaResourceTypes.COMPONENT) {
+    return false;
+  }
+  if (!resource.value) {
+    return;
+  }
+  const publishableState = getPublishedResourceState(resource.value);
+  return publishableState === true && resource.value?.apiState.ssr && $cwa.auth.user;
+});
+const isOutdated = computed(() => {
+  const apiState = resource.value?.apiState;
+  if (!apiState || apiState.status !== CwaResourceApiStatuses.SUCCESS || !apiState.fetchedAt || !apiState.ssr) {
+    return;
+  }
+  const nowTime = (/* @__PURE__ */ new Date()).getTime();
+  const timeDifference = nowTime - apiState.fetchedAt;
+  return timeDifference > 5e3;
+});
+async function clientFetchResource() {
+  await $cwa.fetchResource({
+    path: props.iri
+  });
+}
+const methods = {
+  async fetchResource() {
+    if (isLoading.value) {
+      return;
+    }
+    if (ssrNoDataWithSilentError.value || ssrPositionHasPartialData.value || refetchPublishedSsrResourceToResolveDraft.value) {
+      await clientFetchResource();
+    }
+  }
+};
+onMounted(() => {
+  isOutdated.value && clientFetchResource();
+  watch([hasSilentError, resource], methods.fetchResource, {
+    immediate: true
+  });
+});
+defineExpose({
+  resourceComponent
+});
+</script>

package/dist/runtime/templates/components/core/ResourceLoader.vue.d.ts

@@ -0,0 +1,13 @@
+import { type CwaResourceMeta } from '#imports';
+import type { IriProp } from '#cwa/runtime/composables/cwa-resource.js';
+type __VLS_Props = IriProp & {
+    componentPrefix?: string;
+    uiComponent?: any;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    resourceComponent: Readonly<import("vue").ShallowRef<CwaResourceMeta | null>>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    uiComponent: any;
+    componentPrefix: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/templates/components/core/admin/ListContainer.vue

@@ -0,0 +1,7 @@
+<template>
+  <div class="cwa:flex cwa:justify-center cwa:px-8">
+    <div class="cwa:w-full cwa:max-w-2xl">
+      <slot />
+    </div>
+  </div>
+</template>

package/dist/runtime/templates/components/core/admin/ListContainer.vue.d.ts

@@ -0,0 +1,12 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/templates/components/core/admin/ListContent.vue

@@ -0,0 +1,136 @@
+<template>
+  <ListContainer class="cwa:py-4">
+    <div class="cwa:relative">
+      <Transition
+        appear
+        mode="out-in"
+        enter-from-class="cwa:transform cwa:opacity-0"
+        enter-active-class="cwa:duration-200 cwa:ease-out"
+        enter-to-class="cwa:opacity-100"
+        leave-from-class="cwa:opacity-100"
+        leave-active-class="cwa:duration-200 cwa:ease-in"
+        leave-to-class="cwa:transform cwa:opacity-0"
+      >
+        <Spinner
+          v-if="loading"
+          class="cwa:absolute"
+          :show="true"
+        />
+        <div
+          v-else-if="!items.length"
+          class="cwa:flex cwa:justify-center"
+        >
+          <div class="cwa:w-full cwa:max-w-xl cwa:text-center cwa:flex cwa:flex-col cwa:gap-y-2 cwa:text-stone-400">
+            <div class="cwa:flex cwa:justify-center">
+              <CwaUiIconWarningIcon class="cwa:w-20" />
+            </div>
+            <h2 class="cwa:font-bold">
+              Sorry, no items found
+            </h2>
+          </div>
+        </div>
+        <div v-else>
+          <ListPagination
+            v-model:page.number="pageModel"
+            v-model:per-page.number="perPageModel"
+            :total-items="hydraData.totalItems || 0"
+          />
+          <ul class="cwa:flex cwa:flex-col cwa:mb-8">
+            <li
+              v-for="(item, index) in items"
+              :key="`list-item-${index}`"
+            >
+              <slot
+                name="item"
+                v-bind="{ data: getItemFromStore(item), rawData: item }"
+              >
+                <div class="cwa:dark-blur cwa:p-2 cwa:border cwa:border-light/20">
+                  <span class="cwa:font-bold">No list item template UI provided</span>
+                  <pre class="cwa:text-xs cwa:p-2 cwa:max-h-40 cwa:overflow-auto">{{ item }}</pre>
+                </div>
+              </slot>
+            </li>
+          </ul>
+          <ListPagination
+            v-model:page.number="pageModel"
+            v-model:per-page.number="perPageModel"
+            :total-items="hydraData.totalItems || 0"
+          />
+        </div>
+      </Transition>
+    </div>
+  </ListContainer>
+</template>
+
+<script setup>
+import { onMounted, ref, watch } from "vue";
+import { useRoute } from "vue-router";
+import ListContainer from "./ListContainer.vue";
+import ListPagination from "./ListPagination.vue";
+import Spinner from "#cwa/runtime/templates/components/utils/Spinner.vue";
+import { useCwa, useQueryBoundModel } from "#imports";
+const $cwa = useCwa();
+const route = useRoute();
+const { model: perPageModel } = useQueryBoundModel("perPage", { defaultValue: null, asNumber: true });
+const { model: pageModel } = useQueryBoundModel("page", { defaultValue: 1, asNumber: true });
+watch(perPageModel, (newValue) => {
+  if (!newValue) {
+    perPageModel.value = 5;
+  }
+}, {
+  immediate: true
+});
+const props = defineProps({
+  fetchUrl: { type: String, required: true }
+});
+const loading = ref(true);
+const items = ref([]);
+const hydraData = ref();
+const currentRequestId = ref(0);
+async function reloadItems() {
+  const thisRequestId = currentRequestId.value + 1;
+  currentRequestId.value = thisRequestId;
+  loading.value = true;
+  const { response } = $cwa.fetch({ path: props.fetchUrl });
+  const { _data: data } = await response;
+  hydraData.value = {
+    totalItems: data?.["hydra:totalItems"] || 0,
+    view: data?.["hydra:view"]
+  };
+  if (thisRequestId === currentRequestId.value) {
+    data && (items.value = data["hydra:member"]);
+    loading.value = false;
+  }
+}
+function getItemFromStore(item) {
+  const storeItemData = $cwa.resources.getResource(item["@id"]).value?.data;
+  return storeItemData || item;
+}
+watch(() => route.query, (newQuery, oldQuery) => {
+  const cleanPaginationFromQuery = (q) => {
+    const cleanQuery = { ...q };
+    delete cleanQuery.perPage;
+    delete cleanQuery.page;
+    return cleanQuery;
+  };
+  const cleanedOld = cleanPaginationFromQuery(oldQuery);
+  const cleanedNew = cleanPaginationFromQuery(newQuery);
+  if (JSON.stringify(cleanedOld) !== JSON.stringify(cleanedNew)) {
+    pageModel.value = 1;
+  }
+}, {
+  deep: true
+});
+watch(() => route.query, (oldQuery, newQuery) => {
+  if (JSON.stringify(oldQuery) === JSON.stringify(newQuery)) {
+    return;
+  }
+  reloadItems();
+});
+onMounted(() => {
+  reloadItems();
+});
+defineExpose({
+  reloadItems
+});
+</script>

package/dist/runtime/templates/components/core/admin/ListContent.vue.d.ts

@@ -0,0 +1,21 @@
+type __VLS_Props = {
+    fetchUrl: string;
+};
+declare function reloadItems(): Promise<void>;
+declare var __VLS_19: {
+    data: any;
+    rawData: any;
+};
+type __VLS_Slots = {} & {
+    item?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    reloadItems: typeof reloadItems;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/templates/components/core/admin/ListFilter.vue

@@ -0,0 +1,49 @@
+<template>
+  <ListContainer class="cwa:py-4">
+    <div class="cwa:flex cwa:gap-x-8">
+      <div class="cwa:grow">
+        <FilterFormWrapper
+          label="Search"
+          input-id="search-input"
+        >
+          <input
+            id="search-input"
+            v-model="searchModel"
+            type="text"
+            class="cwa:transition-colors cwa:border-0 cwa:focus:ring-0 cwa:outline-0 cwa:peer cwa:bg-stone-700/80 cwa:focus:bg-stone-700 cwa:rounded-lg cwa:w-full"
+          >
+          <CwaUiIconSearchIcon class="cwa:absolute cwa:right-2.5 cwa:top-1/2 cwa:-translate-y-1/2 cwa:w-[1.2rem] cwa:text-white/50 cwa:peer-focus:text-white cwa:transition-colors" />
+        </FilterFormWrapper>
+      </div>
+      <div class="cwa:min-w-[150px]">
+        <FilterFormWrapper
+          label="Sort"
+          input-id="filter-select"
+        >
+          <FilterSelect
+            v-model="orderModel"
+            :options="orderOptions"
+            class="flex-grow cwa:w-full"
+          />
+        </FilterFormWrapper>
+      </div>
+    </div>
+  </ListContainer>
+</template>
+
+<script setup>
+import ListContainer from "#cwa/runtime/templates/components/core/admin/ListContainer.vue";
+import FilterFormWrapper from "#cwa/runtime/templates/components/core/admin/form/FilterFormWrapper.vue";
+import FilterSelect from "#cwa/runtime/templates/components/core/admin/form/FilterSelect.vue";
+import { useQueryBoundModel } from "#imports";
+const props = defineProps({
+  searchFields: { type: Array, required: true },
+  orderOptions: { type: Array, required: true }
+});
+const { model: searchModel } = useQueryBoundModel(props.searchFields, {
+  delay: 250
+});
+const { model: orderModel } = useQueryBoundModel("order", {
+  defaultValue: props.orderOptions[0].value
+});
+</script>

package/dist/runtime/templates/components/core/admin/ListFilter.vue.d.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    searchFields: string[];
+    orderOptions: {
+        label: string;
+        value: any;
+    }[];
+};
+declare const _default: 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>;
+export default _default;