@carbon/charts 1.8.0 → 1.9.0-rc.0

package/dist/services/essentials/dom-utils.d.ts

@@ -0,0 +1,45 @@
+import { type Selection } from 'd3';
+import type { ChartModel } from '../../model/model';
+import { Service } from '../../services/service';
+export interface Dimensions {
+    height: number;
+    width: number;
+}
+export interface getSVGElementSizeOptions {
+    useAttrs?: boolean;
+    useClientDimensions?: boolean;
+    useBBox?: boolean;
+    useBoundingRect?: boolean;
+}
+export declare class DOMUtils extends Service {
+    private chartID;
+    constructor(model: ChartModel, services: any);
+    static getHTMLElementSize(element: HTMLElement): {
+        width: number;
+        height: number;
+    };
+    static getSVGElementSize(svgSelector: Selection<SVGGraphicsElement, any, Element, any>, options?: getSVGElementSizeOptions): {
+        width: number;
+        height: number;
+    };
+    static appendOrSelect(parent: Selection<SVGElement | HTMLDivElement, any, Element, any>, query: string): Selection<any, any, Element, any>;
+    protected mainContainer: HTMLDivElement;
+    protected width: string;
+    protected height: string;
+    init(): void;
+    getChartID(): string;
+    generateElementIDString(originalID: string | number): string;
+    private initializeID;
+    addMainContainer(): void;
+    update(): void;
+    styleHolderElement(): void;
+    getHolder(): any;
+    exportToJPG(): void;
+    exportToPNG(): void;
+    toggleFullscreen(): void;
+    handleFullscreenChange(): void;
+    setSVGMaxHeight(): void;
+    getMainContainer(): HTMLDivElement;
+    addHolderListeners(): void;
+    addResizeListener(): void;
+}

package/dist/services/essentials/events.d.ts

@@ -0,0 +1,8 @@
+import { Service } from '../../services/service';
+export declare class Events extends Service {
+    documentFragment: DocumentFragment;
+    init(): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject): void;
+    dispatchEvent(eventType: string, eventDetail?: object): void;
+}

package/dist/services/essentials/files.d.ts

@@ -0,0 +1,7 @@
+import { Service } from '../../services/service';
+import { ChartModel } from '../../model/model';
+export declare class Files extends Service {
+    constructor(model: ChartModel, services: any);
+    downloadCSV(content: any, filename: string): void;
+    downloadImage(uri: string, name: string): void;
+}

package/{build/src → dist}/services/essentials/gradient-utils.d.ts

@@ -1,6 +1,6 @@
-import { Service } from '../service';
+import { Service } from '../../services/service';
 export declare class GradientUtils extends Service {
     static appendOrUpdateLinearGradient(configs: any): void;
     static getOffsetRatio(domain: any): string;
-    static getStops(domain: any, color: any): object[];
+    static getStops(domain: any, color: string): object[];
 }

package/dist/services/essentials/index.d.ts

@@ -0,0 +1,5 @@
+export { type Dimensions, DOMUtils, type getSVGElementSizeOptions } from './dom-utils';
+export { Events } from './events';
+export { Files } from './files';
+export { GradientUtils } from './gradient-utils';
+export { type setupTransitionConfigs, Transitions } from './transitions';

package/dist/services/essentials/transitions.d.ts

@@ -0,0 +1,13 @@
+import { Service } from '../../services/service';
+import type { Transition } from 'd3';
+export interface setupTransitionConfigs {
+    transition?: any;
+    name?: string;
+    animate?: boolean;
+}
+export declare class Transitions extends Service {
+    pendingTransitions: Record<number, Transition<any, any, any, any>>;
+    init(): void;
+    setupTransition({ transition: t, name, animate }: setupTransitionConfigs): any;
+    getPendingTransitions(): Record<number, Transition<any, any, any, any>>;
+}

package/dist/services/index.d.ts

