@everymatrix/general-input 0.0.1 → 1.0.69

package/dist/general-input/p-c43bb82e.entry.js

@@ -0,0 +1 @@
+import{r as t,h as i,H as s}from"./p-03e81c11.js";import{g as e}from"./p-cfe9eb31.js";const a=class{constructor(i){t(this,i),this.handleClick=t=>{this.emitOnClick&&(t.stopPropagation(),window.postMessage({type:`registration${this.name}Clicked`},window.location.href))},this.type="text",this.name=void 0,this.displayName=void 0,this.placeholder=void 0,this.action=void 0,this.validation=void 0,this.options=void 0,this.language=void 0,this.autofilled=void 0,this.tooltip=void 0,this.defaultValue=void 0,this.emitValue=void 0,this.isDuplicateInput=void 0,this.clientStyling="",this.dateFormat=void 0,this.translationUrl="",this.emitOnClick=!1}connectedCallback(){this.translationUrl&&e(this.translationUrl)}renderInput(){var t;switch(null===(t=this.type)||void 0===t?void 0:t.toLowerCase()){case"text":return i("text-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,isDuplicateInput:this.isDuplicateInput,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder});case"email":return i("email-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,isDuplicateInput:this.isDuplicateInput,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder});case"number":return i("number-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder});case"checkbox":return i("checkbox-input",{name:this.name,displayName:this.displayName,validation:this.validation,emitValue:this.emitValue,defaultValue:this.defaultValue,autofilled:this.autofilled,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip});case"checkboxgroup":return i("checkbox-group-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,options:this.options});case"togglecheckbox":return i("toggle-checkbox-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,options:this.options,"emit-on-click":this.emitOnClick});case"datetime":return i("date-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder,dateFormat:this.dateFormat});case"password":return i("password-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,isDuplicateInput:this.isDuplicateInput,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder});case"radio":return i("radio-input",{name:this.name,displayName:this.displayName,optionsGroup:this.options,validation:this.validation,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling});case"tel":return i("tel-input",{name:this.name,action:this.action,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,emitValue:this.emitValue,language:this.language,autofilled:this.autofilled,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder});case"dropdown":return i("select-input",{name:this.name,action:this.action,defaultValue:this.defaultValue,displayName:this.displayName,options:this.options,validation:this.validation,emitValue:this.emitValue,autofilled:this.autofilled,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder});default:return i("p",null,"The ",this.type," input type is not valid")}}render(){return i(s,{key:"00fe51389e06cbdc9225d3246bc6c629d4cf15d8",class:`general-input--${this.name}`,onClick:this.handleClick},this.renderInput())}};a.style=":host{display:block;height:100%}";export{a as general_input}

package/dist/general-input/p-cfe9eb31.js

@@ -0,0 +1 @@
+const e={en:{dateError:"The selected date should be between {min} and {max}",dateError2:"The selected date is not within the accepted range",numberLengthError:"The number should be between {min} and {max}",lengthError:"The length should be between {minLength} and {maxLength}",requiredError:"This input is required.",invalidOriginalPasswordError:"Initial password field does not validate all criteria.",passwordStrength:"Password strength",passwordStrengthWeak:"is not adequate",passwordStrengthStrong:"is adequate",SpecialCharactersNotAllowed:"Should not contain special characters",InvalidEmailFormat:"Invalid email format.",EmailNotMatching:"Emails not matching!",PasswordNotMatching:"Passwords not matching",MustIncludeNumber:"include a number",MustContainCapital:"contain capital letters",MustIncludePunctation:"punctuation",OnlyNumbers:"Should contains only numbers."},hu:{dateError:"A választott dátumnak {min} és {max} között kell lennie",numberLengthError:"A számnak {min} és {max} között kell lennie",lengthError:"A hossznak {minLength} és {maxLength} között kell lennie",requiredError:"Ez a beviteli mező kötelező.",invalidOriginalPasswordError:"Initial password field does not validate all criteria.",passwordStrength:"Jelszó erőssége",passwordStrengthWeak:"nem megfelelő",passwordStrengthStrong:"megfelelő",SpecialCharactersNotAllowed:"Nem tartalmazhat speciális karaktereket",InvalidEmailFormat:"Érvénytelen e-mail formátum.",EmailNotMatching:"Az e-mailek nem egyeznek!",PasswordNotMatching:"A jelszavak nem egyeznek",MustIncludeNumber:"tartalmaznia kell egy számot",MustContainCapital:"nagybetűket kell tartalmaznia",MustIncludePunctation:"írásjelet",OnlyNumbers:"Csak számokat kell tartalmaznia."},hr:{dateError:"Odabrani datum treba biti između {min} i {max}",dateError2:"Odabrani datum nije unutar prihvaćenog raspona",numberLengthError:"Broj bi trebao biti između {min} i {max}",lengthError:"Duljina bi trebala biti između {minLength} i {maxLength}",requiredError:"Ovaj unos je obavezan.",invalidOriginalPasswordError:"Polje početne lozinke ne potvrđuje sve kriterije",passwordStrength:"Jačina zaporke",passwordStrengthWeak:"nije adekvatno",passwordStrengthStrong:"je adekvatan",SpecialCharactersNotAllowed:"Ne smije sadržavati posebne znakove",InvalidEmailFormat:"Nevažeći format e-maila",EmailNotMatching:"E-mailovi se ne podudaraju!",PasswordNotMatching:"Lozinke se ne podudaraju",MustIncludeNumber:"uključiti broj",MustContainCapital:"sadrže velika slova",MustIncludePunctation:"interpunkcija",OnlyNumbers:"Treba sadržavati samo brojeve."},"pt-br":{dateError:"A data selecionada deve estar entre {min} e {max}",dateError2:"A data selecionada não está dentro de um intervalo válido",numberLengthError:"O número deve estar entre {min} e {max}",lengthError:"O comprimento deve estar entre {minLength} e {maxLength}",requiredError:"Este campo é obrigatório",invalidOriginalPasswordError:"O campo de senha inicial não faz parte dos critérios válidos",PasswordStrength:"Força da senha",PasswordStrengthWeak:"Não é adequado",PasswordStrengthStrong:"é apropriado",SpecialCharactersNotAllowed:"Não deve conter caracteres especiais",InvalidEmailFormat:"Formato de email inválido",EmailNotMatching:"E-mail não corresponde",PasswordNotMatching:"Senha não corresponde",MustIncludeNumber:"inclui um número",MustContainCapital:"contém letras maiúsculas",MustIncludePunctation:"pontuação",OnlyNumbers:"Deve conter apenas números"},"es-mx":{dateError:"La fecha seleccionada debe ser entre {min} y {max}",dateError2:"La fecha seleccionada no está dentro de un rango válido",numberLengthError:"El número debe ser entre {min} y {max}",lengthError:"La longitud deber ser entre {minLength} y {maxLength}",requiredError:"Este campo es requerido",invalidOriginalPasswordError:"El campo de contraseña inicial no es parte del criterio válido",PasswordStrength:"La fortaleza de la contraseña",PasswordStrengthWeak:"no es adecuada",PasswordStrengthStrong:"es adecuada",SpecialCharactersNotAllowed:"No debe contener caracteres especiales",InvalidEmailFormat:"Formato inválido de correo",EmailNotMatching:"El correo electrónico no coincide",PasswordNotMatching:"La contraseña no coincide",MustIncludeNumber:"incluye un número",MustContainCapital:"contiene mayúsculas",MustIncludePunctation:"puntuación",OnlyNumbers:"Solo debe contener números"}},a=(a,r,t)=>{let n=e[void 0!==r?r:"en"][a];if(void 0!==t)for(const[e,a]of Object.entries(t.values)){const r=new RegExp(`{${e}}`,"g");n=n.replace(r,a)}return n},r=a=>new Promise((r=>{fetch(a).then((e=>e.json())).then((a=>{Object.keys(a).forEach((r=>{for(let t in a[r])e[r][t]=a[r][t]})),r(!0)}))}));export{r as g,a as t}

package/dist/general-input/p-e1255160.js

@@ -0,0 +1 @@
+const o=()=>{};export{o as g}

package/dist/stencil.config.dev.js

@@ -0,0 +1,17 @@
+import { sass } from "@stencil/sass";
+export const config = {
+    namespace: 'general-input',
+    taskQueue: 'async',
+    sourceMap: true,
+    minifyJs: false,
+    extras: {
+        experimentalImportInjection: true
+    },
+    plugins: [sass()],
+    outputTargets: [
+        {
+            type: 'www',
+            serviceWorker: null // disable service workers
+        }
+    ]
+};

package/dist/stencil.config.js

@@ -1,22 +1,17 @@
-import { sass } from '@stencil/sass';
+import { sass } from "@stencil/sass";
 export const config = {
-  namespace: 'general-input',
-  taskQueue: 'async',
-  plugins: [sass()],
-  outputTargets: [
-    {
-      type: 'dist',
-      esmLoaderPath: '../loader',
+    namespace: 'general-input',
+    taskQueue: 'async',
+    sourceMap: false,
+    minifyJs: true,
+    extras: {
+        experimentalImportInjection: true
     },
-    {
-      type: 'dist-custom-elements',
-    },
-    {
-      type: 'docs-readme',
-    },
-    {
-      type: 'www',
-      serviceWorker: null, // disable service workers
-    },
-  ],
+    plugins: [sass()],
+    outputTargets: [
+        {
+            type: 'dist',
+            esmLoaderPath: '../loader'
+        }
+    ]
 };

package/dist/types/Users/raul.vasile/workspace/everymatrix/widgets-monorepo/packages/stencil/general-input/.stencil/packages/stencil/general-input/stencil.config.d.ts

@@ -0,0 +1,2 @@
+import { Config } from '../../../../../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

package/dist/types/Users/raul.vasile/workspace/everymatrix/widgets-monorepo/packages/stencil/general-input/.stencil/packages/stencil/general-input/stencil.config.dev.d.ts

@@ -0,0 +1,2 @@
+import { Config } from '../../../../../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

package/dist/types/components/checkbox-group-input/checkbox-group-input.d.ts

@@ -1,72 +1,74 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { ValidationSchema, InputStateEvent, InputValueEvent } from '../../utils/types';
+import { ValidationSchema, InputStateEvent, InputValueEvent, RegCfgContentField } from '../../utils/types';
 import '@vaadin/checkbox';
 import '@vaadin/checkbox-group';
 export declare class CheckboxGroupInput {
-  /**
-   * Name of the input.
-   */
-  name: string;
-  /**
-   * Name of input to be shown to the user.
-   */
-  displayName: string;
-  /**
-   * Default value for the input.
-   */
-  defaultValue: string;
-  /**
-   * Boolean. Determines if input should be readonly.
-   */
-  autofilled: boolean;
-  /**
-   * Tooltip text.
-   */
-  tooltip: string;
-  /**
-   * Options of the input.
-   */
-  options: any;
-  /**
-   * 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;
-  /**
-   * Client custom styling via inline style
-   */
-  clientStyling: string;
-  private element;
-  errorMessage: string;
-  isValid: boolean;
-  private limitStylingAppends;
-  showTooltip: boolean;
-  selectedValues: string[];
-  private stylingContainer;
-  private inputReference;
-  private tooltipReference;
-  private tooltipIconReference;
-  values: string[];
-  sendValidityState: EventEmitter<InputStateEvent>;
-  validityStateHandler(inputStateEvent: InputStateEvent): void;
-  sendInputValue: EventEmitter<InputValueEvent>;
-  valueHandler(inputValueEvent: InputValueEvent): void;
-  handleClickOutside(event: MouseEvent): void;
-  connectedCallback(): void;
-  componentDidRender(): void;
-  componentDidLoad(): void;
-  handleClick(): void;
-  setValidity(): boolean;
-  setErrorMessage(): string;
-  setClientStyling: () => void;
-  renderTooltip(): any;
-  handleParentCheckbox(e: Event): void;
-  render(): any;
+    /**
+     * Name of the input.
+     */
+    name: string;
+    /**
+     * Name of input to be shown to the user.
+     */
+    displayName: string;
+    /**
+     * Default value for the input.
+     */
+    defaultValue: string;
+    /**
+     * Boolean. Determines if input should be readonly.
+     */
+    autofilled: boolean;
+    /**
+     * Tooltip text.
+     */
+    tooltip: string;
+    /**
+     * Options of the input.
+     */
+    options: RegCfgContentField[];
+    /**
+     * 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;
+    /**
+     * Client custom styling via inline style
+     */
+    clientStyling: string;
+    private element;
+    errorMessage: string;
+    isValid: boolean;
+    private limitStylingAppends;
+    showTooltip: boolean;
+    selectedValues: string[];
+    private stylingContainer;
+    private inputReference;
+    private tooltipReference;
+    private tooltipIconReference;
+    value: any;
+    validityChanged(): void;
+    setValue(): void;
+    sendValidityState: EventEmitter<InputStateEvent>;
+    validityStateHandler(inputStateEvent: InputStateEvent): void;
+    emitValueHandler(newValue: boolean): void;
+    sendInputValue: EventEmitter<InputValueEvent>;
+    valueHandler(inputValueEvent: InputValueEvent): void;
+    handleClickOutside(event: MouseEvent): void;
+    componentDidRender(): void;
+    componentDidLoad(): void;
+    setValidity(): boolean;
+    setErrorMessage(): string;
+    setClientStyling: () => void;
+    renderTooltip(): any;
+    handleParentCheckbox(e: Event): void;
+    renderLabel(): any;
+    render(): any;
 }

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

@@ -1,64 +1,65 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { ValidationSchema, InputStateEvent, InputValueEvent } from '../../utils/types';
 export declare class CheckboxInput {
-  /**
-   * Name of the input.
-   */
-  name: string;
-  /**
-   * Name of input to be shown to the user.
-   */
-  displayName: 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;
-  /**
-   * Client custom styling via inline style
-   */
-  clientStyling: string;
-  errorMessage: string;
-  isValid: boolean;
-  private limitStylingAppends;
-  showTooltip: boolean;
-  private stylingContainer;
-  private inputReference;
-  private tooltipReference;
-  private tooltipIconReference;
-  value: 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;
-  componentDidRender(): void;
-  handleClick(): void;
-  setValidity(): boolean;
-  setErrorMessage(): string;
-  setClientStyling: () => void;
-  renderLabel(): any;
-  renderTooltip(): any;
-  render(): any;
+    /**
+     * Name of the input.
+     */
+    name: string;
+    /**
+     * Name of input to be shown to the user.
+     */
+    displayName: 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;
+    /**
+     * Client custom styling via inline style
+     */
+    clientStyling: string;
+    errorMessage: string;
+    isValid: boolean;
+    private limitStylingAppends;
+    showTooltip: boolean;
+    private stylingContainer;
+    private inputReference;
+    private tooltipReference;
+    private tooltipIconReference;
+    value: 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;
+    componentDidRender(): void;
+    componentDidLoad(): void;
+    handleClick(): void;
+    setValidity(): boolean;
+    setErrorMessage(): string;
+    setClientStyling: () => void;
+    renderLabel(): any;
+    renderTooltip(): any;
+    render(): any;
 }

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

@@ -1,70 +1,84 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { ValidationSchema, InputStateEvent, InputValueEvent } from '../../utils/types';
 import '@vaadin/date-picker';
+import type { DatePicker, DatePickerDate, DatePickerChangeEvent } from '@vaadin/date-picker';
 export declare class DateInput {
-  /**
-   * 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 element;
-  private stylingContainer;
-  inputReference: HTMLInputElement;
-  private tooltipReference;
-  private tooltipIconReference;
-  value: 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;
-  componentDidRender(): void;
-  componentDidLoad(): void;
-  handleInput(event: any): void;
-  setValidity(): boolean;
-  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;
+    /**
+     * Date format for date picker.
+     */
+    dateFormat: string;
+    errorMessage: string;
+    isValid: boolean;
+    private limitStylingAppends;
+    showTooltip: boolean;
+    private element;
+    datePicker: DatePicker;
+    private stylingContainer;
+    inputReference: HTMLInputElement;
+    private tooltipReference;
+    private tooltipIconReference;
+    value: string;
+    touched: boolean;
+    minDate: Date;
+    maxDate: Date;
+    valueAsDate: Date;
+    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;
+    formatDate: (dateParts: DatePickerDate) => string;
+    parseDate: (inputValue: string) => DatePickerDate;
+    handleInput(event: DatePickerChangeEvent): void;
+    handleBlur: () => void;
+    setValidity(): boolean;
+    setErrorMessage(): string;
+    setClientStyling: () => void;
+    renderTooltip(): any;
+    render(): any;
 }