@sme.up/ketchup 9.1.0 → 9.3.0

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

@@ -2,158 +2,158 @@ import { EventEmitter, VNode } from '../../stencil-public-runtime';
 import type { GenericObject, KupEventPayload } from '../../types/GenericTypes';
 import { KupCardData, KupCardFamily, KupCardEventPayload, KupCardClickPayload } from './kup-card-declarations';
 export declare class KupCard {
-  /**
-   * References the root HTML element of the component (<kup-card>).
-   */
-  rootElement: HTMLElement;
-  /**
-   * Custom style of the component.
-   * @default ""
-   * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-   */
-  customStyle: string;
-  /**
-   * The actual data of the card.
-   * @default null
-   */
-  data: KupCardData;
-  /**
-   * Defines whether the card is a menu or not.
-   * Works together with menuVisible.
-   * @default false
-   */
-  isMenu: boolean;
-  /**
-   * Sets the type of the card.
-   * @default KupCardFamily.STANDARD
-   */
-  layoutFamily: KupCardFamily;
-  /**
-   * Sets the number of the layout.
-   * @default 1
-   */
-  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
-   */
-  menuVisible: boolean;
-  /**
-   * The width of the card, defaults to 100%. Accepts any valid CSS format (px, %, vw, etc.).
-   * @default "100%"
-   */
-  sizeX: string;
-  /**
-   * The height of the card, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.).
-   * @default "100%"
-   */
-  sizeY: string;
-  /**
-   * kup-card-event callback.
-   */
-  private cardEvent;
-  /**
-   * Instance of the KupManager class.
-   */
-  private kupManager;
-  /**
-   * Previous height of the component, tested when the card is collapsible.
-   */
-  oldSizeY: string;
-  /**
-   * Used to prevent too many resizes callbacks at once.
-   */
-  private resizeTimeout;
-  /**
-   * Prevents multiple scaling callbacks when the card is scalable.
-   */
-  private scalingActive;
-  private componentWrapper;
-  private colorPicker;
-  private firstColorPickerChange;
-  /**
-   * Triggered when the card is clicked.
-   */
-  kupClick: EventEmitter<KupCardClickPayload>;
-  /**
-   * Triggered when a dialog card is closed with the "X".
-   */
-  kupClose: EventEmitter<KupEventPayload>;
-  /**
-   * Triggered when a sub-component of the card emits an event.
-   */
-  kupEvent: EventEmitter<KupCardEventPayload>;
-  /**
-   * Triggered when the component is ready.
-   */
-  kupReady: EventEmitter<KupEventPayload>;
-  onKupClick(id: string, value: string): void;
-  onKupClose(id: string): void;
-  onKupEvent(e: CustomEvent): 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>;
-  /**
-   * This method is invoked by KupManager whenever the component changes size.
-   */
-  resizeCallback(): 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>;
-  /**
-   * Set the events of the component.
-   */
-  private setEvents;
-  /**
-   * This method is invoked by the layout manager when the layout family is collapsible.
-   * When the card is not expanded and the collapsible content fits the wrapper, the bottom bar won't be displayed.
-   */
-  collapsible(): void;
-  /**
-   * This method will return the virtual node of the card, selecting the correct layout through layoutFamily and layoutNumber.
-   * @returns {VNode} Virtual node of the card for the specified family layout and number.
-   */
-  getLayout(): VNode;
-  /**
-   * This method is invoked by the layout manager when the layout family is dialog.
-   * It will "dialogify" the card.
-   */
-  dialog(): void;
-  /**
-   * This method is invoked by the layout manager when the layout family is built-in.
-   */
-  builtIn(): void;
-  /**
-   * This method will trigger whenever the card's render() hook occurs or when the size changes (through KupManager), in order to manage the more complex layout families.
-   * It will also update any dynamic color handled by the selected layout.
-   */
-  layoutManager(): void;
-  /**
-   * Sets the event listeners on the sub-components, in order to properly emit the generic kup-card-event.
-   */
-  registerListeners(): void;
-  /**
-   * This method is invoked by the layout manager when the layout family is scalable.
-   * The content of the card (.scalable-element) will be resized to fit the wrapper (kup-card).
-   * The scaling is performed by using a CSS variable (--kup_card_scalable_multiplier) which will impact the card's font-size.
-   * When there is empty space, the multiplier will be increased, as will the content.
-   * Viceversa, when the content exceeds the boundaries, the multiplier will be decreased.
-   */
-  scalable(): Promise<void>;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  componentWillRender(): void;
-  componentDidRender(): void;
-  render(): any;
-  disconnectedCallback(): void;
+    /**
+     * References the root HTML element of the component (<kup-card>).
+     */
+    rootElement: HTMLElement;
+    /**
+     * Custom style of the component.
+     * @default ""
+     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+     */
+    customStyle: string;
+    /**
+     * The actual data of the card.
+     * @default null
+     */
+    data: KupCardData;
+    /**
+     * Defines whether the card is a menu or not.
+     * Works together with menuVisible.
+     * @default false
+     */
+    isMenu: boolean;
+    /**
+     * Sets the type of the card.
+     * @default KupCardFamily.STANDARD
+     */
+    layoutFamily: KupCardFamily;
+    /**
+     * Sets the number of the layout.
+     * @default 1
+     */
+    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
+     */
+    menuVisible: boolean;
+    /**
+     * The width of the card, defaults to 100%. Accepts any valid CSS format (px, %, vw, etc.).
+     * @default "100%"
+     */
+    sizeX: string;
+    /**
+     * The height of the card, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.).
+     * @default "100%"
+     */
+    sizeY: string;
+    /**
+     * kup-card-event callback.
+     */
+    private cardEvent;
+    /**
+     * Instance of the KupManager class.
+     */
+    private kupManager;
+    /**
+     * Previous height of the component, tested when the card is collapsible.
+     */
+    oldSizeY: string;
+    /**
+     * Used to prevent too many resizes callbacks at once.
+     */
+    private resizeTimeout;
+    /**
+     * Prevents multiple scaling callbacks when the card is scalable.
+     */
+    private scalingActive;
+    private componentWrapper;
+    private colorPicker;
+    private firstColorPickerChange;
+    /**
+     * Triggered when the card is clicked.
+     */
+    kupClick: EventEmitter<KupCardClickPayload>;
+    /**
+     * Triggered when a dialog card is closed with the "X".
+     */
+    kupClose: EventEmitter<KupEventPayload>;
+    /**
+     * Triggered when a sub-component of the card emits an event.
+     */
+    kupEvent: EventEmitter<KupCardEventPayload>;
+    /**
+     * Triggered when the component is ready.
+     */
+    kupReady: EventEmitter<KupEventPayload>;
+    onKupClick(id: string, value: string): void;
+    onKupClose(id: string): void;
+    onKupEvent(e: CustomEvent): 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>;
+    /**
+     * This method is invoked by KupManager whenever the component changes size.
+     */
+    resizeCallback(): 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>;
+    /**
+     * Set the events of the component.
+     */
+    private setEvents;
+    /**
+     * This method is invoked by the layout manager when the layout family is collapsible.
+     * When the card is not expanded and the collapsible content fits the wrapper, the bottom bar won't be displayed.
+     */
+    collapsible(): void;
+    /**
+     * This method will return the virtual node of the card, selecting the correct layout through layoutFamily and layoutNumber.
+     * @returns {VNode} Virtual node of the card for the specified family layout and number.
+     */
+    getLayout(): VNode;
+    /**
+     * This method is invoked by the layout manager when the layout family is dialog.
+     * It will "dialogify" the card.
+     */
+    dialog(): void;
+    /**
+     * This method is invoked by the layout manager when the layout family is built-in.
+     */
+    builtIn(): void;
+    /**
+     * This method will trigger whenever the card's render() hook occurs or when the size changes (through KupManager), in order to manage the more complex layout families.
+     * It will also update any dynamic color handled by the selected layout.
+     */
+    layoutManager(): void;
+    /**
+     * Sets the event listeners on the sub-components, in order to properly emit the generic kup-card-event.
+     */
+    registerListeners(): void;
+    /**
+     * This method is invoked by the layout manager when the layout family is scalable.
+     * The content of the card (.scalable-element) will be resized to fit the wrapper (kup-card).
+     * The scaling is performed by using a CSS variable (--kup_card_scalable_multiplier) which will impact the card's font-size.
+     * When there is empty space, the multiplier will be increased, as will the content.
+     * Viceversa, when the content exceeds the boundaries, the multiplier will be decreased.
+     */
+    scalable(): Promise<void>;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    componentWillRender(): void;
+    componentDidRender(): void;
+    render(): any;
+    disconnectedCallback(): void;
 }

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

