@everymatrix/general-input 0.0.1 → 1.0.69

package/dist/types/components/email-input/email-input.d.ts

@@ -1,77 +1,80 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { ValidationSchema, InputStateEvent, InputValueEvent } from '../../utils/types';
 export declare class EmailInput {
-  /**
-   * Name of the input.
-   */
-  name: string;
-  /**
-   * Name of input to be shown to the user.
-   */
-  displayName: string;
-  /**
-   * Placeholder text to be shown.
-   */
-  placeholder: string;
-  /**
-   * Object of validation rules for the input.
-   */
-  validation: ValidationSchema;
-  /**
-   * Default value for the input.
-   */
-  defaultValue: string;
-  /**
-   * Boolean. Determines if input should be readonly.
-   */
-  autofilled: boolean;
-  /**
-   * Tooltip text.
-   */
-  tooltip: string;
-  /**
-   * Currently selected language.
-   */
-  language: string;
-  /**
-   * State passed down from the parent element. Will trigger the input to send it's value through an event.
-   */
-  emitValue: boolean;
-  /**
-   * Flag for duplicate inputs, it sets up the input for certain validation rules.
-   */
-  isDuplicateInput: boolean;
-  /**
-   * Client custom styling via inline style
-   */
-  clientStyling: string;
-  errorMessage: string;
-  isValid: boolean;
-  private limitStylingAppends;
-  showTooltip: boolean;
-  private stylingContainer;
-  private tooltipReference;
-  private tooltipIconReference;
-  value: string;
-  inputReference: HTMLInputElement;
-  debounceTime: ReturnType<typeof setTimeout>;
-  validationPattern: string;
-  duplicateInputValue: string;
-  validityChanged(): void;
-  emitValueHandler(newValue: boolean): void;
-  sendValidityState: EventEmitter<InputStateEvent>;
-  validityStateHandler(inputStateEvent: InputStateEvent): void;
-  sendInputValue: EventEmitter<InputValueEvent>;
-  valueHandler(inputValueEvent: InputValueEvent): void;
-  handleClickOutside(event: MouseEvent): void;
-  valueChangedHandler(event: CustomEvent<InputValueEvent>): void;
-  connectedCallback(): void;
-  componentDidRender(): void;
-  handleInput(event: any): void;
-  setValidity(): boolean;
-  setPattern(): string;
-  setErrorMessage(): string;
-  setClientStyling: () => void;
-  renderTooltip(): any;
-  render(): any;
+    /**
+     * Name of the input.
+     */
+    name: string;
+    /**
+     * Name of input to be shown to the user.
+     */
+    displayName: string;
+    /**
+     * Placeholder text to be shown.
+     */
+    placeholder: string;
+    /**
+     * Object of validation rules for the input.
+     */
+    validation: ValidationSchema;
+    /**
+     * Default value for the input.
+     */
+    defaultValue: string;
+    /**
+     * Boolean. Determines if input should be readonly.
+     */
+    autofilled: boolean;
+    /**
+     * Tooltip text.
+     */
+    tooltip: string;
+    /**
+     * Currently selected language.
+     */
+    language: string;
+    /**
+     * State passed down from the parent element. Will trigger the input to send it's value through an event.
+     */
+    emitValue: boolean;
+    /**
+     * Flag for duplicate inputs, it sets up the input for certain validation rules.
+     */
+    isDuplicateInput: boolean;
+    /**
+     * Client custom styling via inline style
+     */
+    clientStyling: string;
+    errorMessage: string;
+    isValid: boolean;
+    private limitStylingAppends;
+    showTooltip: boolean;
+    private stylingContainer;
+    private tooltipReference;
+    private tooltipIconReference;
+    value: string;
+    inputReference: HTMLInputElement;
+    debounceTime: ReturnType<typeof setTimeout>;
+    validationPattern: string;
+    duplicateInputValue: string;
+    touched: boolean;
+    validityChanged(): void;
+    emitValueHandler(newValue: boolean): void;
+    sendValidityState: EventEmitter<InputStateEvent>;
+    validityStateHandler(inputStateEvent: InputStateEvent): void;
+    sendInputValue: EventEmitter<InputValueEvent>;
+    valueHandler(inputValueEvent: InputValueEvent): void;
+    handleClickOutside(event: MouseEvent): void;
+    valueChangedHandler(event: CustomEvent<InputValueEvent>): void;
+    connectedCallback(): void;
+    componentDidRender(): void;
+    componentDidLoad(): void;
+    handleInput: (event: Event) => void;
+    handleBlur: () => void;
+    setValidity(): boolean;
+    setPattern(): string;
+    setErrorMessage(): string;
+    setClientStyling: () => void;
+    renderTooltip(): any;
+    render(): any;
 }

