@gooddata/sdk-ui-ext 11.47.0-alpha.1 → 11.47.0-alpha.2

package/NOTICE

@@ -7,9 +7,9 @@
 
 The following 3rd-party software packages may be used by or distributed with gooddata-ui-sdk. Any information relevant to third-party vendors listed below are collected using common, reasonable means.
 
-Date generated: 2026-7-9
+Date generated: 2026-7-10
 
-Revision ID: fbb2b207aa6388a6070a52fba94dbfaee4ce7208
+Revision ID: 49e9a8adde3ee1f908b34090cae5065e788ef0dd
 
 ================================================================================
 ================================================================================
@@ -8770,7 +8770,7 @@ Package Title: json5 (2.2.3)
 
 Package Locator: npm+json5$2.2.3
 
-Package Depth: Direct
+Package Depth: Transitive
 --------------------------------------------------------------------------------
 
 * Declared Licenses *
@@ -13284,7 +13284,7 @@ Package Title: watchpack (2.5.2)
 
 Package Locator: npm+watchpack$2.5.2
 
-Package Depth: Direct
+Package Depth: Transitive
 --------------------------------------------------------------------------------
 
 * Declared Licenses *
@@ -29272,4 +29272,4 @@ POSSIBILITY OF SUCH DAMAGE.
 --------------------------------------------------------------------------------
 --------------------------------------------------------------------------------
 
-Report Generated by FOSSA on 2026-7-9
+Report Generated by FOSSA on 2026-7-10

package/esm/internal/components/configurationControls/colors/ColorsSection.d.ts

@@ -15,7 +15,8 @@ export interface IColorsSectionProps {
     isChartFillDisabled?: boolean;
     /** Optional controls rendered above the fill dropdown, inside the section. */
     additionalControls?: ReactNode;
+    supportsLineStyles?: boolean;
 }
 export declare const COLOR_MAPPING_CHANGED = "COLOR_MAPPING_CHANGED";