@@ -5,31 +5,31 @@ import { KupDataColumn, KupDataRow } from '../../managers/kup-data/kup-data-decl
  * Used to export every prop in an object.
  */
 export declare enum KupCardListProps {
-  columnsNumber = "Sets the number of columns.",
-  customStyle = "Custom style of the component.",
-  data = "Actual data of the component.",
-  fullWidth = "Sets whether the component occupies all available width.",
-  horizontal = "Sets whether the cards are placed horizontally or not.",
-  isClickable = "Sets whether a single card is clickable or not."
-}
-/**
- * Available column options.
- */
-export type KupCardListOptions = 'descr' | 'icon' | 'value' | 'measure' | 'intvalue' | 'decvalue' | 'textcolor' | 'valuecolor' | 'iconcolor' | 'layout';
-/**
- * Card list column.
- */
-export interface KupCardListColumn extends KupDataColumn {
-  cardListOption?: KupCardListOptions;
+    columnsNumber = "Sets the number of columns.",
+    customStyle = "Custom style of the component.",
+    data = "Actual data of the component.",
+    decvalueCol = "Sets the decimal value column.",
+    descrCol = "Sets the description column.",
+    fullWidth = "Sets whether the component occupies all available width.",
+    horizontal = "Sets whether the cards are placed horizontally or not.",
+    iconCol = "Sets the icon column.",
+    iconcolorCol = "Sets the icon color column.",
+    intvalueCol = "Sets the integer value column.",
+    isClickable = "Sets whether a single card is clickable or not.",
+    layoutCol = "Sets the layout column.",
+    measureCol = "Sets the unit of measure column.",
+    textcolorCol = "Sets the text color column.",
+    valueCol = "Sets the value column.",
+    valuecolorCol = "Sets the value color column."
 }
 /**
  * Dataset of the card list.
  */
 export interface KupCardListData {
-  columns: KupCardListColumn[];
-  rows: KupDataRow[];
+    columns: KupDataColumn[];
+    rows: KupDataRow[];
 }
 export interface KupCardListClickEventPayload extends KupEventPayload {
-  index: number;
-  row: KupDataRow;
+    index: number;
+    row: KupDataRow;
 }

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

