vue3-sphinx-xml 0.3.3 → 0.4.0

package/dist/Container.js

@@ -52,7 +52,7 @@ const _sfc_main = {
         }
       }
       if (classes.value.includes("tab2name")) {
-        console.log("tab2name found");
+        console.log("***** IN USE tab2name found ??? *****");
       }
     });
     return (_ctx, _cache) => {
@@ -74,6 +74,6 @@ const _sfc_main = {
     };
   }
 };
-var Container = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a971ffd6"]]);
+var Container = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-45128990"]]);
 export { Container as default };
 //# sourceMappingURL=Container.js.map

package/dist/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sources":["../src/components/templates/Container.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"combinedClasses\"\n    @[isToggleHeader&&`click`]=\"toggleHeaderClicked\"\n    ref=\"containerElement\"\n  >\n    <component\n      v-for=\"(c, index) in children\"\n      :key=\"'container_component_' + index\"\n      :is=\"c.component\"\n      :node=\"c.node\"\n      :componentName=\"c.name\"\n      :properties=\"c.properties\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { onMounted, ref, toRefs } from 'vue'\n\nimport { useChildren, useClasses } from '../../composables/computed'\nimport { useMethods } from '../../composables/methods'\n\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n  properties: {\n    type: Object,\n  },\n})\n\nconst { node } = toRefs(props)\n\nconst { children } = useChildren(node)\nconst { classes } = useClasses(node)\nconst { toggleActiveClass } = useMethods()\n\nconst combinedClasses = ref([])\nconst isToggleHeader = ref(false)\nconst containerElement = ref(null)\n\ncombinedClasses.value = [...classes.value]\n\nfunction toggleHeaderClicked() {\n  toggleActiveClass(combinedClasses.value)\n  const index = combinedClasses.value.indexOf('active')\n  let blockType = index === -1 ? 'none' : 'block'\n\n  let elementSibling = containerElement.value.nextElementSibling\n  while (elementSibling !== null) {\n    elementSibling.style.display = blockType\n    elementSibling = elementSibling.nextElementSibling\n  }\n}\n\nonMounted(() => {\n  if (\n    classes.value.includes('header') ||\n    classes.value.includes('header-left')\n  ) {\n    combinedClasses.value.push('inactive')\n    const parent = node.value.parentElement\n    if (parent) {\n      if (parent.getAttribute('classes').includes('toggle')) {\n        isToggleHeader.value = true\n        combinedClasses.value.push('toggle-header')\n      }\n    }\n  }\n\n  if (classes.value.includes('tab2name')) {\n    console.log('tab2name found')\n  }\n})\n</script>\n\n<style scoped>\n.toggle-header {\n  cursor: pointer;\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAoCA,UAAM,EAAE,SAAS,OAAO,KAAK;AAE7B,UAAM,EAAE,aAAa,YAAY,IAAI;AACrC,UAAM,EAAE,YAAY,WAAW,IAAI;AACnC,UAAM,EAAE,sBAAsB,WAAY;AAE1C,UAAM,kBAAkB,IAAI,EAAE;AAC9B,UAAM,iBAAiB,IAAI,KAAK;AAChC,UAAM,mBAAmB,IAAI,IAAI;AAEjC,oBAAgB,QAAQ,CAAC,GAAG,QAAQ,KAAK;AAEzC,mCAA+B;AAC7B,wBAAkB,gBAAgB,KAAK;AACvC,YAAM,QAAQ,gBAAgB,MAAM,QAAQ,QAAQ;AACpD,UAAI,YAAY,UAAU,KAAK,SAAS;AAExC,UAAI,iBAAiB,iBAAiB,MAAM;AAC5C,aAAO,mBAAmB,MAAM;AAC9B,uBAAe,MAAM,UAAU;AAC/B,yBAAiB,eAAe;AAAA,MACjC;AAAA,IACH;AAEA,cAAU,MAAM;AACd,UACE,QAAQ,MAAM,SAAS,QAAQ,KAC/B,QAAQ,MAAM,SAAS,aAAa,GACpC;AACA,wBAAgB,MAAM,KAAK,UAAU;AACrC,cAAM,SAAS,KAAK,MAAM;AAC1B,YAAI,QAAQ;AACV,cAAI,OAAO,aAAa,SAAS,EAAE,SAAS,QAAQ,GAAG;AACrD,2BAAe,QAAQ;AACvB,4BAAgB,MAAM,KAAK,eAAe;AAAA,UAC3C;AAAA,QACF;AAAA,MACF;AAED,UAAI,QAAQ,MAAM,SAAS,UAAU,GAAG;AACtC,gBAAQ,IAAI,gBAAgB;AAAA,MAC7B;AAAA,IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Container.js","sources":["../src/components/templates/Container.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"combinedClasses\"\n    @[isToggleHeader&&`click`]=\"toggleHeaderClicked\"\n    ref=\"containerElement\"\n  >\n    <component\n      v-for=\"(c, index) in children\"\n      :key=\"'container_component_' + index\"\n      :is=\"c.component\"\n      :node=\"c.node\"\n      :componentName=\"c.name\"\n      :properties=\"c.properties\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { onMounted, ref, toRefs } from 'vue'\n\nimport { useChildren, useClasses } from '../../composables/computed'\nimport { useMethods } from '../../composables/methods'\n\nconst props = defineProps({\n  node: {\n    type: undefined,\n    default: null,\n  },\n  componentName: {\n    type: String,\n  },\n  properties: {\n    type: Object,\n  },\n})\n\nconst { node } = toRefs(props)\n\nconst { children } = useChildren(node)\nconst { classes } = useClasses(node)\nconst { toggleActiveClass } = useMethods()\n\nconst combinedClasses = ref([])\nconst isToggleHeader = ref(false)\nconst containerElement = ref(null)\n\ncombinedClasses.value = [...classes.value]\n\nfunction toggleHeaderClicked() {\n  toggleActiveClass(combinedClasses.value)\n  const index = combinedClasses.value.indexOf('active')\n  let blockType = index === -1 ? 'none' : 'block'\n\n  let elementSibling = containerElement.value.nextElementSibling\n  while (elementSibling !== null) {\n    elementSibling.style.display = blockType\n    elementSibling = elementSibling.nextElementSibling\n  }\n}\n\nonMounted(() => {\n  if (\n    classes.value.includes('header') ||\n    classes.value.includes('header-left')\n  ) {\n    combinedClasses.value.push('inactive')\n    const parent = node.value.parentElement\n    if (parent) {\n      if (parent.getAttribute('classes').includes('toggle')) {\n        isToggleHeader.value = true\n        combinedClasses.value.push('toggle-header')\n      }\n    }\n  }\n\n  if (classes.value.includes('tab2name')) {\n    console.log('***** IN USE tab2name found ??? *****')\n  }\n})\n</script>\n\n<style scoped>\n.toggle-header {\n  cursor: pointer;\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAoCA,UAAM,EAAE,SAAS,OAAO,KAAK;AAE7B,UAAM,EAAE,aAAa,YAAY,IAAI;AACrC,UAAM,EAAE,YAAY,WAAW,IAAI;AACnC,UAAM,EAAE,sBAAsB,WAAY;AAE1C,UAAM,kBAAkB,IAAI,EAAE;AAC9B,UAAM,iBAAiB,IAAI,KAAK;AAChC,UAAM,mBAAmB,IAAI,IAAI;AAEjC,oBAAgB,QAAQ,CAAC,GAAG,QAAQ,KAAK;AAEzC,mCAA+B;AAC7B,wBAAkB,gBAAgB,KAAK;AACvC,YAAM,QAAQ,gBAAgB,MAAM,QAAQ,QAAQ;AACpD,UAAI,YAAY,UAAU,KAAK,SAAS;AAExC,UAAI,iBAAiB,iBAAiB,MAAM;AAC5C,aAAO,mBAAmB,MAAM;AAC9B,uBAAe,MAAM,UAAU;AAC/B,yBAAiB,eAAe;AAAA,MACjC;AAAA,IACH;AAEA,cAAU,MAAM;AACd,UACE,QAAQ,MAAM,SAAS,QAAQ,KAC/B,QAAQ,MAAM,SAAS,aAAa,GACpC;AACA,wBAAgB,MAAM,KAAK,UAAU;AACrC,cAAM,SAAS,KAAK,MAAM;AAC1B,YAAI,QAAQ;AACV,cAAI,OAAO,aAAa,SAAS,EAAE,SAAS,QAAQ,GAAG;AACrD,2BAAe,QAAQ;AACvB,4BAAgB,MAAM,KAAK,eAAe;AAAA,UAC3C;AAAA,QACF;AAAA,MACF;AAED,UAAI,QAAQ,MAAM,SAAS,UAAU,GAAG;AACtC,gBAAQ,IAAI,uCAAuC;AAAA,MACpD;AAAA,IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Raw.js

@@ -1,6 +1,6 @@
 const _sfc_main = {
   setup(__props) {
-    console.log("**** Ignoring this element.");
+    console.log("**** Intentionally ignoring this element.");
     return (_ctx, _cache) => {
       return null;
     };

package/dist/Raw.js.map

@@ -1 +1 @@
-{"version":3,"file":"Raw.js","sources":["../src/components/templates/Raw.vue"],"sourcesContent":["<template></template>\n\n<script setup>\nconsole.log('**** Ignoring this element.')\n</script>\n"],"names":[],"mappings":";;AAGA,YAAQ,IAAI,6BAA6B;;;;;;;"}
+{"version":3,"file":"Raw.js","sources":["../src/components/templates/Raw.vue"],"sourcesContent":["<template></template>\n\n<script setup>\nconsole.log('**** Intentionally ignoring this element.')\n</script>\n"],"names":[],"mappings":";;AAGA,YAAQ,IAAI,2CAA2C;;;;;;;"}

package/dist/basereference.js

@@ -4,14 +4,15 @@ const {
   determinePageLocation,
   determinePageName,
   isInternalReference,
-  isReferenceToCurrentPage
+  isReferenceToCurrentPage,
+  parentLevelsInRefURI
 } = useMethods();
 const useBaseReference = (element, route, routeDescription) => {
   const sphinxStore = useSphinxStore();
   const onReferenceCreated = () => {
     if (isInternalReference(element)) {
       let pageName = constructPageNameFromRoute(route);
-      const baseRefUri = determineRouteUrl(route);
+      let baseRefUri = determineRouteUrl(route);
       const pageReference = element.getAttribute("refid");
       if (pageReference && !pageReference.startsWith("#")) {
         routeDescription.value.hash = "#" + pageReference;
@@ -20,8 +21,20 @@ const useBaseReference = (element, route, routeDescription) => {
       }
       if (!isReferenceToCurrentPage(element)) {
         pageName = determinePageName(element, route);
+        let parentLevels = parentLevelsInRefURI(element);
+        if (sphinxStore.isOffsetReferenceURL(baseRefUri) && parentLevels) {
+          let parts = baseRefUri.split("/");
+          while (parentLevels--) {
+            parts.pop();
+          }
+          if (parts.length === 1) {
+            baseRefUri = "/";
+          } else {
+            baseRefUri = parts.join("/");
+          }
+        }
         routeDescription.value.hash = determinePageLocation(element);
-        const existingPageWrapper = sphinxStore.getPageById(baseRefUri, pageName);
+        const existingPageWrapper = sphinxStore.hasPageById(baseRefUri, pageName);
         if (!existingPageWrapper) {
           sphinxStore.fetchPage({
             page_name: pageName,
@@ -30,7 +43,7 @@ const useBaseReference = (element, route, routeDescription) => {
           });
         }
       }
-      routeDescription.value.path = baseRefUri + "/" + pageName;
+      routeDescription.value.path = baseRefUri === "/" ? baseRefUri + pageName : baseRefUri + "/" + pageName;
     }
   };
   return {

package/dist/basereference.js.map

@@ -1 +1 @@
-{"version":3,"file":"basereference.js","sources":["../src/composables/basereference.js"],"sourcesContent":["import { useSphinxStore } from '@/stores/sphinx'\n\nimport { useMethods } from './methods'\nimport { determineRouteUrl, constructPageNameFromRoute } from '../js/utilities'\n\nconst {\n  determinePageLocation,\n  determinePageName,\n  isInternalReference,\n  isReferenceToCurrentPage,\n} = useMethods()\n\nexport const useBaseReference = (element, route, routeDescription) => {\n  const sphinxStore = useSphinxStore()\n\n  const onReferenceCreated = () => {\n    if (isInternalReference(element)) {\n      let pageName = constructPageNameFromRoute(route)\n      const baseRefUri = determineRouteUrl(route)\n      const pageReference = element.getAttribute('refid')\n      if (pageReference && !pageReference.startsWith('#')) {\n        routeDescription.value.hash = '#' + pageReference\n      } else {\n        routeDescription.value.hash = pageReference\n      }\n      if (!isReferenceToCurrentPage(element)) {\n        pageName = determinePageName(element, route)\n        routeDescription.value.hash = determinePageLocation(element)\n        const existingPageWrapper = sphinxStore.getPageById(\n          baseRefUri,\n          pageName,\n        )\n        if (!existingPageWrapper) {\n          sphinxStore.fetchPage({\n            page_name: pageName,\n            page_route: baseRefUri,\n            page_url: sphinxStore.getBaseUrl(baseRefUri),\n          })\n        }\n      }\n\n      routeDescription.value.path = baseRefUri + '/' + pageName\n    }\n  }\n  return {\n    onReferenceCreated,\n  }\n}\n"],"names":[],"mappings":";;AAKA,MAAM;AAAA,EACJ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,IACE,WAAY;AAEJ,MAAC,mBAAmB,CAAC,SAAS,OAAO,qBAAqB;AACpE,QAAM,cAAc,eAAgB;AAEpC,QAAM,qBAAqB,MAAM;AAC/B,QAAI,oBAAoB,OAAO,GAAG;AAChC,UAAI,WAAW,2BAA2B,KAAK;AAC/C,YAAM,aAAa,kBAAkB,KAAK;AAC1C,YAAM,gBAAgB,QAAQ,aAAa,OAAO;AAClD,UAAI,iBAAiB,CAAC,cAAc,WAAW,GAAG,GAAG;AACnD,yBAAiB,MAAM,OAAO,MAAM;AAAA,MAC5C,OAAa;AACL,yBAAiB,MAAM,OAAO;AAAA,MAC/B;AACD,UAAI,CAAC,yBAAyB,OAAO,GAAG;AACtC,mBAAW,kBAAkB,SAAS,KAAK;AAC3C,yBAAiB,MAAM,OAAO,sBAAsB,OAAO;AAC3D,cAAM,sBAAsB,YAAY,YACtC,YACA,QACD;AACD,YAAI,CAAC,qBAAqB;AACxB,sBAAY,UAAU;AAAA,YACpB,WAAW;AAAA,YACX,YAAY;AAAA,YACZ,UAAU,YAAY,WAAW,UAAU;AAAA,UACvD,CAAW;AAAA,QACF;AAAA,MACF;AAED,uBAAiB,MAAM,OAAO,aAAa,MAAM;AAAA,IAClD;AAAA,EACF;AACD,SAAO;AAAA,IACL;AAAA,EACD;AACH;;"}
+{"version":3,"file":"basereference.js","sources":["../src/composables/basereference.js"],"sourcesContent":["import { useSphinxStore } from '@/stores/sphinx'\n\nimport { useMethods } from './methods'\nimport { determineRouteUrl, constructPageNameFromRoute } from '../js/utilities'\n\nconst {\n  determinePageLocation,\n  determinePageName,\n  isInternalReference,\n  isReferenceToCurrentPage,\n  parentLevelsInRefURI,\n} = useMethods()\n\nexport const useBaseReference = (element, route, routeDescription) => {\n  const sphinxStore = useSphinxStore()\n\n  const onReferenceCreated = () => {\n    if (isInternalReference(element)) {\n      let pageName = constructPageNameFromRoute(route)\n      let baseRefUri = determineRouteUrl(route)\n      const pageReference = element.getAttribute('refid')\n      if (pageReference && !pageReference.startsWith('#')) {\n        routeDescription.value.hash = '#' + pageReference\n      } else {\n        routeDescription.value.hash = pageReference\n      }\n      if (!isReferenceToCurrentPage(element)) {\n        pageName = determinePageName(element, route)\n        let parentLevels = parentLevelsInRefURI(element)\n        if (sphinxStore.isOffsetReferenceURL(baseRefUri) && parentLevels) {\n          let parts = baseRefUri.split('/')\n          while(parentLevels--) {\n            parts.pop()\n          }\n          if (parts.length === 1) {\n            baseRefUri = '/'\n          } else {\n            baseRefUri = parts.join('/')\n          }\n        }\n        routeDescription.value.hash = determinePageLocation(element)\n        const existingPageWrapper = sphinxStore.hasPageById(\n          baseRefUri,\n          pageName,\n        )\n        if (!existingPageWrapper) {\n          sphinxStore.fetchPage({\n            page_name: pageName,\n            page_route: baseRefUri,\n            page_url: sphinxStore.getBaseUrl(baseRefUri),\n          })\n        }\n      }\n\n      routeDescription.value.path = baseRefUri === '/' ? baseRefUri + pageName : baseRefUri + '/' + pageName\n    }\n  }\n  return {\n    onReferenceCreated,\n  }\n}\n"],"names":[],"mappings":";;AAKA,MAAM;AAAA,EACJ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,IACE,WAAY;AAEJ,MAAC,mBAAmB,CAAC,SAAS,OAAO,qBAAqB;AACpE,QAAM,cAAc,eAAgB;AAEpC,QAAM,qBAAqB,MAAM;AAC/B,QAAI,oBAAoB,OAAO,GAAG;AAChC,UAAI,WAAW,2BAA2B,KAAK;AAC/C,UAAI,aAAa,kBAAkB,KAAK;AACxC,YAAM,gBAAgB,QAAQ,aAAa,OAAO;AAClD,UAAI,iBAAiB,CAAC,cAAc,WAAW,GAAG,GAAG;AACnD,yBAAiB,MAAM,OAAO,MAAM;AAAA,MAC5C,OAAa;AACL,yBAAiB,MAAM,OAAO;AAAA,MAC/B;AACD,UAAI,CAAC,yBAAyB,OAAO,GAAG;AACtC,mBAAW,kBAAkB,SAAS,KAAK;AAC3C,YAAI,eAAe,qBAAqB,OAAO;AAC/C,YAAI,YAAY,qBAAqB,UAAU,KAAK,cAAc;AAChE,cAAI,QAAQ,WAAW,MAAM,GAAG;AAChC,iBAAM,gBAAgB;AACpB,kBAAM,IAAK;AAAA,UACZ;AACD,cAAI,MAAM,WAAW,GAAG;AACtB,yBAAa;AAAA,UACzB,OAAiB;AACL,yBAAa,MAAM,KAAK,GAAG;AAAA,UAC5B;AAAA,QACF;AACD,yBAAiB,MAAM,OAAO,sBAAsB,OAAO;AAC3D,cAAM,sBAAsB,YAAY,YACtC,YACA,QACD;AACD,YAAI,CAAC,qBAAqB;AACxB,sBAAY,UAAU;AAAA,YACpB,WAAW;AAAA,YACX,YAAY;AAAA,YACZ,UAAU,YAAY,WAAW,UAAU;AAAA,UACvD,CAAW;AAAA,QACF;AAAA,MACF;AAED,uBAAiB,MAAM,OAAO,eAAe,MAAM,aAAa,WAAW,aAAa,MAAM;AAAA,IAC/F;AAAA,EACF;AACD,SAAO;AAAA,IACL;AAAA,EACD;AACH;;"}

package/dist/entry.js

@@ -44942,12 +44942,19 @@ const useSphinxStore = defineStore("sphinx", {
     urlMap: /* @__PURE__ */ new Map(),
     inflight: /* @__PURE__ */ new Map(),
     downloadURLs: /* @__PURE__ */ new Map(),
-    imagesURLs: /* @__PURE__ */ new Map()
+    imagesURLs: /* @__PURE__ */ new Map(),
+    offsetReferenceURLs: /* @__PURE__ */ new Map()
   }),
   getters: {
+    printPages: (state) => () => {
+      console.log(state.pages);
+    },
     getPageById: (state) => (routeURL, id2) => {
       return state.pages.get(routeURL).find((page) => page.id === id2);
     },
+    hasPageById: (state) => (routeURL, id2) => {
+      return !!state.getPageById(routeURL, id2);
+    },
     getInflight: (state) => (routeURL, id2) => {
       return state.inflight.get(routeURL).get(id2);
     },
@@ -44962,6 +44969,9 @@ const useSphinxStore = defineStore("sphinx", {
     },
     getImagesURL: (state) => (routeURL) => {
       return state.imagesURLs.get(routeURL);
+    },
+    isOffsetReferenceURL: (state) => (routeURL) => {
+      return state.offsetReferenceURLs.get(routeURL);
     }
   },
   actions: {
@@ -44984,13 +44994,21 @@ const useSphinxStore = defineStore("sphinx", {
     removeInflight({ routeURL, id: id2 }) {
       this.inflight.get(routeURL).delete(id2);
     },
-    registerRouteUrl({ baseURL, routeURL, downloadsURL, imagesURL }) {
+    registerRouteUrl({
+      baseURL,
+      routeURL,
+      downloadsURL,
+      imagesURL,
+      offsetRouteURL
+    }) {
       const registeredURL = this.pages.get(routeURL);
+      const activeRouteURL = offsetRouteURL ? offsetRouteURL : routeURL;
+      this.downloadURLs.set(activeRouteURL, downloadsURL);
+      this.imagesURLs.set(activeRouteURL, imagesURL);
+      this.offsetReferenceURLs.set(activeRouteURL, offsetRouteURL ? true : false);
       if (!registeredURL) {
         this.pages.set(routeURL, []);
         this.urlMap.set(routeURL, baseURL);
-        this.downloadURLs.set(routeURL, downloadsURL);
-        this.imagesURLs.set(routeURL, imagesURL);
         this.inflight.set(routeURL, /* @__PURE__ */ new Map());
       }
     },
@@ -44998,12 +45016,6 @@ const useSphinxStore = defineStore("sphinx", {
       const page_name = payload.page_name;
       const page_route = payload.page_route;
       const base_url = payload.page_url;
-      this.registerRouteUrl({
-        baseURL: base_url,
-        routeURL: page_route,
-        downloadsURL: payload.page_downloads,
-        imagesURL: payload.page_images
-      });
       const existingPage = this.getPageById(page_route, page_name);
       if (existingPage) {
         return Promise.resolve(existingPage);
@@ -45015,6 +45027,7 @@ const useSphinxStore = defineStore("sphinx", {
         let parser = new DOMParser();
         let xmlDoc = parser.parseFromString(response.data, "text/xml");
         const documentElement = xmlDoc.querySelector("document");
+        documentElement.id = page_name;
         this.appendPage({ routeURL: page_route, page: documentElement });
         this.removeInflight({ routeURL: page_route, id: page_name });
         return documentElement;
@@ -45126,6 +45139,7 @@ var LoadingComponent = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "
 const nodeNameTagNameMap = /* @__PURE__ */ new Map([
   ["bullet_list", "ul"],
   ["button", "button"],
+  ["citation", "cite"],
   ["definition", "dd"],
   ["definition_list", "dl"],
   ["definition_list_item", "dt"],
@@ -45418,7 +45432,7 @@ function addTGroup(components, node, columns) {
     colspecs.push(colspec.getAttribute("colwidth"));
   }
   if (colspecs.length !== columns) {
-    console.log("Something is not right.");
+    console.log("***** Something is not right. *****", colspecs.length, columns);
   }
   components.push(defineColgroupComponent(node, colspecs));
   return components;
@@ -45517,6 +45531,10 @@ const _sfc_main = {
       type: String,
       default: "/"
     },
+    referenceBaseURL: {
+      type: String,
+      default: void 0
+    },
     downloadBaseURL: {
       type: String,
       default: ""
@@ -45542,6 +45560,7 @@ const _sfc_main = {
     const props = __props;
     const {
       baseURL,
+      referenceBaseURL,
       downloadBaseURL,
       imagesBaseURL,
       indexFileName,
@@ -45613,15 +45632,40 @@ const _sfc_main = {
       }
       const resolvedImagesBaseURL = imagesBaseURL.value === "" ? `${baseURL.value}/_images` : imagesBaseURL.value;
       const resolvedDownloadBaseURL = downloadBaseURL.value === "" ? `${baseURL.value}/_downloads` : downloadBaseURL.value;
+      let tmpBaseURL = baseURL.value;
+      let tmpRouteURL = routeURL;
+      let tmpPageName = pageName;
+      if (referenceBaseURL.value) {
+        let baseURLParts = tmpBaseURL.split(referenceBaseURL.value);
+        const value = baseURLParts.pop();
+        if (value === indexFileName.value) {
+          baseURLParts.pop();
+        }
+        if (referenceBaseURL.value !== "/") {
+          baseURLParts.push(referenceBaseURL.value);
+        }
+        tmpBaseURL = baseURLParts.join("/").replace("//", "/");
+        let routeURLParts = tmpRouteURL.split(referenceBaseURL.value);
+        const routeEnd = routeURLParts.pop();
+        routeURLParts.push(referenceBaseURL.value);
+        tmpRouteURL = routeURLParts.join("/").replace("//", "/");
+        const pagePrefix = routeEnd[0] === "/" ? routeEnd.slice(1) : routeEnd;
+        tmpPageName = pagePrefix + "/" + tmpPageName;
+      }
+      sphinxStore.registerRouteUrl({
+        baseURL: tmpBaseURL,
+        routeURL: tmpRouteURL,
+        downloadsURL: resolvedDownloadBaseURL,
+        imagesURL: resolvedImagesBaseURL,
+        offsetRouteURL: referenceBaseURL.value === void 0 ? false : routeURL
+      });
       sphinxStore.fetchPage({
-        page_name: pageName,
-        page_route: routeURL,
-        page_url: baseURL.value,
-        page_downloads: resolvedDownloadBaseURL,
-        page_images: resolvedImagesBaseURL
+        page_name: tmpPageName,
+        page_route: tmpRouteURL,
+        page_url: tmpBaseURL
       }).then((response) => {
         element.value = response;
-        id2.value = "page_" + pageName.replace("/", "_");
+        id2.value = "page_" + tmpPageName.replace("/", "_");
       }).catch(() => {
         router.push({
           name: pageNotFoundName.value,