@designsystem-se/af 35.4.0 → 35.4.1-beta.1

package/dist/esm/{typography-variation.enum-8ba40d15.js → typography-variation.enum-531cdf64.js}

@@ -12,6 +12,12 @@ var CalendarDatepickerValidation;
     CalendarDatepickerValidation["NEUTRAL"] = "neutral";
 })(CalendarDatepickerValidation || (CalendarDatepickerValidation = {}));
 
+var BarChartVariation;
+(function (BarChartVariation) {
+    BarChartVariation["Vertical"] = "vertical";
+    BarChartVariation["Horizontal"] = "horizontal";
+})(BarChartVariation || (BarChartVariation = {}));
+
 var CodeBlockLanguage;
 (function (CodeBlockLanguage) {
     CodeBlockLanguage["JSON"] = "json";
@@ -253,26 +259,10 @@ var FeedbackVariation;
     FeedbackVariation["SECONDARY"] = "secondary";
 })(FeedbackVariation || (FeedbackVariation = {}));
 
-var TypographyHeadingJumboLevel;
-(function (TypographyHeadingJumboLevel) {
-    TypographyHeadingJumboLevel["H1"] = "h1";
-    TypographyHeadingJumboLevel["H2"] = "h2";
-    TypographyHeadingJumboLevel["H3"] = "h3";
-    TypographyHeadingJumboLevel["H4"] = "h4";
-    TypographyHeadingJumboLevel["H5"] = "h5";
-    TypographyHeadingJumboLevel["H6"] = "h6";
-})(TypographyHeadingJumboLevel || (TypographyHeadingJumboLevel = {}));
-
-var TypographyHeadingJumboVariation;
-(function (TypographyHeadingJumboVariation) {
-    TypographyHeadingJumboVariation["PRIMARY"] = "primary";
-    TypographyHeadingJumboVariation["SECONDARY"] = "secondary";
-})(TypographyHeadingJumboVariation || (TypographyHeadingJumboVariation = {}));
-
 var TypographyVariation;
 (function (TypographyVariation) {
     TypographyVariation["SMALL"] = "small";
     TypographyVariation["LARGE"] = "large";
 })(TypographyVariation || (TypographyVariation = {}));
 
-export { BadgeNotificationType as B, CalendarDatepickerValidation as C, DialogHeadingLevel as D, ErrorPageStatusCodes as E, FooterVariation as F, HeaderCenterContentWidth as H, InfoCardMultiContainerHeadingLevel as I, LayoutBlockContainer as L, NavigationVerticalMenuActiveIndicatorSize as N, TitleLogoVariation as T, CodeBlockLanguage as a, DialogSize as b, DialogVariation as c, FormErrorListHeadingLevel as d, FormRadiobuttonLayout as e, FormRadiobuttonValidation as f, FormRadiobuttonVariation as g, FormReceiptHeadingLevel as h, FormReceiptType as i, FormReceiptVariation as j, FormSelectFilterValidation as k, InfoCardMultiHeadingLevel as l, InfoCardMultiVariation as m, InfoCardHeadingLevel as n, LayoutContainerVariation as o, LayoutContainerMaxWidth as p, NavigationVerticalMenuVariation as q, NotificationAlertHeadingLevel as r, NotificationAlertSize as s, NotificationAlertVariation as t, ToolsFeedbackHeadingLevel as u, ToolsFeedbackType as v, FeedbackVariation as w, TypographyHeadingJumboLevel as x, TypographyHeadingJumboVariation as y, TypographyVariation as z };
+export { BadgeNotificationType as B, CalendarDatepickerValidation as C, DialogHeadingLevel as D, ErrorPageStatusCodes as E, FooterVariation as F, HeaderCenterContentWidth as H, InfoCardMultiContainerHeadingLevel as I, LayoutBlockContainer as L, NavigationVerticalMenuActiveIndicatorSize as N, TitleLogoVariation as T, BarChartVariation as a, CodeBlockLanguage as b, DialogSize as c, DialogVariation as d, FormErrorListHeadingLevel as e, FormRadiobuttonLayout as f, FormRadiobuttonValidation as g, FormRadiobuttonVariation as h, FormReceiptHeadingLevel as i, FormReceiptType as j, FormReceiptVariation as k, FormSelectFilterValidation as l, InfoCardMultiHeadingLevel as m, InfoCardMultiVariation as n, InfoCardHeadingLevel as o, LayoutContainerVariation as p, LayoutContainerMaxWidth as q, NavigationVerticalMenuVariation as r, NotificationAlertHeadingLevel as s, NotificationAlertSize as t, NotificationAlertVariation as u, ToolsFeedbackHeadingLevel as v, ToolsFeedbackType as w, FeedbackVariation as x, TypographyVariation as y };

