x4js 2.0.18 → 2.0.20

package/README.md

@@ -1,3 +1,4 @@
+
 # x4 framework
 
 This is the x4 framework repository.

package/lib/src/components/boxes/boxes.ts

@@ -14,11 +14,11 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
 
-import { asap, class_ns, isArray, isNumber, isString } from '@core/core_tools.js';
+import { asap, class_ns, isArray, isNumber, isString } from '../../core/core_tools';
 import { Component, ComponentContent, ComponentEvents, ComponentProps, EvSelectionChange } from "../../core/component"
 
 import "./boxes.module.scss";
-import { EventCallback } from '@core/core_events.js';
+import { EventCallback } from '../../core/core_events';
 
 export interface BoxProps extends ComponentProps {
 	tag?: string;

package/lib/src/components/breadcrumb/breadcrumb.ts

@@ -14,12 +14,12 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
 
-import { class_ns } from '@core/core_tools.js';
-import { parseRoute, Router } from '@core/core_router.js';
+import { class_ns } from '../../core/core_tools';
+import { parseRoute, Router } from '../../core/core_router';
 
 import { BoxProps, Button, HBox, Icon } from '../components';
-import { Component, ComponentEvents, EvClick } from '@core/component.js';
-import { EventCallback } from '@core/core_events.js';
+import { Component, ComponentEvents, EvClick } from '../../core/component';
+import { EventCallback } from '../../core/core_events';
 
 import "./breadcrumb.scss"
 

package/lib/src/components/btngroup/btngroup.ts

@@ -20,12 +20,12 @@ import { class_ns, isString } from '../../core/core_tools';
 import { _tr } from '../../core/core_i18n'
 
 import { Button } from '../button/button';
-import { Box } from '../boxes/boxes.js';
-import { Label } from '../label/label.js';
-import { EvBtnClick } from '../dialog/dialog.js';
+import { Box } from '../boxes/boxes';
+import { Label } from '../label/label';
+import { EvBtnClick } from '../dialog/dialog';
 
 import "./btngroup.module.scss"
-import { Input } from '../components.js';
+import { Input } from '../components';
 
 /**
  * accept "ok" or "ok.<classname>"

package/lib/src/components/button/button.ts

@@ -15,8 +15,8 @@
  **/
 
 import { Component, ComponentEvents, ComponentProps, EvClick } from "../../core/component"
-import { EventCallback } from '../../core/core_events.js';
-import { class_ns, UnsafeHtml } from '../../core/core_tools.js';
+import { EventCallback } from '../../core/core_events';
+import { class_ns, UnsafeHtml } from '../../core/core_tools';
 
 import { Icon } from "../icon/icon"
 

package/lib/src/components/calendar/calendar.ts

@@ -17,7 +17,7 @@
 import { Component, ComponentEvents, ComponentProps, EvChange, Flex } from '../../core/component'
 import { class_ns, date_clone, date_hash, formatIntlDate, Point, unsafeHtml } from "../../core/core_tools"
 import { _tr } from '../../core/core_i18n';
-import { EventCallback } from '../../core/core_events.js';
+import { EventCallback } from '../../core/core_events';
 
 import { Button } from '../button/button';
 import { Label } from '../label/label';

package/lib/src/components/canvas/canvas.ts

@@ -14,10 +14,10 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
 
-import { class_ns } from '@core/core_tools.js';
+import { class_ns } from '../../core/core_tools';
 import { Component, ComponentEvent, ComponentEvents, ComponentProps } from '../../core/component';
 import { EventCallback } from "../../core/core_events"
-import { CanvasEx, createPainter } from './canvas_ex.js';
+import { CanvasEx, createPainter } from './canvas_ex';
 
 import './canvas.module.scss'
 

package/lib/src/components/checkbox/checkbox.ts

@@ -1,14 +1,14 @@
-import { Component, ComponentEvents, ComponentProps, EvChange, makeUniqueComponentId } from '../../core/component.js';
-import { EventCallback } from '../../core/core_events.js';
+import { Component, ComponentEvents, ComponentProps, EvChange, makeUniqueComponentId } from '../../core/component';
+import { EventCallback } from '../../core/core_events';
 
 import { Input } from '../input/input';
 import { Label } from '../label/label';
 
-import { svgLoader } from '../icon/icon.js';
+import { svgLoader } from '../icon/icon';
 
 import "./checkbox.module.scss"
 import icon from "./check.svg";
-import { class_ns } from '@core/core_tools.js';
+import { class_ns } from '../../core/core_tools';
 
 /**
  * Checkbox events

package/lib/src/components/colorinput/colorinput.ts

@@ -15,12 +15,12 @@
  **/
 
 import { Component } from '../../core/component';
-import { isFeatureAvailable, class_ns } from '../../core/core_tools.js';
+import { isFeatureAvailable, class_ns } from '../../core/core_tools';
 import { Color } from '../../core/core_colors';
 
 import { BoxProps, HBox } from '../boxes/boxes';
-import { Input } from '../input/input.js';
-import { Button } from '../button/button.js';
+import { Input } from '../input/input';
+import { Button } from '../button/button';
 
 
 import "./colorinput.module.scss"

package/lib/src/components/combobox/combobox.ts

@@ -15,11 +15,11 @@
  **/
 
 import { Component, ComponentEvents, ComponentProps, EvSelectionChange, makeUniqueComponentId } from '../../core/component';
-import { class_ns, IComponentInterface, IFormElement, kbNav } from '@core/core_tools';
-import { EventCallback } from '@core/core_events';
+import { class_ns, IComponentInterface, IFormElement, kbNav } from '../../core/core_tools';
+import { EventCallback } from '../../core/core_events';
 
 import { Listbox, ListboxID, ListItem } from '../listbox/listbox';
-import { Popup, PopupEvents, PopupProps } from '../popup/popup.js';
+import { Popup, PopupEvents, PopupProps } from '../popup/popup';
 import { Label } from '../label/label';
 import { Input } from '../input/input';
 import { Button } from '../button/button';

package/lib/src/components/dialog/dialog.ts

@@ -15,14 +15,14 @@
  **/
 
 import { Form } from "../form/form.js"
-import { PopupEvents, PopupProps, Popup } from '../popup/popup.js';
+import { PopupEvents, PopupProps, Popup } from '../popup/popup';
 import { BtnGroup, BtnGroupItem } from "../btngroup/btngroup"
-import { HBox } from '../boxes/boxes.js';
-import { Label } from '../label/label.js';
-import { CoreEvent, EventCallback } from '@core/core_events.js';
-import { class_ns, getFocusableElements, IComponentInterface, isString, ITabHandler } from '@core/core_tools.js';
-import { ComponentEvent } from '../../core/component.js';
-import { Button } from '../button/button.js';
+import { HBox } from '../boxes/boxes';
+import { Label } from '../label/label';
+import { CoreEvent, EventCallback } from '../../core/core_events';
+import { class_ns, getFocusableElements, IComponentInterface, isString, ITabHandler } from '../../core/core_tools';
+import { ComponentEvent } from '../../core/component';
+import { Button } from '../button/button';
 
 import "./dialog.module.scss"
 import close_icon from "./xmark-sharp-light.svg";

package/lib/src/components/form/form.ts

@@ -14,7 +14,7 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
 
-import { class_ns, IFormElement } from '@core/core_tools.js';
+import { class_ns, IFormElement } from '../../core/core_tools';
 import { Box, BoxProps } from '../boxes/boxes';
 
 import "./form.module.scss"

package/lib/src/components/header/header.ts

@@ -1,8 +1,8 @@
-import { class_ns } from '@core/core_tools.js';
-import { Component, ComponentProps } from '../../core/component.js';
-import { HBox } from '../boxes/boxes.js';
-import { Label } from '../label/label.js';
-import { CSizer } from '../sizers/sizer.js';
+import { class_ns } from '../../core/core_tools';
+import { Component, ComponentProps } from '../../core/component';
+import { HBox } from '../boxes/boxes';
+import { Label } from '../label/label';
+import { CSizer } from '../sizers/sizer';
 
 import "./header.module.scss"
 

package/lib/src/components/icon/icon.ts

@@ -14,7 +14,7 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
 
-import { class_ns } from '@core/core_tools.js';
+import { class_ns } from '../../core/core_tools';
 import { Component, ComponentProps } from '../../core/component';
 
 import "./icon.module.scss"

package/lib/src/components/image/image.ts

@@ -16,8 +16,8 @@
 
 import { class_ns } from '../../core/core_tools';
 import { Component, ComponentEvents, ComponentProps } from '../../core/component';
-import { EventCallback, CoreEvent } from '../../core/core_events.js';
-import { dragManager } from '../../core/core_dragdrop.js';
+import { EventCallback, CoreEvent } from '../../core/core_events';
+import { dragManager } from '../../core/core_dragdrop';
 
 import { EvDropChange, FileDialog } from '../filedrop/filedrop';
 import { Menu } from '../menu/menu';
@@ -25,7 +25,7 @@ import { Menu } from '../menu/menu';
 
 
 import "./image.module.scss"
-import { _tr } from '@core/core_i18n.js';
+import { _tr } from '../../core/core_i18n';
 
 
 interface ImageEvents extends ComponentEvents {

package/lib/src/components/input/input.ts

@@ -14,9 +14,9 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
 
-import { EventCallback } from '@core/core_events.js';
+import { EventCallback } from '../../core/core_events';
 import { Component, ComponentEvent, ComponentProps, EvChange, EvFocus } from '../../core/component';
-import { class_ns, formatIntlDate, IComponentInterface, IFormElement, isString } from '../../core/core_tools.js';
+import { class_ns, formatIntlDate, IComponentInterface, IFormElement, isString } from '../../core/core_tools';
 
 import "./input.module.scss"
 

package/lib/src/components/keyboard/keyboard.ts

@@ -14,13 +14,13 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
 
-import { Component, ComponentProps, Flex } from '@core/component.js';
-import { Box, BoxProps, Button, HBox, VBox } from '../components.js';
-import { _tr } from '@core/core_i18n.js';
+import { Component, ComponentProps, Flex } from '../../core/component';
+import { Box, BoxProps, Button, HBox, VBox } from '../components';
+import { _tr } from '../../core/core_i18n';
 
 import "./keyboard.module.scss"
-import { class_ns } from '@core/core_tools.js';
-import { Application } from '@core/core_application.js';
+import { class_ns } from '../../core/core_tools';
+import { Application } from '../../core/core_application';
 
 import icon_bksp from "./delete-left.svg";
 import icon_shift from "./arrow-up.svg";

package/lib/src/components/label/label.ts

@@ -18,7 +18,7 @@ import { Component, ComponentProps } from "../../core/component"
 import { Icon } from "../icon/icon"
 
 import "./label.module.scss";
-import { class_ns, UnsafeHtml } from '../../core/core_tools.js';
+import { class_ns, UnsafeHtml } from '../../core/core_tools';
 
 export interface LabelProps extends ComponentProps {
 	text?: string | UnsafeHtml;

package/lib/src/components/listbox/listbox.ts

@@ -15,12 +15,12 @@
  **/
 
 import { Component, ComponentEvent, ComponentEvents, componentFromDOM, ComponentProps, EvChange, EvClick, EvContextMenu, EvDblClick, EvSelectionChange } from '../../core/component';
-import { EventCallback } from '../../core/core_events.js';
-import { kbNav, class_ns, isArray, UnsafeHtml } from '@core/core_tools.js';
+import { EventCallback } from '../../core/core_events';
+import { kbNav, class_ns, isArray, UnsafeHtml } from '../../core/core_tools';
 
 import { ScrollView, Viewport } from '../viewport/viewport';
-import { HBox } from '../boxes/boxes.js';
-import { Label } from '../label/label.js';
+import { HBox } from '../boxes/boxes';
+import { Label } from '../label/label';
 
 import "./listbox.module.scss"
 

package/lib/src/components/messages/messages.ts

@@ -16,7 +16,7 @@ import "./messages.module.scss";
 
 import error_icon from "./circle-exclamation.svg";
 import pen_icon from "./pen-field.svg";
-import { Component } from '@core/component.js';
+import { Component } from '../../core/component';
 
 export interface MessageBoxProps extends DialogProps {
 	message: string;

package/lib/src/components/notification/notification.ts

@@ -14,14 +14,14 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
 
-import { ComponentProps } from '../../core/component.js';
-import { class_ns, Rect, UnsafeHtml } from '../../core/core_tools.js';
-
-import { Popup } from '../popup/popup.js';
-import { HBox, VBox } from '../boxes/boxes.js';
-import { Icon } from '../icon/icon.js';
-import { Label } from '../label/label.js';
-import { Button } from '../button/button.js';
+import { ComponentProps } from '../../core/component';
+import { class_ns, Rect, UnsafeHtml } from '../../core/core_tools';
+
+import { Popup } from '../popup/popup';
+import { HBox, VBox } from '../boxes/boxes';
+import { Icon } from '../icon/icon';
+import { Label } from '../label/label';
+import { Button } from '../button/button';
 
 import "./notification.module.scss";
 

package/lib/src/components/popup/popup.ts

@@ -17,7 +17,7 @@
 import { Component, ComponentEvent, ComponentEvents, ComponentProps, componentFromDOM, makeUniqueComponentId } from "../../core/component"
 
 import { CSizer } from '../sizers/sizer';
-import { Rect, Point, class_ns, asap } from '../../core/core_tools.js';
+import { Rect, Point, class_ns, asap } from '../../core/core_tools';
 import { Box } from '../boxes/boxes'
 
 import "./popup.module.scss"

package/lib/src/components/progress/progress.ts

@@ -14,7 +14,7 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
 
-import { class_ns } from '@core/core_tools.js';
+import { class_ns } from '../../core/core_tools';
 import { Component, ComponentProps } from '../../core/component';
 
 import "./progress.module.scss";

package/lib/src/components/propgrid/propgrid.ts

@@ -22,7 +22,7 @@ import { Input, InputProps } from "../input/input"
 import { ListItem } from "../listbox/listbox"
 import { Label, SimpleText } from "../label/label"
 import { class_ns, isFunction } from '../../core/core_tools';
-import { Icon } from '../components.js'
+import { Icon } from '../components'
 
 import "./progrid.module.scss"
 import updown_icon from "./updown.svg"

package/lib/src/components/radio/radio.ts

@@ -15,8 +15,8 @@
  **/
 
 import { Component, ComponentEvents, ComponentProps, EvChange, makeUniqueComponentId } from '../../core/component';
-import { class_ns } from '@core/core_tools';
-import { EventCallback } from '@core/core_events';
+import { class_ns } from '../../core/core_tools';
+import { EventCallback } from '../../core/core_events';
 
 import { Label } from '../label/label';
 import { Input } from '../input/input'

package/lib/src/components/rating/rating.ts

@@ -14,15 +14,15 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
 
-import { Component, ComponentEvents, componentFromDOM, ComponentProps, EvChange } from '../../core/component.js';
-import { EventCallback } from '../../core/core_events.js';
-import { HBox } from '../boxes/boxes.js';
-import { Input } from '../input/input.js';
-import { Icon } from '../icon/icon.js';
+import { Component, ComponentEvents, componentFromDOM, ComponentProps, EvChange } from '../../core/component';
+import { EventCallback } from '../../core/core_events';
+import { HBox } from '../boxes/boxes';
+import { Input } from '../input/input';
+import { Icon } from '../icon/icon';
 
 import "./rating.module.scss"
 import star_icon from "./star-sharp-solid.svg"
-import { class_ns } from '@core/core_tools.js';
+import { class_ns } from '../../core/core_tools';
 
 interface RatingEventMap extends ComponentEvents {
 	change: EvChange;

package/lib/src/components/select/select.ts

@@ -15,7 +15,7 @@
  **/
 
 
-import { EventCallback } from '../../core/core_events.js';
+import { EventCallback } from '../../core/core_events';
 import { Component, ComponentEvent, ComponentProps, EvChange, EvFocus  } from '../../core/component';
 import { class_ns } from '../../core/core_tools';
 

package/lib/src/components/sizers/sizer.ts

@@ -15,7 +15,7 @@
  **/
 
 import { Component, ComponentEvent, ComponentEvents, ComponentProps, componentFromDOM } from '../../core/component';
-import { class_ns, Point } from '../../core/core_tools.js';
+import { class_ns, Point } from '../../core/core_tools';
 
 import "./sizer.module.scss"
 

package/lib/src/components/slider/slider.ts

@@ -14,12 +14,12 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
 
-import { EventCallback } from '@core/core_events.js';
+import { EventCallback } from '../../core/core_events';
 import { Component, ComponentEvents, ComponentProps, EvChange } from '../../core/component';
-import { class_ns, Rect } from '../../core/core_tools.js';
+import { class_ns, Rect } from '../../core/core_tools';
 
 import { HBox } from '../boxes/boxes';
-import { Input } from '../input/input.js';
+import { Input } from '../input/input';
 
 import './slider.module.scss';
 

package/lib/src/components/switch/switch.ts

@@ -16,13 +16,13 @@
 
 import { Component, ComponentProps, makeUniqueComponentId } from '../../core/component';
 
-//import { Checkbox } from '@controls/controls.js';
+//import { Checkbox } from '@controls/controls';
 import { Input } from '../input/input';
 import { Label } from '../label/label';
-import { HBox } from '../boxes/boxes.js';
+import { HBox } from '../boxes/boxes';
 
 import "./switch.module.scss";
-import { class_ns } from '@core/core_tools.js';
+import { class_ns } from '../../core/core_tools';
 
 interface SwitchProps extends ComponentProps {
 	label: string;

package/lib/src/components/tabs/tabs.ts

@@ -20,7 +20,7 @@ import { Button, ButtonProps } from '../button/button';
 import { HBox, VBox, StackBox } from '../boxes/boxes';
 
 import "./tabs.module.scss"
-import { class_ns } from '@core/core_tools.js';
+import { class_ns } from '../../core/core_tools';
 
 /**
  * 

package/lib/src/components/textarea/textarea.ts

@@ -21,7 +21,7 @@ import { Label } from '../label/label';
 import { VBox } from '../boxes/boxes';
 
 import "./textarea.module.scss";
-import { class_ns, IFormElement } from '@core/core_tools.js';
+import { class_ns, IFormElement } from '../../core/core_tools';
 
 /**
  * 

package/lib/src/components/textedit/textedit.ts

@@ -14,7 +14,7 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
 
-//import { EventCallback } from '@core/core_events.js';
+//import { EventCallback } from '../../core/core_events';
 import { Component, makeUniqueComponentId } from '../../core/component';
 import { class_ns, UnsafeHtml } from '../../core/core_tools';
 

package/lib/src/components/tickline/tickline.ts

@@ -1,6 +1,6 @@
 import { SvgBuilder, SvgComponent } from '../../core/core_svg';
 import { Color } from '../../core/core_colors';
-import { Component, ComponentProps } from '@core/component.js';
+import { Component, ComponentProps } from '../../core/component';
 
 import "./tickline.module.scss"
 

package/lib/src/components/tooltips/tooltips.ts

@@ -18,8 +18,8 @@ import { Component, componentFromDOM, wrapDOM } from '../../core/component';
 import { class_ns, ITipHandler, Point, Rect, Timer, UnsafeHtml, unsafeHtml } from '../../core/core_tools';
 
 import { HBox } from '../boxes/boxes';
-import { Popup, PopupProps } from '../popup/popup.js';
-import { Icon } from '../icon/icon.js';
+import { Popup, PopupProps } from '../popup/popup';
+import { Icon } from '../icon/icon';
 
 import "./tooltips.scss"
 

package/lib/src/components/treeview/treeview.ts

@@ -14,7 +14,7 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
 
-import { class_ns } from '@core/core_tools';
+import { class_ns } from '../../core/core_tools';
 import { Component, ComponentEvent, ComponentEvents, ComponentProps, EvSelectionChange, componentFromDOM } from '../../core/component';
 
 import { ScrollView, Viewport } from '../viewport/viewport';

package/lib/src/components/viewport/viewport.ts

@@ -14,7 +14,7 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
 
-import { class_ns } from '@core/core_tools.js';
+import { class_ns } from '../../core/core_tools';
 import { Component, ComponentProps } from "../../core/component"
 
 import "./viewport.module.scss"

package/lib/src/core/core_application.ts

@@ -14,10 +14,10 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
 
-import { Component, componentFromDOM } from './component.js';
-import { CoreElement } from './core_element.js';
+import { Component, componentFromDOM } from './component';
+import { CoreElement } from './core_element';
 import { CoreEvent, EventMap } from './core_events';
-import { getFocusableElements, ITabHandler } from './core_tools.js';
+import { getFocusableElements, ITabHandler } from './core_tools';
 
 const socket_sent = Symbol( 'socket' );
 

package/lib/src/core/core_data.ts

@@ -15,10 +15,10 @@
  **/
 
 
-import { EvChange } from '@core/component.js';
-import { CoreElement } from '@core/core_element.js';
-import { CoreEvent, EventCallback, EventMap, EventSource } from '@core/core_events.js';
-import { isArray, isString } from '@core/core_tools.js';
+import { EvChange } from './component';
+import { CoreElement } from './core_element';
+import { CoreEvent, EventMap, EventSource } from './core_events';
+import { isArray, isString } from './core_tools';
 
 export type DataRecordID = any;
 export type DataFieldValue = string | Date | number | boolean;

package/lib/src/core/core_element.ts

@@ -14,7 +14,7 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
 
-import { EventMap, EventSource } from './core_events.js';
+import { EventMap, EventSource } from './core_events';
 
 /**
  * 

package/lib/src/core/core_react.ts

@@ -34,8 +34,8 @@
  * 
  */
 
-import { Component } from './component.js';
-import { Constructor, isString } from './core_tools.js';
+import { Component } from './component';
+import { Constructor, isString } from './core_tools';
 
 
 /**

package/lib/src/core/core_router.ts

@@ -14,8 +14,8 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
 
-import { EvChange, EvError } from './component.js';
-import { EventMap, EventSource } from './core_events.js';
+import { EvChange, EvError } from './component';
+import { EventMap, EventSource } from './core_events';
 
 type RouteHandler = ( params: any, path: string ) => void;
 

package/lib/src/core/core_styles.ts

@@ -14,7 +14,7 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
 
-import { isString } from './core_tools.js';
+import { isString } from './core_tools';
 
 export const unitless: Record<string,1> = {
 	animationIterationCount: 1,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "x4js",
-	"version": "2.0.18",
+	"version": "2.0.20",
 	"description": "X4 framework",
 	"author": "etienne cochard",
 	"license": "MIT",

package/src/components/boxes/boxes.ts

@@ -14,11 +14,11 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
 
-import { asap, class_ns, isArray, isNumber, isString } from '@core/core_tools.js';
+import { asap, class_ns, isArray, isNumber, isString } from '../../core/core_tools';
 import { Component, ComponentContent, ComponentEvents, ComponentProps, EvSelectionChange } from "../../core/component"
 
 import "./boxes.module.scss";
-import { EventCallback } from '@core/core_events.js';
+import { EventCallback } from '../../core/core_events';
 
 export interface BoxProps extends ComponentProps {
 	tag?: string;