package/dist/types/components/general-input/general-input.d.ts

@@ -1,60 +1,75 @@
 import type { ValidationSchema } from '../../utils/types';
 export declare class GeneralInput {
-  /**
-   * Type the general-input should take. Can take the default HTML input values.
-   */
-  type: string;
-  /**
-   * Name of the input.
-   */
-  name: string;
-  /**
-   * Name of input to be shown to the user.
-   */
-  displayName: string;
-  /**
-   * Placeholder text to be shown.
-   */
-  placeholder: string;
-  /**
-   * Special behaviour an input should have. Can be fetching for data.
-   */
-  action: string;
-  /**
-   * Object of validation rules for the input.
-   */
-  validation: ValidationSchema;
-  /**
-   * For input elements that have multiple options or choises.
-   */
-  options: any;
-  /**
-   * Currently selected language.
-   */
-  language: string;
-  /**
-   * Boolean. Determines if input should be readonly.
-   */
-  autofilled: boolean;
-  /**
-   * Tooltip text.
-   */
-  tooltip: string;
-  /**
-   * Default value for the input.
-   */
-  defaultValue: any;
-  /**
-   * State passed down from the parent element. Will trigger the child specialised input to send it's value through an event.
-   */
-  emitValue: boolean;
-  /**
-   * Boolean that triggers certain validation rules, for duplicated inputs.
-   */
-  isDuplicateInput: boolean;
-  /**
-   * Client custom styling via inline style
-   */
-  clientStyling: any;
-  render(): any;
+    /**
+     * Type the general-input should take. Can take the default HTML input values.
+     */
+    type: string;
+    /**
+     * Name of the input.
+     */
+    name: string;
+    /**
+     * Name of input to be shown to the user.
+     */
+    displayName: string;
+    /**
+     * Placeholder text to be shown.
+     */
+    placeholder: string;
+    /**
+     * Special behaviour an input should have. Can be fetching for data.
+     */
+    action: string;
+    /**
+     * Object of validation rules for the input.
+     */
+    validation: ValidationSchema;
+    /**
+     * For input elements that have multiple options or choises.
+     */
+    options: any;
+    /**
+     * Currently selected language.
+     */
+    language: string;
+    /**
+     * Boolean. Determines if input should be readonly.
+     */
+    autofilled: boolean;
+    /**
+     * Tooltip text.
+     */
+    tooltip: string;
+    /**
+     * Default value for the input.
+     */
+    defaultValue: any;
+    /**
+     * State passed down from the parent element. Will trigger the child specialised input to send it's value through an event.
+     */
+    emitValue: boolean;
+    /**
+     * Boolean that triggers certain validation rules, for duplicated inputs.
+     */
+    isDuplicateInput: boolean;
+    /**
+     * Client custom styling via inline style
+     */
+    clientStyling: any;
+    /**
+     * Date format for date picker.
+     */
+    dateFormat: string;
+    /**
+     * Translations via URL
+     */
+    translationUrl: string;
+    /**
+     * Emit event on click
+     */
+    emitOnClick: boolean;
+    connectedCallback(): void;
+    handleClick: (event: MouseEvent) => void;
+    renderInput(): any;
+    render(): any;
 }

package/dist/types/components/general-input/index.d.ts

@@ -0,0 +1 @@
+export { GeneralInput } from './general-input';

package/dist/types/components/number-input/number-input.d.ts

