@drayman/elements 1.89.0 → 1.90.0

package/dist/types/code-editor/src/app/models/code-editor-options.d.ts

@@ -1,3 +1,7 @@
+/**
+ * Requires the host environment to initialize Monaco on `window.monaco`
+ * before creating a `drayman-code-editor` element.
+ */
 export interface DraymanCodeEditor {
     /**
      * The language of the code editor.
@@ -22,6 +26,10 @@ export interface DraymanCodeEditor {
     onValueChange?: ElementEvent<{
         value: string;
     }>;
+    /**
+     * Executed when the browser-side editor is ready.
+     */
+    onReady?: ElementEvent<{}>;
     /**
      * Label shown above the editor.
      */

package/dist/types/ngx-charts/src/app/models/ngx-charts-options.d.ts

@@ -1,16 +1,59 @@
+export declare type DraymanNgxChartType = 'pie' | 'advancedPie' | 'pieGrid' | 'verticalBar' | 'horizontalBar' | 'verticalBarGrouped' | 'horizontalBarGrouped' | 'verticalBarStacked' | 'horizontalBarStacked' | 'verticalBarNormalized' | 'horizontalBarNormalized' | 'numberCard' | 'gauge' | 'linearGauge' | 'area' | 'areaNormalized' | 'areaStacked' | 'line' | 'bubble' | 'heatMap' | 'treeMap' | 'polarRadar';
+export interface DraymanNgxChartDataItem {
+    name: string | number | Date;
+    value: number;
+    extra?: any;
+    min?: number;
+    max?: number;
+}
+export interface DraymanNgxChartBubbleDataItem {
+    name: string | number | Date;
+    x: number | Date;
+    y: number | Date;
+    r: number;
+    extra?: any;
+}
+export interface DraymanNgxChartSeries {
+    name: string | number;
+    series: Array<DraymanNgxChartDataItem | DraymanNgxChartBubbleDataItem>;
+}
 export interface DraymanNgxCharts {
     /**
-     * Executed when user interacts with the chart.
-     * Emits data defined by `onSelect` output of [ngx-charts](https://github.com/swimlane/ngx-charts) library.
+     * Executed when a chart data point is selected.
      */
     onSelect?: ElementEvent<{
         data: any;
     }>;
-    type: 'pie' | 'verticalBar' | 'verticalBarStacked' | 'numberCard' | 'gauge' | 'areaNormalized' | 'areaStacked' | 'line';
     /**
-     * Chart data.
+     * Executed when the pointer enters a chart data point.
+     */
+    onActivate?: ElementEvent<{
+        data: any;
+    }>;
+    /**
+     * Executed when the pointer leaves a chart data point.
+     */
+    onDeactivate?: ElementEvent<{
+        data: any;
+    }>;
+    /**
+     * Executed when a pie slice is double-clicked.
+     */
+    onDblClick?: ElementEvent<{
+        data: any;
+    }>;
+    type: DraymanNgxChartType;
+    /**
+     * Chart data. Most charts accept either a single series of `{ name, value }`
+     * items or a multi-series array of `{ name, series }` items. Bubble charts
+     * use `{ name, x, y, r }` points. Linear gauges use `value` instead.
      */
-    results: any[];
+    results?: any[];
+    /**
+     * Fixed chart dimensions `[width, height]`. When omitted, the chart fills
+     * its parent container.
+     */
+    view?: [number, number];
     legendTitle?: string;
     /**
      * Color scheme of the chart.
@@ -21,199 +64,98 @@ export interface DraymanNgxCharts {
      */
     animations?: boolean;
     /**
-     * Show or hide legend.
+     * Show or hide the legend.
      */
     legend?: boolean;
     /**
-     * Show or hide lables.
+     * Show or hide pie labels.
      */
     labels?: boolean;
-    /**
-     * Custom colors for the chart. Used to override a color for a specific value.
-     */
     customColors?: any;
-    /**
-     * Color scale type.
-     */
     schemeType?: 'ordinal' | 'linear';
-    /**
-     * Make the radius of each slice proportional to it's value.
-     */
     explodeSlices?: boolean;
-    /**
-     * Show doughnut instead of pie slices.
-     */
     doughnut?: boolean;
-    /**
-     * Arc width, expressed as a fraction of outer radius.
-     */
     arcWidth?: number;
-    /**
-     * Fill elements with a gradient instead of a solid color.
-     */
     gradient?: boolean;
-    /**
-     * Elements to highlight.
-     */
     activeEntries?: any[];
     tooltipDisabled?: boolean;
+    tooltipText?: any;
     trimLabels?: boolean;
-    /**
-     * Maximum length of the labels. If `trimLabels` is `true`, labels over this length will be trimmed.
-     */
     maxLabelLength?: number;
-    /**
-     * Show or hide the x axis.
-     */
     xAxis?: boolean;
-    /**
-    * Show or hide the y axis.
-    */
     yAxis?: boolean;
-    /**
-    * Show or hide the x axis label.
-    */
     showXAxisLabel?: boolean;
-    /**
-    * Show or hide the y axis label.
-    */
     showYAxisLabel?: boolean;
     xAxisLabel?: string;
     yAxisLabel?: string;
     showGridLines?: boolean;
-    /**
-     * Trim or don't trim ticks on the x axis.
-     */
     trimXAxisTicks?: boolean;
-    /**
-     * Trim or don't trim ticks on the y axis.
-     */
     trimYAxisTicks?: boolean;
-    /**
-     * Rotate x axis tick labels to prevent overlap.
-     */
     rotateXAxisTicks?: boolean;
-    /**
-     * Maximum length of x axis tick labels when trimming is enabled.
-     */
     maxXAxisTickLength?: number;
-    /**
-     * Maximum length of y axis tick labels when trimming is enabled.
-     */
     maxYAxisTickLength?: number;
-    /**
-     * Custom x axis tick formatting function.
-     */
     xAxisTickFormatting?: any;
-    /**
-     * Custom y axis tick formatting function.
-     */
     yAxisTickFormatting?: any;
-    /**
-     * Predefined list of x axis tick values.
-     */
+    axisTickFormatting?: any;
     xAxisTicks?: any[];
-    /**
-     * Predefined list of y axis tick values.
-     */
     yAxisTicks?: any[];
-    /**
-     * Padding between bars in `px`.
-     */
     barPadding?: number;
-    /**
-     * Round domains for aligned gridlines.
-     */
+    groupPadding?: number;
     roundDomains?: boolean;
     roundEdges?: boolean;
-    /**
-     * Maximum value of the y axis (ignored if chart data contains a higher value)
-     */
+    noBarWhenZero?: boolean;
+    xScaleMax?: any;
+    xScaleMin?: any;
     yScaleMax?: number;
-    /**
-    * Minimum value of the y axis (ignored if chart data contains a lower value)
-    */
     yScaleMin?: number;
-    /**
-     * Display value number next to the bar.
-     */
     showDataLabel?: boolean;
-    /**
-     * Color of the card background, defaults to color based on value and scheme.
-     */
+    dataLabelFormatting?: any;
     cardColor?: string;
-    /**
-     * Color of the card color-bar, defaults to color based on value and scheme.
-     */
     bandColor?: string;
-    /**
-     * Color of empty card slots.
-     */
     emptyColor?: string;
-    /**
-     * Padding around each card in `px`.
-     */
     innerPadding?: number | number[];
-    /**
-     * Color of the card text, defaults to the inverse of the card color.
-     */
     textColor?: string;
     legendPosition?: 'right' | 'below';
-    /**
-     * Starting point of the scale.
-     */
     min?: number;
-    /**
-    * Ending point of the scale.
-    */
     max?: number;
-    /**
-     * Text to display under the value.
-     */
     units?: string;
-    /**
-     * Number of big segments on the axis.
-     */
     bigSegments?: number;
-    /**
-    * Number of small segments between every big segment.
-    */
     smallSegments?: number;
     showAxis?: boolean;
-    /**
-     * The angle that the chart is rotated by. Use negative half of the spanning angle to centralize.
-     */
+    showText?: boolean;
+    textValue?: string;
+    margin?: number[];
     startAngle?: number;
-    /**
-     * The angle that the chart spans (in degrees).
-     */
     angleSpan?: number;
-    /**
-     * Display a timeline control under the chart. Only available if x scale is date.
-     */
     timeline?: boolean;
+    autoScale?: boolean;
+    rangeFillOpacity?: number;
+    showRefLines?: boolean;
+    referenceLines?: any[];
+    showRefLabels?: boolean;
     /**
-     * The minimum value of the x axis (if the x scale is linear or time).
-     */
-    xScaleMin?: any;
-    /**
-     * The maximum value of the x axis (if the x scale is linear or time).
-     */
-    xScaleMax?: any;
-    /**
-     * Set the minimum value of the y axis to the minimum value in the data, instead of 0 (ignored if yScaleMin is defined).
+     * Baseline used by the standard area chart.
      */
-    autoScale?: boolean;
+    baseValue?: number | 'auto';
     /**
-     * Opacity of the shadow around the line indication the (optional) min and max values.
-     * The range shadow is only displayed if min and max values are provided with the data.
-     * The color of the shadow is alwas the color of the central line.
+     * Numeric value rendered by a linear gauge.
      */
-    rangeFillOpacity?: number;
-    showRefLines?: boolean;
+    value?: number;
     /**
-     * An array of reference lines to be shown behind the chart. Every reference line should be of format `{name, value}`.
+     * Comparison marker rendered by a linear gauge.
      */
-    referenceLines?: any[];
-    showRefLabels?: boolean;
+    previousValue?: number;
+    maxRadius?: number;
+    minRadius?: number;
+    label?: string;
+    minWidth?: number;
+    designatedTotal?: number;
+    valueFormatting?: any;
+    nameFormatting?: any;
+    percentageFormatting?: any;
+    labelFormatting?: any;
+    showSeriesOnHover?: boolean;
+    yAxisMinScale?: number;
+    labelTrim?: boolean;
+    labelTrimSize?: number;
 }

package/dist/types/ngx-graph/src/app/models/ngx-graph-options.d.ts

@@ -27,6 +27,10 @@ export interface DraymanNgxGraph {
      * Automatically zoom the graph to fit in the avialable viewport when the graph is updated.
      */
     autoZoom?: boolean;
+    /**
+     * Focus the first node at left center, then retain position and zoom instead of autoCenter/autoZoom.
+     */
+    preserveView?: boolean;
     /**
      * Executed when user clicks on a node.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@drayman/elements",
-  "version": "1.89.0",
+  "version": "1.90.0",
   "description": "A collection of web components for Drayman.",
   "license": "MIT",
   "keywords": [