@luzmo/analytics-components-kit 1.0.3-beta.12 → 1.0.3-beta.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luzmo/analytics-components-kit",
-  "version": "1.0.3-beta.12",
+  "version": "1.0.3-beta.14",
   "type": "module",
   "main": "./components/index.js",
   "module": "./components/index.js",
@@ -324,7 +324,7 @@
     "@lit/react": "^1.0.6",
     "@lit/task": "^1.0.1",
     "@luzmo/icons": "^1.0.1-alpha.41",
-    "@luzmo/lucero": "^1.0.3-alpha.0",
+    "@luzmo/lucero": "^1.0.3-alpha.4",
     "colorjs.io": "^0.5.2",
     "lit": "^3.3.1",
     "react": "^18.0.0 || ^19.0.0",
@@ -346,11 +346,12 @@
     "@codemirror/commands": "^6.10.3",
     "@codemirror/state": "^6.6.0",
     "@codemirror/view": "^6.43.1",
-    "@luzmo/dashboard-contents-types": "^1.0.31",
+    "@luzmo/dashboard-contents-types": "1.0.31",
     "@luzmo/embed": "^6.13.0",
     "@tanstack/query-core": "^5.90.5",
     "dompurify": "^3.3.0",
     "gridstack": "^12.3.3",
+    "marked": "^18.0.5",
     "uuid": "^14.0.0"
   }
 }

package/react/components/filter-expression-picker.component.ts

