x4js 1.4.3 → 1.4.4

package/lib/base_component.d.ts

@@ -1,64 +0,0 @@
-/**
-*  ___  ___ __
-*  \  \/  /  / _
-*   \    /  /_| |_
-*   /    \____   _|
-*  /__/\__\   |_|
-*
-* @file base_component.ts
-* @author Etienne Cochard
-* @copyright (c) 2022 R-libre ingenierie, all rights reserved.
-*
-**/
-import { EventMap, MapEvents, EventSource, EvTimer } from './x4_events';
-/**
- * Timer Callback
- * @see EvTimer, startTimer, stopTimer
- */
-interface TimerCallback {
-    (name: string, time: number): void;
-}
-/**
- * BaseComponent EventMap
- */
-export interface BaseComponentEventMap extends EventMap {
-    timer: EvTimer;
-}
-/**
- * BaseCompoment Properties
- */
-export interface BaseComponentProps<T = BaseComponentEventMap> {
-    events?: MapEvents<T>;
-}
-/**
- * BaseComponent class
- */
-export declare class BaseComponent<P extends BaseComponentProps<BaseComponentEventMap>, E extends BaseComponentEventMap> extends EventSource<E> {
-    #private;
-    protected m_props: P;
-    constructor(props: P);
-    /**
-     * start a new timer
-     * @param name timer name
-     * @param timeout time out in ms
-     * @param repeat if true this is an auto repeat timer
-     * @param callback if !null, the callback to call else a EvTimer is fired
-     */
-    startTimer(name: string, timeout: number, repeat?: boolean, callback?: TimerCallback): void;
-    /**
-     * stop the given timer
-     * @param name
-     */
-    stopTimer(name: string): void;
-    /**
-     * stop all timers
-     */
-    disposeTimers(): void;
-    /**
-     *
-     * @param callback
-     * @param timeout
-     */
-    singleShot(callback: TimerCallback, timeout?: number): void;
-}
-export {};

package/lib/base_component.js

@@ -1,77 +0,0 @@
-/**
-*  ___  ___ __
-*  \  \/  /  / _
-*   \    /  /_| |_
-*   /    \____   _|
-*  /__/\__\   |_|
-*
-* @file base_component.ts
-* @author Etienne Cochard
-* @copyright (c) 2022 R-libre ingenierie, all rights reserved.
-*
-**/
-import { EventSource, EvTimer } from './x4_events';
-/**
- * BaseComponent class
- */
-export class BaseComponent extends EventSource {
-    m_props;
-    #m_timers;
-    constructor(props) {
-        super();
-        //this.m_props = { ...props };
-        this.m_props = props;
-        if (props.events) {
-            this.listen(props.events);
-        }
-    }
-    /**
-     * start a new timer
-     * @param name timer name
-     * @param timeout time out in ms
-     * @param repeat if true this is an auto repeat timer
-     * @param callback if !null, the callback to call else a EvTimer is fired
-     */
-    startTimer(name, timeout, repeat = true, callback = null) {
-        if (!this.#m_timers) {
-            this.#m_timers = new Map();
-        }
-        else {
-            this.stopTimer(name);
-        }
-        const id = (repeat ? setInterval : setTimeout)((tm) => {
-            if (callback) {
-                callback(name, tm);
-            }
-            else {
-                this.emit('timer', EvTimer(name, tm));
-            }
-        }, timeout);
-        this.#m_timers.set(name, () => { (repeat ? clearInterval : clearTimeout)(id); });
-    }
-    /**
-     * stop the given timer
-     * @param name
-     */
-    stopTimer(name) {
-        const clear = this.#m_timers.get(name);
-        if (clear) {
-            clear();
-        }
-    }
-    /**
-     * stop all timers
-     */
-    disposeTimers() {
-        this.#m_timers?.forEach(v => v());
-        this.#m_timers = undefined;
-    }
-    /**
-     *
-     * @param callback
-     * @param timeout
-     */
-    singleShot(callback, timeout = 0) {
-        setTimeout(callback, timeout);
-    }
-}

package/lib/button.d.ts

