Change repeating alingment string to single type (#10111)

* Change repeating alignment to single type for ease of maintenance
* improved naming

diff --git a/types/index.esm.d.ts b/types/index.esm.d.ts
index a42d4fe4b69d46f76437e7658f285e3dec506067..241de62a110a0f07cca34abd0caa6b8d14831b7e 100644 (file)
--- a/types/index.esm.d.ts
+++ b/types/index.esm.d.ts
@@ -1655,6 +1655,7 @@ export interface FontSpec {
 }
 
 export type TextAlign = 'left' | 'center' | 'right';
+export type Align = 'start' | 'center' | 'end';
 
 export interface VisualElement {
   draw(ctx: CanvasRenderingContext2D, area?: ChartArea): void;
@@ -2231,7 +2232,7 @@ export interface LegendOptions<TType extends ChartType> {
    * Alignment of the legend.
    * @default 'center'
    */
-  align: 'start' | 'center' | 'end';
+  align: Align;
   /**
    * Maximum height of the legend, in pixels
    */
@@ -2367,7 +2368,7 @@ export interface TitleOptions {
    * Alignment of the title.
    * @default 'center'
    */
-  align: 'start' | 'center' | 'end';
+  align: Align;
   /**
    * Is the title shown?
    * @default false
@@ -2993,7 +2994,7 @@ export interface CartesianScaleOptions extends CoreScaleOptions {
     /** If true, displays the axis title. */
     display: boolean;
     /** Alignment of the axis title. */
-    align: 'start' | 'center' | 'end';
+    align: Align;
     /** The text for the title, e.g. "# of People" or "Response Choices". */
     text: string | string[];
     /** Color of the axis label. */
@@ -3027,7 +3028,7 @@ export interface CartesianScaleOptions extends CoreScaleOptions {
      * The label alignment
      * @default 'center'
      */
-    align: 'start' | 'center' | 'end';
+    align: Align;
     /**
      *   If true, automatically calculates how many labels can be shown and hides labels accordingly. Labels will be rotated up to maxRotation before skipping any. Turn autoSkip off to show all labels no matter what.
      * @default true