@luzmo/analytics-components-kit 1.0.4-beta.3 → 1.0.4

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

@@ -1,170 +0,0 @@
-/*! * 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-CaYbmmmm.js";
-import { t } from "./localized-mixin-BYWQe1fg.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-DD8ndROu.cjs

@@ -1,55 +0,0 @@
-/*! * 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-DrK3QZNa.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/react/components/ai-chat/empty-state/index.ts

@@ -1 +0,0 @@
-export * from './types';

package/react/components/ai-chat/empty-state/types.ts

@@ -1,16 +0,0 @@
-import type { Dataset } from '../../../types';
-
-export type AiChatEmptyStateSuggestion = {
-  /** Visible label on the suggestion chip. */
-  label: string;
-  /** Prompt text inserted or submitted when selected; defaults to `label`. */
-  prompt?: string;
-  /** Datasets applied to the chat input when this suggestion is selected. */
-  selectedDatasets?: Dataset[];
-};
-
-export type AiChatEmptyStateSuggestionSelectedDetail = {
-  label: string;
-  prompt: string;
-  selectedDatasets?: Dataset[];
-};

package/react/components/ai-chat/stream/index.ts

@@ -1 +0,0 @@
-export * from './types';

package/react/components/ai-chat/stream/types.ts

@@ -1,60 +0,0 @@
-import type { ProgressTreeNode } from '@luzmo/lucero/progress-steps';
-import type { ChatMessage } from '../../../types';
-import type { AiChatCompleteEvent, AiChatStepEvent } from '../ai-chat-events';
-import type { AiPromptAgent, DashboardStatePayload } from '../ai-prompt-types';
-
-export interface StreamHandlerCallbacks {
-  onConversationIdChange: (conversationId: string) => void;
-  onProgress: (progress: ProgressTreeNode) => void;
-  onProgressCollapsed: (collapsed: boolean) => void;
-  onMessageUpdate: (message: ChatMessage) => void;
-  getConversationId: () => string | null;
-  /** Fired for every incremental, assembled stream event. */
-  onStep: (event: AiChatStepEvent) => void;
-  /** Fired exactly once with the authoritative final result (or error). */
-  onComplete: (event: AiChatCompleteEvent) => void;
-}
-
-/** Per-asset accumulation buffer for the ASSET_START/DELTA/END channel. */
-export interface StreamAssetBuffer {
-  assetType: string;
-  snapshot: Record<string, unknown>;
-}
-
-export interface StreamHandlerState {
-  progressCollapsed: boolean;
-  /** Accumulated assistant text streamed so far. */
-  accumulatedText: string;
-  /** Latest classifier decision routed from the progress root node. */
-  decision: 'create' | 'edit' | 'question' | null;
-  /** In-flight asset buffers keyed by asset id (or asset type as fallback). */
-  assets: Record<string, StreamAssetBuffer>;
-  /** Authoritative dashboard snapshot (dashboard agent). */
-  dashboardSnapshot: DashboardStatePayload | null;
-  /** Dashboard name keyed by locale (dashboard agent). */
-  dashboardName: Record<string, string> | undefined;
-  /** Authoritative chart snapshot (item agent). */
-  chartSnapshot: Record<string, unknown> | null;
-  /** Pending clarification question, when the agent interrupted. */
-  interruptQuestion: string | null;
-  /** Guards against firing {@link StreamHandlerCallbacks.onComplete} more than once. */
-  completed: boolean;
-}
-
-export interface StreamHandlerContext {
-  aiMessage: ChatMessage;
-  callbacks: StreamHandlerCallbacks;
-  state: StreamHandlerState;
-}
-
-/**
- * Per-agent stream definition. The shared processor owns the envelope/emit logic;
- * the agent only declares which final `asset_type`s map to its authoritative result.
- */
-export interface AgentStreamDefinition {
-  agent: AiPromptAgent;
-  /** Final asset type whose payload becomes {@link AiChatCompleteEvent.chart}. */
-  chartAssetType?: string;
-  /** Final asset type whose payload becomes {@link AiChatCompleteEvent.dashboard}. */
-  dashboardAssetType?: string;
-}

package/react/components/ai-chat.component.ts

