x4js 1.5.40 → 1.6.0

package/lib/types/spreadsheet.d.ts

@@ -1,222 +0,0 @@
-/**
-*  ___   ___ __
-*  \  \_/  /  / _
-*   \     /  /_| |_
-*   /  _  \____   _|
-*  /__/ \__\   |_|
-*
-* @file spreadsheet.ts
-* @author Etienne Cochard
-*
-* Copyright (c) 2019-2022 R-libre ingenierie
-*
-* Permission is hereby granted, free of charge, to any person obtaining a copy
-* of this software and associated documentation files (the "Software"), to deal
-* in the Software without restriction, including without limitation the rights
-* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
-* of the Software, and to permit persons to whom the Software is furnished to do so,
-* subject to the following conditions:
-* The above copyright notice and this permission notice shall be included in all copies
-* or substantial portions of the Software.
-*
-* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
-* INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
-* PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
-* HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
-* OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
-* SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-**/
-import { Component, EvDblClick, ContainerEventMap, ContainerProps } from './component';
-import { InputProps } from './input';
-import { VLayout } from './layout';
-import { FormatFunc } from './formatters';
-import { EvContextMenu, EvChange, EvSelectionChange, EventCallback } from './x4events';
-export interface EditorFactory {
-    (props: InputProps, row: number, col: number): Component;
-}
-/**
- *
- */
-export interface ColProp {
-    title: string;
-    width: number;
-    formatter?: string;
-    align?: string;
-    cls?: string;
-    min_width?: number;
-    renderer?: FormatFunc;
-    createEditor?: EditorFactory;
-}
-/**
- *
- */
-export interface SpreadsheetEventSet extends ContainerEventMap {
-    change?: EvChange;
-    dblClick?: EvDblClick;
-    selectionChange?: EvSelectionChange;
-    contextMenu?: EvContextMenu;
-}
-/**
- *
- */
-export interface SpreadsheetProps extends ContainerProps {
-    columns: ColProp[];
-    maxrows?: number;
-    autoedit?: boolean;
-    change?: EventCallback<EvChange>;
-    dblClick?: EventCallback<EvDblClick>;
-    selectionChange?: EventCallback<EvSelectionChange>;
-    contextMenu?: EventCallback<EvContextMenu>;
-}
-/**
- *
- */
-export declare class Spreadsheet extends VLayout<SpreadsheetProps, SpreadsheetEventSet> {
-    private m_columns;
-    private m_row_limit;
-    private m_cells_data;
-    private m_rows_data;
-    protected m_view: Component;
-    protected m_container: Component;
-    protected m_header: Component;
-    private m_itemHeight;
-    private m_topIndex;
-    private m_visible_cells;
-    private m_row_count;
-    private m_selection;
-    private m_editor;
-    private m_autoedit;
-    private m_lockupdate;
-    private m_auto_row_count;
-    private m_recycler;
-    private m_used_cells;
-    constructor(props: SpreadsheetProps);
-    componentCreated(): void;
-    setColWidth(col: number, width: number): void;
-    getColWidth(col: number): number;
-    setColTitle(col: number, title: string): void;
-    /**
-     * reset the spreadsheet
-     * @param columns
-     */
-    reset(columns?: ColProp[]): void;
-    /**
-     * insert a row
-     * @param before row number before wich insert the new row
-     */
-    insertRow(before: number): void;
-    /**
-     * remove a row
-     * @param rowtodel row number to remove
-     */
-    deleteRow(rowtodel: number): void;
-    /**
-     * insert a new column
-     * @param before column index before to insert the new column or <0 to append
-     */
-    insertCol(before: number, column: ColProp): void;
-    /**
-     * remove a column
-     * @param coltodel
-     */
-    deleteCol(coltodel: number): void;
-    /**
-     *
-     * @param row
-     * @param col
-     */
-    private _getCellData;
-    private _focus;
-    private _ctxMenu;
-    /** @ignore */
-    render(): void;
-    /**
-     *
-     */
-    private _on_col_resize;
-    /**
-     * compute misc dimensions
-     * - item height
-     * - scroll width
-     */
-    private _computeItemHeight;
-    /**
-     * compute columns widths
-     * use col.width for fixed size columns
-     * if col.width < 0 that mean that this is a proportion of the remaining space
-     */
-    private _calcColWidths;
-    /**
-     * create a cell (component)
-     * and append it to the parent view
-     * if a cell was reviously recyled, use it
-     */
-    private _createCell;
-    /**
-     * build cells of the spreadsheet
-     * cells are recycled when scrolling,
-     * only visibles cells exists
-     */
-    private _buildItems;
-    /** @ignore */
-    private _itemClick;
-    private _itemDblClick;
-    /**
-     *
-     * @param rowIdx
-     * @param colIdx
-     * @param scrollIntoView
-     */
-    protected _selectItem(rowIdx: number, colIdx: number, scrollIntoView?: boolean): void;
-    private _scrollIntoView;
-    /**
-     *
-     * @param row
-     * @param col
-     */
-    private _findItem;
-    /**
-     *
-     */
-    private _updateScroll;
-    /**
-     *
-     * @param event
-     * @param t
-     */
-    private _moveSel;
-    private _handleKey;
-    private _keyPress;
-    /**
-     * return the selection
-     * { row, col }
-     */
-    getSelection(): {
-        row: number;
-        col: number;
-    };
-    select(row: number, col: number, scrollIntoView?: boolean): void;
-    /**
-     * return the row count
-     */
-    rowCount(): number;
-    /**
-     * return the maximum row index filled with something
-     */
-    getMaxRowCount(): number;
-    getColCount(): number;
-    setRowStyle(row: number, cls: string): void;
-    getRowStyle(row: number): string;
-    setCellStyle(row: number, col: number, cls: string): void;
-    getCellText(row: number, col: number): string;
-    getCellNumber(row: number, col: number): number;
-    clearRow(row: number): void;
-    clearCell(row: number, col: number): void;
-    editCurCell(forceText?: string): void;
-    editCell(row: number, col: number, forcedText?: string): void;
-    _setupEditor(): void;
-    killEditor(save: boolean): void;
-    clearData(): void;
-    setCellText(row: number, col: number, value: string): void;
-    lockUpdate(start: boolean): void;
-}

