x4js 2.0.8 → 2.0.10

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

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

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

@@ -14,10 +14,10 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
 
-import { Component, ComponentEvent, ComponentEvents, ComponentProps, Flex } from '@core/component';
-import { EventCallback } from '@core/core_events.js';
-import { isString } from '@core/core_tools';
-import { _tr } from '@core/core_i18n'
+import { Component, ComponentEvent, ComponentEvents, ComponentProps, Flex } from '../../core/component';
+import { EventCallback } from '../../core/core_events';
+import { isString } from '../../core/core_tools';
+import { _tr } from '../../core/core_i18n'
 
 import { Button } from '../button/button';
 import { Box } from '../boxes/boxes.js';
@@ -30,12 +30,8 @@ import "./btngroup.module.scss"
 type predefined = "ok" | "cancel" | "yes" | "no" | "retry" | "abort" | "-";	// - = flex
 export type BtnGroupItem = predefined | Button | Label;
 
-interface BtnClickEvent extends ComponentEvent {
-	emitter: predefined;
-}
-
 interface BtnGroupEvents extends ComponentEvents {
-	btnclick: BtnClickEvent;
+	btnclick: EvBtnClick;
 }
 
 interface BtnGroupProps extends Omit<ComponentProps,"content"> {
@@ -78,7 +74,7 @@ export class BtnGroup extends Box<BtnGroupProps,BtnGroupEvents> {
 		btns?.forEach( (b: string | Component) => {
 
 			if( b==="-" ) {
-				b = new Flex( {} );
+				b = new Flex( );
 			}
 			else if( isString(b) ) {
 				let title: string;
@@ -94,7 +90,7 @@ export class BtnGroup extends Box<BtnGroupProps,BtnGroupEvents> {
 				}
 
 				b = new Button( { label: title, click: ( ) => {
-					this.fire( "btnclick", {emitter:nm} )
+					this.fire( "btnclick", {button:nm as string} )
 				} } );
 			}
 

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

@@ -14,9 +14,9 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
 
-import { Component, ComponentEvents, ComponentProps, EvClick } from "@core/component"
-import { EventCallback } from '@core/core_events.js';
-import { UnsafeHtml } from '@core/core_tools.js';
+import { Component, ComponentEvents, ComponentProps, EvClick } from "../../core/component"
+import { EventCallback } from '../../core/core_events.js';
+import { UnsafeHtml } from '../../core/core_tools.js';
 
 import { Icon } from "../icon/icon"
 

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

@@ -14,18 +14,18 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
 
-import { Component, ComponentEvents, ComponentProps, EvChange, Flex } from '@core/component'
-import { 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 { Component, ComponentEvents, ComponentProps, EvChange, Flex } from '../../core/component'
+import { 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 { Button } from '../button/button';
-import { Popup } from '../popup/popup';
 import { Label } from '../label/label';
 import { HBox, VBox } from '../boxes/boxes'
 import { Menu, MenuItem } from '../menu/menu';
 
 import "./calendar.module.scss"
+
 import icon_prev from "./chevron-left-sharp-light.svg";
 import icon_today from "./calendar-check-sharp-light.svg";
 import icon_next from "./chevron-right-sharp-light.svg";
@@ -145,7 +145,7 @@ export class Calendar extends VBox<CalendarProps, CalendarEventMap>
 		let first = true;
 		while (date_hash(dte) <= end_of_month) {
 
-			let days = [
+			let days: Component[] = [
 				new HBox({ cls: 'weeknum cell', content: new Component({ tag: 'span', content: formatIntlDate(dte, 'w') }) })
 			];
 

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

@@ -1,5 +1,5 @@
-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.js';
+import { EventCallback } from '../../core/core_events.js';
 
 import { Input } from '../input/input';
 import { Label } from '../label/label';
@@ -24,7 +24,7 @@ interface CheckBoxEvents extends ComponentEvents {
 interface CheckboxProps extends ComponentProps {
 	label: string; 			// The text label for the checkbox.
 	checked?: boolean;		// Optional boolean indicating if the checkbox is checked by default.
-	value?: string;			// Optional value associated with the checkbox.
+	value?: boolean | number | string;			// Optional value associated with the checkbox.
 	change?: EventCallback<EvChange>;
 }
 

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

@@ -14,9 +14,9 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
 
-import { Component } from '@core/component';
-import { isFeatureAvailable } from '@core/core_tools.js';
-import { Color } from '@core/core_colors';
+import { Component } from '../../core/component';
+import { isFeatureAvailable } from '../../core/core_tools.js';
+import { Color } from '../../core/core_colors';
 
 import { BoxProps, HBox } from '../boxes/boxes';
 import { Input } from '../input/input.js';

package/lib/src/components/colorpicker/colorpicker.ts

@@ -14,10 +14,10 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
 
-import { Color, Hsv } from '@core/core_colors';
-import { Rect, clamp, isFeatureAvailable } from '@core/core_tools';
+import { Color, Hsv } from '../../core/core_colors';
+import { Rect, clamp, isFeatureAvailable } from '../../core/core_tools';
 
-import { Component, ComponentEvent, ComponentEvents, ComponentProps } from '@core/component';
+import { Component, ComponentEvent, ComponentEvents, ComponentProps } from '../../core/component';
 import { Box, BoxProps, HBox, VBox } from '../boxes/boxes';
 
 import "./colorpicker.module.scss"

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

@@ -14,7 +14,7 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
 
-import { Component, ComponentEvent, ComponentProps, EvChange, EvSelectionChange, makeUniqueComponentId } from '@core/component';
+import { Component, ComponentEvent, ComponentProps, EvChange, EvSelectionChange, makeUniqueComponentId } from '../../core/component';
 import { Listbox, ListboxID, ListItem, kbNav } from '../listbox/listbox';
 import { Popup, PopupEvents, PopupProps } from '../popup/popup.js';
 import { Label } from '../label/label';

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

@@ -19,11 +19,12 @@ import { PopupEvents, PopupProps, Popup } from '../popup/popup.js';
 import { BtnGroup, BtnGroupItem } from "../btngroup/btngroup"
 import { HBox } from '../boxes/boxes.js';
 import { Label } from '../label/label.js';
-import { ComponentContent, ComponentEvent } from '@core/component.js';
+import { ComponentContent, ComponentEvent } from '../../core/component.js';
 import { Button } from '../button/button.js';
 
 import "./dialog.module.scss"
 import close_icon from "./xmark-sharp-light.svg";
+import { CoreEvent } from '@core/core_events.js';
 
 export interface DialogProps extends PopupProps {
 	icon?: string;
@@ -34,7 +35,7 @@ export interface DialogProps extends PopupProps {
 }
 
 
-export interface EvBtnClick extends Event {
+export interface EvBtnClick extends CoreEvent {
 	button: string;
 }
 

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

@@ -1,4 +1,4 @@
-import { Component, ComponentProps } from '@core/component.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';

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 { Component, ComponentProps } from '@core/component';
+import { Component, ComponentProps } from '../../core/component';
 
 import "./icon.module.scss"
 

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

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

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

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

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

@@ -14,11 +14,11 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
 
-import { Component, ComponentProps } from "@core/component"
+import { Component, ComponentProps } from "../../core/component"
 import { Icon } from "../icon/icon"
 
 import "./label.module.scss";
-import { UnsafeHtml } from '@core/core_tools.js';
+import { UnsafeHtml } from '../../core/core_tools.js';
 
 interface LabelProps extends ComponentProps {
 	text?: string | UnsafeHtml;

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

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

package/lib/src/components/menu/menu.ts

@@ -14,9 +14,9 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
 
-import { Component } from "@core/component"
-import { DOMEventHandler } from '@core/core_dom';
-import { Timer, UnsafeHtml, isString } from '@core/core_tools';
+import { Component } from "../../core/component"
+import { DOMEventHandler } from '../../core/core_dom';
+import { Timer, UnsafeHtml, isString } from '../../core/core_tools';
 
 import { Popup, PopupProps } from '../popup/popup';
 import { Icon } from '../icon/icon';

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

@@ -1,7 +1,7 @@
 
 // :: MESSAGEBOX ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 
-import { _tr } from '@core/core_i18n';
+import { _tr } from '../../core/core_i18n';
 
 import { HBox } from '../boxes/boxes';
 import { Icon } from '../icon/icon';
@@ -11,7 +11,7 @@ import { Dialog, DialogProps } from "../dialog/dialog"
 import "./messages.module.scss";
 
 import error_icon from "./circle-exclamation.svg";
-import { asap, UnsafeHtml } from '@core/core_tools.js';
+import { asap, UnsafeHtml } from '../../core/core_tools.js';
 import { Form } from '../form/form.js';
 
 export interface MessageBoxProps extends DialogProps {

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

@@ -14,8 +14,8 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
 
-import { ComponentProps } from '@core/component.js';
-import { Rect, UnsafeHtml } from '@core/core_tools.js';
+import { ComponentProps } from '../../core/component.js';
+import { Rect, UnsafeHtml } from '../../core/core_tools.js';
 
 import { Popup } from '../popup/popup.js';
 import { HBox, VBox } from '../boxes/boxes.js';

package/lib/src/components/panel/panel.ts

@@ -14,8 +14,8 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
 
-import { Component, ComponentContent, ComponentProps } from '@core/component';
-import { UnsafeHtml, Constructor } from '@core/core_tools';
+import { Component, ComponentContent, ComponentProps } from '../../core/component';
+import { UnsafeHtml, Constructor } from '../../core/core_tools';
 
 import { VBox } from '../boxes/boxes';
 import { Label } from '../label/label';

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

@@ -14,9 +14,9 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
 
-import { Component, ComponentEvent, ComponentEvents, ComponentProps, componentFromDOM, makeUniqueComponentId } from "@core/component"
+import { Component, ComponentEvent, ComponentEvents, ComponentProps, componentFromDOM, makeUniqueComponentId } from "../../core/component"
 import { CSizer } from '../sizers/sizer';
-import { Rect, Point } from '@core/core_tools.js';
+import { Rect, Point } from '../../core/core_tools.js';
 
 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 { Component, ComponentProps } from '@core/component';
+import { Component, ComponentProps } from '../../core/component';
 
 import "./progress.module.scss";
 

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

@@ -14,8 +14,8 @@
  * 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 { 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';

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

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

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

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

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

@@ -14,7 +14,7 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
 
-import { Component, ComponentProps, makeUniqueComponentId } from '@core/component';
+import { Component, ComponentProps, makeUniqueComponentId } from '../../core/component';
 
 //import { Checkbox } from '@controls/controls.js';
 import { Input } from '../input/input';

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

@@ -13,8 +13,8 @@
  * Use of this source code is governed by an MIT-style license 
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
-import { Component, ComponentEvents, ComponentProps, EvClick } from '@core/component';
-import { CoreEvent } from '@core/core_events';
+import { Component, ComponentEvents, ComponentProps, EvClick } from '../../core/component';
+import { CoreEvent } from '../../core/core_events';
 
 import { Button, ButtonProps } from '../button/button';
 import { HBox, VBox, StackBox } from '../boxes/boxes';

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

@@ -15,7 +15,7 @@
  **/
 
 import { BaseProps } from '../input/input';
-import { Component } from '@core/component';
+import { Component } from '../../core/component';
 
 import { Label } from '../label/label';
 import { VBox } from '../boxes/boxes';

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

@@ -14,8 +14,8 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
 
-import { Component, ComponentProps, makeUniqueComponentId } from '@core/component';
-import { UnsafeHtml } from '@core/core_tools';
+import { Component, ComponentProps, makeUniqueComponentId } from '../../core/component';
+import { UnsafeHtml } from '../../core/core_tools';
 
 import { HBox } from '../boxes/boxes';
 import { Input, TextInputProps } from "../input/input"

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

@@ -14,8 +14,8 @@
  * that can be found in the LICENSE file or at https://opensource.org/licenses/MIT.
  **/
 
-import { Component, wrapDOM } from '@core/component';
-import { Point, Rect, Timer, UnsafeHtml, unsafeHtml } from '@core/core_tools';
+import { Component, wrapDOM } from '../../core/component';
+import { Point, Rect, Timer, UnsafeHtml, unsafeHtml } from '../../core/core_tools';
 
 import { HBox } from '../boxes/boxes';
 import { Popup, PopupProps } from '../popup/popup.js';

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 { Component, ComponentEvent, ComponentEvents, ComponentProps, componentFromDOM } from '@core/component';
+import { Component, ComponentEvent, ComponentEvents, ComponentProps, componentFromDOM } from '../../core/component';
 
 import { Label } from '../label/label';
 import { ListboxID, ListItem, kbNav } from '../listbox/listbox';

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 { Component, ComponentProps } from "@core/component"
+import { Component, ComponentProps } from "../../core/component"
 
 import "./viewport.module.scss"
 

package/lib/src/core/component.ts

@@ -855,7 +855,7 @@ export class Component<P extends ComponentProps = ComponentProps, E extends Comp
 	 * 
 	 */
 
-	queryInterface<T extends IComponmentInterface>( name: string ): T {
+	queryInterface<T>( name: string ): T {
 		return null;
 	}
 }  

package/lib/src/core/core_styles.ts

@@ -200,7 +200,6 @@ export class ComputedStyle {
 	 */
 	
 	parse( name: keyof CSSStyleDeclaration ) : number {
-		name = pascalCase( name );
 		return parseInt( this.m_style[name] as any  );
 	}
 

package/lib/src/types/scss.d.ts

@@ -0,0 +1,4 @@
+declare module '*.scss' {
+    const content: { [className: string]: string };
+    export default content;
+}

package/lib/src/types/svg.d.ts

@@ -0,0 +1 @@
+declare module '*.svg';

package/lib/src/types/x4react.d.ts

@@ -0,0 +1,9 @@
+export {};
+
+declare global {
+//	namespace JSX {
+//		interface IntrinsicElements {
+//			[elemName: string]: any;
+//		}
+//	}
+}