@cwa/nuxt-edge 0.0.0-29696494.72f11a4

package/dist/runtime/templates/components/main/ComponentGroup.spec.ts.snap

@@ -0,0 +1,68 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`ComponentGroup > snapshots > should match snapshot IF loader is shown 1`] = `
+<div
+  class="component-group-placeholder"
+>
+  <spinner-stub
+    show="true"
+  />
+</div>
+`;
+
+exports[`ComponentGroup > snapshots > should match snapshot IF resource is not found 1`] = `<!--v-if-->`;
+
+exports[`ComponentGroup > snapshots > should match snapshot IF there are component positions defined 1`] = `
+<div
+  data-v-app=""
+>
+  
+  <!--cwa-start-->
+  
+  <resourceloader-stub
+    class=""
+    componentprefix=""
+    data-sort-value="mock_sort_pos1"
+    iri="pos1"
+    uicomponent="[object Object]"
+  />
+  <resourceloader-stub
+    class=""
+    componentprefix=""
+    data-sort-value="mock_sort_pos2"
+    iri="pos2"
+    uicomponent="[object Object]"
+  />
+  <resourceloader-stub
+    class=""
+    componentprefix=""
+    data-sort-value="mock_sort_pos3"
+    iri="pos3"
+    uicomponent="[object Object]"
+  />
+  
+  <!--cwa-end-->
+  
+</div>
+`;
+
+exports[`ComponentGroup > snapshots > should match snapshot IF there are no component positions defined 1`] = `<!--v-if-->`;
+
+exports[`ComponentGroup > snapshots > should match snapshot IF user is logged in but there are no positions 1`] = `
+<div
+  data-v-app=""
+>
+  
+  <!--cwa-start-->
+  <div
+    class="cwa:flex cwa:justify-center cwa:border-2 cwa:border-dashed cwa:border-gray-200 cwa:p-5 cwa:relative"
+  >
+    <lazyhotspot-stub
+      disabled="true"
+      screen-reader-action="Add component position"
+    />
+  </div>
+  <!--cwa-end-->
+  
+</div>
+`;

package/dist/runtime/templates/components/main/ComponentGroup.vue

