@sme.up/ketchup 8.0.2 → 8.2.0

package/dist/types/components/kup-date-picker/kup-date-picker-declarations.d.ts

@@ -1,20 +1,20 @@
-import { KupEventPayload } from "../../types/GenericTypes";
-/**
- * Props of the kup-date-picker component.
- * Used to export every prop in an object.
- */
-export declare enum KupDatePickerProps {
-  customStyle = "Custom style of the component.",
-  data = "Props of the sub-components.",
-  disabled = "Defaults at false. When set to true, the component is disabled.",
-  firstDayIndex = "First day number (0 - sunday, 1 - monday, ...)",
-  initialValue = "Sets the initial value of the component"
-}
-export declare enum SourceEvent {
-  DATE = "date",
-  MONTH = "month",
-  YEAR = "year"
-}
-export interface KupDatePickerEventPayload extends KupEventPayload {
-  value: any;
-}
+import { KupEventPayload } from "../../types/GenericTypes";
+/**
+ * Props of the kup-date-picker component.
+ * Used to export every prop in an object.
+ */
+export declare enum KupDatePickerProps {
+  customStyle = "Custom style of the component.",
+  data = "Props of the sub-components.",
+  disabled = "Defaults at false. When set to true, the component is disabled.",
+  firstDayIndex = "First day number (0 - sunday, 1 - monday, ...)",
+  initialValue = "Sets the initial value of the component"
+}
+export declare enum SourceEvent {
+  DATE = "date",
+  MONTH = "month",
+  YEAR = "year"
+}
+export interface KupDatePickerEventPayload extends KupEventPayload {
+  value: any;
+}

package/dist/types/components/kup-date-picker/kup-date-picker.d.ts

