@luzmo/analytics-components-kit 1.0.1-alpha.25 → 1.0.1-alpha.27

package/components/utils.js

@@ -17,76 +17,494 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { d as j } from "./decompose-numeric-format-BuZcjH2k.js";
-import { f as E } from "./formatter-CQDms6fU.js";
-import { l as N } from "./localize-BX7q0S0M.js";
-import { s as C } from "./index-BEAYzHcY.js";
-function g(t) {
-  var a, m, h, x;
-  const c = [], f = [];
-  Object.keys(C).forEach((e) => {
+import { d as L } from "./decompose-numeric-format-BuZcjH2k.js";
+import { f as R } from "./formatter-CQDms6fU.js";
+import { l as j } from "./localize-BX7q0S0M.js";
+import { s as B } from "./index-BEAYzHcY.js";
+function z(n) {
+  var u, y, F, C;
+  const r = [], d = [];
+  Object.keys(B).forEach((e) => {
     e.replace("SlotsConfig", "");
     const o = e.replace("SlotsConfig", "").replaceAll(/([A-Z])/g, "-$1").toLowerCase();
-    f.push({
+    d.push({
       type: o,
-      slotsConfig: C[e]
+      slotsConfig: B[e]
     });
   });
-  const r = f.find(
-    (e) => e.type === (t == null ? void 0 : t.oldItemType)
-  ), n = f.find(
-    (e) => e.type === (t == null ? void 0 : t.newItemType)
-  ), s = structuredClone((n == null ? void 0 : n.slotsConfig) ?? []);
-  if (!n)
+  const f = d.find(
+    (e) => e.type === (n == null ? void 0 : n.oldItemType)
+  ), i = d.find(
+    (e) => e.type === (n == null ? void 0 : n.newItemType)
+  ), l = structuredClone((i == null ? void 0 : i.slotsConfig) ?? []);
+  if (!i)
     return {
-      type: (r == null ? void 0 : r.type) ?? "bar-chart",
-      slots: t.slots ?? []
+      type: (f == null ? void 0 : f.type) ?? "bar-chart",
+      slots: n.slots ?? []
     };
-  const i = structuredClone(t.slots ?? []);
-  for (const e of i) {
-    const o = r == null ? void 0 : r.slotsConfig.find(
-      (T) => T.name === e.name
+  const s = structuredClone(n.slots ?? []);
+  for (const e of s) {
+    const o = f == null ? void 0 : f.slotsConfig.find(
+      (w) => w.name === e.name
     );
     e.type = (o == null ? void 0 : o.type) ?? (e == null ? void 0 : e.type);
   }
-  const y = i.filter((e) => e.type === "mixed").sort((e, o) => e.order - o.order), u = s.filter((e) => e.type === "mixed").sort((e, o) => e.order - o.order), S = i.filter((e) => e.type === "numeric").sort((e, o) => e.order - o.order), O = s.filter((e) => e.type === "numeric").sort((e, o) => e.order - o.order), l = [];
-  for (const e of S)
+  const p = s.filter((e) => e.type === "mixed").sort((e, o) => e.order - o.order), m = l.filter((e) => e.type === "mixed").sort((e, o) => e.order - o.order), k = s.filter((e) => e.type === "numeric").sort((e, o) => e.order - o.order), x = l.filter((e) => e.type === "numeric").sort((e, o) => e.order - o.order), c = [];
+  for (const e of k)
     for (const o of e.content)
-      o.key = "old-measure-" + (e == null ? void 0 : e.name) + "-" + e.content.indexOf(o), l.push(o);
-  for (const e of y)
+      o.key = "old-measure-" + (e == null ? void 0 : e.name) + "-" + e.content.indexOf(o), c.push(o);
+  for (const e of p)
     for (const o of e.content)
-      o.type === "numeric" && (o.key = "old-mixed-" + (e == null ? void 0 : e.name) + "-" + e.content.indexOf(o), l.push(o));
-  const k = [...O, ...u].sort(
-    (e, o) => s.indexOf(e) - s.indexOf(o)
+      o.type === "numeric" && (o.key = "old-mixed-" + (e == null ? void 0 : e.name) + "-" + e.content.indexOf(o), c.push(o));
+  const S = [...x, ...m].sort(
+    (e, o) => l.indexOf(e) - l.indexOf(o)
   );
-  for (const e of l)
-    for (const o of k)
-      c.includes(e.key) || (o.content = (o == null ? void 0 : o.content) ?? [], (((a = o == null ? void 0 : o.content) == null ? void 0 : a.length) === 0 || ((m = o == null ? void 0 : o.content) == null ? void 0 : m.length) > 0 && (o == null ? void 0 : o.canAcceptMultipleColumns) === !0) && (o.content.push(e), c.push(e.key)));
-  const w = i.filter((e) => e.type === "categorical").sort((e, o) => e.order - o.order), M = s.filter((e) => e.type === "categorical").sort((e, o) => e.order - o.order), p = [];
-  for (const e of w)
-    for (const o of e.content)
-      o.key = "old-dimension-" + (e == null ? void 0 : e.name) + "-" + e.content.indexOf(o), p.push(o);
-  for (const e of y)
+  for (const e of c)
+    for (const o of S)
+      r.includes(e.key) || (o.content = (o == null ? void 0 : o.content) ?? [], (((u = o == null ? void 0 : o.content) == null ? void 0 : u.length) === 0 || ((y = o == null ? void 0 : o.content) == null ? void 0 : y.length) > 0 && (o == null ? void 0 : o.canAcceptMultipleColumns) === !0) && (o.content.push(e), r.push(e.key)));
+  const h = s.filter((e) => e.type === "categorical").sort((e, o) => e.order - o.order), D = l.filter((e) => e.type === "categorical").sort((e, o) => e.order - o.order), b = [];
+  for (const e of h)
     for (const o of e.content)
-      o.type !== "numeric" && (o.key = "old-mixed-" + (e == null ? void 0 : e.name) + "-" + e.content.indexOf(o), p.push(o));
-  const A = [
-    ...M,
-    ...u
-  ].sort((e, o) => s.indexOf(e) - s.indexOf(o));
+      o.key = "old-dimension-" + (e == null ? void 0 : e.name) + "-" + e.content.indexOf(o), b.push(o);
   for (const e of p)
-    if (!c.includes(e.key))
-      for (const o of A)
-        o && !c.includes(e.key) && (o.content = (o == null ? void 0 : o.content) ?? [], (((h = o == null ? void 0 : o.content) == null ? void 0 : h.length) === 0 || ((x = o == null ? void 0 : o.content) == null ? void 0 : x.length) > 0 && (o == null ? void 0 : o.canAcceptMultipleColumns) === !0) && (o.content.push(e), c.push(e.key)));
-  let d = { ...t.options };
-  return n.setInitialOptions && (d = n == null ? void 0 : n.setInitialOptions({ ...d })), {
-    type: n.type ?? "bar-chart",
-    slots: s.map((e) => ({ name: e.name, content: e.content ?? [] })) ?? [],
-    options: d ?? { ...t.options }
+    for (const o of e.content)
+      o.type !== "numeric" && (o.key = "old-mixed-" + (e == null ? void 0 : e.name) + "-" + e.content.indexOf(o), b.push(o));
+  const E = [
+    ...D,
+    ...m
+  ].sort((e, o) => l.indexOf(e) - l.indexOf(o));
+  for (const e of b)
+    if (!r.includes(e.key))
+      for (const o of E)
+        o && !r.includes(e.key) && (o.content = (o == null ? void 0 : o.content) ?? [], (((F = o == null ? void 0 : o.content) == null ? void 0 : F.length) === 0 || ((C = o == null ? void 0 : o.content) == null ? void 0 : C.length) > 0 && (o == null ? void 0 : o.canAcceptMultipleColumns) === !0) && (o.content.push(e), r.push(e.key)));
+  let g = { ...n.options };
+  return i.setInitialOptions && (g = i == null ? void 0 : i.setInitialOptions({ ...g })), {
+    type: i.type ?? "bar-chart",
+    slots: l.map((e) => ({ name: e.name, content: e.content ?? [] })) ?? [],
+    options: g ?? { ...n.options }
   };
 }
+const t = {
+  type: "platform",
+  background: "rgb(245,245,245)",
+  itemsBackground: "rgb(255,255,255)",
+  boxShadow: { size: "none", color: "rgb(0, 0, 0)" },
+  title: {
+    align: "left",
+    bold: !1,
+    italic: !1,
+    underline: !1,
+    border: !1
+  },
+  font: {
+    fontFamily: "Lato",
+    "font-style": "normal",
+    "font-weight": 400,
+    fontSize: 15
+  },
+  colors: [
+    "rgb(68,52,255)",
+    "rgb(143,133,255)",
+    "rgb(218,214,255)",
+    "rgb(191,5,184)",
+    "rgb(217,105,212)",
+    "rgb(242,205,241)",
+    "rgb(248,194,12)",
+    "rgb(251,218,109)",
+    "rgb(254,243,206)",
+    "rgb(9,203,120)",
+    "rgb(107,224,174)",
+    "rgb(206,245,228)",
+    "rgb(122,112,112)",
+    "rgb(175,169,169)",
+    "rgb(228,226,226)"
+  ],
+  borders: {
+    "border-color": "rgba(216,216,216,1)",
+    "border-style": "none",
+    "border-radius": "12px",
+    "border-top-width": "0px",
+    "border-left-width": "0px",
+    "border-right-width": "0px",
+    "border-bottom-width": "0px"
+  },
+  margins: [16, 16],
+  mainColor: "rgb(68,52,255)",
+  axis: {},
+  legend: { type: "circle" },
+  tooltip: { background: "rgb(38,38,38)" },
+  itemSpecific: { rounding: 8, padding: 4 }
+}, a = (n, r) => ({
+  "border-color": n,
+  "border-style": "none",
+  "border-radius": r,
+  "border-top-width": "1px",
+  "border-left-width": "1px",
+  "border-right-width": "1px",
+  "border-bottom-width": "1px"
+}), A = {
+  default: { ...t, name: "Default (light)" },
+  default_dark: {
+    ...t,
+    name: "Default (dark)",
+    background: "rgb(61,61,61)",
+    itemsBackground: "rgb(38,38,38)",
+    colors: [
+      "rgb(48,36,179)",
+      "rgb(105,93,255)",
+      "rgb(199,194,255)",
+      "rgb(134,4,129)",
+      "rgb(204,55,198)",
+      "rgb(236,180,234)",
+      "rgb(220,141,0)",
+      "rgb(249,206,61)",
+      "rgb(253,237,182)",
+      "rgb(6,142,84)",
+      "rgb(58,213,147)",
+      "rgb(181,239,215)",
+      "rgb(85,78,78)",
+      "rgb(149,141,141)",
+      "rgb(215,212,212)"
+    ],
+    mainColor: "rgb(123,144,255)",
+    tooltip: { background: "rgb(248,248,248)" }
+  },
+  vivid: {
+    ...t,
+    name: "Vivid",
+    background: "#eef3f6",
+    itemsBackground: "#ffffff",
+    title: {
+      align: "center",
+      bold: !1,
+      italic: !1,
+      underline: !1,
+      border: !0
+    },
+    margins: [12, 12],
+    mainColor: "#5867C3",
+    legend: { type: "normal" },
+    tooltip: {},
+    colors: [
+      "#5867C3",
+      "#00C5DC",
+      "#FF525E",
+      "#FFAA00",
+      "#FFDB03",
+      "#86de40",
+      "#59b339",
+      "#cc27bc",
+      "#ff4aed",
+      "#bfbfbf",
+      "#737373"
+    ],
+    font: { fontFamily: "Open Sans", fontSize: 13 }
+  },
+  seasonal: {
+    ...t,
+    name: "Seasonal",
+    background: "#ffffff",
+    itemsBackground: "#ffffff",
+    title: {
+      align: "center",
+      bold: !1,
+      italic: !1,
+      underline: !1,
+      border: !0
+    },
+    editModeBackground: "#eeeeee",
+    borders: a("rgba(0,0,0,.1)", "8px"),
+    margins: [10, 10],
+    mainColor: "#009788",
+    tooltip: {},
+    colors: [
+      "#009788",
+      "#60cc64",
+      "#CDDC39",
+      "#FFEB3C",
+      "#FEC107",
+      "#FF9700",
+      "#FE5722",
+      "#EA1E63",
+      "#9C28B1",
+      "#673BB7",
+      "#3F51B5",
+      "#2196F3",
+      "#03A9F5",
+      "#00BCD5"
+    ],
+    font: { fontFamily: "Open Sans", fontSize: 13 }
+  },
+  orion: {
+    ...t,
+    name: "Orion's Belt",
+    background: "#00062d",
+    itemsBackground: "#00062d",
+    boxShadow: { size: "L", color: "#64046f" },
+    title: {
+      align: "center",
+      bold: !1,
+      italic: !1,
+      underline: !1,
+      border: !0
+    },
+    borders: a("rgba(0, 0, 0, .1)", "8px"),
+    mainColor: "#d62750",
+    legend: { type: "normal" },
+    colors: [
+      "#880065",
+      "#b3005e",
+      "#d62750",
+      "#ef513e",
+      "#fd7b27",
+      "#ffa600",
+      "#fdae6b"
+    ],
+    font: { fontFamily: "Electrolize", fontSize: 15 }
+  },
+  royale: {
+    ...t,
+    name: "Royale",
+    background: "#0A2747",
+    itemsBackground: "#111e2f",
+    boxShadow: { size: "S", color: "rgb(0,0,0)" },
+    title: {
+      align: "center",
+      bold: !1,
+      italic: !1,
+      underline: !1,
+      border: !0
+    },
+    borders: { "border-radius": "3px" },
+    margins: [10, 10],
+    mainColor: "#f4a92c",
+    legend: { type: "circle" },
+    tooltip: {},
+    colors: [
+      "#feeaa1",
+      "#e6cc85",
+      "#ceaf6a",
+      "#b79350",
+      "#9f7738",
+      "#885d20",
+      "#704308"
+    ],
+    font: { fontFamily: "Exo", fontSize: 13 }
+  },
+  urban: {
+    ...t,
+    name: "Urban",
+    background: "#42403c",
+    itemsBackground: "#e4dbcd",
+    title: {
+      align: "center",
+      bold: !1,
+      italic: !1,
+      underline: !1,
+      border: !0
+    },
+    margins: [5, 5],
+    mainColor: "#33b59e",
+    legend: { type: "circle" },
+    colors: [
+      "#33b59e",
+      "#453d30",
+      "#ffffff",
+      "#237869",
+      "#165e4e",
+      "#b89f76",
+      "#7a6138",
+      "#543c13",
+      "#8a9c98",
+      "#44524f"
+    ],
+    font: { fontFamily: "Open Sans", fontSize: 13 }
+  },
+  pinky: {
+    ...t,
+    name: "Pinky Brains",
+    background: "#0F1E43",
+    itemsBackground: "#1B2A4D",
+    title: {
+      align: "center",
+      bold: !0,
+      italic: !1,
+      underline: !1,
+      border: !0
+    },
+    borders: a("rgba(0, 0, 0, .1)", "3px"),
+    margins: [10, 10],
+    mainColor: "#e84281",
+    legend: { type: "normal" },
+    tooltip: {},
+    colors: [
+      "#e84281",
+      "#d464c2",
+      "#a089f2",
+      "#46a8ff",
+      "#00c0ff",
+      "#00d0e8",
+      "#49dcc9"
+    ],
+    font: { fontFamily: "Capriola", fontSize: 15 }
+  },
+  bliss: {
+    ...t,
+    name: "Bliss",
+    background: "#ffffff",
+    itemsBackground: "#ffffff",
+    boxShadow: { size: "none", color: "rgb(0,0,0)" },
+    title: {
+      align: "center",
+      bold: !1,
+      italic: !1,
+      underline: !1,
+      border: !0
+    },
+    editModeBackground: "#eeeeee",
+    borders: a("rgba(0, 0, 0, .1)", "8px"),
+    margins: [10, 10],
+    mainColor: "#0578ff",
+    axis: {},
+    legend: { type: "normal" },
+    tooltip: {},
+    colors: [
+      "#b8d8ff",
+      "#3ba0ff",
+      "#0044f2",
+      "#1b00ca",
+      "#9114de",
+      "#ce42ff",
+      "#ff19f6",
+      "#ed2bab",
+      "#d8175c",
+      "#ff303d",
+      "#ff6130",
+      "#ff9f30",
+      "#15BF49",
+      "#95E88C"
+    ],
+    font: { fontFamily: "Open Sans", fontSize: 13 }
+  },
+  radiant: {
+    ...t,
+    name: "Radiant",
+    background: "rgba(43,43,56,1)",
+    itemsBackground: "rgba(52,52,69,1)",
+    title: {
+      align: "center",
+      bold: !1,
+      italic: !1,
+      underline: !1,
+      border: !0
+    },
+    borders: a("rgba(255, 255, 255, .08)", "8px"),
+    margins: [14, 14],
+    mainColor: "#00a4eb",
+    legend: { type: "line" },
+    tooltip: {},
+    colors: [
+      "#a6e1ff",
+      "#00a4eb",
+      "#3f3af0",
+      "#9300c7",
+      "#f72f5f",
+      "#f29b50",
+      "#f2d566",
+      "#3ae086",
+      "#c9c9c9",
+      "#7a7a7a"
+    ],
+    font: { fontFamily: "Open Sans", fontSize: 13 }
+  },
+  classic: {
+    ...t,
+    name: "Classic (light)",
+    background: "#F2F2F2",
+    itemsBackground: "#ffffff",
+    title: {
+      align: "center",
+      bold: !1,
+      italic: !1,
+      underline: !1,
+      border: !0
+    },
+    editModeBackground: "#ececec",
+    borders: a("rgba(0, 0, 0, .1)", "3px"),
+    margins: [10, 10],
+    mainColor: "#009dff",
+    legend: { type: "normal" },
+    tooltip: {},
+    colors: [
+      "#0E89E0",
+      "#52B6F0",
+      "#8FD0F1",
+      "#BDDCF9",
+      "#F45000",
+      "#FF8E3B",
+      "#FFB069",
+      "#FFCFA1",
+      "#15BF49",
+      "#60D863",
+      "#95E88C",
+      "#C1F3B7",
+      "#685AC2",
+      "#958FD3",
+      "#B4B6E4",
+      "#D7D7EF",
+      "#636363",
+      "#969696",
+      "#BDBDBD",
+      "#D9D9D9"
+    ],
+    font: { fontFamily: "Open Sans", fontSize: 13 }
+  },
+  classic_dark: {
+    ...t,
+    name: "Classic (dark)",
+    background: "rgb(38,39,50)",
+    itemsBackground: "rgba(52,53,68,1)",
+    title: {
+      align: "center",
+      bold: !1,
+      italic: !1,
+      underline: !1,
+      border: !0
+    },
+    borders: {},
+    margins: [10, 10],
+    mainColor: "#0E89E0",
+    legend: { type: "line" },
+    tooltip: {},
+    colors: [
+      "#0E89E0",
+      "#52B6F0",
+      "#8FD0F1",
+      "#BDDCF9",
+      "#F45000",
+      "#FF8E3B",
+      "#FFB069",
+      "#FFCFA1",
+      "#15BF49",
+      "#60D863",
+      "#95E88C",
+      "#C1F3B7",
+      "#685AC2",
+      "#958FD3",
+      "#B4B6E4",
+      "#D7D7EF",
+      "#636363",
+      "#969696",
+      "#BDBDBD",
+      "#D9D9D9"
+    ],
+    font: { fontFamily: "Open Sans", fontSize: 13 }
+  }
+};
 export {
-  j as decomposeNumericFormat,
-  E as formatter,
-  N as localize,
-  g as switchItem
+  L as decomposeNumericFormat,
+  R as formatter,
+  j as localize,
+  z as switchItem,
+  A as themes
 };

package/custom-elements.json

@@ -1520,7 +1520,7 @@
               "kind": "field",
               "name": "hideDelete",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean | undefined"
               },
               "attribute": "hide-delete",
               "reflects": true
@@ -1529,7 +1529,7 @@
               "kind": "field",
               "name": "hideConfiguration",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean | undefined"
               },
               "attribute": "hide-configuration",
               "reflects": true
@@ -1612,14 +1612,14 @@
             {
               "name": "hide-delete",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean | undefined"
               },
               "fieldName": "hideDelete"
             },
             {
               "name": "hide-configuration",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean | undefined"
               },
               "fieldName": "hideConfiguration"
             },

package/index.d.ts

@@ -22,4 +22,5 @@ export * from './components/edit-option-switch';
 export * from './components/edit-option-text-field';
 export * from './components/slot-menu';
 export * from './components/slot-menu-list';
+export * from './item-definitions/item-list';
 export * from './utils';

package/item-definitions/marker-map/marker-map-options.config.d.ts

@@ -133,7 +133,7 @@ declare const _default: ({
             };
             selects: string;
             toValue: (value: string) => 60 | 30 | 90;
-            parseValue: (value: number) => "M" | "S" | "L";
+            parseValue: (value: number) => "L" | "S" | "M";
         };
     }[];
 })[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luzmo/analytics-components-kit",
-  "version": "1.0.1-alpha.25",
+  "version": "1.0.1-alpha.27",
   "type": "module",
   "main": "./components/index.js",
   "module": "./components/index.js",