swing-ui 0.1.25 → 1.0.3

package/types/classes/Shape.d.ts

@@ -0,0 +1,223 @@
+/**
+ * Shape class is used to create shapes that can be drawn in the background of {@link Window} or {@link Panel} components. This class is usually extended by other shapes. It can be used by itself only if the ` path ` argument is provided.
+ *
+ * Path of the shape can be generated by adding, subtracting, or intersecting two shapes, then convert the Shape to JSON object using shape.toObject(). Then the resulting object will have a ` path ` property.
+ *
+ * Check out all the shapes that derive from this Shape class: {@link Arc}, {@link Ellipse}, {@link Line}, {@link Polygon}, {@link Polyline}, {@link Rectangle}, and a {@link Text} that can draw text as a shape.
+ *
+ * @class
+ * @global
+ */
+export class Shape {
+    /**
+     * Converts JSON object back to Shape. To convert Shape to object use Shape.toObject() function.
+     *
+     * @param {object} object - An object that has properties to recreate a Shape object.
+     * @returns {Shape} Returns a new instance of `Shape`.
+     */
+    static fromObject(object: object): Shape;
+    /**
+     * Shape constructor.
+     *
+     * @param {string|undefined} [path] - Path consisting of points. It can be auto-generated by performing operations of one shape to another, such as add() or subtract().
+     * @param {Stroke|null} [stroke] - A border of the shape.
+     * @param {string|null} [background] - Color, gradient, image, and background options like in CSS.
+     * @param {number} [opacity] - Opacity of the shape as a decimal between 0 and 1.
+     * @param {number} [x] - Position of the shape from left edge.
+     * @param {number} [y] - Position of the shape from the top.
+     * @throws {TypeError} When stroke, opacity or other argument types are invalid.
+     */
+    constructor(path?: string | undefined, stroke?: Stroke | null, background?: string | null, opacity?: number, x?: number, y?: number);
+    _type: string;
+    /**
+     * Add this shape to a container.
+     *
+     * @param {ShapeContainer} container - Panel or Window component.
+     * @param {number} index - Optional index to insert the shape.
+     * @returns {Shape} Returns `this` Shape instance for chaining.
+     * @throws {TypeError} When a container is not Panel or Window component.
+     * @throws {Error} When specified index is out of bounds.
+     * @see ShapeComponent#addShape
+     * @see Shape#remove
+     */
+    addTo(container: ShapeContainer, index?: number): Shape;
+    /**
+     * Removes this Shape from its container component.
+     *
+     * @returns {Shape} `this` Shape container for chaining.
+     * @see ShapeComponent#removeComponent
+     * @see Shape#addTo
+     */
+    remove(): Shape;
+    /**
+     * Returns current parent component (Window or Panel), or `undefined` if the shape isn't added to any component.
+     *
+     * @readonly
+     * @type {Window|Panel|undefined}
+     */
+    readonly get parent(): Window | Panel | undefined;
+    /**
+     * Sets or gets a {@link Stroke} of the shape.
+     *
+     * @param {Stroke} [stroke] - Stroke object
+     * @return {Stroke|this} When called without parameters, current `Stroke` is returned; otherwise this `Shape` is returned for method chaining.
+     */
+    stroke(...args: any[]): Stroke | this;
+    /**
+     * Returns a JSON object that contains shape properties.
+     *
+     * @param {string} [include="all"] - Specified what to include. "all" is default. Valid values are: "all", "stroke", "background", "points", "basic". Each shape that derives from this `Shape` class may also have it's own values.
+     * @return {Shape} Returns this `Shape` for method chaining.
+     */
+    toObject(include?: string): Shape;
+    /**
+     * Updates properties of this Shape. It's called by other methods of Shape object when shape properties change.
+     *
+     * @param {string|boolean} [what="all"] - What to update: "all", "min", "stroke", "background", "points". Shapes that derive from this class may also have their own values. Pass a `boolean` to enable and disable this shape redraw. Before making multiple changes to the Shape it helps to disable redraw, make the changes, then enable redraw.
+     * @returns {void}
+     * @internal
+     * @ignore
+     */
+    update(what?: string | boolean): void;
+    /**
+     * Sets or gets location of the shape relative to top-left corner of its parent component.
+     *
+     * @param {number|Point} [x] - X position integer or a Point position object (e.g., {x:10,y:40}).
+     * @param {number} [y] - Y position integer.
+     * @return {Point|this} If called without arguments, current position object is returned; otherwise this shape is returned for method chaining.
+     * @see Point
+     */
+    position(...args: any[]): Point | this;
+    /**
+     * Moves the Shape by adding the specified x and y values to its current position.
+     * The function shifts the element's position relative to current position.
+     * If arguments are invalid integer values, the Shape will not be moved.
+     *
+     * @param {number} [dx=0] - Delta x (can be positive or negative number)
+     * @param {number} [dy=0] - Delta y (can be positive or negative number)
+     * @return {Shape} Returns `this` Shape instance.
+     */
+    move(dx?: number, dy?: number): Shape;
+    /**
+     * Sets or gets X position of the shape relative to left edge of its parent component.
+     *
+     * @param {number} [x] - X position integer.
+     * @return {number|this} If called without arguments, current X position is returned; otherwise this shape is returned for method chaining.
+     * @see Shape#position
+     */
+    x(...args: any[]): number | this;
+    /**
+     * Sets or gets Y position of the shape relative to top edge of its parent component (for Window parent component gets Y position from the top of content area).
+     *
+     * @param {number} [y] - Y position integer.
+     * @return {number|this} If called without arguments, current Y position is returned; otherwise this shape is returned for method chaining.
+     * @see Shape#position
+     */
+    y(...args: any[]): number | this;
+    /**
+     * Gets or sets the opacity (transparency) of the shape.
+     *
+     * @param {number} [opacity] - Decimal value between 0 and 1 (inclusive).
+     * @returns {number|this} If called without arguments, returns the current opacity; otherwise, returns this shape for method chaining.
+     */
+    opacity(...args: any[]): number | this;
+    /**
+     * Gets or sets the rotation angle of the shape around its anchor.
+     *
+     * Use the `anchor()` method to specify the anchor position relative to the shape.
+     *
+     * The default anchor is set to the top-left corner of the shape's bounding rectangle (even for non-rectangular shapes).
+     *
+     * @param {number} [angle] - Rotation angle in degrees. Values below 0 or above 360 are normalized to the range 0–360 using the modulus operator (%).
+     * @return {number|this} If called without arguments, returns the current value; otherwise this shape is returned for method chaining.
+     * @see Shape#anchor
+     */
+    angle(angle?: number): number | this;
+    /**
+     * Sets or gets the anchor position relative to the shape, around which the shape can be rotated using the `angle()` method.
+     *
+     * The default anchor is at the top-left corner of the shape's bounding rectangle (even for non-rectangular shapes).
+     *
+     * @param {Point} [anchor] - Anchor point around which the shape rotates when the rotation angle is not 0.
+     * @returns {Point|this} If called without arguments, returns the current anchor; otherwise, returns this shape for method chaining.
+     * @see Point
+     * @see Shape#angle
+     */
+    anchor(...args: any[]): Point | this;
+    /**
+     * Sets or gets the background of the shape.
+     *
+     * The `background` value can be a string that contains a mixture of background color, image path (relative or absolute), base64 encoded image string, linear-gradient, radial-gradient, like in CSS in web browsers. Some features may not be supported though.
+     * Background settings like position, image stretching or repeating, opacity and more are supported.
+     *
+     * See examples below.
+     *
+     * @param {string} [background] - Background string. If omitted, returns the current value.
+     * @returns {this|string} If called without parameters, returns this shape instance; otherwise returns current background.
+     *
+     * @example
+     * shape.background("#FF000055 url(images/bg.png) center no-repeat opacity=0.6 10px 15px linear-gradient(#DDDDDD55, #F8F8F855 10%) / auto);
+     * panel.background("url(data:image/png;base64,As8fE4fdt1r.....)")); // supports base64 encoded image string
+     */
+    background(...args: any[]): this | string;
+    /**
+     * Returns the size of a shape. Does not set a new size. Some shapes override this function and size can be set for those shapes. (e.g. Rectangle, Ellipse)
+     *
+     * @param {Size} [size] - Size formatted object, but only for shapes that allow setting new size, such as Rectangle or Ellipse.
+     * @returns {Size|this} If called without parameters, returns current size, or `null` if the shape is not added to a component. When setting size, this shape instance is returned for method chaining.
+     * @throws Error When the shape is not added to a container.
+     * @see Size
+     */
+    size(...args: any[]): Size | this;
+    /**
+     * Sets or gets whether the shape is visible.
+     *
+     * @param {boolean} [visible] - `true` to show, `false` to hide.
+     * @return {boolean|Shape} When setting a value, this shape is returned; otherwise current value is returned.
+     */
+    visible(...args: any[]): boolean | Shape;
+    /**
+     * Sets or gets whether this shape is active (`true` by default).
+     *
+     * An inactive shape (`active(false)`) does not produce events `mousedown`, `mouseup`, `click`, `mouseenter`, `mouseleave`, `mousemove` on {@link Panel#onShapeEvents}, and is skipped during mouse hit-testing. This means the mouse "passes through" the shape as if it weren't there — if another shape lies beneath it, that shape is considered to be under the mouse instead.
+     *
+     * Settings active to `false` may be useful for purely decorative shapes (e.g. background fills, watermarks, static overlays) that shouldn't intercept or respond to mouse interaction.
+     *
+     * @param {boolean} [active] - `false` to make the shape inactive (ignored by shape events and mouse hit-testing), `true` to restore normal behavior. Omit to get the current value.
+     * @return {boolean|Shape} When called without arguments, returns the current value; otherwise returns this `Shape` instance for method chaining.
+     * @default true
+     * @see Panel#onShapeEvents
+     * @see ShapeEvent
+     */
+    active(...args: any[]): boolean | Shape;
+    /**
+     * Adds another shape to this shape. Stroke of this shape is kept (stroke of another shape is disregarded).
+     *
+     * @param {Shape} shape - Another shape object that would be added to this shape.
+     * @returns {this} Returns this shape for method chaining.
+     */
+    add(shape: Shape): this;
+    /**
+     * Removes an area of a specified shape from this shape. Stroke of this shape is kept (stroke of another shape is disregarded).
+     *
+     * @param {Shape} shape - Another shape object that would be subtracted from this shape.
+     * @returns {this} Returns this shape for method chaining.
+     */
+    subtract(shape: Shape): this;
+    /**
+     * Remove an area from this shape where this shape and provided shape don't intersect, leaving only area where these shapes do intersect. Stroke of this shape is kept (stroke of another shape is disregarded).
+     *
+     * @param {Shape} shape - Another shape object.
+     * @returns {this} Returns this shape for method chaining.
+     */
+    intersect(shape: Shape): this;
+    /**
+     * Checks if this shape intersects (touches) with another shape. Both of these shapes must be added to the same component for this to work.
+     *
+     * @param {Shape} shape - Intercepting shape
+     * @return {boolean|null} Returns boolean on successful check or `null` if the check failed to be performed.
+     */
+    intersects(shape: Shape): boolean | null;
+    #private;
+}
+import { Stroke } from "./Stroke.js";

