@scalar/components 0.12.4 → 0.12.5

package/dist/components/ScalarCodeBlock/ScalarCodeBlock.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent as r, computed as a, openBlock as l, createElementBlock as s } from "vue";
 import { syntaxHighlight as i, standardLanguages as c } from "@scalar/code-highlight";
 import "@scalar/code-highlight/css/code.css";
-import { prettyPrintJson as m } from "@scalar/oas-utils/helpers";
+import { prettyPrintJson as m } from "../../helpers/oas-utils.js";
 const p = ["innerHTML"], _ = /* @__PURE__ */ r({
   __name: "ScalarCodeBlock",
   props: {

package/dist/components/ScalarMarkdown/ScalarMarkdown.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent as r, computed as a, onServerPrefetch as n, openBlock as m, createElementBlock as s } from "vue";
 import { htmlFromMarkdown as c } from "@scalar/code-highlight";
 import "@scalar/code-highlight/css/markdown.css";
-import { sleep as l } from "../../helpers/sleep.js";
+import { sleep as l } from "../../helpers/oas-utils.js";
 const p = ["innerHTML"], v = /* @__PURE__ */ r({
   __name: "ScalarMarkdown",
   props: {

package/dist/helpers/add-scalar-classes.js

@@ -0,0 +1,17 @@
+const t = () => {
+  const d = new MutationObserver((a) => {
+    const e = a.find(
+      (s) => Array.from(s.addedNodes).find(
+        (o) => o.id === "headlessui-portal-root"
+      )
+    );
+    if (e) {
+      const s = e.addedNodes[0];
+      s.classList.add("scalar-app"), s.classList.add("scalar-client"), d.disconnect();
+    }
+  });
+  d.observe(document.body, { childList: !0 });
+};
+export {
+  t as addScalarClassesToHeadless
+};

package/dist/helpers/oas-utils.js

@@ -0,0 +1,47 @@
+const s = (r) => typeof r != "string" ? !1 : !!i.parseSafe(r, !1), i = {
+  /** Parse and throw if the return value is not an object */
+  parse: (r) => {
+    const t = JSON.parse(r);
+    if (typeof t != "object") throw Error("Invalid JSON object");
+    return t;
+  },
+  /** Parse and return a fallback on failure */
+  parseSafe(r, t) {
+    try {
+      return i.parse(r);
+    } catch (e) {
+      return typeof t == "function" ? t(e) : t;
+    }
+  },
+  stringify: (r) => JSON.stringify(r)
+}, f = (r) => {
+  if (typeof r == "string")
+    return s(r) ? JSON.stringify(JSON.parse(r), null, 2) : r;
+  if (typeof r == "object")
+    try {
+      return JSON.stringify(r, null, 2);
+    } catch {
+      return o(r);
+    }
+  return r.toString();
+};
+function o(r) {
+  const t = /* @__PURE__ */ new Set();
+  return JSON.stringify(
+    r,
+    (e, n) => {
+      if (typeof n == "object" && n !== null) {
+        if (t.has(n))
+          return "[Circular]";
+        t.add(n);
+      }
+      return n;
+    },
+    2
+  );
+}
+const c = (r) => new Promise((t) => setTimeout(t, r));
+export {
+  f as prettyPrintJson,
+  c as sleep
+};

package/dist/index.d.ts

@@ -615,6 +615,9 @@ declare type __VLS_WithTemplateSlots_9<T, S> = T & {
     };
 };
 
+/** Helper method for adding the scalar classes to HeadlessUI portal root */
+export declare const addScalarClassesToHeadless: () => void;
+
 declare type FloatingOptions = {
     /**
      * Where to place the floating element relative to its reference element.

package/dist/index.js

@@ -1,44 +1,46 @@
-import { default as e } from "./components/ScalarModal/ScalarModal.vue.js";
+import { default as t } from "./components/ScalarModal/ScalarModal.vue.js";
 /* empty css                      */
 import { default as f } from "./components/ScalarButton/ScalarButton.vue.js";
 import { default as p } from "./components/ScalarCodeBlock/ScalarCodeBlock.vue.js";
 /* empty css                                                */
 import { default as c } from "./components/ScalarMarkdown/ScalarMarkdown.vue.js";
-import { default as s } from "./components/ScalarDropdown/ScalarDropdown.vue.js";
+import { default as u } from "./components/ScalarDropdown/ScalarDropdown.vue.js";
 import { default as S } from "./components/ScalarDropdown/ScalarDropdownDivider.vue.js";
 import { default as i } from "./components/ScalarDropdown/ScalarDropdownItem.vue.js";
 import { default as w } from "./components/ScalarFloating/ScalarFloating.vue.js";
 import { default as L } from "./components/ScalarIcon/ScalarIcon.vue.js";
 import { default as h } from "./components/ScalarIconButton/ScalarIconButton.vue.js";
 import { default as M } from "./components/ScalarListbox/ScalarListbox.vue.js";
-import { default as v } from "./components/ScalarLoading/ScalarLoading.vue.js";
-import { default as R } from "./components/ScalarPopover/ScalarPopover.vue.js";
-import { default as b } from "./components/ScalarSearchInput/ScalarSearchInput.vue.js";
-import { default as P } from "./components/ScalarSearchResults/ScalarSearchResultItem.vue.js";
-import { default as q } from "./components/ScalarSearchResults/ScalarSearchResultList.vue.js";
-import { default as z } from "./components/ScalarTextField/ScalarTextField.vue.js";
-import { default as E } from "./components/ScalarTooltip/ScalarTooltip.vue.js";
-import { useLoadingState as H } from "./components/ScalarLoading/ScalarLoading.vue2.js";
-import { useModal as K } from "./components/ScalarModal/ScalarModal.vue2.js";
+import { default as k } from "./components/ScalarLoading/ScalarLoading.vue.js";
+import { default as C } from "./components/ScalarPopover/ScalarPopover.vue.js";
+import { default as R } from "./components/ScalarSearchInput/ScalarSearchInput.vue.js";
+import { default as H } from "./components/ScalarSearchResults/ScalarSearchResultItem.vue.js";
+import { default as j } from "./components/ScalarSearchResults/ScalarSearchResultList.vue.js";
+import { default as y } from "./components/ScalarTextField/ScalarTextField.vue.js";
+import { default as A } from "./components/ScalarTooltip/ScalarTooltip.vue.js";
+import { addScalarClassesToHeadless as G } from "./helpers/add-scalar-classes.js";
+import { useLoadingState as K } from "./components/ScalarLoading/ScalarLoading.vue2.js";
+import { useModal as O } from "./components/ScalarModal/ScalarModal.vue2.js";
 export {
   f as ScalarButton,
   p as ScalarCodeBlock,
-  s as ScalarDropdown,
+  u as ScalarDropdown,
   S as ScalarDropdownDivider,
   i as ScalarDropdownItem,
   w as ScalarFloating,
   L as ScalarIcon,
   h as ScalarIconButton,
   M as ScalarListbox,
-  v as ScalarLoading,
+  k as ScalarLoading,
   c as ScalarMarkdown,
-  e as ScalarModal,
-  R as ScalarPopover,
-  b as ScalarSearchInput,
-  P as ScalarSearchResultItem,
-  q as ScalarSearchResultList,
-  z as ScalarTextField,
-  E as ScalarTooltip,
-  H as useLoadingState,
-  K as useModal
+  t as ScalarModal,
+  C as ScalarPopover,
+  R as ScalarSearchInput,
+  H as ScalarSearchResultItem,
+  j as ScalarSearchResultList,
+  y as ScalarTextField,
+  A as ScalarTooltip,
+  G as addScalarClassesToHeadless,
+  K as useLoadingState,
+  O as useModal
 };

package/package.json

@@ -10,7 +10,7 @@
     "url": "https://github.com/scalar/scalar.git",
     "directory": "packages/components"
   },
-  "version": "0.12.4",
+  "version": "0.12.5",
   "engines": {
     "node": ">=18"
   },
@@ -39,8 +39,7 @@
     "radix-vue": "^1.8.4",
     "tailwind-merge": "^2.3.0",
     "vue": "^3.4.22",
-    "@scalar/code-highlight": "0.0.5",
-    "@scalar/oas-utils": "0.2.5"
+    "@scalar/code-highlight": "0.0.5"
   },
   "devDependencies": {
     "@headlessui/tailwindcss": "^0.2.0",

package/dist/helpers/sleep.js

@@ -1,4 +0,0 @@
-const s = (e) => new Promise((o) => setTimeout(o, e));
-export {
-  s as sleep
-};