@kong-ui-public/dashboard-renderer 0.35.1 → 0.35.3

package/dist/dashboard-renderer.es.js

@@ -1,4 +1,4 @@
-import { ref as L, watchEffect as Pe, inject as Q, defineComponent as M, onUnmounted as he, computed as z, watch as de, resolveComponent as F, unref as C, openBlock as x, createBlock as T, withCtx as N, createTextVNode as re, toDisplayString as K, renderSlot as ne, createCommentVNode as I, useCssVars as oe, createElementVNode as V, createVNode as U, mergeProps as Re, createSlots as De, createElementBlock as A, normalizeProps as Be, guardReactiveProps as qe, nextTick as Ue, resolveDynamicComponent as ze, onMounted as Se, Fragment as Te, renderList as ke, normalizeClass as Fe, normalizeStyle as me } from "vue";
+import { ref as L, watchEffect as Pe, inject as Q, defineComponent as M, onUnmounted as he, computed as z, watch as de, resolveComponent as F, unref as C, openBlock as x, createBlock as T, withCtx as N, createTextVNode as re, toDisplayString as K, renderSlot as ne, createCommentVNode as I, useCssVars as oe, createElementVNode as Y, createVNode as U, mergeProps as Re, createSlots as De, createElementBlock as A, normalizeProps as Be, guardReactiveProps as qe, nextTick as Ue, resolveDynamicComponent as ze, onMounted as Se, Fragment as Te, renderList as ke, normalizeClass as Fe, normalizeStyle as me } from "vue";
 import { stripUnknownFilters as $e, Timeframe as Ge, TimePeriods as Ne, TIMEFRAME_LOOKUP as We, formatTime as ye, msToGranularity as Ke } from "@kong-ui-public/analytics-utilities";
 import { SimpleChart as Ve, AnalyticsChart as Ye, TopNTable as Xe, CsvExportModal as je } from "@kong-ui-public/analytics-chart";
 import Qe from "swrv";
