@sisense/sdk-ui 1.31.0 → 1.32.0

package/dist/{widget-composer-BrQ6SrZ6.js → widget-composer-4bEKHitq.js}

@@ -1,20 +1,20 @@
-var J = Object.defineProperty, V = Object.defineProperties;
-var Z = Object.getOwnPropertyDescriptors;
+var V = Object.defineProperty, H = Object.defineProperties;
+var X = Object.getOwnPropertyDescriptors;
 var W = Object.getOwnPropertySymbols;
-var H = Object.prototype.hasOwnProperty, X = Object.prototype.propertyIsEnumerable;
-var I = (e, t, r) => t in e ? J(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, d = (e, t) => {
+var Z = Object.prototype.hasOwnProperty, G = Object.prototype.propertyIsEnumerable;
+var q = (e, t, r) => t in e ? V(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, u = (e, t) => {
   for (var r in t || (t = {}))
-    H.call(t, r) && I(e, r, t[r]);
+    Z.call(t, r) && q(e, r, t[r]);
   if (W)
     for (var r of W(t))
-      X.call(t, r) && I(e, r, t[r]);
+      G.call(t, r) && q(e, r, t[r]);
   return e;
-}, T = (e, t) => V(e, Z(t));
-import { cM as $, h as G, M as E, T as m, cN as ee, cO as h, cP as j, ae as te, Z as re, ag as ae, m as C, cQ as ie, a4 as w, P as se, B as ne, aW as q } from "./derive-chart-family-D3iN--j2.js";
-class k extends $ {
+}, v = (e, t) => H(e, X(t));
+import { dA as Q, p as ee, M as w, T as p, dB as te, dC as h, dD as A, aH as re, aq as ie, aN as ae, m as C, dE as se, ax as D, aj as ne, a3 as oe, bx as P } from "./derive-chart-family-CVwj-7u5.js";
+class B extends Q {
   constructor(t, r) {
-    var a;
-    super((a = t.jaql.title) !== null && a !== void 0 ? a : "", r), this.expression = t.jaql.dim || t.jaql.formula, this.metadataItem = t, t.jaql.agg ? this.aggregation = t.jaql.agg : delete this.aggregation, t.jaql.formula ? this.formula = t.jaql.formula : delete this.formula, t.jaql.sort ? this.sortType = G(t.jaql.sort) : delete this.sortType, this.skipValidation = !0;
+    var i;
+    super((i = t.jaql.title) !== null && i !== void 0 ? i : "", r), this.expression = t.jaql.dim || t.jaql.formula, this.metadataItem = t, t.jaql.agg ? this.aggregation = t.jaql.agg : delete this.aggregation, t.jaql.formula ? this.formula = t.jaql.formula : delete this.formula, t.jaql.sort ? this.sortType = ee(t.jaql.sort) : delete this.sortType, this.skipValidation = !0;
   }
   get id() {
     return this.expression;
@@ -23,74 +23,85 @@ class k extends $ {
     return t === !0 ? this.metadataItem.jaql : this.metadataItem;
   }
 }
-const oe = {
-  text: E.TextAttribute,
-  numeric: E.NumericAttribute,
-  datetime: E.DateLevel
+const le = {
+  text: w.TextAttribute,
+  numeric: w.NumericAttribute,
+  datetime: w.DateLevel
 };
-function A(e) {
+function k(e) {
   var t;
-  return new k(e, (t = oe[e.jaql.datatype]) !== null && t !== void 0 ? t : "numeric");
+  return new B(e, (t = le[e.jaql.datatype]) !== null && t !== void 0 ? t : "numeric");
 }
-const Ne = {
-  jaql: { datasource: { title: "" }, metadata: [] },
+const _e = {
+  jaql: {
+    datasource: {
+      title: ""
+    },
+    metadata: []
+  },
   queryTitle: "",
   chartRecommendations: {}
-}, _e = {
+}, Re = {
   model: "",
   metadata: [],
   chart: {},
   queryTitle: ""
-}, Re = (e) => "widgetProps" in e, le = (e) => "dashboardOid" in e && "widgetOid" in e;
-function de(e) {
+}, ze = (e) => "widgetProps" in e, de = (e) => "dashboardOid" in e && "widgetOid" in e;
+function ue(e) {
   return e.replace(/\s+/g, "-").replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
-function ze(e) {
+function Ke(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
 function Ue(e) {
   const t = /\[(.+?)\s\(Calendar\)\]/;
   return e.replace(t, "[$1]").trim();
 }
-function Ke(e) {
+function Ye(e) {
   if (e)
     if (e.metadata) {
       if (!e.model)
-        throw new m("errors.missingModelTitle");
+        throw new p("errors.missingModelTitle");
     } else
-      throw new m("errors.missingMetadata");
+      throw new p("errors.missingMetadata");
   else
-    throw new m("errors.emptyModel");
+    throw new p("errors.emptyModel");
   return e;
 }
-function ue(e) {
+function ce(e) {
   return !e || !e.jaql.datasource.title || !e.jaql.metadata.length;
 }
-function B(e) {
-  if (![...ee, "pivot", "pivot2"].includes(e))
-    throw new m("errors.chartTypeNotSupported", { chartType: e });
+function F(e) {
+  if (![
+    ...te,
+    "pivot",
+    "pivot2"
+  ].includes(e))
+    throw new p("errors.chartTypeNotSupported", {
+      chartType: e
+    });
 }
-function ce(e) {
+function me(e) {
   return "widgetType" in e && e.widgetType === "pivot";
 }
-function p(e) {
+function y(e) {
   var t;
   return "column" in e && ((t = e.column) == null ? void 0 : t.expression) && /\(.*\)/.test(e.column.expression);
 }
-function F(e) {
+function N(e) {
   const t = "measures" in e && o(e.measures) || "values" in e && o(e.values);
-  return ce(e) ? "values" in e.dataOptions && o(e.dataOptions.values) : "chartType" in e ? e.chartType === "indicator" ? "value" in e.dataOptions && o(e.dataOptions.value) || "secondary" in e.dataOptions && o(e.dataOptions.secondary) : e.chartType === "table" ? !("columns" in e.dataOptions) || !o(e.dataOptions.columns) ? !1 : e.dataOptions.columns.some((a) => p(a)) : e.chartType === "boxplot" ? !1 : e.chartType === "scatter" ? "x" in e.dataOptions && e.dataOptions.x !== void 0 && p(e.dataOptions.x) || "y" in e.dataOptions && e.dataOptions.y !== void 0 && p(e.dataOptions.y) || "size" in e.dataOptions && e.dataOptions.size !== void 0 : e.chartType === "scattermap" ? "colorBy" in e.dataOptions && e.dataOptions.colorBy !== void 0 && p(e.dataOptions.colorBy) || "details" in e.dataOptions && e.dataOptions.details !== void 0 && p(e.dataOptions.details) || "size" in e.dataOptions && e.dataOptions.size !== void 0 && p(e.dataOptions.size) : e.chartType === "areamap" ? "geo" in e.dataOptions && o(e.dataOptions.geo) && "color" in e.dataOptions && o(e.dataOptions.color) : "value" in e.dataOptions && o(e.dataOptions.value) : t;
+  return me(e) ? "values" in e.dataOptions && o(e.dataOptions.values) : "chartType" in e ? e.chartType === "indicator" ? "value" in e.dataOptions && o(e.dataOptions.value) || "secondary" in e.dataOptions && o(e.dataOptions.secondary) : e.chartType === "table" ? !("columns" in e.dataOptions) || !o(e.dataOptions.columns) ? !1 : e.dataOptions.columns.some((i) => y(i)) : e.chartType === "boxplot" ? !1 : e.chartType === "scatter" ? "x" in e.dataOptions && e.dataOptions.x !== void 0 && y(e.dataOptions.x) || "y" in e.dataOptions && e.dataOptions.y !== void 0 && y(e.dataOptions.y) || "size" in e.dataOptions && e.dataOptions.size !== void 0 : e.chartType === "scattermap" ? "colorBy" in e.dataOptions && e.dataOptions.colorBy !== void 0 && y(e.dataOptions.colorBy) || "details" in e.dataOptions && e.dataOptions.details !== void 0 && y(e.dataOptions.details) || "size" in e.dataOptions && e.dataOptions.size !== void 0 && y(e.dataOptions.size) : e.chartType === "areamap" ? "geo" in e.dataOptions && o(e.dataOptions.geo) && "color" in e.dataOptions && o(e.dataOptions.color) : "value" in e.dataOptions && o(e.dataOptions.value) : t;
 }
 function o(e) {
   return Array.isArray(e) && e.length > 0;
 }
-function me(e) {
+function pe(e) {
   const t = e.split(`
 `);
   for (let r = 0; r < t.length - 1; r++)
     if (t[r].trim() === "") {
-      const a = t[r + 1].trim();
-      if (a.startsWith("import *") || a.startsWith("import {")) {
+      const i = t[r + 1].trim();
+      if (i.startsWith("import *") || i.startsWith("import {")) {
         t.splice(r, 1);
         break;
       }
@@ -112,6 +123,8 @@ export default function CodeExample() {
       chartType={'{{chartTypeString}}'}
       dataOptions={ {{dataOptionsString}} }
       filters={ {{filtersString}} }
+      styleOptions={ {{styleOptionsString}} }
+      drilldownOptions={ {{drilldownOptionsString}} }
     />
   );
 }`,
@@ -226,25 +239,28 @@ export default function CodeExample() {
       dataSource={DM.DataSource}
       dataOptions={ {{dataOptionsString}} }
       filters={ {{filtersString}} }
+      styleOptions={ {{styleOptionsString}} }
     />
   );
 }`
   },
   angular: {
     baseChartTmpl: `import { Component } from '@angular/core';
-import { SdkUiModule, type ChartDataOptions } from '@sisense/sdk-ui-angular';
+import { type ChartDataOptions, type ChartStyleOptions } from '@sisense/sdk-ui-angular';
 {{extraImportsString}}
 import * as DM from './{{dataSourceString}}'; // generated with @sisense/sdk-cli
 
 @Component({
     selector: 'code-example',
-    imports: [SdkUiModule],
     template: \`
       <csdk-chart-widget
+        [title]="'{{titleString}}'"
         chartType='{{chartTypeString}}'
         [dataSource]='DM.DataSource'
         [dataOptions]='dataOptions'
         [filters]='filters'
+        [styleOptions]='styleOptions'
+        [drilldownOptions]='drilldownOptions'
       />
     \`
 })
@@ -252,15 +268,15 @@ export class CodeExample {
     DM = DM;
     dataOptions: ChartDataOptions = {{dataOptionsString}};
     filters = {{filtersString}};
+    styleOptions: ChartStyleOptions = {{styleOptionsString}};
+    drilldownOptions = {{drilldownOptionsString}};
 }`,
     chartTmpl: "{{baseChartTmpl}}",
     chartWidgetTmpl: "{{baseChartTmpl}}",
     widgetByIdTmpl: `import { Component } from '@angular/core';
-import { SdkUiModule } from '@sisense/sdk-ui-angular';
 
 @Component({
   selector: 'code-example',
-  imports: [SdkUiModule],
   template: \`
     <csdk-widget-by-id
       [widgetOid]="widgetOid"
@@ -276,13 +292,11 @@ export class CodeExample {
   includeDashboardFilters = true;
 }`,
     executeQueryByWidgetIdTmpl: `import { Component } from '@angular/core';
-import { CommonModule } from '@angular/common';
 import { QueryService } from '@sisense/sdk-ui-angular';
 import { type QueryResultData } from '@sisense/sdk-data';
 
 @Component({
   selector: 'code-example',
-  imports: [CommonModule],
   template: \`<div>
     <div *ngIf="errorMessage">Error: {{ errorMessage }}</div>
     <div *ngIf="!errorMessage">Total Rows: {{ queryResult.rows.length }}</div>
@@ -312,7 +326,6 @@ export class CodeExample {
 }
 `,
     executeQueryTmpl: `import { Component } from '@angular/core';
-import { CommonModule } from '@angular/common';
 {{extraImportsString}}
 import { type QueryResultData } from '@sisense/sdk-data';
 import * as DM from './{{dataSourceString}}'; // generated with @sisense/sdk-cli
@@ -320,7 +333,6 @@ import { QueryService } from '@sisense/sdk-ui-angular';
 
 @Component({
   selector: 'code-example',
-  imports: [CommonModule],
   template: \`<div>
     <div *ngIf="errorMessage">Error: {{ errorMessage }}</div>
     <div *ngIf="!errorMessage">Total Rows: {{ queryResult.rows.length }}</div>
@@ -360,12 +372,14 @@ export class CodeExample {
   vue: {
     baseChartTmpl: `<script setup lang="ts">
   import { ref } from 'vue';
-  import { {{componentString}} } from '@sisense/sdk-ui-vue';
+  import { {{componentString}}, type ChartStyleOptions } from '@sisense/sdk-ui-vue';
   {{extraImportsString}}
   import * as DM from './{{dataSourceString}}'; // generated with @sisense/sdk-cli
 
   const dataOptions = ref({{dataOptionsString}});
   const filters = ref({{filtersString}});
+  const styleOptions = ref<ChartStyleOptions>({{styleOptionsString}});
+  const drilldownOptions = ref({{drilldownOptionsString}});
 <\/script>
 
 <template>
@@ -373,6 +387,8 @@ export class CodeExample {
     chartType="{{chartTypeString}}"
     :dataOptions="dataOptions"
     :filters="filters"
+    :styleOptions="styleOptions"
+    :drilldownOptions="drilldownOptions"
     :dataSource="DM.DataSource"
     title="{{titleString}}" />
 </template>`,
@@ -383,8 +399,8 @@ import { WidgetById } from '@sisense/sdk-ui-vue';
 <\/script>
 <template>
   <WidgetById
-    :widgetOid="{{widgetOid}}"
-    :dashboardOid="{{dashboardOid}}"
+    :widgetOid="'{{widgetOid}}'"
+    :dashboardOid="'{{dashboardOid}}'"
   />
 </template>
 `,
@@ -428,12 +444,9 @@ const { data, isLoading, isError, error } = useExecuteQuery(queryProps);
     executePivotQueryTmpl: "Not implemented yet",
     pivotTableWidgetTmpl: "Not implemented yet"
   }
-}, N = (e, t) => ge[t][e].replace(
-  /{{(.*?)Tmpl}}/g,
-  (a, i) => N(`${i}Tmpl`, t)
-), pe = (e, t) => e.replace(/{{(.*?)}}/g, (r, a) => a in t ? t[a] : (console.warn(`Placeholder ${a} not found in data`), r)), D = (e, t, r = "react") => {
-  const a = N(e, r);
-  return me(pe(a, t));
+}, _ = (e, t) => ge[t][e].replace(/{{(.*?)Tmpl}}/g, (i, a) => _(`${a}Tmpl`, t)), ye = (e, t) => e.replace(/{{(.*?)}}/g, (r, i) => i in t ? t[i] : (console.warn(`Placeholder ${i} not found in data`), r)), I = (e, t, r = "react") => {
+  const i = _(e, r);
+  return pe(ye(i, t));
 }, x = `
 `, M = "UNKNOWN", fe = (e, t) => {
   let r = "";
@@ -441,124 +454,121 @@ const { data, isLoading, isError, error } = useExecuteQuery(queryProps);
 `, r += " ".repeat(t), r += `  '${h(e.title)}',
 `, r += " ".repeat(t), r += `  '${e.formula}',
 `, r += " ".repeat(t), r += `  {
-`, Object.entries(e.context).forEach(([a, i]) => {
-    const s = j(
-      i.table || M,
-      i.column || M,
-      void 0,
-      "DM"
-    );
-    r += " ".repeat(t), r += `    '${a.slice(1, -1)}': ${s},
+`, Object.entries(e.context).forEach(([i, a]) => {
+    const s = A(a.table || M, a.column || M, void 0, "DM");
+    r += " ".repeat(t), r += `    '${i.slice(1, -1)}': ${s},
 `;
   }), r += " ".repeat(t), r += `  }
 `, r += " ".repeat(t), r += ")", r;
-}, ye = (e) => {
-  const { level: t, table: r, column: a, agg: i, title: s } = e;
+}, he = (e) => {
+  const { level: t, table: r, column: i, agg: a, title: s } = e;
   let n;
-  return r && a && (n = j(r, a, t, "DM")), i && r && a && s && (n = `measureFactory.${te.aggregationFromJAQL(
-    i
-  )}(${n}, '${h(s)}')`), n || M;
-}, he = (e, t) => {
+  return r && i && (n = A(r, i, t, "DM")), a && r && i && s && (n = `measureFactory.${re.aggregationFromJAQL(a)}(${n}, '${h(s)}')`), n || M;
+}, Oe = (e, t) => {
   const r = e.jaql(!1).jaql;
-  return "formula" in r ? fe(r, t) : ye(r);
-}, f = (e, t = 0, r = !1) => {
+  return "formula" in r ? fe(r, t) : he(r);
+}, d = (e, t = 0, r = !1) => {
   if (!e)
     return "";
   if (typeof e == "string")
     return `'${h(e)}'`;
-  if (e instanceof k)
-    return he(e, t);
-  if (e instanceof $)
+  if (e instanceof B)
+    return Oe(e, t);
+  if (e instanceof Q)
     return e.composeCode || "";
-  let a = "";
-  return Array.isArray(e) ? a += `[${e.map((i) => f(i, t + 2))}${e.length ? x + " ".repeat(t + 2) : ""}]` : (a += `{${x}`, Object.entries(e).forEach(([i, s]) => {
-    r && (i = `'${h(i)}'`), a += " ".repeat(t + 2), Array.isArray(s) ? a += `${i}: [${s.map((n) => f(n, t + 4, r))}${s.length ? x + " ".repeat(t + 2) : ""}]` : typeof s == "object" ? a += `${i}: ${f(s, t + 2, r)}` : ["number", "boolean", "undefined", null].includes(typeof s) ? a += `${i}: ${s}` : a += `${i}: '${h(s)}'`, a += `,${x}`;
-  }), a += " ".repeat(t), a += "}"), a;
-};
+  let i = "";
+  return Array.isArray(e) ? i += `[${e.map((a) => d(a, t + 2))}${e.length ? x + " ".repeat(t + 2) : ""}]` : (i += `{${x}`, Object.entries(e).forEach(([a, s]) => {
+    r && (a = `'${h(a)}'`), i += " ".repeat(t + 2), Array.isArray(s) ? i += `${a}: [${s.map((n) => d(n, t + 4, r))}${s.length ? x + " ".repeat(t + 2) : ""}]` : typeof s == "object" && s !== null ? i += `${a}: ${d(s, t + 2, r)}` : [
+      "number",
+      "boolean",
+      "undefined"
+    ].includes(typeof s) || s === null ? i += `${a}: ${s}` : i += `${a}: '${h(s)}'`, i += `,${x}`;
+  }), i += " ".repeat(t), i += "}"), i;
+}, E = 6;
 function Se(e) {
-  return f(e, 6);
+  return d(e, E);
 }
-function _(e) {
+function R(e) {
   if (!e)
-    throw new m("errors.undefinedDataSource");
+    throw new p("errors.undefinedDataSource");
   let t;
-  return typeof e == "object" && "title" in e ? t = e.title : t = e, de(t);
+  return typeof e == "object" && "title" in e ? t = e.title : t = e, ue(t);
 }
-function R(e, t = !0) {
+function z(e, t = !0) {
   const r = [];
   return t && r.push("measureFactory"), o(e) && r.push("filterFactory"), r.length > 0 ? `import { ${r.join(", ")} } from '@sisense/sdk-data';` : "";
 }
-const P = `
-`, Oe = (e, t) => {
+const L = `
+`, Te = (e, t) => {
   if (e.composeCode)
-    return `${P}${" ".repeat(t)}${e.composeCode}`;
+    return `${L}${" ".repeat(t)}${e.composeCode}`;
   const r = e.jaql().jaql;
-  return `${P}${" ".repeat(t)}filterFactory.customFilter(${f(
-    r,
-    t,
-    !0
-  )})`;
+  return `${L}${" ".repeat(t)}filterFactory.customFilter(${d(r, t, !0)})`;
 }, ve = (e, t = 0) => {
   if (!e)
     return "";
   let r = "";
-  return r += `[${e.map((a) => Oe(a, t + 2))}${e.length ? `
+  return r += `[${e.map((i) => Te(i, t + 2))}${e.length ? `
 ` + " ".repeat(t + 2) : ""}]`, r;
-}, z = (e) => {
+}, K = (e) => {
   if (!e)
     return "";
   if (Array.isArray(e))
     return ve(e, 6);
-  throw new m("errors.filterRelationsNotSupported");
-}, Te = ["executeQueryByWidgetIdTmpl", "widgetByIdTmpl"], xe = "chartWidgetTmpl", be = "pivotTableWidgetTmpl", Ee = (e) => e, Ce = (e, t, r) => {
-  const a = F(e), i = {
+  throw new p("errors.filterRelationsNotSupported");
+}, xe = [
+  "executeQueryByWidgetIdTmpl",
+  "widgetByIdTmpl"
+], Ee = "chartWidgetTmpl", be = "pivotTableWidgetTmpl", we = (e) => e, Ce = (e, t, r) => {
+  const i = N(e), a = {
     titleString: e.title,
-    dataSourceString: _(e.dataSource),
-    chartTypeString: Ee(e.chartType),
+    dataSourceString: R(e.dataSource),
+    chartTypeString: we(e.chartType),
     dataOptionsString: Se(e.dataOptions),
-    filtersString: z(e.filters),
+    filtersString: K(e.filters),
     componentString: "ChartWidget",
-    extraImportsString: R(e.filters || [], a)
+    extraImportsString: z(e.filters || [], i),
+    styleOptionsString: d(e.styleOptions || {}, E),
+    drilldownOptionsString: d(e.drilldownOptions || {}, E)
   };
-  return D(r, i, t);
-}, we = (e, t, r) => {
-  const a = F(e), i = {
+  return I(r, a, t);
+}, De = (e, t, r) => {
+  const i = N(e), a = {
     titleString: e.title,
-    dataSourceString: _(e.dataSource),
-    dataOptionsString: f(e.dataOptions),
-    filtersString: z(e.filters),
+    dataSourceString: R(e.dataSource),
+    dataOptionsString: d(e.dataOptions),
+    filtersString: K(e.filters),
     componentString: "PivotTableWidget",
-    extraImportsString: R(e.filters || [], a)
+    extraImportsString: z(e.filters || [], i),
+    styleOptionsString: d(e.styleOptions || {}, E)
   };
-  return D(r, i, t);
-}, Me = ({
-  dashboardOid: e,
-  widgetOid: t,
-  uiFramework: r = "react",
-  chartType: a = "table",
-  includeChart: i = !0
-}) => {
-  B(a);
-  const s = { dashboardOid: e, widgetOid: t }, n = Te[Number(i)];
-  return D(n, s, r);
-}, De = ({
-  widgetProps: e,
-  uiFramework: t = "react"
-}) => {
-  if (re(e))
-    return B(e.chartType), Ce(e, t, xe);
+  return I(r, a, t);
+}, Me = ({ dashboardOid: e, widgetOid: t, uiFramework: r = "react", chartType: i = "table", includeChart: a = !0 }) => {
+  F(i);
+  const s = {
+    dashboardOid: e,
+    widgetOid: t
+  }, n = xe[Number(a)];
+  return I(n, s, r);
+}, Ie = ({ widgetProps: e, uiFramework: t = "react" }) => {
+  if (ie(e))
+    return F(e.chartType), Ce(e, t, Ee);
   if (ae(e))
-    return we(e, t, be);
-  throw new m("errors.otherWidgetTypesNotSupported");
+    return De(e, t, be);
+  throw new p("errors.otherWidgetTypesNotSupported");
 }, We = (e) => ({
-  dataOptions: { columns: e.map(A) }
-}), Ie = Object.freeze({
+  dataOptions: {
+    columns: e.map(k)
+  }
+}), qe = Object.freeze({
   convolution: {
     enabled: !0,
     selectedConvolutionType: "bySlicesCount",
     independentSlicesCount: 7
   },
-  lineWidth: { width: "bold" },
+  lineWidth: {
+    width: "bold"
+  },
   markers: {
     enabled: !1
   },
@@ -571,166 +581,162 @@ const P = `
   xAxis: {
     gridLines: !1
   }
-}), L = Object.freeze({
+}), j = Object.freeze({
   line: "line/spline",
   pie: "pie/donut",
   bar: "bar/stacked",
   column: "column/stackedcolumn"
-}), qe = (e, t, r) => {
-  const a = e.reduce((s, n) => (s[n.jaql.title] = n, s), {}), i = Object.entries(r).reduce((s, n) => {
-    const [u, y] = n;
-    return s[`${u}`] = Array.isArray(y) ? y.map((b) => {
-      var S, O;
-      const l = w(b);
+}), Pe = (e, t, r) => {
+  const i = e.reduce((s, n) => (s[n.jaql.title] = n, s), {}), a = Object.entries(r).reduce((s, n) => {
+    const [c, f] = n;
+    return s[`${c}`] = Array.isArray(f) ? f.map((b) => {
+      var O, S;
+      const l = D(b);
       delete l.enabled;
-      const c = a[l.column.name];
-      if (!c)
-        return { column: { type: "", name: l.column.name } };
-      const g = A(c);
-      if (c.panel === "measures")
-        return T(d({}, l), {
+      const m = i[l.column.name];
+      if (!m)
+        return {
+          column: {
+            type: "",
+            name: l.column.name
+          }
+        };
+      const g = k(m);
+      if (m.panel === "measures")
+        return v(u({}, l), {
           column: g
         });
-      if (se(g.type)) {
-        const v = (O = (S = c.format) == null ? void 0 : S.mask) == null ? void 0 : O[c.jaql.level];
-        if (v)
-          return T(d({}, l), {
+      if (ne(g.type)) {
+        const T = (S = (O = m.format) == null ? void 0 : O.mask) == null ? void 0 : S[m.jaql.level];
+        if (T)
+          return v(u({}, l), {
             column: g,
-            dateFormat: v
+            dateFormat: T
           });
       }
-      return T(d({}, l), { column: g });
-    }) : y, s;
+      return v(u({}, l), {
+        column: g
+      });
+    }) : f, s;
   }, {});
   switch (t) {
     case "cartesian":
-      return d({
+      return u({
         category: [],
         value: [],
         breakBy: []
-      }, i);
+      }, a);
     case "categorical":
-      return d({
+      return u({
         category: [],
         value: []
-      }, i);
+      }, a);
     case "scatter":
-      return Object.keys(i).forEach((s) => {
-        i[`${s}`] = i[`${s}`][0];
-      }), i;
+      return Object.keys(a).forEach((s) => {
+        a[`${s}`] = a[`${s}`][0];
+      }), a;
     case "scattermap":
-      return Object.keys(i).forEach((s) => {
-        s !== "geo" && (i[`${s}`] = i[`${s}`][0]);
-      }), i;
+      return Object.keys(a).forEach((s) => {
+        s !== "geo" && (a[`${s}`] = a[`${s}`][0]);
+      }), a;
     case "table":
-      return Object.keys(i).length === 0 ? We(e).dataOptions : i;
+      return Object.keys(a).length === 0 ? We(e).dataOptions : a;
     case "boxplot":
     case "areamap":
     case "indicator":
     default:
-      return i;
+      return a;
   }
-}, Q = (e, t) => {
-  var r, a, i, s;
-  return t === "x" ? (a = (r = e.axesMapping.category) != null ? r : e.axesMapping.x) == null ? void 0 : a.map((n) => w(n).column.name).join(", ") : (s = (i = e.axesMapping.value) != null ? i : e.axesMapping.y) == null ? void 0 : s.map((n) => w(n).column.name).join(", ");
-}, Pe = (e, t, r = !0) => {
-  const { chartFamily: a, axesMapping: i = {}, styleOptions: s = {} } = t, n = qe(e, a, i);
-  let u;
-  return r && t.chartType in L ? u = C(
-    C(Ie, {
-      subtype: L[t.chartType]
-    }),
-    {
-      legend: {
+}, $ = (e, t) => {
+  var r, i, a, s;
+  return t === "x" ? (i = (r = e.axesMapping.category) != null ? r : e.axesMapping.x) == null ? void 0 : i.map((n) => D(n).column.name).join(", ") : (s = (a = e.axesMapping.value) != null ? a : e.axesMapping.y) == null ? void 0 : s.map((n) => D(n).column.name).join(", ");
+}, Le = (e, t, r = !0) => {
+  const { chartFamily: i, axesMapping: a = {}, styleOptions: s = {} } = t, n = Pe(e, i, a);
+  let c;
+  return r && t.chartType in j ? c = C(C(qe, {
+    subtype: j[t.chartType]
+  }), {
+    legend: {
+      enabled: !0,
+      position: "right"
+    },
+    yAxis: {
+      title: {
         enabled: !0,
-        position: "right"
-      },
-      yAxis: {
-        title: {
-          enabled: !0,
-          text: Q(t, "y")
-        }
-      },
-      xAxis: {
-        title: {
-          enabled: !0,
-          text: Q(t, "x")
-        }
+        text: $(t, "y")
       }
     },
-    s
-  ) : u = C(ie(), s), {
+    xAxis: {
+      title: {
+        enabled: !0,
+        text: $(t, "x")
+      }
+    }
+  }, s) : c = C(se(), s), {
     dataOptions: n,
-    chartStyleOptions: u
+    chartStyleOptions: c
   };
-}, Le = (e) => "chartType" in e ? e : {
+}, je = (e) => "chartType" in e ? e : {
   chartType: "table",
   chartFamily: "table",
   axesMapping: {}
-}, Qe = (e) => e.map((t) => ne(t.jaql)), $e = (e) => e.reduce(
-  (t, r) => {
-    if ((r.panel === "scope" || r.jaql.filter) && t.metadataFilters.push(q(r)), r.panel !== "scope") {
-      const a = q(r);
-      delete a.jaql.filter, t.metadataColumns.push(a);
-    }
-    return t;
-  },
-  { metadataColumns: [], metadataFilters: [] }
-), je = (e, t) => {
-  if (!ue(e))
+}, $e = (e) => e.map((t) => oe(t.jaql)), Qe = (e) => e.reduce((t, r) => {
+  if ((r.panel === "scope" || r.jaql.filter) && t.metadataFilters.push(P(r)), r.panel !== "scope") {
+    const i = P(r);
+    delete i.jaql.filter, t.metadataColumns.push(i);
+  }
+  return t;
+}, {
+  metadataColumns: [],
+  metadataFilters: []
+}), Ae = (e, t) => {
+  if (!ce(e))
     try {
-      const { useCustomizedStyleOptions: r = !1 } = t || {}, { jaql: a, chartRecommendations: i, queryTitle: s } = e, {
-        metadata: n,
-        datasource: { title: u, id: y, type: b = "elasticube" }
-      } = a, l = Le(i), c = l.chartType.toLowerCase(), g = {
+      const { useCustomizedStyleOptions: r = !1 } = t || {}, { jaql: i, chartRecommendations: a, queryTitle: s } = e, { metadata: n, datasource: { title: c, id: f, type: b = "elasticube" } } = i, l = je(a), m = l.chartType.toLowerCase(), g = {
         cornerRadius: "Small",
         header: {
           // remove info button and render empty toolbar instead
           renderToolbar: () => null
         }
-      }, { metadataColumns: S, metadataFilters: O } = $e(n), v = Qe(O), { dataOptions: U, chartStyleOptions: K } = Pe(
-        S,
-        l,
-        r
-      ), Y = d(d({}, K), g);
+      }, { metadataColumns: O, metadataFilters: S } = Qe(n), T = $e(S), { dataOptions: U, chartStyleOptions: Y } = Le(O, l, r), J = u(u({}, Y), g);
       return {
         widgetType: "chart",
         id: s,
         title: s,
-        chartType: c,
+        chartType: m,
         dataSource: {
-          title: u,
-          id: y,
+          title: c,
+          id: f,
           type: b
         },
         dataOptions: U,
-        filters: v,
-        styleOptions: Y
+        filters: T,
+        styleOptions: J
       };
     } catch (r) {
       console.error(r);
       return;
     }
-}, ke = (e, t) => je(e, t), Ae = (e) => le(e) ? Me(e) : De(e), Ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Be = (e, t) => Ae(e, t), ke = (e) => de(e) ? Me(e) : Ie(e), Je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  toWidgetCode: Ae,
-  toWidgetProps: ke
+  toWidgetCode: ke,
+  toWidgetProps: Be
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  _e as E,
-  F as a,
-  _ as b,
-  ze as c,
-  f as d,
-  z as e,
-  R as f,
-  D as g,
-  Ne as h,
-  Re as i,
-  le as j,
-  pe as p,
+  Re as E,
+  N as a,
+  R as b,
+  Ke as c,
+  d,
+  K as e,
+  z as f,
+  I as g,
+  _e as h,
+  ze as i,
+  de as j,
+  ye as p,
   Ue as s,
-  ke as t,
-  Ke as v,
-  Ye as w
+  Be as t,
+  Ye as v,
+  Je as w
 };