package/lib/types/styles.d.ts

@@ -1,85 +0,0 @@
-/**
-*  ___   ___ __
-*  \  \_/  /  / _
-*   \     /  /_| |_
-*   /  _  \____   _|
-*  /__/ \__\   |_|
-*
-* @file styles.ts
-* @author Etienne Cochard
-*
-* Copyright (c) 2019-2022 R-libre ingenierie
-*
-* Permission is hereby granted, free of charge, to any person obtaining a copy
-* of this software and associated documentation files (the "Software"), to deal
-* in the Software without restriction, including without limitation the rights
-* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
-* of the Software, and to permit persons to whom the Software is furnished to do so,
-* subject to the following conditions:
-* The above copyright notice and this permission notice shall be included in all copies
-* or substantial portions of the Software.
-*
-* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
-* INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
-* PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
-* HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
-* OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
-* SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-**/
-/**
- *  -- [ @STYLESHEET ] -----------------------------------------------------------------
- */
-export declare class Stylesheet {
-    private m_sheet;
-    private m_rules;
-    constructor();
-    /**
-     * add a new rule to the style sheet
-     * @param {string} name - internal rule name
-     * @param {string} definition - css definition of the rule
-     * @example
-     * setRule('xbody', "body { background-color: #ff0000; }" );
-     */
-    setRule(name: string, definition: any): void;
-    /**
-     * return the style variable value
-     * @param name - variable name
-     * @example
-     * ```
-     * let color = Component.getCss( ).getVar( 'button-color' );
-     * ```
-     */
-    static getVar(name: string): any;
-    static guid: number;
-    static doc_style: CSSStyleDeclaration;
-}
-/**
- *  -- [ @CSSPARSER ] -----------------------------------------------------------------
- *
- * adaptation of jss-for-node-js
- */
-export declare class CSSParser {
-    private result;
-    parse(css: any): string;
-    static mk_string(rules: any): string;
-    private parse_json;
-    private makePropertyName;
-    private makeSelectorName;
-    addProperty(scope: string, property: string, value: any): void;
-}
-export declare class ComputedStyle {
-    m_style: CSSStyleDeclaration;
-    constructor(style: CSSStyleDeclaration);
-    /**
-     * return the raw value
-     */
-    value(name: string): string;
-    /**
-     * return the interpreted value
-     */
-    parse(name: string): number;
-    /**
-     *
-     */
-    get style(): CSSStyleDeclaration;
-}

