@authhero/widget 0.4.1 → 0.5.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/README.md +21 -1
- package/dist/authhero-widget/authhero-widget.esm.js +1 -1
- package/dist/authhero-widget/index.esm.js +1 -1
- package/dist/authhero-widget/p-7989dabd.entry.js +1 -0
- package/dist/authhero-widget/{p-Doiemx6o.js → p-bMtPc5Dm.js} +1 -1
- package/dist/authhero-widget/p-fa60ab6e.entry.js +1 -0
- package/dist/cjs/authhero-node.cjs.entry.js +97 -9
- package/dist/cjs/authhero-widget.cjs.entry.js +82 -18
- package/dist/cjs/authhero-widget.cjs.js +2 -2
- package/dist/cjs/{index-D0xitTOL.js → index-Db4bZu99.js} +28 -3
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/components/authhero-node/authhero-node.css +237 -94
- package/dist/collection/components/authhero-node/authhero-node.js +101 -8
- package/dist/collection/components/authhero-widget/authhero-widget.css +128 -70
- package/dist/collection/components/authhero-widget/authhero-widget.js +30 -5
- package/dist/collection/utils/branding.js +52 -13
- package/dist/components/authhero-node.js +1 -1
- package/dist/components/authhero-widget.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/p-pupmqprs.js +1 -0
- package/dist/components/p-uIy4ySa4.js +1 -0
- package/dist/esm/authhero-node.entry.js +97 -9
- package/dist/esm/authhero-widget.entry.js +82 -18
- package/dist/esm/authhero-widget.js +3 -3
- package/dist/esm/{index-Doiemx6o.js → index-bMtPc5Dm.js} +28 -3
- package/dist/esm/index.js +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/types/components/authhero-node/authhero-node.d.ts +14 -1
- package/dist/types/components/authhero-widget/authhero-widget.d.ts +8 -0
- package/hydrate/index.js +207 -29
- package/hydrate/index.mjs +207 -29
- package/package.json +9 -3
- package/dist/authhero-widget/p-2e93c814.entry.js +0 -1
- package/dist/authhero-widget/p-539fc666.entry.js +0 -1
- package/dist/collection/server/index.js +0 -453
- package/dist/components/p-086EZrPM.js +0 -1
- package/dist/components/p-DS6y_iDJ.js +0 -1
- package/dist/types/server/index.d.ts +0 -85
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var t,e,n,s,i,r,o,l,c,f,u,h,a,p,d,v,$,w,g,b=Object.create,m=Object.defineProperty,y=Object.getOwnPropertyDescriptor,O=Object.getOwnPropertyNames,j=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty,M=t=>{throw TypeError(t)},E=(t,e)=>function(){return e||(0,t[O(t)[0]])((e={exports:{}}).exports,e),e.exports},x=(t,e,n)=>e.has(t)||M("Cannot "+n),k=(t,e,n)=>(x(t,e,"read from private field"),n?n.call(t):e.get(t)),N=(t,e,n)=>e.has(t)?M("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,n),P=(t,e,n)=>(x(t,e,"write to private field"),e.set(t,n),n),W=(t,e,n)=>(x(t,e,"access private method"),n),R=E({"node_modules/balanced-match/index.js"(t,e){function n(t,e,n){t instanceof RegExp&&(t=s(t,n)),e instanceof RegExp&&(e=s(e,n));var r=i(t,e,n);return r&&{start:r[0],end:r[1],pre:n.slice(0,r[0]),body:n.slice(r[0]+t.length,r[1]),post:n.slice(r[1]+e.length)}}function s(t,e){var n=e.match(t);return n?n[0]:null}function i(t,e,n){var s,i,r,o,l,c=n.indexOf(t),f=n.indexOf(e,c+1),u=c;if(c>=0&&f>0){if(t===e)return[c,f];for(s=[],r=n.length;u>=0&&!l;)u==c?(s.push(u),c=n.indexOf(t,u+1)):1==s.length?l=[s.pop(),f]:((i=s.pop())<r&&(r=i,o=f),f=n.indexOf(e,u+1)),u=c<f&&c>=0?c:f;s.length&&(l=[r,o])}return l}e.exports=n,n.range=i}}),A=E({"node_modules/brace-expansion/index.js"(t,e){var n=R();e.exports=function(t){return t?("{}"===t.substr(0,2)&&(t="\\{\\}"+t.substr(2)),v(function(t){return t.split("\\\\").join(s).split("\\{").join(i).split("\\}").join(r).split("\\,").join(o).split("\\.").join(l)}(t),!0).map(f)):[]};var s="\0SLASH"+Math.random()+"\0",i="\0OPEN"+Math.random()+"\0",r="\0CLOSE"+Math.random()+"\0",o="\0COMMA"+Math.random()+"\0",l="\0PERIOD"+Math.random()+"\0";function c(t){return parseInt(t,10)==t?parseInt(t,10):t.charCodeAt(0)}function f(t){return t.split(s).join("\\").split(i).join("{").split(r).join("}").split(o).join(",").split(l).join(".")}function u(t){if(!t)return[""];var e=[],s=n("{","}",t);if(!s)return t.split(",");var i=s.body,r=s.post,o=s.pre.split(",");o[o.length-1]+="{"+i+"}";var l=u(r);return r.length&&(o[o.length-1]+=l.shift(),o.push.apply(o,l)),e.push.apply(e,o),e}function h(t){return"{"+t+"}"}function a(t){return/^-?0\d/.test(t)}function p(t,e){return t<=e}function d(t,e){return t>=e}function v(t,e){var s=[],i=n("{","}",t);if(!i)return[t];var o=i.pre,l=i.post.length?v(i.post,!1):[""];if(/\$$/.test(i.pre))for(var f=0;f<l.length;f++)s.push(A=o+"{"+i.body+"}"+l[f]);else{var $,w,g=/^-?\d+\.\.-?\d+(?:\.\.-?\d+)?$/.test(i.body),b=/^[a-zA-Z]\.\.[a-zA-Z](?:\.\.-?\d+)?$/.test(i.body),m=g||b,y=i.body.indexOf(",")>=0;if(!m&&!y)return i.post.match(/,(?!,).*\}/)?v(t=i.pre+"{"+i.body+r+i.post):[t];if(m)$=i.body.split(/\.\./);else if(1===($=u(i.body)).length&&1===($=v($[0],!1).map(h)).length)return l.map((function(t){return i.pre+$[0]+t}));if(m){var O=c($[0]),j=c($[1]),S=Math.max($[0].length,$[1].length),M=3==$.length?Math.abs(c($[2])):1,E=p;j<O&&(M*=-1,E=d);var x=$.some(a);w=[];for(var k=O;E(k,j);k+=M){var N;if(b)"\\"===(N=String.fromCharCode(k))&&(N="");else if(N=String(k),x){var P=S-N.length;if(P>0){var W=new Array(P+1).join("0");N=k<0?"-"+W+N.slice(1):W+N}}w.push(N)}}else{w=[];for(var R=0;R<$.length;R++)w.push.apply(w,v($[R],!1))}for(R=0;R<w.length;R++)for(f=0;f<l.length;f++){var A=o+w[R]+l[f];(!e||m||A)&&s.push(A)}}return s}}}),L=(t=>(t.Undefined="undefined",t.Null="null",t.String="string",t.Number="number",t.SpecialNumber="number",t.Boolean="boolean",t.BigInt="bigint",t))(L||{}),C=(t=>(t.Array="array",t.Date="date",t.Map="map",t.Object="object",t.RegularExpression="regexp",t.Set="set",t.Channel="channel",t.Symbol="symbol",t))(C||{}),I="type",z="value",_="serialized:",T=(t,e)=>{var n;Object.entries(null!=(n=e.i.t)?n:{}).map((([n,[s]])=>{if(31&s||32&s){const s=t[n],i=function(t,e){for(;t;){const n=Object.getOwnPropertyDescriptor(t,e);if(null==n?void 0:n.get)return n;t=Object.getPrototypeOf(t)}}(Object.getPrototypeOf(t),n)||Object.getOwnPropertyDescriptor(t,n);i&&Object.defineProperty(t,n,{get(){return i.get.call(this)},set(t){i.set.call(this,t)},configurable:!0,enumerable:!0}),t[n]=e.o.has(n)?e.o.get(n):s}}))},D=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},U=(t,e)=>e in t,V=(t,e)=>(0,console.error)(t,e),B=new Map,F="s-id",G="sty-id",Z="c-id",H="undefined"!=typeof window?window:{},q=H.HTMLElement||class{},J={l:0,u:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,s)=>t.addEventListener(e,n,s),rel:(t,e,n,s)=>t.removeEventListener(e,n,s),ce:(t,e)=>new CustomEvent(t,e)},Y=(()=>{try{return!!H.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(t){}return!1})(),K=!!Y&&(()=>!!H.document&&Object.getOwnPropertyDescriptor(H.document.adoptedStyleSheets,"length").writable)(),Q=!1,X=[],tt=[],et=(t,e)=>n=>{t.push(n),Q||(Q=!0,e&&4&J.l?it(st):J.raf(st))},nt=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){V(t)}t.length=0},st=()=>{nt(X),nt(tt),(Q=X.length>0)&&J.raf(st)},it=t=>Promise.resolve(undefined).then(t),rt=et(tt,!0),ot=t=>{const e=new URL(t,J.u);return e.origin!==H.location.origin?e.href:e.pathname},lt=t=>J.u=t,ct=t=>"object"==(t=typeof t)||"function"===t,ft=(e=null!=(t=A())?b(j(t)):{},((t,e,n,s)=>{if(e&&"object"==typeof e||"function"==typeof e)for(let n of O(e))S.call(t,n)||undefined===n||m(t,n,{get:()=>e[n],enumerable:!(s=y(e,n))||s.enumerable});return t})(m(e,"default",{value:t,enumerable:!0}),t)),ut=t=>{if("string"!=typeof t)throw new TypeError("invalid pattern");if(t.length>65536)throw new TypeError("pattern is too long")},ht={"[:alnum:]":["\\p{L}\\p{Nl}\\p{Nd}",!0],"[:alpha:]":["\\p{L}\\p{Nl}",!0],"[:ascii:]":["\\x00-\\x7f",!1],"[:blank:]":["\\p{Zs}\\t",!0],"[:cntrl:]":["\\p{Cc}",!0],"[:digit:]":["\\p{Nd}",!0],"[:graph:]":["\\p{Z}\\p{C}",!0,!0],"[:lower:]":["\\p{Ll}",!0],"[:print:]":["\\p{C}",!0],"[:punct:]":["\\p{P}",!0],"[:space:]":["\\p{Z}\\t\\r\\n\\v\\f",!0],"[:upper:]":["\\p{Lu}",!0],"[:word:]":["\\p{L}\\p{Nl}\\p{Nd}\\p{Pc}",!0],"[:xdigit:]":["A-Fa-f0-9",!1]},at=t=>t.replace(/[[\]\\-]/g,"\\$&"),pt=t=>t.join(""),dt=(t,e)=>{const n=e;if("["!==t.charAt(n))throw new Error("not in a brace expression");const s=[],i=[];let r=n+1,o=!1,l=!1,c=!1,f=!1,u=n,h="";t:for(;r<t.length;){const e=t.charAt(r);if("!"!==e&&"^"!==e||r!==n+1){if("]"===e&&o&&!c){u=r+1;break}if(o=!0,"\\"!==e||c){if("["===e&&!c)for(const[e,[o,c,f]]of Object.entries(ht))if(t.startsWith(e,r)){if(h)return["$.",!1,t.length-n,!0];r+=e.length,f?i.push(o):s.push(o),l=l||c;continue t}c=!1,h?(e>h?s.push(at(h)+"-"+at(e)):e===h&&s.push(at(e)),h="",r++):t.startsWith("-]",r+1)?(s.push(at(e+"-")),r+=2):t.startsWith("-",r+1)?(h=e,r+=2):(s.push(at(e)),r++)}else c=!0,r++}else f=!0,r++}if(u<r)return["",!1,0,!1];if(!s.length&&!i.length)return["$.",!1,t.length-n,!0];if(0===i.length&&1===s.length&&/^\\?.$/.test(s[0])&&!f){return[(a=2===s[0].length?s[0].slice(-1):s[0],a.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&")),!1,u-n,!1]}var a;const p="["+(f?"^":"")+pt(s)+"]",d="["+(f?"":"^")+pt(i)+"]";return[s.length&&i.length?"("+p+"|"+d+")":s.length?p:d,l,u-n,!0]},vt=(t,{windowsPathsNoEscape:e=!1}={})=>e?t.replace(/\[([^\/\\])\]/g,"$1"):t.replace(/((?!\\).|^)\[([^\/\\])\]/g,"$1$2").replace(/\\([^\/])/g,"$1"),$t=new Set(["!","?","+","*","@"]),wt=t=>$t.has(t),gt="(?!\\.)",bt=new Set(["[","."]),mt=new Set(["..","."]),yt=new Set("().*{}+?[]^$\\!"),Ot="[^/]",jt=Ot+"*?",St=Ot+"+?",Mt=class t{constructor(t,e,d={}){var v;N(this,p),((t,e,n)=>{e in t?m(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n})(this,"type"+"",v),N(this,n),N(this,s),N(this,i,!1),N(this,r,[]),N(this,o),N(this,l),N(this,c),N(this,f,!1),N(this,u),N(this,h),N(this,a,!1),this.type=t,t&&P(this,s,!0),P(this,o,e),P(this,n,k(this,o)?k(k(this,o),n):this),P(this,u,k(this,n)===this?d:k(k(this,n),u)),P(this,c,k(this,n)===this?[]:k(k(this,n),c)),"!"!==t||k(k(this,n),f)||k(this,c).push(this),P(this,l,k(this,o)?k(k(this,o),r).length:0)}get hasMagic(){if(void 0!==k(this,s))return k(this,s);for(const t of k(this,r))if("string"!=typeof t&&(t.type||t.hasMagic))return P(this,s,!0);return k(this,s)}toString(){return void 0!==k(this,h)?k(this,h):P(this,h,this.type?this.type+"("+k(this,r).map((t=>String(t))).join("|")+")":k(this,r).map((t=>String(t))).join(""))}push(...e){for(const n of e)if(""!==n){if("string"!=typeof n&&!(n instanceof t&&k(n,o)===this))throw new Error("invalid part: "+n);k(this,r).push(n)}}toJSON(){var t;const e=null===this.type?k(this,r).slice().map((t=>"string"==typeof t?t:t.toJSON())):[this.type,...k(this,r).map((t=>t.toJSON()))];return this.isStart()&&!this.type&&e.unshift([]),this.isEnd()&&(this===k(this,n)||k(k(this,n),f)&&"!"===(null==(t=k(this,o))?void 0:t.type))&&e.push({}),e}isStart(){var e;if(k(this,n)===this)return!0;if(!(null==(e=k(this,o))?void 0:e.isStart()))return!1;if(0===k(this,l))return!0;const s=k(this,o);for(let e=0;e<k(this,l);e++){const n=k(s,r)[e];if(!(n instanceof t&&"!"===n.type))return!1}return!0}isEnd(){var t,e,s;if(k(this,n)===this)return!0;if("!"===(null==(t=k(this,o))?void 0:t.type))return!0;if(!(null==(e=k(this,o))?void 0:e.isEnd()))return!1;if(!this.type)return null==(s=k(this,o))?void 0:s.isEnd();const i=k(this,o)?k(k(this,o),r).length:0;return k(this,l)===i-1}copyIn(t){this.push("string"==typeof t?t:t.clone(this))}clone(e){const n=new t(this.type,e);for(const t of k(this,r))n.copyIn(t);return n}static fromGlob(e,n={}){var s;const i=new t(null,void 0,n);return W(s=t,v,$).call(s,e,i,0,n),i}toMMPattern(){if(this!==k(this,n))return k(this,n).toMMPattern();const t=this.toString(),[e,i,r,o]=this.toRegExpSource();if(!(r||k(this,s)||k(this,u).nocase&&!k(this,u).nocaseMagicOnly&&t.toUpperCase()!==t.toLowerCase()))return i;const l=(k(this,u).nocase?"i":"")+(o?"u":"");return Object.assign(new RegExp(`^${e}$`,l),{_src:e,_glob:t})}get options(){return k(this,u)}toRegExpSource(e){var l;const c=null!=e?e:!!k(this,u).dot;if(k(this,n)===this&&W(this,p,d).call(this),!this.type){const u=this.isStart()&&this.isEnd(),h=k(this,r).map((n=>{var r;const[o,l,c,f]="string"==typeof n?W(r=t,v,g).call(r,n,k(this,s),u):n.toRegExpSource(e);return P(this,s,k(this,s)||c),P(this,i,k(this,i)||f),o})).join("");let a="";if(this.isStart()&&"string"==typeof k(this,r)[0]&&(1!==k(this,r).length||!mt.has(k(this,r)[0]))){const t=bt,n=c&&t.has(h.charAt(0))||h.startsWith("\\.")&&t.has(h.charAt(2))||h.startsWith("\\.\\.")&&t.has(h.charAt(4)),s=!c&&!e&&t.has(h.charAt(0));a=n?"(?!(?:^|/)\\.\\.?(?:$|/))":s?gt:""}let p="";return this.isEnd()&&k(k(this,n),f)&&"!"===(null==(l=k(this,o))?void 0:l.type)&&(p="(?:$|\\/)"),[a+h+p,vt(h),P(this,s,!!k(this,s)),k(this,i)]}const h="*"===this.type||"+"===this.type,$="!"===this.type?"(?:(?!(?:":"(?:";let b=W(this,p,w).call(this,c);if(this.isStart()&&this.isEnd()&&!b&&"!"!==this.type){const t=this.toString();return P(this,r,[t]),this.type=null,P(this,s,void 0),[t,vt(this.toString()),!1,!1]}let m=!h||e||c?"":W(this,p,w).call(this,!0);m===b&&(m=""),m&&(b=`(?:${b})(?:${m})*?`);let y="";return y="!"===this.type&&k(this,a)?(this.isStart()&&!c?gt:"")+St:$+b+("!"===this.type?"))"+(!this.isStart()||c||e?"":gt)+jt+")":"@"===this.type?")":"?"===this.type?")?":"+"===this.type&&m?")":"*"===this.type&&m?")?":`)${this.type}`),[y,vt(b),P(this,s,!!k(this,s)),k(this,i)]}};n=new WeakMap,s=new WeakMap,i=new WeakMap,r=new WeakMap,o=new WeakMap,l=new WeakMap,c=new WeakMap,f=new WeakMap,u=new WeakMap,h=new WeakMap,a=new WeakMap,p=new WeakSet,d=function(){if(this!==k(this,n))throw new Error("should only call on root");if(k(this,f))return this;let t;for(this.toString(),P(this,f,!0);t=k(this,c).pop();){if("!"!==t.type)continue;let e=t,n=k(e,o);for(;n;){for(let s=k(e,l)+1;!n.type&&s<k(n,r).length;s++)for(const e of k(t,r)){if("string"==typeof e)throw new Error("string part in extglob AST??");e.copyIn(k(n,r)[s])}e=n,n=k(e,o)}}return this},v=new WeakSet,$=function(t,e,n,i){var o,l;let c=!1,f=!1,u=-1,h=!1;if(null===e.type){let s=n,r="";for(;s<t.length;){const n=t.charAt(s++);if(c||"\\"===n)c=!c,r+=n;else if(f)s===u+1?"^"!==n&&"!"!==n||(h=!0):"]"!==n||s===u+2&&h||(f=!1),r+=n;else if("["!==n)if(i.noext||!wt(n)||"("!==t.charAt(s))r+=n;else{e.push(r),r="";const l=new Mt(n,e);s=W(o=Mt,v,$).call(o,t,l,s,i),e.push(l)}else f=!0,u=s,h=!1,r+=n}return e.push(r),s}let p=n+1,d=new Mt(null,e);const w=[];let g="";for(;p<t.length;){const n=t.charAt(p++);if(c||"\\"===n)c=!c,g+=n;else if(f)p===u+1?"^"!==n&&"!"!==n||(h=!0):"]"!==n||p===u+2&&h||(f=!1),g+=n;else if("["!==n)if(wt(n)&&"("===t.charAt(p)){d.push(g),g="";const e=new Mt(n,d);d.push(e),p=W(l=Mt,v,$).call(l,t,e,p,i)}else if("|"!==n){if(")"===n)return""===g&&0===k(e,r).length&&P(e,a,!0),d.push(g),g="",e.push(...w,d),p;g+=n}else d.push(g),g="",w.push(d),d=new Mt(null,e);else f=!0,u=p,h=!1,g+=n}return e.type=null,P(e,s,void 0),P(e,r,[t.substring(n-1)]),p},w=function(t){return k(this,r).map((e=>{if("string"==typeof e)throw new Error("string type in extglob ast??");const[n,s,r,o]=e.toRegExpSource(t);return P(this,i,k(this,i)||o),n})).filter((t=>!(this.isStart()&&this.isEnd()&&!t))).join("|")},g=function(t,e,n=!1){let s=!1,i="",r=!1;for(let o=0;o<t.length;o++){const l=t.charAt(o);if(s)s=!1,i+=(yt.has(l)?"\\":"")+l;else if("\\"!==l){if("["===l){const[n,s,l,c]=dt(t,o);if(l){i+=n,r=r||s,o+=l-1,e=e||c;continue}}"*"!==l?"?"!==l?i+=l.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&"):(i+=Ot,e=!0):(i+=n&&"*"===t?St:jt,e=!0)}else o===t.length-1?i+="\\\\":s=!0}return[i,vt(t),!!e,r]},N(Mt,v);var Et=Mt,xt=(t,e,n={})=>(ut(e),!(!n.nocomment&&"#"===e.charAt(0))&&new Xt(e,n).match(t)),kt=/^\*+([^+@!?\*\[\(]*)$/,Nt=t=>e=>!e.startsWith(".")&&e.endsWith(t),Pt=t=>e=>e.endsWith(t),Wt=t=>(t=t.toLowerCase(),e=>!e.startsWith(".")&&e.toLowerCase().endsWith(t)),Rt=t=>(t=t.toLowerCase(),e=>e.toLowerCase().endsWith(t)),At=/^\*+\.\*+$/,Lt=t=>!t.startsWith(".")&&t.includes("."),Ct=t=>"."!==t&&".."!==t&&t.includes("."),It=/^\.\*+$/,zt=t=>"."!==t&&".."!==t&&t.startsWith("."),_t=/^\*+$/,Tt=t=>0!==t.length&&!t.startsWith("."),Dt=t=>0!==t.length&&"."!==t&&".."!==t,Ut=/^\?+([^+@!?\*\[\(]*)?$/,Vt=([t,e=""])=>{const n=Zt([t]);return e?(e=e.toLowerCase(),t=>n(t)&&t.toLowerCase().endsWith(e)):n},Bt=([t,e=""])=>{const n=Ht([t]);return e?(e=e.toLowerCase(),t=>n(t)&&t.toLowerCase().endsWith(e)):n},Ft=([t,e=""])=>{const n=Ht([t]);return e?t=>n(t)&&t.endsWith(e):n},Gt=([t,e=""])=>{const n=Zt([t]);return e?t=>n(t)&&t.endsWith(e):n},Zt=([t])=>{const e=t.length;return t=>t.length===e&&!t.startsWith(".")},Ht=([t])=>{const e=t.length;return t=>t.length===e&&"."!==t&&".."!==t},qt="object"==typeof process&&process?"object"==typeof process.env&&process.env&&process.env.__MINIMATCH_TESTING_PLATFORM__||process.platform:"posix";xt.sep="win32"===qt?"\\":"/";var Jt=Symbol("globstar **");xt.GLOBSTAR=Jt,xt.filter=(t,e={})=>n=>xt(n,t,e);var Yt=(t,e={})=>Object.assign({},t,e);xt.defaults=t=>{if(!t||"object"!=typeof t||!Object.keys(t).length)return xt;const e=xt;return Object.assign(((n,s,i={})=>e(n,s,Yt(t,i))),{Minimatch:class extends e.Minimatch{constructor(e,n={}){super(e,Yt(t,n))}static defaults(n){return e.defaults(Yt(t,n)).Minimatch}},AST:class extends e.AST{constructor(e,n,s={}){super(e,n,Yt(t,s))}static fromGlob(n,s={}){return e.AST.fromGlob(n,Yt(t,s))}},unescape:(n,s={})=>e.unescape(n,Yt(t,s)),escape:(n,s={})=>e.escape(n,Yt(t,s)),filter:(n,s={})=>e.filter(n,Yt(t,s)),defaults:n=>e.defaults(Yt(t,n)),makeRe:(n,s={})=>e.makeRe(n,Yt(t,s)),braceExpand:(n,s={})=>e.braceExpand(n,Yt(t,s)),match:(n,s,i={})=>e.match(n,s,Yt(t,i)),sep:e.sep,GLOBSTAR:Jt})};var Kt=(t,e={})=>(ut(t),e.nobrace||!/\{(?:(?!\{).)*\}/.test(t)?[t]:(0,ft.default)(t));xt.braceExpand=Kt,xt.makeRe=(t,e={})=>new Xt(t,e).makeRe(),xt.match=(t,e,n={})=>{const s=new Xt(e,n);return t=t.filter((t=>s.match(t))),s.options.nonull&&!t.length&&t.push(e),t};var Qt=/[?*]|[+@!]\(.*?\)|\[|\]/,Xt=class{options;set;pattern;windowsPathsNoEscape;nonegate;negate;comment;empty;preserveMultipleSlashes;partial;globSet;globParts;nocase;isWindows;platform;windowsNoMagicRoot;regexp;constructor(t,e={}){ut(t),this.options=e=e||{},this.pattern=t,this.platform=e.platform||qt,this.isWindows="win32"===this.platform,this.windowsPathsNoEscape=!!e.windowsPathsNoEscape||!1===e.allowWindowsEscape,this.windowsPathsNoEscape&&(this.pattern=this.pattern.replace(/\\/g,"/")),this.preserveMultipleSlashes=!!e.preserveMultipleSlashes,this.regexp=null,this.negate=!1,this.nonegate=!!e.nonegate,this.comment=!1,this.empty=!1,this.partial=!!e.partial,this.nocase=!!this.options.nocase,this.windowsNoMagicRoot=void 0!==e.windowsNoMagicRoot?e.windowsNoMagicRoot:!(!this.isWindows||!this.nocase),this.globSet=[],this.globParts=[],this.set=[],this.make()}hasMagic(){if(this.options.magicalBraces&&this.set.length>1)return!0;for(const t of this.set)for(const e of t)if("string"!=typeof e)return!0;return!1}debug(...t){}make(){const t=this.pattern,e=this.options;if(!e.nocomment&&"#"===t.charAt(0))return void(this.comment=!0);if(!t)return void(this.empty=!0);this.parseNegate(),this.globSet=[...new Set(this.braceExpand())],e.debug&&(this.debug=(...t)=>console.error(...t)),this.debug(this.pattern,this.globSet);const n=this.globSet.map((t=>this.slashSplit(t)));this.globParts=this.preprocess(n),this.debug(this.pattern,this.globParts);let s=this.globParts.map((t=>{if(this.isWindows&&this.windowsNoMagicRoot){const e=!(""!==t[0]||""!==t[1]||"?"!==t[2]&&Qt.test(t[2])||Qt.test(t[3])),n=/^[a-z]:/i.test(t[0]);if(e)return[...t.slice(0,4),...t.slice(4).map((t=>this.parse(t)))];if(n)return[t[0],...t.slice(1).map((t=>this.parse(t)))]}return t.map((t=>this.parse(t)))}));if(this.debug(this.pattern,s),this.set=s.filter((t=>-1===t.indexOf(!1))),this.isWindows)for(let t=0;t<this.set.length;t++){const e=this.set[t];""===e[0]&&""===e[1]&&"?"===this.globParts[t][2]&&"string"==typeof e[3]&&/^[a-z]:$/i.test(e[3])&&(e[2]="?")}this.debug(this.pattern,this.set)}preprocess(t){if(this.options.noglobstar)for(let e=0;e<t.length;e++)for(let n=0;n<t[e].length;n++)"**"===t[e][n]&&(t[e][n]="*");const{optimizationLevel:e=1}=this.options;return e>=2?(t=this.firstPhasePreProcess(t),t=this.secondPhasePreProcess(t)):t=e>=1?this.levelOneOptimize(t):this.adjascentGlobstarOptimize(t),t}adjascentGlobstarOptimize(t){return t.map((t=>{let e=-1;for(;-1!==(e=t.indexOf("**",e+1));){let n=e;for(;"**"===t[n+1];)n++;n!==e&&t.splice(e,n-e)}return t}))}levelOneOptimize(t){return t.map((t=>0===(t=t.reduce(((t,e)=>{const n=t[t.length-1];return"**"===e&&"**"===n?t:".."===e&&n&&".."!==n&&"."!==n&&"**"!==n?(t.pop(),t):(t.push(e),t)}),[])).length?[""]:t))}levelTwoFileOptimize(t){Array.isArray(t)||(t=this.slashSplit(t));let e=!1;do{if(e=!1,!this.preserveMultipleSlashes){for(let n=1;n<t.length-1;n++){const s=t[n];1===n&&""===s&&""===t[0]||"."!==s&&""!==s||(e=!0,t.splice(n,1),n--)}"."!==t[0]||2!==t.length||"."!==t[1]&&""!==t[1]||(e=!0,t.pop())}let n=0;for(;-1!==(n=t.indexOf("..",n+1));){const s=t[n-1];s&&"."!==s&&".."!==s&&"**"!==s&&(e=!0,t.splice(n-1,2),n-=2)}}while(e);return 0===t.length?[""]:t}firstPhasePreProcess(t){let e=!1;do{e=!1;for(let n of t){let s=-1;for(;-1!==(s=n.indexOf("**",s+1));){let i=s;for(;"**"===n[i+1];)i++;i>s&&n.splice(s+1,i-s);const r=n[s+2],o=n[s+3];if(".."!==n[s+1])continue;if(!r||"."===r||".."===r||!o||"."===o||".."===o)continue;e=!0,n.splice(s,1);const l=n.slice(0);l[s]="**",t.push(l),s--}if(!this.preserveMultipleSlashes){for(let t=1;t<n.length-1;t++){const s=n[t];1===t&&""===s&&""===n[0]||"."!==s&&""!==s||(e=!0,n.splice(t,1),t--)}"."!==n[0]||2!==n.length||"."!==n[1]&&""!==n[1]||(e=!0,n.pop())}let i=0;for(;-1!==(i=n.indexOf("..",i+1));){const t=n[i-1];t&&"."!==t&&".."!==t&&"**"!==t&&(e=!0,n.splice(i-1,2,...1===i&&"**"===n[i+1]?["."]:[]),0===n.length&&n.push(""),i-=2)}}}while(e);return t}secondPhasePreProcess(t){for(let e=0;e<t.length-1;e++)for(let n=e+1;n<t.length;n++){const s=this.partsMatch(t[e],t[n],!this.preserveMultipleSlashes);s&&(t[e]=s,t[n]=[])}return t.filter((t=>t.length))}partsMatch(t,e,n=!1){let s=0,i=0,r=[],o="";for(;s<t.length&&i<e.length;)if(t[s]===e[i])r.push("b"===o?e[i]:t[s]),s++,i++;else if(n&&"**"===t[s]&&e[i]===t[s+1])r.push(t[s]),s++;else if(n&&"**"===e[i]&&t[s]===e[i+1])r.push(e[i]),i++;else if("*"!==t[s]||!e[i]||!this.options.dot&&e[i].startsWith(".")||"**"===e[i]){if("*"!==e[i]||!t[s]||!this.options.dot&&t[s].startsWith(".")||"**"===t[s])return!1;if("a"===o)return!1;o="b",r.push(e[i]),s++,i++}else{if("b"===o)return!1;o="a",r.push(t[s]),s++,i++}return t.length===e.length&&r}parseNegate(){if(this.nonegate)return;const t=this.pattern;let e=!1,n=0;for(let s=0;s<t.length&&"!"===t.charAt(s);s++)e=!e,n++;n&&(this.pattern=t.slice(n)),this.negate=e}matchOne(t,e,n=!1){const s=this.options;if(this.isWindows){const n="string"==typeof t[0]&&/^[a-z]:$/i.test(t[0]),s=!n&&""===t[0]&&""===t[1]&&"?"===t[2]&&/^[a-z]:$/i.test(t[3]),i="string"==typeof e[0]&&/^[a-z]:$/i.test(e[0]),r=s?3:n?0:void 0,o=!i&&""===e[0]&&""===e[1]&&"?"===e[2]&&"string"==typeof e[3]&&/^[a-z]:$/i.test(e[3])?3:i?0:void 0;if("number"==typeof r&&"number"==typeof o){const[n,s]=[t[r],e[o]];n.toLowerCase()===s.toLowerCase()&&(e[o]=n,o>r?e=e.slice(o):r>o&&(t=t.slice(r)))}}const{optimizationLevel:i=1}=this.options;i>=2&&(t=this.levelTwoFileOptimize(t)),this.debug("matchOne",this,{file:t,pattern:e}),this.debug("matchOne",t.length,e.length);for(var r=0,o=0,l=t.length,c=e.length;r<l&&o<c;r++,o++){this.debug("matchOne loop");var f=e[o],u=t[r];if(this.debug(e,f,u),!1===f)return!1;if(f===Jt){this.debug("GLOBSTAR",[e,f,u]);var h=r,a=o+1;if(a===c){for(this.debug("** at the end");r<l;r++)if("."===t[r]||".."===t[r]||!s.dot&&"."===t[r].charAt(0))return!1;return!0}for(;h<l;){var p=t[h];if(this.debug("\nglobstar while",t,h,e,a,p),this.matchOne(t.slice(h),e.slice(a),n))return this.debug("globstar found match!",h,l,p),!0;if("."===p||".."===p||!s.dot&&"."===p.charAt(0)){this.debug("dot detected!",t,h,e,a);break}this.debug("globstar swallow a segment, and continue"),h++}return!(!n||(this.debug("\n>>> no match, partial?",t,h,e,a),h!==l))}let i;if("string"==typeof f?(i=u===f,this.debug("string match",f,u,i)):(i=f.test(u),this.debug("pattern match",f,u,i)),!i)return!1}if(r===l&&o===c)return!0;if(r===l)return n;if(o===c)return r===l-1&&""===t[r];throw new Error("wtf?")}braceExpand(){return Kt(this.pattern,this.options)}parse(t){ut(t);const e=this.options;if("**"===t)return Jt;if(""===t)return"";let n,s=null;(n=t.match(_t))?s=e.dot?Dt:Tt:(n=t.match(kt))?s=(e.nocase?e.dot?Rt:Wt:e.dot?Pt:Nt)(n[1]):(n=t.match(Ut))?s=(e.nocase?e.dot?Bt:Vt:e.dot?Ft:Gt)(n):(n=t.match(At))?s=e.dot?Ct:Lt:(n=t.match(It))&&(s=zt);const i=Et.fromGlob(t,this.options).toMMPattern();return s&&"object"==typeof i&&Reflect.defineProperty(i,"test",{value:s}),i}makeRe(){if(this.regexp||!1===this.regexp)return this.regexp;const t=this.set;if(!t.length)return this.regexp=!1,this.regexp;const e=this.options,n=e.noglobstar?"[^/]*?":e.dot?"(?:(?!(?:\\/|^)(?:\\.{1,2})($|\\/)).)*?":"(?:(?!(?:\\/|^)\\.).)*?",s=new Set(e.nocase?["i"]:[]);let i=t.map((t=>{const e=t.map((t=>{if(t instanceof RegExp)for(const e of t.flags.split(""))s.add(e);return"string"==typeof t?t.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&"):t===Jt?Jt:t._src}));return e.forEach(((t,s)=>{const i=e[s+1],r=e[s-1];t===Jt&&r!==Jt&&(void 0===r?void 0!==i&&i!==Jt?e[s+1]="(?:\\/|"+n+"\\/)?"+i:e[s]=n:void 0===i?e[s-1]=r+"(?:\\/|"+n+")?":i!==Jt&&(e[s-1]=r+"(?:\\/|\\/"+n+"\\/)"+i,e[s+1]=Jt))})),e.filter((t=>t!==Jt)).join("/")})).join("|");const[r,o]=t.length>1?["(?:",")"]:["",""];i="^"+r+i+o+"$",this.negate&&(i="^(?!"+i+").+$");try{this.regexp=new RegExp(i,[...s].join(""))}catch(t){this.regexp=!1}return this.regexp}slashSplit(t){return this.preserveMultipleSlashes?t.split("/"):this.isWindows&&/^\/\/[^\/]+/.test(t)?["",...t.split(/\/+/)]:t.split(/\/+/)}match(t,e=this.partial){if(this.debug("match",t,this.pattern),this.comment)return!1;if(this.empty)return""===t;if("/"===t&&e)return!0;const n=this.options;this.isWindows&&(t=t.split("\\").join("/"));const s=this.slashSplit(t);this.debug(this.pattern,"split",s);const i=this.set;this.debug(this.pattern,"set",i);let r=s[s.length-1];if(!r)for(let t=s.length-2;!r&&t>=0;t--)r=s[t];for(let t=0;t<i.length;t++){const o=i[t];let l=s;if(n.matchBase&&1===o.length&&(l=[r]),this.matchOne(l,o,e))return!!n.flipNegate||!this.negate}return!n.flipNegate&&this.negate}static defaults(t){return xt.defaults(t).Minimatch}};xt.AST=Et,xt.Minimatch=Xt,xt.escape=(t,{windowsPathsNoEscape:e=!1}={})=>e?t.replace(/[?*()[\]]/g,"[$&]"):t.replace(/[?*()[\]\\]/g,"\\$&"),xt.unescape=vt;var te=class t{static fromLocalValue(e){const n=e[I],s=z in e?e[z]:void 0;switch(n){case"string":case"boolean":return s;case"bigint":return BigInt(s);case"undefined":return;case"null":return null;case"number":return"NaN"===s?NaN:"-0"===s?-0:"Infinity"===s?1/0:"-Infinity"===s?-1/0:s;case"array":return s.map((e=>t.fromLocalValue(e)));case"date":return new Date(s);case"map":const e=new Map;for(const[n,i]of s){const s="object"==typeof n&&null!==n?t.fromLocalValue(n):n,r=t.fromLocalValue(i);e.set(s,r)}return e;case"object":const i={};for(const[e,n]of s)i[e]=t.fromLocalValue(n);return i;case"regexp":const{pattern:r,flags:o}=s;return new RegExp(r,o);case"set":const l=new Set;for(const e of s)l.add(t.fromLocalValue(e));return l;case"symbol":return Symbol(s);default:throw new Error(`Unsupported type: ${n}`)}}static fromLocalValueArray(e){return e.map((e=>t.fromLocalValue(e)))}static isLocalValueObject(t){if("object"!=typeof t||null===t)return!1;if(!t.hasOwnProperty(I))return!1;const e=t[I];return!!Object.values({...L,...C}).includes(e)&&("null"===e||"undefined"===e||t.hasOwnProperty(z))}};((t,e)=>{for(var n in e)m(t,n,{get:e[n],enumerable:!0})})({},{err:()=>ne,map:()=>se,ok:()=>ee,unwrap:()=>re,unwrapErr:()=>oe});var ee=t=>({isOk:!0,isErr:!1,value:t}),ne=t=>({isOk:!1,isErr:!0,value:t});function se(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>ee(t))):ee(n)}if(t.isErr)return ne(t.value);throw"should never get here"}var ie,re=t=>{if(t.isOk)return t.value;throw t.value},oe=t=>{if(t.isErr)return t.value;throw t.value};function le(){const t=this.attachShadow({mode:"open"});void 0===ie&&(ie=null),ie&&(K?t.adoptedStyleSheets.push(ie):t.adoptedStyleSheets=[...t.adoptedStyleSheets,ie])}function ce(t,e,n){let s,i=0,r=[];for(;i<t.length;i++){if(s=t[i],s["s-sr"]&&(!e||s["s-hn"]===e)&&(void 0===n||ue(s)===n)&&(r.push(s),void 0!==n))return r;r=[...r,...ce(s.childNodes,e,n)]}return r}var fe=(t,e,n,s)=>{if(t["s-ol"]&&t["s-ol"].isConnected)return;const i=document.createTextNode("");if(i["s-nr"]=t,!e["s-cr"]||!e["s-cr"].parentNode)return;const r=e["s-cr"].parentNode,o=he(r,"appendChild");if(void 0!==s){i["s-oo"]=s;const t=he(r,"childNodes"),e=[i];t.forEach((t=>{t["s-nr"]&&e.push(t)})),e.sort(((t,e)=>!t["s-oo"]||t["s-oo"]<(e["s-oo"]||0)?-1:!e["s-oo"]||e["s-oo"]<t["s-oo"]?1:0)),e.forEach((t=>o.call(r,t)))}else o.call(r,i);t["s-ol"]=i,t["s-sh"]=e["s-hn"]},ue=t=>"string"==typeof t["s-sn"]?t["s-sn"]:1===t.nodeType&&t.getAttribute("slot")||void 0;function he(t,e){if("__"+e in t){const n=t["__"+e];return"function"!=typeof n?n:n.bind(t)}return"function"!=typeof t[e]?t[e]:t[e].bind(t)}var ae=new WeakMap,pe=(t,e,n)=>{let s=B.get(t);Y&&n?(s=s||new CSSStyleSheet,"string"==typeof s?s=e:s.replaceSync(e)):s=e,B.set(t,s)},de=(t,e)=>{var n,s,i;const r=ve(e),o=B.get(r);if(!H.document)return r;if(t=11===t.nodeType?t:H.document,o)if("string"==typeof o){let i,l=ae.get(t=t.head||t);l||ae.set(t,l=new Set);const c=t.querySelector(`[${G}="${r}"]`);if(c)c.innerHTML=o;else if(!l.has(r)){i=H.document.createElement("style"),i.innerHTML=o;const c=null!=(n=J.h)?n:function(){var t,e,n;return null!=(n=null==(e=null==(t=H.document.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:e.getAttribute("content"))?n:void 0}();if(null!=c&&i.setAttribute("nonce",c),!(1&e.l))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(i,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(Y){const e=new(null!=(s=t.defaultView)?s:t.ownerDocument.defaultView).CSSStyleSheet;e.replaceSync(o),K?t.adoptedStyleSheets.unshift(e):t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.innerHTML=o+e.innerHTML:t.prepend(i)}else t.append(i);1&e.l&&t.insertBefore(i,null),4&e.l&&(i.innerHTML+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),l&&l.add(r)}}else{let e=ae.get(t);if(e||ae.set(t,e=new Set),!e.has(r)){const n=null!=(i=t.defaultView)?i:t.ownerDocument.defaultView;let s;if(o.constructor===n.CSSStyleSheet)s=o;else{s=new n.CSSStyleSheet;for(let t=0;t<o.cssRules.length;t++)s.insertRule(o.cssRules[t].cssText,t)}K?t.adoptedStyleSheets.push(s):t.adoptedStyleSheets=[...t.adoptedStyleSheets,s],e.add(r)}}return r},ve=t=>"sc-"+t.p,$e=(t,e,...n)=>{let s=null,i=null,r=!1,o=!1;const l=[],c=e=>{for(let n=0;n<e.length;n++)s=e[n],Array.isArray(s)?c(s):null!=s&&"boolean"!=typeof s&&((r="function"!=typeof t&&!ct(s))&&(s=String(s)),r&&o?l[l.length-1].v+=s:l.push(r?we(null,s):s),o=r)};if(c(n),e){e.key&&(i=e.key);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}const f=we(t,null);return f.$=e,l.length>0&&(f.m=l),f.O=i,f},we=(t,e)=>({l:0,j:t,v:e,S:null,m:null,$:null,O:null}),ge={},be=(t,e,n,s,i,r,o,l=[])=>{let c,f,u,h;if(1===r.nodeType){if(c=r.getAttribute(Z),c&&(f=c.split("."),f[0]===o||"0"===f[0])){u=ye({l:0,M:f[0],k:f[1],N:f[2],P:f[3],j:r.tagName.toLowerCase(),S:r,$:{class:r.className||""}}),e.push(u),r.removeAttribute(Z),t.m||(t.m=[]);const i=u.S.getAttribute("s-sn");"string"==typeof i&&("slot-fb"===u.j&&Oe(i,f[2],u,r,t,e,n,s,l),u.S["s-sn"]=i,u.S.removeAttribute("s-sn")),void 0!==u.P&&(t.m[u.P]=u),t=u,s&&"0"===u.N&&(s[u.P]=u.S)}if(r.shadowRoot)for(h=r.shadowRoot.childNodes.length-1;h>=0;h--)be(t,e,n,s,i,r.shadowRoot.childNodes[h],o,l);const a=r.__childNodes||r.childNodes;for(h=a.length-1;h>=0;h--)be(t,e,n,s,i,a[h],o,l)}else if(8===r.nodeType)f=r.nodeValue.split("."),(f[1]===o||"0"===f[1])&&(c=f[0],u=ye({M:f[1],k:f[2],N:f[3],P:f[4]||"0",S:r,$:null,m:null,O:null,W:null,j:null,v:null}),"t"===c?(u.S=Se(r,3),u.S&&3===u.S.nodeType&&(u.v=u.S.textContent,e.push(u),r.remove(),o===u.M&&(t.m||(t.m=[]),t.m[u.P]=u),s&&"0"===u.N&&(s[u.P]=u.S))):"c"===c?(u.S=Se(r,8),u.S&&8===u.S.nodeType&&(e.push(u),r.remove())):u.M===o&&("s"===c?Oe(r["s-sn"]=f[5]||"",f[2],u,r,t,e,n,s,l):"r"===c&&s&&r.remove()));else if(t&&"style"===t.j){const e=we(null,r.textContent);e.S=r,e.P="0",t.m=[e]}return t},me=(t,e)=>{if(1===t.nodeType){const n=t[F]||t.getAttribute(F);n&&e.set(n,t);let s=0;if(t.shadowRoot)for(;s<t.shadowRoot.childNodes.length;s++)me(t.shadowRoot.childNodes[s],e);const i=t.__childNodes||t.childNodes;for(s=0;s<i.length;s++)me(i[s],e)}else if(8===t.nodeType){const n=t.nodeValue.split(".");"o"===n[0]&&(e.set(n[1]+"."+n[2],t),t.nodeValue="",t["s-en"]=n[3])}},ye=t=>({l:0,M:null,k:null,N:null,P:"0",S:null,$:null,m:null,O:null,W:null,j:null,v:null,...t});function Oe(t,e,n,s,i,r,o,l,c){s["s-sr"]=!0,n.W=t||null,n.j="slot";const f=(null==i?void 0:i.S)?i.S["s-id"]||i.S.getAttribute("s-id"):"";if(l&&H.document){const r=n.S=H.document.createElement(n.j);n.W&&n.S.setAttribute("name",t),i.S.shadowRoot&&f&&f!==n.M?he(i.S,"insertBefore")(r,he(i.S,"children")[0]):he(he(s,"parentNode"),"insertBefore")(r,s),je(c,e,t,s,n.M),s.remove(),"0"===n.N&&(l[n.P]=n.S)}else{const r=n.S,o=f&&f!==n.M&&i.S.shadowRoot;je(c,e,t,s,o?f:n.M),function(t){if(t.assignedElements||t.assignedNodes||!t["s-sr"])return;const e=e=>function(t){const n=[],s=this["s-sn"];(null==t?void 0:t.flatten)&&console.error("\n Flattening is not supported for Stencil non-shadow slots.\n You can use `.childNodes` to nested slot fallback content.\n If you have a particular use case, please open an issue on the Stencil repo.\n ");const i=this["s-cr"].parentElement;return(i.__childNodes?i.childNodes:(t=>{const e=[];for(let n=0;n<t.length;n++){const s=t[n]["s-nr"]||void 0;s&&s.isConnected&&e.push(s)}return e})(i.childNodes)).forEach((t=>{s===ue(t)&&n.push(t)})),e?n.filter((t=>1===t.nodeType)):n}.bind(t);t.assignedElements=e(!0),t.assignedNodes=e(!1)}(s),o&&i.S.insertBefore(r,i.S.children[0])}r.push(n),o.push(n),i.m||(i.m=[]),i.m[n.P]=n}var je=(t,e,n,s,i)=>{var r,o;let l=s.nextSibling;if(t[e]=t[e]||[],l&&!(null==(r=l.nodeValue)?void 0:r.startsWith("s.")))do{!l||(l.getAttribute&&l.getAttribute("slot")||l["s-sn"])!==n&&(""!==n||l["s-sn"]||l.getAttribute&&l.getAttribute("slot")||8!==l.nodeType&&3!==l.nodeType)||(l["s-sn"]=n,t[e].push({slot:s,node:l,hostId:i})),l=null==l?void 0:l.nextSibling}while(l&&!(null==(o=l.nodeValue)?void 0:o.startsWith("s.")))},Se=(t,e)=>{let n=t;do{n=n.nextSibling}while(n&&(n.nodeType!==e||!n.nodeValue));return n},Me=t=>{const e=t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");return new RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${e}))(${e}\\b)`,"g")};Me("::slotted"),Me(":host"),Me(":host-context");var Ee,xe=(t,e)=>{return"string"==typeof t&&t.startsWith(_)?t="string"==typeof(n=t)&&n.startsWith(_)?te.fromLocalValue(JSON.parse(atob(n.slice(11)))):n:null==t||ct(t)?t:4&e?"false"!==t&&(""===t||!!t):1&e?String(t):t;var n},ke=(t,e)=>{const n=t;return{emit:t=>Ne(n,e,{bubbles:!0,composed:!0,cancelable:!0,detail:t})}},Ne=(t,e,n)=>{const s=J.ce(e,n);return t.dispatchEvent(s),s},Pe=(t,e,n,s,i,r,o)=>{if(n===s)return;let l=U(t,e),c=e.toLowerCase();if("class"===e){const e=t.classList,i=Re(n);let r=Re(s);if((t["s-si"]||t["s-sc"])&&o){const n=t["s-sc"]||t["s-si"];r.push(n),i.forEach((t=>{t.startsWith(n)&&r.push(t)})),r=[...new Set(r)].filter((t=>t)),e.add(...r)}else e.remove(...i.filter((t=>t&&!r.includes(t)))),e.add(...r.filter((t=>t&&!i.includes(t))))}else if("key"===e);else if(t.__lookupSetter__(e)||"o"!==e[0]||"n"!==e[1]){const o=ct(s);if((l||o&&null!==s)&&!i)try{if(t.tagName.includes("-"))t[e]!==s&&(t[e]=s);else{const i=null==s?"":s;"list"===e?l=!1:null!=n&&t[e]==i||("function"==typeof t.__lookupSetter__(e)?t[e]=i:t.setAttribute(e,i))}}catch(t){}null==s||!1===s?!1===s&&""!==t.getAttribute(e)||t.removeAttribute(e):(!l||4&r||i)&&!o&&1===t.nodeType&&t.setAttribute(e,s=!0===s?"":s)}else if(e="-"===e[2]?e.slice(3):U(H,c)?c.slice(2):c[2]+e.slice(3),n||s){const i=e.endsWith(Ae);e=e.replace(Le,""),n&&J.rel(t,e,n,i),s&&J.ael(t,e,s,i)}},We=/\s/,Re=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(We):[]),Ae="Capture",Le=new RegExp(Ae+"$"),Ce=(t,e,n,s)=>{const i=11===e.S.nodeType&&e.S.host?e.S.host:e.S,r=t&&t.$||{},o=e.$||{};for(const t of Ie(Object.keys(r)))t in o||Pe(i,t,r[t],void 0,n,e.l,s);for(const t of Ie(Object.keys(o)))Pe(i,t,r[t],o[t],n,e.l,s)};function Ie(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var ze=!1,_e=(t,e,n)=>{const s=e.m[n];let i,r,o=0;if(null!==s.v)i=s.S=H.document.createTextNode(s.v);else{if(ze||(ze="svg"===s.j),!H.document)throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(i=s.S=H.document.createElementNS(ze?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",s.j),ze&&"foreignObject"===s.j&&(ze=!1),Ce(null,s,ze),s.m){const e="template"===s.j?i.content:i;for(o=0;o<s.m.length;++o)r=_e(t,s,o),r&&e.appendChild(r)}"svg"===s.j?ze=!1:"foreignObject"===i.tagName&&(ze=!0)}return i["s-hn"]=Ee,i},Te=(t,e,n,s,i,r)=>{let o,l=t;for(l.shadowRoot&&l.tagName===Ee&&(l=l.shadowRoot),"template"===n.j&&(l=l.content);i<=r;++i)s[i]&&(o=_e(null,n,i),o&&(s[i].S=o,Be(l,o,e)))},De=(t,e,n)=>{for(let s=e;s<=n;++s){const e=t[s];if(e){const t=e.S;t&&t.remove()}}},Ue=(t,e,n=!1)=>t.j===e.j&&(n?(n&&!t.O&&e.O&&(t.O=e.O),!0):t.O===e.O),Ve=(t,e,n=!1)=>{const s=e.S=t.S,i=t.m,r=e.m,o=e.j,l=e.v;null===l?(Ce(t,e,ze="svg"===o||"foreignObject"!==o&&ze,n),null!==i&&null!==r?((t,e,n,s,i=!1)=>{let r,o,l=0,c=0,f=0,u=0,h=e.length-1,a=e[0],p=e[h],d=s.length-1,v=s[0],$=s[d];const w="template"===n.j?t.content:t;for(;l<=h&&c<=d;)if(null==a)a=e[++l];else if(null==p)p=e[--h];else if(null==v)v=s[++c];else if(null==$)$=s[--d];else if(Ue(a,v,i))Ve(a,v,i),a=e[++l],v=s[++c];else if(Ue(p,$,i))Ve(p,$,i),p=e[--h],$=s[--d];else if(Ue(a,$,i))Ve(a,$,i),Be(w,a.S,p.S.nextSibling),a=e[++l],$=s[--d];else if(Ue(p,v,i))Ve(p,v,i),Be(w,p.S,a.S),p=e[--h],v=s[++c];else{for(f=-1,u=l;u<=h;++u)if(e[u]&&null!==e[u].O&&e[u].O===v.O){f=u;break}f>=0?(o=e[f],o.j!==v.j?r=_e(e&&e[c],n,f):(Ve(o,v,i),e[f]=void 0,r=o.S),v=s[++c]):(r=_e(e&&e[c],n,c),v=s[++c]),r&&Be(a.S.parentNode,r,a.S)}l>h?Te(t,null==s[d+1]?null:s[d+1].S,n,s,c,d):c>d&&De(e,l,h)})(s,i,e,r,n):null!==r?(null!==t.v&&(s.textContent=""),Te(s,null,e,r,0,r.length-1)):n||null===i?n&&null!==i&&null===r&&(e.m=i):De(i,0,i.length-1),ze&&"svg"===o&&(ze=!1)):t.v!==l&&(s.data=l)},Be=(t,e,n)=>{if("string"==typeof e["s-sn"]){t.insertBefore(e,n);const{slotNode:s}=function(t,e){var n;if(!(e=e||(null==(n=t["s-ol"])?void 0:n.parentElement)))return{slotNode:null,slotName:""};const s=t["s-sn"]=ue(t)||"";return{slotNode:ce(he(e,"childNodes"),e.tagName,s)[0],slotName:s}}(e);return s&&s.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1})),e}return t.__insertBefore?t.__insertBefore(e,n):null==t?void 0:t.insertBefore(e,n)},Fe=(t,e,n=!1)=>{const s=t.$hostElement$,i=t.R||we(null,null);var r;const o=(r=e)&&r.j===ge?e:$e(null,null,e);if(Ee=s.tagName,n&&o.$)for(const t of Object.keys(o.$))s.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(o.$[t]=s[t]);o.j=null,o.l|=4,t.R=o,o.S=i.S=s.shadowRoot||s,Ve(i,o,n)},Ge=(t,e)=>{if(e&&!t.A&&e["s-p"]){const n=e["s-p"].push(new Promise((s=>t.A=()=>{e["s-p"].splice(n-1,1),s()})))}},Ze=(t,e)=>{if(t.l|=16,4&t.l)return void(t.l|=512);Ge(t,t.L);const n=()=>He(t,e);if(!e)return rt(n);queueMicrotask((()=>{n()}))},He=(t,e)=>{const n=t.$hostElement$,s=n;if(!s)throw new Error(`Can't render component <${n.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 i;return i=tn(s,e?"componentWillLoad":"componentWillUpdate",void 0,n),i=qe(i,(()=>tn(s,"componentWillRender",void 0,n))),qe(i,(()=>Ye(t,s,e)))},qe=(t,e)=>Je(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),Je=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,Ye=async(t,e,n)=>{var s;const i=t.$hostElement$,r=i["s-rc"];n&&(t=>{const e=t.i,n=t.$hostElement$,s=e.l,i=de(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&s&&(n["s-sc"]=i,n.classList.add(i+"-h"))})(t);Ke(t,e,i,n),r&&(r.map((t=>t())),i["s-rc"]=void 0);{const e=null!=(s=i["s-p"])?s:[],n=()=>Qe(t);0===e.length?n():(Promise.all(e).then(n),t.l|=4,e.length=0)}},Ke=(t,e,n,s)=>{try{e=e.render(),t.l&=-17,t.l|=2,Fe(t,e,s)}catch(e){V(e,t.$hostElement$)}return null},Qe=t=>{const e=t.$hostElement$,n=e,s=t.L;tn(n,"componentDidRender",void 0,e),64&t.l?tn(n,"componentDidUpdate",void 0,e):(t.l|=64,en(e),tn(n,"componentDidLoad",void 0,e),t.C(e),s||Xe()),t.A&&(t.A(),t.A=void 0),512&t.l&&it((()=>Ze(t,!1))),t.l&=-517},Xe=()=>{var t;it((()=>Ne(H,"appload",{detail:{namespace:"authhero-widget"}}))),(null==(t=J.I)?void 0:t.size)&&J.I.clear()},tn=(t,e,n,s)=>{if(t&&t[e])try{return t[e](n)}catch(t){V(t,s)}},en=t=>t.classList.add("hydrated"),nn=(t,e,n,s)=>{const i=D(t);if(!i)return;const r=t,o=i.o.get(e),l=i.l,c=r;n=xe(n,s.t[e][0]);const f=Number.isNaN(o)&&Number.isNaN(n);if(n!==o&&!f){if(i.o.set(e,n),s._){const t=s._[e];t&&t.map((t=>{try{const[[s,r]]=Object.entries(t);(128&l||1&r)&&(c?c[s](n,o,e):i.T.push((()=>{i.D[s](n,o,e)})))}catch(t){V(t,r)}}))}if(2==(18&l)){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(n,o,e))return;Ze(i,!1)}}},sn=(t,e)=>{var n,s;const i=t.prototype;{t.watchers&&!e._&&(e._=t.watchers),t.deserializers&&!e.U&&(e.U=t.deserializers),t.serializers&&!e.V&&(e.V=t.serializers);const r=Object.entries(null!=(n=e.t)?n:{});r.map((([t,[n]])=>{if(31&n||32&n){const{get:s,set:r}=Object.getOwnPropertyDescriptor(i,t)||{};s&&(e.t[t][0]|=2048),r&&(e.t[t][0]|=4096),Object.defineProperty(i,t,{get(){return s?s.apply(this):(e=t,D(this).o.get(e));var e},configurable:!0,enumerable:!0}),Object.defineProperty(i,t,{set(s){const i=D(this);if(i){if(r)return void 0===(32&n?this[t]:i.$hostElement$[t])&&i.o.get(t)&&(s=i.o.get(t)),r.apply(this,[xe(s,n)]),void nn(this,t,s=32&n?this[t]:i.$hostElement$[t],e);nn(this,t,s,e)}}})}}));{const n=new Map;i.attributeChangedCallback=function(t,s,o){J.jmp((()=>{var l;const c=n.get(t),f=D(this);if(this.hasOwnProperty(c),i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==o)return;if(null==c){const n=null==f?void 0:f.l;if(f&&n&&!(8&n)&&o!==s){const i=this,r=null==(l=e._)?void 0:l[t];null==r||r.forEach((e=>{const[[r,l]]=Object.entries(e);null!=i[r]&&(128&n||1&l)&&i[r].call(i,o,s,t)}))}return}const u=r.find((([t])=>t===c));u&&4&u[1][0]&&(o=null!==o&&"false"!==o);const h=Object.getOwnPropertyDescriptor(i,c);o==this[c]||h.get&&!h.set||(this[c]=o)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=e._)?s:{}),...r.filter((([t,e])=>31&e[0])).map((([t,e])=>{const s=e[1]||t;return n.set(s,t),s}))]))}}return t},rn=(t,e)=>{const n={l:e[0],p:e[1]};n.t=e[2],n._=t._,n.U=t.U,n.V=t.V,(()=>{if(!H.document)return;const t=H.document.querySelectorAll(`[${G}]`);let e=0;for(;e<t.length;e++)pe(t[e].getAttribute(G),t[e].innerHTML.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),!0)})();const s=t.prototype.connectedCallback,i=t.prototype.disconnectedCallback;return Object.assign(t.prototype,{__hasHostListenerAttached:!1,__registerHost(){((t,e)=>{const n={l:0,$hostElement$:t,i:e,o:new Map,B:new Map};n.F=new Promise((t=>n.C=t)),t["s-p"]=[],t["s-rc"]=[];const s=n;t.__stencil__getHostRef=()=>s,512&e.l&&T(t,n)})(this,n)},connectedCallback(){if(!this.__hasHostListenerAttached){if(!D(this))return;this.__hasHostListenerAttached=!0}(t=>{if(!(1&J.l)){const e=D(t);if(!e)return;const n=e.i,s=()=>{};if(1&e.l)(null==e?void 0:e.D)||(null==e?void 0:e.F)&&e.F.then((()=>{}));else{let s;if(e.l|=1,s=t.getAttribute(F),s){if(1&n.l){const e=de(t.shadowRoot,n);t.classList.remove(e+"-h",e+"-s")}((t,e,n,s)=>{var i,r,o,l;const c=t.shadowRoot,f=[],u=[],h=c?[]:null,a=we(e,null);a.S=t,!H.document||J.I&&J.I.size||me(H.document.body,J.I=new Map),t[F]=n,t.removeAttribute(F),s.R=be(a,f,[],h,t,t,n,u);let p=0;const d=f.length;let v;for(;p<d;p++){v=f[p];const n=v.M+"."+v.k,s=J.I.get(n),r=v.S;if(c){if((null==(i=v.j)?void 0:i.toString().includes("-"))&&"slot-fb"!==v.j&&!v.S.shadowRoot){const e=D(v.S);if(e){const n=ve(e.i),s=H.document.querySelector(`style[sty-id="${n}"]`);s&&t.shadowRoot.append(s.cloneNode(!0))}}}else r["s-hn"]=e.toUpperCase(),"slot"===v.j&&(r["s-cr"]=t["s-cr"]);"slot"===v.j&&(v.W=v.S["s-sn"]||v.S.name||null,v.m?(v.l|=2,v.S.childNodes.length||v.m.forEach((t=>{v.S.appendChild(t.S)}))):v.l|=1),s&&s.isConnected&&(s.parentElement.shadowRoot&&""===s["s-en"]&&s.parentNode.insertBefore(r,s.nextSibling),s.parentNode.removeChild(s),c||(r["s-oo"]=parseInt(v.k))),s&&!s["s-id"]&&J.I.delete(n)}const $=[],w=u.length;let g,b,m,y,O=0,j=0;for(;O<w;O++)if(g=u[O],g&&g.length)for(m=g.length,b=0;b<m;b++){if(y=g[b],$[y.hostId]||($[y.hostId]=J.I.get(y.hostId)),!$[y.hostId])continue;const t=$[y.hostId];t.shadowRoot&&y.node.parentElement!==t&&t.insertBefore(y.node,null==(o=null==(r=g[b-1])?void 0:r.node)?void 0:o.nextSibling),t.shadowRoot&&c||(y.slot["s-cr"]||(y.slot["s-cr"]=t["s-cr"],y.slot["s-cr"]=!y.slot["s-cr"]&&t.shadowRoot?t:(t.__childNodes||t.childNodes)[0]),fe(y.node,y.slot,0,y.node["s-oo"]||j),(null==(l=y.node.parentElement)?void 0:l.shadowRoot)&&y.node.getAttribute&&y.node.getAttribute("slot")&&y.node.removeAttribute("slot")),j=(y.node["s-oo"]||j)+1}if(c){let e=0;const n=h.length;if(n){for(;e<n;e++){const t=h[e];t&&c.appendChild(t)}Array.from(t.childNodes).forEach((t=>{"string"!=typeof t["s-en"]&&"string"!=typeof t["s-sn"]&&(1===t.nodeType&&t.slot&&t.hidden?t.removeAttribute("hidden"):8!==t.nodeType||t.nodeValue||t.parentNode.removeChild(t))}))}}s.$hostElement$=t})(t,n.p,s,e)}{let n=t;for(;n=n.parentNode||n.host;)if(1===n.nodeType&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){Ge(e,e.L=n);break}}n.t&&Object.entries(n.t).map((([e,[n]])=>{if(31&n&&e in t&&t[e]!==Object.prototype[e]){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let s;if(!(32&e.l)&&(e.l|=32,s=t.constructor,customElements.whenDefined(t.localName).then((()=>e.l|=128)),s&&s.style)){let t;"string"==typeof s.style&&(t=s.style);const e=ve(n);if(!B.has(e)){const s=()=>{};pe(e,t,!!(1&n.l)),s()}}const i=e.L,r=()=>Ze(e,!0);i&&i["s-rc"]?i["s-rc"].push(r):r()})(t,e,n)}s()}})(this),s&&s.call(this)},disconnectedCallback(){(async t=>{1&J.l||D(t),ae.has(t)&&ae.delete(t),t.shadowRoot&&ae.has(t.shadowRoot)&&ae.delete(t.shadowRoot)})(this),i&&i.call(this)},__attachShadow(){if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw new Error(`Unable to re-use existing shadow root for ${n.p}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else le.call(this,n)}}),t.is=n.p,sn(t,n)},on=t=>J.h=t,ln=t=>Object.assign(J,t);function cn(t,e){Fe({$hostElement$:e},t)}function fn(t){return t}export{q as H,on as a,ln as b,ke as c,ot as g,$e as h,rn as p,cn as r,lt as s,fn as t}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t,p as e,H as r,c as i,h as o}from"./p-pupmqprs.js";const a=e(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.fieldChange=i(this,"fieldChange"),this.buttonClick=i(this,"buttonClick")}component;value;disabled=!1;passwordVisible=!1;fieldChange;buttonClick;handleInput=t=>{this.fieldChange.emit({id:this.component.id,value:t.target.value})};handleCheckbox=t=>{this.fieldChange.emit({id:this.component.id,value:t.target.checked?"true":"false"})};handleButtonClick=(t,e,r)=>{"submit"!==e&&t.preventDefault(),this.buttonClick.emit({id:this.component.id,type:e,value:r})};togglePasswordVisibility=()=>{this.passwordVisible=!this.passwordVisible};getErrors(){const t=this.component;return t.messages?.filter((t=>"error"===t.type))||[]}renderFloatingLabel(t,e,r,i){return t?o("label",{class:{"input-label":!0,floating:!!i},part:"label",htmlFor:e},t,r&&o("span",{class:"required"},"*")):null}renderLabel(t,e,r){return t?o("label",{class:"input-label",part:"label",htmlFor:e},t,r&&o("span",{class:"required"},"*")):null}renderPasswordToggle(){return this.passwordVisible?o("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},o("path",{d:"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"}),o("line",{x1:"1",y1:"1",x2:"23",y2:"23"})):o("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},o("path",{d:"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"}),o("circle",{cx:"12",cy:"12",r:"3"}))}renderErrors(){return this.getErrors().map((t=>o("span",{class:"error-text",part:"error-text",key:t.id??t.text},t.text)))}renderHint(t){return t?o("span",{class:"helper-text",part:"helper-text"},t):null}renderDivider(){return o("hr",{class:"divider",part:"divider"})}renderHtml(t){return o("div",{class:"html-content",part:"html-content",innerHTML:t.config?.content??""})}renderImage(t){const{src:e,alt:r,width:i,height:a}=t.config??{};return e?o("img",{class:"image",part:"image",src:e,alt:r??"",width:i,height:a,loading:"lazy"}):null}renderRichText(t){return o("div",{class:"rich-text",part:"rich-text",innerHTML:t.config?.content??""})}renderNextButton(t){return o("button",{type:"submit",class:"btn btn-primary",part:"button button-primary",disabled:this.disabled,onClick:t=>this.handleButtonClick(t,"submit","next")},t.config.text??"Continue")}renderPreviousButton(t){return o("button",{type:"button",class:"btn btn-secondary",part:"button button-secondary",disabled:this.disabled,onClick:t=>this.handleButtonClick(t,"previous","back")},t.config.text??"Back")}renderJumpButton(t){return o("button",{type:"button",class:"btn btn-link",part:"button button-link",disabled:this.disabled,onClick:e=>this.handleButtonClick(e,"jump",t.config.target_step)},t.config.text??"Go")}renderResendButton(t){return o("button",{type:"button",class:"btn btn-link",part:"button button-link",disabled:this.disabled,onClick:e=>this.handleButtonClick(e,"resend",t.config.resend_action)},t.config.text??"Resend")}renderTextField(t){const e=`input-${t.id}`,r=this.getErrors(),{multiline:i,max_length:a}=t.config??{},n=!!(this.value&&this.value.length>0);return i?o("div",{class:"input-wrapper",part:"input-wrapper"},this.renderLabel(t.label,e,t.required),o("textarea",{id:e,class:{"input-field":!0,"has-error":r.length>0},part:"input textarea",name:t.id,placeholder:" ",required:t.required,disabled:this.disabled,maxLength:a,onInput:this.handleInput},this.value??""),this.renderErrors(),0===r.length&&this.renderHint(t.hint)):o("div",{class:"input-wrapper",part:"input-wrapper"},o("div",{class:"input-container"},o("input",{id:e,class:{"input-field":!0,"has-error":r.length>0},part:"input",type:t.sensitive?"password":"text",name:t.id,value:this.value??"",placeholder:" ",required:t.required,disabled:this.disabled,maxLength:a,onInput:this.handleInput}),this.renderFloatingLabel(t.label,e,t.required,n)),this.renderErrors(),0===r.length&&this.renderHint(t.hint))}renderEmailField(t){const e=`input-${t.id}`,r=this.getErrors(),i=!!(this.value&&this.value.length>0);return o("div",{class:"input-wrapper",part:"input-wrapper"},o("div",{class:"input-container"},o("input",{id:e,class:{"input-field":!0,"has-error":r.length>0},part:"input",type:"email",name:t.id,value:this.value??"",placeholder:" ",required:t.required,disabled:this.disabled,autocomplete:"email",onInput:this.handleInput}),this.renderFloatingLabel(t.label,e,t.required,i)),this.renderErrors(),0===r.length&&this.renderHint(t.hint))}renderPasswordField(t){const e=`input-${t.id}`,r=this.getErrors(),i=!!(this.value&&this.value.length>0),a=t.config?.forgot_password_link;return o("div",{class:"input-wrapper",part:"input-wrapper"},o("div",{class:"input-container password-container"},o("input",{id:e,class:{"input-field":!0,"has-error":r.length>0},part:"input",type:this.passwordVisible?"text":"password",name:t.id,value:this.value??"",placeholder:" ",required:t.required,disabled:this.disabled,minLength:t.config?.min_length,autocomplete:"current-password",onInput:this.handleInput}),this.renderFloatingLabel(t.label,e,t.required,i),o("button",{type:"button",class:"password-toggle",part:"password-toggle",onClick:this.togglePasswordVisibility,"aria-label":"Toggle password visibility","aria-pressed":this.passwordVisible?"true":"false"},this.renderPasswordToggle())),this.renderErrors(),0===r.length&&this.renderHint(t.hint),a&&o("div",{class:"field-link",part:"field-link"},o("a",{href:a,class:"link",part:"link"},"Forgot password?")))}renderNumberField(t){const e=`input-${t.id}`,r=this.getErrors(),{placeholder:i,min:a,max:n,step:s}=t.config??{};return o("div",{class:"input-wrapper",part:"input-wrapper"},this.renderLabel(t.label,e,t.required),o("input",{id:e,class:{"input-field":!0,"has-error":r.length>0},part:"input",type:"number",name:t.id,value:this.value??"",placeholder:i,required:t.required,disabled:this.disabled,min:a,max:n,step:s,onInput:this.handleInput}),this.renderErrors(),0===r.length&&this.renderHint(t.hint))}renderTelField(t){const e=`input-${t.id}`,r=this.getErrors();return o("div",{class:"input-wrapper",part:"input-wrapper"},this.renderLabel(t.label,e,t.required),o("input",{id:e,class:{"input-field":!0,"has-error":r.length>0},part:"input",type:"tel",name:t.id,value:this.value??"",placeholder:t.config?.placeholder,required:t.required,disabled:this.disabled,autocomplete:"tel",onInput:this.handleInput}),this.renderErrors(),0===r.length&&this.renderHint(t.hint))}renderUrlField(t){const e=`input-${t.id}`,r=this.getErrors();return o("div",{class:"input-wrapper",part:"input-wrapper"},this.renderLabel(t.label,e,t.required),o("input",{id:e,class:{"input-field":!0,"has-error":r.length>0},part:"input",type:"url",name:t.id,value:this.value??"",placeholder:t.config?.placeholder,required:t.required,disabled:this.disabled,onInput:this.handleInput}),this.renderErrors(),0===r.length&&this.renderHint(t.hint))}renderDateField(t){const e=`input-${t.id}`,r=this.getErrors(),{min:i,max:a}=t.config??{};return o("div",{class:"input-wrapper",part:"input-wrapper"},this.renderLabel(t.label,e,t.required),o("input",{id:e,class:{"input-field":!0,"has-error":r.length>0},part:"input",type:"date",name:t.id,value:this.value??"",required:t.required,disabled:this.disabled,min:i,max:a,onInput:this.handleInput}),this.renderErrors(),0===r.length&&this.renderHint(t.hint))}renderBooleanField(t){return o("label",{class:"checkbox-wrapper",part:"checkbox-wrapper"},o("input",{type:"checkbox",part:"checkbox",name:t.id,checked:"true"===this.value||!0===t.config?.default_value,required:t.required,disabled:this.disabled,onChange:this.handleCheckbox}),o("span",{class:"checkbox-label",part:"checkbox-label"},t.label))}renderLegalField(t){const e=t.config?.text??t.label??"",r=!0===t.config?.html;return o("label",{class:"checkbox-wrapper",part:"checkbox-wrapper"},o("input",{type:"checkbox",part:"checkbox",name:t.id,checked:"true"===this.value,required:t.required,disabled:this.disabled,onChange:this.handleCheckbox}),r?o("span",{class:"checkbox-label",part:"checkbox-label",innerHTML:e}):o("span",{class:"checkbox-label",part:"checkbox-label"},e))}renderDropdownField(t){const e=`input-${t.id}`,r=this.getErrors(),{options:i,placeholder:a}=t.config??{};return o("div",{class:"input-wrapper",part:"input-wrapper"},this.renderLabel(t.label,e,t.required),o("select",{id:e,class:{"input-field":!0,"has-error":r.length>0},part:"input select",name:t.id,required:t.required,disabled:this.disabled,onChange:this.handleInput},a&&o("option",{value:"",disabled:!0,selected:!this.value},a),i?.map((t=>o("option",{value:t.value,selected:this.value===t.value,key:t.value},t.label)))),this.renderErrors(),0===r.length&&this.renderHint(t.hint))}renderChoiceField(t){const e=this.getErrors(),{options:r,display:i}=t.config??{},a="checkbox"===i,n=a?"checkbox":"radio";return o("div",{class:"choice-wrapper",part:"choice-wrapper"},t.label&&o("span",{class:"choice-label",part:"choice-label"},t.label,t.required&&o("span",{class:"required"},"*")),o("div",{class:"choice-options",part:"choice-options"},r?.map((e=>o("label",{class:"choice-option",part:"choice-option",key:e.value},o("input",{type:n,part:n,name:t.id,value:e.value,checked:this.value===e.value,required:t.required&&!a,disabled:this.disabled,onChange:this.handleInput}),o("span",null,e.label))))),this.renderErrors(),0===e.length&&this.renderHint(t.hint))}renderSocialField(t){return o("div",{class:"social-buttons",part:"social-buttons"},(t.config?.providers??[]).map((t=>o("button",{type:"button",class:"btn btn-secondary btn-social",part:"button button-secondary button-social","data-provider":t,disabled:this.disabled,onClick:e=>this.handleButtonClick(e,"social",t),key:t},(t=>{const e=t.toLowerCase();return"google-oauth2"===e||"google"===e?o("svg",{class:"social-icon",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o("path",{d:"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z",fill:"#4285F4"}),o("path",{d:"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z",fill:"#34A853"}),o("path",{d:"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z",fill:"#FBBC05"}),o("path",{d:"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z",fill:"#EA4335"})):"facebook"===e?o("svg",{class:"social-icon",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o("path",{d:"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z",fill:"#1877F2"})):"apple"===e?o("svg",{class:"social-icon",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o("path",{d:"M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z",fill:"#000000"})):"github"===e?o("svg",{class:"social-icon",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o("path",{d:"M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z",fill:"#181717"})):"microsoft"===e||"windowslive"===e?o("svg",{class:"social-icon",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o("path",{d:"M0 0h11.377v11.372H0V0z",fill:"#f25022"}),o("path",{d:"M12.623 0H24v11.372H12.623V0z",fill:"#7fba00"}),o("path",{d:"M0 12.623h11.377V24H0v-11.377z",fill:"#00a4ef"}),o("path",{d:"M12.623 12.623H24V24H12.623v-11.377z",fill:"#ffb900"})):"linkedin"===e?o("svg",{class:"social-icon",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o("path",{d:"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z",fill:"#0A66C2"})):null})(t),o("span",null,"Continue with ",(t=>({"google-oauth2":"Google",facebook:"Facebook",twitter:"Twitter",github:"GitHub",linkedin:"LinkedIn",apple:"Apple",microsoft:"Microsoft",windowslive:"Microsoft",amazon:"Amazon",dropbox:"Dropbox",bitbucket:"Bitbucket",spotify:"Spotify",slack:"Slack",discord:"Discord",twitch:"Twitch",line:"LINE",shopify:"Shopify",paypal:"PayPal","paypal-sandbox":"PayPal",box:"Box",salesforce:"Salesforce","salesforce-sandbox":"Salesforce",yahoo:"Yahoo",auth0:"Auth0"}[t.toLowerCase()]||t.split("-").map((t=>t.charAt(0).toUpperCase()+t.slice(1))).join(" ")))(t))))))}render(){if(!this.component)return null;if(!1===this.component.visible)return null;switch(this.component.type){case"DIVIDER":return this.renderDivider();case"HTML":return this.renderHtml(this.component);case"IMAGE":return this.renderImage(this.component);case"RICH_TEXT":return this.renderRichText(this.component);case"NEXT_BUTTON":return this.renderNextButton(this.component);case"PREVIOUS_BUTTON":return this.renderPreviousButton(this.component);case"JUMP_BUTTON":return this.renderJumpButton(this.component);case"RESEND_BUTTON":return this.renderResendButton(this.component);case"TEXT":return this.renderTextField(this.component);case"EMAIL":return this.renderEmailField(this.component);case"PASSWORD":return this.renderPasswordField(this.component);case"NUMBER":return this.renderNumberField(this.component);case"TEL":return this.renderTelField(this.component);case"URL":return this.renderUrlField(this.component);case"DATE":return this.renderDateField(this.component);case"BOOLEAN":return this.renderBooleanField(this.component);case"LEGAL":return this.renderLegalField(this.component);case"DROPDOWN":return this.renderDropdownField(this.component);case"CHOICE":return this.renderChoiceField(this.component);case"SOCIAL":return this.renderSocialField(this.component);case"AUTH0_VERIFIABLE_CREDENTIALS":case"GMAPS_ADDRESS":case"RECAPTCHA":return console.warn(`Widget component "${this.component.type}" not yet implemented`),null;case"CARDS":case"CUSTOM":case"FILE":case"PAYMENT":return console.warn(`Component "${this.component.type}" not yet implemented`),null;default:return console.warn(`Unknown component type: ${this.component.type}`),null}}static get style(){return":host{display:block}.input-wrapper{display:flex;flex-direction:column;position:relative;margin-bottom:16px}.input-container{position:relative;width:100%}.input-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:16px;font-weight:var(--ah-font-weight-label, 400);color:var(--ah-color-text-muted, #65676e);pointer-events:none;transition:all 0.15s ease-out;background-color:transparent;padding:0;z-index:1}.input-label.floating,.input-field:focus+.input-label,.input-field:not(:placeholder-shown)+.input-label{top:-8px;transform:translateY(0);font-size:12px;background-color:var(--ah-color-bg, #ffffff);padding:0 4px;left:12px;color:var(--ah-color-text-muted, #65676e)}.input-field:focus+.input-label{color:var(--ah-color-primary, #635dff)}.required{color:var(--ah-color-error, #d03c38);margin-left:2px}.input-field{width:100%;padding:16px;font-size:16px;font-family:inherit;color:var(--ah-color-text, #1e212a);background-color:var(--ah-color-input-bg, #ffffff);border:1px solid var(--ah-color-border, #c9cace);border-radius:var(--ah-input-radius, 3px);outline:none;transition:border-color 0.15s ease-out, box-shadow 0.15s ease-out;box-sizing:border-box}.input-field::placeholder{color:transparent}.input-field:hover{border-color:var(--ah-color-border-hover, #65676e)}.input-field:focus{border-color:var(--ah-color-primary, #635dff);box-shadow:inset 0 0 0 1px var(--ah-color-primary, #635dff)}.input-field.has-error{border-color:var(--ah-color-error, #d03c38)}.input-field.has-error:focus{box-shadow:inset 0 0 0 1px var(--ah-color-error, #d03c38)}.input-field:disabled{background-color:var(--ah-color-bg-disabled, #f5f5f5);border-color:var(--ah-color-border-disabled, #e0e1e3);cursor:not-allowed;opacity:0.7}.password-container{position:relative;display:flex;align-items:center}.password-container .input-field{padding-right:48px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--ah-color-text-muted, #65676e);transition:color 0.15s ease}.password-toggle:hover{color:var(--ah-color-text, #1e212a)}.password-toggle svg{width:20px;height:20px}.error-text{font-size:12px;color:var(--ah-color-error, #d03c38);margin-top:4px;line-height:1.4}.helper-text{font-size:12px;color:var(--ah-color-text-muted, #65676e);margin-top:4px;line-height:1.4}.field-link{display:block;text-align:left;margin-top:8px;margin-bottom:16px}.field-link a{color:var(--ah-color-link, #635dff);text-decoration:var(--ah-link-decoration, none);font-size:14px;font-weight:var(--ah-font-weight-link, 400)}.field-link a:hover{text-decoration:underline}.checkbox-wrapper{display:flex;align-items:flex-start;gap:10px;cursor:pointer;margin-bottom:16px}.checkbox-wrapper input[type='checkbox']{width:18px;height:18px;margin:0;accent-color:var(--ah-color-primary, #635dff);cursor:pointer;flex-shrink:0}.checkbox-label{font-size:14px;color:var(--ah-color-text, #1e212a);line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;font-size:16px;font-weight:var(--ah-font-weight-btn, 400);font-family:inherit;line-height:1.25;text-align:center;text-decoration:none;border:none;border-radius:var(--ah-btn-radius, 3px);cursor:pointer;transition:background-color 0.15s ease, border-color 0.15s ease, transform 0.1s ease;box-sizing:border-box}.btn:disabled{opacity:0.6;cursor:not-allowed}.btn:not(:disabled):active{transform:scale(0.98)}.btn:focus-visible{outline:2px solid var(--ah-color-primary, #635dff);outline-offset:2px}.btn-primary{background-color:var(--ah-color-primary, #635dff);color:var(--ah-color-text-on-primary, #ffffff);margin-top:8px}.btn-primary:not(:disabled):hover{background-color:var(--ah-color-primary-hover);filter:brightness(0.9)}.btn-secondary{background-color:var(--ah-color-bg, #ffffff);color:var(--ah-color-text, #1e212a);border:1px solid var(--ah-color-border, #c9cace)}.btn-secondary:not(:disabled):hover{background-color:var(--ah-color-bg-hover, #f5f5f5);border-color:var(--ah-color-border-hover, #65676e)}.btn-link{background:none;border:none;color:var(--ah-color-link, #635dff);padding:8px 0;font-weight:var(--ah-font-weight-link, 400);text-decoration:none}.btn-link:hover{text-decoration:underline}.btn-social{display:flex;align-items:center;justify-content:center;gap:12px}.social-icon{width:20px;height:20px;flex-shrink:0}.btn-icon{width:20px;height:20px;flex-shrink:0}.btn-icon img{width:100%;height:100%;object-fit:contain}.text-title{font-size:20px;font-weight:400;color:var(--ah-color-text, #1e212a);margin:8px 0;line-height:1.3}.text-title.text-success{color:var(--ah-color-success, #13a769)}.text-description{font-size:14px;color:var(--ah-color-text-muted, #65676e);margin:4px 0;line-height:1.5}.image{display:block;max-width:100%;height:auto;border-radius:4px}.image-centered{margin:0 auto 16px;width:52px;height:52px;object-fit:contain}.link{color:var(--ah-color-link, #635dff);text-decoration:var(--ah-link-decoration, none);font-size:14px;transition:color 0.15s ease}.link:hover{text-decoration:underline}.link:focus-visible{outline:2px solid var(--ah-color-link, #635dff);outline-offset:2px;border-radius:2px}.node-error{padding:12px 16px;background-color:var(--ah-color-error-bg, #ffeaea);color:var(--ah-color-error, #d03c38);border-left:3px solid var(--ah-color-error, #d03c38);border-radius:0;font-size:14px;margin-bottom:16px}.node-success{padding:12px 16px;background-color:var(--ah-color-success-bg, #e6f9f1);color:var(--ah-color-success, #13a769);border-left:3px solid var(--ah-color-success, #13a769);border-radius:0;font-size:14px;margin-bottom:16px}.divider{display:flex;align-items:center;text-align:center;margin:16px 0}.divider::before,.divider::after{content:'';flex:1;border-bottom:1px solid var(--ah-color-border-muted, #c9cace)}.divider-text{padding:0 10px;font-size:12px;font-weight:400;color:var(--ah-color-text-muted, #65676e);text-transform:uppercase;letter-spacing:0.5px}"}},[513,"authhero-node",{component:[16],value:[1],disabled:[4],passwordVisible:[32]}]);function n(){"undefined"!=typeof customElements&&["authhero-node"].forEach((e=>{"authhero-node"===e&&(customElements.get(t(e))||customElements.define(t(e),a))}))}n();export{a as A,n as d}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h } from './index-bMtPc5Dm.js';
|
|
2
2
|
|
|
3
|
-
const authheroNodeCss = () => `:host{display:block}.input-wrapper{display:flex;flex-direction:column;
|
|
3
|
+
const authheroNodeCss = () => `:host{display:block}.input-wrapper{display:flex;flex-direction:column;position:relative;margin-bottom:16px}.input-container{position:relative;width:100%}.input-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:16px;font-weight:var(--ah-font-weight-label, 400);color:var(--ah-color-text-muted, #65676e);pointer-events:none;transition:all 0.15s ease-out;background-color:transparent;padding:0;z-index:1}.input-label.floating,.input-field:focus+.input-label,.input-field:not(:placeholder-shown)+.input-label{top:-8px;transform:translateY(0);font-size:12px;background-color:var(--ah-color-bg, #ffffff);padding:0 4px;left:12px;color:var(--ah-color-text-muted, #65676e)}.input-field:focus+.input-label{color:var(--ah-color-primary, #635dff)}.required{color:var(--ah-color-error, #d03c38);margin-left:2px}.input-field{width:100%;padding:16px;font-size:16px;font-family:inherit;color:var(--ah-color-text, #1e212a);background-color:var(--ah-color-input-bg, #ffffff);border:1px solid var(--ah-color-border, #c9cace);border-radius:var(--ah-input-radius, 3px);outline:none;transition:border-color 0.15s ease-out, box-shadow 0.15s ease-out;box-sizing:border-box}.input-field::placeholder{color:transparent}.input-field:hover{border-color:var(--ah-color-border-hover, #65676e)}.input-field:focus{border-color:var(--ah-color-primary, #635dff);box-shadow:inset 0 0 0 1px var(--ah-color-primary, #635dff)}.input-field.has-error{border-color:var(--ah-color-error, #d03c38)}.input-field.has-error:focus{box-shadow:inset 0 0 0 1px var(--ah-color-error, #d03c38)}.input-field:disabled{background-color:var(--ah-color-bg-disabled, #f5f5f5);border-color:var(--ah-color-border-disabled, #e0e1e3);cursor:not-allowed;opacity:0.7}.password-container{position:relative;display:flex;align-items:center}.password-container .input-field{padding-right:48px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--ah-color-text-muted, #65676e);transition:color 0.15s ease}.password-toggle:hover{color:var(--ah-color-text, #1e212a)}.password-toggle svg{width:20px;height:20px}.error-text{font-size:12px;color:var(--ah-color-error, #d03c38);margin-top:4px;line-height:1.4}.helper-text{font-size:12px;color:var(--ah-color-text-muted, #65676e);margin-top:4px;line-height:1.4}.field-link{display:block;text-align:left;margin-top:8px;margin-bottom:16px}.field-link a{color:var(--ah-color-link, #635dff);text-decoration:var(--ah-link-decoration, none);font-size:14px;font-weight:var(--ah-font-weight-link, 400)}.field-link a:hover{text-decoration:underline}.checkbox-wrapper{display:flex;align-items:flex-start;gap:10px;cursor:pointer;margin-bottom:16px}.checkbox-wrapper input[type='checkbox']{width:18px;height:18px;margin:0;accent-color:var(--ah-color-primary, #635dff);cursor:pointer;flex-shrink:0}.checkbox-label{font-size:14px;color:var(--ah-color-text, #1e212a);line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;font-size:16px;font-weight:var(--ah-font-weight-btn, 400);font-family:inherit;line-height:1.25;text-align:center;text-decoration:none;border:none;border-radius:var(--ah-btn-radius, 3px);cursor:pointer;transition:background-color 0.15s ease, border-color 0.15s ease, transform 0.1s ease;box-sizing:border-box}.btn:disabled{opacity:0.6;cursor:not-allowed}.btn:not(:disabled):active{transform:scale(0.98)}.btn:focus-visible{outline:2px solid var(--ah-color-primary, #635dff);outline-offset:2px}.btn-primary{background-color:var(--ah-color-primary, #635dff);color:var(--ah-color-text-on-primary, #ffffff);margin-top:8px}.btn-primary:not(:disabled):hover{background-color:var(--ah-color-primary-hover);filter:brightness(0.9)}.btn-secondary{background-color:var(--ah-color-bg, #ffffff);color:var(--ah-color-text, #1e212a);border:1px solid var(--ah-color-border, #c9cace)}.btn-secondary:not(:disabled):hover{background-color:var(--ah-color-bg-hover, #f5f5f5);border-color:var(--ah-color-border-hover, #65676e)}.btn-link{background:none;border:none;color:var(--ah-color-link, #635dff);padding:8px 0;font-weight:var(--ah-font-weight-link, 400);text-decoration:none}.btn-link:hover{text-decoration:underline}.btn-social{display:flex;align-items:center;justify-content:center;gap:12px}.social-icon{width:20px;height:20px;flex-shrink:0}.btn-icon{width:20px;height:20px;flex-shrink:0}.btn-icon img{width:100%;height:100%;object-fit:contain}.text-title{font-size:20px;font-weight:400;color:var(--ah-color-text, #1e212a);margin:8px 0;line-height:1.3}.text-title.text-success{color:var(--ah-color-success, #13a769)}.text-description{font-size:14px;color:var(--ah-color-text-muted, #65676e);margin:4px 0;line-height:1.5}.image{display:block;max-width:100%;height:auto;border-radius:4px}.image-centered{margin:0 auto 16px;width:52px;height:52px;object-fit:contain}.link{color:var(--ah-color-link, #635dff);text-decoration:var(--ah-link-decoration, none);font-size:14px;transition:color 0.15s ease}.link:hover{text-decoration:underline}.link:focus-visible{outline:2px solid var(--ah-color-link, #635dff);outline-offset:2px;border-radius:2px}.node-error{padding:12px 16px;background-color:var(--ah-color-error-bg, #ffeaea);color:var(--ah-color-error, #d03c38);border-left:3px solid var(--ah-color-error, #d03c38);border-radius:0;font-size:14px;margin-bottom:16px}.node-success{padding:12px 16px;background-color:var(--ah-color-success-bg, #e6f9f1);color:var(--ah-color-success, #13a769);border-left:3px solid var(--ah-color-success, #13a769);border-radius:0;font-size:14px;margin-bottom:16px}.divider{display:flex;align-items:center;text-align:center;margin:16px 0}.divider::before,.divider::after{content:'';flex:1;border-bottom:1px solid var(--ah-color-border-muted, #c9cace)}.divider-text{padding:0 10px;font-size:12px;font-weight:400;color:var(--ah-color-text-muted, #65676e);text-transform:uppercase;letter-spacing:0.5px}`;
|
|
4
4
|
|
|
5
5
|
const AuthheroNode = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -21,6 +21,10 @@ const AuthheroNode = class {
|
|
|
21
21
|
* Whether the component is disabled.
|
|
22
22
|
*/
|
|
23
23
|
disabled = false;
|
|
24
|
+
/**
|
|
25
|
+
* Whether the password field is visible.
|
|
26
|
+
*/
|
|
27
|
+
passwordVisible = false;
|
|
24
28
|
/**
|
|
25
29
|
* Emitted when a field value changes.
|
|
26
30
|
*/
|
|
@@ -46,6 +50,9 @@ const AuthheroNode = class {
|
|
|
46
50
|
}
|
|
47
51
|
this.buttonClick.emit({ id: this.component.id, type, value });
|
|
48
52
|
};
|
|
53
|
+
togglePasswordVisibility = () => {
|
|
54
|
+
this.passwordVisible = !this.passwordVisible;
|
|
55
|
+
};
|
|
49
56
|
/**
|
|
50
57
|
* Get error messages from the component.
|
|
51
58
|
*/
|
|
@@ -54,13 +61,32 @@ const AuthheroNode = class {
|
|
|
54
61
|
return (runtimeComp.messages?.filter((m) => m.type === "error") || []);
|
|
55
62
|
}
|
|
56
63
|
/**
|
|
57
|
-
* Render a label for a field.
|
|
64
|
+
* Render a floating label for a field.
|
|
65
|
+
*/
|
|
66
|
+
renderFloatingLabel(text, inputId, required, hasValue) {
|
|
67
|
+
if (!text)
|
|
68
|
+
return null;
|
|
69
|
+
return (h("label", { class: { "input-label": true, floating: !!hasValue }, part: "label", htmlFor: inputId }, text, required && h("span", { class: "required" }, "*")));
|
|
70
|
+
}
|
|
71
|
+
/**
|
|
72
|
+
* Render a label for a field (non-floating version for checkboxes etc).
|
|
58
73
|
*/
|
|
59
74
|
renderLabel(text, inputId, required) {
|
|
60
75
|
if (!text)
|
|
61
76
|
return null;
|
|
62
77
|
return (h("label", { class: "input-label", part: "label", htmlFor: inputId }, text, required && h("span", { class: "required" }, "*")));
|
|
63
78
|
}
|
|
79
|
+
/**
|
|
80
|
+
* Render the eye icon for password visibility toggle.
|
|
81
|
+
*/
|
|
82
|
+
renderPasswordToggle() {
|
|
83
|
+
if (this.passwordVisible) {
|
|
84
|
+
// Eye-off icon (password is visible, click to hide)
|
|
85
|
+
return (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }), h("line", { x1: "1", y1: "1", x2: "23", y2: "23" })));
|
|
86
|
+
}
|
|
87
|
+
// Eye icon (password is hidden, click to show)
|
|
88
|
+
return (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }), h("circle", { cx: "12", cy: "12", r: "3" })));
|
|
89
|
+
}
|
|
64
90
|
/**
|
|
65
91
|
* Render error messages.
|
|
66
92
|
*/
|
|
@@ -112,21 +138,25 @@ const AuthheroNode = class {
|
|
|
112
138
|
renderTextField(component) {
|
|
113
139
|
const inputId = `input-${component.id}`;
|
|
114
140
|
const errors = this.getErrors();
|
|
115
|
-
const {
|
|
141
|
+
const { multiline, max_length } = component.config ?? {};
|
|
142
|
+
const hasValue = !!(this.value && this.value.length > 0);
|
|
116
143
|
if (multiline) {
|
|
117
|
-
return (h("div", { class: "input-wrapper", part: "input-wrapper" }, this.renderLabel(component.label, inputId, component.required), h("textarea", { id: inputId, class: { "input-field": true, "has-error": errors.length > 0 }, part: "input textarea", name: component.id, placeholder:
|
|
144
|
+
return (h("div", { class: "input-wrapper", part: "input-wrapper" }, this.renderLabel(component.label, inputId, component.required), h("textarea", { id: inputId, class: { "input-field": true, "has-error": errors.length > 0 }, part: "input textarea", name: component.id, placeholder: " ", required: component.required, disabled: this.disabled, maxLength: max_length, onInput: this.handleInput }, this.value ?? ""), this.renderErrors(), errors.length === 0 && this.renderHint(component.hint)));
|
|
118
145
|
}
|
|
119
|
-
return (h("div", { class: "input-wrapper", part: "input-wrapper" },
|
|
146
|
+
return (h("div", { class: "input-wrapper", part: "input-wrapper" }, h("div", { class: "input-container" }, h("input", { id: inputId, class: { "input-field": true, "has-error": errors.length > 0 }, part: "input", type: component.sensitive ? "password" : "text", name: component.id, value: this.value ?? "", placeholder: " ", required: component.required, disabled: this.disabled, maxLength: max_length, onInput: this.handleInput }), this.renderFloatingLabel(component.label, inputId, component.required, hasValue)), this.renderErrors(), errors.length === 0 && this.renderHint(component.hint)));
|
|
120
147
|
}
|
|
121
148
|
renderEmailField(component) {
|
|
122
149
|
const inputId = `input-${component.id}`;
|
|
123
150
|
const errors = this.getErrors();
|
|
124
|
-
|
|
151
|
+
const hasValue = !!(this.value && this.value.length > 0);
|
|
152
|
+
return (h("div", { class: "input-wrapper", part: "input-wrapper" }, h("div", { class: "input-container" }, h("input", { id: inputId, class: { "input-field": true, "has-error": errors.length > 0 }, part: "input", type: "email", name: component.id, value: this.value ?? "", placeholder: " ", required: component.required, disabled: this.disabled, autocomplete: "email", onInput: this.handleInput }), this.renderFloatingLabel(component.label, inputId, component.required, hasValue)), this.renderErrors(), errors.length === 0 && this.renderHint(component.hint)));
|
|
125
153
|
}
|
|
126
154
|
renderPasswordField(component) {
|
|
127
155
|
const inputId = `input-${component.id}`;
|
|
128
156
|
const errors = this.getErrors();
|
|
129
|
-
|
|
157
|
+
const hasValue = !!(this.value && this.value.length > 0);
|
|
158
|
+
const forgotPasswordLink = component.config?.forgot_password_link;
|
|
159
|
+
return (h("div", { class: "input-wrapper", part: "input-wrapper" }, h("div", { class: "input-container password-container" }, h("input", { id: inputId, class: { "input-field": true, "has-error": errors.length > 0 }, part: "input", type: this.passwordVisible ? "text" : "password", name: component.id, value: this.value ?? "", placeholder: " ", required: component.required, disabled: this.disabled, minLength: component.config?.min_length, autocomplete: "current-password", onInput: this.handleInput }), this.renderFloatingLabel(component.label, inputId, component.required, hasValue), h("button", { type: "button", class: "password-toggle", part: "password-toggle", onClick: this.togglePasswordVisibility, "aria-label": "Toggle password visibility", "aria-pressed": this.passwordVisible ? "true" : "false" }, this.renderPasswordToggle())), this.renderErrors(), errors.length === 0 && this.renderHint(component.hint), forgotPasswordLink && (h("div", { class: "field-link", part: "field-link" }, h("a", { href: forgotPasswordLink, class: "link", part: "link" }, "Forgot password?")))));
|
|
130
160
|
}
|
|
131
161
|
renderNumberField(component) {
|
|
132
162
|
const inputId = `input-${component.id}`;
|
|
@@ -173,7 +203,65 @@ const AuthheroNode = class {
|
|
|
173
203
|
}
|
|
174
204
|
renderSocialField(component) {
|
|
175
205
|
const providers = component.config?.providers ?? [];
|
|
176
|
-
|
|
206
|
+
// Map provider IDs to display names
|
|
207
|
+
const getProviderDisplayName = (provider) => {
|
|
208
|
+
const displayNames = {
|
|
209
|
+
"google-oauth2": "Google",
|
|
210
|
+
facebook: "Facebook",
|
|
211
|
+
twitter: "Twitter",
|
|
212
|
+
github: "GitHub",
|
|
213
|
+
linkedin: "LinkedIn",
|
|
214
|
+
apple: "Apple",
|
|
215
|
+
microsoft: "Microsoft",
|
|
216
|
+
windowslive: "Microsoft",
|
|
217
|
+
amazon: "Amazon",
|
|
218
|
+
dropbox: "Dropbox",
|
|
219
|
+
bitbucket: "Bitbucket",
|
|
220
|
+
spotify: "Spotify",
|
|
221
|
+
slack: "Slack",
|
|
222
|
+
discord: "Discord",
|
|
223
|
+
twitch: "Twitch",
|
|
224
|
+
line: "LINE",
|
|
225
|
+
shopify: "Shopify",
|
|
226
|
+
paypal: "PayPal",
|
|
227
|
+
"paypal-sandbox": "PayPal",
|
|
228
|
+
box: "Box",
|
|
229
|
+
salesforce: "Salesforce",
|
|
230
|
+
"salesforce-sandbox": "Salesforce",
|
|
231
|
+
yahoo: "Yahoo",
|
|
232
|
+
auth0: "Auth0",
|
|
233
|
+
};
|
|
234
|
+
return (displayNames[provider.toLowerCase()] ||
|
|
235
|
+
provider
|
|
236
|
+
.split("-")
|
|
237
|
+
.map((word) => word.charAt(0).toUpperCase() + word.slice(1))
|
|
238
|
+
.join(" "));
|
|
239
|
+
};
|
|
240
|
+
// Get provider icon SVG
|
|
241
|
+
const getProviderIcon = (provider) => {
|
|
242
|
+
const p = provider.toLowerCase();
|
|
243
|
+
if (p === "google-oauth2" || p === "google") {
|
|
244
|
+
return (h("svg", { class: "social-icon", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z", fill: "#4285F4" }), h("path", { d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z", fill: "#34A853" }), h("path", { d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z", fill: "#FBBC05" }), h("path", { d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z", fill: "#EA4335" })));
|
|
245
|
+
}
|
|
246
|
+
if (p === "facebook") {
|
|
247
|
+
return (h("svg", { class: "social-icon", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z", fill: "#1877F2" })));
|
|
248
|
+
}
|
|
249
|
+
if (p === "apple") {
|
|
250
|
+
return (h("svg", { class: "social-icon", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z", fill: "#000000" })));
|
|
251
|
+
}
|
|
252
|
+
if (p === "github") {
|
|
253
|
+
return (h("svg", { class: "social-icon", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z", fill: "#181717" })));
|
|
254
|
+
}
|
|
255
|
+
if (p === "microsoft" || p === "windowslive") {
|
|
256
|
+
return (h("svg", { class: "social-icon", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0 0h11.377v11.372H0V0z", fill: "#f25022" }), h("path", { d: "M12.623 0H24v11.372H12.623V0z", fill: "#7fba00" }), h("path", { d: "M0 12.623h11.377V24H0v-11.377z", fill: "#00a4ef" }), h("path", { d: "M12.623 12.623H24V24H12.623v-11.377z", fill: "#ffb900" })));
|
|
257
|
+
}
|
|
258
|
+
if (p === "linkedin") {
|
|
259
|
+
return (h("svg", { class: "social-icon", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z", fill: "#0A66C2" })));
|
|
260
|
+
}
|
|
261
|
+
// Default: no icon
|
|
262
|
+
return null;
|
|
263
|
+
};
|
|
264
|
+
return (h("div", { class: "social-buttons", part: "social-buttons" }, providers.map((provider) => (h("button", { type: "button", class: "btn btn-secondary btn-social", part: "button button-secondary button-social", "data-provider": provider, disabled: this.disabled, onClick: (e) => this.handleButtonClick(e, "social", provider), key: provider }, getProviderIcon(provider), h("span", null, "Continue with ", getProviderDisplayName(provider)))))));
|
|
177
265
|
}
|
|
178
266
|
// ===========================================================================
|
|
179
267
|
// Main Render
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, g as getElement, h } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, g as getElement, h } from './index-bMtPc5Dm.js';
|
|
2
2
|
|
|
3
3
|
/**
|
|
4
4
|
* AuthHero Widget - Branding Utilities
|
|
@@ -165,39 +165,60 @@ function themeToCssVars(theme) {
|
|
|
165
165
|
// Fonts
|
|
166
166
|
if (theme.fonts) {
|
|
167
167
|
const f = theme.fonts;
|
|
168
|
+
// reference_text_size is the base font size in pixels (default 16px)
|
|
169
|
+
const baseSize = f.reference_text_size || 16;
|
|
168
170
|
if (f.font_url) {
|
|
169
171
|
vars['--ah-font-url'] = f.font_url;
|
|
170
172
|
}
|
|
171
173
|
if (f.reference_text_size) {
|
|
172
174
|
vars['--ah-font-size-base'] = `${f.reference_text_size}px`;
|
|
173
175
|
}
|
|
176
|
+
// Title, subtitle, etc. sizes are percentages of the base size
|
|
174
177
|
if (f.title?.size) {
|
|
175
|
-
|
|
178
|
+
const titlePx = Math.round((f.title.size / 100) * baseSize);
|
|
179
|
+
vars['--ah-font-size-title'] = `${titlePx}px`;
|
|
176
180
|
}
|
|
177
181
|
if (f.subtitle?.size) {
|
|
178
|
-
|
|
182
|
+
const subtitlePx = Math.round((f.subtitle.size / 100) * baseSize);
|
|
183
|
+
vars['--ah-font-size-subtitle'] = `${subtitlePx}px`;
|
|
179
184
|
}
|
|
180
185
|
if (f.body_text?.size) {
|
|
181
|
-
|
|
186
|
+
const bodyPx = Math.round((f.body_text.size / 100) * baseSize);
|
|
187
|
+
vars['--ah-font-size-body'] = `${bodyPx}px`;
|
|
182
188
|
}
|
|
183
189
|
if (f.input_labels?.size) {
|
|
184
|
-
|
|
190
|
+
const labelPx = Math.round((f.input_labels.size / 100) * baseSize);
|
|
191
|
+
vars['--ah-font-size-label'] = `${labelPx}px`;
|
|
185
192
|
}
|
|
186
193
|
if (f.buttons_text?.size) {
|
|
187
|
-
|
|
194
|
+
const btnPx = Math.round((f.buttons_text.size / 100) * baseSize);
|
|
195
|
+
vars['--ah-font-size-btn'] = `${btnPx}px`;
|
|
188
196
|
}
|
|
189
197
|
if (f.links?.size) {
|
|
190
|
-
|
|
198
|
+
const linkPx = Math.round((f.links.size / 100) * baseSize);
|
|
199
|
+
vars['--ah-font-size-link'] = `${linkPx}px`;
|
|
191
200
|
}
|
|
192
201
|
if (f.links_style === 'underlined') {
|
|
193
202
|
vars['--ah-link-decoration'] = 'underline';
|
|
194
203
|
}
|
|
195
|
-
// Font weights
|
|
196
|
-
if (f.title?.bold) {
|
|
197
|
-
vars['--ah-font-weight-title'] = '700';
|
|
204
|
+
// Font weights - bold option sets font-weight to 700
|
|
205
|
+
if (f.title?.bold !== undefined) {
|
|
206
|
+
vars['--ah-font-weight-title'] = f.title.bold ? '700' : '400';
|
|
198
207
|
}
|
|
199
|
-
if (f.
|
|
200
|
-
vars['--ah-font-weight-
|
|
208
|
+
if (f.subtitle?.bold !== undefined) {
|
|
209
|
+
vars['--ah-font-weight-subtitle'] = f.subtitle.bold ? '700' : '400';
|
|
210
|
+
}
|
|
211
|
+
if (f.body_text?.bold !== undefined) {
|
|
212
|
+
vars['--ah-font-weight-body'] = f.body_text.bold ? '700' : '400';
|
|
213
|
+
}
|
|
214
|
+
if (f.input_labels?.bold !== undefined) {
|
|
215
|
+
vars['--ah-font-weight-label'] = f.input_labels.bold ? '700' : '400';
|
|
216
|
+
}
|
|
217
|
+
if (f.buttons_text?.bold !== undefined) {
|
|
218
|
+
vars['--ah-font-weight-btn'] = f.buttons_text.bold ? '600' : '400';
|
|
219
|
+
}
|
|
220
|
+
if (f.links?.bold !== undefined) {
|
|
221
|
+
vars['--ah-font-weight-link'] = f.links.bold ? '700' : '400';
|
|
201
222
|
}
|
|
202
223
|
}
|
|
203
224
|
// Widget settings
|
|
@@ -214,9 +235,27 @@ function themeToCssVars(theme) {
|
|
|
214
235
|
center: 'center',
|
|
215
236
|
left: 'flex-start',
|
|
216
237
|
right: 'flex-end',
|
|
217
|
-
none: 'none',
|
|
218
238
|
};
|
|
219
|
-
|
|
239
|
+
if (w.logo_position === 'none') {
|
|
240
|
+
vars['--ah-logo-display'] = 'none';
|
|
241
|
+
}
|
|
242
|
+
else {
|
|
243
|
+
vars['--ah-logo-align'] = positionMap[w.logo_position] ?? 'center';
|
|
244
|
+
}
|
|
245
|
+
}
|
|
246
|
+
if (w.social_buttons_layout) {
|
|
247
|
+
// 'top' means social buttons above fields, 'bottom' means below
|
|
248
|
+
// Divider is always order 1 (middle)
|
|
249
|
+
if (w.social_buttons_layout === 'top') {
|
|
250
|
+
vars['--ah-social-order'] = '0';
|
|
251
|
+
vars['--ah-divider-order'] = '1';
|
|
252
|
+
vars['--ah-fields-order'] = '2';
|
|
253
|
+
}
|
|
254
|
+
else {
|
|
255
|
+
vars['--ah-social-order'] = '2';
|
|
256
|
+
vars['--ah-divider-order'] = '1';
|
|
257
|
+
vars['--ah-fields-order'] = '0';
|
|
258
|
+
}
|
|
220
259
|
}
|
|
221
260
|
}
|
|
222
261
|
// Page background
|
|
@@ -249,7 +288,7 @@ function applyCssVars(element, vars) {
|
|
|
249
288
|
});
|
|
250
289
|
}
|
|
251
290
|
|
|
252
|
-
const authheroWidgetCss = () => `:host{display:block;font-family:var(--ah-font-family, -apple-system, BlinkMacSystemFont,
|
|
291
|
+
const authheroWidgetCss = () => `:host{display:block;font-family:var(--ah-font-family, 'ulp-font', -apple-system, BlinkMacSystemFont, Roboto, Helvetica, sans-serif);font-size:var(--ah-font-size-base, 14px);line-height:var(--ah-line-height-base, 1.5);color:var(--ah-color-text, #1e212a);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.widget-container{max-width:var(--ah-widget-max-width, 400px);width:100%;margin:0 auto;background-color:var(--ah-color-bg, #ffffff);border-radius:var(--ah-widget-radius, 5px);box-shadow:var(--ah-widget-shadow, 0 4px 22px 0 rgba(0, 0, 0, 0.11));box-sizing:border-box}.widget-header{padding:var(--ah-header-padding, 40px 40px 24px)}.widget-body{padding:var(--ah-body-padding, 0 40px 40px)}.logo-wrapper{display:var(--ah-logo-display, flex);justify-content:var(--ah-logo-align, center)}.logo{display:block;height:var(--ah-logo-height, 52px);max-width:100%;width:auto;object-fit:contain}.title{font-size:var(--ah-font-size-title, 24px);font-weight:var(--ah-font-weight-title, 700);text-align:var(--ah-title-align, center);margin:var(--ah-title-margin, 24px 0 16px);color:var(--ah-color-header, #1e212a);line-height:1.2}.description{font-size:var(--ah-font-size-description, 14px);text-align:var(--ah-title-align, center);margin:var(--ah-description-margin, 0);color:var(--ah-color-text, #1e212a);line-height:1.5}.message{padding:12px 16px;border-radius:4px;margin-bottom:16px;font-size:14px;line-height:1.5}.message-error{background-color:var(--ah-color-error-bg, #ffeaea);color:var(--ah-color-error, #d03c38);border-left:3px solid var(--ah-color-error, #d03c38)}.message-success{background-color:var(--ah-color-success-bg, #e6f9f1);color:var(--ah-color-success, #13a769);border-left:3px solid var(--ah-color-success, #13a769)}form{display:flex;flex-direction:column}.form-content{display:flex;flex-direction:column}.social-section{display:flex;flex-direction:column;gap:8px;order:var(--ah-social-order, 2)}.fields-section{display:flex;flex-direction:column;order:var(--ah-fields-order, 0)}.divider{display:flex;align-items:center;text-align:center;margin:16px 0;order:var(--ah-divider-order, 1)}.divider::before,.divider::after{content:'';flex:1;border-bottom:1px solid var(--ah-color-border-muted, #c9cace)}.divider-text{padding:0 10px;font-size:12px;font-weight:400;color:var(--ah-color-text-muted, #65676e);text-transform:uppercase;letter-spacing:0}.links{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:16px}.link-wrapper{font-size:14px;color:var(--ah-color-text, #1e212a)}.link{color:var(--ah-color-link, #635dff);text-decoration:var(--ah-link-decoration, none);font-size:14px;font-weight:var(--ah-font-weight-link, 400);transition:color 150ms ease}.link:hover{text-decoration:underline}.link:focus-visible{outline:2px solid var(--ah-color-link, #635dff);outline-offset:2px;border-radius:2px}.loading-spinner{width:32px;height:32px;margin:24px auto;border:3px solid var(--ah-color-border-muted, #e0e1e3);border-top-color:var(--ah-color-primary, #635dff);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.error-message{text-align:center;color:var(--ah-color-error, #d03c38);padding:16px;font-size:14px}`;
|
|
253
292
|
|
|
254
293
|
const AuthheroWidget = class {
|
|
255
294
|
constructor(hostRef) {
|
|
@@ -507,6 +546,13 @@ const AuthheroWidget = class {
|
|
|
507
546
|
}
|
|
508
547
|
};
|
|
509
548
|
handleButtonClick = (detail) => {
|
|
549
|
+
// If this is a submit button click, trigger form submission
|
|
550
|
+
if (detail.type === 'submit') {
|
|
551
|
+
// Create a synthetic submit event and call handleSubmit
|
|
552
|
+
const syntheticEvent = { preventDefault: () => { } };
|
|
553
|
+
this.handleSubmit(syntheticEvent);
|
|
554
|
+
return;
|
|
555
|
+
}
|
|
510
556
|
this.buttonClick.emit(detail);
|
|
511
557
|
};
|
|
512
558
|
handleLinkClick = (e, link) => {
|
|
@@ -544,6 +590,20 @@ const AuthheroWidget = class {
|
|
|
544
590
|
.filter((c) => c.visible !== false)
|
|
545
591
|
.sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
|
|
546
592
|
}
|
|
593
|
+
/**
|
|
594
|
+
* Check if a component is a social button.
|
|
595
|
+
*/
|
|
596
|
+
isSocialComponent(component) {
|
|
597
|
+
// Check the type property directly - FormComponent has a 'type' field
|
|
598
|
+
// SocialField has type 'SOCIAL'
|
|
599
|
+
return component.type === 'SOCIAL';
|
|
600
|
+
}
|
|
601
|
+
/**
|
|
602
|
+
* Check if a component is a divider.
|
|
603
|
+
*/
|
|
604
|
+
isDividerComponent(component) {
|
|
605
|
+
return component.type === 'DIVIDER';
|
|
606
|
+
}
|
|
547
607
|
render() {
|
|
548
608
|
if (this.loading && !this._screen) {
|
|
549
609
|
return (h("div", { class: "widget-container" }, h("div", { class: "loading-spinner" })));
|
|
@@ -554,9 +614,13 @@ const AuthheroWidget = class {
|
|
|
554
614
|
const screenErrors = this.getScreenErrors();
|
|
555
615
|
const screenSuccesses = this.getScreenSuccesses();
|
|
556
616
|
const components = this.getOrderedComponents();
|
|
557
|
-
//
|
|
558
|
-
const
|
|
559
|
-
|
|
617
|
+
// Separate social, divider, and field components for layout ordering
|
|
618
|
+
const socialComponents = components.filter(c => this.isSocialComponent(c));
|
|
619
|
+
const fieldComponents = components.filter(c => !this.isSocialComponent(c) && !this.isDividerComponent(c));
|
|
620
|
+
const hasDivider = components.some(c => this.isDividerComponent(c));
|
|
621
|
+
// Get logo URL from theme.widget (takes precedence) or branding
|
|
622
|
+
const logoUrl = this._theme?.widget?.logo_url || this._branding?.logo_url;
|
|
623
|
+
return (h("div", { class: "widget-container", part: "container" }, h("header", { class: "widget-header", part: "header" }, logoUrl && (h("div", { class: "logo-wrapper", part: "logo-wrapper" }, h("img", { class: "logo", part: "logo", src: logoUrl, alt: "Logo" }))), this._screen.title && (h("h1", { class: "title", part: "title" }, this._screen.title)), this._screen.description && (h("p", { class: "description", part: "description" }, this._screen.description))), h("div", { class: "widget-body", part: "body" }, screenErrors.map((err) => (h("div", { class: "message message-error", part: "message message-error", key: err.id ?? err.text }, err.text))), screenSuccesses.map((msg) => (h("div", { class: "message message-success", part: "message message-success", key: msg.id ?? msg.text }, msg.text))), h("form", { onSubmit: this.handleSubmit, part: "form" }, h("div", { class: "form-content" }, socialComponents.length > 0 && (h("div", { class: "social-section", part: "social-section" }, socialComponents.map((component) => (h("authhero-node", { key: component.id, component: component, value: this.formData[component.id], onFieldChange: (e) => this.handleInputChange(e.detail.id, e.detail.value), onButtonClick: (e) => this.handleButtonClick(e.detail), disabled: this.loading }))))), socialComponents.length > 0 && fieldComponents.length > 0 && hasDivider && (h("div", { class: "divider", part: "divider" }, h("span", { class: "divider-text" }, "Or"))), h("div", { class: "fields-section", part: "fields-section" }, fieldComponents.map((component) => (h("authhero-node", { key: component.id, component: component, value: this.formData[component.id], onFieldChange: (e) => this.handleInputChange(e.detail.id, e.detail.value), onButtonClick: (e) => this.handleButtonClick(e.detail), disabled: this.loading })))))), this._screen.links && this._screen.links.length > 0 && (h("div", { class: "links", part: "links" }, this._screen.links.map((link) => (h("span", { class: "link-wrapper", part: "link-wrapper", key: link.id ?? link.href }, link.linkText ? (h("span", null, link.text, ' ', h("a", { href: link.href, class: "link", part: "link", onClick: (e) => this.handleLinkClick(e, { id: link.id, href: link.href, text: link.linkText || link.text }) }, link.linkText))) : (h("a", { href: link.href, class: "link", part: "link", onClick: (e) => this.handleLinkClick(e, { id: link.id, href: link.href, text: link.text }) }, link.text))))))))));
|
|
560
624
|
}
|
|
561
625
|
static get watchers() { return {
|
|
562
626
|
"screen": [{
|