@luzmo/analytics-components-kit 1.0.1-alpha.97 → 1.0.1-alpha.98

package/components/{treemap-chart-options.config-B9i9qIm_.js → treemap-chart-options.config-D5AJaF_u.js}

@@ -17,8 +17,14 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { g as l, a as n, b as i, c as a } from "./helpers-bR8Ibjqh.js";
-const o = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? e?.find((t) => t?.name === "color")?.content?.length > 0 : !1, r = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? e?.find((t) => t?.name === "color")?.content?.length === 0 || !e?.some((t) => t?.name === "color") : !0, d = [
+import { g as i, a as o, b as c, c as d } from "./helpers-v1bPALRP.js";
+const n = ({ slots: e }) => {
+  var r, a;
+  return Array.isArray(e) && (e == null ? void 0 : e.length) > 0 ? ((a = (r = e == null ? void 0 : e.find((l) => (l == null ? void 0 : l.name) === "color")) == null ? void 0 : r.content) == null ? void 0 : a.length) > 0 : !1;
+}, t = ({ slots: e }) => {
+  var r, a;
+  return Array.isArray(e) && (e == null ? void 0 : e.length) > 0 ? ((a = (r = e == null ? void 0 : e.find((l) => (l == null ? void 0 : l.name) === "color")) == null ? void 0 : r.content) == null ? void 0 : a.length) === 0 || !(e != null && e.some((l) => (l == null ? void 0 : l.name) === "color")) : !0;
+}, f = [
   {
     key: "general",
     type: "group",
@@ -39,7 +45,7 @@ const o = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? e?.find((t) => t
           label: "Legend",
           default: !0
         },
-        visibleIf: o
+        visibleIf: n
       },
       {
         key: "display.modeOption",
@@ -48,7 +54,7 @@ const o = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? e?.find((t) => t
           label: "Mode option",
           default: !1
         },
-        visibleIf: o
+        visibleIf: n
       },
       {
         key: "display.labels",
@@ -82,19 +88,22 @@ const o = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? e?.find((t) => t
           label: "Color area by category",
           default: !0
         },
-        visibleIf: r
+        visibleIf: t
       },
       {
         key: "color",
         control: {
           type: "color-picker",
           label: "Area color",
-          default: ({ theme: e }) => a(e),
-          extraLabel: ({ options: e, theme: t }) => i(e, t, "color"),
-          extraLabelHasClickAction: ({ options: e, theme: t }) => n(e, t, "color"),
-          extraLabelClickAction: ({ options: e, theme: t }) => l(e, t, "color")
+          default: ({ theme: e }) => d(e),
+          extraLabel: ({ options: e, theme: r }) => c(e, r, "color"),
+          extraLabelHasClickAction: ({ options: e, theme: r }) => o(e, r, "color"),
+          extraLabelClickAction: ({ options: e, theme: r }) => i(e, r, "color")
         },
-        visibleIf: ({ options: e, slots: t }) => e?.categories?.colored === !1 && r({ slots: t })
+        visibleIf: ({ options: e, slots: r }) => {
+          var a;
+          return ((a = e == null ? void 0 : e.categories) == null ? void 0 : a.colored) === !1 && t({ slots: r });
+        }
       },
       {
         key: "mode",
@@ -114,11 +123,15 @@ const o = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? e?.find((t) => t
           min: 0,
           max: 24,
           step: 1,
-          extraLabel: ({ options: e, theme: t }) => {
-            if (typeof t?.itemSpecific?.rounding == "number")
-              return typeof e?.roundedCorners != "number" ? "auto" : "reset";
+          extraLabel: ({ options: e, theme: r }) => {
+            var a;
+            if (typeof ((a = r == null ? void 0 : r.itemSpecific) == null ? void 0 : a.rounding) == "number")
+              return typeof (e == null ? void 0 : e.roundedCorners) != "number" ? "auto" : "reset";
+          },
+          extraLabelHasClickAction: ({ options: e, theme: r }) => {
+            var a;
+            return !(typeof ((a = r == null ? void 0 : r.itemSpecific) == null ? void 0 : a.rounding) != "number" || typeof (e == null ? void 0 : e.roundedCorners) != "number");
           },
-          extraLabelHasClickAction: ({ options: e, theme: t }) => !(typeof t?.itemSpecific?.rounding != "number" || typeof e?.roundedCorners != "number"),
           extraLabelClickAction: ({ options: e }) => ({ value: void 0, options: { ...e, roundedCorners: void 0 } })
         }
       },
@@ -131,11 +144,15 @@ const o = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? e?.find((t) => t
           min: 0,
           max: 20,
           step: 1,
-          extraLabel: ({ options: e, theme: t }) => {
-            if (typeof t?.itemSpecific?.padding == "number")
-              return typeof e?.padding != "number" ? "auto" : "reset";
+          extraLabel: ({ options: e, theme: r }) => {
+            var a;
+            if (typeof ((a = r == null ? void 0 : r.itemSpecific) == null ? void 0 : a.padding) == "number")
+              return typeof (e == null ? void 0 : e.padding) != "number" ? "auto" : "reset";
+          },
+          extraLabelHasClickAction: ({ options: e, theme: r }) => {
+            var a;
+            return !(typeof ((a = r == null ? void 0 : r.itemSpecific) == null ? void 0 : a.padding) != "number" || typeof (e == null ? void 0 : e.padding) != "number");
           },
-          extraLabelHasClickAction: ({ options: e, theme: t }) => !(typeof t?.itemSpecific?.padding != "number" || typeof e?.padding != "number"),
           extraLabelClickAction: ({ options: e }) => ({ value: void 0, options: { ...e, padding: void 0 } })
         }
       }
@@ -165,9 +182,9 @@ const o = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? e?.find((t) => t
         }
       }
     ],
-    visibleIf: o
+    visibleIf: n
   }
 ];
 export {
-  d as default
+  f as default
 };

