@luzmo/analytics-components-kit 1.0.3 → 1.0.4-beta.1

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

@@ -0,0 +1,170 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 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 { t as e } from "./decorate-DyMgX_Uh.js";
+import { t } from "./localized-mixin-EpweDrTk.js";
+import { luzmoClone as n, luzmoEdit as r, luzmoTrashOutline as i } from "@luzmo/icons";
+import { LitElement as a, html as o, nothing as s, unsafeCSS as c } from "lit";
+import { property as l } from "lit/decorators.js";
+import { localized as u, msg as d } from "@lit/localize";
+import "@luzmo/lucero/icon";
+import "@luzmo/lucero/tooltip";
+//#region src/components/viz-item-menu/viz-item-menu.module.scss?inline
+var f = ":host{box-sizing:border-box;width:min-content;display:block}:host luzmo-icon{display:flex}:host .viz-item-menu{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));flex-direction:column;width:min-content;display:flex}:host .viz-item-menu .viz-item-menu-top-section{gap:var(--luzmo-viz-item-menu-button-edit-gap,var(--viz-item-menu-button-edit-gap));flex-direction:column;display:flex}: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-child{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-child{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[aria-pressed=true]{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{cursor:pointer;transition:var(--luzmo-viz-item-menu-transition,var(--viz-item-menu-transition));width:1rem;height:1rem;font:inherit;color:inherit;box-sizing:content-box;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}: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{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{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))}@media (prefers-reduced-motion:reduce){:host .viz-item-menu .viz-item-menu-button{transition:none}}: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:oklch(40.3678% 2.98023e-8 none);--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:oklch(40.3678% 2.98023e-8 none);--viz-item-menu-delete-background-hover:var(--luzmo-negative-color,#de3737);--viz-item-menu-delete-background-active:var(--luzmo-negative-color,#de3737);--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)}", p = class extends t(a) {
+	constructor(...e) {
+		super(...e), this.vizItemId = "", this.hiddenButtons = [], this.selectedButton = null, this.menuButtonConfigs = {
+			edit: {
+				icon: r,
+				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: n,
+				label: "Clone",
+				eventName: "clone",
+				type: "clone",
+				cssClass: "viz-item-menu-button viz-item-menu-button-clone",
+				dataE2e: "viz-item-menu-button-clone"
+			},
+			delete: {
+				icon: i,
+				label: "Delete",
+				eventName: "delete",
+				type: "delete",
+				cssClass: "viz-item-menu-button viz-item-menu-button-delete",
+				dataE2e: "viz-item-menu-button-delete"
+			}
+		};
+	}
+	static {
+		this.styles = c(f);
+	}
+	static {
+		this.tagName = "luzmo-viz-item-menu";
+	}
+	get hasTopSectionButtons() {
+		let e = this._shouldShowButton("edit"), t = this._shouldShowButton("clone");
+		return e || t;
+	}
+	_shouldShowButton(e) {
+		return !this.hiddenButtons?.includes(e);
+	}
+	_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) {
+		let t = this.selectedButton === e.type, n = "";
+		e.type === "edit" ? n = d("Edit", { desc: "Edit action label" }) : e.type === "clone" ? n = d("Clone", { desc: "Grid item action tooltip" }) : e.type === "delete" && (n = d("Delete", { desc: "Delete action label" }));
+		let r = e.type === "edit";
+		return o`
+      <button
+        class=${e.cssClass}
+        data-e2e=${e.dataE2e || ""}
+        data-menu-button=${e.type}
+        aria-label=${n}
+        aria-pressed=${r ? t ? "true" : "false" : s}
+        ?selected=${t}
+        @mouseenter=${e.onHover}
+        @click=${this._createMenuButtonClickHandler(e)}
+        @keydown=${(t) => {
+			(t.key === "Enter" || t.key === " ") && (t.preventDefault(), this._createMenuButtonClickHandler(e)());
+		}}
+      >
+        <luzmo-icon .icon=${e.icon} size="xs"></luzmo-icon>
+        <luzmo-tooltip
+          self-managed
+          placement="right"
+          fallback-placements="left"
+        >
+          ${n}
+        </luzmo-tooltip>
+      </button>
+    `;
+	}
+	_renderTopSection() {
+		return this.hasTopSectionButtons ? o`
+      <div class="viz-item-menu-top-section">
+        ${this._shouldShowButton("edit") ? this._renderMenuButton(this.menuButtonConfigs.edit) : ""}
+        ${this._shouldShowButton("clone") ? this._renderMenuButton(this.menuButtonConfigs.clone) : ""}
+      </div>
+    ` : o`
+        
+      `;
+	}
+	_renderBottomSection() {
+		return this._shouldShowButton("delete") ? this._renderMenuButton(this.menuButtonConfigs.delete) : o`
+        
+      `;
+	}
+	render() {
+		return o`
+      <div class="viz-item-menu" role="toolbar" aria-label=${d("Item actions", { desc: "Item actions toolbar label" })}>
+        ${this._renderTopSection()}
+        ${this._renderBottomSection()}
+      </div>
+    `;
+	}
+};
+//#endregion
+//#region src/components/viz-item-menu/index.ts
+e([l({
+	type: String,
+	reflect: !0,
+	attribute: "viz-item-id"
+})], p.prototype, "vizItemId", void 0), e([l({
+	type: Array,
+	attribute: !1
+})], p.prototype, "hiddenButtons", void 0), e([l({
+	type: String,
+	reflect: !0,
+	attribute: "selected-button"
+})], p.prototype, "selectedButton", void 0), p = e([u()], p), customElements.get("luzmo-viz-item-menu") || customElements.define("luzmo-viz-item-menu", p);
+//#endregion
+export { p as t };

