@sme.up/ketchup 8.0.2 → 8.2.0

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

@@ -1,80 +1,80 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { GenericObject } from '../../types/GenericTypes';
-import { KupSwitchEventPayload } from './kup-switch-declarations';
-export declare class KupSwitch {
-  /**
-   * References the root HTML element of the component (<kup-switch>).
-   */
-  rootElement: HTMLElement;
-  /**
-   * The value of the component.
-   * @default ""
-   */
-  value: string;
-  /**
-   * Defaults at false. When set to true, the component will be set to 'checked'.
-   * @default false
-   */
-  checked: boolean;
-  /**
-   * Custom style of the component.
-   * @default ""
-   * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-   */
-  customStyle: string;
-  /**
-   * Defaults at false. When set to true, the component is disabled.
-   * @default false
-   */
-  disabled: boolean;
-  /**
-   * Defaults at null. When specified, its content will be shown as a label.
-   * @default null
-   */
-  label: string;
-  /**
-   * Defaults at false. When set to true, the label will be on the left of the component.
-   * @default false
-   */
-  leadingLabel: boolean;
-  /**
-   * Instance of the KupManager class.
-   */
-  private kupManager;
-  /**
-   * Triggered when the input element loses focus.
-   */
-  kupBlur: EventEmitter<KupSwitchEventPayload>;
-  /**
-   * Triggered when the input element's value changes.
-   */
-  kupChange: EventEmitter<KupSwitchEventPayload>;
-  /**
-   * Triggered when the input element gets focused.
-   */
-  kupFocus: EventEmitter<KupSwitchEventPayload>;
-  onKupBlur(): void;
-  onKupChange(): void;
-  onKupFocus(): 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 { KupSwitchEventPayload } from './kup-switch-declarations';
+export declare class KupSwitch {
+  /**
+   * References the root HTML element of the component (<kup-switch>).
+   */
+  rootElement: HTMLElement;
+  /**
+   * The value of the component.
+   * @default ""
+   */
+  value: string;
+  /**
+   * Defaults at false. When set to true, the component will be set to 'checked'.
+   * @default false
+   */
+  checked: boolean;
+  /**
+   * Custom style of the component.
+   * @default ""
+   * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+   */
+  customStyle: string;
+  /**
+   * Defaults at false. When set to true, the component is disabled.
+   * @default false
+   */
+  disabled: boolean;
+  /**
+   * Defaults at null. When specified, its content will be shown as a label.
+   * @default null
+   */
+  label: string;
+  /**
+   * Defaults at false. When set to true, the label will be on the left of the component.
+   * @default false
+   */
+  leadingLabel: boolean;
+  /**
+   * Instance of the KupManager class.
+   */
+  private kupManager;
+  /**
+   * Triggered when the input element loses focus.
+   */
+  kupBlur: EventEmitter<KupSwitchEventPayload>;
+  /**
+   * Triggered when the input element's value changes.
+   */
+  kupChange: EventEmitter<KupSwitchEventPayload>;
+  /**
+   * Triggered when the input element gets focused.
+   */
+  kupFocus: EventEmitter<KupSwitchEventPayload>;
+  onKupBlur(): void;
+  onKupChange(): void;
+  onKupFocus(): 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,21 +1,21 @@
-import { KupDataNode } from '../../managers/kup-data/kup-data-declarations';
-import { KupEventPayload } from '../../types/GenericTypes';
-/**
- * Props of the kup-tab-bar component.
- * Used to export every prop in an object.
- */
-export declare enum KupTabBarProps {
-  customStyle = "Custom style of the component.",
-  data = "List of elements.",
-  ripple = "When enabled displays Material's ripple effect on item headers."
-}
-/**
- * The object of a single radio.
- */
-export interface KupTabBarNode extends KupDataNode {
-  active?: boolean;
-}
-export interface KupTabBarEventPayload extends KupEventPayload {
-  node: KupTabBarNode;
-  index: number;
-}
+import { KupDataNode } from '../../managers/kup-data/kup-data-declarations';
+import { KupEventPayload } from '../../types/GenericTypes';
+/**
+ * Props of the kup-tab-bar component.
+ * Used to export every prop in an object.
+ */
+export declare enum KupTabBarProps {
+  customStyle = "Custom style of the component.",
+  data = "List of elements.",
+  ripple = "When enabled displays Material's ripple effect on item headers."
+}
+/**
+ * The object of a single radio.
+ */
+export interface KupTabBarNode extends KupDataNode {
+  active?: boolean;
+}
+export interface KupTabBarEventPayload extends KupEventPayload {
+  node: KupTabBarNode;
+  index: number;
+}

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

@@ -1,77 +1,77 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { KupTabBarNode, KupTabBarEventPayload } from './kup-tab-bar-declarations';
-import { GenericObject } from '../../types/GenericTypes';
-export declare class KupTabBar {
-  /**
-   * References the root HTML element of the component (<kup-tab-bar>).
-   */
-  rootElement: HTMLElement;
-  value: string;
-  /**
-   * Custom style of the component.
-   * @default ""
-   * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-   */
-  customStyle: string;
-  /**
-   * List of elements.
-   * @default null
-   */
-  data: KupTabBarNode[];
-  /**
-   * When enabled displays Material's ripple effect on item headers.
-   * @default true
-   */
-  ripple: boolean;
-  /**
-   * Instance of the KupManager class.
-   */
-  private kupManager;
-  /**
-   * Element scrollable on mouse hover.
-   */
-  private scrollArea;
-  /**
-   * Triggered when the tab loses focus.
-   */
-  kupBlur: EventEmitter<KupTabBarEventPayload>;
-  /**
-   * Triggered when the tab is clicked.
-   */
-  kupClick: EventEmitter<KupTabBarEventPayload>;
-  /**
-   * Triggered when the tab is focused.
-   */
-  kupFocus: EventEmitter<KupTabBarEventPayload>;
-  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.
-   * @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>;
-  /**
-   * Returns the selected node.
-   * @returns {Promise<KupTabBarNode>} Selected node.
-   */
-  getSelectedNode(): Promise<KupTabBarNode>;
-  /**
-   * 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>;
-  private consistencyCheck;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  componentWillRender(): void;
-  componentDidRender(): void;
-  render(): any;
-  disconnectedCallback(): void;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+import { KupTabBarNode, KupTabBarEventPayload } from './kup-tab-bar-declarations';
+import { GenericObject } from '../../types/GenericTypes';
+export declare class KupTabBar {
+  /**
+   * References the root HTML element of the component (<kup-tab-bar>).
+   */
+  rootElement: HTMLElement;
+  value: string;
+  /**
+   * Custom style of the component.
+   * @default ""
+   * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+   */
+  customStyle: string;
+  /**
+   * List of elements.
+   * @default null
+   */
+  data: KupTabBarNode[];
+  /**
+   * When enabled displays Material's ripple effect on item headers.
+   * @default true
+   */
+  ripple: boolean;
+  /**
+   * Instance of the KupManager class.
+   */
+  private kupManager;
+  /**
+   * Element scrollable on mouse hover.
+   */
+  private scrollArea;
+  /**
+   * Triggered when the tab loses focus.
+   */
+  kupBlur: EventEmitter<KupTabBarEventPayload>;
+  /**
+   * Triggered when the tab is clicked.
+   */
+  kupClick: EventEmitter<KupTabBarEventPayload>;
+  /**
+   * Triggered when the tab is focused.
+   */
+  kupFocus: EventEmitter<KupTabBarEventPayload>;
+  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.
+   * @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>;
+  /**
+   * Returns the selected node.
+   * @returns {Promise<KupTabBarNode>} Selected node.
+   */
+  getSelectedNode(): Promise<KupTabBarNode>;
+  /**
+   * 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>;
+  private consistencyCheck;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentWillRender(): void;
+  componentDidRender(): void;
+  render(): any;
+  disconnectedCallback(): void;
+}

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

@@ -1,38 +1,38 @@
-import { KupEventPayload } from '../../types/GenericTypes';
-/**
- * Props of the kup-text-field component.
- * Used to export every prop in an object.
- */
-export declare enum KupTextFieldProps {
-  allowNegative = "When true, could be input negative numbers. It has effect only with number input type.",
-  customStyle = "Custom style of the component.",
-  decimals = "Number of decimals (should be used when inputType is number).",
-  disabled = "When set to true, the component is disabled.",
-  emitSubmitEventOnEnter = "When the text field is part of the autocomplete component and the list is opened, enter key selects the item and doesn't submit.",
-  fullWidth = "When set to true, the component will be rendered at full width.",
-  group = "When true, the number will be formatted with group separator. It has effect only with number input type.",
-  helper = "When set, its content will be shown as a help text below the field.",
-  helperEnabled = "When true, the helper will be displayed.",
-  helperWhenFocused = "When set, the helper will be shown only when the field is focused.",
-  icon = "When set, the text-field will show this icon.",
-  initialValue = "Sets the initial value of the component",
-  inputMode = "The HTML inputmode of the input element. It has no effect on text areas.",
-  inputType = "The HTML type of the input element. It has no effect on text areas.",
-  integers = "Number of integers (should be used when inputType is number).",
-  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.",
-  textArea = "When set to true, the component will be rendered as a textarea.",
-  trailingIcon = "When set, the icon will be shown after the text.",
-  trailingLabel = "When set to true, the label will be on the right of the component."
-}
-export interface KupTextFieldEventPayload extends KupEventPayload {
-  value: string;
-}
+import { KupEventPayload } from '../../types/GenericTypes';
+/**
+ * Props of the kup-text-field component.
+ * Used to export every prop in an object.
+ */
+export declare enum KupTextFieldProps {
+  allowNegative = "When true, could be input negative numbers. It has effect only with number input type.",
+  customStyle = "Custom style of the component.",
+  decimals = "Number of decimals (should be used when inputType is number).",
+  disabled = "When set to true, the component is disabled.",
+  emitSubmitEventOnEnter = "When the text field is part of the autocomplete component and the list is opened, enter key selects the item and doesn't submit.",
+  fullWidth = "When set to true, the component will be rendered at full width.",
+  group = "When true, the number will be formatted with group separator. It has effect only with number input type.",
+  helper = "When set, its content will be shown as a help text below the field.",
+  helperEnabled = "When true, the helper will be displayed.",
+  helperWhenFocused = "When set, the helper will be shown only when the field is focused.",
+  icon = "When set, the text-field will show this icon.",
+  initialValue = "Sets the initial value of the component",
+  inputMode = "The HTML inputmode of the input element. It has no effect on text areas.",
+  inputType = "The HTML type of the input element. It has no effect on text areas.",
+  integers = "Number of integers (should be used when inputType is number).",
+  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.",
+  textArea = "When set to true, the component will be rendered as a textarea.",
+  trailingIcon = "When set, the icon will be shown after the text.",
+  trailingLabel = "When set to true, the label will be on the right of the component."
+}
+export interface KupTextFieldEventPayload extends KupEventPayload {
+  value: string;
+}