-export declare function ColorsSection({ controlsDisabled, properties, propertiesMeta, pushData, hasMeasures, colors, isLoading, supportsChartFill, chartFillIgnoredMeasures, isChartFillDisabled, additionalControls }: IColorsSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function ColorsSection({ controlsDisabled, properties, propertiesMeta, pushData, hasMeasures, colors, isLoading, supportsChartFill, chartFillIgnoredMeasures, isChartFillDisabled, additionalControls, supportsLineStyles }: IColorsSectionProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ColorsSection.d.ts.map

package/esm/internal/components/configurationControls/colors/ColorsSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorsSection.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/colors/ColorsSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAYvC,OAAO,EAAE,KAAK,mBAAmB,EAAqB,MAAM,+BAA+B,CAAC;AAC5F,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAQvG,MAAM,WAAW,mBAAmB;IAChC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,wBAAwB,CAAC,EAAE,MAAM,EAAE,CAAC;IACpC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,8EAA8E;IAC9E,kBAAkB,CAAC,EAAE,SAAS,CAAC;CAClC;AAED,eAAO,MAAM,qBAAqB,0BAA0B,CAAC;AAE7D,wBAAgB,aAAa,CAAC,EAC1B,gBAAgB,EAChB,UAAU,EACV,cAAc,EACd,QAAQ,EACR,WAAW,EACX,MAAM,EACN,SAAS,EACT,iBAAiB,EACjB,wBAA6B,EAC7B,mBAAmB,EACnB,kBAAkB,EACrB,EAAE,mBAAmB,2CAqIrB"}
+{"version":3,"file":"ColorsSection.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/colors/ColorsSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAYvC,OAAO,EAAE,KAAK,mBAAmB,EAAqB,MAAM,+BAA+B,CAAC;AAC5F,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAQvG,MAAM,WAAW,mBAAmB;IAChC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,wBAAwB,CAAC,EAAE,MAAM,EAAE,CAAC;IACpC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,8EAA8E;IAC9E,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,eAAO,MAAM,qBAAqB,0BAA0B,CAAC;AAE7D,wBAAgB,aAAa,CAAC,EAC1B,gBAAgB,EAChB,UAAU,EACV,cAAc,EACd,QAAQ,EACR,WAAW,EACX,MAAM,EACN,SAAS,EACT,iBAAiB,EACjB,wBAA6B,EAC7B,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EACrB,EAAE,mBAAmB,2CAyKrB"}

package/esm/internal/components/configurationControls/colors/ColorsSection.js

@@ -2,16 +2,17 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 import cx from "classnames";
 import { cloneDeep, set } from "lodash-es";
 import { useIntl } from "react-intl";
+import { isMeasureDescriptor } from "@gooddata/sdk-model";
 import { Button } from "@gooddata/sdk-ui-kit";
 import { messages } from "../../../../locales.js";
 import { fillDropdownItems } from "../../../constants/dropdowns.js";
-import { getColoredInputItems, getProperties } from "../../../utils/colors.js";
+import { getColoredInputItems, getLineStyleProperties, getProperties } from "../../../utils/colors.js";
 import { getTranslatedDropdownItems, getTranslation } from "../../../utils/translations.js";
 import { ConfigSection } from "../../configurationControls/ConfigSection.js";
 import { DropdownControl } from "../DropdownControl.js";
 import { ColoredItemsList } from "./coloredItemsList/ColoredItemsList.js";
 export const COLOR_MAPPING_CHANGED = "COLOR_MAPPING_CHANGED";
-export function ColorsSection({ controlsDisabled, properties, propertiesMeta, pushData, hasMeasures, colors, isLoading, supportsChartFill, chartFillIgnoredMeasures = [], isChartFillDisabled, additionalControls, }) {
+export function ColorsSection({ controlsDisabled, properties, propertiesMeta, pushData, hasMeasures, colors, isLoading, supportsChartFill, chartFillIgnoredMeasures = [], isChartFillDisabled, additionalControls, supportsLineStyles, }) {
     const intl = useIntl();
     const onSelect = (selectedColorItem, color) => {
         const { mappingHeader } = selectedColorItem;
@@ -22,39 +23,53 @@ export function ColorsSection({ controlsDisabled, properties, propertiesMeta, pu
         };
         pushData?.(message);
     };
+    const onLineStyleOrWidthChange = (item, lineStyle, lineWidth) => {
+        const { mappingHeader } = item;
+        if (!mappingHeader || !properties || !isMeasureDescriptor(mappingHeader)) {
+            return;
+        }
+        const localId = mappingHeader.measureHeaderItem.localIdentifier;
+        if (!localId) {
+            return;
+        }
+        const newProperties = getLineStyleProperties(properties, localId, lineStyle, lineWidth);
+        pushData?.({ messageId: COLOR_MAPPING_CHANGED, properties: newProperties });
+    };
+    const onLineStyleChange = (item, lineStyle) => onLineStyleOrWidthChange(item, lineStyle, item.lineWidth);
+    const onLineWidthChange = (item, lineWidth) => onLineStyleOrWidthChange(item, item.lineStyle, lineWidth);
     const isColoredListVisible = () => {
         return isLoading || (!controlsDisabled && colors?.colorPalette && hasMeasures);
     };
     const isDefaultColorMapping = () => {
         const colorMapping = properties?.controls?.["colorMapping"] ?? [];
-        return !colorMapping || colorMapping.length === 0;
+        const lineStyleMapping = supportsLineStyles ? (properties?.controls?.["lineStyleMapping"] ?? []) : [];
+        return ((!colorMapping || colorMapping.length === 0) &&
+            (!lineStyleMapping || lineStyleMapping.length === 0));
     };
     const onResetColors = () => {
         if (isDefaultColorMapping()) {
             return;
         }
-        const propertiesWithoutColorMapping = set(cloneDeep(properties), "controls.colorMapping", undefined);
-        const message = {
-            messageId: COLOR_MAPPING_CHANGED,
-            properties: propertiesWithoutColorMapping,
-            references: {},
-        };
-        pushData?.(message);
+        let updatedProperties = set(cloneDeep(properties), "controls.colorMapping", undefined);
+        if (supportsLineStyles) {
+            updatedProperties = set(updatedProperties, "controls.lineStyleMapping", undefined);
+        }
+        pushData?.({ messageId: COLOR_MAPPING_CHANGED, properties: updatedProperties, references: {} });
     };
     const renderResetButton = () => {
         const isDisabled = controlsDisabled || isDefaultColorMapping();
         const classes = cx("gd-color-reset-colors-section", {
             disabled: isDisabled,
         });
-        return (_jsx("div", { className: classes, children: _jsx(Button, { value: getTranslation(messages["resetColors"].id, intl), className: "gd-button-link s-reset-colors-button", onClick: onResetColors, disabled: isDisabled }) }));
+        return (_jsx("div", { className: classes, children: _jsx(Button, { value: getTranslation(supportsLineStyles ? messages["resetColorsAndStyles"].id : messages["resetColors"].id, intl), className: "gd-button-link s-reset-colors-button", onClick: onResetColors, disabled: isDisabled }) }));
     };
     const renderFillDropdown = () => {
         if (!supportsChartFill) {
             return null;
         }
+        // when all colors are used for disabled measures, chart fill is not available
         const isDisabled = controlsDisabled ||
             isChartFillDisabled ||
-            // when all colors are used for disabled measures, chart fill is not available
             chartFillIgnoredMeasures.length === colors?.colorAssignments.length;
         const currentChartFillValue = isChartFillDisabled
             ? "solid"
@@ -62,11 +77,14 @@ export function ColorsSection({ controlsDisabled, properties, propertiesMeta, pu
         return (_jsx("div", { className: "gd-chart-fill-section", children: _jsx(DropdownControl, { value: currentChartFillValue, valuePath: "chartFill.type", labelText: messages["fill"].id, disabled: isDisabled, properties: properties, pushData: pushData, items: getTranslatedDropdownItems(fillDropdownItems, intl), showDisabledMessage: isDisabled }) }));
     };
     const renderColoredList = () => {
-        const inputItems = getColoredInputItems(colors);
+        const lineStyleMapping = supportsLineStyles
+            ? (properties?.controls?.["lineStyleMapping"] ?? [])
+            : undefined;
+        const inputItems = getColoredInputItems(colors, lineStyleMapping);
         const colorPalette = colors?.colorPalette ? colors.colorPalette : [];
         const chartFill = isChartFillDisabled ? undefined : properties?.controls?.["chartFill"];
         return (_jsxs(_Fragment, { children: [
-                _jsx(ColoredItemsList, { colorPalette: colorPalette, inputItems: inputItems, onSelect: onSelect, disabled: controlsDisabled, isLoading: isLoading, chartFill: chartFill, chartFillIgnoredMeasures: chartFillIgnoredMeasures }), renderResetButton(), additionalControls, renderFillDropdown()] }));
+                _jsx(ColoredItemsList, { colorPalette: colorPalette, inputItems: inputItems, onSelect: onSelect, disabled: controlsDisabled, isLoading: isLoading, chartFill: chartFill, chartFillIgnoredMeasures: chartFillIgnoredMeasures, supportsLineStyles: supportsLineStyles, onLineStyleChange: supportsLineStyles ? onLineStyleChange : undefined, onLineWidthChange: supportsLineStyles ? onLineWidthChange : undefined }), renderResetButton(), additionalControls, renderFillDropdown()] }));
     };
     const renderUnsupportedColoredList = () => {
         return (_jsx("div", { className: "gd-color-unsupported", children: getTranslation(messages["unsupportedColors"].id, intl) }));
@@ -74,8 +92,10 @@ export function ColorsSection({ controlsDisabled, properties, propertiesMeta, pu
     const renderSectionContents = () => {
         return isColoredListVisible() ? renderColoredList() : renderUnsupportedColoredList();
     };
-    const sectionTitleTranslationId = supportsChartFill
-        ? messages["colorsAndFills"].id
-        : messages["colors"].id;
+    const sectionTitleTranslationId = supportsLineStyles
+        ? messages["colorsAndStyles"].id
+        : supportsChartFill
+            ? messages["colorsAndFills"].id
+            : messages["colors"].id;
     return (_jsx(ConfigSection, { title: sectionTitleTranslationId, pushData: pushData, propertiesMeta: propertiesMeta, id: "colors_section", className: "adi-color-configuration", children: renderSectionContents() }));
 }

package/esm/internal/components/configurationControls/colors/coloredItemsList/ColoredItem.d.ts

@@ -1,5 +1,6 @@
 import { type IColor, type IColorPalette } from "@gooddata/sdk-model";
-import { type IChartFillConfig, type PatternFillName } from "@gooddata/sdk-ui-vis-commons";
+import { type IChartFillConfig } from "@gooddata/sdk-ui-charts";
+import { type PatternFillName } from "@gooddata/sdk-ui-vis-commons";
 import { type IColoredItem } from "../../../../interfaces/Colors.js";
 export interface IColoredItemProps {
     colorPalette: IColorPalette;

package/esm/internal/components/configurationControls/colors/coloredItemsList/ColoredItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColoredItem.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/coloredItemsList/ColoredItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEtE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE3F,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAOrE,MAAM,WAAW,iBAAiB;IAC9B,YAAY,EAAE,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;CAC/C;AAED,eAAO,MAAM,WAAW,yDAgDtB,CAAC"}
+{"version":3,"file":"ColoredItem.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/coloredItemsList/ColoredItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEtE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAEpE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAOrE,MAAM,WAAW,iBAAiB;IAC9B,YAAY,EAAE,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;CAC/C;AAED,eAAO,MAAM,WAAW,yDAiDtB,CAAC"}

package/esm/internal/components/configurationControls/colors/coloredItemsList/ColoredItem.js

@@ -9,7 +9,7 @@ import { ColorDropdown } from "../colorDropdown/ColorDropdown.js";
 import { ColoredItemContent } from "./ColoredItemContent.js";
 export const ColoredItem = memo(function ColoredItem(props) {
     const intl = useIntl();
-    const { item, colorPalette, onSelect, chartFill, patternFillIndex } = props;
+    const { item, colorPalette, onSelect, chartFill, patternFillIndex, disabled } = props;
     const renderLoadingItem = () => {
         return _jsx("div", { className: "gd-list-item gd-list-item-not-loaded" });
     };
@@ -31,5 +31,5 @@ export const ColoredItem = memo(function ColoredItem(props) {
     }
     const headerItem = coloredItem.mappingHeader;
     const headerText = getText(headerItem);
-    return (_jsx(ColorDropdown, { selectedColorItem: coloredItem.colorItem, colorPalette: colorPalette, onColorSelected: onColorSelected, chartFill: chartFill, patternFillIndex: patternFillIndex, children: _jsx(ColoredItemContent, { text: headerText, color: coloredItem.color, chartFill: chartFill?.type, patternFillIndex: patternFillIndex }) }));
+    return (_jsx(ColorDropdown, { selectedColorItem: coloredItem.colorItem, colorPalette: colorPalette, onColorSelected: onColorSelected, chartFill: chartFill, patternFillIndex: patternFillIndex, disabled: disabled, children: _jsx(ColoredItemContent, { text: headerText, color: coloredItem.color, chartFill: chartFill?.type, patternFillIndex: patternFillIndex }) }));
 });

package/esm/internal/components/configurationControls/colors/coloredItemsList/ColoredItemsList.d.ts

@@ -1,5 +1,5 @@
 import { type IColor, type IColorPalette } from "@gooddata/sdk-model";
-import { type IChartFillConfig } from "@gooddata/sdk-ui-charts";
+import { type IChartFillConfig, type LineStyle } from "@gooddata/sdk-ui-charts";
 import { type IColoredItem } from "../../../../interfaces/Colors.js";
 export interface IColoredItemsListProps {
     colorPalette: IColorPalette;
@@ -9,6 +9,9 @@ export interface IColoredItemsListProps {
     isLoading?: boolean;
     chartFill?: IChartFillConfig;
     chartFillIgnoredMeasures: string[];
+    supportsLineStyles?: boolean;
+    onLineStyleChange?: (item: IColoredItem, lineStyle: LineStyle) => void;
+    onLineWidthChange?: (item: IColoredItem, lineWidth: 1 | 2 | 3 | 4) => void;
 }
 export declare const ColoredItemsList: import("react").NamedExoticComponent<IColoredItemsListProps>;
 //# sourceMappingURL=ColoredItemsList.d.ts.map

package/esm/internal/components/configurationControls/colors/coloredItemsList/ColoredItemsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColoredItemsList.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/coloredItemsList/ColoredItemsList.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,aAAa,EAAuB,MAAM,qBAAqB,CAAC;AAC3F,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAGhE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,kCAAkC,CAAC;AASrE,MAAM,WAAW,sBAAsB;IACnC,YAAY,EAAE,aAAa,CAAC;IAC5B,UAAU,EAAE,YAAY,EAAE,CAAC;IAC3B,QAAQ,EAAE,CAAC,iBAAiB,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,wBAAwB,EAAE,MAAM,EAAE,CAAC;CACtC;AASD,eAAO,MAAM,gBAAgB,8DAoF3B,CAAC"}
+{"version":3,"file":"ColoredItemsList.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/coloredItemsList/ColoredItemsList.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,aAAa,EAAuB,MAAM,qBAAqB,CAAC;AAC3F,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAGhF,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAUrE,MAAM,WAAW,sBAAsB;IACnC,YAAY,EAAE,aAAa,CAAC;IAC5B,UAAU,EAAE,YAAY,EAAE,CAAC;IAC3B,QAAQ,EAAE,CAAC,iBAAiB,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,wBAAwB,EAAE,MAAM,EAAE,CAAC;IACnC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACvE,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;CAC9E;AASD,eAAO,MAAM,gBAAgB,8DAqG3B,CAAC"}

package/esm/internal/components/configurationControls/colors/coloredItemsList/ColoredItemsList.js

@@ -5,6 +5,7 @@ import { isMeasureDescriptor } from "@gooddata/sdk-model";
 import { DropdownList, GOODSTRAP_SCROLLED_EVENT } from "@gooddata/sdk-ui-kit";
 import { getSearchedItems } from "../../../../utils/colors.js";
 import { ColoredItem } from "./ColoredItem.js";
+import { LineStyleColoredItem } from "./LineStyleColoredItem.js";
 const DROPDOWN_MAX_HEIGHT = 150;
 const SEARCH_FIELD_VISIBILITY_THRESHOLD = 7;
 const DROPDOWN_BODY_WIDTH = 218;
@@ -13,7 +14,7 @@ function isChartFillIgnoredMeasure(item, chartFillIgnoredMeasures) {
         chartFillIgnoredMeasures.includes(item.mappingHeader.measureHeaderItem.localIdentifier));
 }
 export const ColoredItemsList = memo(function ColoredItemsList(props) {
-    const { colorPalette, inputItems, onSelect: onSelectProp, disabled = false, isLoading = false, chartFill, chartFillIgnoredMeasures, } = props;
+    const { colorPalette, inputItems, onSelect: onSelectProp, disabled = false, isLoading = false, chartFill, chartFillIgnoredMeasures, supportsLineStyles, onLineStyleChange, onLineWidthChange, } = props;
     const [searchString, setSearchString] = useState("");
     const listRef = useRef(null);
     const onScroll = () => {
@@ -53,6 +54,9 @@ export const ColoredItemsList = memo(function ColoredItemsList(props) {
                 const appliedChartFill = isChartFillIgnoredMeasure(item, chartFillIgnoredMeasures)
                     ? undefined
                     : chartFill;
+                if (supportsLineStyles && isMeasureDescriptor(item.mappingHeader)) {
+                    return (_jsx(LineStyleColoredItem, { colorPalette: colorPalette, onSelect: onSelect, disabled: disabled, item: item, chartFill: appliedChartFill, patternFillIndex: itemPatternFillIndexes[rowIndex], onLineStyleChange: onLineStyleChange, onLineWidthChange: onLineWidthChange }));
+                }
                 return (_jsx(ColoredItem, { colorPalette: colorPalette, onSelect: onSelect, disabled: disabled, item: item, chartFill: appliedChartFill, patternFillIndex: itemPatternFillIndexes[rowIndex] }));
             } }) }));
 });

package/esm/internal/components/configurationControls/colors/coloredItemsList/LineStyleColoredItem.d.ts

@@ -0,0 +1,16 @@
+import { type IColor, type IColorPalette } from "@gooddata/sdk-model";
+import { type IChartFillConfig, type LineStyle } from "@gooddata/sdk-ui-charts";
+import { type PatternFillName } from "@gooddata/sdk-ui-vis-commons";
+import { type IColoredItem } from "../../../../interfaces/Colors.js";
+export interface ILineStyleColoredItemProps {
+    colorPalette: IColorPalette;
+    item: IColoredItem;
+    onSelect?: (source: IColoredItem, color: IColor) => void;
+    disabled?: boolean;
+    chartFill?: IChartFillConfig;
+    patternFillIndex?: number | PatternFillName;
+    onLineStyleChange?: (item: IColoredItem, lineStyle: LineStyle) => void;
+    onLineWidthChange?: (item: IColoredItem, lineWidth: 1 | 2 | 3 | 4) => void;
+}
+export declare const LineStyleColoredItem: import("react").NamedExoticComponent<ILineStyleColoredItemProps>;
+//# sourceMappingURL=LineStyleColoredItem.d.ts.map

package/esm/internal/components/configurationControls/colors/coloredItemsList/LineStyleColoredItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineStyleColoredItem.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/coloredItemsList/LineStyleColoredItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEtE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAChF,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAGpE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAOrE,MAAM,WAAW,0BAA0B;IACvC,YAAY,EAAE,aAAa,CAAC;IAC5B,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;IAC5C,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACvE,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;CAC9E;AAED,eAAO,MAAM,oBAAoB,kEAgE/B,CAAC"}

package/esm/internal/components/configurationControls/colors/coloredItemsList/LineStyleColoredItem.js

@@ -0,0 +1,22 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { memo, useRef, useState } from "react";
+import { useIntl } from "react-intl";
+import { getMappingHeaderFormattedName } from "@gooddata/sdk-ui";
+import { messages } from "../../../../../locales.js";
+import { getTranslation } from "../../../../utils/translations.js";
+import { IconPosition } from "../colorDropdown/ColorDropdown.js";
+import { ColoredItemContent } from "./ColoredItemContent.js";
+import { LineStyleDialog } from "./LineStyleDialog.js";
+export const LineStyleColoredItem = memo(function LineStyleColoredItem(props) {
+    const intl = useIntl();
+    const { item, colorPalette, onSelect, chartFill, patternFillIndex, disabled, onLineStyleChange, onLineWidthChange, } = props;
+    const anchorRef = useRef(null);
+    const [dialogOpen, setDialogOpen] = useState(false);
+    const headerText = getMappingHeaderFormattedName(item.mappingHeader) || `(${getTranslation("empty_value", intl)})`;
+    const onColorSelected = (color) => onSelect?.(item, color);
+    return (_jsxs(_Fragment, { children: [
+            _jsx("button", { ref: anchorRef, type: "button", className: "gd-line-style-item-trigger", "aria-haspopup": "dialog", "aria-expanded": dialogOpen, "aria-label": getTranslation(messages.lineStyleTriggerAriaLabel.id, intl, {
+                    name: headerText,
+                }), onClick: () => setDialogOpen((v) => !v), disabled: disabled, children: _jsx(ColoredItemContent, { text: headerText, color: item.color, chartFill: chartFill?.type, patternFillIndex: patternFillIndex, isSelected: dialogOpen, position: IconPosition.Down }) }), dialogOpen ? (_jsx(LineStyleDialog, { alignTo: anchorRef.current, ignoreClicksOn: anchorRef.current ? [anchorRef.current] : undefined, color: item.color, colorItem: item.colorItem, colorPalette: colorPalette, lineStyle: item.lineStyle, lineWidth: item.lineWidth, disabled: disabled, chartFill: chartFill, patternFillIndex: patternFillIndex, onColorSelected: onColorSelected, onLineStyleChange: (lineStyle) => onLineStyleChange?.(item, lineStyle), onLineWidthChange: (lineWidth) => onLineWidthChange?.(item, lineWidth), onClose: () => setDialogOpen(false) })) : null] }));
+});

package/esm/internal/components/configurationControls/colors/coloredItemsList/LineStyleDialog.d.ts

@@ -0,0 +1,21 @@
+import { type IColor, type IColorPalette, type IRgbColorValue } from "@gooddata/sdk-model";
+import { type LineStyle } from "@gooddata/sdk-ui-charts";
+import { type IChartFillConfig, type PatternFillName } from "@gooddata/sdk-ui-vis-commons";
+export interface ILineStyleDialogProps {
+    alignTo: HTMLElement | null;
+    ignoreClicksOn?: HTMLElement[];
+    color: IRgbColorValue;
+    colorItem?: IColor;
+    colorPalette: IColorPalette;
+    lineStyle?: LineStyle;
+    lineWidth?: 1 | 2 | 3 | 4;
+    disabled?: boolean;
+    chartFill?: IChartFillConfig;
+    patternFillIndex?: number | PatternFillName;
+    onColorSelected: (color: IColor) => void;
+    onLineStyleChange: (lineStyle: LineStyle) => void;
+    onLineWidthChange: (lineWidth: 1 | 2 | 3 | 4) => void;
+    onClose: () => void;
+}
+export declare const LineStyleDialog: import("react").NamedExoticComponent<ILineStyleDialogProps>;
+//# sourceMappingURL=LineStyleDialog.d.ts.map

package/esm/internal/components/configurationControls/colors/coloredItemsList/LineStyleDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineStyleDialog.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/coloredItemsList/LineStyleDialog.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC3F,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AASzD,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAsD3F,MAAM,WAAW,qBAAqB;IAClC,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,WAAW,EAAE,CAAC;IAC/B,KAAK,EAAE,cAAc,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;IAC5C,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,iBAAiB,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IAClD,iBAAiB,EAAE,CAAC,SAAS,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IACtD,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,6DA8J1B,CAAC"}

package/esm/internal/components/configurationControls/colors/coloredItemsList/LineStyleDialog.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { memo } from "react";
+import cx from "classnames";
+import { useIntl } from "react-intl";
+import { Dropdown, DropdownList, Overlay, SingleSelectListItem, } from "@gooddata/sdk-ui-kit";
+import { useTheme } from "@gooddata/sdk-ui-theme-provider";
+import { messages } from "../../../../../locales.js";
+import { ColorDropdown } from "../colorDropdown/ColorDropdown.js";
+import { getIconStyle } from "../colorDropdown/ColorPaletteItem.js";
+import { OptionalPatternFill } from "../colorDropdown/OptionalPatternFill.js";
+const TOOLBAR_ALIGN_POINTS = [
+    { align: "bl tl", offset: { x: 0, y: 4 } },
+    { align: "tl bl", offset: { x: 0, y: -4 } },
+];
+const DROPDOWN_ALIGN_POINTS = [
+    { align: "bl tl", offset: { x: 0, y: -2 } },
+    { align: "tl bl", offset: { x: 0, y: 2 } },
+];
+const STYLE_DROPDOWN_WIDTH = 120;
+const WEIGHT_DROPDOWN_WIDTH = 110;
+function StrokeStyleIcon({ style, size = 20 }) {
+    const strokeDasharray = style === "dashed" ? "5,2" : style === "dotted" ? "0.5,3" : undefined;
+    return (_jsx("svg", { width: size, height: size, viewBox: "0 0 20 20", "aria-hidden": "true", children: _jsx("line", { x1: "2", y1: "10", x2: "18", y2: "10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeDasharray: strokeDasharray }) }));
+}
+function StrokeWeightIcon({ weight, size = 14 }) {
+    return (_jsx("svg", { width: size, height: size, viewBox: "0 0 14 14", "aria-hidden": "true", children: _jsx("line", { x1: "1", y1: "7", x2: "13", y2: "7", stroke: "currentColor", strokeWidth: weight, strokeLinecap: "round" }) }));
+}
+export const LineStyleDialog = memo(function LineStyleDialog({ alignTo, ignoreClicksOn, color, colorItem, colorPalette, lineStyle = "solid", lineWidth = 3, disabled, chartFill, patternFillIndex, onColorSelected, onLineStyleChange, onLineWidthChange, onClose, }) {
+    const intl = useIntl();
+    const theme = useTheme();
+    if (!alignTo) {
+        return null;
+    }
+    const { r, g, b } = color;
+    const colorSwatchStyle = getIconStyle(chartFill?.type ?? "solid", `rgb(${r},${g},${b})`, theme);
+    const lineStyleOptions = [
+        { id: "solid", title: intl.formatMessage({ id: messages.lineStyleSolid.id }) },
+        { id: "dashed", title: intl.formatMessage({ id: messages.lineStyleDashed.id }) },
+        { id: "dotted", title: intl.formatMessage({ id: messages.lineStyleDotted.id }) },
+    ];
+    const lineWidthOptions = [
+        { id: 1, title: intl.formatMessage({ id: messages.lineWidth1.id }) },
+        { id: 2, title: intl.formatMessage({ id: messages.lineWidth2.id }) },
+        { id: 3, title: intl.formatMessage({ id: messages.lineWidth3.id }) },
+        { id: 4, title: intl.formatMessage({ id: messages.lineWidth4.id }) },
+    ];
+    return (_jsx(Overlay, { alignTo: alignTo, alignPoints: TOOLBAR_ALIGN_POINTS, closeOnParentScroll: true, closeOnOutsideClick: true, ignoreClicksOn: ignoreClicksOn, onClose: onClose, children: _jsxs("div", { className: cx("gd-line-style-toolbar", { "is-disabled": disabled }), children: [
+                _jsx(ColorDropdown, { selectedColorItem: colorItem, colorPalette: colorPalette, onColorSelected: onColorSelected, disabled: disabled, chartFill: chartFill, patternFillIndex: patternFillIndex, children: _jsxs("div", { className: cx("gd-line-style-toolbar__btn", `s-color-${r}-${g}-${b}`, {
+                            "is-disabled": disabled,
+                        }), "aria-label": intl.formatMessage({ id: messages.colors.id }), children: [
+                            _jsx("div", { className: "gd-line-style-toolbar__color-swatch", style: colorSwatchStyle, children: _jsx(OptionalPatternFill, { chartFill: chartFill?.type ?? "solid", patternFillIndex: patternFillIndex ?? 0 }) }), _jsx("i", { className: "gd-icon-navigatedown", "aria-hidden": "true" })
+                        ] }) }), _jsx("div", { className: "gd-line-style-toolbar__divider", "aria-hidden": "true" }), _jsx(Dropdown, { alignPoints: DROPDOWN_ALIGN_POINTS, closeOnParentScroll: true, renderButton: ({ isOpen, toggleDropdown }) => (_jsxs("button", { type: "button", className: cx("gd-line-style-toolbar__btn", { "is-open": isOpen }), onClick: toggleDropdown, disabled: disabled, "aria-label": intl.formatMessage({ id: messages.lineStyleLabel.id }), "aria-haspopup": "listbox", "aria-expanded": isOpen, children: [
+                            _jsx(StrokeStyleIcon, { style: lineStyle }), _jsx("i", { className: "gd-icon-navigatedown", "aria-hidden": "true" })
+                        ] })), renderBody: ({ closeDropdown }) => (_jsx(DropdownList, { width: STYLE_DROPDOWN_WIDTH, items: lineStyleOptions, renderItem: ({ item }) => (_jsx(SingleSelectListItem, { title: item.title, icon: _jsx(StrokeStyleIcon, { style: item.id, size: 14 }), isSelected: item.id === lineStyle, onClick: () => {
+                                onLineStyleChange(item.id);
+                                closeDropdown();
+                            } })) })) }), _jsx("div", { className: "gd-line-style-toolbar__divider", "aria-hidden": "true" }), _jsx(Dropdown, { alignPoints: DROPDOWN_ALIGN_POINTS, closeOnParentScroll: true, renderButton: ({ isOpen, toggleDropdown }) => (_jsxs("button", { type: "button", className: cx("gd-line-style-toolbar__btn", { "is-open": isOpen }), onClick: toggleDropdown, disabled: disabled, "aria-label": intl.formatMessage({ id: messages.lineWidthLabel.id }), "aria-haspopup": "listbox", "aria-expanded": isOpen, children: [
+                            _jsxs("span", { className: "gd-line-style-toolbar__weight-text", children: [lineWidth, "px"] }), _jsx("i", { className: "gd-icon-navigatedown", "aria-hidden": "true" })
+                        ] })), renderBody: ({ closeDropdown }) => (_jsx(DropdownList, { width: WEIGHT_DROPDOWN_WIDTH, items: lineWidthOptions, renderItem: ({ item }) => (_jsx(SingleSelectListItem, { title: item.title, icon: _jsx(StrokeWeightIcon, { weight: item.id }), isSelected: item.id === lineWidth, onClick: () => {
+                                onLineWidthChange(item.id);
+                                closeDropdown();
+                            } })) })) })] }) }));
+});

package/esm/internal/components/configurationPanels/LineChartBasedConfigurationPanel.d.ts

@@ -5,6 +5,7 @@ export interface ILineChartBasedConfigurationPanel extends IConfigurationPanelCo
     dataLabelDefaultValue?: string | boolean;
 }
 export declare class LineChartBasedConfigurationPanel extends BaseChartConfigurationPanel<ILineChartBasedConfigurationPanel> {
+    protected renderColorSection(): ReactNode;
     protected renderConfigurationPanel(): ReactNode;
 }
 //# sourceMappingURL=LineChartBasedConfigurationPanel.d.ts.map

package/esm/internal/components/configurationPanels/LineChartBasedConfigurationPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LineChartBasedConfigurationPanel.d.ts","sourceRoot":"","sources":["../../../../src/internal/components/configurationPanels/LineChartBasedConfigurationPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAoBvC,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,KAAK,+BAA+B,EAAE,MAAM,gCAAgC,CAAC;AAEtF,MAAM,WAAW,iCAAkC,SAAQ,+BAA+B;IACtF,qBAAqB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC5C;AAED,qBAAa,gCAAiC,SAAQ,2BAA2B,CAAC,iCAAiC,CAAC;IAChH,UAAmB,wBAAwB,IAAI,SAAS,CA0FvD;CACJ"}
+{"version":3,"file":"LineChartBasedConfigurationPanel.d.ts","sourceRoot":"","sources":["../../../../src/internal/components/configurationPanels/LineChartBasedConfigurationPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AA0BvC,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,KAAK,+BAA+B,EAAE,MAAM,gCAAgC,CAAC;AAEtF,MAAM,WAAW,iCAAkC,SAAQ,+BAA+B;IACtF,qBAAqB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC5C;AAED,qBAAa,gCAAiC,SAAQ,2BAA2B,CAAC,iCAAiC,CAAC;IAChH,UAAmB,kBAAkB,IAAI,SAAS,CAiCjD;IAED,UAAmB,wBAAwB,IAAI,SAAS,CA0FvD;CACJ"}

package/esm/internal/components/configurationPanels/LineChartBasedConfigurationPanel.js

@@ -3,7 +3,10 @@ import { FormattedMessage } from "react-intl";
 import { Bubble, BubbleHoverTrigger } from "@gooddata/sdk-ui-kit";
 import { messages } from "../../../locales.js";
 import { BUBBLE_ARROW_OFFSET_X, BUBBLE_ARROW_OFFSET_Y, HIDE_DELAY_DEFAULT, SHOW_DELAY_DEFAULT, } from "../../constants/bubble.js";
+import { isLineChartStylingEnabled } from "../../constants/featureFlags.js";
+import { getChartFillIgnoredMeasureIdsFromMdObject, getMeasuresFromMdObject, } from "../../utils/bucketHelper.js";
 import { CheckboxControl } from "../configurationControls/CheckboxControl.js";
+import { ColorsSection } from "../configurationControls/colors/ColorsSection.js";
 import { ConfigSection } from "../configurationControls/ConfigSection.js";
 import { ContinuousLineControl } from "../configurationControls/ContinuousLineControl.js";
 import { DataLabelsControl } from "../configurationControls/DataLabelsControl.js";
@@ -11,6 +14,13 @@ import { DataPointsControl } from "../configurationControls/DataPointsControl.js
 import { DistinctPointShapesControl } from "../configurationControls/DistintcPointShapesControl.js";
 import { BaseChartConfigurationPanel } from "./BaseChartConfigurationPanel.js";
 export class LineChartBasedConfigurationPanel extends BaseChartConfigurationPanel {
+    renderColorSection() {
+        const { properties, propertiesMeta, pushData, colors, references, insight, isLoading, panelConfig, featureFlags, } = this.props;
+        const controlsDisabled = this.isControlDisabled();
+        const hasMeasures = getMeasuresFromMdObject(insight).length > 0;
+        const chartFillIgnoredMeasures = getChartFillIgnoredMeasureIdsFromMdObject(insight, properties);
+        return (_jsx(ColorsSection, { properties: properties, propertiesMeta: propertiesMeta, references: references, colors: colors, controlsDisabled: controlsDisabled, pushData: pushData, hasMeasures: hasMeasures, isLoading: isLoading, supportsChartFill: panelConfig?.supportsChartFill, chartFillIgnoredMeasures: chartFillIgnoredMeasures, isChartFillDisabled: panelConfig?.isChartFillDisabled, supportsLineStyles: isLineChartStylingEnabled(featureFlags) }));
+    }
     renderConfigurationPanel() {
         const { gridEnabled, axes } = this.getControlProperties();
         const { properties, propertiesMeta, pushData, panelConfig, dataLabelDefaultValue = false, } = this.props;

package/esm/internal/constants/featureFlags.d.ts

@@ -1,7 +1,9 @@
 import { type ISettings } from "@gooddata/sdk-model";
+export declare const ENABLE_LINE_CHART_STYLING = "enableLineChartStyling";
 export declare const ENABLE_GEO_CHARTS_VIEWPORT_CONFIG = "enableGeoChartsViewportConfig";
 export declare const ENABLE_GEO_BASEMAP_CONFIG = "enableGeoBasemapConfig";
 export declare const ENABLE_GEO_PUSHPIN_ICON = "enableGeoPushpinIcon";
+export declare function isLineChartStylingEnabled(featureFlags?: ISettings): boolean;
 export declare function isGeoChartsViewportConfigEnabled(featureFlags?: ISettings): boolean;
 export declare function isGeoBasemapConfigEnabled(featureFlags?: ISettings): boolean;
 export declare function isGeoPushpinIconEnabled(featureFlags?: ISettings): boolean;

package/esm/internal/constants/featureFlags.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"featureFlags.d.ts","sourceRoot":"","sources":["../../../src/internal/constants/featureFlags.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAErD,eAAO,MAAM,iCAAiC,kCAAkC,CAAC;AACjF,eAAO,MAAM,yBAAyB,2BAA2B,CAAC;AAClE,eAAO,MAAM,uBAAuB,yBAAyB,CAAC;AAE9D,wBAAgB,gCAAgC,CAAC,YAAY,CAAC,EAAE,SAAS,GAAG,OAAO,CAGlF;AAED,wBAAgB,yBAAyB,CAAC,YAAY,CAAC,EAAE,SAAS,GAAG,OAAO,CAG3E;AAED,wBAAgB,uBAAuB,CAAC,YAAY,CAAC,EAAE,SAAS,GAAG,OAAO,CAGzE"}
+{"version":3,"file":"featureFlags.d.ts","sourceRoot":"","sources":["../../../src/internal/constants/featureFlags.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAErD,eAAO,MAAM,yBAAyB,2BAA2B,CAAC;AAClE,eAAO,MAAM,iCAAiC,kCAAkC,CAAC;AACjF,eAAO,MAAM,yBAAyB,2BAA2B,CAAC;AAClE,eAAO,MAAM,uBAAuB,yBAAyB,CAAC;AAE9D,wBAAgB,yBAAyB,CAAC,YAAY,CAAC,EAAE,SAAS,GAAG,OAAO,CAG3E;AAED,wBAAgB,gCAAgC,CAAC,YAAY,CAAC,EAAE,SAAS,GAAG,OAAO,CAGlF;AAED,wBAAgB,yBAAyB,CAAC,YAAY,CAAC,EAAE,SAAS,GAAG,OAAO,CAG3E;AAED,wBAAgB,uBAAuB,CAAC,YAAY,CAAC,EAAE,SAAS,GAAG,OAAO,CAGzE"}

package/esm/internal/constants/featureFlags.js

@@ -1,7 +1,12 @@
 // (C) 2026 GoodData Corporation
+export const ENABLE_LINE_CHART_STYLING = "enableLineChartStyling";
 export const ENABLE_GEO_CHARTS_VIEWPORT_CONFIG = "enableGeoChartsViewportConfig";
 export const ENABLE_GEO_BASEMAP_CONFIG = "enableGeoBasemapConfig";
 export const ENABLE_GEO_PUSHPIN_ICON = "enableGeoPushpinIcon";
+export function isLineChartStylingEnabled(featureFlags) {
+    const value = featureFlags?.[ENABLE_LINE_CHART_STYLING];
+    return value === true;
+}
 export function isGeoChartsViewportConfigEnabled(featureFlags) {
     const value = featureFlags?.[ENABLE_GEO_CHARTS_VIEWPORT_CONFIG];
     return value === true;

package/esm/internal/constants/supportedProperties.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"supportedProperties.d.ts","sourceRoot":"","sources":["../../../src/internal/constants/supportedProperties.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AAuEpF,eAAO,MAAM,4BAA4B,UAA8C,CAAC;AAIxF,eAAO,MAAM,+BAA+B,UAM3C,CAAC;AAEF,eAAO,MAAM,+BAA+B,UAO3C,CAAC;AAEF,eAAO,MAAM,iCAAiC;;CAe7C,CAAC;AAEF,eAAO,MAAM,+BAA+B;;CA8B3C,CAAC;AAEF,eAAO,MAAM,gCAAgC,UAa5C,CAAC;AAEF,eAAO,MAAM,8BAA8B;;CAuB1C,CAAC;AAEF,eAAO,MAAM,gCAAgC;;CAqC5C,CAAC;AAEF,eAAO,MAAM,iCAAiC,UAyB7C,CAAC;AAEF,eAAO,MAAM,gCAAgC,UAkC5C,CAAC;AAEF,eAAO,MAAM,0BAA0B,UAoBtC,CAAC;AAEF,eAAO,MAAM,6BAA6B,UAczC,CAAC;AAEF,eAAO,MAAM,gCAAgC,UAe5C,CAAC;AAEF,eAAO,MAAM,4BAA4B,UAcxC,CAAC;AAEF,eAAO,MAAM,4BAA4B,UAwBxC,CAAC;AAEF,eAAO,MAAM,iCAAiC,UA4B7C,CAAC;AAEF,eAAO,MAAM,+BAA+B,UAwB3C,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,oCAAoC,UAGhD,CAAC;AAEF,eAAO,MAAM,4BAA4B,UAiBxC,CAAC;AAEF,eAAO,MAAM,gCAAgC,UAW5C,CAAC;AAEF,eAAO,MAAM,qCAAqC,UAgBjD,CAAC;AAEF,eAAO,MAAM,iCAAiC,UAY7C,CAAC;AAWF,eAAO,MAAM,oCAAoC,UAQhD,CAAC;AAEF,eAAO,MAAM,kCAAkC,UAW9C,CAAC;AAEF,eAAO,MAAM,6BAA6B,UAMzC,CAAC;AAEF,eAAO,MAAM,mCAAmC,EAAE,yBAIjD,CAAC;AAEF,eAAO,MAAM,6CAA6C,EAAE,yBAS3D,CAAC"}
+{"version":3,"file":"supportedProperties.d.ts","sourceRoot":"","sources":["../../../src/internal/constants/supportedProperties.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AAuEpF,eAAO,MAAM,4BAA4B,UAA8C,CAAC;AAIxF,eAAO,MAAM,+BAA+B,UAM3C,CAAC;AAEF,eAAO,MAAM,+BAA+B,UAO3C,CAAC;AAEF,eAAO,MAAM,iCAAiC;;CAe7C,CAAC;AAEF,eAAO,MAAM,+BAA+B;;CAiC3C,CAAC;AAEF,eAAO,MAAM,gCAAgC,UAa5C,CAAC;AAEF,eAAO,MAAM,8BAA8B;;CAuB1C,CAAC;AAEF,eAAO,MAAM,gCAAgC;;CAqC5C,CAAC;AAEF,eAAO,MAAM,iCAAiC,UAyB7C,CAAC;AAEF,eAAO,MAAM,gCAAgC,UAkC5C,CAAC;AAEF,eAAO,MAAM,0BAA0B,UAoBtC,CAAC;AAEF,eAAO,MAAM,6BAA6B,UAczC,CAAC;AAEF,eAAO,MAAM,gCAAgC,UAe5C,CAAC;AAEF,eAAO,MAAM,4BAA4B,UAcxC,CAAC;AAEF,eAAO,MAAM,4BAA4B,UAwBxC,CAAC;AAEF,eAAO,MAAM,iCAAiC,UA4B7C,CAAC;AAEF,eAAO,MAAM,+BAA+B,UAwB3C,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,oCAAoC,UAGhD,CAAC;AAEF,eAAO,MAAM,4BAA4B,UAiBxC,CAAC;AAEF,eAAO,MAAM,gCAAgC,UAW5C,CAAC;AAEF,eAAO,MAAM,qCAAqC,UAgBjD,CAAC;AAEF,eAAO,MAAM,iCAAiC,UAY7C,CAAC;AAWF,eAAO,MAAM,oCAAoC,UAQhD,CAAC;AAEF,eAAO,MAAM,kCAAkC,UAW9C,CAAC;AAEF,eAAO,MAAM,6BAA6B,UAMzC,CAAC;AAEF,eAAO,MAAM,mCAAmC,EAAE,yBAIjD,CAAC;AAEF,eAAO,MAAM,6CAA6C,EAAE,yBAS3D,CAAC"}

package/esm/internal/constants/supportedProperties.js

@@ -100,6 +100,7 @@ export const LINE_CHART_SUPPORTED_PROPERTIES = {
         "distinctPointShapes",
         "thresholdMeasures",
         "thresholdExcludedMeasures",
+        "lineStyleMapping",
     ],
     [AXIS.SECONDARY]: [
         ...BASE_PROPERTIES,
@@ -112,6 +113,7 @@ export const LINE_CHART_SUPPORTED_PROPERTIES = {
         "distinctPointShapes",
         "thresholdMeasures",
         "thresholdExcludedMeasures",
+        "lineStyleMapping",
     ],
     [AXIS.DUAL]: [
         ...BASE_CHART_SUPPORTED_PROPERTIES,
@@ -121,6 +123,7 @@ export const LINE_CHART_SUPPORTED_PROPERTIES = {
         "distinctPointShapes",
         "thresholdMeasures",
         "thresholdExcludedMeasures",
+        "lineStyleMapping",
     ],
 };
 export const RADAR_CHART_SUPPORTED_PROPERTIES = [

package/esm/internal/interfaces/Colors.d.ts

@@ -1,9 +1,12 @@
 import { type IColor, type IColorPaletteItem, type IRgbColorValue } from "@gooddata/sdk-model";
 import { type IColorAssignment, type IMappingHeader } from "@gooddata/sdk-ui";
+import { type LineStyle } from "@gooddata/sdk-ui-charts";
 export interface IColoredItem {
     colorItem: IColor;
     color: IRgbColorValue;
     mappingHeader?: IMappingHeader;
+    lineStyle?: LineStyle;
+    lineWidth?: 1 | 2 | 3 | 4;
 }
 export interface IColorConfiguration {
     colorAssignments: IColorAssignment[];

package/esm/internal/interfaces/Colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Colors.d.ts","sourceRoot":"","sources":["../../../src/internal/interfaces/Colors.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,iBAAiB,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC/F,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE9E,MAAM,WAAW,YAAY;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,cAAc,CAAC;IACtB,aAAa,CAAC,EAAE,cAAc,CAAC;CAClC;AAED,MAAM,WAAW,mBAAmB;IAChC,gBAAgB,EAAE,gBAAgB,EAAE,CAAC;IACrC,YAAY,EAAE,iBAAiB,EAAE,CAAC;CACrC"}
+{"version":3,"file":"Colors.d.ts","sourceRoot":"","sources":["../../../src/internal/interfaces/Colors.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,iBAAiB,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC/F,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC9E,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEzD,MAAM,WAAW,YAAY;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,cAAc,CAAC;IACtB,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC7B;AAED,MAAM,WAAW,mBAAmB;IAChC,gBAAgB,EAAE,gBAAgB,EAAE,CAAC;IACrC,YAAY,EAAE,iBAAiB,EAAE,CAAC;CACrC"}

package/esm/internal/interfaces/Colors.js

@@ -1 +1,2 @@
+// (C) 2019-2026 GoodData Corporation
 export {};

package/esm/internal/translations/de-DE.localization-bundle.d.ts

@@ -16,6 +16,12 @@ export declare const de_DE: {
     "dashboard.bucket.secondary_measures_subtitle.headline": string;
     "dashboard.bucket.measures_title.scatter": string;
     "dashboard.bucket.secondary_measures_title.scatter": string;
+    "dashboard.bucket.measures_title.mekko": string;
+    "dashboard.bucket.secondary_measures_title.mekko": string;
+    "dashboard.bucket.measures_subtitle.mekko": string;
+    "dashboard.bucket.secondary_measures_subtitle.mekko": string;
+    "dashboard.bucket.view_title.mekko": string;
+    "dashboard.bucket.stack_title.mekko": string;
     "dashboard.bucket.measures_subtitle.scatter": string;
     "dashboard.bucket.secondary_measures_subtitle.scatter": string;
     "dashboard.bucket.attribute_title.scatter": string;

package/esm/internal/translations/de-DE.localization-bundle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"de-DE.localization-bundle.d.ts","sourceRoot":"","sources":["../../../src/internal/translations/de-DE.localization-bundle.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8oBjB,CAAC"}
+{"version":3,"file":"de-DE.localization-bundle.d.ts","sourceRoot":"","sources":["../../../src/internal/translations/de-DE.localization-bundle.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAopBjB,CAAC"}

package/esm/internal/translations/de-DE.localization-bundle.js

@@ -18,6 +18,12 @@ export const de_DE = {
     "dashboard.bucket.secondary_measures_subtitle.headline": "sekundär",
     "dashboard.bucket.measures_title.scatter": "Metrik",
     "dashboard.bucket.secondary_measures_title.scatter": "Metrik",
+    "dashboard.bucket.measures_title.mekko": "Metrik",
+    "dashboard.bucket.secondary_measures_title.mekko": "Metrik",
+    "dashboard.bucket.measures_subtitle.mekko": "Breite",
+    "dashboard.bucket.secondary_measures_subtitle.mekko": "Höhe",
+    "dashboard.bucket.view_title.mekko": "Anzeigen nach",
+    "dashboard.bucket.stack_title.mekko": "Stapeln nach",
     "dashboard.bucket.measures_subtitle.scatter": "X-Achse",
     "dashboard.bucket.secondary_measures_subtitle.scatter": "Y-Achse",
     "dashboard.bucket.attribute_title.scatter": "Anzeigen nach",

package/esm/internal/translations/en-AU.localization-bundle.d.ts

@@ -16,6 +16,12 @@ export declare const en_AU: {
     "dashboard.bucket.secondary_measures_subtitle.headline": string;
     "dashboard.bucket.measures_title.scatter": string;
     "dashboard.bucket.secondary_measures_title.scatter": string;
+    "dashboard.bucket.measures_title.mekko": string;
+    "dashboard.bucket.secondary_measures_title.mekko": string;
+    "dashboard.bucket.measures_subtitle.mekko": string;
+    "dashboard.bucket.secondary_measures_subtitle.mekko": string;
+    "dashboard.bucket.view_title.mekko": string;
+    "dashboard.bucket.stack_title.mekko": string;
     "dashboard.bucket.measures_subtitle.scatter": string;
     "dashboard.bucket.secondary_measures_subtitle.scatter": string;
     "dashboard.bucket.attribute_title.scatter": string;

package/esm/internal/translations/en-AU.localization-bundle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en-AU.localization-bundle.d.ts","sourceRoot":"","sources":["../../../src/internal/translations/en-AU.localization-bundle.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8oBjB,CAAC"}
+{"version":3,"file":"en-AU.localization-bundle.d.ts","sourceRoot":"","sources":["../../../src/internal/translations/en-AU.localization-bundle.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAopBjB,CAAC"}

package/esm/internal/translations/en-AU.localization-bundle.js

@@ -18,6 +18,12 @@ export const en_AU = {
     "dashboard.bucket.secondary_measures_subtitle.headline": "secondary",
     "dashboard.bucket.measures_title.scatter": "Metric",
     "dashboard.bucket.secondary_measures_title.scatter": "Metric",
+    "dashboard.bucket.measures_title.mekko": "Metric",
+    "dashboard.bucket.secondary_measures_title.mekko": "Metric",
+    "dashboard.bucket.measures_subtitle.mekko": "Width",
+    "dashboard.bucket.secondary_measures_subtitle.mekko": "Height",
+    "dashboard.bucket.view_title.mekko": "View by",
+    "dashboard.bucket.stack_title.mekko": "Stack by",
     "dashboard.bucket.measures_subtitle.scatter": "X-axis",
     "dashboard.bucket.secondary_measures_subtitle.scatter": "Y-axis",
     "dashboard.bucket.attribute_title.scatter": "View by",