@sme.up/ketchup 9.1.0 → 9.3.0

package/dist/types/managers/kup-theme/kup-theme-declarations.d.ts

@@ -55,143 +55,143 @@ export declare const rippleUsers: KupTagNames[];
  * Interface of the themes JSON.
  */
 export interface KupThemeJSON {
-  [index: string]: KupThemeElement;
+    [index: string]: KupThemeElement;
 }
 /**
  * Interface wrapping all the others.
  */
 export interface KupThemeElement {
-  cssVariables: KupThemeCSSVariables;
-  icons: KupThemeIcons;
-  customStyles?: GenericObject;
-  imports?: string[];
+    cssVariables: KupThemeCSSVariables;
+    icons: KupThemeIcons;
+    customStyles?: GenericObject;
+    imports?: string[];
 }
 /**
  * All CSS variables managed by KupTheme.
  */
 export interface KupThemeCSSVariables {
-  [KupThemeColorValues.PRIMARY]: string;
-  [KupThemeColorValues.SECONDARY]: string;
-  [KupThemeColorValues.BACKGROUND]: string;
-  [KupThemeColorValues.NAV_BAR_BACKGROUND]: string;
-  [KupThemeColorValues.NAV_BAR]: string;
-  [KupThemeColorValues.DRAWER]: string;
-  [KupThemeColorValues.DRAWER_BACKGROUND]: string;
-  '--kup-navbar-height': string;
-  '--kup-drawer-width': string;
-  '--kup-font-family': string;
-  '--kup-font-size': string;
-  [KupThemeColorValues.TEXT]: string;
-  [KupThemeColorValues.TEXT_ON_PRIMARY]: string;
-  [KupThemeColorValues.DISABLED_BACKGROUND]: string;
-  [KupThemeColorValues.DISABLED]: string;
-  [KupThemeColorValues.HOVER_BACKGROUND]: string;
-  [KupThemeColorValues.HOVER]: string;
-  [KupThemeColorValues.TITLE_BACKGROUND]: string;
-  [KupThemeColorValues.TITLE]: string;
-  [KupThemeColorValues.ICON]: string;
-  [KupThemeColorValues.BORDER]: string;
-  '--kup-box-shadow': string;
-  [KupThemeColorValues.INFO]: string;
-  [KupThemeColorValues.SUCCESS]: string;
-  [KupThemeColorValues.WARNING]: string;
-  [KupThemeColorValues.DANGER]: string;
-  [KupThemeColorValues.SPINNER]: string;
-  [KupThemeColorValues.CHART_1]: string;
-  [KupThemeColorValues.CHART_2]: string;
-  [KupThemeColorValues.CHART_3]: string;
-  [KupThemeColorValues.CHART_4]: string;
-  '--kup-font-family-monospace': string;
-  '--kup-obj-cursor': string;
-  [KupThemeColorValues.TEXT_ON_SECONDARY]: string;
-  '--kup-card-zindex': number;
-  '--kup-drawer-zindex': number;
-  '--kup-navbar-zindex': number;
+    [KupThemeColorValues.PRIMARY]: string;
+    [KupThemeColorValues.SECONDARY]: string;
+    [KupThemeColorValues.BACKGROUND]: string;
+    [KupThemeColorValues.NAV_BAR_BACKGROUND]: string;
+    [KupThemeColorValues.NAV_BAR]: string;
+    [KupThemeColorValues.DRAWER]: string;
+    [KupThemeColorValues.DRAWER_BACKGROUND]: string;
+    '--kup-navbar-height': string;
+    '--kup-drawer-width': string;
+    '--kup-font-family': string;
+    '--kup-font-size': string;
+    [KupThemeColorValues.TEXT]: string;
+    [KupThemeColorValues.TEXT_ON_PRIMARY]: string;
+    [KupThemeColorValues.DISABLED_BACKGROUND]: string;
+    [KupThemeColorValues.DISABLED]: string;
+    [KupThemeColorValues.HOVER_BACKGROUND]: string;
+    [KupThemeColorValues.HOVER]: string;
+    [KupThemeColorValues.TITLE_BACKGROUND]: string;
+    [KupThemeColorValues.TITLE]: string;
+    [KupThemeColorValues.ICON]: string;
+    [KupThemeColorValues.BORDER]: string;
+    '--kup-box-shadow': string;
+    [KupThemeColorValues.INFO]: string;
+    [KupThemeColorValues.SUCCESS]: string;
+    [KupThemeColorValues.WARNING]: string;
+    [KupThemeColorValues.DANGER]: string;
+    [KupThemeColorValues.SPINNER]: string;
+    [KupThemeColorValues.CHART_1]: string;
+    [KupThemeColorValues.CHART_2]: string;
+    [KupThemeColorValues.CHART_3]: string;
+    [KupThemeColorValues.CHART_4]: string;
+    '--kup-font-family-monospace': string;
+    '--kup-obj-cursor': string;
+    [KupThemeColorValues.TEXT_ON_SECONDARY]: string;
+    '--kup-card-zindex': number;
+    '--kup-drawer-zindex': number;
+    '--kup-navbar-zindex': number;
 }
 /**
  * All icons managed by KupTheme.
  */
 export interface KupThemeIcons {
-  [KupThemeIconValues.ASCENDING]: string;
-  [KupThemeIconValues.CLEAR]: string;
-  [KupThemeIconValues.COLLAPSED]: string;
-  [KupThemeIconValues.DESCENDING]: string;
-  [KupThemeIconValues.DROPDOWN]: string;
-  [KupThemeIconValues.EXPANDED]: string;
-  [KupThemeIconValues.FILTER_REMOVE]: string;
+    [KupThemeIconValues.ASCENDING]: string;
+    [KupThemeIconValues.CLEAR]: string;
+    [KupThemeIconValues.COLLAPSED]: string;
+    [KupThemeIconValues.DESCENDING]: string;
+    [KupThemeIconValues.DROPDOWN]: string;
+    [KupThemeIconValues.EXPANDED]: string;
+    [KupThemeIconValues.FILTER_REMOVE]: string;
 }
 /**
  * Object returned by the colorCheck method, containing hex/rgb/hsl CSS colors and rgb/hsl values.
  */
 export interface KupThemeColor {
-  hexColor: string;
-  hslColor: string;
-  hslValues: string;
-  hue: string;
-  lightness: string;
-  saturation: string;
-  rgbColor: string;
-  rgbValues: string;
+    hexColor: string;
+    hslColor: string;
+    hslValues: string;
+    hue: string;
+    lightness: string;
+    saturation: string;
+    rgbColor: string;
+    rgbValues: string;
 }
 /**
  * Interface of a color described by RGB colors.
  */
 export interface KupThemeRGBValues {
-  r: number;
-  g: number;
-  b: number;
+    r: number;
+    g: number;
+    b: number;
 }
 /**
  * Interface of a color described by HSL colors.
  */
 export interface KupThemeHSLValues {
-  h: number;
-  s: number;
-  l: number;
+    h: number;
+    s: number;
+    l: number;
 }
 /**
  * List of all colors.
  */
 export declare enum KupThemeColorValues {
-  PRIMARY = "--kup-primary-color",
-  SECONDARY = "--kup-secondary-color",
-  BACKGROUND = "--kup-background-color",
-  NAV_BAR = "--kup-navbar-color",
-  NAV_BAR_BACKGROUND = "--kup-navbar-background-color",
-  DRAWER = "--kup-drawer-color",
-  DRAWER_BACKGROUND = "--kup-drawer-background-color",
-  TEXT = "--kup-text-color",
-  TEXT_ON_PRIMARY = "--kup-text-on-primary-color",
-  TEXT_ON_SECONDARY = "--kup-text-on-secondary-color",
-  DISABLED_BACKGROUND = "--kup-disabled-background-color",
-  DISABLED = "--kup-disabled-color",
-  HOVER_BACKGROUND = "--kup-hover-background-color",
-  HOVER = "--kup-hover-color",
-  TITLE_BACKGROUND = "--kup-title-background-color",
-  TITLE = "--kup-title-color",
-  ICON = "--kup-icon-color",
-  BORDER = "--kup-border-color",
-  INFO = "--kup-info-color",
-  SUCCESS = "--kup-success-color",
-  WARNING = "--kup-warning-color",
-  DANGER = "--kup-danger-color",
-  SPINNER = "--kup-spinner-color",
-  CHART_1 = "--kup-chart-color-1",
-  CHART_2 = "--kup-chart-color-2",
-  CHART_3 = "--kup-chart-color-3",
-  CHART_4 = "--kup-chart-color-4"
+    PRIMARY = "--kup-primary-color",
+    SECONDARY = "--kup-secondary-color",
+    BACKGROUND = "--kup-background-color",
+    NAV_BAR = "--kup-navbar-color",
+    NAV_BAR_BACKGROUND = "--kup-navbar-background-color",
+    DRAWER = "--kup-drawer-color",
+    DRAWER_BACKGROUND = "--kup-drawer-background-color",
+    TEXT = "--kup-text-color",
+    TEXT_ON_PRIMARY = "--kup-text-on-primary-color",
+    TEXT_ON_SECONDARY = "--kup-text-on-secondary-color",
+    DISABLED_BACKGROUND = "--kup-disabled-background-color",
+    DISABLED = "--kup-disabled-color",
+    HOVER_BACKGROUND = "--kup-hover-background-color",
+    HOVER = "--kup-hover-color",
+    TITLE_BACKGROUND = "--kup-title-background-color",
+    TITLE = "--kup-title-color",
+    ICON = "--kup-icon-color",
+    BORDER = "--kup-border-color",
+    INFO = "--kup-info-color",
+    SUCCESS = "--kup-success-color",
+    WARNING = "--kup-warning-color",
+    DANGER = "--kup-danger-color",
+    SPINNER = "--kup-spinner-color",
+    CHART_1 = "--kup-chart-color-1",
+    CHART_2 = "--kup-chart-color-2",
+    CHART_3 = "--kup-chart-color-3",
+    CHART_4 = "--kup-chart-color-4"
 }
 /**
  * List of all icons.
  */
 export declare enum KupThemeIconValues {
-  ASCENDING = "--kup-ascending-icon",
-  CLEAR = "--kup-clear-icon",
-  COLLAPSED = "--kup-collapsed-icon",
-  DESCENDING = "--kup-descending-icon",
-  DROPDOWN = "--kup-dropdown-icon",
-  EXPANDED = "--kup-expanded-icon",
-  FILTER_REMOVE = "--kup-filter-remove-icon",
-  KEY = "--kup-key-icon",
-  SEARCH = "--kup-search-icon"
+    ASCENDING = "--kup-ascending-icon",
+    CLEAR = "--kup-clear-icon",
+    COLLAPSED = "--kup-collapsed-icon",
+    DESCENDING = "--kup-descending-icon",
+    DROPDOWN = "--kup-dropdown-icon",
+    EXPANDED = "--kup-expanded-icon",
+    FILTER_REMOVE = "--kup-filter-remove-icon",
+    KEY = "--kup-key-icon",
+    SEARCH = "--kup-search-icon"
 }

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

