@everymatrix/general-input 1.90.6 → 1.90.8

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 a}from"./app-globals-0f993ce5.js";(()=>{const l=import.meta.url,a={};return""!==l&&(a.resourcesUrl=new URL(".",l).href),e(a)})().then((async e=>(await a(),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"],clientStylingUrl:[513,"client-styling-url"],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],ignoreCountry:[516,"ignore-country"],enableSouthAfricanMode:[516,"enable-south-african-mode"],enableManualDateInput:[516,"enable-manual-date-input"],pinAttemptsExceeded:[516,"pin-attempts-exceeded"],mbSource:[513,"mb-source"],limitStylingAppends:[32]},null,{clientStyling:["handleStylingChange"],clientStylingUrl:["handleStylingUrlChange"]}],[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"],enableSouthAfricanMode:[516,"enable-south-african-mode"],enableManualDateInput:[516,"enable-manual-date-input"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"],enableSouthAfricanMode:["handleCustomRegistrationChange"]}],[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"],enableSouthAfricanMode:[516,"enable-south-african-mode"],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],ignoreCountry:[516,"ignore-country"],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],enableSouthAfricanMode:[516,"enable-south-african-mode"],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"],[8,"documentNumberUpdatedExternally","handleExternalDocUpdate"],[8,"documentNumberResetValidation","handleDocReset"]],{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"],enableSouthAfricanMode:[516,"enable-south-african-mode"],pinAttemptsExceeded:[516,"pin-attempts-exceeded"],clientStylingUrl:[513,"client-styling-url"],mbSource:[513,"mb-source"],limitStylingAppends:[32],isValid:[32],isResendButtonAvailable:[32],showTooltip:[32],errorMessage:[32],code:[32],resendIntervalSecondsLeft:[32],revealedIndexes:[32]},[[10,"click","handleClickOutside"]],{isValid:["validityChanged"],emitValue:["emitValueHandler"],clientStylingUrl:["handleStylingUrlChange"],clientStyling:["handleStylingChange"]}]]]],e))));
+import{p as e,b as l}from"./index-9174417a.js";export{s as setNonce}from"./index-9174417a.js";import{g as a}from"./app-globals-0f993ce5.js";(()=>{const l=import.meta.url,a={};return""!==l&&(a.resourcesUrl=new URL(".",l).href),e(a)})().then((async e=>(await a(),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"],clientStylingUrl:[513,"client-styling-url"],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],ignoreCountry:[516,"ignore-country"],enableSouthAfricanMode:[516,"enable-south-african-mode"],enableManualDateInput:[516,"enable-manual-date-input"],pinAttemptsExceeded:[516,"pin-attempts-exceeded"],mbSource:[513,"mb-source"]},null,{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}],[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"],mbSource:[513,"mb-source"],errorMessage:[32],isValid:[32],showTooltip:[32],showFields:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleClientStylingChange"]}],[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"],mbSource:[513,"mb-source"],errorMessage:[32],isValid:[32],showTooltip:[32],selectedValues:[32],showCheckboxes:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleClientStylingChange"],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"],mbSource:[513,"mb-source"],errorMessage:[32],isValid:[32],showTooltip:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleClientStylingChange"],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"],enableSouthAfricanMode:[516,"enable-south-african-mode"],enableManualDateInput:[516,"enable-manual-date-input"],mbSource:[513,"mb-source"],errorMessage:[32],isValid:[32],showTooltip:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleClientStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"],enableSouthAfricanMode:["handleCustomRegistrationChange"]}],[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"],mbSource:[513,"mb-source"],errorMessage:[32],isValid:[32],showTooltip:[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"]],{clientStyling:["handleClientStylingChange"],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"],mbSource:[513,"mb-source"],errorMessage:[32],isValid:[32],showTooltip:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleClientStylingChange"],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"],enableSouthAfricanMode:[516,"enable-south-african-mode"],mbSource:[513,"mb-source"],isValid:[32],errorMessage:[32],showTooltip:[32],passwordComplexity:[32],showPopup:[32],value:[32]},[[16,"sendOriginalValidityState","originalValidityChangedHandler"],[16,"sendInputValue","valueChangedHandler"],[10,"click","handleClickOutside"]],{clientStyling:["handleClientStylingChange"],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],ignoreCountry:[516,"ignore-country"],mbSource:[513,"mb-source"],isValid:[32],errorMessage:[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:["handleClientStylingChange"],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"],mbSource:[513,"mb-source"],errorMessage:[32],isValid:[32],showTooltip:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleClientStylingChange"],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"],mbSource:[513,"mb-source"],errorMessage:[32],isValid:[32],showTooltip:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleClientStylingChange"],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"],mbSource:[513,"mb-source"],isValid:[32],errorMessage:[32],showTooltip:[32],disablePhonePrefix:[32],phoneValue:[32],phoneCodesOptions:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleClientStylingChange"],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],enableSouthAfricanMode:[516,"enable-south-african-mode"],mbSource:[513,"mb-source"],isValid:[32],errorMessage:[32],showTooltip:[32],selectedCountryCode:[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"],[16,"validationChange","handleValidationChange"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[16,"sendAddressValue","handleAddressSelection"],[8,"documentNumberUpdatedExternally","handleExternalDocUpdate"],[8,"documentNumberResetValidation","handleDocReset"]],{clientStyling:["handleClientStylingChange"],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"],enableSouthAfricanMode:[516,"enable-south-african-mode"],pinAttemptsExceeded:[516,"pin-attempts-exceeded"],clientStylingUrl:[513,"client-styling-url"],mbSource:[513,"mb-source"],isValid:[32],isResendButtonAvailable:[32],showTooltip:[32],errorMessage:[32],code:[32],resendIntervalSecondsLeft:[32],revealedIndexes:[32]},[[10,"click","handleClickOutside"]],{isValid:["validityChanged"],emitValue:["emitValueHandler"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}]]]],e))));

package/dist/general-input/{index-ca174b7a.js → index-9174417a.js}