@@ -1,70 +1,74 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { ValidationSchema, InputStateEvent, InputValueEvent } from '../../utils/types';
 export declare class NumberInput {
-  /**
-   * Name of the input.
-   */
-  name: string;
-  /**
-   * Name of input to be shown to the user.
-   */
-  displayName: string;
-  /**
-   * Placeholder text to be shown.
-   */
-  placeholder: string;
-  /**
-   * Object of validation rules for the input.
-   */
-  validation: ValidationSchema;
-  /**
-   * Default value for the input.
-   */
-  defaultValue: string;
-  /**
-   * Boolean. Determines if input should be readonly.
-   */
-  autofilled: boolean;
-  /**
-   * Tooltip text.
-   */
-  tooltip: string;
-  /**
-   * Currently selected language.
-   */
-  language: string;
-  /**
-   * State passed down from the parent element. Will trigger the input to send it's value through an event.
-   */
-  emitValue: boolean;
-  /**
-   * Client custom styling via inline style
-   */
-  clientStyling: string;
-  errorMessage: string;
-  isValid: boolean;
-  private limitStylingAppends;
-  showTooltip: boolean;
-  private stylingContainer;
-  private tooltipReference;
-  private tooltipIconReference;
-  value: string;
-  inputReference: HTMLInputElement;
-  validationPattern: string;
-  validityChanged(): void;
-  sendValidityState: EventEmitter<InputStateEvent>;
-  validityStateHandler(inputStateEvent: InputStateEvent): void;
-  emitValueHandler(newValue: boolean): void;
-  sendInputValue: EventEmitter<InputValueEvent>;
-  valueHandler(inputValueEvent: InputValueEvent): void;
-  handleClickOutside(event: MouseEvent): void;
-  connectedCallback(): void;
-  componentDidRender(): void;
-  handleInput(event: any): void;
-  setValidity(): boolean;
-  setPattern(): string;
-  setErrorMessage(): string;
-  setClientStyling: () => void;
-  renderTooltip(): any;
-  render(): any;
+    /**
+     * Name of the input.
+     */
+    name: string;
+    /**
+     * Name of input to be shown to the user.
+     */
+    displayName: string;
+    /**
+     * Placeholder text to be shown.
+     */
+    placeholder: string;
+    /**
+     * Object of validation rules for the input.
+     */
+    validation: ValidationSchema;
+    /**
+     * Default value for the input.
+     */
+    defaultValue: string;
+    /**
+     * Boolean. Determines if input should be readonly.
+     */
+    autofilled: boolean;
+    /**
+     * Tooltip text.
+     */
+    tooltip: string;
+    /**
+     * Currently selected language.
+     */
+    language: string;
+    /**
+     * State passed down from the parent element. Will trigger the input to send it's value through an event.
+     */
+    emitValue: boolean;
+    /**
+     * Client custom styling via inline style
+     */
+    clientStyling: string;
+    errorMessage: string;
+    isValid: boolean;
+    private limitStylingAppends;
+    showTooltip: boolean;
+    private stylingContainer;
+    private tooltipReference;
+    private tooltipIconReference;
+    value: string;
+    inputReference: HTMLInputElement;
+    validationPattern: string;
+    debounceTime: ReturnType<typeof setTimeout>;
+    touched: boolean;
+    validityChanged(): void;
+    sendValidityState: EventEmitter<InputStateEvent>;
+    validityStateHandler(inputStateEvent: InputStateEvent): void;
+    emitValueHandler(newValue: boolean): void;
+    sendInputValue: EventEmitter<InputValueEvent>;
+    valueHandler(inputValueEvent: InputValueEvent): void;
+    handleClickOutside(event: MouseEvent): void;
+    connectedCallback(): void;
+    componentDidRender(): void;
+    componentDidLoad(): void;
+    handleInput: (event: Event) => void;
+    handleBlur: () => void;
+    setValidity(): boolean;
+    setPattern(): string;
+    setErrorMessage(): string;
+    setClientStyling: () => void;
+    renderTooltip(): any;
+    render(): any;
 }

package/dist/types/components/password-input/password-input.d.ts