package/types/classes/ShapeContainer.d.ts

@@ -0,0 +1,92 @@
+/**
+ * ShapeContainer is not a standalone component. ShapeContainer extends UIComponent and serves a purpose to implement Shape related methods and properties. ShapeContainer is extended by {@link Panel} and {@link Window} components.
+ * @class
+ * @global
+ * @see ComponentContainer
+ */
+export class ShapeContainer extends ComponentContainer {
+    /**
+     * Returns amount of shapes added to this Window.
+     *
+     * @readonly
+     * @type {number}
+     */
+    readonly get shapeCount(): number;
+    /**
+     * Gets an array of shapes currently added to the component, or sets an array of new shapes while replacing existing ones.
+     *
+     * @param {Array<Shape>} [shapes] - An array of Shape objects, such as Rectangle, Line, Ellipse, etc.
+     * @returns Array<Shape> If called without arguments, an array of shapes is returned, otherwise `this` component instance is returned for chaining.
+     * @throws {TypeError} When one of passed array elements is not of Shape type.
+     * @see Shape
+     */
+    shapes(...args: any[]): this | any[];
+    /**
+     * Gets a Shape at a specified index.
+     *
+     * @param {number} i - Index of the shape you want to get
+     * @returns {Shape} Returns a `Shape` at a specified `index`, or `undefined`, if `index` is out of bounds or invalid.
+     */
+    shape(i: number): Shape;
+    /**
+     * Gets an index of a specified Shape object or sets a new index making the Shape change its layer index position.
+     *
+     * @param {Shape} shape - Shape object in question
+     * @param {number} [new_index] - The new index to assign to the `Shape`. Moves the `Shape` in z-order.
+     * @return {number} Returns an index of the Shape or -1 if only first argument is passed, or `this` component index if `new_index` is passed.
+     * @throws {TypeError} When invalid argument type is passed as a `shape` argument.
+     * @throws {Error} When the shape is not added to this component while attempting to change its index to `new_index`.
+     */
+    shapeIndex(shape: Shape, new_index?: number): number;
+    /**
+     * Adds a Shape to be drawn on the panel.
+     *
+     * @param {Shape} shape - Shape object to draw on this panel
+     * @param {number} [index] - Set only if you want to insert the Shape at a specific index
+     * @returns {ShapeContainer} Returns `this` instance of the Panel.
+     * @see Shape#addTo
+     */
+    addShape(shape: Shape, index?: number): ShapeContainer;
+    /**
+     * Removes a specified Shape, then the removed Shape is returned.
+     *
+     * @param {number|Shape} index_or_shape - Shape or index of the Shape to be removed.
+     * @return {Shape|boolean} Returns removed Shape, or `false` in case when index is invalid or out of bounds.
+     * @see Shape#remove
+     */
+    removeShape(index: any): Shape | boolean;
+    /**
+     * @internal
+     * @ignore
+     */
+    verifyToken(token: any): boolean;
+    /**
+     * Registers, unregisters and gets a list of handler functions for Shape events (such as when mouse enters, leaves, mouse button clicks, etc.).
+     *
+     * @param {function(ShapeEvent):any} [callback] - Event handler function that receives {@link ShapeEvent} object as an argument. Check example below for event Object format.
+     * @param {boolean} [remove] - Set to `true` to unregister the handler function.
+     * @return {function[]|ComboBox} Returns an array of registered handler functions if arguments are omitted, otherwise returns `this` component instance.
+     * @see ShapeEvent
+     * @example
+     * let handler = function(e){console.log(e);}
+     * mainForm.panel_1 = new Panel().addTo(mainForm).onPopupEvents(handler);
+     *
+     * // event Object format:
+     * const e = {
+     *   target: object,        // The Panel component that triggered the event.
+     *   type: string,          // Possible values: `add`, `remove`, `click`, `mousedown`, `mouseup`, `mouseenter`, `mouseleave`, `mousemove`.
+     *   x: number,             // X position relative to target.
+     *   y: number,             // Y position relative to target.
+     *   shapeIndex: number,    // Index of the shape that triggered the event.
+     *   dragging: boolean,     // `true` if mouse is down while moving, otherwise false.
+     *   alt: boolean,          // `true` if Alt key was pressed on keyboard when event was emitted.
+     *   shift: boolean,        // `true` if Shift key was pressed on keyboard when event was emitted.
+     *   ctrl: boolean,         // `true` if Control key was pressed on keyboard when event was emitted.
+     *   modifiers: string,     // Modifiers used when the event was emitted
+     *   modifiersText: string  // Description of used modifiers
+     * };
+     */
+    onShapeEvents(callback?: (arg0: ShapeEvent) => any, ...args: any[]): Function[] | ComboBox;
+}
+import { ComponentContainer } from "./ComponentContainer.js";
+import { Shape } from "./Shape.js";