package/lib/types/svgcomponent.d.ts

@@ -1,216 +0,0 @@
-/**
-*  ___   ___ __
-*  \  \_/  /  / _
-*   \     /  /_| |_
-*   /  _  \____   _|
-*  /__/ \__\   |_|
-*
-* @file svgcomponent.ts
-* @author Etienne Cochard
-*
-* Copyright (c) 2019-2022 R-libre ingenierie
-*
-* Permission is hereby granted, free of charge, to any person obtaining a copy
-* of this software and associated documentation files (the "Software"), to deal
-* in the Software without restriction, including without limitation the rights
-* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
-* of the Software, and to permit persons to whom the Software is furnished to do so,
-* subject to the following conditions:
-* The above copyright notice and this permission notice shall be included in all copies
-* or substantial portions of the Software.
-*
-* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
-* INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
-* PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
-* HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
-* OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
-* SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-**/
-import { Component, CProps } from './component';
-/**
- *
- */
-export declare abstract class SVGItem {
-    private m_tag;
-    private m_attrs;
-    private m_style;
-    constructor(tag: string);
-    /**
-     * render the item
-     * @returns
-     */
-    render(): string;
-    /**
-     * change the stroke color
-     * @param color
-     */
-    stroke(color: string, width?: number): this;
-    /**
-     * change the stroke width
-     * @param width
-     */
-    strokeWidth(width: number): this;
-    /**
-     * change the fill color
-     * @param color
-     */
-    fill(color: string): this;
-    /**
-     * define a new attribute
-     * @param name attibute name
-     * @param value attribute value
-     * @returns this
-     */
-    attr(name: string, value: string): this;
-    style(name: string, value: string | number): this;
-    /**
-     * add a class
-     * @param name class name to add
-     */
-    class(name: string): this;
-    /**
-     *
-     */
-    renderAttrs(): string;
-    /**
-     *
-     */
-    renderStyle(): string;
-    /**
-     *
-     */
-    renderContent(): string;
-    /**
-     *
-     */
-    clip(id: string): this;
-    /**
-     *
-     */
-    transform(tr: string): this;
-    /**
-     *
-     */
-    rotate(deg: number, cx: number, cy: number): this;
-    translate(dx: number, dy: number): this;
-    scale(x: number): this;
-}
-/**
- *
- */
-export declare class SVGPath extends SVGItem {
-    private m_path;
-    constructor();
-    renderAttrs(): string;
-    /**
-     * move the current pos
-     * @param x new pos x
-     * @param y new pos y
-     * @returns this
-     */
-    moveTo(x: number, y: number): this;
-    /**
-     * draw aline to the given point
-     * @param x end x
-     * @param y end y
-     * @returns this
-     */
-    lineTo(x: number, y: number): this;
-    /**
-     * close the currentPath
-     */
-    closePath(): this;
-    /**
-     * draw an arc
-     * @param x center x
-     * @param y center y
-     * @param r radius
-     * @param start angle start in degrees
-     * @param end angle end in degrees
-     * @returns this
-     */
-    arc(x: number, y: number, r: number, start: number, end: number): this;
-}
-/**
- *
- */
-export declare class SVGText extends SVGItem {
-    private m_text;
-    constructor(x: number, y: number, txt: string);
-    font(font: string): this;
-    fontSize(size: number | string): this;
-    fontWeight(weight: 'light' | 'normal' | 'bold'): this;
-    textAlign(align: 'left' | 'center' | 'right'): this;
-    verticalAlign(align: 'top' | 'center' | 'bottom'): this;
-    renderContent(): any;
-}
-/**
- *
- */
-export declare class SVGShape extends SVGItem {
-    constructor(tag: string);
-}
-/**
- *
- */
-type number_or_perc = number | `${string}%`;
-export declare class SVGGradient extends SVGItem {
-    private static g_id;
-    private m_id;
-    private m_stops;
-    constructor(x1: number_or_perc, y1: number_or_perc, x2: number_or_perc, y2: number_or_perc);
-    get id(): string;
-    addStop(offset: number_or_perc, color: string): this;
-    renderContent(): string;
-}
-/**
- *
- */
-export declare class SVGGroup extends SVGItem {
-    protected m_items: SVGItem[];
-    constructor(tag?: string);
-    path(): SVGPath;
-    text(x: any, y: any, txt: any): SVGText;
-    ellipse(x: any, y: any, r1: any, r2?: any): SVGShape;
-    rect(x: any, y: any, w: any, h: any): SVGShape;
-    group(): SVGGroup;
-    /**
-     *
-     * example
-     * ```ts
-     * const g = c.linear_gradient( '0%', '0%', '0%', '100%' )
-     * 				.addStop( 0, 'red' )
-     * 				.addStop( 100, 'green' );
-     *
-     * p.rect( 0, 0, 100, 100 )
-     * 		.stroke( g.id );
-     *
-     * ```
-     */
-    linear_gradient(x1: number_or_perc, y1: number_or_perc, x2: number_or_perc, y2: number_or_perc): SVGGradient;
-    /**
-     * clear
-     */
-    clear(): void;
-    renderContent(): string;
-}
-/**
- *
- */
-export declare class SVGPathBuilder extends SVGGroup {
-    private static g_clip_id;
-    constructor();
-    addClip(x: number, y: number, w: number, h: number): string;
-    render(): string;
-}
-/**
- *
- */
-export interface SVGProps extends CProps {
-    viewBox?: string;
-    path?: string;
-}
-export declare class SVGComponent<P extends SVGProps = SVGProps> extends Component<P> {
-    constructor(props: P);
-}
-export {};

