@luzmo/analytics-components-kit 1.0.8 → 1.0.9-beta.1

package/components/viz-item-menu-L_j0L08h.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-DaLXe5J9.js";
+import { luzmoClone as n, luzmoEdit as r, luzmoTrashOutline as i } from "@luzmo/icons";
+import "@luzmo/lucero/icon";
+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/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:hover luzmo-icon{color:var(--luzmo-viz-item-menu-button-edit-icon-color,var(--viz-item-menu-button-edit-icon-color-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:active luzmo-icon,:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button[aria-pressed=true] luzmo-icon{color:var(--luzmo-viz-item-menu-button-edit-icon-color,var(--viz-item-menu-button-edit-icon-color-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:focus-visible{z-index:1;outline:var(--luzmo-viz-item-menu-button-focus-outline-width,var(--viz-item-menu-button-focus-outline-width)) solid var(--luzmo-viz-item-menu-button-focus-outline-color,var(--viz-item-menu-button-focus-outline-color));outline-offset:var(--luzmo-viz-item-menu-button-focus-outline-offset,var(--viz-item-menu-button-focus-outline-offset))}: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:white;--viz-item-menu-button-edit-icon-color-hover:var(--luzmo-primary-inverse-color,white);--viz-item-menu-button-edit-icon-color-active: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:white;--viz-item-menu-delete-icon-color-hover:var(--luzmo-negative-inverse-color,white);--viz-item-menu-button-focus-outline-width:var(--luzmo-indicator-width,1px);--viz-item-menu-button-focus-outline-color:var(--luzmo-indicator-color,var(--primary,var(--luzmo-primary)));--viz-item-menu-button-focus-outline-offset:var(--luzmo-indicator-gap,2px);--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 #0003;--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/{wordcloud-chart-options.config-CpMtpG7q.js → wordcloud-chart-options.config-y9Z5I_ZN.js}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { s as e } from "./pragmatic-element-adapter-C_7HSvGV.js";
+import { s as e } from "./pragmatic-element-adapter-D0LRKx5U.js";
 import { a as t, c as n, t as r, u as i } from "./helpers-irnB2xbq.js";
 import { t as a } from "./info-tooltip-options.config-BmSMkirf.js";
 import { t as o } from "./interactivity-options.config-BjEGNaIz.js";

package/components/{wordcloud-chart-positioning.config-D59ntNtd.js → wordcloud-chart-positioning.config-BP6iqy-N.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-Cj6vbgJl.js";
+import { n as e } from "./item-slot-drop-panel-LpfX7ap0.js";
 //#region node_modules/@luzmo/dashboard-contents-types/wordcloud-chart/wordcloud-chart-positioning.config.js
 var t = {
 	grid: {

package/components/{wordcloud-chart-positioning.config-DC89_DYc.cjs → wordcloud-chart-positioning.config-DZEkWvb0.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-CE4f9X6F.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-BcBHDDTT.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-Cc5F92Tv.js → wordcloud-chart-slots.config-CvabtgbP.js}

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