@sme.up/ketchup 8.0.2 → 8.2.0

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

@@ -1,185 +1,185 @@
-import { GenericObject, KupTagNames } from '../../types/GenericTypes';
-/**
- * Variable used to fetch the MASTER customStyle (used in every component).
- */
-export declare const masterCustomStyle = "MASTER";
-/**
- * Components using the FButton functional component.
- */
-export declare const fButtonUsers: KupTagNames[];
-/**
- * Components using the FCell functional component.
- */
-export declare const fCellUsers: KupTagNames[];
-/**
- * Components using the FCheckbox functional component.
- */
-export declare const fCheckboxUsers: KupTagNames[];
-/**
- * Components using the FChip functional component.
- */
-export declare const fChipUsers: KupTagNames[];
-/**
- * Components using the FImage functional component.
- */
-export declare const fImageUsers: KupTagNames[];
-/**
- * Components using the FPaginator functional component.
- */
-export declare const fPaginatorUsers: KupTagNames[];
-/**
- * Components using the FSwitch functional component.
- */
-export declare const fSwitchUsers: KupTagNames[];
-/**
- * Components using the FTextField functional component.
- */
-export declare const fTextFieldUsers: KupTagNames[];
-/**
- * Components using the MDC ripple effect.
- */
-export declare const rippleUsers: KupTagNames[];
-/**
- * Interface of the themes JSON.
- */
-export interface KupThemeJSON {
-  [index: string]: KupThemeElement;
-}
-/**
- * Interface wrapping all the others.
- */
-export interface KupThemeElement {
-  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;
-}
-/**
- * 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;
-}
-/**
- * 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;
-}
-/**
- * Interface of a color described by RGB colors.
- */
-export interface KupThemeRGBValues {
-  r: number;
-  g: number;
-  b: number;
-}
-/**
- * Interface of a color described by HSL colors.
- */
-export interface KupThemeHSLValues {
-  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"
-}
-/**
- * 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"
-}
+import { GenericObject, KupTagNames } from '../../types/GenericTypes';
+/**
+ * Variable used to fetch the MASTER customStyle (used in every component).
+ */
+export declare const masterCustomStyle = "MASTER";
+/**
+ * Components using the FButton functional component.
+ */
+export declare const fButtonUsers: KupTagNames[];
+/**
+ * Components using the FCell functional component.
+ */
+export declare const fCellUsers: KupTagNames[];
+/**
+ * Components using the FCheckbox functional component.
+ */
+export declare const fCheckboxUsers: KupTagNames[];
+/**
+ * Components using the FChip functional component.
+ */
+export declare const fChipUsers: KupTagNames[];
+/**
+ * Components using the FImage functional component.
+ */
+export declare const fImageUsers: KupTagNames[];
+/**
+ * Components using the FPaginator functional component.
+ */
+export declare const fPaginatorUsers: KupTagNames[];
+/**
+ * Components using the FSwitch functional component.
+ */
+export declare const fSwitchUsers: KupTagNames[];
+/**
+ * Components using the FTextField functional component.
+ */
+export declare const fTextFieldUsers: KupTagNames[];
+/**
+ * Components using the MDC ripple effect.
+ */
+export declare const rippleUsers: KupTagNames[];
+/**
+ * Interface of the themes JSON.
+ */
+export interface KupThemeJSON {
+  [index: string]: KupThemeElement;
+}
+/**
+ * Interface wrapping all the others.
+ */
+export interface KupThemeElement {
+  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;
+}
+/**
+ * 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;
+}
+/**
+ * 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;
+}
+/**
+ * Interface of a color described by RGB colors.
+ */
+export interface KupThemeRGBValues {
+  r: number;
+  g: number;
+  b: number;
+}
+/**
+ * Interface of a color described by HSL colors.
+ */
+export interface KupThemeHSLValues {
+  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"
+}
+/**
+ * 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"
+}

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

@@ -1,127 +1,127 @@
-import type { KupComponent } from '../../types/GenericTypes';
-import { KupThemeColor, KupThemeCSSVariables, KupThemeHSLValues, KupThemeJSON, KupThemeRGBValues } from './kup-theme-declarations';
-/**
- * Theme manager, handles everything about theming, customStyles and color utilities.
- * @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;
-}
+import type { KupComponent } from '../../types/GenericTypes';
+import { KupThemeColor, KupThemeCSSVariables, KupThemeHSLValues, KupThemeJSON, KupThemeRGBValues } from './kup-theme-declarations';
+/**
+ * Theme manager, handles everything about theming, customStyles and color utilities.
+ * @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;
+}

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

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