package/dist/types/components/_chart/bar-chart/bar-chart.d.ts

@@ -1,5 +1,5 @@
 import type { HTMLStencilElement } from '../../../stencil-public-runtime';
-import { ChartLineData } from '../chart-line/chart-line-data.interface';
+import { BarChartData } from '../interfaces/bar-chart-data.interface';
 import { BarChartVariation } from './bar-chart-variation.enum';
 /**
  *
@@ -22,65 +22,73 @@ export declare class barChart {
      */
     afId: string;
     /**
-     * Datan som ska visas upp i stapeldiagrammet, kan vara av antingen typen ChartLineData, eller strängifierad ChartLineData
+     * Datan som ska visas upp i stapeldiagrammet, kan vara av antingen typen BarChartData, eller strängifierad BarChartData
      */
-    afChartData: ChartLineData | string;
-    private _chartData;
-    private _yAxis;
-    private _yScale;
-    private _yAxisHandle;
-    private _xScale;
-    private _xAxis;
-    private _namedTickSizes;
-    private _barSelection;
-    private _textSelection;
-    private _barChartContainer;
-    private _xAxisHandle;
-    private _rem;
-    private _ellipsisSize;
-    private _status;
-    private _loading;
-    private _placeholderTicks;
-    private _prevHeight;
-    private _tempScale;
-    afChartDataUpdate(data: ChartLineData | string): void;
-    private _chartDiv;
-    private _host;
-    private _legendDiv;
-    private _titleDiv;
-    private _tableDiv;
-    private _svg;
-    private _tooltip;
-    private _tooltipHeading;
-    private _tooltipData;
-    private _maxHeight;
-    private _pixelSize;
-    private _dims;
-    private _margin;
+    afChartData: BarChartData | string;
+    private chartData;
+    private yAxis;
+    private yScale;
+    private yAxisHandle;
+    private xScale;
+    private xAxis;
+    private namedTickSizes;
+    private barSelection;
+    private textSelection;
+    private barChartContainer;
+    private xAxisHandle;
+    private rem;
+    private ellipsisSize;
+    private status;
+    private loading;
+    private placeholderTicks;
+    private prevHeight;
+    private tempScale;
+    private mappedData;
+    private dataWidth;
+    private barGap;
+    afChartDataUpdate(data: BarChartData | string): void;
+    private chartDiv;
+    private host;
+    private legendDiv;
+    private titleDiv;
+    private tableDiv;
+    private svg;
+    private tooltip;
+    private tooltipData;
+    private maxHeight;
+    private pixelSize;
+    private dims;
+    private margin;
     private tickPadding;
     private yTickSize;
     private xTickSize;
-    private _maxVal;
-    private _minVal;
-    private _tickWidth;
+    private maxVal;
+    private minVal;
+    private tickWidth;
     private defaultDuration;
     fontSize: string;
-    private _numberFormat;
+    private numberFormat;
+    private colorPalettes;
     barChartObserver: ResizeObserver;
-    tableObserver: ResizeObserver;
     initSvg(): void;
