x4js 1.5.0 → 1.5.1

package/lib/cjs/application.js

@@ -54,6 +54,12 @@ const _x4_touch_time = Symbol();
  * }
  */
 class Application extends base_component_1.BaseComponent {
+    /**
+     * the application singleton
+     */
+    static instance() {
+        return Application.self;
+    }
     constructor(props) {
         var _a, _b, _c;
         console.assert(Application.self === null, 'application is a singleton');
@@ -76,12 +82,6 @@ class Application extends base_component_1.BaseComponent {
             this.ApplicationCreated();
         }
     }
-    /**
-     * the application singleton
-     */
-    static instance() {
-        return Application.self;
-    }
     ApplicationCreated() {
         this.setTitle('');
     }

package/lib/cjs/button.d.ts

@@ -37,7 +37,7 @@ import { MenuItem, MenuOrSep } from './menu';
 interface ButtonEventMap extends CEventMap {
     click: EvClick;
 }
-declare type MenuCallBack = () => MenuOrSep[];
+type MenuCallBack = () => MenuOrSep[];
 /**
  * Button properties
  */

package/lib/cjs/canvas.d.ts

@@ -54,7 +54,7 @@ export interface CanvasPainter extends CanvasRenderingContext2D {
     setFontSize(fs: number): void;
     circle(x: number, y: number, radius: number): void;
 }
-declare type PaintHandler = (ctx: CanvasPainter) => any;
+type PaintHandler = (ctx: CanvasPainter) => any;
 /**
  *
  */

package/lib/cjs/cardview.d.ts

@@ -29,7 +29,7 @@
 import { Component, CProps, CEventMap } from './component';
 import { EvChange } from './x4events';
 import { IconID } from './icon';
-export declare type PageOrCallback = Component | (() => Component);
+export type PageOrCallback = Component | (() => Component);
 export interface ICardViewItem {
     icon?: IconID;
     name: string;

package/lib/cjs/component.d.ts

@@ -84,9 +84,9 @@ export declare const _x4_unitless: {
 /**
  *
  */
-export declare type VoidCallback = () => void;
-export declare type ComponentOrString = Component | string | HtmlString;
-export declare type ComponentContent = ComponentOrString | ComponentOrString[];
+export type VoidCallback = () => void;
+export type ComponentOrString = Component | string | HtmlString;
+export type ComponentContent = ComponentOrString | ComponentOrString[];
 interface IMap<T> {
     [key: string]: T;
 }
@@ -501,7 +501,7 @@ export declare class Space extends Component {
 /**
  * sizable separator
  */
-declare type SizeMode = null | 'minimize' | 'maximize' | 'restore';
+type SizeMode = null | 'minimize' | 'maximize' | 'restore';
 export interface EvSize extends BasicEvent {
     readonly size: Size;
     readonly mode: SizeMode;
@@ -530,7 +530,7 @@ export declare class Separator extends Component<SeparatorProps, SeparatorEventM
 /**
  * properties
  */
-declare type SizerOverlaySens = 'left' | 'top' | 'right' | 'bottom' | 'topleft' | 'topright' | 'bottomleft' | 'bottomright';
+type SizerOverlaySens = 'left' | 'top' | 'right' | 'bottom' | 'topleft' | 'topright' | 'bottomleft' | 'bottomright';
 export interface EvOverlayResize extends BasicEvent {
     ui_event: UIEvent;
     sens: SizerOverlaySens;
@@ -598,4 +598,4 @@ export declare class Container<P extends ContainerProps = ContainerProps, E exte
     /** @ignore this function is binded */
     private _handleKeydown;
 }
-export declare type ComponentConstructor<T> = new (props: CProps) => T;
+export type ComponentConstructor<T> = new (props: CProps) => T;

package/lib/cjs/datastore.d.ts

@@ -28,10 +28,10 @@
 **/
 import { BasicEvent, EvChange, EventSource, EventMap } from './x4events';
 import { BaseComponent, BaseComponentEventMap, BaseComponentProps } from './base_component';
-export declare type ChangeCallback = (type: string, id?: any) => void;
-export declare type CalcCallback = () => string;
-export declare type FieldType = 'string' | 'int' | 'float' | 'date' | 'bool' | 'array' | 'object' | 'any' | 'calc';
-export declare type DataIndex = Uint32Array;
+export type ChangeCallback = (type: string, id?: any) => void;
+export type CalcCallback = () => string;
+export type FieldType = 'string' | 'int' | 'float' | 'date' | 'bool' | 'array' | 'object' | 'any' | 'calc';
+export type DataIndex = Uint32Array;
 interface EvDataChange extends BasicEvent {
     type: string;
     id: any;
@@ -328,7 +328,7 @@ interface DataViewProps extends BaseComponentProps<DataViewEventMap> {
     filter?: FilterInfo;
     order?: string | SortProp[] | SortProp;
 }
-export declare type FilterFunc = (rec: Record) => boolean;
+export type FilterFunc = (rec: Record) => boolean;
 export interface FilterInfo {
     op: '<' | '<=' | '=' | '>=' | '>' | '<>' | 'empty-result' | FilterFunc;
     field?: string;

package/lib/cjs/dialog.d.ts

@@ -51,7 +51,7 @@ export interface DialogBoxEventMap extends PopupEventMap {
     close: EvClose;
     btnClick: EvBtnClick;
 }
-export declare type InitFormCallback = () => Form;
+export type InitFormCallback = () => Form;
 export interface DialogProps<E extends DialogBoxEventMap = DialogBoxEventMap> extends PopupProps<E> {
     title?: string;
     icon?: IconID;

package/lib/cjs/drag_manager.d.ts

@@ -28,8 +28,8 @@
 **/
 import { Component } from './component';
 import { Point } from './tools';
-declare type DropCallback = (command: 'enter' | 'leave' | 'drag' | 'drop', el: Component, point: Point) => void;
-declare type FilterCallback = (el: Component) => boolean;
+type DropCallback = (command: 'enter' | 'leave' | 'drag' | 'drop', el: Component, point: Point) => void;
+type FilterCallback = (el: Component) => boolean;
 /**
  *
  */

package/lib/cjs/form.d.ts

@@ -32,8 +32,8 @@ import { Button } from './button';
 import { RequestProps } from './request';
 import { EventCallback } from './x4events';
 import { EvBtnClick } from './dialog';
-export declare type FormBtn = 'ok' | 'cancel' | 'ignore' | 'yes' | 'no' | 'close' | 'save' | 'dontsave';
-export declare type FormButtons = (FormBtn | Button | Component)[];
+export type FormBtn = 'ok' | 'cancel' | 'ignore' | 'yes' | 'no' | 'close' | 'save' | 'dontsave';
+export type FormButtons = (FormBtn | Button | Component)[];
 export interface FormEventMap extends ContainerEventMap {
     btnClick?: EvBtnClick;
 }

package/lib/cjs/formatters.d.ts

@@ -26,7 +26,7 @@
 * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 **/
-export declare type FormatFunc = (input: any, rec: any) => string;
+export type FormatFunc = (input: any, rec: any) => string;
 export declare function setCurrencySymbol(symbol: string | null): void;
 export declare function sql_date_formatter(input: any): string;
 export declare function date_formatter(input: any): string;

package/lib/cjs/gridview.d.ts

@@ -51,10 +51,10 @@ export interface GridColumn {
     cls?: string;
     sortable?: boolean;
 }
-export declare type CellRenderer = (rec: Record) => Component;
-export declare type RowClassifier = (rec: Record, Row: Component) => void;
-export declare type ContextMenuGridItem = (event: MouseEvent, item: Record, grid: GridView) => any;
-declare type emptyFn = () => string;
+export type CellRenderer = (rec: Record) => Component;
+export type RowClassifier = (rec: Record, Row: Component) => void;
+export type ContextMenuGridItem = (event: MouseEvent, item: Record, grid: GridView) => any;
+type emptyFn = () => string;
 interface GridViewEventMap extends ContainerEventMap {
     dblClick?: EvDblClick;
     selectionChange?: EvSelectionChange;

package/lib/cjs/icon.d.ts

@@ -28,7 +28,7 @@
 **/
 import { Component, CProps } from './component';
 import { BasicEvent } from './x4events';
-export declare type IconID = string | number;
+export type IconID = string | number;
 export interface IconProps extends CProps {
     icon: IconID;
     size?: number;

package/lib/cjs/icon.js

@@ -154,6 +154,11 @@ class Icon extends component_1.Component {
                 }
                 match_var = reVar.exec(icon);
             }
+            // <svg ...>
+            if (icon.startsWith('<svg')) {
+                this._setSVG('data:image/svg+xml;utf8,' + icon);
+                return;
+            }
             //	svg( <svg-filename> )	-> 	svg( "mysvgfile.svg" )	
             //	<svg-filename>.svg 		->  "mysvgfile.svg"
             const reSvg = /\s*svg\s*\(\s*(.+)\s*\)\s*/gi;

package/lib/cjs/input.d.ts

@@ -27,7 +27,7 @@
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 **/
 import { Component, CProps, CEventMap } from './component';
-export declare type EditType = 'text' | 'number' | 'email' | 'date' | 'password' | 'file' | 'checkbox' | 'radio';
+export type EditType = 'text' | 'number' | 'email' | 'date' | 'password' | 'file' | 'checkbox' | 'radio';
 export interface ValueHook {
     get(): any;
     set(v: any): void;

package/lib/cjs/md5.js

@@ -57,13 +57,6 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 THE SOFTWARE.
 */
 class Md5 {
-    constructor() {
-        this._state = new Int32Array(4);
-        this._buffer = new ArrayBuffer(68);
-        this._buffer8 = new Uint8Array(this._buffer, 0, 68);
-        this._buffer32 = new Uint32Array(this._buffer, 0, 17);
-        this.start();
-    }
     static hashStr(str, raw = false) {
         return this.onePassHasher
             .start()
@@ -237,6 +230,13 @@ class Md5 {
         x[2] = c + x[2] | 0;
         x[3] = d + x[3] | 0;
     }
+    constructor() {
+        this._state = new Int32Array(4);
+        this._buffer = new ArrayBuffer(68);
+        this._buffer8 = new Uint8Array(this._buffer, 0, 68);
+        this._buffer32 = new Uint32Array(this._buffer, 0, 17);
+        this.start();
+    }
     start() {
         this._dataLength = 0;
         this._bufferLength = 0;

package/lib/cjs/menu.d.ts

@@ -40,7 +40,7 @@ export declare class MenuTitle extends Label {
 /**
  * Standard Menu
  */
-export declare type MenuOrSep = MenuItem | MenuSeparator | MenuTitle;
+export type MenuOrSep = MenuItem | MenuSeparator | MenuTitle;
 export interface MenuProps extends PopupProps {
     items?: MenuOrSep[];
 }

package/lib/cjs/property_editor.d.ts

@@ -34,7 +34,7 @@ import { Record } from './datastore';
 export interface SaveCallback {
     (id: any, record: any[]): void;
 }
-export declare type IPropertyField = {
+export type IPropertyField = {
     id: any;
     title: string;
     type: Function | "string" | 'number' | 'boolean' | 'choice' | 'password' | 'button' | 'color';

package/lib/cjs/router.d.ts

@@ -27,7 +27,7 @@
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 **/
 import { EventSource, EvError, EventMap } from "./x4events";
-declare type RouteHandler = (params: any, path: string) => void;
+type RouteHandler = (params: any, path: string) => void;
 interface RouterEventMap extends EventMap {
     error: EvError;
 }

package/lib/cjs/textedit.d.ts

@@ -30,7 +30,7 @@ import { Component, EvFocus, HtmlString } from './component';
 import { Input, InputProps, InputEventMap } from './input';
 import { IconID } from './icon';
 import { EvClick, EvChange, EventCallback } from './x4events';
-declare type ValidationFunction = (value: string) => string;
+type ValidationFunction = (value: string) => string;
 interface TextEditEventMap extends InputEventMap {
     click: EvClick;
     change: EvChange;

package/lib/cjs/tools.d.ts

@@ -51,7 +51,7 @@ export declare function parseIntlFloat(num: string): number;
  */
 export declare function pascalCase(string: string): string;
 export declare function camelCase(text: string): string;
-export declare type Constructor<T> = new (...args: any[]) => T;
+export type Constructor<T> = new (...args: any[]) => T;
 export declare class Point {
     x: number;
     y: number;

package/lib/cjs/tools.js

@@ -980,13 +980,16 @@ exports.Clipboard = Clipboard;
  */
 function crc32(str) {
     let crc = ~0;
-    for (let i = 0, l = str.length; i < l; i++) {
-        crc = (crc >>> 8) ^ crc32tab[(crc ^ str.charCodeAt(i)) & 0xff];
+    let buf = Buffer.from(str);
+    let i = 0, l = buf.length;
+    while (i < l) {
+        crc = (crc >>> 8) ^ crc32tab[(crc ^ buf[i]) & 0xff];
+        i++;
     }
-    return Math.abs(crc ^ -1);
+    return (crc ^ -1) >>> 0;
 }
 exports.crc32 = crc32;
-var crc32tab = [
+var crc32tab = new Int32Array([
     0x00000000, 0x77073096, 0xee0e612c, 0x990951ba,
     0x076dc419, 0x706af48f, 0xe963a535, 0x9e6495a3,
     0x0edb8832, 0x79dcb8a4, 0xe0d5e91e, 0x97d2d988,
@@ -1051,7 +1054,7 @@ var crc32tab = [
     0xbad03605, 0xcdd70693, 0x54de5729, 0x23d967bf,
     0xb3667a2e, 0xc4614ab8, 0x5d681b02, 0x2a6f2b94,
     0xb40bbe37, 0xc30c8ea1, 0x5a05df1b, 0x2d02ef8d
-];
+]);
 // :: MIXINS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 /**
  * taken from this excellent article:

package/lib/cjs/tooltips.d.ts

@@ -42,5 +42,5 @@ export declare class Tooltip extends Component {
     */
     displayAt(x: number, y: number, align?: string): void;
 }
-export declare type TooltipHandler = (text: string) => void;
+export type TooltipHandler = (text: string) => void;
 export declare function initTooltips(cb?: TooltipHandler): void;

package/lib/cjs/x4events.d.ts

@@ -26,7 +26,7 @@
 * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 **/
-export declare type EventCallback<T extends BasicEvent = BasicEvent> = (event: T) => any;
+export type EventCallback<T extends BasicEvent = BasicEvent> = (event: T) => any;
 export interface EventDisposer {
     dispose(): void;
 }
@@ -144,7 +144,7 @@ export interface EventTypes {
 /**
  * convert an EventMap to a EventType
  */
-export declare type MapEvents<Type> = {
+export type MapEvents<Type> = {
     [Property in keyof Type]?: (ev: Type[Property]) => any;
 };
 /**

package/lib/esm/button.d.ts

@@ -37,7 +37,7 @@ import { MenuItem, MenuOrSep } from './menu';
 interface ButtonEventMap extends CEventMap {
     click: EvClick;
 }
-declare type MenuCallBack = () => MenuOrSep[];
+type MenuCallBack = () => MenuOrSep[];
 /**
  * Button properties
  */

package/lib/esm/canvas.d.ts

@@ -54,7 +54,7 @@ export interface CanvasPainter extends CanvasRenderingContext2D {
     setFontSize(fs: number): void;
     circle(x: number, y: number, radius: number): void;
 }
-declare type PaintHandler = (ctx: CanvasPainter) => any;
+type PaintHandler = (ctx: CanvasPainter) => any;
 /**
  *
  */

package/lib/esm/cardview.d.ts

@@ -29,7 +29,7 @@
 import { Component, CProps, CEventMap } from './component';
 import { EvChange } from './x4events';
 import { IconID } from './icon';
-export declare type PageOrCallback = Component | (() => Component);
+export type PageOrCallback = Component | (() => Component);
 export interface ICardViewItem {
     icon?: IconID;
     name: string;

package/lib/esm/component.d.ts

@@ -84,9 +84,9 @@ export declare const _x4_unitless: {
 /**
  *
  */
-export declare type VoidCallback = () => void;
-export declare type ComponentOrString = Component | string | HtmlString;
-export declare type ComponentContent = ComponentOrString | ComponentOrString[];
+export type VoidCallback = () => void;
+export type ComponentOrString = Component | string | HtmlString;
+export type ComponentContent = ComponentOrString | ComponentOrString[];
 interface IMap<T> {
     [key: string]: T;
 }
@@ -501,7 +501,7 @@ export declare class Space extends Component {
 /**
  * sizable separator
  */
-declare type SizeMode = null | 'minimize' | 'maximize' | 'restore';
+type SizeMode = null | 'minimize' | 'maximize' | 'restore';
 export interface EvSize extends BasicEvent {
     readonly size: Size;
     readonly mode: SizeMode;
@@ -530,7 +530,7 @@ export declare class Separator extends Component<SeparatorProps, SeparatorEventM
 /**
  * properties
  */
-declare type SizerOverlaySens = 'left' | 'top' | 'right' | 'bottom' | 'topleft' | 'topright' | 'bottomleft' | 'bottomright';
+type SizerOverlaySens = 'left' | 'top' | 'right' | 'bottom' | 'topleft' | 'topright' | 'bottomleft' | 'bottomright';
 export interface EvOverlayResize extends BasicEvent {
     ui_event: UIEvent;
     sens: SizerOverlaySens;
@@ -598,4 +598,4 @@ export declare class Container<P extends ContainerProps = ContainerProps, E exte
     /** @ignore this function is binded */
     private _handleKeydown;
 }
-export declare type ComponentConstructor<T> = new (props: CProps) => T;
+export type ComponentConstructor<T> = new (props: CProps) => T;

package/lib/esm/datastore.d.ts

@@ -28,10 +28,10 @@
 **/
 import { BasicEvent, EvChange, EventSource, EventMap } from './x4events';
 import { BaseComponent, BaseComponentEventMap, BaseComponentProps } from './base_component';
-export declare type ChangeCallback = (type: string, id?: any) => void;
-export declare type CalcCallback = () => string;
-export declare type FieldType = 'string' | 'int' | 'float' | 'date' | 'bool' | 'array' | 'object' | 'any' | 'calc';
-export declare type DataIndex = Uint32Array;
+export type ChangeCallback = (type: string, id?: any) => void;
+export type CalcCallback = () => string;
+export type FieldType = 'string' | 'int' | 'float' | 'date' | 'bool' | 'array' | 'object' | 'any' | 'calc';
+export type DataIndex = Uint32Array;
 interface EvDataChange extends BasicEvent {
     type: string;
     id: any;
@@ -328,7 +328,7 @@ interface DataViewProps extends BaseComponentProps<DataViewEventMap> {
     filter?: FilterInfo;
     order?: string | SortProp[] | SortProp;
 }
-export declare type FilterFunc = (rec: Record) => boolean;
+export type FilterFunc = (rec: Record) => boolean;
 export interface FilterInfo {
     op: '<' | '<=' | '=' | '>=' | '>' | '<>' | 'empty-result' | FilterFunc;
     field?: string;

package/lib/esm/dialog.d.ts

@@ -51,7 +51,7 @@ export interface DialogBoxEventMap extends PopupEventMap {
     close: EvClose;
     btnClick: EvBtnClick;
 }
-export declare type InitFormCallback = () => Form;
+export type InitFormCallback = () => Form;
 export interface DialogProps<E extends DialogBoxEventMap = DialogBoxEventMap> extends PopupProps<E> {
     title?: string;
     icon?: IconID;

package/lib/esm/drag_manager.d.ts

@@ -28,8 +28,8 @@
 **/
 import { Component } from './component';
 import { Point } from './tools';
-declare type DropCallback = (command: 'enter' | 'leave' | 'drag' | 'drop', el: Component, point: Point) => void;
-declare type FilterCallback = (el: Component) => boolean;
+type DropCallback = (command: 'enter' | 'leave' | 'drag' | 'drop', el: Component, point: Point) => void;
+type FilterCallback = (el: Component) => boolean;
 /**
  *
  */

package/lib/esm/form.d.ts

@@ -32,8 +32,8 @@ import { Button } from './button';
 import { RequestProps } from './request';
 import { EventCallback } from './x4events';
 import { EvBtnClick } from './dialog';
-export declare type FormBtn = 'ok' | 'cancel' | 'ignore' | 'yes' | 'no' | 'close' | 'save' | 'dontsave';
-export declare type FormButtons = (FormBtn | Button | Component)[];
+export type FormBtn = 'ok' | 'cancel' | 'ignore' | 'yes' | 'no' | 'close' | 'save' | 'dontsave';
+export type FormButtons = (FormBtn | Button | Component)[];
 export interface FormEventMap extends ContainerEventMap {
     btnClick?: EvBtnClick;
 }

package/lib/esm/formatters.d.ts

@@ -26,7 +26,7 @@
 * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 **/
-export declare type FormatFunc = (input: any, rec: any) => string;
+export type FormatFunc = (input: any, rec: any) => string;
 export declare function setCurrencySymbol(symbol: string | null): void;
 export declare function sql_date_formatter(input: any): string;
 export declare function date_formatter(input: any): string;

package/lib/esm/gridview.d.ts

@@ -51,10 +51,10 @@ export interface GridColumn {
     cls?: string;
     sortable?: boolean;
 }
-export declare type CellRenderer = (rec: Record) => Component;
-export declare type RowClassifier = (rec: Record, Row: Component) => void;
-export declare type ContextMenuGridItem = (event: MouseEvent, item: Record, grid: GridView) => any;
-declare type emptyFn = () => string;
+export type CellRenderer = (rec: Record) => Component;
+export type RowClassifier = (rec: Record, Row: Component) => void;
+export type ContextMenuGridItem = (event: MouseEvent, item: Record, grid: GridView) => any;
+type emptyFn = () => string;
 interface GridViewEventMap extends ContainerEventMap {
     dblClick?: EvDblClick;
     selectionChange?: EvSelectionChange;

package/lib/esm/icon.d.ts

@@ -28,7 +28,7 @@
 **/
 import { Component, CProps } from './component';
 import { BasicEvent } from './x4events';
-export declare type IconID = string | number;
+export type IconID = string | number;
 export interface IconProps extends CProps {
     icon: IconID;
     size?: number;

package/lib/esm/icon.js

@@ -144,6 +144,11 @@ export class Icon extends Component {
                 }
                 match_var = reVar.exec(icon);
             }
+            // <svg ...>
+            if (icon.startsWith('<svg')) {
+                this._setSVG('data:image/svg+xml;utf8,' + icon);
+                return;
+            }
             //	svg( <svg-filename> )	-> 	svg( "mysvgfile.svg" )	
             //	<svg-filename>.svg 		->  "mysvgfile.svg"
             const reSvg = /\s*svg\s*\(\s*(.+)\s*\)\s*/gi;

package/lib/esm/input.d.ts

@@ -27,7 +27,7 @@
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 **/
 import { Component, CProps, CEventMap } from './component';
-export declare type EditType = 'text' | 'number' | 'email' | 'date' | 'password' | 'file' | 'checkbox' | 'radio';
+export type EditType = 'text' | 'number' | 'email' | 'date' | 'password' | 'file' | 'checkbox' | 'radio';
 export interface ValueHook {
     get(): any;
     set(v: any): void;

package/lib/esm/menu.d.ts

@@ -40,7 +40,7 @@ export declare class MenuTitle extends Label {
 /**
  * Standard Menu
  */
-export declare type MenuOrSep = MenuItem | MenuSeparator | MenuTitle;
+export type MenuOrSep = MenuItem | MenuSeparator | MenuTitle;
 export interface MenuProps extends PopupProps {
     items?: MenuOrSep[];
 }

package/lib/esm/property_editor.d.ts

@@ -34,7 +34,7 @@ import { Record } from './datastore';
 export interface SaveCallback {
     (id: any, record: any[]): void;
 }
-export declare type IPropertyField = {
+export type IPropertyField = {
     id: any;
     title: string;
     type: Function | "string" | 'number' | 'boolean' | 'choice' | 'password' | 'button' | 'color';

package/lib/esm/router.d.ts

@@ -27,7 +27,7 @@
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 **/
 import { EventSource, EvError, EventMap } from "./x4events";
-declare type RouteHandler = (params: any, path: string) => void;
+type RouteHandler = (params: any, path: string) => void;
 interface RouterEventMap extends EventMap {
     error: EvError;
 }

package/lib/esm/textedit.d.ts

@@ -30,7 +30,7 @@ import { Component, EvFocus, HtmlString } from './component';
 import { Input, InputProps, InputEventMap } from './input';
 import { IconID } from './icon';
 import { EvClick, EvChange, EventCallback } from './x4events';
-declare type ValidationFunction = (value: string) => string;
+type ValidationFunction = (value: string) => string;
 interface TextEditEventMap extends InputEventMap {
     click: EvClick;
     change: EvChange;

package/lib/esm/tools.d.ts

@@ -51,7 +51,7 @@ export declare function parseIntlFloat(num: string): number;
  */
 export declare function pascalCase(string: string): string;
 export declare function camelCase(text: string): string;
-export declare type Constructor<T> = new (...args: any[]) => T;
+export type Constructor<T> = new (...args: any[]) => T;
 export declare class Point {
     x: number;
     y: number;

package/lib/esm/tools.js

@@ -945,12 +945,15 @@ export class Clipboard {
  */
 export function crc32(str) {
     let crc = ~0;
-    for (let i = 0, l = str.length; i < l; i++) {
-        crc = (crc >>> 8) ^ crc32tab[(crc ^ str.charCodeAt(i)) & 0xff];
+    let buf = Buffer.from(str);
+    let i = 0, l = buf.length;
+    while (i < l) {
+        crc = (crc >>> 8) ^ crc32tab[(crc ^ buf[i]) & 0xff];
+        i++;
     }
-    return Math.abs(crc ^ -1);
+    return (crc ^ -1) >>> 0;
 }
-var crc32tab = [
+var crc32tab = new Int32Array([
     0x00000000, 0x77073096, 0xee0e612c, 0x990951ba,
     0x076dc419, 0x706af48f, 0xe963a535, 0x9e6495a3,
     0x0edb8832, 0x79dcb8a4, 0xe0d5e91e, 0x97d2d988,
@@ -1015,7 +1018,7 @@ var crc32tab = [
     0xbad03605, 0xcdd70693, 0x54de5729, 0x23d967bf,
     0xb3667a2e, 0xc4614ab8, 0x5d681b02, 0x2a6f2b94,
     0xb40bbe37, 0xc30c8ea1, 0x5a05df1b, 0x2d02ef8d
-];
+]);
 // :: MIXINS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 /**
  * taken from this excellent article:

package/lib/esm/tooltips.d.ts

@@ -42,5 +42,5 @@ export declare class Tooltip extends Component {
     */
     displayAt(x: number, y: number, align?: string): void;
 }
-export declare type TooltipHandler = (text: string) => void;
+export type TooltipHandler = (text: string) => void;
 export declare function initTooltips(cb?: TooltipHandler): void;

package/lib/esm/x4events.d.ts

@@ -26,7 +26,7 @@
 * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 **/
-export declare type EventCallback<T extends BasicEvent = BasicEvent> = (event: T) => any;
+export type EventCallback<T extends BasicEvent = BasicEvent> = (event: T) => any;
 export interface EventDisposer {
     dispose(): void;
 }
@@ -144,7 +144,7 @@ export interface EventTypes {
 /**
  * convert an EventMap to a EventType
  */
-export declare type MapEvents<Type> = {
+export type MapEvents<Type> = {
     [Property in keyof Type]?: (ev: Type[Property]) => any;
 };
 /**

package/lib/styles/x4.css

@@ -320,6 +320,7 @@ textarea::selection {
   display: flex;
   flex-direction: row;
   align-items: center;
+  gap: 4px;
   outline: none;
   cursor: pointer;
   font-family: var(--x4-font);
@@ -336,8 +337,8 @@ textarea::selection {
   color: inherit;
 }
 .x-base-button .x-svg-icon {
-  width: 100%;
-  height: 100%;
+  width: 1rem;
+  height: 1rem;
   margin: 0;
 }
 .x-base-button:focus {
@@ -471,6 +472,7 @@ textarea::selection {
   border-bottom: 1px solid transparent;
   margin-top: 1px;
   line-height: 1.3em;
+  width: 24px;
 }
 .x-text-edit input::placeholder,
 .x-combo-box input::placeholder,
@@ -502,7 +504,7 @@ textarea::selection {
   color: var(--gray-900);
   border: none;
   margin: 0;
-  padding: 0;
+  padding: 4px;
   height: 2em;
   margin-top: 1px;
 }

package/lib/styles/x4.less

@@ -407,6 +407,7 @@ textarea {
 	display: flex;
 	flex-direction: row;
 	align-items: center;
+	gap: 4px;
 	outline: none;
 	cursor: pointer;
 	font-family: var( --x4-font );
@@ -426,8 +427,8 @@ textarea {
 	}
 
 	.x-svg-icon {
-		width: 100%;
-		height: 100%;
+		width: 1rem;
+		height: 1rem;
 		margin: 0;
 	}
 
@@ -585,6 +586,7 @@ textarea {
 		border-bottom: 1px solid transparent;
 		margin-top: 1px; // hack alignement label / edit
 		line-height: 1.3em;
+		width: 24px; // fix min-content
 
 		&::placeholder {
 			color: var( --gray-800 );
@@ -613,7 +615,7 @@ textarea {
 		border: none;
 
 		margin: 0;
-		padding: 0;
+		padding: 4px;
 		height: 2em;
 		margin-top: 1px;
 

package/lib/ts_src/icon.ts

@@ -186,6 +186,12 @@ export class Icon extends Component<IconProps>
 
 				match_var = reVar.exec( icon );
 			}
+
+			// <svg ...>
+			if( icon.startsWith('<svg') ) {
+				this._setSVG( 'data:image/svg+xml;utf8,'+icon);
+				return;
+			}
 			
 			//	svg( <svg-filename> )	-> 	svg( "mysvgfile.svg" )	
 			//	<svg-filename>.svg 		->  "mysvgfile.svg"

package/lib/ts_src/tools.ts

@@ -1208,15 +1208,20 @@ export class Clipboard {
  */
 
 export function crc32(str) {
-
 	let crc = ~0;
-	for (let i = 0, l = str.length; i < l; i++) {
-		crc = (crc >>> 8) ^ crc32tab[(crc ^ str.charCodeAt(i)) & 0xff];
-	}
-	return Math.abs(crc ^ -1);
+	let buf = Buffer.from( str );
+
+	let i = 0,
+		l = buf.length;
+	while( i<l ) {
+        crc = (crc >>> 8) ^ crc32tab[(crc ^ buf[i]) & 0xff];
+		i++;
+    }
+
+    return (crc ^ -1)>>>0;
 }
 
-var crc32tab = [
+var crc32tab = new Int32Array([
 	0x00000000, 0x77073096, 0xee0e612c, 0x990951ba,
 	0x076dc419, 0x706af48f, 0xe963a535, 0x9e6495a3,
 	0x0edb8832, 0x79dcb8a4, 0xe0d5e91e, 0x97d2d988,
@@ -1281,7 +1286,7 @@ var crc32tab = [
 	0xbad03605, 0xcdd70693, 0x54de5729, 0x23d967bf,
 	0xb3667a2e, 0xc4614ab8, 0x5d681b02, 0x2a6f2b94,
 	0xb40bbe37, 0xc30c8ea1, 0x5a05df1b, 0x2d02ef8d
-];
+]);
 
 
 // :: MIXINS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

package/lib/ts_src/x4.less

@@ -407,6 +407,7 @@ textarea {
 	display: flex;
 	flex-direction: row;
 	align-items: center;
+	gap: 4px;
 	outline: none;
 	cursor: pointer;
 	font-family: var( --x4-font );
@@ -426,8 +427,8 @@ textarea {
 	}
 
 	.x-svg-icon {
-		width: 100%;
-		height: 100%;
+		width: 1rem;
+		height: 1rem;
 		margin: 0;
 	}
 
@@ -585,6 +586,7 @@ textarea {
 		border-bottom: 1px solid transparent;
 		margin-top: 1px; // hack alignement label / edit
 		line-height: 1.3em;
+		width: 24px; // fix min-content
 
 		&::placeholder {
 			color: var( --gray-800 );
@@ -613,7 +615,7 @@ textarea {
 		border: none;
 
 		margin: 0;
-		padding: 0;
+		padding: 4px;
 		height: 2em;
 		margin-top: 1px;
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "x4js",
-	"version": "1.5.0",
+	"version": "1.5.1",
 	"description": "X4js core files",
 	"main": "lib/cjs/index.js",
 	"types": "lib/cjs/index.d.ts",