@sme.up/ketchup 5.2.1-SNAPSHOT → 6.2.0-SNAPSHOT

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

@@ -0,0 +1,68 @@
+import { KupFormLayout, KupFormData, KupFormLabelPlacement } from './kup-form-declarations';
+import { GenericObject } from '../../types/GenericTypes';
+export declare class KupForm {
+  /**
+   * 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: KupFormData;
+  /**
+   * Placement of fields' labels.
+   * @default KupFormLabelPlacement.LEFT
+   */
+  labelPlacement: KupFormLabelPlacement;
+  /**
+   * How the form will arrange its content.
+   * @default null
+   */
+  layout: KupFormLayout;
+  private kupManager;
+  private formLayout;
+  private visibleColumns;
+  onDataChanged(): void;
+  onLayoutChanged(): 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 focus on an editable table cell.
+   * @param {string} column - Name of the column.
+   * @param {string} rowId - Id of the row.
+   */
+  setFocus(column: string, rowId: string): 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>;
+  private getColumns;
+  private initVisibleColumns;
+  private getRows;
+  private checkLayout;
+  private renderRow;
+  private renderSection;
+  private renderFormField;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentWillRender(): void;
+  componentDidRender(): void;
+  render(): any;
+  disconnectedCallback(): void;
+}

package/dist/types/components/kup-image-list/kup-image-list-declarations.d.ts

@@ -0,0 +1,14 @@
+import { KupDataNode } from '../../managers/kup-data/kup-data-declarations';
+import { KupEventPayload } from '../../types/GenericTypes';
+/**
+ * Props of the kup-image-list component.
+ * Used to export every prop in an object.
+ */
+export declare enum KupImageListProps {
+  customStyle = "Custom style of the component.",
+  data = "Actual data of the component",
+  ripple = "When enabled displays Material's ripple effect on clicked items."
+}
+export interface KupImageListEventPayload extends KupEventPayload {
+  node: KupDataNode;
+}

package/dist/types/components/kup-image-list/kup-image-list.d.ts

@@ -0,0 +1,56 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { GenericObject } from '../../types/GenericTypes';
+import { KupImageListEventPayload } from './kup-image-list-declarations';
+import { KupDataNode } from '../../managers/kup-data/kup-data-declarations';
+export declare class KupImageList {
+  #private;
+  /**
+   * References the root HTML element of the component (<kup-image-list>).
+   */
+  rootElement: HTMLElement;
+  currentNode: KupDataNode;
+  navigationBarToggled: boolean;
+  /**
+   * Custom style of the component.
+   * @default ""
+   * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+   */
+  customStyle: string;
+  /**
+   * Actual data of the component.
+   * @default []
+   */
+  data: KupDataNode[];
+  /**
+   * When enabled displays Material's ripple effect on clicked items.
+   * @default true
+   */
+  ripple: boolean;
+  kupClick: EventEmitter<KupImageListEventPayload>;
+  onKupClick(node: KupDataNode): void;
+  kupContextMenu: EventEmitter<KupImageListEventPayload>;
+  onKupContextMenu(e: MouseEvent, node: KupDataNode): void;
+  kupDblClick: EventEmitter<KupImageListEventPayload>;
+  onKupDblClick(node: KupDataNode): 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;
+  render(): any;
+  disconnectedCallback(): void;
+}

package/dist/types/components/kup-tab-bar/kup-tab-bar-declarations.d.ts

@@ -1,3 +1,4 @@
+import { KupDataNode } from '../../managers/kup-data/kup-data-declarations';
 import { KupEventPayload } from '../../types/GenericTypes';
 /**
  * Props of the kup-tab-bar component.
@@ -11,17 +12,10 @@ export declare enum KupTabBarProps {
 /**
  * The object of a single radio.
  */