@@ -1,42 +0,0 @@
-import React from 'react';
-import { createComponent, EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoAiChat as LuzmoAiChatClass, AiChatCompleteEvent, AiChatConversationIdChangedEventDetail, AiChatDatasetsChangedEventDetail, AiChatMessageSentEventDetail, AiChatStepEvent } from '@luzmo/analytics-components-kit/ai-chat';
-
-const LuzmoAiChatComponent = createComponent({
-  tagName: 'luzmo-ai-chat',
-  elementClass: LuzmoAiChatClass,
-  react: React,
-  events: {
-    onLuzmoMessageSent: 'luzmo-message-sent' as EventName<CustomEvent<AiChatMessageSentEventDetail>>,
-    onLuzmoDatasetsChanged: 'luzmo-datasets-changed' as EventName<CustomEvent<AiChatDatasetsChangedEventDetail>>,
-    onLuzmoStep: 'luzmo-step' as EventName<CustomEvent<AiChatStepEvent>>,
-    onLuzmoComplete: 'luzmo-complete' as EventName<CustomEvent<AiChatCompleteEvent>>,
-    onLuzmoStop: 'luzmo-stop' as EventName<CustomEvent<void>>,
-    onLuzmoConversationIdChanged: 'luzmo-conversation-id-changed' as EventName<CustomEvent<AiChatConversationIdChangedEventDetail>>
-  }
-});
-
-/**
- * React wrapper for <luzmo-ai-chat>
- *
- * @event onLuzmoMessageSent - Fired when a user sends a message
- * @event onLuzmoDatasetsChanged - Fired when the selected datasets change
- * @event onLuzmoStep - Fired for every incremental, kit-assembled event during a streamed response (decision, text, progress, dashboard-title/layout/item, chart, interrupt, plus forward-by-default unrecognized chunks). Use `isRecognizedStep` to narrow.
- * @event onLuzmoComplete - Fired exactly once per response with the authoritative final result (dashboard/chart/name) or an `error`.
- * @event onLuzmoStop - Fired when an in-flight prompt is stopped
- * @event onLuzmoConversationIdChanged - Fired when the conversation ID is updated from the API
- */
-export const LuzmoAiChat = LuzmoAiChatComponent as ReactWebComponent<
-  LuzmoAiChatClass,
-  {
-    onLuzmoMessageSent: EventName<CustomEvent<AiChatMessageSentEventDetail>>;
-    onLuzmoDatasetsChanged: EventName<CustomEvent<AiChatDatasetsChangedEventDetail>>;
-    onLuzmoStep: EventName<CustomEvent<AiChatStepEvent>>;
-    onLuzmoComplete: EventName<CustomEvent<AiChatCompleteEvent>>;
-    onLuzmoStop: EventName<CustomEvent<void>>;
-    onLuzmoConversationIdChanged: EventName<CustomEvent<AiChatConversationIdChangedEventDetail>>;
-  }
->;
-
-/** The underlying custom element type for LuzmoAiChat */
-export type LuzmoAiChatElement = LuzmoAiChatClass;

package/react/components/ai-interaction-textarea/index.ts

@@ -1 +0,0 @@
-export * from './types';

package/react/components/ai-interaction-textarea/types.ts

@@ -1,6 +0,0 @@
-import type { Dataset } from '../../types/dataset.types';
-
-export interface PromptSubmittedEventDetail {
-  prompt: string;
-  selectedDatasets: Dataset[];
-}

package/react/components/ai-interaction-textarea.component.ts

@@ -1,30 +0,0 @@
-import React from 'react';
-import { createComponent, EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoAiInteractionTextarea as LuzmoAiInteractionTextareaClass, PromptSubmittedEventDetail } from '@luzmo/analytics-components-kit/ai-interaction-textarea';
-
-const LuzmoAiInteractionTextareaComponent = createComponent({
-  tagName: 'luzmo-ai-interaction-textarea',
-  elementClass: LuzmoAiInteractionTextareaClass,
-  react: React,
-  events: {
-    onPromptSubmitted: 'prompt-submitted' as EventName<CustomEvent<PromptSubmittedEventDetail>>,
-    onPromptStopped: 'prompt-stopped' as EventName<CustomEvent<void>>
-  }
-});
-
-/**
- * React wrapper for <luzmo-ai-interaction-textarea>
- *
- * @event onPromptSubmitted - Fired when a prompt is submitted with selected datasets
- * @event onPromptStopped - Fired when a running prompt is stopped
- */
-export const LuzmoAiInteractionTextarea = LuzmoAiInteractionTextareaComponent as ReactWebComponent<
-  LuzmoAiInteractionTextareaClass,
-  {
-    onPromptSubmitted: EventName<CustomEvent<PromptSubmittedEventDetail>>;
-    onPromptStopped: EventName<CustomEvent<void>>;
-  }
->;
-
-/** The underlying custom element type for LuzmoAiInteractionTextarea */
-export type LuzmoAiInteractionTextareaElement = LuzmoAiInteractionTextareaClass;

package/react/components/data-field-level.component.ts