@@ -5,123 +5,123 @@ import { KupThemeColor, KupThemeCSSVariables, KupThemeHSLValues, KupThemeJSON, K
  * @module KupTheme
  */
 export declare class KupTheme {
-  cssVars: Partial<KupThemeCSSVariables>;
-  list: KupThemeJSON;
-  managedComponents: Set<KupComponent>;
-  name: string;
-  styleTag: HTMLStyleElement;
-  /**
-   * Initializes KupTheme.
-   */
-  constructor(list?: KupThemeJSON, name?: string);
-  /**
-   * Sets the CSS variables of the theme.
-   */
-  private imports;
-  /**
-   * Sets the CSS variables of the theme.
-   */
-  private cssVariables;
-  /**
-   * Sets the icon variables of the theme.
-   */
-  private icons;
-  /**
-   * Refreshed managed components to apply theme customStyles.
-   */
-  private customStyle;
-  /**
-   * Sets the theme using this.name or the function's argument.
-   * @param {string} name - When present, this theme will be set.
-   */
-  set(name?: string, list?: KupThemeJSON): void;
-  /**
-   * Gets the name of available themes.
-   * @returns {Array<string>} Array of themes' names.
-   */
-  getThemes(): Array<string>;
-  /**
-   * This method will just refresh the current theme.
-   */
-  refresh(): void;
-  /**
-   * Registers a KupComponent in KupTheme, in order to be properly refreshed whenever the theme changes.
-   * @param {any} comp - The component calling this function.
-   */
-  register(comp: any): void;
-  /**
-   * Unregisters a KupComponent, so it won't be refreshed when the theme changes.
-   * @param {any} comp - The component calling this function.
-   */
-  unregister(comp: any): void;
-  /**
-   * Combines global (style every component should have), theme's and component's customStyles, returning the result.
-   * @param comp - The component calling this function.
-   * @returns {string} Combined customStyle.
-   */
-  setKupStyle(comp: KupComponent): string;
-  /**
-   * Checks whether on a given color the text should be white or black.
-   * @param {string} color - Color used to check the contrast.
-   * @returns {string} "white" or "black".
-   */
-  colorContrast(color: string): string;
-  /**
-   * Generates a random HEX color.
-   * @param {number} brightness - Brightness of the color generated (0-255).
-   * @returns {string} Random HEX color.
-   */
-  randomColor(brightness: number): string;
-  /**
-   * Sets a random theme between those specified in this.list (excludes "print" and "test") and different from the currently used one.
-   */
-  randomTheme(): void;
-  /**
-   * Returns HEX, RGB, HSL, HSL values and RGB values from a given color.
-   * @param {string} color - Input color.
-   * @returns {KupThemeColor} Object of color values: hexColor ("#ffffff"), hslColor ("hsl(255,100%,100%)"), hslValues ("255,100%,100%"), rgbColor ("rgb(255,255,255)") and rgbValues ("255,255,255").
-   */
-  colorCheck(color: string): KupThemeColor;
-  /**
-   * Converts an HEX color to its RGB values.
-   * @param {string} hex - Hex code.
-   * @returns {KupThemeRGBValues} Object containing RGB values.
-   */
-  hexToRgb(hex: string): KupThemeRGBValues;
-  /**
-   * Converts an HSL color to its RGB values.
-   * @param {number} h - Hue (range [0, 360)).
-   * @param {number} s - Saturation (range [0, 1)).
-   * @param {number} l - Lightness (range [0, 1)).
-   * @returns {Array} RGB values.
-   */
-  hslToRgb(h: number, s: number, l: number): KupThemeRGBValues;
-  /**
-   * Converts a color in RGB format to the corresponding HEX color.
-   * @param {number} r - Red channel value.
-   * @param {number} g - Green channel value.
-   * @param {number} b - Blue channel value.
-   * @returns {string} HEX color.
-   */
-  rgbToHex(r: number, g: number, b: number): string;
-  /**
-   * Converts a color in RGB format to the corresponding HSL color.
-   * @param {number} r - Red channel value.
-   * @param {number} g - Green channel value.
-   * @param {number} b - Blue channel value.
-   * @returns {KupThemeHSLValues} Object containing HSL values.
-   */
-  rgbToHsl(r: number, g: number, b: number): KupThemeHSLValues;
-  /**
-   * Converts a single RGB value to the corresponding HEX value.
-   * @param {number} c - Color value.
-   * @returns {string} HEX value.
-   */
-  valueToHex(c: number): string;
-  /**
-   * Converts a color code word to the corresponding HEX value.
-   * @param {string} color - Color code word.
-   * @returns {string} HEX value.
-   */
-  codeToHex(color: string): string;
+    cssVars: Partial<KupThemeCSSVariables>;
+    list: KupThemeJSON;
+    managedComponents: Set<KupComponent>;
+    name: string;
+    styleTag: HTMLStyleElement;
+    /**
+     * Initializes KupTheme.
+     */
+    constructor(list?: KupThemeJSON, name?: string);
+    /**
+     * Sets the CSS variables of the theme.
+     */
+    private imports;
+    /**
+     * Sets the CSS variables of the theme.
+     */
+    private cssVariables;
+    /**
+     * Sets the icon variables of the theme.
+     */
+    private icons;
+    /**
+     * Refreshed managed components to apply theme customStyles.
+     */
+    private customStyle;
+    /**
+     * Sets the theme using this.name or the function's argument.
+     * @param {string} name - When present, this theme will be set.
+     */
+    set(name?: string, list?: KupThemeJSON): void;
+    /**
+     * Gets the name of available themes.
+     * @returns {Array<string>} Array of themes' names.
+     */
+    getThemes(): Array<string>;
+    /**
+     * This method will just refresh the current theme.
+     */
+    refresh(): void;
+    /**
+     * Registers a KupComponent in KupTheme, in order to be properly refreshed whenever the theme changes.
+     * @param {any} comp - The component calling this function.
+     */
+    register(comp: any): void;
+    /**
+     * Unregisters a KupComponent, so it won't be refreshed when the theme changes.
+     * @param {any} comp - The component calling this function.
+     */
+    unregister(comp: any): void;
+    /**
+     * Combines global (style every component should have), theme's and component's customStyles, returning the result.
+     * @param comp - The component calling this function.
+     * @returns {string} Combined customStyle.
+     */
+    setKupStyle(comp: KupComponent): string;
+    /**
+     * Checks whether on a given color the text should be white or black.
+     * @param {string} color - Color used to check the contrast.
+     * @returns {string} "white" or "black".
+     */
+    colorContrast(color: string): string;
+    /**
+     * Generates a random HEX color.
+     * @param {number} brightness - Brightness of the color generated (0-255).
+     * @returns {string} Random HEX color.
+     */
+    randomColor(brightness: number): string;
+    /**
+     * Sets a random theme between those specified in this.list (excludes "print" and "test") and different from the currently used one.
+     */
+    randomTheme(): void;
+    /**
+     * Returns HEX, RGB, HSL, HSL values and RGB values from a given color.
+     * @param {string} color - Input color.
+     * @returns {KupThemeColor} Object of color values: hexColor ("#ffffff"), hslColor ("hsl(255,100%,100%)"), hslValues ("255,100%,100%"), rgbColor ("rgb(255,255,255)") and rgbValues ("255,255,255").
+     */
+    colorCheck(color: string): KupThemeColor;
+    /**
+     * Converts an HEX color to its RGB values.
+     * @param {string} hex - Hex code.
+     * @returns {KupThemeRGBValues} Object containing RGB values.
+     */
+    hexToRgb(hex: string): KupThemeRGBValues;
+    /**
+     * Converts an HSL color to its RGB values.
+     * @param {number} h - Hue (range [0, 360)).
+     * @param {number} s - Saturation (range [0, 1)).
+     * @param {number} l - Lightness (range [0, 1)).
+     * @returns {Array} RGB values.
+     */
+    hslToRgb(h: number, s: number, l: number): KupThemeRGBValues;
+    /**
+     * Converts a color in RGB format to the corresponding HEX color.
+     * @param {number} r - Red channel value.
+     * @param {number} g - Green channel value.
+     * @param {number} b - Blue channel value.
+     * @returns {string} HEX color.
+     */
+    rgbToHex(r: number, g: number, b: number): string;
+    /**
+     * Converts a color in RGB format to the corresponding HSL color.
+     * @param {number} r - Red channel value.
+     * @param {number} g - Green channel value.
+     * @param {number} b - Blue channel value.
+     * @returns {KupThemeHSLValues} Object containing HSL values.
+     */
+    rgbToHsl(r: number, g: number, b: number): KupThemeHSLValues;
+    /**
+     * Converts a single RGB value to the corresponding HEX value.
+     * @param {number} c - Color value.
+     * @returns {string} HEX value.
+     */
+    valueToHex(c: number): string;
+    /**
+     * Converts a color code word to the corresponding HEX value.
+     * @param {string} color - Color code word.
+     * @returns {string} HEX value.
+     */
+    codeToHex(color: string): string;
 }

package/dist/types/managers/kup-toolbar/kup-toolbar-declarations.d.ts

@@ -2,7 +2,7 @@
  * Modifiers to listen to in Keyboard Event in order to trigger the toolbars.
  */
 export declare enum KupToolbarModifierKeys {
-  ALT = "altKey",
-  CTRL = "ctrlKey",
-  SHIFT = "shiftKey"
+    ALT = "altKey",
+    CTRL = "ctrlKey",
+    SHIFT = "shiftKey"
 }

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

@@ -4,36 +4,36 @@ import { KupToolbarModifierKeys } from './kup-toolbar-declarations';
  * @module KupToolbar
  */
 export declare class KupToolbar {
-  #private;
-  active: boolean;
-  modifiers: KupToolbarModifierKeys[];
-  managedElements: Set<HTMLElement>;
-  /**
-   * Initializes KupToolbar.
-   */
-  constructor();
-  /**
-   * Shows components' toolbar.
-   */
-  show(): void;
-  /**
-   * Hides components' toolbar.
-   */
-  hide(): void;
-  /**
-   * Watches the element eligible to move when dragging.
-   * @param {HTMLElement} el - Toolbar-supporting element.
-   */
-  register(el: HTMLElement): void;
-  /**
-   * Removes the elements from the KupToolbar class watchlist.
-   * @param {HTMLElement[]} elements - Elements to remove.
-   */
-  unregister(elements: HTMLElement[]): void;
-  /**
-   * Returns whether an element was previously registered or not.
-   * @param {HTMLElement} el - Element to test.
-   * @returns {boolean} True if the element was registered.
-   */
-  isRegistered(el: HTMLElement): boolean;
+    #private;
+    active: boolean;
+    modifiers: KupToolbarModifierKeys[];
+    managedElements: Set<HTMLElement>;
+    /**
+     * Initializes KupToolbar.
+     */
+    constructor();
+    /**
+     * Shows components' toolbar.
+     */
+    show(): void;
+    /**
+     * Hides components' toolbar.
+     */
+    hide(): void;
+    /**
+     * Watches the element eligible to move when dragging.
+     * @param {HTMLElement} el - Toolbar-supporting element.
+     */
+    register(el: HTMLElement): void;
+    /**
+     * Removes the elements from the KupToolbar class watchlist.
+     * @param {HTMLElement[]} elements - Elements to remove.
+     */
+    unregister(elements: HTMLElement[]): void;
+    /**
+     * Returns whether an element was previously registered or not.
+     * @param {HTMLElement} el - Element to test.
+     * @returns {boolean} True if the element was registered.
+     */
+    isRegistered(el: HTMLElement): boolean;
 }

package/dist/types/managers/kup-tooltip/kup-tooltip-declarations.d.ts

@@ -1,8 +1,8 @@
 export interface KupTooltipAnchor extends HTMLElement {
-  kupTooltip: KupTooltipCallbacks;
+    kupTooltip: KupTooltipCallbacks;
 }
 export interface KupTooltipCallbacks {
-  enter?: (e?: PointerEvent, anchor?: HTMLElement) => void;
-  over?: (e?: PointerEvent, anchor?: HTMLElement) => void;
-  leave?: (e?: PointerEvent, anchor?: HTMLElement) => void;
+    enter?: (e?: PointerEvent, anchor?: HTMLElement) => void;
+    over?: (e?: PointerEvent, anchor?: HTMLElement) => void;
+    leave?: (e?: PointerEvent, anchor?: HTMLElement) => void;
 }