@@ -2,61 +2,111 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { KupCardListData, KupCardListClickEventPayload } from './kup-card-list-declarations';
 import { GenericObject } from '../../types/GenericTypes';
 export declare class KupCardList {
-  #private;
-  /**
-   * References the root HTML element of the component (<kup-card-list>).
-   */
-  rootElement: HTMLElement;
-  /**
-   * Sets the number of columns.
-   * @default 1
-   */
-  columnsNumber: number;
-  /**
-   * Custom style of the component.
-   * @default ""
-   * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-   */
-  customStyle: string;
-  /**
-   * Actual data of the component.
-   * @default null
-   */
-  data: KupCardListData;
-  /**
-   * Sets whether the component occupies all available width.
-   * @default true
-   */
-  fullWidth: boolean;
-  /**
-   * Sets whether the cards are placed horizontally or not.
-   * @default false
-   */
-  horizontal: boolean;
-  /**
-   * Sets whether a single card is clickable or not.
-   * @default false
-   */
-  isClickable: boolean;
-  kupCardListClickEvent: EventEmitter<KupCardListClickEventPayload>;
-  /**
-   * 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;
-  componentDidRender(): void;
-  render(): any;
-  disconnectedCallback(): void;
+    #private;
+    /**
+     * References the root HTML element of the component (<kup-card-list>).
+     */
+    rootElement: HTMLElement;
+    /**
+     * Sets the number of columns.
+     * @default 1
+     */
+    columnsNumber: number;
+    /**
+     * Custom style of the component.
+     * @default ""
+     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+     */
+    customStyle: string;
+    /**
+     * Actual data of the component.
+     * @default null
+     */
+    data: KupCardListData;
+    /**
+     * Sets whether the component occupies all available width.
+     * @default true
+     */
+    fullWidth: boolean;
+    /**
+     * Sets whether the cards are placed horizontally or not.
+     * @default false
+     */
+    horizontal: boolean;
+    /**
+     * Sets the description column.
+     * @default ""
+     */
+    descrCol: string;
+    /**
+     * Sets the icon column.
+     * @default ""
+     */
+    iconCol: string;
+    /**
+     * Sets the value column.
+     * @default ""
+     */
+    valueCol: string;
+    /**
+     * Sets the unit of measure column.
+     * @default ""
+     */
+    measureCol: string;
+    /**
+     * Sets the integer value column.
+     * @default ""
+     */
+    intvalueCol: string;
+    /**
+     * Sets the decimal value column.
+     * @default ""
+     */
+    decvalueCol: string;
+    /**
+     * Sets the text color column.
+     * @default ""
+     */
+    textcolorCol: string;
+    /**
+     * Sets the value color column.
+     * @default ""
+     */
+    valuecolorCol: string;
+    /**
+     * Sets the icon color column.
+     * @default ""
+     */
+    iconcolorCol: string;
+    /**
+     * Sets the layout column.
+     * @default ""
+     */
+    layoutCol: string;
+    /**
+     * Sets whether a single card is clickable or not.
+     * @default false
+     */
+    isClickable: boolean;
+    kupCardListClickEvent: EventEmitter<KupCardListClickEventPayload>;
+    /**
+     * 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;
+    componentDidRender(): void;
+    render(): any;
+    disconnectedCallback(): void;
 }

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

@@ -3,8 +3,8 @@
  * Used to export every prop in an object.
  */
 export declare enum KupCellProps {
-  customStyle = "Custom style of the component.",
-  data = "The data of the cell.",
-  density = "The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.",
-  dragEnabled = "When set to true, the component is draggable."
+    customStyle = "Custom style of the component.",
+    data = "The data of the cell.",
+    density = "The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.",
+    dragEnabled = "When set to true, the component is draggable."
 }