@@ -1,79 +1,91 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { ValidationSchema, InputStateEvent, InputValueEvent } from '../../utils/types';
+import { ValidationSchema, InputStateEvent, InputValueEvent, PasswordComplexity } from '../../utils/types';
 import '@vaadin/password-field';
 export declare class PasswordInput {
-  /**
-   * Name of the input.
-   */
-  name: string;
-  /**
-   * Name of input to be shown to the user.
-   */
-  displayName: string;
-  /**
-   * Placeholder text to be shown.
-   */
-  placeholder: string;
-  /**
-   * Default value for the input.
-   */
-  defaultValue: string;
-  /**
-   * Boolean. Determines if input should be readonly.
-   */
-  autofilled: boolean;
-  /**
-   * Tooltip text.
-   */
-  tooltip: string;
-  /**
-   * Object of validation rules for the input.
-   */
-  validation: ValidationSchema;
-  /**
-   * Currently selected language.
-   */
-  language: string;
-  /**
-   * State passed down from the parent element. Will trigger the input to send it's value through an event.
-   */
-  emitValue: boolean;
-  /**
-   * Flag for duplicate inputs, it sets up the input for certain validation rules.
-   */
-  isDuplicateInput: boolean;
-  /**
-   * Client custom styling via inline style
-   */
-  clientStyling: string;
-  isValid: boolean;
-  errorMessage: string;
-  private limitStylingAppends;
-  showTooltip: boolean;
-  private element;
-  private inputReference;
-  private stylingContainer;
-  private tooltipReference;
-  private tooltipIconReference;
-  value: string;
-  validationPattern: string;
-  duplicateInputValue: string;
-  validityChanged(): void;
-  emitValueHandler(newValue: boolean): void;
-  sendValidityState: EventEmitter<InputStateEvent>;
-  validityStateHandler(inputStateEvent: InputStateEvent): void;
-  sendInputValue: EventEmitter<InputValueEvent>;
-  valueHandler(inputValueEvent: InputValueEvent): void;
-  valueChangedHandler(event: CustomEvent<InputValueEvent>): void;
-  handleClickOutside(event: MouseEvent): void;
-  connectedCallback(): void;
-  componentDidRender(): void;
-  componentDidLoad(): void;
-  handleInput(event: any): void;
-  setValidity(): boolean;
-  setPattern(): string;
-  setErrorMessage(): string;
-  setClientStyling: () => void;
-  renderTooltip(): any;
-  render(): any;
+    /**
+     * Name of the input.
+     */
+    name: string;
+    /**
+     * Name of input to be shown to the user.
+     */
+    displayName: string;
+    /**
+     * Placeholder text to be shown.
+     */
+    placeholder: string;
+    /**
+     * Default value for the input.
+     */
+    defaultValue: string;
+    /**
+     * Boolean. Determines if input should be readonly.
+     */
+    autofilled: boolean;
+    /**
+     * Tooltip text.
+     */
+    tooltip: string;
+    /**
+     * Object of validation rules for the input.
+     */
+    validation: ValidationSchema;
+    /**
+     * Currently selected language.
+     */
+    language: string;
+    /**
+     * State passed down from the parent element. Will trigger the input to send it's value through an event.
+     */
+    emitValue: boolean;
+    /**
+     * Flag for duplicate inputs, it sets up the input for certain validation rules.
+     */
+    isDuplicateInput: boolean;
+    /**
+     * Client custom styling via inline style
+     */
+    clientStyling: string;
+    isValid: boolean;
+    errorMessage: string;
+    private limitStylingAppends;
+    showTooltip: boolean;
+    passwordComplexity: PasswordComplexity[];
+    showPopup: boolean;
+    value: string;
+    private element;
+    private inputReference;
+    private passwordButton;
+    private stylingContainer;
+    private tooltipReference;
+    private tooltipIconReference;
+    private touched;
+    private originalValid;
+    debounceTime: ReturnType<typeof setTimeout>;
+    validationPattern: string;
+    duplicateInputValue: string;
+    validityChanged(): void;
+    valueChanged(): void;
+    emitValueHandler(newValue: boolean): void;
+    sendOriginalValidityState: EventEmitter<InputStateEvent>;
+    sendValidityState: EventEmitter<InputStateEvent>;
+    validityStateHandler(inputStateEvent: InputStateEvent): void;
+    sendInputValue: EventEmitter<InputValueEvent>;
+    valueHandler(inputValueEvent: InputValueEvent): void;
+    originalValidityChangedHandler(event: CustomEvent<InputStateEvent>): void;
+    valueChangedHandler(event: CustomEvent<InputValueEvent>): void;
+    handleClickOutside(event: MouseEvent): void;
+    componentDidRender(): void;
+    componentDidLoad(): void;
+    handleInput: (event: Event) => void;
+    handleBlur: (event: Event) => void;
+    handleFocus: () => void;
+    calculateComplexity(password: string): void;
+    setValidity(): boolean;
+    setPattern(): string;
+    setErrorMessage(): string;
+    setClientStyling: () => void;
+    renderTooltip(): any;
+    renderComplexityPopup(): any;
+    render(): any;
 }