@scalar/api-reference 1.2.2 → 1.2.4

package/dist/browser/standalone.js

@@ -9865,8 +9865,8 @@ Component that was made reactive: `,
     return [event, options2];
   }
   let cachedNow = 0;
-  const p$7 = /* @__PURE__ */ Promise.resolve();
-  const getNow = () => cachedNow || (p$7.then(() => cachedNow = 0), cachedNow = Date.now());
+  const p$8 = /* @__PURE__ */ Promise.resolve();
+  const getNow = () => cachedNow || (p$8.then(() => cachedNow = 0), cachedNow = Date.now());
   function createInvoker(initialValue, instance) {
     const invoker = (e2) => {
       if (!e2._vts) {
@@ -11121,6 +11121,268 @@ Component that was made reactive: `,
       triggerResize
     };
   }
+  function unpackToArray(input, options2) {
+    const unpacked = [];
+    const kFn = options2.resolveKeyData || ((ctx) => ctx.key);
+    const vFn = options2.resolveValueData || ((ctx) => ctx.value);
+    for (const [k2, v2] of Object.entries(input)) {
+      unpacked.push(...(Array.isArray(v2) ? v2 : [v2]).map((i2) => {
+        const ctx = { key: k2, value: i2 };
+        const val = vFn(ctx);
+        if (typeof val === "object")
+          return unpackToArray(val, options2);
+        if (Array.isArray(val))
+          return val;
+        return {
+          [typeof options2.key === "function" ? options2.key(ctx) : options2.key]: kFn(ctx),
+          [typeof options2.value === "function" ? options2.value(ctx) : options2.value]: val
+        };
+      }).flat());
+    }
+    return unpacked;
+  }
+  function unpackToString(value, options2) {
+    return Object.entries(value).map(([key2, value2]) => {
+      if (typeof value2 === "object")
+        value2 = unpackToString(value2, options2);
+      if (options2.resolve) {
+        const resolved = options2.resolve({ key: key2, value: value2 });
+        if (resolved)
+          return resolved;
+      }
+      if (typeof value2 === "number")
+        value2 = value2.toString();
+      if (typeof value2 === "string" && options2.wrapValue) {
+        value2 = value2.replace(new RegExp(options2.wrapValue, "g"), `\\${options2.wrapValue}`);
+        value2 = `${options2.wrapValue}${value2}${options2.wrapValue}`;
+      }
+      return `${key2}${options2.keyValueSeparator || ""}${value2}`;
+    }).join(options2.entrySeparator || "");
+  }
+  const p$7 = (p2) => ({ keyValue: p2, metaKey: "property" });
+  const k$2 = (p2) => ({ keyValue: p2 });
+  const MetaPackingSchema = {
+    appleItunesApp: {
+      unpack: {
+        entrySeparator: ", ",
+        resolve({ key: key2, value }) {
+          return `${fixKeyCase(key2)}=${value}`;
+        }
+      }
+    },
+    articleExpirationTime: p$7("article:expiration_time"),
+    articleModifiedTime: p$7("article:modified_time"),
+    articlePublishedTime: p$7("article:published_time"),
+    bookReleaseDate: p$7("book:release_date"),
+    charset: {
+      metaKey: "charset"
+    },
+    contentSecurityPolicy: {
+      unpack: {
+        entrySeparator: "; ",
+        resolve({ key: key2, value }) {
+          return `${fixKeyCase(key2)} ${value}`;
+        }
+      },
+      metaKey: "http-equiv"
+    },
+    contentType: {
+      metaKey: "http-equiv"
+    },
+    defaultStyle: {
+      metaKey: "http-equiv"
+    },
+    fbAppId: p$7("fb:app_id"),
+    msapplicationConfig: k$2("msapplication-Config"),
+    msapplicationTileColor: k$2("msapplication-TileColor"),
+    msapplicationTileImage: k$2("msapplication-TileImage"),
+    ogAudioSecureUrl: p$7("og:audio:secure_url"),
+    ogAudioUrl: p$7("og:audio"),
+    ogImageSecureUrl: p$7("og:image:secure_url"),
+    ogImageUrl: p$7("og:image"),
+    ogSiteName: p$7("og:site_name"),
+    ogVideoSecureUrl: p$7("og:video:secure_url"),
+    ogVideoUrl: p$7("og:video"),
+    profileFirstName: p$7("profile:first_name"),
+    profileLastName: p$7("profile:last_name"),
+    profileUsername: p$7("profile:username"),
+    refresh: {
+      metaKey: "http-equiv",
+      unpack: {
+        entrySeparator: ";",
+        keyValueSeparator: "=",
+        resolve({ key: key2, value }) {
+          if (key2 === "seconds")
+            return `${value}`;
+        }
+      }
+    },
+    robots: {
+      unpack: {
+        entrySeparator: ", ",
+        resolve({ key: key2, value }) {
+          if (typeof value === "boolean")
+            return `${fixKeyCase(key2)}`;
+          else
+            return `${fixKeyCase(key2)}:${value}`;
+        }
+      }
+    },
+    xUaCompatible: {
+      metaKey: "http-equiv"
+    }
+  };
+  const openGraphNamespaces = [
+    "og",
+    "book",
+    "article",
+    "profile"
+  ];
+  function resolveMetaKeyType(key2) {
+    var _a3;
+    const fKey = fixKeyCase(key2).split(":")[0];
+    if (openGraphNamespaces.includes(fKey))
+      return "property";
+    return ((_a3 = MetaPackingSchema[key2]) == null ? void 0 : _a3.metaKey) || "name";
+  }
+  function resolveMetaKeyValue(key2) {
+    var _a3;
+    return ((_a3 = MetaPackingSchema[key2]) == null ? void 0 : _a3.keyValue) || fixKeyCase(key2);
+  }
+  function fixKeyCase(key2) {
+    const updated = key2.replace(/([A-Z])/g, "-$1").toLowerCase();
+    const fKey = updated.split("-")[0];
+    if (openGraphNamespaces.includes(fKey) || fKey === "twitter")
+      return key2.replace(/([A-Z])/g, ":$1").toLowerCase();
+    return updated;
+  }
+  function changeKeyCasingDeep(input) {
+    if (Array.isArray(input)) {
+      return input.map((entry) => changeKeyCasingDeep(entry));
+    }
+    if (typeof input !== "object" || Array.isArray(input))
+      return input;
+    const output = {};
+    for (const [key2, value] of Object.entries(input))
+      output[fixKeyCase(key2)] = changeKeyCasingDeep(value);
+    return output;
+  }
+  function resolvePackedMetaObjectValue(value, key2) {
+    const definition2 = MetaPackingSchema[key2];
+    if (key2 === "refresh")
+      return `${value.seconds};url=${value.url}`;
+    return unpackToString(
+      changeKeyCasingDeep(value),
+      {
+        entrySeparator: ", ",
+        resolve({ value: value2, key: key22 }) {
+          if (value2 === null)
+            return "";
+          if (typeof value2 === "boolean")
+            return `${key22}`;
+        },
+        ...definition2 == null ? void 0 : definition2.unpack
+      }
+    );
+  }
+  const ObjectArrayEntries = ["og:image", "og:video", "og:audio", "twitter:image"];
+  function sanitize$1(input) {
+    const out = {};
+    Object.entries(input).forEach(([k2, v2]) => {
+      if (String(v2) !== "false" && k2)
+        out[k2] = v2;
+    });
+    return out;
+  }
+  function handleObjectEntry(key2, v2) {
+    const value = sanitize$1(v2);
+    const fKey = fixKeyCase(key2);
+    const attr = resolveMetaKeyType(fKey);
+    if (ObjectArrayEntries.includes(fKey)) {
+      const input = {};
+      Object.entries(value).forEach(([k2, v22]) => {
+        input[`${key2}${k2 === "url" ? "" : `${k2.charAt(0).toUpperCase()}${k2.slice(1)}`}`] = v22;
+      });
+      return unpackMeta(input).sort((a2, b2) => {
+        var _a3, _b2;
+        return (((_a3 = a2[attr]) == null ? void 0 : _a3.length) || 0) - (((_b2 = b2[attr]) == null ? void 0 : _b2.length) || 0);
+      });
+    }
+    return [{ [attr]: fKey, ...value }];
+  }
+  function unpackMeta(input) {
+    const extras = [];
+    const primitives = {};
+    Object.entries(input).forEach(([key2, value]) => {
+      if (!Array.isArray(value)) {
+        if (typeof value === "object" && value) {
+          if (ObjectArrayEntries.includes(fixKeyCase(key2))) {
+            extras.push(...handleObjectEntry(key2, value));
+            return;
+          }
+          primitives[key2] = sanitize$1(value);
+        } else {
+          primitives[key2] = value;
+        }
+        return;
+      }
+      value.forEach((v2) => {
+        extras.push(...typeof v2 === "string" ? unpackMeta({ [key2]: v2 }) : handleObjectEntry(key2, v2));
+      });
+    });
+    const meta2 = unpackToArray(primitives, {
+      key({ key: key2 }) {
+        return resolveMetaKeyType(key2);
+      },
+      value({ key: key2 }) {
+        return key2 === "charset" ? "charset" : "content";
+      },
+      resolveKeyData({ key: key2 }) {
+        return resolveMetaKeyValue(key2);
+      },
+      resolveValueData({ value, key: key2 }) {
+        if (value === null)
+          return "_null";
+        if (typeof value === "object")
+          return resolvePackedMetaObjectValue(value, key2);
+        return typeof value === "number" ? value.toString() : value;
+      }
+    });
+    return [...extras, ...meta2].map((m2) => {
+      if (m2.content === "_null")
+        m2.content = null;
+      return m2;
+    });
+  }
+  let activeHead;
+  function getActiveHead() {
+    return activeHead;
+  }
+  function useHead(input, options2 = {}) {
+    const head2 = options2.head || getActiveHead();
+    return head2 == null ? void 0 : head2.push(input, options2);
+  }
+  function useSeoMeta(input, options2) {
+    const { title: title2, titleTemplate, ...meta2 } = input;
+    return useHead({
+      title: title2,
+      titleTemplate,
+      // we need to input the meta so the reactivity will be resolved
+      // @ts-expect-error runtime type
+      _flatMeta: meta2
+    }, {
+      ...options2,
+      transform(t2) {
+        const meta22 = unpackMeta({ ...t2._flatMeta });
+        delete t2._flatMeta;
+        return {
+          // @ts-expect-error runtime type
+          ...t2,
+          meta: meta22
+        };
+      }
+    });
+  }
   const alternateTheme = ".light-mode {\n  color-scheme: light;\n  --default-theme-color-1: #24293c;\n  --default-theme-color-2: #4a5166;\n  --default-theme-color-3: #888c9a;\n  --default-theme-color-accent: #0099ff;\n  --default-theme-background-1: #fff;\n  --default-theme-background-2: #f6f6f6;\n  --default-theme-background-3: #e7e7e7;\n  --default-theme-background-accent: #5369d20f;\n  --default-theme-border-color: rgba(0, 0, 0, 0.1);\n  --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n  --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n  --default-theme-lifted-brightness: 1;\n  --default-theme-backdrop-brightness: 1;\n\n  --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n  --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n    rgba(0, 0, 0, 0.08) 0px 3px 8px 0px,\n    var(--default-theme-border-color) 0px 0 0 1px;\n\n  --default-theme-button-1: rgb(49 53 56);\n  --default-theme-button-1-color: #fff;\n  --default-theme-button-1-hover: rgb(28 31 33);\n\n  --default-theme-color-green: #069061;\n  --default-theme-color-red: #ef0006;\n  --default-theme-color-yellow: #edbe20;\n  --default-theme-color-blue: #0082d0;\n  --default-theme-color-orange: #fb892c;\n  --default-theme-color-purple: #5203d1;\n}\n\n.dark-mode {\n  color-scheme: dark;\n  --default-theme-color-1: rgba(255, 255, 255, 0.9);\n  --default-theme-color-2: rgba(255, 255, 255, 0.62);\n  --default-theme-color-3: rgba(255, 255, 255, 0.44);\n  --default-theme-color-disabled: rgba(255, 255, 255, 0.34);\n  --default-theme-color-ghost: rgba(255, 255, 255, 0.26);\n  --default-theme-color-accent: #8ab4f8;\n  --default-theme-background-1: #1a1a1a;\n  --default-theme-background-2: #252525;\n  --default-theme-background-3: #323232;\n  --default-theme-background-4: rgba(255, 255, 255, 0.06);\n  --default-theme-background-accent: #8ab4f81f;\n\n  --default-theme-border-color: rgba(255, 255, 255, 0.1);\n  --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n  --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n  --default-theme-lifted-brightness: 1.45;\n  --default-theme-backdrop-brightness: 0.5;\n\n  --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n  --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n    rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n  --default-theme-button-1: #f6f6f6;\n  --default-theme-button-1-color: #000;\n  --default-theme-button-1-hover: #e7e7e7;\n\n  --default-theme-color-green: #00b648;\n  --default-theme-color-red: #dc1b19;\n  --default-theme-color-yellow: #ffc90d;\n  --default-theme-color-blue: #4eb3ec;\n  --default-theme-color-orange: #ff8d4d;\n  --default-theme-color-purple: #b191f9;\n\n  /* REST API Client */\n  --default-theme-code-languages-background-supersede: transparent;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n  --default-sidebar-background-1: var(--default-theme-background-2);\n  --default-sidebar-item-hover-color: currentColor;\n  --default-sidebar-item-hover-background: var(--default-theme-background-3);\n  --default-sidebar-item-active-background: var(\n    --default-theme-background-accent\n  );\n  --default-sidebar-border-color: transparent;\n  --default-sidebar-color-1: var(--default-theme-color-1);\n  --default-sidebar-color-2: var(--default-theme-color-2);\n  --default-sidebar-color-active: var(--default-theme-color-accent);\n  --default-sidebar-search-background: var(--default-theme-background-3);\n  --default-sidebar-search-border-color: var(--default-theme-background-3);\n  --default-sidebar-search--color: var(--default-theme-color-3);\n}\n\n.dark-mode .sidebar {\n  --default-sidebar-background-1: var(--default-theme-background-2);\n  --default-sidebar-item-hover-color: currentColor;\n  --default-sidebar-item-hover-background: var(--default-theme-background-3);\n  --default-sidebar-item-active-background: var(\n    --default-theme-background-accent\n  );\n  --default-sidebar-border-color: var(--default-theme-background-2);\n  --default-sidebar-color-1: var(--default-theme-color-1);\n  --default-sidebar-color-2: var(--default-theme-color-2);\n  --default-sidebar-color-active: var(--default-theme-color-accent);\n  --default-sidebar-search-background: var(--default-theme-background-3);\n  --default-sidebar-search-border-color: var(--default-theme-background-3);\n  --default-sidebar-search--color: var(--default-theme-color-3);\n}\n\n/* Document header */\n.light-mode .t-doc__header {\n  --default-header-background-1: #000;\n  --default-header-border-color: #000;\n  --default-header-color-1: #fff;\n  --default-header-color-2: rgba(255, 255, 255, 0.66);\n  --default-header-background-toggle: var(--default-theme-color-3);\n  --default-header-call-to-action-color: var(--default-theme-color-accent);\n}\n\n.dark-mode .t-doc__header {\n  --default-header-background-1: var(--default-theme-background-3);\n  --default-header-border-color: var(--header-background-1);\n  --default-header-color-1: var(--default-theme-color-1);\n  --default-header-color-2: var(--default-theme-color-2);\n  --default-header-background-toggle: var(--default-theme-color-3);\n  --default-header-call-to-action-color: var(--default-theme-color-accent);\n}\n";
   const defaultTheme = ".light-mode {\n  color-scheme: light;\n  --default-theme-color-1: #2a2f45;\n  --default-theme-color-2: #757575;\n  --default-theme-color-3: #8e8e8e;\n  --default-theme-color-disabled: #b4b1b1;\n  --default-theme-color-ghost: #a7a7a7;\n  --default-theme-color-accent: #0099ff;\n  --default-theme-background-1: #fff;\n  --default-theme-background-2: #f6f6f6;\n  --default-theme-background-3: #e7e7e7;\n  --default-theme-background-4: rgba(0, 0, 0, 0.06);\n  --default-theme-background-accent: #8ab4f81f;\n\n  --default-theme-border-color: rgba(0, 0, 0, 0.1);\n  --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n  --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n  --default-theme-lifted-brightness: 1;\n  --default-theme-backdrop-brightness: 1;\n\n  --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n  --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n    rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\n  --default-theme-button-1: rgb(49 53 56);\n  --default-theme-button-1-color: #fff;\n  --default-theme-button-1-hover: rgb(28 31 33);\n\n  /* REST API Client Colors */\n  --default-theme-color-green: #069061;\n  --default-theme-color-red: #ef0006;\n  --default-theme-color-yellow: #edbe20;\n  --default-theme-color-blue: #0082d0;\n  --default-theme-color-orange: #fb892c;\n  --default-theme-color-purple: #5203d1;\n\n  /* Misc Scalar Branding */\n  --default-scalar-brand: #faf6e9;\n}\n.dark-mode {\n  color-scheme: dark;\n  --default-theme-color-1: rgba(255, 255, 255, 0.9);\n  --default-theme-color-2: rgba(255, 255, 255, 0.62);\n  --default-theme-color-3: rgba(255, 255, 255, 0.44);\n  --default-theme-color-disabled: rgba(255, 255, 255, 0.34);\n  --default-theme-color-ghost: rgba(255, 255, 255, 0.26);\n  --default-theme-color-accent: #8ab4f8;\n  --default-theme-background-1: #1a1a1a;\n  --default-theme-background-2: #252525;\n  --default-theme-background-3: #323232;\n  --default-theme-background-4: rgba(255, 255, 255, 0.06);\n  --default-theme-background-accent: #8ab4f81f;\n\n  --default-theme-border-color: rgba(255, 255, 255, 0.1);\n  --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n  --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n  --default-theme-lifted-brightness: 1.45;\n  --default-theme-backdrop-brightness: 0.5;\n\n  --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n  --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n    rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n  --default-theme-button-1: #f6f6f6;\n  --default-theme-button-1-color: #000;\n  --default-theme-button-1-hover: #e7e7e7;\n\n  /* REST API Client Colors */\n  --default-theme-color-green: #00b648;\n  --default-theme-color-red: #dc1b19;\n  --default-theme-color-yellow: #ffc90d;\n  --default-theme-color-blue: #4eb3ec;\n  --default-theme-color-orange: #ff8d4d;\n  --default-theme-color-purple: #b191f9;\n\n  /* Misc Scalar Branding */\n  --default-scalar-brand: #8b7256;\n}\n.light-mode .t-doc__sidebar {\n  --default-sidebar-background-1: var(--default-theme-background-1);\n  --default-sidebar-item-hover-color: currentColor;\n  --default-sidebar-item-hover-background: var(--default-theme-background-2);\n  --default-sidebar-item-active-background: var(\n    --default-theme-background-accent\n  );\n  --default-sidebar-border-color: var(--default-theme-border-color);\n  --default-sidebar-color-1: var(--default-theme-color-1);\n  --default-sidebar-color-2: var(--default-theme-color-2);\n  --default-sidebar-color-active: var(--default-theme-color-accent);\n  --default-sidebar-search-background: transparent;\n  --default-sidebar-search-border-color: var(--default-theme-border-color);\n  --default-sidebar-search--color: var(--default-theme-color-3);\n}\n\n.dark-mode .sidebar {\n  --default-sidebar-background-1: var(--default-theme-background-1);\n  --default-sidebar-item-hover-color: currentColor;\n  --default-sidebar-item-hover-background: var(--default-theme-background-2);\n  --default-sidebar-item-active-background: var(\n    --default-theme-background-accent\n  );\n  --default-sidebar-border-color: var(--default-theme-border-color);\n  --default-sidebar-color-1: var(--default-theme-color-1);\n  --default-sidebar-color-2: var(--default-theme-color-2);\n  --default-sidebar-color-active: var(--default-theme-color-accent);\n  --default-sidebar-search-background: transparent;\n  --default-sidebar-search-border-color: var(--default-theme-border-color);\n  --default-sidebar-search--color: var(--default-theme-color-3);\n}\n";
   const moonTheme = ".light-mode {\n  color-scheme: light;\n  --default-theme-color-1: #000000;\n  --default-theme-color-2: #000000;\n  --default-theme-color-3: #000000;\n  --default-theme-color-accent: #645b0f;\n  --default-theme-background-1: #ccc9b3;\n  --default-theme-background-2: #c2bfaa;\n  --default-theme-background-3: #b8b5a1;\n  --default-theme-background-accent: #000000;\n\n  --default-theme-border-color: rgba(0, 0, 0, 0.2);\n  --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n  --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n  --default-theme-lifted-brightness: 1;\n  --default-theme-backdrop-brightness: 1;\n\n  --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n  --default-theme-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n    rgba(0, 0, 0, 0.08) 0px 3px 8px 0px,\n    var(--default-theme-border-color) 0px 0 0 1px;\n\n  --default-theme-button-1: rgb(49 53 56);\n  --default-theme-button-1-color: #fff;\n  --default-theme-button-1-hover: rgb(28 31 33);\n\n  --default-theme-color-red: #b91c1c;\n  --default-theme-color-orange: #a16207;\n  --default-theme-color-green: #047857;\n  --default-theme-color-blue: #1d4ed8;\n  --default-theme-color-orange: #c2410c;\n  --default-theme-color-purple: #6d28d9;\n\n  --default-theme-code-languages-background-supersede: var(\n    --default-theme-background-3\n  );\n  --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n\n.dark-mode {\n  color-scheme: dark;\n  --default-theme-color-1: #fffef3;\n  --default-theme-color-2: #fffef3;\n  --default-theme-color-3: #fffef3;\n  --default-theme-color-accent: #c3b531;\n  --default-theme-background-1: #313332;\n  --default-theme-background-2: #393b3a;\n  --default-theme-background-3: #414342;\n  --default-theme-background-accent: #fffef3;\n\n  --default-theme-border-color: rgba(255, 255, 255, 0.1);\n  --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n  --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n  --default-theme-lifted-brightness: 1.45;\n  --default-theme-backdrop-brightness: 0.5;\n\n  --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n  --default-theme-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n    rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n  --default-theme-button-1: #f6f6f6;\n  --default-theme-button-1-color: #000;\n  --default-theme-button-1-hover: #e7e7e7;\n\n  --default-theme-color-green: #00b648;\n  --default-theme-color-red: #dc1b19;\n  --default-theme-color-yellow: #ffc90d;\n  --default-theme-color-blue: #4eb3ec;\n  --default-theme-color-orange: #ff8d4d;\n  --default-theme-color-purple: #b191f9;\n\n  --default-theme-code-languages-background-supersede: var(\n    --default-theme-background-3\n  );\n  --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n  --default-sidebar-background-1: var(--default-theme-background-1);\n  --default-sidebar-item-hover-color: currentColor;\n  --default-sidebar-item-hover-background: var(--default-theme-background-2);\n  --default-sidebar-item-active-background: var(\n    --default-theme-background-accent\n  );\n  --default-sidebar-border-color: var(--default-theme-border-color);\n  --default-sidebar-color-1: var(--default-theme-color-1);\n  --default-sidebar-color-2: var(--default-theme-color-2);\n  --default-sidebar-color-active: var(--default-sidebar-background-1);\n  --default-sidebar-search-background: var(--default-theme-background-3);\n  --default-sidebar-search-border-color: var(\n    --default-sidebar-search-background\n  );\n  --default-sidebar-search--color: var(--default-theme-color-3);\n}\n\n.dark-mode .sidebar {\n  --default-sidebar-background-1: var(--default-theme-background-1);\n  --default-sidebar-item-hover-color: currentColor;\n  --default-sidebar-item-hover-background: var(--default-theme-background-2);\n  --default-sidebar-item-active-background: var(\n    --default-theme-background-accent\n  );\n  --default-sidebar-border-color: var(--default-theme-border-color);\n  --default-sidebar-color-1: var(--default-theme-color-1);\n  --default-sidebar-color-2: var(--default-theme-color-2);\n  --default-sidebar-color-active: var(--default-sidebar-background-1);\n  --default-sidebar-search-background: var(--default-theme-background-3);\n  --default-sidebar-search-border-color: var(\n    --default-sidebar-search-background\n  );\n  --default-sidebar-search--color: var(--default-theme-color-3);\n}\n";