@@ -0,0 +1,9 @@
+export { getColorScale, getDomain } from './color-scale-utils';
+export { type Dimensions, DOMUtils, Events, Files, type getSVGElementSizeOptions, GradientUtils, type setupTransitionConfigs, Transitions } from './essentials';
+export { type Angle, degToRad, distanceBetweenPointOnCircAndVerticalDiameter, type LabelAlignment, type Point, polarToCartesianCoords, radialLabelPlacement, radToDeg } from './angle-utils';
+export { CanvasZoom } from './canvas-zoom';
+export { Curves } from './curves';
+export { CartesianScales, type ScaleFunction } from './scales-cartesian';
+export { Service } from './service';
+export { computeTimeIntervalName, formatDateTillMilliSeconds, formatTick, getTimeformats, isTickPrimary, TIME_INTERVALS } from './time-series';
+export { Zoom } from './zoom';

package/dist/services/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../color-scale-utils-7d463811.js"),i=require("../angle-utils-6f166b40.js"),a=require("../index-f23685eb.js");require("d3");require("../enums-aa2efd99.js");require("../index-d865d500.js");exports.TIME_INTERVALS=e.TIME_INTERVALS;exports.computeTimeIntervalName=e.computeTimeIntervalName;exports.formatDateTillMilliSeconds=e.formatDateTillMilliSeconds;exports.formatTick=e.formatTick;exports.getColorScale=e.getColorScale;exports.getDomain=e.getDomain;exports.getTimeformats=e.getTimeformats;exports.isTickPrimary=e.isTickPrimary;exports.DOMUtils=i.DOMUtils;exports.GradientUtils=i.GradientUtils;exports.Service=i.Service;exports.degToRad=i.degToRad;exports.distanceBetweenPointOnCircAndVerticalDiameter=i.distanceBetweenPointOnCircAndVerticalDiameter;exports.polarToCartesianCoords=i.polarToCartesianCoords;exports.radToDeg=i.radToDeg;exports.radialLabelPlacement=i.radialLabelPlacement;exports.CanvasZoom=a.CanvasZoom;exports.CartesianScales=a.CartesianScales;exports.Curves=a.Curves;exports.Events=a.Events;exports.Files=a.Files;exports.Transitions=a.Transitions;exports.Zoom=a.Zoom;
+//# sourceMappingURL=index.js.map

package/dist/services/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/services/index.mjs

@@ -0,0 +1,32 @@
+import { T as i, M as t, N as m, O as l, P as n, Q as T, R as c, S as d } from "../color-scale-utils-5eb3eeaa.mjs";
+import { D as C, G as S, S as f, d as D, a as g, p as v, b as E, r as M } from "../angle-utils-8b6ce998.mjs";
+import { C as b, a as x, b as I, E as N, F as O, T as R, Z } from "../index-a266373c.mjs";
+import "d3";
+import "../enums-a96ef472.mjs";
+import "../index-becfb567.mjs";
+export {
+  b as CanvasZoom,
+  x as CartesianScales,
+  I as Curves,
+  C as DOMUtils,
+  N as Events,
+  O as Files,
+  S as GradientUtils,
+  f as Service,
+  i as TIME_INTERVALS,
+  R as Transitions,
+  Z as Zoom,
+  t as computeTimeIntervalName,
+  D as degToRad,
+  g as distanceBetweenPointOnCircAndVerticalDiameter,
+  m as formatDateTillMilliSeconds,
+  l as formatTick,
+  n as getColorScale,
+  T as getDomain,
+  c as getTimeformats,
+  d as isTickPrimary,
+  v as polarToCartesianCoords,
+  E as radToDeg,
+  M as radialLabelPlacement
+};
+//# sourceMappingURL=index.mjs.map

package/dist/services/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/services/scales-cartesian.d.ts