@@ -186,7 +186,7 @@ const $ = {
       "refresh-counter": t.refreshCounter
     }, {
       default: N(({ data: s }) => [
-        V("div", _t, [
+        Y("div", _t, [
           U(C(Ve), {
             "chart-data": s,
             "chart-options": e.chartOptions,
@@ -197,12 +197,12 @@ const $ = {
       _: 1
     }, 8, ["context", "query", "query-ready", "refresh-counter"]));
   }
-}), Y = (c, e) => {
+}), V = (c, e) => {
   const t = c.__vccOpts || c;
   for (const [i, s] of e)
     t[i] = s;
   return t;
-}, bt = /* @__PURE__ */ Y(vt, [["__scopeId", "data-v-694cf637"]]), wt = { class: "analytics-chart" }, Et = /* @__PURE__ */ M({
+}, bt = /* @__PURE__ */ V(vt, [["__scopeId", "data-v-694cf637"]]), wt = { class: "analytics-chart" }, Et = /* @__PURE__ */ M({
   __name: "BaseAnalyticsChartRenderer",
   props: {
     query: {},
@@ -246,7 +246,7 @@ const $ = {
         onChartData: u
       }, {
         default: N(({ data: b }) => [
-          V("div", wt, [
+          Y("div", wt, [
             U(C(Ye), Re({
               "allow-csv-export": f.chartOptions.allowCsvExport,
               "chart-data": b,
@@ -277,7 +277,7 @@ const $ = {
       }, 8, ["context", "query", "query-ready", "refresh-counter"]);
     };
   }
-}), Ae = /* @__PURE__ */ Y(Et, [["__scopeId", "data-v-1bc587d3"]]), ve = /* @__PURE__ */ M({
+}), Ae = /* @__PURE__ */ V(Et, [["__scopeId", "data-v-1bc587d3"]]), ve = /* @__PURE__ */ M({
   __name: "BarChartRenderer",
   props: {
     query: {},
@@ -382,7 +382,7 @@ const $ = {
       }, 16)
     ]));
   }
-}), Rt = /* @__PURE__ */ Y(Ct, [["__scopeId", "data-v-0f571079"]]), we = "#6c7489", Ee = "20px", Le = "20px", Dt = /* @__PURE__ */ M({
+}), Rt = /* @__PURE__ */ V(Ct, [["__scopeId", "data-v-0f571079"]]), we = "#6c7489", Ee = "20px", Le = "20px", Dt = /* @__PURE__ */ M({
   __name: "TopNTableRenderer",
   props: {
     query: {},
@@ -451,7 +451,7 @@ const $ = {
   emits: ["edit-tile"],
   setup(c, { emit: e }) {
     oe((p) => ({
-      "35d14b98": `${p.height}px`
+      "733568b4": `${p.height}px`
     }));
     const t = parseInt(Le, 10), i = c, s = e, r = Q(J), { evaluateFeatureFlag: o } = $.useEvaluateFeatureFlag(), { i18n: n } = $.useI18n(), l = o("ma-3043-analytics-chart-kebab-menu", !1), h = L(), d = L(!1), u = L(), f = L(!1);
     de(() => i.definition, async () => {
@@ -525,7 +525,7 @@ const $ = {
             text: p.definition.chart.chartTitle
           }, {
             default: N(() => [
-              V("div", {
+              Y("div", {
                 ref_key: "titleRef",
                 ref: u,
                 class: "title"
@@ -568,10 +568,10 @@ const $ = {
                   key: 1,
                   class: "chart-export-button",
                   "data-testid": `chart-csv-export-${p.tileId}`,
-                  onClick: q[0] || (q[0] = (Yt) => le())
+                  onClick: q[0] || (q[0] = (Xt) => le())
                 }, {
                   default: N(() => [
-                    V("span", {
+                    Y("span", {
                       class: "chart-export-trigger",
                       "data-testid": `csv-export-button-${p.tileId}`
                     }, K(C(n).t("csvExport.exportAsCsv")), 9, kt)
@@ -602,7 +602,7 @@ const $ = {
             onToggleModal: G
           }, null, 8, ["chart-data", "data-testid", "filename"])) : I("", !0)
         ])) : I("", !0),
-        V("div", {
+        Y("div", {
           class: "tile-content",
           "data-testid": `tile-content-${p.tileId}`
         }, [
@@ -611,7 +611,7 @@ const $ = {
       ], 8, zt);
     };
   }
-}), Lt = /* @__PURE__ */ Y(At, [["__scopeId", "data-v-ff00dcd4"]]), Ot = (c, e, t) => {
+}), Lt = /* @__PURE__ */ V(At, [["__scopeId", "data-v-30fafa9c"]]), Ot = (c, e, t) => {
   const i = /* @__PURE__ */ new Map();
   t.forEach((r) => {
     const o = r.layout.position.row, n = i.get(o), l = r.layout.size.rows === 1 && !!r.layout.size.fitToContent;
@@ -685,7 +685,7 @@ const $ = {
       ], 6))), 128))
     ], 512));
   }
-}), It = /* @__PURE__ */ Y(Mt, [["__scopeId", "data-v-f43eb7b8"]]);
+}), It = /* @__PURE__ */ V(Mt, [["__scopeId", "data-v-f43eb7b8"]]);
 function Pt(c, e, t, i, s) {
   const r = (...o) => (console.warn("gridstack.js: Function `" + t + "` is deprecated in " + s + " and has been replaced with `" + i + "`. It will be **removed** in a future release"), e.apply(c, o));
   return r.prototype = e.prototype, r;
@@ -3426,7 +3426,9 @@ const Ft = ["data-index", "gs-h", "gs-w", "gs-x", "gs-y"], $t = { class: "grid-s
       s.value && (r = g.init({
         column: t.gridSize.cols,
         cellHeight: t.tileHeight,
-        resizable: { handles: "all" }
+        resizable: { handles: "se" },
+        lazyLoad: !0,
+        handle: ".tile-header"
       }, s.value), r.on("change", (o, n) => {
         const l = t.tiles.map((h, d) => {
           const u = n.find((f) => {
@@ -3470,16 +3472,16 @@ const Ft = ["data-index", "gs-h", "gs-w", "gs-x", "gs-y"], $t = { class: "grid-s
         "gs-x": l.layout.position.col,
         "gs-y": l.layout.position.row
       }, [
-        V("div", $t, [
-          ne(o.$slots, "tile", { tile: l })
+        Y("div", $t, [
+          ne(o.$slots, "tile", { tile: l }, void 0, !0)
         ])
       ], 8, Ft))), 128))
     ], 512));
   }
-}), Wt = { class: "kong-ui-public-dashboard-renderer" }, Kt = {
+}), Wt = /* @__PURE__ */ V(Gt, [["__scopeId", "data-v-2c11d103"]]), Kt = { class: "kong-ui-public-dashboard-renderer" }, Vt = {
   key: 0,
   class: "tile-container"
-}, Vt = /* @__PURE__ */ M({
+}, Yt = /* @__PURE__ */ M({
   __name: "DashboardRenderer",
   props: {
     context: {},
@@ -3537,8 +3539,8 @@ const Ft = ["data-index", "gs-h", "gs-w", "gs-x", "gs-y"], $t = { class: "grid-s
     };
     return e({ refresh: v }), (y, w) => {
       const E = F("KAlert");
-      return x(), A("div", Wt, [
-        C(n) ? (x(), T(ze(y.draggable ? Gt : It), {
+      return x(), A("div", Kt, [
+        C(n) ? (x(), T(ze(y.draggable ? Wt : It), {
           key: 1,
           "grid-size": y.config.gridSize,
           "tile-height": y.config.tileHeight,
@@ -3546,7 +3548,7 @@ const Ft = ["data-index", "gs-h", "gs-w", "gs-x", "gs-y"], $t = { class: "grid-s
           onUpdateTiles: b
         }, {
           tile: N(({ tile: D }) => [
-            D.meta.chart.type === "slottable" ? (x(), A("div", Kt, [
+            D.meta.chart.type === "slottable" ? (x(), A("div", Vt, [
               ne(y.$slots, D.meta.chart.id, {}, void 0, !0)
             ])) : (x(), T(Lt, {
               key: 1,
@@ -3573,12 +3575,12 @@ const Ft = ["data-index", "gs-h", "gs-w", "gs-x", "gs-y"], $t = { class: "grid-s
       ]);
     };
   }
-}), ni = /* @__PURE__ */ Y(Vt, [["__scopeId", "data-v-57e1dfb8"]]);
+}), oi = /* @__PURE__ */ V(Yt, [["__scopeId", "data-v-921334ea"]]);
 export {
   gt as CP_ID_TOKEN,
   ue as DEFAULT_TILE_HEIGHT,
   mt as DEFAULT_TILE_REFRESH_INTERVAL_MS,
-  ni as DashboardRenderer,
+  oi as DashboardRenderer,
   _e as ENTITY_ID_TOKEN,
   It as GridLayout,
   J as INJECT_QUERY_PROVIDER,