@@ -1,110 +1,110 @@
-import { EventEmitter, VNode } from '../../stencil-public-runtime';
-import type { GenericObject, KupEventPayload } from '../../types/GenericTypes';
-import { KupDatePickerEventPayload } from './kup-date-picker-declarations';
-export declare class KupDatePicker {
-  rootElement: HTMLElement;
-  stateSwitcher: boolean;
-  value: string;
-  /**
-   * Custom style of the component.
-   * @default ""
-   * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-   */
-  customStyle: string;
-  /**
-   * Props of the sub-components.
-   * @default null
-   */
-  data: Object;
-  /**
-   * Defaults at false. When set to true, the component is disabled.
-   * @default false
-   */
-  disabled: boolean;
-  /**
-   * First day number (0 - sunday, 1 - monday, ...)
-   * TODO: manage with kupDates.locale, remove prop
-   * @default 1
-   */
-  firstDayIndex: number;
-  /**
-   * Sets the initial value of the component
-   * @default ""
-   */
-  initialValue: string;
-  /**
-   * Instance of the KupManager class.
-   */
-  private kupManager;
-  private textfieldEl;
-  private pickerContainerEl;
-  private pickerEl;
-  private clickCb;
-  kupBlur: EventEmitter<KupDatePickerEventPayload>;
-  kupChange: EventEmitter<KupDatePickerEventPayload>;
-  kupClick: EventEmitter<KupDatePickerEventPayload>;
-  kupFocus: EventEmitter<KupDatePickerEventPayload>;
-  kupInput: EventEmitter<KupDatePickerEventPayload>;
-  kupIconClick: EventEmitter<KupDatePickerEventPayload>;
-  kupItemClick: EventEmitter<KupDatePickerEventPayload>;
-  kupTextFieldSubmit: EventEmitter<KupDatePickerEventPayload>;
-  kupClearIconClick: EventEmitter<KupEventPayload>;
-  onKupDatePickerItemClick(value: string): void;
-  onKupClearIconClick(): void;
-  onKupBlur(): void;
-  onKupChange(e: InputEvent): void;
-  onKupClick(): void;
-  onKupFocus(): void;
-  onKupInput(e: InputEvent): void;
-  onkupTextFieldSubmit(e: KeyboardEvent): void;
-  onKupIconClick(): void;
-  listenKeyup(e: KeyboardEvent): void;
-  watchFirstDayIndex(): void;
-  /**
-   * Retrieves the component's value.
-   * @returns {string} Value of the component.
-   */
-  getValue(): Promise<string>;
-  /**
-   * 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 focus to the component.
-   */
-  setFocus(): Promise<void>;
-  /**
-   * Sets the component's value.
-   * @param {string} value - Value to be set.
-   */
-  setValue(value: string): Promise<void>;
-  refreshPickerValue(eventDetailValue: string, eventToRaise: EventEmitter, isOnInputEvent?: boolean): void;
-  refreshPickerComponentValue(value: string): void;
-  setPickerValueSelected(newValue?: string): void;
-  getPickerValueSelected(): string;
-  getValueForPickerComponent(): string;
-  openPicker(): void;
-  closePicker(): void;
-  isPickerOpened(): boolean;
-  getTextFieldId(): string;
-  prepTextfield(initialValue: string): VNode;
-  getInitEndYear(curYear: number): {
-    initYear: number;
-    endYear: number;
-  };
-  isRelatedTargetInThisComponent(e: any): boolean;
-  prepDatePicker(): any;
-  getDateForOutput(): string;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  componentWillRender(): void;
-  componentDidRender(): void;
-  render(): any;
-  disconnectedCallback(): void;
-}
+import { EventEmitter, VNode } from '../../stencil-public-runtime';
+import type { GenericObject, KupEventPayload } from '../../types/GenericTypes';
+import { KupDatePickerEventPayload } from './kup-date-picker-declarations';
+export declare class KupDatePicker {
+  rootElement: HTMLElement;
+  stateSwitcher: boolean;
+  value: string;
+  /**
+   * Custom style of the component.
+   * @default ""
+   * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+   */
+  customStyle: string;
+  /**
+   * Props of the sub-components.
+   * @default null
+   */
+  data: Object;
+  /**
+   * Defaults at false. When set to true, the component is disabled.
+   * @default false
+   */
+  disabled: boolean;
+  /**
+   * First day number (0 - sunday, 1 - monday, ...)
+   * TODO: manage with kupDates.locale, remove prop
+   * @default 1
+   */
+  firstDayIndex: number;
+  /**
+   * Sets the initial value of the component
+   * @default ""
+   */
+  initialValue: string;
+  /**
+   * Instance of the KupManager class.
+   */
+  private kupManager;
+  private textfieldEl;
+  private pickerContainerEl;
+  private pickerEl;
+  private clickCb;
+  kupBlur: EventEmitter<KupDatePickerEventPayload>;
+  kupChange: EventEmitter<KupDatePickerEventPayload>;
+  kupClick: EventEmitter<KupDatePickerEventPayload>;
+  kupFocus: EventEmitter<KupDatePickerEventPayload>;
+  kupInput: EventEmitter<KupDatePickerEventPayload>;
+  kupIconClick: EventEmitter<KupDatePickerEventPayload>;
+  kupItemClick: EventEmitter<KupDatePickerEventPayload>;
+  kupTextFieldSubmit: EventEmitter<KupDatePickerEventPayload>;
+  kupClearIconClick: EventEmitter<KupEventPayload>;
+  onKupDatePickerItemClick(value: string): void;
+  onKupClearIconClick(): void;
+  onKupBlur(): void;
+  onKupChange(e: InputEvent): void;
+  onKupClick(): void;
+  onKupFocus(): void;
+  onKupInput(e: InputEvent): void;
+  onkupTextFieldSubmit(e: KeyboardEvent): void;
+  onKupIconClick(): void;
+  listenKeyup(e: KeyboardEvent): void;
+  watchFirstDayIndex(): void;
+  /**
+   * Retrieves the component's value.
+   * @returns {string} Value of the component.
+   */
+  getValue(): Promise<string>;
+  /**
+   * 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 focus to the component.
+   */
+  setFocus(): Promise<void>;
+  /**
+   * Sets the component's value.
+   * @param {string} value - Value to be set.
+   */
+  setValue(value: string): Promise<void>;
+  refreshPickerValue(eventDetailValue: string, eventToRaise: EventEmitter, isOnInputEvent?: boolean): void;
+  refreshPickerComponentValue(value: string): void;
+  setPickerValueSelected(newValue?: string): void;
+  getPickerValueSelected(): string;
+  getValueForPickerComponent(): string;
+  openPicker(): void;
+  closePicker(): void;
+  isPickerOpened(): boolean;
+  getTextFieldId(): string;
+  prepTextfield(initialValue: string): VNode;
+  getInitEndYear(curYear: number): {
+    initYear: number;
+    endYear: number;
+  };
+  isRelatedTargetInThisComponent(e: any): boolean;
+  prepDatePicker(): any;
+  getDateForOutput(): string;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentWillRender(): void;
+  componentDidRender(): void;
+  render(): any;
+  disconnectedCallback(): void;
+}

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

