@luzmo/analytics-components-kit 1.0.1-alpha.150 → 1.0.1-alpha.153

package/components/index.js

@@ -23,69 +23,69 @@
 		e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-width: thin;--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba(var(--luzmo-border-color-rgb), 0.4);--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
 	}
 })();
-import "./get-css-variable-DpEed5QG.js";
 import "./base-rg2x95aL.js";
 import "./focus-visible-D1pJhWEh.js";
-import { n as setLocale, r as targetLocales, t as getLocale } from "./set-locale-CgsoV0B9.js";
-import "./localized-mixin-rjHF23Hg.js";
-import { a as hasProgressChunk, i as fetchStreamingResponse, n as buildAiMessageRequest, o as readNdjsonStream, r as createInitialProgress, t as LuzmoAiChat } from "./ai-chat-CUWefRH3.js";
+import { n as setLocale, r as targetLocales, t as getLocale } from "./set-locale-BkIav3oJ.js";
+import "./localized-mixin-DETAMSsc.js";
+import { a as fetchStreamingResponse, i as createInitialProgress, n as buildAiMessageDeleteRequest, o as hasProgressChunk, r as buildAiMessageRequest, s as readNdjsonStream, t as LuzmoAiChat } from "./ai-chat-B5RxM0tC.js";
 import { t as localize } from "./localize-Dlt3EN5i.js";
 import { t as LuzmoDatasetIcon } from "./dataset-icon-DhF21dXC.js";
 import "./data-broker-cLR-t5LM.js";
-import { t as LuzmoDatasetSelectorList } from "./dataset-selector-list-CA7bLSQv.js";
-import { t as LuzmoDatasetSelectorRow } from "./dataset-selector-row-a5GXd9bd.js";
+import { t as LuzmoDatasetSelectorList } from "./dataset-selector-list-aPmoR7Tm.js";
+import { t as LuzmoDatasetSelectorRow } from "./dataset-selector-row-D_-MXV23.js";
 import { t as LuzmoAiInteractionTextarea } from "./ai-interaction-textarea-BTy76q3U.js";
 import { t as formatter } from "./formatter-B21Tb3sf.js";
 import { t as decomposeNumericFormat } from "./decompose-numeric-format-zrP4WxE7.js";
 import { t as LuzmoDisplaySettings } from "./display-settings-h0061wKi.js";
-import { t as LuzmoDisplaySettingsBinning } from "./display-settings-binning-C2r57Fry.js";
-import { t as LuzmoDisplaySettingsDatetime } from "./display-settings-datetime-qmiiKrhJ.js";
+import { t as LuzmoDisplaySettingsBinning } from "./display-settings-binning-Nz7g9Ob6.js";
+import { t as LuzmoDisplaySettingsDatetime } from "./display-settings-datetime-D-Ia0CQO.js";
 import "./periods.const-Ch6SfeaG.js";
-import { t as LuzmoDisplaySettingsGrandTotals } from "./display-settings-grand-totals-BwiU3Vh8.js";
+import { t as LuzmoDisplaySettingsGrandTotals } from "./display-settings-grand-totals-Ctzu684B.js";
 import "./calculate-data-field-icon-CY7Y6fn1.js";
-import { t as LuzmoDisplaySettingsNumeric } from "./display-settings-numeric-B5uxkOuA.js";
+import { t as LuzmoDisplaySettingsNumeric } from "./display-settings-numeric-CdplUsod.js";
 import { t as PeriodOverPeriodCondition } from "./period-over-period-condition.const-DasWQHju.js";
