@luzmo/analytics-components-kit 1.0.1-alpha.91 → 1.0.1-alpha.96

package/components/utils.js

@@ -17,60 +17,62 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { d as h } from "./index-DNPULp4A.js";
-import { d as F } from "./decompose-numeric-format-BuZcjH2k.js";
-import { f as H } from "./en-D3ihEGXg.js";
-import { l as q } from "./localize-CcDpq940.js";
-import { s as m } from "./index-V1XCZI4y.js";
-import { g as j, s as K } from "./index-CgnTl6Sc.js";
-const f = (r) => !!(r && Object.keys(r).length > 0), I = (r, e, i = {}) => {
-  if (e.hidden === !0 && !i.includeHidden || !e.id || !e.type)
+import { d as x } from "./index-CDi4fe3N.js";
+import { d as j } from "./decompose-numeric-format-BuZcjH2k.js";
+import { f as N } from "./en-BOTjhwEc.js";
+import { l as W } from "./localize-BX7q0S0M.js";
+import { s as A } from "./index-V1XCZI4y.js";
+import { g as $, s as G } from "./index-CgnTl6Sc.js";
+const p = (r) => !!(r && Object.keys(r).length > 0), O = (r, t, i = {}) => {
+  var a;
+  if (t.hidden === !0 && !i.includeHidden || !t.id || !t.type)
     return null;
-  const s = f(e.name) ? e.name : { en: "Untitled" }, n = {
+  const s = p(t.name) ? t.name : { en: "Untitled" }, o = {
     datasetId: r,
-    columnId: e.id,
-    type: e.type,
+    columnId: t.id,
+    type: t.type,
     name: s
   };
-  return e.description && f(e.description) && (n.description = e.description), e.subtype && (n.subtype = e.subtype), e.format && (n.format = e.format), typeof e.lowestLevel == "number" && (n.lowestLevel = e.lowestLevel), e.expression && (n.expression = e.expression), Array.isArray(e.duration_levels) && e.duration_levels.length > 0 && (n.duration_levels = [...e.duration_levels]), e.duration_format && (n.duration_format = e.duration_format), Array.isArray(e.hierarchyLevels) && e.hierarchyLevels.length > 0 && (n.hierarchyLevels = e.hierarchyLevels.map(({ id: c, level: a, name: l }) => ({ id: c, level: a, name: l }))), e.currency?.id && e.currency.symbol && (n.currency = {
-    id: e.currency.id,
-    name: e.currency.name,
-    symbol: e.currency.symbol
-  }), n;
-}, C = (r, e, i = {}) => {
-  if (e.hidden === !0 && !i.includeHidden || !e.id || !e.type)
+  return t.description && p(t.description) && (o.description = t.description), t.subtype && (o.subtype = t.subtype), t.format && (o.format = t.format), typeof t.lowestLevel == "number" && (o.lowestLevel = t.lowestLevel), t.expression && (o.expression = t.expression), Array.isArray(t.duration_levels) && t.duration_levels.length > 0 && (o.duration_levels = [...t.duration_levels]), t.duration_format && (o.duration_format = t.duration_format), Array.isArray(t.hierarchyLevels) && t.hierarchyLevels.length > 0 && (o.hierarchyLevels = t.hierarchyLevels.map(({ id: d, level: f, name: y }) => ({ id: d, level: f, name: y }))), (a = t.currency) != null && a.id && t.currency.symbol && (o.currency = {
+    id: t.currency.id,
+    name: t.currency.name,
+    symbol: t.currency.symbol
+  }), o;
+}, _ = (r, t, i = {}) => {
+  var a;
+  if (t.hidden === !0 && !i.includeHidden || !t.id || !t.type)
     return null;
-  const s = f(e.name) ? e.name : { en: "Untitled" }, n = {
+  const s = p(t.name) ? t.name : { en: "Untitled" }, o = {
     datasetId: r,
-    formulaId: e.id,
-    type: e.type,
+    formulaId: t.id,
+    type: t.type,
     name: s
   };
-  return e.description && f(e.description) && (n.description = e.description), e.subtype && (n.subtype = e.subtype), e.format && (n.format = e.format), typeof e.lowestLevel == "number" && (n.lowestLevel = e.lowestLevel), e.expression && (n.expression = e.expression), Array.isArray(e.duration_levels) && e.duration_levels.length > 0 && (n.duration_levels = [...e.duration_levels]), e.duration_format && (n.duration_format = e.duration_format), e.currency?.id && e.currency.symbol && (n.currency = {
-    id: e.currency.id,
-    name: e.currency.name,
-    symbol: e.currency.symbol
-  }), n;
-}, D = (r, e = {}) => {
-  if (!r?.id)
+  return t.description && p(t.description) && (o.description = t.description), t.subtype && (o.subtype = t.subtype), t.format && (o.format = t.format), typeof t.lowestLevel == "number" && (o.lowestLevel = t.lowestLevel), t.expression && (o.expression = t.expression), Array.isArray(t.duration_levels) && t.duration_levels.length > 0 && (o.duration_levels = [...t.duration_levels]), t.duration_format && (o.duration_format = t.duration_format), (a = t.currency) != null && a.id && t.currency.symbol && (o.currency = {
+    id: t.currency.id,
+    name: t.currency.name,
+    symbol: t.currency.symbol
+  }), o;
+}, E = (r, t = {}) => {
+  if (!(r != null && r.id))
     return [];
   const i = [];
-  return Array.isArray(r.columns) && r.columns.forEach((d) => {
-    const s = I(r.id, d, e);
+  return Array.isArray(r.columns) && r.columns.forEach((c) => {
+    const s = O(r.id, c, t);
     s && i.push(s);
-  }), Array.isArray(r.formulas) && r.formulas.forEach((d) => {
-    const s = C(r.id, d, e);
+  }), Array.isArray(r.formulas) && r.formulas.forEach((c) => {
+    const s = _(r.id, c, t);
     s && i.push(s);
   }), i;
-}, k = (r, e = {}) => r.map((i) => ({
+}, L = (r, t = {}) => r.map((i) => ({
   id: i.id,
   name: i.name,
   description: i.description,
-  dataItems: D(i, e)
-})), _ = async (r, e) => {
+  dataItems: E(i, t)
+})), H = async (r, t) => {
   if (!Array.isArray(r) || r.length === 0)
     throw new Error("At least one dataset ID is required");
-  const { dataBrokerConfig: i } = e;
+  const { dataBrokerConfig: i } = t;
   if (!i)
     throw new Error("dataBrokerConfig is required");
   if (!i.authKey || !i.authToken)
@@ -79,83 +81,84 @@ const f = (r) => !!(r && Object.keys(r).length > 0), I = (r, e, i = {}) => {
     throw new Error("apiUrl is required for DataBroker configuration");
   if (typeof i.apiUrl != "string")
     throw new TypeError("apiUrl must be a valid string");
-  h.configure(i);
+  x.configure(i);
   try {
-    const d = await h.fetchDatasetsWithColumnsAndFormulas(r);
-    return k(d);
-  } catch (d) {
-    throw d instanceof Error && d.message.includes("Authentication failed") ? new Error("Failed to load datasets: Authentication failed. Please verify your API credentials are correct.") : d;
+    const c = await x.fetchDatasetsWithColumnsAndFormulas(r);
+    return L(c);
+  } catch (c) {
+    throw c instanceof Error && c.message.includes("Authentication failed") ? new Error("Failed to load datasets: Authentication failed. Please verify your API credentials are correct.") : c;
   }
 };
-function M(r) {
-  const e = [], i = [];
-  Object.keys(m).forEach((t) => {
-    t.replace("SlotsConfig", "");
-    const o = t.replace("SlotsConfig", "").replaceAll(/([A-Z])/g, "-$1").toLowerCase();
+function U(r) {
+  var m, b, g, w;
+  const t = [], i = [];
+  Object.keys(A).forEach((e) => {
+    e.replace("SlotsConfig", "");
+    const n = e.replace("SlotsConfig", "").replaceAll(/([A-Z])/g, "-$1").toLowerCase();
     i.push({
-      type: o,
-      slotsConfig: m[t]
+      type: n,
+      slotsConfig: A[e]
     });
   });
-  const d = i.find(
-    (t) => t.type === r?.oldItemType
+  const c = i.find(
+    (e) => e.type === (r == null ? void 0 : r.oldItemType)
   ), s = i.find(
-    (t) => t.type === r?.newItemType
-  ), n = structuredClone(s?.slotsConfig ?? []);
+    (e) => e.type === (r == null ? void 0 : r.newItemType)
+  ), o = structuredClone((s == null ? void 0 : s.slotsConfig) ?? []);
   if (!s)
     return {
-      type: d?.type ?? "bar-chart",
+      type: (c == null ? void 0 : c.type) ?? "bar-chart",
       slots: r.slots ?? []
     };
-  const c = structuredClone(r.slots ?? []);
-  for (const t of c) {
-    const o = d?.slotsConfig.find(
-      (v) => v.name === t.name
+  const a = structuredClone(r.slots ?? []);
+  for (const e of a) {
+    const n = c == null ? void 0 : c.slotsConfig.find(
+      (T) => T.name === e.name
     );
-    t.type = o?.type ?? t?.type;
+    e.type = (n == null ? void 0 : n.type) ?? (e == null ? void 0 : e.type);
   }
-  const a = c.filter((t) => t.type === "mixed").sort((t, o) => t.order - o.order), l = n.filter((t) => t.type === "mixed").sort((t, o) => t.order - o.order), g = c.filter((t) => t.type === "numeric").sort((t, o) => t.order - o.order), w = n.filter((t) => t.type === "numeric").sort((t, o) => t.order - o.order), p = [];
-  for (const t of g)
-    for (const o of t.content)
-      o.key = "old-measure-" + t?.name + "-" + t.content.indexOf(o), p.push(o);
-  for (const t of a)
-    for (const o of t.content)
-      o.type === "numeric" && (o.key = "old-mixed-" + t?.name + "-" + t.content.indexOf(o), p.push(o));
-  const x = [...w, ...l].sort(
-    (t, o) => n.indexOf(t) - n.indexOf(o)
+  const d = a.filter((e) => e.type === "mixed").sort((e, n) => e.order - n.order), f = o.filter((e) => e.type === "mixed").sort((e, n) => e.order - n.order), y = a.filter((e) => e.type === "numeric").sort((e, n) => e.order - n.order), C = o.filter((e) => e.type === "numeric").sort((e, n) => e.order - n.order), l = [];
+  for (const e of y)
+    for (const n of e.content)
+      n.key = "old-measure-" + (e == null ? void 0 : e.name) + "-" + e.content.indexOf(n), l.push(n);
+  for (const e of d)
+    for (const n of e.content)
+      n.type === "numeric" && (n.key = "old-mixed-" + (e == null ? void 0 : e.name) + "-" + e.content.indexOf(n), l.push(n));
+  const k = [...C, ...f].sort(
+    (e, n) => o.indexOf(e) - o.indexOf(n)
   );
-  for (const t of p)
-    for (const o of x)
-      e.includes(t.key) || (o.content = o?.content ?? [], (o?.content?.length === 0 || o?.content?.length > 0 && o?.canAcceptMultipleDataItems === !0) && (o.content.push(t), e.push(t.key)));
-  const b = c.filter((t) => t.type === "categorical").sort((t, o) => t.order - o.order), A = n.filter((t) => t.type === "categorical").sort((t, o) => t.order - o.order), y = [];
-  for (const t of b)
-    for (const o of t.content)
-      o.key = "old-dimension-" + t?.name + "-" + t.content.indexOf(o), y.push(o);
-  for (const t of a)
-    for (const o of t.content)
-      o.type !== "numeric" && (o.key = "old-mixed-" + t?.name + "-" + t.content.indexOf(o), y.push(o));
+  for (const e of l)
+    for (const n of k)
+      t.includes(e.key) || (n.content = (n == null ? void 0 : n.content) ?? [], (((m = n == null ? void 0 : n.content) == null ? void 0 : m.length) === 0 || ((b = n == null ? void 0 : n.content) == null ? void 0 : b.length) > 0 && (n == null ? void 0 : n.canAcceptMultipleDataItems) === !0) && (n.content.push(e), t.push(e.key)));
+  const v = a.filter((e) => e.type === "categorical").sort((e, n) => e.order - n.order), D = o.filter((e) => e.type === "categorical").sort((e, n) => e.order - n.order), h = [];
+  for (const e of v)
+    for (const n of e.content)
+      n.key = "old-dimension-" + (e == null ? void 0 : e.name) + "-" + e.content.indexOf(n), h.push(n);
+  for (const e of d)
+    for (const n of e.content)
+      n.type !== "numeric" && (n.key = "old-mixed-" + (e == null ? void 0 : e.name) + "-" + e.content.indexOf(n), h.push(n));
   const S = [
-    ...A,
-    ...l
-  ].sort((t, o) => n.indexOf(t) - n.indexOf(o));
-  for (const t of y)
-    if (!e.includes(t.key))
-      for (const o of S)
-        o && !e.includes(t.key) && (o.content = o?.content ?? [], (o?.content?.length === 0 || o?.content?.length > 0 && o?.canAcceptMultipleDataItems === !0) && (o.content.push(t), e.push(t.key)));
+    ...D,
+    ...f
+  ].sort((e, n) => o.indexOf(e) - o.indexOf(n));
+  for (const e of h)
+    if (!t.includes(e.key))
+      for (const n of S)
+        n && !t.includes(e.key) && (n.content = (n == null ? void 0 : n.content) ?? [], (((g = n == null ? void 0 : n.content) == null ? void 0 : g.length) === 0 || ((w = n == null ? void 0 : n.content) == null ? void 0 : w.length) > 0 && (n == null ? void 0 : n.canAcceptMultipleDataItems) === !0) && (n.content.push(e), t.push(e.key)));
   let u = { ...r.options };
-  return s.setInitialOptions && (u = s?.setInitialOptions({ ...u })), {
+  return s.setInitialOptions && (u = s == null ? void 0 : s.setInitialOptions({ ...u })), {
     type: s.type ?? "bar-chart",
-    slots: n.map((t) => ({ name: t.name, content: t.content ?? [] })) ?? [],
+    slots: o.map((e) => ({ name: e.name, content: e.content ?? [] })) ?? [],
     options: u ?? { ...r.options }
   };
 }
 export {
-  k as convertDatasetsToDraggableItems,
-  F as decomposeNumericFormat,
-  H as formatter,
-  j as getTheme,
-  _ as loadDraggableItemsForDatasets,
-  q as localize,
-  M as switchItem,
-  K as systemThemeIds
+  L as convertDatasetsToDraggableItems,
+  j as decomposeNumericFormat,
+  N as formatter,
+  $ as getTheme,
+  H as loadDraggableItemsForDatasets,
+  W as localize,
+  U as switchItem,
+  G as systemThemeIds
 };

package/components/{video-options.config-UX-9MDfS.js → video-options.config-Dk36zJ1B.js}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-const l = [
+const t = [
   {
     key: "general",
     type: "group",
@@ -38,7 +38,7 @@ const l = [
           type: "multi-language-field",
           placeholder: "Enter the youtube URL"
         },
-        visibleIf: ({ options: e }) => e?.type === "youtube"
+        visibleIf: ({ options: e }) => (e == null ? void 0 : e.type) === "youtube"
       },
       {
         key: "ogg",
@@ -47,7 +47,7 @@ const l = [
           label: "ogg:",
           placeholder: "Enter the .ogg file URL"
         },
-        visibleIf: ({ options: e }) => e?.type !== "youtube"
+        visibleIf: ({ options: e }) => (e == null ? void 0 : e.type) !== "youtube"
       },
       {
         key: "mp4",
@@ -56,7 +56,7 @@ const l = [
           label: "mp4:",
           placeholder: "Enter the .mp4 file URL"
         },
-        visibleIf: ({ options: e }) => e?.type !== "youtube"
+        visibleIf: ({ options: e }) => (e == null ? void 0 : e.type) !== "youtube"
       },
       {
         key: "webm",
@@ -65,7 +65,7 @@ const l = [
           label: "webm:",
           placeholder: "Enter the .webm file URL"
         },
-        visibleIf: ({ options: e }) => e?.type !== "youtube"
+        visibleIf: ({ options: e }) => (e == null ? void 0 : e.type) !== "youtube"
       },
       { type: "divider" },
       {
@@ -122,11 +122,14 @@ const l = [
           label: "Poster URL",
           placeholder: "Enter image URL"
         },
-        visibleIf: ({ options: e }) => e?.poster?.show
+        visibleIf: ({ options: e }) => {
+          var l;
+          return (l = e == null ? void 0 : e.poster) == null ? void 0 : l.show;
+        }
       }
     ]
   }
 ];
 export {
-  l as default
+  t as default
 };

package/components/widget-menu/index.js

@@ -0,0 +1,213 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import { localized as s, msg as c } from "@lit/localize";
+import { luzmoTrashOutline as g, luzmoClone as v, luzmoEdit as z } from "@luzmo/icons";
+import "@luzmo/lucero/icon";
+import "@luzmo/lucero/tooltip";
+import { unsafeCSS as h, LitElement as b, html as m } from "lit";
+import { property as n } from "lit/decorators.js";
+import { g as p, t as w, s as f } from "../set-locale-Dp3N_gXN.js";
+(function() {
+  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
+    const o = document.createElement("style");
+    o.setAttribute("data-luzmo-vars", ""), o.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(o);
+  }
+})();
+const x = ':host{box-sizing:border-box;display:block;width:min-content}:host luzmo-icon{display:flex}:host .widget-menu{display:flex;flex-direction:column;align-items:center;gap:var(--luzmo-widget-menu-gap, var(--widget-menu-gap));font-size:var(--luzmo-widget-menu-font-size, var(--widget-menu-font-size));width:min-content}:host .widget-menu .widget-edit{display:flex;flex-direction:column;gap:var(--luzmo-widget-menu-edit-item-gap, var(--widget-menu-edit-item-gap))}:host .widget-menu .widget-edit-item{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;padding:var(--luzmo-widget-menu-edit-item-padding, var(--widget-menu-edit-item-padding));background-color:var(--luzmo-widget-menu-edit-item-background, var(--widget-menu-edit-item-background));transition:var(--luzmo-widget-menu-transition, var(--widget-menu-transition))}:host .widget-menu .widget-edit-item:first-of-type{border-top-right-radius:var(--luzmo-widget-menu-edit-item-border-radius, var(--widget-menu-edit-item-border-radius));border-top-left-radius:var(--luzmo-widget-menu-edit-item-border-radius, var(--widget-menu-edit-item-border-radius))}:host .widget-menu .widget-edit-item:last-of-type{border-bottom-right-radius:var(--luzmo-widget-menu-edit-item-border-radius, var(--widget-menu-edit-item-border-radius));border-bottom-left-radius:var(--luzmo-widget-menu-edit-item-border-radius, var(--widget-menu-edit-item-border-radius));box-shadow:var(--luzmo-widget-menu-box-shadow, var(--widget-menu-box-shadow))}:host .widget-menu .widget-edit-item:hover,:host .widget-menu .widget-edit-item[selected]{background-color:var(--luzmo-widget-menu-edit-item-background-hover, var(--widget-menu-edit-item-background-hover))}:host .widget-menu .widget-edit-item:active{background-color:var(--luzmo-widget-menu-edit-item-background-active, var(--widget-menu-edit-item-background-active))}:host .widget-menu .widget-edit-item luzmo-icon{color:var(--luzmo-widget-menu-edit-item-icon-color, var(--widget-menu-edit-item-icon-color))}:host .widget-menu .widget-remove{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;padding:var(--luzmo-widget-menu-remove-padding, var(--widget-menu-remove-padding));border-radius:var(--luzmo-widget-menu-remove-border-radius, var(--widget-menu-remove-border-radius));background-color:var(--luzmo-widget-menu-remove-background, var(--widget-menu-remove-background));transition:var(--luzmo-widget-menu-transition, var(--widget-menu-transition));box-shadow:var(--luzmo-widget-menu-box-shadow, var(--widget-menu-box-shadow))}:host .widget-menu .widget-remove:hover,:host .widget-menu .widget-remove[selected]{background-color:var(--luzmo-widget-menu-remove-background-hover, var(--widget-menu-remove-background-hover))}:host .widget-menu .widget-remove:hover luzmo-icon,:host .widget-menu .widget-remove[selected] luzmo-icon{color:var(--luzmo-widget-menu-remove-icon-color-hover, var(--widget-menu-remove-icon-color-hover))}:host .widget-menu .widget-remove:active{background-color:var(--luzmo-widget-menu-remove-background-active, var(--widget-menu-remove-background-active))}:host .widget-menu .widget-remove:active luzmo-icon{color:var(--luzmo-widget-menu-remove-icon-color-hover, var(--widget-menu-remove-icon-color-hover))}:host .widget-menu .widget-remove luzmo-icon{color:var(--luzmo-widget-menu-remove-icon-color, var(--widget-menu-remove-icon-color))}:host .widget-menu luzmo-tooltip{--tooltip-font-family: var( --luzmo-widget-menu-tooltip-font-family, var(--widget-menu-tooltip-font-family) );font-family:var(--luzmo-widget-menu-tooltip-font-family, var(--widget-menu-tooltip-font-family))}:host{--widget-menu-gap: var(--luzmo-spacing-3, .375rem);--widget-menu-edit-item-gap: 0;--widget-menu-edit-item-padding: var(--luzmo-spacing-3, .125rem);--widget-menu-edit-item-border-radius: var(--luzmo-border-radius, .25rem);--widget-menu-edit-item-background: var(--luzmo-selected-color-hover, rgb(70, 69, 76));--widget-menu-edit-item-background-hover: var(--secondary, var(--luzmo-primary));--widget-menu-edit-item-background-active: var(--secondary, var(--luzmo-primary));--widget-menu-edit-item-icon-color: var(--luzmo-primary-inverse-color, white);--widget-menu-remove-padding: var(--luzmo-spacing-3, .125rem);--widget-menu-remove-border-radius: var(--luzmo-border-radius, .25rem);--widget-menu-remove-background: var(--luzmo-selected-color-hover, rgb(70, 69, 76));--widget-menu-remove-background-hover: var(--luzmo-negative-color, rgb(222, 55, 55));--widget-menu-remove-background-active: var(--luzmo-negative-color, rgb(222, 55, 55));--widget-menu-remove-icon-color: var(--luzmo-primary-inverse-color, white);--widget-menu-remove-icon-color-hover: var(--luzmo-primary-inverse-color, white);--widget-menu-transition: all var(--luzmo-animation-duration, .2s) ease;--widget-menu-font-size: var(--luzmo-font-size-m, .875rem);--widget-menu-box-shadow: 0px 4px 4px 0px var(--Boxshadow, rgba(var(--luzmo-border-color-rgb), .2));--widget-menu-tooltip-font-family: var(--luzmo-font-family, "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif)}';
+var y = Object.defineProperty, k = Object.getOwnPropertyDescriptor, d = (e, o, t, i) => {
+  for (var l = i > 1 ? void 0 : i ? k(o, t) : o, u = e.length - 1, a; u >= 0; u--)
+    (a = e[u]) && (l = (i ? a(o, t, l) : a(l)) || l);
+  return i && l && y(o, t, l), l;
+};
+let r = class extends b {
+  constructor() {
+    super(...arguments), this.vizItemId = "", this.hide = [], this.language = "en", this.selectedItem = null, this.menuItemConfigs = {
+      edit: {
+        icon: z,
+        label: "Edit",
+        eventName: "edit",
+        itemType: "edit",
+        cssClass: "widget-edit-item widget-edit",
+        dataE2e: "widget-menu-edit",
+        onHover: () => this._handleHoverOverEdit()
+      },
+      clone: {
+        icon: v,
+        label: "Clone",
+        eventName: "clone",
+        itemType: "clone",
+        cssClass: "widget-edit-item widget-clone",
+        dataE2e: "widget-menu-clone"
+      },
+      remove: {
+        icon: g,
+        label: "Delete",
+        eventName: "remove",
+        itemType: "remove",
+        cssClass: "widget-remove"
+      }
+    };
+  }
+  /**
+   * Check if there are any edit items to show
+   */
+  get hasEditItemsToShow() {
+    var t, i;
+    const e = !((t = this.hide) != null && t.includes("edit")), o = !((i = this.hide) != null && i.includes("clone"));
+    return e || o;
+  }
+  /**
+   * Check if a menu item should be shown
+   */
+  _shouldShowItem(e) {
+    var o;
+    return !((o = this.hide) != null && o.includes(e));
+  }
+  willUpdate(e) {
+    e.has("language") && this.language !== p() && ([...w].includes(this.language ?? "en") || this.language === "en") && f(this.language);
+  }
+  /**
+   * Toggle selected state for a menu item
+   */
+  _handleSelectedToggle(e) {
+    if (e !== "edit")
+      return;
+    const o = this.selectedItem === e ? null : e;
+    this.selectedItem = o, this._emitSelectedChanged();
+  }
+  /**
+   * Emit selected-changed event
+   */
+  _emitSelectedChanged() {
+    this.dispatchEvent(
+      new CustomEvent("selected-changed", {
+        bubbles: !0,
+        composed: !0,
+        detail: { selectedItem: this.selectedItem }
+      })
+    );
+  }
+  /**
+   * Handle menu item click with unified event dispatching
+   */
+  _handleMenuItemClick(e) {
+    this._handleSelectedToggle(e.itemType), this.dispatchEvent(
+      new CustomEvent("widget-menu-element-clicked", {
+        bubbles: !0,
+        composed: !0,
+        detail: {
+          action: e.eventName,
+          type: e.itemType,
+          id: this.vizItemId
+        }
+      })
+    );
+  }
+  /**
+   * Create a bound click handler for a menu item config
+   */
+  _createMenuItemClickHandler(e) {
+    return () => this._handleMenuItemClick(e);
+  }
+  _handleHoverOverEdit() {
+    this.dispatchEvent(
+      new CustomEvent("hover-over-edit", {
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+  /**
+   * Render a menu item button
+   */
+  _renderMenuItem(e) {
+    const o = this.selectedItem === e.itemType, t = c(e.label, {
+      desc: `Widget menu ${e.itemType} tooltip`
+    });
+    return m`
+      <div
+        class=${e.cssClass}
+        data-e2e=${e.dataE2e || ""}
+        data-menu-item=${e.itemType}
+        role="button"
+        tabindex="0"
+        aria-label=${t}
+        ?selected=${o}
+        @mouseenter=${e.onHover}
+        @click=${this._createMenuItemClickHandler(e)}
+      >
+        <luzmo-icon .icon=${e.icon} size="s"></luzmo-icon>
+        <luzmo-tooltip
+          self-managed
+          placement="right"
+          fallback-placements="left"
+        >
+          ${t}
+        </luzmo-tooltip>
+      </div>
+    `;
+  }
+  /**
+   * Render edit section (edit and clone items)
+   */
+  _renderEditSection() {
+    return this.hasEditItemsToShow ? m`
+      <div class="widget-edit">
+        ${this._shouldShowItem("edit") ? this._renderMenuItem(this.menuItemConfigs.edit) : ""}
+        ${this._shouldShowItem("clone") ? this._renderMenuItem(this.menuItemConfigs.clone) : ""}
+      </div>
+    ` : m``;
+  }
+  /**
+   * Render remove section
+   */
+  _renderRemoveSection() {
+    return this._shouldShowItem("remove") ? this._renderMenuItem(this.menuItemConfigs.remove) : m``;
+  }
+  render() {
+    return m`
+      <div class="widget-menu font-size-lg">
+        ${this._renderEditSection()}
+        ${this._renderRemoveSection()}
+      </div>
+    `;
+  }
+};
+r.styles = h(x);
+r.tagName = "luzmo-widget-menu";
+d([
+  n({ type: String, reflect: !0, attribute: "viz-item-id" })
+], r.prototype, "vizItemId", 2);
+d([
+  n({ type: Array, attribute: !1 })
+], r.prototype, "hide", 2);
+d([
+  n({ type: String, reflect: !0 })
+], r.prototype, "language", 2);
+d([
+  n({ type: String, reflect: !0, attribute: "selected-item" })
+], r.prototype, "selectedItem", 2);
+r = d([
+  s()
+], r);
+customElements.get("luzmo-widget-menu") || customElements.define("luzmo-widget-menu", r);
+export {
+  r as LuzmoWidgetMenu
+};

package/components/{wordcloud-chart-options.config-BoB_KuhA.js → wordcloud-chart-options.config-w2NUIWVA.js}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { g as t, a as l, b as a, c as r } from "./helpers-bR8Ibjqh.js";
+import { g as l, a as t, b as a, c as r } from "./helpers-v1bPALRP.js";
 const i = [
   {
     key: "general",
@@ -46,10 +46,13 @@ const i = [
           type: "color-picker",
           default: ({ theme: e }) => r(e),
           extraLabel: ({ options: e, theme: o }) => a(e, o, "color"),
-          extraLabelHasClickAction: ({ options: e, theme: o }) => l(e, o, "color"),
-          extraLabelClickAction: ({ options: e, theme: o }) => t(e, o, "color")
+          extraLabelHasClickAction: ({ options: e, theme: o }) => t(e, o, "color"),
+          extraLabelClickAction: ({ options: e, theme: o }) => l(e, o, "color")
         },
-        visibleIf: ({ options: e }) => e?.categories?.colored === !1
+        visibleIf: ({ options: e }) => {
+          var o;
+          return ((o = e == null ? void 0 : e.categories) == null ? void 0 : o.colored) === !1;
+        }
       },
       {
         key: "layout",