@sme.up/ketchup 8.0.2 → 8.2.0

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

@@ -1,49 +1,49 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import type { GenericObject, KupEventPayload } from '../../types/GenericTypes';
-export declare class KupIframe {
-  /**
-   * References the root HTML element of the component (<kup-iframe>).
-   */
-  rootElement: HTMLElement;
-  /**
-   *  Props of the button (when isButton is set to true).
-   */
-  buttonData: Object;
-  /**
-   * The component will be rendered as a button, which opens the link associated to the iframe in another tab when clicked.
-   */
-  isButton: boolean;
-  /**
-   * The address the iframe should be referencing to.
-   */
-  src: string;
-  /**
-   * Instance of the KupManager class.
-   */
-  private kupManager;
-  kupIframeError: EventEmitter<KupEventPayload>;
-  onKupIframeError(): void;
-  kupIframeLoad: EventEmitter<KupEventPayload>;
-  onKupIframeLoad(): 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>;
-  openInNew(): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  componentWillRender(): void;
-  componentDidRender(): void;
-  render(): any;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+import type { GenericObject, KupEventPayload } from '../../types/GenericTypes';
+export declare class KupIframe {
+  /**
+   * References the root HTML element of the component (<kup-iframe>).
+   */
+  rootElement: HTMLElement;
+  /**
+   *  Props of the button (when isButton is set to true).
+   */
+  buttonData: Object;
+  /**
+   * The component will be rendered as a button, which opens the link associated to the iframe in another tab when clicked.
+   */
+  isButton: boolean;
+  /**
+   * The address the iframe should be referencing to.
+   */
+  src: string;
+  /**
+   * Instance of the KupManager class.
+   */
+  private kupManager;
+  kupIframeError: EventEmitter<KupEventPayload>;
+  onKupIframeError(): void;
+  kupIframeLoad: EventEmitter<KupEventPayload>;
+  onKupIframeLoad(): 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>;
+  openInNew(): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentWillRender(): void;
+  componentDidRender(): void;
+  render(): any;
+}

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

@@ -1,23 +1,23 @@
-export declare class GraphicElement {
-  width: number;
-  height: number;
-  color: Color;
-  shape: string;
-  init(markers: string[]): void;
-  initColor(rgb: string): void;
-  isTrasparent(): boolean;
-  initHeight(height: string): void;
-  initShape(shape: string): void;
-  isValidColor(color: string): boolean;
-  getHeight(): number;
-  getWidth(): number;
-  getShape(): string;
-  getColor(): Color;
-}
-export declare class Color {
-  private r;
-  private g;
-  private b;
-  constructor(r: number, g: number, b: number);
-  toString(): string;
-}
+export declare class GraphicElement {
+  width: number;
+  height: number;
+  color: Color;
+  shape: string;
+  init(markers: string[]): void;
+  initColor(rgb: string): void;
+  isTrasparent(): boolean;
+  initHeight(height: string): void;
+  initShape(shape: string): void;
+  isValidColor(color: string): boolean;
+  getHeight(): number;
+  getWidth(): number;
+  getShape(): string;
+  getColor(): Color;
+}
+export declare class Color {
+  private r;
+  private g;
+  private b;
+  constructor(r: number, g: number, b: number);
+  toString(): string;
+}

package/dist/types/components/kup-image/canvas/kup-image-canvas-helper.d.ts

@@ -1,2 +1,2 @@
-import { Color } from './kup-image-canvas-declarations';
-export declare function getColorFromString(rgb: string): Color;
+import { Color } from './kup-image-canvas-declarations';
+export declare function getColorFromString(rgb: string): Color;

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

@@ -1,28 +1,28 @@
-import { GraphicElement, Color } from './kup-image-canvas-declarations';
-export declare class imageCanvas {
-  graphic_element_marker_splitter: string;
-  graphic_element_splitter: string;
-  background_color: string;
-  default_color: Color;
-  value: string;
-  canvas: HTMLCanvasElement;
-  ctx: CanvasRenderingContext2D;
-  drawCanvas(value: string, canvas: HTMLCanvasElement): Promise<string>;
-  draw(): void;
-  drawGraphicCell(): void;
-  isShapeMarker(value: string): boolean;
-  isBgColorMarker(value: string): boolean;
-  isHeightMarker(value: string): boolean;
-  isDecoratorMarker(value: string): boolean;
-  getDim(dimPixel: number, dimPerc: number): number;
-  getNewStarXFromBar(startX: number, elem: GraphicElement): number;
-  getNewStarXFromCircle(startX: number, circle: GraphicElement): number;
-  getNewStarXFromTril(startX: number, triLeft: GraphicElement): number;
-  getNewStarXFromTrir(startX: number, triRight: GraphicElement): number;
-  drawArc(x: number, radius: number, color: Color): void;
-  drawRect(x: number, y: number, width: number, height: number, color: Color): void;
-  drawTri(x1: number, y1: number, x2: number, y2: number, color: Color): void;
-  drawArrow(sep: string): void;
-  drawGrid(sep: string): void;
-  drawSeparator(sep: string): void;
-}
+import { GraphicElement, Color } from './kup-image-canvas-declarations';
+export declare class imageCanvas {
+  graphic_element_marker_splitter: string;
+  graphic_element_splitter: string;
+  background_color: string;
+  default_color: Color;
+  value: string;
+  canvas: HTMLCanvasElement;
+  ctx: CanvasRenderingContext2D;
+  drawCanvas(value: string, canvas: HTMLCanvasElement): Promise<string>;
+  draw(): void;
+  drawGraphicCell(): void;
+  isShapeMarker(value: string): boolean;
+  isBgColorMarker(value: string): boolean;
+  isHeightMarker(value: string): boolean;
+  isDecoratorMarker(value: string): boolean;
+  getDim(dimPixel: number, dimPerc: number): number;
+  getNewStarXFromBar(startX: number, elem: GraphicElement): number;
+  getNewStarXFromCircle(startX: number, circle: GraphicElement): number;
+  getNewStarXFromTril(startX: number, triLeft: GraphicElement): number;
+  getNewStarXFromTrir(startX: number, triRight: GraphicElement): number;
+  drawArc(x: number, radius: number, color: Color): void;
+  drawRect(x: number, y: number, width: number, height: number, color: Color): void;
+  drawTri(x1: number, y1: number, x2: number, y2: number, color: Color): void;
+  drawArrow(sep: string): void;
+  drawGrid(sep: string): void;
+  drawSeparator(sep: string): void;
+}

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

@@ -1,19 +1,19 @@
-import { KupEventPayload } from "../../types/GenericTypes";
-/**
- * Props of the kup-image component.
- * Used to export every prop in an object.
- */
-export declare enum KupImageProps {
-  badgeData = "Sets the data of badges.",
-  color = "The color of the icon, defaults to the CSS variable --kup-icon-color.",
-  customStyle = "Custom style of the component.",
-  data = "When present, the component will be drawn using CSS. Check the 'Drawing with CSS' section of the image showcase for more information.",
-  feedback = "When set to true, a spinner will be displayed until the image finished loading. Not compatible with SVGs.",
-  isCanvas = "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.",
-  resource = "The resource used to fetch the image.",
-  sizeX = "The width of the icon, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.).",
-  sizeY = "The height of the icon, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.)."
-}
-export interface KupImageClickEventPayload extends KupEventPayload {
-  el: EventTarget;
-}
+import { KupEventPayload } from "../../types/GenericTypes";
+/**
+ * Props of the kup-image component.
+ * Used to export every prop in an object.
+ */
+export declare enum KupImageProps {
+  badgeData = "Sets the data of badges.",
+  color = "The color of the icon, defaults to the CSS variable --kup-icon-color.",
+  customStyle = "Custom style of the component.",
+  data = "When present, the component will be drawn using CSS. Check the 'Drawing with CSS' section of the image showcase for more information.",
+  feedback = "When set to true, a spinner will be displayed until the image finished loading. Not compatible with SVGs.",
+  isCanvas = "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.",
+  resource = "The resource used to fetch the image.",
+  sizeX = "The width of the icon, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.).",
+  sizeY = "The height of the icon, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.)."
+}
+export interface KupImageClickEventPayload extends KupEventPayload {
+  el: EventTarget;
+}

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

@@ -1,103 +1,103 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import type { GenericObject } from '../../types/GenericTypes';
-import { KupBadge } from '../kup-badge/kup-badge';
-import { FImageData } from '../../f-components/f-image/f-image-declarations';
-import { KupImageClickEventPayload } from './kup-image-declarations';
-export declare class KupImage {
-  /**
-   * References the root HTML element of the component (<kup-image>).
-   */
-  rootElement: HTMLElement;
-  /**
-   * Sets the data of badges.
-   * @default null
-   */
-  badgeData: KupBadge[];
-  /**
-   * The color of the icon, defaults to the CSS variable KupThemeColorValues.ICON.
-   * @default KupThemeColorValues.ICON
-   */
-  color: string;
-  /**
-   * Custom style of the component.
-   * @default ""
-   * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-   */
-  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
-   */
-  data: FImageData[];
-  /**
-   * When set to true, a spinner will be displayed until the image finished loading. Not compatible with SVGs.
-   * @default false
-   */
-  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
-   */
-  isCanvas: boolean;
-  /**
-   * The resource used to fetch the image.
-   * @default null
-   */
-  resource: string;
-  /**
-   * The width of the icon, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.).
-   * @default '100%'
-   */
-  sizeX: string;
-  /**
-   * The height of the icon, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.).
-   * @default '100%'
-   */
-  sizeY: string;
-  /**
-   * Reference to the canvas element.
-   */
-  private canvas;
-  /**
-   * Instance of the imageCanvas class.
-   */
-  private imageCanvas;
-  /**
-   * True when the resource is an URL.
-   */
-  private isUrl;
-  /**
-   * Instance of the KupManager class.
-   */
-  private kupManager;
-  kupClick: EventEmitter<KupImageClickEventPayload>;
-  onKupClick(e: Event): void;
-  kupLoad: EventEmitter<KupImageClickEventPayload>;
-  onKupLoad(e: Event): 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>;
-  /**
-   * Render the canvas variant of kup-image.
-   * @todo should be handled inside f-image.
-   */
-  private renderCanvas;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  componentWillRender(): void;
-  componentDidRender(): void;
-  render(): any;
-  disconnectedCallback(): void;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+import type { GenericObject } from '../../types/GenericTypes';
+import { KupBadge } from '../kup-badge/kup-badge';
+import { FImageData } from '../../f-components/f-image/f-image-declarations';
+import { KupImageClickEventPayload } from './kup-image-declarations';
+export declare class KupImage {
+  /**
+   * References the root HTML element of the component (<kup-image>).
+   */
+  rootElement: HTMLElement;
+  /**
+   * Sets the data of badges.
+   * @default null
+   */
+  badgeData: KupBadge[];
+  /**
+   * The color of the icon, defaults to the CSS variable KupThemeColorValues.ICON.
+   * @default KupThemeColorValues.ICON
+   */
+  color: string;
+  /**
+   * Custom style of the component.
+   * @default ""
+   * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+   */
+  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
+   */
+  data: FImageData[];
+  /**
+   * When set to true, a spinner will be displayed until the image finished loading. Not compatible with SVGs.
+   * @default false
+   */
+  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
+   */
+  isCanvas: boolean;
+  /**
+   * The resource used to fetch the image.
+   * @default null
+   */
+  resource: string;
+  /**
+   * The width of the icon, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.).
+   * @default '100%'
+   */
+  sizeX: string;
+  /**
+   * The height of the icon, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.).
+   * @default '100%'
+   */
+  sizeY: string;
+  /**
+   * Reference to the canvas element.
+   */
+  private canvas;
+  /**
+   * Instance of the imageCanvas class.
+   */
+  private imageCanvas;
+  /**
+   * True when the resource is an URL.
+   */
+  private isUrl;
+  /**
+   * Instance of the KupManager class.
+   */
+  private kupManager;
+  kupClick: EventEmitter<KupImageClickEventPayload>;
+  onKupClick(e: Event): void;
+  kupLoad: EventEmitter<KupImageClickEventPayload>;
+  onKupLoad(e: Event): 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>;
+  /**
+   * Render the canvas variant of kup-image.
+   * @todo should be handled inside f-image.
+   */
+  private renderCanvas;
+  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

@@ -1,14 +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;
-}
+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-state.d.ts

@@ -1,6 +1,6 @@
-import { KupState } from '../kup-state/kup-state';
-export declare class KupImageListState implements KupState {
-  selectedTreeNodePath: string;
-  load: boolean;
-  toDebugString(): string;
-}
+import { KupState } from '../kup-state/kup-state';
+export declare class KupImageListState implements KupState {
+  selectedTreeNodePath: string;
+  load: boolean;
+  toDebugString(): string;
+}

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

@@ -1,73 +1,73 @@
-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';
-import { KupStore } from '../kup-state/kup-store';
-import { KupImageListState } from './kup-image-list-state';
-import { TreeNodePath } from '../kup-tree/kup-tree-declarations';
-export declare class KupImageList {
-  #private;
-  /**
-   * References the root HTML element of the component (<kup-image-list>).
-   */
-  rootElement: HTMLElement;
-  state: KupImageListState;
-  currentNode: KupDataNode;
-  navigationBarToggled: boolean;
-  initWithPersistedState(): void;
-  persistState(): void;
-  /**
-   * 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;
-  /**
-   * An array of integers containing the path to a selected child.\
-   */
-  selectedNode: TreeNodePath;
-  stateId: string;
-  store: KupStore;
-  /**
-   * Instance of the KupManager class.
-   */
-  private kupManager;
-  kupClick: EventEmitter<KupImageListEventPayload>;
-  onKupClick(node: KupDataNode): void;
-  kupContextMenu: EventEmitter<KupImageListEventPayload>;
-  onKupContextMenu(e: MouseEvent, node: KupDataNode): void;
-  kupDblClick: EventEmitter<KupImageListEventPayload>;
-  onKupDblClick(node: KupDataNode): void;
-  selectNode(newData: TreeNodePath): 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;
-}
+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';
+import { KupStore } from '../kup-state/kup-store';
+import { KupImageListState } from './kup-image-list-state';
+import { TreeNodePath } from '../kup-tree/kup-tree-declarations';
+export declare class KupImageList {
+  #private;
+  /**
+   * References the root HTML element of the component (<kup-image-list>).
+   */
+  rootElement: HTMLElement;
+  state: KupImageListState;
+  currentNode: KupDataNode;
+  navigationBarToggled: boolean;
+  initWithPersistedState(): void;
+  persistState(): void;
+  /**
+   * 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;
+  /**
+   * An array of integers containing the path to a selected child.\
+   */
+  selectedNode: TreeNodePath;
+  stateId: string;
+  store: KupStore;
+  /**
+   * Instance of the KupManager class.
+   */
+  private kupManager;
+  kupClick: EventEmitter<KupImageListEventPayload>;
+  onKupClick(node: KupDataNode): void;
+  kupContextMenu: EventEmitter<KupImageListEventPayload>;
+  onKupContextMenu(e: MouseEvent, node: KupDataNode): void;
+  kupDblClick: EventEmitter<KupImageListEventPayload>;
+  onKupDblClick(node: KupDataNode): void;
+  selectNode(newData: TreeNodePath): 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;
+}