@luzmo/analytics-components-kit 1.0.1-alpha.130 → 1.0.1-alpha.131

package/components/grid/grid.d.ts

@@ -148,6 +148,7 @@ export declare class LuzmoGrid extends LuzmoElement {
     /**
      * Programmatically trigger a toggle action on a grid item.
      * Toggles the state (active→inactive, inactive→active) unless `active` is explicitly set.
+     * Waits for any pending render to complete before checking for the element.
      * @param itemId - The ID of the grid item
      * @param action - The action name to trigger
      * @param options - Optional configuration
@@ -156,7 +157,7 @@ export declare class LuzmoGrid extends LuzmoElement {
      */
     triggerItemAction(itemId: string, action: string, options?: {
         active?: boolean;
-    }): boolean | undefined;
+    }): Promise<boolean | undefined>;
     /**
      * Deactivate all active items and dispatch deactivation events.
      * @returns The number of items that were deactivated

package/components/grid/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../set-locale-CxIt8D8X.cjs`);const e=require(`../grid-CevZPBH_.cjs`);exports.LuzmoGrid=e.t,Object.defineProperty(exports,`LuzmoGridItemActionsMenu`,{enumerable:!0,get:function(){return e.n}});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../set-locale-CxIt8D8X.cjs`);const e=require(`../grid-DHgDS7ZD.cjs`);exports.LuzmoGrid=e.t,Object.defineProperty(exports,`LuzmoGridItemActionsMenu`,{enumerable:!0,get:function(){return e.n}});

package/components/grid/index.js

@@ -24,5 +24,5 @@
 	}
 })();
 import "../set-locale-4N3tMOqw.js";
-import { n as LuzmoGridItemActionsMenu, t as LuzmoGrid } from "../grid-Lycn2SQm.js";
+import { n as LuzmoGridItemActionsMenu, t as LuzmoGrid } from "../grid-acpD-dWR.js";
 export { LuzmoGrid, LuzmoGridItemActionsMenu };

package/components/{grid-CevZPBH_.cjs → grid-DHgDS7ZD.cjs}

@@ -254,17 +254,17 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       <div class="grid-item-content">
         <div class="grid-item-type">${e.type}</div>
       </div>
-    `,this._hasItemAdded=!1,this._handleMouseout=e=>{if(this.viewMode)return;let t=e.target.closest(`.grid-stack-item`);t&&(e.relatedTarget?.closest(`.grid-item-actions-popover`)||t.hasAttribute(`active`)||this._removeItemActionsMenuPopover(t))},this._handleKeyDown=e=>{if(!this.viewMode){if(e.key===`Delete`&&this._focusedItemElement)this._handleDeleteItem(new Event(`delete`));else if(e.key===`Escape`&&this._focusedItemElement)this._focusedItemElement.removeAttribute(`focused`),this._removeItemActionsMenuPopover(this._focusedItemElement),this._focusedItemElement=void 0,this._gridElement.focus();else if(e.key===`Enter`&&this._focusedItemElement)e.preventDefault(),e.stopPropagation(),this._activeItemElement&&=(this._activeItemElement.removeAttribute(`active`),this._gridElement.removeAttribute(`has-active-item`),this._removeItemActionsMenuPopover(this._activeItemElement),void 0),this._gridElement.querySelectorAll(`.grid-stack-item`).forEach(e=>{e!==this._focusedItemElement&&this._removeItemActionsMenuPopover(e)}),this._createItemActionsMenuPopover(this._focusedItemElement),requestAnimationFrame(()=>{let e=this._focusedItemElement?.querySelector(`luzmo-grid-item-actions-menu`);e&&e.focus()});else if(this._focusedItemElement&&this._grid&&[`ArrowLeft`,`ArrowRight`,`ArrowUp`,`ArrowDown`].includes(e.key)){e.preventDefault(),e.stopPropagation();let t=this._focusedItemElement.gridstackNode;if(!t)return;let n=this.columns??48,r={ArrowLeft:{move:{x:t.x-1},resize:{x:t.x-1,w:t.w+1},shrink:{w:t.w-1},canMove:t.x>0,canResize:t.x>0,canShrink:t.w>1},ArrowRight:{move:{x:t.x+1},resize:{w:t.w+1},shrink:{x:t.x+1,w:t.w-1},canMove:t.x<n-t.w,canResize:t.x+t.w<n,canShrink:t.w>1},ArrowUp:{move:{y:t.y-1},resize:{y:t.y-1,h:t.h+1},shrink:{h:t.h-1},canMove:t.y>0,canResize:t.y>0,canShrink:t.h>1},ArrowDown:{move:{y:t.y+1},resize:{h:t.h+1},shrink:{y:t.y+1,h:t.h-1},canMove:!0,canResize:!0,canShrink:t.h>1}}[e.key],i=null;e.shiftKey&&r.canResize?i=r.resize:(e.ctrlKey||e.metaKey)&&r.canShrink?i=r.shrink:r.canMove&&(i=r.move),i&&this._grid.update(this._focusedItemElement,i)}}},this._handleFocus=e=>{let t=e.target.closest(`.grid-stack-item`);t&&(this._focusedItemElement&&this._focusedItemElement!==t&&(this._focusedItemElement.removeAttribute(`focused`),this._removeItemActionsMenuPopover(this._focusedItemElement)),this._focusedItemElement=t,t.setAttribute(`focused`,`true`))},this._handleBlur=e=>{this._focusedItemElement&&(e.relatedTarget?.closest(`luzmo-grid-item-actions-menu`)||(this._focusedItemElement.removeAttribute(`focused`),this._removeItemActionsMenuPopover(this._focusedItemElement),this._focusedItemElement=void 0,this._gridElement.focus()))},this._handleGridClick=e=>{let t=e.composedPath();if(!t.includes(this._gridElement)&&!t.includes(this))return;let n=this._gridElement.querySelector(`.grid-stack-item[active]`);if(!n||t.includes(n))return;let r=n.querySelector(`.grid-item-actions-popover`);if(r&&t.includes(r))return;let i=this._activeItemActionToggle,a=n.getAttribute(`gs-id`),o=this.items.find(e=>e.id===a);this._cleanupActiveItem(n),i&&a&&this._dispatchItemActionEvent(i,`toggle`,!1,n,a,o),this._activeItemActionToggle=void 0},this._handleAction=e=>{e.stopPropagation();let t=e.detail,n=e.target?.closest(`.grid-stack-item`);if(!n)return;let r=n.getAttribute(`gs-id`),i=this.items.find(e=>e.id===r);if(t.type===`toggle`&&t.action===this._activeItemActionToggle&&n===this._activeItemElement){this._activeItemElement=void 0,this._activeItemActionToggle=void 0,this._gridElement?.removeAttribute(`has-active-item`),n.removeAttribute(`active`),this._cleanupActiveItem(n),r&&this._dispatchItemActionEvent(t.action,t.type,!1,n,r,i);return}[`delete`,`clone`].includes(t.action)||(this._gridElement.querySelectorAll(`.grid-stack-item`).forEach(e=>{e!==n&&this._cleanupActiveItem(e)}),t.type===`toggle`&&(this._activeItemElement=n,this._activeItemActionToggle=t.action,this._gridElement.setAttribute(`has-active-item`,`true`),n.setAttribute(`active`,`true`)),r&&this._dispatchItemActionEvent(t.action,t.type,t.active,n,r,i)),t.action===`delete`?(this._handleDeleteItem(e),r&&this._dispatchItemActionEvent(t.action,t.type,t.active,n,r,i,r)):t.action===`clone`&&this._handleCloneItem(e)},this._handleDeleteItem=e=>{let t=e.target?.closest(`.grid-stack-item`)||this._focusedItemElement;t&&this.removeGridItemById(t.getAttribute(`gs-id`)||``)},this._handleCloneItem=e=>{let t=e.target.closest(`.grid-stack-item`);if(!t||!this._grid)return;let n=t.getAttribute(`gs-id`);if(!n)return;let r=this.items.find(e=>e.id===n);if(!r)return;let i=x(),a={...structuredClone(r),id:i},o=this.addGridItem(a),s=e.detail;this._dispatchItemActionEvent(`clone`,s?.type??`button`,s?.active??!1,o,i,a,void 0,t)}}static get styles(){return[(0,o.unsafeCSS)(tr),(0,o.unsafeCSS)(fr)]}async _loadTheme(e){e?.type===`custom`?this._fullTheme=structuredClone(e):e?.id&&r.n.includes(e.id)&&this._fullTheme?.id!==e.id?(this._fullTheme=await r.t(e.id),this._fullTheme.id=e.id):e?.id&&this._fullTheme?.id!==e.id||!e&&this._fullTheme||(this._fullTheme=await r.t(`default`)),this._initialized&&this._updateThemeProperties(),!this._initialized&&this._gridElement&&await requestAnimationFrame(()=>{this._initializeGrid()}),this._grid&&this._grid?.margin([(this.theme?.margins?.[0]??16)/2,(this.theme?.margins?.[1]??16)/2].join(` `)),this.requestUpdate()}firstUpdated(){document.addEventListener(`click`,this._handleGridClick),this.addEventListener(`keydown`,this._handleKeyDown),this._loadTheme(this.theme)}disconnectedCallback(){super.disconnectedCallback(),this._cleanup(),document.removeEventListener(`click`,this._handleGridClick),this.removeEventListener(`keydown`,this._handleKeyDown)}willUpdate(e){super.willUpdate(e),e.has(`_initialized`)&&(this._updateThemeProperties(),this._initialized&&this._grid&&this._fullTheme?.margins&&this._grid?.margin([(this._fullTheme?.margins?.[0]??16)/2,(this._fullTheme?.margins?.[1]??16)/2].join(` `)))}updated(e){super.updated(e);let t=e.has(`contentLanguage`),n=e.has(`viewMode`),r=e.has(`items`),i=e.has(`theme`);this.items.forEach(e=>{e.id=e.id??x(),e.contextId=e.id,e.canFilter=e.canFilter??`all`}),this._initialized&&this._grid&&(r||this._hasItemAdded)&&(this._hasItemAdded&&this._gridItemElements.forEach(e=>{e.hasAttribute(`orphan`)&&e.remove()}),this._hasItemAdded=!1,this._grid?.setAnimation(!1),this._grid?.batchUpdate(),this._grid?.removeAll(!1),this.items.forEach(e=>{let t=[...this._gridItemElements].find(t=>t.getAttribute(`luzmo-grid-item-id`)===e.id);t&&(this._grid?.makeWidget(t,{x:e?.position?.col??0,y:e?.position?.row??0,w:e?.position?.sizeX??1,h:e?.position?.sizeY??1,id:e.id}),this._grid?.batchUpdate(!1),this._grid?.setAnimation(!0))})),t&&this._updateLuzmoVizItemsLanguage(),this._initialized&&this._grid&&n&&this.viewMode!==e.get(`viewMode`)&&(this.viewMode?(this._grid.disable(),this._activeItemElement&&(this._cleanupActiveItem(this._activeItemElement),this._activeItemElement=void 0,this._gridElement.removeAttribute(`has-active-item`))):this._grid.enable()),i&&this._loadTheme(this.theme)}_updateLuzmoVizItemsLanguage(){this._gridItemElements.forEach(e=>{let t=e.querySelector(`luzmo-embed-viz-item`);t&&(t.options={...t.options,locale:this.contentLanguage})})}_handleMouseover(e){if(this.viewMode)return;let t=e.target.closest(`.grid-stack-item`);t&&this._createItemActionsMenuPopover(t)}_cleanupActiveItem(e){e.removeAttribute(`active`),this._activeItemElement===e&&(this._activeItemElement=void 0,this._gridElement.removeAttribute(`has-active-item`)),this._removeItemActionsMenuPopover(e)}_dispatchItemActionEvent(e,t,n,r,i,a,o,s){this.dispatchEvent(new CustomEvent(`luzmo-grid-item-action`,{detail:{action:e,actionType:t,active:n,items:this.items,element:r,id:i,type:a?.type,slots:a?.slots,options:a?.options,filters:a?.filters??[],...o&&{deletedId:o},...s&&{originalElement:s}},bubbles:!0,composed:!0,cancelable:!0}))}_cleanup(){for(let e of this._gridItemElements)this._cleanupActiveItem(e);this._grid&&=(this._grid.destroy(),void 0),this._initialized=!1}_initializeGrid(){if(this._initialized||!this._gridElement)return;let e={column:this.columns??48,cellHeight:this.rowHeight??16,marginTop:(this._fullTheme?.margins?.[0]??16)/2,marginLeft:(this._fullTheme?.margins?.[1]??16)/2,marginRight:(this._fullTheme?.margins?.[1]??16)/2,marginBottom:(this._fullTheme?.margins?.[0]??16)/2,animate:!0,auto:!1,float:!1,removable:!1,acceptWidgets:!0,disableDrag:this.viewMode,disableResize:this.viewMode,minRow:1,resizable:{handles:[`n`,`ne`,`e`,`se`,`s`,`sw`,`w`,`nw`].join(`, `)},handle:`.grid-item-drag-handle`};this._grid=er.init(e,this._gridElement),this._grid.batchUpdate(),this._gridItemElements.forEach(e=>{let t=e.getAttribute(`luzmo-grid-item-id`),n=this.items.find(e=>e.id===t),r={id:t,x:n?.position?.col??0,y:n?.position?.row??0,w:n?.position?.sizeX??1,h:n?.position?.sizeY??1};this._grid?.makeWidget(e,r)}),this._grid.batchUpdate(!1),this._initialized=!0,this._grid.on(`resizestart`,(e,t)=>{let n=t.getAttribute(`gs-w`)??``,r=t.getAttribute(`gs-h`)??``;this._createOrUpdateDimensionsHint(t,n,r)}),this._grid.on(`resize`,(e,t)=>{let n=t.getAttribute(`gs-w`)??``,r=t.getAttribute(`gs-h`)??``;this._createOrUpdateDimensionsHint(t,n,r)}),this._grid.on(`resizestop`,(e,t)=>{this._removeDimensionsHint(t)}),this._grid.on(`change`,(e,t)=>{t.forEach(e=>{if(!e?.id)return;let t=this.items.findIndex(t=>t.id===e.id);t!==-1&&(this.items[t]={...this.items[t],position:{sizeX:e.w??1,sizeY:e.h??1,row:e.y??0,col:e.x??0}})}),this.dispatchEvent(new CustomEvent(`luzmo-grid-changed`,{detail:{element:this._gridElement,grid:this._grid,items:this.items},bubbles:!0,composed:!0}))}),this.dispatchEvent(new CustomEvent(`luzmo-grid-ready`,{detail:{element:this._gridElement,grid:this._grid,items:this.items},bubbles:!0,composed:!0}))}_createOrUpdateDimensionsHint(e,t,n){let r=e.querySelector(`.dimensions-hint-popover`);if(r){r.style.display=t.length>0&&n.length>0?`block`:`none`,r.textContent=`${t} × ${n}`;return}let i=document.createElement(`div`);i.className=`dimensions-hint-popover`,i.setAttribute(`popover`,`hint`),i.style.display=t.length>0&&n.length>0?`block`:`none`,i.textContent=`${t} × ${n}`,e.append(i);let a=10-(this.theme?.margins?.[0]??10);i._cleanup=Et(e,i,async()=>{let{x:t,y:n}=await kt(e,i,{placement:`bottom`,middleware:[Dt(a),Ot()]});i.style.left=`${t}px`,i.style.top=`${n}px`}),i.matches(`:popover-open`)||i.showPopover()}_removeDimensionsHint(e){let t=e.querySelector(`.dimensions-hint-popover`);t&&(t._cleanup&&(t._cleanup(),delete t._cleanup),t.matches(`:popover-open`)&&t.hidePopover(),t.remove())}get grid(){return this._grid}get gridItems(){return this.items.map(e=>{let t={item:e,element:this._gridElement.querySelector(`[gs-id="${e.id}"]`)},n=t.element?.querySelector(`luzmo-embed-viz-item`);return n&&(t.luzmoElement=n),t})}registerRenderer(e,t){this.renderers={...this.renderers,[e]:t}}_renderOverlayContent(e){let t=lr(e?.actionsMenu)??lr(this.defaultItemActionsMenu)??ur();return!a.r.find(t=>t.type===e?.type)?.containsData&&!e?.actionsMenu&&!this.defaultItemActionsMenu&&(t=t.map(e=>({...e,actions:e.actions?.filter(e=>e.action!==`edit-data`)}))),o.html`
+    `,this._hasItemAdded=!1,this._handleMouseout=e=>{if(this.viewMode)return;let t=e.target.closest(`.grid-stack-item`);t&&(e.relatedTarget?.closest(`.grid-item-actions-popover`)||t.hasAttribute(`active`)||this._removeItemActionsMenuPopover(t))},this._handleKeyDown=e=>{if(!this.viewMode){if(e.key===`Delete`&&this._focusedItemElement)this._handleDeleteItem(new Event(`delete`));else if(e.key===`Escape`&&this._focusedItemElement)this._focusedItemElement.removeAttribute(`focused`),this._removeItemActionsMenuPopover(this._focusedItemElement),this._focusedItemElement=void 0,this._gridElement.focus();else if(e.key===`Enter`&&this._focusedItemElement)e.preventDefault(),e.stopPropagation(),this._activeItemElement&&=(this._activeItemElement.removeAttribute(`active`),this._gridElement.removeAttribute(`has-active-item`),this._removeItemActionsMenuPopover(this._activeItemElement),void 0),this._gridElement.querySelectorAll(`.grid-stack-item`).forEach(e=>{e!==this._focusedItemElement&&this._removeItemActionsMenuPopover(e)}),this._createItemActionsMenuPopover(this._focusedItemElement),requestAnimationFrame(()=>{let e=this._focusedItemElement?.querySelector(`luzmo-grid-item-actions-menu`);e&&e.focus()});else if(this._focusedItemElement&&this._grid&&[`ArrowLeft`,`ArrowRight`,`ArrowUp`,`ArrowDown`].includes(e.key)){e.preventDefault(),e.stopPropagation();let t=this._focusedItemElement.gridstackNode;if(!t)return;let n=this.columns??48,r={ArrowLeft:{move:{x:t.x-1},resize:{x:t.x-1,w:t.w+1},shrink:{w:t.w-1},canMove:t.x>0,canResize:t.x>0,canShrink:t.w>1},ArrowRight:{move:{x:t.x+1},resize:{w:t.w+1},shrink:{x:t.x+1,w:t.w-1},canMove:t.x<n-t.w,canResize:t.x+t.w<n,canShrink:t.w>1},ArrowUp:{move:{y:t.y-1},resize:{y:t.y-1,h:t.h+1},shrink:{h:t.h-1},canMove:t.y>0,canResize:t.y>0,canShrink:t.h>1},ArrowDown:{move:{y:t.y+1},resize:{h:t.h+1},shrink:{y:t.y+1,h:t.h-1},canMove:!0,canResize:!0,canShrink:t.h>1}}[e.key],i=null;e.shiftKey&&r.canResize?i=r.resize:(e.ctrlKey||e.metaKey)&&r.canShrink?i=r.shrink:r.canMove&&(i=r.move),i&&this._grid.update(this._focusedItemElement,i)}}},this._handleFocus=e=>{let t=e.target.closest(`.grid-stack-item`);t&&(this._focusedItemElement&&this._focusedItemElement!==t&&(this._focusedItemElement.removeAttribute(`focused`),this._removeItemActionsMenuPopover(this._focusedItemElement)),this._focusedItemElement=t,t.setAttribute(`focused`,`true`))},this._handleBlur=e=>{this._focusedItemElement&&(e.relatedTarget?.closest(`luzmo-grid-item-actions-menu`)||(this._focusedItemElement.removeAttribute(`focused`),this._removeItemActionsMenuPopover(this._focusedItemElement),this._focusedItemElement=void 0,this._gridElement.focus()))},this._handleGridClick=e=>{let t=e.composedPath();if(!t.includes(this._gridElement)&&!t.includes(this))return;let n=this._gridElement.querySelector(`.grid-stack-item[active]`);if(!n||t.includes(n))return;let r=n.querySelector(`.grid-item-actions-popover`);if(r&&t.includes(r))return;let i=this._activeItemActionToggle,a=n.getAttribute(`gs-id`),o=this.items.find(e=>e.id===a);this._cleanupActiveItem(n),i&&a&&this._dispatchItemActionEvent(i,`toggle`,!1,n,a,o),this._activeItemActionToggle=void 0},this._handleAction=e=>{e.stopPropagation();let t=e.detail,n=e.target?.closest(`.grid-stack-item`);if(!n)return;let r=n.getAttribute(`gs-id`),i=this.items.find(e=>e.id===r);if(t.type===`toggle`&&t.action===this._activeItemActionToggle&&n===this._activeItemElement){this._activeItemElement=void 0,this._activeItemActionToggle=void 0,this._gridElement?.removeAttribute(`has-active-item`),n.removeAttribute(`active`),this._cleanupActiveItem(n),r&&this._dispatchItemActionEvent(t.action,t.type,!1,n,r,i);return}[`delete`,`clone`].includes(t.action)||(this._gridElement.querySelectorAll(`.grid-stack-item`).forEach(e=>{e!==n&&this._cleanupActiveItem(e)}),t.type===`toggle`&&(this._activeItemElement=n,this._activeItemActionToggle=t.action,this._gridElement.setAttribute(`has-active-item`,`true`),n.setAttribute(`active`,`true`)),r&&this._dispatchItemActionEvent(t.action,t.type,t.active,n,r,i)),t.action===`delete`?(this._handleDeleteItem(e),r&&this._dispatchItemActionEvent(t.action,t.type,t.active,n,r,i,r)):t.action===`clone`&&this._handleCloneItem(e)},this._handleDeleteItem=e=>{let t=e.target?.closest(`.grid-stack-item`)||this._focusedItemElement;t&&this.removeGridItemById(t.getAttribute(`gs-id`)||``)},this._handleCloneItem=e=>{let t=e.target.closest(`.grid-stack-item`);if(!t||!this._grid)return;let n=t.getAttribute(`gs-id`);if(!n)return;let r=this.items.find(e=>e.id===n);if(!r)return;let i=x(),a={...structuredClone(r),id:i},o=this.addGridItem(a),s=e.detail;this._dispatchItemActionEvent(`clone`,s?.type??`button`,s?.active??!1,o,i,a,void 0,t)}}static get styles(){return[(0,o.unsafeCSS)(tr),(0,o.unsafeCSS)(fr)]}async _loadTheme(e){e?.type===`custom`?this._fullTheme=structuredClone(e):e?.id&&r.n.includes(e.id)&&this._fullTheme?.id!==e.id?(this._fullTheme=await r.t(e.id),this._fullTheme.id=e.id):e?.id&&this._fullTheme?.id!==e.id||!e&&this._fullTheme||(this._fullTheme=await r.t(`default`)),this._initialized&&this._updateThemeProperties(),!this._initialized&&this._gridElement&&await requestAnimationFrame(()=>{this._initializeGrid()}),this._grid&&this._grid?.margin([(this.theme?.margins?.[0]??16)/2,(this.theme?.margins?.[1]??16)/2].join(` `)),this.requestUpdate()}firstUpdated(){document.addEventListener(`click`,this._handleGridClick),this.addEventListener(`keydown`,this._handleKeyDown),this._loadTheme(this.theme)}disconnectedCallback(){super.disconnectedCallback(),this._cleanup(),document.removeEventListener(`click`,this._handleGridClick),this.removeEventListener(`keydown`,this._handleKeyDown)}willUpdate(e){super.willUpdate(e),e.has(`_initialized`)&&(this._updateThemeProperties(),this._initialized&&this._grid&&this._fullTheme?.margins&&this._grid?.margin([(this._fullTheme?.margins?.[0]??16)/2,(this._fullTheme?.margins?.[1]??16)/2].join(` `)))}updated(e){super.updated(e);let t=e.has(`contentLanguage`),n=e.has(`viewMode`),r=e.has(`items`),i=e.has(`theme`);this.items.forEach(e=>{e.id=e.id??x(),e.contextId=e.id,e.canFilter=e.canFilter??`all`}),this._initialized&&this._grid&&(r||this._hasItemAdded)&&(this._hasItemAdded&&this._gridItemElements.forEach(e=>{e.hasAttribute(`orphan`)&&e.remove()}),this._hasItemAdded=!1,this._grid?.setAnimation(!1),this._grid?.batchUpdate(),this._grid?.removeAll(!1),this.items.forEach(e=>{let t=[...this._gridItemElements].find(t=>t.getAttribute(`luzmo-grid-item-id`)===e.id);t&&(this._grid?.makeWidget(t,{x:e?.position?.col??0,y:e?.position?.row??0,w:e?.position?.sizeX??1,h:e?.position?.sizeY??1,id:e.id}),this._grid?.batchUpdate(!1),this._grid?.setAnimation(!0))})),t&&this._updateLuzmoVizItemsLanguage(),this._initialized&&this._grid&&n&&this.viewMode!==e.get(`viewMode`)&&(this.viewMode?(this._grid.disable(),this._activeItemElement&&(this._cleanupActiveItem(this._activeItemElement),this._activeItemElement=void 0,this._gridElement.removeAttribute(`has-active-item`))):this._grid.enable()),i&&this._loadTheme(this.theme)}_updateLuzmoVizItemsLanguage(){this._gridItemElements.forEach(e=>{let t=e.querySelector(`luzmo-embed-viz-item`);t&&(t.options={...t.options,locale:this.contentLanguage})})}_handleMouseover(e){if(this.viewMode)return;let t=e.target.closest(`.grid-stack-item`);t&&this._createItemActionsMenuPopover(t)}_cleanupActiveItem(e){e.removeAttribute(`active`),this._activeItemElement===e&&(this._activeItemElement=void 0,this._gridElement.removeAttribute(`has-active-item`)),this._removeItemActionsMenuPopover(e)}_dispatchItemActionEvent(e,t,n,r,i,a,o,s){this.dispatchEvent(new CustomEvent(`luzmo-grid-item-action`,{detail:{action:e,actionType:t,active:n,items:this.items,element:r,id:i,type:a?.type,slots:a?.slots,options:a?.options,filters:a?.filters??[],...o&&{deletedId:o},...s&&{originalElement:s}},bubbles:!0,composed:!0,cancelable:!0}))}_cleanup(){for(let e of this._gridItemElements)this._cleanupActiveItem(e);this._grid&&=(this._grid.destroy(),void 0),this._initialized=!1}_initializeGrid(){if(this._initialized||!this._gridElement)return;let e={column:this.columns??48,cellHeight:this.rowHeight??16,marginTop:(this._fullTheme?.margins?.[0]??16)/2,marginLeft:(this._fullTheme?.margins?.[1]??16)/2,marginRight:(this._fullTheme?.margins?.[1]??16)/2,marginBottom:(this._fullTheme?.margins?.[0]??16)/2,animate:!0,auto:!1,float:!1,removable:!1,acceptWidgets:!0,disableDrag:this.viewMode,disableResize:this.viewMode,minRow:1,resizable:{handles:[`n`,`ne`,`e`,`se`,`s`,`sw`,`w`,`nw`].join(`, `)},handle:`.grid-item-drag-handle`};this._grid=er.init(e,this._gridElement),this._grid.batchUpdate(),this._gridItemElements.forEach(e=>{let t=e.getAttribute(`luzmo-grid-item-id`),n=this.items.find(e=>e.id===t),r={id:t,x:n?.position?.col??0,y:n?.position?.row??0,w:n?.position?.sizeX??1,h:n?.position?.sizeY??1};this._grid?.makeWidget(e,r)}),this._grid.batchUpdate(!1),this._initialized=!0,this._grid.on(`resizestart`,(e,t)=>{let n=t.getAttribute(`gs-w`)??``,r=t.getAttribute(`gs-h`)??``;this._createOrUpdateDimensionsHint(t,n,r)}),this._grid.on(`resize`,(e,t)=>{let n=t.getAttribute(`gs-w`)??``,r=t.getAttribute(`gs-h`)??``;this._createOrUpdateDimensionsHint(t,n,r)}),this._grid.on(`resizestop`,(e,t)=>{this._removeDimensionsHint(t)}),this._grid.on(`change`,(e,t)=>{t.forEach(e=>{if(!e?.id)return;let t=this.items.findIndex(t=>t.id===e.id);t!==-1&&(this.items[t]={...this.items[t],position:{sizeX:e.w??1,sizeY:e.h??1,row:e.y??0,col:e.x??0}})}),this.dispatchEvent(new CustomEvent(`luzmo-grid-changed`,{detail:{element:this._gridElement,grid:this._grid,items:this.items},bubbles:!0,composed:!0}))}),this.dispatchEvent(new CustomEvent(`luzmo-grid-ready`,{detail:{element:this._gridElement,grid:this._grid,items:this.items},bubbles:!0,composed:!0}))}_createOrUpdateDimensionsHint(e,t,n){let r=e.querySelector(`.dimensions-hint-popover`);if(r){r.style.display=t.length>0&&n.length>0?`block`:`none`,r.textContent=`${t} × ${n}`;return}let i=document.createElement(`div`);i.className=`dimensions-hint-popover`,i.setAttribute(`popover`,`hint`),i.style.display=t.length>0&&n.length>0?`block`:`none`,i.textContent=`${t} × ${n}`,e.append(i);let a=10-(this.theme?.margins?.[0]??10);i._cleanup=Et(e,i,async()=>{let{x:t,y:n}=await kt(e,i,{placement:`bottom`,middleware:[Dt(a),Ot()]});i.style.left=`${t}px`,i.style.top=`${n}px`}),i.matches(`:popover-open`)||i.showPopover()}_removeDimensionsHint(e){let t=e.querySelector(`.dimensions-hint-popover`);t&&(t._cleanup&&(t._cleanup(),delete t._cleanup),t.matches(`:popover-open`)&&t.hidePopover(),t.remove())}get grid(){return this._grid}get gridItems(){return this.items.map(e=>{let t={item:e,element:this._gridElement.querySelector(`[gs-id="${e.id}"]`)},n=t.element?.querySelector(`luzmo-embed-viz-item`);return n&&(t.luzmoElement=n),t})}registerRenderer(e,t){this.renderers={...this.renderers,[e]:t}}_renderOverlayContent(e,t){let n=lr(e?.actionsMenu)??lr(this.defaultItemActionsMenu)??ur();return!a.r.find(t=>t.type===e?.type)?.containsData&&!e?.actionsMenu&&!this.defaultItemActionsMenu&&(n=n.map(e=>({...e,actions:e.actions?.filter(e=>e.action!==`edit-data`)}))),t&&(n=n.map(e=>({...e,actions:e.actions?.map(e=>({...e,active:e.action===t?!0:e.active}))}))),o.html`
       <div class="grid-item-actions-popover" popover="manual">
         <luzmo-grid-item-actions-menu
-          .actions=${t}
+          .actions=${n}
           placement=${e?.placementActionsMenu??this.placementItemActionsMenu??`right-start`}
           .language=${this.language}
           @luzmo-grid-item-action=${this._handleAction}
         >
         </luzmo-grid-item-actions-menu>
       </div>
-    `}_createItemActionsMenuPopover(e){let t=e.querySelector(`.grid-item-actions-popover`),n=e.querySelector(`.grid-stack-item-content`),r=this.getGridItemById(e.getAttribute(`gs-id`)??``);if(!t){let n=document.createDocumentFragment();(0,o.render)(this._renderOverlayContent(r?.item),n),t=n.querySelector(`.grid-item-actions-popover`),e.append(t)}let i=Et(n,t,async()=>{let{x:e,y:i}=await kt(n,t,{placement:r?.item?.placementActionsMenu??this.placementItemActionsMenu??`right-start`,middleware:[Dt(0),Ot({crossAxis:!1})]});t.style.left=`${e}px`,t.style.top=`${i}px`});t._cleanup=i,t.matches(`:popover-open`)||t.showPopover()}_removeItemActionsMenuPopover(e){let t=e.querySelector(`.grid-item-actions-popover`);t&&(t._cleanup&&(t._cleanup(),delete t._cleanup),t.matches(`:popover-open`)&&t.hidePopover(),t.remove())}_updateThemeProperties(){if(!this._fullTheme)return;let e=this._fullTheme.boxShadow,t=``;if(e){let n=new i.t(e.color),r={r:Math.round(n.srgb.r*255),g:Math.round(n.srgb.g*255),b:Math.round(n.srgb.b*255)},a=this._fullTheme.margins?.[0]??16,o=Math.min(a/10,2);e.size===`none`?t=`none`:e.size===`S`?t=`0 ${o*2}px ${o*4}px ${pr(r,.16)}, 0 ${o*2}px ${o*4}px ${pr(r,.23)}`:e.size===`M`?t=`0 ${o*8}px ${o*16}px ${pr(r,.19)}, 0 ${o*4}px ${o*4}px ${pr(r,.23)}`:e.size===`L`&&(t=`0 ${o*12}px ${o*24}px ${pr(r,.25)}, 0 ${o*8}px ${o*8}px ${pr(r,.22)}`)}new Map([[`--grid-font-family`,this._fullTheme?.font?.fontFamily],[`--grid-background`,this._fullTheme?.background],[`--grid-item-box-shadow`,t],[`--grid-item-background`,this._fullTheme?.itemsBackground],[`--grid-item-border-color`,this._fullTheme?.borders?.[`border-color`]],[`--grid-item-border-style`,this._fullTheme?.borders?.[`border-style`]],[`--grid-item-border-radius`,this._fullTheme?.borders?.[`border-radius`]],[`--grid-item-border-width`,`${this._fullTheme?.borders?.[`border-top-width`]}`],[`--grid-item-border-top-width`,this._fullTheme?.borders?.[`border-top-width`]],[`--grid-item-border-right-width`,this._fullTheme?.borders?.[`border-right-width`]],[`--grid-item-border-bottom-width`,this._fullTheme?.borders?.[`border-bottom-width`]],[`--grid-item-border-left-width`,this._fullTheme?.borders?.[`border-left-width`]]]).forEach((e,t)=>{e?this.style.setProperty(t,e):this.style.removeProperty(t)})}getGridItemById(e){return this.gridItems.find(t=>t.item.id===e)}addGridItem(e){!this._initialized&&this._gridElement&&console.warn(`Grid is not initialized, wait for grid-ready event`);let t=x(),n={...structuredClone(e),id:t,position:structuredClone(e?.position)??{sizeX:1,sizeY:1,col:0,row:0},canFilter:e.canFilter??`all`,contextId:t},r=this._renderItem(n,this.items.length),i=document.createDocumentFragment();(0,o.render)(r,i,{host:this}),this._gridElement.append(i);let a=this._gridElement.querySelector(`[luzmo-grid-item-id="${n.id}"]`);a.setAttribute(`orphan`,`true`);let s={x:n.position?.col??0,y:n.position?.row??0,w:n.position?.sizeX??1,h:n.position?.sizeY??1,autoPosition:!0,id:n.id},c=this._grid?.makeWidget(a,s);return c&&(n.position={sizeX:Number.parseInt(c.getAttribute(`gs-w`)??`1`,10),sizeY:Number.parseInt(c.getAttribute(`gs-h`)??`1`,10),col:Number.parseInt(c.getAttribute(`gs-x`)??`0`,10),row:Number.parseInt(c.getAttribute(`gs-y`)??`0`,10)}),this.items.push(n),this._hasItemAdded=!0,this._activeItemElement&&this._cleanupActiveItem(this._activeItemElement),requestAnimationFrame(()=>{let e=a.getBoundingClientRect();(e.bottom>window.innerHeight||e.top<0)&&a.scrollIntoView({behavior:`smooth`,block:`center`})}),a}removeGridItem(e){this.removeGridItemById(e?.id??``)}removeGridItemById(e){if(!e)return;let t=this.getGridItemById(e)?.element;t&&this._grid&&(this._grid.removeWidget(t),this._focusedItemElement=void 0);let n=this.items.findIndex(t=>t.id===e);n!==-1&&this.items.splice(n,1),this._removeItemActionsMenuPopover(t),t&&this._activeItemElement===t&&this._cleanupActiveItem(t)}triggerItemAction(e,t,n){let r=this.getGridItemById(e);if(!r){console.warn(`Grid item with id "${e}" not found`);return}let i=r.element,a=r.item,o=t===this._activeItemActionToggle&&i===this._activeItemElement,s=n?.active??!o;if(n?.active!==void 0&&s===o)return o;if(!s)return this._activeItemElement=void 0,this._activeItemActionToggle=void 0,this._gridElement?.removeAttribute(`has-active-item`),i.removeAttribute(`active`),this._cleanupActiveItem(i),this._dispatchItemActionEvent(t,`toggle`,!1,i,e,a),!1;if(this._activeItemElement&&this._activeItemElement!==i){let e=this._activeItemElement.getAttribute(`gs-id`),t=this.items.find(t=>t.id===e),n=this._activeItemActionToggle,r=this._activeItemElement;this._cleanupActiveItem(this._activeItemElement),this._activeItemElement=void 0,this._activeItemActionToggle=void 0,n&&e&&t&&this._dispatchItemActionEvent(n,`toggle`,!1,r,e,t)}return this._activeItemElement=i,this._activeItemActionToggle=t,this._gridElement.setAttribute(`has-active-item`,`true`),i.setAttribute(`active`,`true`),this._dispatchItemActionEvent(t,`toggle`,!0,i,e,a),!0}deactivateItems(){let e=0;if(this._activeItemElement&&this._activeItemActionToggle){let t=this._activeItemElement.getAttribute(`gs-id`),n=this.items.find(e=>e.id===t),r=this._activeItemActionToggle,i=this._activeItemElement;this._cleanupActiveItem(this._activeItemElement),this._activeItemElement=void 0,this._activeItemActionToggle=void 0,this._gridElement?.removeAttribute(`has-active-item`),r&&t&&n&&(this._dispatchItemActionEvent(r,`toggle`,!1,i,t,n),e++)}return e}_renderItem(e,t){let n={...e.options,locale:this.contentLanguage};n.theme||=this._fullTheme?.id?{id:this._fullTheme.id}:structuredClone(this._fullTheme);let r=!this.viewMode;return o.html`
+    `}_createItemActionsMenuPopover(e,t){let n=e.querySelector(`.grid-item-actions-popover`),r=e.querySelector(`.grid-stack-item-content`),i=this.getGridItemById(e.getAttribute(`gs-id`)??``);if(n&&=(this._removeItemActionsMenuPopover(e),null),!n){let r=document.createDocumentFragment();(0,o.render)(this._renderOverlayContent(i?.item,t),r),n=r.querySelector(`.grid-item-actions-popover`),e.append(n)}let a=Et(r,n,async()=>{let{x:e,y:t}=await kt(r,n,{placement:i?.item?.placementActionsMenu??this.placementItemActionsMenu??`right-start`,middleware:[Dt(0),Ot({crossAxis:!1})]});n.style.left=`${e}px`,n.style.top=`${t}px`});n._cleanup=a,n.matches(`:popover-open`)||n.showPopover()}_removeItemActionsMenuPopover(e){let t=e.querySelector(`.grid-item-actions-popover`);t&&(t._cleanup&&(t._cleanup(),delete t._cleanup),t.matches(`:popover-open`)&&t.hidePopover(),t.remove())}_updateThemeProperties(){if(!this._fullTheme)return;let e=this._fullTheme.boxShadow,t=``;if(e){let n=new i.t(e.color),r={r:Math.round(n.srgb.r*255),g:Math.round(n.srgb.g*255),b:Math.round(n.srgb.b*255)},a=this._fullTheme.margins?.[0]??16,o=Math.min(a/10,2);e.size===`none`?t=`none`:e.size===`S`?t=`0 ${o*2}px ${o*4}px ${pr(r,.16)}, 0 ${o*2}px ${o*4}px ${pr(r,.23)}`:e.size===`M`?t=`0 ${o*8}px ${o*16}px ${pr(r,.19)}, 0 ${o*4}px ${o*4}px ${pr(r,.23)}`:e.size===`L`&&(t=`0 ${o*12}px ${o*24}px ${pr(r,.25)}, 0 ${o*8}px ${o*8}px ${pr(r,.22)}`)}new Map([[`--grid-font-family`,this._fullTheme?.font?.fontFamily],[`--grid-background`,this._fullTheme?.background],[`--grid-item-box-shadow`,t],[`--grid-item-background`,this._fullTheme?.itemsBackground],[`--grid-item-border-color`,this._fullTheme?.borders?.[`border-color`]],[`--grid-item-border-style`,this._fullTheme?.borders?.[`border-style`]],[`--grid-item-border-radius`,this._fullTheme?.borders?.[`border-radius`]],[`--grid-item-border-width`,`${this._fullTheme?.borders?.[`border-top-width`]}`],[`--grid-item-border-top-width`,this._fullTheme?.borders?.[`border-top-width`]],[`--grid-item-border-right-width`,this._fullTheme?.borders?.[`border-right-width`]],[`--grid-item-border-bottom-width`,this._fullTheme?.borders?.[`border-bottom-width`]],[`--grid-item-border-left-width`,this._fullTheme?.borders?.[`border-left-width`]]]).forEach((e,t)=>{e?this.style.setProperty(t,e):this.style.removeProperty(t)})}getGridItemById(e){return this.gridItems.find(t=>t.item.id===e)}addGridItem(e){!this._initialized&&this._gridElement&&console.warn(`Grid is not initialized, wait for grid-ready event`);let t=x(),n={...structuredClone(e),id:t,position:structuredClone(e?.position)??{sizeX:1,sizeY:1,col:0,row:0},canFilter:e.canFilter??`all`,contextId:t},r=this._renderItem(n,this.items.length),i=document.createDocumentFragment();(0,o.render)(r,i,{host:this}),this._gridElement.append(i);let a=this._gridElement.querySelector(`[luzmo-grid-item-id="${n.id}"]`);a.setAttribute(`orphan`,`true`);let s={x:n.position?.col??0,y:n.position?.row??0,w:n.position?.sizeX??1,h:n.position?.sizeY??1,autoPosition:!0,id:n.id},c=this._grid?.makeWidget(a,s);return c&&(n.position={sizeX:Number.parseInt(c.getAttribute(`gs-w`)??`1`,10),sizeY:Number.parseInt(c.getAttribute(`gs-h`)??`1`,10),col:Number.parseInt(c.getAttribute(`gs-x`)??`0`,10),row:Number.parseInt(c.getAttribute(`gs-y`)??`0`,10)}),this.items.push(n),this._hasItemAdded=!0,this._activeItemElement&&this._cleanupActiveItem(this._activeItemElement),requestAnimationFrame(()=>{let e=a.getBoundingClientRect();(e.bottom>window.innerHeight||e.top<0)&&a.scrollIntoView({behavior:`smooth`,block:`center`})}),a}removeGridItem(e){this.removeGridItemById(e?.id??``)}removeGridItemById(e){if(!e)return;let t=this.getGridItemById(e)?.element;t&&this._grid&&(this._grid.removeWidget(t),this._focusedItemElement=void 0);let n=this.items.findIndex(t=>t.id===e);n!==-1&&this.items.splice(n,1),this._removeItemActionsMenuPopover(t),t&&this._activeItemElement===t&&this._cleanupActiveItem(t)}async triggerItemAction(e,t,n){await this.updateComplete;let r=this.getGridItemById(e);if(!r?.element){console.warn(`Grid item with id "${e}" not found`);return}let i=r.element,a=r.item,o=t===this._activeItemActionToggle&&i===this._activeItemElement,s=n?.active??!o;if(n?.active!==void 0&&s===o)return o;if(!s)return this._activeItemElement=void 0,this._activeItemActionToggle=void 0,this._gridElement?.removeAttribute(`has-active-item`),i.removeAttribute(`active`),this._cleanupActiveItem(i),this._dispatchItemActionEvent(t,`toggle`,!1,i,e,a),!1;if(this._activeItemElement&&this._activeItemElement!==i){let e=this._activeItemElement.getAttribute(`gs-id`),t=this.items.find(t=>t.id===e),n=this._activeItemActionToggle,r=this._activeItemElement;this._cleanupActiveItem(this._activeItemElement),this._activeItemElement=void 0,this._activeItemActionToggle=void 0,n&&e&&t&&this._dispatchItemActionEvent(n,`toggle`,!1,r,e,t)}return this._activeItemElement=i,this._activeItemActionToggle=t,this._gridElement.setAttribute(`has-active-item`,`true`),i.setAttribute(`active`,`true`),this._createItemActionsMenuPopover(i,t),this._dispatchItemActionEvent(t,`toggle`,!0,i,e,a),!0}deactivateItems(){let e=0;if(this._activeItemElement&&this._activeItemActionToggle){let t=this._activeItemElement.getAttribute(`gs-id`),n=this.items.find(e=>e.id===t),r=this._activeItemActionToggle,i=this._activeItemElement;this._cleanupActiveItem(this._activeItemElement),this._activeItemElement=void 0,this._activeItemActionToggle=void 0,this._gridElement?.removeAttribute(`has-active-item`),r&&t&&n&&(this._dispatchItemActionEvent(r,`toggle`,!1,i,t,n),e++)}return e}_renderItem(e,t){let n={...e.options,locale:this.contentLanguage};n.theme||=this._fullTheme?.id?{id:this._fullTheme.id}:structuredClone(this._fullTheme);let r=!this.viewMode;return o.html`
       <div
         class="luzmo-grid-item has-luzmo-viz-item"
         luzmo-grid-item-id=${e.id??x()}

package/components/{grid-Lycn2SQm.js → grid-acpD-dWR.js}

@@ -4653,15 +4653,21 @@ var grid_module_default = ":host{width:100%;display:block}.grid-stack{width:100%
 			[e]: k
 		};
 	}
-	_renderOverlayContent(e) {
-		let k = generateActionsMenu(e?.actionsMenu) ?? generateActionsMenu(this.defaultItemActionsMenu) ?? defaultActionsMenu();
-		return !itemTypes.find((k) => k.type === e?.type)?.containsData && !e?.actionsMenu && !this.defaultItemActionsMenu && (k = k.map((e) => ({
+	_renderOverlayContent(e, k) {
+		let A = generateActionsMenu(e?.actionsMenu) ?? generateActionsMenu(this.defaultItemActionsMenu) ?? defaultActionsMenu();
+		return !itemTypes.find((k) => k.type === e?.type)?.containsData && !e?.actionsMenu && !this.defaultItemActionsMenu && (A = A.map((e) => ({
 			...e,
 			actions: e.actions?.filter((e) => e.action !== "edit-data")
+		}))), k && (A = A.map((e) => ({
+			...e,
+			actions: e.actions?.map((e) => ({
+				...e,
+				active: e.action === k ? !0 : e.active
+			}))
 		}))), html`
       <div class="grid-item-actions-popover" popover="manual">
         <luzmo-grid-item-actions-menu
-          .actions=${k}
+          .actions=${A}
           placement=${e?.placementActionsMenu ?? this.placementItemActionsMenu ?? "right-start"}
           .language=${this.language}
           @luzmo-grid-item-action=${this._handleAction}
@@ -4670,20 +4676,20 @@ var grid_module_default = ":host{width:100%;display:block}.grid-stack{width:100%
       </div>
     `;
 	}
-	_createItemActionsMenuPopover(e) {
-		let k = e.querySelector(".grid-item-actions-popover"), A = e.querySelector(".grid-stack-item-content"), j = this.getGridItemById(e.getAttribute("gs-id") ?? "");
-		if (!k) {
-			let A = document.createDocumentFragment();
-			render(this._renderOverlayContent(j?.item), A), k = A.querySelector(".grid-item-actions-popover"), e.append(k);
+	_createItemActionsMenuPopover(e, k) {
+		let A = e.querySelector(".grid-item-actions-popover"), j = e.querySelector(".grid-stack-item-content"), M = this.getGridItemById(e.getAttribute("gs-id") ?? "");
+		if (A &&= (this._removeItemActionsMenuPopover(e), null), !A) {
+			let j = document.createDocumentFragment();
+			render(this._renderOverlayContent(M?.item, k), j), A = j.querySelector(".grid-item-actions-popover"), e.append(A);
 		}
-		let M = autoUpdate(A, k, async () => {
-			let { x: e, y: M } = await computePosition(A, k, {
-				placement: j?.item?.placementActionsMenu ?? this.placementItemActionsMenu ?? "right-start",
+		let N = autoUpdate(j, A, async () => {
+			let { x: e, y: k } = await computePosition(j, A, {
+				placement: M?.item?.placementActionsMenu ?? this.placementItemActionsMenu ?? "right-start",
 				middleware: [offset(0), flip({ crossAxis: !1 })]
 			});
-			k.style.left = `${e}px`, k.style.top = `${M}px`;
+			A.style.left = `${e}px`, A.style.top = `${k}px`;
 		});
-		k._cleanup = M, k.matches(":popover-open") || k.showPopover();
+		A._cleanup = N, A.matches(":popover-open") || A.showPopover();
 	}
 	_removeItemActionsMenuPopover(e) {
 		let k = e.querySelector(".grid-item-actions-popover");
@@ -4768,9 +4774,10 @@ var grid_module_default = ":host{width:100%;display:block}.grid-stack{width:100%
 		let A = this.items.findIndex((k) => k.id === e);
 		A !== -1 && this.items.splice(A, 1), this._removeItemActionsMenuPopover(k), k && this._activeItemElement === k && this._cleanupActiveItem(k);
 	}
-	triggerItemAction(e, k, A) {
+	async triggerItemAction(e, k, A) {
+		await this.updateComplete;
 		let j = this.getGridItemById(e);
-		if (!j) {
+		if (!j?.element) {
 			console.warn(`Grid item with id "${e}" not found`);
 			return;
 		}
@@ -4781,7 +4788,7 @@ var grid_module_default = ":host{width:100%;display:block}.grid-stack{width:100%
 			let e = this._activeItemElement.getAttribute("gs-id"), k = this.items.find((k) => k.id === e), A = this._activeItemActionToggle, j = this._activeItemElement;
 			this._cleanupActiveItem(this._activeItemElement), this._activeItemElement = void 0, this._activeItemActionToggle = void 0, A && e && k && this._dispatchItemActionEvent(A, "toggle", !1, j, e, k);
 		}
-		return this._activeItemElement = M, this._activeItemActionToggle = k, this._gridElement.setAttribute("has-active-item", "true"), M.setAttribute("active", "true"), this._dispatchItemActionEvent(k, "toggle", !0, M, e, N), !0;
+		return this._activeItemElement = M, this._activeItemActionToggle = k, this._gridElement.setAttribute("has-active-item", "true"), M.setAttribute("active", "true"), this._createItemActionsMenuPopover(M, k), this._dispatchItemActionEvent(k, "toggle", !0, M, e, N), !0;
 	}
 	deactivateItems() {
 		let e = 0;

package/components/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./base-CMapUjQp.cjs`),require(`./focus-visible-3ACCHno4.cjs`);const ee=require(`./ai-chat-ScC2LmOk.cjs`),e=require(`./localize-1PfTYVMY.cjs`);require(`./set-locale-CxIt8D8X.cjs`);const t=require(`./dataset-icon-B0jNtKtL.cjs`);require(`./data-broker-CaAKW_nK.cjs`);const n=require(`./dataset-selector-list-Bvfo3EJg.cjs`),r=require(`./dataset-selector-row-B3Jk4Vxd.cjs`),i=require(`./ai-interaction-textarea-DR8UM5gD.cjs`),a=require(`./formatter-W9wqX_XR.cjs`),o=require(`./decompose-numeric-format-B3nb3XKf.cjs`),s=require(`./display-settings-BWdCfQRh.cjs`),c=require(`./display-settings-binning-CcUEzCkd.cjs`),l=require(`./display-settings-datetime-dZfDL8It.cjs`);require(`./periods.const-DuqtQKfs.cjs`);const u=require(`./display-settings-grand-totals-DFiotIJp.cjs`);require(`./calculate-data-field-icon-DS7blwAS.cjs`);const d=require(`./display-settings-numeric-DwJIG4uR.cjs`),f=require(`./period-over-period-condition.const-Ol98e4ut.cjs`),p=require(`./display-settings-period-over-period-BYfmTB4-.cjs`);require(`./get-css-variable-DoFqEmSY.cjs`);const m=require(`./draggable-data-field-level-BO1-eZO-.cjs`),h=require(`./draggable-data-field-2xM4c6pA.cjs`),g=require(`./convert-datasets-to-data-fields-BUkvN0FO.cjs`),_=require(`./load-data-fields-for-datasets-bjHqVU_h.cjs`),v=require(`./draggable-data-fields-panel-CzCuGTHQ.cjs`),y=require(`./slot-menu-BhHDTdgv.cjs`),b=require(`./grid-CevZPBH_.cjs`),x=require(`./slot-menu-list-O_XT3zMp.cjs`),S=require(`./droppable-slot-7ILpMGxR.cjs`);require(`./slot-labels.const-C0RxWf1A.cjs`);const C=require(`./edit-option-BtYdmcxz.cjs`),w=require(`./themes-B_h9LMQi.cjs`),T=require(`./edit-item-C_GglKSX.cjs`),E=require(`./filter-expression-picker-Cd40FDJH.cjs`),D=require(`./data-fields-select-D4wprSnr.cjs`),O=require(`./filter-value-picker-l6jJNGRZ.cjs`),k=require(`./filter-value-picker-datetime-BaBkXOUZ.cjs`),A=require(`./utils-DLV3yRFU.cjs`),j=require(`./filter-value-picker-hierarchy-DE8LMstS.cjs`),M=require(`./filter-value-picker-numeric-EMgaHc8u.cjs`),N=require(`./filter-item-DDMrso11.cjs`),P=require(`./edit-filters-D8M1LYPM.cjs`);require(`./edit-option-base-whtMN4oN.cjs`);const F=require(`./edit-option-action-button-group-1azj6aol.cjs`),I=require(`./edit-option-color-palette-picker-Drhzeany.cjs`),L=require(`./edit-option-color-picker-Qk2lvG0J.cjs`),R=require(`./edit-option-color-range-LQOMzgfA.cjs`),z=require(`./edit-option-multi-language-field-rU8OggmU.cjs`),B=require(`./edit-option-number-field-DhyncBML.cjs`),V=require(`./edit-option-picker-wPPmC2jF.cjs`),H=require(`./edit-option-position-picker-BHy57n3I.cjs`),U=require(`./edit-option-positions-number-field-CRe5aeKo.cjs`),W=require(`./edit-option-radio-button-group-JjvPvrMH.cjs`),G=require(`./edit-option-slider-CpLvI2vd.cjs`),K=require(`./edit-option-switch-WUlgboed.cjs`),q=require(`./edit-option-text-field-Z7xEk86g.cjs`),J=require(`./item-data-drop-panel-DLbZsyCm.cjs`),Y=require(`./slot-contents-picker-DE9UGlfx.cjs`),X=require(`./item-data-picker-panel-Cjpl-Eq-.cjs`),Z=require(`./viz-item-menu-ChpfPq-7.cjs`);require(`./types.cjs`);const Q=[{key:`general`,label:`General`},{key:`filters`,label:`Filters`},{key:`bar-column`,label:`Bar & Column Charts`},{key:`line`,label:`Line Charts`},{key:`scatter-bubble`,label:`Scatter & Bubble Plots`},{key:`area`,label:`Area Charts`},{key:`pie-donut`,label:`Pie & Donut`},{key:`gauges`,label:`Gauges`},{key:`map`,label:`Map Charts`},{key:`hierarchical`,label:`Hierarchical Charts`},{key:`special`,label:`Special Charts`},{key:`financial`,label:`Financial Charts`}],$=[{type:`area-chart`,label:`Area Chart`},{type:`bar-chart`,label:`Bar Chart`},{type:`box-plot`,label:`Box Plot`},{type:`bubble-chart`,label:`Bubble Chart`},{type:`bullet-chart`,label:`Bullet Chart`},{type:`choropleth-map`,label:`Choropleth Map`},{type:`circle-pack-chart`,label:`Circle Pack Chart`},{type:`circular-gauge`,label:`Circular Gauge`},{type:`column-chart`,label:`Column Chart`},{type:`combination-chart`,label:`Combination Chart`},{type:`conditional-number`,label:`Conditional Number`},{type:`date-comparison-filter`,label:`Date Comparison Filter`},{type:`date-filter`,label:`Date Filter`},{type:`donut-chart`,label:`Donut Chart`},{type:`dropdown-filter`,label:`Dropdown Filter`},{type:`evolution-number`,label:`Evolution Number`},{type:`funnel-chart`,label:`Funnel Chart`},{type:`heat-map`,label:`Heat Map`},{type:`heat-table`,label:`Heat Table`},{type:`hexbin-map`,label:`Hexbin Map`},{type:`image`,label:`Image`},{type:`line-chart`,label:`Line Chart`},{type:`marker-map`,label:`Marker Map`},{type:`ohlc-chart`,label:`OHLC Chart`},{type:`parallel-coordinates-plot`,label:`Parallel Coordinates Plot`},{type:`pivot-table`,label:`Pivot Table`},{type:`pyramid-chart`,label:`Pyramid Chart`},{type:`radar-chart`,label:`Radar Chart`},{type:`regular-table`,label:`Regular Table`},{type:`route-map`,label:`Route Map`},{type:`sankey-diagram`,label:`Sankey Diagram`},{type:`scatter-plot`,label:`Scatter Plot`},{type:`search-filter`,label:`Search Filter`},{type:`slicer-filter`,label:`Slicer Filter`},{type:`slider-filter`,label:`Slider Filter`},{type:`speedometer-chart`,label:`Speedometer Chart`},{type:`spike-map`,label:`Spike Map`},{type:`strip-plot`,label:`Strip Plot`},{type:`sunburst-chart`,label:`Sunburst Chart`},{type:`symbol-map`,label:`Symbol Map`},{type:`text`,label:`Text`},{type:`treemap-chart`,label:`Treemap Chart`},{type:`video`,label:`Video`},{type:`wordcloud-chart`,label:`Wordcloud Chart`}],te=[{item:`text`,type:`text`,label:`Text`,group:`general`},{item:`image`,type:`image`,label:`Image`,group:`general`},{item:`evolution-number`,type:`evolution-number`,label:`Number with evolution`,group:`general`},{item:`video`,type:`video`,label:`Video`,group:`general`},{item:`regular-table`,type:`regular-table`,label:`Regular Table`,group:`general`},{item:`pivot-table`,type:`pivot-table`,label:`Pivot Table`,group:`general`},{item:`spacer`,type:`spacer`,label:`Spacer`,group:`general`},{item:`date-comparison-filter`,type:`date-comparison-filter`,label:`Date Comparison Filter`,group:`filters`},{item:`date-filter`,type:`date-filter`,label:`Date Filter`,group:`filters`},{item:`slider-filter`,type:`slider-filter`,label:`Slider Filter`,group:`filters`},{item:`search-filter`,type:`search-filter`,label:`Search Filter`,group:`filters`},{item:`dropdown-filter`,type:`dropdown-filter`,label:`Dropdown Filter`,group:`filters`},{item:`slicer-filter-vertical`,type:`slicer`,label:`Slicer Filter`,group:`filters`,options:{layout:{alignment:`vertical`}}},{item:`slicer-filter-horizontal`,type:`slicer`,label:`Slicer Filter Horizontal`,group:`filters`,options:{layout:{alignment:`horizontal`}}},{item:`slicer-filter-table`,type:`slicer`,label:`Slicer Filter Table`,group:`filters`,options:{layout:{alignment:`table`}}},{item:`rank-slicer-filter`,type:`slicer`,label:`Rank Slicer Filter`,group:`filters`,options:{layout:{alignment:`rank-vertical`}}},{item:`bar-chart`,type:`bar-chart`,label:`Bar Chart`,group:`bar-column`},{item:`grouped-bar-chart`,type:`bar-chart`,label:`Grouped Bar Chart`,group:`bar-column`,options:{mode:`grouped`}},{item:`stacked-bar-chart`,type:`bar-chart`,label:`Stacked Bar Chart`,group:`bar-column`,options:{mode:`stacked`}},{item:`column-chart`,type:`column-chart`,label:`Column Chart`,group:`bar-column`},{item:`grouped-column-chart`,type:`column-chart`,label:`Grouped Column Chart`,group:`bar-column`,options:{mode:`grouped`}},{item:`stacked-column-chart`,type:`column-chart`,label:`Stacked Column Chart`,group:`bar-column`,options:{mode:`stacked`}},{item:`line-chart`,type:`line-chart`,label:`Line Chart`,group:`line`},{item:`grouped-line-chart`,type:`line-chart`,label:`Grouped Line Chart`,group:`line`,options:{mode:`grouped`}},{item:`scatter-plot`,type:`scatter-plot`,label:`Scatter Plot`,group:`scatter-bubble`},{item:`scatter-group`,type:`scatter-plot`,label:`Scatter Group`,group:`scatter-bubble`},{item:`bubble-plot`,type:`scatter-plot`,label:`Bubble Plot`,group:`scatter-bubble`},{item:`colored-bubble-plot`,type:`scatter-plot`,label:`Colored Bubble Plot`,group:`scatter-bubble`},{item:`area-chart`,type:`area-chart`,label:`Area Chart`,group:`area`},{item:`stacked-area-chart`,type:`area-chart`,label:`Stacked Area Chart`,group:`area`,options:{mode:`stacked`}},{item:`100-area-chart`,type:`area-chart`,label:`100% Stacked Area Chart`,group:`area`,options:{mode:`100%`}},{item:`streamgraph`,type:`area-chart`,label:`Streamgraph`,group:`area`},{item:`pie-chart`,type:`donut-chart`,label:`Pie Chart`,group:`pie-donut`},{item:`donut-chart`,type:`donut-chart`,label:`Donut Chart`,group:`pie-donut`},{item:`semi-pie-chart`,type:`donut-chart`,label:`Semi Pie Chart`,group:`pie-donut`},{item:`semi-donut-chart`,type:`donut-chart`,label:`Semi Donut Chart`,group:`pie-donut`},{item:`bullet-chart`,type:`bullet-chart`,label:`Bullet Chart`,group:`gauges`},{item:`circular-gauge`,type:`circular-gauge`,label:`Circular Gauge`,group:`gauges`},{item:`conditional-number`,type:`conditional-number`,label:`Conditional Number`,group:`gauges`},{item:`speedometer-chart`,type:`speedometer-chart`,label:`Speedometer`,group:`gauges`},{item:`choropleth-map`,type:`choropleth-map`,label:`Choropleth Map`,group:`map`},{item:`symbol-map`,type:`symbol-map`,label:`Symbol Map`,group:`map`},{item:`marker-map`,type:`marker-map`,label:`Marker Map`,group:`map`},{item:`hexbin-map`,type:`hexbin-map`,label:`Hexbin Map`,group:`map`},{item:`heat-map`,type:`heat-map`,label:`Heat Map`,group:`map`},{item:`route-map`,type:`route-map`,label:`Route Map`,group:`map`},{item:`spike-map`,type:`spike-map`,label:`Spike Map`,group:`map`},{item:`treemap-chart`,type:`treemap-chart`,label:`Treemap Chart`,group:`hierarchical`},{item:`sunburst-chart`,type:`sunburst-chart`,label:`Sunburst Chart`,group:`hierarchical`},{item:`circle-pack-chart`,type:`circle-pack-chart`,label:`Circle Pack Chart`,group:`hierarchical`},{item:`combination-chart`,type:`combination-chart`,label:`Combination Chart`,group:`special`},{item:`parallel-coordinates-plot`,type:`parallel-coordinates-plot`,label:`Parallel Coordinates Plot`,group:`special`},{item:`bubble-chart`,type:`bubble-chart`,label:`Bubble Chart`,group:`special`},{item:`strip-plot`,type:`strip-plot`,label:`Strip Plot`,group:`special`},{item:`radar-chart`,type:`radar-chart`,label:`Radar Chart`,group:`special`},{item:`pyramid-chart`,type:`pyramid-chart`,label:`Pyramid Chart`,group:`special`},{item:`funnel-chart`,type:`funnel-chart`,label:`Funnel Chart`,group:`special`},{item:`alluvial-diagram`,type:`alluvial-diagram`,label:`Alluvial Diagram`,group:`special`},{item:`sankey-diagram`,type:`sankey-diagram`,label:`Sankey Diagram`,group:`special`},{item:`venn-diagram`,type:`venn-diagram`,label:`Venn Diagram`,group:`special`},{item:`box-plot`,type:`box-plot`,label:`Box Plot`,group:`special`},{item:`heat-table`,type:`heat-table`,label:`Heat Table`,group:`special`},{item:`wordcloud-chart`,type:`wordcloud-chart`,label:`Wordcloud Chart`,group:`special`},{item:`ohlc-chart`,type:`ohlc-chart`,label:`OHLC Chart`,group:`financial`},{item:`candlestick-chart`,type:`ohlc-chart`,label:`Candlestick Chart`,group:`financial`}];exports.LuzmoAiChat=ee.t,Object.defineProperty(exports,`LuzmoAiInteractionTextarea`,{enumerable:!0,get:function(){return i.t}}),Object.defineProperty(exports,`LuzmoDataFieldsSelect`,{enumerable:!0,get:function(){return D.t}}),exports.LuzmoDatasetIcon=t.t,exports.LuzmoDatasetSelectorList=n.t,exports.LuzmoDatasetSelectorRow=r.t,exports.LuzmoDisplaySettings=s.t,Object.defineProperty(exports,`LuzmoDisplaySettingsBinning`,{enumerable:!0,get:function(){return c.t}}),Object.defineProperty(exports,`LuzmoDisplaySettingsDatetime`,{enumerable:!0,get:function(){return l.t}}),Object.defineProperty(exports,`LuzmoDisplaySettingsGrandTotals`,{enumerable:!0,get:function(){return u.t}}),Object.defineProperty(exports,`LuzmoDisplaySettingsNumeric`,{enumerable:!0,get:function(){return d.t}}),Object.defineProperty(exports,`LuzmoDisplaySettingsPeriodOverPeriod`,{enumerable:!0,get:function(){return p.t}}),Object.defineProperty(exports,`LuzmoDraggableDataField`,{enumerable:!0,get:function(){return h.t}}),exports.LuzmoDraggableDataFieldLevel=m.t,Object.defineProperty(exports,`LuzmoDraggableDataFieldsPanel`,{enumerable:!0,get:function(){return v.t}}),Object.defineProperty(exports,`LuzmoDroppableSlot`,{enumerable:!0,get:function(){return S.t}}),Object.defineProperty(exports,`LuzmoEditFilters`,{enumerable:!0,get:function(){return P.t}}),exports.LuzmoEditItem=T.t,exports.LuzmoEditOption=C.t,exports.LuzmoEditOptionActionButtonGroup=F.t,exports.LuzmoEditOptionColorPalettePicker=I.t,exports.LuzmoEditOptionColorPicker=L.t,exports.LuzmoEditOptionColorRange=R.t,exports.LuzmoEditOptionMultiLangField=z.t,exports.LuzmoEditOptionNumberField=B.t,exports.LuzmoEditOptionPicker=V.t,exports.LuzmoEditOptionPositionPicker=H.t,exports.LuzmoEditOptionPositionsNumberField=U.t,exports.LuzmoEditOptionRadioButtonGroup=W.t,exports.LuzmoEditOptionSlider=G.t,exports.LuzmoEditOptionSwitch=K.t,exports.LuzmoEditOptionTextField=q.t,Object.defineProperty(exports,`LuzmoFilterExpressionPicker`,{enumerable:!0,get:function(){return E.t}}),Object.defineProperty(exports,`LuzmoFilterItem`,{enumerable:!0,get:function(){return N.t}}),exports.LuzmoFilterValuePicker=O.t,exports.LuzmoFilterValuePickerDatetime=k.t,Object.defineProperty(exports,`LuzmoFilterValuePickerHierarchy`,{enumerable:!0,get:function(){return j.t}}),Object.defineProperty(exports,`LuzmoFilterValuePickerNumeric`,{enumerable:!0,get:function(){return M.t}}),exports.LuzmoGrid=b.t,Object.defineProperty(exports,`LuzmoGridItemActionsMenu`,{enumerable:!0,get:function(){return b.n}}),Object.defineProperty(exports,`LuzmoItemDataDropPanel`,{enumerable:!0,get:function(){return J.t}}),Object.defineProperty(exports,`LuzmoItemDataPickerPanel`,{enumerable:!0,get:function(){return X.t}}),Object.defineProperty(exports,`LuzmoSlotContentsPicker`,{enumerable:!0,get:function(){return Y.t}}),exports.LuzmoSlotMenu=y.t,exports.LuzmoSlotMenuList=x.t,Object.defineProperty(exports,`LuzmoVizItemMenu`,{enumerable:!0,get:function(){return Z.t}}),exports.PeriodOverPeriodCondition=f.t,exports.convertDatasetsToDataFields=g.t,exports.decomposeNumericFormat=o.t,exports.formatter=a.t,exports.getTheme=w.t,exports.itemGroups=Q,exports.itemList=te,exports.itemTypes=$,exports.loadDataFieldsForDatasets=_.t,exports.localize=e.t,exports.switchItem=A.n,exports.systemThemeIds=w.n,exports.transformFilters=A.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./base-CMapUjQp.cjs`),require(`./focus-visible-3ACCHno4.cjs`);const ee=require(`./ai-chat-ScC2LmOk.cjs`),e=require(`./localize-1PfTYVMY.cjs`);require(`./set-locale-CxIt8D8X.cjs`);const t=require(`./dataset-icon-B0jNtKtL.cjs`);require(`./data-broker-CaAKW_nK.cjs`);const n=require(`./dataset-selector-list-Bvfo3EJg.cjs`),r=require(`./dataset-selector-row-B3Jk4Vxd.cjs`),i=require(`./ai-interaction-textarea-DR8UM5gD.cjs`),a=require(`./formatter-W9wqX_XR.cjs`),o=require(`./decompose-numeric-format-B3nb3XKf.cjs`),s=require(`./display-settings-BWdCfQRh.cjs`),c=require(`./display-settings-binning-CcUEzCkd.cjs`),l=require(`./display-settings-datetime-dZfDL8It.cjs`);require(`./periods.const-DuqtQKfs.cjs`);const u=require(`./display-settings-grand-totals-DFiotIJp.cjs`);require(`./calculate-data-field-icon-DS7blwAS.cjs`);const d=require(`./display-settings-numeric-DwJIG4uR.cjs`),f=require(`./period-over-period-condition.const-Ol98e4ut.cjs`),p=require(`./display-settings-period-over-period-BYfmTB4-.cjs`);require(`./get-css-variable-DoFqEmSY.cjs`);const m=require(`./draggable-data-field-level-BO1-eZO-.cjs`),h=require(`./draggable-data-field-2xM4c6pA.cjs`),g=require(`./convert-datasets-to-data-fields-BUkvN0FO.cjs`),_=require(`./load-data-fields-for-datasets-bjHqVU_h.cjs`),v=require(`./draggable-data-fields-panel-CzCuGTHQ.cjs`),y=require(`./slot-menu-BhHDTdgv.cjs`),b=require(`./grid-DHgDS7ZD.cjs`),x=require(`./slot-menu-list-O_XT3zMp.cjs`),S=require(`./droppable-slot-7ILpMGxR.cjs`);require(`./slot-labels.const-C0RxWf1A.cjs`);const C=require(`./edit-option-BtYdmcxz.cjs`),w=require(`./themes-B_h9LMQi.cjs`),T=require(`./edit-item-C_GglKSX.cjs`),E=require(`./filter-expression-picker-Cd40FDJH.cjs`),D=require(`./data-fields-select-D4wprSnr.cjs`),O=require(`./filter-value-picker-l6jJNGRZ.cjs`),k=require(`./filter-value-picker-datetime-BaBkXOUZ.cjs`),A=require(`./utils-DLV3yRFU.cjs`),j=require(`./filter-value-picker-hierarchy-DE8LMstS.cjs`),M=require(`./filter-value-picker-numeric-EMgaHc8u.cjs`),N=require(`./filter-item-DDMrso11.cjs`),P=require(`./edit-filters-D8M1LYPM.cjs`);require(`./edit-option-base-whtMN4oN.cjs`);const F=require(`./edit-option-action-button-group-1azj6aol.cjs`),I=require(`./edit-option-color-palette-picker-Drhzeany.cjs`),L=require(`./edit-option-color-picker-Qk2lvG0J.cjs`),R=require(`./edit-option-color-range-LQOMzgfA.cjs`),z=require(`./edit-option-multi-language-field-rU8OggmU.cjs`),B=require(`./edit-option-number-field-DhyncBML.cjs`),V=require(`./edit-option-picker-wPPmC2jF.cjs`),H=require(`./edit-option-position-picker-BHy57n3I.cjs`),U=require(`./edit-option-positions-number-field-CRe5aeKo.cjs`),W=require(`./edit-option-radio-button-group-JjvPvrMH.cjs`),G=require(`./edit-option-slider-CpLvI2vd.cjs`),K=require(`./edit-option-switch-WUlgboed.cjs`),q=require(`./edit-option-text-field-Z7xEk86g.cjs`),J=require(`./item-data-drop-panel-DLbZsyCm.cjs`),Y=require(`./slot-contents-picker-DE9UGlfx.cjs`),X=require(`./item-data-picker-panel-Cjpl-Eq-.cjs`),Z=require(`./viz-item-menu-ChpfPq-7.cjs`);require(`./types.cjs`);const Q=[{key:`general`,label:`General`},{key:`filters`,label:`Filters`},{key:`bar-column`,label:`Bar & Column Charts`},{key:`line`,label:`Line Charts`},{key:`scatter-bubble`,label:`Scatter & Bubble Plots`},{key:`area`,label:`Area Charts`},{key:`pie-donut`,label:`Pie & Donut`},{key:`gauges`,label:`Gauges`},{key:`map`,label:`Map Charts`},{key:`hierarchical`,label:`Hierarchical Charts`},{key:`special`,label:`Special Charts`},{key:`financial`,label:`Financial Charts`}],$=[{type:`area-chart`,label:`Area Chart`},{type:`bar-chart`,label:`Bar Chart`},{type:`box-plot`,label:`Box Plot`},{type:`bubble-chart`,label:`Bubble Chart`},{type:`bullet-chart`,label:`Bullet Chart`},{type:`choropleth-map`,label:`Choropleth Map`},{type:`circle-pack-chart`,label:`Circle Pack Chart`},{type:`circular-gauge`,label:`Circular Gauge`},{type:`column-chart`,label:`Column Chart`},{type:`combination-chart`,label:`Combination Chart`},{type:`conditional-number`,label:`Conditional Number`},{type:`date-comparison-filter`,label:`Date Comparison Filter`},{type:`date-filter`,label:`Date Filter`},{type:`donut-chart`,label:`Donut Chart`},{type:`dropdown-filter`,label:`Dropdown Filter`},{type:`evolution-number`,label:`Evolution Number`},{type:`funnel-chart`,label:`Funnel Chart`},{type:`heat-map`,label:`Heat Map`},{type:`heat-table`,label:`Heat Table`},{type:`hexbin-map`,label:`Hexbin Map`},{type:`image`,label:`Image`},{type:`line-chart`,label:`Line Chart`},{type:`marker-map`,label:`Marker Map`},{type:`ohlc-chart`,label:`OHLC Chart`},{type:`parallel-coordinates-plot`,label:`Parallel Coordinates Plot`},{type:`pivot-table`,label:`Pivot Table`},{type:`pyramid-chart`,label:`Pyramid Chart`},{type:`radar-chart`,label:`Radar Chart`},{type:`regular-table`,label:`Regular Table`},{type:`route-map`,label:`Route Map`},{type:`sankey-diagram`,label:`Sankey Diagram`},{type:`scatter-plot`,label:`Scatter Plot`},{type:`search-filter`,label:`Search Filter`},{type:`slicer-filter`,label:`Slicer Filter`},{type:`slider-filter`,label:`Slider Filter`},{type:`speedometer-chart`,label:`Speedometer Chart`},{type:`spike-map`,label:`Spike Map`},{type:`strip-plot`,label:`Strip Plot`},{type:`sunburst-chart`,label:`Sunburst Chart`},{type:`symbol-map`,label:`Symbol Map`},{type:`text`,label:`Text`},{type:`treemap-chart`,label:`Treemap Chart`},{type:`video`,label:`Video`},{type:`wordcloud-chart`,label:`Wordcloud Chart`}],te=[{item:`text`,type:`text`,label:`Text`,group:`general`},{item:`image`,type:`image`,label:`Image`,group:`general`},{item:`evolution-number`,type:`evolution-number`,label:`Number with evolution`,group:`general`},{item:`video`,type:`video`,label:`Video`,group:`general`},{item:`regular-table`,type:`regular-table`,label:`Regular Table`,group:`general`},{item:`pivot-table`,type:`pivot-table`,label:`Pivot Table`,group:`general`},{item:`spacer`,type:`spacer`,label:`Spacer`,group:`general`},{item:`date-comparison-filter`,type:`date-comparison-filter`,label:`Date Comparison Filter`,group:`filters`},{item:`date-filter`,type:`date-filter`,label:`Date Filter`,group:`filters`},{item:`slider-filter`,type:`slider-filter`,label:`Slider Filter`,group:`filters`},{item:`search-filter`,type:`search-filter`,label:`Search Filter`,group:`filters`},{item:`dropdown-filter`,type:`dropdown-filter`,label:`Dropdown Filter`,group:`filters`},{item:`slicer-filter-vertical`,type:`slicer`,label:`Slicer Filter`,group:`filters`,options:{layout:{alignment:`vertical`}}},{item:`slicer-filter-horizontal`,type:`slicer`,label:`Slicer Filter Horizontal`,group:`filters`,options:{layout:{alignment:`horizontal`}}},{item:`slicer-filter-table`,type:`slicer`,label:`Slicer Filter Table`,group:`filters`,options:{layout:{alignment:`table`}}},{item:`rank-slicer-filter`,type:`slicer`,label:`Rank Slicer Filter`,group:`filters`,options:{layout:{alignment:`rank-vertical`}}},{item:`bar-chart`,type:`bar-chart`,label:`Bar Chart`,group:`bar-column`},{item:`grouped-bar-chart`,type:`bar-chart`,label:`Grouped Bar Chart`,group:`bar-column`,options:{mode:`grouped`}},{item:`stacked-bar-chart`,type:`bar-chart`,label:`Stacked Bar Chart`,group:`bar-column`,options:{mode:`stacked`}},{item:`column-chart`,type:`column-chart`,label:`Column Chart`,group:`bar-column`},{item:`grouped-column-chart`,type:`column-chart`,label:`Grouped Column Chart`,group:`bar-column`,options:{mode:`grouped`}},{item:`stacked-column-chart`,type:`column-chart`,label:`Stacked Column Chart`,group:`bar-column`,options:{mode:`stacked`}},{item:`line-chart`,type:`line-chart`,label:`Line Chart`,group:`line`},{item:`grouped-line-chart`,type:`line-chart`,label:`Grouped Line Chart`,group:`line`,options:{mode:`grouped`}},{item:`scatter-plot`,type:`scatter-plot`,label:`Scatter Plot`,group:`scatter-bubble`},{item:`scatter-group`,type:`scatter-plot`,label:`Scatter Group`,group:`scatter-bubble`},{item:`bubble-plot`,type:`scatter-plot`,label:`Bubble Plot`,group:`scatter-bubble`},{item:`colored-bubble-plot`,type:`scatter-plot`,label:`Colored Bubble Plot`,group:`scatter-bubble`},{item:`area-chart`,type:`area-chart`,label:`Area Chart`,group:`area`},{item:`stacked-area-chart`,type:`area-chart`,label:`Stacked Area Chart`,group:`area`,options:{mode:`stacked`}},{item:`100-area-chart`,type:`area-chart`,label:`100% Stacked Area Chart`,group:`area`,options:{mode:`100%`}},{item:`streamgraph`,type:`area-chart`,label:`Streamgraph`,group:`area`},{item:`pie-chart`,type:`donut-chart`,label:`Pie Chart`,group:`pie-donut`},{item:`donut-chart`,type:`donut-chart`,label:`Donut Chart`,group:`pie-donut`},{item:`semi-pie-chart`,type:`donut-chart`,label:`Semi Pie Chart`,group:`pie-donut`},{item:`semi-donut-chart`,type:`donut-chart`,label:`Semi Donut Chart`,group:`pie-donut`},{item:`bullet-chart`,type:`bullet-chart`,label:`Bullet Chart`,group:`gauges`},{item:`circular-gauge`,type:`circular-gauge`,label:`Circular Gauge`,group:`gauges`},{item:`conditional-number`,type:`conditional-number`,label:`Conditional Number`,group:`gauges`},{item:`speedometer-chart`,type:`speedometer-chart`,label:`Speedometer`,group:`gauges`},{item:`choropleth-map`,type:`choropleth-map`,label:`Choropleth Map`,group:`map`},{item:`symbol-map`,type:`symbol-map`,label:`Symbol Map`,group:`map`},{item:`marker-map`,type:`marker-map`,label:`Marker Map`,group:`map`},{item:`hexbin-map`,type:`hexbin-map`,label:`Hexbin Map`,group:`map`},{item:`heat-map`,type:`heat-map`,label:`Heat Map`,group:`map`},{item:`route-map`,type:`route-map`,label:`Route Map`,group:`map`},{item:`spike-map`,type:`spike-map`,label:`Spike Map`,group:`map`},{item:`treemap-chart`,type:`treemap-chart`,label:`Treemap Chart`,group:`hierarchical`},{item:`sunburst-chart`,type:`sunburst-chart`,label:`Sunburst Chart`,group:`hierarchical`},{item:`circle-pack-chart`,type:`circle-pack-chart`,label:`Circle Pack Chart`,group:`hierarchical`},{item:`combination-chart`,type:`combination-chart`,label:`Combination Chart`,group:`special`},{item:`parallel-coordinates-plot`,type:`parallel-coordinates-plot`,label:`Parallel Coordinates Plot`,group:`special`},{item:`bubble-chart`,type:`bubble-chart`,label:`Bubble Chart`,group:`special`},{item:`strip-plot`,type:`strip-plot`,label:`Strip Plot`,group:`special`},{item:`radar-chart`,type:`radar-chart`,label:`Radar Chart`,group:`special`},{item:`pyramid-chart`,type:`pyramid-chart`,label:`Pyramid Chart`,group:`special`},{item:`funnel-chart`,type:`funnel-chart`,label:`Funnel Chart`,group:`special`},{item:`alluvial-diagram`,type:`alluvial-diagram`,label:`Alluvial Diagram`,group:`special`},{item:`sankey-diagram`,type:`sankey-diagram`,label:`Sankey Diagram`,group:`special`},{item:`venn-diagram`,type:`venn-diagram`,label:`Venn Diagram`,group:`special`},{item:`box-plot`,type:`box-plot`,label:`Box Plot`,group:`special`},{item:`heat-table`,type:`heat-table`,label:`Heat Table`,group:`special`},{item:`wordcloud-chart`,type:`wordcloud-chart`,label:`Wordcloud Chart`,group:`special`},{item:`ohlc-chart`,type:`ohlc-chart`,label:`OHLC Chart`,group:`financial`},{item:`candlestick-chart`,type:`ohlc-chart`,label:`Candlestick Chart`,group:`financial`}];exports.LuzmoAiChat=ee.t,Object.defineProperty(exports,`LuzmoAiInteractionTextarea`,{enumerable:!0,get:function(){return i.t}}),Object.defineProperty(exports,`LuzmoDataFieldsSelect`,{enumerable:!0,get:function(){return D.t}}),exports.LuzmoDatasetIcon=t.t,exports.LuzmoDatasetSelectorList=n.t,exports.LuzmoDatasetSelectorRow=r.t,exports.LuzmoDisplaySettings=s.t,Object.defineProperty(exports,`LuzmoDisplaySettingsBinning`,{enumerable:!0,get:function(){return c.t}}),Object.defineProperty(exports,`LuzmoDisplaySettingsDatetime`,{enumerable:!0,get:function(){return l.t}}),Object.defineProperty(exports,`LuzmoDisplaySettingsGrandTotals`,{enumerable:!0,get:function(){return u.t}}),Object.defineProperty(exports,`LuzmoDisplaySettingsNumeric`,{enumerable:!0,get:function(){return d.t}}),Object.defineProperty(exports,`LuzmoDisplaySettingsPeriodOverPeriod`,{enumerable:!0,get:function(){return p.t}}),Object.defineProperty(exports,`LuzmoDraggableDataField`,{enumerable:!0,get:function(){return h.t}}),exports.LuzmoDraggableDataFieldLevel=m.t,Object.defineProperty(exports,`LuzmoDraggableDataFieldsPanel`,{enumerable:!0,get:function(){return v.t}}),Object.defineProperty(exports,`LuzmoDroppableSlot`,{enumerable:!0,get:function(){return S.t}}),Object.defineProperty(exports,`LuzmoEditFilters`,{enumerable:!0,get:function(){return P.t}}),exports.LuzmoEditItem=T.t,exports.LuzmoEditOption=C.t,exports.LuzmoEditOptionActionButtonGroup=F.t,exports.LuzmoEditOptionColorPalettePicker=I.t,exports.LuzmoEditOptionColorPicker=L.t,exports.LuzmoEditOptionColorRange=R.t,exports.LuzmoEditOptionMultiLangField=z.t,exports.LuzmoEditOptionNumberField=B.t,exports.LuzmoEditOptionPicker=V.t,exports.LuzmoEditOptionPositionPicker=H.t,exports.LuzmoEditOptionPositionsNumberField=U.t,exports.LuzmoEditOptionRadioButtonGroup=W.t,exports.LuzmoEditOptionSlider=G.t,exports.LuzmoEditOptionSwitch=K.t,exports.LuzmoEditOptionTextField=q.t,Object.defineProperty(exports,`LuzmoFilterExpressionPicker`,{enumerable:!0,get:function(){return E.t}}),Object.defineProperty(exports,`LuzmoFilterItem`,{enumerable:!0,get:function(){return N.t}}),exports.LuzmoFilterValuePicker=O.t,exports.LuzmoFilterValuePickerDatetime=k.t,Object.defineProperty(exports,`LuzmoFilterValuePickerHierarchy`,{enumerable:!0,get:function(){return j.t}}),Object.defineProperty(exports,`LuzmoFilterValuePickerNumeric`,{enumerable:!0,get:function(){return M.t}}),exports.LuzmoGrid=b.t,Object.defineProperty(exports,`LuzmoGridItemActionsMenu`,{enumerable:!0,get:function(){return b.n}}),Object.defineProperty(exports,`LuzmoItemDataDropPanel`,{enumerable:!0,get:function(){return J.t}}),Object.defineProperty(exports,`LuzmoItemDataPickerPanel`,{enumerable:!0,get:function(){return X.t}}),Object.defineProperty(exports,`LuzmoSlotContentsPicker`,{enumerable:!0,get:function(){return Y.t}}),exports.LuzmoSlotMenu=y.t,exports.LuzmoSlotMenuList=x.t,Object.defineProperty(exports,`LuzmoVizItemMenu`,{enumerable:!0,get:function(){return Z.t}}),exports.PeriodOverPeriodCondition=f.t,exports.convertDatasetsToDataFields=g.t,exports.decomposeNumericFormat=o.t,exports.formatter=a.t,exports.getTheme=w.t,exports.itemGroups=Q,exports.itemList=te,exports.itemTypes=$,exports.loadDataFieldsForDatasets=_.t,exports.localize=e.t,exports.switchItem=A.n,exports.systemThemeIds=w.n,exports.transformFilters=A.t;

package/components/index.js

@@ -51,7 +51,7 @@ import { t as convertDatasetsToDataFields } from "./convert-datasets-to-data-fie
 import { t as loadDataFieldsForDatasets } from "./load-data-fields-for-datasets-BCtliCTG.js";
 import { t as LuzmoDraggableDataFieldsPanel } from "./draggable-data-fields-panel-x2cedroV.js";
 import { t as LuzmoSlotMenu } from "./slot-menu-L4GnEJAD.js";
-import { n as LuzmoGridItemActionsMenu, t as LuzmoGrid } from "./grid-Lycn2SQm.js";
+import { n as LuzmoGridItemActionsMenu, t as LuzmoGrid } from "./grid-acpD-dWR.js";
 import { t as LuzmoSlotMenuList } from "./slot-menu-list-mGfMNUDl.js";
 import { t as LuzmoDroppableSlot } from "./droppable-slot-BQUiNUFc.js";
 import "./slot-labels.const-tIyhCfOs.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luzmo/analytics-components-kit",
-  "version": "1.0.1-alpha.130",
+  "version": "1.0.1-alpha.131",
   "type": "module",
   "main": "./components/index.js",
   "module": "./components/index.js",