@@ -1,30 +0,0 @@
-import React from 'react';
-import { createComponent, EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoDataFieldLevel as LuzmoDataFieldLevelClass, DataFieldDragStartedEventDetail, DataFieldDroppedEventDetail } from '@luzmo/analytics-components-kit/data-field-level';
-
-const LuzmoDataFieldLevelComponent = createComponent({
-  tagName: 'luzmo-data-field-level',
-  elementClass: LuzmoDataFieldLevelClass,
-  react: React,
-  events: {
-    onLuzmoDataFieldDropped: 'luzmo-data-field-dropped' as EventName<CustomEvent<DataFieldDroppedEventDetail>>,
-    onLuzmoDataFieldDragStarted: 'luzmo-data-field-drag-started' as EventName<CustomEvent<DataFieldDragStartedEventDetail>>
-  }
-});
-
-/**
- * React wrapper for <luzmo-data-field-level>
- *
- * @event onLuzmoDataFieldDropped - Announces that the data field has been dropped
- * @event onLuzmoDataFieldDragStarted - Announces that the drag is started on the data field
- */
-export const LuzmoDataFieldLevel = LuzmoDataFieldLevelComponent as ReactWebComponent<
-  LuzmoDataFieldLevelClass,
-  {
-    onLuzmoDataFieldDropped: EventName<CustomEvent<DataFieldDroppedEventDetail>>;
-    onLuzmoDataFieldDragStarted: EventName<CustomEvent<DataFieldDragStartedEventDetail>>;
-  }
->;
-
-/** The underlying custom element type for LuzmoDataFieldLevel */
-export type LuzmoDataFieldLevelElement = LuzmoDataFieldLevelClass;

package/react/components/data-fields-select/index.ts

@@ -1 +0,0 @@
-export * from './types';

package/react/components/data-fields-select/types.ts

@@ -1,5 +0,0 @@
-import type { DatasetDataField } from '../../types/dataset-data-field.types';
-
-export interface DataFieldsSelectedEventDetail {
-  dataFields: DatasetDataField[];
-}

package/react/components/data-fields-select.component.ts

@@ -1,27 +0,0 @@
-import React from 'react';
-import { createComponent, EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoDataFieldsSelect as LuzmoDataFieldsSelectClass, DataFieldsSelectedEventDetail } from '@luzmo/analytics-components-kit/data-fields-select';
-
-const LuzmoDataFieldsSelectComponent = createComponent({
-  tagName: 'luzmo-data-fields-select',
-  elementClass: LuzmoDataFieldsSelectClass,
-  react: React,
-  events: {
-    onLuzmoDataFieldsSelected: 'luzmo-data-fields-selected' as EventName<CustomEvent<DataFieldsSelectedEventDetail>>
-  }
-});
-
-/**
- * React wrapper for <luzmo-data-fields-select>
- *
- * @event onLuzmoDataFieldsSelected - Emitted when data fields are selected
- */
-export const LuzmoDataFieldsSelect = LuzmoDataFieldsSelectComponent as ReactWebComponent<
-  LuzmoDataFieldsSelectClass,
-  {
-    onLuzmoDataFieldsSelected: EventName<CustomEvent<DataFieldsSelectedEventDetail>>;
-  }
->;
-
-/** The underlying custom element type for LuzmoDataFieldsSelect */
-export type LuzmoDataFieldsSelectElement = LuzmoDataFieldsSelectClass;

package/react/components/dataset-icon/index.ts

@@ -1 +0,0 @@
-export * from './types';

package/react/components/dataset-icon/types.ts

@@ -1,8 +0,0 @@
-export interface DatasetIcon {
-  subtype: string;
-  account?: {
-    plugin?: {
-      thumbnails?: { url: string; size: string }[];
-    };
-  };
-}

package/react/components/dataset-icon.component.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import { createComponent, ReactWebComponent } from '@lit/react';
-import { LuzmoDatasetIcon as LuzmoDatasetIconClass } from '@luzmo/analytics-components-kit/dataset-icon';
-
-const LuzmoDatasetIconComponent = createComponent({
-  tagName: 'luzmo-dataset-icon',
-  elementClass: LuzmoDatasetIconClass,
-  react: React,
-  events: {
-
-  }
-});
-
-/**
- * React wrapper for <luzmo-dataset-icon>
- */
-export const LuzmoDatasetIcon = LuzmoDatasetIconComponent as ReactWebComponent<
-  LuzmoDatasetIconClass
->;
-
-/** The underlying custom element type for LuzmoDatasetIcon */
-export type LuzmoDatasetIconElement = LuzmoDatasetIconClass;

package/react/components/dataset-selector-list.component.ts

