@everymatrix/general-input 1.69.2 → 1.70.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{general-input.cjs.entry.js → checkbox-group-input_13.cjs.entry.js} +12269 -4776
- package/dist/cjs/general-input.cjs.js +2 -2
- package/dist/cjs/{index-bce82d29.js → index-9179e91b.js} +6 -11
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/components/date-input/date-input.js +13 -4
- package/dist/collection/components/general-input/general-input.js +40 -1
- package/dist/collection/components/twofa-input/twofa-input.css +56 -0
- package/dist/collection/components/twofa-input/twofa-input.js +495 -0
- package/dist/collection/utils/locale.utils.js +36 -11
- package/dist/esm/{general-input.entry.js → checkbox-group-input_13.entry.js} +12259 -4778
- package/dist/esm/general-input.js +3 -3
- package/dist/esm/{index-34f25346.js → index-ed8fc8f4.js} +6 -11
- package/dist/esm/loader.js +3 -3
- package/dist/general-input/{general-input.entry.js → checkbox-group-input_13.entry.js} +222 -222
- package/dist/general-input/general-input.esm.js +1 -1
- package/dist/general-input/{index-34f25346.js → index-ed8fc8f4.js} +2 -2
- package/dist/types/components/date-input/date-input.d.ts +1 -0
- package/dist/types/components/general-input/general-input.d.ts +4 -0
- package/dist/types/components/twofa-input/twofa-input.d.ts +84 -0
- package/dist/types/components.d.ts +129 -0
- package/dist/types/utils/types.d.ts +17 -12
- package/package.json +1 -1
- package/dist/cjs/checkbox-group-input_10.cjs.entry.js +0 -6677
- package/dist/cjs/locale.utils-f0ae0a97.js +0 -165
- package/dist/cjs/toggle-checkbox-input.cjs.entry.js +0 -118
- package/dist/cjs/tooltipIcon-7e9ee226.js +0 -5
- package/dist/esm/checkbox-group-input_10.entry.js +0 -6664
- package/dist/esm/locale.utils-14c3dac3.js +0 -162
- package/dist/esm/toggle-checkbox-input.entry.js +0 -114
- package/dist/esm/tooltipIcon-0a5a06a2.js +0 -3
- package/dist/general-input/checkbox-group-input_10.entry.js +0 -1
- package/dist/general-input/locale.utils-14c3dac3.js +0 -1
- package/dist/general-input/toggle-checkbox-input.entry.js +0 -1
- package/dist/general-input/tooltipIcon-0a5a06a2.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as l}from"./index-
|
|
1
|
+
import{p as e,b as l}from"./index-ed8fc8f4.js";export{s as setNonce}from"./index-ed8fc8f4.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"],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]},[[4,"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]},[[4,"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]},[[4,"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]},[[4,"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]},[[4,"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]},[[4,"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],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"],[4,"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]},[[4,"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]},[[4,"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]},[[4,"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]},[[4,"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]},[[4,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}]]]],e))));
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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$,H=(e,t,n)=>{const l=D(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,F=(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||F(l,e,o[e],void 0,n,t.l);for(const e of B(Object.keys(s)))F(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: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((()=>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.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):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.H=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.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.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.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)
|
|
2
|
-
/*!__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.
|
|
1
|
+
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)
|
|
2
|
+
/*!__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)=>4&t?u: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}
|
|
@@ -65,6 +65,7 @@ export declare class DateInput {
|
|
|
65
65
|
minDate: Date;
|
|
66
66
|
maxDate: Date;
|
|
67
67
|
valueAsDate: Date;
|
|
68
|
+
get formattedValue(): string;
|
|
68
69
|
handleStylingChange(newValue: string, oldValue: string): void;
|
|
69
70
|
validityChanged(): void;
|
|
70
71
|
sendValidityState: EventEmitter<InputStateEvent>;
|
|
@@ -73,6 +73,10 @@ export declare class GeneralInput {
|
|
|
73
73
|
* Emit event on click
|
|
74
74
|
*/
|
|
75
75
|
emitOnClick: boolean;
|
|
76
|
+
/** destination */
|
|
77
|
+
twofaDestination: string;
|
|
78
|
+
/** resend interval */
|
|
79
|
+
twofaResendIntervalSeconds: number;
|
|
76
80
|
connectedCallback(): void;
|
|
77
81
|
handleClick: (event: MouseEvent) => void;
|
|
78
82
|
renderInput(): any;
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
|
+
import { ValidationSchema, InputStateEvent, InputValueEvent } from '../../utils/types';
|
|
3
|
+
export declare class TwofaInput {
|
|
4
|
+
/**
|
|
5
|
+
* Name of the input.
|
|
6
|
+
*/
|
|
7
|
+
name: string;
|
|
8
|
+
/**
|
|
9
|
+
* Name of input to be shown to the user.
|
|
10
|
+
*/
|
|
11
|
+
displayName: string;
|
|
12
|
+
/**
|
|
13
|
+
* Placeholder text to be shown.
|
|
14
|
+
*/
|
|
15
|
+
placeholder: string;
|
|
16
|
+
/**
|
|
17
|
+
* Object of validation rules for the input.
|
|
18
|
+
*/
|
|
19
|
+
validation: ValidationSchema;
|
|
20
|
+
/**
|
|
21
|
+
* Tooltip text.
|
|
22
|
+
*/
|
|
23
|
+
tooltip: string;
|
|
24
|
+
/**
|
|
25
|
+
* Currently selected language.
|
|
26
|
+
*/
|
|
27
|
+
language: string;
|
|
28
|
+
/**
|
|
29
|
+
* State passed down from the parent element. Will trigger the input to send it's value through an event.
|
|
30
|
+
*/
|
|
31
|
+
emitValue: boolean;
|
|
32
|
+
/**
|
|
33
|
+
* destination where the code is sent, only for display purposes here
|
|
34
|
+
*/
|
|
35
|
+
destination: string;
|
|
36
|
+
/**
|
|
37
|
+
* code resend interval in seconds
|
|
38
|
+
*/
|
|
39
|
+
resendIntervalSeconds: number;
|
|
40
|
+
/**
|
|
41
|
+
* Client custom styling via inline style
|
|
42
|
+
*/
|
|
43
|
+
clientStyling: string;
|
|
44
|
+
private limitStylingAppends;
|
|
45
|
+
isValid: boolean;
|
|
46
|
+
isResendButtonAvailable: boolean;
|
|
47
|
+
showTooltip: boolean;
|
|
48
|
+
errorMessage: string;
|
|
49
|
+
code: string[];
|
|
50
|
+
resendIntervalSecondsLeft: number;
|
|
51
|
+
private validationPattern;
|
|
52
|
+
private stylingContainer;
|
|
53
|
+
private tooltipReference;
|
|
54
|
+
private tooltipIconReference;
|
|
55
|
+
inputRefs: HTMLInputElement[];
|
|
56
|
+
containerRef: HTMLDivElement;
|
|
57
|
+
resendInterval: ReturnType<typeof setInterval>;
|
|
58
|
+
handleStylingChange(newValue: string, oldValue: string): void;
|
|
59
|
+
validityChanged(): void;
|
|
60
|
+
emitValueHandler(newValue: boolean): void;
|
|
61
|
+
sendValidityState: EventEmitter<InputStateEvent>;
|
|
62
|
+
validityStateHandler(inputStateEvent: InputStateEvent): void;
|
|
63
|
+
sendInputValue: EventEmitter<InputValueEvent>;
|
|
64
|
+
valueHandler(inputValueEvent: InputValueEvent): void;
|
|
65
|
+
resendCode: EventEmitter<void>;
|
|
66
|
+
resendCodeHandler: () => void;
|
|
67
|
+
handleClickOutside(event: MouseEvent): void;
|
|
68
|
+
connectedCallback(): void;
|
|
69
|
+
componentDidRender(): void;
|
|
70
|
+
componentDidLoad(): void;
|
|
71
|
+
setInputRef: (el: HTMLInputElement, idx: number) => void;
|
|
72
|
+
setContainerRef: (el: HTMLDivElement) => void;
|
|
73
|
+
triggerResendInterval: () => void;
|
|
74
|
+
formatTime: () => string;
|
|
75
|
+
handleInput: (e: Event, idx: number) => void;
|
|
76
|
+
handleKeyDown(e: KeyboardEvent, idx: number): void;
|
|
77
|
+
handlePaste(e: ClipboardEvent): void;
|
|
78
|
+
setValidity(): void;
|
|
79
|
+
setPattern(): string;
|
|
80
|
+
setErrorMessage(): void;
|
|
81
|
+
setClientStyling: () => void;
|
|
82
|
+
renderTooltip(): any;
|
|
83
|
+
render(): any;
|
|
84
|
+
}
|
|
@@ -249,6 +249,14 @@ export namespace Components {
|
|
|
249
249
|
* Translations via URL
|
|
250
250
|
*/
|
|
251
251
|
"translationUrl": string;
|
|
252
|
+
/**
|
|
253
|
+
* destination
|
|
254
|
+
*/
|
|
255
|
+
"twofaDestination": string;
|
|
256
|
+
/**
|
|
257
|
+
* resend interval
|
|
258
|
+
*/
|
|
259
|
+
"twofaResendIntervalSeconds": number;
|
|
252
260
|
/**
|
|
253
261
|
* Type the general-input should take. Can take the default HTML input values.
|
|
254
262
|
*/
|
|
@@ -576,6 +584,48 @@ export namespace Components {
|
|
|
576
584
|
*/
|
|
577
585
|
"validation": ValidationSchema;
|
|
578
586
|
}
|
|
587
|
+
interface TwofaInput {
|
|
588
|
+
/**
|
|
589
|
+
* Client custom styling via inline style
|
|
590
|
+
*/
|
|
591
|
+
"clientStyling": string;
|
|
592
|
+
/**
|
|
593
|
+
* destination where the code is sent, only for display purposes here
|
|
594
|
+
*/
|
|
595
|
+
"destination": string;
|
|
596
|
+
/**
|
|
597
|
+
* Name of input to be shown to the user.
|
|
598
|
+
*/
|
|
599
|
+
"displayName": string;
|
|
600
|
+
/**
|
|
601
|
+
* State passed down from the parent element. Will trigger the input to send it's value through an event.
|
|
602
|
+
*/
|
|
603
|
+
"emitValue": boolean;
|
|
604
|
+
/**
|
|
605
|
+
* Currently selected language.
|
|
606
|
+
*/
|
|
607
|
+
"language": string;
|
|
608
|
+
/**
|
|
609
|
+
* Name of the input.
|
|
610
|
+
*/
|
|
611
|
+
"name": string;
|
|
612
|
+
/**
|
|
613
|
+
* Placeholder text to be shown.
|
|
614
|
+
*/
|
|
615
|
+
"placeholder": string;
|
|
616
|
+
/**
|
|
617
|
+
* code resend interval in seconds
|
|
618
|
+
*/
|
|
619
|
+
"resendIntervalSeconds": number;
|
|
620
|
+
/**
|
|
621
|
+
* Tooltip text.
|
|
622
|
+
*/
|
|
623
|
+
"tooltip": string;
|
|
624
|
+
/**
|
|
625
|
+
* Object of validation rules for the input.
|
|
626
|
+
*/
|
|
627
|
+
"validation": ValidationSchema;
|
|
628
|
+
}
|
|
579
629
|
}
|
|
580
630
|
export interface CheckboxGroupInputCustomEvent<T> extends CustomEvent<T> {
|
|
581
631
|
detail: T;
|
|
@@ -621,6 +671,10 @@ export interface ToggleCheckboxInputCustomEvent<T> extends CustomEvent<T> {
|
|
|
621
671
|
detail: T;
|
|
622
672
|
target: HTMLToggleCheckboxInputElement;
|
|
623
673
|
}
|
|
674
|
+
export interface TwofaInputCustomEvent<T> extends CustomEvent<T> {
|
|
675
|
+
detail: T;
|
|
676
|
+
target: HTMLTwofaInputElement;
|
|
677
|
+
}
|
|
624
678
|
declare global {
|
|
625
679
|
interface HTMLCheckboxGroupInputElementEventMap {
|
|
626
680
|
"sendValidityState": InputStateEvent;
|
|
@@ -827,6 +881,25 @@ declare global {
|
|
|
827
881
|
prototype: HTMLToggleCheckboxInputElement;
|
|
828
882
|
new (): HTMLToggleCheckboxInputElement;
|
|
829
883
|
};
|
|
884
|
+
interface HTMLTwofaInputElementEventMap {
|
|
885
|
+
"sendValidityState": InputStateEvent;
|
|
886
|
+
"sendInputValue": InputValueEvent;
|
|
887
|
+
"resendCode": void;
|
|
888
|
+
}
|
|
889
|
+
interface HTMLTwofaInputElement extends Components.TwofaInput, HTMLStencilElement {
|
|
890
|
+
addEventListener<K extends keyof HTMLTwofaInputElementEventMap>(type: K, listener: (this: HTMLTwofaInputElement, ev: TwofaInputCustomEvent<HTMLTwofaInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
891
|
+
addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
892
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
893
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
894
|
+
removeEventListener<K extends keyof HTMLTwofaInputElementEventMap>(type: K, listener: (this: HTMLTwofaInputElement, ev: TwofaInputCustomEvent<HTMLTwofaInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
|
|
895
|
+
removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
896
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
897
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
898
|
+
}
|
|
899
|
+
var HTMLTwofaInputElement: {
|
|
900
|
+
prototype: HTMLTwofaInputElement;
|
|
901
|
+
new (): HTMLTwofaInputElement;
|
|
902
|
+
};
|
|
830
903
|
interface HTMLElementTagNameMap {
|
|
831
904
|
"checkbox-group-input": HTMLCheckboxGroupInputElement;
|
|
832
905
|
"checkbox-input": HTMLCheckboxInputElement;
|
|
@@ -840,6 +913,7 @@ declare global {
|
|
|
840
913
|
"tel-input": HTMLTelInputElement;
|
|
841
914
|
"text-input": HTMLTextInputElement;
|
|
842
915
|
"toggle-checkbox-input": HTMLToggleCheckboxInputElement;
|
|
916
|
+
"twofa-input": HTMLTwofaInputElement;
|
|
843
917
|
}
|
|
844
918
|
}
|
|
845
919
|
declare namespace LocalJSX {
|
|
@@ -1092,6 +1166,14 @@ declare namespace LocalJSX {
|
|
|
1092
1166
|
* Translations via URL
|
|
1093
1167
|
*/
|
|
1094
1168
|
"translationUrl"?: string;
|
|
1169
|
+
/**
|
|
1170
|
+
* destination
|
|
1171
|
+
*/
|
|
1172
|
+
"twofaDestination"?: string;
|
|
1173
|
+
/**
|
|
1174
|
+
* resend interval
|
|
1175
|
+
*/
|
|
1176
|
+
"twofaResendIntervalSeconds"?: number;
|
|
1095
1177
|
/**
|
|
1096
1178
|
* Type the general-input should take. Can take the default HTML input values.
|
|
1097
1179
|
*/
|
|
@@ -1434,6 +1516,51 @@ declare namespace LocalJSX {
|
|
|
1434
1516
|
*/
|
|
1435
1517
|
"validation"?: ValidationSchema;
|
|
1436
1518
|
}
|
|
1519
|
+
interface TwofaInput {
|
|
1520
|
+
/**
|
|
1521
|
+
* Client custom styling via inline style
|
|
1522
|
+
*/
|
|
1523
|
+
"clientStyling"?: string;
|
|
1524
|
+
/**
|
|
1525
|
+
* destination where the code is sent, only for display purposes here
|
|
1526
|
+
*/
|
|
1527
|
+
"destination"?: string;
|
|
1528
|
+
/**
|
|
1529
|
+
* Name of input to be shown to the user.
|
|
1530
|
+
*/
|
|
1531
|
+
"displayName"?: string;
|
|
1532
|
+
/**
|
|
1533
|
+
* State passed down from the parent element. Will trigger the input to send it's value through an event.
|
|
1534
|
+
*/
|
|
1535
|
+
"emitValue"?: boolean;
|
|
1536
|
+
/**
|
|
1537
|
+
* Currently selected language.
|
|
1538
|
+
*/
|
|
1539
|
+
"language"?: string;
|
|
1540
|
+
/**
|
|
1541
|
+
* Name of the input.
|
|
1542
|
+
*/
|
|
1543
|
+
"name"?: string;
|
|
1544
|
+
"onResendCode"?: (event: TwofaInputCustomEvent<void>) => void;
|
|
1545
|
+
"onSendInputValue"?: (event: TwofaInputCustomEvent<InputValueEvent>) => void;
|
|
1546
|
+
"onSendValidityState"?: (event: TwofaInputCustomEvent<InputStateEvent>) => void;
|
|
1547
|
+
/**
|
|
1548
|
+
* Placeholder text to be shown.
|
|
1549
|
+
*/
|
|
1550
|
+
"placeholder"?: string;
|
|
1551
|
+
/**
|
|
1552
|
+
* code resend interval in seconds
|
|
1553
|
+
*/
|
|
1554
|
+
"resendIntervalSeconds"?: number;
|
|
1555
|
+
/**
|
|
1556
|
+
* Tooltip text.
|
|
1557
|
+
*/
|
|
1558
|
+
"tooltip"?: string;
|
|
1559
|
+
/**
|
|
1560
|
+
* Object of validation rules for the input.
|
|
1561
|
+
*/
|
|
1562
|
+
"validation"?: ValidationSchema;
|
|
1563
|
+
}
|
|
1437
1564
|
interface IntrinsicElements {
|
|
1438
1565
|
"checkbox-group-input": CheckboxGroupInput;
|
|
1439
1566
|
"checkbox-input": CheckboxInput;
|
|
@@ -1447,6 +1574,7 @@ declare namespace LocalJSX {
|
|
|
1447
1574
|
"tel-input": TelInput;
|
|
1448
1575
|
"text-input": TextInput;
|
|
1449
1576
|
"toggle-checkbox-input": ToggleCheckboxInput;
|
|
1577
|
+
"twofa-input": TwofaInput;
|
|
1450
1578
|
}
|
|
1451
1579
|
}
|
|
1452
1580
|
export { LocalJSX as JSX };
|
|
@@ -1465,6 +1593,7 @@ declare module "@stencil/core" {
|
|
|
1465
1593
|
"tel-input": LocalJSX.TelInput & JSXBase.HTMLAttributes<HTMLTelInputElement>;
|
|
1466
1594
|
"text-input": LocalJSX.TextInput & JSXBase.HTMLAttributes<HTMLTextInputElement>;
|
|
1467
1595
|
"toggle-checkbox-input": LocalJSX.ToggleCheckboxInput & JSXBase.HTMLAttributes<HTMLToggleCheckboxInputElement>;
|
|
1596
|
+
"twofa-input": LocalJSX.TwofaInput & JSXBase.HTMLAttributes<HTMLTwofaInputElement>;
|
|
1468
1597
|
}
|
|
1469
1598
|
}
|
|
1470
1599
|
}
|
|
@@ -5,6 +5,7 @@ export interface RegistrationConfig {
|
|
|
5
5
|
interface RegCfgContent {
|
|
6
6
|
actions: string[];
|
|
7
7
|
fields: RegCfgContentField[];
|
|
8
|
+
verifications: string[];
|
|
8
9
|
registrationID: string;
|
|
9
10
|
step: string;
|
|
10
11
|
}
|
|
@@ -15,7 +16,7 @@ export interface RegCfgContentField {
|
|
|
15
16
|
defaultValue: string;
|
|
16
17
|
inputType: string;
|
|
17
18
|
tooltip: string;
|
|
18
|
-
multiple:
|
|
19
|
+
multiple: boolean;
|
|
19
20
|
name: string;
|
|
20
21
|
readOnly: boolean;
|
|
21
22
|
displayName: string;
|
|
@@ -37,6 +38,8 @@ export interface CustomValidationRules {
|
|
|
37
38
|
errorKey: string;
|
|
38
39
|
pattern?: string;
|
|
39
40
|
displayName?: string;
|
|
41
|
+
correlationField?: string;
|
|
42
|
+
correlationValue?: string;
|
|
40
43
|
}
|
|
41
44
|
export interface CustomRule {
|
|
42
45
|
rule: string;
|
|
@@ -60,7 +63,7 @@ export interface InputValueEvent {
|
|
|
60
63
|
type?: string;
|
|
61
64
|
}
|
|
62
65
|
export interface InputValue {
|
|
63
|
-
value:
|
|
66
|
+
value: any;
|
|
64
67
|
name: string;
|
|
65
68
|
isDuplicate: boolean;
|
|
66
69
|
type?: string;
|
|
@@ -89,18 +92,20 @@ export interface InputType {
|
|
|
89
92
|
inputType: string;
|
|
90
93
|
displayName: string;
|
|
91
94
|
validate: ValidationSchema;
|
|
92
|
-
action:
|
|
93
|
-
|
|
94
|
-
subFields: unknown;
|
|
95
|
-
values: unknown;
|
|
96
|
-
};
|
|
97
|
-
defaultValue: unknown;
|
|
95
|
+
action: string;
|
|
96
|
+
multiple: boolean;
|
|
98
97
|
autofill: boolean;
|
|
99
|
-
|
|
98
|
+
readOnly: boolean;
|
|
99
|
+
data?: {
|
|
100
|
+
subFields?: InputType[];
|
|
101
|
+
values?: Option[];
|
|
102
|
+
};
|
|
103
|
+
defaultValue: string;
|
|
104
|
+
isDuplicateInput?: boolean;
|
|
100
105
|
tooltip: string;
|
|
101
|
-
placeholder
|
|
102
|
-
customInfo
|
|
103
|
-
|
|
106
|
+
placeholder?: string;
|
|
107
|
+
customInfo?: {
|
|
108
|
+
[key: string]: any;
|
|
104
109
|
};
|
|
105
110
|
}
|
|
106
111
|
export {};
|