@trilogy-data/trilogy-studio-components 0.1.12 → 0.1.14

package/dist/{DashboardCreatorInline-C6fr4jNo.js → DashboardCreatorInline-DRlxDEBN.js}

@@ -1,5 +1,5 @@
 import { inject as m, ref as p, computed as D, createElementBlock as l, createCommentVNode as C, openBlock as i, createElementVNode as r, withDirectives as y, withKeys as E, vModelText as _, Fragment as k, renderList as I, toDisplayString as N, vModelSelect as P } from "vue";
-import { a as V } from "./main-Bjg9NFbT.js";
+import { a as V } from "./main-C-6acy1R.js";
 const F = {
   name: "DashboardCreatorInline",
   props: {

package/dist/{DashboardMobile-D911XYkl.js → DashboardMobile-GOPaxc9_.js}

@@ -1,55 +1,55 @@
-import { defineComponent as he, computed as pe, createElementBlock as u, openBlock as d, createVNode as h, createCommentVNode as I, createBlock as R, unref as e, Fragment as k, renderList as be, normalizeStyle as fe, createElementVNode as r, Teleport as x, toDisplayString as ge, createTextVNode as A, nextTick as ve } from "vue";
-import { u as Ce, D as ye, _ as Ie, a as ke, b as we, C as Te, M as Me } from "./useDashboard-BnXAbWPO.js";
-import { D as De } from "./DashboardCreatorInline-C6fr4jNo.js";
-import { v as Ee, B as g, a as Se } from "./main-Bjg9NFbT.js";
-const Fe = {
+import { defineComponent as he, computed as pe, createElementBlock as u, openBlock as s, createVNode as h, createCommentVNode as I, createBlock as R, unref as e, Fragment as T, renderList as be, normalizeStyle as fe, createElementVNode as r, Teleport as x, toDisplayString as ve, createTextVNode as F, nextTick as Ce } from "vue";
+import { u as ge, D as ye, _ as Ie, a as Te, b as ke, C as Me, M as we } from "./useDashboard-3deVRse_.js";
+import { D as Ee } from "./DashboardCreatorInline-DRlxDEBN.js";
+import { N as De, X as b, a as Se } from "./main-C-6acy1R.js";
+const Re = {
   key: 0,
   class: "dashboard-mobile-container"
-}, Re = {
+}, xe = {
   key: 0,
   class: "empty-dashboard-wrapper"
-}, xe = {
+}, Fe = {
   key: 1,
   class: "mobile-container"
-}, Ae = ["data-i"], Be = {
+}, Ne = ["data-i"], Ae = {
   key: 2,
   class: "mobile-nav-bar"
-}, Ne = {
+}, _e = {
   key: 1,
   class: "dashboard-not-found"
-}, _e = 400, He = /* @__PURE__ */ he({
+}, Be = 400, He = /* @__PURE__ */ he({
   __name: "DashboardMobile",
   props: {
     name: {},
     connectionId: {},
     viewMode: { type: Boolean }
   },
-  setup(v) {
-    const p = v, w = Ee(), i = pe(() => {
-      const o = Object.values(w.dashboards).find((t) => t.id === p.name);
+  setup(C) {
+    const p = C, k = De(), i = pe(() => {
+      const o = Object.values(k.dashboards).find((t) => t.id === p.name);
       if (!o && p.connectionId)
         try {
-          return w.newDashboard(p.name, p.connectionId);
+          return k.newDashboard(p.name, p.connectionId);
         } catch (t) {
           return console.error("Failed to create dashboard:", t), null;
         }
       return o;
     }), {
       // State
-      sortedLayout: b,
-      editMode: B,
-      selectedConnection: N,
+      sortedLayout: f,
+      editMode: N,
+      selectedConnection: A,
       filter: _,
-      filterError: H,
-      globalCompletion: T,
-      showAddItemModal: $,
-      showQueryEditor: M,
-      showMarkdownEditor: q,
-      editingItem: s,
+      filterError: B,
+      globalCompletion: M,
+      showAddItemModal: H,
+      showQueryEditor: $,
+      showMarkdownEditor: O,
+      editingItem: c,
       // Methods
-      handleFilterChange: L,
-      handleFilterClear: W,
-      handleImportChange: O,
+      handleFilterChange: q,
+      handleFilterClear: L,
+      handleImportChange: W,
       validateFilter: U,
       onConnectionChange: V,
       toggleMode: z,
@@ -58,19 +58,19 @@ const Fe = {
       clearItems: j,
       removeItem: G,
       copyItem: K,
-      closeAddModal: Y,
-      openEditor: J,
-      saveContent: D,
+      closeAddModal: X,
+      openEditor: Y,
+      saveContent: w,
       closeEditors: E,
-      getDashboardQueryExecutor: X,
-      getItemData: c,
-      setItemData: S,
+      getDashboardQueryExecutor: J,
+      getItemData: l,
+      setItemData: D,
       handleRefresh: Z,
       setCrossFilter: ee,
       removeFilter: oe,
       unSelect: te,
       dashboardCreated: ne
-    } = Ce(
+    } = ge(
       i,
       {
         connectionId: p.connectionId,
@@ -81,53 +81,55 @@ const Fe = {
         layoutUpdated: () => {
         },
         // Not needed for mobile
-        dimensionsUpdate: (o) => C(o),
-        triggerResize: () => F(),
+        dimensionsUpdate: (o) => g(o),
+        triggerResize: () => S(),
         fullScreen: () => {
         }
         // Not needed for mobile
       }
     );
-    function C(o) {
+    function g(o) {
       if (!i.value) return;
       const t = document.querySelector(`.mobile-item[data-i="${o}"] .grid-item-content`);
       if (t) {
-        const n = t.getBoundingClientRect(), a = 36, l = Math.floor(n.width), m = Math.floor(n.height - a);
-        i.value.id && S(o, i.value.id, { width: l, height: m });
+        const n = t.getBoundingClientRect(), a = l(o, i.value.id).type === b.SECTION_HEADER ? 0 : 36, d = Math.floor(n.width), m = Math.floor(n.height - a);
+        i.value.id && D(o, i.value.id, { width: d, height: m });
       }
     }
-    function F() {
-      i.value && b.value.forEach((o) => {
-        C(o.i);
+    function S() {
+      i.value && f.value.forEach((o) => {
+        g(o.i);
       });
     }
     function ie(o) {
       return "100%";
     }
     function ae(o) {
-      var m, f;
+      var m, v;
       let t = Math.min(window.innerWidth, 400);
       if (!i.value || !i.value.gridItems[o.i])
         return t;
-      let n = c(o.i, i.value.id);
-      if (n.type === g.MARKDOWN || n.type === g.FILTER)
+      let n = l(o.i, i.value.id);
+      if (n.type === b.MARKDOWN || n.type === b.FILTER)
         return "100%";
-      if (n.type === g.CHART && ((m = n.chartConfig) == null ? void 0 : m.chartType) === "headline" && n.width)
+      if (n.type === b.SECTION_HEADER)
+        return `${Math.max(o.h * 30 + 4, 36)}px`;
+      if (n.type === b.CHART && ((m = n.chartConfig) == null ? void 0 : m.chartType) === "headline" && n.width)
         return `${Math.max(n.width / 2, t)}px`;
-      let a = n.type === g.CHART ? 1200 : 600;
+      let a = n.type === b.CHART ? 1200 : 600;
       if (n.width && n.height) {
         let y = o.h / (o.w * 2);
         const me = window.innerWidth - 50;
-        ["point", "barh"].includes(((f = n.chartConfig) == null ? void 0 : f.chartType) || "") && (y = y * 1.2);
+        ["point", "barh"].includes(((v = n.chartConfig) == null ? void 0 : v.chartType) || "") && (y = y * 1.2);
         const ue = me * y;
         return `${Math.max(Math.min(ue, a), t)}px`;
       }
-      const l = o.h / o.w;
-      return `${Math.max(Math.min(l * 12 * 30, a), _e)}px`;
+      const d = o.h / o.w;
+      return `${Math.max(Math.min(d * 12 * 30, a), Be)}px`;
     }
     function re(o) {
-      z(o), ve(() => {
-        F();
+      z(o), Ce(() => {
+        S();
       });
     }
     function le() {
@@ -143,8 +145,8 @@ const Fe = {
       if (!o) return;
       const t = o.scrollTop, n = o.querySelectorAll(".mobile-item");
       let a = null;
-      for (let l = n.length - 1; l >= 0; l--) {
-        const m = n[l];
+      for (let d = n.length - 1; d >= 0; d--) {
+        const m = n[d];
         if (m.offsetTop < t) {
           a = m;
           break;
@@ -161,8 +163,8 @@ const Fe = {
       if (!o) return;
       const t = o.scrollTop, n = o.querySelectorAll(".mobile-item");
       let a = null;
-      for (let l = 0; l < n.length; l++) {
-        const m = n[l];
+      for (let d = 0; d < n.length; d++) {
+        const m = n[d];
         if (m.offsetTop > t + 50) {
           a = m;
           break;
@@ -174,29 +176,29 @@ const Fe = {
         behavior: "smooth"
       });
     }
-    return (o, t) => i.value ? (d(), u("div", Fe, [
+    return (o, t) => i.value ? (s(), u("div", Re, [
       h(ye, {
         dashboard: i.value,
         "edits-locked": i.value.state === "locked",
-        "selected-connection": e(N),
-        filterError: e(H),
-        globalCompletion: e(T),
+        "selected-connection": e(A),
+        filterError: e(B),
+        globalCompletion: e(M),
         validateFilter: e(U),
         onConnectionChange: e(V),
-        onFilterChange: e(L),
-        onImportChange: e(O),
+        onFilterChange: e(q),
+        onImportChange: e(W),
         onAddItem: e(P),
         onClearItems: e(j),
         onModeChange: re,
         onRefresh: e(Z),
-        onClearFilter: e(W)
+        onClearFilter: e(L)
       }, null, 8, ["dashboard", "edits-locked", "selected-connection", "filterError", "globalCompletion", "validateFilter", "onConnectionChange", "onFilterChange", "onImportChange", "onAddItem", "onClearItems", "onRefresh", "onClearFilter"]),
-      i.value && e(b).length === 0 ? (d(), u("div", Re, [
+      i.value && e(f).length === 0 ? (s(), u("div", xe, [
         h(Ie, {
           "dashboard-id": i.value.id
         }, null, 8, ["dashboard-id"])
-      ])) : (d(), u("div", xe, [
-        (d(!0), u(k, null, be(e(b), (n) => (d(), u("div", {
+      ])) : (s(), u("div", Fe, [
+        (s(!0), u(T, null, be(e(f), (n) => (s(), u("div", {
           key: n.i,
           "data-i": n.i,
           class: "mobile-item",
@@ -205,26 +207,26 @@ const Fe = {
             width: `${ie()}`
           })
         }, [
-          h(ke, {
+          h(Te, {
             "dashboard-id": i.value.id,
             item: n,
-            "edit-mode": e(B),
+            "edit-mode": e(N),
             filter: e(_),
-            "get-item-data": e(c),
-            symbols: e(T),
-            "get-dashboard-query-executor": e(X),
+            "get-item-data": e(l),
+            symbols: e(M),
+            "get-dashboard-query-executor": e(J),
             onDimensionClick: e(ee),
             onBackgroundClick: e(te),
-            "set-item-data": e(S),
-            onEditContent: e(J),
+            "set-item-data": e(D),
+            onEditContent: e(Y),
             onRemoveFilter: e(oe),
-            onUpdateDimensions: C,
+            onUpdateDimensions: g,
             onRemoveItem: e(G),
             onCopyItem: e(K)
           }, null, 8, ["dashboard-id", "item", "edit-mode", "filter", "get-item-data", "symbols", "get-dashboard-query-executor", "onDimensionClick", "onBackgroundClick", "set-item-data", "onEditContent", "onRemoveFilter", "onRemoveItem", "onCopyItem"])
-        ], 12, Ae))), 128))
+        ], 12, Ne))), 128))
       ])),
-      e(b).length > 1 ? (d(), u("div", Be, [
+      e(f).length > 1 ? (s(), u("div", Ae, [
         r("button", {
           onClick: le,
           class: "nav-btn",
@@ -254,49 +256,48 @@ const Fe = {
           r("i", { class: "mdi mdi-chevron-double-down" }, null, -1)
         ])])
       ])) : I("", !0),
-      h(we, {
-        show: e($),
+      h(ke, {
+        show: e(H),
         onAdd: e(Q),
-        onClose: e(Y)
+        onClose: e(X)
       }, null, 8, ["show", "onAdd", "onClose"]),
-      e(M) && e(s) ? (d(), R(x, {
+      e($) && e(c) ? (s(), R(x, {
         key: 3,
         to: "body"
       }, [
-        h(Te, {
-          connectionName: e(c)(e(s).i, i.value.id).connectionName || "",
-          imports: e(c)(e(s).i, i.value.id).imports || [],
-          rootContent: e(c)(e(s).i, i.value.id).rootContent || [],
-          content: e(c)(e(s).i, i.value.id).content,
-          showing: e(M),
-          onSave: e(D),
+        h(Me, {
+          connectionName: e(l)(e(c).i, i.value.id).connectionName || "",
+          imports: e(l)(e(c).i, i.value.id).imports || [],
+          rootContent: e(l)(e(c).i, i.value.id).rootContent || [],
+          content: e(l)(e(c).i, i.value.id).content,
+          onSave: e(w),
           onCancel: e(E)
-        }, null, 8, ["connectionName", "imports", "rootContent", "content", "showing", "onSave", "onCancel"])
+        }, null, 8, ["connectionName", "imports", "rootContent", "content", "onSave", "onCancel"])
       ])) : I("", !0),
-      e(q) && e(s) ? (d(), R(x, {
+      e(O) && e(c) ? (s(), R(x, {
         key: 4,
         to: "body"
       }, [
-        h(Me, {
-          connectionName: e(c)(e(s).i, i.value.id).connectionName || "",
-          imports: e(c)(e(s).i, i.value.id).imports || [],
-          rootContent: e(c)(e(s).i, i.value.id).rootContent || [],
-          content: e(c)(e(s).i, i.value.id).structured_content,
-          onSave: e(D),
+        h(we, {
+          connectionName: e(l)(e(c).i, i.value.id).connectionName || "",
+          imports: e(l)(e(c).i, i.value.id).imports || [],
+          rootContent: e(l)(e(c).i, i.value.id).rootContent || [],
+          content: e(l)(e(c).i, i.value.id).structured_content,
+          onSave: e(w),
           onCancel: e(E)
         }, null, 8, ["connectionName", "imports", "rootContent", "content", "onSave", "onCancel"])
       ])) : I("", !0)
-    ])) : (d(), u("div", Ne, [
-      v.name ? (d(), u(k, { key: 0 }, [
+    ])) : (s(), u("div", _e, [
+      C.name ? (s(), u(T, { key: 0 }, [
         t[4] || (t[4] = r("h2", null, "Dashboard Not Found", -1)),
-        r("p", null, 'The dashboard "' + ge(v.name) + '" could not be found.', 1)
-      ], 64)) : (d(), u(k, { key: 1 }, [
+        r("p", null, 'The dashboard "' + ve(C.name) + '" could not be found.', 1)
+      ], 64)) : (s(), u(T, { key: 1 }, [
         t[5] || (t[5] = r("h2", null, [
-          A("Ready to "),
+          F("Ready to "),
           r("i", { class: "mdi mdi-chart-line" }),
-          A("?")
+          F("?")
         ], -1)),
-        h(De, {
+        h(Ee, {
           class: "inline-creator",
           visible: !0,
           onDashboardCreated: e(ne)
@@ -304,7 +305,7 @@ const Fe = {
       ], 64))
     ]));
   }
-}), Oe = /* @__PURE__ */ Se(He, [["__scopeId", "data-v-d92f9e7d"]]);
+}), We = /* @__PURE__ */ Se(He, [["__scopeId", "data-v-72efd4c8"]]);
 export {
-  Oe as default
+  We as default
 };