package/components/viz-item-menu-Dry8xpRA.cjs

@@ -0,0 +1,55 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 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.
+ * */
+const e=require("./decorate-DCJt-2rt.cjs"),t=require("./localized-mixin-CiBWThrZ.cjs");let n=require("@luzmo/icons"),r=require("lit"),i=require("lit/decorators.js"),a=require("@lit/localize");require("@luzmo/lucero/icon"),require("@luzmo/lucero/tooltip");var o=`:host{box-sizing:border-box;width:min-content;display:block}:host luzmo-icon{display:flex}:host .viz-item-menu{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));flex-direction:column;width:min-content;display:flex}:host .viz-item-menu .viz-item-menu-top-section{gap:var(--luzmo-viz-item-menu-button-edit-gap,var(--viz-item-menu-button-edit-gap));flex-direction:column;display:flex}: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-child{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-child{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[aria-pressed=true]{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{cursor:pointer;transition:var(--luzmo-viz-item-menu-transition,var(--viz-item-menu-transition));width:1rem;height:1rem;font:inherit;color:inherit;box-sizing:content-box;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}: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{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{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))}@media (prefers-reduced-motion:reduce){:host .viz-item-menu .viz-item-menu-button{transition:none}}: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:oklch(40.3678% 2.98023e-8 none);--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:oklch(40.3678% 2.98023e-8 none);--viz-item-menu-delete-background-hover:var(--luzmo-negative-color,#de3737);--viz-item-menu-delete-background-active:var(--luzmo-negative-color,#de3737);--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)}`,s=class extends t.t(r.LitElement){constructor(...e){super(...e),this.vizItemId=``,this.hiddenButtons=[],this.selectedButton=null,this.menuButtonConfigs={edit:{icon:n.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:n.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:n.luzmoTrashOutline,label:`Delete`,eventName:`delete`,type:`delete`,cssClass:`viz-item-menu-button viz-item-menu-button-delete`,dataE2e:`viz-item-menu-button-delete`}}}static{this.styles=(0,r.unsafeCSS)(o)}static{this.tagName=`luzmo-viz-item-menu`}get hasTopSectionButtons(){let e=this._shouldShowButton(`edit`),t=this._shouldShowButton(`clone`);return e||t}_shouldShowButton(e){return!this.hiddenButtons?.includes(e)}_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){let t=this.selectedButton===e.type,n=``;e.type===`edit`?n=(0,a.msg)(`Edit`,{desc:`Edit action label`}):e.type===`clone`?n=(0,a.msg)(`Clone`,{desc:`Grid item action tooltip`}):e.type===`delete`&&(n=(0,a.msg)(`Delete`,{desc:`Delete action label`}));let i=e.type===`edit`;return r.html`
+      <button
+        class=${e.cssClass}
+        data-e2e=${e.dataE2e||``}
+        data-menu-button=${e.type}
+        aria-label=${n}
+        aria-pressed=${i?t?`true`:`false`:r.nothing}
+        ?selected=${t}
+        @mouseenter=${e.onHover}
+        @click=${this._createMenuButtonClickHandler(e)}
+        @keydown=${t=>{(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),this._createMenuButtonClickHandler(e)())}}
+      >
+        <luzmo-icon .icon=${e.icon} size="xs"></luzmo-icon>
+        <luzmo-tooltip
+          self-managed
+          placement="right"
+          fallback-placements="left"
+        >
+          ${n}
+        </luzmo-tooltip>
+      </button>
+    `}_renderTopSection(){return this.hasTopSectionButtons?r.html`
+      <div class="viz-item-menu-top-section">
+        ${this._shouldShowButton(`edit`)?this._renderMenuButton(this.menuButtonConfigs.edit):``}
+        ${this._shouldShowButton(`clone`)?this._renderMenuButton(this.menuButtonConfigs.clone):``}
+      </div>
+    `:r.html`
+        
+      `}_renderBottomSection(){return this._shouldShowButton(`delete`)?this._renderMenuButton(this.menuButtonConfigs.delete):r.html`
+        
+      `}render(){return r.html`
+      <div class="viz-item-menu" role="toolbar" aria-label=${(0,a.msg)(`Item actions`,{desc:`Item actions toolbar label`})}>
+        ${this._renderTopSection()}
+        ${this._renderBottomSection()}
+      </div>
+    `}};e.t([(0,i.property)({type:String,reflect:!0,attribute:`viz-item-id`})],s.prototype,`vizItemId`,void 0),e.t([(0,i.property)({type:Array,attribute:!1})],s.prototype,`hiddenButtons`,void 0),e.t([(0,i.property)({type:String,reflect:!0,attribute:`selected-button`})],s.prototype,`selectedButton`,void 0),s=e.t([(0,a.localized)()],s),customElements.get(`luzmo-viz-item-menu`)||customElements.define(`luzmo-viz-item-menu`,s),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