@@ -13,6 +13,8 @@ const LuzmoFilterExpressionPickerComponent = createComponent({
 
 /**
  * React wrapper for <luzmo-filter-expression-picker>
+ *
+ * @event onLuzmoExpressionSelected - Fired when the user selects a filter expression (operator); `detail.expression` holds the chosen expression.
  */
 export const LuzmoFilterExpressionPicker = LuzmoFilterExpressionPickerComponent as ReactWebComponent<
   LuzmoFilterExpressionPickerClass,

package/react/components/filter-item.component.ts

@@ -13,6 +13,8 @@ const LuzmoFilterItemComponent = createComponent({
 
 /**
  * React wrapper for <luzmo-filter-item>
+ *
+ * @event onLuzmoFilterChanged - Fired when any part of the filter changes; `detail.filter` holds the updated filter.
  */
 export const LuzmoFilterItem = LuzmoFilterItemComponent as ReactWebComponent<
   LuzmoFilterItemClass,

package/react/components/filter-value-picker-datetime.component.ts

@@ -13,6 +13,8 @@ const LuzmoFilterValuePickerDatetimeComponent = createComponent({
 
 /**
  * React wrapper for <luzmo-filter-value-picker-datetime>
+ *
+ * @event onLuzmoFilterValueChanged - Fired when the datetime filter value changes; `detail.value` holds the new value (ISO date or relative range).
  */
 export const LuzmoFilterValuePickerDatetime = LuzmoFilterValuePickerDatetimeComponent as ReactWebComponent<
   LuzmoFilterValuePickerDatetimeClass,

package/react/components/filter-value-picker-hierarchy.component.ts

@@ -13,6 +13,8 @@ const LuzmoFilterValuePickerHierarchyComponent = createComponent({
 
 /**
  * React wrapper for <luzmo-filter-value-picker-hierarchy>
+ *
+ * @event onLuzmoFilterValueChanged - Fired when the hierarchy filter value changes; `detail.value` holds the selected value(s).
  */
 export const LuzmoFilterValuePickerHierarchy = LuzmoFilterValuePickerHierarchyComponent as ReactWebComponent<
   LuzmoFilterValuePickerHierarchyClass,

package/react/components/filter-value-picker-numeric.component.ts

@@ -13,6 +13,8 @@ const LuzmoFilterValuePickerNumericComponent = createComponent({
 
 /**
  * React wrapper for <luzmo-filter-value-picker-numeric>
+ *
+ * @event onLuzmoFilterValueChanged - Fired when the numeric filter value changes; `detail.value` holds the new number or range.
  */
 export const LuzmoFilterValuePickerNumeric = LuzmoFilterValuePickerNumericComponent as ReactWebComponent<
   LuzmoFilterValuePickerNumericClass,

package/react/components/filter-value-picker.component.ts

@@ -13,6 +13,8 @@ const LuzmoFilterValuePickerComponent = createComponent({
 
 /**
  * React wrapper for <luzmo-filter-value-picker>
+ *
+ * @event onLuzmoFilterValueChanged - Fired when the filter value changes; `detail.value` holds the new value.
  */
 export const LuzmoFilterValuePicker = LuzmoFilterValuePickerComponent as ReactWebComponent<
   LuzmoFilterValuePickerClass,

package/react/components/formula-editor.component.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { createComponent, EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoFormulaEditor as LuzmoFormulaEditorClass, DatasetsErrorEventDetail, ExpressionChangedEventDetail, ValidityChangedEventDetail } from '@luzmo/analytics-components-kit/formula-editor';
+import { LuzmoFormulaEditor as LuzmoFormulaEditorClass, ValidityChangedEventDetail } from '@luzmo/analytics-components-kit/formula-editor';
 
 const LuzmoFormulaEditorComponent = createComponent({
   tagName: 'luzmo-formula-editor',
@@ -8,8 +8,8 @@ const LuzmoFormulaEditorComponent = createComponent({
   react: React,
   events: {
     onLuzmoValidityChanged: 'luzmo-validity-changed' as EventName<CustomEvent<ValidityChangedEventDetail>>,
-    onLuzmoExpressionChanged: 'luzmo-expression-changed' as EventName<CustomEvent<ExpressionChangedEventDetail>>,
-    onLuzmoDatasetsError: 'luzmo-datasets-error' as EventName<CustomEvent<DatasetsErrorEventDetail>>
+    onLuzmoExpressionChanged: 'luzmo-expression-changed' as EventName<CustomEvent>,
+    onLuzmoDatasetsError: 'luzmo-datasets-error' as EventName<CustomEvent>
   }
 });
 
@@ -24,8 +24,8 @@ export const LuzmoFormulaEditor = LuzmoFormulaEditorComponent as ReactWebCompone
   LuzmoFormulaEditorClass,
   {
     onLuzmoValidityChanged: EventName<CustomEvent<ValidityChangedEventDetail>>;
-    onLuzmoExpressionChanged: EventName<CustomEvent<ExpressionChangedEventDetail>>;
-    onLuzmoDatasetsError: EventName<CustomEvent<DatasetsErrorEventDetail>>;
+    onLuzmoExpressionChanged: EventName<CustomEvent>;
+    onLuzmoDatasetsError: EventName<CustomEvent>;
   }
 >;
 

package/react/components/formula-field.component.ts

@@ -1,14 +1,14 @@
 import React from 'react';
 import { createComponent, EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoFormulaField as LuzmoFormulaFieldClass, DatasetsErrorEventDetail, ExpressionChangedEventDetail } from '@luzmo/analytics-components-kit/formula-field';
+import { LuzmoFormulaField as LuzmoFormulaFieldClass } from '@luzmo/analytics-components-kit/formula-field';
 
 const LuzmoFormulaFieldComponent = createComponent({
   tagName: 'luzmo-formula-field',
   elementClass: LuzmoFormulaFieldClass,
   react: React,
   events: {
-    onLuzmoExpressionChanged: 'luzmo-expression-changed' as EventName<CustomEvent<ExpressionChangedEventDetail>>,
-    onLuzmoDatasetsError: 'luzmo-datasets-error' as EventName<CustomEvent<DatasetsErrorEventDetail>>
+    onLuzmoExpressionChanged: 'luzmo-expression-changed' as EventName<CustomEvent>,
+    onLuzmoDatasetsError: 'luzmo-datasets-error' as EventName<CustomEvent>
   }
 });
 
@@ -21,8 +21,8 @@ const LuzmoFormulaFieldComponent = createComponent({
 export const LuzmoFormulaField = LuzmoFormulaFieldComponent as ReactWebComponent<
   LuzmoFormulaFieldClass,
   {
-    onLuzmoExpressionChanged: EventName<CustomEvent<ExpressionChangedEventDetail>>;
-    onLuzmoDatasetsError: EventName<CustomEvent<DatasetsErrorEventDetail>>;
+    onLuzmoExpressionChanged: EventName<CustomEvent>;
+    onLuzmoDatasetsError: EventName<CustomEvent>;
   }
 >;
 

package/react/components/formula.component.ts

@@ -1,25 +1,28 @@
 import React from 'react';
 import { createComponent, EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoFormula as LuzmoFormulaClass, DatasetsErrorEventDetail } from '@luzmo/analytics-components-kit/formula';
+import { LuzmoFormula as LuzmoFormulaClass } from '@luzmo/analytics-components-kit/formula';
 
 const LuzmoFormulaComponent = createComponent({
   tagName: 'luzmo-formula',
   elementClass: LuzmoFormulaClass,
   react: React,
   events: {
-    onLuzmoDatasetsError: 'luzmo-datasets-error' as EventName<CustomEvent<DatasetsErrorEventDetail>>
+    onLuzmoExpressionChanged: 'luzmo-expression-changed' as EventName<CustomEvent>,
+    onLuzmoDatasetsError: 'luzmo-datasets-error' as EventName<CustomEvent>
   }
 });
 
 /**
  * React wrapper for <luzmo-formula>
  *
+ * @event onLuzmoExpressionChanged - Fired (debounced) when the formula expression changes; `detail.expression` holds the new expression.
  * @event onLuzmoDatasetsError - Fired when fetching datasets by id fails.
  */
 export const LuzmoFormula = LuzmoFormulaComponent as ReactWebComponent<
   LuzmoFormulaClass,
   {
-    onLuzmoDatasetsError: EventName<CustomEvent<DatasetsErrorEventDetail>>;
+    onLuzmoExpressionChanged: EventName<CustomEvent>;
+    onLuzmoDatasetsError: EventName<CustomEvent>;
   }
 >;
 

package/react/components/item-slot-drop.component.ts

@@ -18,6 +18,7 @@ const LuzmoItemSlotDropComponent = createComponent({
 /**
  * React wrapper for <luzmo-item-slot-drop>
  *
+ * @event onLuzmoSlotMenuInactive - Emitted when the slot menu overlay closes / becomes inactive.
  * @event onLuzmoSlotMenuActive - Emitted when the slot menu overlay opens for a slot
  * @event onLuzmoSlotMenuHighlight - Emitted to highlight the active column or formula in the slot menu
  * @event onLuzmoInfoVisibilityChanged - Event that is fired when the info button is clicked in display-settings, includes the visibility state and ID values

package/react/components/slot-menu.component.ts

@@ -23,6 +23,7 @@ const LuzmoSlotMenuComponent = createComponent({
  * @event onLuzmoClose - Emitted when the slot menu is closed
  * @event onLuzmoSlotMenuActive - Emitted when the slot menu becomes active for a dataset
  * @event onLuzmoSlotMenuHighlight - Emitted to highlight a column or formula in the slot menu
+ * @event onLuzmoSlotMenuInactive - Emitted when the menu becomes inactive.
  * @event onLuzmoInfoVisibilityChanged - Event that is fired when the info button is clicked in display-settings, includes the visibility state and ID values
  */
 export const LuzmoSlotMenu = LuzmoSlotMenuComponent as ReactWebComponent<

package/react/esm/components/filter-expression-picker.component.d.ts

@@ -2,6 +2,8 @@ import { EventName, ReactWebComponent } from '@lit/react';
 import { LuzmoFilterExpressionPicker as LuzmoFilterExpressionPickerClass } from '@luzmo/analytics-components-kit/filter-expression-picker';
 /**
  * React wrapper for <luzmo-filter-expression-picker>
+ *
+ * @event onLuzmoExpressionSelected - Fired when the user selects a filter expression (operator); `detail.expression` holds the chosen expression.
  */
 export declare const LuzmoFilterExpressionPicker: ReactWebComponent<LuzmoFilterExpressionPickerClass, {
     onLuzmoExpressionSelected: EventName<CustomEvent>;

package/react/esm/components/filter-expression-picker.component.js

@@ -11,5 +11,7 @@ const LuzmoFilterExpressionPickerComponent = createComponent({
 });
 /**
  * React wrapper for <luzmo-filter-expression-picker>
+ *
+ * @event onLuzmoExpressionSelected - Fired when the user selects a filter expression (operator); `detail.expression` holds the chosen expression.
  */
 export const LuzmoFilterExpressionPicker = LuzmoFilterExpressionPickerComponent;

package/react/esm/components/filter-item.component.d.ts

@@ -2,6 +2,8 @@ import { EventName, ReactWebComponent } from '@lit/react';
 import { LuzmoFilterItem as LuzmoFilterItemClass } from '@luzmo/analytics-components-kit/filter-item';
 /**
  * React wrapper for <luzmo-filter-item>
+ *
+ * @event onLuzmoFilterChanged - Fired when any part of the filter changes; `detail.filter` holds the updated filter.
  */
 export declare const LuzmoFilterItem: ReactWebComponent<LuzmoFilterItemClass, {
     onLuzmoFilterChanged: EventName<CustomEvent>;

package/react/esm/components/filter-item.component.js

@@ -11,5 +11,7 @@ const LuzmoFilterItemComponent = createComponent({
 });
 /**
  * React wrapper for <luzmo-filter-item>
+ *
+ * @event onLuzmoFilterChanged - Fired when any part of the filter changes; `detail.filter` holds the updated filter.
  */
 export const LuzmoFilterItem = LuzmoFilterItemComponent;

package/react/esm/components/filter-value-picker-datetime.component.d.ts

@@ -2,6 +2,8 @@ import { EventName, ReactWebComponent } from '@lit/react';
 import { LuzmoFilterValuePickerDatetime as LuzmoFilterValuePickerDatetimeClass } from '@luzmo/analytics-components-kit/filter-value-picker-datetime';
 /**
  * React wrapper for <luzmo-filter-value-picker-datetime>
+ *
+ * @event onLuzmoFilterValueChanged - Fired when the datetime filter value changes; `detail.value` holds the new value (ISO date or relative range).
  */
 export declare const LuzmoFilterValuePickerDatetime: ReactWebComponent<LuzmoFilterValuePickerDatetimeClass, {
     onLuzmoFilterValueChanged: EventName<CustomEvent>;

package/react/esm/components/filter-value-picker-datetime.component.js

@@ -11,5 +11,7 @@ const LuzmoFilterValuePickerDatetimeComponent = createComponent({
 });
 /**
  * React wrapper for <luzmo-filter-value-picker-datetime>
+ *
+ * @event onLuzmoFilterValueChanged - Fired when the datetime filter value changes; `detail.value` holds the new value (ISO date or relative range).
  */
 export const LuzmoFilterValuePickerDatetime = LuzmoFilterValuePickerDatetimeComponent;

package/react/esm/components/filter-value-picker-hierarchy.component.d.ts

@@ -2,6 +2,8 @@ import { EventName, ReactWebComponent } from '@lit/react';
 import { LuzmoFilterValuePickerHierarchy as LuzmoFilterValuePickerHierarchyClass } from '@luzmo/analytics-components-kit/filter-value-picker-hierarchy';
 /**
  * React wrapper for <luzmo-filter-value-picker-hierarchy>
+ *
+ * @event onLuzmoFilterValueChanged - Fired when the hierarchy filter value changes; `detail.value` holds the selected value(s).
  */
 export declare const LuzmoFilterValuePickerHierarchy: ReactWebComponent<LuzmoFilterValuePickerHierarchyClass, {
     onLuzmoFilterValueChanged: EventName<CustomEvent>;

package/react/esm/components/filter-value-picker-hierarchy.component.js

@@ -11,5 +11,7 @@ const LuzmoFilterValuePickerHierarchyComponent = createComponent({
 });
 /**
  * React wrapper for <luzmo-filter-value-picker-hierarchy>
+ *
+ * @event onLuzmoFilterValueChanged - Fired when the hierarchy filter value changes; `detail.value` holds the selected value(s).
  */
 export const LuzmoFilterValuePickerHierarchy = LuzmoFilterValuePickerHierarchyComponent;

package/react/esm/components/filter-value-picker-numeric.component.d.ts

@@ -2,6 +2,8 @@ import { EventName, ReactWebComponent } from '@lit/react';
 import { LuzmoFilterValuePickerNumeric as LuzmoFilterValuePickerNumericClass } from '@luzmo/analytics-components-kit/filter-value-picker-numeric';
 /**
  * React wrapper for <luzmo-filter-value-picker-numeric>
+ *
+ * @event onLuzmoFilterValueChanged - Fired when the numeric filter value changes; `detail.value` holds the new number or range.
  */
 export declare const LuzmoFilterValuePickerNumeric: ReactWebComponent<LuzmoFilterValuePickerNumericClass, {
     onLuzmoFilterValueChanged: EventName<CustomEvent>;

package/react/esm/components/filter-value-picker-numeric.component.js

@@ -11,5 +11,7 @@ const LuzmoFilterValuePickerNumericComponent = createComponent({
 });
 /**
  * React wrapper for <luzmo-filter-value-picker-numeric>
+ *
+ * @event onLuzmoFilterValueChanged - Fired when the numeric filter value changes; `detail.value` holds the new number or range.
  */
 export const LuzmoFilterValuePickerNumeric = LuzmoFilterValuePickerNumericComponent;

package/react/esm/components/filter-value-picker.component.d.ts

@@ -2,6 +2,8 @@ import { EventName, ReactWebComponent } from '@lit/react';
 import { LuzmoFilterValuePicker as LuzmoFilterValuePickerClass } from '@luzmo/analytics-components-kit/filter-value-picker';
 /**
  * React wrapper for <luzmo-filter-value-picker>
+ *
+ * @event onLuzmoFilterValueChanged - Fired when the filter value changes; `detail.value` holds the new value.
  */
 export declare const LuzmoFilterValuePicker: ReactWebComponent<LuzmoFilterValuePickerClass, {
     onLuzmoFilterValueChanged: EventName<CustomEvent>;

package/react/esm/components/filter-value-picker.component.js

@@ -11,5 +11,7 @@ const LuzmoFilterValuePickerComponent = createComponent({
 });
 /**
  * React wrapper for <luzmo-filter-value-picker>
+ *
+ * @event onLuzmoFilterValueChanged - Fired when the filter value changes; `detail.value` holds the new value.
  */
 export const LuzmoFilterValuePicker = LuzmoFilterValuePickerComponent;

package/react/esm/components/formula-editor.component.d.ts

@@ -1,5 +1,5 @@
 import { EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoFormulaEditor as LuzmoFormulaEditorClass, DatasetsErrorEventDetail, ExpressionChangedEventDetail, ValidityChangedEventDetail } from '@luzmo/analytics-components-kit/formula-editor';
+import { LuzmoFormulaEditor as LuzmoFormulaEditorClass, ValidityChangedEventDetail } from '@luzmo/analytics-components-kit/formula-editor';
 /**
  * React wrapper for <luzmo-formula-editor>
  *
@@ -9,8 +9,8 @@ import { LuzmoFormulaEditor as LuzmoFormulaEditorClass, DatasetsErrorEventDetail
  */
 export declare const LuzmoFormulaEditor: ReactWebComponent<LuzmoFormulaEditorClass, {
     onLuzmoValidityChanged: EventName<CustomEvent<ValidityChangedEventDetail>>;
-    onLuzmoExpressionChanged: EventName<CustomEvent<ExpressionChangedEventDetail>>;
-    onLuzmoDatasetsError: EventName<CustomEvent<DatasetsErrorEventDetail>>;
+    onLuzmoExpressionChanged: EventName<CustomEvent>;
+    onLuzmoDatasetsError: EventName<CustomEvent>;
 }>;
 /** The underlying custom element type for LuzmoFormulaEditor */
 export type LuzmoFormulaEditorElement = LuzmoFormulaEditorClass;

package/react/esm/components/formula-field.component.d.ts

@@ -1,5 +1,5 @@
 import { EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoFormulaField as LuzmoFormulaFieldClass, DatasetsErrorEventDetail, ExpressionChangedEventDetail } from '@luzmo/analytics-components-kit/formula-field';
+import { LuzmoFormulaField as LuzmoFormulaFieldClass } from '@luzmo/analytics-components-kit/formula-field';
 /**
  * React wrapper for <luzmo-formula-field>
  *
@@ -7,8 +7,8 @@ import { LuzmoFormulaField as LuzmoFormulaFieldClass, DatasetsErrorEventDetail,
  * @event onLuzmoDatasetsError - Fired when fetching datasets by id fails.
  */
 export declare const LuzmoFormulaField: ReactWebComponent<LuzmoFormulaFieldClass, {
-    onLuzmoExpressionChanged: EventName<CustomEvent<ExpressionChangedEventDetail>>;
-    onLuzmoDatasetsError: EventName<CustomEvent<DatasetsErrorEventDetail>>;
+    onLuzmoExpressionChanged: EventName<CustomEvent>;
+    onLuzmoDatasetsError: EventName<CustomEvent>;
 }>;
 /** The underlying custom element type for LuzmoFormulaField */
 export type LuzmoFormulaFieldElement = LuzmoFormulaFieldClass;

package/react/esm/components/formula.component.d.ts

@@ -1,12 +1,14 @@
 import { EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoFormula as LuzmoFormulaClass, DatasetsErrorEventDetail } from '@luzmo/analytics-components-kit/formula';
+import { LuzmoFormula as LuzmoFormulaClass } from '@luzmo/analytics-components-kit/formula';
 /**
  * React wrapper for <luzmo-formula>
  *
+ * @event onLuzmoExpressionChanged - Fired (debounced) when the formula expression changes; `detail.expression` holds the new expression.
  * @event onLuzmoDatasetsError - Fired when fetching datasets by id fails.
  */
 export declare const LuzmoFormula: ReactWebComponent<LuzmoFormulaClass, {
-    onLuzmoDatasetsError: EventName<CustomEvent<DatasetsErrorEventDetail>>;
+    onLuzmoExpressionChanged: EventName<CustomEvent>;
+    onLuzmoDatasetsError: EventName<CustomEvent>;
 }>;
 /** The underlying custom element type for LuzmoFormula */
 export type LuzmoFormulaElement = LuzmoFormulaClass;

package/react/esm/components/formula.component.js

@@ -6,12 +6,14 @@ const LuzmoFormulaComponent = createComponent({
     elementClass: LuzmoFormulaClass,
     react: React,
     events: {
+        onLuzmoExpressionChanged: 'luzmo-expression-changed',
         onLuzmoDatasetsError: 'luzmo-datasets-error'
     }
 });
 /**
  * React wrapper for <luzmo-formula>
  *
+ * @event onLuzmoExpressionChanged - Fired (debounced) when the formula expression changes; `detail.expression` holds the new expression.
  * @event onLuzmoDatasetsError - Fired when fetching datasets by id fails.
  */
 export const LuzmoFormula = LuzmoFormulaComponent;

package/react/esm/components/item-slot-drop.component.d.ts

@@ -3,6 +3,7 @@ import { LuzmoItemSlotDrop as LuzmoItemSlotDropClass, InfoVisibilityChangedEvent
 /**
  * React wrapper for <luzmo-item-slot-drop>
  *
+ * @event onLuzmoSlotMenuInactive - Emitted when the slot menu overlay closes / becomes inactive.
  * @event onLuzmoSlotMenuActive - Emitted when the slot menu overlay opens for a slot
  * @event onLuzmoSlotMenuHighlight - Emitted to highlight the active column or formula in the slot menu
  * @event onLuzmoInfoVisibilityChanged - Event that is fired when the info button is clicked in display-settings, includes the visibility state and ID values

package/react/esm/components/item-slot-drop.component.js

@@ -16,6 +16,7 @@ const LuzmoItemSlotDropComponent = createComponent({
 /**
  * React wrapper for <luzmo-item-slot-drop>
  *
+ * @event onLuzmoSlotMenuInactive - Emitted when the slot menu overlay closes / becomes inactive.
  * @event onLuzmoSlotMenuActive - Emitted when the slot menu overlay opens for a slot
  * @event onLuzmoSlotMenuHighlight - Emitted to highlight the active column or formula in the slot menu
  * @event onLuzmoInfoVisibilityChanged - Event that is fired when the info button is clicked in display-settings, includes the visibility state and ID values

package/react/esm/components/slot-menu.component.d.ts

@@ -7,6 +7,7 @@ import { LuzmoSlotMenu as LuzmoSlotMenuClass, InfoVisibilityChangedEventDetail,
  * @event onLuzmoClose - Emitted when the slot menu is closed
  * @event onLuzmoSlotMenuActive - Emitted when the slot menu becomes active for a dataset
  * @event onLuzmoSlotMenuHighlight - Emitted to highlight a column or formula in the slot menu
+ * @event onLuzmoSlotMenuInactive - Emitted when the menu becomes inactive.
  * @event onLuzmoInfoVisibilityChanged - Event that is fired when the info button is clicked in display-settings, includes the visibility state and ID values
  */
 export declare const LuzmoSlotMenu: ReactWebComponent<LuzmoSlotMenuClass, {

package/react/esm/components/slot-menu.component.js

@@ -21,6 +21,7 @@ const LuzmoSlotMenuComponent = createComponent({
  * @event onLuzmoClose - Emitted when the slot menu is closed
  * @event onLuzmoSlotMenuActive - Emitted when the slot menu becomes active for a dataset
  * @event onLuzmoSlotMenuHighlight - Emitted to highlight a column or formula in the slot menu
+ * @event onLuzmoSlotMenuInactive - Emitted when the menu becomes inactive.
  * @event onLuzmoInfoVisibilityChanged - Event that is fired when the info button is clicked in display-settings, includes the visibility state and ID values
  */
 export const LuzmoSlotMenu = LuzmoSlotMenuComponent;

package/react/luzmo-stub.d.ts

@@ -181,20 +181,17 @@ declare module '@luzmo/analytics-components-kit/filters' {
 
 declare module '@luzmo/analytics-components-kit/formula' {
   export class LuzmoFormula extends HTMLElement {}
-  export type DatasetsErrorEventDetail = Record<string, unknown>;
+
 }
 
 declare module '@luzmo/analytics-components-kit/formula-editor' {
   export class LuzmoFormulaEditor extends HTMLElement {}
-  export type DatasetsErrorEventDetail = Record<string, unknown>;
-  export type ExpressionChangedEventDetail = Record<string, unknown>;
   export type ValidityChangedEventDetail = Record<string, unknown>;
 }
 
 declare module '@luzmo/analytics-components-kit/formula-field' {
   export class LuzmoFormulaField extends HTMLElement {}
-  export type DatasetsErrorEventDetail = Record<string, unknown>;
-  export type ExpressionChangedEventDetail = Record<string, unknown>;
+
 }
 
 declare module '@luzmo/analytics-components-kit/item-grid' {

package/react/utils/base/base.d.ts

@@ -1,4 +1,4 @@
-import { LitElement, ReactiveElement } from 'lit';
+import { LitElement, ReactiveElement } from '../../../node_modules/lit';
 type Constructor<T = Record<string, unknown>> = {
     new (...args: any[]): T;
     prototype: T;

package/react/utils/base/focusable.d.ts

@@ -1,4 +1,4 @@
-import { PropertyValues } from 'lit';
+import { PropertyValues } from '../../../node_modules/lit';
 import { LuzmoElement } from './base';
 type DisableableElement = HTMLElement & {
     disabled?: boolean;

package/react/utils/base/localized-mixin.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { LitElement } from '../../../node_modules/lit';
 type Constructor<T = {}> = new (...args: any[]) => T;
 /**
  * A mixin that provides locale synchronization for components using lit-localize.

package/react/utils/base/sized-mixin.d.ts

@@ -1,4 +1,4 @@
-import { ReactiveElement } from 'lit';
+import { ReactiveElement } from '../../../node_modules/lit';
 type Constructor<T = Record<string, unknown>> = {
     new (...args: any[]): T;
     prototype: T;

package/react/utils/formula/base/formula-base.d.ts

@@ -1,6 +1,6 @@
-import { type PropertyValues, type TemplateResult } from 'lit';
-import { LuzmoElement } from '@utils/base';
-import type { DatasetDataFields } from '@components/data-field-panel/types';
+import { type PropertyValues, type TemplateResult } from '../../../../node_modules/lit';
+import { LuzmoElement } from '../../base';
+import type { DatasetDataFields } from '../../../components/data-field-panel/types';
 import { FormulaDisplayStore } from '../store/formula-display-store';
 import type { FormulaEditorDataset } from '../../../types/formula.types';
 /** A `luzmo-formula-codemirror` element with the imperative methods the host calls. */

package/react/utils/formula/base/formula-input-base.d.ts

@@ -1,6 +1,6 @@
 import type { Completion } from '@codemirror/autocomplete';
 import '@luzmo/lucero/progress-circle';
-import { type PropertyValues, type TemplateResult } from 'lit';
+import { type PropertyValues, type TemplateResult } from '../../../../node_modules/lit';
 import { FormulaEditorStore } from '../store/formula-editor-store';
 import { LuzmoFormulaBase } from './formula-base';
 /**

package/react/utils/formula/config/build-datasets.d.ts

@@ -1,5 +1,5 @@
-import type { DatasetWithDataFields } from '@utils/transformations/convert-datasets-to-data-fields';
-import type { DatasetDataFields } from '@components/data-field-panel/types';
+import type { DatasetWithDataFields } from '../../transformations/convert-datasets-to-data-fields';
+import type { DatasetDataFields } from '../../../components/data-field-panel/types';
 import type { FormulaEditorDataset } from '../../../types/formula.types';
 /**
  * Normalizes datasets provided directly (`DatasetDataFields`) or fetched from the

package/react/utils/formula/render-explanation-tooltip.d.ts

@@ -1,4 +1,4 @@
-import { nothing, type TemplateResult } from 'lit';
+import { nothing, type TemplateResult } from '../../../node_modules/lit';
 /**
  * Builds the rich tooltip body (description + optional formula example with
  * inline column-type icons) slotted into a `luzmo-formula-draggable-field`'s `tooltip`

package/react/utils/formula/store/formula-display-store.d.ts

@@ -1,4 +1,4 @@
-import type { ElementSize } from '@utils/base';
+import type { ElementSize } from '../../base';
 import { type FormulaAggregationFunction, type FormulaAggregationFunctionData, type FormulaAggregationWidgetData, type FormulaEditorDataset, type FormulaFunction, type FormulaFunctionData } from '../../../types/formula.types';
 /**
  * Display-safe core of the formula store, shared by the read-only `luzmo-formula`

package/react/utils/store/index.d.ts

@@ -9,7 +9,7 @@
  * @example
  * ```typescript
  * // Standalone item with undo/redo
- * import { createItemStore } from '@luzmo/analytics-components-kit/utils/store';
+ * import { createItemStore } from '../../utils/store';
  *
  * const itemStore = createItemStore({
  *   type: 'bar-chart',
@@ -31,7 +31,7 @@
  * import {
  *   registerItemStore,
  *   getStore
- * } from '@luzmo/analytics-components-kit/utils/store';
+ * } from '../../utils/store';
  *
  * // Create and register stores
  * const store = registerItemStore({ type: 'bar-chart' });
@@ -46,7 +46,7 @@
  * @example
  * ```typescript
  * // Dashboard with real-time collaboration
- * import { createDashboardStore } from '@luzmo/analytics-components-kit/utils/store';
+ * import { createDashboardStore } from '../../utils/store';
  *
  * const dashboardStore = createDashboardStore(dashboardConfig);
  *
@@ -67,7 +67,7 @@ import type { ItemState, ItemStoreConfig, ItemStore, DashboardState, DashboardSt
  *
  * @example
  * ```typescript
- * import { ready, createItemStore } from '@luzmo/analytics-components-kit/utils/store';
+ * import { ready, createItemStore } from '../../utils/store';
  *
  * await ready;
  * const store = createItemStore({ type: 'bar-chart' });
@@ -82,7 +82,7 @@ export declare const ready: Promise<void>;
  *
  * @example
  * ```typescript
- * import { onReady, createItemStore } from '@luzmo/analytics-components-kit/utils/store';
+ * import { onReady, createItemStore } from '../../utils/store';
  *
  * onReady(() => {
  *   const store = createItemStore({ type: 'bar-chart' });

package/react/utils/store/store-registry.d.ts

@@ -11,7 +11,7 @@
  * import {
  *   registerItemStore,
  *   getStore
- * } from '@luzmo/analytics-components-kit/utils/store';
+ * } from '../../utils/store';
  *
  * // Create and register a store (auto-registers with its ID)
  * const store = registerItemStore({ type: 'bar-chart' });

package/utils/base/base.d.ts

@@ -1,4 +1,4 @@
-import { LitElement, ReactiveElement } from 'lit';
+import { LitElement, ReactiveElement } from '../../../node_modules/lit';
 type Constructor<T = Record<string, unknown>> = {
     new (...args: any[]): T;
     prototype: T;

package/utils/base/focusable.d.ts

@@ -1,4 +1,4 @@
-import { PropertyValues } from 'lit';
+import { PropertyValues } from '../../../node_modules/lit';
 import { LuzmoElement } from './base';
 type DisableableElement = HTMLElement & {
     disabled?: boolean;

package/utils/base/localized-mixin.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { LitElement } from '../../../node_modules/lit';
 type Constructor<T = {}> = new (...args: any[]) => T;
 /**
  * A mixin that provides locale synchronization for components using lit-localize.

package/utils/base/sized-mixin.d.ts

@@ -1,4 +1,4 @@
-import { ReactiveElement } from 'lit';
+import { ReactiveElement } from '../../../node_modules/lit';
 type Constructor<T = Record<string, unknown>> = {
     new (...args: any[]): T;
     prototype: T;

package/utils/formula/base/formula-base.d.ts

@@ -1,6 +1,6 @@
-import { type PropertyValues, type TemplateResult } from 'lit';
-import { LuzmoElement } from '@utils/base';
-import type { DatasetDataFields } from '@components/data-field-panel/types';
+import { type PropertyValues, type TemplateResult } from '../../../../node_modules/lit';
+import { LuzmoElement } from '../../base';
+import type { DatasetDataFields } from '../../../components/data-field-panel/types';
 import { FormulaDisplayStore } from '../store/formula-display-store';
 import type { FormulaEditorDataset } from '../../../types/formula.types';
 /** A `luzmo-formula-codemirror` element with the imperative methods the host calls. */