package/types/classes/Slider.d.ts

@@ -0,0 +1,107 @@
+/**
+ * Slider UI component is used to set value by sliding a thumb (handle) horizontally or vertically. Slider works only with integer numbers, so decimal places will not work.
+ *
+ * @class
+ * @global
+ */
+export class Slider extends UIComponent {
+    /**
+     * Slider constructor. Creates an instance of Slider UI component.
+     * @param {string} [text] - Text of the component.
+     */
+    constructor(...args: any[]);
+    /**
+     * Sets or gets the spacing between minor tick marks (smaller markings) in the Slider.
+     *
+     * @param {number} [spacing] - The interval at which minor tick marks are drawn.
+     * @return {Slider|number} When setting a value, returns this component for chaining; otherwise returns the current value.
+     */
+    minorTickSpacing(...args: any[]): Slider | number;
+    /**
+     * Sets or gets the spacing between major tick marks (larger markings) in the Slider.
+     *
+     * @param {number} [spacing] - The interval at which major tick marks are drawn.
+     * @return {Slider|number} When setting a value, returns this component for chaining; otherwise returns the current value.
+     */
+    majorTickSpacing(...args: any[]): Slider | number;
+    /**
+     * Enables or disables snapping the slider's knob to the nearest tick mark.
+     *
+     * @param {boolean} [snap] - If true, the knob will snap to the nearest tick; if false, it moves freely.
+     * @return {Slider|boolean} When setting a value, returns this component for chaining; otherwise returns the current value.
+     */
+    snapToTicks(...args: any[]): Slider | boolean;
+    /**
+     * Shows or hides tick marks on the Slider.
+     *
+     * @param {boolean} [visible] - If true, tick marks will be displayed; if false, they will be hidden.
+     * @return {Slider|boolean} When setting a value, returns this component for chaining; otherwise returns the current value.
+     */
+    showTicks(...args: any[]): Slider | boolean;
+    /**
+     * Shows or hides numeric labels on the Slider.
+     *
+     * @param {boolean} [visible] - If true, labels will be displayed; if false, they will be hidden.
+     * @return {Slider|boolean} When setting a value, returns this component for chaining; otherwise returns the current value.
+     */
+    showLabels(...args: any[]): Slider | boolean;
+    /**
+     * Shows or hides the track (line) behind the slider knob.
+     *
+     * @param {boolean} [visible] - If true, the track will be displayed; if false, it will be hidden.
+     * @return {Slider|boolean} When setting a value, returns this component for chaining; otherwise returns the current value.
+     */
+    showTrack(...args: any[]): Slider | boolean;
+    /**
+     * Sets or gets whether the Slider is inverted (maximum value on the left/top).
+     *
+     * @param {boolean} [inverted] - If true, the maximum value is on the left/top; if false, it is on the right/bottom.
+     * @return {Slider|boolean} When setting a value, returns this component for chaining; otherwise returns the current value.
+     */
+    inverted(...args: any[]): Slider | boolean;
+    /**
+     * Sets or gets the minimum value of the Slider.
+     *
+     * @param {number} [minValue] - The minimum allowed value.
+     * @return {Slider|number} When setting a value, returns this component for chaining; otherwise returns the current value.
+     */
+    min(...args: any[]): Slider | number;
+    /**
+     * Sets or gets the maximum value of the Slider.
+     *
+     * @param {number} [maxValue] - The maximum allowed value.
+     * @return {Slider|number} When setting a value, returns this component for chaining; otherwise returns the current value.
+     */
+    max(...args: any[]): Slider | number;
+    /**
+     * Sets or get integer value of the slider.
+     *
+     * @param {number} [value] - Value to display by the slider's handle. Must be between min and max allowed values.
+     * @return {Slider|number} When setting a value, returns this component for chaining; otherwise returns the current value.
+     */
+    value(...args: any[]): Slider | number;
+    /**
+     * Sets or gets the orientation of the Slider.
+     *
+     * @param {Orientation} [orientation] - The slider's orientation: `Orientation.Horizontal` or `Orientation.Vertical`.
+     * @return {Slider|Orientation} When setting a value, returns this component for chaining; otherwise returns the current value.
+     */
+    orientation(...args: any[]): Slider | Orientation;
+    /**
+     *
+     * Enables or disables onChange event to be continuously emitted while user is moving the handle and value is changing.
+     * If disabled, the onChange event will only be invoked after user stopped sliding the knob and releases mouse button.
+     *
+     * @param {boolean} [enabled] - If true, change events are emitted during sliding; if false, only when handle is released.
+     * @return {Slider|boolean} When setting a value, returns this component for chaining; otherwise returns the current value.
+     */
+    emitWhileSliding(...args: any[]): Slider | boolean;
+    /**
+     * Indicates if the slider handle is being moved at that moment and not released yet.
+     *
+     * @readonly
+     * @type {boolean}
+     */
+    readonly get isAdjusting(): boolean;
+}
+import { UIComponent } from "./UIComponent.js";

