Add constructor API docs

src/components/ArrayInput/index.ts

@@ -117,6 +117,11 @@ class ArrayInput extends Element implements IFocusable, IBindable {
 
     protected _renderChanges: boolean;
 
+    /**
+     * Creates a new ArrayInput.
+     *
+     * @param args - The arguments.
+     */
     constructor(args: Readonly<ArrayInputArgs> = {}) {
         const container = new Container({
             dom: args.dom,

src/components/BooleanInput/index.ts

@@ -27,6 +27,11 @@ class BooleanInput extends Element implements IBindable, IFocusable {
 
     protected _renderChanges: boolean;
 
+    /**
+     * Creates a new BooleanInput.
+     *
+     * @param args - The arguments.
+     */
     constructor(args: Readonly<BooleanInputArgs> = {}) {
         super({ tabIndex: 0, ...args });
 

src/components/Button/index.ts

@@ -38,6 +38,11 @@ class Button extends Element {
 
     protected _size: string | null;
 
+    /**
+     * Creates a new Button.
+     *
+     * @param args - The arguments.
+     */
     constructor(args: Readonly<ButtonArgs> = {}) {
         super({ dom: 'button', ...args });
 

src/components/Canvas/index.ts

@@ -23,6 +23,11 @@ class Canvas extends Element {
 
     protected _ratio = 1;
 
+    /**
+     * Creates a new Canvas.
+     *
+     * @param args - The arguments.
+     */
     constructor(args: Readonly<CanvasArgs> = {}) {
         super({ dom: 'canvas', ...args });
 

src/components/Code/index.ts

@@ -23,6 +23,11 @@ class Code extends Container {
 
     protected _text: string;
 
+    /**
+     * Creates a new Code.
+     *
+     * @param args - The arguments.
+     */
     constructor(args: Readonly<CodeArgs> = {}) {
         super(args);
 

src/components/ColorPicker/index.ts

@@ -91,6 +91,11 @@ class ColorPicker extends Element implements IBindable {
 
     protected _renderChanges: boolean;
 
+    /**
+     * Creates a new ColorPicker.
+     *
+     * @param args - The arguments.
+     */
     constructor(args: Readonly<ColorPickerArgs> = {}) {
         super(args);
 

src/components/Container/index.ts

@@ -138,6 +138,11 @@ class Container extends Element {
 
     protected _resizable: string;
 
+    /**
+     * Creates a new Container.
+     *
+     * @param args - The arguments.
+     */
     constructor(args: Readonly<ContainerArgs> = {}) {
         super(args);
 

src/components/Divider/index.ts

@@ -6,6 +6,11 @@ const CLASS_ROOT = 'pcui-divider';
  * Represents a vertical division between two elements.
  */
 class Divider extends Element {
+    /**
+     * Creates a new Divider.
+     *
+     * @param args - The arguments.
+     */
     constructor(args: Readonly<ElementArgs> = {}) {
         super(args);
 

src/components/Element/index.ts

@@ -406,6 +406,11 @@ class Element extends Events {
 
     protected _onClickEvt: () => void;
 
+    /**
+     * Creates a new Element.
+     *
+     * @param args - The arguments.
+     */
     constructor(args: Readonly<ElementArgs> = {}) {
         super();
 

src/components/GridView/index.ts

@@ -50,6 +50,11 @@ class GridView extends Container {
 
     protected _selected: GridViewItem[] = [];
 
+    /**
+     * Creates a new GridView.
+     *
+     * @param args - The arguments.
+     */
     constructor(args: Readonly<GridViewArgs> = {}) {
         super(args);
 

src/components/GridViewItem/index.ts

@@ -51,6 +51,11 @@ class GridViewItem extends Container implements IFocusable {
 
     protected _allowSelect: boolean;
 
+    /**
+     * Creates a new GridViewItem.
+     *
+     * @param args - The arguments.
+     */
     constructor(args: Readonly<GridViewItemArgs> = {}) {
         super({ tabIndex: 0, ...args });
 

src/components/InfoBox/index.ts

@@ -47,6 +47,11 @@ class InfoBox extends Container {
 
     protected _text: string;
 
+    /**
+     * Creates a new InfoBox.
+     *
+     * @param args - The arguments.
+     */
     constructor(args: Readonly<InfoBoxArgs> = {}) {
         super(args);
 

src/components/Label/index.ts

@@ -45,6 +45,11 @@ class Label extends Element implements IPlaceholder, IBindable {
 
     protected _renderChanges: boolean;
 
+    /**
+     * Creates a new Label.
+     *
+     * @param args - The arguments.
+     */
     constructor(args: Readonly<LabelArgs> = {}) {
         super({ dom: 'span', ...args });
 

src/components/LabelGroup/index.ts

@@ -35,6 +35,11 @@ class LabelGroup extends Container {
 
     protected _field: Element;
 
+     /**
+      * Creates a new LabelGroup.
+      *
+      * @param args - The arguments.
+      */
     constructor(args: Readonly<LabelGroupArgs> = {}) {
         super(args);
 

src/components/Menu/index.ts

@@ -32,6 +32,11 @@ export interface MenuArgs extends ContainerArgs {
 class Menu extends Container implements IFocusable {
     protected _containerMenuItems: Container;
 
+     /**
+      * Creates a new Menu.
+      *
+      * @param args - The arguments.
+      */
     constructor(args: Readonly<MenuArgs> = {}) {
         super({ tabIndex: 1, ...args });
 

src/components/MenuItem/index.ts

@@ -73,6 +73,11 @@ class MenuItem extends Container implements IBindable {
 
     protected _renderChanges: boolean;
 
+     /**
+      * Creates a new MenuItem.
+      *
+      * @param args - The arguments.
+      */
     constructor(args: Readonly<MenuItemArgs> = {}) {
         super(args);
 

src/components/NumericInput/index.ts

@@ -73,6 +73,11 @@ class NumericInput extends InputElement {
 
     protected _sliderUsed = false;
 
+    /**
+     * Creates a new NumericInput.
+     *
+     * @param args - The arguments.
+     */
     constructor(args: Readonly<NumericInputArgs> = {}) {
         const textInputArgs = { ...args };
         // delete value because we want to set it after the other arguments

src/components/Overlay/index.ts

@@ -27,6 +27,11 @@ export interface OverlayArgs extends ElementArgs {
 class Overlay extends Container {
     protected _domClickableOverlay: HTMLDivElement;
 
+    /**
+     * Creates a new Overlay.
+     *
+     * @param args - The arguments.
+     */
     constructor(args: Readonly<OverlayArgs> = {}) {
         super(args);
 

src/components/Progress/index.ts

@@ -24,6 +24,11 @@ class Progress extends Container {
 
     protected _value: number;
 
+    /**
+     * Creates a new Progress.
+     *
+     * @param args - The arguments.
+     */
     constructor(args: Readonly<ProgressArgs> = {}) {
         super(args);
         this.class.add(CLASS_ROOT);

src/components/RadioButton/index.ts

@@ -17,6 +17,11 @@ class RadioButton extends Element implements IBindable, IFocusable {
 
     protected _renderChanges: boolean;
 
+    /**
+     * Creates a new RadioButton.
+     *
+     * @param args - The arguments.
+     */
     constructor(args: Readonly<RadioButtonArgs> = {}) {
         super({ tabIndex: 0, ...args });
 

src/components/SelectInput/index.ts

@@ -166,6 +166,11 @@ class SelectInput extends Element implements IBindable, IFocusable {
 
     protected _prefix = '';
 
+    /**
+     * Creates a new SelectInput.
+     *
+     * @param args - The arguments.
+     */
     constructor(args: Readonly<SelectInputArgs> = {}) {
         // main container
         const container = new Container({

src/components/Spinner/index.ts

@@ -34,7 +34,7 @@ class Spinner extends Element {
     static TYPE_SMALL_THICK = 'small-thick';
 
     /**
-     * Sets the pixel size of the spinner
+     * Creates a new Spinner.
      *
      * @param args - The arguments.
      */

src/components/TextAreaInput/index.ts

@@ -23,6 +23,11 @@ export interface TextAreaInputArgs extends TextInputArgs {
  * The TextAreaInput wraps a textarea element. It has the same interface as {@link TextInput}.
  */
 class TextAreaInput extends TextInput {
+    /**
+     * Creates a new TextAreaInput.
+     *
+     * @param args - The arguments.
+     */
     constructor(args: Readonly<TextAreaInputArgs> = {}) {
         args = Object.assign({
             input: document.createElement('textarea')

src/components/TextInput/index.ts

@@ -22,6 +22,11 @@ export interface TextInputArgs extends InputElementArgs, IBindableArgs, IPlaceho
 class TextInput extends InputElement {
     protected _onValidate: (value: string) => boolean;
 
+    /**
+     * Creates a new TextInput.
+     *
+     * @param args - The arguments.
+     */
     constructor(args: Readonly<TextInputArgs> = {}) {
         super(args);
 

src/components/VectorInput/index.ts

@@ -45,6 +45,11 @@ class VectorInput extends Element implements IBindable, IFocusable, IPlaceholder
 
     protected _bindAllInputs = false;
 
+    /**
+     * Creates a new VectorInput.
+     *
+     * @param args - The arguments.
+     */
     constructor(args: Readonly<VectorInputArgs> = {}) {
         const elementArgs = { ...args };
         // set binding after inputs have been created