react-semaphor 0.1.60 → 0.1.62

package/dist/chunks/axis-mapping-8ZVwlkl6.js

@@ -0,0 +1,315 @@
+import { jsxs as u, jsx as a } from "react/jsx-runtime";
+import { E as g, u as h, P as M, g as b, i as w, a0 as K, q as m, aI as L, aJ as A, aK as N, aL as v, aM as D, aN as O, aO as T, aP as P, aQ as H, aR as j, L as k, aS as z, aT as S, aU as E } from "./index--MUeDITx.js";
+import "react";
+import "react-dom";
+import { T as I } from "./tag-BrxBSbSe.js";
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const X = g("ListEnd", [
+  ["path", { d: "M16 12H3", key: "1a2rj7" }],
+  ["path", { d: "M16 6H3", key: "1wxfjs" }],
+  ["path", { d: "M10 18H3", key: "13769t" }],
+  ["path", { d: "M21 6v10a2 2 0 0 1-2 2h-5", key: "ilrcs8" }],
+  ["path", { d: "m16 16-2 2 2 2", key: "kkc6pm" }]
+]);
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const B = g("ListStart", [
+  ["path", { d: "M16 12H3", key: "1a2rj7" }],
+  ["path", { d: "M16 18H3", key: "12xzn7" }],
+  ["path", { d: "M10 6H3", key: "lf8lx7" }],
+  ["path", { d: "M21 18V8a2 2 0 0 0-2-2h-5", key: "1hghli" }],
+  ["path", { d: "m16 8-2-2 2-2", key: "160uvd" }]
+]);
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Q = g("ListX", [
+  ["path", { d: "M11 12H3", key: "51ecnj" }],
+  ["path", { d: "M16 6H3", key: "1wxfjs" }],
+  ["path", { d: "M16 18H3", key: "12xzn7" }],
+  ["path", { d: "m19 10-4 4", key: "1tz659" }],
+  ["path", { d: "m15 10 4 4", key: "1n7nei" }]
+]);
+function V({ idx: s }) {
+  var f;
+  const t = h((e) => {
+    var o;
+    return (o = e.card) == null ? void 0 : o.preferences;
+  }), n = h(
+    (e) => {
+      var o;
+      return (o = e.card.preferences) == null ? void 0 : o.datasetOptions;
+    }
+  ), l = h(
+    (e) => e.actions.setCardPreferences
+  ), p = (f = t == null ? void 0 : t.chartOptions) == null ? void 0 : f.indexAxis, d = n == null ? void 0 : n.find((e) => e.idx === s);
+  function i(e, o) {
+    (e === "end" || e === "start") && L(A());
+    const r = {
+      display: e !== "none",
+      align: e,
+      anchor: e,
+      clamp: !0
+    };
+    if (!d)
+      l({
+        ...t,
+        datasetOptions: [
+          ...n || [],
+          {
+            idx: o,
+            datalabels: r
+          }
+        ]
+      });
+    else {
+      const c = { ...d };
+      c.datalabels = r;
+      const x = n == null ? void 0 : n.map(
+        (y) => y.idx === o ? c : y
+      );
+      l({
+        ...t,
+        datasetOptions: x
+      });
+    }
+  }
+  return /* @__PURE__ */ u(M, { children: [
+    /* @__PURE__ */ a(b, { children: /* @__PURE__ */ a(I, { className: "size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground" }) }),
+    /* @__PURE__ */ a(w, { className: "w-fit px-2 py-1", children: /* @__PURE__ */ u("div", { className: "flex gap-1", children: [
+      /* @__PURE__ */ a(
+        "button",
+        {
+          onClick: () => i("none", s),
+          className: "h-7 p-1 text-xs font-normal",
+          children: /* @__PURE__ */ a(K, { className: "size-3.5" })
+        }
+      ),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          onClick: () => i("start", s),
+          className: "h-7 p-1 text-xs font-normal",
+          children: /* @__PURE__ */ a(
+            X,
+            {
+              className: m("h-4 w-4", {
+                "rotate-90": p === "y"
+              })
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          onClick: () => i("center", s),
+          className: "h-7 p-1 text-xs font-normal",
+          children: /* @__PURE__ */ a(
+            Q,
+            {
+              className: m("h-4 w-4", {
+                "rotate-90": p === "y"
+              })
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          onClick: () => i("end", s),
+          className: "h-7 p-1 text-xs font-normal",
+          children: /* @__PURE__ */ a(
+            B,
+            {
+              className: m("h-4 w-4", {
+                "rotate-90": p === "y"
+              })
+            }
+          )
+        }
+      )
+    ] }) })
+  ] });
+}
+function q() {
+  const s = h((d) => d.card), { data: t } = N(s), { keys: n } = v((t == null ? void 0 : t.records) || []), l = n.slice(1).filter((d) => !D.includes(d));
+  let p = l;
+  if (["stackedBar", "stackedLine"].includes(s.type)) {
+    const d = O({
+      dataArray: (t == null ? void 0 : t.records) || [],
+      groupKey: n[0],
+      pivotKey: n[1],
+      valueKey: n[2]
+    }), { keys: i } = v(d);
+    p = i.slice(1);
+  }
+  return {
+    transformedMetricKeys: p,
+    dimensionKeys: n.slice(0, 1),
+    keys: n,
+    defaultMetricKeys: l
+  };
+}
+function F({
+  children: s,
+  className: t,
+  delayDuration: n
+}) {
+  return /* @__PURE__ */ a(T, { children: /* @__PURE__ */ u(P, { delayDuration: n, children: [
+    /* @__PURE__ */ a(H, { asChild: !0, children: /* @__PURE__ */ a(
+      "span",
+      {
+        className: m(
+          "overflow-hidden text-ellipsis whitespace-nowrap",
+          t
+        ),
+        children: s
+      }
+    ) }),
+    /* @__PURE__ */ a(j, { children: s })
+  ] }) });
+}
+function W() {
+  const s = h((e) => e.card), t = h(
+    (e) => {
+      var o, r, c;
+      return (c = (r = (o = e == null ? void 0 : e.card) == null ? void 0 : o.preferences) == null ? void 0 : r.chartOptions) == null ? void 0 : c.indexAxis;
+    }
+  ), { data: n } = N(s), l = t === "y" ? "Metric" : "Dimension", p = t === "y" ? "Dimension" : "Metric", { dimensionKeys: d, transformedMetricKeys: i, keys: f } = q();
+  return f.length === 0 ? null : /* @__PURE__ */ u("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ u("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ a(k, { children: l }),
+      /* @__PURE__ */ a("div", { className: "max-h-[125px] space-y-1 overflow-y-auto", children: d.map((e) => /* @__PURE__ */ a(
+        "p",
+        {
+          className: "flex h-8 items-center rounded-md bg-muted/70 px-3 hover:bg-muted",
+          title: e,
+          children: C(e)
+        },
+        e
+      )) })
+    ] }),
+    /* @__PURE__ */ u("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ a(k, { children: p }),
+      /* @__PURE__ */ a("div", { className: "my-1 max-h-[125px] space-y-1 overflow-y-auto", children: i.map((e, o) => /* @__PURE__ */ a(
+        J,
+        {
+          className: "flex h-8 items-center bg-muted/70 px-3 hover:bg-muted",
+          iconClassName: "invisible group-hover:visible",
+          col: e,
+          idx: o
+        },
+        e
+      )) })
+    ] })
+  ] });
+}
+function C(s, t = 30) {
+  return s.length > t ? s.slice(0, t) + "..." : s;
+}
+function J({
+  col: s,
+  idx: t,
+  className: n,
+  iconClassName: l,
+  children: p
+}) {
+  const d = h((r) => {
+    var c;
+    return (c = r.card) == null ? void 0 : c.preferences;
+  }), i = h(
+    (r) => {
+      var c, x;
+      return (x = (c = r.card) == null ? void 0 : c.preferences) == null ? void 0 : x.datasetOptions;
+    }
+  ), f = i == null ? void 0 : i.find((r) => r.idx === t), { setCardPreferences: e } = h((r) => r.actions);
+  function o(r) {
+    if (!f)
+      e({
+        ...d,
+        datasetOptions: [
+          ...i || [],
+          {
+            idx: t,
+            type: r === "area" ? "line" : r,
+            fill: r === "area" ? "origin" : ""
+          }
+        ]
+      });
+    else {
+      const c = { ...f };
+      c.type = r === "area" ? "line" : r, c.fill = r === "area" ? "origin" : "";
+      const x = i == null ? void 0 : i.map(
+        (y) => y.idx === t ? c : y
+      );
+      e({
+        ...d,
+        datasetOptions: x
+      });
+    }
+  }
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: m(
+        "group flex items-center justify-between gap-2 rounded-md",
+        n
+      ),
+      children: [
+        p || /* @__PURE__ */ a(F, { className: "max-w-[100px]", title: s, children: C(s) }),
+        /* @__PURE__ */ u("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ a(
+            z,
+            {
+              onClick: () => o("bar"),
+              className: m(
+                "size-4 cursor-pointer text-muted-foreground hover:text-foreground",
+                l
+              )
+            }
+          ),
+          /* @__PURE__ */ a(
+            S,
+            {
+              onClick: () => o("line"),
+              className: m(
+                "size-4 cursor-pointer text-muted-foreground hover:text-foreground",
+                l
+              )
+            }
+          ),
+          /* @__PURE__ */ a(
+            E,
+            {
+              onClick: () => o("area"),
+              className: m(
+                "size-4 cursor-pointer text-muted-foreground hover:text-foreground",
+                l
+              )
+            }
+          ),
+          /* @__PURE__ */ a(V, { idx: t })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  W as A,
+  J as M,
+  F as O
+};

package/dist/chunks/axis-mapping-Cwa3KrDR.js

@@ -0,0 +1,16 @@
+"use strict";const t=require("react/jsx-runtime"),e=require("./index-Bvtpj-_R.js");require("react");require("react-dom");const j=require("./tag-D9G2kz2B.js");/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const v=e.createLucideIcon("ListEnd",[["path",{d:"M16 12H3",key:"1a2rj7"}],["path",{d:"M16 6H3",key:"1wxfjs"}],["path",{d:"M10 18H3",key:"13769t"}],["path",{d:"M21 6v10a2 2 0 0 1-2 2h-5",key:"ilrcs8"}],["path",{d:"m16 16-2 2 2 2",key:"kkc6pm"}]]);/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const k=e.createLucideIcon("ListStart",[["path",{d:"M16 12H3",key:"1a2rj7"}],["path",{d:"M16 18H3",key:"12xzn7"}],["path",{d:"M10 6H3",key:"lf8lx7"}],["path",{d:"M21 18V8a2 2 0 0 0-2-2h-5",key:"1hghli"}],["path",{d:"m16 8-2-2 2-2",key:"160uvd"}]]);/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const C=e.createLucideIcon("ListX",[["path",{d:"M11 12H3",key:"51ecnj"}],["path",{d:"M16 6H3",key:"1wxfjs"}],["path",{d:"M16 18H3",key:"12xzn7"}],["path",{d:"m19 10-4 4",key:"1tz659"}],["path",{d:"m15 10 4 4",key:"1n7nei"}]]);function N({idx:n}){var x;const r=e.useEditorStore(s=>{var i;return(i=s.card)==null?void 0:i.preferences}),o=e.useEditorStore(s=>{var i;return(i=s.card.preferences)==null?void 0:i.datasetOptions}),p=e.useEditorStore(s=>s.actions.setCardPreferences),u=(x=r==null?void 0:r.chartOptions)==null?void 0:x.indexAxis,l=o==null?void 0:o.find(s=>s.idx===n);function c(s,i){(s==="end"||s==="start")&&e.getContrastColor(e.getCanvasBackgroundColor());const a={display:s!=="none",align:s,anchor:s,clamp:!0};if(!l)p({...r,datasetOptions:[...o||[],{idx:i,datalabels:a}]});else{const d={...l};d.datalabels=a;const h=o==null?void 0:o.map(m=>m.idx===i?d:m);p({...r,datasetOptions:h})}}return t.jsxs(e.Popover,{children:[t.jsx(e.PopoverTrigger,{children:t.jsx(j.Tag,{className:"size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground"})}),t.jsx(e.PopoverContent,{className:"w-fit px-2 py-1",children:t.jsxs("div",{className:"flex gap-1",children:[t.jsx("button",{onClick:()=>c("none",n),className:"h-7 p-1 text-xs font-normal",children:t.jsx(e.X,{className:"size-3.5"})}),t.jsx("button",{onClick:()=>c("start",n),className:"h-7 p-1 text-xs font-normal",children:t.jsx(v,{className:e.cn("h-4 w-4",{"rotate-90":u==="y"})})}),t.jsx("button",{onClick:()=>c("center",n),className:"h-7 p-1 text-xs font-normal",children:t.jsx(C,{className:e.cn("h-4 w-4",{"rotate-90":u==="y"})})}),t.jsx("button",{onClick:()=>c("end",n),className:"h-7 p-1 text-xs font-normal",children:t.jsx(k,{className:e.cn("h-4 w-4",{"rotate-90":u==="y"})})})]})})]})}function M(){const n=e.useEditorStore(l=>l.card),{data:r}=e.useDashboardCardQuery(n),{keys:o}=e.getKeys((r==null?void 0:r.records)||[]),p=o.slice(1).filter(l=>!e.METADATA_KEYS.includes(l));let u=p;if(["stackedBar","stackedLine"].includes(n.type)){const l=e.pivotData({dataArray:(r==null?void 0:r.records)||[],groupKey:o[0],pivotKey:o[1],valueKey:o[2]}),{keys:c}=e.getKeys(l);u=c.slice(1)}return{transformedMetricKeys:u,dimensionKeys:o.slice(0,1),keys:o,defaultMetricKeys:p}}function f({children:n,className:r,delayDuration:o}){return t.jsx(e.TooltipProvider,{children:t.jsxs(e.Tooltip,{delayDuration:o,children:[t.jsx(e.TooltipTrigger,{asChild:!0,children:t.jsx("span",{className:e.cn("overflow-hidden text-ellipsis whitespace-nowrap",r),children:n})}),t.jsx(e.TooltipContent,{children:n})]})})}function b(){const n=e.useEditorStore(s=>s.card),r=e.useEditorStore(s=>{var i,a,d;return(d=(a=(i=s==null?void 0:s.card)==null?void 0:i.preferences)==null?void 0:a.chartOptions)==null?void 0:d.indexAxis}),{data:o}=e.useDashboardCardQuery(n),p=r==="y"?"Metric":"Dimension",u=r==="y"?"Dimension":"Metric",{dimensionKeys:l,transformedMetricKeys:c,keys:x}=M();return x.length===0?null:t.jsxs("div",{className:"space-y-4",children:[t.jsxs("div",{className:"space-y-2",children:[t.jsx(e.Label,{children:p}),t.jsx("div",{className:"max-h-[125px] space-y-1 overflow-y-auto",children:l.map(s=>t.jsx("p",{className:"flex h-8 items-center rounded-md bg-muted/70 px-3 hover:bg-muted",title:s,children:y(s)},s))})]}),t.jsxs("div",{className:"space-y-2",children:[t.jsx(e.Label,{children:u}),t.jsx("div",{className:"my-1 max-h-[125px] space-y-1 overflow-y-auto",children:c.map((s,i)=>t.jsx(g,{className:"flex h-8 items-center bg-muted/70 px-3 hover:bg-muted",iconClassName:"invisible group-hover:visible",col:s,idx:i},s))})]})]})}function y(n,r=30){return n.length>r?n.slice(0,r)+"...":n}function g({col:n,idx:r,className:o,iconClassName:p,children:u}){const l=e.useEditorStore(a=>{var d;return(d=a.card)==null?void 0:d.preferences}),c=e.useEditorStore(a=>{var d,h;return(h=(d=a.card)==null?void 0:d.preferences)==null?void 0:h.datasetOptions}),x=c==null?void 0:c.find(a=>a.idx===r),{setCardPreferences:s}=e.useEditorStore(a=>a.actions);function i(a){if(!x)s({...l,datasetOptions:[...c||[],{idx:r,type:a==="area"?"line":a,fill:a==="area"?"origin":""}]});else{const d={...x};d.type=a==="area"?"line":a,d.fill=a==="area"?"origin":"";const h=c==null?void 0:c.map(m=>m.idx===r?d:m);s({...l,datasetOptions:h})}}return t.jsxs("div",{className:e.cn("group flex items-center justify-between gap-2 rounded-md",o),children:[u||t.jsx(f,{className:"max-w-[100px]",title:n,children:y(n)}),t.jsxs("div",{className:"flex gap-2",children:[t.jsx(e.ChartColumnIncreasing,{onClick:()=>i("bar"),className:e.cn("size-4 cursor-pointer text-muted-foreground hover:text-foreground",p)}),t.jsx(e.ChartLine,{onClick:()=>i("line"),className:e.cn("size-4 cursor-pointer text-muted-foreground hover:text-foreground",p)}),t.jsx(e.ChartArea,{onClick:()=>i("area"),className:e.cn("size-4 cursor-pointer text-muted-foreground hover:text-foreground",p)}),t.jsx(N,{idx:r})]})]})}exports.AxisMapping=b;exports.MetricFragment=g;exports.OverflowSpan=f;

package/dist/chunks/bar-chart-settings-B_WyC-7g.js

@@ -0,0 +1,52 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { memo as c } from "react";
+import { A as n, a, b as r, t as o, c as t } from "./index--MUeDITx.js";
+import { F as m } from "./filter-on-click-columns-BJUGTE6W.js";
+import { A as d } from "./axis-mapping-8ZVwlkl6.js";
+import { F as h } from "./frame-filters-DFgqSoV2.js";
+function p({
+  cardType: s
+}) {
+  return /* @__PURE__ */ e("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ i(n, { defaultValue: ["item-2"], type: "multiple", children: [
+    /* @__PURE__ */ i(a, { value: "item-1", children: [
+      /* @__PURE__ */ e(r, { children: `${o(s)} Chart` }),
+      /* @__PURE__ */ i(t, { className: "space-y-4 font-mono text-xs", children: [
+        /* @__PURE__ */ e("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT x-axis, y-axis-1, y-axis-2,... FROM table" }),
+        /* @__PURE__ */ i("ul", { className: "ml-6 list-disc text-xs [&>li]:mt-2", children: [
+          /* @__PURE__ */ e("li", { children: "x-axis - category" }),
+          /* @__PURE__ */ e("li", { children: "y-axis1 - number" }),
+          /* @__PURE__ */ e("li", { children: "y-axis2 - number" })
+        ] }),
+        /* @__PURE__ */ i("div", { children: [
+          "See ",
+          /* @__PURE__ */ e(
+            "a",
+            {
+              target: "_blank",
+              onClick: (l) => l.stopPropagation(),
+              className: "text-blue-700",
+              href: "https://docs.semaphor.cloud/docs/charts/bar-line-area",
+              children: "example"
+            }
+          ),
+          " in the docs."
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ i(a, { value: "item-2", children: [
+      /* @__PURE__ */ e(r, { children: "Settings" }),
+      /* @__PURE__ */ e(t, { className: "space-y-4 px-2", children: /* @__PURE__ */ e(d, {}) })
+    ] }),
+    /* @__PURE__ */ i(a, { value: "item-3", children: [
+      /* @__PURE__ */ e(r, { children: "Click Filters" }),
+      /* @__PURE__ */ i(t, { className: "space-y-4 px-2", children: [
+        /* @__PURE__ */ e(m, {}),
+        /* @__PURE__ */ e(h, {})
+      ] })
+    ] })
+  ] }) });
+}
+const b = c(p);
+export {
+  b as default
+};

package/dist/chunks/bar-chart-settings-CvorW7RD.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),s=require("./index-Bvtpj-_R.js"),c=require("./filter-on-click-columns-6dRYhvgz.js"),n=require("./axis-mapping-Cwa3KrDR.js"),l=require("./frame-filters-D9sDN4Vm.js");function a({cardType:i}){return e.jsx("div",{className:"space-y-6 px-6 py-2",children:e.jsxs(s.Accordion,{defaultValue:["item-2"],type:"multiple",children:[e.jsxs(s.AccordionItem,{value:"item-1",children:[e.jsx(s.AccordionTrigger,{children:`${s.titleCase(i)} Chart`}),e.jsxs(s.AccordionContent,{className:"space-y-4 font-mono text-xs",children:[e.jsx("div",{className:"rounded bg-muted px-2 py-1 text-xs",children:"SELECT x-axis, y-axis-1, y-axis-2,... FROM table"}),e.jsxs("ul",{className:"ml-6 list-disc text-xs [&>li]:mt-2",children:[e.jsx("li",{children:"x-axis - category"}),e.jsx("li",{children:"y-axis1 - number"}),e.jsx("li",{children:"y-axis2 - number"})]}),e.jsxs("div",{children:["See ",e.jsx("a",{target:"_blank",onClick:r=>r.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/docs/charts/bar-line-area",children:"example"})," in the docs."]})]})]}),e.jsxs(s.AccordionItem,{value:"item-2",children:[e.jsx(s.AccordionTrigger,{children:"Settings"}),e.jsx(s.AccordionContent,{className:"space-y-4 px-2",children:e.jsx(n.AxisMapping,{})})]}),e.jsxs(s.AccordionItem,{value:"item-3",children:[e.jsx(s.AccordionTrigger,{children:"Click Filters"}),e.jsxs(s.AccordionContent,{className:"space-y-4 px-2",children:[e.jsx(c.FilterOnClickColumns,{}),e.jsx(l.FrameFilters,{})]})]})]})})}const o=t.memo(a);exports.default=o;

package/dist/chunks/bubble-chart-settings-BPtESqYK.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-Bvtpj-_R.js"),c=require("./filter-on-click-columns-6dRYhvgz.js"),n=require("./frame-filters-D9sDN4Vm.js");function a({cardType:i}){function l(r){return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"rounded bg-muted px-2 py-1 text-xs",children:r==="bubble"?"SELECT label, [group], x-axis, y-axis, radius FROM table":"SELECT label, [group], x-axis, y-axis FROM table"}),e.jsxs("ul",{className:"ml-6 list-disc text-xs [&>li]:mt-2",children:[e.jsx("li",{children:"label - category"}),e.jsx("li",{children:"group (optional) - category"}),e.jsx("li",{children:"x-axis - number"}),e.jsx("li",{children:"y-axis - number"}),r==="bubble"&&e.jsx("li",{children:"radius - number"})]}),e.jsxs("div",{children:["See ",e.jsx("a",{target:"_blank",onClick:t=>t.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/docs/charts/bubble",children:"example"})," in the docs."]})]})}return e.jsx("div",{className:"space-y-6 px-6 py-2",children:e.jsxs(s.Accordion,{defaultValue:["item-2"],type:"multiple",children:[e.jsxs(s.AccordionItem,{value:"item-1",children:[e.jsx(s.AccordionTrigger,{children:`${s.titleCase(i)} Chart`}),e.jsx(s.AccordionContent,{className:"space-y-4 font-mono text-xs",children:l(i)})]}),e.jsxs(s.AccordionItem,{value:"item-3",children:[e.jsx(s.AccordionTrigger,{children:"Click Filters"}),e.jsxs(s.AccordionContent,{className:"space-y-4 px-2",children:[e.jsx(c.FilterOnClickColumns,{}),e.jsx(n.FrameFilters,{})]})]})]})})}exports.default=a;

package/dist/chunks/bubble-chart-settings-CxFAlErV.js

@@ -0,0 +1,50 @@
+import { jsx as e, jsxs as l, Fragment as o } from "react/jsx-runtime";
+import { A as d, a as t, b as a, t as u, c as s } from "./index--MUeDITx.js";
+import { F as m } from "./filter-on-click-columns-BJUGTE6W.js";
+import { F as b } from "./frame-filters-DFgqSoV2.js";
+function C({
+  cardType: r
+}) {
+  function c(i) {
+    return /* @__PURE__ */ l(o, { children: [
+      /* @__PURE__ */ e("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: i === "bubble" ? "SELECT label, [group], x-axis, y-axis, radius FROM table" : "SELECT label, [group], x-axis, y-axis FROM table" }),
+      /* @__PURE__ */ l("ul", { className: "ml-6 list-disc text-xs [&>li]:mt-2", children: [
+        /* @__PURE__ */ e("li", { children: "label - category" }),
+        /* @__PURE__ */ e("li", { children: "group (optional) - category" }),
+        /* @__PURE__ */ e("li", { children: "x-axis - number" }),
+        /* @__PURE__ */ e("li", { children: "y-axis - number" }),
+        i === "bubble" && /* @__PURE__ */ e("li", { children: "radius - number" })
+      ] }),
+      /* @__PURE__ */ l("div", { children: [
+        "See ",
+        /* @__PURE__ */ e(
+          "a",
+          {
+            target: "_blank",
+            onClick: (n) => n.stopPropagation(),
+            className: "text-blue-700",
+            href: "https://docs.semaphor.cloud/docs/charts/bubble",
+            children: "example"
+          }
+        ),
+        " in the docs."
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ e("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ l(d, { defaultValue: ["item-2"], type: "multiple", children: [
+    /* @__PURE__ */ l(t, { value: "item-1", children: [
+      /* @__PURE__ */ e(a, { children: `${u(r)} Chart` }),
+      /* @__PURE__ */ e(s, { className: "space-y-4 font-mono text-xs", children: c(r) })
+    ] }),
+    /* @__PURE__ */ l(t, { value: "item-3", children: [
+      /* @__PURE__ */ e(a, { children: "Click Filters" }),
+      /* @__PURE__ */ l(s, { className: "space-y-4 px-2", children: [
+        /* @__PURE__ */ e(m, {}),
+        /* @__PURE__ */ e(b, {})
+      ] })
+    ] })
+  ] }) });
+}
+export {
+  C as default
+};

package/dist/chunks/common-chart-settings-CvRrQf-H.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-Bvtpj-_R.js"),r=require("./display-labels-BYsRReye.js"),n=require("./filter-on-click-columns-6dRYhvgz.js"),t=require("./frame-filters-D9sDN4Vm.js"),a={datasets:[{type:"line",label:"Sum_sales",data:[]},{type:"bar",label:"Sum_profit",data:[]}]},c={datasets:[{fill:"origin",type:"line",label:"Sum_sales",data:[]}]};function o(){const i=s.useEditorStore(l=>l.card.type);return e.jsxs("div",{className:"space-y-6 p-6",children:[e.jsx(s.Accordion,{className:" ",type:"single",collapsible:!0,children:d(i)}),!["kpi"].includes(i)&&e.jsxs("div",{className:"space-y-4",children:[e.jsx(r.DisplayLabels,{}),e.jsx(n.FilterOnClickColumns,{}),e.jsx(t.FrameFilters,{})]})]})}function d(i){if(["line","bar"].includes(i))return e.jsxs(e.Fragment,{children:[e.jsxs(s.AccordionItem,{value:"item-1",children:[e.jsx(s.AccordionTrigger,{className:"font-normal",children:e.jsx("p",{children:"Chart Query"})}),e.jsxs(s.AccordionContent,{className:" ",children:[e.jsx("div",{className:"rounded bg-muted px-2 py-1 font-mono text-xs font-semibold",children:"SELECT x-axis, y-axis-1, y-axis-2, y-axis-3,... FROM table"}),e.jsxs("ul",{className:"my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2",children:[e.jsx("li",{children:"X-axis - Category (ex. city)"}),e.jsx("li",{children:"Y-axis - Number (ex. population)"})]})]})]}),e.jsxs(s.AccordionItem,{value:"item-2",children:[e.jsx(s.AccordionTrigger,{className:"font-normal",children:"Mixed Chart"}),e.jsxs(s.AccordionContent,{className:"space-y-2 text-xs",children:[e.jsxs("p",{children:["Click ",e.jsx("b",{children:"Customize"})," and change the `type` property in the dataset."]}),e.jsx("pre",{children:JSON.stringify(a,null,2)})]})]}),e.jsxs(s.AccordionItem,{value:"item-3",children:[e.jsx(s.AccordionTrigger,{className:"font-normal",children:"Area Chart"}),e.jsxs(s.AccordionContent,{className:"space-y-2 text-xs",children:[e.jsxs("p",{children:["Click ",e.jsx("b",{children:"Customize"})," and add `fill` property to the dataset. See",e.jsx("a",{className:"mx-1 text-blue-500 hover:underline",href:"https://www.chartjs.org/docs/latest/samples/area/line-boundaries.html",target:"_blank",children:"docs"}),"for more options."]}),e.jsx("pre",{children:JSON.stringify(c,null,2)})]})]})]});if(i==="bubble")return e.jsx(e.Fragment,{children:e.jsxs(s.AccordionItem,{value:"item-1",children:[e.jsx(s.AccordionTrigger,{className:"font-normal",children:e.jsxs("p",{children:["How to create a ",e.jsx("span",{children:i})," chart query?"]})}),e.jsxs(s.AccordionContent,{className:" ",children:[e.jsx("div",{className:"rounded bg-muted px-2 py-1 font-mono text-xs font-semibold",children:"SELECT label, x-axis, y-axis, radius FROM table"}),e.jsxs("ul",{className:"my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2",children:[e.jsx("li",{children:"Label - Category (ex. city)"}),e.jsx("li",{children:"Bubble Group (opt) - Category (ex. state)"}),e.jsx("li",{children:"X-axis - Number (ex. avg. age)"}),e.jsx("li",{children:"Y-axis - Number (ex. avg. weight)"}),e.jsx("li",{children:"Radius - Number (ex. population)"})]})]})]})});if(i==="scatter")return e.jsx(e.Fragment,{children:e.jsxs(s.AccordionItem,{value:"item-1",children:[e.jsx(s.AccordionTrigger,{className:"font-normal",children:e.jsxs("p",{children:["How to create a ",e.jsx("span",{children:i})," chart query?"]})}),e.jsxs(s.AccordionContent,{className:" ",children:[e.jsx("div",{className:"rounded bg-muted px-2 py-1 font-mono text-xs font-semibold",children:"SELECT label, x-axis, y-axis FROM table"}),e.jsxs("ul",{className:"my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2",children:[e.jsx("li",{children:"Label - Category (ex. city)"}),e.jsx("li",{children:"Group (opt) - Category (ex. state)"}),e.jsx("li",{children:"X-axis - Number (ex. avg. age)"}),e.jsx("li",{children:"Y-axis - Number (ex. avg. weight)"})]})]})]})});if(["pie","doughnut","polarArea","funnel"].includes(i))return e.jsx(e.Fragment,{children:e.jsxs(s.AccordionItem,{value:"item-1",children:[e.jsx(s.AccordionTrigger,{className:"font-normal",children:e.jsxs("p",{children:[e.jsx("span",{children:i==="polarArea"?"Polar":i.charAt(0).toUpperCase()+i.slice(1)})," ","chart query"]})}),e.jsxs(s.AccordionContent,{className:" ",children:[e.jsx("div",{className:"rounded bg-muted px-2 py-1 font-mono text-xs font-semibold",children:"SELECT label, measure FROM table"}),e.jsxs("ul",{className:"my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2",children:[e.jsx("li",{children:"Label - Category (ex. city)"}),e.jsx("li",{children:"Measure - Number (ex. population)"})]})]})]})})}exports.default=o;

package/dist/chunks/common-chart-settings-D3ww0Xtx.js

@@ -0,0 +1,147 @@
+import { jsxs as l, jsx as e, Fragment as n } from "react/jsx-runtime";
+import { u as c, A as o, a as i, b as r, c as t } from "./index--MUeDITx.js";
+import { D as d } from "./display-labels-C_jsL0Jo.js";
+import { F as m } from "./filter-on-click-columns-BJUGTE6W.js";
+import { F as h } from "./frame-filters-DFgqSoV2.js";
+const u = {
+  datasets: [
+    {
+      type: "line",
+      label: "Sum_sales",
+      data: []
+    },
+    {
+      type: "bar",
+      label: "Sum_profit",
+      data: []
+    }
+  ]
+}, x = {
+  datasets: [
+    {
+      fill: "origin",
+      type: "line",
+      label: "Sum_sales",
+      data: []
+    }
+  ]
+};
+function C() {
+  const a = c((s) => s.card.type);
+  return /* @__PURE__ */ l("div", { className: "space-y-6 p-6", children: [
+    /* @__PURE__ */ e(
+      o,
+      {
+        className: " ",
+        type: "single",
+        collapsible: !0,
+        children: p(a)
+      }
+    ),
+    !["kpi"].includes(a) && /* @__PURE__ */ l("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ e(d, {}),
+      /* @__PURE__ */ e(m, {}),
+      /* @__PURE__ */ e(h, {})
+    ] })
+  ] });
+}
+function p(a) {
+  if (["line", "bar"].includes(a))
+    return /* @__PURE__ */ l(n, { children: [
+      /* @__PURE__ */ l(i, { value: "item-1", children: [
+        /* @__PURE__ */ e(r, { className: "font-normal", children: /* @__PURE__ */ e("p", { children: "Chart Query" }) }),
+        /* @__PURE__ */ l(t, { className: " ", children: [
+          /* @__PURE__ */ e("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs font-semibold", children: "SELECT x-axis, y-axis-1, y-axis-2, y-axis-3,... FROM table" }),
+          /* @__PURE__ */ l("ul", { className: "my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2", children: [
+            /* @__PURE__ */ e("li", { children: "X-axis - Category (ex. city)" }),
+            /* @__PURE__ */ e("li", { children: "Y-axis - Number (ex. population)" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ l(i, { value: "item-2", children: [
+        /* @__PURE__ */ e(r, { className: "font-normal", children: "Mixed Chart" }),
+        /* @__PURE__ */ l(t, { className: "space-y-2 text-xs", children: [
+          /* @__PURE__ */ l("p", { children: [
+            "Click ",
+            /* @__PURE__ */ e("b", { children: "Customize" }),
+            " and change the `type` property in the dataset."
+          ] }),
+          /* @__PURE__ */ e("pre", { children: JSON.stringify(u, null, 2) })
+        ] })
+      ] }),
+      /* @__PURE__ */ l(i, { value: "item-3", children: [
+        /* @__PURE__ */ e(r, { className: "font-normal", children: "Area Chart" }),
+        /* @__PURE__ */ l(t, { className: "space-y-2 text-xs", children: [
+          /* @__PURE__ */ l("p", { children: [
+            "Click ",
+            /* @__PURE__ */ e("b", { children: "Customize" }),
+            " and add `fill` property to the dataset. See",
+            /* @__PURE__ */ e(
+              "a",
+              {
+                className: "mx-1 text-blue-500 hover:underline",
+                href: "https://www.chartjs.org/docs/latest/samples/area/line-boundaries.html",
+                target: "_blank",
+                children: "docs"
+              }
+            ),
+            "for more options."
+          ] }),
+          /* @__PURE__ */ e("pre", { children: JSON.stringify(x, null, 2) })
+        ] })
+      ] })
+    ] });
+  if (a === "bubble")
+    return /* @__PURE__ */ e(n, { children: /* @__PURE__ */ l(i, { value: "item-1", children: [
+      /* @__PURE__ */ e(r, { className: "font-normal", children: /* @__PURE__ */ l("p", { children: [
+        "How to create a ",
+        /* @__PURE__ */ e("span", { children: a }),
+        " chart query?"
+      ] }) }),
+      /* @__PURE__ */ l(t, { className: " ", children: [
+        /* @__PURE__ */ e("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs font-semibold", children: "SELECT label, x-axis, y-axis, radius FROM table" }),
+        /* @__PURE__ */ l("ul", { className: "my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2", children: [
+          /* @__PURE__ */ e("li", { children: "Label - Category (ex. city)" }),
+          /* @__PURE__ */ e("li", { children: "Bubble Group (opt) - Category (ex. state)" }),
+          /* @__PURE__ */ e("li", { children: "X-axis - Number (ex. avg. age)" }),
+          /* @__PURE__ */ e("li", { children: "Y-axis - Number (ex. avg. weight)" }),
+          /* @__PURE__ */ e("li", { children: "Radius - Number (ex. population)" })
+        ] })
+      ] })
+    ] }) });
+  if (a === "scatter")
+    return /* @__PURE__ */ e(n, { children: /* @__PURE__ */ l(i, { value: "item-1", children: [
+      /* @__PURE__ */ e(r, { className: "font-normal", children: /* @__PURE__ */ l("p", { children: [
+        "How to create a ",
+        /* @__PURE__ */ e("span", { children: a }),
+        " chart query?"
+      ] }) }),
+      /* @__PURE__ */ l(t, { className: " ", children: [
+        /* @__PURE__ */ e("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs font-semibold", children: "SELECT label, x-axis, y-axis FROM table" }),
+        /* @__PURE__ */ l("ul", { className: "my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2", children: [
+          /* @__PURE__ */ e("li", { children: "Label - Category (ex. city)" }),
+          /* @__PURE__ */ e("li", { children: "Group (opt) - Category (ex. state)" }),
+          /* @__PURE__ */ e("li", { children: "X-axis - Number (ex. avg. age)" }),
+          /* @__PURE__ */ e("li", { children: "Y-axis - Number (ex. avg. weight)" })
+        ] })
+      ] })
+    ] }) });
+  if (["pie", "doughnut", "polarArea", "funnel"].includes(a))
+    return /* @__PURE__ */ e(n, { children: /* @__PURE__ */ l(i, { value: "item-1", children: [
+      /* @__PURE__ */ e(r, { className: "font-normal", children: /* @__PURE__ */ l("p", { children: [
+        /* @__PURE__ */ e("span", { children: a === "polarArea" ? "Polar" : a.charAt(0).toUpperCase() + a.slice(1) }),
+        " ",
+        "chart query"
+      ] }) }),
+      /* @__PURE__ */ l(t, { className: " ", children: [
+        /* @__PURE__ */ e("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs font-semibold", children: "SELECT label, measure FROM table" }),
+        /* @__PURE__ */ l("ul", { className: "my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2", children: [
+          /* @__PURE__ */ e("li", { children: "Label - Category (ex. city)" }),
+          /* @__PURE__ */ e("li", { children: "Measure - Number (ex. population)" })
+        ] })
+      ] })
+    ] }) });
+}
+export {
+  C as default
+};

package/dist/chunks/custom-visual-settings-DXWyN2Dr.js

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),e=require("./index-Bvtpj-_R.js"),h=require("./reusable-select-CVRzPWkg.js"),R=require("./use-plugin-query-JdHNPYZS.js");/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const q=e.createLucideIcon("Blocks",[["rect",{width:"7",height:"7",x:"14",y:"3",rx:"1",key:"6d4xhi"}],["path",{d:"M10 21V8a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1H3",key:"1fpvtg"}]]);/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const L=e.createLucideIcon("Component",[["path",{d:"M15.536 11.293a1 1 0 0 0 0 1.414l2.376 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z",key:"1uwlt4"}],["path",{d:"M2.297 11.293a1 1 0 0 0 0 1.414l2.377 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414L6.088 8.916a1 1 0 0 0-1.414 0z",key:"10291m"}],["path",{d:"M8.916 17.912a1 1 0 0 0 0 1.415l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.415l-2.377-2.376a1 1 0 0 0-1.414 0z",key:"1tqoq1"}],["path",{d:"M8.916 4.674a1 1 0 0 0 0 1.414l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z",key:"1x6lto"}]]);function f(){var N,y;const l=e.useEditorStore(a=>a.card.customCardPreferences),{data:r}=R.usePluginQuery(),I=(r==null?void 0:r.plugins)||[],x=e.useEditorStore(a=>a.card),j=e.useEditorStore(a=>a.frame),v=(l==null?void 0:l.visualType)||"single",{setCustomCardPreferences:c}=e.useEditorActions(),{components:g,manifest:m}=e.useCustomVisual((l==null?void 0:l.url)||""),d=(N=m==null?void 0:m.visuals)==null?void 0:N.find(a=>a.name===(l==null?void 0:l.componentName));function S(a,i){if(!l)return;const t={...(l==null?void 0:l.dataInputCardIds)||{},[a]:{cardId:i,hookRef:null}};c({...l,dataInputCardIds:t})}function T(a){var o,t;const i=(o=j==null?void 0:j.cards)==null?void 0:o.filter(n=>{var u;return((u=n==null?void 0:n.customCardPreferences)==null?void 0:u.visualType)!=="multiple"}).map(n=>({value:n.id,label:n.tabTitle||n.title}));return s.jsx("div",{className:"space-y-2",children:(t=a==null?void 0:a.dataInputs)==null?void 0:t.map((n,u)=>{var p,b;return s.jsxs("div",{className:"grid grid-cols-10 gap-2",children:[s.jsx("div",{className:"col-span-4 flex items-center",children:n}),s.jsx(h.ReusableSelect,{className:"col-span-6 h-8 w-full justify-between",label:"",options:i||[],value:((b=(p=l==null?void 0:l.dataInputCardIds)==null?void 0:p[u])==null?void 0:b.cardId)||"",onValueChange:A=>S(u,A)})]},u+Math.random())})})}function w(a,i,o=[],t=""){var n,u;return l?a==="input"?s.jsx(e.Input,{className:`h-8 w-full ${e.removeRing}`,value:((n=l==null?void 0:l.settings)==null?void 0:n[i])||t,onChange:p=>{c({...l,settings:{...l==null?void 0:l.settings,[i]:p.target.value}})}},i):a==="select"?s.jsx(h.ReusableSelect,{className:"h-8 w-full",label:"",options:o,value:((u=l==null?void 0:l.settings)==null?void 0:u[i])||t,onValueChange:p=>{c({...l,settings:{...l==null?void 0:l.settings,[i]:p}})}}):null:null}function V(a){const i=Object.entries((a==null?void 0:a.settings)||{});return s.jsx("div",{className:"space-y-3",children:i.map(([o,t])=>s.jsxs("div",{className:"space-y-1",children:[s.jsx(e.Label,{children:t.title}),w(t.ui,o,t.options,t.defaultValue)]},o))})}function M(a){l&&c({...l,visualType:a,componentName:""})}return s.jsxs(e.Accordion,{type:"multiple",defaultValue:["component-settings"],className:"px-6 py-2",children:[s.jsxs(e.AccordionItem,{value:"plugin-settings",children:[s.jsx(e.AccordionTrigger,{children:"Plugin"}),s.jsx(e.AccordionContent,{children:s.jsxs("div",{className:"space-y-4 text-sm",children:[s.jsx("div",{className:"space-y-2",children:s.jsxs("div",{className:"space-y-4",children:[s.jsx(h.ReusableSelect,{icon:s.jsx(q,{className:"h-3.5 w-3.5"}),className:"h-9 w-full",label:"Select Plugin",options:I,value:(l==null?void 0:l.url)||"",onValueChange:a=>c({...l||{url:"",componentName:""},url:a})}),((l==null?void 0:l.type)==="component"||(l==null?void 0:l.type)===void 0)&&s.jsx(e.Tabs,{value:v,onValueChange:M,children:s.jsxs(e.TabsList,{className:"h-9 w-full",children:[s.jsx(e.TabsTrigger,{className:"h-7 w-full",value:"single",children:"Single Visual"}),s.jsx(e.TabsTrigger,{className:"h-7 w-full",value:"multiple",children:"Multi-Visual"})]})})]})}),((l==null?void 0:l.type)==="component"||(l==null?void 0:l.type)===void 0)&&l&&s.jsx(s.Fragment,{children:g&&s.jsx(h.ReusableSelect,{icon:s.jsx(L,{className:"h-3.5 w-3.5"}),className:"h-9 w-full",label:"Select Component",options:(g==null?void 0:g.filter(a=>a.type===v).map(a=>({value:a.name,label:a.name})))||[],value:l.componentName,onValueChange:a=>{console.log("changing value",a),c({...l,componentName:a})}})})]})})]}),((y=x==null?void 0:x.customCardPreferences)==null?void 0:y.componentName)&&s.jsxs(e.AccordionItem,{className:"border-none",value:"component-settings",children:[s.jsx(e.AccordionTrigger,{children:"Settings"}),s.jsxs(e.AccordionContent,{children:[d&&d.dataInputs&&s.jsxs("div",{className:"space-y-3",children:[s.jsx(e.Label,{children:"Input Mapping"}),s.jsx("div",{className:"px-2",children:T(d)})]}),d&&d.settings&&s.jsx("div",{className:"space-y-3",children:s.jsx("div",{className:"px-2",children:V(d)})})]})]})]})}exports.CustomVisualSettings=f;