@@ -1,26 +1,26 @@
-/**
- * Props of the kup-dialog component.
- * Used to export every prop in an object.
- */
-export declare enum KupDialogProps {
-  autoCenter = "Auto centers the dialog relatively to the viewport.",
-  customStyle = "Custom style of the component.",
-  header = "Header options.",
-  modal = "Set of options to display the dialog as a modal.",
-  resizable = "Sets whether the dialog is resizable or not.",
-  sizeX = "The width of the dialog, defaults to auto. Accepts any valid CSS format (px, %, vw, etc.).",
-  sizeY = "The height of the dialog, defaults to auto. Accepts any valid CSS format (px, %, vh, etc.)."
-}
-export interface KupDialogAutoCenter {
-  onReady?: boolean;
-}
-export interface KupDialogHeader {
-  icons?: KupDialogIcons;
-  title?: string;
-}
-export interface KupDialogIcons {
-  close?: boolean;
-}
-export interface KupDialogModal {
-  closeOnBackdropClick?: boolean;
-}
+/**
+ * Props of the kup-dialog component.
+ * Used to export every prop in an object.
+ */
+export declare enum KupDialogProps {
+  autoCenter = "Auto centers the dialog relatively to the viewport.",
+  customStyle = "Custom style of the component.",
+  header = "Header options.",
+  modal = "Set of options to display the dialog as a modal.",
+  resizable = "Sets whether the dialog is resizable or not.",
+  sizeX = "The width of the dialog, defaults to auto. Accepts any valid CSS format (px, %, vw, etc.).",
+  sizeY = "The height of the dialog, defaults to auto. Accepts any valid CSS format (px, %, vh, etc.)."
+}
+export interface KupDialogAutoCenter {
+  onReady?: boolean;
+}
+export interface KupDialogHeader {
+  icons?: KupDialogIcons;
+  title?: string;
+}
+export interface KupDialogIcons {
+  close?: boolean;
+}
+export interface KupDialogModal {
+  closeOnBackdropClick?: boolean;
+}

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