@@ -0,0 +1,138 @@
+<template>
+  <div
+    v-if="showLoader"
+    class="component-group-placeholder"
+  >
+    <Spinner :show="true" />
+  </div>
+  <template v-else-if="componentPositions?.length">
+    <!--cwa-start-->
+    <ResourceLoader
+      v-for="positionIri of componentPositions"
+      :key="getResourceKey(positionIri)"
+      :data-sort-value="$cwa.resources.getPositionSortDisplayNumber(positionIri)"
+      :iri="positionIri"
+      :ui-component="ComponentPosition"
+      :class="nestedClasses"
+    />
+    <!--cwa-end-->
+  </template>
+  <template v-else-if="isNewPosition">
+    <!--cwa-start-->
+    <div class="cwa:flex cwa:justify-center cwa:border-2 cwa:border-dashed cwa:border-gray-200 cwa:p-5 cwa:pb-14 cwa:relative">
+      <LazyHotSpot
+        screen-reader-action="Add component position"
+        :iri="iri"
+        disabled
+      />
+      <span class="cwa:absolute cwa:bg-stone-600 cwa:text-light cwa:text-sm cwa:px-3 cwa:py-0.5 cwa:rounded-full cwa:bottom-5">
+        Add the component to populate this component group
+      </span>
+    </div>
+    <!--cwa-end-->
+  </template>
+  <template v-else-if="!locationResource && !$cwa.resources.isLoading.value">
+    <!--cwa-start-->
+    <div>
+      <CwaUiAlertWarning>
+        The location provided `{{ location }}` is not a current resource
+      </CwaUiAlertWarning>
+    </div>
+    <!--cwa-end-->
+  </template>
+  <template v-else-if="signedInAndResourceExists">
+    <!--cwa-start-->
+    <div class="cwa:flex cwa:justify-center cwa:border-2 cwa:border-dashed cwa:border-gray-200 cwa:p-5 cwa:relative">
+      <LazyHotSpot
+        screen-reader-action="Add component position"
+        :iri="iri"
+        :disabled="!iri || $cwa.admin.resourceStackManager.isComponentGroupDisabled(iri, location)"
+      />
+    </div>
+    <!--cwa-end-->
+  </template>
+</template>
+
+<script setup>
+import {
+  computed,
+  onMounted,
+  onBeforeUnmount,
+  defineAsyncComponent
+} from "vue";
+import { ComponentGroupUtilSynchronizer } from "#cwa/templates/components/main/ComponentGroup.Util.Synchronizer";
+import {
+  useComponentGroupPositions
+} from "#cwa/templates/components/main/ComponentGroup.Util.Positions";
+import ComponentPosition from "#cwa/templates/components/core/ComponentPosition.vue";
+import ResourceLoader from "#cwa/templates/components/core/ResourceLoader.vue";
+import { CwaResourceApiStatuses, NEW_RESOURCE_IRI } from "#cwa/storage/stores/resources/state";
+import { useCwa } from "#cwa/composables/cwa";
+import { useCwaResourceManageable } from "#cwa/composables/cwa-resource-manageable";
+import Spinner from "#cwa/templates/components/utils/Spinner.vue";
+const LazyHotSpot = defineAsyncComponent({
+  suspensible: false,
+  loader: () => import("#cwa/templates/components/utils/HotSpot.vue")
+});
+const iri = computed(() => resource.value?.data?.["@id"]);
+const $cwa = useCwa();
+useCwaResourceManageable(iri);
+const props = defineProps({
+  reference: { type: String, required: true },
+  locationReference: { type: String, required: false },
+  location: { type: String, required: true },
+  allowedComponents: { type: [Array, null], required: false, default: null }
+});
+const locationResource = computed(() => {
+  return $cwa.resources.getResource(props.location).value;
+});
+const fullReference = computed(() => {
+  return `${props.reference}_${props.locationReference || props.location}`;
+});
+const resource = computed(() => {
+  return $cwa.resources.getComponentGroupByReference(fullReference.value);
+});
+const signedInAndResourceExists = computed(() => {
+  return $cwa.auth.signedIn.value && !!resource.value?.data && $cwa.admin.isEditing;
+});
+const showLoader = computed(() => {
+  if (!$cwa.resources.isLoading.value) {
+    return false;
+  }
+  if (!resource.value) {
+    return true;
+  }
+  return !resource.value?.data && resource.value?.apiState?.status === CwaResourceApiStatuses.IN_PROGRESS;
+});
+const componentGroupSynchronizer = new ComponentGroupUtilSynchronizer();
+const { groupIsReordering, componentPositions } = useComponentGroupPositions(iri, $cwa);
+const nestedClasses = computed(() => {
+  if (!groupIsReordering.value) {
+    return;
+  }
+  return ["cwa:is-reordering"];
+});
+const isNewPosition = computed(() => {
+  return props.location === NEW_RESOURCE_IRI;
+});
+function getResourceKey(positionIri) {
+  return `ResourceLoaderGroupPosition_${iri.value}_${positionIri}`;
+}
+onMounted(() => {
+  if (isNewPosition.value) {
+    return;
+  }
+  componentGroupSynchronizer.createSyncWatcher({
+    resource,
+    location: props.location,
+    fullReference,
+    allowedComponents: props.allowedComponents
+  });
+});
+onBeforeUnmount(() => {
+  componentGroupSynchronizer.stopSyncWatcher();
+});
+defineExpose({
+  componentPositions
+});
+</script>

package/dist/runtime/templates/components/main/ComponentGroup.vue.d.ts

