@everymatrix/general-input 1.80.10 → 1.80.11

package/dist/general-input/general-input.esm.js

@@ -1 +1 @@
-import{p as e,b as l}from"./index-ca174b7a.js";export{s as setNonce}from"./index-ca174b7a.js";import{g as i}from"./app-globals-0f993ce5.js";(()=>{const l=import.meta.url,i={};return""!==l&&(i.resourcesUrl=new URL(".",l).href),e(i)})().then((async e=>(await i(),l([["checkbox-group-input_13",[[1,"general-input",{type:[513],name:[513],displayName:[513,"display-name"],placeholder:[513],action:[513],validation:[16],options:[520],language:[513],autofilled:[516],tooltip:[513],defaultValue:[520,"default-value"],emitValue:[516,"emit-value"],isDuplicateInput:[516,"is-duplicate-input"],hidePasswordComplexity:[516,"hide-password-complexity"],noValidation:[516,"no-validation"],clientStyling:[520,"client-styling"],dateFormat:[513,"date-format"],translationUrl:[513,"translation-url"],emitOnClick:[516,"emit-on-click"],twofaDestination:[513,"twofa-destination"],twofaResendIntervalSeconds:[514,"twofa-resend-interval-seconds"]}],[1,"toggle-checkbox-input",{name:[513],displayName:[513,"display-name"],defaultValue:[513,"default-value"],options:[16],autofilled:[516],tooltip:[513],validation:[16],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32],showFields:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"]}],[1,"checkbox-group-input",{name:[513],displayName:[513,"display-name"],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],options:[16],validation:[16],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32],selectedValues:[32],showCheckboxes:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],selectedValues:["setValue"],emitValue:["emitValueHandler"]}],[1,"checkbox-input",{name:[513],displayName:[513,"display-name"],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],validation:[16],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"date-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],dateFormat:[513,"date-format"],emitOnClick:[516,"emit-on-click"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"email-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],isDuplicateInput:[516,"is-duplicate-input"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"number-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"password-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],validation:[16],noValidation:[516,"no-validation"],language:[513],emitValue:[516,"emit-value"],isDuplicateInput:[516,"is-duplicate-input"],hidePasswordComplexity:[516,"hide-password-complexity"],clientStyling:[513,"client-styling"],isValid:[32],errorMessage:[32],limitStylingAppends:[32],showTooltip:[32],passwordComplexity:[32],showPopup:[32],value:[32]},[[16,"sendOriginalValidityState","originalValidityChangedHandler"],[16,"sendInputValue","valueChangedHandler"],[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],value:["valueChanged"],emitValue:["emitValueHandler"]}],[1,"radio-input",{name:[513],displayName:[513,"display-name"],optionsGroup:[16],validation:[16],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"select-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],action:[513],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],options:[16],validation:[16],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"tel-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],showLabels:[516,"show-labels"],action:[513],validation:[16],defaultValue:[520,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],isValid:[32],errorMessage:[32],limitStylingAppends:[32],showTooltip:[32],disablePhonePrefix:[32],phoneValue:[32],phoneCodesOptions:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"text-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],checkValidity:[516,"check-validity"],emitValue:[516,"emit-value"],isDuplicateInput:[516,"is-duplicate-input"],clientStyling:[513,"client-styling"],isValid:[32],errorMessage:[32],limitStylingAppends:[32],showTooltip:[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"],[16,"validationChange","handleValidationChange"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"twofa-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],tooltip:[513],language:[513],emitValue:[516,"emit-value"],destination:[513],resendIntervalSeconds:[514,"resend-interval-seconds"],clientStyling:[513,"client-styling"],limitStylingAppends:[32],isValid:[32],isResendButtonAvailable:[32],showTooltip:[32],errorMessage:[32],code:[32],resendIntervalSecondsLeft:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}]]]],e))));
+import{p as e,b as l}from"./index-ca174b7a.js";export{s as setNonce}from"./index-ca174b7a.js";import{g as i}from"./app-globals-0f993ce5.js";(()=>{const l=import.meta.url,i={};return""!==l&&(i.resourcesUrl=new URL(".",l).href),e(i)})().then((async e=>(await i(),l([["checkbox-group-input_14",[[1,"general-input",{type:[513],name:[513],displayName:[513,"display-name"],placeholder:[513],action:[513],validation:[16],options:[520],language:[513],autofilled:[516],tooltip:[513],defaultValue:[520,"default-value"],emitValue:[516,"emit-value"],isDuplicateInput:[516,"is-duplicate-input"],hidePasswordComplexity:[516,"hide-password-complexity"],noValidation:[516,"no-validation"],clientStyling:[520,"client-styling"],dateFormat:[513,"date-format"],translationUrl:[513,"translation-url"],emitOnClick:[516,"emit-on-click"],twofaDestination:[513,"twofa-destination"],twofaResendIntervalSeconds:[514,"twofa-resend-interval-seconds"],haspostalcodelookup:[516],postalcodelength:[514],addresses:[520]}],[1,"toggle-checkbox-input",{name:[513],displayName:[513,"display-name"],defaultValue:[513,"default-value"],options:[16],autofilled:[516],tooltip:[513],validation:[16],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32],showFields:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"]}],[1,"checkbox-group-input",{name:[513],displayName:[513,"display-name"],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],options:[16],validation:[16],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32],selectedValues:[32],showCheckboxes:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],selectedValues:["setValue"],emitValue:["emitValueHandler"]}],[1,"checkbox-input",{name:[513],displayName:[513,"display-name"],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],validation:[16],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"date-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],dateFormat:[513,"date-format"],emitOnClick:[516,"emit-on-click"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"email-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],isDuplicateInput:[516,"is-duplicate-input"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"number-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"password-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],validation:[16],noValidation:[516,"no-validation"],language:[513],emitValue:[516,"emit-value"],isDuplicateInput:[516,"is-duplicate-input"],hidePasswordComplexity:[516,"hide-password-complexity"],clientStyling:[513,"client-styling"],isValid:[32],errorMessage:[32],limitStylingAppends:[32],showTooltip:[32],passwordComplexity:[32],showPopup:[32],value:[32]},[[16,"sendOriginalValidityState","originalValidityChangedHandler"],[16,"sendInputValue","valueChangedHandler"],[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],value:["valueChanged"],emitValue:["emitValueHandler"]}],[1,"postalcode-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],postalcodelength:[520],addresses:[520],isValid:[32],errorMessage:[32],limitStylingAppends:[32],showTooltip:[32],selectedCountryCode:[32],currentPostalCode:[32],openAddressDropdown:[32],showNoResultsMessage:[32],refreshTrigger:[32],isFetchingAddresses:[32]},[[10,"click","handleClickOutside"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[8,"addressFetchStarted","handleFetchStarted"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"],addresses:["handleAddresses"]}],[1,"radio-input",{name:[513],displayName:[513,"display-name"],optionsGroup:[16],validation:[16],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"select-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],action:[513],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],options:[16],validation:[16],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"tel-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],showLabels:[516,"show-labels"],action:[513],validation:[16],defaultValue:[520,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],isValid:[32],errorMessage:[32],limitStylingAppends:[32],showTooltip:[32],disablePhonePrefix:[32],phoneValue:[32],phoneCodesOptions:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"text-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],checkValidity:[516,"check-validity"],emitValue:[516,"emit-value"],isDuplicateInput:[516,"is-duplicate-input"],clientStyling:[513,"client-styling"],haspostalcodelookup:[516],isValid:[32],errorMessage:[32],limitStylingAppends:[32],showTooltip:[32],selectedCountryCode:[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"],[16,"validationChange","handleValidationChange"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[16,"sendAddressValue","handleAddressSelection"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"twofa-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],tooltip:[513],language:[513],emitValue:[516,"emit-value"],destination:[513],resendIntervalSeconds:[514,"resend-interval-seconds"],clientStyling:[513,"client-styling"],limitStylingAppends:[32],isValid:[32],isResendButtonAvailable:[32],showTooltip:[32],errorMessage:[32],code:[32],resendIntervalSecondsLeft:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}]]]],e))));

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