@@ -1,145 +0,0 @@
-/**
-*  ___  ___ __
-*  \  \/  /  / _
-*   \    /  /_| |_
-*   /    \____   _|
-*  /__/\__\   |_|
-*
-* @file button.ts
-* @author Etienne Cochard
-* @license
-* Copyright (c) 2019-2021 R-libre ingenierie
-*
-* This program is free software; you can redistribute it and/or modify
-* it under the terms of the GNU General Public License as published by
-* the Free Software Foundation; either version 3 of the License, or
-* (at your option) any later version.
-*
-* This program is distributed in the hope that it will be useful,
-* but WITHOUT ANY WARRANTY; without even the implied warranty of
-* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-* GNU General Public License for more details.
-*
-* You should have received a copy of the GNU General Public License along with this program. If not, see <https://www.gnu.org/licenses/>.
-**/
-import { Component, CProps, CEventMap, HtmlString } from './component';
-import { EventCallback, EvClick, EvChange } from './x4_events';
-import { IconID } from './icon';
-import { MenuItem, MenuOrSep } from './menu';
-/**
- * Button events
- */
-interface ButtonEventMap extends CEventMap {
-    click: EvClick;
-}
-declare type MenuCallBack = () => MenuOrSep[];
-/**
- * Button properties
- */
-interface ButtonProps<E extends ButtonEventMap = ButtonEventMap> extends CProps<E> {
-    text?: string | HtmlString;
-    icon?: IconID;
-    rightIcon?: IconID;
-    align?: 'center' | 'left' | 'right';
-    autoRepeat?: number;
-    menu?: MenuOrSep[] | MenuCallBack;
-    click?: EventCallback<EvClick>;
-}
-/**
- * Base button
- */
-export declare class BaseButton<P extends ButtonProps = ButtonProps, E extends ButtonEventMap = ButtonEventMap> extends Component<P, E> {
-    constructor(props: P);
-    render(props: ButtonProps): void;
-    /**
-     * starts/stops the autorepeat
-     */
-    private _startAutoRep;
-    /**
-     *
-     */
-    protected _handleKeyDown(ev: KeyboardEvent): void;
-    /**
-     * called by the system on click event
-     */
-    protected _handleClick(ev: MouseEvent): void;
-    /**
-     * sends a click to the observers
-     */
-    protected _sendClick(): void;
-    /**
-     * change the button text
-     * @example
-     * ```ts
-     * let btn = new Button( {
-     * 	text: 'hello'
-     * });
-     *
-     * btn.text = 'world';
-     * ```
-     */
-    set text(text: string | HtmlString);
-    get text(): string | HtmlString;
-    /**
-     * change the button icon
-     * todo: do nothing if no icon defined at startup
-     *
-     * @example
-     * ```ts
-     * let btn = new Button( {
-     * 	text: 'hello',
-     *  icon: 'close'
-     * });
-     * btn.setIcon( 'open' );
-     * ```
-     */
-    set icon(icon: IconID);
-    get icon(): IconID;
-    /**
-     * change the button right icon
-     * todo: do nothing if no icon defined at startup
-     *
-     * @example
-     * ```ts
-     * let btn = new Button( {
-     * 	text: 'hello',
-     *  icon: 'close'
-     * });
-     * btn.setIcon( 'open' );
-     * ```
-     */
-    set rightIcon(icon: IconID);
-    get rightIcon(): IconID;
-    /**
-     *
-     */
-    set menu(items: MenuItem[]);
-}
-/**
- *
- */
-export declare class Button extends BaseButton<ButtonProps> {
-}
-interface ToggleButtonEventMap extends ButtonEventMap {
-    change: EvChange;
-}
-interface ToggleButtonProps extends ButtonProps<ToggleButtonEventMap> {
-    checked: boolean;
-    checkedIcon?: IconID;
-}
-/**
- *
- */
-export declare class ToggleButton extends BaseButton<ToggleButtonProps, ToggleButtonEventMap> {
-    constructor(props: ToggleButtonProps);
-    /**
-     *
-     */
-    render(props: ToggleButtonProps): void;
-    /**
-     *
-     */
-    protected _sendClick(): void;
-    private _updateIcon;
-}
-export {};

package/lib/button.js