-export interface KupTabBarData {
-  value: string;
+export interface KupTabBarNode extends KupDataNode {
   active?: boolean;
-  icon?: string;
-  text?: string;
-  title?: string;
 }
 export interface KupTabBarEventPayload extends KupEventPayload {
+  node: KupTabBarNode;
   index: number;
-  el: EventTarget;
-}
-export interface KupTabBarClickEventPayload extends KupTabBarEventPayload {
-  value: string;
 }

package/dist/types/components/kup-tab-bar/kup-tab-bar.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { KupTabBarClickEventPayload, KupTabBarData, KupTabBarEventPayload } from './kup-tab-bar-declarations';
+import { KupTabBarNode, KupTabBarEventPayload } from './kup-tab-bar-declarations';
 import { GenericObject } from '../../types/GenericTypes';
 export declare class KupTabBar {
   /**
@@ -17,7 +17,7 @@ export declare class KupTabBar {
    * List of elements.
    * @default null
    */
-  data: KupTabBarData[];
+  data: KupTabBarNode[];
   /**
    * When enabled displays Material's ripple effect on item headers.
    * @default true
@@ -38,14 +38,14 @@ export declare class KupTabBar {
   /**
    * Triggered when the tab is clicked.
    */
-  kupClick: EventEmitter<KupTabBarClickEventPayload>;
+  kupClick: EventEmitter<KupTabBarEventPayload>;
   /**
    * Triggered when the tab is focused.
    */
   kupFocus: EventEmitter<KupTabBarEventPayload>;
-  onKupBlur(i: number, e: Event): void;
-  onKupClick(i: number, e: Event): void;
-  onKupFocus(i: number, e: Event): void;
+  onKupBlur(i: number, node: KupTabBarNode): void;
+  onKupClick(i: number, node: KupTabBarNode): void;
+  onKupFocus(i: number, node: KupTabBarNode): void;
   applyRipple(): void;
   /**
    * Used to retrieve component's props values.

package/dist/types/components/kup-text-field/kup-text-field-declarations.d.ts

@@ -17,7 +17,10 @@ export declare enum KupTextFieldProps {
   isClearable = "Enables a clear trailing icon.",
   label = "When set, its content will be shown as a label.",
   leadingLabel = "When set to true, the label will be on the left of the component.",
+  max = "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.",
   maxLength = "When set, the helper will display a character counter.",
+  min = "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.",
+  name = "The HTML name attribute used for form autocomplete.",
   outlined = "When set to true, the component will be rendered as an outlined field.",
   readOnly = "Sets the component to read only state, making it not editable, but interactable. Used in combobox component when it behaves as a select.",
   step = "The HTML step of the input element. It has effect only with number input type.",

package/dist/types/components/kup-text-field/kup-text-field.d.ts

@@ -94,6 +94,11 @@ export declare class KupTextField {
    * @default null
    */
   min: number;
+  /**
+   * The HTML name attribute used for form autocomplete.
+   * @default null
+   */
+  name: string;
   /**
    * When set to true, the component will be rendered as an outlined field.
    * @default false

package/dist/types/components/kup-time-picker/kup-time-picker.d.ts

@@ -47,12 +47,6 @@ export declare class KupTimePicker {
    * Instance of the KupManager class.
    */
   private kupManager;
-  private hoursEl;
-  private minutesEl;
-  private secondsEl;
-  private hoursCircleEl;
-  private minutesCircleEl;
-  private secondsCircleEl;
   private hoursActive;
   private minutesActive;
   private secondsActive;

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

@@ -1,4 +1,5 @@
 import { KupDataCell, KupDataColumn, KupDataNode, KupDataRow } from '../../managers/kup-data/kup-data-declarations';
+import type { PointerEvent } from '@interactjs/types/index';
 import { GenericMap, KupEventPayload } from '../../types/GenericTypes';
 import { KupCardEventPayload } from '../kup-card/kup-card-declarations';
 /**
@@ -32,10 +33,6 @@ export declare enum KupTreeProps {
   showIcons = "Shows the icons of the nodes.",
   stateId = "",
   store = "",
-  showTooltipOnRightClick = "If set to true, displays tooltip on right click; if set to false, displays tooltip on mouseOver.",
-  tooltipDetailTimeout = "Defines the timeout for tooltip detail",
-  tooltipEnabled = "Enable show tooltip",
-  tooltipLoadTimeout = "Defines the timeout for tooltip load",
   totals = "Defines the current totals options.",
   useDynamicExpansion = "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."
 }
@@ -59,10 +56,11 @@ export interface KupTreeEventHandlerDetails {
   cell: KupDataCell;
   column: KupDataColumn;
   filterRemove: HTMLSpanElement;
+  originalEvent: PointerEvent;
   row: KupDataRow;
   td: HTMLElement;
   th: HTMLElement;
-  tr: HTMLTableRowElement;
+  tr: HTMLElement;
 }
 export declare enum KupTreeExpansionMode {
   DROPDOWN = "dropdown",

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

@@ -154,22 +154,6 @@ export declare class KupTree {
    * @see dynamicExpansionCallback
    */
   useDynamicExpansion: boolean;
-  /**
-   * If set to true, displays tooltip on right click; if set to false, displays tooltip on mouseOver.
-   */
-  showTooltipOnRightClick: boolean;
-  /**
-   * Defines the timeout for tooltip detail
-   */
-  tooltipDetailTimeout: number;
-  /**
-   * Enable show tooltip
-   */
-  tooltipEnabled: boolean;
-  /**
-   * Defines the timeout for tooltip load
-   */
-  tooltipLoadTimeout: number;
   /**
    * Defines the current totals options.
    */
@@ -188,7 +172,6 @@ export declare class KupTree {
   private globalFilterTimeout;
   private footer;
   private sizedColumns;
-  private tooltip;
   columnFilterTimeout: number;
   private columnMenuInstance;
   private filtersColumnMenuInstance;
@@ -309,10 +292,10 @@ export declare class KupTree {
   getHeadingColumns(): Array<KupDataColumn>;
   launchNodeEvent(treeNodePath: TreeNodePath, treeNode: KupTreeNode): void;
   private openTotalMenu;
-  private closeMenuAndTooltip;
   private onTotalMenuOpen;
   private getEventDetails;
   private contextMenuHandler;
+  private getEventPath;
   hdlTreeNodeClick(e: MouseEvent, treeNodeData: KupTreeNode, treeNodePath: string, auto: boolean): void;
   hdlTreeNodeExpanderClick(treeNodeData: KupTreeNode, treeNodePath: string, ctrlKey: boolean): void;
   private hasTotals;
@@ -333,13 +316,7 @@ export declare class KupTree {
   private calculateVisibleNodes;
   private refreshStructureState;
   private createIconElement;
-  /**
-   * Controls if current cell needs a tooltip and eventually adds it.
-   * @todo When the option forceOneLine is active, there is a problem with the current implementation of the tooltip. See documentation in the mauer wiki for better understanding.
-   */
-  private getToolTipEventHandlers;
   private getCellStyle;
-  renderTooltip(): any;
   /**
    * Renders the header of the tree when it must be displayed as a table.
    * @returns An array of table header cells.