@sme.up/ketchup 9.5.2 → 9.6.1

package/dist/types/components/kup-box/kup-box.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter, VNode } from '../../stencil-public-runtime';
-import { KupBoxRow, KupBoxLayout, KupBoxKanban, KupBoxClickEventPayload, KupBoxSelectedEventPayload, KupBoxAutoSelectEventPayload, KupBoxRowActionClickEventPayload, KupBoxContextMenuEventPayload, KupBoxData } from './kup-box-declarations';
+import { KupBoxRow, KupBoxLayout, KupBoxKanban, KupBoxClickEventPayload, KupBoxSelectedEventPayload, KupBoxAutoSelectEventPayload, KupBoxRowActionClickEventPayload, KupBoxContextMenuEventPayload, KupBoxData, LoadMoreMode, KupBoxLoadMoreClickEventPayload } from './kup-box-declarations';
 import { KupBoxState } from './kup-box-state';
 import { KupStore } from '../kup-state/kup-store';
 import { GenericObject, KupEventPayload } from '../../types/GenericTypes';
@@ -92,6 +92,26 @@ export declare class KupBox {
      * When set to true, extra rows will be automatically loaded once the last row enters the viewport.
      */
     lazyLoadRows: boolean;
+    /**
+     * Sets a maximum limit of new records which can be required by the load more functionality.
+     */
+    loadMoreLimit: number;
+    /**
+     * Establish the modality of how many new records will be downloaded.
+     *
+     * This property is regulated also by loadMoreStep.
+     * @see loadMoreStep
+     * @see loadMoreLimit
+     */
+    loadMoreMode: LoadMoreMode;
+    /**
+     * The number of records which will be requested to be downloaded when clicking on the load more button.
+     *
+     * This property is regulated also by loadMoreMode.
+     * @see loadMoreMode
+     * @see loadMoreLimit
+     */
+    loadMoreStep: number;
     /**
      * Enable multi selection
      * @default false
@@ -127,6 +147,10 @@ export declare class KupBox {
      * @default undefined
      */
     selectedRowsState: string;
+    /**
+     * If set to true, displays the button to load more records.
+     */
+    showLoadMore: boolean;
     /**
      * If enabled, highlights the selected box/boxes
      * @default true
@@ -194,6 +218,7 @@ export declare class KupBox {
      * Generic right click event on box.
      */
     kupBoxContextMenu: EventEmitter<KupBoxContextMenuEventPayload>;
+    kupLoadMoreClick: EventEmitter<KupBoxLoadMoreClickEventPayload>;
     rowsPerPageHandler(newValue: number): void;
     recalculateRows(): void;
     onDataChanged(): void;

package/dist/types/components/kup-calendar/kup-calendar-declarations.d.ts

@@ -64,6 +64,7 @@ export interface KupCalendarEventDropEventPayload extends KupEventPayload {
         start: Date;
         end: Date;
     };
+    row: KupDataRow;
 }
 export interface KupCalendarViewChangeEventPayload extends KupEventPayload {
     from: Date;

package/dist/types/components/kup-dashboard/kup-dashboard.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@interactjs/types" />
 import type { DropEvent } from '@interactjs/types/index';
 import { EventEmitter } from '../../stencil-public-runtime';
 import { GenericObject } from '../../types/GenericTypes';

package/dist/types/components/kup-data-table/kup-data-table-declarations.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@interactjs/types" />
 import { GenericObject, KupEventPayload } from '../../types/GenericTypes';
 import { KupObj } from '../../managers/kup-objects/kup-objects-declarations';
 import type { PointerEvent } from '@interactjs/types/index';

package/dist/types/components/kup-editor/kup-editor-declarations.d.ts

@@ -0,0 +1,21 @@
+import { KupEventPayload } from '../../types/GenericTypes';
+/**
+ * Props of the kup-dropdown-button component.
+ * Used to export every prop in an object.
+ */
+export declare enum KupEditorProps {
+    autosaveTimer = "When a number is specified, the component will emit the kup-editor-save event at regular intervals. The amount of time every interval will last is specified but the prop itself.",
+    editorHeight = "Sets the height of the component.",
+    initialEditType = "Initializes editor with the specified editor type. Suported values: \"markdown\", \"wysiwyg\".",
+    initialValue = "Initializes editor with the specified string.",
+    isReadOnly = "Defaults at false. When set, When set, the editor\u2019s content can\u2019t be changed..",
+    previewStyle = "Initializes editor with the specified preview type. Suported values: \"tab\", \"vertical\".",
+    showSaveButton = "When set, a save button shown in the editor\u2019s toolbar.",
+    showToolbar = "When set to false, the toolbar will not be shown."
+}
+export type KupEditorType = 'wysiwyg' | 'markdown';
+export type KupEditorPreview = 'tab' | 'vertical';
+export interface KupEditorEventPayload extends KupEventPayload {
+    htmlValue: string;
+    markdownValue: string;
+}

package/dist/types/components/kup-editor/kup-editor.d.ts

@@ -0,0 +1,128 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { GenericObject, KupEventPayload } from '../../types/GenericTypes';
+import Editor from '@toast-ui/editor';
+import { KupEditorEventPayload, KupEditorPreview, KupEditorType } from './kup-editor-declarations';
+import Viewer from '@toast-ui/editor/dist/toastui-editor-viewer';
+export declare class KupEditor {
+    #private;
+    /**
+     * References the root HTML element of the component (<kup-editor>).
+     */
+    rootElement: HTMLElement;
+    /**
+     * The editor instance.
+     * @default null
+     */
+    editor: Editor;
+    /**
+     * The editor html element instance.
+     * @default null
+     */
+    editorRef: HTMLDivElement;
+    /**
+     * The viewer instance.
+     * @default null
+     */
+    viewer: Viewer;
+    /**
+     * When specified, the component will emit the kup-editor-autosave event at regular intervals.
+     * @default null
+     */
+    autosaveTimer: number;
+    /**
+     * Sets the height of the component.
+     * @default "auto"
+     */
+    editorHeight: string;
+    /**
+     * The editor type.
+     * @default 'markdown'
+     */
+    initialEditType: KupEditorType;
+    /**
+     * The initial editor value.
+     * @default ''
+     */
+    initialValue: string;
+    /**
+     * Defines whether the editor is disabled or not.
+     * @default false
+     */
+    isReadOnly: boolean;
+    /**
+     * The editor preview style.
+     * @default 'vertical'
+     */
+    previewStyle: KupEditorPreview;
+    /**
+     * Defines whether to show the save button in editor's toolbar or not.
+     * @default true
+     */
+    showSaveButton: boolean;
+    /**
+     * Defines whether to show the editor's toolbar or not.
+     * @default true
+     */
+    showToolbar: boolean;
+    /**
+     * Triggered at regular intervals if autosaveTimer prop is initialised.
+     */
+    kupAutoSave: EventEmitter<KupEditorEventPayload>;
+    /**
+     * Triggered when the component is ready.
+     */
+    kupReady: EventEmitter<KupEventPayload>;
+    /**
+     * Triggered when save button is clicked.
+     */
+    kupSave: EventEmitter<KupEditorEventPayload>;
+    onEditorRefUpdated(): void;
+    onEditorUpdate(): void;
+    onInitialEditTypeChanged(): void;
+    onIsReadOnlyChanged(): void;
+    onPreviewStyleChanged(): void;
+    onShowSaveButtonChanged(): void;
+    onShowToolBarChanged(): void;
+    onAutosaveTimerChanged(): void;
+    /**
+     * Used to retrieve component's props values.
+     * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
+     * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
+     */
+    getProps(descriptions?: boolean): Promise<GenericObject>;
+    /**
+     * Returns the component's internal value as html.
+     */
+    getValueAsHTML(): Promise<string>;
+    /**
+     * Returns the component's internal value as markdown.
+     */
+    getValueAsMarkdown(): Promise<string>;
+    /**
+     * This method is used to trigger a new render of the component.
+     */
+    refresh(): Promise<void>;
+    /**
+     * Sets the props to the component.
+     * @param {GenericObject} props - Object containing props that will be set to the component.
+     */
+    setProps(props: GenericObject): Promise<void>;
+    createEditor(): void;
+    createViewer(): void;
+    createSaveButton(): HTMLElement;
+    createDivider(): toastui.ToolbarButton;
+    createUnsavedChanges(): HTMLElement;
+    updateToolbarVisiblity(): void;
+    setAutosaveInterval(): void;
+    onEditorSave(): void;
+    onEditorAutoSave(): void;
+    getToolBarWithSaveButton(includeDefaultItems?: boolean): (string | toastui.ToolbarButton)[];
+    getDefaultToolBarItems(): (string | toastui.ToolbarButton)[];
+    getSaveAndAutoSaveProps(): KupEditorEventPayload;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    componentWillRender(): void;
+    componentDidRender(): void;
+    render(): any;
+    disconnectedCallback(): void;
+}

package/dist/types/components/kup-planner/utils/kup-gantt/kup-gantt.d.ts

@@ -96,6 +96,7 @@ export declare class KupGantt {
      * References the root HTML element of the component (<kup-gantt>).
      */
     rootElement: HTMLElement;
+    taskListTrueRef: HTMLKupTaskListElement;
     componentWillLoad(): void;
     loadStates(): void;
     componentDidRender(): void;

package/dist/types/components/kup-planner/utils/kup-horizontal-scroll/kup-horizontal-scroll.d.ts

@@ -1,7 +1,7 @@
 export declare class HorizontalScroll {
     scrollNumber: number;
     svgWidth: number;
-    taskGanttRef: HTMLDivElement;
+    taskListTrueRef: HTMLKupTaskListElement;
     rtl: boolean;
     taskListWidth: number;
     horizontalScroll: (event: UIEvent) => void;

package/dist/types/components/kup-tree/kup-tree-declarations.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@interactjs/types" />
 import { KupDataCell, KupDataColumn, KupDataNode, KupDataRow } from '../../managers/kup-data/kup-data-declarations';
 import type { PointerEvent } from '@interactjs/types/index';
 import { GenericMap, KupEventPayload } from '../../types/GenericTypes';

package/dist/types/components.d.ts

@@ -9,7 +9,7 @@ import { KupAccordionData, KupAccordionItemSelectedEventPayload } from "./compon
 import { GenericObject, KupEventPayload } from "./types/GenericTypes";
 import { ItemsDisplayMode, KupListEventPayload, KupListNode, KupListRole } from "./components/kup-list/kup-list-declarations";
 import { KupAutocompleteEventPayload, KupAutocompleteIconClickEventPayload } from "./components/kup-autocomplete/kup-autocomplete-declarations";
-import { KupBoxAutoSelectEventPayload, KupBoxClickEventPayload, KupBoxContextMenuEventPayload, KupBoxData, KupBoxKanban, KupBoxLayout, KupBoxRow, KupBoxRowActionClickEventPayload, KupBoxSelectedEventPayload } from "./components/kup-box/kup-box-declarations";
+import { KupBoxAutoSelectEventPayload, KupBoxClickEventPayload, KupBoxContextMenuEventPayload, KupBoxData, KupBoxKanban, KupBoxLayout, KupBoxLoadMoreClickEventPayload, KupBoxRow, KupBoxRowActionClickEventPayload, KupBoxSelectedEventPayload, LoadMoreMode } from "./components/kup-box/kup-box-declarations";
 import { KupStore } from "./components/kup-state/kup-store";
 import { KupDataCell, KupDataColumn, KupDataDataset, KupDataNewColumnOptions, KupDataNewColumnTypes, KupDataNode, KupDataRowAction } from "./managers/kup-data/kup-data-declarations";
 import { FButtonProps, FButtonStyling } from "./f-components/f-button/f-button-declarations";
@@ -27,7 +27,7 @@ import { KupColorPickerEventPayload } from "./components/kup-color-picker/kup-co
 import { KupComboboxEventPayload, KupComboboxIconClickEventPayload } from "./components/kup-combobox/kup-combobox-declarations";
 import { KupGanttPlannerProps, KupPlannerBarDisplayProps, KupPlannerBarTask, KupPlannerCalendarProps, KupPlannerClickEventPayload, KupPlannerEventOption, KupPlannerEventPayload, KupPlannerGanttEvent, KupPlannerGanttProps, KupPlannerGanttRow, KupPlannerGanttTaskN, KupPlannerItemDetail, KupPlannerPhase, KupPlannerSwitcherProps, KupPlannerTask, KupPlannerTaskGanttContentProps, KupPlannerTaskGanttProps, KupPlannerTaskItemProps, KupPlannerTaskListProps, KupPlannerTaskType, KupPlannerUnloadEventPayload, KupPlannerViewMode, PlannerProps } from "./components/kup-planner/kup-planner-declarations";
 import { KupDashboardEventPayload, KupDataDashboard } from "./components/kup-dashboard/kup-dashboard-declarations";
-import { GroupLabelDisplayMode, GroupObject, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableColumnMoveEventPayload, KupDatatableColumnRemoveEventPayload, KupDataTableDataset, KupDatatableDeleteRowEventPayload, KupDatatableHistoryEventPayload, KupDataTableInsertMode, KupDatatableInsertRowEventPayload, KupDatatableLoadMoreClickEventPayload, KupDataTableRow, KupDatatableRowActionClickEventPayload, KupDatatableRowSelectedEventPayload, LoadMoreMode, PaginatorPos, SelectionMode, ShowGrid, SortObject, TotalsMap } from "./components/kup-data-table/kup-data-table-declarations";
+import { GroupLabelDisplayMode, GroupObject, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableColumnMoveEventPayload, KupDatatableColumnRemoveEventPayload, KupDataTableDataset, KupDatatableDeleteRowEventPayload, KupDatatableHistoryEventPayload, KupDataTableInsertMode, KupDatatableInsertRowEventPayload, KupDatatableLoadMoreClickEventPayload, KupDataTableRow, KupDatatableRowActionClickEventPayload, KupDatatableRowSelectedEventPayload, LoadMoreMode as LoadMoreMode1, PaginatorPos, SelectionMode, ShowGrid, SortObject, TotalsMap } from "./components/kup-data-table/kup-data-table-declarations";
 import { GenericFilter, KupGlobalFilterMode } from "./utils/filters/filters-declarations";
 import { KupDatePickerEventPayload } from "./components/kup-date-picker/kup-date-picker-declarations";
 import { KupDialogAutoCenter, KupDialogHeader, KupDialogModal } from "./components/kup-dialog/kup-dialog-declarations";
@@ -35,6 +35,7 @@ import { KupDropdownButtonEventPayload } from "./components/kup-dropdown-button/
 import { KupEchartClickEventPayload, KupEchartLegendPlacement, KupEchartMaps, KupEchartTitle, KupEchartTypes } from "./components/kup-echart/kup-echart-declarations";
 import { GeoJSON } from "geojson";
 import { XAXisComponentOption, YAXisComponentOption } from "echarts";
+import { KupEditorEventPayload, KupEditorPreview, KupEditorType } from "./components/kup-editor/kup-editor-declarations";
 import { KupFamilyTreeData, KupFamilyTreeEventPayload, KupFamilyTreeLayout, KupFamilyTreeNode } from "./components/kup-family-tree/kup-family-tree-declarations";
 import { KupFormData, KupFormLabelPlacement, KupFormLayout } from "./components/kup-form/kup-form-declarations";
 import { KupBadge } from "./components/kup-badge/kup-badge";
@@ -57,7 +58,7 @@ export { KupAccordionData, KupAccordionItemSelectedEventPayload } from "./compon
 export { GenericObject, KupEventPayload } from "./types/GenericTypes";
 export { ItemsDisplayMode, KupListEventPayload, KupListNode, KupListRole } from "./components/kup-list/kup-list-declarations";
 export { KupAutocompleteEventPayload, KupAutocompleteIconClickEventPayload } from "./components/kup-autocomplete/kup-autocomplete-declarations";
-export { KupBoxAutoSelectEventPayload, KupBoxClickEventPayload, KupBoxContextMenuEventPayload, KupBoxData, KupBoxKanban, KupBoxLayout, KupBoxRow, KupBoxRowActionClickEventPayload, KupBoxSelectedEventPayload } from "./components/kup-box/kup-box-declarations";
+export { KupBoxAutoSelectEventPayload, KupBoxClickEventPayload, KupBoxContextMenuEventPayload, KupBoxData, KupBoxKanban, KupBoxLayout, KupBoxLoadMoreClickEventPayload, KupBoxRow, KupBoxRowActionClickEventPayload, KupBoxSelectedEventPayload, LoadMoreMode } from "./components/kup-box/kup-box-declarations";
 export { KupStore } from "./components/kup-state/kup-store";
 export { KupDataCell, KupDataColumn, KupDataDataset, KupDataNewColumnOptions, KupDataNewColumnTypes, KupDataNode, KupDataRowAction } from "./managers/kup-data/kup-data-declarations";
 export { FButtonProps, FButtonStyling } from "./f-components/f-button/f-button-declarations";
@@ -75,7 +76,7 @@ export { KupColorPickerEventPayload } from "./components/kup-color-picker/kup-co
 export { KupComboboxEventPayload, KupComboboxIconClickEventPayload } from "./components/kup-combobox/kup-combobox-declarations";
 export { KupGanttPlannerProps, KupPlannerBarDisplayProps, KupPlannerBarTask, KupPlannerCalendarProps, KupPlannerClickEventPayload, KupPlannerEventOption, KupPlannerEventPayload, KupPlannerGanttEvent, KupPlannerGanttProps, KupPlannerGanttRow, KupPlannerGanttTaskN, KupPlannerItemDetail, KupPlannerPhase, KupPlannerSwitcherProps, KupPlannerTask, KupPlannerTaskGanttContentProps, KupPlannerTaskGanttProps, KupPlannerTaskItemProps, KupPlannerTaskListProps, KupPlannerTaskType, KupPlannerUnloadEventPayload, KupPlannerViewMode, PlannerProps } from "./components/kup-planner/kup-planner-declarations";
 export { KupDashboardEventPayload, KupDataDashboard } from "./components/kup-dashboard/kup-dashboard-declarations";
-export { GroupLabelDisplayMode, GroupObject, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableColumnMoveEventPayload, KupDatatableColumnRemoveEventPayload, KupDataTableDataset, KupDatatableDeleteRowEventPayload, KupDatatableHistoryEventPayload, KupDataTableInsertMode, KupDatatableInsertRowEventPayload, KupDatatableLoadMoreClickEventPayload, KupDataTableRow, KupDatatableRowActionClickEventPayload, KupDatatableRowSelectedEventPayload, LoadMoreMode, PaginatorPos, SelectionMode, ShowGrid, SortObject, TotalsMap } from "./components/kup-data-table/kup-data-table-declarations";
+export { GroupLabelDisplayMode, GroupObject, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableColumnMoveEventPayload, KupDatatableColumnRemoveEventPayload, KupDataTableDataset, KupDatatableDeleteRowEventPayload, KupDatatableHistoryEventPayload, KupDataTableInsertMode, KupDatatableInsertRowEventPayload, KupDatatableLoadMoreClickEventPayload, KupDataTableRow, KupDatatableRowActionClickEventPayload, KupDatatableRowSelectedEventPayload, LoadMoreMode as LoadMoreMode1, PaginatorPos, SelectionMode, ShowGrid, SortObject, TotalsMap } from "./components/kup-data-table/kup-data-table-declarations";
 export { GenericFilter, KupGlobalFilterMode } from "./utils/filters/filters-declarations";
 export { KupDatePickerEventPayload } from "./components/kup-date-picker/kup-date-picker-declarations";
 export { KupDialogAutoCenter, KupDialogHeader, KupDialogModal } from "./components/kup-dialog/kup-dialog-declarations";
@@ -83,6 +84,7 @@ export { KupDropdownButtonEventPayload } from "./components/kup-dropdown-button/
 export { KupEchartClickEventPayload, KupEchartLegendPlacement, KupEchartMaps, KupEchartTitle, KupEchartTypes } from "./components/kup-echart/kup-echart-declarations";
 export { GeoJSON } from "geojson";
 export { XAXisComponentOption, YAXisComponentOption } from "echarts";
+export { KupEditorEventPayload, KupEditorPreview, KupEditorType } from "./components/kup-editor/kup-editor-declarations";
 export { KupFamilyTreeData, KupFamilyTreeEventPayload, KupFamilyTreeLayout, KupFamilyTreeNode } from "./components/kup-family-tree/kup-family-tree-declarations";
 export { KupFormData, KupFormLabelPlacement, KupFormLayout } from "./components/kup-form/kup-form-declarations";
 export { KupBadge } from "./components/kup-badge/kup-badge";
@@ -345,6 +347,22 @@ export namespace Components {
           * When set to true, extra rows will be automatically loaded once the last row enters the viewport.
          */
         "lazyLoadRows": boolean;
+        /**
+          * Sets a maximum limit of new records which can be required by the load more functionality.
+         */
+        "loadMoreLimit": number;
+        /**
+          * Establish the modality of how many new records will be downloaded.  This property is regulated also by loadMoreStep.
+          * @see loadMoreStep *
+          * @see loadMoreLimit
+         */
+        "loadMoreMode": LoadMoreMode;
+        /**
+          * The number of records which will be requested to be downloaded when clicking on the load more button.  This property is regulated also by loadMoreMode.
+          * @see loadMoreMode *
+          * @see loadMoreLimit
+         */
+        "loadMoreStep": number;
         "loadRowActions": (row: KupBoxRow, actions: KupDataRowAction[]) => Promise<void>;
         /**
           * Enable multi selection
@@ -390,6 +408,10 @@ export namespace Components {
           * @param props - Object containing props that will be set to the component.
          */
         "setProps": (props: GenericObject) => Promise<void>;
+        /**
+          * If set to true, displays the button to load more records.
+         */
+        "showLoadMore": boolean;
         /**
           * If enabled, highlights the selected box/boxes
           * @default true
@@ -1355,7 +1377,7 @@ export namespace Components {
           * @see loadMoreStep *
           * @see loadMoreLimit
          */
-        "loadMoreMode": LoadMoreMode;
+        "loadMoreMode": LoadMoreMode1;
         /**
           * The number of records which will be requested to be downloaded when clicking on the load more button.  This property is regulated also by loadMoreMode.
           * @see loadMoreMode *
@@ -1832,6 +1854,71 @@ export namespace Components {
          */
         "yAxis": YAXisComponentOption;
     }
+    interface KupEditor {
+        /**
+          * When specified, the component will emit the kup-editor-autosave event at regular intervals.
+          * @default null
+         */
+        "autosaveTimer": number;
+        /**
+          * Sets the height of the component.
+          * @default "auto"
+         */
+        "editorHeight": string;
+        /**
+          * Used to retrieve component's props values.
+          * @param descriptions - When provided and true, the result will be the list of props with their description.
+          * @returns List of props as object, each key will be a prop.
+         */
+        "getProps": (descriptions?: boolean) => Promise<GenericObject>;
+        /**
+          * Returns the component's internal value as html.
+         */
+        "getValueAsHTML": () => Promise<string>;
+        /**
+          * Returns the component's internal value as markdown.
+         */
+        "getValueAsMarkdown": () => Promise<string>;
+        /**
+          * The editor type.
+          * @default 'markdown'
+         */
+        "initialEditType": KupEditorType;
+        /**
+          * The initial editor value.
+          * @default ''
+         */
+        "initialValue": string;
+        /**
+          * Defines whether the editor is disabled or not.
+          * @default false
+         */
+        "isReadOnly": boolean;
+        /**
+          * The editor preview style.
+          * @default 'vertical'
+         */
+        "previewStyle": KupEditorPreview;
+        /**
+          * This method is used to trigger a new render of the component.
+         */
+        "refresh": () => Promise<void>;
+        /**
+          * Sets the props to the component.
+          * @param props - Object containing props that will be set to the component.
+         */
+        "setProps": (props: GenericObject) => Promise<void>;
+        /**
+          * Defines whether to show the save button in editor's toolbar or not.
+          * @default true
+         */
+        "showSaveButton": boolean;
+        /**
+          * Defines whether to show the editor's toolbar or not.
+          * @default true
+         */
+        "showToolbar": boolean;
+    }
     interface KupFamilyTree {
         /**
           * The component will autofit everytime a node is expanded.
@@ -2212,7 +2299,7 @@ export namespace Components {
         "rtl": boolean;
         "scrollNumber": number;
         "svgWidth": number;
-        "taskGanttRef": HTMLDivElement;
+        "taskListTrueRef": HTMLKupTaskListElement;
         "taskListWidth": number;
     }
     interface KupIframe {
@@ -3873,6 +3960,10 @@ export interface KupEchartCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLKupEchartElement;
 }
+export interface KupEditorCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupEditorElement;
+}
 export interface KupFamilyTreeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLKupFamilyTreeElement;
@@ -4020,6 +4111,7 @@ declare global {
         "kup-box-didload": KupEventPayload;
         "kup-box-didunload": KupEventPayload;
         "kup-box-contextmenu": KupBoxContextMenuEventPayload;
+        "kup-box-loadmoreclick": KupBoxLoadMoreClickEventPayload;
     }
     interface HTMLKupBoxElement extends Components.KupBox, HTMLStencilElement {
         addEventListener<K extends keyof HTMLKupBoxElementEventMap>(type: K, listener: (this: HTMLKupBoxElement, ev: KupBoxCustomEvent<HTMLKupBoxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -4392,6 +4484,25 @@ declare global {
         prototype: HTMLKupEchartElement;
         new (): HTMLKupEchartElement;
     };
+    interface HTMLKupEditorElementEventMap {
+        "kup-editor-autosave": KupEditorEventPayload;
+        "kup-editor-ready": KupEventPayload;
+        "kup-editor-save": KupEditorEventPayload;
+    }
+    interface HTMLKupEditorElement extends Components.KupEditor, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKupEditorElementEventMap>(type: K, listener: (this: HTMLKupEditorElement, ev: KupEditorCustomEvent<HTMLKupEditorElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKupEditorElementEventMap>(type: K, listener: (this: HTMLKupEditorElement, ev: KupEditorCustomEvent<HTMLKupEditorElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKupEditorElement: {
+        prototype: HTMLKupEditorElement;
+        new (): HTMLKupEditorElement;
+    };
     interface HTMLKupFamilyTreeElementEventMap {
         "kup-familytree-click": KupFamilyTreeEventPayload;
         "kup-familytree-contextmenu": KupFamilyTreeEventPayload;
@@ -4926,6 +5037,7 @@ declare global {
         "kup-drawer": HTMLKupDrawerElement;
         "kup-dropdown-button": HTMLKupDropdownButtonElement;
         "kup-echart": HTMLKupEchartElement;
+        "kup-editor": HTMLKupEditorElement;
         "kup-family-tree": HTMLKupFamilyTreeElement;
         "kup-form": HTMLKupFormElement;
         "kup-gantt": HTMLKupGanttElement;
@@ -5145,6 +5257,22 @@ declare namespace LocalJSX {
           * When set to true, extra rows will be automatically loaded once the last row enters the viewport.
          */
         "lazyLoadRows"?: boolean;
+        /**
+          * Sets a maximum limit of new records which can be required by the load more functionality.
+         */
+        "loadMoreLimit"?: number;
+        /**
+          * Establish the modality of how many new records will be downloaded.  This property is regulated also by loadMoreStep.
+          * @see loadMoreStep *
+          * @see loadMoreLimit
+         */
+        "loadMoreMode"?: LoadMoreMode;
+        /**
+          * The number of records which will be requested to be downloaded when clicking on the load more button.  This property is regulated also by loadMoreMode.
+          * @see loadMoreMode *
+          * @see loadMoreLimit
+         */
+        "loadMoreStep"?: number;
         /**
           * Enable multi selection
           * @default false
@@ -5167,6 +5295,7 @@ declare namespace LocalJSX {
           * Triggered when stop propagation event
          */
         "onKup-box-didunload"?: (event: KupBoxCustomEvent<KupEventPayload>) => void;
+        "onKup-box-loadmoreclick"?: (event: KupBoxCustomEvent<KupBoxLoadMoreClickEventPayload>) => void;
         /**
           * When the row menu action icon is click
          */
@@ -5209,6 +5338,10 @@ declare namespace LocalJSX {
           * @default undefined
          */
         "selectedRowsState"?: string;
+        /**
+          * If set to true, displays the button to load more records.
+         */
+        "showLoadMore"?: boolean;
         /**
           * If enabled, highlights the selected box/boxes
           * @default true
@@ -5983,7 +6116,7 @@ declare namespace LocalJSX {
           * @see loadMoreStep *
           * @see loadMoreLimit
          */
-        "loadMoreMode"?: LoadMoreMode;
+        "loadMoreMode"?: LoadMoreMode1;
         /**
           * The number of records which will be requested to be downloaded when clicking on the load more button.  This property is regulated also by loadMoreMode.
           * @see loadMoreMode *
@@ -6400,6 +6533,60 @@ declare namespace LocalJSX {
          */
         "yAxis"?: YAXisComponentOption;
     }
+    interface KupEditor {
+        /**
+          * When specified, the component will emit the kup-editor-autosave event at regular intervals.
+          * @default null
+         */
+        "autosaveTimer"?: number;
+        /**
+          * Sets the height of the component.
+          * @default "auto"
+         */
+        "editorHeight"?: string;
+        /**
+          * The editor type.
+          * @default 'markdown'
+         */
+        "initialEditType"?: KupEditorType;
+        /**
+          * The initial editor value.
+          * @default ''
+         */
+        "initialValue"?: string;
+        /**
+          * Defines whether the editor is disabled or not.
+          * @default false
+         */
+        "isReadOnly"?: boolean;
+        /**
+          * Triggered at regular intervals if autosaveTimer prop is initialised.
+         */
+        "onKup-editor-autosave"?: (event: KupEditorCustomEvent<KupEditorEventPayload>) => void;
+        /**
+          * Triggered when the component is ready.
+         */
+        "onKup-editor-ready"?: (event: KupEditorCustomEvent<KupEventPayload>) => void;
+        /**
+          * Triggered when save button is clicked.
+         */
+        "onKup-editor-save"?: (event: KupEditorCustomEvent<KupEditorEventPayload>) => void;
+        /**
+          * The editor preview style.
+          * @default 'vertical'
+         */
+        "previewStyle"?: KupEditorPreview;
+        /**
+          * Defines whether to show the save button in editor's toolbar or not.
+          * @default true
+         */
+        "showSaveButton"?: boolean;
+        /**
+          * Defines whether to show the editor's toolbar or not.
+          * @default true
+         */
+        "showToolbar"?: boolean;
+    }
     interface KupFamilyTree {
         /**
           * The component will autofit everytime a node is expanded.
@@ -6709,7 +6896,7 @@ declare namespace LocalJSX {
         "rtl"?: boolean;
         "scrollNumber"?: number;
         "svgWidth"?: number;
-        "taskGanttRef"?: HTMLDivElement;
+        "taskListTrueRef"?: HTMLKupTaskListElement;
         "taskListWidth"?: number;
     }
     interface KupIframe {
@@ -8065,6 +8252,7 @@ declare namespace LocalJSX {
         "kup-drawer": KupDrawer;
         "kup-dropdown-button": KupDropdownButton;
         "kup-echart": KupEchart;
+        "kup-editor": KupEditor;
         "kup-family-tree": KupFamilyTree;
         "kup-form": KupForm;
         "kup-gantt": KupGantt;
@@ -8134,6 +8322,7 @@ declare module "@stencil/core" {
             "kup-drawer": LocalJSX.KupDrawer & JSXBase.HTMLAttributes<HTMLKupDrawerElement>;
             "kup-dropdown-button": LocalJSX.KupDropdownButton & JSXBase.HTMLAttributes<HTMLKupDropdownButtonElement>;
             "kup-echart": LocalJSX.KupEchart & JSXBase.HTMLAttributes<HTMLKupEchartElement>;
+            "kup-editor": LocalJSX.KupEditor & JSXBase.HTMLAttributes<HTMLKupEditorElement>;
             "kup-family-tree": LocalJSX.KupFamilyTree & JSXBase.HTMLAttributes<HTMLKupFamilyTreeElement>;
             "kup-form": LocalJSX.KupForm & JSXBase.HTMLAttributes<HTMLKupFormElement>;
             "kup-gantt": LocalJSX.KupGantt & JSXBase.HTMLAttributes<HTMLKupGanttElement>;

package/dist/types/managers/kup-data/kup-data.d.ts

@@ -17,7 +17,7 @@ export declare class KupData {
     column: {
         find(dataset: KupDataDataset | KupDataColumn[], filters: Partial<KupDataColumn>): KupDataColumn[];
         hide(dataset: KupDataDataset | KupDataColumn[], columns2hide: string[]): KupDataColumn[];
-        new(dataset: KupDataDataset, type: KupDataNewColumnTypes, options: KupDataNewColumnOptions): string | KupDataColumn;
+        "new"(dataset: KupDataDataset, type: KupDataNewColumnTypes, options: KupDataNewColumnOptions): string | KupDataColumn;
     };
     node: {
         getDrilldownInfo(nodes: KupDataNode[]): KupDataNodeDrilldownInfo;

package/dist/types/managers/kup-interact/kup-interact-declarations.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@interactjs/types" />
 import type { DropEvent, InteractEvent } from '@interactjs/types/index';
 import type { ResizeEvent } from '@interactjs/actions/resize/plugin';
 import { KupBoxRow } from '../../components/kup-box/kup-box-declarations';

package/dist/types/managers/kup-interact/kup-interact.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@interactjs/types" />
 import type { Interaction } from '@interactjs/core/Interaction';
 import type { ActionMap } from '@interactjs/core/scope';
 import type { DraggableOptions, DropzoneOptions, ListenersArg, Point, RectResolvable, ResizableOptions } from '@interactjs/types/index';

package/dist/types/managers/kup-manager/kup-manager-declarations.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@interactjs/types" />
 import type { Interaction } from '@interactjs/core/Interaction';
 import type { ActionMap } from '@interactjs/core/scope';
 import type { RectResolvable } from '@interactjs/types/index';
@@ -38,6 +39,7 @@ export interface KupManager {
     dates: KupDates;
     debug: KupDebug;
     dynamicPosition: KupDynamicPosition;
+    enableExperimentalFeatures: boolean;
     interact: KupInteract;
     language: KupLanguage;
     magicBox: HTMLKupMagicBoxElement;
@@ -83,6 +85,7 @@ export interface KupManagerInitialization {
     autoSetLocalization?: boolean;
     dates?: KupManagerDatesSettings;
     debug?: KupManagerDebugSettings;
+    enableExperimentalFeatures?: boolean;
     interact?: KupManagerInteractSettings;
     language?: KupManagerLanguageSettings;
     math?: KupManagerMathSettings;