package/components/{wordcloud-chart-options.config-CVl6-lm0.js → wordcloud-chart-options.config-DLN2RAEK.js}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { o as e } from "./get-css-variable-DV0s58yn.js";
+import { s as e } from "./pragmatic-element-adapter-D0LRKx5U.js";
 import { a as t, d as n, o as r, t as i } from "./helpers-d8Tb1scY.js";
 //#region node_modules/@luzmo/dashboard-contents-types/src/lib/wordcloud-chart/wordcloud-chart-options.config.js
 var a = /* @__PURE__ */ e({ default: () => o }), o = [{

package/components/{wordcloud-chart-positioning.config-BA0jo1KG.js → wordcloud-chart-positioning.config-DVPWXJXb.js}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { n as e } from "./item-slot-drop-panel-D_AGJhSF.js";
+import { n as e } from "./item-slot-drop-panel-CEI1q060.js";
 //#region node_modules/@luzmo/dashboard-contents-types/src/lib/wordcloud-chart/wordcloud-chart-positioning.config.js
 var t = {
 	grid: {

package/components/{wordcloud-chart-positioning.config-CioSulMl.cjs → wordcloud-chart-positioning.config-ZTO2VLdY.cjs}

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-const e=require("./item-slot-drop-panel-CMn3gtpB.cjs");var t={grid:{columns:2,rows:2,columnSizes:[`1fr`,e.n],rowSizes:[`1fr`,e.n],gap:`0`},slots:{measure:{column:1,row:1,align:`center`,justify:`center`,rotate:!1},category:{column:1,row:2,align:`center`,justify:`center`,rotate:!1},color:{column:2,row:1,align:`center`,justify:`center`,rotate:!0}}};exports.wordcloudChartPositioningConfig=t;
+const e=require("./item-slot-drop-panel-DqekQtOr.cjs");var t={grid:{columns:2,rows:2,columnSizes:[`1fr`,e.n],rowSizes:[`1fr`,e.n],gap:`0`},slots:{measure:{column:1,row:1,align:`center`,justify:`center`,rotate:!1},category:{column:1,row:2,align:`center`,justify:`center`,rotate:!1},color:{column:2,row:1,align:`center`,justify:`center`,rotate:!0}}};exports.wordcloudChartPositioningConfig=t;

package/components/{wordcloud-chart-slots.config-D2fzZcjk.js → wordcloud-chart-slots.config-mFvqkiQE.js}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { o as e } from "./get-css-variable-DV0s58yn.js";
+import { s as e } from "./pragmatic-element-adapter-D0LRKx5U.js";
 //#region node_modules/@luzmo/dashboard-contents-types/src/lib/wordcloud-chart/wordcloud-chart-slots.config.js
 var t = /* @__PURE__ */ e({ wordcloudChartSlotsConfig: () => n }), n = [
 	{