package/types/classes/Spinner.d.ts

@@ -0,0 +1,129 @@
+/**
+ * Component that can hold a number, list items, date/time, and IP addresses. Iterate through numbers or list items with up and down buttons or up and down keys (when Spinner has focus).
+ *
+ * @class
+ * @global
+ */
+export class Spinner extends TextComponent {
+    /**
+     * Defines the available spinner data types.
+     * Determines what type of values the spinner can represent and iterate through.
+     *
+     * @readonly
+     * @enum {number}
+     * @property {number} Number   Spinner holds and iterates through numeric values.
+     * @property {number} List     Spinner iterates through values from a predefined list.
+     * @property {number} DateTime Spinner holds and iterates through date and/or time values.
+     * @property {number} IPv4     Spinner holds and iterates through IPv4 address values.
+     * @property {number} IPv6     Spinner holds and iterates through IPv6 address values.
+     * @see Spinner#constructor
+     */
+    static readonly Type: Readonly<{
+        Number: 0;
+        List: 1;
+        DateTime: 2;
+        IPv4: 3;
+        IPv6: 4;
+    }>;
+    /**
+     * Defines the available step units for {@link Spinner.Type.DateTime} spinners.
+     * Each unit represents the part of the date or time that changes when incremented or decremented.
+     *
+     * @readonly
+     * @enum {number}
+     * @property {number} Era               Represents the era (e.g., BC/AD).
+     * @property {number} Year              Represents the year.
+     * @property {number} Month             Represents the month.
+     * @property {number} WeekOfYear        Represents the week of the year.
+     * @property {number} WeekOfMonth       Represents the week within the month.
+     * @property {number} DayOfMonth        Represents the day of the month.
+     * @property {number} DayOfYear         Represents the day of the year.
+     * @property {number} DayOfWeek         Represents the day of the week.
+     * @property {number} DayOfWeekInMonth  Represents the nth day of the week within a month.
+     * @property {number} AM_PM             Represents AM or PM in a 12-hour clock.
+     * @property {number} Hour              Represents the hour in a 12-hour clock.
+     * @property {number} HourOfDay         Represents the hour in a 24-hour clock.
+     * @property {number} Minute            Represents the minute.
+     * @property {number} Second            Represents the second.
+     * @property {number} Millisecond       Represents the millisecond.
+     * @see Spinner#step
+     */
+    static readonly Step: Readonly<{
+        Era: 0;
+        Year: 1;
+        Month: 2;
+        WeekOfYear: 3;
+        WeekOfMonth: 4;
+        DayOfMonth: 5;
+        DayOfYear: 6;
+        DayOfWeek: 7;
+        DayOfWeekInMonth: 8;
+        AM_PM: 9;
+        Hour: 10;
+        HourOfDay: 11;
+        Minute: 12;
+        Second: 13;
+        Millisecond: 14;
+    }>;
+    /**
+     * Creates a new Spinner component for selecting numbers, list items, dates/times, or IP addresses.
+     *
+     * @param {Spinner.Type} type - Spinner value type. Valid values are Spinner.Type.[Number (default)|List|DateTime|IPv4|IPv6]
+     * @param {string|Array<*>} [list_or_format] - Format of how the value should be displayed (for numbers), or Array of list items (when type is Spinner.DataType.List).
+     * @param {number} [min] - The minimum allowed value (numeric or date)
+     * @param {number} [max] - The maximum allowed value (numeric or date).
+     * @param {number|Spinner.Step} [step] - Step increment used when increasing/decreasing values. Pass `number` for Number type of spinner and `Spinner.Step` for DateTime type.
+     * @example
+     * // Number Type: new Spinner(type, format, min, max, step_size);
+     * new Spinner(Spinner.Type.Number, "0.00", 0, 100, 5);
+     * @example
+     * // List Type: new Spinner(new Array());
+     * new Spinner(Spinner.Type.List, ["Monday","Tuesday","Wednesday","Thursday","Friday"]);
+     * @example
+     * // DateTime type:
+     * new Spinner(Spinner.Type.DateTime, new Date(2000, 0, 1), new Date(2030, 11, 31), "yyyy-MM-dd", Spinner.Step.DayOfMonth);
+     */
+    constructor(type: Readonly<{
+        Number: 0;
+        List: 1;
+        DateTime: 2;
+        IPv4: 3;
+        IPv6: 4;
+    }>, ...args: any[]);
+    /**
+     * Gets or sets the minimum allowed numeric value for the spinner.
+     * Applicable only if the spinner was initialized with {Spinner.Type.Number}, {Spinner.Type.DateTime} or {Spinner.Type.IPv4}.
+     * Returns `null` if spinner type is {Spinner.Type.List}.
+     *
+     * @param {number} [value] - The minimum value to set.
+     * @returns {number | null | Spinner} The current minimum value, `null` if not applicable, or the Spinner instance when setting.
+     */
+    min(...args: any[]): number | null | Spinner;
+    /**
+     * Gets or sets the maximum allowed numeric value for the spinner.
+     * Applicable only if the spinner was initialized with {Spinner.Type.Number}, {Spinner.Type.DateTime} or {Spinner.Type.IPv4}.
+     * Returns `null` if spinner type is {Spinner.Type.List}.
+     *
+     * @param {number} [value] - The maximum value to set.
+     * @returns {number | null | Spinner} The current maximum value, `null` if not applicable, or the Spinner instance when setting.
+     */
+    max(...args: any[]): number | null | Spinner;
+    /**
+     * Gets or sets the step increment/decrement for the spinner when changing values via arrows or keyboard.
+     * Applicable only if the spinner was initialized with {Spinner.Type.Number}, {Spinner.Type.DateTime}, or {Spinner.Type.IPv4}.
+     * Returns `null` if spinner type is {Spinner.Type.List}.
+     *
+     * @param {number} [value] - The step size to set.
+     * @returns {number | null | Spinner} The current step size, `null` if not applicable, or the Spinner instance when setting.
+     */
+    step(...args: any[]): number | null | Spinner;
+    /**
+     * Sets or gets a value displayed in the Spinner component. This method returns number, Date and string types for value depending on the type of the Spinner. To set and get only string value you should use .text() method.
+     *
+     * @param {number|string|Date} value - New value to set. For date/time accepted value types are `Date` object or a string in the format `yyyy-MM-dd HH:mm:ss`, `yyyy-MM-dd`, `HH:mm:ss` or Date.toISOString() string.
+     * @returns {Spinner|number|Date|string} If called without arguments, a current value is returned, otherwise `this` component instance is returned for chaining.
+     * @see Spinner#text
+     */
+    value(...args: any[]): Spinner | number | Date | string;
+}
+import { TextComponent } from "./TextComponent.js";