@@ -77,10 +77,26 @@ export declare class GeneralInput {
      * Emit event on click
      */
     emitOnClick: boolean;
-    /** destination */
+    /**
+     * Destination
+     **/
     twofaDestination: string;
-    /** resend interval */
+    /**
+     * Resend interval
+     **/
     twofaResendIntervalSeconds: number;
+    /**
+    * Boolean. Enable the addresses dropdown based on postal code
+    */
+    haspostalcodelookup: boolean;
+    /**
+    * The minimum length for postal code to trigger the postal lookup
+    */
+    postalcodelength: number;
+    /**
+    * Addresses fetched based on the postal code
+    */
+    addresses: any;
     connectedCallback(): void;
     handleClick: (event: MouseEvent) => void;
     renderInput(): any;

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

@@ -0,0 +1,111 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ValidationSchema, InputStateEvent, InputValueEvent } from '../../utils/types';
+export declare class PostalCodeInput {
+    sendAddressValue: EventEmitter<{
+        city: string;
+        address1: string;
+        address2: string;
+    }>;
+    sendValidityState: EventEmitter<InputStateEvent>;
+    sendInputValue: EventEmitter<InputValueEvent>;
+    /**
+     * 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;
+    /**
+     * The minimum length for postal code to trigger the postal lookup
+     */
+    postalcodelength: any;
+    /**
+     * Addresses fetched based on the postal code
+     */
+    addresses: any;
+    isValid: boolean;
+    errorMessage: string;
+    private limitStylingAppends;
+    showTooltip: boolean;
+    selectedCountryCode: string;
+    currentPostalCode: string;
+    openAddressDropdown: boolean;
+    showNoResultsMessage: boolean;
+    refreshTrigger: number;
+    isFetchingAddresses: boolean;
+    private stylingContainer;
+    private value;
+    private validationPattern;
+    private inputReference;
+    private addressesDropdownRef;
+    private tooltipReference;
+    private tooltipIconReference;
+    private hasManualAddressBeenTriggered;
+    touched: boolean;
+    debounceTime: ReturnType<typeof setTimeout>;
+    maxPostalCodeLength: string;
+    handleStylingChange(newValue: string, oldValue: string): void;
+    validityChanged(): void;
+    emitValueHandler(newValue: boolean): void;
+    handleAddresses(newValue: {
+        street: string;
+        number: string;
+        city: string;
+    }[]): void;
+    validityStateHandler(inputStateEvent: InputStateEvent): void;
+    valueHandler(inputValueEvent: InputValueEvent): void;
+    handleClickOutside(event: MouseEvent): void;
+    handleCountryCodeUpdate(event: CustomEvent): void;
+    handleFetchStarted(): void;
+    connectedCallback(): void;
+    componentDidRender(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    handleInput: (event: Event) => void;
+    handleBlur: (event: Event) => void;
+    handleFocus: () => void;
+    handlePostalCode: (e: any, data: any) => void;
+    enterAddressManually: () => void;
+    setValidity(): boolean;
+    setPattern(): string;
+    setErrorMessage(): string;
+    resetPostalCodeField(): void;
+    setClientStyling: () => void;
+    renderTooltip(): any;
+    determineInputValue(): string;
+    handleOutsideClick: (event: MouseEvent) => void;
+    render(): any;
+}

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

@@ -49,10 +49,15 @@ export declare class TextInput {
      * Client custom styling via inline style
      */
     clientStyling: string;
+    /**
+    * Boolean. Enable the addresses dropdown based on postal code
+    */
+    haspostalcodelookup: boolean;
     isValid: boolean;
     errorMessage: string;
     private limitStylingAppends;
     showTooltip: boolean;
+    selectedCountryCode: string;
     private stylingContainer;
     private value;
     private validationPattern;
@@ -60,6 +65,7 @@ export declare class TextInput {
     private duplicateInputValue;
     private tooltipReference;
     private tooltipIconReference;
+    postalcodelength: number;
     touched: boolean;
     debounceTime: ReturnType<typeof setTimeout>;
     handleStylingChange(newValue: string, oldValue: string): void;
@@ -72,6 +78,12 @@ export declare class TextInput {
     handleClickOutside(event: MouseEvent): void;
     valueChangedHandler(event: CustomEvent<InputValueEvent>): void;
     handleValidationChange(event: any): void;
+    handleCountryCodeUpdate(event: CustomEvent): void;
+    handleAddressSelection(event: CustomEvent<{
+        city: string;
+        address1: string;
+        address2: string;
+    }>): void;
     connectedCallback(): void;
     componentDidRender(): void;
     componentDidLoad(): void;

package/dist/types/components.d.ts

@@ -189,6 +189,10 @@ export namespace Components {
           * Special behaviour an input should have. Can be fetching for data.
          */
         "action": string;
+        /**
+          * Addresses fetched based on the postal code
+         */
+        "addresses": any;
         /**
           * Boolean. Determines if input should be readonly.
          */
@@ -217,6 +221,10 @@ export namespace Components {
           * State passed down from the parent element. Will trigger the child specialised input to send it's value through an event.
          */
         "emitValue": boolean;
+        /**
+          * Boolean. Enable the addresses dropdown based on postal code
+         */
+        "haspostalcodelookup": boolean;
         /**
           * Boolean that triggers certain validation rules, for duplicated inputs.
          */
@@ -245,6 +253,10 @@ export namespace Components {
           * Placeholder text to be shown.
          */
         "placeholder": string;
+        /**
+          * The minimum length for postal code to trigger the postal lookup
+         */
+        "postalcodelength": number;
         /**
           * Tooltip text.
          */
@@ -254,11 +266,11 @@ export namespace Components {
          */
         "translationUrl": string;
         /**
-          * destination
+          * Destination
          */
         "twofaDestination": string;
         /**
-          * resend interval
+          * Resend interval
          */
         "twofaResendIntervalSeconds": number;
         /**
@@ -366,6 +378,56 @@ export namespace Components {
          */
         "validation": ValidationSchema;
     }
+    interface PostalcodeInput {
+        /**
+          * Addresses fetched based on the postal code
+         */
+        "addresses": any;
+        /**
+          * Boolean. Determines if input should be readonly.
+         */
+        "autofilled": boolean;
+        /**
+          * Client custom styling via inline style
+         */
+        "clientStyling": string;
+        /**
+          * Default value for the input.
+         */
+        "defaultValue": string;
+        /**
+          * Name of input to be shown to the user.
+         */
+        "displayName": string;
+        /**
+          * State passed down from the parent element. Will trigger the input to send it's value through an event.
+         */
+        "emitValue": boolean;
+        /**
+          * Currently selected language.
+         */
+        "language": string;
+        /**
+          * Name of the input.
+         */
+        "name": string;
+        /**
+          * Placeholder text to be shown.
+         */
+        "placeholder": string;
+        /**
+          * The minimum length for postal code to trigger the postal lookup
+         */
+        "postalcodelength": any;
+        /**
+          * Tooltip text.
+         */
+        "tooltip": string;
+        /**
+          * Object of validation rules for the input.
+         */
+        "validation": ValidationSchema;
+    }
     interface RadioInput {
         /**
           * Client custom styling via inline style
@@ -525,6 +587,10 @@ export namespace Components {
           * State passed down from the parent element. Will trigger the input to send it's value through an event.
          */
         "emitValue": boolean;
+        /**
+          * Boolean. Enable the addresses dropdown based on postal code
+         */
+        "haspostalcodelookup": boolean;
         /**
           * Boolean that triggers certain validation rules, for duplicated inputs.
          */
@@ -659,6 +725,10 @@ export interface PasswordInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPasswordInputElement;
 }
+export interface PostalcodeInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPostalcodeInputElement;
+}
 export interface RadioInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLRadioInputElement;
@@ -799,6 +869,25 @@ declare global {
         prototype: HTMLPasswordInputElement;
         new (): HTMLPasswordInputElement;
     };
+    interface HTMLPostalcodeInputElementEventMap {
+        "sendAddressValue": { city: string; address1: string; address2: string };
+        "sendValidityState": InputStateEvent;
+        "sendInputValue": InputValueEvent;
+    }
+    interface HTMLPostalcodeInputElement extends Components.PostalcodeInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLPostalcodeInputElementEventMap>(type: K, listener: (this: HTMLPostalcodeInputElement, ev: PostalcodeInputCustomEvent<HTMLPostalcodeInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLPostalcodeInputElementEventMap>(type: K, listener: (this: HTMLPostalcodeInputElement, ev: PostalcodeInputCustomEvent<HTMLPostalcodeInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLPostalcodeInputElement: {
+        prototype: HTMLPostalcodeInputElement;
+        new (): HTMLPostalcodeInputElement;
+    };
     interface HTMLRadioInputElementEventMap {
         "sendInputValue": InputValueEvent;
         "sendValidityState": InputStateEvent;
@@ -916,6 +1005,7 @@ declare global {
         "general-input": HTMLGeneralInputElement;
         "number-input": HTMLNumberInputElement;
         "password-input": HTMLPasswordInputElement;
+        "postalcode-input": HTMLPostalcodeInputElement;
         "radio-input": HTMLRadioInputElement;
         "select-input": HTMLSelectInputElement;
         "tel-input": HTMLTelInputElement;
@@ -1114,6 +1204,10 @@ declare namespace LocalJSX {
           * Special behaviour an input should have. Can be fetching for data.
          */
         "action"?: string;
+        /**
+          * Addresses fetched based on the postal code
+         */
+        "addresses"?: any;
         /**
           * Boolean. Determines if input should be readonly.
          */
@@ -1142,6 +1236,10 @@ declare namespace LocalJSX {
           * State passed down from the parent element. Will trigger the child specialised input to send it's value through an event.
          */
         "emitValue"?: boolean;
+        /**
+          * Boolean. Enable the addresses dropdown based on postal code
+         */
+        "haspostalcodelookup"?: boolean;
         /**
           * Boolean that triggers certain validation rules, for duplicated inputs.
          */
@@ -1170,6 +1268,10 @@ declare namespace LocalJSX {
           * Placeholder text to be shown.
          */
         "placeholder"?: string;
+        /**
+          * The minimum length for postal code to trigger the postal lookup
+         */
+        "postalcodelength"?: number;
         /**
           * Tooltip text.
          */
@@ -1179,11 +1281,11 @@ declare namespace LocalJSX {
          */
         "translationUrl"?: string;
         /**
-          * destination
+          * Destination
          */
         "twofaDestination"?: string;
         /**
-          * resend interval
+          * Resend interval
          */
         "twofaResendIntervalSeconds"?: number;
         /**
@@ -1296,6 +1398,59 @@ declare namespace LocalJSX {
          */
         "validation"?: ValidationSchema;
     }
+    interface PostalcodeInput {
+        /**
+          * Addresses fetched based on the postal code
+         */
+        "addresses"?: any;
+        /**
+          * Boolean. Determines if input should be readonly.
+         */
+        "autofilled"?: boolean;
+        /**
+          * Client custom styling via inline style
+         */
+        "clientStyling"?: string;
+        /**
+          * Default value for the input.
+         */
+        "defaultValue"?: string;
+        /**
+          * Name of input to be shown to the user.
+         */
+        "displayName"?: string;
+        /**
+          * State passed down from the parent element. Will trigger the input to send it's value through an event.
+         */
+        "emitValue"?: boolean;
+        /**
+          * Currently selected language.
+         */
+        "language"?: string;
+        /**
+          * Name of the input.
+         */
+        "name"?: string;
+        "onSendAddressValue"?: (event: PostalcodeInputCustomEvent<{ city: string; address1: string; address2: string }>) => void;
+        "onSendInputValue"?: (event: PostalcodeInputCustomEvent<InputValueEvent>) => void;
+        "onSendValidityState"?: (event: PostalcodeInputCustomEvent<InputStateEvent>) => void;
+        /**
+          * Placeholder text to be shown.
+         */
+        "placeholder"?: string;
+        /**
+          * The minimum length for postal code to trigger the postal lookup
+         */
+        "postalcodelength"?: any;
+        /**
+          * Tooltip text.
+         */
+        "tooltip"?: string;
+        /**
+          * Object of validation rules for the input.
+         */
+        "validation"?: ValidationSchema;
+    }
     interface RadioInput {
         /**
           * Client custom styling via inline style
@@ -1461,6 +1616,10 @@ declare namespace LocalJSX {
           * State passed down from the parent element. Will trigger the input to send it's value through an event.
          */
         "emitValue"?: boolean;
+        /**
+          * Boolean. Enable the addresses dropdown based on postal code
+         */
+        "haspostalcodelookup"?: boolean;
         /**
           * Boolean that triggers certain validation rules, for duplicated inputs.
          */
@@ -1585,6 +1744,7 @@ declare namespace LocalJSX {
         "general-input": GeneralInput;
         "number-input": NumberInput;
         "password-input": PasswordInput;
+        "postalcode-input": PostalcodeInput;
         "radio-input": RadioInput;
         "select-input": SelectInput;
         "tel-input": TelInput;
@@ -1604,6 +1764,7 @@ declare module "@stencil/core" {
             "general-input": LocalJSX.GeneralInput & JSXBase.HTMLAttributes<HTMLGeneralInputElement>;
             "number-input": LocalJSX.NumberInput & JSXBase.HTMLAttributes<HTMLNumberInputElement>;
             "password-input": LocalJSX.PasswordInput & JSXBase.HTMLAttributes<HTMLPasswordInputElement>;
+            "postalcode-input": LocalJSX.PostalcodeInput & JSXBase.HTMLAttributes<HTMLPostalcodeInputElement>;
             "radio-input": LocalJSX.RadioInput & JSXBase.HTMLAttributes<HTMLRadioInputElement>;
             "select-input": LocalJSX.SelectInput & JSXBase.HTMLAttributes<HTMLSelectInputElement>;
             "tel-input": LocalJSX.TelInput & JSXBase.HTMLAttributes<HTMLTelInputElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/general-input",
-  "version": "1.80.10",
+  "version": "1.80.11",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",