package/components/utils.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./index-CFL6gmIu.cjs"),C=require("./decompose-numeric-format-B3rVVHpO.cjs"),k=require("./en-DZcn_iz_.cjs"),T=require("./localize-C4zNlrwK.cjs"),h=require("./index-6PmXiNch.cjs"),g=require("./index-Vdyb9z2D.cjs"),f=r=>!!(r&&Object.keys(r).length>0),O=(r,e,i={})=>{if(e.hidden===!0&&!i.includeHidden||!e.id||!e.type)return null;const s=f(e.name)?e.name:{en:"Untitled"},n={datasetId:r,columnId:e.id,type:e.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:d,level:a,name:l})=>({id:d,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},M=(r,e,i={})=>{if(e.hidden===!0&&!i.includeHidden||!e.id||!e.type)return null;const s=f(e.name)?e.name:{en:"Untitled"},n={datasetId:r,formulaId:e.id,type:e.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},_=(r,e={})=>{if(!r?.id)return[];const i=[];return Array.isArray(r.columns)&&r.columns.forEach(c=>{const s=O(r.id,c,e);s&&i.push(s)}),Array.isArray(r.formulas)&&r.formulas.forEach(c=>{const s=M(r.id,c,e);s&&i.push(s)}),i},w=(r,e={})=>r.map(i=>({id:i.id,name:i.name,description:i.description,dataItems:_(i,e)})),E=async(r,e)=>{if(!Array.isArray(r)||r.length===0)throw new Error("At least one dataset ID is required");const{dataBrokerConfig:i}=e;if(!i)throw new Error("dataBrokerConfig is required");if(!i.authKey||!i.authToken)throw new Error("Both authKey and authToken are required for DataBroker configuration");if(!i.apiUrl)throw new Error("apiUrl is required for DataBroker configuration");if(typeof i.apiUrl!="string")throw new TypeError("apiUrl must be a valid string");m.dataBroker.configure(i);try{const c=await m.dataBroker.fetchDatasetsWithColumnsAndFormulas(r);return w(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 F(r){const e=[],i=[];Object.keys(h.slotsConfigs).forEach(t=>{t.replace("SlotsConfig","");const o=t.replace("SlotsConfig","").replaceAll(/([A-Z])/g,"-$1").toLowerCase();i.push({type:o,slotsConfig:h.slotsConfigs[t]})});const c=i.find(t=>t.type===r?.oldItemType),s=i.find(t=>t.type===r?.newItemType),n=structuredClone(s?.slotsConfig??[]);if(!s)return{type:c?.type??"bar-chart",slots:r.slots??[]};const d=structuredClone(r.slots??[]);for(const t of d){const o=c?.slotsConfig.find(A=>A.name===t.name);t.type=o?.type??t?.type}const a=d.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),b=d.filter(t=>t.type==="numeric").sort((t,o)=>t.order-o.order),x=n.filter(t=>t.type==="numeric").sort((t,o)=>t.order-o.order),p=[];for(const t of b)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 S=[...x,...l].sort((t,o)=>n.indexOf(t)-n.indexOf(o));for(const t of p)for(const o of S)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 I=d.filter(t=>t.type==="categorical").sort((t,o)=>t.order-o.order),D=n.filter(t=>t.type==="categorical").sort((t,o)=>t.order-o.order),y=[];for(const t of I)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));const v=[...D,...l].sort((t,o)=>n.indexOf(t)-n.indexOf(o));for(const t of y)if(!e.includes(t.key))for(const o of v)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)));let u={...r.options};return s.setInitialOptions&&(u=s?.setInitialOptions({...u})),{type:s.type??"bar-chart",slots:n.map(t=>({name:t.name,content:t.content??[]}))??[],options:u??{...r.options}}}exports.decomposeNumericFormat=C.decomposeNumericFormat;exports.formatter=k.formatter;exports.localize=T.localize;exports.getTheme=g.getTheme;exports.systemThemeIds=g.systemThemeIds;exports.convertDatasetsToDraggableItems=w;exports.loadDraggableItemsForDatasets=E;exports.switchItem=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("./index-Cz9vSXy6.cjs"),E=require("./decompose-numeric-format-B3rVVHpO.cjs"),L=require("./en-BKBhKBXY.cjs"),q=require("./localize-r7ALOUy_.cjs"),A=require("./index-6PmXiNch.cjs"),C=require("./index-Vdyb9z2D.cjs"),l=r=>!!(r&&Object.keys(r).length>0),B=(r,t,i={})=>{var a;if(t.hidden===!0&&!i.includeHidden||!t.id||!t.type)return null;const s=l(t.name)?t.name:{en:"Untitled"},o={datasetId:r,columnId:t.id,type:t.type,name:s};return t.description&&l(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},M=(r,t,i={})=>{var a;if(t.hidden===!0&&!i.includeHidden||!t.id||!t.type)return null;const s=l(t.name)?t.name:{en:"Untitled"},o={datasetId:r,formulaId:t.id,type:t.type,name:s};return t.description&&l(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},U=(r,t={})=>{if(!(r!=null&&r.id))return[];const i=[];return Array.isArray(r.columns)&&r.columns.forEach(c=>{const s=B(r.id,c,t);s&&i.push(s)}),Array.isArray(r.formulas)&&r.formulas.forEach(c=>{const s=M(r.id,c,t);s&&i.push(s)}),i},D=(r,t={})=>r.map(i=>({id:i.id,name:i.name,description:i.description,dataItems:U(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}=t;if(!i)throw new Error("dataBrokerConfig is required");if(!i.authKey||!i.authToken)throw new Error("Both authKey and authToken are required for DataBroker configuration");if(!i.apiUrl)throw new Error("apiUrl is required for DataBroker configuration");if(typeof i.apiUrl!="string")throw new TypeError("apiUrl must be a valid string");x.dataBroker.configure(i);try{const c=await x.dataBroker.fetchDatasetsWithColumnsAndFormulas(r);return D(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 P(r){var m,g,b,w;const t=[],i=[];Object.keys(A.slotsConfigs).forEach(e=>{e.replace("SlotsConfig","");const n=e.replace("SlotsConfig","").replaceAll(/([A-Z])/g,"-$1").toLowerCase();i.push({type:n,slotsConfig:A.slotsConfigs[e]})});const c=i.find(e=>e.type===(r==null?void 0:r.oldItemType)),s=i.find(e=>e.type===(r==null?void 0:r.newItemType)),o=structuredClone((s==null?void 0:s.slotsConfig)??[]);if(!s)return{type:(c==null?void 0:c.type)??"bar-chart",slots:r.slots??[]};const a=structuredClone(r.slots??[]);for(const e of a){const n=c==null?void 0:c.slotsConfig.find(_=>_.name===e.name);e.type=(n==null?void 0:n.type)??(e==null?void 0:e.type)}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),k=o.filter(e=>e.type==="numeric").sort((e,n)=>e.order-n.order),p=[];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),p.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),p.push(n));const v=[...k,...f].sort((e,n)=>o.indexOf(e)-o.indexOf(n));for(const e of p)for(const n of v)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||((g=n==null?void 0:n.content)==null?void 0:g.length)>0&&(n==null?void 0:n.canAcceptMultipleDataItems)===!0)&&(n.content.push(e),t.push(e.key)));const S=a.filter(e=>e.type==="categorical").sort((e,n)=>e.order-n.order),T=o.filter(e=>e.type==="categorical").sort((e,n)=>e.order-n.order),h=[];for(const e of S)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 O=[...T,...f].sort((e,n)=>o.indexOf(e)-o.indexOf(n));for(const e of h)if(!t.includes(e.key))for(const n of O)n&&!t.includes(e.key)&&(n.content=(n==null?void 0:n.content)??[],(((b=n==null?void 0:n.content)==null?void 0:b.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==null?void 0:s.setInitialOptions({...u})),{type:s.type??"bar-chart",slots:o.map(e=>({name:e.name,content:e.content??[]}))??[],options:u??{...r.options}}}exports.decomposeNumericFormat=E.decomposeNumericFormat;exports.formatter=L.formatter;exports.localize=q.localize;exports.getTheme=C.getTheme;exports.systemThemeIds=C.systemThemeIds;exports.convertDatasetsToDraggableItems=D;exports.loadDraggableItemsForDatasets=H;exports.switchItem=P;

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-B0asgYt8.cjs → video-options.config-CGsDTwHc.cjs}

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=[{key:"general",type:"group",open:!0,children:[{key:"type",control:{type:"picker",label:"Type",default:"web",enum:["web","youtube"]}},{key:"youtube",control:{type:"multi-language-field",placeholder:"Enter the youtube URL"},visibleIf:({options:e})=>e?.type==="youtube"},{key:"ogg",control:{type:"multi-language-field",label:"ogg:",placeholder:"Enter the .ogg file URL"},visibleIf:({options:e})=>e?.type!=="youtube"},{key:"mp4",control:{type:"multi-language-field",label:"mp4:",placeholder:"Enter the .mp4 file URL"},visibleIf:({options:e})=>e?.type!=="youtube"},{key:"webm",control:{type:"multi-language-field",label:"webm:",placeholder:"Enter the .webm file URL"},visibleIf:({options:e})=>e?.type!=="youtube"},{type:"divider"},{key:"showControls",control:{type:"switch",label:"Show controls",default:!0}},{key:"autoPlay",control:{type:"switch",label:"Auto play",default:!1}},{key:"loop",control:{type:"switch",label:"Loop",default:!1}},{key:"backdropColor",control:{type:"color-picker",label:"Backdrop color",default:"#000000"}}]},{key:"image",type:"group",open:!0,children:[{key:"poster.show",control:{type:"switch",label:"Show image on load",default:!1}},{key:"poster.url",control:{type:"multi-language-field",label:"Poster URL",placeholder:"Enter image URL"},visibleIf:({options:e})=>e?.poster?.show}]}];exports.default=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=[{key:"general",type:"group",open:!0,children:[{key:"type",control:{type:"picker",label:"Type",default:"web",enum:["web","youtube"]}},{key:"youtube",control:{type:"multi-language-field",placeholder:"Enter the youtube URL"},visibleIf:({options:e})=>(e==null?void 0:e.type)==="youtube"},{key:"ogg",control:{type:"multi-language-field",label:"ogg:",placeholder:"Enter the .ogg file URL"},visibleIf:({options:e})=>(e==null?void 0:e.type)!=="youtube"},{key:"mp4",control:{type:"multi-language-field",label:"mp4:",placeholder:"Enter the .mp4 file URL"},visibleIf:({options:e})=>(e==null?void 0:e.type)!=="youtube"},{key:"webm",control:{type:"multi-language-field",label:"webm:",placeholder:"Enter the .webm file URL"},visibleIf:({options:e})=>(e==null?void 0:e.type)!=="youtube"},{type:"divider"},{key:"showControls",control:{type:"switch",label:"Show controls",default:!0}},{key:"autoPlay",control:{type:"switch",label:"Auto play",default:!1}},{key:"loop",control:{type:"switch",label:"Loop",default:!1}},{key:"backdropColor",control:{type:"color-picker",label:"Backdrop color",default:"#000000"}}]},{key:"image",type:"group",open:!0,children:[{key:"poster.show",control:{type:"switch",label:"Show image on load",default:!1}},{key:"poster.url",control:{type:"multi-language-field",label:"Poster URL",placeholder:"Enter image URL"},visibleIf:({options:e})=>{var l;return(l=e==null?void 0:e.poster)==null?void 0:l.show}}]}];exports.default=t;

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/viz-item-menu/index.cjs

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@lit/localize"),d=require("@luzmo/icons");require("@luzmo/lucero/icon");require("@luzmo/lucero/tooltip");const n=require("lit"),m=require("lit/decorators.js"),v=require("../set-locale-BRRalqne.cjs"),z=':host{box-sizing:border-box;display:block;width:min-content}:host luzmo-icon{display:flex}:host .viz-item-menu{display:flex;flex-direction:column;align-items:center;gap:var(--luzmo-viz-item-menu-gap, var(--viz-item-menu-gap));font-size:var(--luzmo-viz-item-menu-font-size, var(--viz-item-menu-font-size));width:min-content}:host .viz-item-menu .viz-item-menu-top-section{display:flex;flex-direction:column;gap:var(--luzmo-viz-item-menu-button-edit-gap, var(--viz-item-menu-button-edit-gap))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button{padding:var(--luzmo-viz-item-menu-button-edit-padding, var(--viz-item-menu-button-edit-padding));background-color:var(--luzmo-viz-item-menu-button-edit-background, var(--viz-item-menu-button-edit-background))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:first-of-type{border-top-right-radius:var(--luzmo-viz-item-menu-button-edit-border-radius, var(--viz-item-menu-button-edit-border-radius));border-top-left-radius:var(--luzmo-viz-item-menu-button-edit-border-radius, var(--viz-item-menu-button-edit-border-radius))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:last-of-type{border-bottom-right-radius:var(--luzmo-viz-item-menu-button-edit-border-radius, var(--viz-item-menu-button-edit-border-radius));border-bottom-left-radius:var(--luzmo-viz-item-menu-button-edit-border-radius, var(--viz-item-menu-button-edit-border-radius));box-shadow:var(--luzmo-viz-item-menu-box-shadow, var(--viz-item-menu-box-shadow))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:hover,:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button[selected]{background-color:var(--luzmo-viz-item-menu-button-edit-background-hover, var(--viz-item-menu-button-edit-background-hover))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:active{background-color:var(--luzmo-viz-item-menu-button-edit-background-active, var(--viz-item-menu-button-edit-background-active))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button luzmo-icon{color:var(--luzmo-viz-item-menu-button-edit-icon-color, var(--viz-item-menu-button-edit-icon-color))}:host .viz-item-menu .viz-item-menu-button{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:var(--luzmo-viz-item-menu-transition, var(--viz-item-menu-transition))}:host .viz-item-menu .viz-item-menu-button-delete{padding:var(--luzmo-viz-item-menu-delete-padding, var(--viz-item-menu-delete-padding));border-radius:var(--luzmo-viz-item-menu-delete-border-radius, var(--viz-item-menu-delete-border-radius));background-color:var(--luzmo-viz-item-menu-delete-background, var(--viz-item-menu-delete-background));box-shadow:var(--luzmo-viz-item-menu-box-shadow, var(--viz-item-menu-box-shadow))}:host .viz-item-menu .viz-item-menu-button-delete:hover,:host .viz-item-menu .viz-item-menu-button-delete[selected]{background-color:var(--luzmo-viz-item-menu-delete-background-hover, var(--viz-item-menu-delete-background-hover))}:host .viz-item-menu .viz-item-menu-button-delete:hover luzmo-icon,:host .viz-item-menu .viz-item-menu-button-delete[selected] luzmo-icon{color:var(--luzmo-viz-item-menu-delete-icon-color-hover, var(--viz-item-menu-delete-icon-color-hover))}:host .viz-item-menu .viz-item-menu-button-delete:active{background-color:var(--luzmo-viz-item-menu-delete-background-active, var(--viz-item-menu-delete-background-active))}:host .viz-item-menu .viz-item-menu-button-delete:active luzmo-icon{color:var(--luzmo-viz-item-menu-delete-icon-color-hover, var(--viz-item-menu-delete-icon-color-hover))}:host .viz-item-menu .viz-item-menu-button-delete luzmo-icon{color:var(--luzmo-viz-item-menu-delete-icon-color, var(--viz-item-menu-delete-icon-color))}:host .viz-item-menu luzmo-tooltip{--tooltip-font-family: var( --luzmo-viz-item-menu-tooltip-font-family, var(--viz-item-menu-tooltip-font-family) );font-family:var(--luzmo-viz-item-menu-tooltip-font-family, var(--viz-item-menu-tooltip-font-family))}:host{--viz-item-menu-gap: var(--luzmo-spacing-3, .375rem);--viz-item-menu-button-edit-gap: 0;--viz-item-menu-button-edit-padding: var(--luzmo-spacing-3, .125rem);--viz-item-menu-button-edit-border-radius: var(--luzmo-border-radius, .25rem);--viz-item-menu-button-edit-background: var(--luzmo-selected-color-hover, rgb(70, 69, 76));--viz-item-menu-button-edit-background-hover: var(--secondary, var(--luzmo-primary));--viz-item-menu-button-edit-background-active: var(--secondary, var(--luzmo-primary));--viz-item-menu-button-edit-icon-color: var(--luzmo-primary-inverse-color, white);--viz-item-menu-delete-padding: var(--luzmo-spacing-3, .125rem);--viz-item-menu-delete-border-radius: var(--luzmo-border-radius, .25rem);--viz-item-menu-delete-background: var(--luzmo-selected-color-hover, rgb(70, 69, 76));--viz-item-menu-delete-background-hover: var(--luzmo-negative-color, rgb(222, 55, 55));--viz-item-menu-delete-background-active: var(--luzmo-negative-color, rgb(222, 55, 55));--viz-item-menu-delete-icon-color: var(--luzmo-primary-inverse-color, white);--viz-item-menu-delete-icon-color-hover: var(--luzmo-primary-inverse-color, white);--viz-item-menu-transition: all var(--luzmo-animation-duration, .2s) ease;--viz-item-menu-font-size: var(--luzmo-font-size-m, .875rem);--viz-item-menu-box-shadow: 0px 4px 4px 0px var(--Boxshadow, rgba(var(--luzmo-border-color-rgb), .2));--viz-item-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 c=Object.defineProperty,b=Object.getOwnPropertyDescriptor,u=(r,e,t,i)=>{for(var o=i>1?void 0:i?b(e,t):e,l=r.length-1,a;l>=0;l--)(a=r[l])&&(o=(i?a(e,t,o):a(o))||o);return i&&o&&c(e,t,o),o};exports.LuzmoVizItemMenu=class extends n.LitElement{constructor(){super(...arguments),this.vizItemId="",this.hiddenButtons=[],this.language="en",this.selectedButton=null,this.menuButtonConfigs={edit:{icon:d.luzmoEdit,label:"Edit",eventName:"edit",type:"edit",cssClass:"viz-item-menu-button viz-item-menu-button-edit",dataE2e:"viz-item-menu-button-edit",onHover:()=>this._handleHoverOverEdit()},clone:{icon:d.luzmoClone,label:"Clone",eventName:"clone",type:"clone",cssClass:"viz-item-menu-button viz-item-menu-button-clone",dataE2e:"viz-item-menu-button-clone"},delete:{icon:d.luzmoTrashOutline,label:"Delete",eventName:"delete",type:"delete",cssClass:"viz-item-menu-button viz-item-menu-button-delete",dataE2e:"viz-item-menu-button-delete"}}}get hasTopSectionButtons(){const e=this._shouldShowButton("edit"),t=this._shouldShowButton("clone");return e||t}_shouldShowButton(e){return!this.hiddenButtons?.includes(e)}willUpdate(e){e.has("language")&&this.language!==v.getLocale()&&([...v.targetLocales].includes(this.language??"en")||this.language==="en")&&v.setLocale(this.language)}_handleSelectedToggle(e){e==="edit"&&(this.selectedButton=this.selectedButton===e?null:e,this._emitSelectedChanged())}_emitSelectedChanged(){this.dispatchEvent(new CustomEvent("selected-changed",{bubbles:!0,composed:!0,detail:{selectedButton:this.selectedButton}}))}_handleMenuButtonClick(e){this._handleSelectedToggle(e.type),this.dispatchEvent(new CustomEvent("button-clicked",{bubbles:!0,composed:!0,detail:{action:e.eventName,type:e.type,id:this.vizItemId}}))}_createMenuButtonClickHandler(e){return()=>this._handleMenuButtonClick(e)}_handleHoverOverEdit(){this.dispatchEvent(new CustomEvent("edit-button-hovered",{bubbles:!0,composed:!0}))}_renderMenuButton(e){const t=this.selectedButton===e.type,i=s.msg(e.label,{desc:`Viz item menu ${e.type} tooltip`});return n.html`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@lit/localize"),d=require("@luzmo/icons");require("@luzmo/lucero/icon");require("@luzmo/lucero/tooltip");const n=require("lit"),m=require("lit/decorators.js"),v=require("../set-locale-BRRalqne.cjs"),z=':host{box-sizing:border-box;display:block;width:min-content}:host luzmo-icon{display:flex}:host .viz-item-menu{display:flex;flex-direction:column;align-items:center;gap:var(--luzmo-viz-item-menu-gap, var(--viz-item-menu-gap));font-size:var(--luzmo-viz-item-menu-font-size, var(--viz-item-menu-font-size));width:min-content}:host .viz-item-menu .viz-item-menu-top-section{display:flex;flex-direction:column;gap:var(--luzmo-viz-item-menu-button-edit-gap, var(--viz-item-menu-button-edit-gap))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button{padding:var(--luzmo-viz-item-menu-button-edit-padding, var(--viz-item-menu-button-edit-padding));background-color:var(--luzmo-viz-item-menu-button-edit-background, var(--viz-item-menu-button-edit-background))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:first-of-type{border-top-right-radius:var(--luzmo-viz-item-menu-button-edit-border-radius, var(--viz-item-menu-button-edit-border-radius));border-top-left-radius:var(--luzmo-viz-item-menu-button-edit-border-radius, var(--viz-item-menu-button-edit-border-radius))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:last-of-type{border-bottom-right-radius:var(--luzmo-viz-item-menu-button-edit-border-radius, var(--viz-item-menu-button-edit-border-radius));border-bottom-left-radius:var(--luzmo-viz-item-menu-button-edit-border-radius, var(--viz-item-menu-button-edit-border-radius));box-shadow:var(--luzmo-viz-item-menu-box-shadow, var(--viz-item-menu-box-shadow))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:hover{background-color:var(--luzmo-viz-item-menu-button-edit-background-hover, var(--viz-item-menu-button-edit-background-hover))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:active,:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button[selected]{background-color:var(--luzmo-viz-item-menu-button-edit-background-active, var(--viz-item-menu-button-edit-background-active))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button luzmo-icon{color:var(--luzmo-viz-item-menu-button-edit-icon-color, var(--viz-item-menu-button-edit-icon-color))}:host .viz-item-menu .viz-item-menu-button{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:var(--luzmo-viz-item-menu-transition, var(--viz-item-menu-transition));width:1rem;height:1rem}:host .viz-item-menu .viz-item-menu-button-delete{padding:var(--luzmo-viz-item-menu-delete-padding, var(--viz-item-menu-delete-padding));border-radius:var(--luzmo-viz-item-menu-delete-border-radius, var(--viz-item-menu-delete-border-radius));background-color:var(--luzmo-viz-item-menu-delete-background, var(--viz-item-menu-delete-background));box-shadow:var(--luzmo-viz-item-menu-box-shadow, var(--viz-item-menu-box-shadow))}:host .viz-item-menu .viz-item-menu-button-delete:hover,:host .viz-item-menu .viz-item-menu-button-delete[selected]{background-color:var(--luzmo-viz-item-menu-delete-background-hover, var(--viz-item-menu-delete-background-hover))}:host .viz-item-menu .viz-item-menu-button-delete:hover luzmo-icon,:host .viz-item-menu .viz-item-menu-button-delete[selected] luzmo-icon{color:var(--luzmo-viz-item-menu-delete-icon-color-hover, var(--viz-item-menu-delete-icon-color-hover))}:host .viz-item-menu .viz-item-menu-button-delete:active{background-color:var(--luzmo-viz-item-menu-delete-background-active, var(--viz-item-menu-delete-background-active))}:host .viz-item-menu .viz-item-menu-button-delete:active luzmo-icon{color:var(--luzmo-viz-item-menu-delete-icon-color-hover, var(--viz-item-menu-delete-icon-color-hover))}:host .viz-item-menu .viz-item-menu-button-delete luzmo-icon{color:var(--luzmo-viz-item-menu-delete-icon-color, var(--viz-item-menu-delete-icon-color))}:host .viz-item-menu luzmo-tooltip{--tooltip-font-family: var( --luzmo-viz-item-menu-tooltip-font-family, var(--viz-item-menu-tooltip-font-family) );font-family:var(--luzmo-viz-item-menu-tooltip-font-family, var(--viz-item-menu-tooltip-font-family))}:host{--viz-item-menu-gap: var(--luzmo-spacing-3, .375rem);--viz-item-menu-button-edit-gap: 0;--viz-item-menu-button-edit-padding: var(--luzmo-spacing-3, .125rem);--viz-item-menu-button-edit-border-radius: var(--luzmo-border-radius, .25rem);--viz-item-menu-button-edit-background: var(--luzmo-selected-color-hover, rgb(70, 69, 76));--viz-item-menu-button-edit-background-hover: var(--secondary, var(--luzmo-primary));--viz-item-menu-button-edit-background-active: var(--primary, var(--luzmo-primary));--viz-item-menu-button-edit-icon-color: var(--luzmo-primary-inverse-color, white);--viz-item-menu-delete-padding: var(--luzmo-spacing-3, .125rem);--viz-item-menu-delete-border-radius: var(--luzmo-border-radius, .25rem);--viz-item-menu-delete-background: var(--luzmo-selected-color-hover, rgb(70, 69, 76));--viz-item-menu-delete-background-hover: var(--luzmo-negative-color, rgb(222, 55, 55));--viz-item-menu-delete-background-active: var(--luzmo-negative-color, rgb(222, 55, 55));--viz-item-menu-delete-icon-color: var(--luzmo-primary-inverse-color, white);--viz-item-menu-delete-icon-color-hover: var(--luzmo-primary-inverse-color, white);--viz-item-menu-transition: all var(--luzmo-animation-duration, .2s) ease;--viz-item-menu-font-size: var(--luzmo-font-size-m, .875rem);--viz-item-menu-box-shadow: 0px 4px 4px 0px var(--Boxshadow, rgba(var(--luzmo-border-color-rgb), .2));--viz-item-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 c=Object.defineProperty,b=Object.getOwnPropertyDescriptor,u=(r,e,t,i)=>{for(var o=i>1?void 0:i?b(e,t):e,l=r.length-1,a;l>=0;l--)(a=r[l])&&(o=(i?a(e,t,o):a(o))||o);return i&&o&&c(e,t,o),o};exports.LuzmoVizItemMenu=class extends n.LitElement{constructor(){super(...arguments),this.vizItemId="",this.hiddenButtons=[],this.language="en",this.selectedButton=null,this.menuButtonConfigs={edit:{icon:d.luzmoEdit,label:"Edit",eventName:"edit",type:"edit",cssClass:"viz-item-menu-button viz-item-menu-button-edit",dataE2e:"viz-item-menu-button-edit",onHover:()=>this._handleHoverOverEdit()},clone:{icon:d.luzmoClone,label:"Clone",eventName:"clone",type:"clone",cssClass:"viz-item-menu-button viz-item-menu-button-clone",dataE2e:"viz-item-menu-button-clone"},delete:{icon:d.luzmoTrashOutline,label:"Delete",eventName:"delete",type:"delete",cssClass:"viz-item-menu-button viz-item-menu-button-delete",dataE2e:"viz-item-menu-button-delete"}}}get hasTopSectionButtons(){const e=this._shouldShowButton("edit"),t=this._shouldShowButton("clone");return e||t}_shouldShowButton(e){var t;return!((t=this.hiddenButtons)!=null&&t.includes(e))}willUpdate(e){e.has("language")&&this.language!==v.getLocale()&&([...v.targetLocales].includes(this.language??"en")||this.language==="en")&&v.setLocale(this.language)}_handleSelectedToggle(e){e==="edit"&&(this.selectedButton=this.selectedButton===e?null:e,this._emitSelectedChanged())}_emitSelectedChanged(){this.dispatchEvent(new CustomEvent("selected-changed",{bubbles:!0,composed:!0,detail:{selectedButton:this.selectedButton}}))}_handleMenuButtonClick(e){this._handleSelectedToggle(e.type),this.dispatchEvent(new CustomEvent("button-clicked",{bubbles:!0,composed:!0,detail:{action:e.eventName,type:e.type,id:this.vizItemId}}))}_createMenuButtonClickHandler(e){return()=>this._handleMenuButtonClick(e)}_handleHoverOverEdit(){this.dispatchEvent(new CustomEvent("edit-button-hovered",{bubbles:!0,composed:!0}))}_renderMenuButton(e){const t=this.selectedButton===e.type,i=s.msg(e.label,{desc:`Viz item menu ${e.type} tooltip`});return n.html`
       <div
         class=${e.cssClass}
         data-e2e=${e.dataE2e||""}