package/types/classes/SplitView.d.ts

@@ -0,0 +1,47 @@
+/**
+ * A SplitView is a container component that holds two child components separated by a movable divider. The divider can be dragged to resize the space allocated to each component dynamically.
+ *
+ * Extends {@link ComponentContainer}, which extends {@link UIComponent}.
+ *
+ * NOTE: Set .dividerPosition(value) and add both child components before populating them with child components to make sure descendents' anchor settings yields expected result.
+ *
+ * @class
+ * @global
+ * @see ComponentContainer
+ */
+export class SplitView extends ComponentContainer {
+    /**
+     * Sets of gets the position of the divider (from top or left depends on orientation).
+     *
+     * @param {number} [position] - Position of the divider.
+     * @return {number|SplitView} If called without parameters, returns current value; otherwise returns this SplitView component for chaining.
+     * @see SplitView#orientation
+     */
+    dividerPosition(...args: any[]): number | SplitView;
+    /**
+     * Sets of gets the thickness of the divider.
+     *
+     * @param {number} [size] - Thickness of the divider in pixels.
+     * @return {number|SplitView} If called without parameters, returns current value; otherwise returns this SplitView component for chaining.
+     */
+    dividerSize(...args: any[]): number | SplitView;
+    /**
+     * Returns an array of current sizes of both child components as an array of objects {width:number, height:number}.
+     *
+     * @type {Array<{width:number, height:number}>}
+     * @readonly
+     */
+    readonly get panelSizes(): Array<{
+        width: number;
+        height: number;
+    }>;
+    /**
+     * Sets or gets an orientation of two sides in relation to each other.
+     *
+     * @param {Orientation} [orientation] - One of the value: Orientation.Horizontal, Orientation.Vertical
+     * @return {number|SplitView} If called without parameters, returns current value; otherwise returns this SplitView component for chaining.
+     * @see Orientation
+     */
+    orientation(...args: any[]): number | SplitView;
+}
+import { ComponentContainer } from "./ComponentContainer.js";