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

package/custom-elements.json

@@ -2,6 +2,369 @@
   "schemaVersion": "1.0.0",
   "readme": "",
   "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "src/components/add-to-dashboard/add-to-dashboard.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "LuzmoAddToDashboard",
+          "cssProperties": [
+            {
+              "description": "Width of the picker popover.",
+              "name": "--luzmo-add-to-dashboard-picker-width"
+            },
+            {
+              "description": "Maximum height of the scrolling dashboard list.",
+              "name": "--luzmo-add-to-dashboard-list-max-height"
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<AddToDashboardChartAddedEventDetail>"
+              },
+              "description": "Fired after the chart was saved to a dashboard, a new dashboard or a variant.",
+              "name": "luzmo-chart-added"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<AddToDashboardChartAddFailedEventDetail>"
+              },
+              "description": "Fired when saving the chart failed.",
+              "name": "luzmo-chart-add-failed"
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Auth key for the built-in adapter.",
+              "name": "auth-key",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "authKey"
+            },
+            {
+              "description": "Auth token for the built-in adapter.",
+              "name": "auth-token",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "authToken"
+            },
+            {
+              "description": "API URL for the built-in adapter.",
+              "name": "api-url",
+              "type": {
+                "text": "string"
+              },
+              "default": "'https://api.luzmo.com'",
+              "fieldName": "apiUrl"
+            },
+            {
+              "name": "placement",
+              "type": {
+                "text": "Placement"
+              },
+              "default": "'bottom-end'",
+              "description": "Placement of the picker relative to the button.",
+              "fieldName": "placement"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When present, the button is disabled.",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'s' | 'm' | 'l' | 'xl'"
+              },
+              "default": "m",
+              "description": "The size of the element",
+              "fieldName": "size"
+            },
+            {
+              "name": "language",
+              "type": {
+                "text": "string"
+              },
+              "default": "'en'",
+              "description": "The language for UI labels.\nSupported values: 'en', 'nl', 'fr', 'de', 'es'",
+              "fieldName": "language",
+              "inheritedFrom": {
+                "name": "LocalizedMixin",
+                "module": "src/utils/base/localized-mixin.ts"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "LocalizedMixin",
+              "module": "/src/utils/base"
+            }
+          ],
+          "superclass": {
+            "name": "LuzmoElement",
+            "module": "/src/utils/base"
+          },
+          "tagName": "luzmo-add-to-dashboard",
+          "customElement": true,
+          "members": [
+            {
+              "kind": "field",
+              "name": "language",
+              "type": {
+                "text": "string"
+              },
+              "default": "'en'",
+              "description": "The language for UI labels.\nSupported values: 'en', 'nl', 'fr', 'de', 'es'",
+              "attribute": "language",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "LocalizedMixin",
+                "module": "src/utils/base/localized-mixin.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_syncLocale",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LocalizedMixin",
+                "module": "src/utils/base/localized-mixin.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "shadowRoot",
+              "type": {
+                "text": "ShadowRoot"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "LuzmoMixin",
+                "module": "src/utils/base/base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_dirParent",
+              "type": {
+                "text": "HTMLElement | undefined"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "LuzmoMixin",
+                "module": "src/utils/base/base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "dir",
+              "type": {
+                "text": "'ltr' | 'rtl'"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "LuzmoMixin",
+                "module": "src/utils/base/base.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isLTR",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "LuzmoMixin",
+                "module": "src/utils/base/base.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hasVisibleFocusInTree",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LuzmoMixin",
+                "module": "src/utils/base/base.ts"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LuzmoAddToDashboard",
+          "declaration": {
+            "name": "LuzmoAddToDashboard",
+            "module": "src/components/add-to-dashboard/add-to-dashboard.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/add-to-dashboard/dashboard-actions.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "pageAcrossSources",
+          "return": {
+            "type": {
+              "text": "Promise<DashboardListPage>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "sources",
+              "type": {
+                "text": "DashboardSource[]"
+              }
+            },
+            {
+              "name": "offset",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "limit",
+              "type": {
+                "text": "number"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "createDashboardActions",
+          "return": {
+            "type": {
+              "text": "Promise<DashboardActions>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "config",
+              "type": {
+                "text": "BuiltInDashboardActionsConfig"
+              }
+            }
+          ],
+          "description": "Built-in `DashboardActions` on the public API with the given credentials. Rights come from the token: an\nembed token's `access.dashboards` grants plus the user's own access rights. `create` is only present for\nan embed token with a designer or owner role or for any other token type. With the `flag_dashboard_variants`\nuser flag, use-only dashboards and their variants are listed, and `addToVariant` follows the `create` rule."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "pageAcrossSources",
+          "declaration": {
+            "name": "pageAcrossSources",
+            "module": "src/components/add-to-dashboard/dashboard-actions.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "createDashboardActions",
+          "declaration": {
+            "name": "createDashboardActions",
+            "module": "src/components/add-to-dashboard/dashboard-actions.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/add-to-dashboard/types.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/add-to-dashboard/helpers/add-to-dashboard-helpers.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "toDashboardChart",
+          "return": {
+            "type": {
+              "text": "NormalizedChartConfig"
+            }
+          },
+          "parameters": [
+            {
+              "name": "chart",
+              "type": {
+                "text": "FlexChartConfig"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "nextVariantNumber",
+          "return": {
+            "type": {
+              "text": "number"
+            }
+          },
+          "parameters": [
+            {
+              "name": "takenNames",
+              "type": {
+                "text": "string[]"
+              }
+            },
+            {
+              "name": "nameFor",
+              "type": {
+                "text": "(number: number) => string"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "toDashboardChart",
+          "declaration": {
+            "name": "toDashboardChart",
+            "module": "src/components/add-to-dashboard/helpers/add-to-dashboard-helpers.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "nextVariantNumber",
+          "declaration": {
+            "name": "nextVariantNumber",
+            "module": "src/components/add-to-dashboard/helpers/add-to-dashboard-helpers.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/ai-chat/ai-chat-events.ts",
@@ -1341,7 +1704,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "Font size shared by assistant messages and their actions footer",
+              "description": "Font size shared by assistant messages (including streaming and loading) and their actions footer; defaults to the font size of the chat `size`",
               "name": "--luzmo-ai-chat-assistant-message-font-size",
               "kind": "field"
             },
@@ -1451,7 +1814,7 @@
               "type": {
                 "text": "CustomEvent<void>"
               },
-              "description": "Fired when an in-flight prompt is stopped Custom actions beyond built-in `ChatMessage.actions` buttons can be projected via the `assistant-message-actions` light-DOM slot on the latest assistant message."
+              "description": "Fired when an in-flight prompt is stopped"
             },
             {
               "name": "luzmo-conversation-id-changed",
@@ -1469,6 +1832,10 @@
             }
           ],
           "attributes": [
+            {
+              "description": "Size of the chat: `s`, `m` (default), `l` or `xl`. Scales messages, progress steps, questions, the empty state and the prompt input together. Custom actions beyond built-in `ChatMessage.actions` buttons can be projected via the `assistant-message-actions` light-DOM slot on the latest assistant message.",
+              "name": "size"
+            },
             {
               "name": "messages",
               "type": {
@@ -1816,6 +2183,15 @@
               "default": "''",
               "description": "Optional label above empty-state suggestion chips. Only shown when `emptyStateSuggestions` is non-empty.",
               "fieldName": "emptyStateSubtitle"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'s' | 'm' | 'l' | 'xl'"
+              },
+              "default": "m",
+              "description": "The size of the element",
+              "fieldName": "size"
             }
           ],
           "superclass": {
@@ -2091,6 +2467,10 @@
             }
           ],
           "attributes": [
+            {
+              "description": "Size of the title, subtitle and suggestion chips: `s`, `m` (default), `l` or `xl`",
+              "name": "size"
+            },
             {
               "name": "title",
               "description": "Heading shown above the suggestions.",
@@ -2122,6 +2502,15 @@
               "default": "false",
               "description": "When true, suggestion chips cannot be activated.",
               "fieldName": "disabled"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'s' | 'm' | 'l' | 'xl'"
+              },
+              "default": "m",
+              "description": "The size of the element",
+              "fieldName": "size"
             }
           ],
           "superclass": {
@@ -2249,7 +2638,7 @@
           },
           "parameters": [
             {
-              "name": "{ message, state, onSubmit }",
+              "name": "{ message, state, size, onSubmit }",
               "type": {
                 "text": "ElicitationMarkupArgs"
               }
@@ -3910,6 +4299,10 @@
             }
           ],
           "attributes": [
+            {
+              "description": "Size of the prompt box, its dataset row and its attachment button: `s`, `m` (default), `l` or `xl`",
+              "name": "size"
+            },
             {
               "name": "placeholder",
               "type": {
@@ -4143,6 +4536,15 @@
               "default": "'0.1.0'",
               "description": "API version for built-in `POST /upload` and `POST /aidictation` (default `0.1.0`).",
               "fieldName": "apiVersion"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'s' | 'm' | 'l' | 'xl'"
+              },
+              "default": "m",
+              "description": "The size of the element",
+              "fieldName": "size"
             }
           ],
           "superclass": {
@@ -5749,9 +6151,9 @@
           "kind": "variable",
           "name": "publicConnectors",
           "type": {
-            "text": "[\n  'amazonathena',\n  'asana',\n  'bigquery',\n  'citybikes',\n  'clickhouse',\n  'demodataplugin',\n  'elasticsearch',\n  'exact',\n  'exactonline',\n  'exactonlinenl',\n  'google',\n  'googleanalytics',\n  'googleanalyticsv4',\n  'googledrive',\n  'hubspot',\n  'mailchimp',\n  'mariadb',\n  'mongodb',\n  'mysql',\n  'oracle',\n  'panoply',\n  'pipedrive',\n  'pipelinedb',\n  'postgresql',\n  'presto',\n  'redshift',\n  'salesforce',\n  'saphana',\n  'snowflake',\n  'sqlserver',\n  'stardog',\n  'synapse',\n  'teamleader',\n  'trino',\n  'typeform',\n  'zendesk'\n]"
+            "text": "[\n  'amazonathena',\n  'asana',\n  'bigquery',\n  'citybikes',\n  'clickhouse',\n  'demodataplugin',\n  'duckdb',\n  'elasticsearch',\n  'exact',\n  'exactonline',\n  'exactonlinenl',\n  'google',\n  'googleanalytics',\n  'googleanalyticsv4',\n  'googledrive',\n  'hubspot',\n  'mailchimp',\n  'mariadb',\n  'mongodb',\n  'mysql',\n  'oracle',\n  'panoply',\n  'pipedrive',\n  'pipelinedb',\n  'postgresql',\n  'presto',\n  'redshift',\n  'salesforce',\n  'saphana',\n  'snowflake',\n  'sqlserver',\n  'stardog',\n  'synapse',\n  'teamleader',\n  'trino',\n  'typeform',\n  'zendesk'\n]"
           },
-          "default": "[ 'amazonathena', 'asana', 'bigquery', 'citybikes', 'clickhouse', 'demodataplugin', 'elasticsearch', 'exact', 'exactonline', 'exactonlinenl', 'google', 'googleanalytics', 'googleanalyticsv4', 'googledrive', 'hubspot', 'mailchimp', 'mariadb', 'mongodb', 'mysql', 'oracle', 'panoply', 'pipedrive', 'pipelinedb', 'postgresql', 'presto', 'redshift', 'salesforce', 'saphana', 'snowflake', 'sqlserver', 'stardog', 'synapse', 'teamleader', 'trino', 'typeform', 'zendesk' ]",
+          "default": "[ 'amazonathena', 'asana', 'bigquery', 'citybikes', 'clickhouse', 'demodataplugin', 'duckdb', 'elasticsearch', 'exact', 'exactonline', 'exactonlinenl', 'google', 'googleanalytics', 'googleanalyticsv4', 'googledrive', 'hubspot', 'mailchimp', 'mariadb', 'mongodb', 'mysql', 'oracle', 'panoply', 'pipedrive', 'pipelinedb', 'postgresql', 'presto', 'redshift', 'salesforce', 'saphana', 'snowflake', 'sqlserver', 'stardog', 'synapse', 'teamleader', 'trino', 'typeform', 'zendesk' ]",
           "description": "Public connectors list - these are well-known connectors that may have CSS-based icons\nThis list should match the one from `@shared-lib`"
         },
         {
@@ -5781,10 +6183,10 @@
               "kind": "field",
               "name": "size",
               "type": {
-                "text": "'16px' | '24px' | '32px' | '48px' | '64px'"
+                "text": "`${number}px`"
               },
               "default": "'32px'",
-              "description": "The size of the icon",
+              "description": "The size of the icon, as a pixel length (e.g. `12px`, `16px`, `24px`)",
               "attribute": "size",
               "reflects": true
             },
@@ -5811,10 +6213,10 @@
             {
               "name": "size",
               "type": {
-                "text": "'16px' | '24px' | '32px' | '48px' | '64px'"
+                "text": "`${number}px`"
               },
               "default": "'32px'",
-              "description": "The size of the icon",
+              "description": "The size of the icon, as a pixel length (e.g. `12px`, `16px`, `24px`)",
               "fieldName": "size"
             },
             {
@@ -6517,6 +6919,10 @@
             }
           ],
           "attributes": [
+            {
+              "description": "Size of the add trigger, the selected tags and the overflow button: `s`, `m` (default), `l` or `xl`",
+              "name": "size"
+            },
             {
               "name": "selectedDatasets",
               "type": {
@@ -6631,6 +7037,15 @@
               },
               "description": "Maximum number of selected dataset tags shown before the overflow control; unset shows all tags.",
               "fieldName": "maxVisibleSelectedDatasets"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'s' | 'm' | 'l' | 'xl'"
+              },
+              "default": "m",
+              "description": "The size of the element",
+              "fieldName": "size"
             }
           ],
           "superclass": {
@@ -13622,6 +14037,12 @@
           "kind": "class",
           "description": "",
           "name": "LuzmoInteractiveVizItem",
+          "cssProperties": [
+            {
+              "description": "Subtracted from the chart height when the component is narrower than 768px. A length: use `0px`, not `0`, to turn it off.",
+              "name": "--luzmo-interactive-viz-item-chart-narrow-offset"
+            }
+          ],
           "cssParts": [
             {
               "description": "The viz item container.",
@@ -13647,25 +14068,56 @@
               "type": {
                 "text": "CustomEvent<InteractiveVizItemChartOptionsChangedEventDetail>"
               },
-              "description": "Fired when the inline actions (ranking, sort, display mode) change the chart options.",
+              "description": "Fired when the inline actions (ranking, sort, display mode) change the chart options. Applied to `chart` first unless `controlled` is set.",
               "name": "luzmo-chart-options-changed"
             },
             {
               "type": {
                 "text": "CustomEvent<InteractiveVizItemChartChangedEventDetail>"
               },
-              "description": "Fired when the config panel changes slots, filters, or options (full chart).",
+              "description": "Fired when the config panel changes slots, filters, or options (full chart). Applied to `chart` first unless `controlled` is set.",
               "name": "luzmo-chart-changed"
             },
             {
               "type": {
                 "text": "CustomEvent<InteractiveVizItemFeedbackChangedEventDetail>"
               },
-              "description": "Fired when the user changes the thumbs up/down rating.",
+              "description": "Fired when the user changes the thumbs up/down rating. Never applied to `feedback`; the host owns it in both modes.",
               "name": "luzmo-feedback-changed"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<AddToDashboardChartAddedEventDetail>"
+              },
+              "description": "Fired by the inner `luzmo-add-to-dashboard` after the chart was saved.",
+              "name": "luzmo-chart-added"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<AddToDashboardChartAddFailedEventDetail>"
+              },
+              "description": "Fired by the inner `luzmo-add-to-dashboard` when saving failed.",
+              "name": "luzmo-chart-add-failed"
             }
           ],
           "attributes": [
+            {
+              "description": "When present, renders `luzmo-add-to-dashboard` in the actions bar.",
+              "name": "add-to-dashboard",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "addToDashboard"
+            },
+            {
+              "description": "Click-to-filter on the embedded chart, forwarded as its `canFilter`. The `can-filter` attribute means `'all'`; unset keeps it off.",
+              "name": "can-filter",
+              "type": {
+                "text": "LuzmoEmbedVizItem['canFilter']"
+              },
+              "fieldName": "canFilter"
+            },
             {
               "name": "chart",
               "type": {
@@ -13765,6 +14217,15 @@
               "description": "When present, hides the config-panel toggle and the panel itself.",
               "fieldName": "hideConfigPanel"
             },
+            {
+              "name": "controlled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When present, chart changes are only emitted and the host sets `chart`; otherwise they are applied here and still emitted.",
+              "fieldName": "controlled"
+            },
             {
               "name": "size",
               "type": {
@@ -13907,6 +14368,26 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/interactive-viz-item/load-add-to-dashboard.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "ensureAddToDashboardLoaded"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ensureAddToDashboardLoaded",
+          "declaration": {
+            "name": "ensureAddToDashboardLoaded",
+            "module": "src/components/interactive-viz-item/load-add-to-dashboard.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/interactive-viz-item/load-config-panel.ts",
@@ -14131,207 +14612,60 @@
         {
           "kind": "js",
           "name": "applyChartMutation",
-          "declaration": {
-            "name": "applyChartMutation",
-            "module": "src/components/interactive-viz-item/helpers/chart-helpers.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/item-grid/actions.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "generateActionsMenu",
-          "return": {
-            "type": {
-              "text": "ActionGroup[] | undefined"
-            }
-          },
-          "parameters": [
-            {
-              "name": "data",
-              "optional": true,
-              "type": {
-                "text": "InputActionGroup[]"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "defaultActionsMenu",
-          "return": {
-            "type": {
-              "text": "ActionGroup[]"
-            }
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "generateActionsMenu",
-          "declaration": {
-            "name": "generateActionsMenu",
-            "module": "src/components/item-grid/actions.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultActionsMenu",
-          "declaration": {
-            "name": "defaultActionsMenu",
-            "module": "src/components/item-grid/actions.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/item-grid/item-grid-item-actions-menu.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "LuzmoItemGridItemActionsMenu",
-          "members": [
-            {
-              "kind": "field",
-              "name": "placement",
-              "type": {
-                "text": "Placement"
-              },
-              "default": "'right-start'",
-              "description": "The preferred placement of the menu",
-              "attribute": "placement",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "actions",
-              "type": {
-                "text": "ActionGroup[]"
-              },
-              "description": "The Actions to display in the menu",
-              "attribute": "actions"
-            },
-            {
-              "kind": "field",
-              "name": "language",
-              "type": {
-                "text": "string"
-              },
-              "default": "'en'",
-              "description": "The language for UI labels.\nSupported values: 'en', 'nl', 'fr', 'de', 'es'",
-              "attribute": "language",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "LocalizedMixin",
-                "module": "src/utils/base/localized-mixin.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_syncLocale",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "LocalizedMixin",
-                "module": "src/utils/base/localized-mixin.ts"
-              }
-            }
-          ],
-          "events": [
-            {
-              "name": "luzmo-item-grid-item-action",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Fired when the user clicks an action in the menu; `detail` holds the action key, type, and active state."
+          "declaration": {
+            "name": "applyChartMutation",
+            "module": "src/components/interactive-viz-item/helpers/chart-helpers.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/item-grid/actions.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "generateActionsMenu",
+          "return": {
+            "type": {
+              "text": "ActionGroup[] | undefined"
             }
-          ],
-          "attributes": [
-            {
-              "name": "placement",
-              "type": {
-                "text": "Placement"
-              },
-              "default": "'right-start'",
-              "description": "The preferred placement of the menu",
-              "fieldName": "placement"
-            },
-            {
-              "name": "actions",
-              "type": {
-                "text": "ActionGroup[]"
-              },
-              "description": "The Actions to display in the menu",
-              "fieldName": "actions"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disable this control. It will not receive focus or events",
-              "fieldName": "disabled"
-            },
-            {
-              "name": "autofocus",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When this control is rendered, focus it automatically",
-              "fieldName": "autofocus"
-            },
-            {
-              "name": "tabIndex",
-              "type": {
-                "text": "number"
-              },
-              "description": "The tab index to apply to this control. See general documentation about the tabindex HTML property",
-              "fieldName": "tabIndex"
-            },
+          },
+          "parameters": [
             {
-              "name": "language",
+              "name": "data",
+              "optional": true,
               "type": {
-                "text": "string"
-              },
-              "default": "'en'",
-              "description": "The language for UI labels.\nSupported values: 'en', 'nl', 'fr', 'de', 'es'",
-              "fieldName": "language",
-              "inheritedFrom": {
-                "name": "LocalizedMixin",
-                "module": "src/utils/base/localized-mixin.ts"
+                "text": "InputActionGroup[]"
               }
             }
-          ],
-          "mixins": [
-            {
-              "name": "LocalizedMixin",
-              "module": "/src/utils/base/localized-mixin"
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "defaultActionsMenu",
+          "return": {
+            "type": {
+              "text": "ActionGroup[]"
             }
-          ],
-          "tagName": "luzmo-item-grid-item-actions-menu",
-          "customElement": true
+          }
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "LuzmoItemGridItemActionsMenu",
+          "name": "generateActionsMenu",
           "declaration": {
-            "name": "LuzmoItemGridItemActionsMenu",
-            "module": "src/components/item-grid/item-grid-item-actions-menu.ts"
+            "name": "generateActionsMenu",
+            "module": "src/components/item-grid/actions.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defaultActionsMenu",
+          "declaration": {
+            "name": "defaultActionsMenu",
+            "module": "src/components/item-grid/actions.ts"
           }
         }
       ]
@@ -14625,6 +14959,13 @@
               "description": "Fired when an item action is performed",
               "name": "luzmo-item-grid-item-action"
             },
+            {
+              "type": {
+                "text": "CustomEvent<ItemGridItemActionHoverEventDetail>"
+              },
+              "description": "Bubbles from the item actions menu when the pointer enters an action. The detail has only `action` and `type`, not the item.",
+              "name": "luzmo-item-grid-item-action-hover"
+            },
             {
               "type": {
                 "text": "CustomEvent<GridLifecycleEventDetail>"
@@ -14845,7 +15186,24 @@
       "kind": "javascript-module",
       "path": "src/components/item-grid/types.ts",
       "declarations": [],
-      "exports": []
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Action",
+          "declaration": {
+            "name": "Action",
+            "module": "../item-grid-item-actions-menu/types"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ActionGroup",
+          "declaration": {
+            "name": "ActionGroup",
+            "module": "../item-grid-item-actions-menu/types"
+          }
+        }
+      ]
     },
     {
       "kind": "javascript-module",
@@ -16191,50 +16549,313 @@
           },
           "parameters": [
             {
-              "name": "{ initialized, grid, hasItemsChanged, gridItemElements, items }",
-              "type": {
-                "text": "SyncGridItemsArgs"
+              "name": "{ initialized, grid, hasItemsChanged, gridItemElements, items }",
+              "type": {
+                "text": "SyncGridItemsArgs"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "applyViewModeChange",
+          "return": {
+            "type": {
+              "text": "HTMLElement | undefined"
+            }
+          },
+          "parameters": [
+            {
+              "name": "{\n  initialized,\n  grid,\n  hasViewModeChanged,\n  viewMode,\n  previousViewMode,\n  activeItemElement,\n  gridElement,\n  cleanupActiveItem\n}",
+              "type": {
+                "text": "ApplyViewModeChangeArgs"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "syncGridItems",
+          "declaration": {
+            "name": "syncGridItems",
+            "module": "src/components/item-grid/helpers/grid-update-cycle.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "applyViewModeChange",
+          "declaration": {
+            "name": "applyViewModeChange",
+            "module": "src/components/item-grid/helpers/grid-update-cycle.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/item-grid-item-actions-menu/item-grid-item-actions-menu.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "LuzmoItemGridItemActionsMenu",
+          "cssProperties": [
+            {
+              "description": "Gap between action groups.",
+              "name": "--luzmo-item-grid-item-actions-menu-group-gap"
+            },
+            {
+              "description": "Direction of action groups and buttons.",
+              "name": "--luzmo-item-grid-item-actions-menu-flex-direction"
+            },
+            {
+              "description": "Padding around each action icon.",
+              "name": "--luzmo-item-grid-item-actions-menu-button-padding"
+            },
+            {
+              "description": "Border radius at the ends of each action group.",
+              "name": "--luzmo-item-grid-item-actions-menu-button-border-radius"
+            },
+            {
+              "description": "Default action-button background.",
+              "name": "--luzmo-item-grid-item-actions-menu-button-background"
+            },
+            {
+              "description": "Hovered action-button background.",
+              "name": "--luzmo-item-grid-item-actions-menu-button-background-hover"
+            },
+            {
+              "description": "Pressed action-button background.",
+              "name": "--luzmo-item-grid-item-actions-menu-button-background-active"
+            },
+            {
+              "description": "Focused action-button background.",
+              "name": "--luzmo-item-grid-item-actions-menu-button-background-focus"
+            },
+            {
+              "description": "Selected toggle background.",
+              "name": "--luzmo-item-grid-item-actions-menu-button-background-selected"
+            },
+            {
+              "description": "Default action icon color.",
+              "name": "--luzmo-item-grid-item-actions-menu-button-icon-color"
+            },
+            {
+              "description": "Hovered action icon color.",
+              "name": "--luzmo-item-grid-item-actions-menu-button-icon-color-hover"
+            },
+            {
+              "description": "Pressed action icon color.",
+              "name": "--luzmo-item-grid-item-actions-menu-button-icon-color-active"
+            },
+            {
+              "description": "Focused action icon color.",
+              "name": "--luzmo-item-grid-item-actions-menu-button-icon-color-focus"
+            },
+            {
+              "description": "Selected toggle icon color.",
+              "name": "--luzmo-item-grid-item-actions-menu-button-icon-color-selected"
+            },
+            {
+              "description": "Delete action background on hover.",
+              "name": "--luzmo-item-grid-item-actions-menu-delete-background-hover"
+            },
+            {
+              "description": "Delete action background while pressed.",
+              "name": "--luzmo-item-grid-item-actions-menu-delete-background-active"
+            },
+            {
+              "description": "Delete action background while focused.",
+              "name": "--luzmo-item-grid-item-actions-menu-delete-background-focus"
+            },
+            {
+              "description": "Delete action icon color on hover.",
+              "name": "--luzmo-item-grid-item-actions-menu-delete-icon-color-hover"
+            },
+            {
+              "description": "Delete action icon color while pressed.",
+              "name": "--luzmo-item-grid-item-actions-menu-delete-icon-color-active"
+            },
+            {
+              "description": "Delete action icon color while focused.",
+              "name": "--luzmo-item-grid-item-actions-menu-delete-icon-color-focus"
+            },
+            {
+              "description": "Width of the keyboard focus outline on action buttons. Defaults to `--luzmo-indicator-width`.",
+              "name": "--luzmo-item-grid-item-actions-menu-button-focus-outline-width"
+            },
+            {
+              "description": "Color of the keyboard focus outline on action buttons. Defaults to `--luzmo-indicator-color`.",
+              "name": "--luzmo-item-grid-item-actions-menu-button-focus-outline-color"
+            },
+            {
+              "description": "Offset of the keyboard focus outline on action buttons. Defaults to `--luzmo-indicator-gap` (2px), outside the button.",
+              "name": "--luzmo-item-grid-item-actions-menu-button-focus-outline-offset"
+            },
+            {
+              "description": "Action-button transition.",
+              "name": "--luzmo-item-grid-item-actions-menu-transition"
+            },
+            {
+              "description": "Menu font size.",
+              "name": "--luzmo-item-grid-item-actions-menu-font-size"
+            },
+            {
+              "description": "Shadow around each action group.",
+              "name": "--luzmo-item-grid-item-actions-menu-box-shadow"
+            },
+            {
+              "description": "Tooltip font family.",
+              "name": "--luzmo-item-grid-item-actions-menu-tooltip-font-family"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "placement",
+              "type": {
+                "text": "Placement"
+              },
+              "default": "'right-start'",
+              "description": "The preferred placement, which determines the toolbar orientation.",
+              "attribute": "placement",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "actions",
+              "type": {
+                "text": "ActionGroup[]"
+              },
+              "default": "[]",
+              "description": "The grouped actions displayed in the toolbar."
+            },
+            {
+              "kind": "field",
+              "name": "language",
+              "type": {
+                "text": "string"
+              },
+              "default": "'en'",
+              "description": "The language for UI labels.\nSupported values: 'en', 'nl', 'fr', 'de', 'es'",
+              "attribute": "language",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "LocalizedMixin",
+                "module": "src/utils/base/localized-mixin.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_syncLocale",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "LocalizedMixin",
+                "module": "src/utils/base/localized-mixin.ts"
               }
             }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "applyViewModeChange",
-          "return": {
-            "type": {
-              "text": "HTMLElement | undefined"
+          ],
+          "events": [
+            {
+              "name": "luzmo-item-grid-item-action",
+              "type": {
+                "text": "CustomEvent<ItemGridItemActionEventDetail>"
+              },
+              "description": "Fired when the user activates an action."
+            },
+            {
+              "name": "luzmo-item-grid-item-action-hover",
+              "type": {
+                "text": "CustomEvent<ItemGridItemActionHoverEventDetail>"
+              },
+              "description": "Fired when the pointer enters an action, for example to preload what it opens."
             }
-          },
-          "parameters": [
+          ],
+          "attributes": [
             {
-              "name": "{\n  initialized,\n  grid,\n  hasViewModeChanged,\n  viewMode,\n  previousViewMode,\n  activeItemElement,\n  gridElement,\n  cleanupActiveItem\n}",
+              "name": "placement",
               "type": {
-                "text": "ApplyViewModeChangeArgs"
+                "text": "Placement"
+              },
+              "default": "'right-start'",
+              "description": "The preferred placement, which determines the toolbar orientation.",
+              "fieldName": "placement"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disable this control. It will not receive focus or events",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "autofocus",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When this control is rendered, focus it automatically",
+              "fieldName": "autofocus"
+            },
+            {
+              "name": "tabIndex",
+              "type": {
+                "text": "number"
+              },
+              "description": "The tab index to apply to this control. See general documentation about the tabindex HTML property",
+              "fieldName": "tabIndex"
+            },
+            {
+              "name": "language",
+              "type": {
+                "text": "string"
+              },
+              "default": "'en'",
+              "description": "The language for UI labels.\nSupported values: 'en', 'nl', 'fr', 'de', 'es'",
+              "fieldName": "language",
+              "inheritedFrom": {
+                "name": "LocalizedMixin",
+                "module": "src/utils/base/localized-mixin.ts"
               }
             }
-          ]
+          ],
+          "mixins": [
+            {
+              "name": "LocalizedMixin",
+              "module": "/src/utils/base/localized-mixin"
+            }
+          ],
+          "tagName": "luzmo-item-grid-item-actions-menu",
+          "customElement": true,
+          "summary": "A configurable toolbar for item-grid actions."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "syncGridItems",
-          "declaration": {
-            "name": "syncGridItems",
-            "module": "src/components/item-grid/helpers/grid-update-cycle.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "applyViewModeChange",
+          "name": "LuzmoItemGridItemActionsMenu",
           "declaration": {
-            "name": "applyViewModeChange",
-            "module": "src/components/item-grid/helpers/grid-update-cycle.ts"
+            "name": "LuzmoItemGridItemActionsMenu",
+            "module": "src/components/item-grid-item-actions-menu/item-grid-item-actions-menu.ts"
           }
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/item-grid-item-actions-menu/types.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/item-option/item-option.ts",
@@ -22842,187 +23463,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/viz-item-menu/types.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/viz-item-menu/viz-item-menu.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "LuzmoVizItemMenu",
-          "cssProperties": [
-            {
-              "description": "Width of the keyboard focus outline on menu buttons. Defaults to `--luzmo-indicator-width`.",
-              "name": "--luzmo-viz-item-menu-button-focus-outline-width"
-            },
-            {
-              "description": "Color of the keyboard focus outline on menu buttons. Defaults to `--luzmo-indicator-color`.",
-              "name": "--luzmo-viz-item-menu-button-focus-outline-color"
-            },
-            {
-              "description": "Offset of the keyboard focus outline on menu buttons. Defaults to `--luzmo-indicator-gap` (2px), outside the button.",
-              "name": "--luzmo-viz-item-menu-button-focus-outline-offset"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "tagName",
-              "type": {
-                "text": "string"
-              },
-              "static": true,
-              "default": "'luzmo-viz-item-menu'"
-            },
-            {
-              "kind": "field",
-              "name": "vizItemId",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The visualization item ID",
-              "attribute": "viz-item-id",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "hiddenButtons",
-              "type": {
-                "text": "VizItemMenuButton[]"
-              },
-              "default": "[]",
-              "description": "Array of menu buttons to hide"
-            },
-            {
-              "kind": "field",
-              "name": "selectedButton",
-              "type": {
-                "text": "VizItemMenuButton | null"
-              },
-              "default": "null",
-              "description": "The currently selected menu button",
-              "attribute": "selected-button",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "language",
-              "type": {
-                "text": "string"
-              },
-              "default": "'en'",
-              "description": "The language for UI labels.\nSupported values: 'en', 'nl', 'fr', 'de', 'es'",
-              "attribute": "language",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "LocalizedMixin",
-                "module": "src/utils/base/localized-mixin.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_syncLocale",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "LocalizedMixin",
-                "module": "src/utils/base/localized-mixin.ts"
-              }
-            }
-          ],
-          "events": [
-            {
-              "name": "selected-changed",
-              "type": {
-                "text": "CustomEvent<VizItemMenuSelectedChangedEventDetail>"
-              },
-              "description": "Emitted when the selected button changes"
-            },
-            {
-              "name": "button-clicked",
-              "type": {
-                "text": "CustomEvent<VizItemMenuButtonClickedEventDetail>"
-              },
-              "description": "Emitted when any menu item is clicked"
-            },
-            {
-              "name": "edit-button-hovered",
-              "type": {
-                "text": "CustomEvent<void>"
-              },
-              "description": "Emitted when hovering over the edit button"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "viz-item-id",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The visualization item ID",
-              "fieldName": "vizItemId"
-            },
-            {
-              "name": "selected-button",
-              "type": {
-                "text": "VizItemMenuButton | null"
-              },
-              "default": "null",
-              "description": "The currently selected menu button",
-              "fieldName": "selectedButton"
-            },
-            {
-              "name": "language",
-              "type": {
-                "text": "string"
-              },
-              "default": "'en'",
-              "description": "The language for UI labels.\nSupported values: 'en', 'nl', 'fr', 'de', 'es'",
-              "fieldName": "language",
-              "inheritedFrom": {
-                "name": "LocalizedMixin",
-                "module": "src/utils/base/localized-mixin.ts"
-              }
-            }
-          ],
-          "mixins": [
-            {
-              "name": "LocalizedMixin",
-              "module": "/src/utils/base/localized-mixin"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "luzmo-viz-item-menu",
-          "customElement": true,
-          "summary": "A menu component for viz-item actions (clone, edit, delete)"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "LuzmoVizItemMenu",
-          "declaration": {
-            "name": "LuzmoVizItemMenu",
-            "module": "src/components/viz-item-menu/viz-item-menu.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/utils/formula/base/formula-base.ts",