From 8c0f168d8b33f5e56aff5df83efb3d04b608d057 Mon Sep 17 00:00:00 2001 From: paolofacchinetti Date: Mon, 18 Mar 2024 14:57:28 +0100 Subject: [PATCH 01/28] chore: bump showcase footer date to 2024 --- packages/ketchup-showcase/src/App.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/ketchup-showcase/src/App.vue b/packages/ketchup-showcase/src/App.vue index db55e869ed..be9da616a4 100644 --- a/packages/ketchup-showcase/src/App.vue +++ b/packages/ketchup-showcase/src/App.vue @@ -80,7 +80,7 @@ size-y="24px" > - © Copyright 2022 - Sme.UP Spa + © Copyright 2024 - Sme.UP Spa Date: Tue, 19 Mar 2024 10:55:12 +0100 Subject: [PATCH 02/28] kup-image-list: restore fit. --- .../ketchup/src/components/kup-image-list/kup-image-list.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/ketchup/src/components/kup-image-list/kup-image-list.tsx b/packages/ketchup/src/components/kup-image-list/kup-image-list.tsx index c4fe273db5..1121524ef0 100644 --- a/packages/ketchup/src/components/kup-image-list/kup-image-list.tsx +++ b/packages/ketchup/src/components/kup-image-list/kup-image-list.tsx @@ -265,7 +265,7 @@ export class KupImageList { #createItem(node: KupDataNode): VNode { const props: FImageProps = { - fit: false, + fit: true, resource: node.icon, title: node.title, wrapperClass: 'image-list__image', From 48f93a73be7294e48539f669b8c065772e448e84 Mon Sep 17 00:00:00 2001 From: Leonardo-Signorelli Date: Thu, 21 Mar 2024 16:33:04 +0100 Subject: [PATCH 03/28] Commit IML + themes and fonts --- packages/ketchup/src/components.d.ts | 10 + .../kup-image-list/kup-image-list.tsx | 13 +- .../styles/kup-image-list-main.scss | 43 +- .../src/managers/kup-theme/themes.json | 1870 +++++++++-------- packages/ketchup/src/style/fonts.scss | 179 ++ 5 files changed, 1182 insertions(+), 933 deletions(-) create mode 100644 packages/ketchup/src/style/fonts.scss diff --git a/packages/ketchup/src/components.d.ts b/packages/ketchup/src/components.d.ts index 0a790b0bdb..0e317c556a 100644 --- a/packages/ketchup/src/components.d.ts +++ b/packages/ketchup/src/components.d.ts @@ -2403,6 +2403,11 @@ export namespace Components { "sizeY": string; } interface KupImageList { + /** + * Number of columns to display in the grid layout. + * @default 4 + */ + "columns": number; /** * Custom style of the component. * @default "" @@ -6982,6 +6987,11 @@ declare namespace LocalJSX { "sizeY"?: string; } interface KupImageList { + /** + * Number of columns to display in the grid layout. + * @default 4 + */ + "columns"?: number; /** * Custom style of the component. * @default "" diff --git a/packages/ketchup/src/components/kup-image-list/kup-image-list.tsx b/packages/ketchup/src/components/kup-image-list/kup-image-list.tsx index 1121524ef0..989471d9da 100644 --- a/packages/ketchup/src/components/kup-image-list/kup-image-list.tsx +++ b/packages/ketchup/src/components/kup-image-list/kup-image-list.tsx @@ -100,7 +100,11 @@ export class KupImageList { /*-------------------------------------------------*/ /* P r o p s */ /*-------------------------------------------------*/ - + /** + * Number of columns to display in the grid layout. + * @default 4 + */ + @Prop() columns: number = 4; /** * Custom style of the component. * @default "" @@ -354,6 +358,9 @@ export class KupImageList { render() { const hasNavigation = !!this.currentNode; + const gridColumnsStyle = { + 'grid-template-columns': `repeat(${this.columns}, minmax(0px, 1fr))`, + }; return ( -
+
{ + this.#el = el; + }} + >
{hasNavigation ? (
` | -| `kup-imagelist-contextmenu` | | `CustomEvent` | -| `kup-imagelist-dblclick` | | `CustomEvent` | +| Event | Description | Type | +| --------------------------- | ----------- | -------------------------------------------------- | +| `kup-imagelist-click` | | `CustomEvent` | +| `kup-imagelist-contextmenu` | | `CustomEvent` | +| `kup-imagelist-dblclick` | | `CustomEvent` | ## Methods diff --git a/packages/ketchup/src/f-components/f-cell/f-cell.scss b/packages/ketchup/src/f-components/f-cell/f-cell.scss index ba18cc3c5b..86f2a6ff81 100644 --- a/packages/ketchup/src/f-components/f-cell/f-cell.scss +++ b/packages/ketchup/src/f-components/f-cell/f-cell.scss @@ -451,3 +451,9 @@ padding: 1em 0.3125em; } } + +@media screen and (max-width: 899px) { + .f-cell * { + user-select: none; + } +} diff --git a/packages/ketchup/src/managers/kup-interact/kup-interact.ts b/packages/ketchup/src/managers/kup-interact/kup-interact.ts index 0f935c9f1f..104e6bf709 100644 --- a/packages/ketchup/src/managers/kup-interact/kup-interact.ts +++ b/packages/ketchup/src/managers/kup-interact/kup-interact.ts @@ -308,6 +308,15 @@ export class KupInteract { interact(el).dropzone(options); this.managedElements.add(el); } + /** + * Tests whether the current device is mobile or not. + * @returns {boolean} Returns true when it's a mobile device + */ + isMobileDevice(): boolean { + return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test( + navigator.userAgent + ); + } /** * Sets up a new resizable element. * @param {HTMLElement} el - The resizable element. From 5d7112dd0cb6cc622673e23f853c5d26c26f4ae2 Mon Sep 17 00:00:00 2001 From: Leonardo-Signorelli Date: Mon, 25 Mar 2024 11:43:20 +0100 Subject: [PATCH 10/28] Update themes.json --- .../src/managers/kup-theme/themes.json | 270 +++++++++++++++++- 1 file changed, 255 insertions(+), 15 deletions(-) diff --git a/packages/ketchup/src/managers/kup-theme/themes.json b/packages/ketchup/src/managers/kup-theme/themes.json index 327a51d511..c0f4070a44 100644 --- a/packages/ketchup/src/managers/kup-theme/themes.json +++ b/packages/ketchup/src/managers/kup-theme/themes.json @@ -161,7 +161,23 @@ "--kup-obj-cursor": "inherit", "--kup-card-zindex": "900", "--kup-drawer-zindex": "900", - "--kup-navbar-zindex": "900" + "--kup-navbar-zindex": "900", + "--kup-space-00": "0px", + "--kup-space-01": "2px", + "--kup-space-02": "4px", + "--kup-space-03": "8px", + "--kup-space-04": "12px", + "--kup-space-05": "16px", + "--kup-space-06": "24px", + "--kup-space-07": "32px", + "--kup-space-08": "40px", + "--kup-space-09": "48px", + "--kup-space-10": "64px", + "--kup-space-11": "80px", + "--kup-space-12": "96px", + "--kup-space-13": "160px", + "--kup-radius-00": "0px", + "--kup-radius-100": "100px" }, "icons": { "--kup-ascending-icon": "sort-ascending", @@ -237,7 +253,23 @@ "--kup-obj-cursor": "inherit", "--kup-card-zindex": "900", "--kup-drawer-zindex": "900", - "--kup-navbar-zindex": "900" + "--kup-navbar-zindex": "900", + "--kup-space-00": "0px", + "--kup-space-01": "2px", + "--kup-space-02": "4px", + "--kup-space-03": "8px", + "--kup-space-04": "12px", + "--kup-space-05": "16px", + "--kup-space-06": "24px", + "--kup-space-07": "32px", + "--kup-space-08": "40px", + "--kup-space-09": "48px", + "--kup-space-10": "64px", + "--kup-space-11": "80px", + "--kup-space-12": "96px", + "--kup-space-13": "160px", + "--kup-radius-00": "0px", + "--kup-radius-100": "100px" }, "icons": { "--kup-ascending-icon": "arrow_drop_up", @@ -312,7 +344,23 @@ "--kup-obj-cursor": "inherit", "--kup-card-zindex": "900", "--kup-drawer-zindex": "900", - "--kup-navbar-zindex": "900" + "--kup-navbar-zindex": "900", + "--kup-space-00": "0px", + "--kup-space-01": "2px", + "--kup-space-02": "4px", + "--kup-space-03": "8px", + "--kup-space-04": "12px", + "--kup-space-05": "16px", + "--kup-space-06": "24px", + "--kup-space-07": "32px", + "--kup-space-08": "40px", + "--kup-space-09": "48px", + "--kup-space-10": "64px", + "--kup-space-11": "80px", + "--kup-space-12": "96px", + "--kup-space-13": "160px", + "--kup-radius-00": "0px", + "--kup-radius-100": "100px" }, "icons": { "--kup-ascending-icon": "arrow_drop_up", @@ -387,7 +435,23 @@ "--kup-obj-cursor": "inherit", "--kup-card-zindex": "900", "--kup-drawer-zindex": "900", - "--kup-navbar-zindex": "900" + "--kup-navbar-zindex": "900", + "--kup-space-00": "0px", + "--kup-space-01": "2px", + "--kup-space-02": "4px", + "--kup-space-03": "8px", + "--kup-space-04": "12px", + "--kup-space-05": "16px", + "--kup-space-06": "24px", + "--kup-space-07": "32px", + "--kup-space-08": "40px", + "--kup-space-09": "48px", + "--kup-space-10": "64px", + "--kup-space-11": "80px", + "--kup-space-12": "96px", + "--kup-space-13": "160px", + "--kup-radius-00": "0px", + "--kup-radius-100": "100px" }, "icons": { "--kup-ascending-icon": "arrow_drop_up", @@ -468,7 +532,23 @@ "--kup-obj-cursor": "inherit", "--kup-card-zindex": "900", "--kup-drawer-zindex": "900", - "--kup-navbar-zindex": "900" + "--kup-navbar-zindex": "900", + "--kup-space-00": "0px", + "--kup-space-01": "2px", + "--kup-space-02": "4px", + "--kup-space-03": "8px", + "--kup-space-04": "12px", + "--kup-space-05": "16px", + "--kup-space-06": "24px", + "--kup-space-07": "32px", + "--kup-space-08": "40px", + "--kup-space-09": "48px", + "--kup-space-10": "64px", + "--kup-space-11": "80px", + "--kup-space-12": "96px", + "--kup-space-13": "160px", + "--kup-radius-00": "0px", + "--kup-radius-100": "100px" }, "customStyles": { "KUP-BUTTON": "#kup-component button {\ntext-transform: unset;\n}\n\n" @@ -543,7 +623,23 @@ "--kup-obj-cursor": "inherit", "--kup-card-zindex": "900", "--kup-drawer-zindex": "900", - "--kup-navbar-zindex": "900" + "--kup-navbar-zindex": "900", + "--kup-space-00": "0px", + "--kup-space-01": "2px", + "--kup-space-02": "4px", + "--kup-space-03": "8px", + "--kup-space-04": "12px", + "--kup-space-05": "16px", + "--kup-space-06": "24px", + "--kup-space-07": "32px", + "--kup-space-08": "40px", + "--kup-space-09": "48px", + "--kup-space-10": "64px", + "--kup-space-11": "80px", + "--kup-space-12": "96px", + "--kup-space-13": "160px", + "--kup-radius-00": "0px", + "--kup-radius-100": "100px" }, "icons": { "--kup-ascending-icon": "sort-ascending", @@ -624,7 +720,23 @@ "--kup-obj-cursor": "inherit", "--kup-card-zindex": "900", "--kup-drawer-zindex": "900", - "--kup-navbar-zindex": "900" + "--kup-navbar-zindex": "900", + "--kup-space-00": "0px", + "--kup-space-01": "2px", + "--kup-space-02": "4px", + "--kup-space-03": "8px", + "--kup-space-04": "12px", + "--kup-space-05": "16px", + "--kup-space-06": "24px", + "--kup-space-07": "32px", + "--kup-space-08": "40px", + "--kup-space-09": "48px", + "--kup-space-10": "64px", + "--kup-space-11": "80px", + "--kup-space-12": "96px", + "--kup-space-13": "160px", + "--kup-radius-00": "0px", + "--kup-radius-100": "100px" }, "icons": { "--kup-ascending-icon": "arrow_drop_up", @@ -699,7 +811,23 @@ "--kup-obj-cursor": "inherit", "--kup-card-zindex": "900", "--kup-drawer-zindex": "900", - "--kup-navbar-zindex": "900" + "--kup-navbar-zindex": "900", + "--kup-space-00": "0px", + "--kup-space-01": "2px", + "--kup-space-02": "4px", + "--kup-space-03": "8px", + "--kup-space-04": "12px", + "--kup-space-05": "16px", + "--kup-space-06": "24px", + "--kup-space-07": "32px", + "--kup-space-08": "40px", + "--kup-space-09": "48px", + "--kup-space-10": "64px", + "--kup-space-11": "80px", + "--kup-space-12": "96px", + "--kup-space-13": "160px", + "--kup-radius-00": "0px", + "--kup-radius-100": "100px" }, "icons": { "--kup-ascending-icon": "arrow_drop_up", @@ -780,7 +908,23 @@ "--kup-obj-cursor": "inherit", "--kup-card-zindex": "900", "--kup-drawer-zindex": "900", - "--kup-navbar-zindex": "900" + "--kup-navbar-zindex": "900", + "--kup-space-00": "0px", + "--kup-space-01": "2px", + "--kup-space-02": "4px", + "--kup-space-03": "8px", + "--kup-space-04": "12px", + "--kup-space-05": "16px", + "--kup-space-06": "24px", + "--kup-space-07": "32px", + "--kup-space-08": "40px", + "--kup-space-09": "48px", + "--kup-space-10": "64px", + "--kup-space-11": "80px", + "--kup-space-12": "96px", + "--kup-space-13": "160px", + "--kup-radius-00": "0px", + "--kup-radius-100": "100px" }, "customStyles": { "MASTER": "#kup-component #global-filter {\ndisplay: none;\n}\n\n", @@ -862,7 +1006,23 @@ "--kup-obj-cursor": "inherit", "--kup-card-zindex": "900", "--kup-drawer-zindex": "900", - "--kup-navbar-zindex": "900" + "--kup-navbar-zindex": "900", + "--kup-space-00": "0px", + "--kup-space-01": "2px", + "--kup-space-02": "4px", + "--kup-space-03": "8px", + "--kup-space-04": "12px", + "--kup-space-05": "16px", + "--kup-space-06": "24px", + "--kup-space-07": "32px", + "--kup-space-08": "40px", + "--kup-space-09": "48px", + "--kup-space-10": "64px", + "--kup-space-11": "80px", + "--kup-space-12": "96px", + "--kup-space-13": "160px", + "--kup-radius-00": "0px", + "--kup-radius-100": "100px" }, "icons": { "--kup-ascending-icon": "sort-ascending", @@ -943,7 +1103,23 @@ "--kup-obj-cursor": "inherit", "--kup-card-zindex": "900", "--kup-drawer-zindex": "900", - "--kup-navbar-zindex": "900" + "--kup-navbar-zindex": "900", + "--kup-space-00": "0px", + "--kup-space-01": "2px", + "--kup-space-02": "4px", + "--kup-space-03": "8px", + "--kup-space-04": "12px", + "--kup-space-05": "16px", + "--kup-space-06": "24px", + "--kup-space-07": "32px", + "--kup-space-08": "40px", + "--kup-space-09": "48px", + "--kup-space-10": "64px", + "--kup-space-11": "80px", + "--kup-space-12": "96px", + "--kup-space-13": "160px", + "--kup-radius-00": "0px", + "--kup-radius-100": "100px" }, "icons": { "--kup-ascending-icon": "arrow_drop_up", @@ -1025,7 +1201,23 @@ "--kup-obj-cursor": "inherit", "--kup-card-zindex": "900", "--kup-drawer-zindex": "900", - "--kup-navbar-zindex": "900" + "--kup-navbar-zindex": "900", + "--kup-space-00": "0px", + "--kup-space-01": "2px", + "--kup-space-02": "4px", + "--kup-space-03": "8px", + "--kup-space-04": "12px", + "--kup-space-05": "16px", + "--kup-space-06": "24px", + "--kup-space-07": "32px", + "--kup-space-08": "40px", + "--kup-space-09": "48px", + "--kup-space-10": "64px", + "--kup-space-11": "80px", + "--kup-space-12": "96px", + "--kup-space-13": "160px", + "--kup-radius-00": "0px", + "--kup-radius-100": "100px" }, "icons": { "--kup-ascending-icon": "arrow_drop_up", @@ -1103,7 +1295,23 @@ "--kup-obj-cursor": "inherit", "--kup-card-zindex": "900", "--kup-drawer-zindex": "900", - "--kup-navbar-zindex": "900" + "--kup-navbar-zindex": "900", + "--kup-space-00": "0px", + "--kup-space-01": "2px", + "--kup-space-02": "4px", + "--kup-space-03": "8px", + "--kup-space-04": "12px", + "--kup-space-05": "16px", + "--kup-space-06": "24px", + "--kup-space-07": "32px", + "--kup-space-08": "40px", + "--kup-space-09": "48px", + "--kup-space-10": "64px", + "--kup-space-11": "80px", + "--kup-space-12": "96px", + "--kup-space-13": "160px", + "--kup-radius-00": "0px", + "--kup-radius-100": "100px" }, "icons": { "--kup-ascending-icon": "arrow_drop_up", @@ -1185,7 +1393,23 @@ "--kup-obj-cursor": "inherit", "--kup-card-zindex": "900", "--kup-drawer-zindex": "900", - "--kup-navbar-zindex": "900" + "--kup-navbar-zindex": "900", + "--kup-space-00": "0px", + "--kup-space-01": "2px", + "--kup-space-02": "4px", + "--kup-space-03": "8px", + "--kup-space-04": "12px", + "--kup-space-05": "16px", + "--kup-space-06": "24px", + "--kup-space-07": "32px", + "--kup-space-08": "40px", + "--kup-space-09": "48px", + "--kup-space-10": "64px", + "--kup-space-11": "80px", + "--kup-space-12": "96px", + "--kup-space-13": "160px", + "--kup-radius-00": "0px", + "--kup-radius-100": "100px" }, "icons": { "--kup-ascending-icon": "arrow_drop_up", @@ -1257,7 +1481,23 @@ "--kup-obj-cursor": "inherit", "--kup-card-zindex": "900", "--kup-drawer-zindex": "900", - "--kup-navbar-zindex": "900" + "--kup-navbar-zindex": "900", + "--kup-space-00": "0px", + "--kup-space-01": "2px", + "--kup-space-02": "4px", + "--kup-space-03": "8px", + "--kup-space-04": "12px", + "--kup-space-05": "16px", + "--kup-space-06": "24px", + "--kup-space-07": "32px", + "--kup-space-08": "40px", + "--kup-space-09": "48px", + "--kup-space-10": "64px", + "--kup-space-11": "80px", + "--kup-space-12": "96px", + "--kup-space-13": "160px", + "--kup-radius-00": "0px", + "--kup-radius-100": "100px" }, "icons": { "--kup-ascending-icon": "arrow_drop_up", From cf10f1236a1ce7fe357b4d9e7986266745af4bf2 Mon Sep 17 00:00:00 2001 From: Luca Foscili <45429703+lucafoscili@users.noreply.github.com> Date: Mon, 25 Mar 2024 15:08:33 +0100 Subject: [PATCH 11/28] kup-image-list: handled all events with interact. --- packages/ketchup/src/assets/image-list.js | 4 + .../kup-image-list-declarations.ts | 5 - .../kup-image-list/kup-image-list.tsx | 152 +++++++++++++----- .../src/components/kup-image-list/readme.md | 10 +- 4 files changed, 118 insertions(+), 53 deletions(-) diff --git a/packages/ketchup/src/assets/image-list.js b/packages/ketchup/src/assets/image-list.js index f9e82d52d6..2862134d55 100644 --- a/packages/ketchup/src/assets/image-list.js +++ b/packages/ketchup/src/assets/image-list.js @@ -616,3 +616,7 @@ document.addEventListener('kup-imagelist-click', (e) => { document.addEventListener('kup-imagelist-contextmenu', (e) => { console.log(e); }); + +document.addEventListener('kup-imagelist-dblclick', (e) => { + console.log(e); +}); diff --git a/packages/ketchup/src/components/kup-image-list/kup-image-list-declarations.ts b/packages/ketchup/src/components/kup-image-list/kup-image-list-declarations.ts index c0c6b48865..ac3cde53e8 100644 --- a/packages/ketchup/src/components/kup-image-list/kup-image-list-declarations.ts +++ b/packages/ketchup/src/components/kup-image-list/kup-image-list-declarations.ts @@ -1,4 +1,3 @@ -import { FCellProps } from '../../f-components/f-cell/f-cell-declarations'; import { KupDataCell, KupDataColumn, @@ -19,10 +18,6 @@ export enum KupImageListProps { } export interface KupImageListEventPayload extends KupEventPayload { - node: KupDataNode; -} - -export interface KupImageListContextMenuEventPayload extends KupEventPayload { details: KupImageListEventHandlerDetails; } /** diff --git a/packages/ketchup/src/components/kup-image-list/kup-image-list.tsx b/packages/ketchup/src/components/kup-image-list/kup-image-list.tsx index 6c2eaa817a..491a94b015 100644 --- a/packages/ketchup/src/components/kup-image-list/kup-image-list.tsx +++ b/packages/ketchup/src/components/kup-image-list/kup-image-list.tsx @@ -19,7 +19,6 @@ import { } from '../../managers/kup-manager/kup-manager'; import { GenericObject, KupComponent } from '../../types/GenericTypes'; import { - KupImageListContextMenuEventPayload, KupImageListEventHandlerDetails, KupImageListEventPayload, KupImageListProps, @@ -173,6 +172,7 @@ export class KupImageList { }; #el: HTMLElement; #hold: boolean = false; + #interactableTouch: HTMLElement[] = []; /*-------------------------------------------------*/ /* E v e n t s */ @@ -186,24 +186,13 @@ export class KupImageList { }) kupClick: EventEmitter; - onKupClick(node: KupDataNode) { - if (node.children && node.children.length > 0) { - this.currentNode = node; - } - this.kupClick.emit({ - comp: this, - id: this.rootElement.id, - node: node, - }); - } - @Event({ eventName: 'kup-imagelist-contextmenu', composed: true, cancelable: false, bubbles: true, }) - kupContextMenu: EventEmitter; + kupContextMenu: EventEmitter; @Event({ eventName: 'kup-imagelist-dblclick', @@ -213,18 +202,6 @@ export class KupImageList { }) kupDblClick: EventEmitter; - onKupDblClick(node: KupDataNode) { - for (let index = 0; index < this.#clickTimeout.length; index++) { - clearTimeout(this.#clickTimeout[index]); - } - this.#clickTimeout = []; - this.kupDblClick.emit({ - comp: this, - id: this.rootElement.id, - node: node, - }); - } - /*-------------------------------------------------*/ /* W a t c h e r s */ /*-------------------------------------------------*/ @@ -306,12 +283,9 @@ export class KupImageList { }; const item: VNode = (
{ - this.#clickTimeout.push( - setTimeout(() => this.onKupClick(node), 300) - ); + onContextMenu={(e) => { + e.preventDefault(); }} - onDblClick={() => this.onKupDblClick(node)} class={classObj} > {this.#createItem(node)} @@ -348,6 +322,15 @@ export class KupImageList { }; } + #clickHandler(e: PointerEvent): KupImageListEventHandlerDetails { + const details: KupImageListEventHandlerDetails = this.#getEventDetails( + this.#kupManager.getEventPath(e.target, this.rootElement), + e + ); + + return details; + } + #contextMenuHandler(e: PointerEvent): KupImageListEventHandlerDetails { const details: KupImageListEventHandlerDetails = this.#getEventDetails( this.#kupManager.getEventPath(e.target, this.rootElement), @@ -357,25 +340,82 @@ export class KupImageList { return details; } - /*-------------------------------------------------*/ - /* L i f e c y c l e H o o k s */ - /*-------------------------------------------------*/ + #dblClickHandler(e: PointerEvent): KupImageListEventHandlerDetails { + const details: KupImageListEventHandlerDetails = this.#getEventDetails( + this.#kupManager.getEventPath(e.target, this.rootElement), + e + ); - componentWillLoad() { - this.#kupManager.debug.logLoad(this, false); - this.#kupManager.language.register(this); - this.#kupManager.theme.register(this); + return details; } - componentDidLoad() { + #didLoadInteractables() { + this.#interactableTouch.push(this.#el); + const tapCb = (e: PointerEvent) => { + if (this.#hold) { + this.#hold = false; + return; + } + switch (e.button) { + // left click + case 0: + // Note: event must be cloned + // otherwise inside setTimeout will be exiting the Shadow DOM scope(causing loss of information, including target). + const clone: GenericObject = {}; + for (const key in e) { + clone[key] = e[key]; + } + this.#clickTimeout.push( + setTimeout(() => { + this.kupClick.emit({ + comp: this, + id: this.rootElement.id, + details: this.#clickHandler( + clone as PointerEvent + ), + }); + }, 300) + ); + break; + // right click + case 2: + this.kupContextMenu.emit({ + comp: this, + id: this.rootElement.id, + details: this.#contextMenuHandler(e), + }); + break; + } + }; + const doubletapCb = (e: PointerEvent) => { + switch (e.button) { + // left click + case 0: + for ( + let index = 0; + index < this.#clickTimeout.length; + index++ + ) { + clearTimeout(this.#clickTimeout[index]); + this.#kupManager.debug.logMessage( + this, + 'Cleared clickHandler timeout(' + + this.#clickTimeout[index] + + ').' + ); + } + this.#clickTimeout = []; + this.kupDblClick.emit({ + comp: this, + id: this.rootElement.id, + details: this.#dblClickHandler(e), + }); + break; + } + }; const holdCb = (e: PointerEvent) => { if (e.pointerType === 'pen' || e.pointerType === 'touch') { this.#hold = true; - this.kupContextMenu.emit({ - comp: this, - id: this.rootElement.id, - details: this.#contextMenuHandler(e), - }); } }; this.#kupManager.interact.on( @@ -383,6 +423,31 @@ export class KupImageList { KupPointerEventTypes.HOLD, holdCb ); + this.#kupManager.interact.on(this.#el, KupPointerEventTypes.TAP, tapCb); + this.#kupManager.interact.on( + this.#el, + KupPointerEventTypes.DOUBLETAP, + doubletapCb + ); + this.#kupManager.interact.on( + this.#el, + KupPointerEventTypes.HOLD, + holdCb + ); + } + + /*-------------------------------------------------*/ + /* L i f e c y c l e H o o k s */ + /*-------------------------------------------------*/ + + componentWillLoad() { + this.#kupManager.debug.logLoad(this, false); + this.#kupManager.language.register(this); + this.#kupManager.theme.register(this); + } + + componentDidLoad() { + this.#didLoadInteractables(); this.#kupManager.debug.logLoad(this, true); } @@ -477,6 +542,7 @@ export class KupImageList { } disconnectedCallback() { + this.#kupManager.interact.unregister(this.#interactableTouch); this.#kupManager.language.unregister(this); this.#kupManager.theme.unregister(this); } diff --git a/packages/ketchup/src/components/kup-image-list/readme.md b/packages/ketchup/src/components/kup-image-list/readme.md index e9e9ccbc36..43c40f4982 100644 --- a/packages/ketchup/src/components/kup-image-list/readme.md +++ b/packages/ketchup/src/components/kup-image-list/readme.md @@ -20,11 +20,11 @@ ## Events -| Event | Description | Type | -| --------------------------- | ----------- | -------------------------------------------------- | -| `kup-imagelist-click` | | `CustomEvent` | -| `kup-imagelist-contextmenu` | | `CustomEvent` | -| `kup-imagelist-dblclick` | | `CustomEvent` | +| Event | Description | Type | +| --------------------------- | ----------- | --------------------------------------- | +| `kup-imagelist-click` | | `CustomEvent` | +| `kup-imagelist-contextmenu` | | `CustomEvent` | +| `kup-imagelist-dblclick` | | `CustomEvent` | ## Methods From 8be4b13a2c126aaf706407793b790321b009f593 Mon Sep 17 00:00:00 2001 From: Luca Foscili <45429703+lucafoscili@users.noreply.github.com> Date: Mon, 25 Mar 2024 16:36:21 +0100 Subject: [PATCH 12/28] Bugfix (FPaginator): prevented JS loop when perPage is 0. --- packages/ketchup/src/components.d.ts | 12643 +++++++--------- .../f-components/f-paginator/f-paginator.tsx | 3 + 2 files changed, 5082 insertions(+), 7564 deletions(-) diff --git a/packages/ketchup/src/components.d.ts b/packages/ketchup/src/components.d.ts index b1238d0f6c..0e317c556a 100644 --- a/packages/ketchup/src/components.d.ts +++ b/packages/ketchup/src/components.d.ts @@ -4,4248 +4,3893 @@ * This is an autogenerated file created by the Stencil compiler. * It contains typing information for all components that exist in this project. */ -import { HTMLStencilElement, JSXBase } from '@stencil/core/internal'; -import { - KupAccordionData, - KupAccordionItemSelectedEventPayload, -} from './components/kup-accordion/kup-accordion-declarations'; -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, - 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'; -import { KupButtonClickEventPayload } from './components/kup-button/kup-button-declarations'; -import { - KupButtonListClickEventPayload, - KupButtonListNode, -} from './components/kup-button-list/kup-button-list-declarations'; -import { - KupCalendarData, - KupCalendarDateClickEventPayload, - KupCalendarEventClickEventPayload, - KupCalendarEventDropEventPayload, - KupCalendarViewChangeEventPayload, - KupCalendarViewTypes, -} from './components/kup-calendar/kup-calendar-declarations'; -import { - KupCardClickPayload, - KupCardData, - KupCardEventPayload, - KupCardFamily, -} from './components/kup-card/kup-card-declarations'; -import { - KupCardListClickEventPayload, - KupCardListData, -} from './components/kup-card-list/kup-card-list-declarations'; -import { FCellPadding } from './f-components/f-cell/f-cell-declarations'; -import { - ChartAspect, - ChartAxis, - ChartOfflineMode, - ChartSerie, - ChartTitle, - ChartType, - KupChartClickEvent, - KupChartSort, - KupChartTrendlines, -} from './components/kup-chart/kup-chart-declarations'; -import { KupCheckboxEventPayload } from './components/kup-checkbox/kup-checkbox-declarations'; -import { - KupChipChangeEventPayload, - KupChipEventPayload, - KupChipNode, -} from './components/kup-chip/kup-chip-declarations'; -import { FChipType } from './f-components/f-chip/f-chip-declarations'; -import { KupColorPickerEventPayload } from './components/kup-color-picker/kup-color-picker-declarations'; -import { - KupComboboxEventPayload, - KupComboboxIconClickEventPayload, -} from './components/kup-combobox/kup-combobox-declarations'; -import { - KupGanttPlannerProps, - KupPlannerBarDisplayProps, - KupPlannerBarTask, - KupPlannerCalendarProps, - KupPlannerClickEventPayload, - KupPlannerEventOption, - KupPlannerEventPayload, - KupPlannerGanttEvent, - KupPlannerGanttProps, - KupPlannerGanttRow, - KupPlannerGanttTask, - 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 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'; -import { KupDropdownButtonEventPayload } from './components/kup-dropdown-button/kup-dropdown-button-declarations'; -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'; -import { FImageData } from './f-components/f-image/f-image-declarations'; -import { KupImageClickEventPayload } from './components/kup-image/kup-image-declarations'; -import { - KupTreeColumnMenuEventPayload, - KupTreeColumnRemoveEventPayload, - KupTreeContextMenuEventPayload, - KupTreeDynamicMassExpansionEventPayload, - KupTreeExpansionMode, - KupTreeNode, - KupTreeNodeButtonClickEventPayload, - KupTreeNodeCollapseEventPayload, - KupTreeNodeExpandEventPayload, - KupTreeNodeSelectedEventPayload, - TreeNodePath, -} from './components/kup-tree/kup-tree-declarations'; -import { KupImageListEventPayload } from './components/kup-image-list/kup-image-list-declarations'; -import { KupLazyRender } from './components/kup-lazy/kup-lazy-declarations'; -import { KupNavBarStyling } from './components/kup-nav-bar/kup-nav-bar-declarations'; -import { KupNumericPickerEventPayload } from './components/kup-numeric-picker/kup-numeric-picker-declarations'; -import { - KupQlikGrid, - QlikServer, -} from './components/kup-qlik/kup-qlik-declarations'; -import { FRadioData } from './f-components/f-radio/f-radio-declarations'; -import { KupRadioChangeEventPayload } from './components/kup-radio/kup-radio-declarations'; -import { KupRatingClickEventPayload } from './components/kup-rating/kup-rating-declarations'; -import { KupSwitchEventPayload } from './components/kup-switch/kup-switch-declarations'; -import { - KupTabBarEventPayload, - KupTabBarNode, -} from './components/kup-tab-bar/kup-tab-bar-declarations'; -import { KupTextFieldEventPayload } from './components/kup-text-field/kup-text-field-declarations'; -import { KupTimePickerEventPayload } from './components/kup-time-picker/kup-time-picker-declarations'; -export { - KupAccordionData, - KupAccordionItemSelectedEventPayload, -} from './components/kup-accordion/kup-accordion-declarations'; -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, - 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'; -export { KupButtonClickEventPayload } from './components/kup-button/kup-button-declarations'; -export { - KupButtonListClickEventPayload, - KupButtonListNode, -} from './components/kup-button-list/kup-button-list-declarations'; -export { - KupCalendarData, - KupCalendarDateClickEventPayload, - KupCalendarEventClickEventPayload, - KupCalendarEventDropEventPayload, - KupCalendarViewChangeEventPayload, - KupCalendarViewTypes, -} from './components/kup-calendar/kup-calendar-declarations'; -export { - KupCardClickPayload, - KupCardData, - KupCardEventPayload, - KupCardFamily, -} from './components/kup-card/kup-card-declarations'; -export { - KupCardListClickEventPayload, - KupCardListData, -} from './components/kup-card-list/kup-card-list-declarations'; -export { FCellPadding } from './f-components/f-cell/f-cell-declarations'; -export { - ChartAspect, - ChartAxis, - ChartOfflineMode, - ChartSerie, - ChartTitle, - ChartType, - KupChartClickEvent, - KupChartSort, - KupChartTrendlines, -} from './components/kup-chart/kup-chart-declarations'; -export { KupCheckboxEventPayload } from './components/kup-checkbox/kup-checkbox-declarations'; -export { - KupChipChangeEventPayload, - KupChipEventPayload, - KupChipNode, -} from './components/kup-chip/kup-chip-declarations'; -export { FChipType } from './f-components/f-chip/f-chip-declarations'; -export { KupColorPickerEventPayload } from './components/kup-color-picker/kup-color-picker-declarations'; -export { - KupComboboxEventPayload, - KupComboboxIconClickEventPayload, -} from './components/kup-combobox/kup-combobox-declarations'; -export { - KupGanttPlannerProps, - KupPlannerBarDisplayProps, - KupPlannerBarTask, - KupPlannerCalendarProps, - KupPlannerClickEventPayload, - KupPlannerEventOption, - KupPlannerEventPayload, - KupPlannerGanttEvent, - KupPlannerGanttProps, - KupPlannerGanttRow, - KupPlannerGanttTask, - 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 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'; -export { KupDropdownButtonEventPayload } from './components/kup-dropdown-button/kup-dropdown-button-declarations'; -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'; -export { FImageData } from './f-components/f-image/f-image-declarations'; -export { KupImageClickEventPayload } from './components/kup-image/kup-image-declarations'; -export { - KupTreeColumnMenuEventPayload, - KupTreeColumnRemoveEventPayload, - KupTreeContextMenuEventPayload, - KupTreeDynamicMassExpansionEventPayload, - KupTreeExpansionMode, - KupTreeNode, - KupTreeNodeButtonClickEventPayload, - KupTreeNodeCollapseEventPayload, - KupTreeNodeExpandEventPayload, - KupTreeNodeSelectedEventPayload, - TreeNodePath, -} from './components/kup-tree/kup-tree-declarations'; -export { KupImageListEventPayload } from './components/kup-image-list/kup-image-list-declarations'; -export { KupLazyRender } from './components/kup-lazy/kup-lazy-declarations'; -export { KupNavBarStyling } from './components/kup-nav-bar/kup-nav-bar-declarations'; -export { KupNumericPickerEventPayload } from './components/kup-numeric-picker/kup-numeric-picker-declarations'; -export { - KupQlikGrid, - QlikServer, -} from './components/kup-qlik/kup-qlik-declarations'; -export { FRadioData } from './f-components/f-radio/f-radio-declarations'; -export { KupRadioChangeEventPayload } from './components/kup-radio/kup-radio-declarations'; -export { KupRatingClickEventPayload } from './components/kup-rating/kup-rating-declarations'; -export { KupSwitchEventPayload } from './components/kup-switch/kup-switch-declarations'; -export { - KupTabBarEventPayload, - KupTabBarNode, -} from './components/kup-tab-bar/kup-tab-bar-declarations'; -export { KupTextFieldEventPayload } from './components/kup-text-field/kup-text-field-declarations'; -export { KupTimePickerEventPayload } from './components/kup-time-picker/kup-time-picker-declarations'; +import { HTMLStencilElement, JSXBase } from "@stencil/core/internal"; +import { KupAccordionData, KupAccordionItemSelectedEventPayload } from "./components/kup-accordion/kup-accordion-declarations"; +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, 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"; +import { KupButtonClickEventPayload } from "./components/kup-button/kup-button-declarations"; +import { KupButtonListClickEventPayload, KupButtonListNode } from "./components/kup-button-list/kup-button-list-declarations"; +import { KupCalendarData, KupCalendarDateClickEventPayload, KupCalendarEventClickEventPayload, KupCalendarEventDropEventPayload, KupCalendarViewChangeEventPayload, KupCalendarViewTypes } from "./components/kup-calendar/kup-calendar-declarations"; +import { KupCardClickPayload, KupCardData, KupCardEventPayload, KupCardFamily } from "./components/kup-card/kup-card-declarations"; +import { KupCardListClickEventPayload, KupCardListData } from "./components/kup-card-list/kup-card-list-declarations"; +import { FCellPadding } from "./f-components/f-cell/f-cell-declarations"; +import { ChartAspect, ChartAxis, ChartOfflineMode, ChartSerie, ChartTitle, ChartType, KupChartClickEvent, KupChartSort, KupChartTrendlines } from "./components/kup-chart/kup-chart-declarations"; +import { KupCheckboxEventPayload } from "./components/kup-checkbox/kup-checkbox-declarations"; +import { KupChipChangeEventPayload, KupChipEventPayload, KupChipNode } from "./components/kup-chip/kup-chip-declarations"; +import { FChipType } from "./f-components/f-chip/f-chip-declarations"; +import { KupColorPickerEventPayload } from "./components/kup-color-picker/kup-color-picker-declarations"; +import { KupComboboxEventPayload, KupComboboxIconClickEventPayload } from "./components/kup-combobox/kup-combobox-declarations"; +import { KupGanttPlannerProps, KupPlannerBarDisplayProps, KupPlannerBarTask, KupPlannerCalendarProps, KupPlannerClickEventPayload, KupPlannerEventOption, KupPlannerEventPayload, KupPlannerGanttEvent, KupPlannerGanttProps, KupPlannerGanttRow, KupPlannerGanttTask, 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 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"; +import { KupDropdownButtonEventPayload } from "./components/kup-dropdown-button/kup-dropdown-button-declarations"; +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"; +import { FImageData } from "./f-components/f-image/f-image-declarations"; +import { KupImageClickEventPayload } from "./components/kup-image/kup-image-declarations"; +import { KupTreeColumnMenuEventPayload, KupTreeColumnRemoveEventPayload, KupTreeContextMenuEventPayload, KupTreeDynamicMassExpansionEventPayload, KupTreeExpansionMode, KupTreeNode, KupTreeNodeButtonClickEventPayload, KupTreeNodeCollapseEventPayload, KupTreeNodeExpandEventPayload, KupTreeNodeSelectedEventPayload, TreeNodePath } from "./components/kup-tree/kup-tree-declarations"; +import { KupImageListEventPayload } from "./components/kup-image-list/kup-image-list-declarations"; +import { KupLazyRender } from "./components/kup-lazy/kup-lazy-declarations"; +import { KupNavBarStyling } from "./components/kup-nav-bar/kup-nav-bar-declarations"; +import { KupNumericPickerEventPayload } from "./components/kup-numeric-picker/kup-numeric-picker-declarations"; +import { KupQlikGrid, QlikServer } from "./components/kup-qlik/kup-qlik-declarations"; +import { FRadioData } from "./f-components/f-radio/f-radio-declarations"; +import { KupRadioChangeEventPayload } from "./components/kup-radio/kup-radio-declarations"; +import { KupRatingClickEventPayload } from "./components/kup-rating/kup-rating-declarations"; +import { KupSwitchEventPayload } from "./components/kup-switch/kup-switch-declarations"; +import { KupTabBarEventPayload, KupTabBarNode } from "./components/kup-tab-bar/kup-tab-bar-declarations"; +import { KupTextFieldEventPayload } from "./components/kup-text-field/kup-text-field-declarations"; +import { KupTimePickerEventPayload } from "./components/kup-time-picker/kup-time-picker-declarations"; +export { KupAccordionData, KupAccordionItemSelectedEventPayload } from "./components/kup-accordion/kup-accordion-declarations"; +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, 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"; +export { KupButtonClickEventPayload } from "./components/kup-button/kup-button-declarations"; +export { KupButtonListClickEventPayload, KupButtonListNode } from "./components/kup-button-list/kup-button-list-declarations"; +export { KupCalendarData, KupCalendarDateClickEventPayload, KupCalendarEventClickEventPayload, KupCalendarEventDropEventPayload, KupCalendarViewChangeEventPayload, KupCalendarViewTypes } from "./components/kup-calendar/kup-calendar-declarations"; +export { KupCardClickPayload, KupCardData, KupCardEventPayload, KupCardFamily } from "./components/kup-card/kup-card-declarations"; +export { KupCardListClickEventPayload, KupCardListData } from "./components/kup-card-list/kup-card-list-declarations"; +export { FCellPadding } from "./f-components/f-cell/f-cell-declarations"; +export { ChartAspect, ChartAxis, ChartOfflineMode, ChartSerie, ChartTitle, ChartType, KupChartClickEvent, KupChartSort, KupChartTrendlines } from "./components/kup-chart/kup-chart-declarations"; +export { KupCheckboxEventPayload } from "./components/kup-checkbox/kup-checkbox-declarations"; +export { KupChipChangeEventPayload, KupChipEventPayload, KupChipNode } from "./components/kup-chip/kup-chip-declarations"; +export { FChipType } from "./f-components/f-chip/f-chip-declarations"; +export { KupColorPickerEventPayload } from "./components/kup-color-picker/kup-color-picker-declarations"; +export { KupComboboxEventPayload, KupComboboxIconClickEventPayload } from "./components/kup-combobox/kup-combobox-declarations"; +export { KupGanttPlannerProps, KupPlannerBarDisplayProps, KupPlannerBarTask, KupPlannerCalendarProps, KupPlannerClickEventPayload, KupPlannerEventOption, KupPlannerEventPayload, KupPlannerGanttEvent, KupPlannerGanttProps, KupPlannerGanttRow, KupPlannerGanttTask, 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 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"; +export { KupDropdownButtonEventPayload } from "./components/kup-dropdown-button/kup-dropdown-button-declarations"; +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"; +export { FImageData } from "./f-components/f-image/f-image-declarations"; +export { KupImageClickEventPayload } from "./components/kup-image/kup-image-declarations"; +export { KupTreeColumnMenuEventPayload, KupTreeColumnRemoveEventPayload, KupTreeContextMenuEventPayload, KupTreeDynamicMassExpansionEventPayload, KupTreeExpansionMode, KupTreeNode, KupTreeNodeButtonClickEventPayload, KupTreeNodeCollapseEventPayload, KupTreeNodeExpandEventPayload, KupTreeNodeSelectedEventPayload, TreeNodePath } from "./components/kup-tree/kup-tree-declarations"; +export { KupImageListEventPayload } from "./components/kup-image-list/kup-image-list-declarations"; +export { KupLazyRender } from "./components/kup-lazy/kup-lazy-declarations"; +export { KupNavBarStyling } from "./components/kup-nav-bar/kup-nav-bar-declarations"; +export { KupNumericPickerEventPayload } from "./components/kup-numeric-picker/kup-numeric-picker-declarations"; +export { KupQlikGrid, QlikServer } from "./components/kup-qlik/kup-qlik-declarations"; +export { FRadioData } from "./f-components/f-radio/f-radio-declarations"; +export { KupRadioChangeEventPayload } from "./components/kup-radio/kup-radio-declarations"; +export { KupRatingClickEventPayload } from "./components/kup-rating/kup-rating-declarations"; +export { KupSwitchEventPayload } from "./components/kup-switch/kup-switch-declarations"; +export { KupTabBarEventPayload, KupTabBarNode } from "./components/kup-tab-bar/kup-tab-bar-declarations"; +export { KupTextFieldEventPayload } from "./components/kup-text-field/kup-text-field-declarations"; +export { KupTimePickerEventPayload } from "./components/kup-time-picker/kup-time-picker-declarations"; export namespace Components { interface KupAccordion { /** - * This method collapses all expandible items. + * This method collapses all expandible items. */ - collapseAll: () => Promise; + "collapseAll": () => Promise; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * Data of the accordion. - * @default null + * Data of the accordion. + * @default null */ - data: KupAccordionData; + "data": KupAccordionData; /** - * This method expands all expandible items. + * This method expands all expandible items. */ - expandAll: () => Promise; + "expandAll": () => Promise; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * When enabled displays Material's ripple effect on item headers. - * @default true + * When enabled displays Material's ripple effect on item headers. + * @default true */ - ripple: boolean; + "ripple": boolean; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * This method activates or deactivates an item - * @param itemName - Name of the item. + * This method activates or deactivates an item + * @param itemName - Name of the item. */ - toggleItem: (itemName: string) => Promise; + "toggleItem": (itemName: string) => Promise; } interface KupAutocomplete { /** - * When true, the autocomplete fires the change event even when the value typed isn't included in the autocomplete list. - * @default false + * When true, the autocomplete fires the change event even when the value typed isn't included in the autocomplete list. + * @default false */ - allowInconsistentValues: boolean; + "allowInconsistentValues": boolean; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * Props of the sub-components. - * @default undefined + * Props of the sub-components. + * @default undefined */ - data: Object; + "data": Object; /** - * Defaults at false. When set to true, the component is disabled. - * @default false + * Defaults at false. When set to true, the component is disabled. + * @default false */ - disabled: boolean; + "disabled": boolean; /** - * Sets how to show the selected item value. Suported values: "code", "description", "both". - * @default ItemsDisplayMode.DESCRIPTION + * Sets how to show the selected item value. Suported values: "code", "description", "both". + * @default ItemsDisplayMode.DESCRIPTION */ - displayMode: ItemsDisplayMode; + "displayMode": ItemsDisplayMode; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * Used to retrieve the value of the component. - * @returns Value of the component. + * Used to retrieve the value of the component. + * @returns Value of the component. */ - getValue: () => Promise; + "getValue": () => Promise; /** - * Sets the initial value of the component. - * @default "" + * Sets the initial value of the component. + * @default "" */ - initialValue: string; + "initialValue": string; /** - * Input event emission delay in milliseconds. - * @default 300 + * Input event emission delay in milliseconds. + * @default 300 */ - inputDelay: number; + "inputDelay": number; /** - * The minimum number of chars to trigger the autocomplete - * @default 1 + * The minimum number of chars to trigger the autocomplete + * @default 1 */ - minimumChars: number; + "minimumChars": number; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Sets how to return the selected item value. Suported values: "code", "description", "both". - * @default ItemsDisplayMode.CODE + * Sets how to return the selected item value. Suported values: "code", "description", "both". + * @default ItemsDisplayMode.CODE */ - selectMode: ItemsDisplayMode; + "selectMode": ItemsDisplayMode; /** - * When true, the items filter is managed server side, otherwise items filter is done client side. - * @default false + * When true, the items filter is managed server side, otherwise items filter is done client side. + * @default false */ - serverHandledFilter: boolean; + "serverHandledFilter": boolean; /** - * Sets the focus to the component. + * Sets the focus to the component. */ - setFocus: () => Promise; + "setFocus": () => Promise; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * Sets the value of the component. - * @param value - Value of the component. + * Sets the value of the component. + * @param value - Value of the component. */ - setValue: (value: string) => Promise; + "setValue": (value: string) => Promise; /** - * When true shows the drop-down icon, for open list. - * @default true + * When true shows the drop-down icon, for open list. + * @default true */ - showDropDownIcon: boolean; + "showDropDownIcon": boolean; } interface KupBadge { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * The data of the image displayed inside the badge. - * @default null + * The data of the image displayed inside the badge. + * @default null */ - imageData: GenericObject; + "imageData": GenericObject; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * The text displayed inside the badge. - * @default null + * The text displayed inside the badge. + * @default null */ - text: string; + "text": string; } interface KupBox { /** - * Data of the card linked to the box when the latter's layout must be a premade template. - * @default null + * Data of the card linked to the box when the latter's layout must be a premade template. + * @default null */ - cardData: GenericObject; + "cardData": GenericObject; /** - * Number of columns - * @default 1 + * Number of columns + * @default 1 */ - columns: number; + "columns": number; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * Actual data of the box. - * @default null + * Actual data of the box. + * @default null */ - data: KupBoxData; + "data": KupBoxData; /** - * Enable dragging - * @default false + * Enable dragging + * @default false */ - dragEnabled: boolean; + "dragEnabled": boolean; /** - * Enable dropping - * @default false + * Enable dropping + * @default false */ - dropEnabled: boolean; + "dropEnabled": boolean; /** - * Drop can be done in section - * @default false + * Drop can be done in section + * @default false */ - dropOnSection: boolean; + "dropOnSection": boolean; /** - * When set to true, editable cells will be rendered using input components. - * @default false + * When set to true, editable cells will be rendered using input components. + * @default false */ - editableData: boolean; + "editableData": boolean; /** - * If enabled, a button to load / display the row actions will be displayed on the right of every box - * @default false + * If enabled, a button to load / display the row actions will be displayed on the right of every box + * @default false */ - enableRowActions: boolean; + "enableRowActions": boolean; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * When set to true it activates the global filter. - * @default false + * When set to true it activates the global filter. + * @default false */ - globalFilter: boolean; + "globalFilter": boolean; /** - * The value of the global filter. - * @default "" + * The value of the global filter. + * @default "" */ - globalFilterValue: string; + "globalFilterValue": string; /** - * Displays the boxlist as a Kanban. - * @default null + * Displays the boxlist as a Kanban. + * @default null */ - kanban: KupBoxKanban; + "kanban": KupBoxKanban; /** - * How the field will be displayed. If not present, a default one will be created. - * @default undefined + * How the field will be displayed. If not present, a default one will be created. + * @default undefined */ - layout: KupBoxLayout; + "layout": KupBoxLayout; /** - * When set to true, extra rows will be automatically loaded once the last row enters the viewport. + * When set to true, extra rows will be automatically loaded once the last row enters the viewport. */ - lazyLoadRows: boolean; + "lazyLoadRows": boolean; /** - * Sets a maximum limit of new records which can be required by the load more functionality. + * Sets a maximum limit of new records which can be required by the load more functionality. */ - loadMoreLimit: number; + "loadMoreLimit": number; /** - * Establish the modality of how many new records will be downloaded. This property is regulated also by loadMoreStep. - * @see loadMoreStep * - * @see loadMoreLimit + * Establish the modality of how many new records will be downloaded. This property is regulated also by loadMoreStep. + * @see loadMoreStep * + * @see loadMoreLimit */ - loadMoreMode: LoadMoreMode; + "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 + * 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; + "loadMoreStep": number; + "loadRowActions": (row: KupBoxRow, actions: KupDataRowAction[]) => Promise; /** - * Enable multi selection - * @default false + * Enable multi selection + * @default false */ - multiSelection: boolean; + "multiSelection": boolean; /** - * Current page number - * @default 1 + * Current page number + * @default 1 */ - pageSelected: number; + "pageSelected": number; /** - * Enables pagination - * @default false + * Enables pagination + * @default false */ - pagination: boolean; + "pagination": boolean; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Number of current rows per page - * @default undefined + * Number of current rows per page + * @default undefined */ - rowsPerPage: number; + "rowsPerPage": number; /** - * Activates the scroll on hover function. - * @default false + * Activates the scroll on hover function. + * @default false */ - scrollOnHover: boolean; + "scrollOnHover": boolean; /** - * Automatically selects the box at the specified index - * @default undefined + * Automatically selects the box at the specified index + * @default undefined */ - selectBox: number; + "selectBox": number; /** - * Multiple selection - * @default undefined + * Multiple selection + * @default undefined */ - selectedRowsState: string; + "selectedRowsState": string; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * If set to true, displays the button to load more records. + * If set to true, displays the button to load more records. */ - showLoadMore: boolean; + "showLoadMore": boolean; /** - * If enabled, highlights the selected box/boxes - * @default true + * If enabled, highlights the selected box/boxes + * @default true */ - showSelection: boolean; + "showSelection": boolean; /** - * If sorting is enabled, specifies which column to sort - * @default undefined + * If sorting is enabled, specifies which column to sort + * @default undefined */ - sortBy: string; + "sortBy": string; /** - * Enable sorting - * @default false + * Enable sorting + * @default false */ - sortEnabled: boolean; - stateId: string; - store: KupStore; + "sortEnabled": boolean; + "stateId": string; + "store": KupStore; /** - * Disable swipe - * @default false + * Disable swipe + * @default false */ - swipeDisabled: boolean; + "swipeDisabled": boolean; } interface KupButton { /** - * Sets the type of the button. - * @default null + * Sets the type of the button. + * @default null */ - buttonType: string; + "buttonType": string; /** - * When set to true, the icon button state will be on. - * @default false + * When set to true, the icon button state will be on. + * @default false */ - checked: boolean; + "checked": boolean; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * Defaults at false. When set to true, the component is disabled. - * @default false + * Defaults at false. When set to true, the component is disabled. + * @default false */ - disabled: boolean; + "disabled": boolean; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * When set, the button will show this icon. - * @default null + * When set, the button will show this icon. + * @default null */ - icon: string; + "icon": string; /** - * When set, the icon button off state will show this icon. Otherwise, an outlined version of the icon prop will be displayed. - * @default null + * When set, the icon button off state will show this icon. Otherwise, an outlined version of the icon prop will be displayed. + * @default null */ - iconOff: string; + "iconOff": string; /** - * When set, the button will show this text. - * @default null + * When set, the button will show this text. + * @default null */ - label: string; + "label": string; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * When set to true, the button show a spinner received in slot. - * @default false + * When set to true, the button show a spinner received in slot. + * @default false */ - showSpinner: boolean; + "showSpinner": boolean; /** - * Defines the style of the button. Styles available: "flat", "outlined" and "raised" which is also the default. - * @default FButtonStyling.RAISED + * Defines the style of the button. Styles available: "flat", "outlined" and "raised" which is also the default. + * @default FButtonStyling.RAISED */ - styling: FButtonStyling; + "styling": FButtonStyling; /** - * When set to true, the icon button will be toggable on/off. - * @default false + * When set to true, the icon button will be toggable on/off. + * @default false */ - toggable: boolean; + "toggable": boolean; /** - * When set, the icon will be shown after the text. - * @default false + * When set, the icon will be shown after the text. + * @default false */ - trailingIcon: boolean; + "trailingIcon": boolean; } interface KupButtonList { /** - * Number of columns. - * @default 0 + * Number of columns. + * @default 0 */ - columns: number; + "columns": number; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * Props of the sub-components. - * @default [] + * Props of the sub-components. + * @default [] */ - data: KupButtonListNode[]; + "data": KupButtonListNode[]; /** - * When set to true, the sub-components are disabled. - * @default false + * When set to true, the sub-components are disabled. + * @default false */ - disabled: boolean; + "disabled": boolean; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * When set to true, highlights the selected button with the secondary color of KupTheme. - * @default true + * When set to true, highlights the selected button with the secondary color of KupTheme. + * @default true */ - showSelection: boolean; + "showSelection": boolean; /** - * Defines the style of the buttons. Available styles are "flat", "outlined" and "raised" (which is the default). - * @default FButtonStyling.RAISED + * Defines the style of the buttons. Available styles are "flat", "outlined" and "raised" (which is the default). + * @default FButtonStyling.RAISED */ - styling: FButtonStyling; + "styling": FButtonStyling; } interface KupCalendar { /** - * Sets the initial date of the calendar. Must be in ISO format (YYYY-MM-DD). - * @default null + * Sets the initial date of the calendar. Must be in ISO format (YYYY-MM-DD). + * @default null */ - currentDate: string; + "currentDate": string; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * Actual data of the calendar. - * @default null + * Actual data of the calendar. + * @default null */ - data: KupCalendarData; + "data": KupCalendarData; /** - * When true, events are editable. - * @default true + * When true, events are editable. + * @default true */ - editableEvents: boolean; + "editableEvents": boolean; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * When disabled, the navigation toolbar won't be displayed. - * @default false + * When disabled, the navigation toolbar won't be displayed. + * @default false */ - hideNavigation: boolean; + "hideNavigation": boolean; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * This method is invoked by KupManager whenever the component changes size. + * This method is invoked by KupManager whenever the component changes size. */ - resizeCallback: () => Promise; + "resizeCallback": () => Promise; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * Type of the view. - * @default KupCalendarViewTypes.MONTH + * Type of the view. + * @default KupCalendarViewTypes.MONTH */ - viewType: KupCalendarViewTypes; + "viewType": KupCalendarViewTypes; } interface KupCard { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * The actual data of the card. - * @default null + * The actual data of the card. + * @default null */ - data: KupCardData; + "data": KupCardData; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * Defines whether the card is a menu or not. Works together with menuVisible. - * @default false + * Defines whether the card is a menu or not. Works together with menuVisible. + * @default false */ - isMenu: boolean; + "isMenu": boolean; /** - * Sets the type of the card. - * @default KupCardFamily.STANDARD + * Sets the type of the card. + * @default KupCardFamily.STANDARD */ - layoutFamily: KupCardFamily; + "layoutFamily": KupCardFamily; /** - * Sets the number of the layout. - * @default 1 + * Sets the number of the layout. + * @default 1 */ - layoutNumber: number; + "layoutNumber": number; /** - * Sets the status of the card as menu, when false it's hidden otherwise it's visible. Works together with isMenu. - * @default false + * Sets the status of the card as menu, when false it's hidden otherwise it's visible. Works together with isMenu. + * @default false */ - menuVisible: boolean; + "menuVisible": boolean; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * This method is invoked by KupManager whenever the component changes size. + * This method is invoked by KupManager whenever the component changes size. */ - resizeCallback: () => Promise; + "resizeCallback": () => Promise; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * The width of the card, defaults to 100%. Accepts any valid CSS format (px, %, vw, etc.). - * @default "100%" + * The width of the card, defaults to 100%. Accepts any valid CSS format (px, %, vw, etc.). + * @default "100%" */ - sizeX: string; + "sizeX": string; /** - * The height of the card, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.). - * @default "100%" + * The height of the card, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.). + * @default "100%" */ - sizeY: string; + "sizeY": string; } interface KupCardList { /** - * Sets the number of columns. - * @default 1 + * Sets the number of columns. + * @default 1 */ - columnsNumber: number; + "columnsNumber": number; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * Actual data of the component. - * @default null + * Actual data of the component. + * @default null */ - data: KupCardListData; + "data": KupCardListData; /** - * Sets the decimal value column. - * @default "" + * Sets the decimal value column. + * @default "" */ - decvalueCol: string; + "decvalueCol": string; /** - * Sets the description column. - * @default "" + * Sets the description column. + * @default "" */ - descrCol: string; + "descrCol": string; /** - * Sets whether the component occupies all available width. - * @default true + * Sets whether the component occupies all available width. + * @default true */ - fullWidth: boolean; + "fullWidth": boolean; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * Sets whether the cards are placed horizontally or not. - * @default false + * Sets whether the cards are placed horizontally or not. + * @default false */ - horizontal: boolean; + "horizontal": boolean; /** - * Sets the icon column. - * @default "" + * Sets the icon column. + * @default "" */ - iconCol: string; + "iconCol": string; /** - * Sets the icon color column. - * @default "" + * Sets the icon color column. + * @default "" */ - iconcolorCol: string; + "iconcolorCol": string; /** - * Sets the integer value column. - * @default "" + * Sets the integer value column. + * @default "" */ - intvalueCol: string; + "intvalueCol": string; /** - * Sets whether a single card is clickable or not. - * @default false + * Sets whether a single card is clickable or not. + * @default false */ - isClickable: boolean; + "isClickable": boolean; /** - * Sets the layout column. - * @default "" + * Sets the layout column. + * @default "" */ - layoutCol: string; + "layoutCol": string; /** - * Sets the unit of measure column. - * @default "" + * Sets the unit of measure column. + * @default "" */ - measureCol: string; + "measureCol": string; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * Sets the text color column. - * @default "" + * Sets the text color column. + * @default "" */ - textcolorCol: string; + "textcolorCol": string; /** - * Sets the value column. - * @default "" + * Sets the value column. + * @default "" */ - valueCol: string; + "valueCol": string; /** - * Sets the value color column. - * @default "" + * Sets the value color column. + * @default "" */ - valuecolorCol: string; + "valuecolorCol": string; } interface KupCell { /** - * Adds the given CSS classes to the cell's data. - * @param classes - Array of CSS classes. + * Adds the given CSS classes to the cell's data. + * @param classes - Array of CSS classes. */ - addCssClasses: (classes?: string[]) => Promise; + "addCssClasses": (classes?: string[]) => Promise; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * The data of the cell. - * @default false + * The data of the cell. + * @default false */ - data: KupDataCell; + "data": KupDataCell; /** - * The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'. + * The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'. */ - density: FCellPadding; + "density": FCellPadding; /** - * When set to true, the component is draggable. - * @default false + * When set to true, the component is draggable. + * @default false */ - dragEnabled: boolean; + "dragEnabled": boolean; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Removes the given CSS classes from the cell's data. - * @param classes - Array of CSS classes. + * Removes the given CSS classes from the cell's data. + * @param classes - Array of CSS classes. */ - removeCssClasses: (classes?: string[]) => Promise; + "removeCssClasses": (classes?: string[]) => Promise; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; } interface KupChart { /** - * Sets the chart to a 2D or 3D aspect. 3D only works for Pie graphs. - * @default undefined + * Sets the chart to a 2D or 3D aspect. 3D only works for Pie graphs. + * @default undefined */ - asp: ChartAspect; + "asp": ChartAspect; /** - * Sets the axis of the chart. - * @default undefined + * Sets the axis of the chart. + * @default undefined */ - axis: string; + "axis": string; /** - * Title of the graph. - * @default undefined + * Title of the graph. + * @default undefined */ - chartTitle: ChartTitle; + "chartTitle": ChartTitle; /** - * Colors of the chart. - * @default [] + * Colors of the chart. + * @default [] */ - colors: string[]; + "colors": string[]; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * The actual data of the chart. - * @default undefined + * The actual data of the chart. + * @default undefined */ - data: KupDataDataset; + "data": KupDataDataset; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * Customize the hAxes for multiple-chart. + * Customize the hAxes for multiple-chart. */ - hAxes: ChartAxis[]; + "hAxes": ChartAxis[]; /** - * Customize the hAxis. - * @default undefined + * Customize the hAxis. + * @default undefined */ - hAxis: ChartAxis; + "hAxis": ChartAxis; /** - * Sets the position of the legend. Supported values: bottom, labeled, left, none, right, top. Keep in mind that legend types are tied to chart types, some combinations might not work. - * @default "right" + * Sets the position of the legend. Supported values: bottom, labeled, left, none, right, top. Keep in mind that legend types are tied to chart types, some combinations might not work. + * @default "right" */ - legend: string; + "legend": string; /** - * Renders charts without the Google API and using jQuery Sparkline. - * @default undefined + * Renders charts without the Google API and using jQuery Sparkline. + * @default undefined */ - offlineMode: ChartOfflineMode; + "offlineMode": ChartOfflineMode; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * This method is invoked by KupManager whenever the component changes size. + * This method is invoked by KupManager whenever the component changes size. */ - resizeCallback: () => Promise; + "resizeCallback": () => Promise; /** - * The data series to be displayed. They must be of the same type. - * @default undefined + * The data series to be displayed. They must be of the same type. + * @default undefined */ - series: ChartSerie[]; + "series": ChartSerie[]; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * Displays the numerical values. - * @default false + * Displays the numerical values. + * @default false */ - showMarks: boolean; + "showMarks": boolean; /** - * The width of the chart, defaults to 100%. Accepts any valid CSS format (px, %, vw, etc.). - * @default "100%" + * The width of the chart, defaults to 100%. Accepts any valid CSS format (px, %, vw, etc.). + * @default "100%" */ - sizeX: string; + "sizeX": string; /** - * The height of the chart, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.). - * @default "100%" + * The height of the chart, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.). + * @default "100%" */ - sizeY: string; + "sizeY": string; /** - * Used to sort series. - * @default null + * Used to sort series. + * @default null */ - sorting: KupChartSort[]; + "sorting": KupChartSort[]; /** - * Displays the data columns of an object on top of each other. + * Displays the data columns of an object on top of each other. */ - stacked: boolean; + "stacked": boolean; /** - * KupChartTrendlines. + * KupChartTrendlines. */ - trendlines: KupChartTrendlines; + "trendlines": KupChartTrendlines; /** - * The type of the chart. Supported formats: Area, Bubble, Cal, Candlestick, Combo, Geo, Hbar, Line, Ohlc, Pie, Sankey, Scatter, Unk, Vbar. - * @default [ChartType.Hbar] + * The type of the chart. Supported formats: Area, Bubble, Cal, Candlestick, Combo, Geo, Hbar, Line, Ohlc, Pie, Sankey, Scatter, Unk, Vbar. + * @default [ChartType.Hbar] */ - types: ChartType[]; + "types": ChartType[]; /** - * Customize the vAxes for multiple-chart. + * Customize the vAxes for multiple-chart. */ - vAxes: ChartAxis[]; + "vAxes": ChartAxis[]; /** - * Customize the vAxis. - * @default undefined + * Customize the vAxis. + * @default undefined */ - vAxis: ChartAxis; + "vAxis": ChartAxis; /** - * Google chart version to load - * @default "45.2" + * Google chart version to load + * @default "45.2" */ - version: string; + "version": string; } interface KupCheckbox { /** - * Defaults at false. When set to true, the component will be set to 'checked'. - * @default false + * Defaults at false. When set to true, the component will be set to 'checked'. + * @default false */ - checked: boolean; + "checked": boolean; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * When set to true, the component is disabled. - * @default false + * When set to true, the component is disabled. + * @default false */ - disabled: boolean; + "disabled": boolean; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * When set to true, the component will be set to 'indeterminate'. - * @default false + * When set to true, the component will be set to 'indeterminate'. + * @default false */ - indeterminate: boolean; + "indeterminate": boolean; /** - * When specified, its content will be shown as a label. - * @default null + * When specified, its content will be shown as a label. + * @default null */ - label: string; + "label": string; /** - * When set to true, the label will be on the left of the component. - * @default false + * When set to true, the label will be on the left of the component. + * @default false */ - leadingLabel: boolean; + "leadingLabel": boolean; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; } interface KupChip { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * List of elements. - * @default [] + * List of elements. + * @default [] */ - data: KupChipNode[]; + "data": KupChipNode[]; /** - * When enabled, the chip's text will display both the id and the value. - * @default false + * When enabled, the chip's text will display both the id and the value. + * @default false */ - displayId: boolean; + "displayId": boolean; /** - * When enabled, it's possible to add items to the chip's dataset through an input slot (kup-autocomplete, kup-combobox, kup-text-field). - * @default false + * When enabled, it's possible to add items to the chip's dataset through an input slot (kup-autocomplete, kup-combobox, kup-text-field). + * @default false */ - enableInput: boolean; + "enableInput": boolean; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * The type of chip. Available types: input, filter, choice or empty for default. - * @default FChipType.STANDARD + * The type of chip. Available types: input, filter, choice or empty for default. + * @default FChipType.STANDARD */ - type: FChipType; + "type": FChipType; } interface KupColorPicker { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * Props of the text field. - * @default null + * Props of the text field. + * @default null */ - data: Object; + "data": Object; /** - * Defaults at false. When set to true, the component is disabled. - * @default false + * Defaults at false. When set to true, the component is disabled. + * @default false */ - disabled: boolean; + "disabled": boolean; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * Retrieves the component's value. - * @returns Value of the component. + * Retrieves the component's value. + * @returns Value of the component. */ - getValue: () => Promise; + "getValue": () => Promise; /** - * Sets the initial value of the component. Can be css color name, hex code or rgb code (sample: "red" or rgb(255, 0, 0) or "#FF0000" ). - * @default "" + * Sets the initial value of the component. Can be css color name, hex code or rgb code (sample: "red" or rgb(255, 0, 0) or "#FF0000" ). + * @default "" */ - initialValue: string; + "initialValue": string; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Sets the focus to the component. + * Sets the focus to the component. */ - setFocus: () => Promise; + "setFocus": () => Promise; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * Sets the component's value. - * @param value - Value to be set. + * Sets the component's value. + * @param value - Value to be set. */ - setValue: (value: string) => Promise; + "setValue": (value: string) => Promise; /** - * When true, the component's text field will be replaced by a swatch. - * @default false + * When true, the component's text field will be replaced by a swatch. + * @default false */ - swatchOnly: boolean; + "swatchOnly": boolean; } interface KupCombobox { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * Props of the sub-components (date input text field). + * Props of the sub-components (date input text field). */ - data: Object; + "data": Object; /** - * Defaults at false. When set to true, the component is disabled. + * Defaults at false. When set to true, the component is disabled. */ - disabled: boolean; + "disabled": boolean; /** - * Sets how to show the selected item value. Suported values: "code", "description", "both". + * Sets how to show the selected item value. Suported values: "code", "description", "both". */ - displayMode: ItemsDisplayMode; + "displayMode": ItemsDisplayMode; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * Retrieves the component's value. - * @returns Value of the component. + * Retrieves the component's value. + * @returns Value of the component. */ - getValue: () => Promise; + "getValue": () => Promise; /** - * Sets the initial value of the component + * Sets the initial value of the component */ - initialValue: string; + "initialValue": string; /** - * Lets the combobox behave as a select element. + * Lets the combobox behave as a select element. */ - isSelect: boolean; + "isSelect": boolean; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Sets how to return the selected item value. Suported values: "code", "description", "both". + * Sets how to return the selected item value. Suported values: "code", "description", "both". */ - selectMode: ItemsDisplayMode; + "selectMode": ItemsDisplayMode; /** - * Sets the focus to the component. + * Sets the focus to the component. */ - setFocus: () => Promise; + "setFocus": () => Promise; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * Sets the component's value. - * @param value - Value to be set. + * Sets the component's value. + * @param value - Value to be set. */ - setValue: (value: string) => Promise; + "setValue": (value: string) => Promise; /** - * When true shows the drop-down icon, for open list. + * When true shows the drop-down icon, for open list. */ - showDropDownIcon: boolean; + "showDropDownIcon": boolean; } interface KupCustomTaskListHeader { - doubleView?: boolean; - fontFamily: string; - fontSize: string; - label: string; - setDoubleView?: (checked: boolean) => void; + "doubleView"?: boolean; + "fontFamily": string; + "fontSize": string; + "label": string; + "setDoubleView"?: (checked: boolean) => void; } interface KupCustomTaskListTable { - fontFamily: string; - fontSize: string; - ganttId: string; - onclickTaskList: (id: string) => void; - oncontextmenuTaskList: (event: MouseEvent, id: string) => void; - ondblclickTaskList: (id: string) => void; - rowHeight: number; - rowWidth: string; - setSelectedTask: (taskId: string) => void; - tasks: KupPlannerTask[]; + "fontFamily": string; + "fontSize": string; + "ganttId": string; + "onclickTaskList": (id: string) => void; + "oncontextmenuTaskList": (event: MouseEvent, id: string) => void; + "ondblclickTaskList": (id: string) => void; + "rowHeight": number; + "rowWidth": string; + "setSelectedTask": (taskId: string) => void; + "tasks": KupPlannerTask[]; } interface KupDashboard { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * The data of the component. - * @default null + * The data of the component. + * @default null */ - data: KupDataDashboard; + "data": KupDataDashboard; /** - * Enable drag & drop of the section. - * @default false + * Enable drag & drop of the section. + * @default false */ - enableDesign: boolean; + "enableDesign": boolean; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; } interface KupDataTable { /** - * When true and when a row is missing some columns, the missing cells will be autogenerated. - * @default false + * When true and when a row is missing some columns, the missing cells will be autogenerated. + * @default false */ - autoFillMissingCells: boolean; + "autoFillMissingCells": boolean; /** - * Closes any opened column menu. + * Closes any opened column menu. */ - closeColumnMenu: () => Promise; + "closeColumnMenu": () => Promise; /** - * Closes the delete confirm card (called by backend, on success) + * Closes the delete confirm card (called by backend, on success) */ - closeConfirmDeleteCard: () => Promise; + "closeConfirmDeleteCard": () => Promise; /** - * Closes the insert new record card (called by backend, on success) + * Closes the insert new record card (called by backend, on success) */ - closeInsertCard: () => Promise; + "closeInsertCard": () => Promise; /** - * Collapses all groups. + * Collapses all groups. */ - collapseAll: () => Promise; + "collapseAll": () => Promise; /** - * Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * The data of the table. + * The data of the table. */ - data: KupDataTableDataset; - defaultSortingFunction: ( - columns: KupDataColumn[], - receivingColumnIndex: number, - sortedColumnIndex: number, - useNewObject?: boolean - ) => Promise; + "data": KupDataTableDataset; + "defaultSortingFunction": (columns: KupDataColumn[], receivingColumnIndex: number, sortedColumnIndex: number, useNewObject?: boolean) => Promise; /** - * This method will delete rows by id from the data table dataset. - * @param ids - Array of row ids to delete. - * @returns Deleted rows. + * This method will delete rows by id from the data table dataset. + * @param ids - Array of row ids to delete. + * @returns Deleted rows. */ - deleteRows: (ids?: string[]) => Promise>; + "deleteRows": (ids?: string[]) => Promise>; /** - * The density of the rows, defaults at 'medium' and can be also set to 'large' or 'small'. + * The density of the rows, defaults at 'medium' and can be also set to 'large' or 'small'. */ - density: FCellPadding; + "density": FCellPadding; /** - * Enables drag. + * Enables drag. */ - dragEnabled: boolean; + "dragEnabled": boolean; /** - * Enables drop. + * Enables drop. */ - dropEnabled: boolean; + "dropEnabled": boolean; /** - * When set to true, editable cells will be rendered using input components. - * @default false + * When set to true, editable cells will be rendered using input components. + * @default false */ - editableData: boolean; + "editableData": boolean; /** - * Defines the label to show when the table is empty. + * Defines the label to show when the table is empty. */ - emptyDataLabel: string; + "emptyDataLabel": string; /** - * Enables the choice to set formulas on columns by dragging them into different columns. - * @default true + * Enables the choice to set formulas on columns by dragging them into different columns. + * @default true */ - enableColumnsFormula: boolean; + "enableColumnsFormula": boolean; /** - * Enables the extracolumns add buttons. + * Enables the extracolumns add buttons. */ - enableExtraColumns: boolean; + "enableExtraColumns": boolean; /** - * Enables the merging of columns by dragging them into different columns. - * @default true + * Enables the merging of columns by dragging them into different columns. + * @default true */ - enableMergeColumns: boolean; + "enableMergeColumns": boolean; /** - * Enables the sorting of columns by dragging them into different columns. + * Enables the sorting of columns by dragging them into different columns. */ - enableSortableColumns: boolean; + "enableSortableColumns": boolean; /** - * Expands all groups. + * Expands all groups. */ - expandAll: () => Promise; + "expandAll": () => Promise; /** - * Expands groups when set to true. + * Expands groups when set to true. */ - expandGroups: boolean; + "expandGroups": boolean; /** - * List of filters set by the user. + * List of filters set by the user. */ - filters: GenericFilter; + "filters": GenericFilter; /** - * Fixes the given number of columns so that they stay visible when horizontally scrolling the data-table. If grouping is active or the value of the prop is <= 0, this prop will have no effect. Can be combined with fixedRows. - * @see fixedRows + * Fixes the given number of columns so that they stay visible when horizontally scrolling the data-table. If grouping is active or the value of the prop is <= 0, this prop will have no effect. Can be combined with fixedRows. + * @see fixedRows */ - fixedColumns: number; + "fixedColumns": number; /** - * Fixes the given number of rows so that they stay visible when vertically scrolling the data-table. If grouping is active or the value of the prop is <= 0, this prop will have no effect. Can be combined with fixedColumns. - * @see fixedColumns + * Fixes the given number of rows so that they stay visible when vertically scrolling the data-table. If grouping is active or the value of the prop is <= 0, this prop will have no effect. Can be combined with fixedColumns. + * @see fixedColumns */ - fixedRows: number; + "fixedRows": number; /** - * Forces cells with long text and a fixed column size to have an ellipsis set on their text. The reflect attribute is mandatory to allow styling. + * Forces cells with long text and a fixed column size to have an ellipsis set on their text. The reflect attribute is mandatory to allow styling. */ - forceOneLine: boolean; + "forceOneLine": boolean; /** - * Returns cards and sub components + * Returns cards and sub components */ - getCards: () => Promise; - getInternalState: () => Promise<{ - groups: GroupObject[]; - filters: GenericFilter; - data: KupDataTableDataset; - }>; + "getCards": () => Promise; + "getInternalState": () => Promise<{ groups: GroupObject[]; filters: GenericFilter; data: KupDataTableDataset; }>; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * This method will get the selected rows of the component. + * This method will get the selected rows of the component. */ - getSelectedRows: () => Promise>; + "getSelectedRows": () => Promise>; /** - * When set to true it activates the global filter. + * When set to true it activates the global filter. */ - globalFilter: boolean; + "globalFilter": boolean; /** - * The value of the global filter. + * The value of the global filter. */ - globalFilterValue: string; + "globalFilterValue": string; /** - * How the label of a group must be displayed. For available values [see here]{@link GroupLabelDisplayMode} + * How the label of a group must be displayed. For available values [see here]{@link GroupLabelDisplayMode} */ - groupLabelDisplay: GroupLabelDisplayMode; + "groupLabelDisplay": GroupLabelDisplayMode; /** - * The list of groups. + * The list of groups. */ - groups: Array; + "groups": Array; /** - * When set to true the header will stick on top of the table when scrolling. + * When set to true the header will stick on top of the table when scrolling. */ - headerIsPersistent: boolean; + "headerIsPersistent": boolean; /** - * Hides the given column. - * @param column - Column to hide. + * Hides the given column. + * @param column - Column to hide. */ - hideColumn: (column: KupDataColumn) => Promise; + "hideColumn": (column: KupDataColumn) => Promise; /** - * Enables insert mode. - * @default ''' + * Enables insert mode. + * @default ''' */ - insertMode: KupDataTableInsertMode; + "insertMode": KupDataTableInsertMode; /** - * Adds a new row to the list data - * @param row new row + * Adds a new row to the list data + * @param row new row */ - insertNewRow: (row: KupDataTableRow) => Promise; + "insertNewRow": (row: KupDataTableRow) => Promise; /** - * When set to true, clicked-on rows will have a visual feedback. - * @default false + * When set to true, clicked-on rows will have a visual feedback. + * @default false */ - isFocusable: boolean; + "isFocusable": boolean; /** - * When set to true, extra rows will be automatically loaded once the last row enters the viewport. When groups are present, the number of rows is referred to groups and not to their content. Paginator is disabled. + * When set to true, extra rows will be automatically loaded once the last row enters the viewport. When groups are present, the number of rows is referred to groups and not to their content. Paginator is disabled. */ - lazyLoadRows: boolean; + "lazyLoadRows": boolean; /** - * When enabled, the extra whitespaces will be displayed and the font will be set to monospace by default. + * When enabled, the extra whitespaces will be displayed and the font will be set to monospace by default. */ - legacyLook: boolean; + "legacyLook": boolean; /** - * Defines the placeholder character which will be replaced by a line break inside table header cells, normal or sticky. + * Defines the placeholder character which will be replaced by a line break inside table header cells, normal or sticky. */ - lineBreakCharacter: string; + "lineBreakCharacter": string; /** - * Sets a maximum limit of new records which can be required by the load more functionality. + * Sets a maximum limit of new records which can be required by the load more functionality. */ - loadMoreLimit: number; + "loadMoreLimit": number; /** - * Establish the modality of how many new records will be downloaded. This property is regulated also by loadMoreStep. - * @see loadMoreStep * - * @see loadMoreLimit + * Establish the modality of how many new records will be downloaded. This property is regulated also by loadMoreStep. + * @see loadMoreStep * + * @see loadMoreLimit */ - loadMoreMode: LoadMoreMode1; + "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 * - * @see loadMoreLimit + * 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; + "loadMoreStep": number; /** - * Invokes the KupData API for column creation, then refreshes the component in case no errors were catched. - * @param type - Type of the column creation. - * @param options - Options of the creation. - * @returns Returns the new column created or a string containing the error message if something went wrong. + * Invokes the KupData API for column creation, then refreshes the component in case no errors were catched. + * @param type - Type of the column creation. + * @param options - Options of the creation. + * @returns Returns the new column created or a string containing the error message if something went wrong. */ - newColumn: ( - type: KupDataNewColumnTypes, - options: KupDataNewColumnOptions - ) => Promise; + "newColumn": (type: KupDataNewColumnTypes, options: KupDataNewColumnOptions) => Promise; /** - * Opens the column menu of the given column. - * @param column - Name of the column. + * Opens the column menu of the given column. + * @param column - Name of the column. */ - openColumnMenu: (column: string) => Promise; + "openColumnMenu": (column: string) => Promise; /** - * Current selected page set on component load + * Current selected page set on component load */ - pageSelected: number; + "pageSelected": number; /** - * Sets the position of the paginator. Available positions: top, bottom or both. + * Sets the position of the paginator. Available positions: top, bottom or both. */ - paginatorPos: PaginatorPos; + "paginatorPos": PaginatorPos; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: (recalcRows?: boolean) => Promise; + "refresh": (recalcRows?: boolean) => Promise; /** - * Sets the possibility to remove the selected column. + * Sets the possibility to remove the selected column. */ - removableColumns: boolean; + "removableColumns": boolean; /** - * Gives the possibility to resize columns by dragging on their right edge. + * Gives the possibility to resize columns by dragging on their right edge. */ - resizableColumns: boolean; + "resizableColumns": boolean; /** - * This method is invoked by KupManager whenever the component changes size. + * This method is invoked by KupManager whenever the component changes size. */ - resizeCallback: () => Promise; + "resizeCallback": () => Promise; /** - * Sets the actions of the rows. + * Sets the actions of the rows. */ - rowActions: Array; + "rowActions": Array; /** - * Sets the number of rows per page to display. + * Sets the number of rows per page to display. */ - rowsPerPage: number; + "rowsPerPage": number; /** - * Activates the scroll on hover function. + * Activates the scroll on hover function. */ - scrollOnHover: boolean; + "scrollOnHover": boolean; /** - * Set the type of the rows selection. + * Set the type of the rows selection. */ - selection: SelectionMode; + "selection": SelectionMode; /** - * Sets the cell value in a table cell. - * @param columnName - Name of the column. - * @param rowId - Id of the row. - * @param value - Value to set. + * Sets the cell value in a table cell. + * @param columnName - Name of the column. + * @param rowId - Id of the row. + * @param value - Value to set. */ - setCellValue: ( - columnName: string, - rowId: string, - value: string - ) => Promise; + "setCellValue": (columnName: string, rowId: string, value: string) => Promise; /** - * Sets the focus on an editable table cell. - * @param column - Name of the column. - * @param rowId - Id of the row. + * Sets the focus on an editable table cell. + * @param column - Name of the column. + * @param rowId - Id of the row. */ - setFocus: (column: string, rowId: string) => Promise; + "setFocus": (column: string, rowId: string) => Promise; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * This method will set the selected rows of the component. - * @param rowsIdentifiers - Array of ids (dataset) or indexes (rendered rows). - * @param emitEvent - The event will always be emitted unless emitEvent is set to false. + * This method will set the selected rows of the component. + * @param rowsIdentifiers - Array of ids (dataset) or indexes (rendered rows). + * @param emitEvent - The event will always be emitted unless emitEvent is set to false. */ - setSelectedRows: ( - rowsIdentifiers: string[] | number[], - emitEvent?: boolean - ) => Promise; + "setSelectedRows": (rowsIdentifiers: string[] | number[], emitEvent?: boolean) => Promise; /** - * If set to true, displays the button to open the customization panel. + * If set to true, displays the button to open the customization panel. */ - showCustomization: boolean; + "showCustomization": boolean; /** - * Enables the delete row button. + * Enables the delete row button. */ - showDeleteButton: boolean; + "showDeleteButton": boolean; /** - * When set to true enables the column filters. + * When set to true enables the column filters. */ - showFilters: boolean; + "showFilters": boolean; /** - * When set to true shows the footer. + * When set to true shows the footer. */ - showFooter: boolean; + "showFooter": boolean; /** - * Can be used to customize the grid view of the table. + * Can be used to customize the grid view of the table. */ - showGrid: ShowGrid; + "showGrid": ShowGrid; /** - * When set to true enables the column grouping. + * When set to true enables the column grouping. */ - showGroups: boolean; + "showGroups": boolean; /** - * Enables rendering of the table header. - * @namespace KupDataTable.showHeader + * Enables rendering of the table header. + * @namespace KupDataTable.showHeader */ - showHeader: boolean; + "showHeader": boolean; /** - * Enables the history button. + * Enables the history button. */ - showHistoryButton: boolean; + "showHistoryButton": boolean; /** - * If set to true, displays the button to load more records. + * If set to true, displays the button to load more records. */ - showLoadMore: boolean; + "showLoadMore": boolean; /** - * Defines the current sorting options. + * Defines the current sorting options. */ - sort: Array; + "sort": Array; /** - * When set to true enables the sorting of the columns by clicking on the column header. + * When set to true enables the sorting of the columns by clicking on the column header. */ - sortEnabled: boolean; + "sortEnabled": boolean; /** - * If set to true, when a column is dragged to be sorted, the component directly mutates the data.columns property and then fires the event + * If set to true, when a column is dragged to be sorted, the component directly mutates the data.columns property and then fires the event */ - sortableColumnsMutateData: boolean; - stateId: string; - store: KupStore; + "sortableColumnsMutateData": boolean; + "stateId": string; + "store": KupStore; /** - * Sets the height of the table. + * Sets the height of the table. */ - tableHeight: string; + "tableHeight": string; /** - * Sets the width of the table. + * Sets the width of the table. */ - tableWidth: string; + "tableWidth": string; /** - * Defines the current totals options + * Defines the current totals options */ - totals: TotalsMap; + "totals": TotalsMap; /** - * Transposes the data of the data table + * Transposes the data of the data table */ - transpose: boolean; + "transpose": boolean; } interface KupDatePicker { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * Props of the sub-components. - * @default null + * Props of the sub-components. + * @default null */ - data: Object; + "data": Object; /** - * Defaults at false. When set to true, the component is disabled. - * @default false + * Defaults at false. When set to true, the component is disabled. + * @default false */ - disabled: boolean; + "disabled": boolean; /** - * First day number (0 - sunday, 1 - monday, ...) TODO: manage with kupDates.locale, remove prop - * @default 1 + * First day number (0 - sunday, 1 - monday, ...) TODO: manage with kupDates.locale, remove prop + * @default 1 */ - firstDayIndex: number; + "firstDayIndex": number; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * Retrieves the component's value. - * @returns Value of the component. + * Retrieves the component's value. + * @returns Value of the component. */ - getValue: () => Promise; + "getValue": () => Promise; /** - * Sets the initial value of the component - * @default "" + * Sets the initial value of the component + * @default "" */ - initialValue: string; + "initialValue": string; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Sets the focus to the component. + * Sets the focus to the component. */ - setFocus: () => Promise; + "setFocus": () => Promise; /** - * Sets the component's value. - * @param value - Value to be set. + * Sets the component's value. + * @param value - Value to be set. */ - setValue: (value: string) => Promise; + "setValue": (value: string) => Promise; } interface KupDialog { /** - * Auto centers the dialog relatively to the viewport. - * @default "{ onReady: true }" + * Auto centers the dialog relatively to the viewport. + * @default "{ onReady: true }" */ - autoCenter: KupDialogAutoCenter; + "autoCenter": KupDialogAutoCenter; /** - * Closes the dialog detaching it from the DOM. + * Closes the dialog detaching it from the DOM. */ - close: () => Promise; + "close": () => Promise; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * Header options. - * @default "{ icons: { close: true } }" + * Header options. + * @default "{ icons: { close: true } }" */ - header: KupDialogHeader; + "header": KupDialogHeader; /** - * Set of options to display the dialog as a modal. - * @default "{ closeOnBackdropClick: true }" + * Set of options to display the dialog as a modal. + * @default "{ closeOnBackdropClick: true }" */ - modal: KupDialogModal; + "modal": KupDialogModal; /** - * Places the dialog at the center of the screen. + * Places the dialog at the center of the screen. */ - recalcPosition: () => Promise; + "recalcPosition": () => Promise; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Sets whether the dialog is resizable or not. - * @default "true" + * Sets whether the dialog is resizable or not. + * @default "true" */ - resizable: boolean; + "resizable": boolean; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * The width of the dialog, defaults to auto. Accepts any valid CSS format (px, %, vw, etc.). - * @default "auto" + * The width of the dialog, defaults to auto. Accepts any valid CSS format (px, %, vw, etc.). + * @default "auto" */ - sizeX: string; + "sizeX": string; /** - * The height of the card, defaults to auto. Accepts any valid CSS format (px, %, vh, etc.). - * @default "auto" + * The height of the card, defaults to auto. Accepts any valid CSS format (px, %, vh, etc.). + * @default "auto" */ - sizeY: string; + "sizeY": string; } interface KupDrawer { /** - * Closes the drawer. + * Closes the drawer. */ - close: () => Promise; + "close": () => Promise; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * Returns the state of the drawer. - * @returns True when opened, false when closed. + * Returns the state of the drawer. + * @returns True when opened, false when closed. */ - isOpened: () => Promise; + "isOpened": () => Promise; /** - * Opens the drawer. + * Opens the drawer. */ - open: () => Promise; + "open": () => Promise; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * Opens the drawer when closed and vice-versa. + * Opens the drawer when closed and vice-versa. */ - toggle: () => Promise; + "toggle": () => Promise; } interface KupDropdownButton { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * Props of the sub-components. - * @default null + * Props of the sub-components. + * @default null */ - data: Object; + "data": Object; /** - * Defaults at false. When set to true, the component is disabled. - * @default false + * Defaults at false. When set to true, the component is disabled. + * @default false */ - disabled: boolean; + "disabled": boolean; /** - * Sets how to show the selected item value. Suported values: "code", "description", "both". - * @default ItemsDisplayMode.DESCRIPTION + * Sets how to show the selected item value. Suported values: "code", "description", "both". + * @default ItemsDisplayMode.DESCRIPTION */ - displayMode: ItemsDisplayMode; + "displayMode": ItemsDisplayMode; /** - * Default value is false. When set to true, the arrow dropdown button is the only button displayed. - * @default false + * Default value is false. When set to true, the arrow dropdown button is the only button displayed. + * @default false */ - dropdownOnly: boolean; + "dropdownOnly": boolean; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * Returns the component's internal value. + * Returns the component's internal value. */ - getValue: () => Promise; + "getValue": () => Promise; /** - * Defaults at null. When set, the button will show this icon. - * @default icon + * Defaults at null. When set, the button will show this icon. + * @default icon */ - icon: string; + "icon": string; /** - * Sets the initial value of the component. - * @default "" + * Sets the initial value of the component. + * @default "" */ - initialValue: string; + "initialValue": string; /** - * Defaults at null. When set, the button will show this text. - * @default "" + * Defaults at null. When set, the button will show this text. + * @default "" */ - label: string; + "label": string; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Sets how to return the selected item value. Suported values: "code", "description", "both". - * @default ItemsDisplayMode.CODE + * Sets how to return the selected item value. Suported values: "code", "description", "both". + * @default ItemsDisplayMode.CODE */ - selectMode: ItemsDisplayMode; + "selectMode": ItemsDisplayMode; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * Sets the internal value of the component. + * Sets the internal value of the component. */ - setValue: (value: string) => Promise; + "setValue": (value: string) => Promise; /** - * Defines the style of the button. Styles available: "flat", "outlined" and "raised" which is also the default. - * @default FButtonStyling.RAISED + * Defines the style of the button. Styles available: "flat", "outlined" and "raised" which is also the default. + * @default FButtonStyling.RAISED */ - styling: FButtonStyling; + "styling": FButtonStyling; /** - * Defaults at null. When set, the icon will be shown after the text. - * @default false + * Defaults at null. When set, the icon will be shown after the text. + * @default false */ - trailingIcon: boolean; + "trailingIcon": boolean; } interface KupEchart { /** - * Sets the axis of the chart. - * @default "" + * Sets the axis of the chart. + * @default "" */ - axis: string; + "axis": string; /** - * Title of the graph. - * @default null + * Title of the graph. + * @default null */ - chartTitle: KupEchartTitle; + "chartTitle": KupEchartTitle; /** - * Overrides theme's colors. - * @default [] + * Overrides theme's colors. + * @default [] */ - colors: string[]; + "colors": string[]; /** - * When true, performs checks in order to properly initialize props which could be missing (i.e.: axis). For performances purposes, this prop will run only once when the component is initially created. - * @default false + * When true, performs checks in order to properly initialize props which could be missing (i.e.: axis). For performances purposes, this prop will run only once when the component is initially created. + * @default false */ - consistencyCheck: boolean; + "consistencyCheck": boolean; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * The actual data of the chart. - * @default null + * The actual data of the chart. + * @default null */ - data: KupDataDataset; + "data": KupDataDataset; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * Sets the position of the legend. Supported values: bottom, left, right, top, hidden. Keep in mind that legend types are tied to chart types, some combinations might not work. - * @default KupEchartLegendPlacement.RIGHT + * Sets the position of the legend. Supported values: bottom, left, right, top, hidden. Keep in mind that legend types are tied to chart types, some combinations might not work. + * @default KupEchartLegendPlacement.RIGHT */ - legend: KupEchartLegendPlacement; + "legend": KupEchartLegendPlacement; /** - * Choose which map you want to view, supported values: "europe", "africa", "asia", "oceania", "america", "italy" and "world". It's possible to supply a custom JSON too. - * @default null + * Choose which map you want to view, supported values: "europe", "africa", "asia", "oceania", "america", "italy" and "world". It's possible to supply a custom JSON too. + * @default null */ - map: KupEchartMaps | string | GeoJSON; + "map": KupEchartMaps | string | GeoJSON; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * This method is invoked by KupManager whenever the component changes size. + * This method is invoked by KupManager whenever the component changes size. */ - resizeCallback: () => Promise; + "resizeCallback": () => Promise; /** - * The data series to be displayed. They must be of the same type. - * @default [] + * The data series to be displayed. They must be of the same type. + * @default [] */ - series: string[]; + "series": string[]; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * The width of the chart, defaults to 100%. Accepts any valid CSS format (px, %, vw, etc.). - * @default "100%" + * The width of the chart, defaults to 100%. Accepts any valid CSS format (px, %, vw, etc.). + * @default "100%" */ - sizeX: string; + "sizeX": string; /** - * The height of the chart, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.). - * @default "100%" + * The height of the chart, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.). + * @default "100%" */ - sizeY: string; + "sizeY": string; /** - * The type of the chart. Supported formats: Bar, Gaussian, Line, Pie, Map and Scatter. - * @default [KupEchartTypes.LINE] + * The type of the chart. Supported formats: Bar, Gaussian, Line, Pie, Map and Scatter. + * @default [KupEchartTypes.LINE] */ - types: KupEchartTypes[]; + "types": KupEchartTypes[]; /** - * Customization options for the x Axis. - * @default null + * Customization options for the x Axis. + * @default null */ - xAxis: XAXisComponentOption; + "xAxis": XAXisComponentOption; /** - * Customization options for the y Axis. - * @default null + * Customization options for the y Axis. + * @default null */ - yAxis: YAXisComponentOption; + "yAxis": YAXisComponentOption; } interface KupEditor { /** - * When specified, the component will emit the kup-editor-autosave event at regular intervals. - * @default null + * When specified, the component will emit the kup-editor-autosave event at regular intervals. + * @default null */ - autosaveTimer: number; + "autosaveTimer": number; /** - * Sets the height of the component. - * @default "auto" + * Sets the height of the component. + * @default "auto" */ - editorHeight: string; + "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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * Returns the component's internal value as html. + * Returns the component's internal value as html. */ - getValueAsHTML: () => Promise; + "getValueAsHTML": () => Promise; /** - * Returns the component's internal value as markdown. + * Returns the component's internal value as markdown. */ - getValueAsMarkdown: () => Promise; + "getValueAsMarkdown": () => Promise; /** - * The editor type. - * @default 'markdown' + * The editor type. + * @default 'markdown' */ - initialEditType: KupEditorType; + "initialEditType": KupEditorType; /** - * The initial editor value. - * @default '' + * The initial editor value. + * @default '' */ - initialValue: string; + "initialValue": string; /** - * Defines whether the editor is disabled or not. - * @default false + * Defines whether the editor is disabled or not. + * @default false */ - isReadOnly: boolean; + "isReadOnly": boolean; /** - * The editor preview style. - * @default 'vertical' + * The editor preview style. + * @default 'vertical' */ - previewStyle: KupEditorPreview; + "previewStyle": KupEditorPreview; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * Defines whether to show the save button in editor's toolbar or not. - * @default true + * Defines whether to show the save button in editor's toolbar or not. + * @default true */ - showSaveButton: boolean; + "showSaveButton": boolean; /** - * Defines whether to show the editor's toolbar or not. - * @default true + * Defines whether to show the editor's toolbar or not. + * @default true */ - showToolbar: boolean; + "showToolbar": boolean; } interface KupFamilyTree { /** - * The component will autofit everytime a node is expanded. - * @default true + * The component will autofit everytime a node is expanded. + * @default true */ - autofitOnExpand: boolean; + "autofitOnExpand": boolean; /** - * The component's initial render will fit the container by invoking the runAutofit method. - * @default true + * The component's initial render will fit the container by invoking the runAutofit method. + * @default true */ - autofitOnLoad: boolean; + "autofitOnLoad": boolean; /** - * Used to render the family tree boxes as kup-cards (through kup-box). - * @default null + * Used to render the family tree boxes as kup-cards (through kup-box). + * @default null */ - cardData: GenericObject; + "cardData": GenericObject; /** - * Collapses all nodes. + * Collapses all nodes. */ - collapseAll: (nodes?: KupFamilyTreeNode[]) => Promise; + "collapseAll": (nodes?: KupFamilyTreeNode[]) => Promise; /** - * Nodes can be expanded/collapsed. - * @default true + * Nodes can be expanded/collapsed. + * @default true */ - collapsible: boolean; + "collapsible": boolean; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * Actual data of the component. - * @default null + * Actual data of the component. + * @default null */ - data: KupFamilyTreeData; + "data": KupFamilyTreeData; /** - * Expands all nodes. + * Expands all nodes. */ - expandAll: (nodes?: KupFamilyTreeNode[]) => Promise; + "expandAll": (nodes?: KupFamilyTreeNode[]) => Promise; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * Layout of the boxes. - * @default null + * Layout of the boxes. + * @default null */ - layout: KupFamilyTreeLayout; + "layout": KupFamilyTreeLayout; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * This method causes the component to autofit its container's width. + * This method causes the component to autofit its container's width. */ - runAutofit: () => Promise; + "runAutofit": () => Promise; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * Child nodes that have no children are arranged vertically. - * @default false + * Child nodes that have no children are arranged vertically. + * @default false */ - stackedLeaves: boolean; + "stackedLeaves": boolean; } interface KupForm { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * Actual data of the form. - * @default null + * Actual data of the form. + * @default null */ - data: KupFormData; + "data": KupFormData; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * Creates a hidden submit button in order to submit the form with enter. - * @default false + * Creates a hidden submit button in order to submit the form with enter. + * @default false */ - hiddenSubmitButton: boolean; + "hiddenSubmitButton": boolean; /** - * Sets the label placement for 'all' fields in form - * @default KupFormLabelPlacement.LEFT + * Sets the label placement for 'all' fields in form + * @default KupFormLabelPlacement.LEFT */ - labelPlacement: KupFormLabelPlacement; + "labelPlacement": KupFormLabelPlacement; /** - * How the form will arrange its content. - * @default null + * How the form will arrange its content. + * @default null */ - layout: KupFormLayout; + "layout": KupFormLayout; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Sets the focus on an editable table cell. - * @param column - Name of the column. - * @param rowId - Id of the row. + * Sets the focus on an editable table cell. + * @param column - Name of the column. + * @param rowId - Id of the row. */ - setFocus: (column: string, rowId: string) => Promise; + "setFocus": (column: string, rowId: string) => Promise; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * Sets the callback function on submit form - * @default null + * Sets the callback function on submit form + * @default null */ - submitCb: (e: SubmitEvent) => unknown; + "submitCb": (e: SubmitEvent) => unknown; } interface KupGantt { - TaskListHeader: KupPlannerGanttProps['TaskListHeader']; - TaskListTable: KupPlannerGanttProps['TaskListTable']; - TooltipContent: KupPlannerGanttProps['TooltipContent']; - arrowColor: KupPlannerGanttProps['arrowColor']; - arrowIndent: KupPlannerGanttProps['arrowIndent']; - barBackgroundColor: KupPlannerGanttProps['barBackgroundColor']; - barBackgroundSelectedColor: KupPlannerGanttProps['barBackgroundSelectedColor']; - barClick: KupPlannerGanttProps['barClick']; - barContextMenu: KupPlannerGanttProps['barContextMenu']; - barCornerRadius: KupPlannerGanttProps['barCornerRadius']; - barDblClick: KupPlannerGanttProps['barDblClick']; - barFill: KupPlannerGanttProps['barFill']; - barProgressColor: KupPlannerGanttProps['barProgressColor']; - barProgressSelectedColor: KupPlannerGanttProps['barProgressSelectedColor']; - columnWidth: KupPlannerGanttProps['columnWidth']; - currentTasks: KupPlannerGanttTaskN[] | KupPlannerItemDetail[]; - dateChange: KupPlannerGanttProps['dateChange']; - dateTimeFormatters: KupPlannerGanttProps['dateTimeFormatters']; - delete: KupPlannerGanttProps['delete']; - displayedEndDate: KupPlannerGanttProps['displayedEndDate']; - displayedStartDate: KupPlannerGanttProps['displayedStartDate']; - doubleClick: KupPlannerGanttProps['doubleClick']; - doubleView?: boolean; - expanderClick: KupPlannerGanttProps['expanderClick']; - filter: KupPlannerGanttProps['filter']; - fontFamily: KupPlannerGanttProps['fontFamily']; - fontSize: KupPlannerGanttProps['fontSize']; - ganttHeight: KupPlannerGanttProps['ganttHeight']; - ganttId: KupPlannerGanttProps['id']; - ganttOnClick: KupGanttPlannerProps['onClick']; - ganttOnDblClick: KupGanttPlannerProps['onDblClick']; - ganttonOnContextMenu: KupGanttPlannerProps['onContextMenu']; - handleClick: (row: KupPlannerGanttRow, onClick: any) => void; - handleContextMenu: ( - event: MouseEvent, - row: KupPlannerGanttRow, - onContextMenu: any - ) => void; - handleDblClick: (row: KupPlannerGanttRow, onDblClick: any) => void; - handleWidth: KupPlannerGanttProps['handleWidth']; - headerHeight: KupPlannerGanttProps['headerHeight']; - hideDependencies: KupPlannerGanttProps['hideDependencies']; - hideLabel: KupPlannerGanttProps['hideLabel']; - initialScrollX: KupPlannerGanttProps['initialScrollX']; - initialScrollY: KupPlannerGanttProps['initialScrollY']; - label: string; - listCellWidth: KupPlannerGanttProps['listCellWidth']; - locale: KupPlannerGanttProps['locale']; - preStepsCount: KupPlannerGanttProps['preStepsCount']; - progressChange: KupPlannerGanttProps['progressChange']; - projectBackgroundColor: KupPlannerGanttProps['projectBackgroundColor']; - projectBackgroundSelectedColor: KupPlannerGanttProps['projectBackgroundSelectedColor']; - projectFill: KupPlannerGanttProps['barFill']; - projectProgressColor: KupPlannerGanttProps['projectProgressColor']; - projectProgressSelectedColor: KupPlannerGanttProps['projectProgressSelectedColor']; - projection: KupPlannerGanttProps['projection']; - readOnly: KupPlannerGanttProps['readOnly']; - /** - * This method is used to trigger a new render of the component. - */ - refresh: () => Promise; - rowHeight: KupPlannerGanttProps['rowHeight']; - rtl: KupPlannerGanttProps['rtl']; - scrollXChange: KupPlannerGanttProps['scrollXChange']; - scrollYChange: KupPlannerGanttProps['scrollYChange']; - select: KupPlannerGanttProps['select']; - setDoubleView?: (checked: boolean) => void; - showSecondaryDates: KupPlannerGanttProps['showSecondaryDates']; - singleLineHeader: KupPlannerGanttProps['singleLineHeader']; - tasks: KupPlannerGanttProps['tasks']; - timeStep: KupPlannerGanttProps['timeStep']; - timelineFill: KupPlannerGanttProps['barFill']; - todayColor: KupPlannerGanttProps['todayColor']; - viewDate: KupPlannerGanttProps['viewDate']; - viewMode: KupPlannerGanttProps['viewMode']; + "TaskListHeader": KupPlannerGanttProps['TaskListHeader']; + "TaskListTable": KupPlannerGanttProps['TaskListTable']; + "TooltipContent": KupPlannerGanttProps['TooltipContent']; + "arrowColor": KupPlannerGanttProps['arrowColor']; + "arrowIndent": KupPlannerGanttProps['arrowIndent']; + "barBackgroundColor": KupPlannerGanttProps['barBackgroundColor']; + "barBackgroundSelectedColor": KupPlannerGanttProps['barBackgroundSelectedColor']; + "barClick": KupPlannerGanttProps['barClick']; + "barContextMenu": KupPlannerGanttProps['barContextMenu']; + "barCornerRadius": KupPlannerGanttProps['barCornerRadius']; + "barDblClick": KupPlannerGanttProps['barDblClick']; + "barFill": KupPlannerGanttProps['barFill']; + "barProgressColor": KupPlannerGanttProps['barProgressColor']; + "barProgressSelectedColor": KupPlannerGanttProps['barProgressSelectedColor']; + "columnWidth": KupPlannerGanttProps['columnWidth']; + "currentTasks": KupPlannerGanttTaskN[] | KupPlannerItemDetail[]; + "dateChange": KupPlannerGanttProps['dateChange']; + "dateTimeFormatters": KupPlannerGanttProps['dateTimeFormatters']; + "delete": KupPlannerGanttProps['delete']; + "displayedEndDate": KupPlannerGanttProps['displayedEndDate']; + "displayedStartDate": KupPlannerGanttProps['displayedStartDate']; + "doubleClick": KupPlannerGanttProps['doubleClick']; + "doubleView"?: boolean; + "expanderClick": KupPlannerGanttProps['expanderClick']; + "filter": KupPlannerGanttProps['filter']; + "fontFamily": KupPlannerGanttProps['fontFamily']; + "fontSize": KupPlannerGanttProps['fontSize']; + "ganttHeight": KupPlannerGanttProps['ganttHeight']; + "ganttId": KupPlannerGanttProps['id']; + "ganttOnClick": KupGanttPlannerProps['onClick']; + "ganttOnDblClick": KupGanttPlannerProps['onDblClick']; + "ganttonOnContextMenu": KupGanttPlannerProps['onContextMenu']; + "handleClick": (row: KupPlannerGanttRow, onClick: any) => void; + "handleContextMenu": ( + event: MouseEvent, + row: KupPlannerGanttRow, + onContextMenu: any + ) => void; + "handleDblClick": (row: KupPlannerGanttRow, onDblClick: any) => void; + "handleWidth": KupPlannerGanttProps['handleWidth']; + "headerHeight": KupPlannerGanttProps['headerHeight']; + "hideDependencies": KupPlannerGanttProps['hideDependencies']; + "hideLabel": KupPlannerGanttProps['hideLabel']; + "initialScrollX": KupPlannerGanttProps['initialScrollX']; + "initialScrollY": KupPlannerGanttProps['initialScrollY']; + "label": string; + "listCellWidth": KupPlannerGanttProps['listCellWidth']; + "locale": KupPlannerGanttProps['locale']; + "preStepsCount": KupPlannerGanttProps['preStepsCount']; + "progressChange": KupPlannerGanttProps['progressChange']; + "projectBackgroundColor": KupPlannerGanttProps['projectBackgroundColor']; + "projectBackgroundSelectedColor": KupPlannerGanttProps['projectBackgroundSelectedColor']; + "projectFill": KupPlannerGanttProps['barFill']; + "projectProgressColor": KupPlannerGanttProps['projectProgressColor']; + "projectProgressSelectedColor": KupPlannerGanttProps['projectProgressSelectedColor']; + "projection": KupPlannerGanttProps['projection']; + "readOnly": KupPlannerGanttProps['readOnly']; + /** + * This method is used to trigger a new render of the component. + */ + "refresh": () => Promise; + "rowHeight": KupPlannerGanttProps['rowHeight']; + "rtl": KupPlannerGanttProps['rtl']; + "scrollXChange": KupPlannerGanttProps['scrollXChange']; + "scrollYChange": KupPlannerGanttProps['scrollYChange']; + "select": KupPlannerGanttProps['select']; + "setDoubleView"?: (checked: boolean) => void; + "showSecondaryDates": KupPlannerGanttProps['showSecondaryDates']; + "singleLineHeader": KupPlannerGanttProps['singleLineHeader']; + "tasks": KupPlannerGanttProps['tasks']; + "timeStep": KupPlannerGanttProps['timeStep']; + "timelineFill": KupPlannerGanttProps['barFill']; + "todayColor": KupPlannerGanttProps['todayColor']; + "viewDate": KupPlannerGanttProps['viewDate']; + "viewMode": KupPlannerGanttProps['viewMode']; } interface KupGanttCalendar { - columnWidth: KupPlannerCalendarProps['columnWidth']; - currentDateIndicator: KupPlannerCalendarProps['currentDateIndicator']; - dateSetup: KupPlannerCalendarProps['dateSetup']; - dateTimeFormatters: KupPlannerCalendarProps['dateTimeFormatters']; - fontFamily: KupPlannerCalendarProps['fontFamily']; - fontSize: KupPlannerCalendarProps['fontSize']; - headerHeight: KupPlannerCalendarProps['headerHeight']; - locale: KupPlannerCalendarProps['locale']; - rtl: KupPlannerCalendarProps['rtl']; - singleLineHeader: KupPlannerCalendarProps['singleLineHeader']; - svgWidth: number; + "columnWidth": KupPlannerCalendarProps['columnWidth']; + "currentDateIndicator": KupPlannerCalendarProps['currentDateIndicator']; + "dateSetup": KupPlannerCalendarProps['dateSetup']; + "dateTimeFormatters": KupPlannerCalendarProps['dateTimeFormatters']; + "fontFamily": KupPlannerCalendarProps['fontFamily']; + "fontSize": KupPlannerCalendarProps['fontSize']; + "headerHeight": KupPlannerCalendarProps['headerHeight']; + "locale": KupPlannerCalendarProps['locale']; + "rtl": KupPlannerCalendarProps['rtl']; + "singleLineHeader": KupPlannerCalendarProps['singleLineHeader']; + "svgWidth": number; } interface KupGauge { /** - * Sets how much the arc of the gauge should be thick. - * @namespace kup-gauge.arcThickness - * @see kup-gauge.size + * Sets how much the arc of the gauge should be thick. + * @namespace kup-gauge.arcThickness + * @see kup-gauge.size */ - arcThickness: number; + "arcThickness": number; /** - * Array of three elements to specify the color of the arcs. + * Array of three elements to specify the color of the arcs. */ - colors: string[]; + "colors": string[]; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * The first threshold, establishing the length of the first and second arc. + * The first threshold, establishing the length of the first and second arc. */ - firstThreshold?: number; + "firstThreshold"?: number; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * The distance the label and the value has from the gauge graph. + * The distance the label and the value has from the gauge graph. */ - labelDistance: number; + "labelDistance": number; /** - * The maximum value reachable in the current graph. + * The maximum value reachable in the current graph. */ - maxValue: number; + "maxValue": number; /** - * A string which will be appended to the displayed values of the component. + * A string which will be appended to the displayed values of the component. */ - measurementUnit: string; + "measurementUnit": string; /** - * The minimum value reachable in the current graph. + * The minimum value reachable in the current graph. */ - minValue: number; + "minValue": number; /** - * When true, shows a rounded needle. + * When true, shows a rounded needle. */ - needleCircle: boolean; + "needleCircle": boolean; /** - * When true, ignore thresholds in gauge and show colored value's arc. + * When true, ignore thresholds in gauge and show colored value's arc. */ - onlyValue: boolean; + "onlyValue": boolean; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * When true, the colors inside the colors array are used in the reversed order. + * When true, the colors inside the colors array are used in the reversed order. */ - reverseColors: boolean; + "reverseColors": boolean; /** - * The second threshold, establishing the length of the second and third arc. + * The second threshold, establishing the length of the second and third arc. */ - secondThreshold?: number; + "secondThreshold"?: number; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * If set to false, threshold values of the gauge are not displayed. + * If set to false, threshold values of the gauge are not displayed. */ - showLabels: boolean; + "showLabels": boolean; /** - * If set to false, the maximum and minimum values of the gauge are not displayed. + * If set to false, the maximum and minimum values of the gauge are not displayed. */ - showMaxmin: boolean; + "showMaxmin": boolean; /** - * If set to false, the current value of the gauge is not displayed. + * If set to false, the current value of the gauge is not displayed. */ - showValue: boolean; + "showValue": boolean; /** - * Con be used change the viewbox of the SVG. By manipulating this value, some customizations of the aspect of the gauge is achievable. - * @namespace kup-gauge.size - * @see kup-gauge.arcThickness + * Con be used change the viewbox of the SVG. By manipulating this value, some customizations of the aspect of the gauge is achievable. + * @namespace kup-gauge.size + * @see kup-gauge.arcThickness */ - size: number; + "size": number; /** - * The current value of the gauge. The gauge's needle points to the percentage based on this prop. + * The current value of the gauge. The gauge's needle points to the percentage based on this prop. */ - value: number; + "value": number; /** - * The current size of gauge's value. Correct values are: 0,1,2 or 3. + * The current size of gauge's value. Correct values are: 0,1,2 or 3. */ - valueSize: number; + "valueSize": number; /** - * Set Width gauge. + * Set Width gauge. */ - widthComponent: string; + "widthComponent": string; } interface KupGrid { /** - * The number of columns displayed by the grid, the default behavior is 12. - * @default 12 + * The number of columns displayed by the grid, the default behavior is 12. + * @default 12 */ - columns: number; + "columns": number; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * When set to true, forces the content on a single line. - * @default false + * When set to true, forces the content on a single line. + * @default false */ - singleLine: boolean; + "singleLine": boolean; } interface KupGridRenderer { - arrowColor: KupPlannerTaskGanttContentProps['arrowColor']; - arrowIndent: KupPlannerTaskGanttContentProps['arrowIndent']; - barClick: KupPlannerEventOption['barClick']; - barContextMenu: KupPlannerEventOption['barContextMenu']; - barDblClick: KupPlannerEventOption['barDblClick']; - columnWidth: KupPlannerTaskGanttContentProps['columnWidth']; - currentDateIndicator?: KupPlannerTaskGanttContentProps['currentDateIndicator']; - dateChange: KupPlannerEventOption['dateChange']; - dates: KupPlannerTaskGanttContentProps['dates']; - delete: KupPlannerEventOption['delete']; - doubleClick: KupPlannerEventOption['doubleClick']; - eMouseDown: KupPlannerBarDisplayProps['onMouseDown']; - eventStart: KupPlannerTaskItemProps['onEventStart']; - fontFamily: KupPlannerTaskGanttContentProps['fontFamily']; - fontSize: KupPlannerTaskGanttContentProps['fontSize']; - ganttEvent: KupPlannerTaskGanttContentProps['ganttEvent']; - gridProps: KupPlannerTaskGanttProps['gridProps']; - hideLabel?: KupPlannerTaskGanttContentProps['hideLabel']; - progressChange: KupPlannerEventOption['progressChange']; - projection?: KupPlannerTaskGanttContentProps['projection']; - readOnly: KupPlannerTaskGanttContentProps['readOnly']; - rowHeight: KupPlannerTaskGanttContentProps['rowHeight']; - rtl: KupPlannerTaskGanttContentProps['rtl']; - selectedTask: KupPlannerTaskGanttContentProps['selectedTask']; - setFailedTask: KupPlannerTaskGanttContentProps['setFailedTask']; - setGanttEvent: (gantt: KupPlannerGanttEvent) => void; - setSelectedTask: KupPlannerTaskGanttContentProps['setSelectedTask']; - showSecondaryDates?: KupPlannerTaskGanttContentProps['showSecondaryDates']; - taskHeight: KupPlannerTaskGanttContentProps['taskHeight']; - tasks: KupPlannerTaskGanttContentProps['tasks']; - timeStep: KupPlannerTaskGanttContentProps['timeStep']; + "arrowColor": KupPlannerTaskGanttContentProps['arrowColor']; + "arrowIndent": KupPlannerTaskGanttContentProps['arrowIndent']; + "barClick": KupPlannerEventOption['barClick']; + "barContextMenu": KupPlannerEventOption['barContextMenu']; + "barDblClick": KupPlannerEventOption['barDblClick']; + "columnWidth": KupPlannerTaskGanttContentProps['columnWidth']; + "currentDateIndicator"?: KupPlannerTaskGanttContentProps['currentDateIndicator']; + "dateChange": KupPlannerEventOption['dateChange']; + "dates": KupPlannerTaskGanttContentProps['dates']; + "delete": KupPlannerEventOption['delete']; + "doubleClick": KupPlannerEventOption['doubleClick']; + "eMouseDown": KupPlannerBarDisplayProps['onMouseDown']; + "eventStart": KupPlannerTaskItemProps['onEventStart']; + "fontFamily": KupPlannerTaskGanttContentProps['fontFamily']; + "fontSize": KupPlannerTaskGanttContentProps['fontSize']; + "ganttEvent": KupPlannerTaskGanttContentProps['ganttEvent']; + "gridProps": KupPlannerTaskGanttProps['gridProps']; + "hideLabel"?: KupPlannerTaskGanttContentProps['hideLabel']; + "progressChange": KupPlannerEventOption['progressChange']; + "projection"?: KupPlannerTaskGanttContentProps['projection']; + "readOnly": KupPlannerTaskGanttContentProps['readOnly']; + "rowHeight": KupPlannerTaskGanttContentProps['rowHeight']; + "rtl": KupPlannerTaskGanttContentProps['rtl']; + "selectedTask": KupPlannerTaskGanttContentProps['selectedTask']; + "setFailedTask": KupPlannerTaskGanttContentProps['setFailedTask']; + "setGanttEvent": (gantt: KupPlannerGanttEvent) => void; + "setSelectedTask": KupPlannerTaskGanttContentProps['setSelectedTask']; + "showSecondaryDates"?: KupPlannerTaskGanttContentProps['showSecondaryDates']; + "taskHeight": KupPlannerTaskGanttContentProps['taskHeight']; + "tasks": KupPlannerTaskGanttContentProps['tasks']; + "timeStep": KupPlannerTaskGanttContentProps['timeStep']; } interface KupHorizontalScroll { - horizontalScroll: (event: UIEvent) => void; - rtl: boolean; - scrollNumber: number; - svgWidth: number; - taskListTrueRef: HTMLKupTaskListElement; - taskListWidth: number; + "horizontalScroll": (event: UIEvent) => void; + "rtl": boolean; + "scrollNumber": number; + "svgWidth": number; + "taskListTrueRef": HTMLKupTaskListElement; + "taskListWidth": number; } interface KupIframe { /** - * Props of the button (when isButton is set to true). + * Props of the button (when isButton is set to true). */ - buttonData: Object; + "buttonData": Object; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * The component will be rendered as a button, which opens the link associated to the iframe in another tab when clicked. + * The component will be rendered as a button, which opens the link associated to the iframe in another tab when clicked. */ - isButton: boolean; + "isButton": boolean; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * The address the iframe should be referencing to. + * The address the iframe should be referencing to. */ - src: string; + "src": string; } interface KupImage { /** - * Sets the data of badges. - * @default null + * Sets the data of badges. + * @default null */ - badgeData: KupBadge[]; + "badgeData": KupBadge[]; /** - * The color of the icon, defaults to the CSS variable KupThemeColorValues.ICON. - * @default KupThemeColorValues.ICON + * The color of the icon, defaults to the CSS variable KupThemeColorValues.ICON. + * @default KupThemeColorValues.ICON */ - color: string; + "color": string; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * When present, the component will be drawn using CSS. Check the 'Drawing with CSS' section of the image showcase for more information. - * @default null + * When present, the component will be drawn using CSS. Check the 'Drawing with CSS' section of the image showcase for more information. + * @default null */ - data: FImageData[]; + "data": FImageData[]; /** - * When set to true, a spinner will be displayed until the image finished loading. Not compatible with SVGs. - * @default false + * When set to true, a spinner will be displayed until the image finished loading. Not compatible with SVGs. + * @default false */ - feedback: boolean; + "feedback": boolean; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * The image component will create a canvas element on which it's possible to draw. It's a temporary feature that will be fully replaced by CSS drawing in the future. - * @default false + * The image component will create a canvas element on which it's possible to draw. It's a temporary feature that will be fully replaced by CSS drawing in the future. + * @default false */ - isCanvas: boolean; + "isCanvas": boolean; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * The resource used to fetch the image. - * @default null + * The resource used to fetch the image. + * @default null */ - resource: string; + "resource": string; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * The width of the icon, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.). - * @default '100%' + * The width of the icon, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.). + * @default '100%' */ - sizeX: string; + "sizeX": string; /** - * The height of the icon, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.). - * @default '100%' + * The height of the icon, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.). + * @default '100%' */ - sizeY: string; + "sizeY": string; } interface KupImageList { /** - * Number of columns to display in the grid layout. - * @default 4 + * Number of columns to display in the grid layout. + * @default 4 */ - columns: number; + "columns": number; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * Actual data of the component. - * @default [] + * Actual data of the component. + * @default [] */ - data: KupDataNode[]; + "data": KupDataNode[]; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * When enabled displays Material's ripple effect on clicked items. - * @default true + * When enabled displays Material's ripple effect on clicked items. + * @default true */ - ripple: boolean; + "ripple": boolean; /** - * An array of integers containing the path to a selected child.\ + * An array of integers containing the path to a selected child.\ */ - selectedNode: TreeNodePath; + "selectedNode": TreeNodePath; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; - stateId: string; - store: KupStore; + "setProps": (props: GenericObject) => Promise; + "stateId": string; + "store": KupStore; } interface KupLazy { /** - * Sets the tag name of the component to be lazy loaded. - * @default null + * Sets the tag name of the component to be lazy loaded. + * @default null */ - componentName: string; + "componentName": string; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * Sets the data of the component to be lazy loaded. - * @default null + * Sets the data of the component to be lazy loaded. + * @default null */ - data: GenericObject; + "data": GenericObject; /** - * Returns the HTMLElement of the component to lazy load. - * @returns Lazy loaded component. + * Returns the HTMLElement of the component to lazy load. + * @returns Lazy loaded component. */ - getComponent: () => Promise; + "getComponent": () => Promise; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Decides when the sub-component should be rendered. By default when both the component props exist and the component is in the viewport. - * @default KupLazyRender.BOTH + * Decides when the sub-component should be rendered. By default when both the component props exist and the component is in the viewport. + * @default KupLazyRender.BOTH */ - renderMode: KupLazyRender; + "renderMode": KupLazyRender; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * Displays an animated SVG placeholder until the component is loaded. - * @default true + * Displays an animated SVG placeholder until the component is loaded. + * @default true */ - showPlaceholder: boolean; + "showPlaceholder": boolean; } interface KupList { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * The data of the list. - * @default [] + * The data of the list. + * @default [] */ - data: KupListNode[]; + "data": KupListNode[]; /** - * Selects how the items must display their label and how they can be filtered for. - * @default ItemsDisplayMode.DESCRIPTION + * Selects how the items must display their label and how they can be filtered for. + * @default ItemsDisplayMode.DESCRIPTION */ - displayMode: ItemsDisplayMode; + "displayMode": ItemsDisplayMode; /** - * Keeps string for filtering elements when filter mode is active - * @default '' + * Keeps string for filtering elements when filter mode is active + * @default '' */ - filter: string; + "filter": string; /** - * Focuses the next element of the list. + * Focuses the next element of the list. */ - focusNext: () => Promise; + "focusNext": () => Promise; /** - * Focuses the previous element of the list. + * Focuses the previous element of the list. */ - focusPrevious: () => Promise; + "focusPrevious": () => Promise; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * Returns the selected node. - * @returns Selected node. + * Returns the selected node. + * @returns Selected node. */ - getSelectedNode: () => Promise; + "getSelectedNode": () => Promise; /** - * Hides rows' text, ideally to display a list of icons only. - * @default false + * Hides rows' text, ideally to display a list of icons only. + * @default false */ - hideText: boolean; + "hideText": boolean; /** - * Defines whether the list is a menu or not. - * @default false + * Defines whether the list is a menu or not. + * @default false */ - isMenu: boolean; + "isMenu": boolean; /** - * When true, enables items' navigation through arrow keys. - * @default true + * When true, enables items' navigation through arrow keys. + * @default true */ - keyboardNavigation: boolean; + "keyboardNavigation": boolean; /** - * Sets the status of the menu, when false it's hidden otherwise it's visible. - * @default false + * Sets the status of the menu, when false it's hidden otherwise it's visible. + * @default false */ - menuVisible: boolean; + "menuVisible": boolean; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Defines the type of selection. Values accepted: listbox, radiogroup or group. - * @default KupListRole.LISTBOX + * Defines the type of selection. Values accepted: listbox, radiogroup or group. + * @default KupListRole.LISTBOX */ - roleType?: KupListRole; + "roleType"?: KupListRole; /** - * Calls handleSelection internal method to select the given item. - * @param index - Based zero index of the item that must be selected, when not provided the list will attempt to select the focused element. + * Calls handleSelection internal method to select the given item. + * @param index - Based zero index of the item that must be selected, when not provided the list will attempt to select the focused element. */ - select: (index?: number) => Promise; + "select": (index?: number) => Promise; /** - * Defines whether items are selectable or not. - * @default true + * Defines whether items are selectable or not. + * @default true */ - selectable: boolean; + "selectable": boolean; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * Displays the icons associated to each row when set to true. - * @default false + * Displays the icons associated to each row when set to true. + * @default false */ - showIcons: boolean; + "showIcons": boolean; /** - * The list elements descriptions will be arranged in two lines. - * @default false + * The list elements descriptions will be arranged in two lines. + * @default false */ - twoLine: boolean; + "twoLine": boolean; } interface KupMagicBox { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * Sets the data that will be used to display different components. - * @default null + * Sets the data that will be used to display different components. + * @default null */ - data: KupDataDataset; + "data": KupDataDataset; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; } interface KupNavBar { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * This method is invoked by KupManager whenever the component changes size. + * This method is invoked by KupManager whenever the component changes size. */ - resizeCallback: () => Promise; + "resizeCallback": () => Promise; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * Defines the style of the nav bar. - * @default KupNavBarStyling.STANDARD + * Defines the style of the nav bar. + * @default KupNavBarStyling.STANDARD */ - styling: KupNavBarStyling; + "styling": KupNavBarStyling; } interface KupNumericPicker { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * Props of the sub-components. - * @default null + * Props of the sub-components. + * @default null */ - data: Object; + "data": Object; /** - * Defaults at false. When set to true, the component has decimals. - * @default false + * Defaults at false. When set to true, the component has decimals. + * @default false */ - decimals: boolean; + "decimals": boolean; /** - * Defaults at false. When set to true, the component is disabled. - * @default false + * Defaults at false. When set to true, the component is disabled. + * @default false */ - disabled: boolean; + "disabled": boolean; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * Retrieves the component's value. - * @returns Value of the component. + * Retrieves the component's value. + * @returns Value of the component. */ - getValue: () => Promise; + "getValue": () => Promise; /** - * Sets the initial value of the component - * @default "" + * Sets the initial value of the component + * @default "" */ - initialValue: string; + "initialValue": string; /** - * when set, the component allows you to enter decimals with a maximum of characters. - * @default null + * when set, the component allows you to enter decimals with a maximum of characters. + * @default null */ - maxDecimals: number; + "maxDecimals": number; /** - * When set, the component allows you to enter integer numbers with a maximum of characters. - * @default null + * When set, the component allows you to enter integer numbers with a maximum of characters. + * @default null */ - maxIntegers: number; + "maxIntegers": number; /** - * When set, the component allows you to enter numbers with a maximum of characters, including decimals. - * @default null + * When set, the component allows you to enter numbers with a maximum of characters, including decimals. + * @default null */ - maxLength: number; + "maxLength": number; /** - * Defaults at false. When set to true, the component has negative number. - * @default false + * Defaults at false. When set to true, the component has negative number. + * @default false */ - negative: boolean; + "negative": boolean; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Sets the focus to the component. + * Sets the focus to the component. */ - setFocus: () => Promise; + "setFocus": () => Promise; /** - * Sets the component's value. - * @param value - Value to be set. + * Sets the component's value. + * @param value - Value to be set. */ - setValue: (value: string) => Promise; + "setValue": (value: string) => Promise; } interface KupPhotoFrame { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * Html attributes of the picture before the component enters the viewport. - * @default {} + * Html attributes of the picture before the component enters the viewport. + * @default {} */ - placeholderAttrs: GenericObject; + "placeholderAttrs": GenericObject; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Html attributes of the picture after the component enters the viewport. - * @default {} + * Html attributes of the picture after the component enters the viewport. + * @default {} */ - resourceAttrs: GenericObject; + "resourceAttrs": GenericObject; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * Percentage of the component dimensions entering the viewport (0.1 => 1). - * @default 0.25 + * Percentage of the component dimensions entering the viewport (0.1 => 1). + * @default 0.25 */ - threshold: number; + "threshold": number; } interface KupPlanner { /** - * Add a list of phases to the project - * @param taskId - * @param data - Matrix which contains project phases + * Add a list of phases to the project + * @param taskId + * @param data - Matrix which contains project phases */ - addPhases: (taskId: string, data: KupDataDataset) => Promise; + "addPhases": (taskId: string, data: KupDataDataset) => Promise; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * Dataset containg the tasks list - * @default null + * Dataset containg the tasks list + * @default null */ - data: KupDataDataset; + "data": KupDataDataset; /** - * Column containing the detail color, in hex format - * @default null + * Column containing the detail color, in hex format + * @default null */ - detailColorCol: string; + "detailColorCol": string; /** - * Columns containing informations displayed in the left box, near the gantt of details - * @default null + * Columns containing informations displayed in the left box, near the gantt of details + * @default null */ - detailColumns: string[]; + "detailColumns": string[]; /** - * Dataset containg the details list - * @default null + * Dataset containg the details list + * @default null */ - detailData: KupDataDataset; + "detailData": KupDataDataset; /** - * Columns containing detail duration, from (firstDate) to (secondDate) - * @default null + * Columns containing detail duration, from (firstDate) to (secondDate) + * @default null */ - detailDates: string[]; + "detailDates": string[]; /** - * Sets the detail's filter. - * @default undefined + * Sets the detail's filter. + * @default undefined */ - detailFilter: string; + "detailFilter": string; /** - * Height for detail gantt - * @default null + * Height for detail gantt + * @default null */ - detailHeight: number; + "detailHeight": number; /** - * Column containing icon name to show, for detail - * @default null + * Column containing icon name to show, for detail + * @default null */ - detailIconCol: string; + "detailIconCol": string; /** - * Column containing unique detail identifier - * @default null + * Column containing unique detail identifier + * @default null */ - detailIdCol: string; + "detailIdCol": string; /** - * Sets the initial scroll X for the detail. - * @default undefined + * Sets the initial scroll X for the detail. + * @default undefined */ - detailInitialScrollX: number; + "detailInitialScrollX": number; /** - * Sets the initial scroll Y for the detail. - * @default undefined + * Sets the initial scroll Y for the detail. + * @default undefined */ - detailInitialScrollY: number; + "detailInitialScrollY": number; /** - * Column containing detail name displayed - * @default null + * Column containing detail name displayed + * @default null */ - detailNameCol: string; + "detailNameCol": string; /** - * Columns containing forecast detail duration, from (firstDate) to (secondDate) - * @default null + * Columns containing forecast detail duration, from (firstDate) to (secondDate) + * @default null */ - detailPrevDates: string[]; + "detailPrevDates": 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * Total size of the cells inside to the left box, near the gantt - * @default '300px' + * Total size of the cells inside to the left box, near the gantt + * @default '300px' */ - listCellWidth: string; + "listCellWidth": string; /** - * Sets the filter for main gantt. - * @default undefined + * Sets the filter for main gantt. + * @default undefined */ - mainFilter: HTMLElement; + "mainFilter": HTMLElement; /** - * Max width for component - * @default '90vw' + * Max width for component + * @default '90vw' */ - maxWidth: string; + "maxWidth": string; /** - * Column containing the name of the parent phases - * @default null + * Column containing the name of the parent phases + * @default null */ - phaseColParDep: string; + "phaseColParDep": string; /** - * Column containing the phase color in hex format - * @default null + * Column containing the phase color in hex format + * @default null */ - phaseColorCol: string; + "phaseColorCol": string; /** - * Columns containing informations displayed in the left box ,near the gantt of phases - * @default null + * Columns containing informations displayed in the left box ,near the gantt of phases + * @default null */ - phaseColumns: string[]; + "phaseColumns": string[]; /** - * Columns containing phase duration, from (firstDate) to (secondDate) - * @default null + * Columns containing phase duration, from (firstDate) to (secondDate) + * @default null */ - phaseDates: string[]; + "phaseDates": string[]; /** - * Column containing icon name to show, for phase - * @default null + * Column containing icon name to show, for phase + * @default null */ - phaseIconCol: string; + "phaseIconCol": string; /** - * Column containing unique phase identifier - * @default null + * Column containing unique phase identifier + * @default null */ - phaseIdCol: string; + "phaseIdCol": string; /** - * Column containing phase name displayed - * @default null + * Column containing phase name displayed + * @default null */ - phaseNameCol: string; + "phaseNameCol": string; /** - * Columns containing forecast phase duration, from (firstDate) to (secondDate) - * @default null + * Columns containing forecast phase duration, from (firstDate) to (secondDate) + * @default null */ - phasePrevDates: string[]; + "phasePrevDates": string[]; /** - * When true, the two gantts are not interactable. - * @default false + * When true, the two gantts are not interactable. + * @default false */ - readOnly: boolean; + "readOnly": boolean; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Sets the filter for secondary gantt. - * @default undefined + * Sets the filter for secondary gantt. + * @default undefined */ - secondaryFilter: HTMLElement; + "secondaryFilter": HTMLElement; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * Enable/disable display of secondary dates - * @default false + * Enable/disable display of secondary dates + * @default false */ - showSecondaryDates: boolean; - stateId: string; - store: KupStore; + "showSecondaryDates": boolean; + "stateId": string; + "store": KupStore; /** - * Columns containing informations displayed in the left box, near the gantt - * @default null + * Columns containing informations displayed in the left box, near the gantt + * @default null */ - taskColumns: string[]; + "taskColumns": string[]; /** - * Columns containing task duration, from (firstDate) to (secondDate) - * @default null + * Columns containing task duration, from (firstDate) to (secondDate) + * @default null */ - taskDates: string[]; + "taskDates": string[]; /** - * Sets the task's filter. - * @default undefined + * Sets the task's filter. + * @default undefined */ - taskFilter: string; + "taskFilter": string; /** - * Height for main gantt - * @default null + * Height for main gantt + * @default null */ - taskHeight: number; + "taskHeight": number; /** - * Column containing icon name to show, for task - * @default null + * Column containing icon name to show, for task + * @default null */ - taskIconCol: string; + "taskIconCol": string; /** - * Column containing unique task identifier - * @default null + * Column containing unique task identifier + * @default null */ - taskIdCol: string; + "taskIdCol": string; /** - * Sets the initial scroll X for the task. - * @default undefined + * Sets the initial scroll X for the task. + * @default undefined */ - taskInitialScrollX: number; + "taskInitialScrollX": number; /** - * Sets the initial scroll Y for the task. - * @default undefined + * Sets the initial scroll Y for the task. + * @default undefined */ - taskInitialScrollY: number; + "taskInitialScrollY": number; /** - * Column containing task name displayed - * @default null + * Column containing task name displayed + * @default null */ - taskNameCol: string; + "taskNameCol": string; /** - * Columns containing forecast task duration, from (firstDate) to (secondDate) - * @default null + * Columns containing forecast task duration, from (firstDate) to (secondDate) + * @default null */ - taskPrevDates: string[]; + "taskPrevDates": string[]; /** - * Message displayed on top - * @default null + * Message displayed on top + * @default null */ - titleMess: string; + "titleMess": string; /** - * Sets the view mode. - * @default 'month' + * Sets the view mode. + * @default 'month' */ - viewMode: KupPlannerViewMode; + "viewMode": KupPlannerViewMode; } interface KupPlannerRenderer { - props: PlannerProps; + "props": PlannerProps; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; } interface KupProbe { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * Specify features to test. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Specify features to test. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - features: { - debug: boolean; - language: boolean; - longCycleProp: boolean; - longCycleVar: boolean; - objects: boolean; - objectsFunction: boolean; - theme: boolean; - }; + "features": { + debug: boolean; + language: boolean; + longCycleProp: boolean; + longCycleVar: boolean; + objects: boolean; + objectsFunction: boolean; + theme: boolean; + }; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - printLifecycleTime: () => Promise<{ - id: string; - featuresTime: number; - fullTime: number; - }>; + "printLifecycleTime": () => Promise<{ id: string; featuresTime: number; fullTime: number; }>; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; } interface KupProgressBar { /** - * Displays the label in the middle of the progress bar. It's the default for the radial variant and can't be changed. - * @default true + * Displays the label in the middle of the progress bar. It's the default for the radial variant and can't be changed. + * @default true */ - centeredLabel: boolean; + "centeredLabel": boolean; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * Flag to show or hide the progress bar's label. - * @default false + * Flag to show or hide the progress bar's label. + * @default false */ - hideLabel: boolean; + "hideLabel": boolean; /** - * Specifies an icon to replace the label. - * @default null + * Specifies an icon to replace the label. + * @default null */ - icon: string; + "icon": string; /** - * Radial version. - * @default false + * Radial version. + * @default false */ - isRadial: boolean; + "isRadial": boolean; /** - * Specifies a text for the bar's label. - * @default null + * Specifies a text for the bar's label. + * @default null */ - label: string; + "label": string; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * The current value the progress bar must display. - * @default 0 + * The current value the progress bar must display. + * @default 0 */ - value: number; + "value": number; } interface KupQlik { /** - * Set Qlik App's istance would you like to use (!!!ALLERT!!! if you have already set appid app's istance will be NOT generated again) + * Set Qlik App's istance would you like to use (!!!ALLERT!!! if you have already set appid app's istance will be NOT generated again) */ - app: any; + "app": any; /** - * Set Qlik App's id would you like to use How to find app id --> https://support.qlik.com/articles/000026239 + * Set Qlik App's id would you like to use How to find app id --> https://support.qlik.com/articles/000026239 */ - appid: string; + "appid": string; /** - * Set gird border + * Set gird border */ - bordered: boolean; + "bordered": boolean; /** - * Set Qlik Server's connection parameters MUST be delcared to open apps {host:'', port:'', prefix:'', isSecure:} + * Set Qlik Server's connection parameters MUST be delcared to open apps {host:'', port:'', prefix:'', isSecure:} */ - config: QlikServer; + "config": QlikServer; /** - * Activate logging Default false + * Activate logging Default false */ - debug: boolean; + "debug": boolean; /** - * Set default obj's container pixel height + * Set default obj's container pixel height */ - defobjsize: string; + "defobjsize": string; /** - * Define width of grid, with true width = 100% responsive, false 1200px + * Define width of grid, with true width = 100% responsive, false 1200px */ - fluid: boolean; + "fluid": boolean; /** - * Set the grid structure (JSON) selections --> Data selection array field --> Qlik field on which to make the selection values --> Array of int or string value which to select rows colums --> they define the structure of grid obj --> Qlik Object id would you like to render (How to find Qlik obj id --> https://help.qlik.com/en-US/sense-developer/June2020/Subsystems/Mashups/Content/Sense_Mashups/Howtos/mashups-obtain-app-object-id.htm) colDim --> define column's dimension, it could have values from 1 to 12 where 12 is 100% size --> define size height of obj's div container, it colud have this values XS|S|M|L|XL noSelections --> define if selections in object are disable (default: false) Example: { selections:[ { field: 'Anno', values:[2020] } ], rows:[ { columns:[ { obj:'KvqdmD', colDim:5, size:'L', noSelections: }, { obj:'JjSaVm', colDim:5, size:'S', noSelections: } ] } ] } + * Set the grid structure (JSON) selections --> Data selection array field --> Qlik field on which to make the selection values --> Array of int or string value which to select rows colums --> they define the structure of grid obj --> Qlik Object id would you like to render (How to find Qlik obj id --> https://help.qlik.com/en-US/sense-developer/June2020/Subsystems/Mashups/Content/Sense_Mashups/Howtos/mashups-obtain-app-object-id.htm) colDim --> define column's dimension, it could have values from 1 to 12 where 12 is 100% size --> define size height of obj's div container, it colud have this values XS|S|M|L|XL noSelections --> define if selections in object are disable (default: false) Example: { selections:[ { field: 'Anno', values:[2020] } ], rows:[ { columns:[ { obj:'KvqdmD', colDim:5, size:'L', noSelections: }, { obj:'JjSaVm', colDim:5, size:'S', noSelections: } ] } ] } */ - grid: Array; + "grid": Array; /** - * Set Qlik Server istance would you like to use after connection + * Set Qlik Server istance would you like to use after connection */ - qlik: any; + "qlik": any; } interface KupRadio { /** - * Number of columns. When null, radio fields will be displayed inline. - * @default null + * Number of columns. When null, radio fields will be displayed inline. + * @default null */ - columns: number; + "columns": number; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * List of elements. - * @default null + * List of elements. + * @default null */ - data: FRadioData[]; + "data": FRadioData[]; /** - * Defaults at false. When set to true, the component is disabled. - * @default false + * Defaults at false. When set to true, the component is disabled. + * @default false */ - disabled: boolean; + "disabled": boolean; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * Defaults at false. When set to true, the label will be on the left of the component. - * @default false + * Defaults at false. When set to true, the label will be on the left of the component. + * @default false */ - leadingLabel: boolean; + "leadingLabel": boolean; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; } interface KupRating { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * Defaults at false. When set to true, the component is disabled. - * @default false + * Defaults at false. When set to true, the component is disabled. + * @default false */ - disabled: boolean; + "disabled": boolean; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * Max number of stars (default 5). - * @default 5 + * Max number of stars (default 5). + * @default 5 */ - maxValue: number; + "maxValue": number; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * Rated stars. - * @default 0 + * Rated stars. + * @default 0 */ - value: number; + "value": number; } interface KupSnackbar { /** - * Set of FButton props to set the action button. - * @default null + * Set of FButton props to set the action button. + * @default null */ - actionButton: FButtonProps; + "actionButton": FButtonProps; /** - * When true, the hide button will be displayed. - * @default true + * When true, the hide button will be displayed. + * @default true */ - closeButton: boolean; + "closeButton": boolean; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * Hides the snackbar. + * Hides the snackbar. */ - hide: () => Promise; + "hide": () => Promise; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * Displays the snackbar. + * Displays the snackbar. */ - show: () => Promise; + "show": () => Promise; /** - * Sets the textual content of the snackbar. - * @default '' + * Sets the textual content of the snackbar. + * @default '' */ - text: string; + "text": string; /** - * Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds. - * @default null + * Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds. + * @default null */ - timeout: number; + "timeout": number; } interface KupSpinner { /** - * When set to true the spinner is animating. - * @default false + * When set to true the spinner is animating. + * @default false */ - active: boolean; + "active": boolean; /** - * Decides whether the component is a bar or a spinner. - * @default false + * Decides whether the component is a bar or a spinner. + * @default false */ - barVariant: boolean; + "barVariant": boolean; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * Width and height of the spinner. For the bar variant, only height. - * @default false + * Width and height of the spinner. For the bar variant, only height. + * @default false */ - dimensions: string; + "dimensions": string; /** - * Places a blend modal over the wrapper to darken the view (or lighten, when the theme is dark). - * @default false + * Places a blend modal over the wrapper to darken the view (or lighten, when the theme is dark). + * @default false */ - fader: boolean; + "fader": boolean; /** - * The time required for the "fader" to trigger. - * @default 3500 + * The time required for the "fader" to trigger. + * @default 3500 */ - faderTimeout: number; + "faderTimeout": number; /** - * When set to true the component will fill the whole viewport. - * @default false + * When set to true the component will fill the whole viewport. + * @default false */ - fullScreen: boolean; + "fullScreen": boolean; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * Sets the layout of the spinner. - * @default 1 + * Sets the layout of the spinner. + * @default 1 */ - layout: number; + "layout": number; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; } interface KupStandardTooltip { - fontFamily: string; - fontSize: string; - task: KupPlannerTask; + "fontFamily": string; + "fontSize": string; + "task": KupPlannerTask; } interface KupSwitch { /** - * Defaults at false. When set to true, the component will be set to 'checked'. - * @default false + * Defaults at false. When set to true, the component will be set to 'checked'. + * @default false */ - checked: boolean; + "checked": boolean; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * Defaults at false. When set to true, the component is disabled. - * @default false + * Defaults at false. When set to true, the component is disabled. + * @default false */ - disabled: boolean; + "disabled": boolean; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * Defaults at null. When specified, its content will be shown as a label. - * @default null + * Defaults at null. When specified, its content will be shown as a label. + * @default null */ - label: string; + "label": string; /** - * Defaults at false. When set to true, the label will be on the left of the component. - * @default false + * Defaults at false. When set to true, the label will be on the left of the component. + * @default false */ - leadingLabel: boolean; + "leadingLabel": boolean; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; } interface KupSwitcher { - timeUnitChange: KupPlannerSwitcherProps['onTimeUnitChange']; + "timeUnitChange": KupPlannerSwitcherProps['onTimeUnitChange']; } interface KupTabBar { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * List of elements. - * @default null + * List of elements. + * @default null */ - data: KupTabBarNode[]; + "data": KupTabBarNode[]; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * Returns the selected node. - * @returns Selected node. + * Returns the selected node. + * @returns Selected node. */ - getSelectedNode: () => Promise; + "getSelectedNode": () => Promise; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * When enabled displays Material's ripple effect on item headers. - * @default true + * When enabled displays Material's ripple effect on item headers. + * @default true */ - ripple: boolean; + "ripple": boolean; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; } interface KupTaskGantt { - barProps: KupPlannerTaskGanttProps['barProps']; - calendarProps: KupPlannerTaskGanttProps['calendarProps']; - ganttHeight: KupPlannerTaskGanttProps['ganttHeight']; - gridProps: KupPlannerTaskGanttProps['gridProps']; - scrollX: KupPlannerTaskGanttProps['scrollX']; - scrollY: KupPlannerTaskGanttProps['scrollY']; - taskGanttRef: KupPlannerTaskGanttProps['taskGanttRef']; + "barProps": KupPlannerTaskGanttProps['barProps']; + "calendarProps": KupPlannerTaskGanttProps['calendarProps']; + "ganttHeight": KupPlannerTaskGanttProps['ganttHeight']; + "gridProps": KupPlannerTaskGanttProps['gridProps']; + "scrollX": KupPlannerTaskGanttProps['scrollX']; + "scrollY": KupPlannerTaskGanttProps['scrollY']; + "taskGanttRef": KupPlannerTaskGanttProps['taskGanttRef']; } interface KupTaskList { - TaskListHeader: KupPlannerTaskListProps['TaskListHeader']; - TaskListTable: KupPlannerTaskListProps['TaskListTable']; - currentTasks: KupPlannerGanttTaskN[] | KupPlannerItemDetail[]; - doubleView?: boolean; - expanderClick: KupPlannerTaskListProps['expanderClick']; - filter: HTMLElement; - fontFamily: string; - fontSize: string; - ganttHeight: number; - ganttOnClick: KupGanttPlannerProps['onClick']; - ganttOnDblClick: KupGanttPlannerProps['onDblClick']; - ganttonOnContextMenu: KupGanttPlannerProps['onContextMenu']; - handleClick: (row: KupPlannerGanttRow, onClick: any) => void; - handleContextMenu: ( - event: MouseEvent, - row: KupPlannerGanttRow, - onContextMenu: any - ) => void; - handleDblClick: (row: KupPlannerGanttRow, onDblClick: any) => void; - headerHeight: number; - horizontalContainerClass?: string; - label: string; - locale: string; - rowHeight: number; - rowWidth: string; - scrollY: number; - selectedTask: KupPlannerBarTask | undefined; - setDoubleView?: (checked: boolean) => void; - setSelectedTask: KupPlannerTaskListProps['setSelectedTask']; - tasks: KupPlannerTask[]; + "TaskListHeader": KupPlannerTaskListProps['TaskListHeader']; + "TaskListTable": KupPlannerTaskListProps['TaskListTable']; + "currentTasks": KupPlannerGanttTaskN[] | KupPlannerItemDetail[]; + "doubleView"?: boolean; + "expanderClick": KupPlannerTaskListProps['expanderClick']; + "filter": HTMLElement; + "fontFamily": string; + "fontSize": string; + "ganttHeight": number; + "ganttOnClick": KupGanttPlannerProps['onClick']; + "ganttOnDblClick": KupGanttPlannerProps['onDblClick']; + "ganttonOnContextMenu": KupGanttPlannerProps['onContextMenu']; + "handleClick": (row: KupPlannerGanttRow, onClick: any) => void; + "handleContextMenu": ( + event: MouseEvent, + row: KupPlannerGanttRow, + onContextMenu: any + ) => void; + "handleDblClick": (row: KupPlannerGanttRow, onDblClick: any) => void; + "headerHeight": number; + "horizontalContainerClass"?: string; + "label": string; + "locale": string; + "rowHeight": number; + "rowWidth": string; + "scrollY": number; + "selectedTask": KupPlannerBarTask | undefined; + "setDoubleView"?: (checked: boolean) => void; + "setSelectedTask": KupPlannerTaskListProps['setSelectedTask']; + "tasks": KupPlannerTask[]; } interface KupTaskListHeader { - fontFamily: string; - fontSize: string; - headerHeight: number; - rowWidth: string; + "fontFamily": string; + "fontSize": string; + "headerHeight": number; + "rowWidth": string; } interface KupTaskListTable { - expanderClick: (task: KupPlannerTask) => void; - fontFamily: string; - fontSize: string; - locale: string; - rowHeight: number; - rowWidth: string; - selectedTaskId: string; - setSelectedTask: (taskId: string) => void; - tasks: KupPlannerTask[]; + "expanderClick": (task: KupPlannerTask) => void; + "fontFamily": string; + "fontSize": string; + "locale": string; + "rowHeight": number; + "rowWidth": string; + "selectedTaskId": string; + "setSelectedTask": (taskId: string) => void; + "tasks": KupPlannerTask[]; } interface KupTextField { /** - * When true, could be input negative numbers (should be used when inputType is number). - * @default null + * When true, could be input negative numbers (should be used when inputType is number). + * @default null */ - allowNegative: boolean; + "allowNegative": boolean; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * Number of decimals (should be used when inputType is number). - * @default null + * Number of decimals (should be used when inputType is number). + * @default null */ - decimals: number; + "decimals": number; /** - * When set to true, the component is disabled. - * @default false + * When set to true, the component is disabled. + * @default false */ - disabled: boolean; + "disabled": boolean; /** - * When the text field is part of the autocomplete component and the list is opened, enter key selects the item and doesn't submit. - * @default true + * When the text field is part of the autocomplete component and the list is opened, enter key selects the item and doesn't submit. + * @default true */ - emitSubmitEventOnEnter: boolean; + "emitSubmitEventOnEnter": boolean; /** - * When set to true, the component will be rendered at full width. - * @default false + * When set to true, the component will be rendered at full width. + * @default false */ - fullWidth: boolean; + "fullWidth": boolean; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * Returns the component's internal value. + * Returns the component's internal value. */ - getValue: () => Promise; + "getValue": () => Promise; /** - * When true, the number will be formatted with group separator (should be used when inputType is number). - * @default null + * When true, the number will be formatted with group separator (should be used when inputType is number). + * @default null */ - group: boolean; + "group": boolean; /** - * When set, its content will be shown as a help text below the field. - * @default null + * When set, its content will be shown as a help text below the field. + * @default null */ - helper: string; + "helper": string; /** - * When true, the helper will be displayed. - * @default true + * When true, the helper will be displayed. + * @default true */ - helperEnabled: boolean; + "helperEnabled": boolean; /** - * When set, the helper will be shown only when the field is focused. - * @default false + * When set, the helper will be shown only when the field is focused. + * @default false */ - helperWhenFocused: boolean; + "helperWhenFocused": boolean; /** - * Hides the character counter. - * @default false + * Hides the character counter. + * @default false */ - hiddenCounter: boolean; + "hiddenCounter": boolean; /** - * When set, the text-field will show this icon. - * @default null + * When set, the text-field will show this icon. + * @default null */ - icon: string; + "icon": string; /** - * Sets the initial value of the component - * @default "" + * Sets the initial value of the component + * @default "" */ - initialValue: string; + "initialValue": string; /** - * The HTML inputmode of the input element. - * @default null + * The HTML inputmode of the input element. + * @default null */ - inputMode: string; + "inputMode": string; /** - * The HTML type of the input element. It has no effect on text areas. - * @default "text" + * The HTML type of the input element. It has no effect on text areas. + * @default "text" */ - inputType: string; + "inputType": string; /** - * Number of integers (should be used when inputType is number). - * @default null + * Number of integers (should be used when inputType is number). + * @default null */ - integers: number; + "integers": number; /** - * Enables a clear trailing icon. - * @default false + * Enables a clear trailing icon. + * @default false */ - isClearable: boolean; + "isClearable": boolean; /** - * When set, its content will be shown as a label. - * @default null + * When set, its content will be shown as a label. + * @default null */ - label: string; + "label": string; /** - * When set to true, the label will be on the left of the component. - * @default false + * When set to true, the label will be on the left of the component. + * @default false */ - leadingLabel: boolean; + "leadingLabel": boolean; /** - * The HTML max attribute specifies the maximum value for the input element. Works with the following input types: number, range, date, datetime-local, month, time and week. - * @default null + * The HTML max attribute specifies the maximum value for the input element. Works with the following input types: number, range, date, datetime-local, month, time and week. + * @default null */ - max: number; + "max": number; /** - * When set, the helper will display a character counter. - * @default null + * When set, the helper will display a character counter. + * @default null */ - maxLength: number; + "maxLength": number; /** - * The HTML min attribute specifies the minimum value for the input element. Works with the following input types: number, range, date, datetime-local, month, time and week. - * @default null + * The HTML min attribute specifies the minimum value for the input element. Works with the following input types: number, range, date, datetime-local, month, time and week. + * @default null */ - min: number; + "min": number; /** - * The HTML name attribute used for form autocomplete. - * @default null + * The HTML name attribute used for form autocomplete. + * @default null */ - name: string; + "name": string; /** - * When set to true, the component will be rendered as an outlined field. - * @default false + * When set to true, the component will be rendered as an outlined field. + * @default false */ - outlined: boolean; + "outlined": boolean; /** - * Sets the component to read only state, making it not editable, but interactable. Used in combobox component when it behaves as a select. - * @default false + * Sets the component to read only state, making it not editable, but interactable. Used in combobox component when it behaves as a select. + * @default false */ - readOnly: boolean; + "readOnly": boolean; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Focuses the input element. + * Focuses the input element. */ - setFocus: () => Promise; + "setFocus": () => Promise; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * Sets the internal value of the component. + * Sets the internal value of the component. */ - setValue: (value: string) => Promise; + "setValue": (value: string) => Promise; /** - * The HTML attribute size of the input element. - * @default null + * The HTML attribute size of the input element. + * @default null */ - size: number; + "size": number; /** - * The HTML step of the input element. It has effect only with number input type. - * @default null + * The HTML step of the input element. It has effect only with number input type. + * @default null */ - step: number; + "step": number; /** - * When set to true, the component will be rendered as a textarea. - * @default false + * When set to true, the component will be rendered as a textarea. + * @default false */ - textArea: boolean; + "textArea": boolean; /** - * When set, the icon will be shown after the text. - * @default false + * When set, the icon will be shown after the text. + * @default false */ - trailingIcon: boolean; + "trailingIcon": boolean; /** - * When set to true, the label will be on the right of the component. - * @default false + * When set to true, the label will be on the right of the component. + * @default false */ - trailingLabel: boolean; + "trailingLabel": boolean; } interface KupTimePicker { /** - * When set to true, the drop down menu will display a clock. - * @default true + * When set to true, the drop down menu will display a clock. + * @default true */ - clockVariant: boolean; + "clockVariant": boolean; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * Props of the sub-components (time input text field) - * @default {} + * Props of the sub-components (time input text field) + * @default {} */ - data: Object; + "data": Object; /** - * Defaults at false. When set to true, the component is disabled. - * @default false + * Defaults at false. When set to true, the component is disabled. + * @default false */ - disabled: boolean; + "disabled": boolean; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * Returns the component's internal value. + * Returns the component's internal value. */ - getValue: () => Promise; + "getValue": () => Promise; /** - * Sets the initial value of the component. - * @default "" + * Sets the initial value of the component. + * @default "" */ - initialValue: string; + "initialValue": string; /** - * Manage seconds. - * @default false + * Manage seconds. + * @default false */ - manageSeconds: boolean; + "manageSeconds": boolean; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Focuses the input element. + * Focuses the input element. */ - setFocus: () => Promise; + "setFocus": () => Promise; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * Sets the internal value of the component. + * Sets the internal value of the component. */ - setValue: (value: string) => Promise; + "setValue": (value: string) => Promise; /** - * Minutes step. - * @default 10 + * Minutes step. + * @default 10 */ - timeMinutesStep: number; + "timeMinutesStep": number; } interface KupTooltip { - TooltipContent: any; - arrowIndent: number; - fontFamily: string; - fontSize: string; - headerHeight: number; - rowHeight: number; - rtl: boolean; - scrollX: number; - scrollY: number; - svgContainerHeight: number; - svgContainerWidth: number; - svgWidth: number; - task: KupPlannerBarTask; - taskListWidth: number; + "TooltipContent": any; + "arrowIndent": number; + "fontFamily": string; + "fontSize": string; + "headerHeight": number; + "rowHeight": number; + "rtl": boolean; + "scrollX": number; + "scrollY": number; + "svgContainerHeight": number; + "svgContainerWidth": number; + "svgWidth": number; + "task": KupPlannerBarTask; + "taskListWidth": number; } interface KupTree { /** - * When enabled, the first level of depth will give an accordion look to nodes. - * @default false + * When enabled, the first level of depth will give an accordion look to nodes. + * @default false */ - asAccordion: boolean; + "asAccordion": boolean; /** - * Closes any opened column menu. + * Closes any opened column menu. */ - closeColumnMenu: () => Promise; + "closeColumnMenu": () => Promise; /** - * Collapses all nodes. + * Collapses all nodes. */ - collapseAll: () => Promise; + "collapseAll": () => Promise; /** - * The columns of the tree when tree visualization is active. + * The columns of the tree when tree visualization is active. */ - columns?: KupDataColumn[]; + "columns"?: KupDataColumn[]; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle: string; + "customStyle": string; /** - * The json data used to populate the tree view: the basic, always visible tree nodes. + * The json data used to populate the tree view: the basic, always visible tree nodes. */ - data: KupTreeNode[]; + "data": KupTreeNode[]; /** - * The density of the rows, defaults at 'medium' and can also be set to 'dense' or 'wide'. + * The density of the rows, defaults at 'medium' and can also be set to 'dense' or 'wide'. */ - density: FCellPadding; + "density": FCellPadding; /** - * Function that gets invoked when a new set of nodes must be loaded as children of a node. When useDynamicExpansion is set, the tree component will have two different behaviors depending on the value of this prop. 1 - If this prop is set to null, no callback to download data is available: the component will emit an event requiring the parent to load the children of the given node. 2 - If this prop is set to have a callback, then the component will automatically make requests to load children of a given node. After the load has been completed, a different event will be fired to alert the parent of the change. - * @see useDynamicExpansion + * Function that gets invoked when a new set of nodes must be loaded as children of a node. When useDynamicExpansion is set, the tree component will have two different behaviors depending on the value of this prop. 1 - If this prop is set to null, no callback to download data is available: the component will emit an event requiring the parent to load the children of the given node. 2 - If this prop is set to have a callback, then the component will automatically make requests to load children of a given node. After the load has been completed, a different event will be fired to alert the parent of the change. + * @see useDynamicExpansion */ - dynamicExpansionCallback: ( - treeNodeToExpand: KupTreeNode, - treeNodePath: TreeNodePath - ) => Promise | undefined; + "dynamicExpansionCallback": ( + treeNodeToExpand: KupTreeNode, + treeNodePath: TreeNodePath + ) => Promise | undefined; /** - * When set to true, editable cells will be rendered using input components. - * @default false + * When set to true, editable cells will be rendered using input components. + * @default false */ - editableData: boolean; + "editableData": boolean; /** - * Enables the extracolumns add buttons. + * Enables the extracolumns add buttons. */ - enableExtraColumns: boolean; + "enableExtraColumns": boolean; /** - * Expands all nodes. + * Expands all nodes. */ - expandAll: () => Promise; + "expandAll": () => Promise; /** - * Flag: the nodes of the whole tree must be already expanded upon loading. Disabled nodes do NOT get expanded. + * Flag: the nodes of the whole tree must be already expanded upon loading. Disabled nodes do NOT get expanded. */ - expanded: boolean; + "expanded": boolean; /** - * Behavior of nodes' expansion: it can be chosen between expanding a node by clicking on the dropdown icon, or by clicking on the whole node. - * @default KupTreeExpansionMode.DROPDOWN + * Behavior of nodes' expansion: it can be chosen between expanding a node by clicking on the dropdown icon, or by clicking on the whole node. + * @default KupTreeExpansionMode.DROPDOWN */ - expansionMode: KupTreeExpansionMode; + "expansionMode": KupTreeExpansionMode; /** - * List of filters set by the user. + * List of filters set by the user. */ - filters: GenericFilter; + "filters": GenericFilter; /** - * 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. + * 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; + "getProps": (descriptions?: boolean) => Promise; /** - * This method will get the selected nodes of the component. + * This method will get the selected nodes of the component. */ - getSelectedNode: () => Promise; + "getSelectedNode": () => Promise; /** - * When set to true it activates the global filter. + * When set to true it activates the global filter. */ - globalFilter: boolean; + "globalFilter": boolean; /** - * The mode of the global filter (default SIMPLE) + * The mode of the global filter (default SIMPLE) */ - globalFilterMode: KupGlobalFilterMode; + "globalFilterMode": KupGlobalFilterMode; /** - * The value of the global filter. + * The value of the global filter. */ - globalFilterValue: string; + "globalFilterValue": string; /** - * Hides the given column. - * @param column - Column to hide. + * Hides the given column. + * @param column - Column to hide. */ - hideColumn: (column: KupDataColumn) => Promise; + "hideColumn": (column: KupDataColumn) => Promise; /** - * True if there aren't visible nodes + * True if there aren't visible nodes */ - isEmpty: () => Promise; + "isEmpty": () => Promise; /** - * Opens the column menu of the given column. - * @param column - Name of the column. + * Opens the column menu of the given column. + * @param column - Name of the column. */ - openColumnMenu: (column: string) => Promise; + "openColumnMenu": (column: string) => Promise; /** - * Experimental feature: when active, the tree will try to prevent horizontal overflowing elements by setting a width on the content of the table cells. It works only on cells of the main column. - * @default false; + * Experimental feature: when active, the tree will try to prevent horizontal overflowing elements by setting a width on the content of the table cells. It works only on cells of the main column. + * @default false; */ - preventXScroll: boolean; + "preventXScroll": boolean; /** - * This method is used to trigger a new render of the component. + * This method is used to trigger a new render of the component. */ - refresh: () => Promise; + "refresh": () => Promise; /** - * Sets the possibility to remove the selected column. + * Sets the possibility to remove the selected column. */ - removableColumns: boolean; + "removableColumns": boolean; /** - * This method is invoked by KupManager whenever the component changes size. + * This method is invoked by KupManager whenever the component changes size. */ - resizeCallback: () => Promise; + "resizeCallback": () => Promise; /** - * When enabled displays Material's ripple effect on nodes (only when no columns are displayed). - * @default true + * When enabled displays Material's ripple effect on nodes (only when no columns are displayed). + * @default true */ - ripple: boolean; + "ripple": boolean; /** - * Activates the scroll on hover function. + * Activates the scroll on hover function. */ - scrollOnHover: boolean; + "scrollOnHover": boolean; /** - * Sets the props to the component. - * @param props - Object containing props that will be set to the component. + * Sets the props to the component. + * @param props - Object containing props that will be set to the component. */ - setProps: (props: GenericObject) => Promise; + "setProps": (props: GenericObject) => Promise; /** - * This method will set the selected rows of the component. - * @param rowsIdentifiers - Array of ids (dataset) or indexes (rendered rows). - * @param emitEvent - The event will always be emitted unless emitEvent is set to false. + * This method will set the selected rows of the component. + * @param rowsIdentifiers - Array of ids (dataset) or indexes (rendered rows). + * @param emitEvent - The event will always be emitted unless emitEvent is set to false. */ - setSelectedNode: ( - treeNodePath: string, - emitEvent?: boolean - ) => Promise; + "setSelectedNode": (treeNodePath: string, emitEvent?: boolean) => Promise; /** - * Shows the tree data as a table. + * Shows the tree data as a table. */ - showColumns: boolean; + "showColumns": boolean; /** - * When set to true enables the column filters. + * When set to true enables the column filters. */ - showFilters: boolean; + "showFilters": boolean; /** - * When set to true shows the footer. + * When set to true shows the footer. */ - showFooter: boolean; + "showFooter": boolean; /** - * Flag: shows the header of the tree when the tree is displayed as a table. - * @see showColumns + * Flag: shows the header of the tree when the tree is displayed as a table. + * @see showColumns */ - showHeader: boolean; + "showHeader": boolean; /** - * Shows the icons of the nodes. + * Shows the icons of the nodes. */ - showIcons: boolean; - stateId: string; - store: KupStore; + "showIcons": boolean; + "stateId": string; + "store": KupStore; /** - * Defines the current totals options. + * Defines the current totals options. */ - totals: TotalsMap; + "totals": TotalsMap; /** - * When the component must use the dynamic expansion feature to open its nodes, it means that not all the nodes of the tree have been passed inside the data property. Therefore, when expanding a node, the tree must emit an event (or run a given callback) and wait for the child nodes to be downloaded from the server. For more information: - * @see dynamicExpansionCallback + * When the component must use the dynamic expansion feature to open its nodes, it means that not all the nodes of the tree have been passed inside the data property. Therefore, when expanding a node, the tree must emit an event (or run a given callback) and wait for the child nodes to be downloaded from the server. For more information: + * @see dynamicExpansionCallback */ - useDynamicExpansion: boolean; + "useDynamicExpansion": boolean; } interface KupVerticalScroll { - ganttFullHeight: number; - ganttHeight: number; - headerHeight: number; - rtl: boolean; - scrollNumber: number; - verticalScroll: (event: UIEvent) => void; + "ganttFullHeight": number; + "ganttHeight": number; + "headerHeight": number; + "rtl": boolean; + "scrollNumber": number; + "verticalScroll": (event: UIEvent) => void; } } export interface KupAccordionCustomEvent extends CustomEvent { @@ -4418,6461 +4063,4331 @@ export interface KupTreeCustomEvent extends CustomEvent { } declare global { interface HTMLKupAccordionElementEventMap { - 'kup-accordion-itemselected': KupAccordionItemSelectedEventPayload; - } - interface HTMLKupAccordionElement - extends Components.KupAccordion, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupAccordionElement, - ev: KupAccordionCustomEvent - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupAccordionElement, - ev: KupAccordionCustomEvent - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-accordion-itemselected": KupAccordionItemSelectedEventPayload; + } + interface HTMLKupAccordionElement extends Components.KupAccordion, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupAccordionElement, ev: KupAccordionCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupAccordionElement, ev: KupAccordionCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupAccordionElement: { prototype: HTMLKupAccordionElement; new (): HTMLKupAccordionElement; }; interface HTMLKupAutocompleteElementEventMap { - 'kup-autocomplete-blur': KupAutocompleteEventPayload; - 'kup-autocomplete-change': KupAutocompleteEventPayload; - 'kup-autocomplete-click': KupAutocompleteEventPayload; - 'kup-autocomplete-focus': KupAutocompleteEventPayload; - 'kup-autocomplete-input': KupAutocompleteEventPayload; - 'kup-autocomplete-iconclick': KupAutocompleteIconClickEventPayload; - 'kup-autocomplete-itemclick': KupAutocompleteEventPayload; - } - interface HTMLKupAutocompleteElement - extends Components.KupAutocomplete, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupAutocompleteElement, - ev: KupAutocompleteCustomEvent< - HTMLKupAutocompleteElementEventMap[K] - > - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupAutocompleteElement, - ev: KupAutocompleteCustomEvent< - HTMLKupAutocompleteElementEventMap[K] - > - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-autocomplete-blur": KupAutocompleteEventPayload; + "kup-autocomplete-change": KupAutocompleteEventPayload; + "kup-autocomplete-click": KupAutocompleteEventPayload; + "kup-autocomplete-focus": KupAutocompleteEventPayload; + "kup-autocomplete-input": KupAutocompleteEventPayload; + "kup-autocomplete-iconclick": KupAutocompleteIconClickEventPayload; + "kup-autocomplete-itemclick": KupAutocompleteEventPayload; + } + interface HTMLKupAutocompleteElement extends Components.KupAutocomplete, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupAutocompleteElement, ev: KupAutocompleteCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupAutocompleteElement, ev: KupAutocompleteCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupAutocompleteElement: { prototype: HTMLKupAutocompleteElement; new (): HTMLKupAutocompleteElement; }; interface HTMLKupBadgeElementEventMap { - 'kup-badge-click': KupEventPayload; - } - interface HTMLKupBadgeElement - extends Components.KupBadge, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupBadgeElement, - ev: KupBadgeCustomEvent - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupBadgeElement, - ev: KupBadgeCustomEvent - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-badge-click": KupEventPayload; + } + interface HTMLKupBadgeElement extends Components.KupBadge, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupBadgeElement, ev: KupBadgeCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupBadgeElement, ev: KupBadgeCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupBadgeElement: { prototype: HTMLKupBadgeElement; new (): HTMLKupBadgeElement; }; interface HTMLKupBoxElementEventMap { - 'kup-box-click': KupBoxClickEventPayload; - 'kup-box-selected': KupBoxSelectedEventPayload; - 'kup-box-autoselect': KupBoxAutoSelectEventPayload; - 'kup-box-rowactionmenuclick': KupBoxAutoSelectEventPayload; - 'kup-box-rowactionclick': KupBoxRowActionClickEventPayload; - 'kup-box-didload': KupEventPayload; - 'kup-box-didunload': KupEventPayload; - 'kup-box-contextmenu': KupBoxContextMenuEventPayload; - 'kup-box-loadmoreclick': KupBoxLoadMoreClickEventPayload; + "kup-box-click": KupBoxClickEventPayload; + "kup-box-selected": KupBoxSelectedEventPayload; + "kup-box-autoselect": KupBoxAutoSelectEventPayload; + "kup-box-rowactionmenuclick": KupBoxAutoSelectEventPayload; + "kup-box-rowactionclick": KupBoxRowActionClickEventPayload; + "kup-box-didload": KupEventPayload; + "kup-box-didunload": KupEventPayload; + "kup-box-contextmenu": KupBoxContextMenuEventPayload; + "kup-box-loadmoreclick": KupBoxLoadMoreClickEventPayload; } interface HTMLKupBoxElement extends Components.KupBox, HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupBoxElement, - ev: KupBoxCustomEvent - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupBoxElement, - ev: KupBoxCustomEvent - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + addEventListener(type: K, listener: (this: HTMLKupBoxElement, ev: KupBoxCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupBoxElement, ev: KupBoxCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupBoxElement: { prototype: HTMLKupBoxElement; new (): HTMLKupBoxElement; }; interface HTMLKupButtonElementEventMap { - 'kup-button-blur': KupButtonClickEventPayload; - 'kup-button-click': KupButtonClickEventPayload; - 'kup-button-focus': KupButtonClickEventPayload; - } - interface HTMLKupButtonElement - extends Components.KupButton, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupButtonElement, - ev: KupButtonCustomEvent - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupButtonElement, - ev: KupButtonCustomEvent - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-button-blur": KupButtonClickEventPayload; + "kup-button-click": KupButtonClickEventPayload; + "kup-button-focus": KupButtonClickEventPayload; + } + interface HTMLKupButtonElement extends Components.KupButton, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupButtonElement, ev: KupButtonCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupButtonElement, ev: KupButtonCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupButtonElement: { prototype: HTMLKupButtonElement; new (): HTMLKupButtonElement; }; interface HTMLKupButtonListElementEventMap { - 'kup-buttonlist-click': KupButtonListClickEventPayload; - } - interface HTMLKupButtonListElement - extends Components.KupButtonList, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupButtonListElement, - ev: KupButtonListCustomEvent< - HTMLKupButtonListElementEventMap[K] - > - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupButtonListElement, - ev: KupButtonListCustomEvent< - HTMLKupButtonListElementEventMap[K] - > - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-buttonlist-click": KupButtonListClickEventPayload; + } + interface HTMLKupButtonListElement extends Components.KupButtonList, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupButtonListElement, ev: KupButtonListCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupButtonListElement, ev: KupButtonListCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupButtonListElement: { prototype: HTMLKupButtonListElement; new (): HTMLKupButtonListElement; }; interface HTMLKupCalendarElementEventMap { - 'kup-calendar-eventclick': KupCalendarEventClickEventPayload; - 'kup-calendar-dateclick': KupCalendarDateClickEventPayload; - 'kup-calendar-eventdrop': KupCalendarEventDropEventPayload; - 'kup-calendar-viewchange': KupCalendarViewChangeEventPayload; - } - interface HTMLKupCalendarElement - extends Components.KupCalendar, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupCalendarElement, - ev: KupCalendarCustomEvent - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupCalendarElement, - ev: KupCalendarCustomEvent - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-calendar-eventclick": KupCalendarEventClickEventPayload; + "kup-calendar-dateclick": KupCalendarDateClickEventPayload; + "kup-calendar-eventdrop": KupCalendarEventDropEventPayload; + "kup-calendar-viewchange": KupCalendarViewChangeEventPayload; + } + interface HTMLKupCalendarElement extends Components.KupCalendar, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupCalendarElement, ev: KupCalendarCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupCalendarElement, ev: KupCalendarCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupCalendarElement: { prototype: HTMLKupCalendarElement; new (): HTMLKupCalendarElement; }; interface HTMLKupCardElementEventMap { - 'kup-card-click': KupCardClickPayload; - 'kup-card-close': KupEventPayload; - 'kup-card-event': KupCardEventPayload; - 'kup-card-ready': KupEventPayload; - } - interface HTMLKupCardElement - extends Components.KupCard, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupCardElement, - ev: KupCardCustomEvent - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupCardElement, - ev: KupCardCustomEvent - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-card-click": KupCardClickPayload; + "kup-card-close": KupEventPayload; + "kup-card-event": KupCardEventPayload; + "kup-card-ready": KupEventPayload; + } + interface HTMLKupCardElement extends Components.KupCard, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupCardElement, ev: KupCardCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupCardElement, ev: KupCardCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupCardElement: { prototype: HTMLKupCardElement; new (): HTMLKupCardElement; }; interface HTMLKupCardListElementEventMap { - 'kup-cardlist-click': KupCardListClickEventPayload; - } - interface HTMLKupCardListElement - extends Components.KupCardList, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupCardListElement, - ev: KupCardListCustomEvent - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupCardListElement, - ev: KupCardListCustomEvent - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-cardlist-click": KupCardListClickEventPayload; + } + interface HTMLKupCardListElement extends Components.KupCardList, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupCardListElement, ev: KupCardListCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupCardListElement, ev: KupCardListCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupCardListElement: { prototype: HTMLKupCardListElement; new (): HTMLKupCardListElement; }; - interface HTMLKupCellElement - extends Components.KupCell, - HTMLStencilElement {} + interface HTMLKupCellElement extends Components.KupCell, HTMLStencilElement { + } var HTMLKupCellElement: { prototype: HTMLKupCellElement; new (): HTMLKupCellElement; }; interface HTMLKupChartElementEventMap { - 'kup-chart-click': KupChartClickEvent; - } - interface HTMLKupChartElement - extends Components.KupChart, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupChartElement, - ev: KupChartCustomEvent - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupChartElement, - ev: KupChartCustomEvent - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-chart-click": KupChartClickEvent; + } + interface HTMLKupChartElement extends Components.KupChart, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupChartElement, ev: KupChartCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupChartElement, ev: KupChartCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupChartElement: { prototype: HTMLKupChartElement; new (): HTMLKupChartElement; }; interface HTMLKupCheckboxElementEventMap { - 'kup-checkbox-blur': KupCheckboxEventPayload; - 'kup-checkbox-change': KupCheckboxEventPayload; - 'kup-checkbox-focus': KupCheckboxEventPayload; - } - interface HTMLKupCheckboxElement - extends Components.KupCheckbox, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupCheckboxElement, - ev: KupCheckboxCustomEvent - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupCheckboxElement, - ev: KupCheckboxCustomEvent - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-checkbox-blur": KupCheckboxEventPayload; + "kup-checkbox-change": KupCheckboxEventPayload; + "kup-checkbox-focus": KupCheckboxEventPayload; + } + interface HTMLKupCheckboxElement extends Components.KupCheckbox, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupCheckboxElement, ev: KupCheckboxCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupCheckboxElement, ev: KupCheckboxCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupCheckboxElement: { prototype: HTMLKupCheckboxElement; new (): HTMLKupCheckboxElement; }; interface HTMLKupChipElementEventMap { - 'kup-chip-blur': KupChipEventPayload; - 'kup-chip-change': KupChipChangeEventPayload; - 'kup-chip-click': KupChipEventPayload; - 'kup-chip-focus': KupChipEventPayload; - 'kup-chip-iconclick': KupChipEventPayload; - } - interface HTMLKupChipElement - extends Components.KupChip, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupChipElement, - ev: KupChipCustomEvent - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupChipElement, - ev: KupChipCustomEvent - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-chip-blur": KupChipEventPayload; + "kup-chip-change": KupChipChangeEventPayload; + "kup-chip-click": KupChipEventPayload; + "kup-chip-focus": KupChipEventPayload; + "kup-chip-iconclick": KupChipEventPayload; + } + interface HTMLKupChipElement extends Components.KupChip, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupChipElement, ev: KupChipCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupChipElement, ev: KupChipCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupChipElement: { prototype: HTMLKupChipElement; new (): HTMLKupChipElement; }; interface HTMLKupColorPickerElementEventMap { - 'kup-colorpicker-change': KupColorPickerEventPayload; - } - interface HTMLKupColorPickerElement - extends Components.KupColorPicker, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupColorPickerElement, - ev: KupColorPickerCustomEvent< - HTMLKupColorPickerElementEventMap[K] - > - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupColorPickerElement, - ev: KupColorPickerCustomEvent< - HTMLKupColorPickerElementEventMap[K] - > - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-colorpicker-change": KupColorPickerEventPayload; + } + interface HTMLKupColorPickerElement extends Components.KupColorPicker, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupColorPickerElement, ev: KupColorPickerCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupColorPickerElement, ev: KupColorPickerCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupColorPickerElement: { prototype: HTMLKupColorPickerElement; new (): HTMLKupColorPickerElement; }; interface HTMLKupComboboxElementEventMap { - 'kup-combobox-blur': KupComboboxEventPayload; - 'kup-combobox-change': KupComboboxEventPayload; - 'kup-combobox-click': KupComboboxEventPayload; - 'kup-combobox-focus': KupComboboxEventPayload; - 'kup-combobox-input': KupComboboxEventPayload; - 'kup-combobox-iconclick': KupComboboxIconClickEventPayload; - 'kup-combobox-itemclick': KupComboboxEventPayload; - } - interface HTMLKupComboboxElement - extends Components.KupCombobox, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupComboboxElement, - ev: KupComboboxCustomEvent - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupComboboxElement, - ev: KupComboboxCustomEvent - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-combobox-blur": KupComboboxEventPayload; + "kup-combobox-change": KupComboboxEventPayload; + "kup-combobox-click": KupComboboxEventPayload; + "kup-combobox-focus": KupComboboxEventPayload; + "kup-combobox-input": KupComboboxEventPayload; + "kup-combobox-iconclick": KupComboboxIconClickEventPayload; + "kup-combobox-itemclick": KupComboboxEventPayload; + } + interface HTMLKupComboboxElement extends Components.KupCombobox, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupComboboxElement, ev: KupComboboxCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupComboboxElement, ev: KupComboboxCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupComboboxElement: { prototype: HTMLKupComboboxElement; new (): HTMLKupComboboxElement; }; - interface HTMLKupCustomTaskListHeaderElement - extends Components.KupCustomTaskListHeader, - HTMLStencilElement {} + interface HTMLKupCustomTaskListHeaderElement extends Components.KupCustomTaskListHeader, HTMLStencilElement { + } var HTMLKupCustomTaskListHeaderElement: { prototype: HTMLKupCustomTaskListHeaderElement; new (): HTMLKupCustomTaskListHeaderElement; }; - interface HTMLKupCustomTaskListTableElement - extends Components.KupCustomTaskListTable, - HTMLStencilElement {} + interface HTMLKupCustomTaskListTableElement extends Components.KupCustomTaskListTable, HTMLStencilElement { + } var HTMLKupCustomTaskListTableElement: { prototype: HTMLKupCustomTaskListTableElement; new (): HTMLKupCustomTaskListTableElement; }; interface HTMLKupDashboardElementEventMap { - 'kup-dashboard-save': KupDashboardEventPayload; - } - interface HTMLKupDashboardElement - extends Components.KupDashboard, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupDashboardElement, - ev: KupDashboardCustomEvent - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupDashboardElement, - ev: KupDashboardCustomEvent - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-dashboard-save": KupDashboardEventPayload; + } + interface HTMLKupDashboardElement extends Components.KupDashboard, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupDashboardElement, ev: KupDashboardCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupDashboardElement, ev: KupDashboardCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupDashboardElement: { prototype: HTMLKupDashboardElement; new (): HTMLKupDashboardElement; }; interface HTMLKupDataTableElementEventMap { - 'kup-datatable-didunload': KupEventPayload; - 'kup-datatable-didload': KupEventPayload; - 'kup-datatable-resetselectedrows': KupEventPayload; - 'kup-datatable-rowselected': KupDatatableRowSelectedEventPayload; - 'kup-datatable-click': KupDatatableClickEventPayload; - 'kup-datatable-contextmenu': KupDatatableClickEventPayload; - 'kup-datatable-dblclick': KupDatatableClickEventPayload; - 'kup-datatable-columnmenu': KupDatatableColumnMenuEventPayload; - 'kup-datatable-rowactionclick': KupDatatableRowActionClickEventPayload; - 'kup-datatable-loadmoreclick': KupDatatableLoadMoreClickEventPayload; - 'kup-datatable-columnmove': KupDatatableColumnMoveEventPayload; - 'kup-datatable-columnremove': KupDatatableColumnRemoveEventPayload; - 'kup-datatable-delete-row': KupDatatableDeleteRowEventPayload; - 'kup-datatable-save': KupDatatableInsertRowEventPayload; - 'kup-datatable-insert-row': KupDatatableInsertRowEventPayload; - 'kup-datatable-history': KupDatatableHistoryEventPayload; - } - interface HTMLKupDataTableElement - extends Components.KupDataTable, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupDataTableElement, - ev: KupDataTableCustomEvent - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupDataTableElement, - ev: KupDataTableCustomEvent - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-datatable-didunload": KupEventPayload; + "kup-datatable-didload": KupEventPayload; + "kup-datatable-resetselectedrows": KupEventPayload; + "kup-datatable-rowselected": KupDatatableRowSelectedEventPayload; + "kup-datatable-click": KupDatatableClickEventPayload; + "kup-datatable-contextmenu": KupDatatableClickEventPayload; + "kup-datatable-dblclick": KupDatatableClickEventPayload; + "kup-datatable-columnmenu": KupDatatableColumnMenuEventPayload; + "kup-datatable-rowactionclick": KupDatatableRowActionClickEventPayload; + "kup-datatable-loadmoreclick": KupDatatableLoadMoreClickEventPayload; + "kup-datatable-columnmove": KupDatatableColumnMoveEventPayload; + "kup-datatable-columnremove": KupDatatableColumnRemoveEventPayload; + "kup-datatable-delete-row": KupDatatableDeleteRowEventPayload; + "kup-datatable-save": KupDatatableInsertRowEventPayload; + "kup-datatable-insert-row": KupDatatableInsertRowEventPayload; + "kup-datatable-history": KupDatatableHistoryEventPayload; + } + interface HTMLKupDataTableElement extends Components.KupDataTable, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupDataTableElement, ev: KupDataTableCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupDataTableElement, ev: KupDataTableCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupDataTableElement: { prototype: HTMLKupDataTableElement; new (): HTMLKupDataTableElement; }; interface HTMLKupDatePickerElementEventMap { - 'kup-datepicker-blur': KupDatePickerEventPayload; - 'kup-datepicker-change': KupDatePickerEventPayload; - 'kup-datepicker-click': KupDatePickerEventPayload; - 'kup-datepicker-focus': KupDatePickerEventPayload; - 'kup-datepicker-input': KupDatePickerEventPayload; - 'kup-datepicker-iconclick': KupDatePickerEventPayload; - 'kup-datepicker-itemclick': KupDatePickerEventPayload; - 'kup-datepicker-textfieldsubmit': KupDatePickerEventPayload; - 'kup-datepicker-cleariconclick': KupEventPayload; - } - interface HTMLKupDatePickerElement - extends Components.KupDatePicker, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupDatePickerElement, - ev: KupDatePickerCustomEvent< - HTMLKupDatePickerElementEventMap[K] - > - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupDatePickerElement, - ev: KupDatePickerCustomEvent< - HTMLKupDatePickerElementEventMap[K] - > - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-datepicker-blur": KupDatePickerEventPayload; + "kup-datepicker-change": KupDatePickerEventPayload; + "kup-datepicker-click": KupDatePickerEventPayload; + "kup-datepicker-focus": KupDatePickerEventPayload; + "kup-datepicker-input": KupDatePickerEventPayload; + "kup-datepicker-iconclick": KupDatePickerEventPayload; + "kup-datepicker-itemclick": KupDatePickerEventPayload; + "kup-datepicker-textfieldsubmit": KupDatePickerEventPayload; + "kup-datepicker-cleariconclick": KupEventPayload; + } + interface HTMLKupDatePickerElement extends Components.KupDatePicker, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupDatePickerElement, ev: KupDatePickerCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupDatePickerElement, ev: KupDatePickerCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupDatePickerElement: { prototype: HTMLKupDatePickerElement; new (): HTMLKupDatePickerElement; }; interface HTMLKupDialogElementEventMap { - 'kup-dialog-close': KupEventPayload; - 'kup-dialog-ready': KupEventPayload; - } - interface HTMLKupDialogElement - extends Components.KupDialog, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupDialogElement, - ev: KupDialogCustomEvent - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupDialogElement, - ev: KupDialogCustomEvent - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-dialog-close": KupEventPayload; + "kup-dialog-ready": KupEventPayload; + } + interface HTMLKupDialogElement extends Components.KupDialog, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupDialogElement, ev: KupDialogCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupDialogElement, ev: KupDialogCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupDialogElement: { prototype: HTMLKupDialogElement; new (): HTMLKupDialogElement; }; interface HTMLKupDrawerElementEventMap { - 'kup-drawer-close': KupEventPayload; - 'kup-drawer-open': KupEventPayload; - 'kup-drawer-ready': KupEventPayload; - } - interface HTMLKupDrawerElement - extends Components.KupDrawer, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupDrawerElement, - ev: KupDrawerCustomEvent - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupDrawerElement, - ev: KupDrawerCustomEvent - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-drawer-close": KupEventPayload; + "kup-drawer-open": KupEventPayload; + "kup-drawer-ready": KupEventPayload; + } + interface HTMLKupDrawerElement extends Components.KupDrawer, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupDrawerElement, ev: KupDrawerCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupDrawerElement, ev: KupDrawerCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupDrawerElement: { prototype: HTMLKupDrawerElement; new (): HTMLKupDrawerElement; }; interface HTMLKupDropdownButtonElementEventMap { - 'kup-dropdownbutton-blur': KupDropdownButtonEventPayload; - 'kup-dropdownbutton-click': KupDropdownButtonEventPayload; - 'kup-dropdownbutton-focus': KupDropdownButtonEventPayload; - 'kup-dropdownbutton-change': KupDropdownButtonEventPayload; - 'kup-dropdownbutton-itemclick': KupDropdownButtonEventPayload; - } - interface HTMLKupDropdownButtonElement - extends Components.KupDropdownButton, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupDropdownButtonElement, - ev: KupDropdownButtonCustomEvent< - HTMLKupDropdownButtonElementEventMap[K] - > - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - 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 HTMLKupDropdownButtonElementEventMap - >( - type: K, - listener: ( - this: HTMLKupDropdownButtonElement, - ev: KupDropdownButtonCustomEvent< - HTMLKupDropdownButtonElementEventMap[K] - > - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-dropdownbutton-blur": KupDropdownButtonEventPayload; + "kup-dropdownbutton-click": KupDropdownButtonEventPayload; + "kup-dropdownbutton-focus": KupDropdownButtonEventPayload; + "kup-dropdownbutton-change": KupDropdownButtonEventPayload; + "kup-dropdownbutton-itemclick": KupDropdownButtonEventPayload; + } + interface HTMLKupDropdownButtonElement extends Components.KupDropdownButton, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupDropdownButtonElement, ev: KupDropdownButtonCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupDropdownButtonElement, ev: KupDropdownButtonCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupDropdownButtonElement: { prototype: HTMLKupDropdownButtonElement; new (): HTMLKupDropdownButtonElement; }; interface HTMLKupEchartElementEventMap { - 'kup-echart-click': KupEchartClickEventPayload; - } - interface HTMLKupEchartElement - extends Components.KupEchart, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupEchartElement, - ev: KupEchartCustomEvent - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupEchartElement, - ev: KupEchartCustomEvent - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-echart-click": KupEchartClickEventPayload; + } + interface HTMLKupEchartElement extends Components.KupEchart, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupEchartElement, ev: KupEchartCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupEchartElement, ev: KupEchartCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupEchartElement: { 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( - type: K, - listener: ( - this: HTMLKupEditorElement, - ev: KupEditorCustomEvent - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupEditorElement, - ev: KupEditorCustomEvent - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-editor-autosave": KupEditorEventPayload; + "kup-editor-ready": KupEventPayload; + "kup-editor-save": KupEditorEventPayload; + } + interface HTMLKupEditorElement extends Components.KupEditor, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupEditorElement, ev: KupEditorCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupEditorElement, ev: KupEditorCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(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; - 'kup-familytree-dblclick': KupFamilyTreeEventPayload; - } - interface HTMLKupFamilyTreeElement - extends Components.KupFamilyTree, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupFamilyTreeElement, - ev: KupFamilyTreeCustomEvent< - HTMLKupFamilyTreeElementEventMap[K] - > - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupFamilyTreeElement, - ev: KupFamilyTreeCustomEvent< - HTMLKupFamilyTreeElementEventMap[K] - > - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-familytree-click": KupFamilyTreeEventPayload; + "kup-familytree-contextmenu": KupFamilyTreeEventPayload; + "kup-familytree-dblclick": KupFamilyTreeEventPayload; + } + interface HTMLKupFamilyTreeElement extends Components.KupFamilyTree, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupFamilyTreeElement, ev: KupFamilyTreeCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupFamilyTreeElement, ev: KupFamilyTreeCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupFamilyTreeElement: { prototype: HTMLKupFamilyTreeElement; new (): HTMLKupFamilyTreeElement; }; interface HTMLKupFormElementEventMap { - 'kup-form-ready': KupEventPayload; - } - interface HTMLKupFormElement - extends Components.KupForm, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupFormElement, - ev: KupFormCustomEvent - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupFormElement, - ev: KupFormCustomEvent - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-form-ready": KupEventPayload; + } + interface HTMLKupFormElement extends Components.KupForm, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupFormElement, ev: KupFormCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupFormElement, ev: KupFormCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupFormElement: { prototype: HTMLKupFormElement; new (): HTMLKupFormElement; }; - interface HTMLKupGanttElement - extends Components.KupGantt, - HTMLStencilElement {} + interface HTMLKupGanttElement extends Components.KupGantt, HTMLStencilElement { + } var HTMLKupGanttElement: { prototype: HTMLKupGanttElement; new (): HTMLKupGanttElement; }; - interface HTMLKupGanttCalendarElement - extends Components.KupGanttCalendar, - HTMLStencilElement {} + interface HTMLKupGanttCalendarElement extends Components.KupGanttCalendar, HTMLStencilElement { + } var HTMLKupGanttCalendarElement: { prototype: HTMLKupGanttCalendarElement; new (): HTMLKupGanttCalendarElement; }; - interface HTMLKupGaugeElement - extends Components.KupGauge, - HTMLStencilElement {} + interface HTMLKupGaugeElement extends Components.KupGauge, HTMLStencilElement { + } var HTMLKupGaugeElement: { prototype: HTMLKupGaugeElement; new (): HTMLKupGaugeElement; }; - interface HTMLKupGridElement - extends Components.KupGrid, - HTMLStencilElement {} + interface HTMLKupGridElement extends Components.KupGrid, HTMLStencilElement { + } var HTMLKupGridElement: { prototype: HTMLKupGridElement; new (): HTMLKupGridElement; }; - interface HTMLKupGridRendererElement - extends Components.KupGridRenderer, - HTMLStencilElement {} + interface HTMLKupGridRendererElement extends Components.KupGridRenderer, HTMLStencilElement { + } var HTMLKupGridRendererElement: { prototype: HTMLKupGridRendererElement; new (): HTMLKupGridRendererElement; }; - interface HTMLKupHorizontalScrollElement - extends Components.KupHorizontalScroll, - HTMLStencilElement {} + interface HTMLKupHorizontalScrollElement extends Components.KupHorizontalScroll, HTMLStencilElement { + } var HTMLKupHorizontalScrollElement: { prototype: HTMLKupHorizontalScrollElement; new (): HTMLKupHorizontalScrollElement; }; interface HTMLKupIframeElementEventMap { - 'kup-iframe-error': KupEventPayload; - 'kup-iframe-load': KupEventPayload; - } - interface HTMLKupIframeElement - extends Components.KupIframe, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupIframeElement, - ev: KupIframeCustomEvent - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupIframeElement, - ev: KupIframeCustomEvent - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-iframe-error": KupEventPayload; + "kup-iframe-load": KupEventPayload; + } + interface HTMLKupIframeElement extends Components.KupIframe, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupIframeElement, ev: KupIframeCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupIframeElement, ev: KupIframeCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupIframeElement: { prototype: HTMLKupIframeElement; new (): HTMLKupIframeElement; }; interface HTMLKupImageElementEventMap { - 'kup-image-click': KupImageClickEventPayload; - 'kup-image-load': KupImageClickEventPayload; - } - interface HTMLKupImageElement - extends Components.KupImage, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupImageElement, - ev: KupImageCustomEvent - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupImageElement, - ev: KupImageCustomEvent - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-image-click": KupImageClickEventPayload; + "kup-image-load": KupImageClickEventPayload; + } + interface HTMLKupImageElement extends Components.KupImage, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupImageElement, ev: KupImageCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupImageElement, ev: KupImageCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupImageElement: { prototype: HTMLKupImageElement; new (): HTMLKupImageElement; }; interface HTMLKupImageListElementEventMap { - 'kup-imagelist-click': KupImageListEventPayload; - 'kup-imagelist-contextmenu': KupImageListEventPayload; - 'kup-imagelist-dblclick': KupImageListEventPayload; - } - interface HTMLKupImageListElement - extends Components.KupImageList, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupImageListElement, - ev: KupImageListCustomEvent - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupImageListElement, - ev: KupImageListCustomEvent - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-imagelist-click": KupImageListEventPayload; + "kup-imagelist-contextmenu": KupImageListEventPayload; + "kup-imagelist-dblclick": KupImageListEventPayload; + } + interface HTMLKupImageListElement extends Components.KupImageList, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupImageListElement, ev: KupImageListCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupImageListElement, ev: KupImageListCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupImageListElement: { prototype: HTMLKupImageListElement; new (): HTMLKupImageListElement; }; interface HTMLKupLazyElementEventMap { - 'kup-lazy-loaded': KupEventPayload; - } - interface HTMLKupLazyElement - extends Components.KupLazy, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupLazyElement, - ev: KupLazyCustomEvent - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupLazyElement, - ev: KupLazyCustomEvent - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-lazy-loaded": KupEventPayload; + } + interface HTMLKupLazyElement extends Components.KupLazy, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupLazyElement, ev: KupLazyCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupLazyElement, ev: KupLazyCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupLazyElement: { prototype: HTMLKupLazyElement; new (): HTMLKupLazyElement; }; interface HTMLKupListElementEventMap { - 'kup-list-blur': KupEventPayload; - 'kup-list-focus': KupEventPayload; - 'kup-list-click': KupListEventPayload; - } - interface HTMLKupListElement - extends Components.KupList, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupListElement, - ev: KupListCustomEvent - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupListElement, - ev: KupListCustomEvent - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-list-blur": KupEventPayload; + "kup-list-focus": KupEventPayload; + "kup-list-click": KupListEventPayload; + } + interface HTMLKupListElement extends Components.KupList, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupListElement, ev: KupListCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupListElement, ev: KupListCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupListElement: { prototype: HTMLKupListElement; new (): HTMLKupListElement; }; - interface HTMLKupMagicBoxElement - extends Components.KupMagicBox, - HTMLStencilElement {} + interface HTMLKupMagicBoxElement extends Components.KupMagicBox, HTMLStencilElement { + } var HTMLKupMagicBoxElement: { prototype: HTMLKupMagicBoxElement; new (): HTMLKupMagicBoxElement; }; interface HTMLKupNavBarElementEventMap { - 'kup-navbar-ready': KupEventPayload; - 'kup-navbar-resize': KupEventPayload; - } - interface HTMLKupNavBarElement - extends Components.KupNavBar, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupNavBarElement, - ev: KupNavBarCustomEvent - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupNavBarElement, - ev: KupNavBarCustomEvent - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-navbar-ready": KupEventPayload; + "kup-navbar-resize": KupEventPayload; + } + interface HTMLKupNavBarElement extends Components.KupNavBar, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupNavBarElement, ev: KupNavBarCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupNavBarElement, ev: KupNavBarCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupNavBarElement: { prototype: HTMLKupNavBarElement; new (): HTMLKupNavBarElement; }; interface HTMLKupNumericPickerElementEventMap { - 'kup-numericpicker-blur': KupNumericPickerEventPayload; - 'kup-numericpicker-change': KupNumericPickerEventPayload; - 'kup-numericpicker-click': KupNumericPickerEventPayload; - 'kup-numericpicker-focus': KupNumericPickerEventPayload; - 'kup-numericpicker-input': KupNumericPickerEventPayload; - 'kup-numericpicker-iconclick': KupNumericPickerEventPayload; - 'kup-numericpicker-itemclick': KupNumericPickerEventPayload; - 'kup-numericpicker-textfieldsubmit': KupNumericPickerEventPayload; - 'kup-numericpicker-cleariconclick': KupEventPayload; - } - interface HTMLKupNumericPickerElement - extends Components.KupNumericPicker, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupNumericPickerElement, - ev: KupNumericPickerCustomEvent< - HTMLKupNumericPickerElementEventMap[K] - > - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - 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 HTMLKupNumericPickerElementEventMap - >( - type: K, - listener: ( - this: HTMLKupNumericPickerElement, - ev: KupNumericPickerCustomEvent< - HTMLKupNumericPickerElementEventMap[K] - > - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-numericpicker-blur": KupNumericPickerEventPayload; + "kup-numericpicker-change": KupNumericPickerEventPayload; + "kup-numericpicker-click": KupNumericPickerEventPayload; + "kup-numericpicker-focus": KupNumericPickerEventPayload; + "kup-numericpicker-input": KupNumericPickerEventPayload; + "kup-numericpicker-iconclick": KupNumericPickerEventPayload; + "kup-numericpicker-itemclick": KupNumericPickerEventPayload; + "kup-numericpicker-textfieldsubmit": KupNumericPickerEventPayload; + "kup-numericpicker-cleariconclick": KupEventPayload; + } + interface HTMLKupNumericPickerElement extends Components.KupNumericPicker, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupNumericPickerElement, ev: KupNumericPickerCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupNumericPickerElement, ev: KupNumericPickerCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupNumericPickerElement: { prototype: HTMLKupNumericPickerElement; new (): HTMLKupNumericPickerElement; }; interface HTMLKupPhotoFrameElementEventMap { - 'kup-photoframe-placeholderload': KupEventPayload; - 'kup-photoframe-resourceload': KupEventPayload; - } - interface HTMLKupPhotoFrameElement - extends Components.KupPhotoFrame, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupPhotoFrameElement, - ev: KupPhotoFrameCustomEvent< - HTMLKupPhotoFrameElementEventMap[K] - > - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupPhotoFrameElement, - ev: KupPhotoFrameCustomEvent< - HTMLKupPhotoFrameElementEventMap[K] - > - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-photoframe-placeholderload": KupEventPayload; + "kup-photoframe-resourceload": KupEventPayload; + } + interface HTMLKupPhotoFrameElement extends Components.KupPhotoFrame, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupPhotoFrameElement, ev: KupPhotoFrameCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupPhotoFrameElement, ev: KupPhotoFrameCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupPhotoFrameElement: { prototype: HTMLKupPhotoFrameElement; new (): HTMLKupPhotoFrameElement; }; interface HTMLKupPlannerElementEventMap { - 'kup-planner-click': KupPlannerEventPayload; - 'kup-planner-dblclick': KupPlannerEventPayload; - 'kup-planner-datechange': KupPlannerEventPayload; - 'kup-planner-ready': KupPlannerEventPayload; - 'kup-planner-contextmenu': KupPlannerClickEventPayload; - 'kup-planner-didunload': KupPlannerUnloadEventPayload; - } - interface HTMLKupPlannerElement - extends Components.KupPlanner, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupPlannerElement, - ev: KupPlannerCustomEvent - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupPlannerElement, - ev: KupPlannerCustomEvent - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-planner-click": KupPlannerEventPayload; + "kup-planner-dblclick": KupPlannerEventPayload; + "kup-planner-datechange": KupPlannerEventPayload; + "kup-planner-ready": KupPlannerEventPayload; + "kup-planner-contextmenu": KupPlannerClickEventPayload; + "kup-planner-didunload": KupPlannerUnloadEventPayload; + } + interface HTMLKupPlannerElement extends Components.KupPlanner, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupPlannerElement, ev: KupPlannerCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupPlannerElement, ev: KupPlannerCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupPlannerElement: { prototype: HTMLKupPlannerElement; new (): HTMLKupPlannerElement; }; - interface HTMLKupPlannerRendererElement - extends Components.KupPlannerRenderer, - HTMLStencilElement {} + interface HTMLKupPlannerRendererElement extends Components.KupPlannerRenderer, HTMLStencilElement { + } var HTMLKupPlannerRendererElement: { prototype: HTMLKupPlannerRendererElement; new (): HTMLKupPlannerRendererElement; }; - interface HTMLKupProbeElement - extends Components.KupProbe, - HTMLStencilElement {} + interface HTMLKupProbeElement extends Components.KupProbe, HTMLStencilElement { + } var HTMLKupProbeElement: { prototype: HTMLKupProbeElement; new (): HTMLKupProbeElement; }; - interface HTMLKupProgressBarElement - extends Components.KupProgressBar, - HTMLStencilElement {} + interface HTMLKupProgressBarElement extends Components.KupProgressBar, HTMLStencilElement { + } var HTMLKupProgressBarElement: { prototype: HTMLKupProgressBarElement; new (): HTMLKupProgressBarElement; }; - interface HTMLKupQlikElement - extends Components.KupQlik, - HTMLStencilElement {} + interface HTMLKupQlikElement extends Components.KupQlik, HTMLStencilElement { + } var HTMLKupQlikElement: { prototype: HTMLKupQlikElement; new (): HTMLKupQlikElement; }; interface HTMLKupRadioElementEventMap { - 'kup-radio-blur': KupEventPayload; - 'kup-radio-change': KupRadioChangeEventPayload; - 'kup-radio-focus': KupEventPayload; - } - interface HTMLKupRadioElement - extends Components.KupRadio, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupRadioElement, - ev: KupRadioCustomEvent - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupRadioElement, - ev: KupRadioCustomEvent - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-radio-blur": KupEventPayload; + "kup-radio-change": KupRadioChangeEventPayload; + "kup-radio-focus": KupEventPayload; + } + interface HTMLKupRadioElement extends Components.KupRadio, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupRadioElement, ev: KupRadioCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupRadioElement, ev: KupRadioCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupRadioElement: { prototype: HTMLKupRadioElement; new (): HTMLKupRadioElement; }; interface HTMLKupRatingElementEventMap { - 'kup-rating-click': KupRatingClickEventPayload; - } - interface HTMLKupRatingElement - extends Components.KupRating, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupRatingElement, - ev: KupRatingCustomEvent - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupRatingElement, - ev: KupRatingCustomEvent - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-rating-click": KupRatingClickEventPayload; + } + interface HTMLKupRatingElement extends Components.KupRating, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupRatingElement, ev: KupRatingCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupRatingElement, ev: KupRatingCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupRatingElement: { prototype: HTMLKupRatingElement; new (): HTMLKupRatingElement; }; interface HTMLKupSnackbarElementEventMap { - 'kup-snackbar-actionclick': KupEventPayload; - 'kup-snackbar-timeoutcomplete': KupEventPayload; - } - interface HTMLKupSnackbarElement - extends Components.KupSnackbar, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupSnackbarElement, - ev: KupSnackbarCustomEvent - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupSnackbarElement, - ev: KupSnackbarCustomEvent - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-snackbar-actionclick": KupEventPayload; + "kup-snackbar-timeoutcomplete": KupEventPayload; + } + interface HTMLKupSnackbarElement extends Components.KupSnackbar, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupSnackbarElement, ev: KupSnackbarCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupSnackbarElement, ev: KupSnackbarCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupSnackbarElement: { prototype: HTMLKupSnackbarElement; new (): HTMLKupSnackbarElement; }; interface HTMLKupSpinnerElementEventMap { - 'kup-spinner-ready': KupEventPayload; - } - interface HTMLKupSpinnerElement - extends Components.KupSpinner, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupSpinnerElement, - ev: KupSpinnerCustomEvent - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupSpinnerElement, - ev: KupSpinnerCustomEvent - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-spinner-ready": KupEventPayload; + } + interface HTMLKupSpinnerElement extends Components.KupSpinner, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupSpinnerElement, ev: KupSpinnerCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupSpinnerElement, ev: KupSpinnerCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupSpinnerElement: { prototype: HTMLKupSpinnerElement; new (): HTMLKupSpinnerElement; }; - interface HTMLKupStandardTooltipElement - extends Components.KupStandardTooltip, - HTMLStencilElement {} + interface HTMLKupStandardTooltipElement extends Components.KupStandardTooltip, HTMLStencilElement { + } var HTMLKupStandardTooltipElement: { prototype: HTMLKupStandardTooltipElement; new (): HTMLKupStandardTooltipElement; }; interface HTMLKupSwitchElementEventMap { - 'kup-switch-blur': KupSwitchEventPayload; - 'kup-switch-change': KupSwitchEventPayload; - 'kup-switch-focus': KupSwitchEventPayload; - } - interface HTMLKupSwitchElement - extends Components.KupSwitch, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupSwitchElement, - ev: KupSwitchCustomEvent - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupSwitchElement, - ev: KupSwitchCustomEvent - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-switch-blur": KupSwitchEventPayload; + "kup-switch-change": KupSwitchEventPayload; + "kup-switch-focus": KupSwitchEventPayload; + } + interface HTMLKupSwitchElement extends Components.KupSwitch, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupSwitchElement, ev: KupSwitchCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupSwitchElement, ev: KupSwitchCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupSwitchElement: { prototype: HTMLKupSwitchElement; new (): HTMLKupSwitchElement; }; - interface HTMLKupSwitcherElement - extends Components.KupSwitcher, - HTMLStencilElement {} + interface HTMLKupSwitcherElement extends Components.KupSwitcher, HTMLStencilElement { + } var HTMLKupSwitcherElement: { prototype: HTMLKupSwitcherElement; new (): HTMLKupSwitcherElement; }; interface HTMLKupTabBarElementEventMap { - 'kup-tabbar-blur': KupTabBarEventPayload; - 'kup-tabbar-click': KupTabBarEventPayload; - 'kup-tabbar-focus': KupTabBarEventPayload; - } - interface HTMLKupTabBarElement - extends Components.KupTabBar, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupTabBarElement, - ev: KupTabBarCustomEvent - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupTabBarElement, - ev: KupTabBarCustomEvent - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-tabbar-blur": KupTabBarEventPayload; + "kup-tabbar-click": KupTabBarEventPayload; + "kup-tabbar-focus": KupTabBarEventPayload; + } + interface HTMLKupTabBarElement extends Components.KupTabBar, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupTabBarElement, ev: KupTabBarCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupTabBarElement, ev: KupTabBarCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupTabBarElement: { prototype: HTMLKupTabBarElement; new (): HTMLKupTabBarElement; }; - interface HTMLKupTaskGanttElement - extends Components.KupTaskGantt, - HTMLStencilElement {} + interface HTMLKupTaskGanttElement extends Components.KupTaskGantt, HTMLStencilElement { + } var HTMLKupTaskGanttElement: { prototype: HTMLKupTaskGanttElement; new (): HTMLKupTaskGanttElement; }; - interface HTMLKupTaskListElement - extends Components.KupTaskList, - HTMLStencilElement {} + interface HTMLKupTaskListElement extends Components.KupTaskList, HTMLStencilElement { + } var HTMLKupTaskListElement: { prototype: HTMLKupTaskListElement; new (): HTMLKupTaskListElement; }; - interface HTMLKupTaskListHeaderElement - extends Components.KupTaskListHeader, - HTMLStencilElement {} + interface HTMLKupTaskListHeaderElement extends Components.KupTaskListHeader, HTMLStencilElement { + } var HTMLKupTaskListHeaderElement: { prototype: HTMLKupTaskListHeaderElement; new (): HTMLKupTaskListHeaderElement; }; - interface HTMLKupTaskListTableElement - extends Components.KupTaskListTable, - HTMLStencilElement {} + interface HTMLKupTaskListTableElement extends Components.KupTaskListTable, HTMLStencilElement { + } var HTMLKupTaskListTableElement: { prototype: HTMLKupTaskListTableElement; new (): HTMLKupTaskListTableElement; }; interface HTMLKupTextFieldElementEventMap { - 'kup-textfield-blur': KupTextFieldEventPayload; - 'kup-textfield-change': KupTextFieldEventPayload; - 'kup-textfield-click': KupTextFieldEventPayload; - 'kup-textfield-focus': KupTextFieldEventPayload; - 'kup-textfield-input': KupTextFieldEventPayload; - 'kup-textfield-iconclick': KupTextFieldEventPayload; - 'kup-textfield-cleariconclick': KupEventPayload; - 'kup-textfield-submit': KupTextFieldEventPayload; - } - interface HTMLKupTextFieldElement - extends Components.KupTextField, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupTextFieldElement, - ev: KupTextFieldCustomEvent - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupTextFieldElement, - ev: KupTextFieldCustomEvent - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-textfield-blur": KupTextFieldEventPayload; + "kup-textfield-change": KupTextFieldEventPayload; + "kup-textfield-click": KupTextFieldEventPayload; + "kup-textfield-focus": KupTextFieldEventPayload; + "kup-textfield-input": KupTextFieldEventPayload; + "kup-textfield-iconclick": KupTextFieldEventPayload; + "kup-textfield-cleariconclick": KupEventPayload; + "kup-textfield-submit": KupTextFieldEventPayload; + } + interface HTMLKupTextFieldElement extends Components.KupTextField, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupTextFieldElement, ev: KupTextFieldCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupTextFieldElement, ev: KupTextFieldCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupTextFieldElement: { prototype: HTMLKupTextFieldElement; new (): HTMLKupTextFieldElement; }; interface HTMLKupTimePickerElementEventMap { - 'kup-timepicker-blur': KupTimePickerEventPayload; - 'kup-timepicker-change': KupTimePickerEventPayload; - 'kup-timepicker-click': KupTimePickerEventPayload; - 'kup-timepicker-focus': KupTimePickerEventPayload; - 'kup-timepicker-input': KupTimePickerEventPayload; - 'kup-timepicker-iconclick': KupTimePickerEventPayload; - 'kup-timepicker-itemclick': KupTimePickerEventPayload; - 'kup-timepicker-textfieldsubmit': KupTimePickerEventPayload; - 'kup-timepicker-cleariconclick': KupEventPayload; - } - interface HTMLKupTimePickerElement - extends Components.KupTimePicker, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupTimePickerElement, - ev: KupTimePickerCustomEvent< - HTMLKupTimePickerElementEventMap[K] - > - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupTimePickerElement, - ev: KupTimePickerCustomEvent< - HTMLKupTimePickerElementEventMap[K] - > - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-timepicker-blur": KupTimePickerEventPayload; + "kup-timepicker-change": KupTimePickerEventPayload; + "kup-timepicker-click": KupTimePickerEventPayload; + "kup-timepicker-focus": KupTimePickerEventPayload; + "kup-timepicker-input": KupTimePickerEventPayload; + "kup-timepicker-iconclick": KupTimePickerEventPayload; + "kup-timepicker-itemclick": KupTimePickerEventPayload; + "kup-timepicker-textfieldsubmit": KupTimePickerEventPayload; + "kup-timepicker-cleariconclick": KupEventPayload; + } + interface HTMLKupTimePickerElement extends Components.KupTimePicker, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupTimePickerElement, ev: KupTimePickerCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupTimePickerElement, ev: KupTimePickerCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupTimePickerElement: { prototype: HTMLKupTimePickerElement; new (): HTMLKupTimePickerElement; }; - interface HTMLKupTooltipElement - extends Components.KupTooltip, - HTMLStencilElement {} + interface HTMLKupTooltipElement extends Components.KupTooltip, HTMLStencilElement { + } var HTMLKupTooltipElement: { prototype: HTMLKupTooltipElement; new (): HTMLKupTooltipElement; }; interface HTMLKupTreeElementEventMap { - 'kup-tree-nodecollapse': KupTreeNodeCollapseEventPayload; - 'kup-tree-nodeexpand': KupTreeNodeExpandEventPayload; - 'kup-tree-nodeselected': KupTreeNodeSelectedEventPayload; - 'kup-tree-buttonclick': KupTreeNodeButtonClickEventPayload; - 'kup-tree-contextmenu': KupTreeContextMenuEventPayload; - 'kup-tree-columnmenu': KupTreeColumnMenuEventPayload; - 'kup-tree-didload': KupEventPayload; - 'kup-tree-didunload': KupEventPayload; - 'kup-tree-nodedblclick': KupTreeNodeCollapseEventPayload; - 'kup-tree-dynamicmassexpansion': KupTreeDynamicMassExpansionEventPayload; - 'kup-tree-columnremove': KupTreeColumnRemoveEventPayload; - } - interface HTMLKupTreeElement - extends Components.KupTree, - HTMLStencilElement { - addEventListener( - type: K, - listener: ( - this: HTMLKupTreeElement, - ev: KupTreeCustomEvent - ) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | AddEventListenerOptions - ): void; - addEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | AddEventListenerOptions - ): void; - removeEventListener( - type: K, - listener: ( - this: HTMLKupTreeElement, - ev: KupTreeCustomEvent - ) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: Document, ev: DocumentEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: K, - listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, - options?: boolean | EventListenerOptions - ): void; - removeEventListener( - type: string, - listener: EventListenerOrEventListenerObject, - options?: boolean | EventListenerOptions - ): void; + "kup-tree-nodecollapse": KupTreeNodeCollapseEventPayload; + "kup-tree-nodeexpand": KupTreeNodeExpandEventPayload; + "kup-tree-nodeselected": KupTreeNodeSelectedEventPayload; + "kup-tree-buttonclick": KupTreeNodeButtonClickEventPayload; + "kup-tree-contextmenu": KupTreeContextMenuEventPayload; + "kup-tree-columnmenu": KupTreeColumnMenuEventPayload; + "kup-tree-didload": KupEventPayload; + "kup-tree-didunload": KupEventPayload; + "kup-tree-nodedblclick": KupTreeNodeCollapseEventPayload; + "kup-tree-dynamicmassexpansion": KupTreeDynamicMassExpansionEventPayload; + "kup-tree-columnremove": KupTreeColumnRemoveEventPayload; + } + interface HTMLKupTreeElement extends Components.KupTree, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLKupTreeElement, ev: KupTreeCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLKupTreeElement, ev: KupTreeCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; } var HTMLKupTreeElement: { prototype: HTMLKupTreeElement; new (): HTMLKupTreeElement; }; - interface HTMLKupVerticalScrollElement - extends Components.KupVerticalScroll, - HTMLStencilElement {} + interface HTMLKupVerticalScrollElement extends Components.KupVerticalScroll, HTMLStencilElement { + } var HTMLKupVerticalScrollElement: { prototype: HTMLKupVerticalScrollElement; new (): HTMLKupVerticalScrollElement; }; interface HTMLElementTagNameMap { - 'kup-accordion': HTMLKupAccordionElement; - 'kup-autocomplete': HTMLKupAutocompleteElement; - 'kup-badge': HTMLKupBadgeElement; - 'kup-box': HTMLKupBoxElement; - 'kup-button': HTMLKupButtonElement; - 'kup-button-list': HTMLKupButtonListElement; - 'kup-calendar': HTMLKupCalendarElement; - 'kup-card': HTMLKupCardElement; - 'kup-card-list': HTMLKupCardListElement; - 'kup-cell': HTMLKupCellElement; - 'kup-chart': HTMLKupChartElement; - 'kup-checkbox': HTMLKupCheckboxElement; - 'kup-chip': HTMLKupChipElement; - 'kup-color-picker': HTMLKupColorPickerElement; - 'kup-combobox': HTMLKupComboboxElement; - 'kup-custom-task-list-header': HTMLKupCustomTaskListHeaderElement; - 'kup-custom-task-list-table': HTMLKupCustomTaskListTableElement; - 'kup-dashboard': HTMLKupDashboardElement; - 'kup-data-table': HTMLKupDataTableElement; - 'kup-date-picker': HTMLKupDatePickerElement; - 'kup-dialog': HTMLKupDialogElement; - 'kup-drawer': HTMLKupDrawerElement; - 'kup-dropdown-button': HTMLKupDropdownButtonElement; - 'kup-echart': HTMLKupEchartElement; - 'kup-editor': HTMLKupEditorElement; - 'kup-family-tree': HTMLKupFamilyTreeElement; - 'kup-form': HTMLKupFormElement; - 'kup-gantt': HTMLKupGanttElement; - 'kup-gantt-calendar': HTMLKupGanttCalendarElement; - 'kup-gauge': HTMLKupGaugeElement; - 'kup-grid': HTMLKupGridElement; - 'kup-grid-renderer': HTMLKupGridRendererElement; - 'kup-horizontal-scroll': HTMLKupHorizontalScrollElement; - 'kup-iframe': HTMLKupIframeElement; - 'kup-image': HTMLKupImageElement; - 'kup-image-list': HTMLKupImageListElement; - 'kup-lazy': HTMLKupLazyElement; - 'kup-list': HTMLKupListElement; - 'kup-magic-box': HTMLKupMagicBoxElement; - 'kup-nav-bar': HTMLKupNavBarElement; - 'kup-numeric-picker': HTMLKupNumericPickerElement; - 'kup-photo-frame': HTMLKupPhotoFrameElement; - 'kup-planner': HTMLKupPlannerElement; - 'kup-planner-renderer': HTMLKupPlannerRendererElement; - 'kup-probe': HTMLKupProbeElement; - 'kup-progress-bar': HTMLKupProgressBarElement; - 'kup-qlik': HTMLKupQlikElement; - 'kup-radio': HTMLKupRadioElement; - 'kup-rating': HTMLKupRatingElement; - 'kup-snackbar': HTMLKupSnackbarElement; - 'kup-spinner': HTMLKupSpinnerElement; - 'kup-standard-tooltip': HTMLKupStandardTooltipElement; - 'kup-switch': HTMLKupSwitchElement; - 'kup-switcher': HTMLKupSwitcherElement; - 'kup-tab-bar': HTMLKupTabBarElement; - 'kup-task-gantt': HTMLKupTaskGanttElement; - 'kup-task-list': HTMLKupTaskListElement; - 'kup-task-list-header': HTMLKupTaskListHeaderElement; - 'kup-task-list-table': HTMLKupTaskListTableElement; - 'kup-text-field': HTMLKupTextFieldElement; - 'kup-time-picker': HTMLKupTimePickerElement; - 'kup-tooltip': HTMLKupTooltipElement; - 'kup-tree': HTMLKupTreeElement; - 'kup-vertical-scroll': HTMLKupVerticalScrollElement; + "kup-accordion": HTMLKupAccordionElement; + "kup-autocomplete": HTMLKupAutocompleteElement; + "kup-badge": HTMLKupBadgeElement; + "kup-box": HTMLKupBoxElement; + "kup-button": HTMLKupButtonElement; + "kup-button-list": HTMLKupButtonListElement; + "kup-calendar": HTMLKupCalendarElement; + "kup-card": HTMLKupCardElement; + "kup-card-list": HTMLKupCardListElement; + "kup-cell": HTMLKupCellElement; + "kup-chart": HTMLKupChartElement; + "kup-checkbox": HTMLKupCheckboxElement; + "kup-chip": HTMLKupChipElement; + "kup-color-picker": HTMLKupColorPickerElement; + "kup-combobox": HTMLKupComboboxElement; + "kup-custom-task-list-header": HTMLKupCustomTaskListHeaderElement; + "kup-custom-task-list-table": HTMLKupCustomTaskListTableElement; + "kup-dashboard": HTMLKupDashboardElement; + "kup-data-table": HTMLKupDataTableElement; + "kup-date-picker": HTMLKupDatePickerElement; + "kup-dialog": HTMLKupDialogElement; + "kup-drawer": HTMLKupDrawerElement; + "kup-dropdown-button": HTMLKupDropdownButtonElement; + "kup-echart": HTMLKupEchartElement; + "kup-editor": HTMLKupEditorElement; + "kup-family-tree": HTMLKupFamilyTreeElement; + "kup-form": HTMLKupFormElement; + "kup-gantt": HTMLKupGanttElement; + "kup-gantt-calendar": HTMLKupGanttCalendarElement; + "kup-gauge": HTMLKupGaugeElement; + "kup-grid": HTMLKupGridElement; + "kup-grid-renderer": HTMLKupGridRendererElement; + "kup-horizontal-scroll": HTMLKupHorizontalScrollElement; + "kup-iframe": HTMLKupIframeElement; + "kup-image": HTMLKupImageElement; + "kup-image-list": HTMLKupImageListElement; + "kup-lazy": HTMLKupLazyElement; + "kup-list": HTMLKupListElement; + "kup-magic-box": HTMLKupMagicBoxElement; + "kup-nav-bar": HTMLKupNavBarElement; + "kup-numeric-picker": HTMLKupNumericPickerElement; + "kup-photo-frame": HTMLKupPhotoFrameElement; + "kup-planner": HTMLKupPlannerElement; + "kup-planner-renderer": HTMLKupPlannerRendererElement; + "kup-probe": HTMLKupProbeElement; + "kup-progress-bar": HTMLKupProgressBarElement; + "kup-qlik": HTMLKupQlikElement; + "kup-radio": HTMLKupRadioElement; + "kup-rating": HTMLKupRatingElement; + "kup-snackbar": HTMLKupSnackbarElement; + "kup-spinner": HTMLKupSpinnerElement; + "kup-standard-tooltip": HTMLKupStandardTooltipElement; + "kup-switch": HTMLKupSwitchElement; + "kup-switcher": HTMLKupSwitcherElement; + "kup-tab-bar": HTMLKupTabBarElement; + "kup-task-gantt": HTMLKupTaskGanttElement; + "kup-task-list": HTMLKupTaskListElement; + "kup-task-list-header": HTMLKupTaskListHeaderElement; + "kup-task-list-table": HTMLKupTaskListTableElement; + "kup-text-field": HTMLKupTextFieldElement; + "kup-time-picker": HTMLKupTimePickerElement; + "kup-tooltip": HTMLKupTooltipElement; + "kup-tree": HTMLKupTreeElement; + "kup-vertical-scroll": HTMLKupVerticalScrollElement; } } declare namespace LocalJSX { interface KupAccordion { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * Data of the accordion. - * @default null + * Data of the accordion. + * @default null */ - data?: KupAccordionData; + "data"?: KupAccordionData; /** - * Fired when an item is selected. + * Fired when an item is selected. */ - 'onKup-accordion-itemselected'?: ( - event: KupAccordionCustomEvent - ) => void; + "onKup-accordion-itemselected"?: (event: KupAccordionCustomEvent) => void; /** - * When enabled displays Material's ripple effect on item headers. - * @default true + * When enabled displays Material's ripple effect on item headers. + * @default true */ - ripple?: boolean; + "ripple"?: boolean; } interface KupAutocomplete { /** - * When true, the autocomplete fires the change event even when the value typed isn't included in the autocomplete list. - * @default false + * When true, the autocomplete fires the change event even when the value typed isn't included in the autocomplete list. + * @default false */ - allowInconsistentValues?: boolean; + "allowInconsistentValues"?: boolean; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * Props of the sub-components. - * @default undefined + * Props of the sub-components. + * @default undefined */ - data?: Object; + "data"?: Object; /** - * Defaults at false. When set to true, the component is disabled. - * @default false + * Defaults at false. When set to true, the component is disabled. + * @default false */ - disabled?: boolean; + "disabled"?: boolean; /** - * Sets how to show the selected item value. Suported values: "code", "description", "both". - * @default ItemsDisplayMode.DESCRIPTION + * Sets how to show the selected item value. Suported values: "code", "description", "both". + * @default ItemsDisplayMode.DESCRIPTION */ - displayMode?: ItemsDisplayMode; + "displayMode"?: ItemsDisplayMode; /** - * Sets the initial value of the component. - * @default "" + * Sets the initial value of the component. + * @default "" */ - initialValue?: string; + "initialValue"?: string; /** - * Input event emission delay in milliseconds. - * @default 300 + * Input event emission delay in milliseconds. + * @default 300 */ - inputDelay?: number; + "inputDelay"?: number; /** - * The minimum number of chars to trigger the autocomplete - * @default 1 + * The minimum number of chars to trigger the autocomplete + * @default 1 */ - minimumChars?: number; - 'onKup-autocomplete-blur'?: ( - event: KupAutocompleteCustomEvent - ) => void; - 'onKup-autocomplete-change'?: ( - event: KupAutocompleteCustomEvent - ) => void; - 'onKup-autocomplete-click'?: ( - event: KupAutocompleteCustomEvent - ) => void; - 'onKup-autocomplete-focus'?: ( - event: KupAutocompleteCustomEvent - ) => void; - 'onKup-autocomplete-iconclick'?: ( - event: KupAutocompleteCustomEvent - ) => void; - 'onKup-autocomplete-input'?: ( - event: KupAutocompleteCustomEvent - ) => void; - 'onKup-autocomplete-itemclick'?: ( - event: KupAutocompleteCustomEvent - ) => void; + "minimumChars"?: number; + "onKup-autocomplete-blur"?: (event: KupAutocompleteCustomEvent) => void; + "onKup-autocomplete-change"?: (event: KupAutocompleteCustomEvent) => void; + "onKup-autocomplete-click"?: (event: KupAutocompleteCustomEvent) => void; + "onKup-autocomplete-focus"?: (event: KupAutocompleteCustomEvent) => void; + "onKup-autocomplete-iconclick"?: (event: KupAutocompleteCustomEvent) => void; + "onKup-autocomplete-input"?: (event: KupAutocompleteCustomEvent) => void; + "onKup-autocomplete-itemclick"?: (event: KupAutocompleteCustomEvent) => void; /** - * Sets how to return the selected item value. Suported values: "code", "description", "both". - * @default ItemsDisplayMode.CODE + * Sets how to return the selected item value. Suported values: "code", "description", "both". + * @default ItemsDisplayMode.CODE */ - selectMode?: ItemsDisplayMode; + "selectMode"?: ItemsDisplayMode; /** - * When true, the items filter is managed server side, otherwise items filter is done client side. - * @default false + * When true, the items filter is managed server side, otherwise items filter is done client side. + * @default false */ - serverHandledFilter?: boolean; + "serverHandledFilter"?: boolean; /** - * When true shows the drop-down icon, for open list. - * @default true + * When true shows the drop-down icon, for open list. + * @default true */ - showDropDownIcon?: boolean; + "showDropDownIcon"?: boolean; } interface KupBadge { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * The data of the image displayed inside the badge. - * @default null + * The data of the image displayed inside the badge. + * @default null */ - imageData?: GenericObject; - 'onKup-badge-click'?: ( - event: KupBadgeCustomEvent - ) => void; + "imageData"?: GenericObject; + "onKup-badge-click"?: (event: KupBadgeCustomEvent) => void; /** - * The text displayed inside the badge. - * @default null + * The text displayed inside the badge. + * @default null */ - text?: string; + "text"?: string; } interface KupBox { /** - * Data of the card linked to the box when the latter's layout must be a premade template. - * @default null + * Data of the card linked to the box when the latter's layout must be a premade template. + * @default null */ - cardData?: GenericObject; + "cardData"?: GenericObject; /** - * Number of columns - * @default 1 + * Number of columns + * @default 1 */ - columns?: number; + "columns"?: number; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * Actual data of the box. - * @default null + * Actual data of the box. + * @default null */ - data?: KupBoxData; + "data"?: KupBoxData; /** - * Enable dragging - * @default false + * Enable dragging + * @default false */ - dragEnabled?: boolean; + "dragEnabled"?: boolean; /** - * Enable dropping - * @default false + * Enable dropping + * @default false */ - dropEnabled?: boolean; + "dropEnabled"?: boolean; /** - * Drop can be done in section - * @default false + * Drop can be done in section + * @default false */ - dropOnSection?: boolean; + "dropOnSection"?: boolean; /** - * When set to true, editable cells will be rendered using input components. - * @default false + * When set to true, editable cells will be rendered using input components. + * @default false */ - editableData?: boolean; + "editableData"?: boolean; /** - * If enabled, a button to load / display the row actions will be displayed on the right of every box - * @default false + * If enabled, a button to load / display the row actions will be displayed on the right of every box + * @default false */ - enableRowActions?: boolean; + "enableRowActions"?: boolean; /** - * When set to true it activates the global filter. - * @default false + * When set to true it activates the global filter. + * @default false */ - globalFilter?: boolean; + "globalFilter"?: boolean; /** - * The value of the global filter. - * @default "" + * The value of the global filter. + * @default "" */ - globalFilterValue?: string; + "globalFilterValue"?: string; /** - * Displays the boxlist as a Kanban. - * @default null + * Displays the boxlist as a Kanban. + * @default null */ - kanban?: KupBoxKanban; + "kanban"?: KupBoxKanban; /** - * How the field will be displayed. If not present, a default one will be created. - * @default undefined + * How the field will be displayed. If not present, a default one will be created. + * @default undefined */ - layout?: KupBoxLayout; + "layout"?: KupBoxLayout; /** - * When set to true, extra rows will be automatically loaded once the last row enters the viewport. + * When set to true, extra rows will be automatically loaded once the last row enters the viewport. */ - lazyLoadRows?: boolean; + "lazyLoadRows"?: boolean; /** - * Sets a maximum limit of new records which can be required by the load more functionality. + * Sets a maximum limit of new records which can be required by the load more functionality. */ - loadMoreLimit?: number; + "loadMoreLimit"?: number; /** - * Establish the modality of how many new records will be downloaded. This property is regulated also by loadMoreStep. - * @see loadMoreStep * - * @see loadMoreLimit + * Establish the modality of how many new records will be downloaded. This property is regulated also by loadMoreStep. + * @see loadMoreStep * + * @see loadMoreLimit */ - loadMoreMode?: LoadMoreMode; + "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 + * 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; + "loadMoreStep"?: number; /** - * Enable multi selection - * @default false + * Enable multi selection + * @default false */ - multiSelection?: boolean; + "multiSelection"?: boolean; /** - * Triggered when a box is auto selected via selectBox prop + * Triggered when a box is auto selected via selectBox prop */ - 'onKup-box-autoselect'?: ( - event: KupBoxCustomEvent - ) => void; + "onKup-box-autoselect"?: (event: KupBoxCustomEvent) => void; /** - * Triggered when a box is clicked + * Triggered when a box is clicked */ - 'onKup-box-click'?: ( - event: KupBoxCustomEvent - ) => void; + "onKup-box-click"?: (event: KupBoxCustomEvent) => void; /** - * Generic right click event on box. + * Generic right click event on box. */ - 'onKup-box-contextmenu'?: ( - event: KupBoxCustomEvent - ) => void; - 'onKup-box-didload'?: ( - event: KupBoxCustomEvent - ) => void; + "onKup-box-contextmenu"?: (event: KupBoxCustomEvent) => void; + "onKup-box-didload"?: (event: KupBoxCustomEvent) => void; /** - * Triggered when stop propagation event + * Triggered when stop propagation event */ - 'onKup-box-didunload'?: ( - event: KupBoxCustomEvent - ) => void; - 'onKup-box-loadmoreclick'?: ( - event: KupBoxCustomEvent - ) => void; + "onKup-box-didunload"?: (event: KupBoxCustomEvent) => void; + "onKup-box-loadmoreclick"?: (event: KupBoxCustomEvent) => void; /** - * When the row menu action icon is click + * When the row menu action icon is click */ - 'onKup-box-rowactionclick'?: ( - event: KupBoxCustomEvent - ) => void; + "onKup-box-rowactionclick"?: (event: KupBoxCustomEvent) => void; /** - * When the row menu action icon is click + * When the row menu action icon is click */ - 'onKup-box-rowactionmenuclick'?: ( - event: KupBoxCustomEvent - ) => void; + "onKup-box-rowactionmenuclick"?: (event: KupBoxCustomEvent) => void; /** - * Triggered when the multi selection checkbox changes value + * Triggered when the multi selection checkbox changes value */ - 'onKup-box-selected'?: ( - event: KupBoxCustomEvent - ) => void; + "onKup-box-selected"?: (event: KupBoxCustomEvent) => void; /** - * Current page number - * @default 1 + * Current page number + * @default 1 */ - pageSelected?: number; + "pageSelected"?: number; /** - * Enables pagination - * @default false + * Enables pagination + * @default false */ - pagination?: boolean; + "pagination"?: boolean; /** - * Number of current rows per page - * @default undefined + * Number of current rows per page + * @default undefined */ - rowsPerPage?: number; + "rowsPerPage"?: number; /** - * Activates the scroll on hover function. - * @default false + * Activates the scroll on hover function. + * @default false */ - scrollOnHover?: boolean; + "scrollOnHover"?: boolean; /** - * Automatically selects the box at the specified index - * @default undefined + * Automatically selects the box at the specified index + * @default undefined */ - selectBox?: number; + "selectBox"?: number; /** - * Multiple selection - * @default undefined + * Multiple selection + * @default undefined */ - selectedRowsState?: string; + "selectedRowsState"?: string; /** - * If set to true, displays the button to load more records. + * If set to true, displays the button to load more records. */ - showLoadMore?: boolean; + "showLoadMore"?: boolean; /** - * If enabled, highlights the selected box/boxes - * @default true + * If enabled, highlights the selected box/boxes + * @default true */ - showSelection?: boolean; + "showSelection"?: boolean; /** - * If sorting is enabled, specifies which column to sort - * @default undefined + * If sorting is enabled, specifies which column to sort + * @default undefined */ - sortBy?: string; + "sortBy"?: string; /** - * Enable sorting - * @default false + * Enable sorting + * @default false */ - sortEnabled?: boolean; - stateId?: string; - store?: KupStore; + "sortEnabled"?: boolean; + "stateId"?: string; + "store"?: KupStore; /** - * Disable swipe - * @default false + * Disable swipe + * @default false */ - swipeDisabled?: boolean; + "swipeDisabled"?: boolean; } interface KupButton { /** - * Sets the type of the button. - * @default null + * Sets the type of the button. + * @default null */ - buttonType?: string; + "buttonType"?: string; /** - * When set to true, the icon button state will be on. - * @default false + * When set to true, the icon button state will be on. + * @default false */ - checked?: boolean; + "checked"?: boolean; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * Defaults at false. When set to true, the component is disabled. - * @default false + * Defaults at false. When set to true, the component is disabled. + * @default false */ - disabled?: boolean; + "disabled"?: boolean; /** - * When set, the button will show this icon. - * @default null + * When set, the button will show this icon. + * @default null */ - icon?: string; + "icon"?: string; /** - * When set, the icon button off state will show this icon. Otherwise, an outlined version of the icon prop will be displayed. - * @default null + * When set, the icon button off state will show this icon. Otherwise, an outlined version of the icon prop will be displayed. + * @default null */ - iconOff?: string; + "iconOff"?: string; /** - * When set, the button will show this text. - * @default null + * When set, the button will show this text. + * @default null */ - label?: string; + "label"?: string; /** - * Triggered when the button loses focus. + * Triggered when the button loses focus. */ - 'onKup-button-blur'?: ( - event: KupButtonCustomEvent - ) => void; + "onKup-button-blur"?: (event: KupButtonCustomEvent) => void; /** - * Triggered when the button is clicked. + * Triggered when the button is clicked. */ - 'onKup-button-click'?: ( - event: KupButtonCustomEvent - ) => void; + "onKup-button-click"?: (event: KupButtonCustomEvent) => void; /** - * Triggered when the button is focused. + * Triggered when the button is focused. */ - 'onKup-button-focus'?: ( - event: KupButtonCustomEvent - ) => void; + "onKup-button-focus"?: (event: KupButtonCustomEvent) => void; /** - * When set to true, the button show a spinner received in slot. - * @default false + * When set to true, the button show a spinner received in slot. + * @default false */ - showSpinner?: boolean; + "showSpinner"?: boolean; /** - * Defines the style of the button. Styles available: "flat", "outlined" and "raised" which is also the default. - * @default FButtonStyling.RAISED + * Defines the style of the button. Styles available: "flat", "outlined" and "raised" which is also the default. + * @default FButtonStyling.RAISED */ - styling?: FButtonStyling; + "styling"?: FButtonStyling; /** - * When set to true, the icon button will be toggable on/off. - * @default false + * When set to true, the icon button will be toggable on/off. + * @default false */ - toggable?: boolean; + "toggable"?: boolean; /** - * When set, the icon will be shown after the text. - * @default false + * When set, the icon will be shown after the text. + * @default false */ - trailingIcon?: boolean; + "trailingIcon"?: boolean; } interface KupButtonList { /** - * Number of columns. - * @default 0 + * Number of columns. + * @default 0 */ - columns?: number; + "columns"?: number; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * Props of the sub-components. - * @default [] + * Props of the sub-components. + * @default [] */ - data?: KupButtonListNode[]; + "data"?: KupButtonListNode[]; /** - * When set to true, the sub-components are disabled. - * @default false + * When set to true, the sub-components are disabled. + * @default false */ - disabled?: boolean; - 'onKup-buttonlist-click'?: ( - event: KupButtonListCustomEvent - ) => void; + "disabled"?: boolean; + "onKup-buttonlist-click"?: (event: KupButtonListCustomEvent) => void; /** - * When set to true, highlights the selected button with the secondary color of KupTheme. - * @default true + * When set to true, highlights the selected button with the secondary color of KupTheme. + * @default true */ - showSelection?: boolean; + "showSelection"?: boolean; /** - * Defines the style of the buttons. Available styles are "flat", "outlined" and "raised" (which is the default). - * @default FButtonStyling.RAISED + * Defines the style of the buttons. Available styles are "flat", "outlined" and "raised" (which is the default). + * @default FButtonStyling.RAISED */ - styling?: FButtonStyling; + "styling"?: FButtonStyling; } interface KupCalendar { /** - * Sets the initial date of the calendar. Must be in ISO format (YYYY-MM-DD). - * @default null + * Sets the initial date of the calendar. Must be in ISO format (YYYY-MM-DD). + * @default null */ - currentDate?: string; + "currentDate"?: string; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * Actual data of the calendar. - * @default null + * Actual data of the calendar. + * @default null */ - data?: KupCalendarData; + "data"?: KupCalendarData; /** - * When true, events are editable. - * @default true + * When true, events are editable. + * @default true */ - editableEvents?: boolean; + "editableEvents"?: boolean; /** - * When disabled, the navigation toolbar won't be displayed. - * @default false + * When disabled, the navigation toolbar won't be displayed. + * @default false */ - hideNavigation?: boolean; + "hideNavigation"?: boolean; /** - * When a date is clicked. + * When a date is clicked. */ - 'onKup-calendar-dateclick'?: ( - event: KupCalendarCustomEvent - ) => void; + "onKup-calendar-dateclick"?: (event: KupCalendarCustomEvent) => void; /** - * When an event is clicked. + * When an event is clicked. */ - 'onKup-calendar-eventclick'?: ( - event: KupCalendarCustomEvent - ) => void; + "onKup-calendar-eventclick"?: (event: KupCalendarCustomEvent) => void; /** - * When a date is dropped. + * When a date is dropped. */ - 'onKup-calendar-eventdrop'?: ( - event: KupCalendarCustomEvent - ) => void; + "onKup-calendar-eventdrop"?: (event: KupCalendarCustomEvent) => void; /** - * When the navigation change + * When the navigation change */ - 'onKup-calendar-viewchange'?: ( - event: KupCalendarCustomEvent - ) => void; + "onKup-calendar-viewchange"?: (event: KupCalendarCustomEvent) => void; /** - * Type of the view. - * @default KupCalendarViewTypes.MONTH + * Type of the view. + * @default KupCalendarViewTypes.MONTH */ - viewType?: KupCalendarViewTypes; + "viewType"?: KupCalendarViewTypes; } interface KupCard { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * The actual data of the card. - * @default null + * The actual data of the card. + * @default null */ - data?: KupCardData; + "data"?: KupCardData; /** - * Defines whether the card is a menu or not. Works together with menuVisible. - * @default false + * Defines whether the card is a menu or not. Works together with menuVisible. + * @default false */ - isMenu?: boolean; + "isMenu"?: boolean; /** - * Sets the type of the card. - * @default KupCardFamily.STANDARD + * Sets the type of the card. + * @default KupCardFamily.STANDARD */ - layoutFamily?: KupCardFamily; + "layoutFamily"?: KupCardFamily; /** - * Sets the number of the layout. - * @default 1 + * Sets the number of the layout. + * @default 1 */ - layoutNumber?: number; + "layoutNumber"?: number; /** - * Sets the status of the card as menu, when false it's hidden otherwise it's visible. Works together with isMenu. - * @default false + * Sets the status of the card as menu, when false it's hidden otherwise it's visible. Works together with isMenu. + * @default false */ - menuVisible?: boolean; + "menuVisible"?: boolean; /** - * Triggered when the card is clicked. + * Triggered when the card is clicked. */ - 'onKup-card-click'?: ( - event: KupCardCustomEvent - ) => void; + "onKup-card-click"?: (event: KupCardCustomEvent) => void; /** - * Triggered when a dialog card is closed with the "X". + * Triggered when a dialog card is closed with the "X". */ - 'onKup-card-close'?: ( - event: KupCardCustomEvent - ) => void; + "onKup-card-close"?: (event: KupCardCustomEvent) => void; /** - * Triggered when a sub-component of the card emits an event. + * Triggered when a sub-component of the card emits an event. */ - 'onKup-card-event'?: ( - event: KupCardCustomEvent - ) => void; + "onKup-card-event"?: (event: KupCardCustomEvent) => void; /** - * Triggered when the component is ready. + * Triggered when the component is ready. */ - 'onKup-card-ready'?: ( - event: KupCardCustomEvent - ) => void; + "onKup-card-ready"?: (event: KupCardCustomEvent) => void; /** - * The width of the card, defaults to 100%. Accepts any valid CSS format (px, %, vw, etc.). - * @default "100%" + * The width of the card, defaults to 100%. Accepts any valid CSS format (px, %, vw, etc.). + * @default "100%" */ - sizeX?: string; + "sizeX"?: string; /** - * The height of the card, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.). - * @default "100%" + * The height of the card, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.). + * @default "100%" */ - sizeY?: string; + "sizeY"?: string; } interface KupCardList { /** - * Sets the number of columns. - * @default 1 + * Sets the number of columns. + * @default 1 */ - columnsNumber?: number; + "columnsNumber"?: number; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * Actual data of the component. - * @default null + * Actual data of the component. + * @default null */ - data?: KupCardListData; + "data"?: KupCardListData; /** - * Sets the decimal value column. - * @default "" + * Sets the decimal value column. + * @default "" */ - decvalueCol?: string; + "decvalueCol"?: string; /** - * Sets the description column. - * @default "" + * Sets the description column. + * @default "" */ - descrCol?: string; + "descrCol"?: string; /** - * Sets whether the component occupies all available width. - * @default true + * Sets whether the component occupies all available width. + * @default true */ - fullWidth?: boolean; + "fullWidth"?: boolean; /** - * Sets whether the cards are placed horizontally or not. - * @default false + * Sets whether the cards are placed horizontally or not. + * @default false */ - horizontal?: boolean; + "horizontal"?: boolean; /** - * Sets the icon column. - * @default "" + * Sets the icon column. + * @default "" */ - iconCol?: string; + "iconCol"?: string; /** - * Sets the icon color column. - * @default "" + * Sets the icon color column. + * @default "" */ - iconcolorCol?: string; + "iconcolorCol"?: string; /** - * Sets the integer value column. - * @default "" + * Sets the integer value column. + * @default "" */ - intvalueCol?: string; + "intvalueCol"?: string; /** - * Sets whether a single card is clickable or not. - * @default false + * Sets whether a single card is clickable or not. + * @default false */ - isClickable?: boolean; + "isClickable"?: boolean; /** - * Sets the layout column. - * @default "" + * Sets the layout column. + * @default "" */ - layoutCol?: string; + "layoutCol"?: string; /** - * Sets the unit of measure column. - * @default "" + * Sets the unit of measure column. + * @default "" */ - measureCol?: string; - 'onKup-cardlist-click'?: ( - event: KupCardListCustomEvent - ) => void; + "measureCol"?: string; + "onKup-cardlist-click"?: (event: KupCardListCustomEvent) => void; /** - * Sets the text color column. - * @default "" + * Sets the text color column. + * @default "" */ - textcolorCol?: string; + "textcolorCol"?: string; /** - * Sets the value column. - * @default "" + * Sets the value column. + * @default "" */ - valueCol?: string; + "valueCol"?: string; /** - * Sets the value color column. - * @default "" + * Sets the value color column. + * @default "" */ - valuecolorCol?: string; + "valuecolorCol"?: string; } interface KupCell { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * The data of the cell. - * @default false + * The data of the cell. + * @default false */ - data?: KupDataCell; + "data"?: KupDataCell; /** - * The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'. + * The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'. */ - density?: FCellPadding; + "density"?: FCellPadding; /** - * When set to true, the component is draggable. - * @default false + * When set to true, the component is draggable. + * @default false */ - dragEnabled?: boolean; + "dragEnabled"?: boolean; } interface KupChart { /** - * Sets the chart to a 2D or 3D aspect. 3D only works for Pie graphs. - * @default undefined + * Sets the chart to a 2D or 3D aspect. 3D only works for Pie graphs. + * @default undefined */ - asp?: ChartAspect; + "asp"?: ChartAspect; /** - * Sets the axis of the chart. - * @default undefined + * Sets the axis of the chart. + * @default undefined */ - axis?: string; + "axis"?: string; /** - * Title of the graph. - * @default undefined + * Title of the graph. + * @default undefined */ - chartTitle?: ChartTitle; + "chartTitle"?: ChartTitle; /** - * Colors of the chart. - * @default [] + * Colors of the chart. + * @default [] */ - colors?: string[]; + "colors"?: string[]; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * The actual data of the chart. - * @default undefined + * The actual data of the chart. + * @default undefined */ - data?: KupDataDataset; + "data"?: KupDataDataset; /** - * Customize the hAxes for multiple-chart. + * Customize the hAxes for multiple-chart. */ - hAxes?: ChartAxis[]; + "hAxes"?: ChartAxis[]; /** - * Customize the hAxis. - * @default undefined + * Customize the hAxis. + * @default undefined */ - hAxis?: ChartAxis; + "hAxis"?: ChartAxis; /** - * Sets the position of the legend. Supported values: bottom, labeled, left, none, right, top. Keep in mind that legend types are tied to chart types, some combinations might not work. - * @default "right" + * Sets the position of the legend. Supported values: bottom, labeled, left, none, right, top. Keep in mind that legend types are tied to chart types, some combinations might not work. + * @default "right" */ - legend?: string; + "legend"?: string; /** - * Renders charts without the Google API and using jQuery Sparkline. - * @default undefined + * Renders charts without the Google API and using jQuery Sparkline. + * @default undefined */ - offlineMode?: ChartOfflineMode; + "offlineMode"?: ChartOfflineMode; /** - * Triggered when a chart serie is clicked + * Triggered when a chart serie is clicked */ - 'onKup-chart-click'?: ( - event: KupChartCustomEvent - ) => void; + "onKup-chart-click"?: (event: KupChartCustomEvent) => void; /** - * The data series to be displayed. They must be of the same type. - * @default undefined + * The data series to be displayed. They must be of the same type. + * @default undefined */ - series?: ChartSerie[]; + "series"?: ChartSerie[]; /** - * Displays the numerical values. - * @default false + * Displays the numerical values. + * @default false */ - showMarks?: boolean; + "showMarks"?: boolean; /** - * The width of the chart, defaults to 100%. Accepts any valid CSS format (px, %, vw, etc.). - * @default "100%" + * The width of the chart, defaults to 100%. Accepts any valid CSS format (px, %, vw, etc.). + * @default "100%" */ - sizeX?: string; + "sizeX"?: string; /** - * The height of the chart, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.). - * @default "100%" + * The height of the chart, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.). + * @default "100%" */ - sizeY?: string; + "sizeY"?: string; /** - * Used to sort series. - * @default null + * Used to sort series. + * @default null */ - sorting?: KupChartSort[]; + "sorting"?: KupChartSort[]; /** - * Displays the data columns of an object on top of each other. + * Displays the data columns of an object on top of each other. */ - stacked?: boolean; + "stacked"?: boolean; /** - * KupChartTrendlines. + * KupChartTrendlines. */ - trendlines?: KupChartTrendlines; + "trendlines"?: KupChartTrendlines; /** - * The type of the chart. Supported formats: Area, Bubble, Cal, Candlestick, Combo, Geo, Hbar, Line, Ohlc, Pie, Sankey, Scatter, Unk, Vbar. - * @default [ChartType.Hbar] + * The type of the chart. Supported formats: Area, Bubble, Cal, Candlestick, Combo, Geo, Hbar, Line, Ohlc, Pie, Sankey, Scatter, Unk, Vbar. + * @default [ChartType.Hbar] */ - types?: ChartType[]; + "types"?: ChartType[]; /** - * Customize the vAxes for multiple-chart. + * Customize the vAxes for multiple-chart. */ - vAxes?: ChartAxis[]; + "vAxes"?: ChartAxis[]; /** - * Customize the vAxis. - * @default undefined + * Customize the vAxis. + * @default undefined */ - vAxis?: ChartAxis; + "vAxis"?: ChartAxis; /** - * Google chart version to load - * @default "45.2" + * Google chart version to load + * @default "45.2" */ - version?: string; + "version"?: string; } interface KupCheckbox { /** - * Defaults at false. When set to true, the component will be set to 'checked'. - * @default false + * Defaults at false. When set to true, the component will be set to 'checked'. + * @default false */ - checked?: boolean; + "checked"?: boolean; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * When set to true, the component is disabled. - * @default false + * When set to true, the component is disabled. + * @default false */ - disabled?: boolean; + "disabled"?: boolean; /** - * When set to true, the component will be set to 'indeterminate'. - * @default false + * When set to true, the component will be set to 'indeterminate'. + * @default false */ - indeterminate?: boolean; + "indeterminate"?: boolean; /** - * When specified, its content will be shown as a label. - * @default null + * When specified, its content will be shown as a label. + * @default null */ - label?: string; + "label"?: string; /** - * When set to true, the label will be on the left of the component. - * @default false + * When set to true, the label will be on the left of the component. + * @default false */ - leadingLabel?: boolean; + "leadingLabel"?: boolean; /** - * Triggered when the input element loses focus. + * Triggered when the input element loses focus. */ - 'onKup-checkbox-blur'?: ( - event: KupCheckboxCustomEvent - ) => void; + "onKup-checkbox-blur"?: (event: KupCheckboxCustomEvent) => void; /** - * Triggered when the input element's value changes. + * Triggered when the input element's value changes. */ - 'onKup-checkbox-change'?: ( - event: KupCheckboxCustomEvent - ) => void; + "onKup-checkbox-change"?: (event: KupCheckboxCustomEvent) => void; /** - * Triggered when the input element gets focused. + * Triggered when the input element gets focused. */ - 'onKup-checkbox-focus'?: ( - event: KupCheckboxCustomEvent - ) => void; + "onKup-checkbox-focus"?: (event: KupCheckboxCustomEvent) => void; } interface KupChip { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * List of elements. - * @default [] + * List of elements. + * @default [] */ - data?: KupChipNode[]; + "data"?: KupChipNode[]; /** - * When enabled, the chip's text will display both the id and the value. - * @default false + * When enabled, the chip's text will display both the id and the value. + * @default false */ - displayId?: boolean; + "displayId"?: boolean; /** - * When enabled, it's possible to add items to the chip's dataset through an input slot (kup-autocomplete, kup-combobox, kup-text-field). - * @default false + * When enabled, it's possible to add items to the chip's dataset through an input slot (kup-autocomplete, kup-combobox, kup-text-field). + * @default false */ - enableInput?: boolean; + "enableInput"?: boolean; /** - * Triggered when a chip loses focus. + * Triggered when a chip loses focus. */ - 'onKup-chip-blur'?: ( - event: KupChipCustomEvent - ) => void; + "onKup-chip-blur"?: (event: KupChipCustomEvent) => void; /** - * Triggered when the chip dataset changes. + * Triggered when the chip dataset changes. */ - 'onKup-chip-change'?: ( - event: KupChipCustomEvent - ) => void; + "onKup-chip-change"?: (event: KupChipCustomEvent) => void; /** - * Triggered when a chip is clicked. + * Triggered when a chip is clicked. */ - 'onKup-chip-click'?: ( - event: KupChipCustomEvent - ) => void; + "onKup-chip-click"?: (event: KupChipCustomEvent) => void; /** - * Triggered when a chip gets focused. + * Triggered when a chip gets focused. */ - 'onKup-chip-focus'?: ( - event: KupChipCustomEvent - ) => void; + "onKup-chip-focus"?: (event: KupChipCustomEvent) => void; /** - * Triggered when the removal icon on input chips is clicked. + * Triggered when the removal icon on input chips is clicked. */ - 'onKup-chip-iconclick'?: ( - event: KupChipCustomEvent - ) => void; + "onKup-chip-iconclick"?: (event: KupChipCustomEvent) => void; /** - * The type of chip. Available types: input, filter, choice or empty for default. - * @default FChipType.STANDARD + * The type of chip. Available types: input, filter, choice or empty for default. + * @default FChipType.STANDARD */ - type?: FChipType; + "type"?: FChipType; } interface KupColorPicker { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * Props of the text field. - * @default null + * Props of the text field. + * @default null */ - data?: Object; + "data"?: Object; /** - * Defaults at false. When set to true, the component is disabled. - * @default false + * Defaults at false. When set to true, the component is disabled. + * @default false */ - disabled?: boolean; + "disabled"?: boolean; /** - * Sets the initial value of the component. Can be css color name, hex code or rgb code (sample: "red" or rgb(255, 0, 0) or "#FF0000" ). - * @default "" + * Sets the initial value of the component. Can be css color name, hex code or rgb code (sample: "red" or rgb(255, 0, 0) or "#FF0000" ). + * @default "" */ - initialValue?: string; - 'onKup-colorpicker-change'?: ( - event: KupColorPickerCustomEvent - ) => void; + "initialValue"?: string; + "onKup-colorpicker-change"?: (event: KupColorPickerCustomEvent) => void; /** - * When true, the component's text field will be replaced by a swatch. - * @default false + * When true, the component's text field will be replaced by a swatch. + * @default false */ - swatchOnly?: boolean; + "swatchOnly"?: boolean; } interface KupCombobox { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * Props of the sub-components (date input text field). + * Props of the sub-components (date input text field). */ - data?: Object; + "data"?: Object; /** - * Defaults at false. When set to true, the component is disabled. + * Defaults at false. When set to true, the component is disabled. */ - disabled?: boolean; + "disabled"?: boolean; /** - * Sets how to show the selected item value. Suported values: "code", "description", "both". + * Sets how to show the selected item value. Suported values: "code", "description", "both". */ - displayMode?: ItemsDisplayMode; + "displayMode"?: ItemsDisplayMode; /** - * Sets the initial value of the component + * Sets the initial value of the component */ - initialValue?: string; + "initialValue"?: string; /** - * Lets the combobox behave as a select element. + * Lets the combobox behave as a select element. */ - isSelect?: boolean; - 'onKup-combobox-blur'?: ( - event: KupComboboxCustomEvent - ) => void; - 'onKup-combobox-change'?: ( - event: KupComboboxCustomEvent - ) => void; - 'onKup-combobox-click'?: ( - event: KupComboboxCustomEvent - ) => void; - 'onKup-combobox-focus'?: ( - event: KupComboboxCustomEvent - ) => void; - 'onKup-combobox-iconclick'?: ( - event: KupComboboxCustomEvent - ) => void; - 'onKup-combobox-input'?: ( - event: KupComboboxCustomEvent - ) => void; - 'onKup-combobox-itemclick'?: ( - event: KupComboboxCustomEvent - ) => void; + "isSelect"?: boolean; + "onKup-combobox-blur"?: (event: KupComboboxCustomEvent) => void; + "onKup-combobox-change"?: (event: KupComboboxCustomEvent) => void; + "onKup-combobox-click"?: (event: KupComboboxCustomEvent) => void; + "onKup-combobox-focus"?: (event: KupComboboxCustomEvent) => void; + "onKup-combobox-iconclick"?: (event: KupComboboxCustomEvent) => void; + "onKup-combobox-input"?: (event: KupComboboxCustomEvent) => void; + "onKup-combobox-itemclick"?: (event: KupComboboxCustomEvent) => void; /** - * Sets how to return the selected item value. Suported values: "code", "description", "both". + * Sets how to return the selected item value. Suported values: "code", "description", "both". */ - selectMode?: ItemsDisplayMode; + "selectMode"?: ItemsDisplayMode; /** - * When true shows the drop-down icon, for open list. + * When true shows the drop-down icon, for open list. */ - showDropDownIcon?: boolean; + "showDropDownIcon"?: boolean; } interface KupCustomTaskListHeader { - doubleView?: boolean; - fontFamily?: string; - fontSize?: string; - label?: string; - setDoubleView?: (checked: boolean) => void; + "doubleView"?: boolean; + "fontFamily"?: string; + "fontSize"?: string; + "label"?: string; + "setDoubleView"?: (checked: boolean) => void; } interface KupCustomTaskListTable { - fontFamily?: string; - fontSize?: string; - ganttId?: string; - onclickTaskList?: (id: string) => void; - oncontextmenuTaskList?: (event: MouseEvent, id: string) => void; - ondblclickTaskList?: (id: string) => void; - rowHeight?: number; - rowWidth?: string; - setSelectedTask?: (taskId: string) => void; - tasks?: KupPlannerTask[]; + "fontFamily"?: string; + "fontSize"?: string; + "ganttId"?: string; + "onclickTaskList"?: (id: string) => void; + "oncontextmenuTaskList"?: (event: MouseEvent, id: string) => void; + "ondblclickTaskList"?: (id: string) => void; + "rowHeight"?: number; + "rowWidth"?: string; + "setSelectedTask"?: (taskId: string) => void; + "tasks"?: KupPlannerTask[]; } interface KupDashboard { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * The data of the component. - * @default null + * The data of the component. + * @default null */ - data?: KupDataDashboard; + "data"?: KupDataDashboard; /** - * Enable drag & drop of the section. - * @default false + * Enable drag & drop of the section. + * @default false */ - enableDesign?: boolean; - 'onKup-dashboard-save'?: ( - event: KupDashboardCustomEvent - ) => void; + "enableDesign"?: boolean; + "onKup-dashboard-save"?: (event: KupDashboardCustomEvent) => void; } interface KupDataTable { /** - * When true and when a row is missing some columns, the missing cells will be autogenerated. - * @default false + * When true and when a row is missing some columns, the missing cells will be autogenerated. + * @default false */ - autoFillMissingCells?: boolean; + "autoFillMissingCells"?: boolean; /** - * Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * The data of the table. + * The data of the table. */ - data?: KupDataTableDataset; + "data"?: KupDataTableDataset; /** - * The density of the rows, defaults at 'medium' and can be also set to 'large' or 'small'. + * The density of the rows, defaults at 'medium' and can be also set to 'large' or 'small'. */ - density?: FCellPadding; + "density"?: FCellPadding; /** - * Enables drag. + * Enables drag. */ - dragEnabled?: boolean; + "dragEnabled"?: boolean; /** - * Enables drop. + * Enables drop. */ - dropEnabled?: boolean; + "dropEnabled"?: boolean; /** - * When set to true, editable cells will be rendered using input components. - * @default false + * When set to true, editable cells will be rendered using input components. + * @default false */ - editableData?: boolean; + "editableData"?: boolean; /** - * Defines the label to show when the table is empty. + * Defines the label to show when the table is empty. */ - emptyDataLabel?: string; + "emptyDataLabel"?: string; /** - * Enables the choice to set formulas on columns by dragging them into different columns. - * @default true + * Enables the choice to set formulas on columns by dragging them into different columns. + * @default true */ - enableColumnsFormula?: boolean; + "enableColumnsFormula"?: boolean; /** - * Enables the extracolumns add buttons. + * Enables the extracolumns add buttons. */ - enableExtraColumns?: boolean; + "enableExtraColumns"?: boolean; /** - * Enables the merging of columns by dragging them into different columns. - * @default true + * Enables the merging of columns by dragging them into different columns. + * @default true */ - enableMergeColumns?: boolean; + "enableMergeColumns"?: boolean; /** - * Enables the sorting of columns by dragging them into different columns. + * Enables the sorting of columns by dragging them into different columns. */ - enableSortableColumns?: boolean; + "enableSortableColumns"?: boolean; /** - * Expands groups when set to true. + * Expands groups when set to true. */ - expandGroups?: boolean; + "expandGroups"?: boolean; /** - * List of filters set by the user. + * List of filters set by the user. */ - filters?: GenericFilter; + "filters"?: GenericFilter; /** - * Fixes the given number of columns so that they stay visible when horizontally scrolling the data-table. If grouping is active or the value of the prop is <= 0, this prop will have no effect. Can be combined with fixedRows. - * @see fixedRows + * Fixes the given number of columns so that they stay visible when horizontally scrolling the data-table. If grouping is active or the value of the prop is <= 0, this prop will have no effect. Can be combined with fixedRows. + * @see fixedRows */ - fixedColumns?: number; + "fixedColumns"?: number; /** - * Fixes the given number of rows so that they stay visible when vertically scrolling the data-table. If grouping is active or the value of the prop is <= 0, this prop will have no effect. Can be combined with fixedColumns. - * @see fixedColumns + * Fixes the given number of rows so that they stay visible when vertically scrolling the data-table. If grouping is active or the value of the prop is <= 0, this prop will have no effect. Can be combined with fixedColumns. + * @see fixedColumns */ - fixedRows?: number; + "fixedRows"?: number; /** - * Forces cells with long text and a fixed column size to have an ellipsis set on their text. The reflect attribute is mandatory to allow styling. + * Forces cells with long text and a fixed column size to have an ellipsis set on their text. The reflect attribute is mandatory to allow styling. */ - forceOneLine?: boolean; + "forceOneLine"?: boolean; /** - * When set to true it activates the global filter. + * When set to true it activates the global filter. */ - globalFilter?: boolean; + "globalFilter"?: boolean; /** - * The value of the global filter. + * The value of the global filter. */ - globalFilterValue?: string; + "globalFilterValue"?: string; /** - * How the label of a group must be displayed. For available values [see here]{@link GroupLabelDisplayMode} + * How the label of a group must be displayed. For available values [see here]{@link GroupLabelDisplayMode} */ - groupLabelDisplay?: GroupLabelDisplayMode; + "groupLabelDisplay"?: GroupLabelDisplayMode; /** - * The list of groups. + * The list of groups. */ - groups?: Array; + "groups"?: Array; /** - * When set to true the header will stick on top of the table when scrolling. + * When set to true the header will stick on top of the table when scrolling. */ - headerIsPersistent?: boolean; + "headerIsPersistent"?: boolean; /** - * Enables insert mode. - * @default ''' + * Enables insert mode. + * @default ''' */ - insertMode?: KupDataTableInsertMode; + "insertMode"?: KupDataTableInsertMode; /** - * When set to true, clicked-on rows will have a visual feedback. - * @default false + * When set to true, clicked-on rows will have a visual feedback. + * @default false */ - isFocusable?: boolean; + "isFocusable"?: boolean; /** - * When set to true, extra rows will be automatically loaded once the last row enters the viewport. When groups are present, the number of rows is referred to groups and not to their content. Paginator is disabled. + * When set to true, extra rows will be automatically loaded once the last row enters the viewport. When groups are present, the number of rows is referred to groups and not to their content. Paginator is disabled. */ - lazyLoadRows?: boolean; + "lazyLoadRows"?: boolean; /** - * When enabled, the extra whitespaces will be displayed and the font will be set to monospace by default. + * When enabled, the extra whitespaces will be displayed and the font will be set to monospace by default. */ - legacyLook?: boolean; + "legacyLook"?: boolean; /** - * Defines the placeholder character which will be replaced by a line break inside table header cells, normal or sticky. + * Defines the placeholder character which will be replaced by a line break inside table header cells, normal or sticky. */ - lineBreakCharacter?: string; + "lineBreakCharacter"?: string; /** - * Sets a maximum limit of new records which can be required by the load more functionality. + * Sets a maximum limit of new records which can be required by the load more functionality. */ - loadMoreLimit?: number; + "loadMoreLimit"?: number; /** - * Establish the modality of how many new records will be downloaded. This property is regulated also by loadMoreStep. - * @see loadMoreStep * - * @see loadMoreLimit + * Establish the modality of how many new records will be downloaded. This property is regulated also by loadMoreStep. + * @see loadMoreStep * + * @see loadMoreLimit */ - loadMoreMode?: LoadMoreMode1; + "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 * - * @see loadMoreLimit + * 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; + "loadMoreStep"?: number; /** - * Generic click event on data table. + * Generic click event on data table. */ - 'onKup-datatable-click'?: ( - event: KupDataTableCustomEvent - ) => void; + "onKup-datatable-click"?: (event: KupDataTableCustomEvent) => void; /** - * Emitted by the column menu card when opened/closed or when a kup-card-event is fired. + * Emitted by the column menu card when opened/closed or when a kup-card-event is fired. */ - 'onKup-datatable-columnmenu'?: ( - event: KupDataTableCustomEvent - ) => void; + "onKup-datatable-columnmenu"?: (event: KupDataTableCustomEvent) => void; /** - * Event fired when columns are moved (sorted). + * Event fired when columns are moved (sorted). */ - 'onKup-datatable-columnmove'?: ( - event: KupDataTableCustomEvent - ) => void; + "onKup-datatable-columnmove"?: (event: KupDataTableCustomEvent) => void; /** - * Event fired when columns are removed (set to hidden). + * Event fired when columns are removed (set to hidden). */ - 'onKup-datatable-columnremove'?: ( - event: KupDataTableCustomEvent - ) => void; + "onKup-datatable-columnremove"?: (event: KupDataTableCustomEvent) => void; /** - * Generic right click event on data table. + * Generic right click event on data table. */ - 'onKup-datatable-contextmenu'?: ( - event: KupDataTableCustomEvent - ) => void; + "onKup-datatable-contextmenu"?: (event: KupDataTableCustomEvent) => void; /** - * Generic double click event on data table. + * Generic double click event on data table. */ - 'onKup-datatable-dblclick'?: ( - event: KupDataTableCustomEvent - ) => void; + "onKup-datatable-dblclick"?: (event: KupDataTableCustomEvent) => void; /** - * Event fired when the delete row button is pressed. + * Event fired when the delete row button is pressed. */ - 'onKup-datatable-delete-row'?: ( - event: KupDataTableCustomEvent - ) => void; + "onKup-datatable-delete-row"?: (event: KupDataTableCustomEvent) => void; /** - * When component load is complete + * When component load is complete */ - 'onKup-datatable-didload'?: ( - event: KupDataTableCustomEvent - ) => void; + "onKup-datatable-didload"?: (event: KupDataTableCustomEvent) => void; /** - * When component unload is complete + * When component unload is complete */ - 'onKup-datatable-didunload'?: ( - event: KupDataTableCustomEvent - ) => void; + "onKup-datatable-didunload"?: (event: KupDataTableCustomEvent) => void; /** - * Event fired when the history confirm button is pressed. + * Event fired when the history confirm button is pressed. */ - 'onKup-datatable-history'?: ( - event: KupDataTableCustomEvent - ) => void; + "onKup-datatable-history"?: (event: KupDataTableCustomEvent) => void; /** - * Event fired when the insert row confirm button is pressed. + * Event fired when the insert row confirm button is pressed. */ - 'onKup-datatable-insert-row'?: ( - event: KupDataTableCustomEvent - ) => void; - 'onKup-datatable-loadmoreclick'?: ( - event: KupDataTableCustomEvent - ) => void; + "onKup-datatable-insert-row"?: (event: KupDataTableCustomEvent) => void; + "onKup-datatable-loadmoreclick"?: (event: KupDataTableCustomEvent) => void; /** - * When rows selections reset + * When rows selections reset */ - 'onKup-datatable-resetselectedrows'?: ( - event: KupDataTableCustomEvent - ) => void; + "onKup-datatable-resetselectedrows"?: (event: KupDataTableCustomEvent) => void; /** - * When a row action is clicked + * When a row action is clicked */ - 'onKup-datatable-rowactionclick'?: ( - event: KupDataTableCustomEvent - ) => void; + "onKup-datatable-rowactionclick"?: (event: KupDataTableCustomEvent) => void; /** - * When a row is selected + * When a row is selected */ - 'onKup-datatable-rowselected'?: ( - event: KupDataTableCustomEvent - ) => void; + "onKup-datatable-rowselected"?: (event: KupDataTableCustomEvent) => void; /** - * Event fired when the save button is pressed. + * Event fired when the save button is pressed. */ - 'onKup-datatable-save'?: ( - event: KupDataTableCustomEvent - ) => void; + "onKup-datatable-save"?: (event: KupDataTableCustomEvent) => void; /** - * Current selected page set on component load + * Current selected page set on component load */ - pageSelected?: number; + "pageSelected"?: number; /** - * Sets the position of the paginator. Available positions: top, bottom or both. + * Sets the position of the paginator. Available positions: top, bottom or both. */ - paginatorPos?: PaginatorPos; + "paginatorPos"?: PaginatorPos; /** - * Sets the possibility to remove the selected column. + * Sets the possibility to remove the selected column. */ - removableColumns?: boolean; + "removableColumns"?: boolean; /** - * Gives the possibility to resize columns by dragging on their right edge. + * Gives the possibility to resize columns by dragging on their right edge. */ - resizableColumns?: boolean; + "resizableColumns"?: boolean; /** - * Sets the actions of the rows. + * Sets the actions of the rows. */ - rowActions?: Array; + "rowActions"?: Array; /** - * Sets the number of rows per page to display. + * Sets the number of rows per page to display. */ - rowsPerPage?: number; + "rowsPerPage"?: number; /** - * Activates the scroll on hover function. + * Activates the scroll on hover function. */ - scrollOnHover?: boolean; + "scrollOnHover"?: boolean; /** - * Set the type of the rows selection. + * Set the type of the rows selection. */ - selection?: SelectionMode; + "selection"?: SelectionMode; /** - * If set to true, displays the button to open the customization panel. + * If set to true, displays the button to open the customization panel. */ - showCustomization?: boolean; + "showCustomization"?: boolean; /** - * Enables the delete row button. + * Enables the delete row button. */ - showDeleteButton?: boolean; + "showDeleteButton"?: boolean; /** - * When set to true enables the column filters. + * When set to true enables the column filters. */ - showFilters?: boolean; + "showFilters"?: boolean; /** - * When set to true shows the footer. + * When set to true shows the footer. */ - showFooter?: boolean; + "showFooter"?: boolean; /** - * Can be used to customize the grid view of the table. + * Can be used to customize the grid view of the table. */ - showGrid?: ShowGrid; + "showGrid"?: ShowGrid; /** - * When set to true enables the column grouping. + * When set to true enables the column grouping. */ - showGroups?: boolean; + "showGroups"?: boolean; /** - * Enables rendering of the table header. - * @namespace KupDataTable.showHeader + * Enables rendering of the table header. + * @namespace KupDataTable.showHeader */ - showHeader?: boolean; + "showHeader"?: boolean; /** - * Enables the history button. + * Enables the history button. */ - showHistoryButton?: boolean; + "showHistoryButton"?: boolean; /** - * If set to true, displays the button to load more records. + * If set to true, displays the button to load more records. */ - showLoadMore?: boolean; + "showLoadMore"?: boolean; /** - * Defines the current sorting options. + * Defines the current sorting options. */ - sort?: Array; + "sort"?: Array; /** - * When set to true enables the sorting of the columns by clicking on the column header. + * When set to true enables the sorting of the columns by clicking on the column header. */ - sortEnabled?: boolean; + "sortEnabled"?: boolean; /** - * If set to true, when a column is dragged to be sorted, the component directly mutates the data.columns property and then fires the event + * If set to true, when a column is dragged to be sorted, the component directly mutates the data.columns property and then fires the event */ - sortableColumnsMutateData?: boolean; - stateId?: string; - store?: KupStore; + "sortableColumnsMutateData"?: boolean; + "stateId"?: string; + "store"?: KupStore; /** - * Sets the height of the table. + * Sets the height of the table. */ - tableHeight?: string; + "tableHeight"?: string; /** - * Sets the width of the table. + * Sets the width of the table. */ - tableWidth?: string; + "tableWidth"?: string; /** - * Defines the current totals options + * Defines the current totals options */ - totals?: TotalsMap; + "totals"?: TotalsMap; /** - * Transposes the data of the data table + * Transposes the data of the data table */ - transpose?: boolean; + "transpose"?: boolean; } interface KupDatePicker { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization - */ - customStyle?: string; - /** - * Props of the sub-components. - * @default null - */ - data?: Object; - /** - * Defaults at false. When set to true, the component is disabled. - * @default false - */ - disabled?: boolean; - /** - * First day number (0 - sunday, 1 - monday, ...) TODO: manage with kupDates.locale, remove prop - * @default 1 - */ - firstDayIndex?: number; - /** - * Sets the initial value of the component - * @default "" - */ - initialValue?: string; - 'onKup-datepicker-blur'?: ( - event: KupDatePickerCustomEvent - ) => void; - 'onKup-datepicker-change'?: ( - event: KupDatePickerCustomEvent - ) => void; - 'onKup-datepicker-cleariconclick'?: ( - event: KupDatePickerCustomEvent - ) => void; - 'onKup-datepicker-click'?: ( - event: KupDatePickerCustomEvent - ) => void; - 'onKup-datepicker-focus'?: ( - event: KupDatePickerCustomEvent - ) => void; - 'onKup-datepicker-iconclick'?: ( - event: KupDatePickerCustomEvent - ) => void; - 'onKup-datepicker-input'?: ( - event: KupDatePickerCustomEvent - ) => void; - 'onKup-datepicker-itemclick'?: ( - event: KupDatePickerCustomEvent - ) => void; - 'onKup-datepicker-textfieldsubmit'?: ( - event: KupDatePickerCustomEvent - ) => void; + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + */ + "customStyle"?: string; + /** + * Props of the sub-components. + * @default null + */ + "data"?: Object; + /** + * Defaults at false. When set to true, the component is disabled. + * @default false + */ + "disabled"?: boolean; + /** + * First day number (0 - sunday, 1 - monday, ...) TODO: manage with kupDates.locale, remove prop + * @default 1 + */ + "firstDayIndex"?: number; + /** + * Sets the initial value of the component + * @default "" + */ + "initialValue"?: string; + "onKup-datepicker-blur"?: (event: KupDatePickerCustomEvent) => void; + "onKup-datepicker-change"?: (event: KupDatePickerCustomEvent) => void; + "onKup-datepicker-cleariconclick"?: (event: KupDatePickerCustomEvent) => void; + "onKup-datepicker-click"?: (event: KupDatePickerCustomEvent) => void; + "onKup-datepicker-focus"?: (event: KupDatePickerCustomEvent) => void; + "onKup-datepicker-iconclick"?: (event: KupDatePickerCustomEvent) => void; + "onKup-datepicker-input"?: (event: KupDatePickerCustomEvent) => void; + "onKup-datepicker-itemclick"?: (event: KupDatePickerCustomEvent) => void; + "onKup-datepicker-textfieldsubmit"?: (event: KupDatePickerCustomEvent) => void; } interface KupDialog { /** - * Auto centers the dialog relatively to the viewport. - * @default "{ onReady: true }" + * Auto centers the dialog relatively to the viewport. + * @default "{ onReady: true }" */ - autoCenter?: KupDialogAutoCenter; + "autoCenter"?: KupDialogAutoCenter; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * Header options. - * @default "{ icons: { close: true } }" + * Header options. + * @default "{ icons: { close: true } }" */ - header?: KupDialogHeader; + "header"?: KupDialogHeader; /** - * Set of options to display the dialog as a modal. - * @default "{ closeOnBackdropClick: true }" + * Set of options to display the dialog as a modal. + * @default "{ closeOnBackdropClick: true }" */ - modal?: KupDialogModal; - 'onKup-dialog-close'?: ( - event: KupDialogCustomEvent - ) => void; - 'onKup-dialog-ready'?: ( - event: KupDialogCustomEvent - ) => void; + "modal"?: KupDialogModal; + "onKup-dialog-close"?: (event: KupDialogCustomEvent) => void; + "onKup-dialog-ready"?: (event: KupDialogCustomEvent) => void; /** - * Sets whether the dialog is resizable or not. - * @default "true" + * Sets whether the dialog is resizable or not. + * @default "true" */ - resizable?: boolean; + "resizable"?: boolean; /** - * The width of the dialog, defaults to auto. Accepts any valid CSS format (px, %, vw, etc.). - * @default "auto" + * The width of the dialog, defaults to auto. Accepts any valid CSS format (px, %, vw, etc.). + * @default "auto" */ - sizeX?: string; + "sizeX"?: string; /** - * The height of the card, defaults to auto. Accepts any valid CSS format (px, %, vh, etc.). - * @default "auto" + * The height of the card, defaults to auto. Accepts any valid CSS format (px, %, vh, etc.). + * @default "auto" */ - sizeY?: string; + "sizeY"?: string; } interface KupDrawer { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * Fired when the drawer gets closed. + * Fired when the drawer gets closed. */ - 'onKup-drawer-close'?: ( - event: KupDrawerCustomEvent - ) => void; + "onKup-drawer-close"?: (event: KupDrawerCustomEvent) => void; /** - * Fired when the drawer gets opened. + * Fired when the drawer gets opened. */ - 'onKup-drawer-open'?: ( - event: KupDrawerCustomEvent - ) => void; + "onKup-drawer-open"?: (event: KupDrawerCustomEvent) => void; /** - * Triggered when the component is ready. + * Triggered when the component is ready. */ - 'onKup-drawer-ready'?: ( - event: KupDrawerCustomEvent - ) => void; + "onKup-drawer-ready"?: (event: KupDrawerCustomEvent) => void; } interface KupDropdownButton { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * Props of the sub-components. - * @default null + * Props of the sub-components. + * @default null */ - data?: Object; + "data"?: Object; /** - * Defaults at false. When set to true, the component is disabled. - * @default false + * Defaults at false. When set to true, the component is disabled. + * @default false */ - disabled?: boolean; + "disabled"?: boolean; /** - * Sets how to show the selected item value. Suported values: "code", "description", "both". - * @default ItemsDisplayMode.DESCRIPTION + * Sets how to show the selected item value. Suported values: "code", "description", "both". + * @default ItemsDisplayMode.DESCRIPTION */ - displayMode?: ItemsDisplayMode; + "displayMode"?: ItemsDisplayMode; /** - * Default value is false. When set to true, the arrow dropdown button is the only button displayed. - * @default false + * Default value is false. When set to true, the arrow dropdown button is the only button displayed. + * @default false */ - dropdownOnly?: boolean; + "dropdownOnly"?: boolean; /** - * Defaults at null. When set, the button will show this icon. - * @default icon + * Defaults at null. When set, the button will show this icon. + * @default icon */ - icon?: string; + "icon"?: string; /** - * Sets the initial value of the component. - * @default "" + * Sets the initial value of the component. + * @default "" */ - initialValue?: string; + "initialValue"?: string; /** - * Defaults at null. When set, the button will show this text. - * @default "" + * Defaults at null. When set, the button will show this text. + * @default "" */ - label?: string; + "label"?: string; /** - * Triggered when the primary button loses focus. + * Triggered when the primary button loses focus. */ - 'onKup-dropdownbutton-blur'?: ( - event: KupDropdownButtonCustomEvent - ) => void; + "onKup-dropdownbutton-blur"?: (event: KupDropdownButtonCustomEvent) => void; /** - * Triggered when a list item changes. + * Triggered when a list item changes. */ - 'onKup-dropdownbutton-change'?: ( - event: KupDropdownButtonCustomEvent - ) => void; + "onKup-dropdownbutton-change"?: (event: KupDropdownButtonCustomEvent) => void; /** - * Triggered when the primary button is clicked. + * Triggered when the primary button is clicked. */ - 'onKup-dropdownbutton-click'?: ( - event: KupDropdownButtonCustomEvent - ) => void; + "onKup-dropdownbutton-click"?: (event: KupDropdownButtonCustomEvent) => void; /** - * Triggered when the primary button is focused. + * Triggered when the primary button is focused. */ - 'onKup-dropdownbutton-focus'?: ( - event: KupDropdownButtonCustomEvent - ) => void; + "onKup-dropdownbutton-focus"?: (event: KupDropdownButtonCustomEvent) => void; /** - * Triggered when a list item is clicked. + * Triggered when a list item is clicked. */ - 'onKup-dropdownbutton-itemclick'?: ( - event: KupDropdownButtonCustomEvent - ) => void; + "onKup-dropdownbutton-itemclick"?: (event: KupDropdownButtonCustomEvent) => void; /** - * Sets how to return the selected item value. Suported values: "code", "description", "both". - * @default ItemsDisplayMode.CODE + * Sets how to return the selected item value. Suported values: "code", "description", "both". + * @default ItemsDisplayMode.CODE */ - selectMode?: ItemsDisplayMode; + "selectMode"?: ItemsDisplayMode; /** - * Defines the style of the button. Styles available: "flat", "outlined" and "raised" which is also the default. - * @default FButtonStyling.RAISED + * Defines the style of the button. Styles available: "flat", "outlined" and "raised" which is also the default. + * @default FButtonStyling.RAISED */ - styling?: FButtonStyling; + "styling"?: FButtonStyling; /** - * Defaults at null. When set, the icon will be shown after the text. - * @default false + * Defaults at null. When set, the icon will be shown after the text. + * @default false */ - trailingIcon?: boolean; + "trailingIcon"?: boolean; } interface KupEchart { /** - * Sets the axis of the chart. - * @default "" + * Sets the axis of the chart. + * @default "" */ - axis?: string; + "axis"?: string; /** - * Title of the graph. - * @default null + * Title of the graph. + * @default null */ - chartTitle?: KupEchartTitle; + "chartTitle"?: KupEchartTitle; /** - * Overrides theme's colors. - * @default [] + * Overrides theme's colors. + * @default [] */ - colors?: string[]; + "colors"?: string[]; /** - * When true, performs checks in order to properly initialize props which could be missing (i.e.: axis). For performances purposes, this prop will run only once when the component is initially created. - * @default false + * When true, performs checks in order to properly initialize props which could be missing (i.e.: axis). For performances purposes, this prop will run only once when the component is initially created. + * @default false */ - consistencyCheck?: boolean; + "consistencyCheck"?: boolean; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * The actual data of the chart. - * @default null + * The actual data of the chart. + * @default null */ - data?: KupDataDataset; + "data"?: KupDataDataset; /** - * Sets the position of the legend. Supported values: bottom, left, right, top, hidden. Keep in mind that legend types are tied to chart types, some combinations might not work. - * @default KupEchartLegendPlacement.RIGHT + * Sets the position of the legend. Supported values: bottom, left, right, top, hidden. Keep in mind that legend types are tied to chart types, some combinations might not work. + * @default KupEchartLegendPlacement.RIGHT */ - legend?: KupEchartLegendPlacement; + "legend"?: KupEchartLegendPlacement; /** - * Choose which map you want to view, supported values: "europe", "africa", "asia", "oceania", "america", "italy" and "world". It's possible to supply a custom JSON too. - * @default null + * Choose which map you want to view, supported values: "europe", "africa", "asia", "oceania", "america", "italy" and "world". It's possible to supply a custom JSON too. + * @default null */ - map?: KupEchartMaps | string | GeoJSON; - 'onKup-echart-click'?: ( - event: KupEchartCustomEvent - ) => void; + "map"?: KupEchartMaps | string | GeoJSON; + "onKup-echart-click"?: (event: KupEchartCustomEvent) => void; /** - * The data series to be displayed. They must be of the same type. - * @default [] + * The data series to be displayed. They must be of the same type. + * @default [] */ - series?: string[]; + "series"?: string[]; /** - * The width of the chart, defaults to 100%. Accepts any valid CSS format (px, %, vw, etc.). - * @default "100%" + * The width of the chart, defaults to 100%. Accepts any valid CSS format (px, %, vw, etc.). + * @default "100%" */ - sizeX?: string; + "sizeX"?: string; /** - * The height of the chart, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.). - * @default "100%" + * The height of the chart, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.). + * @default "100%" */ - sizeY?: string; + "sizeY"?: string; /** - * The type of the chart. Supported formats: Bar, Gaussian, Line, Pie, Map and Scatter. - * @default [KupEchartTypes.LINE] + * The type of the chart. Supported formats: Bar, Gaussian, Line, Pie, Map and Scatter. + * @default [KupEchartTypes.LINE] */ - types?: KupEchartTypes[]; + "types"?: KupEchartTypes[]; /** - * Customization options for the x Axis. - * @default null + * Customization options for the x Axis. + * @default null */ - xAxis?: XAXisComponentOption; + "xAxis"?: XAXisComponentOption; /** - * Customization options for the y Axis. - * @default null + * Customization options for the y Axis. + * @default null */ - yAxis?: YAXisComponentOption; + "yAxis"?: YAXisComponentOption; } interface KupEditor { /** - * When specified, the component will emit the kup-editor-autosave event at regular intervals. - * @default null + * When specified, the component will emit the kup-editor-autosave event at regular intervals. + * @default null */ - autosaveTimer?: number; + "autosaveTimer"?: number; /** - * Sets the height of the component. - * @default "auto" + * Sets the height of the component. + * @default "auto" */ - editorHeight?: string; + "editorHeight"?: string; /** - * The editor type. - * @default 'markdown' + * The editor type. + * @default 'markdown' */ - initialEditType?: KupEditorType; + "initialEditType"?: KupEditorType; /** - * The initial editor value. - * @default '' + * The initial editor value. + * @default '' */ - initialValue?: string; + "initialValue"?: string; /** - * Defines whether the editor is disabled or not. - * @default false + * Defines whether the editor is disabled or not. + * @default false */ - isReadOnly?: boolean; + "isReadOnly"?: boolean; /** - * Triggered at regular intervals if autosaveTimer prop is initialised. + * Triggered at regular intervals if autosaveTimer prop is initialised. */ - 'onKup-editor-autosave'?: ( - event: KupEditorCustomEvent - ) => void; + "onKup-editor-autosave"?: (event: KupEditorCustomEvent) => void; /** - * Triggered when the component is ready. + * Triggered when the component is ready. */ - 'onKup-editor-ready'?: ( - event: KupEditorCustomEvent - ) => void; + "onKup-editor-ready"?: (event: KupEditorCustomEvent) => void; /** - * Triggered when save button is clicked. + * Triggered when save button is clicked. */ - 'onKup-editor-save'?: ( - event: KupEditorCustomEvent - ) => void; + "onKup-editor-save"?: (event: KupEditorCustomEvent) => void; /** - * The editor preview style. - * @default 'vertical' + * The editor preview style. + * @default 'vertical' */ - previewStyle?: KupEditorPreview; + "previewStyle"?: KupEditorPreview; /** - * Defines whether to show the save button in editor's toolbar or not. - * @default true + * Defines whether to show the save button in editor's toolbar or not. + * @default true */ - showSaveButton?: boolean; + "showSaveButton"?: boolean; /** - * Defines whether to show the editor's toolbar or not. - * @default true + * Defines whether to show the editor's toolbar or not. + * @default true */ - showToolbar?: boolean; + "showToolbar"?: boolean; } interface KupFamilyTree { /** - * The component will autofit everytime a node is expanded. - * @default true + * The component will autofit everytime a node is expanded. + * @default true */ - autofitOnExpand?: boolean; + "autofitOnExpand"?: boolean; /** - * The component's initial render will fit the container by invoking the runAutofit method. - * @default true + * The component's initial render will fit the container by invoking the runAutofit method. + * @default true */ - autofitOnLoad?: boolean; + "autofitOnLoad"?: boolean; /** - * Used to render the family tree boxes as kup-cards (through kup-box). - * @default null + * Used to render the family tree boxes as kup-cards (through kup-box). + * @default null */ - cardData?: GenericObject; + "cardData"?: GenericObject; /** - * Nodes can be expanded/collapsed. - * @default true + * Nodes can be expanded/collapsed. + * @default true */ - collapsible?: boolean; + "collapsible"?: boolean; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * Actual data of the component. - * @default null + * Actual data of the component. + * @default null */ - data?: KupFamilyTreeData; + "data"?: KupFamilyTreeData; /** - * Layout of the boxes. - * @default null + * Layout of the boxes. + * @default null */ - layout?: KupFamilyTreeLayout; - 'onKup-familytree-click'?: ( - event: KupFamilyTreeCustomEvent - ) => void; - 'onKup-familytree-contextmenu'?: ( - event: KupFamilyTreeCustomEvent - ) => void; - 'onKup-familytree-dblclick'?: ( - event: KupFamilyTreeCustomEvent - ) => void; + "layout"?: KupFamilyTreeLayout; + "onKup-familytree-click"?: (event: KupFamilyTreeCustomEvent) => void; + "onKup-familytree-contextmenu"?: (event: KupFamilyTreeCustomEvent) => void; + "onKup-familytree-dblclick"?: (event: KupFamilyTreeCustomEvent) => void; /** - * Child nodes that have no children are arranged vertically. - * @default false + * Child nodes that have no children are arranged vertically. + * @default false */ - stackedLeaves?: boolean; + "stackedLeaves"?: boolean; } interface KupForm { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * Actual data of the form. - * @default null + * Actual data of the form. + * @default null */ - data?: KupFormData; + "data"?: KupFormData; /** - * Creates a hidden submit button in order to submit the form with enter. - * @default false + * Creates a hidden submit button in order to submit the form with enter. + * @default false */ - hiddenSubmitButton?: boolean; + "hiddenSubmitButton"?: boolean; /** - * Sets the label placement for 'all' fields in form - * @default KupFormLabelPlacement.LEFT + * Sets the label placement for 'all' fields in form + * @default KupFormLabelPlacement.LEFT */ - labelPlacement?: KupFormLabelPlacement; + "labelPlacement"?: KupFormLabelPlacement; /** - * How the form will arrange its content. - * @default null + * How the form will arrange its content. + * @default null */ - layout?: KupFormLayout; + "layout"?: KupFormLayout; /** - * When component load is complete + * When component load is complete */ - 'onKup-form-ready'?: ( - event: KupFormCustomEvent - ) => void; + "onKup-form-ready"?: (event: KupFormCustomEvent) => void; /** - * Sets the callback function on submit form - * @default null + * Sets the callback function on submit form + * @default null */ - submitCb?: (e: SubmitEvent) => unknown; + "submitCb"?: (e: SubmitEvent) => unknown; } interface KupGantt { - TaskListHeader?: KupPlannerGanttProps['TaskListHeader']; - TaskListTable?: KupPlannerGanttProps['TaskListTable']; - TooltipContent?: KupPlannerGanttProps['TooltipContent']; - arrowColor?: KupPlannerGanttProps['arrowColor']; - arrowIndent?: KupPlannerGanttProps['arrowIndent']; - barBackgroundColor?: KupPlannerGanttProps['barBackgroundColor']; - barBackgroundSelectedColor?: KupPlannerGanttProps['barBackgroundSelectedColor']; - barClick?: KupPlannerGanttProps['barClick']; - barContextMenu?: KupPlannerGanttProps['barContextMenu']; - barCornerRadius?: KupPlannerGanttProps['barCornerRadius']; - barDblClick?: KupPlannerGanttProps['barDblClick']; - barFill?: KupPlannerGanttProps['barFill']; - barProgressColor?: KupPlannerGanttProps['barProgressColor']; - barProgressSelectedColor?: KupPlannerGanttProps['barProgressSelectedColor']; - columnWidth?: KupPlannerGanttProps['columnWidth']; - currentTasks?: KupPlannerGanttTaskN[] | KupPlannerItemDetail[]; - dateChange?: KupPlannerGanttProps['dateChange']; - dateTimeFormatters?: KupPlannerGanttProps['dateTimeFormatters']; - delete?: KupPlannerGanttProps['delete']; - displayedEndDate?: KupPlannerGanttProps['displayedEndDate']; - displayedStartDate?: KupPlannerGanttProps['displayedStartDate']; - doubleClick?: KupPlannerGanttProps['doubleClick']; - doubleView?: boolean; - expanderClick?: KupPlannerGanttProps['expanderClick']; - filter?: KupPlannerGanttProps['filter']; - fontFamily?: KupPlannerGanttProps['fontFamily']; - fontSize?: KupPlannerGanttProps['fontSize']; - ganttHeight?: KupPlannerGanttProps['ganttHeight']; - ganttId?: KupPlannerGanttProps['id']; - ganttOnClick?: KupGanttPlannerProps['onClick']; - ganttOnDblClick?: KupGanttPlannerProps['onDblClick']; - ganttonOnContextMenu?: KupGanttPlannerProps['onContextMenu']; - handleClick?: (row: KupPlannerGanttRow, onClick: any) => void; - handleContextMenu?: ( - event: MouseEvent, - row: KupPlannerGanttRow, - onContextMenu: any - ) => void; - handleDblClick?: (row: KupPlannerGanttRow, onDblClick: any) => void; - handleWidth?: KupPlannerGanttProps['handleWidth']; - headerHeight?: KupPlannerGanttProps['headerHeight']; - hideDependencies?: KupPlannerGanttProps['hideDependencies']; - hideLabel?: KupPlannerGanttProps['hideLabel']; - initialScrollX?: KupPlannerGanttProps['initialScrollX']; - initialScrollY?: KupPlannerGanttProps['initialScrollY']; - label?: string; - listCellWidth?: KupPlannerGanttProps['listCellWidth']; - locale?: KupPlannerGanttProps['locale']; - preStepsCount?: KupPlannerGanttProps['preStepsCount']; - progressChange?: KupPlannerGanttProps['progressChange']; - projectBackgroundColor?: KupPlannerGanttProps['projectBackgroundColor']; - projectBackgroundSelectedColor?: KupPlannerGanttProps['projectBackgroundSelectedColor']; - projectFill?: KupPlannerGanttProps['barFill']; - projectProgressColor?: KupPlannerGanttProps['projectProgressColor']; - projectProgressSelectedColor?: KupPlannerGanttProps['projectProgressSelectedColor']; - projection?: KupPlannerGanttProps['projection']; - readOnly?: KupPlannerGanttProps['readOnly']; - rowHeight?: KupPlannerGanttProps['rowHeight']; - rtl?: KupPlannerGanttProps['rtl']; - scrollXChange?: KupPlannerGanttProps['scrollXChange']; - scrollYChange?: KupPlannerGanttProps['scrollYChange']; - select?: KupPlannerGanttProps['select']; - setDoubleView?: (checked: boolean) => void; - showSecondaryDates?: KupPlannerGanttProps['showSecondaryDates']; - singleLineHeader?: KupPlannerGanttProps['singleLineHeader']; - tasks?: KupPlannerGanttProps['tasks']; - timeStep?: KupPlannerGanttProps['timeStep']; - timelineFill?: KupPlannerGanttProps['barFill']; - todayColor?: KupPlannerGanttProps['todayColor']; - viewDate?: KupPlannerGanttProps['viewDate']; - viewMode?: KupPlannerGanttProps['viewMode']; + "TaskListHeader"?: KupPlannerGanttProps['TaskListHeader']; + "TaskListTable"?: KupPlannerGanttProps['TaskListTable']; + "TooltipContent"?: KupPlannerGanttProps['TooltipContent']; + "arrowColor"?: KupPlannerGanttProps['arrowColor']; + "arrowIndent"?: KupPlannerGanttProps['arrowIndent']; + "barBackgroundColor"?: KupPlannerGanttProps['barBackgroundColor']; + "barBackgroundSelectedColor"?: KupPlannerGanttProps['barBackgroundSelectedColor']; + "barClick"?: KupPlannerGanttProps['barClick']; + "barContextMenu"?: KupPlannerGanttProps['barContextMenu']; + "barCornerRadius"?: KupPlannerGanttProps['barCornerRadius']; + "barDblClick"?: KupPlannerGanttProps['barDblClick']; + "barFill"?: KupPlannerGanttProps['barFill']; + "barProgressColor"?: KupPlannerGanttProps['barProgressColor']; + "barProgressSelectedColor"?: KupPlannerGanttProps['barProgressSelectedColor']; + "columnWidth"?: KupPlannerGanttProps['columnWidth']; + "currentTasks"?: KupPlannerGanttTaskN[] | KupPlannerItemDetail[]; + "dateChange"?: KupPlannerGanttProps['dateChange']; + "dateTimeFormatters"?: KupPlannerGanttProps['dateTimeFormatters']; + "delete"?: KupPlannerGanttProps['delete']; + "displayedEndDate"?: KupPlannerGanttProps['displayedEndDate']; + "displayedStartDate"?: KupPlannerGanttProps['displayedStartDate']; + "doubleClick"?: KupPlannerGanttProps['doubleClick']; + "doubleView"?: boolean; + "expanderClick"?: KupPlannerGanttProps['expanderClick']; + "filter"?: KupPlannerGanttProps['filter']; + "fontFamily"?: KupPlannerGanttProps['fontFamily']; + "fontSize"?: KupPlannerGanttProps['fontSize']; + "ganttHeight"?: KupPlannerGanttProps['ganttHeight']; + "ganttId"?: KupPlannerGanttProps['id']; + "ganttOnClick"?: KupGanttPlannerProps['onClick']; + "ganttOnDblClick"?: KupGanttPlannerProps['onDblClick']; + "ganttonOnContextMenu"?: KupGanttPlannerProps['onContextMenu']; + "handleClick"?: (row: KupPlannerGanttRow, onClick: any) => void; + "handleContextMenu"?: ( + event: MouseEvent, + row: KupPlannerGanttRow, + onContextMenu: any + ) => void; + "handleDblClick"?: (row: KupPlannerGanttRow, onDblClick: any) => void; + "handleWidth"?: KupPlannerGanttProps['handleWidth']; + "headerHeight"?: KupPlannerGanttProps['headerHeight']; + "hideDependencies"?: KupPlannerGanttProps['hideDependencies']; + "hideLabel"?: KupPlannerGanttProps['hideLabel']; + "initialScrollX"?: KupPlannerGanttProps['initialScrollX']; + "initialScrollY"?: KupPlannerGanttProps['initialScrollY']; + "label"?: string; + "listCellWidth"?: KupPlannerGanttProps['listCellWidth']; + "locale"?: KupPlannerGanttProps['locale']; + "preStepsCount"?: KupPlannerGanttProps['preStepsCount']; + "progressChange"?: KupPlannerGanttProps['progressChange']; + "projectBackgroundColor"?: KupPlannerGanttProps['projectBackgroundColor']; + "projectBackgroundSelectedColor"?: KupPlannerGanttProps['projectBackgroundSelectedColor']; + "projectFill"?: KupPlannerGanttProps['barFill']; + "projectProgressColor"?: KupPlannerGanttProps['projectProgressColor']; + "projectProgressSelectedColor"?: KupPlannerGanttProps['projectProgressSelectedColor']; + "projection"?: KupPlannerGanttProps['projection']; + "readOnly"?: KupPlannerGanttProps['readOnly']; + "rowHeight"?: KupPlannerGanttProps['rowHeight']; + "rtl"?: KupPlannerGanttProps['rtl']; + "scrollXChange"?: KupPlannerGanttProps['scrollXChange']; + "scrollYChange"?: KupPlannerGanttProps['scrollYChange']; + "select"?: KupPlannerGanttProps['select']; + "setDoubleView"?: (checked: boolean) => void; + "showSecondaryDates"?: KupPlannerGanttProps['showSecondaryDates']; + "singleLineHeader"?: KupPlannerGanttProps['singleLineHeader']; + "tasks"?: KupPlannerGanttProps['tasks']; + "timeStep"?: KupPlannerGanttProps['timeStep']; + "timelineFill"?: KupPlannerGanttProps['barFill']; + "todayColor"?: KupPlannerGanttProps['todayColor']; + "viewDate"?: KupPlannerGanttProps['viewDate']; + "viewMode"?: KupPlannerGanttProps['viewMode']; } interface KupGanttCalendar { - columnWidth?: KupPlannerCalendarProps['columnWidth']; - currentDateIndicator?: KupPlannerCalendarProps['currentDateIndicator']; - dateSetup?: KupPlannerCalendarProps['dateSetup']; - dateTimeFormatters?: KupPlannerCalendarProps['dateTimeFormatters']; - fontFamily?: KupPlannerCalendarProps['fontFamily']; - fontSize?: KupPlannerCalendarProps['fontSize']; - headerHeight?: KupPlannerCalendarProps['headerHeight']; - locale?: KupPlannerCalendarProps['locale']; - rtl?: KupPlannerCalendarProps['rtl']; - singleLineHeader?: KupPlannerCalendarProps['singleLineHeader']; - svgWidth?: number; + "columnWidth"?: KupPlannerCalendarProps['columnWidth']; + "currentDateIndicator"?: KupPlannerCalendarProps['currentDateIndicator']; + "dateSetup"?: KupPlannerCalendarProps['dateSetup']; + "dateTimeFormatters"?: KupPlannerCalendarProps['dateTimeFormatters']; + "fontFamily"?: KupPlannerCalendarProps['fontFamily']; + "fontSize"?: KupPlannerCalendarProps['fontSize']; + "headerHeight"?: KupPlannerCalendarProps['headerHeight']; + "locale"?: KupPlannerCalendarProps['locale']; + "rtl"?: KupPlannerCalendarProps['rtl']; + "singleLineHeader"?: KupPlannerCalendarProps['singleLineHeader']; + "svgWidth"?: number; } interface KupGauge { /** - * Sets how much the arc of the gauge should be thick. - * @namespace kup-gauge.arcThickness - * @see kup-gauge.size + * Sets how much the arc of the gauge should be thick. + * @namespace kup-gauge.arcThickness + * @see kup-gauge.size */ - arcThickness?: number; + "arcThickness"?: number; /** - * Array of three elements to specify the color of the arcs. + * Array of three elements to specify the color of the arcs. */ - colors?: string[]; + "colors"?: string[]; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * The first threshold, establishing the length of the first and second arc. + * The first threshold, establishing the length of the first and second arc. */ - firstThreshold?: number; + "firstThreshold"?: number; /** - * The distance the label and the value has from the gauge graph. + * The distance the label and the value has from the gauge graph. */ - labelDistance?: number; + "labelDistance"?: number; /** - * The maximum value reachable in the current graph. + * The maximum value reachable in the current graph. */ - maxValue?: number; + "maxValue"?: number; /** - * A string which will be appended to the displayed values of the component. + * A string which will be appended to the displayed values of the component. */ - measurementUnit?: string; + "measurementUnit"?: string; /** - * The minimum value reachable in the current graph. + * The minimum value reachable in the current graph. */ - minValue?: number; + "minValue"?: number; /** - * When true, shows a rounded needle. + * When true, shows a rounded needle. */ - needleCircle?: boolean; + "needleCircle"?: boolean; /** - * When true, ignore thresholds in gauge and show colored value's arc. + * When true, ignore thresholds in gauge and show colored value's arc. */ - onlyValue?: boolean; + "onlyValue"?: boolean; /** - * When true, the colors inside the colors array are used in the reversed order. + * When true, the colors inside the colors array are used in the reversed order. */ - reverseColors?: boolean; + "reverseColors"?: boolean; /** - * The second threshold, establishing the length of the second and third arc. + * The second threshold, establishing the length of the second and third arc. */ - secondThreshold?: number; + "secondThreshold"?: number; /** - * If set to false, threshold values of the gauge are not displayed. + * If set to false, threshold values of the gauge are not displayed. */ - showLabels?: boolean; + "showLabels"?: boolean; /** - * If set to false, the maximum and minimum values of the gauge are not displayed. + * If set to false, the maximum and minimum values of the gauge are not displayed. */ - showMaxmin?: boolean; + "showMaxmin"?: boolean; /** - * If set to false, the current value of the gauge is not displayed. + * If set to false, the current value of the gauge is not displayed. */ - showValue?: boolean; + "showValue"?: boolean; /** - * Con be used change the viewbox of the SVG. By manipulating this value, some customizations of the aspect of the gauge is achievable. - * @namespace kup-gauge.size - * @see kup-gauge.arcThickness + * Con be used change the viewbox of the SVG. By manipulating this value, some customizations of the aspect of the gauge is achievable. + * @namespace kup-gauge.size + * @see kup-gauge.arcThickness */ - size?: number; + "size"?: number; /** - * The current value of the gauge. The gauge's needle points to the percentage based on this prop. + * The current value of the gauge. The gauge's needle points to the percentage based on this prop. */ - value?: number; + "value"?: number; /** - * The current size of gauge's value. Correct values are: 0,1,2 or 3. + * The current size of gauge's value. Correct values are: 0,1,2 or 3. */ - valueSize?: number; + "valueSize"?: number; /** - * Set Width gauge. + * Set Width gauge. */ - widthComponent?: string; + "widthComponent"?: string; } interface KupGrid { /** - * The number of columns displayed by the grid, the default behavior is 12. - * @default 12 + * The number of columns displayed by the grid, the default behavior is 12. + * @default 12 */ - columns?: number; + "columns"?: number; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * When set to true, forces the content on a single line. - * @default false + * When set to true, forces the content on a single line. + * @default false */ - singleLine?: boolean; + "singleLine"?: boolean; } interface KupGridRenderer { - arrowColor?: KupPlannerTaskGanttContentProps['arrowColor']; - arrowIndent?: KupPlannerTaskGanttContentProps['arrowIndent']; - barClick?: KupPlannerEventOption['barClick']; - barContextMenu?: KupPlannerEventOption['barContextMenu']; - barDblClick?: KupPlannerEventOption['barDblClick']; - columnWidth?: KupPlannerTaskGanttContentProps['columnWidth']; - currentDateIndicator?: KupPlannerTaskGanttContentProps['currentDateIndicator']; - dateChange?: KupPlannerEventOption['dateChange']; - dates?: KupPlannerTaskGanttContentProps['dates']; - delete?: KupPlannerEventOption['delete']; - doubleClick?: KupPlannerEventOption['doubleClick']; - eMouseDown?: KupPlannerBarDisplayProps['onMouseDown']; - eventStart?: KupPlannerTaskItemProps['onEventStart']; - fontFamily?: KupPlannerTaskGanttContentProps['fontFamily']; - fontSize?: KupPlannerTaskGanttContentProps['fontSize']; - ganttEvent?: KupPlannerTaskGanttContentProps['ganttEvent']; - gridProps?: KupPlannerTaskGanttProps['gridProps']; - hideLabel?: KupPlannerTaskGanttContentProps['hideLabel']; - progressChange?: KupPlannerEventOption['progressChange']; - projection?: KupPlannerTaskGanttContentProps['projection']; - readOnly?: KupPlannerTaskGanttContentProps['readOnly']; - rowHeight?: KupPlannerTaskGanttContentProps['rowHeight']; - rtl?: KupPlannerTaskGanttContentProps['rtl']; - selectedTask?: KupPlannerTaskGanttContentProps['selectedTask']; - setFailedTask?: KupPlannerTaskGanttContentProps['setFailedTask']; - setGanttEvent?: (gantt: KupPlannerGanttEvent) => void; - setSelectedTask?: KupPlannerTaskGanttContentProps['setSelectedTask']; - showSecondaryDates?: KupPlannerTaskGanttContentProps['showSecondaryDates']; - taskHeight?: KupPlannerTaskGanttContentProps['taskHeight']; - tasks?: KupPlannerTaskGanttContentProps['tasks']; - timeStep?: KupPlannerTaskGanttContentProps['timeStep']; + "arrowColor"?: KupPlannerTaskGanttContentProps['arrowColor']; + "arrowIndent"?: KupPlannerTaskGanttContentProps['arrowIndent']; + "barClick"?: KupPlannerEventOption['barClick']; + "barContextMenu"?: KupPlannerEventOption['barContextMenu']; + "barDblClick"?: KupPlannerEventOption['barDblClick']; + "columnWidth"?: KupPlannerTaskGanttContentProps['columnWidth']; + "currentDateIndicator"?: KupPlannerTaskGanttContentProps['currentDateIndicator']; + "dateChange"?: KupPlannerEventOption['dateChange']; + "dates"?: KupPlannerTaskGanttContentProps['dates']; + "delete"?: KupPlannerEventOption['delete']; + "doubleClick"?: KupPlannerEventOption['doubleClick']; + "eMouseDown"?: KupPlannerBarDisplayProps['onMouseDown']; + "eventStart"?: KupPlannerTaskItemProps['onEventStart']; + "fontFamily"?: KupPlannerTaskGanttContentProps['fontFamily']; + "fontSize"?: KupPlannerTaskGanttContentProps['fontSize']; + "ganttEvent"?: KupPlannerTaskGanttContentProps['ganttEvent']; + "gridProps"?: KupPlannerTaskGanttProps['gridProps']; + "hideLabel"?: KupPlannerTaskGanttContentProps['hideLabel']; + "progressChange"?: KupPlannerEventOption['progressChange']; + "projection"?: KupPlannerTaskGanttContentProps['projection']; + "readOnly"?: KupPlannerTaskGanttContentProps['readOnly']; + "rowHeight"?: KupPlannerTaskGanttContentProps['rowHeight']; + "rtl"?: KupPlannerTaskGanttContentProps['rtl']; + "selectedTask"?: KupPlannerTaskGanttContentProps['selectedTask']; + "setFailedTask"?: KupPlannerTaskGanttContentProps['setFailedTask']; + "setGanttEvent"?: (gantt: KupPlannerGanttEvent) => void; + "setSelectedTask"?: KupPlannerTaskGanttContentProps['setSelectedTask']; + "showSecondaryDates"?: KupPlannerTaskGanttContentProps['showSecondaryDates']; + "taskHeight"?: KupPlannerTaskGanttContentProps['taskHeight']; + "tasks"?: KupPlannerTaskGanttContentProps['tasks']; + "timeStep"?: KupPlannerTaskGanttContentProps['timeStep']; } interface KupHorizontalScroll { - horizontalScroll?: (event: UIEvent) => void; - rtl?: boolean; - scrollNumber?: number; - svgWidth?: number; - taskListTrueRef?: HTMLKupTaskListElement; - taskListWidth?: number; + "horizontalScroll"?: (event: UIEvent) => void; + "rtl"?: boolean; + "scrollNumber"?: number; + "svgWidth"?: number; + "taskListTrueRef"?: HTMLKupTaskListElement; + "taskListWidth"?: number; } interface KupIframe { /** - * Props of the button (when isButton is set to true). + * Props of the button (when isButton is set to true). */ - buttonData?: Object; + "buttonData"?: Object; /** - * The component will be rendered as a button, which opens the link associated to the iframe in another tab when clicked. + * The component will be rendered as a button, which opens the link associated to the iframe in another tab when clicked. */ - isButton?: boolean; - 'onKup-iframe-error'?: ( - event: KupIframeCustomEvent - ) => void; - 'onKup-iframe-load'?: ( - event: KupIframeCustomEvent - ) => void; + "isButton"?: boolean; + "onKup-iframe-error"?: (event: KupIframeCustomEvent) => void; + "onKup-iframe-load"?: (event: KupIframeCustomEvent) => void; /** - * The address the iframe should be referencing to. + * The address the iframe should be referencing to. */ - src?: string; + "src"?: string; } interface KupImage { /** - * Sets the data of badges. - * @default null + * Sets the data of badges. + * @default null */ - badgeData?: KupBadge[]; + "badgeData"?: KupBadge[]; /** - * The color of the icon, defaults to the CSS variable KupThemeColorValues.ICON. - * @default KupThemeColorValues.ICON + * The color of the icon, defaults to the CSS variable KupThemeColorValues.ICON. + * @default KupThemeColorValues.ICON */ - color?: string; + "color"?: string; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * When present, the component will be drawn using CSS. Check the 'Drawing with CSS' section of the image showcase for more information. - * @default null + * When present, the component will be drawn using CSS. Check the 'Drawing with CSS' section of the image showcase for more information. + * @default null */ - data?: FImageData[]; + "data"?: FImageData[]; /** - * When set to true, a spinner will be displayed until the image finished loading. Not compatible with SVGs. - * @default false + * When set to true, a spinner will be displayed until the image finished loading. Not compatible with SVGs. + * @default false */ - feedback?: boolean; + "feedback"?: boolean; /** - * The image component will create a canvas element on which it's possible to draw. It's a temporary feature that will be fully replaced by CSS drawing in the future. - * @default false + * The image component will create a canvas element on which it's possible to draw. It's a temporary feature that will be fully replaced by CSS drawing in the future. + * @default false */ - isCanvas?: boolean; - 'onKup-image-click'?: ( - event: KupImageCustomEvent - ) => void; - 'onKup-image-load'?: ( - event: KupImageCustomEvent - ) => void; + "isCanvas"?: boolean; + "onKup-image-click"?: (event: KupImageCustomEvent) => void; + "onKup-image-load"?: (event: KupImageCustomEvent) => void; /** - * The resource used to fetch the image. - * @default null + * The resource used to fetch the image. + * @default null */ - resource?: string; + "resource"?: string; /** - * The width of the icon, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.). - * @default '100%' + * The width of the icon, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.). + * @default '100%' */ - sizeX?: string; + "sizeX"?: string; /** - * The height of the icon, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.). - * @default '100%' + * The height of the icon, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.). + * @default '100%' */ - sizeY?: string; + "sizeY"?: string; } interface KupImageList { /** - * Number of columns to display in the grid layout. - * @default 4 + * Number of columns to display in the grid layout. + * @default 4 */ - columns?: number; + "columns"?: number; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * Actual data of the component. - * @default [] + * Actual data of the component. + * @default [] */ - data?: KupDataNode[]; - 'onKup-imagelist-click'?: ( - event: KupImageListCustomEvent - ) => void; - 'onKup-imagelist-contextmenu'?: ( - event: KupImageListCustomEvent - ) => void; - 'onKup-imagelist-dblclick'?: ( - event: KupImageListCustomEvent - ) => void; + "data"?: KupDataNode[]; + "onKup-imagelist-click"?: (event: KupImageListCustomEvent) => void; + "onKup-imagelist-contextmenu"?: (event: KupImageListCustomEvent) => void; + "onKup-imagelist-dblclick"?: (event: KupImageListCustomEvent) => void; /** - * When enabled displays Material's ripple effect on clicked items. - * @default true + * When enabled displays Material's ripple effect on clicked items. + * @default true */ - ripple?: boolean; + "ripple"?: boolean; /** - * An array of integers containing the path to a selected child.\ + * An array of integers containing the path to a selected child.\ */ - selectedNode?: TreeNodePath; - stateId?: string; - store?: KupStore; + "selectedNode"?: TreeNodePath; + "stateId"?: string; + "store"?: KupStore; } interface KupLazy { /** - * Sets the tag name of the component to be lazy loaded. - * @default null + * Sets the tag name of the component to be lazy loaded. + * @default null */ - componentName?: string; + "componentName"?: string; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * Sets the data of the component to be lazy loaded. - * @default null + * Sets the data of the component to be lazy loaded. + * @default null */ - data?: GenericObject; + "data"?: GenericObject; /** - * Triggered when the component is loaded. + * Triggered when the component is loaded. */ - 'onKup-lazy-loaded'?: ( - event: KupLazyCustomEvent - ) => void; + "onKup-lazy-loaded"?: (event: KupLazyCustomEvent) => void; /** - * Decides when the sub-component should be rendered. By default when both the component props exist and the component is in the viewport. - * @default KupLazyRender.BOTH + * Decides when the sub-component should be rendered. By default when both the component props exist and the component is in the viewport. + * @default KupLazyRender.BOTH */ - renderMode?: KupLazyRender; + "renderMode"?: KupLazyRender; /** - * Displays an animated SVG placeholder until the component is loaded. - * @default true + * Displays an animated SVG placeholder until the component is loaded. + * @default true */ - showPlaceholder?: boolean; + "showPlaceholder"?: boolean; } interface KupList { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * The data of the list. - * @default [] + * The data of the list. + * @default [] */ - data?: KupListNode[]; + "data"?: KupListNode[]; /** - * Selects how the items must display their label and how they can be filtered for. - * @default ItemsDisplayMode.DESCRIPTION + * Selects how the items must display their label and how they can be filtered for. + * @default ItemsDisplayMode.DESCRIPTION */ - displayMode?: ItemsDisplayMode; + "displayMode"?: ItemsDisplayMode; /** - * Keeps string for filtering elements when filter mode is active - * @default '' + * Keeps string for filtering elements when filter mode is active + * @default '' */ - filter?: string; + "filter"?: string; /** - * Hides rows' text, ideally to display a list of icons only. - * @default false + * Hides rows' text, ideally to display a list of icons only. + * @default false */ - hideText?: boolean; + "hideText"?: boolean; /** - * Defines whether the list is a menu or not. - * @default false + * Defines whether the list is a menu or not. + * @default false */ - isMenu?: boolean; + "isMenu"?: boolean; /** - * When true, enables items' navigation through arrow keys. - * @default true + * When true, enables items' navigation through arrow keys. + * @default true */ - keyboardNavigation?: boolean; + "keyboardNavigation"?: boolean; /** - * Sets the status of the menu, when false it's hidden otherwise it's visible. - * @default false + * Sets the status of the menu, when false it's hidden otherwise it's visible. + * @default false */ - menuVisible?: boolean; - 'onKup-list-blur'?: ( - event: KupListCustomEvent - ) => void; - 'onKup-list-click'?: ( - event: KupListCustomEvent - ) => void; - 'onKup-list-focus'?: ( - event: KupListCustomEvent - ) => void; + "menuVisible"?: boolean; + "onKup-list-blur"?: (event: KupListCustomEvent) => void; + "onKup-list-click"?: (event: KupListCustomEvent) => void; + "onKup-list-focus"?: (event: KupListCustomEvent) => void; /** - * Defines the type of selection. Values accepted: listbox, radiogroup or group. - * @default KupListRole.LISTBOX + * Defines the type of selection. Values accepted: listbox, radiogroup or group. + * @default KupListRole.LISTBOX */ - roleType?: KupListRole; + "roleType"?: KupListRole; /** - * Defines whether items are selectable or not. - * @default true + * Defines whether items are selectable or not. + * @default true */ - selectable?: boolean; + "selectable"?: boolean; /** - * Displays the icons associated to each row when set to true. - * @default false + * Displays the icons associated to each row when set to true. + * @default false */ - showIcons?: boolean; + "showIcons"?: boolean; /** - * The list elements descriptions will be arranged in two lines. - * @default false + * The list elements descriptions will be arranged in two lines. + * @default false */ - twoLine?: boolean; + "twoLine"?: boolean; } interface KupMagicBox { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * Sets the data that will be used to display different components. - * @default null + * Sets the data that will be used to display different components. + * @default null */ - data?: KupDataDataset; + "data"?: KupDataDataset; } interface KupNavBar { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * Triggered when the component is ready. + * Triggered when the component is ready. */ - 'onKup-navbar-ready'?: ( - event: KupNavBarCustomEvent - ) => void; + "onKup-navbar-ready"?: (event: KupNavBarCustomEvent) => void; /** - * Triggered when the component is resize. + * Triggered when the component is resize. */ - 'onKup-navbar-resize'?: ( - event: KupNavBarCustomEvent - ) => void; + "onKup-navbar-resize"?: (event: KupNavBarCustomEvent) => void; /** - * Defines the style of the nav bar. - * @default KupNavBarStyling.STANDARD + * Defines the style of the nav bar. + * @default KupNavBarStyling.STANDARD */ - styling?: KupNavBarStyling; + "styling"?: KupNavBarStyling; } interface KupNumericPicker { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * Props of the sub-components. - * @default null + * Props of the sub-components. + * @default null */ - data?: Object; + "data"?: Object; /** - * Defaults at false. When set to true, the component has decimals. - * @default false + * Defaults at false. When set to true, the component has decimals. + * @default false */ - decimals?: boolean; + "decimals"?: boolean; /** - * Defaults at false. When set to true, the component is disabled. - * @default false + * Defaults at false. When set to true, the component is disabled. + * @default false */ - disabled?: boolean; + "disabled"?: boolean; /** - * Sets the initial value of the component - * @default "" + * Sets the initial value of the component + * @default "" */ - initialValue?: string; + "initialValue"?: string; /** - * when set, the component allows you to enter decimals with a maximum of characters. - * @default null + * when set, the component allows you to enter decimals with a maximum of characters. + * @default null */ - maxDecimals?: number; + "maxDecimals"?: number; /** - * When set, the component allows you to enter integer numbers with a maximum of characters. - * @default null + * When set, the component allows you to enter integer numbers with a maximum of characters. + * @default null */ - maxIntegers?: number; + "maxIntegers"?: number; /** - * When set, the component allows you to enter numbers with a maximum of characters, including decimals. - * @default null + * When set, the component allows you to enter numbers with a maximum of characters, including decimals. + * @default null */ - maxLength?: number; + "maxLength"?: number; /** - * Defaults at false. When set to true, the component has negative number. - * @default false + * Defaults at false. When set to true, the component has negative number. + * @default false */ - negative?: boolean; - 'onKup-numericpicker-blur'?: ( - event: KupNumericPickerCustomEvent - ) => void; - 'onKup-numericpicker-change'?: ( - event: KupNumericPickerCustomEvent - ) => void; - 'onKup-numericpicker-cleariconclick'?: ( - event: KupNumericPickerCustomEvent - ) => void; - 'onKup-numericpicker-click'?: ( - event: KupNumericPickerCustomEvent - ) => void; - 'onKup-numericpicker-focus'?: ( - event: KupNumericPickerCustomEvent - ) => void; - 'onKup-numericpicker-iconclick'?: ( - event: KupNumericPickerCustomEvent - ) => void; - 'onKup-numericpicker-input'?: ( - event: KupNumericPickerCustomEvent - ) => void; - 'onKup-numericpicker-itemclick'?: ( - event: KupNumericPickerCustomEvent - ) => void; - 'onKup-numericpicker-textfieldsubmit'?: ( - event: KupNumericPickerCustomEvent - ) => void; + "negative"?: boolean; + "onKup-numericpicker-blur"?: (event: KupNumericPickerCustomEvent) => void; + "onKup-numericpicker-change"?: (event: KupNumericPickerCustomEvent) => void; + "onKup-numericpicker-cleariconclick"?: (event: KupNumericPickerCustomEvent) => void; + "onKup-numericpicker-click"?: (event: KupNumericPickerCustomEvent) => void; + "onKup-numericpicker-focus"?: (event: KupNumericPickerCustomEvent) => void; + "onKup-numericpicker-iconclick"?: (event: KupNumericPickerCustomEvent) => void; + "onKup-numericpicker-input"?: (event: KupNumericPickerCustomEvent) => void; + "onKup-numericpicker-itemclick"?: (event: KupNumericPickerCustomEvent) => void; + "onKup-numericpicker-textfieldsubmit"?: (event: KupNumericPickerCustomEvent) => void; } interface KupPhotoFrame { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * Triggered when the placeholder is loaded. + * Triggered when the placeholder is loaded. */ - 'onKup-photoframe-placeholderload'?: ( - event: KupPhotoFrameCustomEvent - ) => void; + "onKup-photoframe-placeholderload"?: (event: KupPhotoFrameCustomEvent) => void; /** - * Triggered when the resource is loaded. + * Triggered when the resource is loaded. */ - 'onKup-photoframe-resourceload'?: ( - event: KupPhotoFrameCustomEvent - ) => void; + "onKup-photoframe-resourceload"?: (event: KupPhotoFrameCustomEvent) => void; /** - * Html attributes of the picture before the component enters the viewport. - * @default {} + * Html attributes of the picture before the component enters the viewport. + * @default {} */ - placeholderAttrs?: GenericObject; + "placeholderAttrs"?: GenericObject; /** - * Html attributes of the picture after the component enters the viewport. - * @default {} + * Html attributes of the picture after the component enters the viewport. + * @default {} */ - resourceAttrs?: GenericObject; + "resourceAttrs"?: GenericObject; /** - * Percentage of the component dimensions entering the viewport (0.1 => 1). - * @default 0.25 + * Percentage of the component dimensions entering the viewport (0.1 => 1). + * @default 0.25 */ - threshold?: number; + "threshold"?: number; } interface KupPlanner { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * Dataset containg the tasks list - * @default null + * Dataset containg the tasks list + * @default null */ - data?: KupDataDataset; + "data"?: KupDataDataset; /** - * Column containing the detail color, in hex format - * @default null + * Column containing the detail color, in hex format + * @default null */ - detailColorCol?: string; + "detailColorCol"?: string; /** - * Columns containing informations displayed in the left box, near the gantt of details - * @default null + * Columns containing informations displayed in the left box, near the gantt of details + * @default null */ - detailColumns?: string[]; + "detailColumns"?: string[]; /** - * Dataset containg the details list - * @default null + * Dataset containg the details list + * @default null */ - detailData?: KupDataDataset; + "detailData"?: KupDataDataset; /** - * Columns containing detail duration, from (firstDate) to (secondDate) - * @default null + * Columns containing detail duration, from (firstDate) to (secondDate) + * @default null */ - detailDates?: string[]; + "detailDates"?: string[]; /** - * Sets the detail's filter. - * @default undefined + * Sets the detail's filter. + * @default undefined */ - detailFilter?: string; + "detailFilter"?: string; /** - * Height for detail gantt - * @default null + * Height for detail gantt + * @default null */ - detailHeight?: number; + "detailHeight"?: number; /** - * Column containing icon name to show, for detail - * @default null + * Column containing icon name to show, for detail + * @default null */ - detailIconCol?: string; + "detailIconCol"?: string; /** - * Column containing unique detail identifier - * @default null + * Column containing unique detail identifier + * @default null */ - detailIdCol?: string; + "detailIdCol"?: string; /** - * Sets the initial scroll X for the detail. - * @default undefined + * Sets the initial scroll X for the detail. + * @default undefined */ - detailInitialScrollX?: number; + "detailInitialScrollX"?: number; /** - * Sets the initial scroll Y for the detail. - * @default undefined + * Sets the initial scroll Y for the detail. + * @default undefined */ - detailInitialScrollY?: number; + "detailInitialScrollY"?: number; /** - * Column containing detail name displayed - * @default null + * Column containing detail name displayed + * @default null */ - detailNameCol?: string; + "detailNameCol"?: string; /** - * Columns containing forecast detail duration, from (firstDate) to (secondDate) - * @default null + * Columns containing forecast detail duration, from (firstDate) to (secondDate) + * @default null */ - detailPrevDates?: string[]; + "detailPrevDates"?: string[]; /** - * Total size of the cells inside to the left box, near the gantt - * @default '300px' + * Total size of the cells inside to the left box, near the gantt + * @default '300px' */ - listCellWidth?: string; + "listCellWidth"?: string; /** - * Sets the filter for main gantt. - * @default undefined + * Sets the filter for main gantt. + * @default undefined */ - mainFilter?: HTMLElement; + "mainFilter"?: HTMLElement; /** - * Max width for component - * @default '90vw' + * Max width for component + * @default '90vw' */ - maxWidth?: string; - 'onKup-planner-click'?: ( - event: KupPlannerCustomEvent - ) => void; + "maxWidth"?: string; + "onKup-planner-click"?: (event: KupPlannerCustomEvent) => void; /** - * Generic right click event on planner. + * Generic right click event on planner. */ - 'onKup-planner-contextmenu'?: ( - event: KupPlannerCustomEvent - ) => void; - 'onKup-planner-datechange'?: ( - event: KupPlannerCustomEvent - ) => void; - 'onKup-planner-dblclick'?: ( - event: KupPlannerCustomEvent - ) => void; + "onKup-planner-contextmenu"?: (event: KupPlannerCustomEvent) => void; + "onKup-planner-datechange"?: (event: KupPlannerCustomEvent) => void; + "onKup-planner-dblclick"?: (event: KupPlannerCustomEvent) => void; /** - * When component unload is complete + * When component unload is complete */ - 'onKup-planner-didunload'?: ( - event: KupPlannerCustomEvent - ) => void; - 'onKup-planner-ready'?: ( - event: KupPlannerCustomEvent - ) => void; + "onKup-planner-didunload"?: (event: KupPlannerCustomEvent) => void; + "onKup-planner-ready"?: (event: KupPlannerCustomEvent) => void; /** - * Column containing the name of the parent phases - * @default null + * Column containing the name of the parent phases + * @default null */ - phaseColParDep?: string; + "phaseColParDep"?: string; /** - * Column containing the phase color in hex format - * @default null + * Column containing the phase color in hex format + * @default null */ - phaseColorCol?: string; + "phaseColorCol"?: string; /** - * Columns containing informations displayed in the left box ,near the gantt of phases - * @default null + * Columns containing informations displayed in the left box ,near the gantt of phases + * @default null */ - phaseColumns?: string[]; + "phaseColumns"?: string[]; /** - * Columns containing phase duration, from (firstDate) to (secondDate) - * @default null + * Columns containing phase duration, from (firstDate) to (secondDate) + * @default null */ - phaseDates?: string[]; + "phaseDates"?: string[]; /** - * Column containing icon name to show, for phase - * @default null + * Column containing icon name to show, for phase + * @default null */ - phaseIconCol?: string; + "phaseIconCol"?: string; /** - * Column containing unique phase identifier - * @default null + * Column containing unique phase identifier + * @default null */ - phaseIdCol?: string; + "phaseIdCol"?: string; /** - * Column containing phase name displayed - * @default null + * Column containing phase name displayed + * @default null */ - phaseNameCol?: string; + "phaseNameCol"?: string; /** - * Columns containing forecast phase duration, from (firstDate) to (secondDate) - * @default null + * Columns containing forecast phase duration, from (firstDate) to (secondDate) + * @default null */ - phasePrevDates?: string[]; + "phasePrevDates"?: string[]; /** - * When true, the two gantts are not interactable. - * @default false + * When true, the two gantts are not interactable. + * @default false */ - readOnly?: boolean; + "readOnly"?: boolean; /** - * Sets the filter for secondary gantt. - * @default undefined + * Sets the filter for secondary gantt. + * @default undefined */ - secondaryFilter?: HTMLElement; + "secondaryFilter"?: HTMLElement; /** - * Enable/disable display of secondary dates - * @default false + * Enable/disable display of secondary dates + * @default false */ - showSecondaryDates?: boolean; - stateId?: string; - store?: KupStore; + "showSecondaryDates"?: boolean; + "stateId"?: string; + "store"?: KupStore; /** - * Columns containing informations displayed in the left box, near the gantt - * @default null + * Columns containing informations displayed in the left box, near the gantt + * @default null */ - taskColumns?: string[]; + "taskColumns"?: string[]; /** - * Columns containing task duration, from (firstDate) to (secondDate) - * @default null + * Columns containing task duration, from (firstDate) to (secondDate) + * @default null */ - taskDates?: string[]; + "taskDates"?: string[]; /** - * Sets the task's filter. - * @default undefined + * Sets the task's filter. + * @default undefined */ - taskFilter?: string; + "taskFilter"?: string; /** - * Height for main gantt - * @default null + * Height for main gantt + * @default null */ - taskHeight?: number; + "taskHeight"?: number; /** - * Column containing icon name to show, for task - * @default null + * Column containing icon name to show, for task + * @default null */ - taskIconCol?: string; + "taskIconCol"?: string; /** - * Column containing unique task identifier - * @default null + * Column containing unique task identifier + * @default null */ - taskIdCol?: string; + "taskIdCol"?: string; /** - * Sets the initial scroll X for the task. - * @default undefined + * Sets the initial scroll X for the task. + * @default undefined */ - taskInitialScrollX?: number; + "taskInitialScrollX"?: number; /** - * Sets the initial scroll Y for the task. - * @default undefined + * Sets the initial scroll Y for the task. + * @default undefined */ - taskInitialScrollY?: number; + "taskInitialScrollY"?: number; /** - * Column containing task name displayed - * @default null + * Column containing task name displayed + * @default null */ - taskNameCol?: string; + "taskNameCol"?: string; /** - * Columns containing forecast task duration, from (firstDate) to (secondDate) - * @default null + * Columns containing forecast task duration, from (firstDate) to (secondDate) + * @default null */ - taskPrevDates?: string[]; + "taskPrevDates"?: string[]; /** - * Message displayed on top - * @default null + * Message displayed on top + * @default null */ - titleMess?: string; + "titleMess"?: string; /** - * Sets the view mode. - * @default 'month' + * Sets the view mode. + * @default 'month' */ - viewMode?: KupPlannerViewMode; + "viewMode"?: KupPlannerViewMode; } interface KupPlannerRenderer { - props?: PlannerProps; + "props"?: PlannerProps; } interface KupProbe { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * Specify features to test. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Specify features to test. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - features?: { - debug: boolean; - language: boolean; - longCycleProp: boolean; - longCycleVar: boolean; - objects: boolean; - objectsFunction: boolean; - theme: boolean; - }; + "features"?: { + debug: boolean; + language: boolean; + longCycleProp: boolean; + longCycleVar: boolean; + objects: boolean; + objectsFunction: boolean; + theme: boolean; + }; } interface KupProgressBar { /** - * Displays the label in the middle of the progress bar. It's the default for the radial variant and can't be changed. - * @default true + * Displays the label in the middle of the progress bar. It's the default for the radial variant and can't be changed. + * @default true */ - centeredLabel?: boolean; + "centeredLabel"?: boolean; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * Flag to show or hide the progress bar's label. - * @default false + * Flag to show or hide the progress bar's label. + * @default false */ - hideLabel?: boolean; + "hideLabel"?: boolean; /** - * Specifies an icon to replace the label. - * @default null + * Specifies an icon to replace the label. + * @default null */ - icon?: string; + "icon"?: string; /** - * Radial version. - * @default false + * Radial version. + * @default false */ - isRadial?: boolean; + "isRadial"?: boolean; /** - * Specifies a text for the bar's label. - * @default null + * Specifies a text for the bar's label. + * @default null */ - label?: string; + "label"?: string; /** - * The current value the progress bar must display. - * @default 0 + * The current value the progress bar must display. + * @default 0 */ - value?: number; + "value"?: number; } interface KupQlik { /** - * Set Qlik App's istance would you like to use (!!!ALLERT!!! if you have already set appid app's istance will be NOT generated again) + * Set Qlik App's istance would you like to use (!!!ALLERT!!! if you have already set appid app's istance will be NOT generated again) */ - app?: any; + "app"?: any; /** - * Set Qlik App's id would you like to use How to find app id --> https://support.qlik.com/articles/000026239 + * Set Qlik App's id would you like to use How to find app id --> https://support.qlik.com/articles/000026239 */ - appid?: string; + "appid"?: string; /** - * Set gird border + * Set gird border */ - bordered?: boolean; + "bordered"?: boolean; /** - * Set Qlik Server's connection parameters MUST be delcared to open apps {host:'', port:'', prefix:'', isSecure:} + * Set Qlik Server's connection parameters MUST be delcared to open apps {host:'', port:'', prefix:'', isSecure:} */ - config?: QlikServer; + "config"?: QlikServer; /** - * Activate logging Default false + * Activate logging Default false */ - debug?: boolean; + "debug"?: boolean; /** - * Set default obj's container pixel height + * Set default obj's container pixel height */ - defobjsize?: string; + "defobjsize"?: string; /** - * Define width of grid, with true width = 100% responsive, false 1200px + * Define width of grid, with true width = 100% responsive, false 1200px */ - fluid?: boolean; + "fluid"?: boolean; /** - * Set the grid structure (JSON) selections --> Data selection array field --> Qlik field on which to make the selection values --> Array of int or string value which to select rows colums --> they define the structure of grid obj --> Qlik Object id would you like to render (How to find Qlik obj id --> https://help.qlik.com/en-US/sense-developer/June2020/Subsystems/Mashups/Content/Sense_Mashups/Howtos/mashups-obtain-app-object-id.htm) colDim --> define column's dimension, it could have values from 1 to 12 where 12 is 100% size --> define size height of obj's div container, it colud have this values XS|S|M|L|XL noSelections --> define if selections in object are disable (default: false) Example: { selections:[ { field: 'Anno', values:[2020] } ], rows:[ { columns:[ { obj:'KvqdmD', colDim:5, size:'L', noSelections: }, { obj:'JjSaVm', colDim:5, size:'S', noSelections: } ] } ] } + * Set the grid structure (JSON) selections --> Data selection array field --> Qlik field on which to make the selection values --> Array of int or string value which to select rows colums --> they define the structure of grid obj --> Qlik Object id would you like to render (How to find Qlik obj id --> https://help.qlik.com/en-US/sense-developer/June2020/Subsystems/Mashups/Content/Sense_Mashups/Howtos/mashups-obtain-app-object-id.htm) colDim --> define column's dimension, it could have values from 1 to 12 where 12 is 100% size --> define size height of obj's div container, it colud have this values XS|S|M|L|XL noSelections --> define if selections in object are disable (default: false) Example: { selections:[ { field: 'Anno', values:[2020] } ], rows:[ { columns:[ { obj:'KvqdmD', colDim:5, size:'L', noSelections: }, { obj:'JjSaVm', colDim:5, size:'S', noSelections: } ] } ] } */ - grid?: Array; + "grid"?: Array; /** - * Set Qlik Server istance would you like to use after connection + * Set Qlik Server istance would you like to use after connection */ - qlik?: any; + "qlik"?: any; } interface KupRadio { /** - * Number of columns. When null, radio fields will be displayed inline. - * @default null + * Number of columns. When null, radio fields will be displayed inline. + * @default null */ - columns?: number; + "columns"?: number; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * List of elements. - * @default null + * List of elements. + * @default null */ - data?: FRadioData[]; + "data"?: FRadioData[]; /** - * Defaults at false. When set to true, the component is disabled. - * @default false + * Defaults at false. When set to true, the component is disabled. + * @default false */ - disabled?: boolean; + "disabled"?: boolean; /** - * Defaults at false. When set to true, the label will be on the left of the component. - * @default false + * Defaults at false. When set to true, the label will be on the left of the component. + * @default false */ - leadingLabel?: boolean; + "leadingLabel"?: boolean; /** - * Triggered when the input element loses focus. + * Triggered when the input element loses focus. */ - 'onKup-radio-blur'?: ( - event: KupRadioCustomEvent - ) => void; + "onKup-radio-blur"?: (event: KupRadioCustomEvent) => void; /** - * Triggered when the input element's value changes. + * Triggered when the input element's value changes. */ - 'onKup-radio-change'?: ( - event: KupRadioCustomEvent - ) => void; + "onKup-radio-change"?: (event: KupRadioCustomEvent) => void; /** - * Triggered when the input element gets focused. + * Triggered when the input element gets focused. */ - 'onKup-radio-focus'?: ( - event: KupRadioCustomEvent - ) => void; + "onKup-radio-focus"?: (event: KupRadioCustomEvent) => void; } interface KupRating { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * Defaults at false. When set to true, the component is disabled. - * @default false + * Defaults at false. When set to true, the component is disabled. + * @default false */ - disabled?: boolean; + "disabled"?: boolean; /** - * Max number of stars (default 5). - * @default 5 + * Max number of stars (default 5). + * @default 5 */ - maxValue?: number; - 'onKup-rating-click'?: ( - event: KupRatingCustomEvent - ) => void; + "maxValue"?: number; + "onKup-rating-click"?: (event: KupRatingCustomEvent) => void; /** - * Rated stars. - * @default 0 + * Rated stars. + * @default 0 */ - value?: number; + "value"?: number; } interface KupSnackbar { /** - * Set of FButton props to set the action button. - * @default null + * Set of FButton props to set the action button. + * @default null */ - actionButton?: FButtonProps; + "actionButton"?: FButtonProps; /** - * When true, the hide button will be displayed. - * @default true + * When true, the hide button will be displayed. + * @default true */ - closeButton?: boolean; + "closeButton"?: boolean; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * Triggered when action button is clicked. + * Triggered when action button is clicked. */ - 'onKup-snackbar-actionclick'?: ( - event: KupSnackbarCustomEvent - ) => void; + "onKup-snackbar-actionclick"?: (event: KupSnackbarCustomEvent) => void; /** - * Triggered when the snackbar's hidden timeout is complete. + * Triggered when the snackbar's hidden timeout is complete. */ - 'onKup-snackbar-timeoutcomplete'?: ( - event: KupSnackbarCustomEvent - ) => void; + "onKup-snackbar-timeoutcomplete"?: (event: KupSnackbarCustomEvent) => void; /** - * Sets the textual content of the snackbar. - * @default '' + * Sets the textual content of the snackbar. + * @default '' */ - text?: string; + "text"?: string; /** - * Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds. - * @default null + * Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds. + * @default null */ - timeout?: number; + "timeout"?: number; } interface KupSpinner { /** - * When set to true the spinner is animating. - * @default false + * When set to true the spinner is animating. + * @default false */ - active?: boolean; + "active"?: boolean; /** - * Decides whether the component is a bar or a spinner. - * @default false + * Decides whether the component is a bar or a spinner. + * @default false */ - barVariant?: boolean; + "barVariant"?: boolean; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * Width and height of the spinner. For the bar variant, only height. - * @default false + * Width and height of the spinner. For the bar variant, only height. + * @default false */ - dimensions?: string; + "dimensions"?: string; /** - * Places a blend modal over the wrapper to darken the view (or lighten, when the theme is dark). - * @default false + * Places a blend modal over the wrapper to darken the view (or lighten, when the theme is dark). + * @default false */ - fader?: boolean; + "fader"?: boolean; /** - * The time required for the "fader" to trigger. - * @default 3500 + * The time required for the "fader" to trigger. + * @default 3500 */ - faderTimeout?: number; + "faderTimeout"?: number; /** - * When set to true the component will fill the whole viewport. - * @default false + * When set to true the component will fill the whole viewport. + * @default false */ - fullScreen?: boolean; + "fullScreen"?: boolean; /** - * Sets the layout of the spinner. - * @default 1 + * Sets the layout of the spinner. + * @default 1 */ - layout?: number; + "layout"?: number; /** - * Triggered when the component is ready. + * Triggered when the component is ready. */ - 'onKup-spinner-ready'?: ( - event: KupSpinnerCustomEvent - ) => void; + "onKup-spinner-ready"?: (event: KupSpinnerCustomEvent) => void; } interface KupStandardTooltip { - fontFamily?: string; - fontSize?: string; - task?: KupPlannerTask; + "fontFamily"?: string; + "fontSize"?: string; + "task"?: KupPlannerTask; } interface KupSwitch { /** - * Defaults at false. When set to true, the component will be set to 'checked'. - * @default false + * Defaults at false. When set to true, the component will be set to 'checked'. + * @default false */ - checked?: boolean; + "checked"?: boolean; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * Defaults at false. When set to true, the component is disabled. - * @default false + * Defaults at false. When set to true, the component is disabled. + * @default false */ - disabled?: boolean; + "disabled"?: boolean; /** - * Defaults at null. When specified, its content will be shown as a label. - * @default null + * Defaults at null. When specified, its content will be shown as a label. + * @default null */ - label?: string; + "label"?: string; /** - * Defaults at false. When set to true, the label will be on the left of the component. - * @default false + * Defaults at false. When set to true, the label will be on the left of the component. + * @default false */ - leadingLabel?: boolean; + "leadingLabel"?: boolean; /** - * Triggered when the input element loses focus. + * Triggered when the input element loses focus. */ - 'onKup-switch-blur'?: ( - event: KupSwitchCustomEvent - ) => void; + "onKup-switch-blur"?: (event: KupSwitchCustomEvent) => void; /** - * Triggered when the input element's value changes. + * Triggered when the input element's value changes. */ - 'onKup-switch-change'?: ( - event: KupSwitchCustomEvent - ) => void; + "onKup-switch-change"?: (event: KupSwitchCustomEvent) => void; /** - * Triggered when the input element gets focused. + * Triggered when the input element gets focused. */ - 'onKup-switch-focus'?: ( - event: KupSwitchCustomEvent - ) => void; + "onKup-switch-focus"?: (event: KupSwitchCustomEvent) => void; } interface KupSwitcher { - timeUnitChange?: KupPlannerSwitcherProps['onTimeUnitChange']; + "timeUnitChange"?: KupPlannerSwitcherProps['onTimeUnitChange']; } interface KupTabBar { /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * List of elements. - * @default null + * List of elements. + * @default null */ - data?: KupTabBarNode[]; + "data"?: KupTabBarNode[]; /** - * Triggered when the tab loses focus. + * Triggered when the tab loses focus. */ - 'onKup-tabbar-blur'?: ( - event: KupTabBarCustomEvent - ) => void; + "onKup-tabbar-blur"?: (event: KupTabBarCustomEvent) => void; /** - * Triggered when the tab is clicked. + * Triggered when the tab is clicked. */ - 'onKup-tabbar-click'?: ( - event: KupTabBarCustomEvent - ) => void; + "onKup-tabbar-click"?: (event: KupTabBarCustomEvent) => void; /** - * Triggered when the tab is focused. + * Triggered when the tab is focused. */ - 'onKup-tabbar-focus'?: ( - event: KupTabBarCustomEvent - ) => void; + "onKup-tabbar-focus"?: (event: KupTabBarCustomEvent) => void; /** - * When enabled displays Material's ripple effect on item headers. - * @default true + * When enabled displays Material's ripple effect on item headers. + * @default true */ - ripple?: boolean; + "ripple"?: boolean; } interface KupTaskGantt { - barProps?: KupPlannerTaskGanttProps['barProps']; - calendarProps?: KupPlannerTaskGanttProps['calendarProps']; - ganttHeight?: KupPlannerTaskGanttProps['ganttHeight']; - gridProps?: KupPlannerTaskGanttProps['gridProps']; - scrollX?: KupPlannerTaskGanttProps['scrollX']; - scrollY?: KupPlannerTaskGanttProps['scrollY']; - taskGanttRef?: KupPlannerTaskGanttProps['taskGanttRef']; + "barProps"?: KupPlannerTaskGanttProps['barProps']; + "calendarProps"?: KupPlannerTaskGanttProps['calendarProps']; + "ganttHeight"?: KupPlannerTaskGanttProps['ganttHeight']; + "gridProps"?: KupPlannerTaskGanttProps['gridProps']; + "scrollX"?: KupPlannerTaskGanttProps['scrollX']; + "scrollY"?: KupPlannerTaskGanttProps['scrollY']; + "taskGanttRef"?: KupPlannerTaskGanttProps['taskGanttRef']; } interface KupTaskList { - TaskListHeader?: KupPlannerTaskListProps['TaskListHeader']; - TaskListTable?: KupPlannerTaskListProps['TaskListTable']; - currentTasks?: KupPlannerGanttTaskN[] | KupPlannerItemDetail[]; - doubleView?: boolean; - expanderClick?: KupPlannerTaskListProps['expanderClick']; - filter?: HTMLElement; - fontFamily?: string; - fontSize?: string; - ganttHeight?: number; - ganttOnClick?: KupGanttPlannerProps['onClick']; - ganttOnDblClick?: KupGanttPlannerProps['onDblClick']; - ganttonOnContextMenu?: KupGanttPlannerProps['onContextMenu']; - handleClick?: (row: KupPlannerGanttRow, onClick: any) => void; - handleContextMenu?: ( - event: MouseEvent, - row: KupPlannerGanttRow, - onContextMenu: any - ) => void; - handleDblClick?: (row: KupPlannerGanttRow, onDblClick: any) => void; - headerHeight?: number; - horizontalContainerClass?: string; - label?: string; - locale?: string; - rowHeight?: number; - rowWidth?: string; - scrollY?: number; - selectedTask?: KupPlannerBarTask | undefined; - setDoubleView?: (checked: boolean) => void; - setSelectedTask?: KupPlannerTaskListProps['setSelectedTask']; - tasks?: KupPlannerTask[]; + "TaskListHeader"?: KupPlannerTaskListProps['TaskListHeader']; + "TaskListTable"?: KupPlannerTaskListProps['TaskListTable']; + "currentTasks"?: KupPlannerGanttTaskN[] | KupPlannerItemDetail[]; + "doubleView"?: boolean; + "expanderClick"?: KupPlannerTaskListProps['expanderClick']; + "filter"?: HTMLElement; + "fontFamily"?: string; + "fontSize"?: string; + "ganttHeight"?: number; + "ganttOnClick"?: KupGanttPlannerProps['onClick']; + "ganttOnDblClick"?: KupGanttPlannerProps['onDblClick']; + "ganttonOnContextMenu"?: KupGanttPlannerProps['onContextMenu']; + "handleClick"?: (row: KupPlannerGanttRow, onClick: any) => void; + "handleContextMenu"?: ( + event: MouseEvent, + row: KupPlannerGanttRow, + onContextMenu: any + ) => void; + "handleDblClick"?: (row: KupPlannerGanttRow, onDblClick: any) => void; + "headerHeight"?: number; + "horizontalContainerClass"?: string; + "label"?: string; + "locale"?: string; + "rowHeight"?: number; + "rowWidth"?: string; + "scrollY"?: number; + "selectedTask"?: KupPlannerBarTask | undefined; + "setDoubleView"?: (checked: boolean) => void; + "setSelectedTask"?: KupPlannerTaskListProps['setSelectedTask']; + "tasks"?: KupPlannerTask[]; } interface KupTaskListHeader { - fontFamily?: string; - fontSize?: string; - headerHeight?: number; - rowWidth?: string; + "fontFamily"?: string; + "fontSize"?: string; + "headerHeight"?: number; + "rowWidth"?: string; } interface KupTaskListTable { - expanderClick?: (task: KupPlannerTask) => void; - fontFamily?: string; - fontSize?: string; - locale?: string; - rowHeight?: number; - rowWidth?: string; - selectedTaskId?: string; - setSelectedTask?: (taskId: string) => void; - tasks?: KupPlannerTask[]; + "expanderClick"?: (task: KupPlannerTask) => void; + "fontFamily"?: string; + "fontSize"?: string; + "locale"?: string; + "rowHeight"?: number; + "rowWidth"?: string; + "selectedTaskId"?: string; + "setSelectedTask"?: (taskId: string) => void; + "tasks"?: KupPlannerTask[]; } interface KupTextField { /** - * When true, could be input negative numbers (should be used when inputType is number). - * @default null + * When true, could be input negative numbers (should be used when inputType is number). + * @default null */ - allowNegative?: boolean; + "allowNegative"?: boolean; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * Number of decimals (should be used when inputType is number). - * @default null + * Number of decimals (should be used when inputType is number). + * @default null */ - decimals?: number; + "decimals"?: number; /** - * When set to true, the component is disabled. - * @default false + * When set to true, the component is disabled. + * @default false */ - disabled?: boolean; + "disabled"?: boolean; /** - * When the text field is part of the autocomplete component and the list is opened, enter key selects the item and doesn't submit. - * @default true + * When the text field is part of the autocomplete component and the list is opened, enter key selects the item and doesn't submit. + * @default true */ - emitSubmitEventOnEnter?: boolean; + "emitSubmitEventOnEnter"?: boolean; /** - * When set to true, the component will be rendered at full width. - * @default false + * When set to true, the component will be rendered at full width. + * @default false */ - fullWidth?: boolean; + "fullWidth"?: boolean; /** - * When true, the number will be formatted with group separator (should be used when inputType is number). - * @default null + * When true, the number will be formatted with group separator (should be used when inputType is number). + * @default null */ - group?: boolean; + "group"?: boolean; /** - * When set, its content will be shown as a help text below the field. - * @default null + * When set, its content will be shown as a help text below the field. + * @default null */ - helper?: string; + "helper"?: string; /** - * When true, the helper will be displayed. - * @default true + * When true, the helper will be displayed. + * @default true */ - helperEnabled?: boolean; + "helperEnabled"?: boolean; /** - * When set, the helper will be shown only when the field is focused. - * @default false + * When set, the helper will be shown only when the field is focused. + * @default false */ - helperWhenFocused?: boolean; + "helperWhenFocused"?: boolean; /** - * Hides the character counter. - * @default false + * Hides the character counter. + * @default false */ - hiddenCounter?: boolean; + "hiddenCounter"?: boolean; /** - * When set, the text-field will show this icon. - * @default null + * When set, the text-field will show this icon. + * @default null */ - icon?: string; + "icon"?: string; /** - * Sets the initial value of the component - * @default "" + * Sets the initial value of the component + * @default "" */ - initialValue?: string; + "initialValue"?: string; /** - * The HTML inputmode of the input element. - * @default null + * The HTML inputmode of the input element. + * @default null */ - inputMode?: string; + "inputMode"?: string; /** - * The HTML type of the input element. It has no effect on text areas. - * @default "text" + * The HTML type of the input element. It has no effect on text areas. + * @default "text" */ - inputType?: string; + "inputType"?: string; /** - * Number of integers (should be used when inputType is number). - * @default null + * Number of integers (should be used when inputType is number). + * @default null */ - integers?: number; + "integers"?: number; /** - * Enables a clear trailing icon. - * @default false + * Enables a clear trailing icon. + * @default false */ - isClearable?: boolean; + "isClearable"?: boolean; /** - * When set, its content will be shown as a label. - * @default null + * When set, its content will be shown as a label. + * @default null */ - label?: string; + "label"?: string; /** - * When set to true, the label will be on the left of the component. - * @default false + * When set to true, the label will be on the left of the component. + * @default false */ - leadingLabel?: boolean; + "leadingLabel"?: boolean; /** - * The HTML max attribute specifies the maximum value for the input element. Works with the following input types: number, range, date, datetime-local, month, time and week. - * @default null + * The HTML max attribute specifies the maximum value for the input element. Works with the following input types: number, range, date, datetime-local, month, time and week. + * @default null */ - max?: number; + "max"?: number; /** - * When set, the helper will display a character counter. - * @default null + * When set, the helper will display a character counter. + * @default null */ - maxLength?: number; + "maxLength"?: number; /** - * The HTML min attribute specifies the minimum value for the input element. Works with the following input types: number, range, date, datetime-local, month, time and week. - * @default null + * The HTML min attribute specifies the minimum value for the input element. Works with the following input types: number, range, date, datetime-local, month, time and week. + * @default null */ - min?: number; + "min"?: number; /** - * The HTML name attribute used for form autocomplete. - * @default null + * The HTML name attribute used for form autocomplete. + * @default null */ - name?: string; + "name"?: string; /** - * Triggered when the input element loses focus. + * Triggered when the input element loses focus. */ - 'onKup-textfield-blur'?: ( - event: KupTextFieldCustomEvent - ) => void; + "onKup-textfield-blur"?: (event: KupTextFieldCustomEvent) => void; /** - * Triggered when the input element changes. + * Triggered when the input element changes. */ - 'onKup-textfield-change'?: ( - event: KupTextFieldCustomEvent - ) => void; + "onKup-textfield-change"?: (event: KupTextFieldCustomEvent) => void; /** - * Triggered when the text field's clear icon is clicked. + * Triggered when the text field's clear icon is clicked. */ - 'onKup-textfield-cleariconclick'?: ( - event: KupTextFieldCustomEvent - ) => void; + "onKup-textfield-cleariconclick"?: (event: KupTextFieldCustomEvent) => void; /** - * Triggered when the input element is clicked. + * Triggered when the input element is clicked. */ - 'onKup-textfield-click'?: ( - event: KupTextFieldCustomEvent - ) => void; + "onKup-textfield-click"?: (event: KupTextFieldCustomEvent) => void; /** - * Triggered when the input element gets focused. + * Triggered when the input element gets focused. */ - 'onKup-textfield-focus'?: ( - event: KupTextFieldCustomEvent - ) => void; + "onKup-textfield-focus"?: (event: KupTextFieldCustomEvent) => void; /** - * Triggered when the text field's icon is clicked. + * Triggered when the text field's icon is clicked. */ - 'onKup-textfield-iconclick'?: ( - event: KupTextFieldCustomEvent - ) => void; + "onKup-textfield-iconclick"?: (event: KupTextFieldCustomEvent) => void; /** - * Triggered when the input element receives an input. + * Triggered when the input element receives an input. */ - 'onKup-textfield-input'?: ( - event: KupTextFieldCustomEvent - ) => void; + "onKup-textfield-input"?: (event: KupTextFieldCustomEvent) => void; /** - * Triggered when the Enter key is pressed. + * Triggered when the Enter key is pressed. */ - 'onKup-textfield-submit'?: ( - event: KupTextFieldCustomEvent - ) => void; + "onKup-textfield-submit"?: (event: KupTextFieldCustomEvent) => void; /** - * When set to true, the component will be rendered as an outlined field. - * @default false + * When set to true, the component will be rendered as an outlined field. + * @default false */ - outlined?: boolean; + "outlined"?: boolean; /** - * Sets the component to read only state, making it not editable, but interactable. Used in combobox component when it behaves as a select. - * @default false + * Sets the component to read only state, making it not editable, but interactable. Used in combobox component when it behaves as a select. + * @default false */ - readOnly?: boolean; + "readOnly"?: boolean; /** - * The HTML attribute size of the input element. - * @default null + * The HTML attribute size of the input element. + * @default null */ - size?: number; + "size"?: number; /** - * The HTML step of the input element. It has effect only with number input type. - * @default null + * The HTML step of the input element. It has effect only with number input type. + * @default null */ - step?: number; + "step"?: number; /** - * When set to true, the component will be rendered as a textarea. - * @default false + * When set to true, the component will be rendered as a textarea. + * @default false */ - textArea?: boolean; + "textArea"?: boolean; /** - * When set, the icon will be shown after the text. - * @default false + * When set, the icon will be shown after the text. + * @default false */ - trailingIcon?: boolean; + "trailingIcon"?: boolean; /** - * When set to true, the label will be on the right of the component. - * @default false + * When set to true, the label will be on the right of the component. + * @default false */ - trailingLabel?: boolean; + "trailingLabel"?: boolean; } interface KupTimePicker { /** - * When set to true, the drop down menu will display a clock. - * @default true - */ - clockVariant?: boolean; - /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization - */ - customStyle?: string; - /** - * Props of the sub-components (time input text field) - * @default {} - */ - data?: Object; - /** - * Defaults at false. When set to true, the component is disabled. - * @default false - */ - disabled?: boolean; - /** - * Sets the initial value of the component. - * @default "" - */ - initialValue?: string; - /** - * Manage seconds. - * @default false - */ - manageSeconds?: boolean; - 'onKup-timepicker-blur'?: ( - event: KupTimePickerCustomEvent - ) => void; - 'onKup-timepicker-change'?: ( - event: KupTimePickerCustomEvent - ) => void; - 'onKup-timepicker-cleariconclick'?: ( - event: KupTimePickerCustomEvent - ) => void; - 'onKup-timepicker-click'?: ( - event: KupTimePickerCustomEvent - ) => void; - 'onKup-timepicker-focus'?: ( - event: KupTimePickerCustomEvent - ) => void; - 'onKup-timepicker-iconclick'?: ( - event: KupTimePickerCustomEvent - ) => void; - 'onKup-timepicker-input'?: ( - event: KupTimePickerCustomEvent - ) => void; - 'onKup-timepicker-itemclick'?: ( - event: KupTimePickerCustomEvent - ) => void; - 'onKup-timepicker-textfieldsubmit'?: ( - event: KupTimePickerCustomEvent - ) => void; - /** - * Minutes step. - * @default 10 - */ - timeMinutesStep?: number; + * When set to true, the drop down menu will display a clock. + * @default true + */ + "clockVariant"?: boolean; + /** + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + */ + "customStyle"?: string; + /** + * Props of the sub-components (time input text field) + * @default {} + */ + "data"?: Object; + /** + * Defaults at false. When set to true, the component is disabled. + * @default false + */ + "disabled"?: boolean; + /** + * Sets the initial value of the component. + * @default "" + */ + "initialValue"?: string; + /** + * Manage seconds. + * @default false + */ + "manageSeconds"?: boolean; + "onKup-timepicker-blur"?: (event: KupTimePickerCustomEvent) => void; + "onKup-timepicker-change"?: (event: KupTimePickerCustomEvent) => void; + "onKup-timepicker-cleariconclick"?: (event: KupTimePickerCustomEvent) => void; + "onKup-timepicker-click"?: (event: KupTimePickerCustomEvent) => void; + "onKup-timepicker-focus"?: (event: KupTimePickerCustomEvent) => void; + "onKup-timepicker-iconclick"?: (event: KupTimePickerCustomEvent) => void; + "onKup-timepicker-input"?: (event: KupTimePickerCustomEvent) => void; + "onKup-timepicker-itemclick"?: (event: KupTimePickerCustomEvent) => void; + "onKup-timepicker-textfieldsubmit"?: (event: KupTimePickerCustomEvent) => void; + /** + * Minutes step. + * @default 10 + */ + "timeMinutesStep"?: number; } interface KupTooltip { - TooltipContent?: any; - arrowIndent?: number; - fontFamily?: string; - fontSize?: string; - headerHeight?: number; - rowHeight?: number; - rtl?: boolean; - scrollX?: number; - scrollY?: number; - svgContainerHeight?: number; - svgContainerWidth?: number; - svgWidth?: number; - task?: KupPlannerBarTask; - taskListWidth?: number; + "TooltipContent"?: any; + "arrowIndent"?: number; + "fontFamily"?: string; + "fontSize"?: string; + "headerHeight"?: number; + "rowHeight"?: number; + "rtl"?: boolean; + "scrollX"?: number; + "scrollY"?: number; + "svgContainerHeight"?: number; + "svgContainerWidth"?: number; + "svgWidth"?: number; + "task"?: KupPlannerBarTask; + "taskListWidth"?: number; } interface KupTree { /** - * When enabled, the first level of depth will give an accordion look to nodes. - * @default false + * When enabled, the first level of depth will give an accordion look to nodes. + * @default false */ - asAccordion?: boolean; + "asAccordion"?: boolean; /** - * The columns of the tree when tree visualization is active. + * The columns of the tree when tree visualization is active. */ - columns?: KupDataColumn[]; + "columns"?: KupDataColumn[]; /** - * Custom style of the component. - * @default "" - * @see https://ketchup.smeup.com/ketchup-showcase/#/customization + * Custom style of the component. + * @default "" + * @see https://ketchup.smeup.com/ketchup-showcase/#/customization */ - customStyle?: string; + "customStyle"?: string; /** - * The json data used to populate the tree view: the basic, always visible tree nodes. + * The json data used to populate the tree view: the basic, always visible tree nodes. */ - data?: KupTreeNode[]; + "data"?: KupTreeNode[]; /** - * The density of the rows, defaults at 'medium' and can also be set to 'dense' or 'wide'. + * The density of the rows, defaults at 'medium' and can also be set to 'dense' or 'wide'. */ - density?: FCellPadding; + "density"?: FCellPadding; /** - * Function that gets invoked when a new set of nodes must be loaded as children of a node. When useDynamicExpansion is set, the tree component will have two different behaviors depending on the value of this prop. 1 - If this prop is set to null, no callback to download data is available: the component will emit an event requiring the parent to load the children of the given node. 2 - If this prop is set to have a callback, then the component will automatically make requests to load children of a given node. After the load has been completed, a different event will be fired to alert the parent of the change. - * @see useDynamicExpansion + * Function that gets invoked when a new set of nodes must be loaded as children of a node. When useDynamicExpansion is set, the tree component will have two different behaviors depending on the value of this prop. 1 - If this prop is set to null, no callback to download data is available: the component will emit an event requiring the parent to load the children of the given node. 2 - If this prop is set to have a callback, then the component will automatically make requests to load children of a given node. After the load has been completed, a different event will be fired to alert the parent of the change. + * @see useDynamicExpansion */ - dynamicExpansionCallback?: ( - treeNodeToExpand: KupTreeNode, - treeNodePath: TreeNodePath - ) => Promise | undefined; + "dynamicExpansionCallback"?: ( + treeNodeToExpand: KupTreeNode, + treeNodePath: TreeNodePath + ) => Promise | undefined; /** - * When set to true, editable cells will be rendered using input components. - * @default false + * When set to true, editable cells will be rendered using input components. + * @default false */ - editableData?: boolean; + "editableData"?: boolean; /** - * Enables the extracolumns add buttons. + * Enables the extracolumns add buttons. */ - enableExtraColumns?: boolean; + "enableExtraColumns"?: boolean; /** - * Flag: the nodes of the whole tree must be already expanded upon loading. Disabled nodes do NOT get expanded. + * Flag: the nodes of the whole tree must be already expanded upon loading. Disabled nodes do NOT get expanded. */ - expanded?: boolean; + "expanded"?: boolean; /** - * Behavior of nodes' expansion: it can be chosen between expanding a node by clicking on the dropdown icon, or by clicking on the whole node. - * @default KupTreeExpansionMode.DROPDOWN + * Behavior of nodes' expansion: it can be chosen between expanding a node by clicking on the dropdown icon, or by clicking on the whole node. + * @default KupTreeExpansionMode.DROPDOWN */ - expansionMode?: KupTreeExpansionMode; + "expansionMode"?: KupTreeExpansionMode; /** - * List of filters set by the user. + * List of filters set by the user. */ - filters?: GenericFilter; + "filters"?: GenericFilter; /** - * When set to true it activates the global filter. + * When set to true it activates the global filter. */ - globalFilter?: boolean; + "globalFilter"?: boolean; /** - * The mode of the global filter (default SIMPLE) + * The mode of the global filter (default SIMPLE) */ - globalFilterMode?: KupGlobalFilterMode; + "globalFilterMode"?: KupGlobalFilterMode; /** - * The value of the global filter. + * The value of the global filter. */ - globalFilterValue?: string; - 'onKup-tree-buttonclick'?: ( - event: KupTreeCustomEvent - ) => void; + "globalFilterValue"?: string; + "onKup-tree-buttonclick"?: (event: KupTreeCustomEvent) => void; /** - * When the column menu is being opened/closed. + * When the column menu is being opened/closed. */ - 'onKup-tree-columnmenu'?: ( - event: KupTreeCustomEvent - ) => void; + "onKup-tree-columnmenu"?: (event: KupTreeCustomEvent) => void; /** - * Event fired when columns are removed (set to hidden). + * Event fired when columns are removed (set to hidden). */ - 'onKup-tree-columnremove'?: ( - event: KupTreeCustomEvent - ) => void; + "onKup-tree-columnremove"?: (event: KupTreeCustomEvent) => void; /** - * Generic right click event on tree. + * Generic right click event on tree. */ - 'onKup-tree-contextmenu'?: ( - event: KupTreeCustomEvent - ) => void; - 'onKup-tree-didload'?: ( - event: KupTreeCustomEvent - ) => void; + "onKup-tree-contextmenu"?: (event: KupTreeCustomEvent) => void; + "onKup-tree-didload"?: (event: KupTreeCustomEvent) => void; /** - * Triggered when stop propagation event + * Triggered when stop propagation event */ - 'onKup-tree-didunload'?: ( - event: KupTreeCustomEvent - ) => void; - 'onKup-tree-dynamicmassexpansion'?: ( - event: KupTreeCustomEvent - ) => void; + "onKup-tree-didunload"?: (event: KupTreeCustomEvent) => void; + "onKup-tree-dynamicmassexpansion"?: (event: KupTreeCustomEvent) => void; /** - * Fired when a KupTreeNode gets collapsed (closed). + * Fired when a KupTreeNode gets collapsed (closed). */ - 'onKup-tree-nodecollapse'?: ( - event: KupTreeCustomEvent - ) => void; - 'onKup-tree-nodedblclick'?: ( - event: KupTreeCustomEvent - ) => void; + "onKup-tree-nodecollapse"?: (event: KupTreeCustomEvent) => void; + "onKup-tree-nodedblclick"?: (event: KupTreeCustomEvent) => void; /** - * Fired when a node expansion ion has been triggered. Contains additional data when the tree is using the dynamicExpansion feature. - * @event kup-tree-nodeexpand - * @type {object} - * @property {TreeNodePath} treeNodePath - The array of indexes to retrieve the current treeNode inside the data prop. - * @property {KupTreeNode} treeNode - Reference to the KupTreeNode data object which is being expanded (passed through the data prop). - * @property {boolean} usesDynamicExpansion - Flag to notify that the component is running in dynamicExpansion mode. - * @property {boolean} dynamicExpansionRequireChildren - Flag to notify that the current dynamicExpansion event requires the parent component to add KupTreeNode children to the given KupTreeNode. - * @see useDynamicExpansion * - * @see dynamicExpansionCallback * - * @since 1.0.0 + * Fired when a node expansion ion has been triggered. Contains additional data when the tree is using the dynamicExpansion feature. + * @event kup-tree-nodeexpand + * @type {object} + * @property {TreeNodePath} treeNodePath - The array of indexes to retrieve the current treeNode inside the data prop. + * @property {KupTreeNode} treeNode - Reference to the KupTreeNode data object which is being expanded (passed through the data prop). + * @property {boolean} usesDynamicExpansion - Flag to notify that the component is running in dynamicExpansion mode. + * @property {boolean} dynamicExpansionRequireChildren - Flag to notify that the current dynamicExpansion event requires the parent component to add KupTreeNode children to the given KupTreeNode. + * @see useDynamicExpansion * + * @see dynamicExpansionCallback * + * @since 1.0.0 */ - 'onKup-tree-nodeexpand'?: ( - event: KupTreeCustomEvent - ) => void; + "onKup-tree-nodeexpand"?: (event: KupTreeCustomEvent) => void; /** - * Fired when a node of the tree has been selected + * Fired when a node of the tree has been selected */ - 'onKup-tree-nodeselected'?: ( - event: KupTreeCustomEvent - ) => void; + "onKup-tree-nodeselected"?: (event: KupTreeCustomEvent) => void; /** - * Experimental feature: when active, the tree will try to prevent horizontal overflowing elements by setting a width on the content of the table cells. It works only on cells of the main column. - * @default false; + * Experimental feature: when active, the tree will try to prevent horizontal overflowing elements by setting a width on the content of the table cells. It works only on cells of the main column. + * @default false; */ - preventXScroll?: boolean; + "preventXScroll"?: boolean; /** - * Sets the possibility to remove the selected column. + * Sets the possibility to remove the selected column. */ - removableColumns?: boolean; + "removableColumns"?: boolean; /** - * When enabled displays Material's ripple effect on nodes (only when no columns are displayed). - * @default true + * When enabled displays Material's ripple effect on nodes (only when no columns are displayed). + * @default true */ - ripple?: boolean; + "ripple"?: boolean; /** - * Activates the scroll on hover function. + * Activates the scroll on hover function. */ - scrollOnHover?: boolean; + "scrollOnHover"?: boolean; /** - * Shows the tree data as a table. + * Shows the tree data as a table. */ - showColumns?: boolean; + "showColumns"?: boolean; /** - * When set to true enables the column filters. + * When set to true enables the column filters. */ - showFilters?: boolean; + "showFilters"?: boolean; /** - * When set to true shows the footer. + * When set to true shows the footer. */ - showFooter?: boolean; + "showFooter"?: boolean; /** - * Flag: shows the header of the tree when the tree is displayed as a table. - * @see showColumns + * Flag: shows the header of the tree when the tree is displayed as a table. + * @see showColumns */ - showHeader?: boolean; + "showHeader"?: boolean; /** - * Shows the icons of the nodes. + * Shows the icons of the nodes. */ - showIcons?: boolean; - stateId?: string; - store?: KupStore; + "showIcons"?: boolean; + "stateId"?: string; + "store"?: KupStore; /** - * Defines the current totals options. + * Defines the current totals options. */ - totals?: TotalsMap; + "totals"?: TotalsMap; /** - * When the component must use the dynamic expansion feature to open its nodes, it means that not all the nodes of the tree have been passed inside the data property. Therefore, when expanding a node, the tree must emit an event (or run a given callback) and wait for the child nodes to be downloaded from the server. For more information: - * @see dynamicExpansionCallback + * When the component must use the dynamic expansion feature to open its nodes, it means that not all the nodes of the tree have been passed inside the data property. Therefore, when expanding a node, the tree must emit an event (or run a given callback) and wait for the child nodes to be downloaded from the server. For more information: + * @see dynamicExpansionCallback */ - useDynamicExpansion?: boolean; + "useDynamicExpansion"?: boolean; } interface KupVerticalScroll { - ganttFullHeight?: number; - ganttHeight?: number; - headerHeight?: number; - rtl?: boolean; - scrollNumber?: number; - verticalScroll?: (event: UIEvent) => void; + "ganttFullHeight"?: number; + "ganttHeight"?: number; + "headerHeight"?: number; + "rtl"?: boolean; + "scrollNumber"?: number; + "verticalScroll"?: (event: UIEvent) => void; } interface IntrinsicElements { - 'kup-accordion': KupAccordion; - 'kup-autocomplete': KupAutocomplete; - 'kup-badge': KupBadge; - 'kup-box': KupBox; - 'kup-button': KupButton; - 'kup-button-list': KupButtonList; - 'kup-calendar': KupCalendar; - 'kup-card': KupCard; - 'kup-card-list': KupCardList; - 'kup-cell': KupCell; - 'kup-chart': KupChart; - 'kup-checkbox': KupCheckbox; - 'kup-chip': KupChip; - 'kup-color-picker': KupColorPicker; - 'kup-combobox': KupCombobox; - 'kup-custom-task-list-header': KupCustomTaskListHeader; - 'kup-custom-task-list-table': KupCustomTaskListTable; - 'kup-dashboard': KupDashboard; - 'kup-data-table': KupDataTable; - 'kup-date-picker': KupDatePicker; - 'kup-dialog': KupDialog; - 'kup-drawer': KupDrawer; - 'kup-dropdown-button': KupDropdownButton; - 'kup-echart': KupEchart; - 'kup-editor': KupEditor; - 'kup-family-tree': KupFamilyTree; - 'kup-form': KupForm; - 'kup-gantt': KupGantt; - 'kup-gantt-calendar': KupGanttCalendar; - 'kup-gauge': KupGauge; - 'kup-grid': KupGrid; - 'kup-grid-renderer': KupGridRenderer; - 'kup-horizontal-scroll': KupHorizontalScroll; - 'kup-iframe': KupIframe; - 'kup-image': KupImage; - 'kup-image-list': KupImageList; - 'kup-lazy': KupLazy; - 'kup-list': KupList; - 'kup-magic-box': KupMagicBox; - 'kup-nav-bar': KupNavBar; - 'kup-numeric-picker': KupNumericPicker; - 'kup-photo-frame': KupPhotoFrame; - 'kup-planner': KupPlanner; - 'kup-planner-renderer': KupPlannerRenderer; - 'kup-probe': KupProbe; - 'kup-progress-bar': KupProgressBar; - 'kup-qlik': KupQlik; - 'kup-radio': KupRadio; - 'kup-rating': KupRating; - 'kup-snackbar': KupSnackbar; - 'kup-spinner': KupSpinner; - 'kup-standard-tooltip': KupStandardTooltip; - 'kup-switch': KupSwitch; - 'kup-switcher': KupSwitcher; - 'kup-tab-bar': KupTabBar; - 'kup-task-gantt': KupTaskGantt; - 'kup-task-list': KupTaskList; - 'kup-task-list-header': KupTaskListHeader; - 'kup-task-list-table': KupTaskListTable; - 'kup-text-field': KupTextField; - 'kup-time-picker': KupTimePicker; - 'kup-tooltip': KupTooltip; - 'kup-tree': KupTree; - 'kup-vertical-scroll': KupVerticalScroll; + "kup-accordion": KupAccordion; + "kup-autocomplete": KupAutocomplete; + "kup-badge": KupBadge; + "kup-box": KupBox; + "kup-button": KupButton; + "kup-button-list": KupButtonList; + "kup-calendar": KupCalendar; + "kup-card": KupCard; + "kup-card-list": KupCardList; + "kup-cell": KupCell; + "kup-chart": KupChart; + "kup-checkbox": KupCheckbox; + "kup-chip": KupChip; + "kup-color-picker": KupColorPicker; + "kup-combobox": KupCombobox; + "kup-custom-task-list-header": KupCustomTaskListHeader; + "kup-custom-task-list-table": KupCustomTaskListTable; + "kup-dashboard": KupDashboard; + "kup-data-table": KupDataTable; + "kup-date-picker": KupDatePicker; + "kup-dialog": KupDialog; + "kup-drawer": KupDrawer; + "kup-dropdown-button": KupDropdownButton; + "kup-echart": KupEchart; + "kup-editor": KupEditor; + "kup-family-tree": KupFamilyTree; + "kup-form": KupForm; + "kup-gantt": KupGantt; + "kup-gantt-calendar": KupGanttCalendar; + "kup-gauge": KupGauge; + "kup-grid": KupGrid; + "kup-grid-renderer": KupGridRenderer; + "kup-horizontal-scroll": KupHorizontalScroll; + "kup-iframe": KupIframe; + "kup-image": KupImage; + "kup-image-list": KupImageList; + "kup-lazy": KupLazy; + "kup-list": KupList; + "kup-magic-box": KupMagicBox; + "kup-nav-bar": KupNavBar; + "kup-numeric-picker": KupNumericPicker; + "kup-photo-frame": KupPhotoFrame; + "kup-planner": KupPlanner; + "kup-planner-renderer": KupPlannerRenderer; + "kup-probe": KupProbe; + "kup-progress-bar": KupProgressBar; + "kup-qlik": KupQlik; + "kup-radio": KupRadio; + "kup-rating": KupRating; + "kup-snackbar": KupSnackbar; + "kup-spinner": KupSpinner; + "kup-standard-tooltip": KupStandardTooltip; + "kup-switch": KupSwitch; + "kup-switcher": KupSwitcher; + "kup-tab-bar": KupTabBar; + "kup-task-gantt": KupTaskGantt; + "kup-task-list": KupTaskList; + "kup-task-list-header": KupTaskListHeader; + "kup-task-list-table": KupTaskListTable; + "kup-text-field": KupTextField; + "kup-time-picker": KupTimePicker; + "kup-tooltip": KupTooltip; + "kup-tree": KupTree; + "kup-vertical-scroll": KupVerticalScroll; } } export { LocalJSX as JSX }; -declare module '@stencil/core' { +declare module "@stencil/core" { export namespace JSX { interface IntrinsicElements { - 'kup-accordion': LocalJSX.KupAccordion & - JSXBase.HTMLAttributes; - 'kup-autocomplete': LocalJSX.KupAutocomplete & - JSXBase.HTMLAttributes; - 'kup-badge': LocalJSX.KupBadge & - JSXBase.HTMLAttributes; - 'kup-box': LocalJSX.KupBox & - JSXBase.HTMLAttributes; - 'kup-button': LocalJSX.KupButton & - JSXBase.HTMLAttributes; - 'kup-button-list': LocalJSX.KupButtonList & - JSXBase.HTMLAttributes; - 'kup-calendar': LocalJSX.KupCalendar & - JSXBase.HTMLAttributes; - 'kup-card': LocalJSX.KupCard & - JSXBase.HTMLAttributes; - 'kup-card-list': LocalJSX.KupCardList & - JSXBase.HTMLAttributes; - 'kup-cell': LocalJSX.KupCell & - JSXBase.HTMLAttributes; - 'kup-chart': LocalJSX.KupChart & - JSXBase.HTMLAttributes; - 'kup-checkbox': LocalJSX.KupCheckbox & - JSXBase.HTMLAttributes; - 'kup-chip': LocalJSX.KupChip & - JSXBase.HTMLAttributes; - 'kup-color-picker': LocalJSX.KupColorPicker & - JSXBase.HTMLAttributes; - 'kup-combobox': LocalJSX.KupCombobox & - JSXBase.HTMLAttributes; - 'kup-custom-task-list-header': LocalJSX.KupCustomTaskListHeader & - JSXBase.HTMLAttributes; - 'kup-custom-task-list-table': LocalJSX.KupCustomTaskListTable & - JSXBase.HTMLAttributes; - 'kup-dashboard': LocalJSX.KupDashboard & - JSXBase.HTMLAttributes; - 'kup-data-table': LocalJSX.KupDataTable & - JSXBase.HTMLAttributes; - 'kup-date-picker': LocalJSX.KupDatePicker & - JSXBase.HTMLAttributes; - 'kup-dialog': LocalJSX.KupDialog & - JSXBase.HTMLAttributes; - 'kup-drawer': LocalJSX.KupDrawer & - JSXBase.HTMLAttributes; - 'kup-dropdown-button': LocalJSX.KupDropdownButton & - JSXBase.HTMLAttributes; - 'kup-echart': LocalJSX.KupEchart & - JSXBase.HTMLAttributes; - 'kup-editor': LocalJSX.KupEditor & - JSXBase.HTMLAttributes; - 'kup-family-tree': LocalJSX.KupFamilyTree & - JSXBase.HTMLAttributes; - 'kup-form': LocalJSX.KupForm & - JSXBase.HTMLAttributes; - 'kup-gantt': LocalJSX.KupGantt & - JSXBase.HTMLAttributes; - 'kup-gantt-calendar': LocalJSX.KupGanttCalendar & - JSXBase.HTMLAttributes; - 'kup-gauge': LocalJSX.KupGauge & - JSXBase.HTMLAttributes; - 'kup-grid': LocalJSX.KupGrid & - JSXBase.HTMLAttributes; - 'kup-grid-renderer': LocalJSX.KupGridRenderer & - JSXBase.HTMLAttributes; - 'kup-horizontal-scroll': LocalJSX.KupHorizontalScroll & - JSXBase.HTMLAttributes; - 'kup-iframe': LocalJSX.KupIframe & - JSXBase.HTMLAttributes; - 'kup-image': LocalJSX.KupImage & - JSXBase.HTMLAttributes; - 'kup-image-list': LocalJSX.KupImageList & - JSXBase.HTMLAttributes; - 'kup-lazy': LocalJSX.KupLazy & - JSXBase.HTMLAttributes; - 'kup-list': LocalJSX.KupList & - JSXBase.HTMLAttributes; - 'kup-magic-box': LocalJSX.KupMagicBox & - JSXBase.HTMLAttributes; - 'kup-nav-bar': LocalJSX.KupNavBar & - JSXBase.HTMLAttributes; - 'kup-numeric-picker': LocalJSX.KupNumericPicker & - JSXBase.HTMLAttributes; - 'kup-photo-frame': LocalJSX.KupPhotoFrame & - JSXBase.HTMLAttributes; - 'kup-planner': LocalJSX.KupPlanner & - JSXBase.HTMLAttributes; - 'kup-planner-renderer': LocalJSX.KupPlannerRenderer & - JSXBase.HTMLAttributes; - 'kup-probe': LocalJSX.KupProbe & - JSXBase.HTMLAttributes; - 'kup-progress-bar': LocalJSX.KupProgressBar & - JSXBase.HTMLAttributes; - 'kup-qlik': LocalJSX.KupQlik & - JSXBase.HTMLAttributes; - 'kup-radio': LocalJSX.KupRadio & - JSXBase.HTMLAttributes; - 'kup-rating': LocalJSX.KupRating & - JSXBase.HTMLAttributes; - 'kup-snackbar': LocalJSX.KupSnackbar & - JSXBase.HTMLAttributes; - 'kup-spinner': LocalJSX.KupSpinner & - JSXBase.HTMLAttributes; - 'kup-standard-tooltip': LocalJSX.KupStandardTooltip & - JSXBase.HTMLAttributes; - 'kup-switch': LocalJSX.KupSwitch & - JSXBase.HTMLAttributes; - 'kup-switcher': LocalJSX.KupSwitcher & - JSXBase.HTMLAttributes; - 'kup-tab-bar': LocalJSX.KupTabBar & - JSXBase.HTMLAttributes; - 'kup-task-gantt': LocalJSX.KupTaskGantt & - JSXBase.HTMLAttributes; - 'kup-task-list': LocalJSX.KupTaskList & - JSXBase.HTMLAttributes; - 'kup-task-list-header': LocalJSX.KupTaskListHeader & - JSXBase.HTMLAttributes; - 'kup-task-list-table': LocalJSX.KupTaskListTable & - JSXBase.HTMLAttributes; - 'kup-text-field': LocalJSX.KupTextField & - JSXBase.HTMLAttributes; - 'kup-time-picker': LocalJSX.KupTimePicker & - JSXBase.HTMLAttributes; - 'kup-tooltip': LocalJSX.KupTooltip & - JSXBase.HTMLAttributes; - 'kup-tree': LocalJSX.KupTree & - JSXBase.HTMLAttributes; - 'kup-vertical-scroll': LocalJSX.KupVerticalScroll & - JSXBase.HTMLAttributes; + "kup-accordion": LocalJSX.KupAccordion & JSXBase.HTMLAttributes; + "kup-autocomplete": LocalJSX.KupAutocomplete & JSXBase.HTMLAttributes; + "kup-badge": LocalJSX.KupBadge & JSXBase.HTMLAttributes; + "kup-box": LocalJSX.KupBox & JSXBase.HTMLAttributes; + "kup-button": LocalJSX.KupButton & JSXBase.HTMLAttributes; + "kup-button-list": LocalJSX.KupButtonList & JSXBase.HTMLAttributes; + "kup-calendar": LocalJSX.KupCalendar & JSXBase.HTMLAttributes; + "kup-card": LocalJSX.KupCard & JSXBase.HTMLAttributes; + "kup-card-list": LocalJSX.KupCardList & JSXBase.HTMLAttributes; + "kup-cell": LocalJSX.KupCell & JSXBase.HTMLAttributes; + "kup-chart": LocalJSX.KupChart & JSXBase.HTMLAttributes; + "kup-checkbox": LocalJSX.KupCheckbox & JSXBase.HTMLAttributes; + "kup-chip": LocalJSX.KupChip & JSXBase.HTMLAttributes; + "kup-color-picker": LocalJSX.KupColorPicker & JSXBase.HTMLAttributes; + "kup-combobox": LocalJSX.KupCombobox & JSXBase.HTMLAttributes; + "kup-custom-task-list-header": LocalJSX.KupCustomTaskListHeader & JSXBase.HTMLAttributes; + "kup-custom-task-list-table": LocalJSX.KupCustomTaskListTable & JSXBase.HTMLAttributes; + "kup-dashboard": LocalJSX.KupDashboard & JSXBase.HTMLAttributes; + "kup-data-table": LocalJSX.KupDataTable & JSXBase.HTMLAttributes; + "kup-date-picker": LocalJSX.KupDatePicker & JSXBase.HTMLAttributes; + "kup-dialog": LocalJSX.KupDialog & JSXBase.HTMLAttributes; + "kup-drawer": LocalJSX.KupDrawer & JSXBase.HTMLAttributes; + "kup-dropdown-button": LocalJSX.KupDropdownButton & JSXBase.HTMLAttributes; + "kup-echart": LocalJSX.KupEchart & JSXBase.HTMLAttributes; + "kup-editor": LocalJSX.KupEditor & JSXBase.HTMLAttributes; + "kup-family-tree": LocalJSX.KupFamilyTree & JSXBase.HTMLAttributes; + "kup-form": LocalJSX.KupForm & JSXBase.HTMLAttributes; + "kup-gantt": LocalJSX.KupGantt & JSXBase.HTMLAttributes; + "kup-gantt-calendar": LocalJSX.KupGanttCalendar & JSXBase.HTMLAttributes; + "kup-gauge": LocalJSX.KupGauge & JSXBase.HTMLAttributes; + "kup-grid": LocalJSX.KupGrid & JSXBase.HTMLAttributes; + "kup-grid-renderer": LocalJSX.KupGridRenderer & JSXBase.HTMLAttributes; + "kup-horizontal-scroll": LocalJSX.KupHorizontalScroll & JSXBase.HTMLAttributes; + "kup-iframe": LocalJSX.KupIframe & JSXBase.HTMLAttributes; + "kup-image": LocalJSX.KupImage & JSXBase.HTMLAttributes; + "kup-image-list": LocalJSX.KupImageList & JSXBase.HTMLAttributes; + "kup-lazy": LocalJSX.KupLazy & JSXBase.HTMLAttributes; + "kup-list": LocalJSX.KupList & JSXBase.HTMLAttributes; + "kup-magic-box": LocalJSX.KupMagicBox & JSXBase.HTMLAttributes; + "kup-nav-bar": LocalJSX.KupNavBar & JSXBase.HTMLAttributes; + "kup-numeric-picker": LocalJSX.KupNumericPicker & JSXBase.HTMLAttributes; + "kup-photo-frame": LocalJSX.KupPhotoFrame & JSXBase.HTMLAttributes; + "kup-planner": LocalJSX.KupPlanner & JSXBase.HTMLAttributes; + "kup-planner-renderer": LocalJSX.KupPlannerRenderer & JSXBase.HTMLAttributes; + "kup-probe": LocalJSX.KupProbe & JSXBase.HTMLAttributes; + "kup-progress-bar": LocalJSX.KupProgressBar & JSXBase.HTMLAttributes; + "kup-qlik": LocalJSX.KupQlik & JSXBase.HTMLAttributes; + "kup-radio": LocalJSX.KupRadio & JSXBase.HTMLAttributes; + "kup-rating": LocalJSX.KupRating & JSXBase.HTMLAttributes; + "kup-snackbar": LocalJSX.KupSnackbar & JSXBase.HTMLAttributes; + "kup-spinner": LocalJSX.KupSpinner & JSXBase.HTMLAttributes; + "kup-standard-tooltip": LocalJSX.KupStandardTooltip & JSXBase.HTMLAttributes; + "kup-switch": LocalJSX.KupSwitch & JSXBase.HTMLAttributes; + "kup-switcher": LocalJSX.KupSwitcher & JSXBase.HTMLAttributes; + "kup-tab-bar": LocalJSX.KupTabBar & JSXBase.HTMLAttributes; + "kup-task-gantt": LocalJSX.KupTaskGantt & JSXBase.HTMLAttributes; + "kup-task-list": LocalJSX.KupTaskList & JSXBase.HTMLAttributes; + "kup-task-list-header": LocalJSX.KupTaskListHeader & JSXBase.HTMLAttributes; + "kup-task-list-table": LocalJSX.KupTaskListTable & JSXBase.HTMLAttributes; + "kup-text-field": LocalJSX.KupTextField & JSXBase.HTMLAttributes; + "kup-time-picker": LocalJSX.KupTimePicker & JSXBase.HTMLAttributes; + "kup-tooltip": LocalJSX.KupTooltip & JSXBase.HTMLAttributes; + "kup-tree": LocalJSX.KupTree & JSXBase.HTMLAttributes; + "kup-vertical-scroll": LocalJSX.KupVerticalScroll & JSXBase.HTMLAttributes; } } } diff --git a/packages/ketchup/src/f-components/f-paginator/f-paginator.tsx b/packages/ketchup/src/f-components/f-paginator/f-paginator.tsx index c42d915109..615da6a371 100644 --- a/packages/ketchup/src/f-components/f-paginator/f-paginator.tsx +++ b/packages/ketchup/src/f-components/f-paginator/f-paginator.tsx @@ -19,6 +19,9 @@ const dom: KupDom = document.documentElement as KupDom; export const FPaginator: FunctionalComponent = ( props: FPaginatorProps ) => { + if (!props.perPage) { + props.perPage = 10; + } const maxNumberOfPage = Math.ceil(props.max / props.perPage); const pageItems = getPageItems(props, maxNumberOfPage); const rowsPerPageItems = getRowsItems(props); From 81a0a38b9033d381478e58938c1bbce39c42f5b5 Mon Sep 17 00:00:00 2001 From: Luca Foscili <45429703+lucafoscili@users.noreply.github.com> Date: Mon, 25 Mar 2024 17:02:33 +0100 Subject: [PATCH 13/28] FCell: disabled selection only in specific components. --- .../ketchup/src/components/kup-box/styles/kup-box-main.scss | 6 ++++++ .../kup-data-table/styles/kup-data-table-main.scss | 5 +++++ .../kup-image-list/styles/kup-image-list-main.scss | 6 ++++++ packages/ketchup/src/f-components/f-cell/f-cell.scss | 6 ------ 4 files changed, 17 insertions(+), 6 deletions(-) diff --git a/packages/ketchup/src/components/kup-box/styles/kup-box-main.scss b/packages/ketchup/src/components/kup-box/styles/kup-box-main.scss index 70f6d8fc40..f9c345b386 100644 --- a/packages/ketchup/src/components/kup-box/styles/kup-box-main.scss +++ b/packages/ketchup/src/components/kup-box/styles/kup-box-main.scss @@ -272,3 +272,9 @@ #global-filter { margin-bottom: 1em; } + +@media screen and (max-width: 899px) { + .f-cell { + user-select: none; + } +} diff --git a/packages/ketchup/src/components/kup-data-table/styles/kup-data-table-main.scss b/packages/ketchup/src/components/kup-data-table/styles/kup-data-table-main.scss index 2177ad4918..b75311c4b4 100644 --- a/packages/ketchup/src/components/kup-data-table/styles/kup-data-table-main.scss +++ b/packages/ketchup/src/components/kup-data-table/styles/kup-data-table-main.scss @@ -572,3 +572,8 @@ th.obj:hover span:not(.overlay-action) { } } +@media screen and (max-width: 899px) { + .f-cell { + user-select: none; + } +} diff --git a/packages/ketchup/src/components/kup-image-list/styles/kup-image-list-main.scss b/packages/ketchup/src/components/kup-image-list/styles/kup-image-list-main.scss index e2fe5802bc..a8b7a396cd 100644 --- a/packages/ketchup/src/components/kup-image-list/styles/kup-image-list-main.scss +++ b/packages/ketchup/src/components/kup-image-list/styles/kup-image-list-main.scss @@ -160,3 +160,9 @@ @include kup-label-01; } } + +@media screen and (max-width: 899px) { + .f-cell { + user-select: none; + } +} diff --git a/packages/ketchup/src/f-components/f-cell/f-cell.scss b/packages/ketchup/src/f-components/f-cell/f-cell.scss index 86f2a6ff81..ba18cc3c5b 100644 --- a/packages/ketchup/src/f-components/f-cell/f-cell.scss +++ b/packages/ketchup/src/f-components/f-cell/f-cell.scss @@ -451,9 +451,3 @@ padding: 1em 0.3125em; } } - -@media screen and (max-width: 899px) { - .f-cell * { - user-select: none; - } -} From 39bb3182acdfafe88b77546f6d88d44ed60fd50b Mon Sep 17 00:00:00 2001 From: Leonardo-Signorelli Date: Tue, 26 Mar 2024 11:17:27 +0100 Subject: [PATCH 14/28] Kup-image-list : manage columns and rows --- packages/ketchup/src/components.d.ts | 10 ++++++++++ .../kup-image-list/kup-image-list.tsx | 19 ++++++++++++++++++- .../styles/kup-image-list-main.scss | 1 + 3 files changed, 29 insertions(+), 1 deletion(-) diff --git a/packages/ketchup/src/components.d.ts b/packages/ketchup/src/components.d.ts index 0e317c556a..3a56c7679e 100644 --- a/packages/ketchup/src/components.d.ts +++ b/packages/ketchup/src/components.d.ts @@ -2434,6 +2434,11 @@ export namespace Components { * @default true */ "ripple": boolean; + /** + * Number of rows to display in the grid layout. + * @default null + */ + "rows": number; /** * An array of integers containing the path to a selected child.\ */ @@ -7011,6 +7016,11 @@ declare namespace LocalJSX { * @default true */ "ripple"?: boolean; + /** + * Number of rows to display in the grid layout. + * @default null + */ + "rows"?: number; /** * An array of integers containing the path to a selected child.\ */ diff --git a/packages/ketchup/src/components/kup-image-list/kup-image-list.tsx b/packages/ketchup/src/components/kup-image-list/kup-image-list.tsx index 491a94b015..606b900257 100644 --- a/packages/ketchup/src/components/kup-image-list/kup-image-list.tsx +++ b/packages/ketchup/src/components/kup-image-list/kup-image-list.tsx @@ -131,6 +131,11 @@ export class KupImageList { * @default true */ @Prop() ripple: boolean = true; + /** + * Number of rows to display in the grid layout. + * @default null + */ + @Prop() rows: number = null; /** * An array of integers containing the path to a selected child.\ @@ -478,6 +483,18 @@ export class KupImageList { const gridColumnsStyle = { 'grid-template-columns': `repeat(${this.columns}, minmax(0px, 1fr))`, }; + let combinedGridStyle: { [key: string]: string } = { + ...gridColumnsStyle, + }; + + if (this.rows !== null) { + const gridRowsStyle = { + 'grid-template-rows': `repeat(${this.rows}, minmax(0px, 1fr))`, + 'grid-auto-flow': `column`, + }; + combinedGridStyle = { ...combinedGridStyle, ...gridRowsStyle }; + } + return (