@databrainhq/plugin 0.14.8 → 0.14.10

package/dist/webcomponents.es.js

@@ -27329,31 +27329,38 @@ const Eq = ({
 }, vq = (t) => {
   De.useEffect(() => {
     var n, r, M, a, u, o, s, N, D, g, l, j;
-    const i = !!(document.querySelector("dbn-dashboard") || document.querySelector("dbn-metric"));
+    const i = !!(document.querySelector("dbn-dashboard") || document.querySelector("dbn-metric") || document.querySelector("dbn-create-metric"));
     if (!t) {
       if (i) {
         const T = document.querySelectorAll("dbn-dashboard");
-        T.length && T.forEach((A, h) => {
-          if (A && A.shadowRoot) {
-            const x = document.querySelector(
-              `#dbn-dashboard-${h}-admin-styles`
+        T.length && T.forEach((h, x) => {
+          if (h && h.shadowRoot) {
+            const O = document.querySelector(
+              `#dbn-dashboard-${x}-admin-styles`
             );
-            x && A.shadowRoot.removeChild(x);
+            O && h.shadowRoot.removeChild(O);
           }
         });
         const y = document.querySelectorAll("dbn-metric");
-        y.length && y.forEach((A, h) => {
-          const x = document.querySelector(
-            `#dbn-metric-${h}-admin-styles`
+        y.length && y.forEach((h, x) => {
+          const O = document.querySelector(
+            `#dbn-metric-${x}-admin-styles`
           );
-          x && A.shadowRoot && A.shadowRoot.removeChild(x);
+          O && h.shadowRoot && h.shadowRoot.removeChild(O);
         });
-        const z = document.querySelector("#dbn-portal");
-        if (z && z.shadowRoot) {
-          const A = document.querySelector(
+        const z = document.querySelectorAll("dbn-create-metric");
+        z.length && z.forEach((h, x) => {
+          const O = document.querySelector(
+            `#dbn-create-metric-${x}-admin-styles`
+          );
+          O && h.shadowRoot && h.shadowRoot.removeChild(O);
+        });
+        const A = document.querySelector("#dbn-portal");
+        if (A && A.shadowRoot) {
+          const h = document.querySelector(
             "#dbn-portal-admin-styles"
           );
-          A && z.shadowRoot.removeChild(A);
+          h && A.shadowRoot.removeChild(h);
         }
       } else {
         const T = document.querySelector("#dbn-admin-styles");
@@ -27403,43 +27410,60 @@ const Eq = ({
         padding: ${t.cardCustomization.padding} !important;
       }`), i) {
       const T = document.querySelectorAll("dbn-dashboard");
-      T.length && T.forEach((A, h) => {
-        if (A && A.shadowRoot) {
-          const x = document.querySelector(
-            `#dbn-dashboard-${h}-admin-styles`
+      T.length && T.forEach((h, x) => {
+        if (h && h.shadowRoot) {
+          const O = document.querySelector(
+            `#dbn-dashboard-${x}-admin-styles`
           );
-          if (x)
-            x.innerHTML = e;
+          if (O)
+            O.innerHTML = e;
           else {
-            const O = document.createElement("style");
-            O.setAttribute(
+            const d = document.createElement("style");
+            d.setAttribute(
               "id",
-              `dbn-dashboard-${h}-admin-styles`
-            ), O.innerHTML = e, A.shadowRoot.appendChild(O);
+              `dbn-dashboard-${x}-admin-styles`
+            ), d.innerHTML = e, h.shadowRoot.appendChild(d);
           }
         }
       });
       const y = document.querySelectorAll("dbn-metric");
-      y.length && y.forEach((A, h) => {
-        if (A.shadowRoot) {
-          const x = document.querySelector(
-            `#dbn-metric-${h}-admin-styles`
+      y.length && y.forEach((h, x) => {
+        if (h.shadowRoot) {
+          const O = document.querySelector(
+            `#dbn-metric-${x}-admin-styles`
+          );
+          if (O)
+            O.innerHTML = e;
+          else {
+            const d = document.createElement("style");
+            d.setAttribute(
+              "id",
+              `dbn-metric-${x}-admin-styles`
+            ), d.innerHTML = e, h.shadowRoot.appendChild(d);
+          }
+        }
+      });
+      const z = document.querySelectorAll("dbn-create-metric");
+      z.length && z.forEach((h, x) => {
+        if (h.shadowRoot) {
+          const O = document.querySelector(
+            `#dbn-create-metric-${x}-admin-styles`
           );
-          if (x)
-            x.innerHTML = e;
+          if (O)
+            O.innerHTML = e;
           else {
-            const O = document.createElement("style");
-            O.setAttribute(
+            const d = document.createElement("style");
+            d.setAttribute(
               "id",
-              `dbn-metric-${h}-admin-styles`
-            ), O.innerHTML = e, A.shadowRoot.appendChild(O);
+              `dbn-create-metric-${x}-admin-styles`
+            ), d.innerHTML = e, h.shadowRoot.appendChild(d);
           }
         }
       });
-      const z = document.querySelector("#dbn-portal");
-      if (z && z.shadowRoot) {
-        const A = document.querySelector("#dbn-portal-admin-styles");
-        A && z.shadowRoot.removeChild(A);
+      const A = document.querySelector("#dbn-portal");
+      if (A && A.shadowRoot) {
+        const h = document.querySelector("#dbn-portal-admin-styles");
+        h && A.shadowRoot.removeChild(h);
       }
     } else {
       const T = document.querySelector("#dbn-admin-styles") || document.createElement("style");
@@ -121178,7 +121202,7 @@ const lat = "_container_tcaud_1", cat = "_label_tcaud_9", jat = "_textarea_tcaud
   const [i, e] = De.useState();
   return De.useEffect(() => {
     const n = document.querySelector("#dbn-portal") || document.createElement("div");
-    if (n.setAttribute("id", "dbn-portal"), document.body.querySelector("#dbn-portal") || document.body.appendChild(n), document.querySelector("dbn-dashboard") || document.querySelector("dbn-metric")) {
+    if (n.setAttribute("id", "dbn-portal"), document.body.querySelector("#dbn-portal") || document.body.appendChild(n), document.querySelector("dbn-dashboard") || document.querySelector("dbn-metric") || document.querySelector("dbn-create-metric")) {
       const r = document.querySelector("#dbn-styles"), M = n.shadowRoot || n.attachShadow({ mode: "open" });
       if (r && !M.querySelector("#dbn-portal-style")) {
         const a = document.createElement("style");
@@ -121959,7 +121983,9 @@ const WA = {
         e == null ? void 0 : e.clientId
       ]
     );
-    return /* @__PURE__ */ v.jsx(v.Fragment, { children: /* @__PURE__ */ v.jsxs("div", { className: `${cA["embedDashboard-container"]} dbn-dashboard`, children: [
+    return De.useEffect(() => {
+      h != null && h.length || j(void 0);
+    }, [h]), /* @__PURE__ */ v.jsx(v.Fragment, { children: /* @__PURE__ */ v.jsxs("div", { className: `${cA["embedDashboard-container"]} dbn-dashboard`, children: [
       ((k = e == null ? void 0 : e.externalDashboard) == null ? void 0 : k.id) && !n && /* @__PURE__ */ v.jsxs(v.Fragment, { children: [
         /* @__PURE__ */ v.jsxs("div", { className: cA["embedDashboard-header"], children: [
           /* @__PURE__ */ v.jsx(Pe, { variant: "heading-lg", children: e.externalDashboard.name || "Dashboard" }),
@@ -122454,7 +122480,16 @@ const Aut = ({
     ] }) : /* @__PURE__ */ v.jsx(m5, { text: n || "Create metric is not enabled" }),
     e ? /* @__PURE__ */ v.jsx("div", { className: "dbn-w-full dbn-h-full dbn-flex dbn-items-center dbn-justify-center", children: /* @__PURE__ */ v.jsx(a1, {}) }) : null
   ] });
-}, xut = (t) => /* @__PURE__ */ v.jsx(v.Fragment, { children: /* @__PURE__ */ v.jsx(k7, { theme: t.theme, children: /* @__PURE__ */ v.jsx(INe, { token: t.token, dashboardId: t.dashboardId, children: /* @__PURE__ */ v.jsx(Lut, { ...t }) }) }) }), put = l3(Aut, {
+}, xut = (t) => {
+  const i = De.useId(), [e, n] = De.useState("");
+  return De.useEffect(() => {
+    const r = document.querySelector("#dbn-styles");
+    r && n(r.innerHTML);
+  }, []), /* @__PURE__ */ v.jsxs(v.Fragment, { children: [
+    /* @__PURE__ */ v.jsx("style", { id: `dbn-create-metric-${i}-style`, children: e }),
+    /* @__PURE__ */ v.jsx(k7, { theme: t.theme, children: /* @__PURE__ */ v.jsx(INe, { token: t.token, dashboardId: t.dashboardId, children: /* @__PURE__ */ v.jsx(Lut, { ...t }) }) })
+  ] });
+}, put = l3(Aut, {
   props: {
     token: "string",
     dashboardId: "string",