@@ -1,77 +1,77 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { GenericObject, KupEventPayload } from '../../types/GenericTypes';
-import { KupDialogAutoCenter, KupDialogHeader, KupDialogModal } from './kup-dialog-declarations';
-export declare class KupDialog {
-  #private;
-  /**
-   * References the root HTML element of the component (<kup-dialog>).
-   */
-  rootElement: HTMLElement;
-  /**
-   * Auto centers the dialog relatively to the viewport.
-   * @default "{ onReady: true }"
-   */
-  autoCenter: KupDialogAutoCenter;
-  /**
-   * Custom style of the component.
-   * @default ""
-   * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-   */
-  customStyle: string;
-  /**
-   * Header options.
-   * @default "{ icons: { close: true } }"
-   */
-  header: KupDialogHeader;
-  /**
-   * Set of options to display the dialog as a modal.
-   * @default "{ closeOnBackdropClick: true }"
-   */
-  modal: KupDialogModal;
-  /**
-   * Sets whether the dialog is resizable or not.
-   * @default "true"
-   */
-  resizable: boolean;
-  /**
-   * The width of the dialog, defaults to auto. Accepts any valid CSS format (px, %, vw, etc.).
-   * @default "auto"
-   */
-  sizeX: string;
-  /**
-   * The height of the card, defaults to auto. Accepts any valid CSS format (px, %, vh, etc.).
-   * @default "auto"
-   */
-  sizeY: string;
-  kupClose: EventEmitter<KupEventPayload>;
-  kupReady: EventEmitter<KupEventPayload>;
-  /**
-   * Closes the dialog detaching it from the DOM.
-   */
-  close(): Promise<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>;
-  /**
-   * Places the dialog at the center of the screen.
-   */
-  recalcPosition(): Promise<void>;
-  /**
-   * 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, KupEventPayload } from '../../types/GenericTypes';
+import { KupDialogAutoCenter, KupDialogHeader, KupDialogModal } from './kup-dialog-declarations';
+export declare class KupDialog {
+  #private;
+  /**
+   * References the root HTML element of the component (<kup-dialog>).
+   */
+  rootElement: HTMLElement;
+  /**
+   * Auto centers the dialog relatively to the viewport.
+   * @default "{ onReady: true }"
+   */
+  autoCenter: KupDialogAutoCenter;
+  /**
+   * Custom style of the component.
+   * @default ""
+   * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+   */
+  customStyle: string;
+  /**
+   * Header options.
+   * @default "{ icons: { close: true } }"
+   */
+  header: KupDialogHeader;
+  /**
+   * Set of options to display the dialog as a modal.
+   * @default "{ closeOnBackdropClick: true }"
+   */
+  modal: KupDialogModal;
+  /**
+   * Sets whether the dialog is resizable or not.
+   * @default "true"
+   */
+  resizable: boolean;
+  /**
+   * The width of the dialog, defaults to auto. Accepts any valid CSS format (px, %, vw, etc.).
+   * @default "auto"
+   */
+  sizeX: string;
+  /**
+   * The height of the card, defaults to auto. Accepts any valid CSS format (px, %, vh, etc.).
+   * @default "auto"
+   */
+  sizeY: string;
+  kupClose: EventEmitter<KupEventPayload>;
+  kupReady: EventEmitter<KupEventPayload>;
+  /**
+   * Closes the dialog detaching it from the DOM.
+   */
+  close(): Promise<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>;
+  /**
+   * Places the dialog at the center of the screen.
+   */
+  recalcPosition(): Promise<void>;
+  /**
+   * 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-drawer/kup-drawer-declarations.d.ts

@@ -1,9 +1,9 @@
-export declare const drawerClass = "drawer";
-/**
- * Props of the kup-drawer component.
- * Used to export every prop in an object.
- */
-export declare enum KupDrawerProps {
-  customStyle = "Custom style of the component.",
-  opened = "Defaults at false. When set to true, the drawer appears."
-}
+export declare const drawerClass = "drawer";
+/**
+ * Props of the kup-drawer component.
+ * Used to export every prop in an object.
+ */
+export declare enum KupDrawerProps {
+  customStyle = "Custom style of the component.",
+  opened = "Defaults at false. When set to true, the drawer appears."
+}

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

@@ -1,74 +1,74 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { GenericObject, KupEventPayload } from '../../types/GenericTypes';
-export declare class KupDrawer {
-  rootElement: HTMLElement;
-  /**
-   * True when the drawer is open.
-   * @default false
-   */
-  opened: boolean;
-  /**
-   * Custom style of the component.
-   * @default ""
-   * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-   */
-  customStyle: string;
-  /**
-   * Instance of the KupManager class.
-   */
-  private kupManager;
-  /**
-   * Fired when the drawer gets closed.
-   */
-  kupDrawerClose: EventEmitter<KupEventPayload>;
-  /**
-   * Fired when the drawer gets opened.
-   */
-  kupDrawerOpen: EventEmitter<KupEventPayload>;
-  /**
-   * Triggered when the component is ready.
-   */
-  kupDrawerReady: EventEmitter<KupEventPayload>;
-  /**
-   * Closes the drawer.
-   */
-  close(): Promise<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 state of the drawer.
-   * @returns {Promise<boolean>} True when opened, false when closed.
-   */
-  isOpened(): Promise<boolean>;
-  /**
-   * Opens the drawer.
-   */
-  open(): Promise<void>;
-  /**
-   * 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>;
-  /**
-   * Opens the drawer when closed and vice-versa.
-   */
-  toggle(): Promise<void>;
-  /**
-   * Reads the slots returning them as an array of virtual nodes.
-   */
-  private content;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  componentWillRender(): void;
-  componentDidRender(): void;
-  render(): any;
-  disconnectedCallback(): void;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+import { GenericObject, KupEventPayload } from '../../types/GenericTypes';
+export declare class KupDrawer {
+  rootElement: HTMLElement;
+  /**
+   * True when the drawer is open.
+   * @default false
+   */
+  opened: boolean;
+  /**
+   * Custom style of the component.
+   * @default ""
+   * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+   */
+  customStyle: string;
+  /**
+   * Instance of the KupManager class.
+   */
+  private kupManager;
+  /**
+   * Fired when the drawer gets closed.
+   */
+  kupDrawerClose: EventEmitter<KupEventPayload>;
+  /**
+   * Fired when the drawer gets opened.
+   */
+  kupDrawerOpen: EventEmitter<KupEventPayload>;
+  /**
+   * Triggered when the component is ready.
+   */
+  kupDrawerReady: EventEmitter<KupEventPayload>;
+  /**
+   * Closes the drawer.
+   */
+  close(): Promise<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 state of the drawer.
+   * @returns {Promise<boolean>} True when opened, false when closed.
+   */
+  isOpened(): Promise<boolean>;
+  /**
+   * Opens the drawer.
+   */
+  open(): Promise<void>;
+  /**
+   * 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>;
+  /**
+   * Opens the drawer when closed and vice-versa.
+   */
+  toggle(): Promise<void>;
+  /**
+   * Reads the slots returning them as an array of virtual nodes.
+   */
+  private content;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentWillRender(): void;
+  componentDidRender(): void;
+  render(): any;
+  disconnectedCallback(): void;
+}