package/lib/types/tabbar.d.ts

@@ -1,58 +0,0 @@
-/**
-*  ___   ___ __
-*  \  \_/  /  / _
-*   \     /  /_| |_
-*   /  _  \____   _|
-*  /__/ \__\   |_|
-*
-* @file tabbar.ts
-* @author Etienne Cochard
-*
-* Copyright (c) 2019-2022 R-libre ingenierie
-*
-* Permission is hereby granted, free of charge, to any person obtaining a copy
-* of this software and associated documentation files (the "Software"), to deal
-* in the Software without restriction, including without limitation the rights
-* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
-* of the Software, and to permit persons to whom the Software is furnished to do so,
-* subject to the following conditions:
-* The above copyright notice and this permission notice shall be included in all copies
-* or substantial portions of the Software.
-*
-* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
-* INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
-* PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
-* HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
-* OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
-* SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-**/
-import { Component, Container, ContainerEventMap, CProps, EventHandler } from './component';
-import { EvChange } from './x4events';
-import { IconID } from './icon.js';
-interface TabBarEventMap extends ContainerEventMap {
-    change: EvChange;
-}
-interface TabBarProps extends CProps<TabBarEventMap> {
-    pages?: ITabPage[];
-    default?: string;
-    vertical?: boolean;
-    change: EventHandler<EvChange>;
-}
-export interface ITabPage {
-    id: string;
-    title?: string;
-    icon?: IconID;
-    page: Component;
-}
-export declare class TabBar extends Container<TabBarProps, TabBarEventMap> {
-    private m_pages;
-    private m_curPage;
-    constructor(props: TabBarProps);
-    componentCreated(): void;
-    addPage(page: ITabPage): void;
-    render(): void;
-    select(id: string | null, notify?: boolean): boolean;
-    private _select;
-    get selection(): Component;
-}
-export {};