@@ -0,0 +1,89 @@
+import { type ScaleTime, type ScaleBand, type ScaleLinear } from 'd3';
+import { Service } from './service';
+import { AxisPositions, CartesianOrientations, ScaleTypes } from '../interfaces/enums';
+import { ThresholdOptions } from '../interfaces/components';
+export type ScaleFunction = ScaleTime<number, number, never> | ScaleBand<string> | ScaleLinear<number, number, never>;
+export declare class CartesianScales extends Service {
+    protected scaleTypes: {
+        top: ScaleTypes;
+        right: ScaleTypes;
+        bottom: ScaleTypes;
+        left: ScaleTypes;
+    };
+    protected scales: {
+        top: ScaleLinear<number, number, never>;
+        right: ScaleLinear<number, number, never>;
+        bottom: ScaleLinear<number, number, never>;
+        left: ScaleLinear<number, number, never>;
+    };
+    protected domainAxisPosition: AxisPositions;
+    protected rangeAxisPosition: AxisPositions;
+    protected secondaryDomainAxisPosition: AxisPositions;
+    protected secondaryRangeAxisPosition: AxisPositions;
+    protected dualAxes: boolean;
+    protected orientation: CartesianOrientations;
+    getDomainAxisPosition({ datum }?: {
+        datum?: any;
+    }): AxisPositions;
+    getRangeAxisPosition({ datum, groups }?: {
+        datum?: any;
+        groups?: any;
+    }): AxisPositions;
+    getAxisOptions(position: AxisPositions): any;
+    getDomainAxisOptions(): any;
+    getRangeAxisOptions(): any;
+    getScaleLabel(position: AxisPositions): string;
+    getDomainLabel(): string;
+    getRangeLabel(): string;
+    update(): void;
+    findDomainAndRangeAxes(): void;
+    determineOrientation(): void;
+    isDualAxes(): boolean;
+    determineAxisDuality(): void;
+    getCustomDomainValuesByposition(axisPosition: AxisPositions): any;
+    getOrientation(): CartesianOrientations;
+    getScaleByPosition(axisPosition: AxisPositions): ScaleLinear<number, number, never>;
+    getScaleTypeByPosition(axisPosition: AxisPositions): ScaleTypes;
+    getDomainAxisScaleType(): ScaleTypes;
+    getRangeAxisScaleType(): ScaleTypes;
+    getDomainScale(): ScaleLinear<number, number, never>;
+    getRangeScale(): ScaleLinear<number, number, never>;
+    getMainXAxisPosition(): AxisPositions;
+    getMainYAxisPosition(): AxisPositions;
+    getMainXScale(): ScaleLinear<number, number, never>;
+    getMainYScale(): ScaleLinear<number, number, never>;
+    getValueFromScale(scale: any, scaleType: ScaleTypes, axisPosition: AxisPositions, datum: any): number;
+    getBoundedScaledValues(datum: any): number[];
+    getValueThroughAxisPosition(axisPosition: AxisPositions, datum: any): number;
+    getDomainValue(d: string | object): number;
+    getRangeValue(d: number | string | object): number;
+    getMainXScaleType(): ScaleTypes;
+    getMainYScaleType(): ScaleTypes;
+    getDomainIdentifier(datum?: any): any;
+    getRangeIdentifier(datum?: any): any;
+    extendsDomain(axisPosition: AxisPositions, domain: any): number[] | Date[];
+    protected findVerticalAxesPositions(): {
+        primary: AxisPositions;
+        secondary: AxisPositions;
+    };
+    protected findHorizontalAxesPositions(): {
+        primary: AxisPositions;
+        secondary: AxisPositions;
+    };
+    protected findDomainAndRangeAxesPositions(verticalAxesPositions: any, horizontalAxesPositions: any): {
+        primaryDomainAxisPosition: AxisPositions;
+        secondaryDomainAxisPosition: AxisPositions;
+        primaryRangeAxisPosition: AxisPositions;
+        secondaryRangeAxisPosition: AxisPositions;
+    };
+    getScaleDomain(axisPosition: AxisPositions): any;
+    protected createScale(axisPosition: AxisPositions): ScaleFunction;
+    getHighestDomainThreshold(): null | {
+        threshold: ThresholdOptions;
+        scaleValue: number;
+    };
+    getHighestRangeThreshold(): null | {
+        threshold: ThresholdOptions;
+        scaleValue: number;
+    };
+}