@@ -1,27 +0,0 @@
-import React from 'react';
-import { createComponent, EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoDatasetSelectorList as LuzmoDatasetSelectorListClass, Dataset } from '@luzmo/analytics-components-kit/dataset-selector-list';
-
-const LuzmoDatasetSelectorListComponent = createComponent({
-  tagName: 'luzmo-dataset-selector-list',
-  elementClass: LuzmoDatasetSelectorListClass,
-  react: React,
-  events: {
-    onDatasetSelected: 'dataset-selected' as EventName<CustomEvent<Dataset>>
-  }
-});
-
-/**
- * React wrapper for <luzmo-dataset-selector-list>
- *
- * @event onDatasetSelected - Fired when a dataset is selected
- */
-export const LuzmoDatasetSelectorList = LuzmoDatasetSelectorListComponent as ReactWebComponent<
-  LuzmoDatasetSelectorListClass,
-  {
-    onDatasetSelected: EventName<CustomEvent<Dataset>>;
-  }
->;
-
-/** The underlying custom element type for LuzmoDatasetSelectorList */
-export type LuzmoDatasetSelectorListElement = LuzmoDatasetSelectorListClass;

package/react/components/dataset-selector-row.component.ts

@@ -1,30 +0,0 @@
-import React from 'react';
-import { createComponent, EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoDatasetSelectorRow as LuzmoDatasetSelectorRowClass, Dataset } from '@luzmo/analytics-components-kit/dataset-selector-row';
-
-const LuzmoDatasetSelectorRowComponent = createComponent({
-  tagName: 'luzmo-dataset-selector-row',
-  elementClass: LuzmoDatasetSelectorRowClass,
-  react: React,
-  events: {
-    onDatasetSelected: 'dataset-selected' as EventName<CustomEvent<Dataset>>,
-    onDatasetRemoved: 'dataset-removed' as EventName<CustomEvent<Dataset>>
-  }
-});
-
-/**
- * React wrapper for <luzmo-dataset-selector-row>
- *
- * @event onDatasetSelected - Fired when a dataset is selected
- * @event onDatasetRemoved - Fired when a dataset is removed
- */
-export const LuzmoDatasetSelectorRow = LuzmoDatasetSelectorRowComponent as ReactWebComponent<
-  LuzmoDatasetSelectorRowClass,
-  {
-    onDatasetSelected: EventName<CustomEvent<Dataset>>;
-    onDatasetRemoved: EventName<CustomEvent<Dataset>>;
-  }
->;
-
-/** The underlying custom element type for LuzmoDatasetSelectorRow */
-export type LuzmoDatasetSelectorRowElement = LuzmoDatasetSelectorRowClass;

package/react/components/display-settings/index.ts

@@ -1 +0,0 @@
-export * from './types';

package/react/components/display-settings/types.ts

@@ -1,12 +0,0 @@
-import type { GenericSlotContent } from '@luzmo/dashboard-contents-types';
-
-export interface DisplaySettingsSlotContentChangedEventDetail {
-  slotContent: GenericSlotContent;
-}
-
-export type DisplaySettingsRemoveSlotContentEventDetail = DisplaySettingsSlotContentChangedEventDetail;
-
-export interface InfoVisibilityChangedEventDetail {
-  isVisible: boolean;
-  slotContent: GenericSlotContent;
-}

package/react/components/display-settings-binning.component.ts

@@ -1,27 +0,0 @@
-import React from 'react';
-import { createComponent, EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoDisplaySettingsBinning as LuzmoDisplaySettingsBinningClass, DisplaySettingsSlotContentChangedEventDetail } from '@luzmo/analytics-components-kit/display-settings-binning';
-
-const LuzmoDisplaySettingsBinningComponent = createComponent({
-  tagName: 'luzmo-display-settings-binning',
-  elementClass: LuzmoDisplaySettingsBinningClass,
-  react: React,
-  events: {
-    onLuzmoSlotContentChanged: 'luzmo-slot-content-changed' as EventName<CustomEvent<DisplaySettingsSlotContentChangedEventDetail>>
-  }
-});
-
-/**
- * React wrapper for <luzmo-display-settings-binning>
- *
- * @event onLuzmoSlotContentChanged - Event that is fired when the slot content is changed
- */
-export const LuzmoDisplaySettingsBinning = LuzmoDisplaySettingsBinningComponent as ReactWebComponent<
-  LuzmoDisplaySettingsBinningClass,
-  {
-    onLuzmoSlotContentChanged: EventName<CustomEvent<DisplaySettingsSlotContentChangedEventDetail>>;
-  }
->;
-
-/** The underlying custom element type for LuzmoDisplaySettingsBinning */
-export type LuzmoDisplaySettingsBinningElement = LuzmoDisplaySettingsBinningClass;