@sme.up/ketchup 9.6.2 → 9.6.4

package/dist/types/components/kup-input-panel/kup-input-panel.d.ts

@@ -0,0 +1,67 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { InputPanelEventsCallback, KupInputPanelData } from './kup-input-panel-declarations';
+import { GenericObject, KupEventPayload } from '../../types/GenericTypes';
+export declare class KupInputPanel {
+    #private;
+    /**
+     * References the root HTML element of the component (<kup-form>).
+     */
+    rootElement: HTMLElement;
+    /**
+     * Custom style of the component.
+     * @default ""
+     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+     */
+    customStyle: string;
+    /**
+     * Actual data of the form.
+     * @default null
+     */
+    data: KupInputPanelData;
+    /**
+     * Creates a hidden submit button in order to submit the form with enter.
+     * @default false
+     */
+    hiddenSubmitButton: boolean;
+    /**
+     * Sets the callback function on submit form
+     * @default null
+     */
+    submitCb: (e: SubmitEvent) => unknown;
+    /**
+     * Sets the callbacks functions on ketchup events
+     * @default []
+     */
+    handleEventsCallbacks: InputPanelEventsCallback[];
+    /**
+     * Values to send as props to FCell
+     * @default []
+     */
+    private inputPanelCells;
+    onDataChanged(): void;
+    /**
+     * Used to retrieve component's props values.
+     * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
+     * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
+     */
+    getProps(descriptions?: boolean): Promise<GenericObject>;
+    /**
+     * This method is used to trigger a new render of the component.
+     */
+    refresh(): Promise<void>;
+    /**
+     * Sets the props to the component.
+     * @param {GenericObject} props - Object containing props that will be set to the component.
+     */
+    setProps(props: GenericObject): Promise<void>;
+    /**
+     * When component load is complete
+     */
+    kupReady: EventEmitter<KupEventPayload>;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    componentWillRender(): void;
+    componentDidRender(): void;
+    render(): any;
+    disconnectedCallback(): void;
+}

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

@@ -0,0 +1,7 @@
+/**
+ * Props of the kup-pdf component.
+ * Used to export every prop in an object.
+ */
+export declare enum KupPdfProps {
+    pdfPath = "This is the path to the PDF file."
+}

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

@@ -0,0 +1,42 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { GenericObject, KupEventPayload } from '../../types/GenericTypes';
+export declare class KupPdf {
+    #private;
+    /**
+     * References the root HTML element of the component (<kup-pdf>).
+     */
+    rootElement: HTMLElement;
+    /**
+     * Path of the pdf document
+     * @default null
+     */
+    pdfPath: string;
+    private wrapperRef;
+    /**
+     * Triggered when the component is ready.
+     */
+    kupReady: EventEmitter<KupEventPayload>;
+    onPdfPathChange(): void;
+    /**
+     * Used to retrieve component's props values.
+     * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
+     * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
+     */
+    getProps(descriptions?: boolean): Promise<GenericObject>;
+    /**
+     * This method is used to trigger a new render of the component.
+     */
+    refresh(): Promise<void>;
+    /**
+     * Sets the props to the component.
+     * @param {GenericObject} props - Object containing props that will be set to the component.
+     */
+    setProps(props: GenericObject): Promise<void>;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    componentWillRender(): void;
+    componentDidRender(): void;
+    renderPdf(): Promise<void>;
+    render(): any;
+    disconnectedCallback(): void;
+}

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