@@ -1,2 +1,2 @@
-var e=Object.defineProperty,t=new WeakMap,n=e=>t.get(e),l=(e,n)=>t.set(n.t=e,n),o=(e,t)=>t in e,s=(e,t)=>(0,console.error)(e,t),r=new Map,i=new Map,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",a="undefined"!=typeof window?window:{},u=a.document||{head:{}},f={l:0,o:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},h=e=>Promise.resolve(e),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),p=!1,m=[],y=[],$=(e,t)=>n=>{e.push(n),p||(p=!0,t&&4&f.l?w(v):f.raf(v))},b=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},v=()=>{b(m),b(y),(p=m.length>0)&&f.raf(v)},w=e=>h().then(e),g=$(y,!0),S={},k=e=>"object"==(e=typeof e)||"function"===e;function j(e){var t,n,l;return null!=(l=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?l:void 0}((t,n)=>{for(var l in n)e(t,l,{get:n[l],enumerable:!0})})({},{err:()=>C,map:()=>E,ok:()=>O,unwrap:()=>P,unwrapErr:()=>R});var O=e=>({isOk:!0,isErr:!1,value:e}),C=e=>({isOk:!1,isErr:!0,value:e});function E(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>O(e))):O(n)}if(e.isErr)return C(e.value);throw"should never get here"}var M,x,P=e=>{if(e.isOk)return e.value;throw e.value},R=e=>{if(e.isErr)return e.value;throw e.value},L=(e,t,...n)=>{let l=null,o=null,s=!1,r=!1;const i=[],c=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?c(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!k(l))&&(l+=""),s&&r?i[i.length-1].i+=l:i.push(s?T(null,l):l),r=s)};if(c(n),t){t.key&&(o=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const a=T(e,null);return a.u=t,i.length>0&&(a.h=i),a.p=o,a},T=(e,t)=>({l:0,m:e,i:t,$:null,h:null,u:null,p:null}),A={},D=e=>n(e).$hostElement$,F=(e,t,n)=>{const l=D(e);return{emit:e=>H(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},H=(e,t,n)=>{const l=f.ce(t,n);return e.dispatchEvent(l),l},N=new WeakMap,U=e=>"sc-"+e.v,W=(e,t,n,l,s,r)=>{if(n!==l){let i=o(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,o=G(n),s=G(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("key"===t);else if("ref"===t)l&&l(e);else if(i||"o"!==t[0]||"n"!==t[1]){const o=k(l);if((i||o&&null!==l)&&!s)try{if(e.tagName.includes("-"))e[t]=l;else{const o=null==l?"":l;"list"===t?i=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(t)||e.removeAttribute(t):(!i||4&r||s)&&!o&&e.setAttribute(t,l=!0===l?"":l)}else if(t="-"===t[2]?t.slice(3):o(a,c)?c.slice(2):c[2]+t.slice(3),n||l){const o=t.endsWith(V);t=t.replace(_,""),n&&f.rel(e,t,n,o),l&&f.ael(e,t,l,o)}}},q=/\s/,G=e=>e?e.split(q):[],V="Capture",_=RegExp(V+"$"),z=(e,t,n)=>{const l=11===t.$.nodeType&&t.$.host?t.$.host:t.$,o=e&&e.u||S,s=t.u||S;for(const e of B(Object.keys(o)))e in s||W(l,e,o[e],void 0,n,t.l);for(const e of B(Object.keys(s)))W(l,e,o[e],s[e],n,t.l)};function B(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var I=!1,J=(e,t,n)=>{const l=t.h[n];let o,s,r=0;if(null!==l.i)o=l.$=u.createTextNode(l.i);else if(o=l.$=u.createElement(l.m),z(null,l,I),null!=M&&o["s-si"]!==M&&o.classList.add(o["s-si"]=M),l.h)for(r=0;r<l.h.length;++r)s=J(e,l,r),s&&o.appendChild(s);return o["s-hn"]=x,o},K=(e,t,n,l,o,s)=>{let r,i=e;for(i.shadowRoot&&i.tagName===x&&(i=i.shadowRoot);o<=s;++o)l[o]&&(r=J(null,n,o),r&&(l[o].$=r,ee(i,r,t)))},Q=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.$;Z(t),e&&e.remove()}}},X=(e,t,n=!1)=>e.m===t.m&&(!!n||e.p===t.p),Y=(e,t,n=!1)=>{const l=t.$=e.$,o=e.h,s=t.h,r=t.i;null===r?(z(e,t,I),null!==o&&null!==s?((e,t,n,l,o=!1)=>{let s,r,i=0,c=0,a=0,u=0,f=t.length-1,h=t[0],d=t[f],p=l.length-1,m=l[0],y=l[p];for(;i<=f&&c<=p;)if(null==h)h=t[++i];else if(null==d)d=t[--f];else if(null==m)m=l[++c];else if(null==y)y=l[--p];else if(X(h,m,o))Y(h,m,o),h=t[++i],m=l[++c];else if(X(d,y,o))Y(d,y,o),d=t[--f],y=l[--p];else if(X(h,y,o))Y(h,y,o),ee(e,h.$,d.$.nextSibling),h=t[++i],y=l[--p];else if(X(d,m,o))Y(d,m,o),ee(e,d.$,h.$),d=t[--f],m=l[++c];else{for(a=-1,u=i;u<=f;++u)if(t[u]&&null!==t[u].p&&t[u].p===m.p){a=u;break}a>=0?(r=t[a],r.m!==m.m?s=J(t&&t[c],n,a):(Y(r,m,o),t[a]=void 0,s=r.$),m=l[++c]):(s=J(t&&t[c],n,c),m=l[++c]),s&&ee(h.$.parentNode,s,h.$)}i>f?K(e,null==l[p+1]?null:l[p+1].$,n,l,c,p):c>p&&Q(t,i,f)})(l,o,t,s,n):null!==s?(null!==e.i&&(l.textContent=""),K(l,null,t,s,0,s.length-1)):null!==o&&Q(o,0,o.length-1)):e.i!==r&&(l.data=r)},Z=e=>{e.u&&e.u.ref&&e.u.ref(null),e.h&&e.h.map(Z)},ee=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),te=(e,t)=>{t&&!e.S&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.S=t)))},ne=(e,t)=>{if(e.l|=16,!(4&e.l))return te(e,e.k),g((()=>le(e,t)));e.l|=512},le=(e,t)=>{const n=e.t;if(!n)throw Error(`Can't render component <${e.$hostElement$.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return t&&(e.l|=256,e.j&&(e.j.map((([e,t])=>ue(n,e,t))),e.j=void 0),l=ue(n,"componentWillLoad")),oe(l,(()=>re(e,n,t)))},oe=(e,t)=>se(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),se=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,re=async(e,t,n)=>{var l;const o=e.$hostElement$,s=o["s-rc"];n&&(e=>{const t=e.O,n=e.$hostElement$,l=t.l,o=((e,t)=>{var n;const l=U(t),o=i.get(l);if(e=11===e.nodeType?e:u,o)if("string"==typeof o){let s,r=N.get(e=e.head||e);if(r||N.set(e,r=new Set),!r.has(l)){{s=u.createElement("style"),s.innerHTML=o;const t=null!=(n=f.C)?n:j(u);null!=t&&s.setAttribute("nonce",t),e.insertBefore(s,e.querySelector("link"))}4&t.l&&(s.innerHTML+=c),r&&r.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);ie(e,t,o,n),s&&(s.map((e=>e())),o["s-rc"]=void 0);{const t=null!=(l=o["s-p"])?l:[],n=()=>ce(e);0===t.length?n():(Promise.all(t).then(n),e.l|=4,t.length=0)}},ie=(e,t,n,l)=>{try{t=t.render(),e.l&=-17,e.l|=2,((e,t,n=!1)=>{const l=e.$hostElement$,o=e.O,s=e.M||T(null,null),r=(e=>e&&e.m===A)(t)?t:L(null,null,t);if(x=l.tagName,o.P&&(r.u=r.u||{},o.P.map((([e,t])=>r.u[t]=l[e]))),n&&r.u)for(const e of Object.keys(r.u))l.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(r.u[e]=l[e]);r.m=null,r.l|=4,e.M=r,r.$=s.$=l.shadowRoot||l,M=l["s-sc"],Y(s,r,n)})(e,t,l)}catch(t){s(t,e.$hostElement$)}return null},ce=e=>{const t=e.$hostElement$,n=e.t,l=e.k;ue(n,"componentDidRender"),64&e.l||(e.l|=64,fe(t),ue(n,"componentDidLoad"),e.R(t),l||ae()),e.S&&(e.S(),e.S=void 0),512&e.l&&w((()=>ne(e,!1))),e.l&=-517},ae=()=>{fe(u.documentElement),w((()=>H(a,"appload",{detail:{namespace:"general-input"}})))},ue=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){s(e)}},fe=e=>e.classList.add("hydrated"),he=(e,t,l)=>{var o,r;const i=e.prototype;if(t.L||t.T||e.watchers){e.watchers&&!t.T&&(t.T=e.watchers);const c=Object.entries(null!=(o=t.L)?o:{});if(c.map((([e,[o]])=>{(31&o||2&l&&32&o)&&Object.defineProperty(i,e,{get(){return((e,t)=>n(this).A.get(t))(0,e)},set(l){((e,t,l,o)=>{const r=n(e);if(!r)throw Error(`Couldn't find host element for "${o.v}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const i=r.$hostElement$,c=r.A.get(t),a=r.l,u=r.t;if(l=((e,t)=>null==e||k(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(l,o.L[t][0]),(!(8&a)||void 0===c)&&l!==c&&(!Number.isNaN(c)||!Number.isNaN(l))&&(r.A.set(t,l),u)){if(o.T&&128&a){const e=o.T[t];e&&e.map((e=>{try{u[e](l,c,t)}catch(e){s(e,i)}}))}2==(18&a)&&ne(r,!1)}})(this,e,l,t)},configurable:!0,enumerable:!0})})),1&l){const l=new Map;i.attributeChangedCallback=function(e,o,s){f.jmp((()=>{var r;const c=l.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const l=n(this),i=null==l?void 0:l.l;if(i&&!(8&i)&&128&i&&s!==o){const n=l.t,i=null==(r=t.T)?void 0:r[e];null==i||i.forEach((t=>{null!=n[t]&&n[t].call(n,s,o,e)}))}return}}this[c]=(null!==s||"boolean"!=typeof this[c])&&s}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(r=t.T)?r:{}),...c.filter((([e,t])=>15&t[0])).map((([e,n])=>{var o;const s=n[1]||e;return l.set(s,e),512&n[0]&&(null==(o=t.P)||o.push([e,s])),s}))]))}}return e},de=e=>{ue(e,"connectedCallback")},pe=e=>{ue(e,"disconnectedCallback")},me=(e,l={})=>{var o;const h=[],p=l.exclude||[],m=a.customElements,y=u.head,$=y.querySelector("meta[charset]"),b=u.createElement("style"),v=[];let w,g=!0;Object.assign(f,l),f.o=new URL(l.resourcesUrl||"./",u.baseURI).href;let S=!1;if(e.map((e=>{e[1].map((l=>{var o;const c={l:l[0],v:l[1],L:l[2],D:l[3]};4&c.l&&(S=!0),c.L=l[2],c.D=l[3],c.P=[],c.T=null!=(o=l[4])?o:{};const a=c.v,u=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const l={l:0,$hostElement$:e,O:n,A:new Map};l.F=new Promise((e=>l.R=e)),e["s-p"]=[],e["s-rc"]=[],t.set(e,l)})(e=this,c),1&c.l)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${c.v}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){const e=n(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,ye(this,e,c.D)),w&&(clearTimeout(w),w=null),g?v.push(this):f.jmp((()=>(e=>{if(!(1&f.l)){const t=n(e),l=t.O,o=()=>{};if(1&t.l)ye(e,t,l.D),(null==t?void 0:t.t)?de(t.t):(null==t?void 0:t.F)&&t.F.then((()=>de(t.t)));else{t.l|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){te(t,t.k=n);break}}l.L&&Object.entries(l.L).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let l;if(!(32&t.l)){if(t.l|=32,n.H){const e=(e=>{const t=e.v.replace(/-/g,"_"),n=e.H;if(!n)return;const l=r.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(r.set(n,e),e[t])),s)
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n);if(e&&"then"in e){const t=()=>{};l=await e,t()}else l=e;if(!l)throw Error(`Constructor for "${n.v}#${t.N}" was not found`);l.isProxied||(n.T=l.watchers,he(l,n,2),l.isProxied=!0);const o=()=>{};t.l|=8;try{new l(t)}catch(e){s(e)}t.l&=-9,t.l|=128,o(),de(t.t)}else l=e.constructor,customElements.whenDefined(e.localName).then((()=>t.l|=128));if(l&&l.style){let e;"string"==typeof l.style&&(e=l.style);const t=U(n);if(!i.has(t)){const l=()=>{};((e,t,n)=>{let l=i.get(e);d&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,i.set(e,l)})(t,e,!!(1&n.l)),l()}}}const o=t.k,c=()=>ne(t,!0);o&&o["s-rc"]?o["s-rc"].push(c):c()})(e,t,l)}o()}})(this)))}disconnectedCallback(){f.jmp((()=>(async()=>{if(!(1&f.l)){const e=n(this);e.U&&(e.U.map((e=>e())),e.U=void 0),(null==e?void 0:e.t)?pe(e.t):(null==e?void 0:e.F)&&e.F.then((()=>pe(e.t)))}})()))}componentOnReady(){return n(this).F}};c.H=e[0],p.includes(a)||m.get(a)||(h.push(a),m.define(a,he(u,c,1)))}))})),h.length>0&&(S&&(b.textContent+=c),b.textContent+=h.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",b.innerHTML.length)){b.setAttribute("data-styles","");const e=null!=(o=f.C)?o:j(u);null!=e&&b.setAttribute("nonce",e),y.insertBefore(b,$?$.nextSibling:y.firstChild)}g=!1,v.length?v.map((e=>e.connectedCallback())):f.jmp((()=>w=setTimeout(ae,30)))},ye=(e,t,n)=>{n&&n.map((([n,l,o])=>{const s=be(e,n),r=$e(t,o),i=ve(n);f.ael(s,l,r,i),(t.U=t.U||[]).push((()=>f.rel(s,l,r,i)))}))},$e=(e,t)=>n=>{var l;try{256&e.l?null==(l=e.t)||l[t](n):(e.j=e.j||[]).push([t,n])}catch(e){s(e)}},be=(e,t)=>8&t?a:16&t?u.body:e,ve=e=>({passive:!!(1&e),capture:!!(2&e)}),we=e=>f.C=e;export{A as H,me as b,F as c,D as g,L as h,h as p,l as r,we as s}
+var e=Object.defineProperty,t=new WeakMap,n=e=>t.get(e),l=(e,n)=>t.set(n.t=e,n),o=(e,t)=>t in e,s=(e,t)=>(0,console.error)(e,t),r=new Map,i=new Map,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",a="undefined"!=typeof window?window:{},u=a.document||{head:{}},f={l:0,o:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},h=e=>Promise.resolve(e),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),p=!1,m=[],y=[],$=(e,t)=>n=>{e.push(n),p||(p=!0,t&&4&f.l?w(v):f.raf(v))},b=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},v=()=>{b(m),b(y),(p=m.length>0)&&f.raf(v)},w=e=>h().then(e),g=$(y,!0),S={},k=e=>"object"==(e=typeof e)||"function"===e;function j(e){var t,n,l;return null!=(l=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?l:void 0}((t,n)=>{for(var l in n)e(t,l,{get:n[l],enumerable:!0})})({},{err:()=>C,map:()=>E,ok:()=>O,unwrap:()=>P,unwrapErr:()=>L});var O=e=>({isOk:!0,isErr:!1,value:e}),C=e=>({isOk:!1,isErr:!0,value:e});function E(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>O(e))):O(n)}if(e.isErr)return C(e.value);throw"should never get here"}var M,x,P=e=>{if(e.isOk)return e.value;throw e.value},L=e=>{if(e.isErr)return e.value;throw e.value},R=(e,t,...n)=>{let l=null,o=null,s=!1,r=!1;const i=[],c=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?c(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!k(l))&&(l+=""),s&&r?i[i.length-1].i+=l:i.push(s?T(null,l):l),r=s)};if(c(n),t){t.key&&(o=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const a=T(e,null);return a.u=t,i.length>0&&(a.h=i),a.p=o,a},T=(e,t)=>({l:0,m:e,i:t,$:null,h:null,u:null,p:null}),A={},F=e=>n(e).$hostElement$,H=(e,t,n)=>{const l=F(e);return{emit:e=>N(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},N=(e,t,n)=>{const l=f.ce(t,n);return e.dispatchEvent(l),l},U=new WeakMap,W=e=>"sc-"+e.v,D=(e,t,n,l,s,r)=>{if(n!==l){let i=o(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,o=G(n),s=G(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("key"===t);else if("ref"===t)l&&l(e);else if(i||"o"!==t[0]||"n"!==t[1]){const o=k(l);if((i||o&&null!==l)&&!s)try{if(e.tagName.includes("-"))e[t]=l;else{const o=null==l?"":l;"list"===t?i=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(t)||e.removeAttribute(t):(!i||4&r||s)&&!o&&e.setAttribute(t,l=!0===l?"":l)}else if(t="-"===t[2]?t.slice(3):o(a,c)?c.slice(2):c[2]+t.slice(3),n||l){const o=t.endsWith(V);t=t.replace(_,""),n&&f.rel(e,t,n,o),l&&f.ael(e,t,l,o)}}},q=/\s/,G=e=>e?e.split(q):[],V="Capture",_=RegExp(V+"$"),z=(e,t,n)=>{const l=11===t.$.nodeType&&t.$.host?t.$.host:t.$,o=e&&e.u||S,s=t.u||S;for(const e of B(Object.keys(o)))e in s||D(l,e,o[e],void 0,n,t.l);for(const e of B(Object.keys(s)))D(l,e,o[e],s[e],n,t.l)};function B(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var I=!1,J=(e,t,n)=>{const l=t.h[n];let o,s,r=0;if(null!==l.i)o=l.$=u.createTextNode(l.i);else if(o=l.$=u.createElement(l.m),z(null,l,I),null!=M&&o["s-si"]!==M&&o.classList.add(o["s-si"]=M),l.h)for(r=0;r<l.h.length;++r)s=J(e,l,r),s&&o.appendChild(s);return o["s-hn"]=x,o},K=(e,t,n,l,o,s)=>{let r,i=e;for(i.shadowRoot&&i.tagName===x&&(i=i.shadowRoot);o<=s;++o)l[o]&&(r=J(null,n,o),r&&(l[o].$=r,ee(i,r,t)))},Q=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.$;Z(t),e&&e.remove()}}},X=(e,t,n=!1)=>e.m===t.m&&(!!n||e.p===t.p),Y=(e,t,n=!1)=>{const l=t.$=e.$,o=e.h,s=t.h,r=t.i;null===r?(z(e,t,I),null!==o&&null!==s?((e,t,n,l,o=!1)=>{let s,r,i=0,c=0,a=0,u=0,f=t.length-1,h=t[0],d=t[f],p=l.length-1,m=l[0],y=l[p];for(;i<=f&&c<=p;)if(null==h)h=t[++i];else if(null==d)d=t[--f];else if(null==m)m=l[++c];else if(null==y)y=l[--p];else if(X(h,m,o))Y(h,m,o),h=t[++i],m=l[++c];else if(X(d,y,o))Y(d,y,o),d=t[--f],y=l[--p];else if(X(h,y,o))Y(h,y,o),ee(e,h.$,d.$.nextSibling),h=t[++i],y=l[--p];else if(X(d,m,o))Y(d,m,o),ee(e,d.$,h.$),d=t[--f],m=l[++c];else{for(a=-1,u=i;u<=f;++u)if(t[u]&&null!==t[u].p&&t[u].p===m.p){a=u;break}a>=0?(r=t[a],r.m!==m.m?s=J(t&&t[c],n,a):(Y(r,m,o),t[a]=void 0,s=r.$),m=l[++c]):(s=J(t&&t[c],n,c),m=l[++c]),s&&ee(h.$.parentNode,s,h.$)}i>f?K(e,null==l[p+1]?null:l[p+1].$,n,l,c,p):c>p&&Q(t,i,f)})(l,o,t,s,n):null!==s?(null!==e.i&&(l.textContent=""),K(l,null,t,s,0,s.length-1)):null!==o&&Q(o,0,o.length-1)):e.i!==r&&(l.data=r)},Z=e=>{e.u&&e.u.ref&&e.u.ref(null),e.h&&e.h.map(Z)},ee=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),te=(e,t)=>{t&&!e.S&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.S=t)))},ne=(e,t)=>{if(e.l|=16,!(4&e.l))return te(e,e.k),g((()=>le(e,t)));e.l|=512},le=(e,t)=>{const n=e.t;if(!n)throw Error(`Can't render component <${e.$hostElement$.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return t&&(e.l|=256,e.j&&(e.j.map((([e,t])=>ue(n,e,t))),e.j=void 0),l=ue(n,"componentWillLoad")),oe(l,(()=>re(e,n,t)))},oe=(e,t)=>se(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),se=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,re=async(e,t,n)=>{var l;const o=e.$hostElement$,s=o["s-rc"];n&&(e=>{const t=e.O,n=e.$hostElement$,l=t.l,o=((e,t)=>{var n;const l=W(t),o=i.get(l);if(e=11===e.nodeType?e:u,o)if("string"==typeof o){let s,r=U.get(e=e.head||e);if(r||U.set(e,r=new Set),!r.has(l)){{s=u.createElement("style"),s.innerHTML=o;const t=null!=(n=f.C)?n:j(u);null!=t&&s.setAttribute("nonce",t),e.insertBefore(s,e.querySelector("link"))}4&t.l&&(s.innerHTML+=c),r&&r.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);ie(e,t,o,n),s&&(s.map((e=>e())),o["s-rc"]=void 0);{const t=null!=(l=o["s-p"])?l:[],n=()=>ce(e);0===t.length?n():(Promise.all(t).then(n),e.l|=4,t.length=0)}},ie=(e,t,n,l)=>{try{t=t.render(),e.l&=-17,e.l|=2,((e,t,n=!1)=>{const l=e.$hostElement$,o=e.O,s=e.M||T(null,null),r=(e=>e&&e.m===A)(t)?t:R(null,null,t);if(x=l.tagName,o.P&&(r.u=r.u||{},o.P.map((([e,t])=>r.u[t]=l[e]))),n&&r.u)for(const e of Object.keys(r.u))l.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(r.u[e]=l[e]);r.m=null,r.l|=4,e.M=r,r.$=s.$=l.shadowRoot||l,M=l["s-sc"],Y(s,r,n)})(e,t,l)}catch(t){s(t,e.$hostElement$)}return null},ce=e=>{const t=e.$hostElement$,n=e.t,l=e.k;64&e.l||(e.l|=64,fe(t),ue(n,"componentDidLoad"),e.L(t),l||ae()),e.S&&(e.S(),e.S=void 0),512&e.l&&w((()=>ne(e,!1))),e.l&=-517},ae=()=>{fe(u.documentElement),w((()=>N(a,"appload",{detail:{namespace:"general-input"}})))},ue=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){s(e)}},fe=e=>e.classList.add("hydrated"),he=(e,t,l)=>{var o,r;const i=e.prototype;if(t.R||t.T||e.watchers){e.watchers&&!t.T&&(t.T=e.watchers);const c=Object.entries(null!=(o=t.R)?o:{});if(c.map((([e,[o]])=>{(31&o||2&l&&32&o)&&Object.defineProperty(i,e,{get(){return((e,t)=>n(this).A.get(t))(0,e)},set(l){((e,t,l,o)=>{const r=n(e);if(!r)throw Error(`Couldn't find host element for "${o.v}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const i=r.$hostElement$,c=r.A.get(t),a=r.l,u=r.t;if(l=((e,t)=>null==e||k(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(l,o.R[t][0]),(!(8&a)||void 0===c)&&l!==c&&(!Number.isNaN(c)||!Number.isNaN(l))&&(r.A.set(t,l),u)){if(o.T&&128&a){const e=o.T[t];e&&e.map((e=>{try{u[e](l,c,t)}catch(e){s(e,i)}}))}2==(18&a)&&ne(r,!1)}})(this,e,l,t)},configurable:!0,enumerable:!0})})),1&l){const l=new Map;i.attributeChangedCallback=function(e,o,s){f.jmp((()=>{var r;const c=l.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const l=n(this),i=null==l?void 0:l.l;if(i&&!(8&i)&&128&i&&s!==o){const n=l.t,i=null==(r=t.T)?void 0:r[e];null==i||i.forEach((t=>{null!=n[t]&&n[t].call(n,s,o,e)}))}return}}this[c]=(null!==s||"boolean"!=typeof this[c])&&s}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(r=t.T)?r:{}),...c.filter((([e,t])=>15&t[0])).map((([e,n])=>{var o;const s=n[1]||e;return l.set(s,e),512&n[0]&&(null==(o=t.P)||o.push([e,s])),s}))]))}}return e},de=e=>{ue(e,"connectedCallback")},pe=e=>{ue(e,"disconnectedCallback")},me=(e,l={})=>{var o;const h=[],p=l.exclude||[],m=a.customElements,y=u.head,$=y.querySelector("meta[charset]"),b=u.createElement("style"),v=[];let w,g=!0;Object.assign(f,l),f.o=new URL(l.resourcesUrl||"./",u.baseURI).href;let S=!1;if(e.map((e=>{e[1].map((l=>{var o;const c={l:l[0],v:l[1],R:l[2],F:l[3]};4&c.l&&(S=!0),c.R=l[2],c.F=l[3],c.P=[],c.T=null!=(o=l[4])?o:{};const a=c.v,u=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const l={l:0,$hostElement$:e,O:n,A:new Map};l.H=new Promise((e=>l.L=e)),e["s-p"]=[],e["s-rc"]=[],t.set(e,l)})(e=this,c),1&c.l)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${c.v}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){const e=n(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,ye(this,e,c.F)),w&&(clearTimeout(w),w=null),g?v.push(this):f.jmp((()=>(e=>{if(!(1&f.l)){const t=n(e),l=t.O,o=()=>{};if(1&t.l)ye(e,t,l.F),(null==t?void 0:t.t)?de(t.t):(null==t?void 0:t.H)&&t.H.then((()=>de(t.t)));else{t.l|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){te(t,t.k=n);break}}l.R&&Object.entries(l.R).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let l;if(!(32&t.l)){if(t.l|=32,n.N){const e=(e=>{const t=e.v.replace(/-/g,"_"),n=e.N;if(!n)return;const l=r.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(r.set(n,e),e[t])),s)
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n);if(e&&"then"in e){const t=()=>{};l=await e,t()}else l=e;if(!l)throw Error(`Constructor for "${n.v}#${t.U}" was not found`);l.isProxied||(n.T=l.watchers,he(l,n,2),l.isProxied=!0);const o=()=>{};t.l|=8;try{new l(t)}catch(e){s(e)}t.l&=-9,t.l|=128,o(),de(t.t)}else l=e.constructor,customElements.whenDefined(e.localName).then((()=>t.l|=128));if(l&&l.style){let e;"string"==typeof l.style&&(e=l.style);const t=W(n);if(!i.has(t)){const l=()=>{};((e,t,n)=>{let l=i.get(e);d&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,i.set(e,l)})(t,e,!!(1&n.l)),l()}}}const o=t.k,c=()=>ne(t,!0);o&&o["s-rc"]?o["s-rc"].push(c):c()})(e,t,l)}o()}})(this)))}disconnectedCallback(){f.jmp((()=>(async()=>{if(!(1&f.l)){const e=n(this);e.W&&(e.W.map((e=>e())),e.W=void 0),(null==e?void 0:e.t)?pe(e.t):(null==e?void 0:e.H)&&e.H.then((()=>pe(e.t)))}})()))}componentOnReady(){return n(this).H}};c.N=e[0],p.includes(a)||m.get(a)||(h.push(a),m.define(a,he(u,c,1)))}))})),h.length>0&&(S&&(b.textContent+=c),b.textContent+=h.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",b.innerHTML.length)){b.setAttribute("data-styles","");const e=null!=(o=f.C)?o:j(u);null!=e&&b.setAttribute("nonce",e),y.insertBefore(b,$?$.nextSibling:y.firstChild)}g=!1,v.length?v.map((e=>e.connectedCallback())):f.jmp((()=>w=setTimeout(ae,30)))},ye=(e,t,n)=>{n&&n.map((([n,l,o])=>{const s=be(e,n),r=$e(t,o),i=ve(n);f.ael(s,l,r,i),(t.W=t.W||[]).push((()=>f.rel(s,l,r,i)))}))},$e=(e,t)=>n=>{var l;try{256&e.l?null==(l=e.t)||l[t](n):(e.j=e.j||[]).push([t,n])}catch(e){s(e)}},be=(e,t)=>8&t?a:16&t?u.body:e,ve=e=>({passive:!!(1&e),capture:!!(2&e)}),we=e=>f.C=e;export{A as H,me as b,H as c,F as g,R as h,h as p,l as r,we as s}

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

@@ -41,19 +41,23 @@ export declare class CheckboxGroupInput {
      * Client custom styling via inline style
      */
     clientStyling: string;
+    /**
+     * Client custom styling via message bus
+     */
+    mbSource: string;
     private element;
     errorMessage: string;
     isValid: boolean;
-    private limitStylingAppends;
     showTooltip: boolean;
     selectedValues: string[];
     showCheckboxes: boolean;
+    private stylingSubscription;
     private stylingContainer;
     private inputReference;
     private tooltipReference;
     private tooltipIconReference;
     value: any;
-    handleStylingChange(newValue: string, oldValue: string): void;
+    handleClientStylingChange(newValue: string, oldValue: string): void;
     validityChanged(): void;
     setValue(): void;
     sendValidityState: EventEmitter<InputStateEvent>;
@@ -62,11 +66,10 @@ export declare class CheckboxGroupInput {
     sendInputValue: EventEmitter<InputValueEvent>;
     valueHandler(inputValueEvent: InputValueEvent): void;
     handleClickOutside(event: MouseEvent): void;
-    componentDidRender(): void;
+    handleClientStyling(): void;
     componentDidLoad(): void;
     setValidity(): boolean;
     setErrorMessage(): string;
-    setClientStyling: () => void;
     renderTooltip(): any;
     handleParentCheckbox(e: Event): void;
     renderLabel(): any;

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

@@ -37,17 +37,21 @@ export declare class CheckboxInput {
      * Client custom styling via inline style
      */
     clientStyling: string;
+    /**
+     * Client custom styling via message bus
+     */
+    mbSource: string;
     errorMessage: string;
     isValid: boolean;
-    private limitStylingAppends;
     showTooltip: boolean;
+    private stylingSubscription;
     private vaadinCheckbox;
     private stylingContainer;
     private inputReference;
     private tooltipReference;
     private tooltipIconReference;
     value: string;
-    handleStylingChange(newValue: string, oldValue: string): void;
+    handleClientStylingChange(newValue: string, oldValue: string): void;
     validityChanged(): void;
     sendValidityState: EventEmitter<InputStateEvent>;
     validityStateHandler(inputStateEvent: InputStateEvent): void;
@@ -55,12 +59,11 @@ export declare class CheckboxInput {
     sendInputValue: EventEmitter<InputValueEvent>;
     valueHandler(inputValueEvent: InputValueEvent): void;
     handleClickOutside(event: MouseEvent): void;
-    componentDidRender(): void;
+    handleClientStyling(): void;
     componentDidLoad(): void;
     handleCheckbox(e: Event): void;
     setValidity(): boolean;
     setErrorMessage(): string;
-    setClientStyling: () => void;
     renderLabel(): any;
     renderTooltip(): any;
     render(): any;

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

@@ -58,12 +58,16 @@ export declare class DateInput {
     * Enable manual date input flag
     */
     enableManualDateInput: boolean;
+    /**
+     * Client custom styling via message bus
+     */
+    mbSource: string;
     errorMessage: string;
     isValid: boolean;
-    private limitStylingAppends;
     showTooltip: boolean;
     private element;
     datePicker: DatePicker;
+    private stylingSubscription;
     private stylingContainer;
     inputReference: HTMLInputElement;
     private tooltipReference;
@@ -74,7 +78,7 @@ export declare class DateInput {
     maxDate: Date;
     private valueAsDate?;
     get formattedValue(): string;
-    handleStylingChange(newValue: string, oldValue: string): void;
+    handleClientStylingChange(newValue: string, oldValue: string): void;
     validityChanged(): void;
     sendValidityState: EventEmitter<InputStateEvent>;
     validityStateHandler(inputStateEvent: InputStateEvent): void;
@@ -84,7 +88,7 @@ export declare class DateInput {
     valueHandler(inputValueEvent: InputValueEvent): void;
     handleClickOutside(event: MouseEvent): void;
     connectedCallback(): void;
-    componentDidRender(): void;
+    handleClientStyling(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     handleCalendarIconClick(): void;
@@ -94,7 +98,6 @@ export declare class DateInput {
     handleValidated(): void;
     setValidity(): boolean;
     setErrorMessage(): string;
-    setClientStyling: () => void;
     renderTooltip(): any;
     handleDocumentIdUpdate: (e: CustomEvent) => void;
     private parseFormat;

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

@@ -45,10 +45,14 @@ export declare class EmailInput {
      * Client custom styling via inline style
      */
     clientStyling: string;
+    /**
+     * Client custom styling via message bus
+     */
+    mbSource: string;
     errorMessage: string;
     isValid: boolean;
-    private limitStylingAppends;
     showTooltip: boolean;
+    private stylingSubscription;
     private stylingContainer;
     private tooltipReference;
     private tooltipIconReference;
@@ -58,7 +62,7 @@ export declare class EmailInput {
     validationPattern: string;
     duplicateInputValue: string;
     touched: boolean;
-    handleStylingChange(newValue: string, oldValue: string): void;
+    handleClientStylingChange(newValue: string, oldValue: string): void;
     validityChanged(): void;
     emitValueHandler(newValue: boolean): void;
     sendValidityState: EventEmitter<InputStateEvent>;
@@ -68,14 +72,13 @@ export declare class EmailInput {
     handleClickOutside(event: MouseEvent): void;
     valueChangedHandler(event: CustomEvent<InputValueEvent>): void;
     connectedCallback(): void;
-    componentDidRender(): void;
+    handleClientStyling(): 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

@@ -122,18 +122,16 @@ export declare class GeneralInput {
      * Client custom styling via message bus
      */
     mbSource: string;
-    limitStylingAppends: boolean;
     registrationWidgetLoaded: EventEmitter;
     host: HTMLElement;
     private stylingSubscription;
-    handleStylingChange(newValue: string, oldValue: string): void;
-    handleStylingUrlChange(newValue: string, oldValue: string): void;
+    private stylingContainer;
+    handleClientStylingChange(newValue: string, oldValue: string): void;
+    handleClientStylingChangeURL(newValue: string, oldValue: string): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    setClientStyling: () => void;
-    setStreamStyling: (domain: any) => void;
-    setClientStylingURL: () => void;
     componentDidLoad(): void;
+    handleClientStyling(): void;
     handleClick: (event: MouseEvent) => void;
     renderInput(): any;
     render(): any;

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

@@ -41,10 +41,14 @@ export declare class NumberInput {
      * Client custom styling via inline style
      */
     clientStyling: string;
+    /**
+     * Client custom styling via message bus
+     */
+    mbSource: string;
     errorMessage: string;
     isValid: boolean;
-    private limitStylingAppends;
     showTooltip: boolean;
+    private stylingSubscription;
     private stylingContainer;
     private tooltipReference;
     private tooltipIconReference;
@@ -53,7 +57,7 @@ export declare class NumberInput {
     validationPattern: string;
     debounceTime: ReturnType<typeof setTimeout>;
     touched: boolean;
-    handleStylingChange(newValue: string, oldValue: string): void;
+    handleClientStylingChange(newValue: string, oldValue: string): void;
     validityChanged(): void;
     sendValidityState: EventEmitter<InputStateEvent>;
     validityStateHandler(inputStateEvent: InputStateEvent): void;
@@ -62,14 +66,13 @@ export declare class NumberInput {
     valueHandler(inputValueEvent: InputValueEvent): void;
     handleClickOutside(event: MouseEvent): void;
     connectedCallback(): void;
-    componentDidRender(): void;
+    handleClientStyling(): 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

@@ -57,14 +57,18 @@ export declare class PasswordInput {
     * Enable South African registration mode
     */
     enableSouthAfricanMode: boolean;
+    /**
+     * Client custom styling via message bus
+     */
+    mbSource: string;
     isValid: boolean;
     errorMessage: string;
-    private limitStylingAppends;
     showTooltip: boolean;
     passwordComplexity: PasswordComplexity[];
     showPopup: boolean;
     value: string;
     private element;
+    private stylingSubscription;
     private inputReference;
     private passwordButton;
     private stylingContainer;
@@ -75,7 +79,7 @@ export declare class PasswordInput {
     debounceTime: ReturnType<typeof setTimeout>;
     validationPattern: string;
     duplicateInputValue: string;
-    handleStylingChange(newValue: string, oldValue: string): void;
+    handleClientStylingChange(newValue: string, oldValue: string): void;
     validityChanged(): void;
     valueChanged(): void;
     emitValueHandler(newValue: boolean): void;
@@ -87,7 +91,7 @@ export declare class PasswordInput {
     originalValidityChangedHandler(event: CustomEvent<InputStateEvent>): void;
     valueChangedHandler(event: CustomEvent<InputValueEvent>): void;
     handleClickOutside(event: MouseEvent): void;
-    componentDidRender(): void;
+    handleClientStyling(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     handleInput: (event: Event) => void;
@@ -98,7 +102,6 @@ export declare class PasswordInput {
     setValidity(): boolean;
     setPattern(): string;
     setErrorMessage(): string;
-    setClientStyling: () => void;
     renderTooltip(): any;
     renderComplexityPopup(): any;
     renderCustomComplexityPopup(): any;

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

@@ -60,9 +60,12 @@ export declare class PostalCodeInput {
      * For cases where the country field is not included in the register form
      */
     ignoreCountry: boolean;
+    /**
+     * Client custom styling via message bus
+     */
+    mbSource: string;
     isValid: boolean;
     errorMessage: string;
-    private limitStylingAppends;
     showTooltip: boolean;
     selectedCountryCode: string;
     currentPostalCode: string;
@@ -70,6 +73,7 @@ export declare class PostalCodeInput {
     showNoResultsMessage: boolean;
     refreshTrigger: number;
     isFetchingAddresses: boolean;
+    private stylingSubscription;
     private stylingContainer;
     private value;
     private validationPattern;
@@ -81,7 +85,7 @@ export declare class PostalCodeInput {
     touched: boolean;
     debounceTime: ReturnType<typeof setTimeout>;
     maxPostalCodeLength: string;
-    handleStylingChange(newValue: string, oldValue: string): void;
+    handleClientStylingChange(newValue: string, oldValue: string): void;
     validityChanged(): void;
     emitValueHandler(newValue: boolean): void;
     handleAddresses(newValue: {
@@ -95,8 +99,8 @@ export declare class PostalCodeInput {
     handleCountryCodeUpdate(event: CustomEvent): void;
     handleFetchStarted(): void;
     connectedCallback(): void;
-    componentDidRender(): void;
     componentWillLoad(): void;
+    handleClientStyling(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     handleInput: (event: Event) => void;
@@ -108,7 +112,6 @@ export declare class PostalCodeInput {
     setPattern(): string;
     setErrorMessage(): string;
     resetPostalCodeField(): void;
-    setClientStyling: () => void;
     renderTooltip(): any;
     determineInputValue(): string;
     handleOutsideClick: (event: MouseEvent) => void;

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

@@ -33,16 +33,20 @@ export declare class RadioInput {
      * Client custom styling via inline style
      */
     clientStyling: string;
+    /**
+     * Client custom styling via message bus
+     */
+    mbSource: string;
     errorMessage: string;
     isValid: boolean;
-    private limitStylingAppends;
     showTooltip: boolean;
+    private stylingSubscription;
     private stylingContainer;
     private inputReference;
     private tooltipReference;
     private tooltipIconReference;
     value: any;
-    handleStylingChange(newValue: string, oldValue: string): void;
+    handleClientStylingChange(newValue: string, oldValue: string): void;
     validityChanged(): void;
     emitValueHandler(newValue: boolean): void;
     sendInputValue: EventEmitter<InputValueEvent>;
@@ -50,11 +54,11 @@ export declare class RadioInput {
     sendValidityState: EventEmitter<InputStateEvent>;
     validityStateHandler(inputStateEvent: InputStateEvent): void;
     handleClickOutside(event: MouseEvent): void;
-    componentDidRender(): void;
+    handleClientStyling(): void;
+    componentDidLoad(): void;
     handleClick(event: any): void;
     setValidity(): boolean;
     setErrorMessage(): string;
-    setClientStyling: () => void;
     renderTooltip(): any;
     render(): any;
 }

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

@@ -49,20 +49,24 @@ export declare class SelectInput {
      * Client custom styling via inline style
      */
     clientStyling: string;
+    /**
+     * Client custom styling via message bus
+     */
+    mbSource: string;
     errorMessage: string;
     isValid: boolean;
-    private limitStylingAppends;
     showTooltip: boolean;
     isComboBox: boolean;
     private vaadinCombo;
     private inputReference;
+    private stylingSubscription;
     private stylingContainer;
     private tooltipReference;
     private tooltipIconReference;
     value: string;
     displayedOptions: Option[];
     touched: boolean;
-    handleStylingChange(newValue: string, oldValue: string): void;
+    handleClientStylingChange(newValue: string, oldValue: string): void;
     validityChanged(): void;
     sendValidityState: EventEmitter<InputStateEvent>;
     validityStateHandler(inputStateEvent: InputStateEvent): void;
@@ -72,7 +76,7 @@ export declare class SelectInput {
     handleClickOutside(event: MouseEvent): void;
     connectedCallback(): void;
     componentWillLoad(): Promise<void>;
-    componentDidRender(): void;
+    handleClientStyling(): void;
     componentDidLoad(): void;
     getOptions(endpoint: string): Promise<unknown>;
     handleComboChange: (event: Event) => void;
@@ -80,7 +84,6 @@ export declare class SelectInput {
     handleSelectChange: (event: Event) => void;
     setValidity(): boolean;
     setErrorMessage(): string;
-    setClientStyling: () => void;
     renderTooltip(): any;
     render(): any;
 }

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

@@ -49,11 +49,15 @@ export declare class TelInput {
      * Client custom styling via inline style
      */
     clientStyling: string;
+    /**
+     * Client custom styling via message bus
+     */
+    mbSource: string;
     isValid: boolean;
     errorMessage: string;
-    private limitStylingAppends;
     showTooltip: boolean;
     disablePhonePrefix: boolean;
+    private stylingSubscription;
     private stylingContainer;
     private tooltipReference;
     private tooltipIconReference;
@@ -66,7 +70,7 @@ export declare class TelInput {
     private phoneCodesOptions;
     debounceTime: ReturnType<typeof setTimeout>;
     private setPhoneValue;
-    handleStylingChange(newValue: string, oldValue: string): void;
+    handleClientStylingChange(newValue: string, oldValue: string): void;
     validityChanged(): void;
     sendValidityState: EventEmitter<InputStateEvent>;
     validityStateHandler(inputStateEvent: InputStateEvent): void;
@@ -76,7 +80,7 @@ export declare class TelInput {
     handleClickOutside(event: MouseEvent): void;
     connectedCallback(): void;
     componentWillLoad(): void;
-    componentDidRender(): void;
+    handleClientStyling(): void;
     componentDidLoad(): void;
     getPhoneCodes(endpoint: string): Promise<unknown>;
     handleInput: (event: Event) => void;
@@ -85,7 +89,6 @@ export declare class TelInput {
     isValidValue(): boolean;
     setPattern(): string;
     setErrorMessage(): string;
-    setClientStyling: () => void;
     renderTooltip(): any;
     render(): any;
 }

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

@@ -57,11 +57,15 @@ export declare class TextInput {
     * Enable South African registration mode
     */
     enableSouthAfricanMode: boolean;
+    /**
+     * Client custom styling via message bus
+     */
+    mbSource: string;
     isValid: boolean;
     errorMessage: string;
-    private limitStylingAppends;
     showTooltip: boolean;
     selectedCountryCode: string;
+    private stylingSubscription;
     private stylingContainer;
     private value;
     private validationPattern;
@@ -72,7 +76,7 @@ export declare class TextInput {
     postalcodelength: number;
     touched: boolean;
     debounceTime: ReturnType<typeof setTimeout>;
-    handleStylingChange(newValue: string, oldValue: string): void;
+    handleClientStylingChange(newValue: string, oldValue: string): void;
     validityChanged(): void;
     emitValueHandler(newValue: boolean): void;
     sendValidityState: EventEmitter<InputStateEvent>;
@@ -91,8 +95,8 @@ export declare class TextInput {
     connectedCallback(): void;
     handleExternalDocUpdate(event: CustomEvent<string>): void;
     handleDocReset(): void;
-    componentDidRender(): void;
     componentWillLoad(): void;
+    handleClientStyling(): void;
     componentDidLoad(): void;
     validateDocument(valueRaw: string, docType: string): {
         valid: boolean;
@@ -104,7 +108,6 @@ export declare class TextInput {
     isValidValue(): boolean;
     setPattern(): string;
     setErrorMessage(): string;
-    setClientStyling: () => void;
     renderTooltip(): any;
     render(): any;
 }

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

@@ -41,11 +41,15 @@ export declare class ToggleCheckboxInput {
      * Client custom styling via inline style
      */
     clientStyling: string;
+    /**
+     * Client custom styling via message bus
+     */
+    mbSource: string;
     errorMessage: string;
     isValid: boolean;
-    private limitStylingAppends;
     showTooltip: boolean;
     showFields: boolean;
+    private stylingSubscription;
     private stylingContainer;
     private checkboxReference;
     private tooltipReference;
@@ -53,19 +57,18 @@ export declare class ToggleCheckboxInput {
     private callBackObject;
     private subFieldsObject;
     value: string;
-    handleStylingChange(newValue: string, oldValue: string): void;
+    handleClientStylingChange(newValue: string, oldValue: string): void;
     sendValidityState: EventEmitter<InputStateEvent>;
     validityStateHandler(inputStateEvent: InputStateEvent): void;
     sendInputValue: EventEmitter<InputValueEvent>;
     valueHandler(inputValueEvent: InputValueEvent): void;
     handleClickOutside(event: MouseEvent): void;
-    componentDidRender(): void;
+    handleClientStyling(): void;
     componentDidLoad(): void;
     handleRevealField: (event: Event, fieldName: string) => void;
     handleClick(): void;
     setValidity(): boolean;
     setErrorMessage(): string;
-    setClientStyling: () => void;
     disconnectedCallback(): void;
     renderLabel(): any;
     renderTooltip(): any;