@cwa/nuxt-edge 0.0.0-29696494.72f11a4

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

@@ -0,0 +1,11 @@
+<script setup>
+defineSlots();
+</script>
+
+<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 @@
+type __VLS_Slots = {
+    default(): 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/templates/components/core/admin/ListContent.d.vue.ts

@@ -0,0 +1,24 @@
+import type { CwaResource } from '#cwa/resources/resource-utils';
+type __VLS_Props = {
+    fetchUrl: string;
+};
+declare const items: import("vue").Ref<any[], any[]>;
+declare function reloadItems(): Promise<void>;
+declare function getItemFromStore(item: CwaResource): CwaResource;
+type __VLS_Slots = {
+    item(props: {
+        data: ReturnType<typeof getItemFromStore>;
+        rawData: typeof items.value[0];
+    }): any;
+};
+declare const __VLS_base: 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 __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/templates/components/core/admin/ListContent.vue

@@ -0,0 +1,137 @@
+<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/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?.["totalItems"] || 0,
+    view: data?.["view"]
+  };
+  if (thisRequestId === currentRequestId.value) {
+    data && (items.value = data["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
+});
+defineSlots();
+</script>

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

@@ -0,0 +1,24 @@
+import type { CwaResource } from '#cwa/resources/resource-utils';
+type __VLS_Props = {
+    fetchUrl: string;
+};
+declare const items: import("vue").Ref<any[], any[]>;
+declare function reloadItems(): Promise<void>;
+declare function getItemFromStore(item: CwaResource): CwaResource;
+type __VLS_Slots = {
+    item(props: {
+        data: ReturnType<typeof getItemFromStore>;
+        rawData: typeof items.value[0];
+    }): any;
+};
+declare const __VLS_base: 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 __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/templates/components/core/admin/ListFilter.d.vue.ts

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

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/templates/components/core/admin/ListContainer.vue";
+import FilterFormWrapper from "#cwa/templates/components/core/admin/form/FilterFormWrapper.vue";
+import FilterSelect from "#cwa/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,10 @@
+type __VLS_Props = {
+    searchFields: string[];
+    orderOptions: {
+        label: string;
+        value: any;
+    }[];
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    modelValue: string[] | null;
+    value: string;
+    label: string;
+    backgroundColorClass: string;
+    borderColorClass: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,53 @@
+<template>
+  <label :for="inputId">
+    <input
+      :id="inputId"
+      v-model="model"
+      class="cwa:sr-only cwa:peer/checkbox"
+      type="checkbox"
+      :value="value"
+    >
+    <button
+      :class="['cwa:cursor-pointer', 'cwa:transition-opacity', 'cwa:border-2', 'cwa:rounded', 'cwa:py-1', 'cwa:px-4', 'cwa:opacity-50', 'cwa:peer-checked/checkbox:opacity-100', backgroundColorClass, borderColorClass]"
+      @click="toggleCheckbox"
+    >
+      {{ label }}
+    </button>
+  </label>
+</template>
+
+<script setup>
+import { computed, useId } from "vue";
+const props = defineProps({
+  modelValue: { type: [Array, null], required: true },
+  value: { type: String, required: true },
+  label: { type: String, required: true },
+  backgroundColorClass: { type: String, required: true },
+  borderColorClass: { type: String, required: true }
+});
+const inputId = useId();
+const emit = defineEmits(["update:modelValue"]);
+function toggleCheckbox() {
+  if (isChecked.value) {
+    if (model.value === null) {
+      return;
+    }
+    model.value = model.value.filter((v) => {
+      return v !== props.value;
+    });
+    return;
+  }
+  model.value = [...model.value || [], props.value];
+}
+const model = computed({
+  get() {
+    return props.modelValue;
+  },
+  set(value) {
+    emit("update:modelValue", value);
+  }
+});
+const isChecked = computed(() => {
+  return model.value && model.value.includes(props.value);
+});
+</script>

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

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    modelValue: string[] | null;
+    value: string;
+    label: string;
+    backgroundColorClass: string;
+    borderColorClass: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    title: string;
+    hideAdd?: boolean;
+};
+type __VLS_Slots = {
+    default(): any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    add: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onAdd?: (() => any) | undefined;
+}>, {}, {}, {}, {}, 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/templates/components/core/admin/ListHeading.vue

@@ -0,0 +1,33 @@
+<template>
+  <ListContainer class="cwa:bg-dark cwa:pt-12 cwa:pb-8 cwa:border-b-2 cwa:border-b-stone-700">
+    <div class="cwa:w-full cwa:max-w-2xl">
+      <slot />
+      <div class="cwa:flex cwa:gap-x-6 cwa:items-center">
+        <div>
+          <h1 class="cwa:text-4xl cwa:text-light">
+            {{ title }}
+          </h1>
+        </div>
+        <div v-if="!hideAdd">
+          <button
+            class="cwa:text-white cwa:bg-blue-600/90 cwa:hover:bg-blue-600 cwa:border-transparent cwa:p-2.5 cwa:cursor-pointer"
+            @click="$emit('add')"
+          >
+            <CwaUiIconPlusIcon class="cwa:w-4 cwa:h-4" />
+            <span class="cwa:sr-only">Add</span>
+          </button>
+        </div>
+      </div>
+    </div>
+  </ListContainer>
+</template>
+
+<script setup>
+import ListContainer from "#cwa/templates/components/core/admin/ListContainer.vue";
+defineProps({
+  title: { type: String, required: true },
+  hideAdd: { type: Boolean, required: false }
+});
+defineEmits(["add"]);
+defineSlots();
+</script>

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

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    title: string;
+    hideAdd?: boolean;
+};
+type __VLS_Slots = {
+    default(): any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    add: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onAdd?: (() => any) | undefined;
+}>, {}, {}, {}, {}, 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/templates/components/core/admin/ListPagination.d.vue.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    totalItems: number;
+};
+type __VLS_ModelProps = {
+    'page': number;
+    'perPage': number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:page": (value: number) => any;
+    "update:perPage": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:page"?: ((value: number) => any) | undefined;
+    "onUpdate:perPage"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,94 @@
+<template>
+  <div class="cwa:flex cwa:justify-between cwa:items-center">
+    <div class="cwa:text-stone-400 cwa:py-1.5 cwa:text-sm">
+      {{ showingFrom }} to {{ showingTo }} of {{ totalItems }} results
+    </div>
+    <div>
+      <ul class="cwa:flex cwa:bg-dark cwa:rounded-lg cwa:overflow-hidden cwa:border cwa:border-stone-600">
+        <ListPaginationButton
+          :disabled="isFirst"
+          @click="pageModel--"
+        >
+          &lt;
+        </ListPaginationButton>
+        <ListPaginationButton
+          v-for="pageNumber of pages"
+          :key="`page-change-button-${pageNumber}`"
+          :selected="pageNumber === pageModel"
+          @click="pageModel = pageNumber"
+        >
+          {{ pageNumber }}
+        </ListPaginationButton>
+        <ListPaginationButton
+          :disabled="isLast"
+          @click="pageModel++"
+        >
+          &gt;
+        </ListPaginationButton>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed, watch } from "vue";
+import ListPaginationButton from "./ListPaginationButton.vue";
+const props = defineProps({
+  totalItems: { type: Number, required: true }
+});
+const pageModel = defineModel("page", { type: Number, ...{ required: true } });
+const perPageModel = defineModel("perPage", { type: Number, ...{ required: true } });
+watch(pageModel, () => {
+  window.scrollTo({
+    top: 0,
+    left: 0,
+    behavior: "smooth"
+  });
+});
+const showingFrom = computed(() => {
+  return 1 + (pageModel.value - 1) * perPageModel.value;
+});
+const showingTo = computed(() => {
+  return Math.min(props.totalItems, showingFrom.value - 1 + perPageModel.value);
+});
+const isFirst = computed(() => {
+  return pageModel.value <= 1;
+});
+const isLast = computed(() => {
+  return showingTo.value === props.totalItems;
+});
+const totalPages = computed(() => {
+  if (!perPageModel.value) {
+    return 1;
+  }
+  return Math.ceil(props.totalItems / perPageModel.value);
+});
+const pages = computed(() => {
+  if (!totalPages.value) {
+    return [];
+  }
+  const allPages = Array.from(Array(totalPages.value), (_, x) => x + 1);
+  const maxPagesToDisplay = 7;
+  if (allPages.length < maxPagesToDisplay) {
+    return allPages;
+  }
+  const displayPages = [];
+  displayPages.push(pageModel.value);
+  let lowest = pageModel.value;
+  let highest = pageModel.value;
+  let displayCounter = 1;
+  while (displayCounter < maxPagesToDisplay) {
+    displayCounter++;
+    if ((displayCounter % 2 === 0 || highest >= totalPages.value) && lowest > 1) {
+      lowest--;
+      displayPages.unshift(lowest);
+      continue;
+    }
+    if (highest < totalPages.value) {
+      highest++;
+      displayPages.push(highest);
+    }
+  }
+  return displayPages;
+});
+</script>

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

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    totalItems: number;
+};
+type __VLS_ModelProps = {
+    'page': number;
+    'perPage': number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:page": (value: number) => any;
+    "update:perPage": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:page"?: ((value: number) => any) | undefined;
+    "onUpdate:perPage"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    disabled?: boolean;
+    selected?: boolean;
+};
+type __VLS_Slots = {
+    default(): 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/templates/components/core/admin/ListPaginationButton.vue

@@ -0,0 +1,19 @@
+<template>
+  <li class="cwa:border-r cwa:last:border-0 cwa:border-stone-600">
+    <button
+      :disabled="!!disabled"
+      class="cwa:py-1.5 cwa:px-3 cwa:transition-colors cwa:font-bold cwa:cursor-pointer"
+      :class="[disabled ? 'cwa:opacity-50' : 'cwa:hover:bg-stone-700 cwa:hover:text-light', selected ? 'cwa:text-light cwa:bg-stone-700' : 'cwa:text-stone-400']"
+    >
+      <slot />
+    </button>
+  </li>
+</template>
+
+<script setup>
+defineProps({
+  disabled: { type: Boolean, required: false },
+  selected: { type: Boolean, required: false }
+});
+defineSlots();
+</script>

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

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    disabled?: boolean;
+    selected?: boolean;
+};
+type __VLS_Slots = {
+    default(): 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/templates/components/core/admin/PageAdminModal.d.vue.ts

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    iri?: string;
+    hideViewLink?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => any;
+    reload: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onReload?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;