@@ -0,0 +1,13 @@
+type PropsType = {
+    reference: string;
+    locationReference?: string;
+    location: string;
+    allowedComponents?: string[] | null;
+};
+declare const __VLS_export: import("vue").DefineComponent<PropsType, {
+    componentPositions: import("vue").ComputedRef<string[] | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PropsType> & Readonly<{}>, {
+    allowedComponents: string[] | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/main/CwaLink.d.vue.ts

@@ -0,0 +1,14 @@
+import type { NuxtLinkProps } from 'nuxt/app';
+type __VLS_Slots = {
+    default(): any;
+};
+type __VLS_Props = Omit<NuxtLinkProps, 'href' | 'rel' | 'noPrefetch'>;
+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/main/CwaLink.vue

@@ -0,0 +1,55 @@
+<script setup>
+import { computed } from "vue";
+import { hashMode } from "#build/router.options.mjs";
+import { useCwa, defineNuxtLink } from "#imports";
+defineSlots();
+const props = defineProps({
+  custom: { type: null, required: false },
+  to: { type: null, required: false },
+  external: { type: Boolean, required: false },
+  target: { type: [String, Object, null], required: false },
+  noRel: { type: Boolean, required: false },
+  prefetchedClass: { type: String, required: false },
+  prefetch: { type: Boolean, required: false },
+  prefetchOn: { type: [String, Object], required: false },
+  trailingSlash: { type: String, required: false },
+  activeClass: { type: String, required: false },
+  exactActiveClass: { type: String, required: false },
+  ariaCurrentValue: { type: String, required: false },
+  viewTransition: { type: Boolean, required: false },
+  replace: { type: Boolean, required: false }
+});
+const $cwa = useCwa();
+const CwaLinkComponent = defineNuxtLink({
+  componentName: "CwaLink"
+});
+const cwaLink = CwaLinkComponent.useLink(props);
+const target = computed(() => {
+  if (props.target) {
+    return props.target;
+  }
+  return cwaLink.isExternal.value ? "_blank" : "_self";
+});
+function isHashLinkWithoutHashMode(link) {
+  return !hashMode && typeof link === "string" && link.startsWith("#");
+}
+function handleClick(e) {
+  if ($cwa.navigationDisabled) {
+    e.preventDefault();
+    return;
+  }
+  if (!cwaLink.isExternal.value && !isHashLinkWithoutHashMode(cwaLink.to.value)) {
+    return;
+  }
+}
+</script>
+
+<template>
+  <CwaLinkComponent
+    v-bind="props"
+    :target="target"
+    @click="handleClick"
+  >
+    <slot />
+  </CwaLinkComponent>
+</template>

package/dist/runtime/templates/components/main/CwaLink.vue.d.ts

@@ -0,0 +1,14 @@
+import type { NuxtLinkProps } from 'nuxt/app';
+type __VLS_Slots = {
+    default(): any;
+};
+type __VLS_Props = Omit<NuxtLinkProps, 'href' | 'rel' | 'noPrefetch'>;
+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/main/CwaPage.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/main/CwaPage.vue

@@ -0,0 +1,22 @@
+<template>
+  <KeepAlive>
+    <ResourceLoader
+      v-if="pageIri"
+      :key="pageIri"
+      :iri="pageIri"
+      component-prefix="CwaPage"
+    />
+  </KeepAlive>
+</template>
+
+<script setup>
+import { computed, inject, provide } from "vue";
+import ResourceLoader from "../core/ResourceLoader.vue";
+import { useCwa } from "#imports";
+const $cwa = useCwa();
+const depth = inject("cwa-page-depth", 0);
+const pageIri = computed(() => $cwa.resources.pageIriAtDepth(depth).value);
+const pageDataIri = computed(() => $cwa.resources.pageDataIriAtDepth(depth).value);
+provide("cwa-page-depth", depth + 1);
+provide("cwa-page-data-iri", pageDataIri);
+</script>

package/dist/runtime/templates/components/main/CwaPage.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/main/DefaultLayout.d.vue.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/main/DefaultLayout.vue

@@ -0,0 +1,12 @@
+<script setup>
+defineSlots();
+</script>
+
+<template>
+  <div
+    id="cwa:default-layout"
+    class="cwa:flex cwa:flex-col cwa:h-full"
+  >
+    <slot />
+  </div>
+</template>

package/dist/runtime/templates/components/main/DefaultLayout.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/main/ErrorPage.d.vue.ts

@@ -0,0 +1,7 @@
+import type { NuxtError } from 'nuxt/app';
+type __VLS_Props = {
+    error: NuxtError;
+};
+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/main/ErrorPage.vue

@@ -0,0 +1,134 @@
+<script setup>
+import { onMounted, ref, computed } from "vue";
+import { clearError, navigateTo, useHead, useRoute } from "#imports";
+import { useCwa } from "#cwa/composables/cwa";
+const props = defineProps({
+  error: { type: Object, required: true }
+});
+const _error = props.error;
+const stacktrace = _error.stack ? _error.stack.split("\n").splice(1).map((line) => {
+  const text = line.replace("webpack:/", "").replace(".vue", ".js").trim();
+  return {
+    text,
+    internal: line.includes("node_modules") && !line.includes(".cache") || line.includes("internal") || line.includes("new Promise")
+  };
+}).map((i) => `<span class="stack${i.internal ? " internal" : ""}">${i.text}</span>`).join("\n") : "";
+const $route = useRoute();
+const $cwa = useCwa();
+const statusCode = Number(_error.statusCode || 500);
+const statusMessages = {
+  400: "Bad Request",
+  401: "Unauthorized",
+  403: "Forbidden",
+  404: "This Page Doesn\u2019t Exist",
+  405: "Method Not Allowed",
+  408: "Request Timeout",
+  409: "Conflict",
+  410: "Gone",
+  418: "I\u2019m a Teapot \u2615\uFE0F",
+  429: "Too Many Requests",
+  500: "Internal Server Error",
+  501: "Not Implemented",
+  502: "Bad Gateway",
+  503: "Service Unavailable",
+  504: "Gateway Timeout"
+};
+const is404 = statusCode === 404;
+const isAuthError = [401, 403].includes(statusCode);
+const statusMessage = computed(() => {
+  if (_error.statusMessage) {
+    return _error.statusMessage;
+  }
+  if (statusMessages[statusCode]) {
+    return statusMessages[statusCode];
+  }
+  return "Internal Server Error";
+});
+const description = _error.message || _error.toString();
+const stack = import.meta.dev && !is404 ? description || `${stacktrace}` : void 0;
+useHead({
+  bodyAttrs: {
+    class: "cwa:h-full cwa:bg-white cwa:dark:bg-black"
+  },
+  htmlAttrs: {
+    class: "cwa:h-full"
+  }
+});
+const returnHome = async () => {
+  await clearError();
+  navigateTo("/");
+};
+const showingErrorPage = ref(false);
+onMounted(() => {
+  showingErrorPage.value = true;
+});
+</script>
+
+<template>
+  <div
+    class="cwa:h-full cwa:relative cwa:z-overlay cwa:transition-opacity cwa:duration-300"
+    :class="[showingErrorPage ? 'cwa:opacity-100' : 'cwa:opacity-0']"
+  >
+    <CwaUiBackgroundParticles class="cwa:absolute cwa:inset-0 cwa:-z-10 cwa:opacity-30 cwa:invert cwa:dark:invert-0" />
+    <main class="cwa:h-full cwa:flex cwa:flex-col cwa:p-6 cwa:lg:p-8">
+      <div class="cwa:flex cwa:justify-center cwa:grow cwa:h-full cwa:items-center">
+        <div class="cwa:text-center">
+          <p class="cwa:text-base cwa:font-semibold cwa:text-blue-600">
+            {{ statusCode }}
+          </p>
+          <h1 class="cwa:mt-4 cwa:text-balance cwa:text-4xl cwa:font-semibold cwa:tracking-tight cwa:text-gray-900 cwa:dark:text-stone-100 cwa:sm:text-6xl">
+            {{ statusMessage }}
+          </h1>
+          <p class="cwa:mt-6 cwa:text-pretty cwa:text-lg cwa:font-medium cwa:text-stone-400 sm:text-xl/8">
+            {{ statusMessage === description ? "" : description }}
+          </p>
+          <div
+            v-if="stack"
+            class="cwa:text-left cwa:bg-black/5 cwa:bg-white cwa:dark:bg-white/10 cwa:flex-1 cwa:h-auto cwa:overflow-y-auto cwa:rounded-md cwa:text-stone-400 cwa:mt-8"
+          >
+            <pre
+              class="cwa:font-light cwa:leading-tight cwa:p-4 cwa:text-sm cwa:z-10"
+              v-html="stack"
+            />
+          </div>
+          <div class="cwa:mt-10 cwa:flex cwa:flex-col cwa:items-center cwa:justify-center cwa:gap-y-6">
+            <button
+              v-if="$route.path !== '/'"
+              class="cwa:cursor-pointer cwa:rounded-md cwa:bg-blue-600 cwa:px-3.5 cwa:py-2.5 cwa:text-sm cwa:font-semibold cwa:text-white cwa:shadow-sm cwa:hover:bg-indigo-500 cwa:focus-visible:outline cwa:focus-visible:outline-2 cwa:focus-visible:outline-offset-2 cwa:focus-visible:outline-indigo-600"
+              @click="returnHome"
+            >
+              Go back home
+            </button>
+            <CwaLink
+              v-if="isAuthError"
+              to="/login"
+              class="cwa:cursor-pointer cwa:rounded-md cwa:bg-white/20 cwa:px-3.5 cwa:py-1.5 cwa:text-xs cwa:font-semibold cwa:text-white cwa:shadow-sm cwa:hover:bg-indigo-500 cwa:focus-visible:outline cwa:focus-visible:outline-2 cwa:focus-visible:outline-offset-2 cwa:focus-visible:outline-indigo-600"
+            >
+              Sign in
+            </CwaLink>
+          </div>
+        </div>
+      </div>
+      <div class="cwa:justify-center cwa:gap-y-2 cwa:flex cwa:h-auto cwa:grow-0 cwa:flex-col cwa:text-center cwa:pb-2 cwa:pt-6">
+        <div class="cwa:justify-center cwa:flex">
+          <CwaLogo class="cwa:h-6 cwa:w-auto cwa:text-stone-300" />
+        </div>
+        <ClientOnly>
+          <div class="cwa:text-sm cwa:text-stone-400">
+            Are you the owner of this website?
+            <NuxtLink
+              v-if="$cwa.auth.hasRole('ROLE_ADMIN')"
+              to="/_cwa/layouts"
+              class="cwa:font-semibold cwa:hover:text-dark cwa:dark:hover:text-white"
+            >Go to admin <span aria-hidden="true">&rarr;</span></NuxtLink>
+            <NuxtLink
+              v-else
+              to="/login"
+              class="cwa:font-semibold cwa:hover:text-dark cwa:dark:hover:text-white"
+            >Sign in <span aria-hidden="true">&rarr;</span></NuxtLink>
+          </div>
+        </ClientOnly>
+      </div>
+    </main>
+  </div>
+</template>

package/dist/runtime/templates/components/main/ErrorPage.vue.d.ts

@@ -0,0 +1,7 @@
+import type { NuxtError } from 'nuxt/app';
+type __VLS_Props = {
+    error: NuxtError;
+};
+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/main/Logo.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/main/Logo.vue

@@ -0,0 +1,18 @@
+<template>
+  <svg
+    width="906px"
+    height="260px"
+    viewBox="0 0 906 260"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g
+      transform="translate(-181.000000, -185.000000)"
+      fill="currentColor"
+    >
+      <path
+        d="M411,232.558892 L311.990506,315.54434 L395.186608,414.582148 C395.083121,414.669432 394.979462,414.756587 394.875631,414.843614 C340.020479,460.820814 258.000365,453.391191 211.678578,398.249085 C165.356791,343.10698 172.27445,261.133586 227.129601,215.156386 C281.984753,169.179186 364.004868,176.608809 410.326654,231.750915 C410.552367,232.019606 410.776815,232.288934 411,232.558892 Z M731,444.98882 L606.047047,318.63887 L482,444.072786 L482,186 L731,186 L731,444.98882 Z M784,445 L935,186 L1087,445 L784,445 Z"
+      />
+    </g>
+  </svg>
+</template>

package/dist/runtime/templates/components/main/Logo.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,7 @@
+Components in this directory are available to the application automatically with the 'Cwa' prefix.
+N.b directories starting with an underscore will not be available as an auto-import or from the #components alias
+
+For example:
+```vue
+<CwaComponentGroup reference="primary" :location="props.iri" />
+```

package/dist/runtime/templates/components/main/admin/_common/ResourceContextItem.d.vue.ts

@@ -0,0 +1,12 @@
+type __VLS_Props = {
+    index: number;
+    rootWidth?: number;
+    useCurrentStack?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/main/admin/_common/ResourceContextItem.vue

@@ -0,0 +1,41 @@
+<script setup>
+import { computed } from "vue";
+import { useCwa } from "#imports";
+const $cwa = useCwa();
+const props = defineProps({
+  index: { type: Number, required: true },
+  rootWidth: { type: Number, required: false },
+  useCurrentStack: { type: Boolean, required: false }
+});
+defineEmits(["click"]);
+const stack = computed(() => {
+  return props.useCurrentStack ? $cwa.admin.resourceStackManager.resourceStack.value : $cwa.admin.resourceStackManager.contextStack.value;
+});
+const stackItem = computed(() => {
+  return stack.value[props.index];
+});
+const nextIndex = computed(() => props.index - 1);
+</script>
+
+<template>
+  <div
+    class="resource-context-item cwa:border cwa:border-dashed cwa:px-1.5 cwa:py-1 cwa:cursor-pointer cwa:text-gray-300 cwa:block
+    [&:not(:has(.resource-context-item:hover)):hover]:cwa:!bg-dark
+    [&:not(:has(.resource-context-item:hover)):hover]:cwa:!border-gray-200
+    [&:not(:has(.resource-context-item:hover)):hover]:cwa:!border-solid
+    [&:not(:has(.resource-context-item:hover)):hover]:cwa:!text-white"
+    :style="{ minWidth: rootWidth && index === 0 ? `${rootWidth}px` : `auto` }"
+    @click="$emit('click', index)"
+  >
+    <resource-context-item
+      v-if="nextIndex >= 0"
+      :index="nextIndex"
+      :root-width="rootWidth"
+      :use-current-stack="useCurrentStack"
+      @click="(childIndex) => $emit('click', childIndex)"
+    />
+    <button class="cwa:px-1.5 cwa:py-0.5 cwa:w-auto cwa:min-w-full cwa:cursor-pointer">
+      {{ stackItem ? stackItem.displayName || stackItem.iri : "Error: no stack item" }}
+    </button>
+  </div>
+</template>

package/dist/runtime/templates/components/main/admin/_common/ResourceContextItem.vue.d.ts

@@ -0,0 +1,12 @@
+type __VLS_Props = {
+    index: number;
+    rootWidth?: number;
+    useCurrentStack?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/main/admin/_common/ResourceLoadingIndicator.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;