@@ -1,235 +0,0 @@
-/**
-*  ___  ___ __
-*  \  \/  /  / _
-*   \    /  /_| |_
-*   /    \____   _|
-*  /__/\__\   |_|
-*
-* @file button.ts
-* @author Etienne Cochard
-* @license
-* Copyright (c) 2019-2021 R-libre ingenierie
-*
-* This program is free software; you can redistribute it and/or modify
-* it under the terms of the GNU General Public License as published by
-* the Free Software Foundation; either version 3 of the License, or
-* (at your option) any later version.
-*
-* This program is distributed in the hope that it will be useful,
-* but WITHOUT ANY WARRANTY; without even the implied warranty of
-* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-* GNU General Public License for more details.
-*
-* You should have received a copy of the GNU General Public License along with this program. If not, see <https://www.gnu.org/licenses/>.
-**/
-import { Component } from './component';
-import { EvClick, EvChange } from './x4_events';
-import { Icon } from './icon';
-import { Label } from './label';
-import { Menu } from './menu';
-import { isFunction } from './tools';
-/**
- * Base button
- */
-export class BaseButton extends Component {
-    constructor(props) {
-        super(props);
-        this.setProp('tag', 'button');
-        this.setDomEvent('click', (e) => this._handleClick(e));
-        this.setDomEvent('mousedown', () => { this._startAutoRep(true); });
-        this.setDomEvent('mouseup', () => { this._startAutoRep(false); });
-        this.setDomEvent('keydown', (e) => this._handleKeyDown(e));
-        this.mapPropEvents(props, 'click');
-    }
-    render(props) {
-        let icon = props.icon ? new Icon({ icon: props.icon, cls: 'left', ref: 'l_icon' }) : null;
-        let label = new Label({ flex: 1, text: props.text ?? '', align: props.align, ref: 'label' });
-        let ricon = props.rightIcon ? new Icon({ icon: props.rightIcon, cls: 'right', ref: 'r_icon' }) : null;
-        this.setContent([icon, label, ricon]);
-        this._setTabIndex(props.tabIndex);
-    }
-    /**
-     * starts/stops the autorepeat
-     */
-    _startAutoRep(start) {
-        if (!this.m_props.autoRepeat) {
-            return;
-        }
-        if (start) {
-            // 1st timer 1s
-            this.startTimer('repeat', 700, false, () => {
-                // auto click
-                this.startTimer('repeat', this.m_props.autoRepeat, true, this._sendClick);
-            });
-        }
-        else {
-            this.stopTimer('repeat');
-        }
-    }
-    /**
-     *
-     */
-    _handleKeyDown(ev) {
-        if (!ev.ctrlKey && !ev.shiftKey && !ev.altKey) {
-            if (ev.key == 'Enter' || ev.key == ' ') {
-                this._sendClick();
-                ev.preventDefault();
-                ev.stopPropagation();
-            }
-        }
-    }
-    /**
-     * called by the system on click event
-     */
-    _handleClick(ev) {
-        if (this.m_props.menu) {
-            let menu = new Menu({
-                items: isFunction(this.m_props.menu) ? this.m_props.menu() : this.m_props.menu
-            });
-            let rc = this.getBoundingRect();
-            menu.displayAt(rc.left, rc.bottom, 'tl');
-        }
-        else {
-            this._sendClick();
-        }
-        ev.preventDefault();
-        ev.stopPropagation();
-    }
-    /**
-     * sends a click to the observers
-     */
-    _sendClick() {
-        if (this.m_props.menu) {
-            let menu = new Menu({
-                items: isFunction(this.m_props.menu) ? this.m_props.menu() : this.m_props.menu
-            });
-            let rc = this.getBoundingRect();
-            menu.displayAt(rc.left, rc.bottom, 'tl');
-        }
-        else {
-            this.emit('click', EvClick());
-        }
-    }
-    /**
-     * change the button text
-     * @example
-     * ```ts
-     * let btn = new Button( {
-     * 	text: 'hello'
-     * });
-     *
-     * btn.text = 'world';
-     * ```
-     */
-    set text(text) {
-        this.m_props.text = text;
-        let label = this.itemWithRef('label');
-        if (label) {
-            label.text = text;
-        }
-    }
-    get text() {
-        let label = this.itemWithRef('label');
-        return label?.text;
-    }
-    /**
-     * change the button icon
-     * todo: do nothing if no icon defined at startup
-     *
-     * @example
-     * ```ts
-     * let btn = new Button( {
-     * 	text: 'hello',
-     *  icon: 'close'
-     * });
-     * btn.setIcon( 'open' );
-     * ```
-     */
-    set icon(icon) {
-        this.m_props.icon = icon;
-        let ico = this.itemWithRef('l_icon');
-        if (ico) {
-            ico.icon = icon;
-        }
-        else {
-            this.update();
-        }
-    }
-    get icon() {
-        let ico = this.itemWithRef('l_icon');
-        return ico?.icon;
-    }
-    /**
-     * change the button right icon
-     * todo: do nothing if no icon defined at startup
-     *
-     * @example
-     * ```ts
-     * let btn = new Button( {
-     * 	text: 'hello',
-     *  icon: 'close'
-     * });
-     * btn.setIcon( 'open' );
-     * ```
-     */
-    set rightIcon(icon) {
-        this.m_props.rightIcon = icon;
-        let ico = this.itemWithRef('r_icon');
-        if (ico) {
-            ico.icon = icon;
-        }
-    }
-    get rightIcon() {
-        let ico = this.itemWithRef('l_icon');
-        return ico?.icon;
-    }
-    /**
-     *
-     */
-    set menu(items) {
-        this.m_props.menu = items;
-    }
-}
-// :: BUTTON ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
-/**
- *
- */
-export class Button extends BaseButton {
-}
-/**
- *
- */
-export class ToggleButton extends BaseButton {
-    constructor(props) {
-        super(props);
-    }
-    /**
-     *
-     */
-    render(props) {
-        super.render(props);
-        if (props.checked) {
-            this.addClass('checked');
-            this._updateIcon();
-        }
-    }
-    /**
-     *
-     */
-    _sendClick() {
-        super._sendClick();
-        this.m_props.checked = !this.m_props.checked;
-        this.setClass('checked', this.m_props.checked);
-        this.emit('change', EvChange(this.m_props.checked));
-        this._updateIcon();
-    }
-    _updateIcon() {
-        if (this.m_props.checkedIcon) {
-            const ic = this.m_props.checked ? this.m_props.checkedIcon : this.m_props.icon;
-            let ico = this.itemWithRef('l_icon');
-            if (ico) {
-                ico.icon = ic;
-            }
-        }
-    }
-}