+    highlightBars: (serie: string) => void;
+    resetBarColor: () => void;
+    initLegend(): void;
     initToolTip(): void;
     initEmpty(): void;
     private loadingResize;
     loadingState(empty?: boolean): void;
     transitionTitle(): void;
     initYAxis(empty?: boolean): void;
+    highlightBarGroup: (_event: Event, datum: unknown | string) => void;
+    unHighlightBarGroup: () => void;
     private setTickInteraction;
     private setYScale;
     private setMinMax;
     private setXScale;
     private tickSizes;
     initXAxis(empty?: boolean): void;
+    private barGroupID;
     initBars(): void;
     private updateBars;
     initBarText(): void;
@@ -89,13 +97,19 @@ export declare class barChart {
     private adjustBarText;
     private reshapeData;
     private adjustBarSize;
+    colorFunction(input: number | string): string;
+    evalColorVar: (colorVar: string) => string;
+    xFunction: (d: any, i: number) => any;
+    yFunction: (d: any, i: number) => any;
+    heightFunction: (d: any) => number;
+    widthFunction: (d: any) => number;
     resize(): void;
-    private resizeTable;
     private getLargestText;
     private setDims;
     private setMargins;
     private setNamedTicks;
     private setValueTicks;
+    private adjustColor;
     private hover;
     private hoverOut;
     private openTooltip;

package/dist/types/components/_chart/chart-line/chart-line.d.ts

@@ -1,5 +1,5 @@
 import { FormatLocaleDefinition } from 'd3';
-import { ChartLineData } from './chart-line-data.interface';
+import { ChartLineData } from '../interfaces/line-chart-data.interface';
 /**
  *
  * @enums myEnum - chart-line-myEnum.enum.ts

package/dist/types/components/_chart/interfaces/bar-chart-data.interface.d.ts

@@ -0,0 +1,23 @@
+import { ChartDataSeries } from './chart-data-series.interface';
+export interface BarChartData {
+    data: {
+        xValues: number[];
+        series: ChartDataSeries[];
+        xValueNames?: string[];
+    };
+    x: string;
+    y: string;
+    title: string;
+    subTitle?: string;
+    infoText?: string;
+    meta?: {
+        numberOfReferenceLines?: number;
+        percentage?: boolean;
+        hideXAxis?: boolean;
+        valueLabels?: boolean;
+        labelProperties?: {
+            significantDigits?: number;
+            shortHand?: boolean;
+        };
+    };
+}

package/dist/types/components/_chart/{chart-line/chart-line-series.interface.d.ts → interfaces/chart-data-series.interface.d.ts}

@@ -1,4 +1,4 @@
-export interface ChartLineSeries {
+export interface ChartDataSeries {
     yValues: (number | null)[];
     title: string;
     colorToken?: string;

package/dist/types/components/_chart/{chart-line/chart-line-data.interface.d.ts → interfaces/line-chart-data.interface.d.ts}

@@ -1,8 +1,8 @@
-import { ChartLineSeries } from './chart-line-series.interface';
+import { ChartDataSeries } from './chart-data-series.interface';
 export interface ChartLineData {
     data: {
         xValues: number[];
-        series: ChartLineSeries[];
+        series: ChartDataSeries[];
         xValueNames?: string[];
     };
     x: string;

package/dist/types/components.d.ts

@@ -9,12 +9,13 @@ import { BadgeStatusType } from "./components/_badge/badge-status/badge-status-t
 import { BadgeStatusSize } from "./components/_badge/badge-status/badge-status-size.enum";
 import { BadgeStatusVariation } from "./components/_badge/badge-status/badge-status-variation.enum";
 import { BarChartVariation } from "./components/_chart/bar-chart/bar-chart-variation.enum";
-import { ChartLineData } from "./components/_chart/chart-line/chart-line-data.interface";
+import { BarChartData } from "./components/_chart/interfaces/bar-chart-data.interface";
 import { ButtonSize } from "./components/_button/button/button-size.enum";
 import { ButtonVariation } from "./components/_button/button/button-variation.enum";
 import { ButtonType } from "./components/_button/button/button-type.enum";
 import { CalendarDatepickerValidation } from "./components/_calendar/calendar-datepicker/calendar-datepicker-validation.enum";
 import { CalendarWeekViewHeadingLevel } from "./components/_calendar/week-view/calendar-week-view-heading-level.enum";
+import { ChartLineData } from "./components/_chart/interfaces/line-chart-data.interface";
 import { CodeVariation } from "./components/_code/code/code-variation.enum";
 import { CodeLanguage } from "./components/_code/code/code-language.enum";
 import { CodeBlockVariation } from "./components/_code/code-block/code-block-variation.enum";
@@ -134,12 +135,13 @@ export { BadgeStatusType } from "./components/_badge/badge-status/badge-status-t
 export { BadgeStatusSize } from "./components/_badge/badge-status/badge-status-size.enum";
 export { BadgeStatusVariation } from "./components/_badge/badge-status/badge-status-variation.enum";
 export { BarChartVariation } from "./components/_chart/bar-chart/bar-chart-variation.enum";
-export { ChartLineData } from "./components/_chart/chart-line/chart-line-data.interface";
+export { BarChartData } from "./components/_chart/interfaces/bar-chart-data.interface";
 export { ButtonSize } from "./components/_button/button/button-size.enum";
 export { ButtonVariation } from "./components/_button/button/button-variation.enum";
 export { ButtonType } from "./components/_button/button/button-type.enum";
 export { CalendarDatepickerValidation } from "./components/_calendar/calendar-datepicker/calendar-datepicker-validation.enum";
 export { CalendarWeekViewHeadingLevel } from "./components/_calendar/week-view/calendar-week-view-heading-level.enum";
+export { ChartLineData } from "./components/_chart/interfaces/line-chart-data.interface";
 export { CodeVariation } from "./components/_code/code/code-variation.enum";
 export { CodeLanguage } from "./components/_code/code/code-language.enum";
 export { CodeBlockVariation } from "./components/_code/code-block/code-block-variation.enum";
@@ -312,9 +314,9 @@ export namespace Components {
      */
     interface DigiBarChart {
         /**
-          * Datan som ska visas upp i stapeldiagrammet, kan vara av antingen typen ChartLineData, eller strängifierad ChartLineData
+          * Datan som ska visas upp i stapeldiagrammet, kan vara av antingen typen BarChartData, eller strängifierad BarChartData
          */
-        "afChartData": ChartLineData | string;
+        "afChartData": BarChartData | string;
         /**
           * En sträng med rubriknivån du vill ha i diagrammet, default är 'h3'
          */
@@ -11622,9 +11624,9 @@ declare namespace LocalJSX {
      */
     interface DigiBarChart {
         /**
-          * Datan som ska visas upp i stapeldiagrammet, kan vara av antingen typen ChartLineData, eller strängifierad ChartLineData
+          * Datan som ska visas upp i stapeldiagrammet, kan vara av antingen typen BarChartData, eller strängifierad BarChartData
          */
-        "afChartData"?: ChartLineData | string;
+        "afChartData"?: BarChartData | string;
         /**
           * En sträng med rubriknivån du vill ha i diagrammet, default är 'h3'
          */

package/dist/types/interfaces.d.ts

@@ -1,5 +1,5 @@
-export * from './components/_chart/chart-line/chart-line-data.interface';
-export * from './components/_chart/chart-line/chart-line-series.interface';
+export * from './components/_chart/interfaces/line-chart-data.interface';
+export * from './components/_chart/interfaces/chart-data-series.interface';
 export * from './components/_form/form-select-filter/form-select-filter.interface';
 export * from './components/_form/form-filter/form-filter.types';
 export * from './components/_form/form-category-filter/form-category-filter.interfaces';