x4js 2.2.47 → 2.2.49

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x4js",
-  "version": "2.2.47",
+  "version": "2.2.49",
   "type": "module",
   "main": "src/x4.ts",
   "module": "src/x4.ts",
@@ -35,6 +35,7 @@
   "devDependencies": {
     "typescript": "^5.8.3",
     "typedoc": "^0.28.19",
-    "typedoc-plugin-markdown": "^4.12.0"
+    "typedoc-plugin-markdown": "latest",
+    "typedoc-plugin-missing-exports": "latest"
   }
 }

package/src/components/breadcrumb/breadcrumb.ts

@@ -55,6 +55,13 @@ interface BreadcrumbsProps extends BoxProps{
 
 /**
  * 
+ * @cssvar
+ * ```
+ * --breadcrumbs-background
+ * --breadcrumbs-icon-color
+ * --breadcrumbs-link-color
+ * --breadcrumbs-active-color
+ * ```
  */
 
 @class_ns( "x4" )

package/src/components/button/button.ts

@@ -24,6 +24,7 @@ import { Icon } from "../icon/icon"
 import "./button.module.scss";
 
 
+
 /**
  * Button events
  */
@@ -76,13 +77,22 @@ export interface ButtonProps extends ComponentProps {
 /**
  * Represents a clickable button component.
  * 
- * Generates the CSS class **x4button** based on the class name.
- * The button can contain an optional icon and label, supports keyboard activation,
- * and may trigger auto-repeated click events while pointer is held down.
- * 
+ * @cssvar
+ * ```
+ * 	--button-background
+ * 	--button-color
+ * 	--button-background-hover
+ * 	--button-color-hover
+ * 	--button-background-active
+ * 	--button-color-active
+ * 	--button-background-focus
+ * 	--button-color-focus
+ * 	--button-background-disabled
+ * 	--button-color-disabled
+ * 	--button-icon-color
+ * ```
  */
 
-
 @class_ns( "x4" )
 export class Button extends Component<ButtonProps,ButtonEvents> {
 

package/src/components/calendar/calendar.ts

@@ -48,7 +48,25 @@ interface CalendarProps extends ComponentProps {
  * default calendar control
  * 
  * fires:
- * 	EventChange ( value = Date )
+ * 		EventChange ( value = Date )
+ * 
+ * @cssvar
+ * ```
+ * --calendar-btn-background
+ * --calendar-btn-color
+ * --calendar-btn-color
+ * --calendar-week-color
+ * --calendar-week-color-hover
+ * --calendard-day-background-hover
+ * --calendard-day-color-hover
+ * --calendar-sel-background
+ * --calendar-sel-color
+ * --calendar-today-background
+ * --calendar-today-color
+ * --calendar-today-border
+ * --calendar-header-color
+ * --calendar-out-color
+ * ```
  */
 
 @class_ns( "x4" )

package/src/components/checkbox/checkbox.ts

@@ -31,6 +31,17 @@ interface CheckboxProps extends ComponentProps {
 
 /**
  * Checkbox component that can be checked or unchecked.
+ * 
+ * @cssvar
+ * ```
+ * --checkbox-background-check
+ * --checkbox-background-check-hover
+ * --checkbox-background-disabled
+ * --checkbox-background-disabled-check
+ * --checkbox-color-disabled
+ * --checkbox-check-border
+ * --checkbox-check-border-hover
+ * ```
  */
 
 @class_ns( "x4" )

package/src/components/colorinput/colorinput.ts

@@ -38,7 +38,12 @@ interface ColorInputProps extends BoxProps {
 }
 
 /**
- * 
+ * @cssvar
+ * ```
+ * --colorinput-btn-background
+ * --colorinput-btn-color
+ * --colorinput-btn-color-hover
+ * ```
  */
 
 @class_ns( "x4" )

package/src/components/combobox/combobox.ts

@@ -87,6 +87,20 @@ interface ComboboxProps extends Omit<ComponentProps,"content"> {
 	selectionChange?: EventCallback<EvSelectionChange>,
 }
 
+/**
+ * @cssvar
+ * ```
+ * --dropdown-border
+ * --dropdown-background
+ * --combobox-border
+ * --combobox-border-focus
+ * --combobox-btn-background
+ * --combobox-btn-color
+ * --combobox-btn-color-hover
+ * --combo-tree-indent
+ * ```
+ */
+
 @class_ns( "x4" )
 export class Combobox extends Component<ComboboxProps,ComboboxEvents> {
 

package/src/components/dialog/dialog.ts

@@ -50,7 +50,11 @@ interface DialogEvents extends PopupEvents {
 }
 
 /**
- * 
+ * @cssvar
+ * ```
+ * --color-dialog-caption
+ * --color-dialog-caption-text
+ * ```
  */
 
 @class_ns("x4")

package/src/components/filedrop/filedrop.ts

@@ -36,6 +36,16 @@ interface FileDialogProps extends ComponentProps {
 	callback: LoadCallback;
 }
 
+/**
+ * @cssvar
+ * ```
+ * --filedrop-border
+ * --filedrop-icon-color
+ * --filedrop-border-drop-hover
+ * --filedrop-icon-color-hover
+ * ```
+ */
+
 export class FileDialog extends Component {
 
 	constructor( props: FileDialogProps ) {

package/src/components/form/form.ts

@@ -29,7 +29,10 @@ export interface FormProps extends BoxProps {
 type ValidationFn = ( values: FormValues, is_valid: boolean ) => boolean;
 
 /**
- * 
+ * @cssvar
+ * ```
+ * --form--background
+ * ```
  */
 
 @class_ns( "x4" )

package/src/components/gauge/gauge.ts

@@ -40,6 +40,15 @@ export const simpleColorStop = [
 	'var(--gauge-base-color)'
 ]
 
+/**
+ * @cssvar
+ * ```
+ * --gauge-base-color
+ * --gauge-needle-back
+ * --gauge-needle-dot
+ * ```
+ */
+
 @class_ns( "x4" )
 export class Gauge extends Component<GaugeProps> {
 

package/src/components/gridview/gridview.ts

@@ -95,7 +95,34 @@ export interface GridviewProps extends ComponentProps {
  */
 
 /**
- * 
+ * @cssvar
+ * ```
+ * --gridview-background
+ * --gridview-border
+ * --gridview-header-cell-background
+ * --gridview-header-cell-color
+ * --gridview-header-cell-vline
+ * --gridview-header-cell-border
+ * --grid-check-background
+ * --grid-check-color
+ * --grid-check-background-hover
+ * --grid-check-color-hover
+ * --grid-perc-background
+ * --grid-perc-color
+ * --grid-perc-background-hover
+ * --grid-perc-color-hover
+ * --gridview-cell-color
+ * --gridview-cell-color-sel
+ * --gridview-cell-vline
+ * --gridview-row-background
+ * --gridview-row-odd-background
+ * --gridview-row-border
+ * --gridview-row-background-hover
+ * --gridview-row-background-hover-sel
+ * --gridview-row-background-sel
+ * --gridview-row-color-sel
+ * --gridview-fix-border
+ * ```
  */
 
 @class_ns("x4")

package/src/components/header/header.ts

@@ -20,13 +20,13 @@ interface HeaderProps extends Omit<ComponentProps,"content"> {
 
 /**
  * by default when a header item is resized, the 'target' style '--{name}-width' is updated
- * if you listbox has a header and 3 cols named A, B, C then in your css, use
  * 
- * .my-listbox {
- *    --A-width: 10px;
- *    --B-width: 50px;
- *    --C-width: 100px;
- * }
+ * @cssvar
+ * ```
+ * --header-background-hover
+ * --header-sizer-hover
+ * --header-color
+ * ```
  */
 
 @class_ns( "x4" )

package/src/components/image/image.ts

@@ -32,6 +32,7 @@ interface ImageEvents extends ComponentEvents {
 	change: EvDropChange;
 	clear: CoreEvent;
 }
+
 export interface ImageProps extends ComponentProps {
 	src: string;
 	fit?: "contain" | "cover" | "fill" | "scale-down";
@@ -49,6 +50,10 @@ export interface ImageProps extends ComponentProps {
 
 /**
  * 
+ * @cssvar
+ * ```
+ * --image-border-drop-hover
+ * ```
  */
 
 @class_ns( "x4" )

package/src/components/input/input.ts

@@ -198,6 +198,15 @@ interface InputEvents extends ComponentEvent {
  *   change: (e) => console.log("Checked:", e.value)
  * });
  * ```
+ * 
+ * @cssvar
+ * ```
+ * --input-sel-background
+ * --input-sel-color
+ * --input-placeholder
+ * --input-error
+ * --input-checkbox-color
+ * ```
  */
 
 @class_ns( "x4" )

package/src/components/keyboard/keyboard.ts

@@ -99,6 +99,14 @@ interface KeyboardProps extends BoxProps {
 
 }
 
+/**
+ * @cssvar
+ * ```
+ * --keyboard-key-background
+ * --keyboard-hilite-color
+ * --keyboard-zoom
+ * ```
+ */
 @class_ns( "x4" )
 export class Keyboard extends HBox<KeyboardProps>
 {

package/src/components/label/label.ts

@@ -28,7 +28,13 @@ export interface LabelProps extends ComponentProps {
 }
 
 /**
- * 
+ * @cssvar
+ * ```
+ * --label-background
+ * --label-color
+ * --label-icon-color
+ * --label-color-disa
+ * ```
  */
 
 @class_ns( "x4" )

package/src/components/link/link.ts

@@ -41,6 +41,10 @@ interface LinkProps extends ComponentProps {
 	click?: EventCallback<EvClick>;
 }
 
+/**
+ * 
+ */
+
 @class_ns( "x4" )
 export class Link extends Component<LinkProps,LinkEvents> {
 	constructor( props: LinkProps ) {

package/src/components/listbox/listbox.ts

@@ -75,7 +75,20 @@ export interface ListboxProps extends Omit<ComponentProps,'content'> {
 }
 
 /**
- * 
+ * @cssvar
+ * ```
+ * --listbox-item-color
+ * --listbox-icon-color
+ * --listbox-item-color-disabled
+ * --listbox-item-color-sel
+ * --listbox-item-background-sel
+ * --listbox-item-color-sel-disabled
+ * --listbox-item-color-hover
+ * --listbox-item-background-hover
+ * --listbox-background
+ * --listbox-border
+ * --listbox-border-focus
+ * ```
  */
 
 @class_ns( "x4" )

package/src/components/menu/menu.ts

@@ -47,7 +47,16 @@ export interface MenuProps extends Omit<PopupProps,"content"> {
 }
 
 /**
- * 
+ * @cssvar
+ * ```
+ * --menu-background
+ * --menu-border
+ * --menuitem-color
+ * --menuitem-background-active
+ * --menuitem-color-active
+ * --menuitem-background-hover
+ * --menuitem-color-hover
+ * ```
  */
 
 @class_ns( "x4" )

package/src/components/messages/messages.ts

@@ -29,6 +29,12 @@ export interface MessageBoxProps extends DialogProps {
 
 /**
  * 
+ * @cssvar
+ * ```
+ * --msgbox-caption-background
+ * --msgbox-caption-color
+ * --msgbox-icon-color
+ * ```
  */
 
 @class_ns( "x4" )

package/src/components/notification/notification.ts

@@ -42,7 +42,14 @@ interface NotificationProps extends ComponentProps {
 }
 
 /**
- * 
+ * @cssvar
+ * ```
+ * --notification-border
+ * --notification-background
+ * --notification-icon-default
+ * --notification-icon-success
+ * --notification-icon-danger
+ * ```
  */
 
 @class_ns( "x4" )

package/src/components/panel/panel.ts

@@ -29,7 +29,11 @@ interface PanelProps extends ComponentProps {
 }
 
 /**
- * 
+ * @cssvar
+ * ```
+ * --panel-border
+ * --panel-title-color
+ * ```
  */
 
 @class_ns( "x4" )

package/src/components/popup/popup.ts

@@ -46,7 +46,10 @@ function getRoot( ) {
 }
 
 /**
- * 
+ * @cssvar
+ * ```
+ * --modal-mask-background
+ * ```
  */
 
 @class_ns( "x4" )
@@ -395,7 +398,7 @@ export class Popup<P extends PopupProps = PopupProps, E extends PopupEvents = Po
 
 
 /**
- * 
+ * @internal
  */
 
 export 

package/src/components/progress/progress.ts

@@ -25,6 +25,14 @@ interface ProgressProps extends ComponentProps {
 	max: number;
 }
 
+/**
+ * @cssvar
+ * ```
+ * --progress-background
+ * --progress-color
+ * ```
+ */
+
 @class_ns( "x4" )
 export class Progress extends Component<ProgressProps> {
 

package/src/components/propgrid/propgrid.ts

@@ -59,6 +59,13 @@ export interface PropertyProps extends ComponentProps {
 	groups: PropertyGroup[];
 }
 
+/**
+ * @cssvar
+ * ```
+ * --propertygrid-background
+ * ```
+ */
+
 @class_ns( "x4" )
 export class PropertyGrid extends VBox {
 
@@ -106,8 +113,6 @@ export class PropertyGrid extends VBox {
 
 	/**
 	 * Gets the html of a group header row
-	 * @param {string} displayName - The group display name
-	 * @param {boolean} isCollapsible - Whether the group should support expand/collapse
 	 */
 
 	makeGroupHeader( g: PropertyGroup ) {

package/src/components/rating/rating.ts

@@ -42,6 +42,12 @@ export interface RatingProps extends ComponentProps {
 
 /**
  * 
+ * @cssvar
+ * ```
+ * --rating
+ * --rating-hover
+ * --rating-checked
+ * ```
  */
 
 @class_ns( "x4" )

package/src/components/select/select.ts

@@ -44,6 +44,7 @@ interface SelectEvents extends ComponentEvent {
 
 /**
  * simple select
+ * cf. Combobox
  */
 
 @class_ns( "x4" )

package/src/components/slider/slider.ts

@@ -38,6 +38,13 @@ interface SliderProps extends ComponentProps {
 
 /**
  * 
+ * @cssvar
+ * ```
+ * --slider-track
+ * --slider-thumb-background
+ * --slider-thumb-border
+ * --slider-thumb-border-focus 
+ * ```
  */
 
 @class_ns( "x4" )

package/src/components/spreadsheet/spreadsheet.ts

@@ -202,7 +202,34 @@ export interface SpreadsheetProps extends ComponentProps {
  */
 
 /**
- * 
+ * @cssvar
+ * ```
+ * --spreadsheet-background
+ * --spreadsheet-border
+ * --spreadsheet-header-cell-background
+ * --spreadsheet-header-cell-color
+ * --spreadsheet-header-cell-vline
+ * --spreadsheet-header-cell-border
+ * --spreadsheet-check-background
+ * --spreadsheet-check-color
+ * --spreadsheet-check-background-hover
+ * --spreadsheet-check-color-hover
+ * --spreadsheet-perc-background
+ * --spreadsheet-perc-color
+ * --spreadsheet-perc-background-hover
+ * --spreadsheet-perc-color-hover
+ * --spreadsheet-cell-color
+ * --spreadsheet-cell-color-sel
+ * --spreadsheet-cell-vline
+ * --spreadsheet-row-background
+ * --spreadsheet-row-odd-background
+ * --spreadsheet-row-border
+ * --spreadsheet-row-background-hover
+ * --spreadsheet-row-background-hover-sel
+ * --spreadsheet-row-background-sel
+ * --spreadsheet-row-color-sel
+ * --spreadsheet-fix-border
+ * ```
  */
 
 @class_ns("x4")

package/src/components/switch/switch.ts

@@ -32,6 +32,13 @@ interface SwitchProps extends ComponentProps {
 
 /**
  * 
+ * @cssvar
+ * ```
+ * --switch-border
+ * --switch-background
+ * --switch-background-disabled
+ * --switch-checked
+ * ```
  */
 
 @class_ns( "x4" )

package/src/components/tabs/tabs.ts

@@ -75,6 +75,12 @@ interface TablistEvents extends ComponentEvents {
 
 /**
  * bar containing buttons
+ * 
+ * @cssvar
+ * ```
+ * --tab-border-selected
+ * --tab-border-hover
+ * ```
  */
 
 @class_ns( "x4" )

package/src/components/tag/tag.ts

@@ -18,6 +18,17 @@ export interface TagProps extends ComponentProps {
 	icon?: string;
 }
 
+/**
+ * 
+ * @cssvar
+ * ```
+ * --tag-border
+ * --tag-border-focus
+ * --tag-selection
+ * --tag-color
+ * --tag-icon-color
+ * ```
+ */
 
 @class_ns( "x4" )
 export class Tag extends HBox<TagProps> {

package/src/components/textarea/textarea.ts

@@ -96,6 +96,12 @@ export class SimpleTextArea extends Component<TextAreaProps> {
 
 /**
  * 
+ * @cssvar
+ * ```
+ * --textarea-border
+ * --textarea-border-focus
+ * --textarea-selection
+ * ```
  */
 
 @class_ns( "x4" )

package/src/components/textedit/textedit.ts

@@ -69,6 +69,16 @@ interface TextEditProps extends InputProps {
 
 /**
  * 
+ * @cssvar
+ * ```
+ * --textedit-border
+ * --textedit-border-focus
+ * --textedit-required
+ * --textedit-btn-background
+ * --textedit-btn-color
+ * --textedit-btn-color-hover
+ * --textedit-color-disabled
+ * ```
  */
 
 @class_ns( "x4" )

package/src/components/tickline/tickline.ts

@@ -13,6 +13,15 @@ interface TickLineProps extends ComponentProps {
 	type: "bars" | "line";	
 }
 
+/**
+ * 
+ * @cssvar
+ * ```
+ * --tickline-axis-color
+ * --tickline-color
+ * --tickline-background
+ * ```
+ */
 
 export class TickLine extends Component<TickLineProps> {
 	

package/src/components/tooltips/tooltips.ts

@@ -95,6 +95,16 @@ function closeTT( ) {
 
 /**
  * 
+ * @cssvar
+ * ```
+ * --tooltip-caption-background
+ * --tooltip-caption-color
+ * --tooltip-icon-background
+ * --tooltip-icon-color
+ * --tooltip-background
+ * --tooltip-color
+ * --tooltip-border
+ * ```
  */
 
 @class_ns( "x4" )

package/src/components/treeview/treeview.ts

@@ -69,6 +69,18 @@ interface TreeviewEvents extends ComponentEvents {
 
 /**
  * 
+ * @cssvar
+ * ```
+ * --treeview-background
+ * --treeitem-backgound-hover
+ * --treeitem-color-hover
+ * --treeitem-background-sel
+ * --treeitem-color-sel
+ * --treeview-item-color-sel-disabled
+ * --treeview-item-color-disabled
+ * --treeitem-backgound-active
+ * --treeitem-color-active
+ * ```
  */
 
 @class_ns( "x4" )

package/src/components/viewport/viewport.ts

@@ -19,6 +19,10 @@ import { Component, ComponentProps } from "../../core/component"
 
 import "./viewport.module.scss"
 
+/**
+ * 
+ */
+
 @class_ns( "x4" )
 export class Viewport extends Component {
 	constructor( props: ComponentProps ) {
@@ -26,6 +30,10 @@ export class Viewport extends Component {
 	}
 }
 
+/**
+ * 
+ */
+
 @class_ns( "x4" )
 export class ScrollView extends Component {
 	constructor( props: ComponentProps ) {

package/src/core/component.ts

@@ -416,8 +416,10 @@ export class Component<P extends ComponentProps = ComponentProps, E extends Comp
      * @param name - The suffix of the `data-` attribute (e.g., for `data-foo`, use `"foo"`).
      * @returns The string value of the `data-*` attribute, or `null` if not present.
 	 * 
-	 * @cf Component.setIntData, Component.getIntData (number)
-	 * @cf Component.setInternalData, Component.getInternalData (typed data)
+	 * @see Component.setIntData
+	 * @see Component.getIntData
+	 * @see Component.setInternalData
+	 * @see Component.getInternalData
      */
     
 	getData( name: string ) : string {
@@ -536,7 +538,7 @@ export class Component<P extends ComponentProps = ComponentProps, E extends Comp
      * Appends content to the end of the component's DOM element.
      * Content can be a single Component, an array of Components, a string, an array of strings,
      * raw HTML, an array of raw HTML, a number, or a boolean.
-	 * @note
+	 * @remarks
 	 * for simplicity, null is also allowed:
 	 * setContent( [
 	 * 	optional ? myControl : null,
@@ -629,7 +631,7 @@ export class Component<P extends ComponentProps = ComponentProps, E extends Comp
 	/**
      * Removes a specific child component from this component's DOM element.
      * @param child - The child component instance to remove.
-	 * @cf clearContent
+	 * @see clearContent
      */
 
 	removeChild( child: Component ) {
@@ -793,7 +795,7 @@ export class Component<P extends ComponentProps = ComponentProps, E extends Comp
      * Sets pointer capture on the component's DOM element for a specific pointer.
      * @param pointerId - The unique ID of the pointer.
 	 *
-	 * @ex
+	 * @example
 	 * control.on("pointerdown", (ev) => {
 	 * 	ev.preventDefault(); // Prevent default browser actions
 	 * 	control.setCapture(ev.pointerId);

package/src/core/core_application.ts

@@ -171,10 +171,7 @@ export class Application<E extends ApplicationEvents = ApplicationEvents> extend
 	}
 
 	/**
-     * Retrieves an environment variable from the application's environment map.
-     * @param name - The name of the environment variable.
-     * @param def_value - An optional default value to return if the variable is not found.
-     * @returns The value of the environment variable, or `def_value` if not found.
+     * 
      */
 
 	static fireGlobal( msg: string, params?: any ) {

package/src/core/core_data.ts

@@ -602,7 +602,6 @@ export class DataStore<T = any> extends EventSource<DataStoreEventMap> {
 
 	/**
 	 * 
-	 * @param records 
 	 */
 
 	async load( url?: string ) {
@@ -666,7 +665,7 @@ export class DataStore<T = any> extends EventSource<DataStoreEventMap> {
 
 	/**
 	 * 
-	 * @param data 
+	 * @param rec
 	 */
 
 	public appendRaw( rec: T ) {
@@ -1206,8 +1205,6 @@ export class DataView extends CoreElement<DataViewEventMap>
 
 	/**
 	 * 
-	 * @param columns 
-	 * @param ascending 
 	 */
 
 	public sort( props: SortProp[] ) {

package/src/core/core_element.ts

@@ -118,7 +118,7 @@ export class CoreElement<E extends EventMap = EventMap> {
 	/**
 	 * Clears a previously set timeout.
 	 * @param name - The name of the timeout to clear.
-	 * @link setTimeout
+	 * @see setTimeout
 	 */
 
 	clearTimeout( name: string ) {
@@ -140,7 +140,7 @@ export class CoreElement<E extends EventMap = EventMap> {
 	/**
 	 * Clears a previously set interval.
 	 * @param name - The name of the interval to clear.
-	 * @link setInterval
+	 * @see setInterval
 	 */
 
 	clearInterval( name: string ) {
@@ -150,7 +150,7 @@ export class CoreElement<E extends EventMap = EventMap> {
 	/**
 	 * Clears all timeouts and intervals currently managed by this instance.
 	 * This stops all scheduled callbacks and removes their references.
-	 * @link setTimeout
+	 * @see setTimeout
 	 */
 	clearTimeouts( ) {
 		for( const [id,val] of this.#timers ) {
@@ -169,7 +169,7 @@ export class CoreElement<E extends EventMap = EventMap> {
 	 * @param name - The name of the event to listen for.
 	 * @param listener - The callback function to execute when the event is fired.
 	 * @returns An object containing an `off()` method to unsubscribe the listener.
-	 * @link fire
+	 * @see fire
 	 * attach to an event
 	 */
 
@@ -193,8 +193,8 @@ export class CoreElement<E extends EventMap = EventMap> {
 	 * If the listener was not found or no events were registered, this method does nothing.
 	 * @param name - The name of the event from which to remove the listener.
 	 * @param listener - The specific listener function to remove.
-	 * @link on
-	 * @link fire
+	 * @see on
+	 * @see fire
 	 */
 
 	off<K extends keyof E>( name: K, listener: ( ev: E[K] ) => void ) {
@@ -210,8 +210,8 @@ export class CoreElement<E extends EventMap = EventMap> {
 	 * If no listeners are registered for the event name, or if no EventSource has been initialized, this method does nothing.
 	 * @param name - The name of the event to fire.
 	 * @param ev - The payload (event object) to pass to the listeners.
-	 * @link on
-	 * @link off
+	 * @see on
+	 * @see off
 	 */
 
 	fire<K extends keyof E>( name: K, ev: E[K] ) {

package/src/core/core_svg.ts

@@ -267,7 +267,7 @@ class SvgItem {
 
 	/**
 	 * add a class
-	 * @param name class name to add 
+	 * @param cls class name to add 
 	 */
 	
 	addClass( cls: string ): this {
@@ -287,7 +287,7 @@ class SvgItem {
 
 	/**
 	 * remove a class
-	 * @param name class name to remove
+	 * @param cls class name to remove
 	 */
 	
 	removeClass( cls: string ): this {

package/src/core/core_tools.ts

@@ -424,8 +424,6 @@ export function oneshot(callback: () => void, ms = 0) {
 
 /**
  * prepend 0 to a value to a given length
- * @param value 
- * @param length 
  */
 
 export function pad(what: any, size: number, ch: string = '0') {
@@ -466,7 +464,7 @@ export function sprintf(format: string, ...args: any[]) {
 /**
  * inverse of camel case
  * theThingToCase -> the-thing-to-case
- * @param {String} str 
+ * @param string 
  */
 
 export function pascalCase(string: string): string {
@@ -524,8 +522,6 @@ export function date_format(date: Date, options?: any): string {
 
 /**
  * difference between 2 dates
- * @param date 
- * @param options 
  * @return text
  */
 

package/src/x4doc.ts

@@ -0,0 +1,23 @@
+/** 
+ *  ___  ___ __
+ *  \  \/  /  / _
+ *   \    /  /_| |_
+ *   /    \____   _|  
+ *  /__/\__\   |_|
+ * 
+ * @file x4-doc.ts
+ * @author Etienne Cochard 
+ * 
+ * @copyright (c) 2026 R-libre ingenierie
+ *
+ * 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.
+ **/
+
+
+/**
+ * do not use, only to generate full x4documentation
+ */
+
+export * from "./x4.js"
+export * from "./components/monaco/monaco.js"