package/lib/calendar.d.ts

@@ -1,77 +0,0 @@
-/**
-*  ___  ___ __
-*  \  \/  /  / _
-*   \    /  /_| |_
-*   /    \____   _|
-*  /__/\__\   |_|
-*
-* @file calendar.ts
-* @author Etienne Cochard
-* @license
-* Copyright (c) 2019-2021 R-libre ingenierie
-*
-* This program is free software; you can redistribute it and/or modify
-* it under the terms of the GNU General Public License as published by
-* the Free Software Foundation; either version 3 of the License, or
-* (at your option) any later version.
-*
-* This program is distributed in the hope that it will be useful,
-* but WITHOUT ANY WARRANTY; without even the implied warranty of
-* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-* GNU General Public License for more details.
-*
-* You should have received a copy of the GNU General Public License along with this program. If not, see <https://www.gnu.org/licenses/>.
-**/
-import { Popup } from './popup';
-import { CProps, ContainerEventMap } from './component';
-import { EvChange, EventCallback } from './x4_events';
-import { VLayout } from './layout';
-interface CalendarEventMap extends ContainerEventMap {
-    change?: EvChange;
-}
-interface CalendarProps extends CProps<CalendarEventMap> {
-    date?: Date;
-    minDate?: Date;
-    maxDate?: Date;
-    change?: EventCallback<EvChange>;
-}
-/**
- * default calendar control
- *
- * fires:
- * 	EventChange ( value = Date )
- */
-export declare class Calendar extends VLayout<CalendarProps, CalendarEventMap> {
-    private m_date;
-    constructor(props: CalendarProps);
-    /** @ignore */
-    render(props: CalendarProps): void;
-    /**
-     * select the given date
-     * @param date
-     */
-    private select;
-    /**
-     *
-     */
-    private _next;
-    /**
-     *
-     */
-    private _choose;
-    get date(): Date;
-    set date(date: Date);
-}
-/**
- * default popup calendar
- */
-export declare class PopupCalendar extends Popup {
-    m_cal: Calendar;
-    constructor(props: CalendarProps);
-    private _handleClick;
-    /** @ignore */
-    show(modal?: boolean): void;
-    /** @ignore */
-    close(): void;
-}
-export {};