package/dist/services/service.d.ts

@@ -0,0 +1,11 @@
+import type { ChartModel } from '../model/model';
+import type { Services } from '../interfaces/services';
+export declare class Service {
+    protected model: ChartModel;
+    protected services: Services;
+    constructor(model: ChartModel, services: Services);
+    init(): void;
+    update(): void;
+    setModel(newObj: ChartModel): void;
+    setServices(newObj: Services): void;
+}

package/{services → dist/services}/time-series.d.ts

@@ -1,13 +1,13 @@
-import { TimeScaleOptions } from '../interfaces/axis-scales';
-export declare const TIME_INTERVALS: (string | number)[][];
-export declare function isTickPrimary(tick: number, i: number, allTicks: Array<number>, interval: string, showDayName: boolean): boolean;
-export declare function formatTick(tick: number, i: number, allTicks: Array<number>, interval: string, timeScaleOptions: TimeScaleOptions): string;
-export declare function getTimeformats(timestamp: number): {
-    M: number;
-    d: number;
-    H: number;
-    m: number;
-    s: number;
-};
-export declare function computeTimeIntervalName(ticks: number[]): string;
-export declare function formatDateTillMilliSeconds(date: Date): string;
+import type { TimeScaleOptions } from '../interfaces/axis-scales';
+export declare const TIME_INTERVALS: (string | number)[][];
+export declare function isTickPrimary(tick: number, i: number, allTicks: Array<number>, interval: string, showDayName: boolean): boolean;
+export declare function formatTick(tick: number, i: number, allTicks: Array<number>, interval: string, timeScaleOptions: TimeScaleOptions): string;
+export declare function getTimeformats(timestamp: number): {
+    M: number;
+    d: number;
+    H: number;
+    m: number;
+    s: number;
+};
+export declare function computeTimeIntervalName(ticks: number[]): string;
+export declare function formatDateTillMilliSeconds(date: Date): string;

package/{build/src → dist}/services/zoom.d.ts

@@ -1,10 +1,10 @@
 import { Service } from './service';
-import { ChartModelCartesian } from '../model/cartesian-charts';
+import type { ChartModelCartesian } from '../model';
 export declare class Zoom extends Service {
     protected model: ChartModelCartesian;
     isZoomBarEnabled(): boolean;
     getZoomBarData(): any;
-    getDefaultZoomBarDomain(zoomBarData?: any): any;
+    getDefaultZoomBarDomain(zoomBarData?: any): any[];
     handleDomainChange(newDomain: any, configs?: {
         dispatchEvent: boolean;
     }): void;

package/{styles → dist/styles}/_chart-holder.scss

@@ -1,5 +1,5 @@
-@use "@carbon/styles/scss/theme" as *;
-@use "@carbon/styles/scss/themes";
+@use '@carbon/styles/scss/theme' as *;
+@use '@carbon/styles/scss/themes';
 
 .#{$prefix}--chart-holder {
 	position: relative;
@@ -26,15 +26,15 @@
 	@include theme(themes.$white);
 }
 
-.#{$prefix}--chart-holder[data-carbon-theme="g10"] {
+.#{$prefix}--chart-holder[data-carbon-theme='g10'] {
 	@include theme(themes.$g10);
 }
 
-.#{$prefix}--chart-holder[data-carbon-theme="g90"] {
+.#{$prefix}--chart-holder[data-carbon-theme='g90'] {
 	@include theme(themes.$g90);
 }
 
-.#{$prefix}--chart-holder[data-carbon-theme="g100"] {
+.#{$prefix}--chart-holder[data-carbon-theme='g100'] {
 	@include theme(themes.$g100);
 }