@@ -29,7 +29,7 @@
         @mouseenter=${e.onHover}
         @click=${this._createMenuButtonClickHandler(e)}
       >
-        <luzmo-icon .icon=${e.icon} size="s"></luzmo-icon>
+        <luzmo-icon .icon=${e.icon} size="xs"></luzmo-icon>
         <luzmo-tooltip
           self-managed
           placement="right"

package/components/viz-item-menu/index.js

@@ -23,14 +23,14 @@ import "@luzmo/lucero/icon";
 import "@luzmo/lucero/tooltip";
 import { unsafeCSS as h, LitElement as p, html as n } from "lit";
 import { property as l } from "lit/decorators.js";
-import { g, t as f, s as x } from "../set-locale-hKTMz37h.js";
+import { g, t as f, s as x } 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 y = ':host{box-sizing:border-box;display:block;width:min-content}:host luzmo-icon{display:flex}:host .viz-item-menu{display:flex;flex-direction:column;align-items:center;gap:var(--luzmo-viz-item-menu-gap, var(--viz-item-menu-gap));font-size:var(--luzmo-viz-item-menu-font-size, var(--viz-item-menu-font-size));width:min-content}:host .viz-item-menu .viz-item-menu-top-section{display:flex;flex-direction:column;gap:var(--luzmo-viz-item-menu-button-edit-gap, var(--viz-item-menu-button-edit-gap))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button{padding:var(--luzmo-viz-item-menu-button-edit-padding, var(--viz-item-menu-button-edit-padding));background-color:var(--luzmo-viz-item-menu-button-edit-background, var(--viz-item-menu-button-edit-background))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:first-of-type{border-top-right-radius:var(--luzmo-viz-item-menu-button-edit-border-radius, var(--viz-item-menu-button-edit-border-radius));border-top-left-radius:var(--luzmo-viz-item-menu-button-edit-border-radius, var(--viz-item-menu-button-edit-border-radius))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:last-of-type{border-bottom-right-radius:var(--luzmo-viz-item-menu-button-edit-border-radius, var(--viz-item-menu-button-edit-border-radius));border-bottom-left-radius:var(--luzmo-viz-item-menu-button-edit-border-radius, var(--viz-item-menu-button-edit-border-radius));box-shadow:var(--luzmo-viz-item-menu-box-shadow, var(--viz-item-menu-box-shadow))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:hover,:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button[selected]{background-color:var(--luzmo-viz-item-menu-button-edit-background-hover, var(--viz-item-menu-button-edit-background-hover))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:active{background-color:var(--luzmo-viz-item-menu-button-edit-background-active, var(--viz-item-menu-button-edit-background-active))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button luzmo-icon{color:var(--luzmo-viz-item-menu-button-edit-icon-color, var(--viz-item-menu-button-edit-icon-color))}:host .viz-item-menu .viz-item-menu-button{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:var(--luzmo-viz-item-menu-transition, var(--viz-item-menu-transition))}:host .viz-item-menu .viz-item-menu-button-delete{padding:var(--luzmo-viz-item-menu-delete-padding, var(--viz-item-menu-delete-padding));border-radius:var(--luzmo-viz-item-menu-delete-border-radius, var(--viz-item-menu-delete-border-radius));background-color:var(--luzmo-viz-item-menu-delete-background, var(--viz-item-menu-delete-background));box-shadow:var(--luzmo-viz-item-menu-box-shadow, var(--viz-item-menu-box-shadow))}:host .viz-item-menu .viz-item-menu-button-delete:hover,:host .viz-item-menu .viz-item-menu-button-delete[selected]{background-color:var(--luzmo-viz-item-menu-delete-background-hover, var(--viz-item-menu-delete-background-hover))}:host .viz-item-menu .viz-item-menu-button-delete:hover luzmo-icon,:host .viz-item-menu .viz-item-menu-button-delete[selected] luzmo-icon{color:var(--luzmo-viz-item-menu-delete-icon-color-hover, var(--viz-item-menu-delete-icon-color-hover))}:host .viz-item-menu .viz-item-menu-button-delete:active{background-color:var(--luzmo-viz-item-menu-delete-background-active, var(--viz-item-menu-delete-background-active))}:host .viz-item-menu .viz-item-menu-button-delete:active luzmo-icon{color:var(--luzmo-viz-item-menu-delete-icon-color-hover, var(--viz-item-menu-delete-icon-color-hover))}:host .viz-item-menu .viz-item-menu-button-delete luzmo-icon{color:var(--luzmo-viz-item-menu-delete-icon-color, var(--viz-item-menu-delete-icon-color))}:host .viz-item-menu luzmo-tooltip{--tooltip-font-family: var( --luzmo-viz-item-menu-tooltip-font-family, var(--viz-item-menu-tooltip-font-family) );font-family:var(--luzmo-viz-item-menu-tooltip-font-family, var(--viz-item-menu-tooltip-font-family))}:host{--viz-item-menu-gap: var(--luzmo-spacing-3, .375rem);--viz-item-menu-button-edit-gap: 0;--viz-item-menu-button-edit-padding: var(--luzmo-spacing-3, .125rem);--viz-item-menu-button-edit-border-radius: var(--luzmo-border-radius, .25rem);--viz-item-menu-button-edit-background: var(--luzmo-selected-color-hover, rgb(70, 69, 76));--viz-item-menu-button-edit-background-hover: var(--secondary, var(--luzmo-primary));--viz-item-menu-button-edit-background-active: var(--secondary, var(--luzmo-primary));--viz-item-menu-button-edit-icon-color: var(--luzmo-primary-inverse-color, white);--viz-item-menu-delete-padding: var(--luzmo-spacing-3, .125rem);--viz-item-menu-delete-border-radius: var(--luzmo-border-radius, .25rem);--viz-item-menu-delete-background: var(--luzmo-selected-color-hover, rgb(70, 69, 76));--viz-item-menu-delete-background-hover: var(--luzmo-negative-color, rgb(222, 55, 55));--viz-item-menu-delete-background-active: var(--luzmo-negative-color, rgb(222, 55, 55));--viz-item-menu-delete-icon-color: var(--luzmo-primary-inverse-color, white);--viz-item-menu-delete-icon-color-hover: var(--luzmo-primary-inverse-color, white);--viz-item-menu-transition: all var(--luzmo-animation-duration, .2s) ease;--viz-item-menu-font-size: var(--luzmo-font-size-m, .875rem);--viz-item-menu-box-shadow: 0px 4px 4px 0px var(--Boxshadow, rgba(var(--luzmo-border-color-rgb), .2));--viz-item-menu-tooltip-font-family: var(--luzmo-font-family, "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif)}';
+const y = ':host{box-sizing:border-box;display:block;width:min-content}:host luzmo-icon{display:flex}:host .viz-item-menu{display:flex;flex-direction:column;align-items:center;gap:var(--luzmo-viz-item-menu-gap, var(--viz-item-menu-gap));font-size:var(--luzmo-viz-item-menu-font-size, var(--viz-item-menu-font-size));width:min-content}:host .viz-item-menu .viz-item-menu-top-section{display:flex;flex-direction:column;gap:var(--luzmo-viz-item-menu-button-edit-gap, var(--viz-item-menu-button-edit-gap))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button{padding:var(--luzmo-viz-item-menu-button-edit-padding, var(--viz-item-menu-button-edit-padding));background-color:var(--luzmo-viz-item-menu-button-edit-background, var(--viz-item-menu-button-edit-background))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:first-of-type{border-top-right-radius:var(--luzmo-viz-item-menu-button-edit-border-radius, var(--viz-item-menu-button-edit-border-radius));border-top-left-radius:var(--luzmo-viz-item-menu-button-edit-border-radius, var(--viz-item-menu-button-edit-border-radius))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:last-of-type{border-bottom-right-radius:var(--luzmo-viz-item-menu-button-edit-border-radius, var(--viz-item-menu-button-edit-border-radius));border-bottom-left-radius:var(--luzmo-viz-item-menu-button-edit-border-radius, var(--viz-item-menu-button-edit-border-radius));box-shadow:var(--luzmo-viz-item-menu-box-shadow, var(--viz-item-menu-box-shadow))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:hover{background-color:var(--luzmo-viz-item-menu-button-edit-background-hover, var(--viz-item-menu-button-edit-background-hover))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:active,:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button[selected]{background-color:var(--luzmo-viz-item-menu-button-edit-background-active, var(--viz-item-menu-button-edit-background-active))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button luzmo-icon{color:var(--luzmo-viz-item-menu-button-edit-icon-color, var(--viz-item-menu-button-edit-icon-color))}:host .viz-item-menu .viz-item-menu-button{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:var(--luzmo-viz-item-menu-transition, var(--viz-item-menu-transition));width:1rem;height:1rem}:host .viz-item-menu .viz-item-menu-button-delete{padding:var(--luzmo-viz-item-menu-delete-padding, var(--viz-item-menu-delete-padding));border-radius:var(--luzmo-viz-item-menu-delete-border-radius, var(--viz-item-menu-delete-border-radius));background-color:var(--luzmo-viz-item-menu-delete-background, var(--viz-item-menu-delete-background));box-shadow:var(--luzmo-viz-item-menu-box-shadow, var(--viz-item-menu-box-shadow))}:host .viz-item-menu .viz-item-menu-button-delete:hover,:host .viz-item-menu .viz-item-menu-button-delete[selected]{background-color:var(--luzmo-viz-item-menu-delete-background-hover, var(--viz-item-menu-delete-background-hover))}:host .viz-item-menu .viz-item-menu-button-delete:hover luzmo-icon,:host .viz-item-menu .viz-item-menu-button-delete[selected] luzmo-icon{color:var(--luzmo-viz-item-menu-delete-icon-color-hover, var(--viz-item-menu-delete-icon-color-hover))}:host .viz-item-menu .viz-item-menu-button-delete:active{background-color:var(--luzmo-viz-item-menu-delete-background-active, var(--viz-item-menu-delete-background-active))}:host .viz-item-menu .viz-item-menu-button-delete:active luzmo-icon{color:var(--luzmo-viz-item-menu-delete-icon-color-hover, var(--viz-item-menu-delete-icon-color-hover))}:host .viz-item-menu .viz-item-menu-button-delete luzmo-icon{color:var(--luzmo-viz-item-menu-delete-icon-color, var(--viz-item-menu-delete-icon-color))}:host .viz-item-menu luzmo-tooltip{--tooltip-font-family: var( --luzmo-viz-item-menu-tooltip-font-family, var(--viz-item-menu-tooltip-font-family) );font-family:var(--luzmo-viz-item-menu-tooltip-font-family, var(--viz-item-menu-tooltip-font-family))}:host{--viz-item-menu-gap: var(--luzmo-spacing-3, .375rem);--viz-item-menu-button-edit-gap: 0;--viz-item-menu-button-edit-padding: var(--luzmo-spacing-3, .125rem);--viz-item-menu-button-edit-border-radius: var(--luzmo-border-radius, .25rem);--viz-item-menu-button-edit-background: var(--luzmo-selected-color-hover, rgb(70, 69, 76));--viz-item-menu-button-edit-background-hover: var(--secondary, var(--luzmo-primary));--viz-item-menu-button-edit-background-active: var(--primary, var(--luzmo-primary));--viz-item-menu-button-edit-icon-color: var(--luzmo-primary-inverse-color, white);--viz-item-menu-delete-padding: var(--luzmo-spacing-3, .125rem);--viz-item-menu-delete-border-radius: var(--luzmo-border-radius, .25rem);--viz-item-menu-delete-background: var(--luzmo-selected-color-hover, rgb(70, 69, 76));--viz-item-menu-delete-background-hover: var(--luzmo-negative-color, rgb(222, 55, 55));--viz-item-menu-delete-background-active: var(--luzmo-negative-color, rgb(222, 55, 55));--viz-item-menu-delete-icon-color: var(--luzmo-primary-inverse-color, white);--viz-item-menu-delete-icon-color-hover: var(--luzmo-primary-inverse-color, white);--viz-item-menu-transition: all var(--luzmo-animation-duration, .2s) ease;--viz-item-menu-font-size: var(--luzmo-font-size-m, .875rem);--viz-item-menu-box-shadow: 0px 4px 4px 0px var(--Boxshadow, rgba(var(--luzmo-border-color-rgb), .2));--viz-item-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 k = Object.defineProperty, w = Object.getOwnPropertyDescriptor, u = (e, o, r, m) => {
   for (var i = m > 1 ? void 0 : m ? w(o, r) : o, a = e.length - 1, d; a >= 0; a--)
     (d = e[a]) && (i = (m ? d(o, r, i) : d(i)) || i);
@@ -77,7 +77,8 @@ let t = class extends p {
    * Check if a menu button should be shown
    */
   _shouldShowButton(e) {
-    return !this.hiddenButtons?.includes(e);
+    var o;
+    return !((o = this.hiddenButtons) != null && o.includes(e));
   }
   willUpdate(e) {
     e.has("language") && this.language !== g() && ([...f].includes(this.language ?? "en") || this.language === "en") && x(this.language);
@@ -149,7 +150,7 @@ let t = class extends p {
         @mouseenter=${e.onHover}
         @click=${this._createMenuButtonClickHandler(e)}
       >
-        <luzmo-icon .icon=${e.icon} size="s"></luzmo-icon>
+        <luzmo-icon .icon=${e.icon} size="xs"></luzmo-icon>
         <luzmo-tooltip
           self-managed
           placement="right"