-import { t as LuzmoDisplaySettingsPeriodOverPeriod } from "./display-settings-period-over-period-CcYF-Mes.js";
-import { t as LuzmoDataFieldLevel } from "./data-field-level-XuUMAZlR.js";
-import { t as LuzmoDataField } from "./data-field-DY0vTxzI.js";
-import { t as convertDatasetsToDataFields } from "./convert-datasets-to-data-fields-Ct3YLD0R.js";
-import { t as loadDataFieldsForDatasets } from "./load-data-fields-for-datasets-CW4n0Pvf.js";
-import { t as LuzmoDataFieldPanel } from "./data-field-panel-CKc74BFY.js";
-import { t as LuzmoItemOption } from "./item-option-DpEQ5J3p.js";
-import { t as LuzmoItemSlotDropPanel } from "./item-slot-drop-panel-B7haw0fm.js";
-import { t as LuzmoSlotMenu } from "./slot-menu-o7-dulNZ.js";
-import { n as LuzmoItemGridItemActionsMenu, t as LuzmoItemGrid } from "./item-grid-Dx9Ssy7O.js";
-import { t as LuzmoSlotMenuList } from "./slot-menu-list-BLJxoLeI.js";
-import { t as LuzmoItemSlotDrop } from "./item-slot-drop-Bu3-3cMY.js";
-import "./slot-labels.config-BNi-I1ba.js";
-import { n as systemThemeIds, t as getTheme } from "./themes-DGjjIvSN.js";
-import { t as LuzmoItemOptionPanel } from "./item-option-panel-D9EdrPPd.js";
-import { t as LuzmoFilters } from "./filters-D8xFvOpx.js";
-import { t as LuzmoFilterExpressionPicker } from "./filter-expression-picker-jsFVpFSa.js";
-import { t as LuzmoDataFieldsSelect } from "./data-fields-select-CT_nHj54.js";
-import { t as LuzmoFilterValuePicker } from "./filter-value-picker-CC1KB3EX.js";
-import { t as LuzmoFilterValuePickerDatetime } from "./filter-value-picker-datetime--nJbTOa9.js";
-import { t as switchItem } from "./utils-MKWG2xEp.js";
-import { t as LuzmoFilterValuePickerHierarchy } from "./filter-value-picker-hierarchy-DtX9lkDz.js";
-import { t as LuzmoFilterValuePickerNumeric } from "./filter-value-picker-numeric-BWPRd3Tt.js";
-import { t as LuzmoFilterItem } from "./filter-item-CHA0kiOl.js";
-import "./item-option-base-BWERLehm.js";
-import { t as LuzmoItemOptionActionButtonGroup } from "./item-option-action-button-group-CpxigTwu.js";
-import { t as LuzmoItemOptionColorPalettePicker } from "./item-option-color-palette-picker-Ccqo-1kI.js";
-import { t as LuzmoItemOptionColorPicker } from "./item-option-color-picker-DAMJt908.js";
-import { t as LuzmoItemOptionColorRange } from "./item-option-color-range-BAcxgr-8.js";
-import { t as LuzmoItemOptionMultiLangField } from "./item-option-multi-language-field-C9D1FYfV.js";
-import { t as LuzmoItemOptionNumberField } from "./item-option-number-field-BQrQzauV.js";
-import { t as LuzmoItemOptionPicker } from "./item-option-picker-CrZkJbtJ.js";
-import { t as LuzmoItemOptionPositionPicker } from "./item-option-position-picker-C_frTuML.js";
-import { t as LuzmoItemOptionPositionsNumberField } from "./item-option-positions-number-field-CHf2r7am.js";
-import { t as LuzmoItemOptionRadioButtonGroup } from "./item-option-radio-button-group-C_AlEQSX.js";
-import { t as LuzmoItemOptionSlider } from "./item-option-slider-CkKpi11t.js";
-import { t as LuzmoItemOptionSwitch } from "./item-option-switch-BgI9DcJH.js";
-import { t as LuzmoItemOptionTextField } from "./item-option-text-field-D09YUogp.js";
-import { t as LuzmoItemSlotPicker } from "./item-slot-picker-BVJNYwe7.js";
-import { t as LuzmoItemSlotPickerPanel } from "./item-slot-picker-panel-CEGz-k-g.js";
-import { t as LuzmoVizItemMenu } from "./viz-item-menu-Jqo0-TiF.js";
+import { t as LuzmoDisplaySettingsPeriodOverPeriod } from "./display-settings-period-over-period-DrXXz4_A.js";
+import "./get-css-variable-CVIM_YN8.js";
+import { t as LuzmoDataFieldLevel } from "./data-field-level-C60bl9-i.js";
+import { t as LuzmoDataField } from "./data-field-Da0scLe2.js";
+import { t as convertDatasetsToDataFields } from "./convert-datasets-to-data-fields-CFgjSlXK.js";
+import { t as loadDataFieldsForDatasets } from "./load-data-fields-for-datasets-Da4pn0Tj.js";
+import { t as LuzmoDataFieldPanel } from "./data-field-panel-B3AeiK1T.js";
+import { t as LuzmoItemSlotDropPanel } from "./item-slot-drop-panel-Bl3rAHfj.js";
+import { t as LuzmoItemOption } from "./item-option-DEgf6tSw.js";
+import { t as LuzmoSlotMenu } from "./slot-menu-CFT8JQv4.js";
+import { n as LuzmoItemGridItemActionsMenu, t as LuzmoItemGrid } from "./item-grid-1WEMJMVX.js";
+import { t as LuzmoSlotMenuList } from "./slot-menu-list-DvMQvfBl.js";
+import { t as LuzmoItemSlotDrop } from "./item-slot-drop-DTwwq6gu.js";
+import "./slot-labels.config-DZclEQ8k.js";
+import { n as systemThemeIds, t as getTheme } from "./themes-D03BmHjI.js";
+import { t as LuzmoItemOptionPanel } from "./item-option-panel-DCMBoE2n.js";
+import { t as LuzmoFilters } from "./filters-kc_YcWrP.js";
+import { t as LuzmoFilterExpressionPicker } from "./filter-expression-picker-BSSc4g6r.js";
+import { t as LuzmoDataFieldsSelect } from "./data-fields-select-B4k5BKry.js";
+import { t as LuzmoFilterValuePicker } from "./filter-value-picker-LHSVMaGu.js";
+import { t as LuzmoFilterValuePickerDatetime } from "./filter-value-picker-datetime-CxRp2iIA.js";
+import { t as switchItem } from "./utils-BlRaHMcZ.js";
+import { t as LuzmoFilterValuePickerHierarchy } from "./filter-value-picker-hierarchy-bgXIQfGb.js";
+import { t as LuzmoFilterValuePickerNumeric } from "./filter-value-picker-numeric-DDNZThEH.js";
+import { t as LuzmoFilterItem } from "./filter-item-DbjgZXIU.js";
+import "./item-option-base-D8qU_-yY.js";
+import { t as LuzmoItemOptionActionButtonGroup } from "./item-option-action-button-group-BSlTLJtr.js";
+import { t as LuzmoItemOptionColorPalettePicker } from "./item-option-color-palette-picker-DYV-y1Lw.js";
+import { t as LuzmoItemOptionColorPicker } from "./item-option-color-picker-Dg7AynT_.js";
+import { t as LuzmoItemOptionColorRange } from "./item-option-color-range-Dppz-T6c.js";
+import { t as LuzmoItemOptionMultiLangField } from "./item-option-multi-language-field-nZ7tmBwz.js";
+import { t as LuzmoItemOptionNumberField } from "./item-option-number-field-BpoOM7Gz.js";
+import { t as LuzmoItemOptionPicker } from "./item-option-picker-C38RRlNJ.js";
+import { t as LuzmoItemOptionPositionPicker } from "./item-option-position-picker-BXqB382x.js";
+import { t as LuzmoItemOptionPositionsNumberField } from "./item-option-positions-number-field-CBS5f49Z.js";
+import { t as LuzmoItemOptionRadioButtonGroup } from "./item-option-radio-button-group-WbRR5sFK.js";
+import { t as LuzmoItemOptionSlider } from "./item-option-slider-D8jYOtXL.js";
+import { t as LuzmoItemOptionSwitch } from "./item-option-switch-DinkcbQG.js";
+import { t as LuzmoItemOptionTextField } from "./item-option-text-field-DAHWZfI8.js";
+import { t as LuzmoItemSlotPicker } from "./item-slot-picker-Cudn9Qav.js";
+import { t as LuzmoItemSlotPickerPanel } from "./item-slot-picker-panel-BfgzoOQY.js";
+import { t as LuzmoVizItemMenu } from "./viz-item-menu-TPVAQgO3.js";
 import "./types.js";
 const itemGroups = [
 	{
@@ -716,4 +716,4 @@ const itemGroups = [
 		group: "financial"
 	}
 ];
-export { LuzmoAiChat, LuzmoAiInteractionTextarea, LuzmoDataField, LuzmoDataFieldLevel, LuzmoDataFieldPanel, LuzmoDataFieldsSelect, LuzmoDatasetIcon, LuzmoDatasetSelectorList, LuzmoDatasetSelectorRow, LuzmoDisplaySettings, LuzmoDisplaySettingsBinning, LuzmoDisplaySettingsDatetime, LuzmoDisplaySettingsGrandTotals, LuzmoDisplaySettingsNumeric, LuzmoDisplaySettingsPeriodOverPeriod, LuzmoFilterExpressionPicker, LuzmoFilterItem, LuzmoFilterValuePicker, LuzmoFilterValuePickerDatetime, LuzmoFilterValuePickerHierarchy, LuzmoFilterValuePickerNumeric, LuzmoFilters, LuzmoItemGrid, LuzmoItemGridItemActionsMenu, LuzmoItemOption, LuzmoItemOptionActionButtonGroup, LuzmoItemOptionColorPalettePicker, LuzmoItemOptionColorPicker, LuzmoItemOptionColorRange, LuzmoItemOptionMultiLangField, LuzmoItemOptionNumberField, LuzmoItemOptionPanel, LuzmoItemOptionPicker, LuzmoItemOptionPositionPicker, LuzmoItemOptionPositionsNumberField, LuzmoItemOptionRadioButtonGroup, LuzmoItemOptionSlider, LuzmoItemOptionSwitch, LuzmoItemOptionTextField, LuzmoItemSlotDrop, LuzmoItemSlotDropPanel, LuzmoItemSlotPicker, LuzmoItemSlotPickerPanel, LuzmoSlotMenu, LuzmoSlotMenuList, LuzmoVizItemMenu, PeriodOverPeriodCondition, buildAiMessageRequest, convertDatasetsToDataFields, createInitialProgress, decomposeNumericFormat, fetchStreamingResponse, formatter, getLocale, getTheme, hasProgressChunk, itemGroups, itemList, itemTypes, loadDataFieldsForDatasets, localize, readNdjsonStream, setLocale, switchItem, systemThemeIds, targetLocales };
+export { LuzmoAiChat, LuzmoAiInteractionTextarea, LuzmoDataField, LuzmoDataFieldLevel, LuzmoDataFieldPanel, LuzmoDataFieldsSelect, LuzmoDatasetIcon, LuzmoDatasetSelectorList, LuzmoDatasetSelectorRow, LuzmoDisplaySettings, LuzmoDisplaySettingsBinning, LuzmoDisplaySettingsDatetime, LuzmoDisplaySettingsGrandTotals, LuzmoDisplaySettingsNumeric, LuzmoDisplaySettingsPeriodOverPeriod, LuzmoFilterExpressionPicker, LuzmoFilterItem, LuzmoFilterValuePicker, LuzmoFilterValuePickerDatetime, LuzmoFilterValuePickerHierarchy, LuzmoFilterValuePickerNumeric, LuzmoFilters, LuzmoItemGrid, LuzmoItemGridItemActionsMenu, LuzmoItemOption, LuzmoItemOptionActionButtonGroup, LuzmoItemOptionColorPalettePicker, LuzmoItemOptionColorPicker, LuzmoItemOptionColorRange, LuzmoItemOptionMultiLangField, LuzmoItemOptionNumberField, LuzmoItemOptionPanel, LuzmoItemOptionPicker, LuzmoItemOptionPositionPicker, LuzmoItemOptionPositionsNumberField, LuzmoItemOptionRadioButtonGroup, LuzmoItemOptionSlider, LuzmoItemOptionSwitch, LuzmoItemOptionTextField, LuzmoItemSlotDrop, LuzmoItemSlotDropPanel, LuzmoItemSlotPicker, LuzmoItemSlotPickerPanel, LuzmoSlotMenu, LuzmoSlotMenuList, LuzmoVizItemMenu, PeriodOverPeriodCondition, buildAiMessageDeleteRequest, buildAiMessageRequest, convertDatasetsToDataFields, createInitialProgress, decomposeNumericFormat, fetchStreamingResponse, formatter, getLocale, getTheme, hasProgressChunk, itemGroups, itemList, itemTypes, loadDataFieldsForDatasets, localize, readNdjsonStream, setLocale, switchItem, systemThemeIds, targetLocales };

package/components/item-context-configs.cjs

@@ -23,21 +23,25 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=`The co
     Often columns with type numeric are used as measure. If you want to display area over a second dimension, use a legend.
     First fill in an x-axis and measure, ONLY when using another column or dimension, use a legend.
     You can not have multiple measures together with a legend, it is one or the other.
-    To have multiple measures in an area chart use more than one column/formula in measures, to report a measure across two dimensions use a legend.`,slots:{measure:{description:e},"x-axis":{description:`The column used as x-axis in the chart.
-        This slot is required and determines the horizontal positioning of data points.`},legend:{description:`The column used as legend in the chart. Only add a legend if it is relevant to the chart.
+    To have multiple measures in an area chart use more than one column/formula in measures, to report a measure across two dimensions use a legend.`,slots:{measure:{description:e},"x-axis":{description:`The primary dimension (category axis) of the area chart. Equivalent to s__y-axis in bar charts and s__category in donut/funnel/radar charts.
+        When switching FROM another chart type, transfer the previous dimension/category column content here.`},legend:{description:`The column used as legend in the chart. Only add a legend if it is relevant to the chart.
         A legend is used to show a second dimension in the chart and allows grouping of data series. A legend cannot coexist with multiple measures`}}},r={name:`bar-chart`,label:`Bar Chart`,synonyms:[`bar chart`,`barchart`,`bar plot`,`barplot`],defaultSize:{width:580,height:320},description:`Creates a bar chart. A bar chart can consist of multiple bars. Each bar represents a category.
     A category is mostly a column with a type of hierarchy or datetime. Often columns with type numeric are used as measure.
     First fill in a category and measure, ONLY when using a another column or dimension, use a legend.
     You can not have multiple measures together with a legend, it is one or the other.
-    To have multiple measures in a bar chart use more than one column/formula in measures, to report a measure across two dimensions use a legend.`,slots:{measure:{description:e},"y-axis":{description:`The column used as y-axis in the chart. The y-axis in a bar chart is the category that is being used, not the measure.
-        Typical this is a column with a type of hierarchy or datetime and is NOT the same column that is used as a measure.
+    To have multiple measures in a bar chart use more than one column/formula in measures, to report a measure across two dimensions use a legend.`,slots:{measure:{description:e},"y-axis":{description:`The primary dimension (category axis) of the bar chart. Equivalent to s__x-axis in column/line/area charts and s__category in donut/funnel/radar charts.
+        When switching FROM another chart type, transfer the previous dimension/category column content here.
+        Typically a column with a type of hierarchy or datetime and is NOT the same column that is used as a measure.
         Numeric columns are not often used as y-axis in a bar chart unless a user asks them to be binned.`},legend:{description:`The column used as legend in the chart. Only add a legend if it is relevant to the chart. A legend is used to show a second dimension in the chart.`}}},i={name:`box-plot`,label:`Box Plot`,synonyms:[`box`,`box plot`,`boxplot`],defaultSize:{width:580,height:480},description:`Creates a box plot. A box plot displays the distribution of data through quartiles, showing the median,
     interquartile range, and potential outliers. Box plots are effective for comparing distributions across categories
     and identifying skewness or unusual data points. They work well with numeric data and categorical groupings.`,slots:{measure:{description:`The column used as measure in the chart. This determines the numeric values to be analyzed.
-        Must be a numeric column type. The box plot will show the distribution of these values.`},category:{description:`The column used as category in the chart. This determines how the data is grouped for comparison.
-        Typically this is a column with a type of hierarchy or datetime. Each category will have its own box plot.`}}},a={name:`bubble-chart`,label:`Bubble Chart`,synonyms:[`bubble`,`bubble chart`,`bubbleplot`],defaultSize:{width:580,height:580},description:`Creates a bubble chart. A bubble chart can consist of multiple bubbles. Each bubble represents a category.
+        Must be a numeric column type. The box plot will show the distribution of these values.`},category:{description:`The primary dimension of the box plot. Equivalent to s__y-axis in bar charts and s__x-axis in column/line/area charts.
+        When switching FROM another chart type, transfer the previous dimension/category column content here.
+        Determines how data is grouped for comparison. Typically a column with type hierarchy or datetime.`}}},a={name:`bubble-chart`,label:`Bubble Chart`,synonyms:[`bubble`,`bubble chart`,`bubbleplot`],defaultSize:{width:580,height:580},description:`Creates a bubble chart. A bubble chart can consist of multiple bubbles. Each bubble represents a category.
     Categories are mostly columns with a type of hierarchy or datetime. The size of the bubble represents the measure.
-    Often columns with type numeric are used as measure. If you want to use a second dimension, use a legend (slot color).`,slots:{category:{description:`The column used as category in the chart. This column is used to define what the bubbles are in the bubble chart. This slot is required.`},measure:{description:`The column used to determine the size of bubbles. Typically a numeric column or a count or distinct count of another type of column.`},color:{description:`The column used as legend in the chart. Only add a legend if it is relevant to the chart.
+    Often columns with type numeric are used as measure. If you want to use a second dimension, use a legend (slot color).`,slots:{category:{description:`The primary dimension of the bubble chart. Equivalent to s__y-axis in bar charts and s__x-axis in column/line/area charts.
+        When switching FROM another chart type, transfer the previous dimension/category column content here.
+        Defines what the bubbles represent. This slot is required.`},measure:{description:`The column used to determine the size of bubbles. Typically a numeric column or a count or distinct count of another type of column.`},color:{description:`The column used as legend in the chart. Only add a legend if it is relevant to the chart.
         This column is used in case of a second dimension to color the bubbles.`}}},o={name:`bullet-chart`,label:`Bullet Chart`,synonyms:[`bullet`,`bullet chart`,`bulletplot`],defaultSize:{width:580,height:300},description:`Creates a bullet chart. A bullet chart displays a measure against a target value.
     Bullet charts are effective for showing progress toward goals.
     Use measure for the actual value, target for the goal, and optionally category for grouping.`,slots:{measure:{description:e},target:{description:`The column used as target in the chart. This determines the goal or benchmark value to compare against.
@@ -55,14 +59,15 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=`The co
     A category is mostly a column with a type of hierarchy or datetime. Often columns with type numeric are used as measure.
     First fill in a category and measure, ONLY when using a another column or dimension, use a legend.
     You can not have multiple measures together with a legend, it is one or the other.
-    To have multiple measures in a column chart use more than one column/formula in measures, to report a measure across two dimensions use a legend.`,slots:{measure:{description:e},"x-axis":{description:`The column used as x-axis in the chart. The x-axis in a column chart is the category that is being used, not the measure.
+    To have multiple measures in a column chart use more than one column/formula in measures, to report a measure across two dimensions use a legend.`,slots:{measure:{description:e},"x-axis":{description:`The primary dimension (category axis) of the column chart. Equivalent to s__y-axis in bar charts and s__category in donut/funnel/radar charts.
+        When switching FROM another chart type, transfer the previous dimension/category column content here.
         Typically this is a column with a type of hierarchy or datetime and is NOT the same column that is used as a measure.
         Numeric columns are not often used as x-axis in a column chart unless a user asks them to be binned.`},legend:{description:`The column used as legend in the chart. Only add a legend if it is relevant to the chart.
         A legend is used to show a second dimension in the chart.`}}},d={name:`combination-chart`,label:`Combination Chart`,synonyms:[`combination`,`combination chart`,`combinationplot`,`combination plot`,`combo`,`combo chart`,`composite chart`,`multi chart`,`mixed chart`,`barline`,`bar line`],defaultSize:{width:580,height:350},description:`Creates a combination chart. A combination chart combines different chart types in a single visualization,
     such as bars and lines, dots or areas. Combination charts are effective for comparing different types of data
-    or showing relationships between different metrics on the same scale.`,slots:{measure:{description:e},"x-axis":{description:`The column used as x-axis in the chart. This determines the horizontal positioning of data points.
-        For time series data, use datetime columns. For categorical data, use hierarchy columns.
-        This slot is required and determines the horizontal positioning of data points.`}}},f={name:`conditional-number`,label:`Conditional Number`,synonyms:[`conditional`,`conditional number`,`conditional number display`,`colored number`,`color kpi`],defaultSize:{width:250,height:200},description:`Creates a conditional number display. A conditional number displays a single value with conditional formatting
+    or showing relationships between different metrics on the same scale.`,slots:{measure:{description:e},"x-axis":{description:`The primary dimension (category axis) of the combination chart. Equivalent to s__y-axis in bar charts and s__category in donut/funnel/radar charts.
+        When switching FROM another chart type, transfer the previous dimension/category column content here.
+        For time series data, use datetime columns. For categorical data, use hierarchy columns.`}}},f={name:`conditional-number`,label:`Conditional Number`,synonyms:[`conditional`,`conditional number`,`conditional number display`,`colored number`,`color kpi`],defaultSize:{width:250,height:200},description:`Creates a conditional number display. A conditional number displays a single value with conditional formatting
     based on comparison to a target or threshold. Conditional numbers are effective for showing KPIs, performance metrics,
     or any single value that needs to be evaluated against a benchmark.
     Use measure for the current value and optionally target for the comparison value.`,slots:{measure:{description:`The column used as measure in the display. This determines the current value to be shown.`},target:{description:`The column used as target in the display. This determines the comparison value for conditional formatting.`}}},p={name:`date-comparison-filter`,label:`Date Comparison Filter`,synonyms:[`date comparison filter`,`date comparison range`,`date comparison range filter`],defaultSize:{width:350,height:125},description:`Creates a date comparison filter. A date comparison filter allows users to set two date ranges to
@@ -72,7 +77,9 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=`The co
     or compare data across different date ranges.`,slots:{time:{description:`The column used for datetime filtering. This determines which datetime data that can be filtered on.
         Must be a datetime column type.`}}},h={name:`donut-chart`,label:`Donut Chart`,synonyms:[`donut`,`donut chart`,`donut plot`,`pie`,`pie chart`,`pie`],defaultSize:{width:400,height:400},variants:[{subtype:`pie`,defaultSize:{width:400,height:400}},{subtype:`donut`,defaultSize:{width:400,height:400}},{subtype:`half-pie`,defaultSize:{width:400,height:400}},{subtype:`half-donut`,defaultSize:{width:400,height:400}}],description:`Creates a donut or a pie chart. A donut or pie chart consists of multiple slices. Each slice represents a category.
     Categories are mostly columns with a type of hierarchy or datetime. The width of the slice represents the measure of the category.
-    Often columns with type numeric are used as measure.`,slots:{measure:{description:e},category:{description:t}}},g={name:`dropdown-filter`,label:`Dropdown Filter`,synonyms:[`dropdown`,`dropdown filter`,`dropdown list`,`dropdown menu`,`selectbox`,`select box`],defaultSize:{width:250,height:100},description:`Creates a dropdown filter. A dropdown filter allows users to filter dashboard data by selecting values from a dropdown list.
+    Often columns with type numeric are used as measure.`,slots:{measure:{description:e},category:{description:`The primary dimension of the donut/pie chart. Equivalent to s__y-axis in bar charts and s__x-axis in column/line/area charts.
+        When switching FROM another chart type, transfer the previous dimension/category column content here.
+        A level is always required when using a datetime column. Else do not set a level.`}}},g={name:`dropdown-filter`,label:`Dropdown Filter`,synonyms:[`dropdown`,`dropdown filter`,`dropdown list`,`dropdown menu`,`selectbox`,`select box`],defaultSize:{width:250,height:100},description:`Creates a dropdown filter. A dropdown filter allows users to filter dashboard data by selecting values from a dropdown list.
     Dropdown filters are effective for categorical filtering, allowing users to focus on specific categories or values
     from a dimension.`,slots:{dimension:{description:`The column used for dimension filtering. This determines the data that can be filtered.
         Can be mixed data types including hierarchy, datetime, and numeric. This defines the dimension that users can filter on.`}}},_={name:`evolution-number`,label:`Evolution Number`,synonyms:[`evolution`,`evolution number`,`single number`,`number chart`,`image number display`,`evolution kpi`],defaultSize:{width:250,height:200},description:`Creates a number display. An evolution number shows a single value with an optional evolution indicator.
@@ -83,8 +90,9 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=`The co
     stages in a process or conversion flow. Funnel charts are effective for showing the flow of data through different stages
     and identifying bottlenecks or drop-off points. They work well with sequential data and process analysis.
     Use measure for the values and category for the stages in the funnel.`,slots:{measure:{description:`The column used as measure in the chart. This determines the values for each stage in the funnel.
-        Can be numeric or hierarchy columns. These values determine the size of each funnel section.`},category:{description:`The column used as category in the chart. This determines the stages or steps in the funnel.
-        Typically this is a column with a type of hierarchy or datetime. Each category becomes a section in the funnel.`}}},y={name:`heat-map`,label:`Heat Map`,synonyms:[`heatmap`,`heat map`],defaultSize:{width:580,height:380},description:`Creates a heat map. A heat map displays data as a grid where each cell is colored based on its value.
+        Can be numeric or hierarchy columns. These values determine the size of each funnel section.`},category:{description:`The primary dimension of the funnel chart. Equivalent to s__y-axis in bar charts and s__x-axis in column/line/area charts.
+        When switching FROM another chart type, transfer the previous dimension/category column content here.
+        Determines the stages or steps in the funnel. Typically a column with type hierarchy or datetime.`}}},y={name:`heat-map`,label:`Heat Map`,synonyms:[`heatmap`,`heat map`],defaultSize:{width:580,height:380},description:`Creates a heat map. A heat map displays data as a grid where each cell is colored based on its value.
     Heat maps are effective for showing patterns in large datasets and identifying correlations between variables.
     They work well with geographic data, correlation matrices, and any data that can be organized in a grid format.
     Use geography for spatial data and measures for the values to be visualized.`,slots:{geo:{description:`The column used for geography in the heat map. This determines the spatial layout of the data.
@@ -103,9 +111,9 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=`The co
     Image elements can be configured with various sizing and positioning options.`,slots:{}},C={name:`line-chart`,label:`Line Chart`,synonyms:[`line`,`line chart`,`lineplot`,`lines chart`,`lines plot`],defaultSize:{width:580,height:250},variants:[{subtype:`line`,defaultSize:{width:580,height:250}},{subtype:`line-group`,defaultSize:{width:580,height:250}}],description:`Creates a line chart. A line chart displays data as a series of points connected by straight lines.
     Line charts are ideal for showing trends over time and continuous data. They work well with time series data
     and can display multiple series for comparison. Use measures for the values and x-axis for categories or time periods.
-    Legends can be used to group data by additional dimensions.`,slots:{measure:{description:e},"x-axis":{description:`The column used as x-axis in the chart. This is typically a category or time dimension.
-        For time series data, use datetime columns. For categorical data, use hierarchy columns.
-        This slot is required and determines the horizontal positioning of data points.`},legend:{description:`The column used as legend in the chart. Only add a legend if it is relevant to the chart.
+    Legends can be used to group data by additional dimensions.`,slots:{measure:{description:e},"x-axis":{description:`The primary dimension (category axis) of the line chart. Equivalent to s__y-axis in bar charts and s__category in donut/funnel/radar charts.
+        When switching FROM another chart type, transfer the previous dimension/category column content here.
+        For time series data, use datetime columns. For categorical data, use hierarchy columns.`},legend:{description:`The column used as legend in the chart. Only add a legend if it is relevant to the chart.
         A legend is used to show a second dimension in the chart and allows grouping of data series.`}}},w={name:`marker-map`,label:`Marker Map`,synonyms:[`markermap`,`marker map`,`point map`,`pointmap`],defaultSize:{width:580,height:380},description:`Creates a marker map. A marker map displays geographic data using markers or pins at specific locations.
     Marker maps are effective for showing point-based geographic data, locations of interest, or discrete geographic events.
     They work well with spatial coordinates and can represent different types of locations or events.
@@ -131,14 +139,16 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=`The co
         Typically these are categorical columns (hierarchy or datetime). Multiple columns can be used to create hierarchical columns.`},measure:{description:e}}},O={name:`pyramid-chart`,label:`Pyramid Chart`,synonyms:[`pyramid`,`pyramid chart`,`pyramidplot`],defaultSize:{width:480,height:600},description:`Creates a pyramid chart. A pyramid chart displays data as horizontal bars arranged in a pyramid shape,
     typically used for population demographics or hierarchical data. Pyramid charts are effective for showing
     the distribution of data across categories and comparing values between different groups.
-    Use measure for the values, y-axis for categories, and optionally legend for grouping.`,slots:{"y-axis":{description:`The column used as y-axis in the chart. This determines the categories or bins displayed in the pyramid.
-        Typically this is a column with a type of hierarchy or datetime. Each category becomes a horizontal bar in the pyramid.`},measure:{description:e},legend:{description:`The column used as legend in the chart. Only add a legend if it is relevant to the chart.
+    Use measure for the values, y-axis for categories, and optionally legend for grouping.`,slots:{"y-axis":{description:`The primary dimension (category axis) of the pyramid chart. Equivalent to s__x-axis in column/line/area charts and s__category in donut/funnel/radar charts.
+        When switching FROM another chart type, transfer the previous dimension/category column content here.
+        Typically a column with type hierarchy or datetime. Each category becomes a horizontal bar in the pyramid.`},measure:{description:e},legend:{description:`The column used as legend in the chart. Only add a legend if it is relevant to the chart.
         A legend is used to show a second dimension in the chart and allows grouping of data series.`}}},k={name:`radar-chart`,label:`Radar Chart`,synonyms:[`radar`,`radar chart`,`radarplot`],defaultSize:{width:400,height:300},description:`Creates a radar chart. A radar chart displays multivariate data on axes starting from the same point.
     Radar charts are effective for comparing multiple variables across different categories and showing patterns
     or profiles. Each axis represents a different variable, and the data points are connected to form a polygon.
     Use measure for the values, category for the variables, and optionally color for grouping.`,slots:{measure:{description:`The column used as measure in the chart. This determines the values to be plotted on each axis.
-        Can be numeric or hierarchy columns. These values determine the distance from the center on each axis.`},category:{description:`The column used as category in the chart. This determines the variables represented by each axis.
-        Typically this is a column with a type of hierarchy or datetime. Each category becomes an axis in the radar chart.`},color:{description:`The column used to determine the color of data series. Typically a categorical column.
+        Can be numeric or hierarchy columns. These values determine the distance from the center on each axis.`},category:{description:`The primary dimension of the radar chart. Equivalent to s__y-axis in bar charts and s__x-axis in column/line/area charts.
+        When switching FROM another chart type, transfer the previous dimension/category column content here.
+        Determines the variables represented by each axis. Typically a column with type hierarchy or datetime.`},color:{description:`The column used to determine the color of data series. Typically a categorical column.
         Different categories are represented by different colors, allowing comparison of multiple series.`}}},A={name:`regular-table`,label:`Regular Table`,synonyms:[`regular table`,`list`,`list table`],defaultSize:{width:580,height:320},description:`Creates a regular table. A regular table displays data in a structured format with rows and columns.
     Regular tables are effective for displaying detailed data, allowing users to see individual records and values.
     They work well for data exploration, detailed analysis, and when users need to see specific values.
@@ -190,8 +200,9 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=`The co
         Can be mixed data types. Different values are represented by different colors on the spikes.`}}},z={name:`strip-plot`,label:`Strip Plot`,synonyms:[`stripplot`,`strip plot`,`stripchart`],defaultSize:{width:580,height:200},description:`Creates a strip plot. A strip plot displays individual data points along a single axis, grouped by categories.
     Strip plots are effective for showing the distribution of data within categories and identifying patterns or outliers.
     They work well with small to medium datasets and are useful for comparing distributions across different groups.
-    Use measure for the numeric values and y-axis for the categories.`,slots:{measure:{description:e},"y-axis":{description:`The column used as y-axis in the chart. This determines the categories for grouping the data points.
-        Typically this is a column with a type of hierarchy or datetime. Each category becomes a group of data points.`}}},B={name:`sunburst-chart`,label:`Sunburst Chart`,synonyms:[`sunburst`,`sunburst chart`,`sunburstplot`],defaultSize:{width:580,height:500},description:`Creates a sunburst chart. A sunburst chart displays hierarchical data as concentric rings, where each ring represents a level
+    Use measure for the numeric values and y-axis for the categories.`,slots:{measure:{description:e},"y-axis":{description:`The primary dimension (category axis) of the strip plot. Equivalent to s__x-axis in column/line/area charts and s__category in donut/funnel/radar charts.
+        When switching FROM another chart type, transfer the previous dimension/category column content here.
+        Typically a column with type hierarchy or datetime. Each category becomes a group of data points.`}}},B={name:`sunburst-chart`,label:`Sunburst Chart`,synonyms:[`sunburst`,`sunburst chart`,`sunburstplot`],defaultSize:{width:580,height:500},description:`Creates a sunburst chart. A sunburst chart displays hierarchical data as concentric rings, where each ring represents a level
     in the hierarchy. Sunburst charts are effective for showing the composition of hierarchical data and identifying patterns
     at different levels. They work well with multi-level hierarchies and can display large amounts of data in a compact space.
     Use measure for the values and levels for the hierarchical structure.`,slots:{measure:{description:e},levels:{description:`The column(s) used as levels in the chart. These determine the hierarchical structure of the data.
@@ -207,8 +218,9 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=`The co
     Text elements can be configured with various formatting options and can include dynamic content.`,slots:{}},U={name:`treemap-chart`,label:`Treemap Chart`,synonyms:[`treemap`,`treemap chart`,`treemapplot`],defaultSize:{width:580,height:350},description:`Creates a treemap chart. A treemap displays hierarchical data as nested rectangles, where the size of each rectangle
     represents a value. Treemaps are effective for showing the composition of a whole and identifying patterns in hierarchical data.
     They can display multiple levels of hierarchy. Use measure for the values and category for the hierarchy.
-    Color can be used to encode an additional dimension.`,slots:{measure:{description:e},category:{description:`The column used as category in the chart. This determines the hierarchical structure and labels.
-        Typically this is a column with a type of hierarchy or datetime. Each category becomes a rectangle in the treemap.`},color:{description:`The column used as legend in the chart. Only add a legend if it is relevant to the chart.
+    Color can be used to encode an additional dimension.`,slots:{measure:{description:e},category:{description:`The primary dimension of the treemap chart. Equivalent to s__y-axis in bar charts and s__x-axis in column/line/area charts.
+        When switching FROM another chart type, transfer the previous dimension/category column content here.
+        Determines the hierarchical structure and labels. Typically a column with type hierarchy or datetime.`},color:{description:`The column used as legend in the chart. Only add a legend if it is relevant to the chart.
       This column is used in case of a second dimension to color the squares.`}}},W={name:`venn-diagram`,label:`Venn Diagram`,synonyms:[`venn`,`venn diagram`,`vennplot`],defaultSize:{width:580,height:500},description:`Creates a Venn diagram. A Venn diagram displays the relationships between different sets of data using overlapping circles.
     Venn diagrams are effective for showing intersections, unions, and differences between different categories or groups.
     They work well with categorical data and set theory analysis. Use category for the sets, identifier for the items,