@@ -97152,7 +97414,7 @@ Parsed value is empty`));
     }
   }
   const own$3 = {}.hasOwnProperty;
-  function create$b(definition2) {
+  function create$a(definition2) {
     const property2 = {};
     const normal = {};
     let prop;
@@ -97175,7 +97437,7 @@ Parsed value is empty`));
     }
     return new Schema$1(property2, normal, definition2.space);
   }
-  const xlink = create$b({
+  const xlink = create$a({
     space: "xlink",
     transform(_2, prop) {
       return "xlink:" + prop.slice(5).toLowerCase();
@@ -97190,7 +97452,7 @@ Parsed value is empty`));
       xLinkType: null
     }
   });
-  const xml = create$b({
+  const xml = create$a({
     space: "xml",
     transform(_2, prop) {
       return "xml:" + prop.slice(3).toLowerCase();
@@ -97203,13 +97465,13 @@ Parsed value is empty`));
   function caseInsensitiveTransform(attributes, property2) {
     return caseSensitiveTransform(attributes, property2.toLowerCase());
   }
-  const xmlns = create$b({
+  const xmlns = create$a({
     space: "xmlns",
     attributes: { xmlnsxlink: "xmlns:xlink" },
     transform: caseInsensitiveTransform,
     properties: { xmlns: null, xmlnsXLink: null }
   });
-  const aria = create$b({
+  const aria = create$a({
     transform(_2, prop) {
       return prop === "role" ? prop : "aria-" + prop.slice(4).toLowerCase();
     },
@@ -97265,7 +97527,7 @@ Parsed value is empty`));
       role: null
     }
   });
-  const html$4 = create$b({
+  const html$4 = create$a({
     space: "html",
     attributes: {
       acceptcharset: "accept-charset",
@@ -97622,7 +97884,7 @@ Parsed value is empty`));
       unselectable: null
     }
   });
-  const svg$1 = create$b({
+  const svg$1 = create$a({
     space: "svg",
     attributes: {
       accentHeight: "accent-height",
@@ -118982,12 +119244,12 @@ If you don't need every "time_period" between your dates you may adjust the freq
   const BIT8$2 = 128;
   const BITS7$2 = 127;
   const floor$2 = Math.floor;
-  const min$3 = (a2, b2) => a2 < b2 ? a2 : b2;
-  const max$3 = (a2, b2) => a2 > b2 ? a2 : b2;
+  const min$2 = (a2, b2) => a2 < b2 ? a2 : b2;
+  const max$2 = (a2, b2) => a2 > b2 ? a2 : b2;
   const MAX_SAFE_INTEGER$2 = Number.MAX_SAFE_INTEGER;
-  const create$a = (s2) => new Error(s2);
-  const errorUnexpectedEndOfArray$2 = create$a("Unexpected end of array");
-  const errorIntegerOutOfRange$2 = create$a("Integer out of Range");
+  const create$9 = (s2) => new Error(s2);
+  const errorUnexpectedEndOfArray$2 = create$9("Unexpected end of array");
+  const errorIntegerOutOfRange$2 = create$9("Integer out of Range");
   const readUint8Array$2 = (decoder, len2) => {
     const view = createUint8ArrayViewFromArrayBuffer$2(decoder.arr.buffer, decoder.pos + decoder.arr.byteOffset, len2);
     decoder.pos += len2;
@@ -119090,13 +119352,13 @@ If you don't need every "time_period" between your dates you may adjust the freq
   const writeUint8Array$2 = (encoder, uint8Array) => {
     const bufferLen = encoder.cbuf.length;
     const cpos = encoder.cpos;
-    const leftCopyLen = min$3(bufferLen - cpos, uint8Array.length);
+    const leftCopyLen = min$2(bufferLen - cpos, uint8Array.length);
     const rightCopyLen = uint8Array.length - leftCopyLen;
     encoder.cbuf.set(uint8Array.subarray(0, leftCopyLen), cpos);
     encoder.cpos += leftCopyLen;
     if (rightCopyLen > 0) {
       encoder.bufs.push(encoder.cbuf);
-      encoder.cbuf = new Uint8Array(max$3(bufferLen * 2, rightCopyLen));
+      encoder.cbuf = new Uint8Array(max$2(bufferLen * 2, rightCopyLen));
       encoder.cbuf.set(uint8Array.subarray(leftCopyLen));
       encoder.cpos = rightCopyLen;
     }
@@ -119154,9 +119416,9 @@ If you don't need every "time_period" between your dates you may adjust the freq
     WsReadyStates2[WsReadyStates2["Closing"] = 2] = "Closing";
     WsReadyStates2[WsReadyStates2["Closed"] = 3] = "Closed";
   })(WsReadyStates || (WsReadyStates = {}));
-  const create$9 = () => /* @__PURE__ */ new Map();
+  const create$8 = () => /* @__PURE__ */ new Map();
   const copy$1 = (m2) => {
-    const r2 = create$9();
+    const r2 = create$8();
     m2.forEach((v2, k2) => {
       r2.set(k2, v2);
     });
@@ -119184,7 +119446,7 @@ If you don't need every "time_period" between your dates you may adjust the freq
     }
     return false;
   };
-  const create$8 = () => /* @__PURE__ */ new Set();
+  const create$7 = () => /* @__PURE__ */ new Set();
   const last = (arr) => arr[arr.length - 1];
   const appendTo = (dest, src2) => {
     for (let i2 = 0; i2 < src2.length; i2++) {
@@ -119203,14 +119465,14 @@ If you don't need every "time_period" between your dates you may adjust the freq
   const isArray$1 = Array.isArray;
   let Observable$1 = class Observable {
     constructor() {
-      this._observers = create$9();
+      this._observers = create$8();
     }
     /**
      * @param {N} name
      * @param {function} f
      */
     on(name2, f2) {
-      setIfUndefined$1(this._observers, name2, create$8).add(f2);
+      setIfUndefined$1(this._observers, name2, create$7).add(f2);
     }
     /**
      * @param {N} name
@@ -119246,16 +119508,16 @@ If you don't need every "time_period" between your dates you may adjust the freq
      * @param {Array<any>} args The arguments that are applied to the event listener.
      */
     emit(name2, args) {
-      return from$1((this._observers.get(name2) || create$9()).values()).forEach((f2) => f2(...args));
+      return from$1((this._observers.get(name2) || create$8()).values()).forEach((f2) => f2(...args));
     }
     destroy() {
-      this._observers = create$9();
+      this._observers = create$8();
     }
   };
   const floor$1 = Math.floor;
   const abs = Math.abs;
-  const min$2 = (a2, b2) => a2 < b2 ? a2 : b2;
-  const max$2 = (a2, b2) => a2 > b2 ? a2 : b2;
+  const min$1 = (a2, b2) => a2 < b2 ? a2 : b2;
+  const max$1 = (a2, b2) => a2 > b2 ? a2 : b2;
   const isNegativeZero = (n2) => n2 !== 0 ? n2 < 0 : 1 / n2 < 0;
   const toLowerCase$1 = (s2) => s2.toLowerCase();
   const trimLeftRegex$1 = /^\s*/g;
@@ -119353,7 +119615,7 @@ If you don't need every "time_period" between your dates you may adjust the freq
   const computeParams$1 = () => {
     if (params$2 === void 0) {
       if (isNode$1) {
-        params$2 = create$9();
+        params$2 = create$8();
         const pargs = dist$2.process.argv;
         let currParamName = null;
         for (let i2 = 0; i2 < pargs.length; i2++) {
@@ -119374,7 +119636,7 @@ If you don't need every "time_period" between your dates you may adjust the freq
           params$2.set(currParamName, "");
         }
       } else if (typeof location === "object") {
-        params$2 = create$9();
+        params$2 = create$8();
         (location.search || "?").slice(1).split("&").forEach((kv) => {
           if (kv.length !== 0) {
             const [key2, value] = kv.split("=");
@@ -119383,7 +119645,7 @@ If you don't need every "time_period" between your dates you may adjust the freq
           }
         });
       } else {
-        params$2 = create$9();
+        params$2 = create$8();
       }
     }
     return params$2;
@@ -119407,15 +119669,15 @@ If you don't need every "time_period" between your dates you may adjust the freq
   const BITS31 = 2147483647;
   const MAX_SAFE_INTEGER$1 = Number.MAX_SAFE_INTEGER;
   const isInteger = Number.isInteger || ((num) => typeof num === "number" && isFinite(num) && floor$1(num) === num);
-  const create$7 = (s2) => new Error(s2);
+  const create$6 = (s2) => new Error(s2);
   const methodUnimplemented = () => {
-    throw create$7("Method unimplemented");
+    throw create$6("Method unimplemented");
   };
   const unexpectedCase = () => {
-    throw create$7("Unexpected case");
+    throw create$6("Unexpected case");
   };
-  const errorUnexpectedEndOfArray$1 = create$7("Unexpected end of array");
-  const errorIntegerOutOfRange$1 = create$7("Integer out of Range");
+  const errorUnexpectedEndOfArray$1 = create$6("Unexpected end of array");
+  const errorIntegerOutOfRange$1 = create$6("Integer out of Range");
   let Decoder$1 = class Decoder {
     /**
      * @param {Uint8Array} uint8Array Binary data to decode
@@ -119692,7 +119954,7 @@ If you don't need every "time_period" between your dates you may adjust the freq
     const bufferLen = encoder.cbuf.length;
     if (bufferLen - encoder.cpos < len2) {
       encoder.bufs.push(createUint8ArrayViewFromArrayBuffer$1(encoder.cbuf.buffer, 0, encoder.cpos));
-      encoder.cbuf = new Uint8Array(max$2(bufferLen, len2) * 2);
+      encoder.cbuf = new Uint8Array(max$1(bufferLen, len2) * 2);
       encoder.cpos = 0;
     }
   };
@@ -119755,13 +120017,13 @@ If you don't need every "time_period" between your dates you may adjust the freq
   const writeUint8Array$1 = (encoder, uint8Array) => {
     const bufferLen = encoder.cbuf.length;
     const cpos = encoder.cpos;
-    const leftCopyLen = min$2(bufferLen - cpos, uint8Array.length);
+    const leftCopyLen = min$1(bufferLen - cpos, uint8Array.length);
     const rightCopyLen = uint8Array.length - leftCopyLen;
     encoder.cbuf.set(uint8Array.subarray(0, leftCopyLen), cpos);
     encoder.cpos += leftCopyLen;
     if (rightCopyLen > 0) {
       encoder.bufs.push(encoder.cbuf);
-      encoder.cbuf = new Uint8Array(max$2(bufferLen * 2, rightCopyLen));
+      encoder.cbuf = new Uint8Array(max$1(bufferLen * 2, rightCopyLen));
       encoder.cbuf.set(uint8Array.subarray(leftCopyLen));
       encoder.cpos = rightCopyLen;
     }
@@ -119966,12 +120228,12 @@ If you don't need every "time_period" between your dates you may adjust the freq
     (c2) => (c2 ^ uint32() & 15 >> c2 / 4).toString(16)
   );
   const getUnixTime$1 = Date.now;
-  const create$6 = (f2) => (
+  const create$5 = (f2) => (
     /** @type {Promise<T>} */
     new Promise(f2)
   );
   Promise.all.bind(Promise);
-  let Pair$1 = class Pair {
+  class Pair {
     /**
      * @param {L} left
      * @param {R} right
@@ -119980,20 +120242,61 @@ If you don't need every "time_period" between your dates you may adjust the freq
       this.left = left;
       this.right = right;
     }
-  };
-  const create$5 = (left, right) => new Pair$1(left, right);
+  }
+  const create$4 = (left, right) => new Pair(left, right);
+  const forEach = (arr, f2) => arr.forEach((p2) => f2(p2.left, p2.right));
+  const doc = (
+    /** @type {Document} */
+    typeof document !== "undefined" ? document : {}
+  );
+  const createElement = (name2) => doc.createElement(name2);
+  const createDocumentFragment = () => doc.createDocumentFragment();
+  const createTextNode = (text2) => doc.createTextNode(text2);
   typeof DOMParser !== "undefined" ? new DOMParser() : null;
+  const setAttributes = (el, attrs) => {
+    forEach(attrs, (key2, value) => {
+      if (value === false) {
+        el.removeAttribute(key2);
+      } else if (value === true) {
+        el.setAttribute(key2, "");
+      } else {
+        el.setAttribute(key2, value);
+      }
+    });
+    return el;
+  };
+  const fragment = (children2) => {
+    const fragment2 = createDocumentFragment();
+    for (let i2 = 0; i2 < children2.length; i2++) {
+      appendChild(fragment2, children2[i2]);
+    }
+    return fragment2;
+  };
+  const append = (parent, nodes) => {
+    appendChild(parent, fragment(nodes));
+    return parent;
+  };
+  const element = (name2, attrs = [], children2 = []) => append(setAttributes(createElement(name2), attrs), children2);
+  const text = createTextNode;
   const mapToStyleString = (m2) => map$1(m2, (value, key2) => `${key2}:${value};`).join("");
-  const create$4 = Symbol;
-  const BOLD = create$4();
-  const UNBOLD = create$4();
-  const BLUE = create$4();
-  const GREY = create$4();
-  const GREEN = create$4();
-  const RED = create$4();
-  const PURPLE = create$4();
-  const ORANGE = create$4();
-  const UNCOLOR = create$4();
+  const appendChild = (parent, child) => parent.appendChild(child);
+  doc.ELEMENT_NODE;
+  doc.TEXT_NODE;
+  doc.CDATA_SECTION_NODE;
+  doc.COMMENT_NODE;
+  doc.DOCUMENT_NODE;
+  doc.DOCUMENT_TYPE_NODE;
+  doc.DOCUMENT_FRAGMENT_NODE;
+  const create$3 = Symbol;
+  const BOLD = create$3();
+  const UNBOLD = create$3();
+  const BLUE = create$3();
+  const GREY = create$3();
+  const GREEN = create$3();
+  const RED = create$3();
+  const PURPLE = create$3();
+  const ORANGE = create$3();
+  const UNCOLOR = create$3();
   const computeNoColorLoggingArgs = (args) => {
     const logArgs = [];
     let i2 = 0;
@@ -120008,21 +120311,21 @@ If you don't need every "time_period" between your dates you may adjust the freq
     return logArgs;
   };
   const _browserStyleMap = {
-    [BOLD]: create$5("font-weight", "bold"),
-    [UNBOLD]: create$5("font-weight", "normal"),
-    [BLUE]: create$5("color", "blue"),
-    [GREEN]: create$5("color", "green"),
-    [GREY]: create$5("color", "grey"),
-    [RED]: create$5("color", "red"),
-    [PURPLE]: create$5("color", "purple"),
-    [ORANGE]: create$5("color", "orange"),
+    [BOLD]: create$4("font-weight", "bold"),
+    [UNBOLD]: create$4("font-weight", "normal"),
+    [BLUE]: create$4("color", "blue"),
+    [GREEN]: create$4("color", "green"),
+    [GREY]: create$4("color", "grey"),
+    [RED]: create$4("color", "red"),
+    [PURPLE]: create$4("color", "purple"),
+    [ORANGE]: create$4("color", "orange"),
     // not well supported in chrome when debugging node with inspector - TODO: deprecate
-    [UNCOLOR]: create$5("color", "black")
+    [UNCOLOR]: create$4("color", "black")
   };
   const computeBrowserLoggingArgs = (args) => {
     const strBuilder = [];
     const styles = [];
-    const currentStyle = create$9();
+    const currentStyle = create$8();
     let logArgs = [];
     let i2 = 0;
     for (; i2 < args.length; i2++) {
@@ -120066,7 +120369,7 @@ If you don't need every "time_period" between your dates you may adjust the freq
     args.unshift(ORANGE);
     vconsoles.forEach((vc) => vc.print(args));
   };
-  const vconsoles = create$8();
+  const vconsoles = create$7();
   const createIterator = (next2) => ({
     /**
      * @return {IterableIterator<T>}
@@ -120143,7 +120446,7 @@ If you don't need every "time_period" between your dates you may adjust the freq
         const left = dels[j2 - 1];
         const right = dels[i2];
         if (left.clock + left.len >= right.clock) {
-          left.len = max$2(left.len, right.clock + right.len - left.clock);
+          left.len = max$1(left.len, right.clock + right.len - left.clock);
         } else {
           if (j2 < i2) {
             dels[j2] = right;
@@ -120304,13 +120607,13 @@ If you don't need every "time_period" between your dates you may adjust the freq
       this.meta = meta2;
       this.isLoaded = false;
       this.isSynced = false;
-      this.whenLoaded = create$6((resolve2) => {
+      this.whenLoaded = create$5((resolve2) => {
         this.on("load", () => {
           this.isLoaded = true;
           resolve2(this);
         });
       });
-      const provideSyncedPromise = () => create$6((resolve2) => {
+      const provideSyncedPromise = () => create$5((resolve2) => {
         const eventHandler = (isSynced) => {
           if (isSynced === void 0 || isSynced === true) {
             this.off("sync", eventHandler);
@@ -121023,7 +121326,7 @@ If you don't need every "time_period" between your dates you may adjust the freq
     }
   }
   const writeStructs = (encoder, structs, client, clock) => {
-    clock = max$2(clock, structs[0].id.clock);
+    clock = max$1(clock, structs[0].id.clock);
     const startNewStructs = findIndexSS(structs, clock);
     writeVarUint$1(encoder.restEncoder, structs.length - startNewStructs);
     encoder.writeClient(client);
@@ -121058,7 +121361,7 @@ If you don't need every "time_period" between your dates you may adjust the freq
     });
   };
   const readClientsStructRefs = (decoder, doc2) => {
-    const clientRefs = create$9();
+    const clientRefs = create$8();
     const numOfStateUpdates = readVarUint$1(decoder.restDecoder);
     for (let i2 = 0; i2 < numOfStateUpdates; i2++) {
       const numberOfStructs = readVarUint$1(decoder.restDecoder);
@@ -121513,7 +121816,7 @@ If you don't need every "time_period" between your dates you may adjust the freq
   const compareRelativePositions = (a2, b2) => a2 === b2 || a2 !== null && b2 !== null && a2.tname === b2.tname && compareIDs(a2.item, b2.item) && compareIDs(a2.type, b2.type) && a2.assoc === b2.assoc;
   const isVisible = (item, snapshot) => snapshot === void 0 ? !item.deleted : snapshot.sv.has(item.id.client) && (snapshot.sv.get(item.id.client) || 0) > item.id.clock && !isDeleted(snapshot.ds, item.id);
   const splitSnapshotAffectedStructs = (transaction, snapshot) => {
-    const meta2 = setIfUndefined$1(transaction.meta, splitSnapshotAffectedStructs, create$8);
+    const meta2 = setIfUndefined$1(transaction.meta, splitSnapshotAffectedStructs, create$7);
     const store = transaction.doc.store;
     if (!meta2.has(snapshot)) {
       snapshot.sv.forEach((clock, client) => {
@@ -121676,7 +121979,7 @@ If you don't need every "time_period" between your dates you may adjust the freq
   const addChangedTypeToTransaction = (transaction, type2, parentSub) => {
     const item = type2._item;
     if (item === null || item.id.clock < (transaction.beforeState.get(item.id.client) || 0) && !item.deleted) {
-      setIfUndefined$1(transaction.changed, type2, create$8).add(parentSub);
+      setIfUndefined$1(transaction.changed, type2, create$7).add(parentSub);
     }
   };
   const tryToMergeWithLefts = (structs, pos) => {
@@ -121734,7 +122037,7 @@ If you don't need every "time_period" between your dates you may adjust the freq
       );
       for (let di = deleteItems.length - 1; di >= 0; di--) {
         const deleteItem = deleteItems[di];
-        const mostRightIndexToCheck = min$2(structs.length - 1, 1 + findIndexSS(structs, deleteItem.clock + deleteItem.len - 1));
+        const mostRightIndexToCheck = min$1(structs.length - 1, 1 + findIndexSS(structs, deleteItem.clock + deleteItem.len - 1));
         for (let si = mostRightIndexToCheck, struct = structs[si]; si > 0 && struct.id.clock >= deleteItem.clock; struct = structs[si]) {
           si -= 1 + tryToMergeWithLefts(structs, si);
         }
@@ -121792,7 +122095,7 @@ If you don't need every "time_period" between your dates you may adjust the freq
               /** @type {Array<GC|Item>} */
               store.clients.get(client)
             );
-            const firstChangePos = max$2(findIndexSS(structs, beforeClock), 1);
+            const firstChangePos = max$1(findIndexSS(structs, beforeClock), 1);
             for (let i3 = structs.length - 1; i3 >= firstChangePos; ) {
               i3 -= 1 + tryToMergeWithLefts(structs, i3);
             }
@@ -122385,7 +122688,7 @@ If you don't need every "time_period" between your dates you may adjust the freq
         continue;
       }
       if (curr.id.clock + curr.length > svClock) {
-        writeStructToLazyStructWriter(lazyStructWriter, curr, max$2(svClock - curr.id.clock, 0));
+        writeStructToLazyStructWriter(lazyStructWriter, curr, max$1(svClock - curr.id.clock, 0));
         reader.next();
         while (reader.curr && reader.curr.id.client === currClient) {
           writeStructToLazyStructWriter(lazyStructWriter, reader.curr, 0);
@@ -122493,7 +122796,7 @@ If you don't need every "time_period" between your dates you may adjust the freq
     get keys() {
       if (this._keys === null) {
         if (this.transaction.doc._transactionCleanups.length === 0) {
-          throw create$7(errorComputeChanges);
+          throw create$6(errorComputeChanges);
         }
         const keys2 = /* @__PURE__ */ new Map();
         const target = this.target;
@@ -122582,11 +122885,11 @@ If you don't need every "time_period" between your dates you may adjust the freq
       let changes = this._changes;
       if (changes === null) {
         if (this.transaction.doc._transactionCleanups.length === 0) {
-          throw create$7(errorComputeChanges);
+          throw create$6(errorComputeChanges);
         }
         const target = this.target;
-        const added = create$8();
-        const deleted = create$8();
+        const added = create$7();
+        const deleted = create$7();
         const delta = [];
         changes = {
           added,
@@ -122764,7 +123067,7 @@ If you don't need every "time_period" between your dates you may adjust the freq
         p2.marker = true;
       }
       if (index2 < m2.index || len2 > 0 && index2 === m2.index) {
-        m2.index = max$2(index2, m2.index + len2);
+        m2.index = max$1(index2, m2.index + len2);
       }
     }
   };
@@ -123061,7 +123364,7 @@ If you don't need every "time_period" between your dates you may adjust the freq
     });
     packJsonContent();
   };
-  const lengthExceeded = () => create$7("Length exceeded!");
+  const lengthExceeded = () => create$6("Length exceeded!");
   const typeListInsertGenerics = (transaction, parent, index2, content2) => {
     if (index2 > parent._length) {
       throw lengthExceeded();
@@ -123902,7 +124205,7 @@ If you don't need every "time_period" between your dates you may adjust the freq
   };
   const cleanupFormattingGap = (transaction, start2, curr, startAttributes, currAttributes) => {
     let end = start2;
-    const endFormats = create$9();
+    const endFormats = create$8();
     while (end && (!end.countable || end.deleted)) {
       if (!end.deleted && end.content.constructor === ContentFormat) {
         const cf = (
@@ -123986,7 +124289,7 @@ If you don't need every "time_period" between your dates you may adjust the freq
           type2._start
         );
         let end = type2._start;
-        let startAttributes = create$9();
+        let startAttributes = create$8();
         const currentAttributes = copy$1(startAttributes);
         while (end) {
           if (end.deleted === false) {
@@ -124974,7 +125277,7 @@ If you don't need every "time_period" between your dates you may adjust the freq
         );
         const index2 = ref2 === null ? 0 : pc.findIndex((el) => el === ref2) + 1;
         if (index2 === 0 && ref2 !== null) {
-          throw create$7("Reference item not found");
+          throw create$6("Reference item not found");
         }
         pc.splice(index2, 0, ...content2);
       }
@@ -127300,8 +127603,8 @@ If you don't need every "time_period" between your dates you may adjust the freq
   const forceColor = isNode && isOneOf(dist$2.process.env.FORCE_COLOR, ["true", "1", "2"]);
   !hasParam("no-colors") && (!isNode || dist$2.process.stdout.isTTY || forceColor) && (!isNode || hasParam("color") || forceColor || getVariable("COLORTERM") !== null || (getVariable("TERM") || "").includes("color"));
   const floor = Math.floor;
-  const min$1 = (a2, b2) => a2 < b2 ? a2 : b2;
-  const max$1 = (a2, b2) => a2 > b2 ? a2 : b2;
+  const min = (a2, b2) => a2 < b2 ? a2 : b2;
+  const max = (a2, b2) => a2 > b2 ? a2 : b2;
   const BIT7 = 64;
   const BIT8 = 128;
   const BITS6 = 63;
@@ -127379,13 +127682,13 @@ If you don't need every "time_period" between your dates you may adjust the freq
   const writeUint8Array = (encoder, uint8Array) => {
     const bufferLen = encoder.cbuf.length;
     const cpos = encoder.cpos;
-    const leftCopyLen = min$1(bufferLen - cpos, uint8Array.length);
+    const leftCopyLen = min(bufferLen - cpos, uint8Array.length);
     const rightCopyLen = uint8Array.length - leftCopyLen;
     encoder.cbuf.set(uint8Array.subarray(0, leftCopyLen), cpos);
     encoder.cpos += leftCopyLen;
     if (rightCopyLen > 0) {
       encoder.bufs.push(encoder.cbuf);
-      encoder.cbuf = new Uint8Array(max$1(bufferLen * 2, rightCopyLen));
+      encoder.cbuf = new Uint8Array(max(bufferLen * 2, rightCopyLen));
       encoder.cbuf.set(uint8Array.subarray(leftCopyLen));
       encoder.cpos = rightCopyLen;
     }
@@ -127394,9 +127697,9 @@ If you don't need every "time_period" between your dates you may adjust the freq
     writeVarUint(encoder, uint8Array.byteLength);
     writeUint8Array(encoder, uint8Array);
   };
-  const create$3 = (s2) => new Error(s2);
-  const errorUnexpectedEndOfArray = create$3("Unexpected end of array");
-  const errorIntegerOutOfRange = create$3("Integer out of Range");
+  const create = (s2) => new Error(s2);
+  const errorUnexpectedEndOfArray = create("Unexpected end of array");
+  const errorIntegerOutOfRange = create("Integer out of Range");
   class Decoder {
     /**
      * @param {Uint8Array} uint8Array Binary data to decode
@@ -129034,61 +129337,6 @@ If you don't need every "time_period" between your dates you may adjust the freq
     }
   }
   const ySync = ViewPlugin.fromClass(YSyncPluginValue);
-  class Pair {
-    /**
-     * @param {L} left
-     * @param {R} right
-     */
-    constructor(left, right) {
-      this.left = left;
-      this.right = right;
-    }
-  }
-  const create = (left, right) => new Pair(left, right);
-  const forEach = (arr, f2) => arr.forEach((p2) => f2(p2.left, p2.right));
-  const doc = (
-    /** @type {Document} */
-    typeof document !== "undefined" ? document : {}
-  );
-  const createElement = (name2) => doc.createElement(name2);
-  const createDocumentFragment = () => doc.createDocumentFragment();
-  const createTextNode = (text2) => doc.createTextNode(text2);
-  typeof DOMParser !== "undefined" ? new DOMParser() : null;
-  const setAttributes = (el, attrs) => {
-    forEach(attrs, (key2, value) => {
-      if (value === false) {
-        el.removeAttribute(key2);
-      } else if (value === true) {
-        el.setAttribute(key2, "");
-      } else {
-        el.setAttribute(key2, value);
-      }
-    });
-    return el;
-  };
-  const fragment = (children2) => {
-    const fragment2 = createDocumentFragment();
-    for (let i2 = 0; i2 < children2.length; i2++) {
-      appendChild(fragment2, children2[i2]);
-    }
-    return fragment2;
-  };
-  const append = (parent, nodes) => {
-    appendChild(parent, fragment(nodes));
-    return parent;
-  };
-  const element = (name2, attrs = [], children2 = []) => append(setAttributes(createElement(name2), attrs), children2);
-  const text = createTextNode;
-  const appendChild = (parent, child) => parent.appendChild(child);
-  doc.ELEMENT_NODE;
-  doc.TEXT_NODE;
-  doc.CDATA_SECTION_NODE;
-  doc.COMMENT_NODE;
-  doc.DOCUMENT_NODE;
-  doc.DOCUMENT_TYPE_NODE;
-  doc.DOCUMENT_FRAGMENT_NODE;
-  const min = (a2, b2) => a2 < b2 ? a2 : b2;
-  const max = (a2, b2) => a2 > b2 ? a2 : b2;
   const yRemoteSelectionsTheme = EditorView.baseTheme({
     ".cm-ySelection": {},
     ".cm-yLineSelection": {
@@ -129159,14 +129407,14 @@ If you don't need every "time_period" between your dates you may adjust the freq
     toDOM() {
       return (
         /** @type {HTMLElement} */
-        element("span", [create("class", "cm-ySelectionCaret"), create("style", `background-color: ${this.color}; border-color: ${this.color}`)], [
+        element("span", [create$4("class", "cm-ySelectionCaret"), create$4("style", `background-color: ${this.color}; border-color: ${this.color}`)], [
           text("⁠"),
           element("div", [
-            create("class", "cm-ySelectionCaretDot")
+            create$4("class", "cm-ySelectionCaretDot")
           ]),
           text("⁠"),
           element("div", [
-            create("class", "cm-ySelectionInfo")
+            create$4("class", "cm-ySelectionInfo")
           ], [
             text(this.name)
           ]),
@@ -129254,8 +129502,8 @@ If you don't need every "time_period" between your dates you may adjust the freq
         }
         const { color: color2 = "#30bced", name: name2 = "Anonymous" } = state2.user || {};
         const colorLight = state2.user && state2.user.colorLight || color2 + "33";
-        const start2 = min(anchor.index, head2.index);
-        const end = max(anchor.index, head2.index);
+        const start2 = min$1(anchor.index, head2.index);
+        const end = max$1(anchor.index, head2.index);
         const startLine = update.view.state.doc.lineAt(start2);
         const endLine = update.view.state.doc.lineAt(end);
         if (startLine.number === endLine.number) {
@@ -138783,13 +139031,14 @@ ${closingBraceIndent}]`;
       configuration: {}
     },
     setup(__props) {
+      var _a3;
       const props = __props;
       const showMobileDrawer = ref$2(false);
       const isMobile = useMediaQuery("(max-width: 1000px)");
       const content2 = ref$2("");
       const config2 = computed(() => {
-        var _a3, _b2;
-        const showSidebar = isMobile.value ? showMobileDrawer.value : (_a3 = props.configuration) == null ? void 0 : _a3.showSidebar;
+        var _a4, _b2;
+        const showSidebar = isMobile.value ? showMobileDrawer.value : (_a4 = props.configuration) == null ? void 0 : _a4.showSidebar;
         const spec2 = ((_b2 = props.configuration) == null ? void 0 : _b2.spec) || {
           content: content2.value
         };
@@ -138799,16 +139048,19 @@ ${closingBraceIndent}]`;
         const { configuration, ...other } = props;
         return other;
       });
+      if ((_a3 = config2.value) == null ? void 0 : _a3.metaData) {
+        useSeoMeta(config2.value.metaData);
+      }
       return (_ctx, _cache) => {
         return openBlock(), createBlock(_sfc_main$5, mergeProps(otherProps.value, {
           configuration: config2.value,
           onUpdateContent: _cache[1] || (_cache[1] = ($event) => content2.value = $event)
         }), createSlots({
           "sidebar-start": withCtx(({ spec: spec2 }) => {
-            var _a3;
+            var _a4;
             return [
               createVNode(SearchButton, {
-                searchHotKey: (_a3 = props.configuration) == null ? void 0 : _a3.searchHotKey,
+                searchHotKey: (_a4 = props.configuration) == null ? void 0 : _a4.searchHotKey,
                 spec: spec2
               }, null, 8, ["searchHotKey", "spec"])
             ];