package/lib/types/tabview.d.ts

@@ -1,49 +0,0 @@
-/**
-*  ___   ___ __
-*  \  \_/  /  / _
-*   \     /  /_| |_
-*   /  _  \____   _|
-*  /__/ \__\   |_|
-*
-* @file tabview.ts
-* @author Etienne Cochard
-*
-* Copyright (c) 2019-2022 R-libre ingenierie
-*
-* Permission is hereby granted, free of charge, to any person obtaining a copy
-* of this software and associated documentation files (the "Software"), to deal
-* in the Software without restriction, including without limitation the rights
-* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
-* of the Software, and to permit persons to whom the Software is furnished to do so,
-* subject to the following conditions:
-* The above copyright notice and this permission notice shall be included in all copies
-* or substantial portions of the Software.
-*
-* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
-* INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
-* PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
-* HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
-* OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
-* SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-**/
-import { Component } from './component';
-import { CardView, CardViewProps, ICardViewItem } from './cardview';
-import { MenuItem } from './menu';
-interface TabProps extends CardViewProps {
-    tab_selector?: boolean;
-    menu?: MenuItem;
-}
-/**
- * Standard TabView class
- */
-export declare class TabView extends CardView<TabProps> {
-    protected m_tab_selector: boolean;
-    protected m_menu: MenuItem;
-    constructor(props: TabProps);
-    /** @ignore */
-    render(): void;
-    protected _updateSelector(): void;
-    protected _prepareSelector(card: ICardViewItem): Component;
-    protected _preparePage(page: Component): void;
-}
-export {};

package/lib/types/textarea.d.ts

@@ -1,77 +0,0 @@
-/**
-*  ___   ___ __
-*  \  \_/  /  / _
-*   \     /  /_| |_
-*   /  _  \____   _|
-*  /__/ \__\   |_|
-*
-* @file textarea.ts
-* @author Etienne Cochard
-*
-* Copyright (c) 2019-2022 R-libre ingenierie
-*
-* Permission is hereby granted, free of charge, to any person obtaining a copy
-* of this software and associated documentation files (the "Software"), to deal
-* in the Software without restriction, including without limitation the rights
-* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
-* of the Software, and to permit persons to whom the Software is furnished to do so,
-* subject to the following conditions:
-* The above copyright notice and this permission notice shall be included in all copies
-* or substantial portions of the Software.
-*
-* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
-* INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
-* PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
-* HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
-* OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
-* SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-**/
-import { Component, CProps, CEventMap } from './component';
-import { EvChange, EventCallback } from './x4events';
-interface TextAreaEventMap extends CEventMap {
-    change: EvChange;
-}
-interface Selection {
-    start: number;
-    end: number;
-}
-export interface TextAreaProps extends CProps {
-    text?: string;
-    readOnly?: boolean;
-    tabIndex?: number;
-    placeHolder?: string;
-    name?: string;
-    rows?: number;
-    autoGrow?: boolean;
-    autoFocus?: boolean;
-    spellcheck?: boolean;
-    change?: EventCallback<EvChange>;
-}
-export declare class TextArea extends Component<TextAreaProps, TextAreaEventMap> {
-    constructor(props: TextAreaProps);
-    /** @ignore */
-    render(props: TextAreaProps): void;
-    private _change;
-    componentCreated(): void;
-    get value(): string;
-    set value(t: string);
-    get text(): string;
-    set text(text: string);
-    private _calcHeight;
-    private _updateHeight;
-    /**
-     * @deprected use appendText
-     * insert text at cursor position
-     */
-    insertText(text: any): void;
-    /**
-     * append the text
-     */
-    appendText(text: any): void;
-    replaceText(text: any): void;
-    getSelection(): Selection;
-    setSelection(sel: Selection): void;
-    getStoreValue(): any;
-    setStoreValue(value: any): void;
-}
-export {};