@@ -11,6 +11,7 @@ export declare class KupPlanner {
     state: KupPlannerState;
     initWithPersistedState(): void;
     persistState(): void;
+    plannerRenderer: HTMLKupPlannerRendererElement;
     /**
      * References the root HTML element of the component (<kup-planner>).
      */

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

@@ -101,6 +101,10 @@ export declare class KupGantt {
     loadStates(): void;
     componentDidRender(): void;
     componentDidLoad(): void;
+    /**
+     * This method is used to trigger a new render of the component.
+     */
+    refresh(): Promise<void>;
     updateInitialScrollY(): void;
     updateInitialScrollX(): void;
     updateGanttData(): void;

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

@@ -15,6 +15,8 @@ export declare class KupPlannerRenderer {
     locale: string;
     tasks: KupPlannerTask[];
     details: KupPlannerTask[];
+    mainGantt: HTMLKupGanttElement;
+    secondaryGantt: HTMLKupGanttElement;
     /**
      * References the root HTML element of the component (<kup-planner-renderer>).
      */
@@ -23,6 +25,10 @@ export declare class KupPlannerRenderer {
     updateDisplayedDates(): void;
     updateTasks(): void;
     componentWillLoad(): void;
+    /**
+     * This method is used to trigger a new render of the component.
+     */
+    refresh(): Promise<void>;
     handleClick(row: KupPlannerGanttRow, onClick: any): void;
     handleDblClick(row: KupPlannerGanttRow, onDblClick: any): void;
     handleContextMenu(event: UIEvent, row: KupPlannerGanttRow, onContextMenu: any): void;

package/dist/types/components.d.ts

@@ -11,7 +11,7 @@ import { ItemsDisplayMode, KupListEventPayload, KupListNode, KupListRole } from
 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 { KupDataCell, KupDataColumn, KupDataDataset, KupDataNewColumnOptions, KupDataNewColumnTypes, 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";
@@ -25,7 +25,7 @@ import { KupChipChangeEventPayload, KupChipEventPayload, KupChipNode } from "./c
 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, KupPlannerGanttTaskN, KupPlannerItemDetail, KupPlannerPhase, KupPlannerSwitcherProps, KupPlannerTask, KupPlannerTaskGanttContentProps, KupPlannerTaskGanttProps, KupPlannerTaskItemProps, KupPlannerTaskListProps, KupPlannerTaskType, KupPlannerUnloadEventPayload, KupPlannerViewMode, PlannerProps } from "./components/kup-planner/kup-planner-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";
@@ -41,8 +41,9 @@ import { KupFormData, KupFormLabelPlacement, KupFormLayout } from "./components/
 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 { KupImageListDataNode, KupImageListEventPayload } from "./components/kup-image-list/kup-image-list-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 { InputPanelEventsCallback, KupInputPanelData } from "./components/kup-input-panel/kup-input-panel-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";
@@ -60,7 +61,7 @@ export { ItemsDisplayMode, KupListEventPayload, KupListNode, KupListRole } from
 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 { KupDataCell, KupDataColumn, KupDataDataset, KupDataNewColumnOptions, KupDataNewColumnTypes, 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";
@@ -74,7 +75,7 @@ export { KupChipChangeEventPayload, KupChipEventPayload, KupChipNode } from "./c
 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, KupPlannerGanttTaskN, KupPlannerItemDetail, KupPlannerPhase, KupPlannerSwitcherProps, KupPlannerTask, KupPlannerTaskGanttContentProps, KupPlannerTaskGanttProps, KupPlannerTaskItemProps, KupPlannerTaskListProps, KupPlannerTaskType, KupPlannerUnloadEventPayload, KupPlannerViewMode, PlannerProps } from "./components/kup-planner/kup-planner-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";
@@ -90,8 +91,9 @@ export { KupFormData, KupFormLabelPlacement, KupFormLayout } from "./components/
 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 { KupImageListDataNode, KupImageListEventPayload } from "./components/kup-image-list/kup-image-list-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 { InputPanelEventsCallback, KupInputPanelData } from "./components/kup-input-panel/kup-input-panel-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";
@@ -1364,6 +1366,10 @@ export namespace Components {
           * 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;
+        /**
+          * When enabled, the extra whitespaces will be displayed and the font will be set to monospace by default.
+         */
+        "legacyLook": boolean;
         /**
           * Defines the placeholder character which will be replaced by a line break inside table header cells, normal or sticky.
          */
@@ -2101,6 +2107,10 @@ export namespace Components {
         "projectProgressSelectedColor": KupPlannerGanttProps['projectProgressSelectedColor'];
         "projection": KupPlannerGanttProps['projection'];
         "readOnly": KupPlannerGanttProps['readOnly'];
+        /**
+          * This method is used to trigger a new render of the component.
+         */
+        "refresh": () => Promise<void>;
         "rowHeight": KupPlannerGanttProps['rowHeight'];
         "rtl": KupPlannerGanttProps['rtl'];
         "scrollXChange": KupPlannerGanttProps['scrollXChange'];
@@ -2395,6 +2405,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 ""
@@ -2405,7 +2420,7 @@ export namespace Components {
           * Actual data of the component.
           * @default []
          */
-        "data": KupDataNode[];
+        "data": KupImageListDataNode[];
         /**
           * Used to retrieve component's props values.
           * @param descriptions - When provided and true, the result will be the list of props with their description.
@@ -2421,6 +2436,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.\
          */
@@ -2433,6 +2453,49 @@ export namespace Components {
         "stateId": string;
         "store": KupStore;
     }
+    interface KupInputPanel {
+        /**
+          * Custom style of the component.
+          * @default ""
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+         */
+        "customStyle": string;
+        /**
+          * Actual data of the form.
+          * @default null
+         */
+        "data": KupInputPanelData;
+        /**
+          * Used to retrieve component's props values.
+          * @param descriptions - When provided and true, the result will be the list of props with their description.
+          * @returns List of props as object, each key will be a prop.
+         */
+        "getProps": (descriptions?: boolean) => Promise<GenericObject>;
+        /**
+          * Sets the callbacks functions on ketchup events
+          * @default []
+         */
+        "handleEventsCallbacks": InputPanelEventsCallback[];
+        /**
+          * Creates a hidden submit button in order to submit the form with enter.
+          * @default false
+         */
+        "hiddenSubmitButton": boolean;
+        /**
+          * This method is used to trigger a new render of the component.
+         */
+        "refresh": () => Promise<void>;
+        /**
+          * Sets the props to the component.
+          * @param props - Object containing props that will be set to the component.
+         */
+        "setProps": (props: GenericObject) => Promise<void>;
+        /**
+          * Sets the callback function on submit form
+          * @default null
+         */
+        "submitCb": (e: SubmitEvent) => unknown;
+    }
     interface KupLazy {
         /**
           * Sets the tag name of the component to be lazy loaded.
@@ -2709,6 +2772,28 @@ export namespace Components {
          */
         "setValue": (value: string) => Promise<void>;
     }
+    interface KupPdf {
+        /**
+          * Used to retrieve component's props values.
+          * @param descriptions - When provided and true, the result will be the list of props with their description.
+          * @returns List of props as object, each key will be a prop.
+         */
+        "getProps": (descriptions?: boolean) => Promise<GenericObject>;
+        /**
+          * Path of the pdf document
+          * @default null
+         */
+        "pdfPath": string;
+        /**
+          * This method is used to trigger a new render of the component.
+         */
+        "refresh": () => Promise<void>;
+        /**
+          * Sets the props to the component.
+          * @param props - Object containing props that will be set to the component.
+         */
+        "setProps": (props: GenericObject) => Promise<void>;
+    }
     interface KupPhotoFrame {
         /**
           * Custom style of the component.
@@ -2975,6 +3060,10 @@ export namespace Components {
     }
     interface KupPlannerRenderer {
         "props": PlannerProps;
+        /**
+          * This method is used to trigger a new render of the component.
+         */
+        "refresh": () => Promise<void>;
     }
     interface KupProbe {
         /**
@@ -3984,6 +4073,10 @@ export interface KupImageListCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLKupImageListElement;
 }
+export interface KupInputPanelCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupInputPanelElement;
+}
 export interface KupLazyCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLKupLazyElement;
@@ -4000,6 +4093,10 @@ export interface KupNumericPickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLKupNumericPickerElement;
 }
+export interface KupPdfCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKupPdfElement;
+}
 export interface KupPhotoFrameCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLKupPhotoFrameElement;
@@ -4630,6 +4727,23 @@ declare global {
         prototype: HTMLKupImageListElement;
         new (): HTMLKupImageListElement;
     };
+    interface HTMLKupInputPanelElementEventMap {
+        "kup-input-panel-ready": KupEventPayload;
+    }
+    interface HTMLKupInputPanelElement extends Components.KupInputPanel, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKupInputPanelElementEventMap>(type: K, listener: (this: HTMLKupInputPanelElement, ev: KupInputPanelCustomEvent<HTMLKupInputPanelElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKupInputPanelElementEventMap>(type: K, listener: (this: HTMLKupInputPanelElement, ev: KupInputPanelCustomEvent<HTMLKupInputPanelElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKupInputPanelElement: {
+        prototype: HTMLKupInputPanelElement;
+        new (): HTMLKupInputPanelElement;
+    };
     interface HTMLKupLazyElementEventMap {
         "kup-lazy-loaded": KupEventPayload;
     }
@@ -4715,6 +4829,23 @@ declare global {
         prototype: HTMLKupNumericPickerElement;
         new (): HTMLKupNumericPickerElement;
     };
+    interface HTMLKupPdfElementEventMap {
+        "kup-pdf-ready": KupEventPayload;
+    }
+    interface HTMLKupPdfElement extends Components.KupPdf, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLKupPdfElementEventMap>(type: K, listener: (this: HTMLKupPdfElement, ev: KupPdfCustomEvent<HTMLKupPdfElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKupPdfElementEventMap>(type: K, listener: (this: HTMLKupPdfElement, ev: KupPdfCustomEvent<HTMLKupPdfElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKupPdfElement: {
+        prototype: HTMLKupPdfElement;
+        new (): HTMLKupPdfElement;
+    };
     interface HTMLKupPhotoFrameElementEventMap {
         "kup-photoframe-placeholderload": KupEventPayload;
         "kup-photoframe-resourceload": KupEventPayload;
@@ -5049,11 +5180,13 @@ declare global {
         "kup-iframe": HTMLKupIframeElement;
         "kup-image": HTMLKupImageElement;
         "kup-image-list": HTMLKupImageListElement;
+        "kup-input-panel": HTMLKupInputPanelElement;
         "kup-lazy": HTMLKupLazyElement;
         "kup-list": HTMLKupListElement;
         "kup-magic-box": HTMLKupMagicBoxElement;
         "kup-nav-bar": HTMLKupNavBarElement;
         "kup-numeric-picker": HTMLKupNumericPickerElement;
+        "kup-pdf": HTMLKupPdfElement;
         "kup-photo-frame": HTMLKupPhotoFrameElement;
         "kup-planner": HTMLKupPlannerElement;
         "kup-planner-renderer": HTMLKupPlannerRendererElement;
@@ -6103,6 +6236,10 @@ declare namespace LocalJSX {
           * 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;
+        /**
+          * When enabled, the extra whitespaces will be displayed and the font will be set to monospace by default.
+         */
+        "legacyLook"?: boolean;
         /**
           * Defines the placeholder character which will be replaced by a line break inside table header cells, normal or sticky.
          */
@@ -6966,6 +7103,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 ""
@@ -6976,7 +7118,7 @@ declare namespace LocalJSX {
           * Actual data of the component.
           * @default []
          */
-        "data"?: KupDataNode[];
+        "data"?: KupImageListDataNode[];
         "onKup-imagelist-click"?: (event: KupImageListCustomEvent<KupImageListEventPayload>) => void;
         "onKup-imagelist-contextmenu"?: (event: KupImageListCustomEvent<KupImageListEventPayload>) => void;
         "onKup-imagelist-dblclick"?: (event: KupImageListCustomEvent<KupImageListEventPayload>) => void;
@@ -6985,6 +7127,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.\
          */
@@ -6992,6 +7139,38 @@ declare namespace LocalJSX {
         "stateId"?: string;
         "store"?: KupStore;
     }
+    interface KupInputPanel {
+        /**
+          * Custom style of the component.
+          * @default ""
+          * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+         */
+        "customStyle"?: string;
+        /**
+          * Actual data of the form.
+          * @default null
+         */
+        "data"?: KupInputPanelData;
+        /**
+          * Sets the callbacks functions on ketchup events
+          * @default []
+         */
+        "handleEventsCallbacks"?: InputPanelEventsCallback[];
+        /**
+          * Creates a hidden submit button in order to submit the form with enter.
+          * @default false
+         */
+        "hiddenSubmitButton"?: boolean;
+        /**
+          * When component load is complete
+         */
+        "onKup-input-panel-ready"?: (event: KupInputPanelCustomEvent<KupEventPayload>) => void;
+        /**
+          * Sets the callback function on submit form
+          * @default null
+         */
+        "submitCb"?: (e: SubmitEvent) => unknown;
+    }
     interface KupLazy {
         /**
           * Sets the tag name of the component to be lazy loaded.
@@ -7181,6 +7360,17 @@ declare namespace LocalJSX {
         "onKup-numericpicker-itemclick"?: (event: KupNumericPickerCustomEvent<KupNumericPickerEventPayload>) => void;
         "onKup-numericpicker-textfieldsubmit"?: (event: KupNumericPickerCustomEvent<KupNumericPickerEventPayload>) => void;
     }
+    interface KupPdf {
+        /**
+          * Triggered when the component is ready.
+         */
+        "onKup-pdf-ready"?: (event: KupPdfCustomEvent<KupEventPayload>) => void;
+        /**
+          * Path of the pdf document
+          * @default null
+         */
+        "pdfPath"?: string;
+    }
     interface KupPhotoFrame {
         /**
           * Custom style of the component.
@@ -8264,11 +8454,13 @@ declare namespace LocalJSX {
         "kup-iframe": KupIframe;
         "kup-image": KupImage;
         "kup-image-list": KupImageList;
+        "kup-input-panel": KupInputPanel;
         "kup-lazy": KupLazy;
         "kup-list": KupList;
         "kup-magic-box": KupMagicBox;
         "kup-nav-bar": KupNavBar;
         "kup-numeric-picker": KupNumericPicker;
+        "kup-pdf": KupPdf;
         "kup-photo-frame": KupPhotoFrame;
         "kup-planner": KupPlanner;
         "kup-planner-renderer": KupPlannerRenderer;
@@ -8334,11 +8526,13 @@ declare module "@stencil/core" {
             "kup-iframe": LocalJSX.KupIframe & JSXBase.HTMLAttributes<HTMLKupIframeElement>;
             "kup-image": LocalJSX.KupImage & JSXBase.HTMLAttributes<HTMLKupImageElement>;
             "kup-image-list": LocalJSX.KupImageList & JSXBase.HTMLAttributes<HTMLKupImageListElement>;
+            "kup-input-panel": LocalJSX.KupInputPanel & JSXBase.HTMLAttributes<HTMLKupInputPanelElement>;
             "kup-lazy": LocalJSX.KupLazy & JSXBase.HTMLAttributes<HTMLKupLazyElement>;
             "kup-list": LocalJSX.KupList & JSXBase.HTMLAttributes<HTMLKupListElement>;
             "kup-magic-box": LocalJSX.KupMagicBox & JSXBase.HTMLAttributes<HTMLKupMagicBoxElement>;
             "kup-nav-bar": LocalJSX.KupNavBar & JSXBase.HTMLAttributes<HTMLKupNavBarElement>;
             "kup-numeric-picker": LocalJSX.KupNumericPicker & JSXBase.HTMLAttributes<HTMLKupNumericPickerElement>;
+            "kup-pdf": LocalJSX.KupPdf & JSXBase.HTMLAttributes<HTMLKupPdfElement>;
             "kup-photo-frame": LocalJSX.KupPhotoFrame & JSXBase.HTMLAttributes<HTMLKupPhotoFrameElement>;
             "kup-planner": LocalJSX.KupPlanner & JSXBase.HTMLAttributes<HTMLKupPlannerElement>;
             "kup-planner-renderer": LocalJSX.KupPlannerRenderer & JSXBase.HTMLAttributes<HTMLKupPlannerRendererElement>;

package/dist/types/f-components/f-image/f-image-declarations.d.ts

@@ -1,10 +1,9 @@
-import type { KupBadge } from '../../components/kup-badge/kup-badge';
-import { FComponent } from '../../types/GenericTypes';
+import { FComponent, GenericObject } from '../../types/GenericTypes';
 /**
  * Props of the f-image component.
  */
 export interface FImageProps extends FComponent {
-    badgeData?: KupBadge[];
+    badgeData?: GenericObject[];
     color?: string;
     data?: FImageData[];
     fit?: boolean;
@@ -19,7 +18,7 @@ export interface FImageProps extends FComponent {
  * @property {string} shape - Defines the type of the step.
  * @property {string} color - Background color of the step.
  * @property {string} height - Height of the step.
- * @property {boolean} width - Width of the step
+ * @property {string} width - Width of the step
  */
 export interface FImageData {
     shape?: FImageShape;

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

@@ -214,7 +214,7 @@ export declare class KupDates {
      * Parses a Date string to JS Date Object
      *
      * @param {string} ymd - The string to be converted to Date.
-    */
+     */
     parseToDayStart: (ymd: string) => Date;
     parseToDayEnd: (endDate: string) => Date;
     /**
@@ -223,7 +223,7 @@ export declare class KupDates {
      * @param {string} startDate - The start date string.
      * @param {string} endDate - The end date string.
      * @param {string} _name
-    */
+     */
     validDates: (startDate: string, endDate: string, _name: string) => {
         start: Date;
         end: Date;

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

@@ -48,6 +48,11 @@ export declare class KupInteract {
      * @see https://interactjs.io/docs/action-options/ For more options
      */
     dropzone(el: HTMLElement, options?: DropzoneOptions, eventData?: KupDropEventData, callbacks?: KupDropCallbacks): void;
+    /**
+     * Tests whether the current device is mobile or not.
+     * @returns {boolean} Returns true when it's a mobile device
+     */
+    isMobileDevice(): boolean;
     /**
      * Sets up a new resizable element.
      * @param {HTMLElement} el - The resizable element.

package/dist/types/types/GenericTypes.d.ts

@@ -87,6 +87,7 @@ export declare enum KupTagNames {
     IFRAME = "KUP-IFRAME",
     IMAGE = "KUP-IMAGE",
     IMAGE_LIST = "KUP-IMAGE-LIST",
+    INPUT_PANEL = "KUP-INPUT-PANEL",
     LAZY = "KUP-LAZY",
     LIST = "KUP-LIST",
     MAGIC_BOX = "KUP-MAGIC-BOX",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sme.up/ketchup",
-    "version": "9.6.2",
+    "version": "9.6.4",
     "keywords": [
         "smeup",
         "KetchUP",
@@ -55,6 +55,7 @@
         "interactjs": "1.10.12",
         "jquery": "^3.7.0",
         "numeral": "^2.0.6",
+        "pdfjs-dist": "^3.11.174",
         "resize-observer": "^1.0.4",
         "vanilla-picker": "^2.12.1"
     },